@topvisor/ui 1.0.26-0 → 1.0.26-10

package/.chunks/dialog_selectorRegions-Dy0AlECS.es.js

@@ -1,140 +0,0 @@
-import { Core as N } from "../core/app.js";
-import { defineComponent as $, ref as x, reactive as A, watch as R, resolveComponent as I, createBlock as L, openBlock as c, unref as f, withCtx as i, createVNode as r, createTextVNode as V, toDisplayString as m, createElementBlock as p, Fragment as w, renderList as D, createElementVNode as k, createCommentVNode as h } from "vue";
-import { _ as E, a as U } from "./page.vue_vue_type_script_setup_true_lang-CCE8pKg7.es.js";
-import { b as G } from "./utils-DIly8mml.es.js";
-import { genFlagLinkByCountryCode as O } from "../utils/string.js";
-import { getSearcherGIcon as P, getLangLabel as j, getDeviceGIcon as q } from "../utils/searchers.js";
-const T = ["../assets/dialog_selectorRegions.css"].map((_) => import.meta.resolve(_));
-N.insertCSSLinkToPage(T, !0);
-const z = { class: "dialog_selectorRegions_header" }, H = ["data-top-icon"], J = ["src", "alt"], K = { class: "dialog_selectorRegions_regionAreaName top-ellipsis" }, M = { key: 1 }, Q = ["data-top-icon"], oe = /* @__PURE__ */ $({
-  id: "selectorRegions",
-  __name: "dialog_selectorRegions",
-  props: {
-    regions: {},
-    regionsIndexes: {},
-    "@update:regionsIndexes": { type: Function }
-  },
-  setup(_) {
-    const l = _, y = G(), d = x(!1), a = x([]), u = A({
-      searcher_key: -1,
-      key: -1,
-      name: -1
-    }), v = (t) => {
-      u[t] = -u[t], a.value.sort((e, s) => !e[t] || !s[t] ? -1 : e[t] >= s[t] ? u[t] : -u[t]);
-    }, S = () => {
-      var e;
-      if (!a.value.some((s) => s.selected)) return;
-      const t = a.value.filter((s) => s.selected).map((s) => s.index);
-      (e = l["@update:regionsIndexes"]) == null || e.call(l, t), y.close();
-    };
-    return R(d, () => {
-      a.value = a.value.map((t) => ({ ...t, selected: d.value }));
-    }), R([
-      () => l.regions,
-      () => l.regionsIndexes
-    ], () => {
-      a.value = [];
-      let t = !0;
-      l.regions.forEach((e) => {
-        let s = e.name;
-        e.areaName && (s += ` (${e.areaName})`);
-        const n = l.regionsIndexes.indexOf(+e.index) !== -1, o = P(e.searcher_key), g = e.lang !== void 0 ? j(e.searcher_key, e.lang) : void 0, b = e.device !== void 0 ? q(e.device) : void 0, B = e.countryCode !== void 0 ? O(e.countryCode) : void 0, C = {
-          ...e,
-          selected: n,
-          title: s,
-          searcherIcon: o,
-          langLabel: g,
-          deviceIcon: b,
-          flagLink: B
-        };
-        a.value.push(C), C.selected || (t = !1);
-      }), d.value = t;
-    }), (t, e) => {
-      const s = I("TopCheckbox"), n = I("TopButton");
-      return c(), L(f(E), {
-        id: f(y).id,
-        pageActive: "selectorRegions",
-        class: "dialog_selectorRegions",
-        height: "600px",
-        width: "600px"
-      }, {
-        default: i(() => [
-          r(f(U), {
-            name: "selectorRegions",
-            order: 0
-          }, {
-            header: i(() => [
-              k("div", z, [
-                r(s, {
-                  modelValue: d.value,
-                  "onUpdate:modelValue": e[0] || (e[0] = (o) => d.value = o)
-                }, null, 8, ["modelValue"]),
-                r(n, {
-                  class: "dialog_selectorRegions_sortButton",
-                  color: "theme",
-                  "data-top-icon": "",
-                  onClick: e[1] || (e[1] = (o) => v("searcher_key"))
-                }),
-                r(n, {
-                  class: "dialog_selectorRegions_sortButton",
-                  color: "theme",
-                  "data-top-icon": "",
-                  onClick: e[2] || (e[2] = (o) => v("key"))
-                }),
-                r(n, {
-                  class: "dialog_selectorRegions_sortButton",
-                  color: "theme",
-                  "data-top-icon": "",
-                  onClick: e[3] || (e[3] = (o) => v("name"))
-                })
-              ])
-            ]),
-            body: i(() => [
-              (c(!0), p(w, null, D(a.value, (o) => (c(), L(s, {
-                key: o.index,
-                modelValue: o.selected,
-                "onUpdate:modelValue": (g) => o.selected = g,
-                class: "dialog_selectorRegions_region"
-              }, {
-                default: i(() => [
-                  k("div", {
-                    class: "dialog_selectorRegions_regionSearcherIcon",
-                    "data-top-icon": o.searcherIcon
-                  }, null, 8, H),
-                  o.flagLink ? (c(), p("img", {
-                    key: 0,
-                    class: "top-flag",
-                    src: "//topvisor.dev" + o.flagLink,
-                    alt: o.countryCode
-                  }, null, 8, J)) : h("", !0),
-                  V(" " + m(o.name) + " ", 1),
-                  k("div", K, m(o.areaName), 1),
-                  o.langLabel ? (c(), p("div", M, " [" + m(o.langLabel) + "] ", 1)) : h("", !0),
-                  o.deviceIcon ? (c(), p("div", {
-                    key: 2,
-                    "data-top-icon": o.deviceIcon
-                  }, null, 8, Q)) : h("", !0)
-                ]),
-                _: 2
-              }, 1032, ["modelValue", "onUpdate:modelValue"]))), 128))
-            ]),
-            footer: i(() => [
-              r(n, { onClick: S }, {
-                default: i(() => [
-                  V(m(t.$i18n.Common.Apply), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["id"]);
-    };
-  }
-});
-export {
-  oe as default
-};
-//# sourceMappingURL=dialog_selectorRegions-Dy0AlECS.es.js.map

package/.chunks/dialog_selectorRegions-Dy0AlECS.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog_selectorRegions-Dy0AlECS.es.js","sources":["../../src/components/project/selectorRegion/dialog_selectorRegions/dialog_selectorRegions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { reactive, ref, watch } from 'vue';\nimport { TopDialog, TopDialogPage, useTopDialogSelf } from '@/components/dialog/dialog';\nimport { genFlagLinkByCountryCode } from '@/core/utils/string';\nimport type { Props, RegionRich } from './types';\nimport { getDeviceGIcon, getLangLabel, getSearcherGIcon } from '@/core/utils/searchers';\n\ndefineOptions({ id: 'selectorRegions' });\n\nconst props = defineProps<Partial<Props>>();\n\nconst dialog = useTopDialogSelf();\n\n/**\n * Выбраны все регионы\n */\nconst isAllSelected = ref(false);\n\n/**\n * Список расширенных регионов для использования в компоненте\n */\nconst regionsRich = ref<RegionRich[]>([]);\n\n/**\n * Направление сортировки по полю\n */\nconst sortedVectorByField = reactive({\n\tsearcher_key: -1,\n\tkey: -1,\n\tname: -1,\n});\n\n/**\n * Сортировать регионы по выбранному полю\n * @param sortedField - Поле для сортировки\n */\nconst sort = (sortedField: keyof typeof sortedVectorByField) => {\n\tsortedVectorByField[sortedField] = -sortedVectorByField[sortedField];\n\n\tregionsRich.value.sort((regionA, regionB) => {\n\t\tif (!regionA[sortedField] || !regionB[sortedField]) return -1;\n\n\t\treturn regionA[sortedField] >= regionB[sortedField] ? sortedVectorByField[sortedField] : -sortedVectorByField[sortedField];\n\t});\n};\n\n/**\n * Применить изменения\n *\n * Вызывает callback `props['@update:regionsIndexes']`\n */\nconst onSubmit = () => {\n\tif (!regionsRich.value.some((region) => region.selected)) return;\n\n\tconst regionsIndexes = regionsRich.value.filter((region) => region.selected).map((region) => region.index);\n\n\tprops['@update:regionsIndexes']?.(regionsIndexes);\n\n\tdialog.close();\n};\n\n// Выбрать / отменить все регионы\nwatch(isAllSelected, () => {\n\tregionsRich.value = regionsRich.value.map((region) => ({ ...region, selected: isAllSelected.value }));\n});\n\n// генерация регионов\nwatch([\n\t() => props.regions,\n\t() => props.regionsIndexes,\n], () => {\n\tregionsRich.value = [];\n\n\tlet isAllSelectedLocal = true;\n\n\tprops.regions.forEach((region) => {\n\t\tlet title = region.name;\n\t\tif (region.areaName) title += ` (${region.areaName})`;\n\n\t\tconst selected = (props.regionsIndexes.indexOf(+region.index) !== -1);\n\t\tconst searcherIcon = getSearcherGIcon(region.searcher_key);\n\t\tconst langLabel = region.lang !== undefined ? getLangLabel(region.searcher_key, region.lang) : undefined;\n\t\tconst deviceIcon = region.device !== undefined ? getDeviceGIcon(region.device) : undefined;\n\t\tconst flagLink = region.countryCode !== undefined ? genFlagLinkByCountryCode(region.countryCode) : undefined;\n\n\t\tconst regionRich = {\n\t\t\t...region,\n\t\t\tselected,\n\t\t\ttitle,\n\t\t\tsearcherIcon,\n\t\t\tlangLabel,\n\t\t\tdeviceIcon,\n\t\t\tflagLink,\n\t\t};\n\n\t\tregionsRich.value.push(regionRich);\n\n\t\tif (!regionRich.selected) {\n\t\t\tisAllSelectedLocal = false;\n\t\t}\n\t});\n\n\tisAllSelected.value = isAllSelectedLocal;\n});\n</script>\n\n<template>\n\t<TopDialog\n\t\t:id=\"dialog.id\"\n\t\tpageActive=\"selectorRegions\"\n\t\tclass=\"dialog_selectorRegions\"\n\t\theight=\"600px\"\n\t\twidth=\"600px\"\n\t>\n\t\t<TopDialogPage name=\"selectorRegions\" :order=\"0\">\n\t\t\t<template #header>\n\t\t\t\t<div class=\"dialog_selectorRegions_header\">\n\t\t\t\t\t<TopCheckbox v-model=\"isAllSelected\"></TopCheckbox>\n\n\t\t\t\t\t<TopButton\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\n\t\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\t@click=\"sort('searcher_key')\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<TopButton\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\n\t\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\t@click=\"sort('key')\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<TopButton\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\n\t\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\t@click=\"sort('name')\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</template>\n\n\t\t\t<template #body>\n\t\t\t\t<TopCheckbox\n\t\t\t\t\tv-for=\"region of regionsRich\"\n\t\t\t\t\t:key=\"region.index\"\n\t\t\t\t\tv-model=\"region.selected\"\n\t\t\t\t\tclass=\"dialog_selectorRegions_region\"\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_regionSearcherIcon\"\n\t\t\t\t\t\t:data-top-icon=\"region.searcherIcon\"\n\t\t\t\t\t></div>\n\n\t\t\t\t\t<img\n\t\t\t\t\t\tv-if=\"region.flagLink\"\n\t\t\t\t\t\tclass=\"top-flag\"\n\t\t\t\t\t\t:src=\"'//topvisor.dev' + region.flagLink\"\n\t\t\t\t\t\t:alt=\"region.countryCode\"\n\t\t\t\t\t>\n\n\t\t\t\t\t{{ region.name }}\n\n\t\t\t\t\t<div class=\"dialog_selectorRegions_regionAreaName top-ellipsis\">\n\t\t\t\t\t\t{{ region.areaName }}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div v-if=\"region.langLabel\">\n\t\t\t\t\t\t[{{ region.langLabel }}]\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"region.deviceIcon\"\n\t\t\t\t\t\t:data-top-icon=\"region.deviceIcon\"\n\t\t\t\t\t></div>\n\t\t\t\t</TopCheckbox>\n\t\t\t</template>\n\n\t\t\t<template #footer>\n\t\t\t\t<TopButton @click=\"onSubmit\">\n\t\t\t\t\t{{ $i18n.Common.Apply }}\n\t\t\t\t</TopButton>\n\t\t\t</template>\n\t\t</TopDialogPage>\n\t</TopDialog>\n</template>\n\n<style>\n@import \"./style.css\";\n</style>\n"],"names":["props","__props","dialog","useTopDialogSelf","isAllSelected","ref","regionsRich","sortedVectorByField","reactive","sort","sortedField","regionA","regionB","onSubmit","region","regionsIndexes","_a","watch","isAllSelectedLocal","title","selected","searcherIcon","getSearcherGIcon","langLabel","getLangLabel","deviceIcon","getDeviceGIcon","flagLink","genFlagLinkByCountryCode","regionRich"],"mappings":";;;;;;;;;;;;;;;;;AASA,UAAAA,IAAAC,GAEAC,IAAAC,EAAA,GAKAC,IAAAC,EAAA,EAAA,GAKAC,IAAAD,EAAA,CAAA,CAAA,GAKAE,IAAAC,EAAA;AAAA,MAAqC,cAAA;AAAA,MACtB,KAAA;AAAA,MACT,MAAA;AAAA,IACC,CAAA,GAOPC,IAAA,CAAAC,MAAA;AACC,MAAAH,EAAAG,CAAA,IAAA,CAAAH,EAAAG,CAAA,GAEAJ,EAAA,MAAA,KAAA,CAAAK,GAAAC,MACC,CAAAD,EAAAD,CAAA,KAAA,CAAAE,EAAAF,CAAA,IAAA,KAEAC,EAAAD,CAAA,KAAAE,EAAAF,CAAA,IAAAH,EAAAG,CAAA,IAAA,CAAAH,EAAAG,CAAA,CAAyH;AAAA,IACzH,GAQFG,IAAA,MAAA;;AACC,UAAA,CAAAP,EAAA,MAAA,KAAA,CAAAQ,MAAAA,EAAA,QAAA,EAAA;AAEA,YAAAC,IAAAT,EAAA,MAAA,OAAA,CAAAQ,MAAAA,EAAA,QAAA,EAAA,IAAA,CAAAA,MAAAA,EAAA,KAAA;AAEA,OAAAE,IAAAhB,EAAA,8BAAA,QAAAgB,EAAA,KAAAhB,GAAAe,IAEAb,EAAA,MAAA;AAAA,IAAa;AAId,WAAAe,EAAAb,GAAA,MAAA;AACC,MAAAE,EAAA,QAAAA,EAAA,MAAA,IAAA,CAAAQ,OAAA,EAAA,GAAAA,GAAA,UAAAV,EAAA,MAAA,EAAA;AAAA,IAAoG,CAAA,GAIrGa,EAAA;AAAA,MAAM,MAAAjB,EAAA;AAAA,MACO,MAAAA,EAAA;AAAA,IACA,GAAA,MAAA;AAEZ,MAAAM,EAAA,QAAA,CAAA;AAEA,UAAAY,IAAA;AAEA,MAAAlB,EAAA,QAAA,QAAA,CAAAc,MAAA;AACC,YAAAK,IAAAL,EAAA;AACA,QAAAA,EAAA,aAAAK,KAAA,KAAAL,EAAA,QAAA;AAEA,cAAAM,IAAApB,EAAA,eAAA,QAAA,CAAAc,EAAA,KAAA,MAAA,IACAO,IAAAC,EAAAR,EAAA,YAAA,GACAS,IAAAT,EAAA,SAAA,SAAAU,EAAAV,EAAA,cAAAA,EAAA,IAAA,IAAA,QACAW,IAAAX,EAAA,WAAA,SAAAY,EAAAZ,EAAA,MAAA,IAAA,QACAa,IAAAb,EAAA,gBAAA,SAAAc,EAAAd,EAAA,WAAA,IAAA,QAEAe,IAAA;AAAA,UAAmB,GAAAf;AAAA,UACf,UAAAM;AAAA,UACH,OAAAD;AAAA,UACA,cAAAE;AAAA,UACA,WAAAE;AAAA,UACA,YAAAE;AAAA,UACA,UAAAE;AAAA,QACA;AAGD,QAAArB,EAAA,MAAA,KAAAuB,CAAA,GAEAA,EAAA,aACCX,IAAA;AAAA,MACD,CAAA,GAGDd,EAAA,QAAAc;AAAA,IAAsB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}