@cldemo/ui-kit 1.0.0

package/buildLibs/utils/Web/ClSelectTag.js

@@ -0,0 +1,249 @@
+import { defineComponent as Y, inject as Z, reactive as ee, ref as A, computed as $, watch as I, onMounted as te, nextTick as R, openBlock as p, createElementBlock as h, normalizeClass as _, createElementVNode as q, normalizeStyle as J, toDisplayString as M, unref as le, createCommentVNode as se, Fragment as ie, renderList as ae, renderSlot as ne } from "vue";
+import { C as i } from "../Shared/base-PQGakkrl.js";
+import { u as oe } from "../Shared/language-DxTlvFs2.js";
+const ce = { class: "selectTag-container" }, ue = ["onClick"], re = ["innerHTML"], de = { key: 1 }, ve = /* @__PURE__ */ Y({
+  name: "ClSelectTag",
+  __name: "Index",
+  props: {
+    value: [String, Number],
+    className: String,
+    theme: {
+      type: String,
+      default: ""
+      // default | interval
+    },
+    type: {
+      type: String,
+      required: !0,
+      validator: (r) => ["checkbox", "radio"].indexOf(r) !== -1
+    },
+    list: {
+      type: Array,
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    width: String,
+    isShowAll: {
+      type: Boolean,
+      default: !1
+    },
+    showAllLabel: String,
+    checkChangeBefore: Function,
+    isInitRadioValue: {
+      type: Boolean,
+      default: !0
+    },
+    isRadioClickCancel: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:value", "onChange", "onInit"],
+  setup(r, { expose: j, emit: N }) {
+    const a = r, E = N, { optPageLanguage: O, getPageLanguage: H } = oe();
+    H("common");
+    const C = Z("$ClGlobals"), x = ee({
+      theme: ""
+    }), K = `st-${i.getRandom(8)}`, V = A(!1), b = (e) => {
+      let l = [];
+      return i.isEmpty(e) || (l = e.toString().split(",")), l;
+    }, o = A(b(a.value));
+    let g = [], d = {};
+    const u = A(!1), G = $(() => {
+      const { className: e, theme: l } = a, t = {
+        "panel-selectTag": !0
+      };
+      let s = x.theme;
+      return i.isEmpty(l) || (s = l), i.isEmpty(s) || (t[`selectTag-${s}`] = !0), i.isEmpty(e) || e.split(" ").forEach((n) => {
+        i.isEmpty(n) || (t[n] = !0);
+      }), t;
+    }), P = $(() => {
+      const e = {};
+      return i.isEmpty(a.width) || (e.width = a.width), e;
+    }), z = (e) => {
+      const l = {};
+      return e.isHtml ? l.width = "auto" : i.isEmpty(e.width) ? i.isEmpty(a.width) || (l.width = a.width) : l.width = e.width, l;
+    }, f = (e) => {
+      const l = [];
+      i.isEmpty(e) || e.forEach((c) => {
+        i.isExistJsonKey(d, c) && l.push(i.getJsonClone(d[c]));
+      });
+      const t = e.join(","), s = l.length > 0 && l.length === g.length;
+      let n;
+      return a.type === "radio" ? (n = {}, l.length > 0 && (n = l[0])) : n = l, { value: t, info: n, isAll: s };
+    }, k = (e) => {
+      E("update:value", e);
+    }, B = (e) => {
+      if (!i.isEqualArr(o.value, e)) {
+        const l = i.getArrClone(o.value), t = f(l);
+        o.value = e;
+        const { value: s, isAll: n, info: c } = f(e);
+        k(s), E("onChange", s, c, n, {
+          value: t.value,
+          info: t.info
+        });
+      }
+    }, L = () => {
+      R(() => {
+        const { value: e, isAll: l, info: t } = f(o.value);
+        E("onInit", e, t, l);
+      });
+    }, Q = () => {
+      if (C.globalsOption && C.globalsOption.selectTag) {
+        const e = C.globalsOption.selectTag;
+        i.isEmpty(e.theme) || (x.theme = e.theme);
+      }
+    }, S = (e) => {
+      const l = [];
+      if (e.length > 0) {
+        const t = d[e[0]], s = t && !i.isEmpty(t.type) ? t.type : a.type;
+        e.forEach((n) => {
+          if (i.isExistJsonKey(d, n)) {
+            const c = d[n];
+            if ((i.isEmpty(c.type) ? a.type : c.type) === s)
+              switch (s) {
+                case "radio":
+                  l.length === 0 && l.push(n);
+                  break;
+                case "checkbox":
+                  l.push(n);
+                  break;
+              }
+          }
+        });
+      }
+      return l;
+    }, T = (e) => {
+      if (d = {}, g = [], !i.isEmpty(e)) {
+        const l = b(a.value);
+        e.forEach((t) => {
+          if (i.isExistJsonKey(t, "id")) {
+            const s = t.id.toString();
+            d[s] = t, t.isDisabled ? i.isExistValue(l, s) && g.push(s) : g.push(s);
+          }
+        });
+      }
+    }, m = () => {
+      if (u.value) {
+        let e = [];
+        i.isEmpty(o.value) || (e = S(o.value), i.isEqualArr(o.value, e) || (o.value = e, k(e.join(",")))), a.isShowAll && (V.value = e.length > 0 && e.length === g.length);
+      }
+    }, v = () => {
+      if (a.type === "radio" && a.isInitRadioValue && i.isEmpty(o.value) && a.list.length > 0) {
+        const e = a.list[0].id.toString();
+        o.value = [e], k(e);
+      }
+    }, w = (e) => {
+      const l = b(e);
+      let t = i.isEqualArr(o.value, l);
+      t && (t = e === o.value.join(",")), t || (o.value = l);
+    }, U = () => {
+      Q(), u.value = a.list.length !== 0, T(a.list), v(), m();
+    };
+    I(u, (e) => {
+      e && L();
+    }), I(
+      () => a.list,
+      (e) => {
+        u.value || (u.value = !0, e.length === 0 && m());
+      }
+    ), I(
+      [() => a.list, () => a.value],
+      ([e, l], [t, s]) => {
+        const n = e;
+        !u.value && n.length > 0 && (u.value = !0), T(n), l !== s && w(l), v(), m();
+      }
+    ), te(() => {
+      R(() => {
+        U();
+      });
+    });
+    const W = () => {
+      if (!a.disabled) {
+        const e = [];
+        a.list.forEach((t) => {
+          const s = t.id.toString();
+          t.isDisabled ? i.isExistValue(o.value, s) && e.push(s) : V.value || e.push(s);
+        });
+        const l = S(e);
+        B(l);
+      }
+    }, X = async (e) => {
+      if (!e.isDisabled && !a.disabled) {
+        let l = a.type;
+        l = i.isEmpty(e.type) ? l : e.type;
+        const t = i.getArrClone(o.value);
+        let s = [];
+        const n = e.id.toString();
+        if (t.length === 0)
+          s = [n];
+        else if (l === "radio")
+          i.isEqualArr(t, [n]) ? s = a.isRadioClickCancel ? [] : t : s = [n];
+        else {
+          const y = d[t[0]];
+          (i.isEmpty(y.type) ? a.type : y.type) === "radio" ? s = [n] : i.isExistValue(t, n) ? s = i.getArrRemoveById(t, n) : (s = t, s.push(n));
+        }
+        let c = !0;
+        if (a.checkChangeBefore) {
+          const { value: y } = f(s), F = f(t);
+          c = await a.checkChangeBefore(y, F.value), c = i.isBoolean(c) ? c : !0;
+        }
+        c && B(s);
+      }
+    }, D = () => S(o.value).join(",");
+    return j({
+      getValue: D,
+      getValueData: () => {
+        const e = D(), { info: l } = f(e.split(","));
+        return l;
+      },
+      setValue: (e) => {
+        w(e), v(), m();
+      },
+      runInitComplete: () => {
+        u.value || (u.value = !0, T(a.list), w(a.value), v(), m(), L());
+      }
+    }), (e, l) => (p(), h("div", {
+      class: _(G.value)
+    }, [
+      q("ul", ce, [
+        r.isShowAll ? (p(), h("li", {
+          key: 0,
+          class: _({
+            "selectTag-item": !0,
+            "selectTag-active": V.value,
+            "selectTag-disabled": r.disabled
+          }),
+          style: J(P.value),
+          onClick: l[0] || (l[0] = (t) => W())
+        }, [
+          q("span", null, M(r.showAllLabel || le(O).checkboxAll), 1)
+        ], 6)) : se("", !0),
+        (p(!0), h(ie, null, ae(r.list, (t, s) => (p(), h("li", {
+          key: `${K}-${s}`,
+          class: _({
+            "selectTag-item": !0,
+            "selectTag-active": o.value.includes(t.id.toString()),
+            "selectTag-disabled": t.isDisabled || r.disabled
+          }),
+          style: J(z(t)),
+          onClick: (n) => X(t)
+        }, [
+          ne(e.$slots, "default", { data: t }, () => [
+            t.isHtml ? (p(), h("span", {
+              key: 0,
+              innerHTML: t.name
+            }, null, 8, re)) : (p(), h("span", de, M(t.name), 1))
+          ])
+        ], 14, ue))), 128))
+      ])
+    ], 2));
+  }
+});
+export {
+  ve as default
+};
+//# sourceMappingURL=ClSelectTag.js.map

package/buildLibs/utils/Web/ClSelectTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClSelectTag.js","sources":["../../../src/libs/Web/SelectTag/Index.vue"],"sourcesContent":["<template>\n  <div :class=\"clsParent\">\n    <ul class=\"selectTag-container\">\n      <li\n        v-if=\"isShowAll\"\n        :class=\"{\n          'selectTag-item': true,\n          'selectTag-active': optAllValue,\n          'selectTag-disabled': disabled,\n        }\"\n        :style=\"styItem\"\n        @click=\"onClickAll()\"\n      ><span>{{ showAllLabel || optPageLanguage.checkboxAll }}</span></li>\n      <li\n        v-for=\"(info, stIndex) in list\"\n        :key=\"`${optKeyIndex}-${stIndex}`\"\n        :class=\"{\n          'selectTag-item': true,\n          'selectTag-active': optTextValue.includes(info.id.toString()),\n          'selectTag-disabled': info.isDisabled || disabled,\n        }\"\n        :style=\"styItemFun(info)\"\n        @click=\"onClickItem(info)\"\n      >\n        <slot :data=\"info\">\n          <span\n            v-if=\"info.isHtml\"\n            v-html=\"info.name\"\n          ></span>\n          <span v-else>{{ info.name }}</span>\n        </slot>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, onMounted, nextTick, watch, reactive, ref, computed } from 'vue'\nimport CommonBase from '../../Common/base'\nimport useLanguage from '../../Use/language'\nimport './index.css'\n\ndefineOptions({ name: 'ClSelectTag' })\n\nexport interface ListInfo {\n  id: [string, number]\n  name: string\n  isDisabled: boolean\n  type: string\n  isHtml: boolean\n}\n\nconst props = defineProps({\n  value: [String, Number],\n  className: String,\n  theme: {\n    type: String,\n    default: '', // default | interval\n  },\n  type: {\n    type: String,\n    required: true,\n    validator: (value: string) => {\n      return ['checkbox', 'radio'].indexOf(value) !== -1\n    },\n  },\n  list: {\n    type: Array as () => ListInfo[],\n    default: () => [],\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  width: String,\n  isShowAll: {\n    type: Boolean,\n    default: false,\n  },\n  showAllLabel: String,\n  checkChangeBefore: Function,\n  isInitRadioValue: {\n    type: Boolean,\n    default: true,\n  },\n  isRadioClickCancel: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst emit = defineEmits(['update:value', 'onChange', 'onInit'])\n\nconst { optPageLanguage, getPageLanguage } = useLanguage()\ngetPageLanguage('common')\n\nconst _clGlobals: any = inject('$ClGlobals')\n\nconst optBase: any = reactive({\n  theme: '',\n})\n\nconst optKeyIndex = `st-${CommonBase.getRandom(8)}`\nconst optAllValue = ref(false)\n\nconst _convertValueArr = (value: any) => {\n  let arr: any[] = []\n  if (!CommonBase.isEmpty(value)) {\n    arr = value.toString().split(',')\n  }\n  return arr\n}\n\nconst optTextValue = ref(_convertValueArr(props.value))\nlet _listAllId: any[] = []\nlet _listDataToJson: any = {}\nconst _optIsFirstDataFinish = ref(false)\n\nconst clsParent = computed(() => {\n  const { className, theme } = props\n  const cls: any = {\n    'panel-selectTag': true,\n  }\n  let newTheme = optBase.theme\n  if (!CommonBase.isEmpty(theme)) {\n    newTheme = theme\n  }\n  if (!CommonBase.isEmpty(newTheme)) {\n    cls[`selectTag-${newTheme}`] = true\n  }\n  if (!CommonBase.isEmpty(className)) {\n    ;(className as string).split(' ').forEach((c: string) => {\n      if (!CommonBase.isEmpty(c)) {\n        cls[c] = true\n      }\n    })\n  }\n  return cls\n})\n\nconst styItem = computed(() => {\n  const sty: any = {}\n  if (!CommonBase.isEmpty(props.width)) {\n    sty.width = props.width\n  }\n  return sty\n})\n\nconst styItemFun = (info: any) => {\n  const sty: any = {}\n  if (info.isHtml) {\n    sty.width = 'auto'\n  } else if (!CommonBase.isEmpty(info.width)) {\n    sty.width = info.width\n  } else if (!CommonBase.isEmpty(props.width)) {\n    sty.width = props.width\n  }\n  return sty\n}\n\nconst _getValueInfo = (ids: string[]) => {\n  const dataList: any[] = []\n  if (!CommonBase.isEmpty(ids)) {\n    ids.forEach((v: string) => {\n      if (CommonBase.isExistJsonKey(_listDataToJson, v)) {\n        dataList.push(CommonBase.getJsonClone(_listDataToJson[v]))\n      }\n    })\n  }\n  const value = ids.join(',')\n  const isAll = dataList.length > 0 && dataList.length === _listAllId.length\n  let info: any\n  if (props.type === 'radio') {\n    info = {}\n    if (dataList.length > 0) {\n      info = dataList[0]\n    }\n  } else {\n    info = dataList\n  }\n  return { value, info, isAll }\n}\n\nconst _emitModelValue = (value: string) => {\n  emit('update:value', value)\n}\n\nconst _emitChange = (arrIds: string[]) => {\n  if (!CommonBase.isEqualArr(optTextValue.value, arrIds)) {\n    const oldSelectValue = CommonBase.getArrClone(optTextValue.value)\n    const oldSelectInfo = _getValueInfo(oldSelectValue)\n    optTextValue.value = arrIds\n    const { value, isAll, info } = _getValueInfo(arrIds)\n    _emitModelValue(value)\n    emit('onChange', value, info, isAll, {\n      value: oldSelectInfo.value,\n      info: oldSelectInfo.info,\n    })\n  }\n}\n\nconst _emitInit = () => {\n  nextTick(() => {\n    const { value, isAll, info } = _getValueInfo(optTextValue.value)\n    emit('onInit', value, info, isAll)\n  })\n}\n\nconst _initMergeGlobalsOption = () => {\n  if (_clGlobals.globalsOption && _clGlobals.globalsOption.selectTag) {\n    const opt = _clGlobals.globalsOption.selectTag\n    if (!CommonBase.isEmpty(opt.theme)) {\n      optBase.theme = opt.theme\n    }\n  }\n}\n\nconst _getEffectiveValue = (selectValue: any[]) => {\n  const effectiveValue: any[] = []\n  if (selectValue.length > 0) {\n    const firstInfo = _listDataToJson[selectValue[0]]\n    const firstType = firstInfo && !CommonBase.isEmpty(firstInfo.type) ? firstInfo.type : props.type\n    selectValue.forEach((v: string) => {\n      if (CommonBase.isExistJsonKey(_listDataToJson, v)) {\n        const info = _listDataToJson[v]\n        const type = CommonBase.isEmpty(info.type) ? props.type : info.type\n        if (type === firstType) {\n          switch (firstType) {\n            case 'radio':\n              if (effectiveValue.length === 0) {\n                effectiveValue.push(v)\n              }\n              break\n            case 'checkbox':\n              effectiveValue.push(v)\n              break\n          }\n        }\n      }\n    })\n  }\n  return effectiveValue\n}\n\nconst _convertListToJson = (list: any[]) => {\n  _listDataToJson = {}\n  _listAllId = []\n  if (!CommonBase.isEmpty(list)) {\n    const selectValue: any[] = _convertValueArr(props.value)\n    list.forEach((info: any) => {\n      if (CommonBase.isExistJsonKey(info, 'id')) {\n        const id = info.id.toString()\n        _listDataToJson[id] = info\n        if (info.isDisabled) {\n          if (CommonBase.isExistValue(selectValue, id)) {\n            _listAllId.push(id)\n          }\n        } else {\n          _listAllId.push(id)\n        }\n      }\n    })\n  }\n}\n\nconst _checkValueInList = () => {\n  if (_optIsFirstDataFinish.value) {\n    let effectiveValue = []\n    if (!CommonBase.isEmpty(optTextValue.value)) {\n      effectiveValue = _getEffectiveValue(optTextValue.value)\n      if (!CommonBase.isEqualArr(optTextValue.value, effectiveValue)) {\n        optTextValue.value = effectiveValue\n        _emitModelValue(effectiveValue.join(','))\n      }\n    }\n    if (props.isShowAll) {\n      optAllValue.value = effectiveValue.length > 0 && effectiveValue.length === _listAllId.length\n    }\n  }\n}\n\nconst _initRadioDefaultValue = () => {\n  if (\n    props.type === 'radio' &&\n    props.isInitRadioValue &&\n    CommonBase.isEmpty(optTextValue.value) &&\n    props.list.length > 0\n  ) {\n    const value = props.list[0].id.toString()\n    optTextValue.value = [value]\n    _emitModelValue(value)\n  }\n}\n\nconst _setValue = (value: any) => {\n  const arrValue = _convertValueArr(value)\n  let isEqual = CommonBase.isEqualArr(optTextValue.value, arrValue)\n  if (isEqual) {\n    isEqual = value === optTextValue.value.join(',')\n  }\n  if (!isEqual) {\n    optTextValue.value = arrValue\n  }\n}\n\nconst _initMain = () => {\n  _initMergeGlobalsOption()\n  _optIsFirstDataFinish.value = props.list.length !== 0\n  _convertListToJson(props.list)\n  _initRadioDefaultValue()\n  _checkValueInList()\n}\n\nwatch(_optIsFirstDataFinish, (newValue) => {\n  if (newValue) {\n    _emitInit()\n  }\n})\n\nwatch(\n  () => props.list,\n  (newValue) => {\n    if (!_optIsFirstDataFinish.value) {\n      _optIsFirstDataFinish.value = true\n      if (newValue.length === 0) {\n        _checkValueInList()\n      }\n    }\n  },\n)\n\nwatch(\n  [() => props.list, () => props.value],\n  ([newList, newValue], [_oldList, oldValue]) => {\n    const list = newList as any[]\n    if (!_optIsFirstDataFinish.value && list.length > 0) {\n      _optIsFirstDataFinish.value = true\n    }\n    _convertListToJson(list)\n    if (newValue !== oldValue) {\n      _setValue(newValue)\n    }\n    _initRadioDefaultValue()\n    _checkValueInList()\n  },\n)\n\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\nconst onClickAll = () => {\n  if (!props.disabled) {\n    const selectIds: string[] = []\n    props.list.forEach((info: any) => {\n      const id = info.id.toString()\n      if (info.isDisabled) {\n        if (CommonBase.isExistValue(optTextValue.value, id)) {\n          selectIds.push(id)\n        }\n      } else if (!optAllValue.value) {\n        selectIds.push(id)\n      }\n    })\n    const arrValue = _getEffectiveValue(selectIds)\n    _emitChange(arrValue)\n  }\n}\n\nconst onClickItem = async (item: any) => {\n  if (!item.isDisabled && !props.disabled) {\n    let type = props.type\n    type = CommonBase.isEmpty(item.type) ? type : item.type\n\n    const oldSelectValue = CommonBase.getArrClone(optTextValue.value)\n    let newSelectValue = []\n    const value: string = item.id.toString()\n    if (oldSelectValue.length === 0) {\n      newSelectValue = [value]\n    } else if (type === 'radio') {\n      if (CommonBase.isEqualArr(oldSelectValue, [value])) {\n        newSelectValue = props.isRadioClickCancel ? [] : oldSelectValue\n      } else {\n        newSelectValue = [value]\n      }\n    } else {\n      const oldFirstInfo = _listDataToJson[oldSelectValue[0]]\n      const oldFirstType = CommonBase.isEmpty(oldFirstInfo.type) ? props.type : oldFirstInfo.type\n      if (oldFirstType === 'radio') {\n        newSelectValue = [value]\n      } else if (CommonBase.isExistValue(oldSelectValue, value)) {\n        newSelectValue = CommonBase.getArrRemoveById(oldSelectValue, value)\n      } else {\n        newSelectValue = oldSelectValue\n        newSelectValue.push(value)\n      }\n    }\n\n    let tempCheck: any = true\n    if (props.checkChangeBefore) {\n      const { value: newVal } = _getValueInfo(newSelectValue)\n      const oldInfo = _getValueInfo(oldSelectValue)\n      tempCheck = await props.checkChangeBefore(newVal, oldInfo.value)\n      tempCheck = CommonBase.isBoolean(tempCheck) ? tempCheck : true\n    }\n    if (tempCheck) {\n      _emitChange(newSelectValue)\n    }\n  }\n}\n\nconst getValue = () => {\n  const values = _getEffectiveValue(optTextValue.value)\n  return values.join(',')\n}\nconst getValueData = () => {\n  const value = getValue()\n  const { info } = _getValueInfo(value.split(','))\n  return info\n}\nconst setValue = (value: string) => {\n  _setValue(value)\n  _initRadioDefaultValue()\n  _checkValueInList()\n}\nconst runInitComplete = () => {\n  if (!_optIsFirstDataFinish.value) {\n    _optIsFirstDataFinish.value = true\n    _convertListToJson(props.list)\n    _setValue(props.value)\n    _initRadioDefaultValue()\n    _checkValueInList()\n    _emitInit()\n  }\n}\n\ndefineExpose({\n  getValue,\n  getValueData,\n  setValue,\n  runInitComplete,\n})\n</script>\n"],"names":["props","__props","emit","__emit","optPageLanguage","getPageLanguage","useLanguage","_clGlobals","inject","optBase","reactive","optKeyIndex","CommonBase","optAllValue","ref","_convertValueArr","value","arr","optTextValue","_listAllId","_listDataToJson","_optIsFirstDataFinish","clsParent","computed","className","theme","cls","newTheme","c","styItem","sty","styItemFun","info","_getValueInfo","ids","dataList","v","isAll","_emitModelValue","_emitChange","arrIds","oldSelectValue","oldSelectInfo","_emitInit","nextTick","_initMergeGlobalsOption","opt","_getEffectiveValue","selectValue","effectiveValue","firstInfo","firstType","_convertListToJson","list","id","_checkValueInList","_initRadioDefaultValue","_setValue","arrValue","isEqual","_initMain","watch","newValue","newList","_oldList","oldValue","onMounted","onClickAll","selectIds","onClickItem","item","type","newSelectValue","oldFirstInfo","tempCheck","newVal","oldInfo","getValue","__expose","_createElementBlock","_createElementVNode","_hoisted_1","_normalizeClass","_toDisplayString","_unref","_openBlock","_Fragment","_renderList","stIndex","_normalizeStyle","$event","_renderSlot","_ctx","_hoisted_4"],"mappings":"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"}

