{"id":106461,"date":"2025-04-27T11:07:20","date_gmt":"2025-04-27T06:37:20","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/"},"modified":"2025-04-27T11:07:20","modified_gmt":"2025-04-27T06:37:20","slug":"enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/","title":{"rendered":"\ud83d\udc8e enum-plus: \u0628\u0627\u0648\u0631 \u06a9\u0646\u06cc\u062f \u06cc\u0627 \u0646\u0647 \u060c \u0627\u06cc\u0646 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0622\u062e\u0631\u06cc\u0646 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 enum JavaScript \u0634\u0645\u0627 \u0628\u0627\u0634\u062f"},"content":{"rendered":"<div data-article-id=\"2432881\" id=\"article-body\">\n<p>\u0644\u0648\u0628<\/p>\n<p><center><\/p>\n<p>        <\/p>\n<p><\/center><\/p>\n<p><center><br \/>\n  <strong>\u0645\u062b\u0644 \u0639\u0646\u0627\u0648\u06cc\u0646 \u0628\u0648\u0645\u06cc \u060c \u0627\u0645\u0627 \u062e\u06cc\u0644\u06cc \u0628\u0647\u062a\u0631!<\/strong><br \/>\n<\/center><\/p>\n<p>\u0645\u0642\u062f\u0645\u0647 | \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627 | \u0646\u0635\u0628 | \u062a\u0639\u0631\u06cc\u0641 enum | API | \u0627\u0633\u062a\u0641\u0627\u062f\u0647 | \u0628\u0648\u0645\u06cc \u0633\u0627\u0632\u06cc | \u067e\u0633\u0648\u0646\u062f \u062c\u0647\u0627\u0646\u06cc<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter-rtl ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"\u062a\u063a\u06cc\u06cc\u0631 \u0648\u0636\u0639\u06cc\u062a \u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%D9%85%D9%82%D8%AF%D9%85%D9%87\" >\u0645\u0642\u062f\u0645\u0647<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%D9%88%DB%8C%DA%98%DA%AF%DB%8C\" >\u0648\u06cc\u0698\u06af\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%D9%86%D8%B5%D8%A8\" >\u0646\u0635\u0628<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%D8%AA%D8%B9%D8%B1%DB%8C%D9%81\" >\u062a\u0639\u0631\u06cc\u0641<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%E2%80%A2_%D8%A8%D8%A7_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87_%D8%A7%D8%B2_%D8%B3%D8%A8%DA%A9_%D8%A8%D9%88%D9%85%DB%8C_%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF\" >\u2022 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0633\u0628\u06a9 \u0628\u0648\u0645\u06cc \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%E2%80%A2_%D8%A8%D8%A7_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87_%D8%A7%D8%B2_%DA%A9%D9%84%DB%8C%D8%AF_%D8%8C_%D9%85%D9%82%D8%AF%D8%A7%D8%B1_%D9%88_%D9%85%D8%AA%D9%86_%D9%86%D9%85%D8%A7%DB%8C%D8%B4_%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF_%F0%9F%91%8D_%D8%AA%D9%88%D8%B5%DB%8C%D9%87_%D9%85%DB%8C_%D8%B4%D9%88%D8%AF\" >\u2022 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06a9\u0644\u06cc\u062f \u060c \u0645\u0642\u062f\u0627\u0631 \u0648 \u0645\u062a\u0646 \u0646\u0645\u0627\u06cc\u0634 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f \ud83d\udc4d \u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc \u0634\u0648\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%E2%80%A2_%D8%A7%D8%B2_%D8%A2%D8%B1%D8%A7%DB%8C%D9%87_%D8%AF%D8%A7%D8%AF%D9%87_%D9%BE%D9%88%DB%8C%D8%A7_%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF\" >\u2022 \u0627\u0632 \u0622\u0631\u0627\u06cc\u0647 \u062f\u0627\u062f\u0647 \u067e\u0648\u06cc\u0627 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%E2%80%A2_%D8%A7%D8%B2_enum_%D8%A8%D9%88%D9%85%DB%8C_%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF_%D8%8C_%DA%A9%D9%87_%D9%85%D8%B9%D8%A7%D8%AF%D9%84_%D8%B1%D9%88%D8%B4_%D9%87%D8%A7%DB%8C_%DA%AF%D8%B3%D8%AA%D8%B1%D8%B4_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%B9%D9%86%D8%A7%D8%B5%D8%B1_%D8%A8%D9%88%D9%85%DB%8C_%D8%A7%D8%B3%D8%AA\" >\u2022 \u0627\u0632 enum \u0628\u0648\u0645\u06cc \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f \u060c \u06a9\u0647 \u0645\u0639\u0627\u062f\u0644 \u0631\u0648\u0634 \u0647\u0627\u06cc \u06af\u0633\u062a\u0631\u0634 \u0628\u0631\u0627\u06cc \u0639\u0646\u0627\u0635\u0631 \u0628\u0648\u0645\u06cc \u0627\u0633\u062a<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#API\" >API<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%F0%9F%92%8E_%DB%8C%DA%A9_%D9%85%D9%82%D8%AF%D8%A7%D8%B1_enum_%D8%B1%D8%A7_%D8%A7%D9%86%D8%AA%D8%AE%D8%A7%D8%A8_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF\" >\ud83d\udc8e \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 enum \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc \u06a9\u0646\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%F0%9F%92%8E_%D9%85%D9%88%D8%A7%D8%B1%D8%AF\" >\ud83d\udc8e \u0645\u0648\u0627\u0631\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%F0%9F%92%8E_%DA%A9%D9%84%DB%8C%D8%AF%D9%87%D8%A7\" >\ud83d\udc8e \u06a9\u0644\u06cc\u062f\u0647\u0627<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%F0%9F%92%8E_%D8%A8%D8%B1%DA%86%D8%B3%D8%A8\" >\ud83d\udc8e \u0628\u0631\u0686\u0633\u0628<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%F0%9F%92%8E_%DA%A9%D9%84%DB%8C%D8%AF\" >\ud83d\udc8e \u06a9\u0644\u06cc\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%F0%9F%92%8E\" >\ud83d\udc8e<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%F0%9F%92%8E_%D8%A7%D9%86%D8%AA%D8%AE%D8%A7%D8%A8\" >\ud83d\udc8e \u0627\u0646\u062a\u062e\u0627\u0628<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%F0%9F%92%8E_%D8%AA%D9%88%D9%85%D9%86%D9%88\" >\ud83d\udc8e \u062a\u0648\u0645\u0646\u0648<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#tofilter\" >tofilter<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%F0%9F%92%8E_tovaluemap\" >\ud83d\udc8e tovaluemap<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%F0%9F%92%8E_%D8%AE%D8%A7%D9%85\" >\ud83d\udc8e \u062e\u0627\u0645<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%E2%9A%A1_ValueType_TypeScript_ONLY\" >\u26a1 ValueType   [TypeScript ONLY]<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%E2%9A%A1_%D9%86%D9%88%D8%B9_%DA%A9%D9%84%DB%8C%D8%AF_TypeScript_ONLY\" >\u26a1 \u0646\u0648\u0639 \u06a9\u0644\u06cc\u062f   [TypeScript ONLY]<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%E2%9A%A1_%D9%86%D9%88%D8%B9_%D8%AE%D8%A7%D9%85_TypeScript_ONLY\" >\u26a1 \u0646\u0648\u0639 \u062e\u0627\u0645   [TypeScript ONLY]<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87\" >\u0627\u0633\u062a\u0641\u0627\u062f\u0647<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-25\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%E2%80%A2_%D9%85%D9%82%D8%A7%D8%AF%DB%8C%D8%B1_enum_%D8%B1%D8%A7_%D9%85%D8%B7%D8%A7%D8%A8%D9%82_%D8%A8%D8%A7_%D8%B9%D9%86%D8%A7%D8%B5%D8%B1_%D8%A8%D9%88%D9%85%DB%8C_%D8%A7%D9%86%D8%AA%D8%AE%D8%A7%D8%A8_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF\" >\u2022 \u0645\u0642\u0627\u062f\u06cc\u0631 enum \u0631\u0627 \u0645\u0637\u0627\u0628\u0642 \u0628\u0627 \u0639\u0646\u0627\u0635\u0631 \u0628\u0648\u0645\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc \u06a9\u0646\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-26\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%E2%80%A2_%D8%A7%D8%B2_%D9%86%D8%B8%D8%B1%D8%A7%D8%AA_JSDOC_%D8%AF%D8%B1_%D9%85%D9%88%D8%B1%D8%AF_%D9%85%D9%88%D8%A7%D8%B1%D8%AF_enum_%D9%BE%D8%B4%D8%AA%DB%8C%D8%A8%D8%A7%D9%86%DB%8C_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF\" >\u2022 \u0627\u0632 \u0646\u0638\u0631\u0627\u062a JSDOC \u062f\u0631 \u0645\u0648\u0631\u062f \u0645\u0648\u0627\u0631\u062f enum \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-27\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%E2%80%A2_%D8%A2%D8%B1%D8%A7%DB%8C%D9%87_%D8%A7%DB%8C_%D8%A7%D8%B2_%D9%85%D9%88%D8%A7%D8%B1%D8%AF_%D8%AE%D9%88%D8%A7%D9%86%D8%AF%D9%86_%D9%81%D9%82%D8%B7_%D8%AE%D9%88%D8%A7%D9%86%D8%AF%D9%86%DB%8C_%D8%AF%D8%B1%DB%8C%D8%A7%D9%81%D8%AA_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF\" >\u2022 \u0622\u0631\u0627\u06cc\u0647 \u0627\u06cc \u0627\u0632 \u0645\u0648\u0627\u0631\u062f \u062e\u0648\u0627\u0646\u062f\u0646 \u0641\u0642\u0637 \u062e\u0648\u0627\u0646\u062f\u0646\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc \u06a9\u0646\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-28\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%E2%80%A2_%D8%A7%D9%88%D9%84%DB%8C%D9%86_%D9%85%D9%82%D8%AF%D8%A7%D8%B1_enum_%D8%B1%D8%A7_%D8%AF%D8%B1%DB%8C%D8%A7%D9%81%D8%AA_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF\" >\u2022 \u0627\u0648\u0644\u06cc\u0646 \u0645\u0642\u062f\u0627\u0631 enum \u0631\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc \u06a9\u0646\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-29\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%E2%80%A2_%D8%A8%D8%B1%D8%B1%D8%B3%DB%8C_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF_%DA%A9%D9%87_%D8%A2%DB%8C%D8%A7_%DB%8C%DA%A9_%D9%85%D9%82%D8%AF%D8%A7%D8%B1_%DB%8C%DA%A9_%D9%85%D9%82%D8%AF%D8%A7%D8%B1_%D9%85%D8%B9%D8%AA%D8%A8%D8%B1_enum_%D8%A7%D8%B3%D8%AA\" >\u2022 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0622\u06cc\u0627 \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 \u0645\u0639\u062a\u0628\u0631 enum \u0627\u0633\u062a<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-30\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%E2%80%A2_instanceof_%D8%B9%D9%85%D9%84%DA%AF%D8%B1\" >\u2022 instanceof \u0639\u0645\u0644\u06af\u0631<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-31\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%E2%80%A2_%D9%BE%D8%B4%D8%AA%DB%8C%D8%A8%D8%A7%D9%86%DB%8C_%D8%A7%D8%B2_%D8%A2%D8%B1%D8%A7%DB%8C%D9%87_%D9%85%D9%88%D8%A7%D8%B1%D8%AF_enum_%D8%B1%D8%A7_%D9%BE%D8%B4%D8%AA%DB%8C%D8%A8%D8%A7%D9%86%DB%8C_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF\" >\u2022 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u0622\u0631\u0627\u06cc\u0647 \u0645\u0648\u0627\u0631\u062f enum \u0631\u0627 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-32\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%E2%80%A2_%D9%85%D8%AA%D9%86_%D9%86%D9%85%D8%A7%DB%8C%D8%B4_Enum_%D8%B1%D8%A7_%D8%A8%D8%B1_%D8%A7%D8%B3%D8%A7%D8%B3_%D9%85%D9%82%D8%AF%D8%A7%D8%B1_%DB%8C%D8%A7_%DA%A9%D9%84%DB%8C%D8%AF_%D8%AF%D8%B1%DB%8C%D8%A7%D9%81%D8%AA_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF\" >\u2022 \u0645\u062a\u0646 \u0646\u0645\u0627\u06cc\u0634 Enum \u0631\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0645\u0642\u062f\u0627\u0631 (\u06cc\u0627 \u06a9\u0644\u06cc\u062f) \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc \u06a9\u0646\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-33\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%E2%80%A2_%DA%A9%D9%84%DB%8C%D8%AF_Enum_%D8%B1%D8%A7_%D8%A8%D8%A7_%D8%A7%D8%B1%D8%B2%D8%B4_%D8%AF%D8%B1%DB%8C%D8%A7%D9%81%D8%AA_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF\" >\u2022 \u06a9\u0644\u06cc\u062f Enum \u0631\u0627 \u0628\u0627 \u0627\u0631\u0632\u0634 \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc \u06a9\u0646\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-34\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%E2%80%A2_%D8%AA%D8%B9%D8%AF%D8%A7%D8%AF_%D9%86%D8%A7%D9%85%D8%AD%D8%AF%D9%88%D8%AF%DB%8C_%D8%A7%D8%B2_%D8%B2%D9%85%DB%8C%D9%86%D9%87_%D9%87%D8%A7%DB%8C_%D8%B3%D9%81%D8%A7%D8%B1%D8%B4%DB%8C_%D8%B1%D8%A7_%DA%AF%D8%B3%D8%AA%D8%B1%D8%B4_%D9%85%DB%8C_%D8%AF%D9%87%D8%AF\" >\u2022 \u062a\u0639\u062f\u0627\u062f \u0646\u0627\u0645\u062d\u062f\u0648\u062f\u06cc \u0627\u0632 \u0632\u0645\u06cc\u0646\u0647 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0631\u0627 \u06af\u0633\u062a\u0631\u0634 \u0645\u06cc \u062f\u0647\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-35\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%E2%80%A2_%D8%A8%D9%87_%DA%A9%D9%86%D8%AA%D8%B1%D9%84_%D9%87%D8%A7%DB%8C_UI_%D8%AA%D8%A8%D8%AF%DB%8C%D9%84_%D9%85%DB%8C_%D8%B4%D9%88%D8%AF\" >\u2022 \u0628\u0647 \u06a9\u0646\u062a\u0631\u0644 \u0647\u0627\u06cc UI \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc \u0634\u0648\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-36\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%E2%80%A2_%D8%A7%D8%AF%D8%BA%D8%A7%D9%85_%D8%AF%D9%88_enum_%DB%8C%D8%A7_%DA%AF%D8%B3%D8%AA%D8%B1%D8%B4_%DB%8C%DA%A9_enum\" >\u2022 \u0627\u062f\u063a\u0627\u0645 \u062f\u0648 enum (\u06cc\u0627 \u06af\u0633\u062a\u0631\u0634 \u06cc\u06a9 enum)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-37\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%E2%80%A2_%D8%A8%D8%A7%D8%B1%DB%8C%DA%A9_%D8%B4%D8%AF%D9%86_number_%D8%A8%D9%87_%D8%AA%D9%88%D8%A7%D9%84%DB%8C_%D9%87%D8%A7%DB%8C_%D8%A7%D8%B1%D8%B2%D8%B4_TypeScript_ONLY\" >\u2022 \u0628\u0627\u0631\u06cc\u06a9 \u0634\u062f\u0646 number \u0628\u0647 \u062a\u0648\u0627\u0644\u06cc \u0647\u0627\u06cc \u0627\u0631\u0632\u0634   [TypeScript ONLY]<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-38\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%D8%A8%D9%88%D9%85%DB%8C_%D8%B3%D8%A7%D8%B2%DB%8C\" >\u0628\u0648\u0645\u06cc \u0633\u0627\u0632\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-39\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%D9%BE%D8%B3%D9%88%D9%86%D8%AF_%D8%AC%D9%87%D8%A7%D9%86%DB%8C\" >\u067e\u0633\u0648\u0646\u062f \u062c\u0647\u0627\u0646\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-40\" href=\"https:\/\/nabfollower.com\/blog\/enum-plus-believe-it-or-not-this-might-be-your-last-javascript-enum-library-4gmc\/#%D8%B3%D8%A7%D8%B2%DA%AF%D8%A7%D8%B1%DB%8C\" >\u0633\u0627\u0632\u06af\u0627\u0631\u06cc<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D9%85%D9%82%D8%AF%D9%85%D9%87\"><\/span>\n<p>  \u0645\u0642\u062f\u0645\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><code>enum-plus<\/code>  \u06cc\u06a9 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 Enum Enum \u0627\u0633\u062a \u06a9\u0647 \u06a9\u0627\u0645\u0644\u0627\u064b \u0628\u0627 \u0628\u0648\u0645\u06cc \u0633\u0627\u0632\u06af\u0627\u0631 \u0627\u0633\u062a <code>enum<\/code> \u0648 \u0622\u0646 \u0631\u0627 \u0628\u0627 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0642\u062f\u0631\u062a\u0645\u0646\u062f\u06cc \u0645\u0627\u0646\u0646\u062f \u0645\u062a\u0646 \u0646\u0645\u0627\u06cc\u0634 \u060c \u0628\u0648\u0645\u06cc \u0633\u0627\u0632\u06cc \u060c \u0627\u062a\u0635\u0627\u0644 \u06a9\u0646\u062a\u0631\u0644 UI \u060c \u0645\u0648\u0627\u0631\u062f Enum Traversal \u0648 \u0631\u0648\u0634 \u0647\u0627\u06cc \u067e\u0633\u0648\u0646\u062f \u0645\u0641\u06cc\u062f\u062a\u0631 \u06af\u0633\u062a\u0631\u0634 \u0645\u06cc \u062f\u0647\u062f. \u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0633\u0628\u06a9 \u060c \u0648\u0627\u0628\u0633\u062a\u0647 \u0628\u0647 \u0635\u0641\u0631 \u060c \u0628\u0627 \u0647\u0631 \u0686\u0627\u0631\u0686\u0648\u0628 \u062c\u0644\u0648\u06cc\u06cc \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<p>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0642\u0627\u0628\u0644\u06cc\u062a \u0645\u062a\u0646 \u0646\u0645\u0627\u06cc\u0634 \u06af\u0633\u062a\u0631\u062f\u0647 \u060c \u0645\u06cc \u062a\u0648\u0627\u0646 \u0627\u0632 \u0645\u0648\u0627\u0631\u062f Enum \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u06a9\u0634\u0648\u06cc\u06cc \u060c \u06a9\u0627\u062f\u0631 \u0627\u0646\u062a\u062e\u0627\u0628 \u0648 \u0633\u0627\u06cc\u0631 \u06a9\u0646\u062a\u0631\u0644 \u0647\u0627\u06cc UI \u0628\u0627 \u06cc\u06a9 \u062e\u0637 \u06a9\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f. \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0648\u0634\u0647\u0627\u06cc \u067e\u0633\u0648\u0646\u062f enum \u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u0622\u0631\u0627\u06cc\u0647 \u0627\u06cc \u0627\u0632 \u0645\u0648\u0627\u0631\u062f enum \u0631\u0627 \u0637\u06cc \u06a9\u0646\u06cc\u062f \u060c \u0645\u062a\u0646 \u0646\u0645\u0627\u06cc\u0634\u06af\u0631 \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 \u062e\u0627\u0635 \u0631\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0646\u06cc\u062f \u060c \u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0622\u06cc\u0627 \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u060c \u0648 \u063a\u06cc\u0631\u0647. \u0645\u062a\u0646 \u0646\u0645\u0627\u06cc\u0634\u06af\u0631 \u0645\u0648\u0631\u062f enum \u0627\u0632 \u0645\u062d\u0644\u06cc \u0633\u0627\u0632\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f \u060c \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0645\u062a\u0646 \u0645\u0631\u0628\u0648\u0637\u0647 \u0631\u0627 \u0645\u0637\u0627\u0628\u0642 \u0628\u0627 \u0645\u062d\u06cc\u0637 \u0632\u0628\u0627\u0646 \u0641\u0639\u0644\u06cc \u0628\u0627\u0632\u06af\u0631\u062f\u0627\u0646\u062f \u060c \u0648 \u0645\u062a\u0646 \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634 enum \u0631\u0627 \u0628\u0627 \u0627\u0646\u0639\u0637\u0627\u0641 \u067e\u0630\u06cc\u0631 \u062a\u0631 \u0648 \u0628\u06cc\u0634\u062a\u0631 \u062f\u0631 \u062e\u0637 \u0646\u06cc\u0627\u0632 \u06a9\u0627\u0631\u0628\u0631 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u062f.<\/p>\n<p>\u0686\u0647 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0647\u06cc\u062c\u0627\u0646 \u0627\u0646\u06af\u06cc\u0632 \u062f\u06cc\u06af\u0631\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f\u061f \u0644\u0637\u0641\u0627 \u0628\u0647 \u06a9\u0627\u0648\u0634 \u0627\u062f\u0627\u0645\u0647 \u062f\u0647\u06cc\u062f! \u06cc\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0628\u062a\u062f\u0627 \u0627\u06cc\u0646 \u0641\u06cc\u0644\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\n  <img decoding=\"async\" src=\"https:\/\/i.giphy.com\/media\/PVTTe3LNtLXllDLzEp\/giphy.gif\" loading=\"lazy\" width=\"480\" height=\"358\" data-animated=\"true\" alt=\"\" title=\"\">\n<\/p>\n<hr\/>\n<h2><span class=\"ez-toc-section\" id=\"%D9%88%DB%8C%DA%98%DA%AF%DB%8C\"><\/span>\n<p>  \u0648\u06cc\u0698\u06af\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li>\u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u06a9\u0627\u0645\u0644 \u0628\u0627 \u0628\u0648\u0645\u06cc <code>enum<\/code> \u0631\u0641\u062a\u0627\u0631<\/li>\n<li>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0645\u062e\u062a\u0644\u0641 \u062f\u0627\u062f\u0647 \u0627\u0632 \u062c\u0645\u0644\u0647 <code>number<\/code> \u0648\u062a <code>string<\/code>\n<\/li>\n<li>\u0645\u0648\u0627\u0631\u062f Enum Enum \u0628\u0627 \u0645\u062a\u0646 \u0646\u0645\u0627\u06cc\u0634\u06af\u0631 \u0642\u0627\u0628\u0644 \u062a\u0646\u0638\u06cc\u0645<\/li>\n<li>\u0642\u0627\u0628\u0644\u06cc\u062a \u0647\u0627\u06cc \u0645\u062d\u0644\u06cc \u0633\u0627\u0632\u06cc \u062f\u0627\u062e\u0644\u06cc \u06a9\u0647 \u0628\u0627 \u0647\u0631 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 i18n \u0627\u062f\u063a\u0627\u0645 \u0645\u06cc \u0634\u0648\u0646\u062f<\/li>\n<li>\u062a\u0628\u062f\u06cc\u0644 \u0633\u0627\u062f\u0647 \u0627\u0632 \u0645\u0642\u0627\u062f\u06cc\u0631 enum \u0628\u0647 \u0645\u062a\u0646 \u0646\u0645\u0627\u06cc\u0634\u06af\u0631 \u0642\u0627\u0628\u0644 \u062e\u0648\u0627\u0646\u062f\u0646 \u0627\u0646\u0633\u0627\u0646<\/li>\n<li>\u0637\u0631\u0627\u062d\u06cc \u06af\u0633\u062a\u0631\u062f\u0647 \u0627\u06cc \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0632\u0645\u06cc\u0646\u0647 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0646\u0627\u0645\u062d\u062f\u0648\u062f \u0631\u0627 \u062f\u0631 \u0645\u0648\u0627\u0631\u062f enum \u0641\u0631\u0627\u0647\u0645 \u06a9\u0646\u062f<\/li>\n<li>\u0627\u062f\u063a\u0627\u0645 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0628\u0627 \u0647\u0631 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 UI \u0645\u0627\u0646\u0646\u062f \u0637\u0631\u0627\u062d\u06cc \u0645\u0648\u0631\u0686\u0647 \u060c ElementPlus \u060c Material-UI \u060c \u062f\u0631 \u06cc\u06a9 \u062e\u0637 \u06a9\u062f \u0648\u0627\u062d\u062f<\/li>\n<li>Node.js \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u06a9\u0627\u0645\u0644 \u0628\u0627 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc SSR<\/li>\n<li>\u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0647\u0627\u06cc \u0635\u0641\u0631 &#8211; \u0627\u062c\u0631\u0627\u06cc \u062e\u0627\u0644\u0635 JavaScript \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0631 \u0647\u0631 \u0686\u0627\u0631\u0686\u0648\u0628 \u062c\u0644\u0648\u06cc\u06cc<\/li>\n<li>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u0646\u0648\u0639 \u062f\u0631\u062c\u0647 \u06cc\u06a9 \u0628\u0627 \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0646\u0648\u0639 \u062c\u0627\u0645\u0639<\/li>\n<li>\u0633\u0628\u06a9 \u0648\u0632\u0646 (\u0641\u0642\u0637 2 \u06a9\u06cc\u0644\u0648\u0628\u0627\u06cc\u062a+ gzipped)<\/li>\n<\/ul>\n<hr\/>\n<h2><span class=\"ez-toc-section\" id=\"%D9%86%D8%B5%D8%A8\"><\/span>\n<p>  \u0646\u0635\u0628<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>npm <span class=\"nb\">install <\/span>enum-plus\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<hr\/>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B9%D8%B1%DB%8C%D9%81\"><\/span>\n<p>  \u062a\u0639\u0631\u06cc\u0641<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0631\u0632\u0634\u0647\u0627\u06cc enum \u060c enum \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0627\u0632 \u0647\u0631 \u062f\u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f <code>number<\/code> \u0648\u062a <code>string<\/code> \u0627\u0646\u0648\u0627\u0639<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%E2%80%A2_%D8%A8%D8%A7_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87_%D8%A7%D8%B2_%D8%B3%D8%A8%DA%A9_%D8%A8%D9%88%D9%85%DB%8C_%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF\"><\/span>\n<p>  \u2022 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0633\u0628\u06a9 \u0628\u0648\u0645\u06cc \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">Enum<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">enum-plus<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">Week<\/span> <span class=\"o\">=<\/span> <span class=\"nc\">Enum<\/span><span class=\"p\">({<\/span>\n  <span class=\"na\">Sunday<\/span><span class=\"p\">:<\/span> <span class=\"mi\">0<\/span><span class=\"p\">,<\/span>\n  <span class=\"na\">Monday<\/span><span class=\"p\">:<\/span> <span class=\"mi\">1<\/span><span class=\"p\">,<\/span>\n<span class=\"p\">}<\/span> <span class=\"k\">as<\/span> <span class=\"kd\">const<\/span><span class=\"p\">);<\/span>\n\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">Monday<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ 1<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%80%A2_%D8%A8%D8%A7_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87_%D8%A7%D8%B2_%DA%A9%D9%84%DB%8C%D8%AF_%D8%8C_%D9%85%D9%82%D8%AF%D8%A7%D8%B1_%D9%88_%D9%85%D8%AA%D9%86_%D9%86%D9%85%D8%A7%DB%8C%D8%B4_%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF_%F0%9F%91%8D_%D8%AA%D9%88%D8%B5%DB%8C%D9%87_%D9%85%DB%8C_%D8%B4%D9%88%D8%AF\"><\/span>\n<p>  \u2022 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06a9\u0644\u06cc\u062f \u060c \u0645\u0642\u062f\u0627\u0631 \u0648 \u0645\u062a\u0646 \u0646\u0645\u0627\u06cc\u0634 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f <sup>\ud83d\udc4d \u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc \u0634\u0648\u062f<\/sup><br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">Enum<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">enum-plus<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">Week<\/span> <span class=\"o\">=<\/span> <span class=\"nc\">Enum<\/span><span class=\"p\">({<\/span>\n  <span class=\"na\">Sunday<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span> <span class=\"na\">value<\/span><span class=\"p\">:<\/span> <span class=\"mi\">0<\/span><span class=\"p\">,<\/span> <span class=\"na\">label<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Sunday<\/span><span class=\"dl\">'<\/span> <span class=\"p\">},<\/span>\n  <span class=\"na\">Monday<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span> <span class=\"na\">value<\/span><span class=\"p\">:<\/span> <span class=\"mi\">1<\/span><span class=\"p\">,<\/span> <span class=\"na\">label<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Monday<\/span><span class=\"dl\">'<\/span> <span class=\"p\">},<\/span>\n<span class=\"p\">}<\/span> <span class=\"k\">as<\/span> <span class=\"kd\">const<\/span><span class=\"p\">);<\/span>\n\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">Sunday<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ 0<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">label<\/span><span class=\"p\">(<\/span><span class=\"mi\">1<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Monday (here is display text, not key)<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%80%A2_%D8%A7%D8%B2_%D8%A2%D8%B1%D8%A7%DB%8C%D9%87_%D8%AF%D8%A7%D8%AF%D9%87_%D9%BE%D9%88%DB%8C%D8%A7_%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF\"><\/span>\n<p>  \u2022 \u0627\u0632 \u0622\u0631\u0627\u06cc\u0647 \u062f\u0627\u062f\u0647 \u067e\u0648\u06cc\u0627 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0628\u0639\u0636\u06cc \u0627\u0648\u0642\u0627\u062a \u0645\u0627 \u0628\u0627\u06cc\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0628\u0631\u06af\u0634\u062a\u06cc \u062a\u0648\u0633\u0637 API \u060c \u06cc\u06a9 enum \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u0645 \u060c \u062f\u0631 \u0627\u06cc\u0646 \u062d\u0627\u0644\u062a \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u0627\u0632 \u06cc\u06a9 \u0622\u0631\u0627\u06cc\u0647 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f enum \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">Enum<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">enum-plus<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">petTypes<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nf\">getPetsData<\/span><span class=\"p\">();<\/span>\n<span class=\"c1\">\/\/ [   { value: 1, key: 'dog', label: 'Dog' },<\/span>\n<span class=\"c1\">\/\/     { value: 2, key: 'cat', label: 'Cat' },<\/span>\n<span class=\"c1\">\/\/     { value: 3, key: 'rabbit', label: 'Rabbit' }   ];<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">PetTypes<\/span> <span class=\"o\">=<\/span> <span class=\"nc\">Enum<\/span><span class=\"p\">(<\/span><span class=\"nx\">petTypes<\/span><span class=\"p\">);<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%80%A2_%D8%A7%D8%B2_enum_%D8%A8%D9%88%D9%85%DB%8C_%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF_%D8%8C_%DA%A9%D9%87_%D9%85%D8%B9%D8%A7%D8%AF%D9%84_%D8%B1%D9%88%D8%B4_%D9%87%D8%A7%DB%8C_%DA%AF%D8%B3%D8%AA%D8%B1%D8%B4_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%B9%D9%86%D8%A7%D8%B5%D8%B1_%D8%A8%D9%88%D9%85%DB%8C_%D8%A7%D8%B3%D8%AA\"><\/span>\n<p>  \u2022 \u0627\u0632 enum \u0628\u0648\u0645\u06cc \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f \u060c \u06a9\u0647 \u0645\u0639\u0627\u062f\u0644 \u0631\u0648\u0634 \u0647\u0627\u06cc \u06af\u0633\u062a\u0631\u0634 \u0628\u0631\u0627\u06cc \u0639\u0646\u0627\u0635\u0631 \u0628\u0648\u0645\u06cc \u0627\u0633\u062a<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">Enum<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">enum-plus<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n<span class=\"kr\">enum<\/span> <span class=\"nx\">init<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nx\">Sunday<\/span> <span class=\"o\">=<\/span> <span class=\"mi\">0<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">Monday<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">Tuesday<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">Wednesday<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">Thursday<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">Friday<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">Saturday<\/span><span class=\"p\">,<\/span>\n<span class=\"p\">}<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">Week<\/span> <span class=\"o\">=<\/span> <span class=\"nc\">Enum<\/span><span class=\"p\">(<\/span><span class=\"nx\">init<\/span><span class=\"p\">);<\/span>\n\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">Sunday<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ 0<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">Monday<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ 1<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">Saturday<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ 6<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">label<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Sunday<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Sunday<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<hr\/>\n<h2><span class=\"ez-toc-section\" id=\"API\"><\/span>\n<p>  API<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"%F0%9F%92%8E_%DB%8C%DA%A9_%D9%85%D9%82%D8%AF%D8%A7%D8%B1_enum_%D8%B1%D8%A7_%D8%A7%D9%86%D8%AA%D8%AE%D8%A7%D8%A8_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF\"><\/span>\n<p>  \ud83d\udc8e \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 enum \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc \u06a9\u0646\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><code>Enum.XXX<\/code><\/p>\n<p>\u0645\u0627\u0646\u0646\u062f \u0628\u0648\u0645\u06cc \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u062f <code>enum<\/code>\u060c \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u062f\u0633\u062a\u0631\u0633\u06cc \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0647 \u0645\u0642\u0627\u062f\u06cc\u0631 enum \u0631\u0627 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">Sunday<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ 0<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">Monday<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ 1<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%F0%9F%92%8E_%D9%85%D9%88%D8%A7%D8%B1%D8%AF\"><\/span>\n<p>  \ud83d\udc8e \u0645\u0648\u0627\u0631\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><code>{ value, label, key, raw }[]<\/code><\/p>\n<p>\u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u06cc \u0627\u0632 \u0647\u0645\u0647 \u0645\u0648\u0627\u0631\u062f enum \u0641\u0642\u0637 \u062e\u0648\u0627\u0646\u062f\u0646\u06cc \u0631\u0627 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f. \u0633\u0627\u062e\u062a\u0627\u0631 \u0622\u0631\u0627\u06cc\u0647 \u0628\u0627 \u0645\u0634\u062e\u0635\u0627\u062a \u0645\u0624\u0644\u0641\u0647 \u0637\u0631\u0627\u062d\u06cc \u0645\u0648\u0631\u0686\u0647 \u0645\u0637\u0627\u0628\u0642\u062a \u062f\u0627\u0631\u062f \u060c \u06a9\u0647 \u0628\u0627\u0639\u062b \u0645\u06cc \u0634\u0648\u062f \u0645\u0646\u0648\u0647\u0627\u06cc \u06a9\u0634\u0648\u06cc\u06cc \u060c \u06a9\u0627\u062f\u0631 \u0686\u06a9 \u0648 \u0633\u0627\u06cc\u0631 \u06a9\u0646\u0633\u0631\u0648\u0644 \u0647\u0627\u06cc UI \u0628\u0627 \u062a\u0646\u0647\u0627 \u06cc\u06a9 \u062e\u0637 \u06a9\u062f \u062a\u0648\u0644\u06cc\u062f \u0634\u0648\u062f. \u0628\u0631\u0627\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631 \u060c \u0644\u0637\u0641\u0627\u064b \u0628\u0647 \u0645\u062b\u0627\u0644 \u0647\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0631 \u0632\u06cc\u0631 \u0645\u0631\u0627\u062c\u0639\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%F0%9F%92%8E_%DA%A9%D9%84%DB%8C%D8%AF%D9%87%D8%A7\"><\/span>\n<p>  \ud83d\udc8e \u06a9\u0644\u06cc\u062f\u0647\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><code>string[]<\/code><\/p>\n<p>\u06cc\u06a9 \u0645\u062c\u0645\u0648\u0639\u0647 \u0641\u0642\u0637 \u062e\u0648\u0627\u0646\u062f\u0646\u06cc \u0627\u0632 \u0647\u0645\u0647 \u0645\u0648\u0627\u0631\u062f enum \u0631\u0627 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f <code>key<\/code>(\u0647\u0627)<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%F0%9F%92%8E_%D8%A8%D8%B1%DA%86%D8%B3%D8%A8\"><\/span>\n<p>  \ud83d\udc8e \u0628\u0631\u0686\u0633\u0628<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><sup><strong><em>[Function]<\/em><\/strong><\/sup>    <code>label(keyOrValue?: string | number): string | undefined<\/code><\/p>\n<p>\u0645\u062a\u0646 \u0646\u0645\u0627\u06cc\u0634 \u06cc\u06a9 \u0645\u0648\u0631\u062f enum \u0631\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 \u06cc\u0627 \u06a9\u0644\u06cc\u062f \u062e\u0627\u0635 \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc \u06a9\u0646\u062f. \u0627\u06af\u0631 \u0628\u0648\u0645\u06cc \u0633\u0627\u0632\u06cc \u062a\u0646\u0638\u06cc\u0645 \u0634\u062f\u0647 \u0628\u0627\u0634\u062f \u060c \u0645\u062a\u0646 \u0628\u0648\u0645\u06cc \u0634\u062f\u0647 \u0628\u0627\u0632\u06af\u0631\u062f\u0627\u0646\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">label<\/span><span class=\"p\">(<\/span><span class=\"mi\">1<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Monday<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">label<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Monday<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Monday (here is label, not key)<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">label<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Monday<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ \u661f\u671f\u65e5, or show localized text if localization is set up<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%F0%9F%92%8E_%DA%A9%D9%84%DB%8C%D8%AF\"><\/span>\n<p>  \ud83d\udc8e \u06a9\u0644\u06cc\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><sup><strong><em>[Function]<\/em><\/strong><\/sup>    <code>key(value?: string | number): string | undefined<\/code><\/p>\n<p>\u06a9\u0644\u06cc\u062f \u06cc\u06a9 \u0645\u0648\u0631\u062f enum \u0631\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0645\u0642\u062f\u0627\u0631 enum \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0646\u06cc\u062f \u060c \u0627\u06af\u0631 \u06a9\u0644\u06cc\u062f \u067e\u06cc\u062f\u0627 \u0646\u0634\u062f\u0647 \u0627\u0633\u062a \u060c \u0628\u0631\u06af\u0631\u062f\u06cc\u062f <code>undefined<\/code>\u0628\u0634\u0631<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">key<\/span><span class=\"p\">(<\/span><span class=\"mi\">1<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Monday (here is key, not label)<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%F0%9F%92%8E\"><\/span>\n<p>  \ud83d\udc8e<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><sup><strong><em>[Function]<\/em><\/strong><\/sup>    <code>has(keyOrValue?: string | number): boolean<\/code><\/p>\n<p>\u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0622\u06cc\u0627 \u06cc\u06a9 \u0645\u0648\u0631\u062f \u062e\u0627\u0635 (\u0645\u0642\u062f\u0627\u0631 \u06cc\u0627 \u06a9\u0644\u06cc\u062f) \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">has<\/span><span class=\"p\">(<\/span><span class=\"mi\">1<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ true<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">has<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Sunday<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ true<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">has<\/span><span class=\"p\">(<\/span><span class=\"mi\">9<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ false<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">has<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Birthday<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ false<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%F0%9F%92%8E_%D8%A7%D9%86%D8%AA%D8%AE%D8%A7%D8%A8\"><\/span>\n<p>  \ud83d\udc8e \u0627\u0646\u062a\u062e\u0627\u0628<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><sup><strong><em>[Function]<\/em><\/strong><\/sup>    <code>toSelect(config?: OptionsConfig): {value, label}[]<\/code><\/p>\n<p><code>toSelect<\/code>  \u0634\u0628\u06cc\u0647 \u0628\u0647 <code>items<\/code>\u060c \u0647\u0631 \u062f\u0648 \u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u06cc \u0627\u0632 \u0647\u0645\u0647 \u0645\u0648\u0627\u0631\u062f enum \u0631\u0627 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u0646\u062f. \u062a\u0641\u0627\u0648\u062a \u062f\u0631 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0639\u0646\u0627\u0635\u0631 \u0628\u0631\u06af\u0634\u062a\u06cc \u062a\u0648\u0633\u0637 <code>toSelect<\/code> \u0641\u0642\u0637 \u062d\u0627\u0648\u06cc <code>label<\/code> \u0648\u062a <code>value<\/code> \u0632\u0645\u06cc\u0646\u0647 \u0647\u0627 \u060c \u0647\u06cc\u0686 \u0632\u0645\u06cc\u0646\u0647 \u0627\u0636\u0627\u0641\u06cc \u062f\u06cc\u06af\u0631\u06cc. \u062f\u0631 \u0647\u0645\u0627\u0646 \u0632\u0645\u0627\u0646 \u060c <code>toSelect<\/code> \u0631\u0648\u0634 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627 \u06cc\u06a9 \u0639\u0646\u0635\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u0631\u0627 \u062f\u0631 \u0627\u0628\u062a\u062f\u0627\u06cc \u0622\u0631\u0627\u06cc\u0647 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f \u060c \u06a9\u0647 \u0628\u0647 \u0637\u0648\u0631 \u06a9\u0644\u06cc \u0628\u0631\u0627\u06cc \u06af\u0632\u06cc\u0646\u0647 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f (\u0627\u06cc\u0646 \u0628\u0647 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a <em>\u0647\u0645\u0647<\/em>\u0628\u0627 <em>\u0647\u06cc\u0686 \u06a9\u062f\u0627\u0645<\/em>\u060c \u06cc\u0627 <em>\u0646\u0627\u0645\u062d\u062f\u0648\u062f<\/em>\u060c \u0648 \u063a\u06cc\u0631\u0647) \u0627\u0632 \u06a9\u0646\u062a\u0631\u0644 \u0627\u0646\u062a\u062e\u0627\u0628. \u0627\u0644\u0628\u062a\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u06cc\u0646 \u06af\u0632\u06cc\u0646\u0647 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u0631\u0627 \u0633\u0641\u0627\u0631\u0634\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%F0%9F%92%8E_%D8%AA%D9%88%D9%85%D9%86%D9%88\"><\/span>\n<p>  \ud83d\udc8e \u062a\u0648\u0645\u0646\u0648<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><sup><strong><em>[Function]<\/em><\/strong><\/sup>    <code>toMenu(): { key, label }[]<\/code><\/p>\n<p>\u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u06cc \u0627\u0632 \u0647\u0645\u0647 \u0645\u0648\u0627\u0631\u062f enum \u0631\u0627 \u06a9\u0647 \u0645\u0637\u0627\u0628\u0642 \u0628\u0627 \u0645\u0634\u062e\u0635\u0627\u062a \u0637\u0631\u0627\u062d\u06cc \u0645\u0648\u0631\u0686\u0647 \u0647\u0627 \u0627\u0633\u062a \u060c \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f. \u0627\u0632 \u0622\u0646 \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f <code>Menu<\/code>\u0628\u0627 <code>Dropdown<\/code> \u06a9\u0646\u062a\u0631\u0644 \u0647\u0627 \u060c \u062f\u0631 \u06cc\u06a9 \u062e\u0637 \u06a9\u062f \u0648\u0627\u062d\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">Menu<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">antd<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n<span class=\"o\">&lt;<\/span><span class=\"nx\">Menu<\/span> <span class=\"nx\">items<\/span><span class=\"o\">=<\/span><span class=\"p\">{<\/span><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">toMenu<\/span><span class=\"p\">()}<\/span> <span class=\"sr\">\/&gt;<\/span><span class=\"err\">;\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0642\u0627\u0644\u0628 \u062f\u0627\u062f\u0647 \u0647\u0627:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"p\">[<\/span>\n  <span class=\"p\">{<\/span> <span class=\"na\">key<\/span><span class=\"p\">:<\/span> <span class=\"mi\">0<\/span><span class=\"p\">,<\/span> <span class=\"na\">label<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Sunday<\/span><span class=\"dl\">'<\/span> <span class=\"p\">},<\/span>\n  <span class=\"p\">{<\/span> <span class=\"na\">key<\/span><span class=\"p\">:<\/span> <span class=\"mi\">1<\/span><span class=\"p\">,<\/span> <span class=\"na\">label<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Monday<\/span><span class=\"dl\">'<\/span> <span class=\"p\">},<\/span>\n<span class=\"p\">];<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"tofilter\"><\/span>\n<p>  tofilter<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><sup><strong><em>[Function]<\/em><\/strong><\/sup>    <code>toFilter(): { text, value }[]<\/code><\/p>\n<p>\u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u06cc \u0627\u0632 \u0645\u0648\u0627\u0631\u062f enum \u0631\u0627 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0628\u0647 \u0645\u0624\u0644\u0641\u0647 \u062c\u062f\u0648\u0644 \u0637\u0631\u0627\u062d\u06cc \u0645\u0648\u0631\u0686\u0647 \u0645\u0646\u062a\u0642\u0644 \u0634\u0648\u0646\u062f <code>filters<\/code> \u062e\u0627\u0635\u06cc\u062a \u06cc\u06a9 \u0633\u062a\u0648\u0646. \u0627\u06cc\u0646 \u0628\u0631\u0627\u06cc \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u06cc\u06a9 \u062c\u0639\u0628\u0647 \u0641\u06cc\u0644\u062a\u0631 \u06a9\u0634\u0648\u06cc\u06cc \u062f\u0631 \u0647\u062f\u0631 \u062c\u062f\u0648\u0644 \u0628\u0631\u0627\u06cc \u0641\u06cc\u0644\u062a\u0631 \u06a9\u0631\u062f\u0646 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u062c\u062f\u0648\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<p>\u0642\u0627\u0644\u0628 \u062f\u0627\u062f\u0647 \u0647\u0627:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"p\">[<\/span>\n  <span class=\"p\">{<\/span> <span class=\"na\">text<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Sunday<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"na\">value<\/span><span class=\"p\">:<\/span> <span class=\"mi\">0<\/span> <span class=\"p\">},<\/span>\n  <span class=\"p\">{<\/span> <span class=\"na\">text<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Monday<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"na\">value<\/span><span class=\"p\">:<\/span> <span class=\"mi\">1<\/span> <span class=\"p\">},<\/span>\n<span class=\"p\">];<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%F0%9F%92%8E_tovaluemap\"><\/span>\n<p>  \ud83d\udc8e tovaluemap<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><sup><strong><em>[Function]<\/em><\/strong><\/sup>    <code>toValueMap(): Record<v text:=\"\" string=\"\"\/><\/code><\/p>\n<p>\u06cc\u06a9 \u0634\u06cc\u0621 \u0646\u0642\u0634\u0647 \u0628\u0631\u062f\u0627\u0631\u06cc \u0628\u0627 \u0627\u0631\u0632\u0634 \u0628\u0647 \u0645\u062a\u0646 \u0631\u0627 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f \u060c \u06a9\u0647 \u0645\u0642\u0627\u062f\u06cc\u0631 enum \u0631\u0627 \u0628\u0647 \u0645\u062a\u0646 \u0646\u0645\u0627\u06cc\u0634 \u062e\u0648\u062f \u0646\u0642\u0634\u0647 \u0645\u06cc \u06a9\u0646\u062f \u060c \u0645\u0637\u0627\u0628\u0642 \u0628\u0627 \u0645\u0634\u062e\u0635\u0627\u062a Pro Design Pro. \u0627\u06cc\u0646 \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0645\u0646\u0627\u0628\u0639 \u062f\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc <code>ProFormField<\/code> \u06a9\u0646\u062a\u0631\u0644 \u0647\u0627\u06cc \u0633\u0631\u06cc \u060c \u0648 <code>ProTable<\/code>\u0628\u0634\u0631<\/p>\n<p>\u0642\u0627\u0644\u0628 \u062f\u0627\u062f\u0647 \u0647\u0627:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"p\">{<\/span>\n  <span class=\"mi\">0<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span> <span class=\"nl\">text<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Sunday<\/span><span class=\"dl\">'<\/span> <span class=\"p\">},<\/span>\n  <span class=\"mi\">1<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span> <span class=\"nl\">text<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Monday<\/span><span class=\"dl\">'<\/span> <span class=\"p\">},<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%F0%9F%92%8E_%D8%AE%D8%A7%D9%85\"><\/span>\n<p>  \ud83d\udc8e \u062e\u0627\u0645<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><sup><strong><em>[Override^1]<\/em><\/strong><\/sup>    <code>raw(): Record<k t=\"\"\/><\/code><br \/><sup><strong><em>[Override^2]<\/em><\/strong><\/sup>    <code>raw(keyOrValue: V | K): T[K]<\/code><\/p>\n<p>\u062f\u0631 <code>raw<\/code> \u0627\u0632 \u0631\u0648\u0634 \u0628\u0631\u0627\u06cc \u0628\u0627\u0632\u06af\u0634\u062a \u0634\u06cc\u0621 \u0627\u0648\u0644\u06cc\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0645\u062c\u0645\u0648\u0639\u0647 Enum \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f \u060c \u06a9\u0647 \u0634\u06cc\u0626\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f enum \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<p>\u0627\u0632 \u0631\u0648\u0634 \u0627\u0636\u0627\u0641\u0647 \u0628\u0627\u0631 \u062f\u0648\u0645 \u0628\u0631\u0627\u06cc \u0628\u0627\u0632\u06af\u0634\u062a \u0634\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0633\u0627\u0632\u06cc \u06cc\u06a9 \u0645\u0648\u0631\u062f enum \u0648\u0627\u062d\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<p>\u0647\u062f\u0641 \u0627\u0635\u0644\u06cc <code>raw<\/code> \u0631\u0648\u0634 \u0628\u0631\u0627\u06cc \u0628\u0647 \u062f\u0633\u062a \u0622\u0648\u0631\u062f\u0646 \u0632\u0645\u06cc\u0646\u0647 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u06af\u0633\u062a\u0631\u062f\u0647 \u0645\u0648\u0627\u0631\u062f enum \u0627\u0633\u062a. \u062a\u0639\u062f\u0627\u062f \u0646\u0627\u0645\u062d\u062f\u0648\u062f\u06cc \u0627\u0632 \u0632\u0645\u06cc\u0646\u0647 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0645\u062c\u0627\u0632 \u0627\u0633\u062a.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">Week<\/span> <span class=\"o\">=<\/span> <span class=\"nc\">Enum<\/span><span class=\"p\">({<\/span>\n  <span class=\"na\">Sunday<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span> <span class=\"na\">value<\/span><span class=\"p\">:<\/span> <span class=\"mi\">0<\/span><span class=\"p\">,<\/span> <span class=\"na\">label<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Sunday<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"na\">happy<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span> <span class=\"p\">},<\/span>\n  <span class=\"na\">Monday<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span> <span class=\"na\">value<\/span><span class=\"p\">:<\/span> <span class=\"mi\">1<\/span><span class=\"p\">,<\/span> <span class=\"na\">label<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Monday<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"na\">happy<\/span><span class=\"p\">:<\/span> <span class=\"kc\">false<\/span> <span class=\"p\">},<\/span>\n<span class=\"p\">}<\/span> <span class=\"k\">as<\/span> <span class=\"kd\">const<\/span><span class=\"p\">);<\/span>\n\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">raw<\/span><span class=\"p\">(<\/span><span class=\"mi\">0<\/span><span class=\"p\">).<\/span><span class=\"nx\">happy<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ true<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">raw<\/span><span class=\"p\">(<\/span><span class=\"mi\">0<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ { value: 0, label: 'Sunday', happy: true }<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">raw<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Monday<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ { value: 1, label: 'Monday', happy: false }<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">raw<\/span><span class=\"p\">();<\/span> <span class=\"c1\">\/\/ { Sunday: { value: 0, label: 'Sunday', happy: true }, Monday: { value: 1, label: 'Monday', happy: false } }<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<hr\/>\n<h3><span class=\"ez-toc-section\" id=\"%E2%9A%A1_ValueType_TypeScript_ONLY\"><\/span>\n<p>  \u26a1 ValueType   <sup><strong><em>[TypeScript ONLY]<\/em><\/strong><\/sup><br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><code>value1 | value2 | ...<\/code><\/p>\n<p>\u062f\u0631 TypeScript \u060c \u06cc\u06a9 \u0646\u0648\u0639 \u0627\u062a\u062d\u0627\u062f\u06cc\u0647 \u0631\u0627 \u0634\u0627\u0645\u0644 \u0645\u06cc \u0634\u0648\u062f \u06a9\u0647 \u0634\u0627\u0645\u0644 \u062a\u0645\u0627\u0645 \u0645\u0642\u0627\u062f\u06cc\u0631 enum \u0627\u0633\u062a \u060c \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0647\u0627\u06cc \u0646\u0648\u0639 \u062f\u0642\u06cc\u0642\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0645\u062a\u063a\u06cc\u0631\u0647\u0627 \u0648 \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u0645\u0624\u0644\u0641\u0647 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0627\u0646\u0648\u0627\u0639 \u0627\u0648\u0644\u06cc\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0645\u0627\u0646\u0646\u062f <code>number<\/code> \u06cc\u0627 <code>string<\/code> \u0628\u0627 \u0645\u062c\u0645\u0648\u0639\u0647 \u0647\u0627\u06cc \u0627\u0631\u0632\u0634 \u062f\u0642\u06cc\u0642 \u060c \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u062a\u06a9\u0627\u0644\u06cc\u0641 \u0646\u0627\u0645\u0639\u062a\u0628\u0631 \u0636\u0645\u0646 \u0627\u0641\u0632\u0627\u06cc\u0634 \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc \u06a9\u062f \u0648 \u0627\u06cc\u0645\u0646\u06cc \u0627\u0632 \u0646\u0648\u0639 \u0632\u0645\u0627\u0646 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">WeekValues<\/span> <span class=\"o\">=<\/span> <span class=\"k\">typeof<\/span> <span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">valueType<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ 0 | 1<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">weekValue<\/span><span class=\"p\">:<\/span> <span class=\"k\">typeof<\/span> <span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">valueType<\/span> <span class=\"o\">=<\/span> <span class=\"mi\">1<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ \u2705 Type correct, 1 is a valid week enum value<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">weeks<\/span><span class=\"p\">:<\/span> <span class=\"p\">(<\/span><span class=\"k\">typeof<\/span> <span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">valueType<\/span><span class=\"p\">)[]<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span><span class=\"mi\">0<\/span><span class=\"p\">,<\/span> <span class=\"mi\">1<\/span><span class=\"p\">];<\/span> <span class=\"c1\">\/\/ \u2705 Type correct, 0 and 1 are valid week enum values<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<blockquote>\n<p>\u062a\u0648\u062c\u0647: \u0627\u06cc\u0646 \u0641\u0642\u0637 \u06cc\u06a9 \u0646\u0648\u0639 TypeScript \u0627\u0633\u062a \u0648 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u06cc\u0633\u062a. \u062a\u0645\u0627\u0633 \u0628\u0627 \u0622\u0646 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u06cc\u06a9 \u0627\u0633\u062a\u062b\u0646\u0627 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.<\/p>\n<\/blockquote>\n<h3><span class=\"ez-toc-section\" id=\"%E2%9A%A1_%D9%86%D9%88%D8%B9_%DA%A9%D9%84%DB%8C%D8%AF_TypeScript_ONLY\"><\/span>\n<p>  \u26a1 \u0646\u0648\u0639 \u06a9\u0644\u06cc\u062f   <sup><strong><em>[TypeScript ONLY]<\/em><\/strong><\/sup><br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><code>key1 | key2 | ...<\/code><\/p>\n<p>\u0634\u0628\u06cc\u0647 <code>valueType<\/code>\u060c \u06cc\u06a9 \u0646\u0648\u0639 \u0627\u062a\u062d\u0627\u062f\u06cc\u0647 \u0627\u0632 \u0647\u0645\u0647 enum \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f <code>key<\/code>(\u0647\u0627)<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">WeekKeys<\/span> <span class=\"o\">=<\/span> <span class=\"k\">typeof<\/span> <span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">keyType<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ 'Sunday' | 'Monday'<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">weekKey<\/span><span class=\"p\">:<\/span> <span class=\"k\">typeof<\/span> <span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">keyType<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Monday<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">weekKeys<\/span><span class=\"p\">:<\/span> <span class=\"p\">(<\/span><span class=\"k\">typeof<\/span> <span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">keyType<\/span><span class=\"p\">)[]<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Sunday<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Monday<\/span><span class=\"dl\">'<\/span><span class=\"p\">]<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<blockquote>\n<p>\u062a\u0648\u062c\u0647: \u0627\u06cc\u0646 \u0641\u0642\u0637 \u06cc\u06a9 \u0646\u0648\u0639 TypeScript \u0627\u0633\u062a \u0648 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u06cc\u0633\u062a. \u062a\u0645\u0627\u0633 \u0628\u0627 \u0622\u0646 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u06cc\u06a9 \u0627\u0633\u062a\u062b\u0646\u0627 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.<\/p>\n<\/blockquote>\n<h3><span class=\"ez-toc-section\" id=\"%E2%9A%A1_%D9%86%D9%88%D8%B9_%D8%AE%D8%A7%D9%85_TypeScript_ONLY\"><\/span>\n<p>  \u26a1 \u0646\u0648\u0639 \u062e\u0627\u0645   <sup><strong><em>[TypeScript ONLY]<\/em><\/strong><\/sup><br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><code>{ value: V, label: string, [...] }<\/code><\/p>\n<p>\u0646\u0648\u0639\u06cc \u0627\u0632 \u0634\u06cc\u0621 \u0627\u0648\u0644\u06cc\u0647 \u0633\u0627\u0632\u06cc \u0627\u0635\u0644\u06cc \u0645\u062c\u0645\u0648\u0639\u0647 enum \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n<blockquote>\n<p>\u062a\u0648\u062c\u0647: \u0627\u06cc\u0646 \u0641\u0642\u0637 \u06cc\u06a9 \u0646\u0648\u0639 TypeScript \u0627\u0633\u062a \u0648 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u06cc\u0633\u062a. \u062a\u0645\u0627\u0633 \u0628\u0627 \u0622\u0646 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u06cc\u06a9 \u0627\u0633\u062a\u062b\u0646\u0627 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.<\/p>\n<\/blockquote>\n<hr\/>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87\"><\/span>\n<p>  \u0627\u0633\u062a\u0641\u0627\u062f\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"%E2%80%A2_%D9%85%D9%82%D8%A7%D8%AF%DB%8C%D8%B1_enum_%D8%B1%D8%A7_%D9%85%D8%B7%D8%A7%D8%A8%D9%82_%D8%A8%D8%A7_%D8%B9%D9%86%D8%A7%D8%B5%D8%B1_%D8%A8%D9%88%D9%85%DB%8C_%D8%A7%D9%86%D8%AA%D8%AE%D8%A7%D8%A8_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF\"><\/span>\n<p>  \u2022 \u0645\u0642\u0627\u062f\u06cc\u0631 enum \u0631\u0627 \u0645\u0637\u0627\u0628\u0642 \u0628\u0627 \u0639\u0646\u0627\u0635\u0631 \u0628\u0648\u0645\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc \u06a9\u0646\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">Week<\/span> <span class=\"o\">=<\/span> <span class=\"nc\">Enum<\/span><span class=\"p\">({<\/span>\n  <span class=\"na\">Sunday<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span> <span class=\"na\">value<\/span><span class=\"p\">:<\/span> <span class=\"mi\">0<\/span><span class=\"p\">,<\/span> <span class=\"na\">label<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Sunday<\/span><span class=\"dl\">'<\/span> <span class=\"p\">},<\/span>\n  <span class=\"na\">Monday<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span> <span class=\"na\">value<\/span><span class=\"p\">:<\/span> <span class=\"mi\">1<\/span><span class=\"p\">,<\/span> <span class=\"na\">label<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Monday<\/span><span class=\"dl\">'<\/span> <span class=\"p\">},<\/span>\n<span class=\"p\">}<\/span> <span class=\"k\">as<\/span> <span class=\"kd\">const<\/span><span class=\"p\">);<\/span>\n\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">Sunday<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ 0<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">Monday<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ 1<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%80%A2_%D8%A7%D8%B2_%D9%86%D8%B8%D8%B1%D8%A7%D8%AA_JSDOC_%D8%AF%D8%B1_%D9%85%D9%88%D8%B1%D8%AF_%D9%85%D9%88%D8%A7%D8%B1%D8%AF_enum_%D9%BE%D8%B4%D8%AA%DB%8C%D8%A8%D8%A7%D9%86%DB%8C_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF\"><\/span>\n<p>  \u2022 \u0627\u0632 \u0646\u0638\u0631\u0627\u062a JSDOC \u062f\u0631 \u0645\u0648\u0631\u062f \u0645\u0648\u0627\u0631\u062f enum \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u062f\u0631 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u06a9\u062f \u060c \u0645\u06a9\u0627\u0646 \u0646\u0645\u0627 \u0631\u0627 \u0631\u0648\u06cc \u0645\u0648\u0631\u062f enum \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f \u062a\u0627 \u0646\u0638\u0631\u0627\u062a JSDOC \u0645\u0641\u0635\u0644 \u0631\u0627 \u062f\u0631 \u0645\u0648\u0631\u062f \u0622\u0646 \u0645\u0648\u0631\u062f enum \u0646\u0645\u0627\u06cc\u0634 \u062f\u0647\u06cc\u062f \u060c \u0628\u062f\u0648\u0646 \u0622\u0646\u06a9\u0647 \u0628\u0631\u0627\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 \u0622\u0646 \u0628\u0647 \u062a\u0639\u0631\u06cc\u0641 enum \u0628\u0631\u0648\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">Week<\/span> <span class=\"o\">=<\/span> <span class=\"nc\">Enum<\/span><span class=\"p\">({<\/span>\n  <span class=\"cm\">\/** Sunday *\/<\/span>\n  <span class=\"na\">Sunday<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span> <span class=\"na\">value<\/span><span class=\"p\">:<\/span> <span class=\"mi\">0<\/span><span class=\"p\">,<\/span> <span class=\"na\">label<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Sunday<\/span><span class=\"dl\">'<\/span> <span class=\"p\">},<\/span>\n  <span class=\"cm\">\/** Monday *\/<\/span>\n  <span class=\"na\">Monday<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span> <span class=\"na\">value<\/span><span class=\"p\">:<\/span> <span class=\"mi\">1<\/span><span class=\"p\">,<\/span> <span class=\"na\">label<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Monday<\/span><span class=\"dl\">'<\/span> <span class=\"p\">},<\/span>\n<span class=\"p\">}<\/span> <span class=\"k\">as<\/span> <span class=\"kd\">const<\/span><span class=\"p\">);<\/span>\n\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">Monday<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ Hover over Monday<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><img decoding=\"async\" src=\"https:\/\/media2.dev.to\/dynamic\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdy1jz0532m55dqf44y7m.png\" alt=\"\u0646\u0645\u0627\u06cc\u0634\u06af\u0627\u0647 JSDOC\" loading=\"lazy\" width=\"750\" height=\"248\" title=\"\"><\/p>\n<p><center><sup><em>\u0648\u06cc\u062a\u0631\u06cc\u0646 jsdoc \u062f\u0631 vscode<\/em><\/sup><\/center><\/p>\n<p>\u0645\u06cc \u0628\u06cc\u0646\u06cc\u062f \u06a9\u0647 \u0627\u06cc\u0646 \u0639\u0645\u0644\u06a9\u0631\u062f \u0634\u0646\u0627\u0648\u0631 \u060c \u0647\u0631 \u062f\u0648 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0648 \u0645\u0642\u0627\u062f\u06cc\u0631 enum \u0631\u0627 \u0647\u0645\u0632\u0645\u0627\u0646 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u060c \u0628\u062f\u0648\u0646 \u0627\u06cc\u0646\u06a9\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u0641\u0639\u0644\u06cc \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u06a9\u062f \u0628\u06af\u0630\u0627\u0631\u062f.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%E2%80%A2_%D8%A2%D8%B1%D8%A7%DB%8C%D9%87_%D8%A7%DB%8C_%D8%A7%D8%B2_%D9%85%D9%88%D8%A7%D8%B1%D8%AF_%D8%AE%D9%88%D8%A7%D9%86%D8%AF%D9%86_%D9%81%D9%82%D8%B7_%D8%AE%D9%88%D8%A7%D9%86%D8%AF%D9%86%DB%8C_%D8%AF%D8%B1%DB%8C%D8%A7%D9%81%D8%AA_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF\"><\/span>\n<p>  \u2022 \u0622\u0631\u0627\u06cc\u0647 \u0627\u06cc \u0627\u0632 \u0645\u0648\u0627\u0631\u062f \u062e\u0648\u0627\u0646\u062f\u0646 \u0641\u0642\u0637 \u062e\u0648\u0627\u0646\u062f\u0646\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc \u06a9\u0646\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">items<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ The output is:<\/span>\n<span class=\"c1\">\/\/ [<\/span>\n<span class=\"c1\">\/\/  { value: 0, label: 'Sunday', key: 'Sunday', raw: { value: 0, label: 'Sunday' } },<\/span>\n<span class=\"c1\">\/\/  { value: 1, label: 'Monday', key: 'Monday', raw: { value: 1, label: 'Monday' } },<\/span>\n<span class=\"c1\">\/\/ ]<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%80%A2_%D8%A7%D9%88%D9%84%DB%8C%D9%86_%D9%85%D9%82%D8%AF%D8%A7%D8%B1_enum_%D8%B1%D8%A7_%D8%AF%D8%B1%DB%8C%D8%A7%D9%81%D8%AA_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF\"><\/span>\n<p>  \u2022 \u0627\u0648\u0644\u06cc\u0646 \u0645\u0642\u062f\u0627\u0631 enum \u0631\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc \u06a9\u0646\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">items<\/span><span class=\"p\">[<\/span><span class=\"mi\">0<\/span><span class=\"p\">].<\/span><span class=\"nx\">value<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ 0<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%80%A2_%D8%A8%D8%B1%D8%B1%D8%B3%DB%8C_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF_%DA%A9%D9%87_%D8%A2%DB%8C%D8%A7_%DB%8C%DA%A9_%D9%85%D9%82%D8%AF%D8%A7%D8%B1_%DB%8C%DA%A9_%D9%85%D9%82%D8%AF%D8%A7%D8%B1_%D9%85%D8%B9%D8%AA%D8%A8%D8%B1_enum_%D8%A7%D8%B3%D8%AA\"><\/span>\n<p>  \u2022 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0622\u06cc\u0627 \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 \u0645\u0639\u062a\u0628\u0631 enum \u0627\u0633\u062a<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">has<\/span><span class=\"p\">(<\/span><span class=\"mi\">1<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ true<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">items<\/span><span class=\"p\">.<\/span><span class=\"nf\">some<\/span><span class=\"p\">((<\/span><span class=\"nx\">item<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nx\">item<\/span><span class=\"p\">.<\/span><span class=\"nx\">value<\/span> <span class=\"o\">===<\/span> <span class=\"mi\">1<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ true<\/span>\n<span class=\"mi\">1<\/span> <span class=\"k\">instanceof<\/span> <span class=\"nx\">Week<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ true<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%80%A2_instanceof_%D8%B9%D9%85%D9%84%DA%AF%D8%B1\"><\/span>\n<p>  \u2022 <code>instanceof<\/code> \u0639\u0645\u0644\u06af\u0631<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"mi\">1<\/span> <span class=\"k\">instanceof<\/span> <span class=\"nx\">Week<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ true<\/span>\n<span class=\"dl\">'<\/span><span class=\"s1\">1<\/span><span class=\"dl\">'<\/span> <span class=\"k\">instanceof<\/span> <span class=\"nx\">Week<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ true<\/span>\n<span class=\"dl\">'<\/span><span class=\"s1\">Monday<\/span><span class=\"dl\">'<\/span> <span class=\"k\">instanceof<\/span> <span class=\"nx\">Week<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ true<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%80%A2_%D9%BE%D8%B4%D8%AA%DB%8C%D8%A8%D8%A7%D9%86%DB%8C_%D8%A7%D8%B2_%D8%A2%D8%B1%D8%A7%DB%8C%D9%87_%D9%85%D9%88%D8%A7%D8%B1%D8%AF_enum_%D8%B1%D8%A7_%D9%BE%D8%B4%D8%AA%DB%8C%D8%A8%D8%A7%D9%86%DB%8C_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF\"><\/span>\n<p>  \u2022 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u0622\u0631\u0627\u06cc\u0647 \u0645\u0648\u0627\u0631\u062f enum \u0631\u0627 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">items<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ 2<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">items<\/span><span class=\"p\">.<\/span><span class=\"nf\">map<\/span><span class=\"p\">((<\/span><span class=\"nx\">item<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nx\">item<\/span><span class=\"p\">.<\/span><span class=\"nx\">value<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ [0, 1], \u2705 Traversable<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">items<\/span><span class=\"p\">.<\/span><span class=\"nf\">forEach<\/span><span class=\"p\">((<\/span><span class=\"nx\">item<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{});<\/span> <span class=\"c1\">\/\/ \u2705 Traversable<\/span>\n<span class=\"k\">for <\/span><span class=\"p\">(<\/span><span class=\"kd\">let<\/span> <span class=\"nx\">item<\/span> <span class=\"k\">of<\/span> <span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">items<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n  <span class=\"c1\">\/\/ \u2705 Traversable<\/span>\n<span class=\"p\">}<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">items<\/span><span class=\"p\">.<\/span><span class=\"nf\">push<\/span><span class=\"p\">({<\/span> <span class=\"na\">value<\/span><span class=\"p\">:<\/span> <span class=\"mi\">2<\/span><span class=\"p\">,<\/span> <span class=\"na\">label<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Tuesday<\/span><span class=\"dl\">'<\/span> <span class=\"p\">});<\/span> <span class=\"c1\">\/\/ \u274c Not allowed, read-only<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">items<\/span><span class=\"p\">.<\/span><span class=\"nf\">splice<\/span><span class=\"p\">(<\/span><span class=\"mi\">0<\/span><span class=\"p\">,<\/span> <span class=\"mi\">1<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ \u274c Not allowed, read-only<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">items<\/span><span class=\"p\">[<\/span><span class=\"mi\">0<\/span><span class=\"p\">].<\/span><span class=\"nx\">label<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">foo<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ \u274c Not allowed, read-only<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%80%A2_%D9%85%D8%AA%D9%86_%D9%86%D9%85%D8%A7%DB%8C%D8%B4_Enum_%D8%B1%D8%A7_%D8%A8%D8%B1_%D8%A7%D8%B3%D8%A7%D8%B3_%D9%85%D9%82%D8%AF%D8%A7%D8%B1_%DB%8C%D8%A7_%DA%A9%D9%84%DB%8C%D8%AF_%D8%AF%D8%B1%DB%8C%D8%A7%D9%81%D8%AA_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF\"><\/span>\n<p>  \u2022 \u0645\u062a\u0646 \u0646\u0645\u0627\u06cc\u0634 Enum \u0631\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0645\u0642\u062f\u0627\u0631 (\u06cc\u0627 \u06a9\u0644\u06cc\u062f) \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc \u06a9\u0646\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">label<\/span><span class=\"p\">(<\/span><span class=\"mi\">1<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Monday, here is label, not key<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">label<\/span><span class=\"p\">(<\/span><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">Monday<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Monday, here is label, not key<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">label<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Monday<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Monday, get label by key<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%80%A2_%DA%A9%D9%84%DB%8C%D8%AF_Enum_%D8%B1%D8%A7_%D8%A8%D8%A7_%D8%A7%D8%B1%D8%B2%D8%B4_%D8%AF%D8%B1%DB%8C%D8%A7%D9%81%D8%AA_%D9%85%DB%8C_%DA%A9%D9%86%D8%AF\"><\/span>\n<p>  \u2022 \u06a9\u0644\u06cc\u062f Enum \u0631\u0627 \u0628\u0627 \u0627\u0631\u0632\u0634 \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc \u06a9\u0646\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">key<\/span><span class=\"p\">(<\/span><span class=\"mi\">1<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ 'Monday'<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">key<\/span><span class=\"p\">(<\/span><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">Monday<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ 'Monday'<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">key<\/span><span class=\"p\">(<\/span><span class=\"mi\">9<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ undefined, because it does not exist<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%80%A2_%D8%AA%D8%B9%D8%AF%D8%A7%D8%AF_%D9%86%D8%A7%D9%85%D8%AD%D8%AF%D9%88%D8%AF%DB%8C_%D8%A7%D8%B2_%D8%B2%D9%85%DB%8C%D9%86%D9%87_%D9%87%D8%A7%DB%8C_%D8%B3%D9%81%D8%A7%D8%B1%D8%B4%DB%8C_%D8%B1%D8%A7_%DA%AF%D8%B3%D8%AA%D8%B1%D8%B4_%D9%85%DB%8C_%D8%AF%D9%87%D8%AF\"><\/span>\n<p>  \u2022 \u062a\u0639\u062f\u0627\u062f \u0646\u0627\u0645\u062d\u062f\u0648\u062f\u06cc \u0627\u0632 \u0632\u0645\u06cc\u0646\u0647 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0631\u0627 \u06af\u0633\u062a\u0631\u0634 \u0645\u06cc \u062f\u0647\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">Week<\/span> <span class=\"o\">=<\/span> <span class=\"nc\">Enum<\/span><span class=\"p\">({<\/span>\n  <span class=\"na\">Sunday<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span> <span class=\"na\">value<\/span><span class=\"p\">:<\/span> <span class=\"mi\">0<\/span><span class=\"p\">,<\/span> <span class=\"na\">label<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Sunday<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"na\">active<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span> <span class=\"na\">disabled<\/span><span class=\"p\">:<\/span> <span class=\"kc\">false<\/span> <span class=\"p\">},<\/span>\n  <span class=\"na\">Monday<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span> <span class=\"na\">value<\/span><span class=\"p\">:<\/span> <span class=\"mi\">1<\/span><span class=\"p\">,<\/span> <span class=\"na\">label<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Monday<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"na\">active<\/span><span class=\"p\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span> <span class=\"na\">disabled<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span> <span class=\"p\">},<\/span>\n<span class=\"p\">}<\/span> <span class=\"k\">as<\/span> <span class=\"kd\">const<\/span><span class=\"p\">);<\/span>\n\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">raw<\/span><span class=\"p\">(<\/span><span class=\"mi\">0<\/span><span class=\"p\">).<\/span><span class=\"nx\">active<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ true<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">raw<\/span><span class=\"p\">(<\/span><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">Sunday<\/span><span class=\"p\">).<\/span><span class=\"nx\">active<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ true<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">raw<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Sunday<\/span><span class=\"dl\">'<\/span><span class=\"p\">).<\/span><span class=\"nx\">active<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ true<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%80%A2_%D8%A8%D9%87_%DA%A9%D9%86%D8%AA%D8%B1%D9%84_%D9%87%D8%A7%DB%8C_UI_%D8%AA%D8%A8%D8%AF%DB%8C%D9%84_%D9%85%DB%8C_%D8%B4%D9%88%D8%AF\"><\/span>\n<p>  \u2022 \u0628\u0647 \u06a9\u0646\u062a\u0631\u0644 \u0647\u0627\u06cc UI \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc \u0634\u0648\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u22b9 <code>Enum.items<\/code> \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u0646\u0627\u0628\u0639 \u062f\u0627\u062f\u0647 \u06a9\u0646\u062a\u0631\u0644 \u0645\u0635\u0631\u0641 \u0634\u0648\u062f (\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0646\u062a\u062e\u0627\u0628 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0646\u0645\u0648\u0646\u0647)<\/p>\n<p><strong>\u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0647\u0627\u06cc UI \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0648\u0627\u06a9\u0646\u0634<\/strong><\/p>\n<p>\u0637\u0631\u0627\u062d\u06cc \u0645\u0648\u0631\u0686\u0647 | \u0637\u0631\u0627\u062d\u06cc ARCO \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight tsx\"><code>  <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">Select<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">antd<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n  <span class=\"p\">&lt;<\/span><span class=\"nc\">Select<\/span> <span class=\"na\">options<\/span><span class=\"p\">=<\/span><span class=\"si\">{<\/span><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">items<\/span><span class=\"si\">}<\/span> <span class=\"p\">\/&gt;;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0645\u0648\u0627\u062f-UI \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight tsx\"><code>  <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">MenuItem<\/span><span class=\"p\">,<\/span> <span class=\"nx\">Select<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">@mui\/material<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n  <span class=\"p\">&lt;<\/span><span class=\"nc\">Select<\/span><span class=\"p\">&gt;<\/span>\n    <span class=\"si\">{<\/span><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">items<\/span><span class=\"p\">.<\/span><span class=\"nf\">map<\/span><span class=\"p\">((<\/span><span class=\"nx\">item<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">(<\/span>\n      <span class=\"p\">&lt;<\/span><span class=\"nc\">MenuItem<\/span> <span class=\"na\">key<\/span><span class=\"p\">=<\/span><span class=\"si\">{<\/span><span class=\"nx\">item<\/span><span class=\"p\">.<\/span><span class=\"nx\">value<\/span><span class=\"si\">}<\/span> <span class=\"na\">value<\/span><span class=\"p\">=<\/span><span class=\"si\">{<\/span><span class=\"nx\">item<\/span><span class=\"p\">.<\/span><span class=\"nx\">value<\/span><span class=\"si\">}<\/span><span class=\"p\">&gt;<\/span>\n        <span class=\"si\">{<\/span><span class=\"nx\">item<\/span><span class=\"p\">.<\/span><span class=\"nx\">label<\/span><span class=\"si\">}<\/span>\n      <span class=\"p\"\/><span class=\"nc\">MenuItem<\/span><span class=\"p\">&gt;<\/span>\n    <span class=\"p\">))<\/span><span class=\"si\">}<\/span>\n  <span class=\"p\"\/><span class=\"nc\">Select<\/span><span class=\"p\">&gt;;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>kendo ui \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight tsx\"><code>  <span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">DropDownList<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">@progress\/kendo-react-dropdowns<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n  <span class=\"p\">&lt;<\/span><span class=\"nc\">DropDownList<\/span> <span class=\"na\">data<\/span><span class=\"p\">=<\/span><span class=\"si\">{<\/span><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">items<\/span><span class=\"si\">}<\/span> <span class=\"na\">textField<\/span><span class=\"p\">=<\/span><span class=\"s\">\"label\"<\/span> <span class=\"na\">dataItemKey<\/span><span class=\"p\">=<\/span><span class=\"s\">\"value\"<\/span> <span class=\"p\">\/&gt;;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0647\u0627\u06cc UI \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 VUE<\/strong><\/p>\n<p>ElementPlus \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight tsx\"><code>  <span class=\"p\">&lt;<\/span><span class=\"nt\">el<\/span><span class=\"err\">-<\/span><span class=\"na\">select<\/span><span class=\"p\">&gt;<\/span>\n    <span class=\"p\">&lt;<\/span><span class=\"nt\">el<\/span><span class=\"err\">-<\/span><span class=\"na\">option<\/span> <span class=\"na\">v-for<\/span><span class=\"p\">=<\/span><span class=\"s\">\"item in Week.items\"<\/span> <span class=\"na\">v-bind<\/span><span class=\"p\">=<\/span><span class=\"s\">\"item\"<\/span> <span class=\"p\">\/&gt;<\/span>\n  <span class=\"p\"\/><span class=\"nt\">el<\/span><span class=\"err\">-<\/span><span class=\"na\">select<\/span><span class=\"p\">&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0637\u0631\u0627\u062d\u06cc \u0645\u0648\u0631\u0686\u0647 VUE | \u0637\u0631\u0627\u062d\u06cc \u0642\u0648\u0633 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight tsx\"><code>  <span class=\"p\">&lt;<\/span><span class=\"nt\">a<\/span><span class=\"err\">-<\/span><span class=\"na\">select<\/span> <span class=\"err\">:<\/span><span class=\"na\">options<\/span><span class=\"p\">=<\/span><span class=\"s\">\"Week.items\"<\/span> <span class=\"p\">\/&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>VUETIFY \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight tsx\"><code>  <span class=\"p\">&lt;<\/span><span class=\"nt\">v<\/span><span class=\"err\">-<\/span><span class=\"na\">select<\/span> <span class=\"err\">:<\/span><span class=\"na\">items<\/span><span class=\"p\">=<\/span><span class=\"s\">\"Week.items\"<\/span> <span class=\"na\">item-title<\/span><span class=\"p\">=<\/span><span class=\"s\">\"label\"<\/span> <span class=\"p\">\/&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0647\u0627\u06cc UI \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0632\u0627\u0648\u06cc\u0647 \u0627\u06cc<\/strong><\/p>\n<p>\u0645\u0648\u0627\u062f \u0632\u0627\u0648\u06cc\u0647 \u0627\u06cc \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code>  <span class=\"nt\"><mat-select\/><\/span>\n    <span class=\"nt\"><mat-option> <span class=\"na\">*ngFor=<\/span><span class=\"s\">\"let item of Week.items\"<\/span> <span class=\"na\">[value]=<\/span><span class=\"s\">\"item.value\"<\/span><span class=\"nt\">&gt;<\/span>{{ item.label }}<span class=\"nt\"\/><\/mat-option><\/span>\n  <span class=\"nt\"\/>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u0632 Zorro \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code>  <span class=\"nt\"><nz-select\/><\/span>\n    <span class=\"nt\"><nz-option> <span class=\"na\">*ngFor=<\/span><span class=\"s\">\"let item of Week.items\"<\/span> <span class=\"na\">[nzValue]=<\/span><span class=\"s\">\"item.value\"<\/span><span class=\"nt\">&gt;<\/span>{{ item.label }}<span class=\"nt\"\/><\/nz-option><\/span>\n  <span class=\"nt\"\/>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u22b9 <code>toMenu<\/code> \u0627\u0632 \u0631\u0648\u0634 \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0645\u0646\u0627\u0628\u0639 \u062f\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0645\u0648\u0631\u0686\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f <code>Menu<\/code>\u0628\u0627 <code>Dropdown<\/code> \u0645\u0624\u0644\u0641\u0647 \u0647\u0627<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight tsx\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">Menu<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">antd<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n<span class=\"p\">&lt;<\/span><span class=\"nc\">Menu<\/span> <span class=\"na\">items<\/span><span class=\"p\">=<\/span><span class=\"si\">{<\/span><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">toMenu<\/span><span class=\"p\">()<\/span><span class=\"si\">}<\/span> <span class=\"p\">\/&gt;;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u22b9 <code>toFilter<\/code> \u0631\u0648\u0634 \u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0648\u062f\u0646 \u062c\u0639\u0628\u0647 \u0641\u06cc\u0644\u062a\u0631 \u06a9\u0634\u0648\u06cc\u06cc \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0645\u0648\u0631\u0686\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f <code>Table<\/code> \u0647\u062f\u0631 \u0628\u0631\u0627\u06cc \u0641\u06cc\u0644\u062a\u0631 \u06a9\u0631\u062f\u0646 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u062c\u062f\u0648\u0644.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight tsx\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">Table<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">antd<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">columns<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span>\n  <span class=\"p\">{<\/span>\n    <span class=\"na\">title<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">week<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n    <span class=\"na\">dataIndex<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">week<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n    <span class=\"na\">filters<\/span><span class=\"p\">:<\/span> <span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">toFilter<\/span><span class=\"p\">(),<\/span>\n  <span class=\"p\">},<\/span>\n<span class=\"p\">];<\/span>\n<span class=\"c1\">\/\/ Add column filter at table header<\/span>\n<span class=\"p\">&lt;<\/span><span class=\"nc\">Table<\/span> <span class=\"na\">columns<\/span><span class=\"p\">=<\/span><span class=\"si\">{<\/span><span class=\"nx\">columns<\/span><span class=\"si\">}<\/span> <span class=\"p\">\/&gt;;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u22b9 <code>toValueMap<\/code> \u0627\u0632 \u0631\u0648\u0634 \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0645\u0646\u0627\u0628\u0639 \u062f\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u0627\u062a\u0635\u0627\u0644 \u0628\u0647 \u0637\u0631\u0627\u062d\u06cc \u0645\u0648\u0631\u0686\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f <code>ProFormField<\/code> \u06a9\u0646\u062a\u0631\u0644 \u0647\u0627\u06cc \u0633\u0631\u06cc \u060c \u0648 <code>ProTable<\/code>\u0628\u0634\u0631<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight tsx\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">ProFormCheckbox<\/span><span class=\"p\">,<\/span> <span class=\"nx\">ProFormRadio<\/span><span class=\"p\">,<\/span> <span class=\"nx\">ProFormSelect<\/span><span class=\"p\">,<\/span> <span class=\"nx\">ProFormTreeSelect<\/span><span class=\"p\">,<\/span> <span class=\"nx\">ProTable<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">@ant-design\/pro-components<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n<span class=\"p\">&lt;<\/span><span class=\"nc\">ProFormSelect<\/span> <span class=\"na\">valueEnum<\/span><span class=\"p\">=<\/span><span class=\"si\">{<\/span><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">toValueMap<\/span><span class=\"p\">()<\/span><span class=\"si\">}<\/span> <span class=\"p\">\/&gt;;<\/span> <span class=\"c1\">\/\/ Select<\/span>\n<span class=\"p\">&lt;<\/span><span class=\"nc\">ProFormCheckbox<\/span> <span class=\"na\">valueEnum<\/span><span class=\"p\">=<\/span><span class=\"si\">{<\/span><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">toValueMap<\/span><span class=\"p\">()<\/span><span class=\"si\">}<\/span> <span class=\"p\">\/&gt;;<\/span> <span class=\"c1\">\/\/ Checkbox<\/span>\n<span class=\"p\">&lt;<\/span><span class=\"nc\">ProFormRadio<\/span><span class=\"p\">.<\/span><span class=\"nc\">Group<\/span> <span class=\"na\">valueEnum<\/span><span class=\"p\">=<\/span><span class=\"si\">{<\/span><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">toValueMap<\/span><span class=\"p\">()<\/span><span class=\"si\">}<\/span> <span class=\"p\">\/&gt;;<\/span> <span class=\"c1\">\/\/ Radio<\/span>\n<span class=\"p\">&lt;<\/span><span class=\"nc\">ProFormTreeSelect<\/span> <span class=\"na\">valueEnum<\/span><span class=\"p\">=<\/span><span class=\"si\">{<\/span><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">toValueMap<\/span><span class=\"p\">()<\/span><span class=\"si\">}<\/span> <span class=\"p\">\/&gt;;<\/span> <span class=\"c1\">\/\/ TreeSelect<\/span>\n<span class=\"p\">&lt;<\/span><span class=\"nc\">ProTable<\/span> <span class=\"na\">columns<\/span><span class=\"p\">=<\/span><span class=\"si\">{<\/span><span class=\"p\">[{<\/span> <span class=\"na\">dataIndex<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">week<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"na\">valueEnum<\/span><span class=\"p\">:<\/span> <span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">toValueMap<\/span><span class=\"p\">()<\/span> <span class=\"p\">}]<\/span><span class=\"si\">}<\/span> <span class=\"p\">\/&gt;;<\/span> <span class=\"c1\">\/\/ ProTable<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%80%A2_%D8%A7%D8%AF%D8%BA%D8%A7%D9%85_%D8%AF%D9%88_enum_%DB%8C%D8%A7_%DA%AF%D8%B3%D8%AA%D8%B1%D8%B4_%DB%8C%DA%A9_enum\"><\/span>\n<p>  \u2022 \u0627\u062f\u063a\u0627\u0645 \u062f\u0648 enum (\u06cc\u0627 \u06af\u0633\u062a\u0631\u0634 \u06cc\u06a9 enum)<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">myWeek<\/span> <span class=\"o\">=<\/span> <span class=\"nc\">Enum<\/span><span class=\"p\">({<\/span>\n  <span class=\"p\">...<\/span><span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">raw<\/span><span class=\"p\">(),<\/span>\n  <span class=\"na\">Friday<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span> <span class=\"na\">value<\/span><span class=\"p\">:<\/span> <span class=\"mi\">5<\/span><span class=\"p\">,<\/span> <span class=\"na\">label<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Friday<\/span><span class=\"dl\">'<\/span> <span class=\"p\">},<\/span>\n  <span class=\"na\">Saturday<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span> <span class=\"na\">value<\/span><span class=\"p\">:<\/span> <span class=\"mi\">6<\/span><span class=\"p\">,<\/span> <span class=\"na\">label<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Saturday<\/span><span class=\"dl\">'<\/span> <span class=\"p\">},<\/span>\n<span class=\"p\">});<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%80%A2_%D8%A8%D8%A7%D8%B1%DB%8C%DA%A9_%D8%B4%D8%AF%D9%86_number_%D8%A8%D9%87_%D8%AA%D9%88%D8%A7%D9%84%DB%8C_%D9%87%D8%A7%DB%8C_%D8%A7%D8%B1%D8%B2%D8%B4_TypeScript_ONLY\"><\/span>\n<p>  \u2022 \u0628\u0627\u0631\u06cc\u06a9 \u0634\u062f\u0646 <code>number<\/code> \u0628\u0647 \u062a\u0648\u0627\u0644\u06cc \u0647\u0627\u06cc \u0627\u0631\u0632\u0634   <sup><em>[TypeScript ONLY]<\/em><\/sup><br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>valueType<\/code> \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0631\u0627 \u062a\u0627\u06cc\u067e \u06a9\u0646\u06cc\u062f \u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0646\u0648\u0627\u0639 \u0645\u062a\u063a\u06cc\u0631 \u0631\u0627 \u0627\u0632 \u0628\u062f\u0648\u06cc \u0647\u0627\u06cc \u06af\u0633\u062a\u0631\u062f\u0647 \u0645\u0627\u0646\u0646\u062f \u0628\u0627\u0631\u06cc\u06a9 \u06a9\u0646\u06cc\u062f <code>number<\/code> \u06cc\u0627 <code>string<\/code> \u0628\u0631\u0627\u06cc \u062f\u0642\u06cc\u0642 \u0627\u062a\u062d\u0627\u062f\u06cc\u0647 \u0647\u0627\u06cc \u0627\u0631\u0632\u0634\u0645\u0646\u062f. \u0628\u0627\u0631\u06cc\u06a9 \u0634\u062f\u0646 \u0627\u06cc\u0646 \u0646\u0648\u0639 \u0646\u0647 \u062a\u0646\u0647\u0627 \u0627\u0632 \u062a\u06a9\u0627\u0644\u06cc\u0641 \u0646\u0627\u0645\u0639\u062a\u0628\u0631 \u062f\u0631 \u0632\u0645\u0627\u0646 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0645\u06cc \u06a9\u0646\u062f \u060c \u0628\u0644\u06a9\u0647 \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0636\u0645\u0627\u0646\u062a \u0647\u0627\u06cc \u0627\u06cc\u0645\u0646\u06cc \u0627\u0632 \u0646\u0648\u0639 \u0642\u0648\u06cc \u062a\u0631\u06cc \u0631\u0627 \u0646\u06cc\u0632 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f \u060c \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc \u06a9\u062f \u0648 \u0645\u0633\u062a\u0646\u062f\u0633\u0627\u0632\u06cc \u0631\u0627 \u0646\u06cc\u0632 \u062a\u0642\u0648\u06cc\u062a \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">weekValue<\/span><span class=\"p\">:<\/span> <span class=\"kr\">number<\/span> <span class=\"o\">=<\/span> <span class=\"mi\">8<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ \ud83d\udc4e Any number can be assigned to the week enum, even if it is wrong<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">weekName<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Birthday<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ \ud83d\udc4e Any string can be assigned to the week enum, even if it is wrong<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">goodWeekValue<\/span><span class=\"p\">:<\/span> <span class=\"k\">typeof<\/span> <span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">valueType<\/span> <span class=\"o\">=<\/span> <span class=\"mi\">1<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ \u2705 Type correct, 1 is a valid week enum value<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">goodWeekName<\/span><span class=\"p\">:<\/span> <span class=\"k\">typeof<\/span> <span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">keyType<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Monday<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ \u2705 Type correct, 'Monday' is a valid week enum name<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">badWeekValue<\/span><span class=\"p\">:<\/span> <span class=\"k\">typeof<\/span> <span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">valueType<\/span> <span class=\"o\">=<\/span> <span class=\"mi\">8<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ \u274c Type error, 8 is not a valid week enum value<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">badWeekName<\/span><span class=\"p\">:<\/span> <span class=\"k\">typeof<\/span> <span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">keyType<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Birthday<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ \u274c Type error, 'Birthday' is not a valid week enum name<\/span>\n\n<span class=\"kd\">type<\/span> <span class=\"nx\">FooProps<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nx\">value<\/span><span class=\"p\">?:<\/span> <span class=\"k\">typeof<\/span> <span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">valueType<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ \ud83d\udc4d Component property type constraint, prevent erroneous assignment, and also prompts which values are valid<\/span>\n  <span class=\"nl\">names<\/span><span class=\"p\">?:<\/span> <span class=\"p\">(<\/span><span class=\"k\">typeof<\/span> <span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nx\">keyType<\/span><span class=\"p\">)[];<\/span> <span class=\"c1\">\/\/ \ud83d\udc4d Component property type constraint, prevent erroneous assignment, and also prompts which values are valid<\/span>\n<span class=\"p\">};<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<hr\/>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A8%D9%88%D9%85%DB%8C_%D8%B3%D8%A7%D8%B2%DB%8C\"><\/span>\n<p>  \u0628\u0648\u0645\u06cc \u0633\u0627\u0632\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 <code>enum-plus<\/code> \u0634\u0627\u0645\u0644 \u0642\u0627\u0628\u0644\u06cc\u062a \u0647\u0627\u06cc \u0628\u06cc\u0646 \u0627\u0644\u0645\u0644\u0644\u06cc \u062f\u0627\u062e\u0644\u06cc \u0646\u0645\u06cc \u0634\u0648\u062f \u060c \u0645\u062d\u0644\u06cc \u0633\u0627\u0632\u06cc \u0627\u0646\u0639\u0637\u0627\u0641 \u067e\u0630\u06cc\u0631 \u0631\u0627 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0627\u062e\u062a\u06cc\u0627\u0631\u06cc \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f <code>localize<\/code> \u067e\u0627\u0631\u0627\u0645\u062a\u0631 \u0627\u06cc\u0646 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u0645\u062d\u0644\u06cc \u0633\u0627\u0632\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f \u06a9\u0647 enum \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u06cc \u062f\u0647\u062f <code>label<\/code> \u0645\u0642\u0627\u062f\u06cc\u0631 \u062f\u0631 \u0645\u062a\u0646 \u062a\u0631\u062c\u0645\u0647 \u0634\u062f\u0647 \u0645\u0646\u0627\u0633\u0628 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0645\u062a\u0646 \u0632\u0628\u0627\u0646 \u0641\u0639\u0644\u06cc. \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0648\u0644\u062a \u0632\u0628\u0627\u0646 \u0645\u0633\u0626\u0648\u0644\u06cc\u062a \u0634\u0645\u0627 \u0627\u0633\u062a \u060c \u0628\u0627 \u0634\u0645\u0627 <code>localize<\/code> \u0631\u0648\u0634 \u062a\u0639\u06cc\u06cc\u0646 \u06a9\u062f\u0627\u0645 \u0645\u062a\u0646 \u0628\u0648\u0645\u06cc \u0634\u062f\u0647 \u0628\u0631\u0627\u06cc \u0628\u0627\u0632\u06af\u0634\u062a. \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u060c \u0645\u0627 \u0627\u06a9\u06cc\u062f\u0627\u064b \u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0627\u0632 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0647\u0627\u06cc \u0628\u06cc\u0646 \u0627\u0644\u0645\u0644\u0644\u06cc \u0645\u0633\u062a\u0642\u0631 \u0645\u0627\u0646\u0646\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <code>i18next<\/code> \u0628\u0647 \u062c\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0631\u0627\u0647 \u062d\u0644 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc.<\/p>\n<p>\u062f\u0631 \u0632\u06cc\u0631 \u06cc\u06a9 \u0645\u062b\u0627\u0644 \u0633\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u0627\u0647\u062f\u0627\u0641 \u062a\u0635\u0648\u06cc\u0631 \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a. \u062a\u0648\u062c\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u062f\u0644\u06cc\u0644 \u0627\u0646\u0639\u0637\u0627\u0641 \u067e\u0630\u06cc\u0631\u06cc \u0645\u062d\u062f\u0648\u062f \u060c \u0631\u0648\u0634 \u0627\u0648\u0644 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u0648\u0644\u06cc\u062f \u062a\u0648\u0635\u06cc\u0647 \u0646\u0645\u06cc \u0634\u0648\u062f &#8211; \u0627\u06cc\u0646 \u0641\u0642\u0637 \u0628\u0631\u0627\u06cc \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0646 \u0645\u0641\u0647\u0648\u0645 \u0627\u0633\u0627\u0633\u06cc \u0627\u0633\u062a.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight tsx\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">Enum<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">enum-plus<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n<span class=\"k\">import<\/span> <span class=\"nx\">i18next<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">i18next<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n<span class=\"k\">import<\/span> <span class=\"nx\">Localize<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/Localize<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n<span class=\"kd\">let<\/span> <span class=\"nx\">lang<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">zh-CN<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">setLang<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">l<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nx\">lang<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">l<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">};<\/span>\n\n<span class=\"c1\">\/\/ \ud83d\udc4e Not a good example, just for demonstration - not recommended for production<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">sillyLocalize<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">content<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n  <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">lang<\/span> <span class=\"o\">===<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">zh-CN<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">switch <\/span><span class=\"p\">(<\/span><span class=\"nx\">content<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n      <span class=\"k\">case<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">enum-plus.options.all<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span>\n        <span class=\"k\">return<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">\u5168\u90e8<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n      <span class=\"k\">case<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">week.sunday<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span>\n        <span class=\"k\">return<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">\u661f\u671f\u65e5<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n      <span class=\"k\">case<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">week.monday<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span>\n        <span class=\"k\">return<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">\u661f\u671f\u4e00<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n      <span class=\"nl\">default<\/span><span class=\"p\">:<\/span>\n        <span class=\"k\">return<\/span> <span class=\"nx\">content<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n  <span class=\"p\">}<\/span> <span class=\"k\">else<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">switch <\/span><span class=\"p\">(<\/span><span class=\"nx\">content<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n      <span class=\"k\">case<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">enum-plus.options.all<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span>\n        <span class=\"k\">return<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">All<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n      <span class=\"k\">case<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">week.sunday<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span>\n        <span class=\"k\">return<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Sunday<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n      <span class=\"k\">case<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">week.monday<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span>\n        <span class=\"k\">return<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Monday<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n      <span class=\"nl\">default<\/span><span class=\"p\">:<\/span>\n        <span class=\"k\">return<\/span> <span class=\"nx\">content<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">};<\/span>\n<span class=\"c1\">\/\/ \ud83d\udc4d Recommended to use i18next or other internationalization libraries<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">i18nLocalize<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">content<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span> <span class=\"o\">|<\/span> <span class=\"kc\">undefined<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nx\">i18next<\/span><span class=\"p\">.<\/span><span class=\"nf\">t<\/span><span class=\"p\">(<\/span><span class=\"nx\">content<\/span><span class=\"p\">);<\/span>\n<span class=\"c1\">\/\/ \ud83d\udc4d Or encapsulate it into a basic component<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">componentLocalize<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">content<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span> <span class=\"o\">|<\/span> <span class=\"kc\">undefined<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">&lt;<\/span><span class=\"nc\">Localize<\/span> <span class=\"na\">value<\/span><span class=\"p\">=<\/span><span class=\"si\">{<\/span><span class=\"nx\">content<\/span><span class=\"si\">}<\/span> <span class=\"p\">\/&gt;;<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">Week<\/span> <span class=\"o\">=<\/span> <span class=\"nc\">Enum<\/span><span class=\"p\">(<\/span>\n  <span class=\"p\">{<\/span>\n    <span class=\"na\">Sunday<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span> <span class=\"na\">value<\/span><span class=\"p\">:<\/span> <span class=\"mi\">0<\/span><span class=\"p\">,<\/span> <span class=\"na\">label<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">week.sunday<\/span><span class=\"dl\">'<\/span> <span class=\"p\">},<\/span>\n    <span class=\"na\">Monday<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span> <span class=\"na\">value<\/span><span class=\"p\">:<\/span> <span class=\"mi\">1<\/span><span class=\"p\">,<\/span> <span class=\"na\">label<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">week.monday<\/span><span class=\"dl\">'<\/span> <span class=\"p\">},<\/span>\n  <span class=\"p\">}<\/span> <span class=\"k\">as<\/span> <span class=\"kd\">const<\/span><span class=\"p\">,<\/span>\n  <span class=\"p\">{<\/span>\n    <span class=\"na\">localize<\/span><span class=\"p\">:<\/span> <span class=\"nx\">sillyLocalize<\/span><span class=\"p\">,<\/span>\n    <span class=\"c1\">\/\/ localize: i18nLocalize, \/\/ \ud83d\udc4d  Recommended to use i18n<\/span>\n    <span class=\"c1\">\/\/ localize: componentLocalize, \/\/ \ud83d\udc4d  Recommended to use component<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">);<\/span>\n<span class=\"nf\">setLang<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">zh-CN<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">label<\/span><span class=\"p\">(<\/span><span class=\"mi\">1<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ \u661f\u671f\u4e00<\/span>\n<span class=\"nf\">setLang<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">en-US<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">label<\/span><span class=\"p\">(<\/span><span class=\"mi\">1<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Monday<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0628\u0627 \u0646\u06cc\u0627\u0632 \u0645\u062d\u0644\u06cc \u0633\u0627\u0632\u06cc \u0645\u062f\u0627\u0648\u0645 \u060c <code>Enum.localize<\/code> \u0631\u0648\u0634 \u06cc\u06a9 \u0631\u0648\u0634 \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u062a\u0646\u0638\u06cc\u0645 \u0645\u062d\u0644\u06cc \u0633\u0627\u0632\u06cc \u062f\u0631 \u0633\u0637\u062d \u062c\u0647\u0627\u0646 \u0628\u0647 \u062c\u0627\u06cc \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0647\u0631 \u06cc\u06a9 \u0627\u0632 \u0639\u0646\u0627\u0635\u0631 \u0628\u0647 \u0635\u0648\u0631\u062a \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f. \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u06af\u0632\u06cc\u0646\u0647 \u0647\u0627\u06cc \u0645\u062d\u0644\u06cc \u0633\u0627\u0632\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u062f\u0631 \u0647\u0646\u06af\u0627\u0645 \u0627\u0648\u0644\u06cc\u0647 \u0633\u0627\u0632\u06cc \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u0634\u0648\u062f \u060c \u0627\u06cc\u0646 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u062c\u0647\u0627\u0646\u06cc \u0631\u0627 \u0646\u0627\u062f\u06cc\u062f\u0647 \u0645\u06cc \u06af\u06cc\u0631\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"nx\">Enum<\/span><span class=\"p\">.<\/span><span class=\"nx\">localize<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">i18nLocalize<\/span><span class=\"p\">;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<hr\/>\n<h2><span class=\"ez-toc-section\" id=\"%D9%BE%D8%B3%D9%88%D9%86%D8%AF_%D8%AC%D9%87%D8%A7%D9%86%DB%8C\"><\/span>\n<p>  \u067e\u0633\u0648\u0646\u062f \u062c\u0647\u0627\u0646\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 <code>Enum<\/code> \u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u06cc \u062c\u0627\u0645\u0639 \u0627\u0632 \u0631\u0648\u0634 \u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f \u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0648\u0634 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0622\u0646 \u0631\u0627 \u06af\u0633\u062a\u0631\u0634 \u062f\u0647\u06cc\u062f <code>Enum.extends<\/code> API \u0627\u06cc\u0646 \u067e\u0633\u0648\u0646\u062f\u0647\u0627 \u062f\u0631 \u0633\u0637\u062d \u062c\u0647\u0627\u0646\u06cc \u0628\u0631\u0627\u06cc \u0647\u0645\u0647 \u0645\u0648\u0627\u0631\u062f enum \u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u0645\u0648\u0627\u0631\u062f \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u0642\u0628\u0644 \u0627\u0632 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u067e\u0633\u0648\u0646\u062f \u060c \u0627\u0639\u0645\u0627\u0644 \u0645\u06cc \u0634\u0648\u062f \u0648 \u0628\u0644\u0627\u0641\u0627\u0635\u0644\u0647 \u0628\u062f\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u062a\u0646\u0638\u06cc\u0645 \u062f\u0633\u062a\u06cc \u060c \u0628\u0644\u0627\u0641\u0627\u0635\u0644\u0647 \u0627\u0639\u0645\u0627\u0644 \u0645\u06cc \u0634\u0648\u0646\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight tsx\"><code><span class=\"nx\">Enum<\/span><span class=\"p\">.<\/span><span class=\"nf\">extends<\/span><span class=\"p\">({<\/span>\n  <span class=\"nf\">toMySelect<\/span><span class=\"p\">(<\/span><span class=\"na\">this<\/span><span class=\"p\">:<\/span> <span class=\"nb\">ReturnType<\/span><span class=\"o\">&lt;<\/span><span class=\"k\">typeof<\/span> <span class=\"nx\">Enum<\/span><span class=\"o\">&gt;<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">return<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">items<\/span><span class=\"p\">.<\/span><span class=\"nf\">map<\/span><span class=\"p\">((<\/span><span class=\"nx\">item<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">({<\/span> <span class=\"na\">value<\/span><span class=\"p\">:<\/span> <span class=\"nx\">item<\/span><span class=\"p\">.<\/span><span class=\"nx\">value<\/span><span class=\"p\">,<\/span> <span class=\"na\">title<\/span><span class=\"p\">:<\/span> <span class=\"nx\">item<\/span><span class=\"p\">.<\/span><span class=\"nx\">label<\/span> <span class=\"p\">}));<\/span>\n  <span class=\"p\">},<\/span>\n  <span class=\"nf\">reversedItems<\/span><span class=\"p\">(<\/span><span class=\"na\">this<\/span><span class=\"p\">:<\/span> <span class=\"nb\">ReturnType<\/span><span class=\"o\">&lt;<\/span><span class=\"k\">typeof<\/span> <span class=\"nx\">Enum<\/span><span class=\"o\">&gt;<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">return<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">items<\/span><span class=\"p\">.<\/span><span class=\"nf\">reverse<\/span><span class=\"p\">();<\/span>\n  <span class=\"p\">},<\/span>\n<span class=\"p\">});<\/span>\n\n<span class=\"nx\">Week<\/span><span class=\"p\">.<\/span><span class=\"nf\">toMySelect<\/span><span class=\"p\">();<\/span> <span class=\"c1\">\/\/ [{ value: 0, title: 'Sunday' }, { value: 1, title: 'Monday' }]<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<hr\/>\n<h2><span class=\"ez-toc-section\" id=\"%D8%B3%D8%A7%D8%B2%DA%AF%D8%A7%D8%B1%DB%8C\"><\/span>\n<p>  \u0633\u0627\u0632\u06af\u0627\u0631\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li>\n<p><strong>\u0645\u062d\u06cc\u0637 \u0647\u0627\u06cc \u0645\u0631\u0648\u0631\u06af\u0631<\/strong>:<\/p>\n<ul>\n<li>\n<strong>\u062f\u0633\u062a\u0647 \u0647\u0627\u06cc \u0645\u062f\u0631\u0646<\/strong>: \u0628\u0627 \u0628\u0633\u062a\u0647 \u0647\u0627\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u06a9\u0646\u0646\u062f\u0647 \u0627\u0632 \u0642\u0633\u0645\u062a \u0635\u0627\u062f\u0631\u0627\u062a (Webpack 5+ \u060c Vite \u060c Rollup) \u060c \u0627\u0647\u062f\u0627\u0641 Enum-Plus <code>ES2020<\/code>\u0628\u0634\u0631 \u0628\u0631\u0627\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u06af\u0633\u062a\u0631\u062f\u0647 \u062a\u0631 \u060c \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0646\u062d\u0648 \u0642\u0628\u0644\u06cc \u0627\u0646\u062a\u0642\u0627\u0644 \u062f\u0647\u06cc\u062f <code>@babel\/preset-env<\/code> \u062f\u0631 \u0637\u06cc \u0645\u0631\u0627\u062d\u0644 \u0633\u0627\u062e\u062a \u0634\u0645\u0627<\/li>\n<li>\n<strong>\u062f\u0633\u062a\u0647 \u0647\u0627\u06cc \u0645\u06cc\u0631\u0627\u062b<\/strong>: \u0628\u0631\u0627\u06cc \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0628\u062f\u0648\u0646 <code>exports<\/code> \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u062f\u0627\u0646\u06cc (\u0645\u0627\u0646\u0646\u062f Webpack 4) \u060c Enum-Plus \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0647 <code>main<\/code> \u0646\u0642\u0637\u0647 \u0648\u0631\u0648\u062f \u0645\u06cc\u062f\u0627\u0646\u06cc \u060c \u06a9\u0647 \u0647\u062f\u0641 \u0642\u0631\u0627\u0631 \u0645\u06cc \u062f\u0647\u062f <code>ES2016<\/code>\u0628\u0634\u0631<\/li>\n<li>\n<strong>\u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc<\/strong>: \u06a9\u0634\u062a\u06cc \u0647\u0627\u06cc Enum-Plus \u0628\u062f\u0648\u0646 \u067e\u0644\u06cc \u067e\u0644\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647 \u062d\u062f\u0627\u0642\u0644 \u0631\u0633\u0627\u0646\u062f\u0646 \u0627\u0646\u062f\u0627\u0632\u0647 \u0628\u0633\u062a\u0647. \u0628\u0631\u0627\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u0645\u0631\u0648\u0631\u06af\u0631 \u0645\u06cc\u0631\u0627\u062b \u060c \u062a\u0631\u06a9\u06cc\u0628 \u06a9\u0646\u06cc\u062f:<\/li>\n<li>   <code>core-js<\/code>\n<\/li>\n<li>   <code>@babel\/preset-env<\/code> \u0628\u0627 \u0645\u0646\u0627\u0633\u0628 <code>useBuiltIns<\/code> \u062a\u0646\u0638\u06cc\u0645\u0627\u062a<\/li>\n<li>   \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u0647\u0627\u06cc \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u067e\u0644\u06cc \u0641\u06cc\u0644\u06cc<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>\u0633\u0627\u0632\u06af\u0627\u0631\u06cc Node.js<\/strong>: enum-plus \u0628\u0647 \u062d\u062f\u0627\u0642\u0644 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u062f <code>ES2016<\/code> \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627 \u060c \u0633\u0627\u0632\u06af\u0627\u0631 \u0628\u0627 node.js <code>v7.x<\/code> \u0648 \u0628\u0627\u0644\u0627\u062a\u0631<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<p>\u0647\u0646\u0648\u0632 \u0628\u06cc\u0634\u062a\u0631 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f\u061f \u0628\u0631\u0627\u06cc \u06a9\u0634\u0641 \u0646\u06a9\u0627\u062a \u0648 \u062a\u06a9\u0646\u06cc\u06a9 \u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u062a\u0631 \u0628\u0647 Enum-Plus \u0645\u0631\u0627\u062c\u0639\u0647 \u06a9\u0646\u06cc\u062f. \u0627\u06af\u0631 \u0627\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u062f\u0648\u0633\u062a \u062f\u0627\u0631\u06cc\u062f \u060c \u0644\u0637\u0641\u0627\u064b \u0622\u0646 \u0631\u0627 \u062f\u0631 GitHub \u0633\u062a\u0627\u0631\u0647 \u06a9\u0646\u06cc\u062f. \u0628\u0647 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0628\u06cc\u0634\u062a\u0631 \u06a9\u0645\u06a9 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0622\u0646 \u0631\u0627 \u06a9\u0634\u0641 \u06a9\u0646\u0646\u062f.<\/p>\n<p>\u0628\u0647 \u0645\u0646 \u0627\u0639\u062a\u0645\u0627\u062f \u06a9\u0646 \u060c \u0622\u0631\u0632\u0648 \u0645\u06cc \u06a9\u0646\u06cc \u0632\u0648\u062f\u062a\u0631 \u0622\u0646 \u0631\u0627 \u06a9\u0634\u0641 \u06a9\u0631\u062f\u0647 \u0628\u0648\u062f\u06cc!<\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0644\u0648\u0628 \u0645\u062b\u0644 \u0639\u0646\u0627\u0648\u06cc\u0646 \u0628\u0648\u0645\u06cc \u060c \u0627\u0645\u0627 \u062e\u06cc\u0644\u06cc \u0628\u0647\u062a\u0631! \u0645\u0642\u062f\u0645\u0647 | \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627 | \u0646\u0635\u0628 | \u062a\u0639\u0631\u06cc\u0641 enum | API | \u0627\u0633\u062a\u0641\u0627\u062f\u0647 | \u0628\u0648\u0645\u06cc \u0633\u0627\u0632\u06cc | \u067e\u0633\u0648\u0646\u062f \u062c\u0647\u0627\u0646\u06cc \u0645\u0642\u062f\u0645\u0647 enum-plus \u06cc\u06a9 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 Enum Enum \u0627\u0633\u062a \u06a9\u0647 \u06a9\u0627\u0645\u0644\u0627\u064b \u0628\u0627 \u0628\u0648\u0645\u06cc \u0633\u0627\u0632\u06af\u0627\u0631 \u0627\u0633\u062a enum \u0648 \u0622\u0646 \u0631\u0627 \u0628\u0627 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0642\u062f\u0631\u062a\u0645\u0646\u062f\u06cc \u0645\u0627\u0646\u0646\u062f \u0645\u062a\u0646 \u0646\u0645\u0627\u06cc\u0634 \u060c \u0628\u0648\u0645\u06cc \u0633\u0627\u0632\u06cc \u060c &hellip;<\/p>\n","protected":false},"author":2,"featured_media":106462,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-106461","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/106461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=106461"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/106461\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/106462"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=106461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=106461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=106461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}