package/buildLibs/utils/Web/ClSelectTree.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),u=require("../Shared/base-iCmnU-fv.js"),F={key:0,className:"selectTree-inText-num"},E={class:"selectTree-inDropdown-container"},L={class:"selectTree-inDropdown-search"},N={class:"selectTree-inDropdown-body"},P=e.defineComponent({name:"ClSelectTree",__name:"Index",props:{value:[String,Number],list:{type:Array,default:()=>[]},className:String,placeholder:String,classDropDown:String,disabled:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},isClear:{type:Boolean,default:!1},arrowDirection:{type:String,default:"right"},searchPlaceholder:String,searchKey:{type:Array,default:()=>["name"]},searchKeyType:{type:String,default:"||"},showTextFormat:String,showDropDownTextFormat:String,onOpenBefore:Function,isSingleSelectParent:{type:Boolean,default:!1},isOutMerge:{type:Boolean,default:!0},parentKey:{type:String,default:"parentId"},topParentValue:{type:String,default:"0"}},emits:["update:value","onChange","onInit","onOpen"],setup(l,{expose:h,emit:g}){const o=l,s=g,r=e.ref(null),p=e.ref(null),n=e.reactive({isOpen:!1,isFirstDataFinish:!1,selectIds:"",selectLabel:[]}),d={prevSelectIds:[]},D=e.computed(()=>o.arrowDirection),C=e.computed(()=>{let a=["panel-selectTree","box-width"].join(" ");return u.CommonBase.isEmpty(o.className)||(a+=" "+o.className),a}),w=e.computed(()=>{const t=["selectTree-inDropdown"];return o.classDropDown&&!u.CommonBase.isEmpty(o.classDropDown)&&t.push(o.classDropDown),t.join(" ")}),y=t=>{s("update:value",t)},S=(t,a)=>{y(t),s("onChange",t,a)},v=()=>{e.nextTick(()=>{s("onInit")})},x=t=>{e.nextTick(()=>{s("onOpen",t)})},m=()=>{if(!n.isOpen){const t=n.selectIds,a=t.split(",");if(!u.CommonBase.isEqualArr(a,d.prevSelectIds)){d.prevSelectIds=a;const i=p.value.getValueData();S(t,i)}}},f=()=>{n.isFirstDataFinish||(n.isFirstDataFinish=!0,v())},V=()=>{o.list.length>0&&f()};e.watch([()=>o.value,()=>o.list],([t,a],[c,i])=>{t===c&&(n.isFirstDataFinish||f())}),e.onMounted(()=>{e.nextTick(()=>{V()})});const b=t=>{o.disabled||(n.isOpen=t,t?d.prevSelectIds=n.selectIds.split(","):m(),x(t))},B=()=>{o.disabled||(n.selectIds="",m())},I=()=>{r.value&&(r.value.checkCurrentIsOpen()||r.value.initCompleteOpen())},T=()=>{};return h({getValue:()=>n.selectIds,getValueData:()=>p.value.getValueData(),setValue:t=>{n.selectIds=t}}),(t,a)=>{const c=e.resolveComponent("cl-badge"),i=e.resolveComponent("cl-input-search"),O=e.resolveComponent("cl-tree"),k=e.resolveComponent("cl-dropdownlayer-list");return e.openBlock(),e.createBlock(k,{ref_key:"refElDropdownLayer",ref:r,classParent:C.value,classText:"selectTree-inText",classDropDown:w.value,placeholder:l.placeholder,isDisabled:l.disabled,isClear:l.isClear,textLabel:n.selectLabel.join(","),textArrowDirection:D.value,onOpenBeforeCallback:l.onOpenBefore,onOnChangeOpen:b,onOnClear:B},{textExtend:e.withCtx(()=>[l.multiple?(e.openBlock(),e.createElementBlock("span",F,[l.multiple&&n.selectLabel.length>1?(e.openBlock(),e.createBlock(c,{key:0,num:n.selectLabel.length},null,8,["num"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),dropdown:e.withCtx(()=>[e.createElementVNode("div",E,[e.createElementVNode("div",L,[e.createVNode(i,{ref:"refElSearch",onOnChange:T},null,512)]),e.createElementVNode("div",N,[e.createVNode(O,{ref_key:"refElList",ref:p,list:l.list,value:n.selectIds,"onUpdate:value":a[0]||(a[0]=_=>n.selectIds=_),multiple:l.multiple,textFormat:l.showDropDownTextFormat,isSingleSelectParent:l.isSingleSelectParent,parentKey:l.parentKey,topParentValue:l.topParentValue,shrinkColorBg:"transparent",onOnInit:I},null,8,["list","value","multiple","textFormat","isSingleSelectParent","parentKey","topParentValue"])])])]),_:1},8,["classParent","classDropDown","placeholder","isDisabled","isClear","textLabel","textArrowDirection","onOpenBeforeCallback"])}}});module.exports=P;
+//# sourceMappingURL=ClSelectTree.cjs.map

package/buildLibs/utils/Web/ClSelectTree.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClSelectTree.cjs","sources":["../../../src/libs/Web/SelectTree/Index.vue"],"sourcesContent":["<template>\n  <cl-dropdownlayer-list\n    ref=\"refElDropdownLayer\"\n    :classParent=\"clsParent\"\n    classText=\"selectTree-inText\"\n    :classDropDown=\"clsDropdown\"\n    :placeholder=\"placeholder\"\n    :isDisabled=\"disabled\"\n    :isClear=\"isClear\"\n    :textLabel=\"optBase.selectLabel.join(',')\"\n    :textArrowDirection=\"optArrowDirection\"\n    :onOpenBeforeCallback=\"onOpenBefore\"\n    @onChangeOpen=\"onToggleOpen\"\n    @onClear=\"onClearText\"\n  >\n    <template v-slot:textExtend>\n      <span\n        v-if=\"multiple\"\n        className=\"selectTree-inText-num\"\n      >\n        <cl-badge\n          v-if=\"multiple && optBase.selectLabel.length>1\"\n          :num=\"optBase.selectLabel.length\"\n        />\n      </span>\n    </template>\n    <template v-slot:dropdown>\n      <div class=\"selectTree-inDropdown-container\">\n        <div class=\"selectTree-inDropdown-search\">\n          <cl-input-search\n            ref=\"refElSearch\"\n            @onChange=\"onSearch\"\n          />\n        </div>\n        <div class=\"selectTree-inDropdown-body\">\n          <cl-tree\n            ref=\"refElList\"\n            :list=\"list\"\n            v-model:value=\"optBase.selectIds\"\n            :multiple=\"multiple\"\n            :textFormat=\"showDropDownTextFormat\"\n            :isSingleSelectParent=\"isSingleSelectParent\"\n            :parentKey=\"parentKey\"\n            :topParentValue=\"topParentValue\"\n            shrinkColorBg=\"transparent\"\n            @onInit=\"onInitComplete\"\n          />\n        </div>\n      </div>\n    </template>\n  </cl-dropdownlayer-list>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, nextTick, watch, computed, ref, reactive } from 'vue'\nimport CommonBase from '../../Common/base'\nimport './index.css'\n\ndefineOptions({ name: 'ClSelectTree' })\n\nconst props = defineProps({\n  value: [String, Number],\n  list: {\n    type: Array,\n    default: () => [],\n  },\n  className: String,\n  placeholder: String,\n  classDropDown: String,\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  isClear: {\n    type: Boolean,\n    default: false,\n  },\n  arrowDirection: {\n    type: String,\n    default: 'right', // left|right\n  },\n  searchPlaceholder: String,\n  searchKey: {\n    type: Array,\n    default: () => ['name'],\n  },\n  searchKeyType: {\n    type: String,\n    default: '||', // || 或者  ， && 并且\n  },\n  showTextFormat: String, // \"${id} ${name}\"\n  showDropDownTextFormat: String,\n  onOpenBefore: Function,\n  isSingleSelectParent: {\n    type: Boolean,\n    default: false,\n  },\n  isOutMerge: {\n    type: Boolean,\n    default: true,\n  },\n  parentKey: {\n    type: String,\n    default: 'parentId',\n  },\n  topParentValue: {\n    type: String,\n    default: '0',\n  },\n})\n\nconst emit = defineEmits(['update:value', 'onChange', 'onInit', 'onOpen'])\n\nconst refElDropdownLayer: any = ref(null)\nconst refElList: any = ref(null)\n\nconst optBase = reactive({\n  isOpen: false,\n  isFirstDataFinish: false,\n  selectIds: '',\n  selectLabel: [] as string[],\n})\n\nconst _pageData: any = {\n  prevSelectIds: [] as string[],\n}\n\nconst optArrowDirection = computed(() => {\n  return props.arrowDirection\n})\n\nconst clsParent = computed(() => {\n  const cls = ['panel-selectTree', 'box-width']\n  let strCls = cls.join(' ')\n  if (!CommonBase.isEmpty(props.className)) {\n    strCls += ' ' + props.className\n  }\n  return strCls\n})\n\nconst clsDropdown = computed(() => {\n  const cls = ['selectTree-inDropdown']\n  if (props.classDropDown && !CommonBase.isEmpty(props.classDropDown)) {\n    cls.push(props.classDropDown)\n  }\n  return cls.join(' ')\n})\n\nconst _emitModelValue = (value: string) => {\n  emit('update:value', value)\n}\n\nconst _emitChange = (value: string, data: any) => {\n  _emitModelValue(value)\n  emit('onChange', value, data)\n}\n\nconst _emitInit = () => {\n  nextTick(() => {\n    emit('onInit')\n  })\n}\n\nconst _emitOpen = (isOpen: boolean) => {\n  nextTick(() => {\n    emit('onOpen', isOpen)\n  })\n}\n\nconst _checkChangeValue = () => {\n  if (!optBase.isOpen) {\n    const value = optBase.selectIds\n    const arrSelect = value.split(',')\n    const isChange = !CommonBase.isEqualArr(arrSelect, _pageData.prevSelectIds)\n    if (isChange) {\n      _pageData.prevSelectIds = arrSelect\n      const infoData = refElList.value.getValueData()\n      _emitChange(value, infoData)\n    }\n  }\n}\n\nconst _initComplete = () => {\n  if (!optBase.isFirstDataFinish) {\n    optBase.isFirstDataFinish = true\n    _emitInit()\n  }\n}\n\nconst _initMain = () => {\n  if (props.list.length > 0) {\n    _initComplete()\n  }\n}\n\nwatch(\n  [() => props.value, () => props.list],\n  ([newValue, _newList], [oldValue, _oldList]) => {\n    if (newValue === oldValue) {\n      if (!optBase.isFirstDataFinish) {\n        _initComplete()\n      }\n    }\n  },\n)\n\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\nconst onToggleOpen = (value: boolean) => {\n  if (!props.disabled) {\n    optBase.isOpen = value\n    if (value) {\n      _pageData.prevSelectIds = optBase.selectIds.split(',')\n    } else {\n      _checkChangeValue()\n    }\n    _emitOpen(value)\n  }\n}\n\nconst onClearText = () => {\n  if (!props.disabled) {\n    optBase.selectIds = ''\n    _checkChangeValue()\n  }\n}\n\nconst onInitComplete = () => {\n  if (refElDropdownLayer.value) {\n    if (!refElDropdownLayer.value.checkCurrentIsOpen()) {\n      refElDropdownLayer.value.initCompleteOpen()\n    }\n  }\n}\n\nconst onSearch = () => {}\n\nconst getValue = () => {\n  return optBase.selectIds\n}\n\nconst getValueData = () => {\n  return refElList.value.getValueData()\n}\n\nconst setValue = (value: string) => {\n  optBase.selectIds = value\n}\n\ndefineExpose({\n  getValue,\n  getValueData,\n  setValue,\n})\n</script>\n"],"names":["props","__props","emit","__emit","refElDropdownLayer","ref","refElList","optBase","reactive","_pageData","optArrowDirection","computed","clsParent","strCls","CommonBase","clsDropdown","cls","_emitModelValue","value","_emitChange","data","_emitInit","nextTick","_emitOpen","isOpen","_checkChangeValue","arrSelect","infoData","_initComplete","_initMain","watch","newValue","_newList","oldValue","_oldList","onMounted","onToggleOpen","onClearText","onInitComplete","onSearch","__expose","_createBlock","_component_cl_dropdownlayer_list","_openBlock","_createElementBlock","_hoisted_1","_component_cl_badge","_createElementVNode","_hoisted_2","_hoisted_3","_createVNode","_component_cl_input_search","_hoisted_4","_component_cl_tree","_cache","$event"],"mappings":"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"}

package/buildLibs/utils/Web/ClSelectTree.css

@@ -0,0 +1 @@
+.selectTree-inDropdown .selectTree-inDropdown-body{position:relative;max-height:210px;overflow-y:auto;overflow-x:hidden;padding-bottom:2px}.selectTree-inText .select-inText-num{display:inherit}.selectTree-inText .select-inText-num:empty{display:none}.selectTree-inText .select-inText-num>.badge{background-color:#cfcfcf!important;cursor:pointer;margin-left:5px;margin-bottom:1px}.panel-selectTree .dropdownLayer-disabled .selectTree-inText .selectTree-inText-num{cursor:no-drop}.selectTree-inDropdown .selectTree-inDropdown-search{padding:4px;position:relative;width:100%}.selectTree-inDropdown .selectTree-inDropdown-search>.panel-input-search{width:100%}.selectTree-inDropdown .selectTree-inDropdown-search>.panel-input-search .panel-input{width:auto}.selectTree-inDropdown .selectTree-inDropdown-search .form-control{width:100%;height:30px;line-height:30px;padding:4px 22px 4px 4px}

package/buildLibs/utils/Web/ClSelectTree.d.ts

@@ -0,0 +1,3 @@
+import type { DefineComponent } from 'vue'
+declare const _default: DefineComponent<object, object, any>
+export default _default

package/buildLibs/utils/Web/ClSelectTree.js

@@ -0,0 +1,190 @@
+import { defineComponent as q, ref as w, reactive as U, computed as u, watch as z, onMounted as G, nextTick as m, resolveComponent as c, openBlock as f, createBlock as C, withCtx as S, createElementVNode as h, createVNode as v, createElementBlock as H, createCommentVNode as x } from "vue";
+import { C as g } from "../Shared/base-PQGakkrl.js";
+const J = {
+  key: 0,
+  className: "selectTree-inText-num"
+}, Q = { class: "selectTree-inDropdown-container" }, R = { class: "selectTree-inDropdown-search" }, W = { class: "selectTree-inDropdown-body" }, te = /* @__PURE__ */ q({
+  name: "ClSelectTree",
+  __name: "Index",
+  props: {
+    value: [String, Number],
+    list: {
+      type: Array,
+      default: () => []
+    },
+    className: String,
+    placeholder: String,
+    classDropDown: String,
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    isClear: {
+      type: Boolean,
+      default: !1
+    },
+    arrowDirection: {
+      type: String,
+      default: "right"
+      // left|right
+    },
+    searchPlaceholder: String,
+    searchKey: {
+      type: Array,
+      default: () => ["name"]
+    },
+    searchKeyType: {
+      type: String,
+      default: "||"
+      // || 或者  ， && 并且
+    },
+    showTextFormat: String,
+    // "${id} ${name}"
+    showDropDownTextFormat: String,
+    onOpenBefore: Function,
+    isSingleSelectParent: {
+      type: Boolean,
+      default: !1
+    },
+    isOutMerge: {
+      type: Boolean,
+      default: !0
+    },
+    parentKey: {
+      type: String,
+      default: "parentId"
+    },
+    topParentValue: {
+      type: String,
+      default: "0"
+    }
+  },
+  emits: ["update:value", "onChange", "onInit", "onOpen"],
+  setup(n, { expose: I, emit: b }) {
+    const l = n, s = b, o = w(null), p = w(null), t = U({
+      isOpen: !1,
+      isFirstDataFinish: !1,
+      selectIds: "",
+      selectLabel: []
+    }), d = {
+      prevSelectIds: []
+    }, O = u(() => l.arrowDirection), T = u(() => {
+      let a = ["panel-selectTree", "box-width"].join(" ");
+      return g.isEmpty(l.className) || (a += " " + l.className), a;
+    }), V = u(() => {
+      const e = ["selectTree-inDropdown"];
+      return l.classDropDown && !g.isEmpty(l.classDropDown) && e.push(l.classDropDown), e.join(" ");
+    }), B = (e) => {
+      s("update:value", e);
+    }, _ = (e, a) => {
+      B(e), s("onChange", e, a);
+    }, F = () => {
+      m(() => {
+        s("onInit");
+      });
+    }, k = (e) => {
+      m(() => {
+        s("onOpen", e);
+      });
+    }, D = () => {
+      if (!t.isOpen) {
+        const e = t.selectIds, a = e.split(",");
+        if (!g.isEqualArr(a, d.prevSelectIds)) {
+          d.prevSelectIds = a;
+          const i = p.value.getValueData();
+          _(e, i);
+        }
+      }
+    }, y = () => {
+      t.isFirstDataFinish || (t.isFirstDataFinish = !0, F());
+    }, L = () => {
+      l.list.length > 0 && y();
+    };
+    z(
+      [() => l.value, () => l.list],
+      ([e, a], [r, i]) => {
+        e === r && (t.isFirstDataFinish || y());
+      }
+    ), G(() => {
+      m(() => {
+        L();
+      });
+    });
+    const P = (e) => {
+      l.disabled || (t.isOpen = e, e ? d.prevSelectIds = t.selectIds.split(",") : D(), k(e));
+    }, E = () => {
+      l.disabled || (t.selectIds = "", D());
+    }, N = () => {
+      o.value && (o.value.checkCurrentIsOpen() || o.value.initCompleteOpen());
+    }, A = () => {
+    };
+    return I({
+      getValue: () => t.selectIds,
+      getValueData: () => p.value.getValueData(),
+      setValue: (e) => {
+        t.selectIds = e;
+      }
+    }), (e, a) => {
+      const r = c("cl-badge"), i = c("cl-input-search"), K = c("cl-tree"), M = c("cl-dropdownlayer-list");
+      return f(), C(M, {
+        ref_key: "refElDropdownLayer",
+        ref: o,
+        classParent: T.value,
+        classText: "selectTree-inText",
+        classDropDown: V.value,
+        placeholder: n.placeholder,
+        isDisabled: n.disabled,
+        isClear: n.isClear,
+        textLabel: t.selectLabel.join(","),
+        textArrowDirection: O.value,
+        onOpenBeforeCallback: n.onOpenBefore,
+        onOnChangeOpen: P,
+        onOnClear: E
+      }, {
+        textExtend: S(() => [
+          n.multiple ? (f(), H("span", J, [
+            n.multiple && t.selectLabel.length > 1 ? (f(), C(r, {
+              key: 0,
+              num: t.selectLabel.length
+            }, null, 8, ["num"])) : x("", !0)
+          ])) : x("", !0)
+        ]),
+        dropdown: S(() => [
+          h("div", Q, [
+            h("div", R, [
+              v(i, {
+                ref: "refElSearch",
+                onOnChange: A
+              }, null, 512)
+            ]),
+            h("div", W, [
+              v(K, {
+                ref_key: "refElList",
+                ref: p,
+                list: n.list,
+                value: t.selectIds,
+                "onUpdate:value": a[0] || (a[0] = (j) => t.selectIds = j),
+                multiple: n.multiple,
+                textFormat: n.showDropDownTextFormat,
+                isSingleSelectParent: n.isSingleSelectParent,
+                parentKey: n.parentKey,
+                topParentValue: n.topParentValue,
+                shrinkColorBg: "transparent",
+                onOnInit: N
+              }, null, 8, ["list", "value", "multiple", "textFormat", "isSingleSelectParent", "parentKey", "topParentValue"])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["classParent", "classDropDown", "placeholder", "isDisabled", "isClear", "textLabel", "textArrowDirection", "onOpenBeforeCallback"]);
+    };
+  }
+});
+export {
+  te as default
+};
+//# sourceMappingURL=ClSelectTree.js.map

package/buildLibs/utils/Web/ClSelectTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClSelectTree.js","sources":["../../../src/libs/Web/SelectTree/Index.vue"],"sourcesContent":["<template>\n  <cl-dropdownlayer-list\n    ref=\"refElDropdownLayer\"\n    :classParent=\"clsParent\"\n    classText=\"selectTree-inText\"\n    :classDropDown=\"clsDropdown\"\n    :placeholder=\"placeholder\"\n    :isDisabled=\"disabled\"\n    :isClear=\"isClear\"\n    :textLabel=\"optBase.selectLabel.join(',')\"\n    :textArrowDirection=\"optArrowDirection\"\n    :onOpenBeforeCallback=\"onOpenBefore\"\n    @onChangeOpen=\"onToggleOpen\"\n    @onClear=\"onClearText\"\n  >\n    <template v-slot:textExtend>\n      <span\n        v-if=\"multiple\"\n        className=\"selectTree-inText-num\"\n      >\n        <cl-badge\n          v-if=\"multiple && optBase.selectLabel.length>1\"\n          :num=\"optBase.selectLabel.length\"\n        />\n      </span>\n    </template>\n    <template v-slot:dropdown>\n      <div class=\"selectTree-inDropdown-container\">\n        <div class=\"selectTree-inDropdown-search\">\n          <cl-input-search\n            ref=\"refElSearch\"\n            @onChange=\"onSearch\"\n          />\n        </div>\n        <div class=\"selectTree-inDropdown-body\">\n          <cl-tree\n            ref=\"refElList\"\n            :list=\"list\"\n            v-model:value=\"optBase.selectIds\"\n            :multiple=\"multiple\"\n            :textFormat=\"showDropDownTextFormat\"\n            :isSingleSelectParent=\"isSingleSelectParent\"\n            :parentKey=\"parentKey\"\n            :topParentValue=\"topParentValue\"\n            shrinkColorBg=\"transparent\"\n            @onInit=\"onInitComplete\"\n          />\n        </div>\n      </div>\n    </template>\n  </cl-dropdownlayer-list>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, nextTick, watch, computed, ref, reactive } from 'vue'\nimport CommonBase from '../../Common/base'\nimport './index.css'\n\ndefineOptions({ name: 'ClSelectTree' })\n\nconst props = defineProps({\n  value: [String, Number],\n  list: {\n    type: Array,\n    default: () => [],\n  },\n  className: String,\n  placeholder: String,\n  classDropDown: String,\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  isClear: {\n    type: Boolean,\n    default: false,\n  },\n  arrowDirection: {\n    type: String,\n    default: 'right', // left|right\n  },\n  searchPlaceholder: String,\n  searchKey: {\n    type: Array,\n    default: () => ['name'],\n  },\n  searchKeyType: {\n    type: String,\n    default: '||', // || 或者  ， && 并且\n  },\n  showTextFormat: String, // \"${id} ${name}\"\n  showDropDownTextFormat: String,\n  onOpenBefore: Function,\n  isSingleSelectParent: {\n    type: Boolean,\n    default: false,\n  },\n  isOutMerge: {\n    type: Boolean,\n    default: true,\n  },\n  parentKey: {\n    type: String,\n    default: 'parentId',\n  },\n  topParentValue: {\n    type: String,\n    default: '0',\n  },\n})\n\nconst emit = defineEmits(['update:value', 'onChange', 'onInit', 'onOpen'])\n\nconst refElDropdownLayer: any = ref(null)\nconst refElList: any = ref(null)\n\nconst optBase = reactive({\n  isOpen: false,\n  isFirstDataFinish: false,\n  selectIds: '',\n  selectLabel: [] as string[],\n})\n\nconst _pageData: any = {\n  prevSelectIds: [] as string[],\n}\n\nconst optArrowDirection = computed(() => {\n  return props.arrowDirection\n})\n\nconst clsParent = computed(() => {\n  const cls = ['panel-selectTree', 'box-width']\n  let strCls = cls.join(' ')\n  if (!CommonBase.isEmpty(props.className)) {\n    strCls += ' ' + props.className\n  }\n  return strCls\n})\n\nconst clsDropdown = computed(() => {\n  const cls = ['selectTree-inDropdown']\n  if (props.classDropDown && !CommonBase.isEmpty(props.classDropDown)) {\n    cls.push(props.classDropDown)\n  }\n  return cls.join(' ')\n})\n\nconst _emitModelValue = (value: string) => {\n  emit('update:value', value)\n}\n\nconst _emitChange = (value: string, data: any) => {\n  _emitModelValue(value)\n  emit('onChange', value, data)\n}\n\nconst _emitInit = () => {\n  nextTick(() => {\n    emit('onInit')\n  })\n}\n\nconst _emitOpen = (isOpen: boolean) => {\n  nextTick(() => {\n    emit('onOpen', isOpen)\n  })\n}\n\nconst _checkChangeValue = () => {\n  if (!optBase.isOpen) {\n    const value = optBase.selectIds\n    const arrSelect = value.split(',')\n    const isChange = !CommonBase.isEqualArr(arrSelect, _pageData.prevSelectIds)\n    if (isChange) {\n      _pageData.prevSelectIds = arrSelect\n      const infoData = refElList.value.getValueData()\n      _emitChange(value, infoData)\n    }\n  }\n}\n\nconst _initComplete = () => {\n  if (!optBase.isFirstDataFinish) {\n    optBase.isFirstDataFinish = true\n    _emitInit()\n  }\n}\n\nconst _initMain = () => {\n  if (props.list.length > 0) {\n    _initComplete()\n  }\n}\n\nwatch(\n  [() => props.value, () => props.list],\n  ([newValue, _newList], [oldValue, _oldList]) => {\n    if (newValue === oldValue) {\n      if (!optBase.isFirstDataFinish) {\n        _initComplete()\n      }\n    }\n  },\n)\n\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\nconst onToggleOpen = (value: boolean) => {\n  if (!props.disabled) {\n    optBase.isOpen = value\n    if (value) {\n      _pageData.prevSelectIds = optBase.selectIds.split(',')\n    } else {\n      _checkChangeValue()\n    }\n    _emitOpen(value)\n  }\n}\n\nconst onClearText = () => {\n  if (!props.disabled) {\n    optBase.selectIds = ''\n    _checkChangeValue()\n  }\n}\n\nconst onInitComplete = () => {\n  if (refElDropdownLayer.value) {\n    if (!refElDropdownLayer.value.checkCurrentIsOpen()) {\n      refElDropdownLayer.value.initCompleteOpen()\n    }\n  }\n}\n\nconst onSearch = () => {}\n\nconst getValue = () => {\n  return optBase.selectIds\n}\n\nconst getValueData = () => {\n  return refElList.value.getValueData()\n}\n\nconst setValue = (value: string) => {\n  optBase.selectIds = value\n}\n\ndefineExpose({\n  getValue,\n  getValueData,\n  setValue,\n})\n</script>\n"],"names":["props","__props","emit","__emit","refElDropdownLayer","ref","refElList","optBase","reactive","_pageData","optArrowDirection","computed","clsParent","strCls","CommonBase","clsDropdown","cls","_emitModelValue","value","_emitChange","data","_emitInit","nextTick","_emitOpen","isOpen","_checkChangeValue","arrSelect","infoData","_initComplete","_initMain","watch","newValue","_newList","oldValue","_oldList","onMounted","onToggleOpen","onClearText","onInitComplete","onSearch","__expose","_createBlock","_component_cl_dropdownlayer_list","_openBlock","_createElementBlock","_hoisted_1","_component_cl_badge","_createElementVNode","_hoisted_2","_hoisted_3","_createVNode","_component_cl_input_search","_hoisted_4","_component_cl_tree","_cache","$event"],"mappings":"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"}

package/buildLibs/utils/Web/ClSelectmove.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),t=require("../Shared/base-iCmnU-fv.js"),Y=require("../Shared/List.vue_vue_type_script_setup_true_lang-Dr6PppOP.js"),Q=require("../Shared/index-Ul6uY51t.js"),X=require("../Shared/language-D6gRWx8H.js"),Z=["onClick"],ee=["innerHTML"],te=e.defineComponent({name:"ClSelectmoveSearchUl",__name:"SearchTree",props:{list:{type:Array,default:()=>[]}},emits:["onClick"],setup(g,{emit:H}){const l=H,u=e.inject("$SelectmoveTop"),v=e.ref(`selectmove-search-tree-${u.keyIndex}`),M=c=>{l("onClick",c.toString())},o=c=>{M(c)},T=c=>{M(c)};return(c,k)=>{const I=e.resolveComponent("cl-checkbox-one"),D=e.resolveComponent("ClSelectmoveSearchUl");return e.openBlock(),e.createElementBlock("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.list,(L,$)=>(e.openBlock(),e.createElementBlock("li",{key:`${v.value}-${$}`},[e.createElementVNode("a",{href:"javascript:",tabindex:"-1",class:e.normalizeClass({"tree-hig":L.isHig,"tree-active":L.isSelected}),onClick:e.withModifiers(O=>o(L.id),["prevent","stop"])},[e.createVNode(I,{value:L.isSelected,indeterminate:L.isIndeterminate},null,8,["value","indeterminate"]),e.createElementVNode("span",{class:"tree-text",innerHTML:L.showTextLabel},null,8,ee)],10,Z),L.list.length>0?(e.openBlock(),e.createBlock(D,{key:0,list:L.list,onOnClick:T},null,8,["list"])):e.createCommentVNode("",!0)]))),128))])}}}),ne={class:"selectmove-search-list"},se={key:1},oe={class:"selectmove-search-empty"},le=e.defineComponent({name:"ClSelectmoveSearch",__name:"Search",props:{isDisabled:Boolean,placeholder:String,width:Number,searchKey:{type:Array,default:()=>["name"]},searchKeyType:{type:String,default:"||"},searchIsMultiple:{type:Boolean,default:!1},searchMultipleJoin:{type:String,default:","},searchTextFormat:[String,Array],selectId:{type:Array,default:()=>[]},parentKey:{type:String,default:"parentId"},topParentValue:{type:String,default:"0"}},emits:["onChange"],setup(g,{emit:H}){const l=g,u=H,{optPageLanguage:v,getPageLanguage:M}=X.useLanguage();M("common");const o=e.inject("$SelectmoveTop"),T=e.inject("$SelectmoveBase"),c=e.reactive({keyIndex:`selectmove-search-${o.keyIndex}`,isOpen:!1,isInitSelect:!1}),k=e.ref([]),I=e.ref([]),D={jsonSelectIds:{},jsonSelectHalfIds:[]},L=e.computed(()=>({"selectmove-search-input":!0,"selectmove-search-open":c.isOpen})),$=e.computed(()=>({"selectmove-search-dropdown":!0,"selectmove-search-open":c.isOpen})),O=e.computed(()=>{const r={};return l.width&&l.width>0&&(r.width=`${l.width}px`),r}),j=()=>{u("onChange",I.value.join(","))},m=()=>{c.isOpen=!1,k.value=[]},i=r=>{const d=T.convertSelectHalf(r);I.value=r,D.jsonSelectHalfIds=t.CommonBase.getArrConvertJson(d),D.jsonSelectIds=t.CommonBase.getArrConvertJson(r)},S=r=>{const d=[],x=r.toLowerCase(),E=l.searchIsMultiple?x.split(l.searchMultipleJoin):[x],_=l.searchKey.length,V=l.searchKey;return o.getDataList().forEach(w=>{const N=w.id.toString(),A=[];for(let q=0;q<_;q++){const n=w[V[q]].toLowerCase();for(let h=0;h<E.length;h++)E[h].length>0&&n.indexOf(E[h])>-1&&A.push(!0)}if(A.length>0)switch(l.searchKeyType){case"||":d.push(N);break;case"&&":A.length===_&&d.push(N);break}}),d},C=(r,d,x,E)=>{const _=[];return t.CommonBase.isExistJsonKey(d,r)&&d[r].forEach(V=>{const w=t.CommonBase.getJsonClone(o.getDataInfo(V));let N=w.name;const A=l.searchTextFormat;if(A&&A.length>0){let h="";t.CommonBase.isArray(A)?A.length>x&&(h=A[x]):t.CommonBase.isString(A)&&(h=A),t.CommonBase.isEmpty(h)||(N=t.CommonBase.convertStringFormat(h,w))}w.showTextLabel=N;let q=!1,n=t.CommonBase.isExistJsonKey(d,V);n?w.list=C(V,d,++x,E):(q=!0,w.list=[],o.getDataGroup(V).length>0&&(n=!0,q=!1)),w.isIndeterminate=t.CommonBase.isExistJsonKey(D.jsonSelectHalfIds,V),w.isSelected=t.CommonBase.isExistJsonKey(D.jsonSelectIds,V),w.isChild=n,w.isLast=q,w.treeLevel=x,w.isHig=t.CommonBase.isExistJsonKey(E,V),_.push(w)}),_},y=r=>{const{parentKey:d,topParentValue:x}=l,E={};let _=[];r.forEach(w=>{E[w]=!0;const N=T.getParentIds(w);_.push(...N),_.push(w)}),_=t.CommonBase.getArrUnique(_);const V={};return _.forEach(w=>{const N=o.getDataInfo(w)[d].toString(),A=N===x?o.getTopParentValue():N;t.CommonBase.isExistJsonKey(V,A)||(V[A]=[]),V[A].push(w)}),C(o.getTopParentValue(),V,0,E)},s=r=>{if(t.CommonBase.isEmpty(r))m();else{if(c.isInitSelect&&(c.isInitSelect=!1,!t.CommonBase.isEqualArr(l.selectId,I.value))){const _=T.convertSelectedValue(l.selectId,!0,[]);i(_)}const d=S(r),x=y(d);k.value=x,c.isOpen=!0}},a=r=>{const d=[];return r.forEach(x=>{const E=t.CommonBase.getJsonClone(x),_=E.id.toString();E.isIndeterminate=t.CommonBase.isExistJsonKey(D.jsonSelectHalfIds,_),E.isSelected=t.CommonBase.isExistJsonKey(D.jsonSelectIds,_),E.list&&E.list.length>0&&(E.list=a(E.list)),d.push(E)}),d},f=r=>{if(c.isOpen){const d=Q.CommonElement.getParent(r.target,".selectmove-search");t.CommonBase.isUndefined(d)&&(c.isOpen=!1)}};e.watch(()=>c.isOpen,r=>{r?document.body.addEventListener("click",f):document.body.removeEventListener("click",f)}),e.watch(()=>l.selectId,()=>{c.isInitSelect=!0}),e.onMounted(()=>{e.nextTick(()=>{})});const p=r=>{s(r)},b=r=>{c.isOpen||s(r)},B=r=>{const d=t.CommonBase.isExistJsonKey(D.jsonSelectIds,r),x=T.convertSelectedValue(r,!d,I.value);i(x);const E=a(k.value);k.value=[],e.nextTick(()=>{k.value=E}),j()};return(r,d)=>{const x=e.resolveComponent("cl-input-search");return e.openBlock(),e.createElementBlock("div",{class:"selectmove-search",style:e.normalizeStyle(O.value)},[e.createElementVNode("div",{class:e.normalizeClass(L.value)},[e.createVNode(x,{placeholder:g.placeholder,disabled:g.isDisabled,changDelayTime:1e3,onOnChange:p,onOnFocus:b},null,8,["placeholder","disabled"])],2),c.isOpen?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass($.value)},[e.createElementVNode("div",ne,[k.value.length>0?(e.openBlock(),e.createBlock(te,{key:0,list:k.value,onOnClick:B},null,8,["list"])):(e.openBlock(),e.createElementBlock("ul",se,[e.createElementVNode("li",oe,e.toDisplayString(e.unref(v).noResultsText),1)]))])],2)):e.createCommentVNode("",!0)],4)}}}),ae={class:"selectmove-tree"},ce={class:"selectmove-tree-head"},re={class:"selectmove-tree-head-title"},ie={class:"selectmove-tree-body"},de=["onClick"],ue=["innerHTML"],me={key:0,class:"clIconFont clIcon-angle-right sub-icon"},he=e.defineComponent({name:"ClSelectmoveTree",__name:"Tree",props:{isDisabled:Boolean,maxWidth:Number,width:Number,treeTitle:{type:Array,default:()=>[]},treeShowMinLevel:{type:Number,default:1},treeTextFormat:[String,Array],selectId:{type:Array,default:()=>[]},dataRefreshIndex:Number},emits:["onChange"],setup(g,{emit:H}){const l=g,u=H,v=e.inject("$SelectmoveTop"),M=e.inject("$SelectmoveBase"),o=e.reactive({keyIndex:`selectmove-tree-${v.keyIndex}`,selectIds:[],HalfSelectIds:[],openActiveId:[]}),T=e.ref([]),c=()=>{u("onChange",o.selectIds.join(","))},k=s=>{let a=0;const f=v.getDataGroup(s);if(f.length>0){const p=[],b=[];f.forEach(B=>{const r=B.id.toString();t.CommonBase.isExistValue(o.selectIds,r)&&p.push(r),t.CommonBase.isExistValue(o.HalfSelectIds,r)&&b.push(r)}),(b.length>0||p.length>0)&&(a=2),p.length>0&&p.length===f.length&&(a=1)}return a},I=(s,a,f)=>{const p={idx:s,pId:a,title:l.treeTitle.length>s?l.treeTitle[s]:f,list:[],checkAll:0,sty:{}};if(l.width&&l.maxWidth&&l.width>0){let b=l.width-3;const B=l.maxWidth/l.width;s+1>=B&&(b+=3),p.sty.width=`${b}px`}if(!t.CommonBase.isEmpty(a)){const b=v.getDataGroup(a);b.length>0&&(p.list=b.map(B=>{const r=B.id.toString(),d=t.CommonBase.getJsonClone(B);d.selected=t.CommonBase.isExistValue(o.selectIds,r),d.indeterminate=t.CommonBase.isExistValue(o.HalfSelectIds,r),d.isActive=t.CommonBase.isExistValue(o.openActiveId,r);const x=v.getDataGroup(r);d._childCount=x.length,d.isSub=d._childCount>0;let E=B.name;const _=l.treeTextFormat;if(_&&_.length>0){let V="";t.CommonBase.isArray(_)?_.length>s&&(V=_[s]):t.CommonBase.isString(_)&&(V=_),t.CommonBase.isEmpty(V)||(E=t.CommonBase.convertStringFormat(V,d))}return d.showTextLabel=E,d})),p.checkAll=k(a)}return p},D=s=>{const a=M.convertSelectedValue(s,!0,[]),f=M.convertSelectHalf(a);o.selectIds=a,o.HalfSelectIds=f},L=(s,a)=>{const f=[];T.value.forEach((p,b)=>{b<=s&&f.push(I(p.idx,p.pId,p.title))}),v.getDataGroup(a).length>0&&f.push(I(s+1,a,v.getDataInfo(a).name)),T.value=f},$=(s,a)=>{const f=s.id.toString(),p=t.CommonBase.getArrClone(o.openActiveId);p.splice(a),p.push(f),o.openActiveId=p,L(a,f)},O=(s,a)=>{const f=M.convertSelectedValue(s,a,o.selectIds),p=M.convertSelectHalf(f);o.selectIds=f,o.HalfSelectIds=p,T.value=T.value.map(b=>I(b.idx,b.pId,b.title)),c()},j=()=>{const s=T.value.length;if(s>0&&o.selectIds.length>0){let a;T.value[s-1].list.some(f=>{if(f.selected||f.indeterminate)return a=f,!0}),t.CommonBase.isUndefined(a)||a.isSub&&($(a,s-1),j())}},m=()=>{const s=[];return s.push(I(0,v.getTopParentValue(),"")),s},i=()=>{t.CommonBase.isEmpty(l.selectId)||(o.selectIds=t.CommonBase.getArrClone(l.selectId),D(l.selectId)),T.value=m(),j(),l.treeShowMinLevel>1&&o.selectIds.length===0&&e.nextTick(()=>{const s=T.value.length;if(l.treeShowMinLevel>s){const a=[];for(let f=s;f<l.treeShowMinLevel;f++)a.push(I(f,"",""));T.value=T.value.concat(a)}})};e.watch(()=>l.dataRefreshIndex,()=>{o.selectIds=t.CommonBase.getArrClone(l.selectId),i()}),e.watch(()=>l.selectId,s=>{t.CommonBase.isEqualArr(s,o.selectIds)||(D(s),T.value=T.value.map(f=>I(f.idx,f.pId,f.title)))}),e.onMounted(()=>{e.nextTick(()=>{i()})});const S=(s,a)=>{const f=v.getDataGroup(a.toString()).map(p=>p.id.toString());O(f,s.value)},C=(s,a)=>{O(a.toString(),s.value)},y=(s,a,f)=>{const p=a.id.toString();t.CommonBase.isEmpty(v.getDataGroup(p))&&(Q.CommonElement.getParent(s.target,".selectmove-option-checkbox",".selectmove-option")||O(p.toString(),!t.CommonBase.isExistValue(o.selectIds,p)));const b=t.CommonBase.getArrClone(o.openActiveId);b.splice(f),b.push(p),o.openActiveId=b,L(f,p)};return(s,a)=>{const f=e.resolveComponent("cl-checkbox-one");return e.openBlock(),e.createElementBlock("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(T.value,(p,b)=>(e.openBlock(),e.createElementBlock("div",{key:`${o.keyIndex}-tree-${b}`,class:"selectmove-tree-item",style:e.normalizeStyle(p.sty)},[e.createElementVNode("div",ce,[e.withDirectives(e.createVNode(f,{disabled:g.isDisabled,value:p.checkAll===1,indeterminate:p.checkAll===2,valueData:p.pId,onOnChange:B=>S(B,p.pId)},null,8,["disabled","value","indeterminate","valueData","onOnChange"]),[[e.vShow,p.list.length>0]]),e.createElementVNode("div",re,e.toDisplayString(p.title),1)]),e.createElementVNode("div",ie,[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.list,(B,r)=>(e.openBlock(),e.createElementBlock("li",{key:`${o.keyIndex}-option-${r}`,class:e.normalizeClass({"selectmove-option":!0,active:B.isActive}),onClick:d=>y(d,B,b)},[e.createElementVNode("div",null,[e.createVNode(f,{className:"selectmove-option-checkbox",disabled:g.isDisabled,value:B.selected,indeterminate:B.indeterminate,onOnChange:d=>C(d,B.id)},null,8,["disabled","value","indeterminate","onOnChange"]),e.createElementVNode("div",{class:"selectmove-option-text",innerHTML:B.showTextLabel},null,8,ue),B.isSub?(e.openBlock(),e.createElementBlock("i",me)):e.createCommentVNode("",!0)])],10,de))),128))])])],4))),128))])}}}),pe={class:"selectmove-result"},ge={class:"selectmove-result-head"},fe=["innerHTML"],Ce={class:"selectmove-result-body"},Ie=["innerHTML"],Se=["onClick"],ve=e.defineComponent({name:"ClSelectmoveResult",__name:"Result",props:{isDisabled:Boolean,width:Number,resultCountFormat:String,resultTextFormat:String,resultMergeParent:Boolean,selectId:{type:Array,default:()=>[]},dataRefreshIndex:Number},emits:["onChange"],setup(g,{emit:H}){const l=g,u=H,{optPageLanguage:v,getPageLanguage:M}=X.useLanguage();M("common");const o=e.inject("$SelectmoveTop"),T=e.inject("$SelectmoveBase"),c=e.reactive({keyIndex:`selectmove-result-${o.keyIndex}`,totalCount:0}),k=e.ref([]),I=e.computed(()=>l.resultCountFormat&&!t.CommonBase.isEmpty(l.resultCountFormat)?t.CommonBase.convertStringFormat(l.resultCountFormat,{_count:c.totalCount}):`${v.value.selected} ${c.totalCount} ${v.value.count}`),D=e.computed(()=>{const i={};return l.width&&l.width>0&&(i.width=`${l.width}px`),i}),L=i=>{u("onChange",i.join(","))},$=i=>t.CommonBase.isEmpty(i)?[]:(l.resultMergeParent?T.getValueMergeParent(i):T.getValueSplitChild(i)).map(C=>{const y=t.CommonBase.getJsonClone(o.getDataInfo(C)),s=l.resultTextFormat;return y.showTextLabel=s&&s.length>0?t.CommonBase.convertStringFormat(s,y):y.name,y}),O=()=>{t.CommonBase.isEmpty(l.selectId)||(k.value=$(l.selectId),c.totalCount=k.value.length)};e.watch(()=>l.selectId,i=>{const S=k.value.map(y=>y.id.toString());t.CommonBase.isEqualArr(i,S)||(k.value=$(i),c.totalCount=k.value.length)}),e.watch(()=>l.dataRefreshIndex,()=>{k.value=$(l.selectId),c.totalCount=k.value.length}),e.onMounted(()=>{e.nextTick(()=>{O()})});const j=()=>{k.value=[],c.totalCount=0,L([])},m=i=>{const S=[],C=[],y=i.id.toString();k.value.forEach(s=>{const a=s.id.toString();a!==y&&(C.push(t.CommonBase.getJsonClone(s)),S.push(a))}),k.value=C,c.totalCount=C.length,L(S)};return(i,S)=>(e.openBlock(),e.createElementBlock("div",pe,[e.createElementVNode("div",{class:"selectmove-result-container",style:e.normalizeStyle(D.value)},[e.createElementVNode("div",ge,[e.createElementVNode("span",null,[g.isDisabled?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,class:"btn btn-cleanAll",type:"button",onClick:j},e.toDisplayString(e.unref(v).deleteAll),1))]),e.createElementVNode("span",{innerHTML:I.value},null,8,fe)]),e.createElementVNode("div",Ce,[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,(C,y)=>(e.openBlock(),e.createElementBlock("li",{key:`${c.keyIndex}-${y}-${C.id}`},[e.createElementVNode("div",null,[e.createElementVNode("div",{innerHTML:C.showTextLabel},null,8,Ie),g.isDisabled?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("i",{key:0,class:"clIconFont clIcon-close btn-clean",onClick:s=>m(C)},null,8,Se))])]))),128))])])],4)]))}}),ye={class:"selectmove-body"},Be={key:0,class:"selectmove-result"},z=e.defineComponent({name:"ClSelectmoveContainer",__name:"Container",props:{isDisabled:Boolean,width:Number,isSearch:{type:Boolean,default:!0},searchPlaceholder:String,searchKey:{type:Array,default:()=>["name"]},searchKeyType:{type:String,default:"||"},searchIsMultiple:{type:Boolean,default:!1},searchMultipleJoin:{type:String,default:","},searchTextFormat:[String,Array],treeTitle:{type:Array,default:()=>[]},treeShowMinLevel:{type:Number,default:1},treeTextFormat:[String,Array],resultIsShowSlot:Boolean,resultIsShowSubUnit:Boolean,resultTextFormat:String,resultCountFormat:String,resultMergeParent:{type:Boolean,default:!0},dataRefreshIndex:{type:Number,default:0},selectId:{type:Array,default:()=>[]},parentKey:{type:String,default:"parentId"},topParentValue:{type:String,default:"0"}},emits:["onSelectValue","onInitComplete"],setup(g,{emit:H}){const l=g,u=H,v=e.inject("$SelectmoveTop"),M=e.reactive({searchWidth:0,treeWidth:0,resultWidth:0}),o={parentIdsJson:{},childIdJson:{},childIdsJson:{}},T=m=>{u("onSelectValue",m)},c=()=>{e.nextTick(()=>{u("onInitComplete")})},k=m=>{let i=[];return t.CommonBase.isExistJsonKey(o.childIdJson,m)?i=o.childIdJson[m]:v.isCheckChildren(m)&&(v.getDataGroup(m).forEach(S=>{i.push(S.id.toString())}),i.length>0&&(o.childIdJson[m]=i)),i},I=m=>{let i=[];return t.CommonBase.isExistJsonKey(o.childIdsJson,m)&&o.childIdsJson[m].length>0?i=o.childIdsJson[m]:(v.isCheckChildren(m)&&v.getDataGroup(m).forEach(S=>{const C=S.id.toString();i.push(C);const y=I(C);y.length>0&&(i=i.concat(y))}),o.childIdsJson[m]=i),i},D=m=>{const{parentKey:i,topParentValue:S}=l;let C=[];if(t.CommonBase.isExistJsonKey(o.parentIdsJson,m)&&o.parentIdsJson[m].length>0)C=o.parentIdsJson[m];else{const y=v.getDataInfo(m);if(!t.CommonBase.isUndefined(y)){const s=y[i].toString();if(s!==S&&!t.CommonBase.isUndefined(v.getDataInfo(s))){C.push(s);const a=D(s);a.length>0&&(C=C.concat(a))}}o.parentIdsJson[m]=C}return C},L=(m,i,S)=>{const C=t.CommonBase.isObject(m)?m:[m],y=t.CommonBase.getArrConvertJson(S),s={},a=[],f=[];C.forEach(b=>{const B=[],r=[],d=b.toString();if(i){if(!(t.CommonBase.isExistJsonKey(y,d)||t.CommonBase.isExistJsonKey(s,d))){B.push(d);const E=I(d);E&&E.length>0&&B.push(...E);const _=D(d);for(let V=0;V<_.length;V++){const w=_[V].toString();if(t.CommonBase.isExistJsonKey(y,w)||t.CommonBase.isExistJsonKey(s,w))break;const N=k(w),A=[];if(N.forEach(q=>{const n=q.toString();(t.CommonBase.isExistJsonKey(y,n)||t.CommonBase.isExistJsonKey(s,n)||B.indexOf(n)>-1)&&A.push(n)}),N.length===A.length)B.push(w);else break}}}else{r.push(d);const x=I(d);x&&x.length>0&&r.push(...x);const E=D(d);r.push(...E)}B.length>0&&B.forEach(x=>{a.push(x),s[x]=!0}),r.length>0&&r.forEach(x=>{f.push(x)})});let p=t.CommonBase.getArrClone(S);return p.push(...a),p=t.CommonBase.getArrUnique(p),p=t.CommonBase.getArrRemoveById(p,f),p},$=m=>{const i=[],S={};m.forEach(s=>{S[s]=!0;const a=D(s);i.push(...a)});const C=[],y={};return i.forEach(s=>{!t.CommonBase.isExistJsonKey(y,s)&&!t.CommonBase.isExistJsonKey(S,s)&&(y[s]=!0,C.push(s))}),C},O=()=>{const m=l.width;if(m&&m>350){const i=parseInt((m/175).toString()),S=m/i;M.searchWidth=m,M.treeWidth=S,M.resultWidth=S}};e.watch(()=>l.dataRefreshIndex,()=>{o.parentIdsJson={},o.childIdJson={},o.childIdsJson={}}),e.onMounted(()=>{O(),e.nextTick(()=>{c()})});const j=m=>{T(m)};return e.provide("$SelectmoveBase",{convertSelectedValue:(m,i,S)=>{let C=!1;if(i&&t.CommonBase.isObject(m)&&m.length>100&&(C=!0),C){const y=v.getValueMergeParent(m);return L(y,i,S)}else return L(m,i,S)},convertSelectHalf:$,getChildIds:I,getParentIds:D,getLastChildIds:v.getLastChildIds,getValueMergeParent:v.getValueMergeParent,getValueSplitChild:v.getValueSplitChild}),(m,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[g.isSearch?(e.openBlock(),e.createBlock(le,{key:0,isDisabled:g.isDisabled,width:M.searchWidth,placeholder:g.searchPlaceholder,searchKey:g.searchKey,searchKeyType:g.searchKeyType,searchIsMultiple:g.searchIsMultiple,searchMultipleJoin:g.searchMultipleJoin,searchTextFormat:g.searchTextFormat,selectId:g.selectId,parentKey:g.parentKey,topParentValue:g.topParentValue,onOnChange:j},null,8,["isDisabled","width","placeholder","searchKey","searchKeyType","searchIsMultiple","searchMultipleJoin","searchTextFormat","selectId","parentKey","topParentValue"])):e.createCommentVNode("",!0),e.createElementVNode("div",ye,[e.createVNode(he,{isDisabled:g.isDisabled,maxWidth:M.searchWidth,width:M.treeWidth,treeTitle:g.treeTitle,treeShowMinLevel:g.treeShowMinLevel,treeTextFormat:g.treeTextFormat,selectId:g.selectId,dataRefreshIndex:g.dataRefreshIndex,onOnChange:j},null,8,["isDisabled","maxWidth","width","treeTitle","treeShowMinLevel","treeTextFormat","selectId","dataRefreshIndex"]),g.resultIsShowSlot?(e.openBlock(),e.createElementBlock("div",Be,[e.renderSlot(m.$slots,"resultSelect")])):g.resultIsShowSubUnit?(e.openBlock(),e.createBlock(ve,{key:1,isDisabled:g.isDisabled,width:M.resultWidth,resultTextFormat:g.resultTextFormat,resultCountFormat:g.resultCountFormat,resultMergeParent:g.resultMergeParent,selectId:g.selectId,dataRefreshIndex:g.dataRefreshIndex,onOnChange:j},null,8,["isDisabled","width","resultTextFormat","resultCountFormat","resultMergeParent","selectId","dataRefreshIndex"])):e.createCommentVNode("",!0)])],64))}}),xe={className:"selectmove-text-num"},Ee={class:"selectmove-container"},ke=e.defineComponent({name:"ClSelectmove",__name:"Index",props:{value:String,list:{type:Array,default:()=>[]},className:String,isDropdown:{type:Boolean,default:!1},placeholder:String,disabled:{type:Boolean,default:!1},isClear:{type:Boolean,default:!1},containerWidth:{type:Number,default:350},isSearch:{type:Boolean,default:!0},searchPlaceholder:String,searchKey:{type:Array,default:()=>["name"]},searchKeyType:{type:String,default:"||"},searchIsMultiple:{type:Boolean,default:!1},searchMultipleJoin:{type:String,default:","},searchTextFormat:[String,Array],treeTitle:{type:Array,default:()=>[]},treeShowMinLevel:{type:Number,default:1},treeTextFormat:[String,Array],resultIsShow:{type:Boolean,default:!0},resultTextFormat:String,resultCountFormat:String,resultMergeParent:{type:Boolean,default:!0},isOutMerge:{type:Boolean,default:!0},parentKey:{type:String,default:"parentId"},topParentValue:{type:String,default:"0"}},emits:["update:value","onChange","onInit"],setup(g,{expose:H,emit:l}){const u=g,v=l,M=e.useSlots(),o=e.ref(null),T=e.ref(null),c=e.reactive({keyIndex:`selectmove-${t.CommonBase.getRandom(8)}`,isShowPopup:u.isDropdown,dataRefreshIndex:0,selectedIds:[],IsShowResultSlot:!t.CommonBase.isUndefined(M.resultSelect)}),k=e.ref([]),I={dataJson:{},dataGroup:{},childLastIdsJson:{},lastSelectedIds:[]},D=e.computed(()=>({isDisabled:u.disabled,width:u.containerWidth,isSearch:u.isSearch,searchPlaceholder:u.searchPlaceholder,searchKey:u.searchKey,searchIsMultiple:u.searchIsMultiple,searchMultipleJoin:u.searchMultipleJoin,searchTextFormat:u.searchTextFormat,treeTitle:u.treeTitle,treeShowMinLevel:u.treeShowMinLevel,treeTextFormat:u.treeTextFormat,resultIsShowSubUnit:u.resultIsShow,resultIsShowSlot:c.IsShowResultSlot,resultTextFormat:u.resultTextFormat,resultCountFormat:u.resultCountFormat,resultMergeParent:u.resultMergeParent,parentKey:u.parentKey,topParentValue:u.topParentValue})),L=e.computed(()=>{let n="panel-selectmove ";return u.className&&!t.CommonBase.isEmpty(u.className)&&(n+=u.className),u.isDropdown||u.disabled&&(n+=" selectmove-disabled "),n}),$=n=>{v("update:value",n)},O=(n,h)=>{$(n),v("onChange",n,h)},j=()=>{v("onInit")},m=()=>u.list,i=n=>t.CommonBase.isExistJsonKey(I.dataGroup,n.toString()),S=n=>{const h=n.toString();return i(h)?I.dataGroup[h]:[]},C=n=>{const h=n.toString();return t.CommonBase.isExistJsonKey(I.dataJson,h)?I.dataJson[h]:null},y=()=>`top_${u.topParentValue}`,s=n=>{const{parentKey:h,topParentValue:J}=u,K={},F={};t.CommonBase.isEmpty(n)||n.forEach(R=>{const P=t.CommonBase.getJsonClone(R),U=P.id.toString(),W=P[h].toString();K[U]=P;const G=W===J?y():W;t.CommonBase.isExistJsonKey(F,G)||(F[G]=[]),F[G].push(P)}),I.dataJson=K,I.dataGroup=F,I.childLastIdsJson={}},a=n=>{let h=[];return t.CommonBase.isExistJsonKey(I.childLastIdsJson,n)&&I.childLastIdsJson[n].length>0?h=I.childLastIdsJson[n]:(i(n)?S(n).forEach(J=>{const K=a(J.id.toString());K.length>0&&(h=h.concat(K))}):h.push(n),I.childLastIdsJson[n]=h),h},f=n=>{const{parentKey:h,topParentValue:J}=u,K={},F=[];let R=[];if(n.forEach(P=>{const U=C(P);if(!t.CommonBase.isUndefined(U)){const W=U[h].toString();W===J?R.push(P):(t.CommonBase.isExistJsonKey(K,W)||(K[W]=[]),K[W].push(P))}}),!t.CommonBase.isEmpty(K))for(const[P,U]of Object.entries(K))U.length===S(P).length?F.push(P):R=R.concat(U);if(F.length>0){R.push(...F);const P=t.CommonBase.getArrUnique(R);return f(P)}else return R},p=n=>{const h=[],J=t.CommonBase.getArrConvertJson(n);return n.forEach(F=>{const R=S(F);if(t.CommonBase.isEmpty(R))h.push(F);else{const P=[];R.forEach(U=>{t.CommonBase.isExistJsonKey(J,U.id.toString())&&P.push(U.id)}),R.length!==P.length&&h.push(F)}}),f(h)},b=n=>{let h=[];return n.forEach(J=>{const K=a(J);h.push(...K)}),h=t.CommonBase.getArrUnique(h),h},B=(n,h)=>(t.CommonBase.isBoolean(h)?h:u.isOutMerge)?p(n):b(n),r=n=>{const h=[],J=[];return n.forEach(K=>{const F=C(K);h.push(F),J.push(F.name)}),{list:h,label:J}},d=()=>{if(u.isDropdown)if(t.CommonBase.isEmpty(c.selectedIds))k.value=[];else{const n=B(c.selectedIds,u.resultMergeParent);k.value=r(n).label}},x=()=>{if(s(u.list),!t.CommonBase.isEmpty(u.value)&&u.value){const n=u.value.split(",");c.selectedIds=n}};e.watch(()=>u.value,(n,h)=>{if(n!==h&&!t.CommonBase.isUndefined(n)){const J=n&&!t.CommonBase.isEmpty(n)?n.split(","):[];t.CommonBase.isEqualArr(J,c.selectedIds)||(c.selectedIds=t.CommonBase.isEmpty(J)?[]:J,d())}}),e.watch(()=>u.list,n=>{n&&(s(n),c.dataRefreshIndex++,d())}),e.onMounted(()=>{e.nextTick(()=>{x()})});const E=n=>{u.disabled||n&&(I.lastSelectedIds=c.selectedIds)},_=()=>{u.disabled||(c.selectedIds=[],O("",[]))},V=()=>{c.isShowPopup?(d(),o.value&&(o.value.checkCurrentIsOpen()||o.value.initCompleteOpen())):j()},w=n=>{const h=t.CommonBase.isEmpty(n)?[]:n.split(",");c.selectedIds=h;const J=B(h),K=r(J);d(),O(J.join(","),K.list)};return e.provide("$SelectmoveTop",{keyIndex:c.keyIndex,isCheckChildren:i,getDataGroup:S,getDataInfo:C,getDataList:m,getLastChildIds:a,getValueMergeParent:p,getValueSplitChild:b,getTopParentValue:y}),H({getValue:()=>B(c.selectedIds).join(","),getValueData:()=>{const n=B(c.selectedIds);return r(n).list},setValue:n=>{c.selectedIds=t.CommonBase.isEmpty(n)?[]:n.split(","),d()}}),(n,h)=>{const J=e.resolveComponent("cl-badge");return g.isDropdown?(e.openBlock(),e.createBlock(Y._sfc_main,{key:0,ref_key:"refElDropdownLayer",ref:o,classParent:L.value,classText:"selectmove-text",classDropDown:"selectmove-dropdown",placeholder:g.placeholder,isDisabled:g.disabled,isClear:g.isClear,textLabel:k.value.join(","),textArrowDirection:"right",isUseDropdownArrow:!0,onOnChangeOpen:E,onOnClear:_},{textExtend:e.withCtx(()=>[e.createElementVNode("span",xe,[k.value.length>1?(e.openBlock(),e.createBlock(J,{key:0,num:k.value.length},null,8,["num"])):e.createCommentVNode("",!0)])]),dropdown:e.withCtx(()=>[e.createElementVNode("div",Ee,[e.createVNode(z,e.mergeProps({ref_key:"refElSelectMove",ref:T},D.value,{dataRefreshIndex:c.dataRefreshIndex,selectId:c.selectedIds,onOnSelectValue:w,onOnInitComplete:V}),{resultSelect:e.withCtx(()=>[e.renderSlot(n.$slots,"resultSelect")]),_:3},16,["dataRefreshIndex","selectId"])])]),_:3},8,["classParent","placeholder","isDisabled","isClear","textLabel"])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(L.value)},[e.createVNode(z,e.mergeProps({ref_key:"refElSelectMove",ref:T},D.value,{dataRefreshIndex:c.dataRefreshIndex,selectId:c.selectedIds,onOnSelectValue:w,onOnInitComplete:V}),{resultSelect:e.withCtx(()=>[e.renderSlot(n.$slots,"resultSelect")]),_:3},16,["dataRefreshIndex","selectId"])],2))}}});module.exports=ke;
+//# sourceMappingURL=ClSelectmove.cjs.map