hs-admin-ui 15.5.2 → 15.5.3

package/dist/index.vue_vue_type_script_setup_true_lang-CFxpNArv.mjs

@@ -0,0 +1,97 @@
+import { ref, defineComponent, resolveComponent, resolveDirective, withDirectives, createElementBlock, openBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock } from "vue";
+import { k as HsMessage, x as processData } from "./index-CYGyHWBv.mjs";
+function useAddOrEditSystemHooks(props) {
+  const loading = ref(true);
+  const formDatas = ref();
+  function onReady(params) {
+    formDatas.value = params;
+    loading.value = false;
+    if (props.row) {
+      processData(formDatas.value.data.form_data, props.row);
+    }
+  }
+  function submit() {
+    return new Promise((resolve, reject) => {
+      var _a;
+      (_a = formDatas.value) == null ? void 0 : _a.submit(formDatas.value.data.form_data).then((res) => {
+        if (res.code !== 1) {
+          return reject(false);
+        }
+        HsMessage.success(res.data);
+        return resolve(true);
+      }).catch(() => {
+        return reject(false);
+      });
+    });
+  }
+  return { onReady, loading, submit };
+}
+const _hoisted_1 = { class: "h-full" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    config_unique_id: {
+      type: String,
+      default: ""
+    },
+    row: {
+      type: Object,
+      default: () => ({})
+    },
+    list: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { onReady, loading, submit } = useAddOrEditSystemHooks(props);
+    __expose({
+      getData() {
+        return submit;
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_bc_box = resolveComponent("bc-box");
+      const _directive_loading = resolveDirective("loading");
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_bc_box, {
+          type: "2",
+          id: __props.config_unique_id,
+          onReady: unref(onReady),
+          isAuth: false,
+          mid: "4be63958b09043f1a7ca2e5a3e672697"
+        }, {
+          copy_target: withCtx(({ row }) => [
+            createVNode(_component_el_select, {
+              modelValue: row.copy_target,
+              "onUpdate:modelValue": ($event) => row.copy_target = $event,
+              placeholder: "请选择",
+              size: "large",
+              class: "w-full"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.list, (item) => {
+                  return openBlock(), createBlock(_component_el_option, {
+                    key: item.id,
+                    label: item.project_name,
+                    value: item.id
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 2
+            }, 1032, ["modelValue", "onUpdate:modelValue"])
+          ]),
+          _: 1
+        }, 8, ["id", "onReady"])
+      ])), [
+        [_directive_loading, unref(loading)]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/index.vue_vue_type_script_setup_true_lang-Ch2lZaTn.mjs

@@ -0,0 +1,194 @@
+import { reactive, ref, watch, toValue, defineComponent, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, withCtx, unref, Fragment, renderList, createBlock, resolveDynamicComponent, isRef } from "vue";
+import { _ as _sfc_main$2 } from "./index.vue_vue_type_script_setup_true_lang-B1f-mj3k.mjs";
+import formAttr from "./index-0EMZK_Ri.mjs";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_setup_true_lang-Dv-kZosQ.mjs";
+import { c as _, b as ElMessage } from "./index-CYGyHWBv.mjs";
+import { u as useSystemController } from "./index-DRBjUBTG.mjs";
+import { u as useFieldConfigController } from "./index-B9WSj98p.mjs";
+const system = useSystemController();
+const fieldConfigController = useFieldConfigController();
+function useHsDialog(props, formInstance, fieldFormRef) {
+  const baseData = reactive({
+    systemData: [],
+    current_field_type: "",
+    compDict: {
+      "2": _sfc_main$2,
+      "3": _sfc_main$1,
+      "4": formAttr
+    }
+  });
+  const configData = ref();
+  const getSystemData = () => {
+    system.getAllSystemInfo().then((res) => {
+      if (res.code == 1) {
+        baseData.systemData = res.data || [];
+      }
+    }).catch((err) => {
+      console.log("err", err);
+    });
+  };
+  const initData = () => {
+    getSystemData();
+    if (props.dialog_type == "edit" && props.row) {
+      if (formInstance.value) {
+        toValue(formInstance.value.data).field_pool_dialog_form = {
+          project_code: props.row.project_code,
+          field_type: props.row.field_type
+        };
+        baseData.current_field_type = _.cloneDeep(props.row.field_type);
+      }
+    } else if (props.dialog_type == "add") ;
+  };
+  watch(
+    () => formInstance.value && toValue(formInstance.value.data).field_pool_dialog_form.field_type,
+    (value) => {
+      var _a, _b, _c;
+      baseData.current_field_type = value || "";
+      if (props.dialog_type == "edit" && ((_a = props.row) == null ? void 0 : _a.field_type) == value) {
+        let fieldData = ((_b = props.row) == null ? void 0 : _b.json_data) && JSON.parse((_c = props.row) == null ? void 0 : _c.json_data) || {};
+        configData.value = _.cloneDeep(fieldData);
+      } else {
+        configData.value = {};
+      }
+    },
+    { deep: true, immediate: true }
+  );
+  const changeSystem = (value) => {
+    console.log("value", value);
+    let systemData = _.cloneDeep(baseData.systemData).find(
+      (item) => item.project_code == value
+    );
+    if (fieldFormRef.value) {
+      fieldFormRef.value.updateSystemData(systemData);
+    }
+  };
+  const submitData = () => {
+    var _a, _b, _c, _d;
+    let formData = (_b = toValue((_a = formInstance.value) == null ? void 0 : _a.data)) == null ? void 0 : _b.field_pool_dialog_form;
+    let param = {
+      // 字段属性
+      field_code: props.row && props.row.field_code || (formData.field_type == "2" || formData.field_type == "4" ? (_c = configData.value) == null ? void 0 : _c.baseData.prop : formData.field_type == "3" ? configData.value.field : ""),
+      // 字段名称
+      field_name: props.row && props.row.field_name || (formData.field_type == "2" || formData.field_type == "4" ? (_d = configData.value) == null ? void 0 : _d.baseData.label : formData.field_type == "3" ? configData.value.title : ""),
+      field_type: formData.field_type || "",
+      // 字段类型
+      id: props.row && props.row.id || "",
+      // 字段类型，只有编辑状态下有值
+      json_data: JSON.stringify(_.cloneDeep(configData.value)),
+      // 字段配置json
+      project_code: formData.project_code || ""
+      // 系统code
+    };
+    return fieldConfigController.postSaveFieldPool(param).then((res) => {
+      if (res.code != 1) return Promise.reject();
+      ElMessage.success("保存成功");
+      return Promise.resolve("success");
+    }).catch(() => {
+      return Promise.reject();
+    });
+  };
+  const saveData = () => {
+    console.log("fieldFormRef", formInstance.value, fieldFormRef.value);
+    if (formInstance.value) {
+      return formInstance.value.getInstance().validate().then((formFlag) => {
+        if (formFlag && fieldFormRef.value) {
+          return toValue(fieldFormRef.value.baseConfigRef).getSubmitData().then(async (flag) => {
+            if (flag) {
+              return await submitData();
+            } else {
+              Promise.reject();
+            }
+          });
+        } else {
+          Promise.reject();
+        }
+      });
+    } else {
+      Promise.reject();
+    }
+  };
+  return { baseData, configData, saveData, initData, changeSystem };
+}
+const _hoisted_1 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    // 弹窗类型
+    dialog_type: {
+      type: String,
+      default: "add"
+    },
+    row: Object
+  },
+  setup(__props, { expose: __expose }) {
+    const formInstance = ref();
+    const props = __props;
+    const fieldFormRef = ref();
+    const { baseData, configData, saveData, initData, changeSystem } = useHsDialog(props, formInstance, fieldFormRef);
+    function onReady(params) {
+      formInstance.value = params;
+      initData();
+    }
+    __expose({
+      getData() {
+        return saveData;
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_hs_option = resolveComponent("hs-option");
+      const _component_hs_select = resolveComponent("hs-select");
+      const _component_bc_box = resolveComponent("bc-box");
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("div", null, [
+          createVNode(_component_bc_box, {
+            id: "f611f37f-b741-408c-9f2d-13769d46a09d",
+            mid: "3ec707509a534ef28ed3ab4744b1121f",
+            type: "2",
+            projectCode: "scmp",
+            isAuth: false,
+            onReady
+          }, {
+            project_code: withCtx(({ data }) => [
+              createVNode(_component_hs_select, {
+                disabled: props.dialog_type == "edit",
+                placeholder: "请选择",
+                onChange: unref(changeSystem),
+                modelValue: data.data.field_pool_dialog_form.project_code,
+                "onUpdate:modelValue": ($event) => data.data.field_pool_dialog_form.project_code = $event
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(baseData).systemData, (item) => {
+                    return openBlock(), createBlock(_component_hs_option, {
+                      key: item.id,
+                      label: item.project_name,
+                      value: item.project_code
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 2
+              }, 1032, ["disabled", "onChange", "modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          })
+        ]),
+        unref(baseData).current_field_type ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          _cache[1] || (_cache[1] = createElementVNode("div", { class: "pb-4 px-4" }, [
+            createElementVNode("div", {
+              class: "p-3 rounded-md",
+              style: { "background-color": "#f3f3f3" }
+            }, "字段配置")
+          ], -1)),
+          (openBlock(), createBlock(resolveDynamicComponent(unref(baseData).compDict[unref(baseData).current_field_type]), {
+            ref_key: "fieldFormRef",
+            ref: fieldFormRef,
+            formData: unref(configData),
+            "onUpdate:formData": _cache[0] || (_cache[0] = ($event) => isRef(configData) ? configData.value = $event : null)
+          }, null, 40, ["formData"]))
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/index.vue_vue_type_script_setup_true_lang-Dv-kZosQ.mjs

@@ -0,0 +1,267 @@
+import { reactive, watch, defineComponent, useModel, ref, resolveComponent, createElementBlock, createCommentVNode, openBlock, createBlock, withDirectives, createElementVNode, resolveDynamicComponent, unref, withCtx, createVNode, vShow, createTextVNode, toDisplayString, Fragment, renderList } from "vue";
+import { b as bcFormConfig } from "./bcFormConfig-k01YVL7i.mjs";
+import { f as filterItemConfig, t as tableConfig, a as tableColumnConfigData, b as tableColumnRule, _ as _sfc_main$1 } from "./baseTableConfig-Cqz33Bik.mjs";
+import { c as compConfig } from "./baseFormConfig-BfwuF6e2.mjs";
+import { c as _, E as ElMessageBox, b as ElMessage } from "./index-CYGyHWBv.mjs";
+function useHsTableAttr(formData) {
+  const basicData = reactive({
+    // 表单配置项
+    parentConfig: {
+      labelWidth: 150,
+      span: 8,
+      minWidth: 350,
+      style: "padding:5px 10px"
+    },
+    formModel: {
+      visible: false,
+      title: "插槽模板配置"
+    },
+    // 表格列配置数组
+    config: _.cloneDeep(tableConfig),
+    // 组件字典数据
+    compConfig,
+    visible: false,
+    // 筛选
+    filterConfig: _.cloneDeep(filterItemConfig.value.filters)
+  });
+  const form = reactive({
+    elComName: "",
+    data: void 0
+  });
+  const configurationRule = () => {
+    let rules = _.cloneDeep(tableColumnRule);
+    _.keys(rules).forEach((key) => {
+      let arr = rules[key].map((item) => {
+        var _a;
+        item.required = !((_a = formData.value) == null ? void 0 : _a.type);
+        return item;
+      });
+      rules[key] = arr;
+    });
+    console.log("rules", rules);
+    return rules;
+  };
+  watch(
+    () => formData.value,
+    () => {
+      if (!formData.value || _.isEmpty(formData.value)) {
+        formData.value = _.assign(
+          formData.value || {},
+          _.cloneDeep(tableColumnConfigData)
+        );
+      }
+      form.elComName = formData.value && formData.value.isSlot && formData.value.el && basicData.compConfig[_.cloneDeep(formData.value).el] || "";
+      basicData.config.rules.list = configurationRule();
+    },
+    { immediate: true }
+  );
+  watch(
+    () => {
+      var _a;
+      return (_a = formData.value) == null ? void 0 : _a.isSlot;
+    },
+    (value) => {
+      var _a;
+      let idx = basicData.config.list.findIndex(
+        (item) => item.prop == "el"
+      );
+      if (idx > -1) {
+        basicData.config.list[idx].show = !!value;
+        if (!value) {
+          (_a = formData.value) == null ? true : delete _a.el;
+        }
+      }
+    },
+    { immediate: true }
+  );
+  watch(
+    () => {
+      var _a;
+      return (_a = formData.value) == null ? void 0 : _a.type;
+    },
+    () => {
+      basicData.config.rules.list = configurationRule();
+    },
+    { immediate: true }
+  );
+  const updateSystemData = (systemData) => {
+    var _a, _b, _c;
+    if (systemData && systemData.project_url && ((_a = formData.value) == null ? void 0 : _a.isSlot) && formData.value.slotTemplateConfig && formData.value.el == "hs-select" && form.elComName == "hs-config-select") {
+      ((_c = (_b = formData.value) == null ? void 0 : _b.slotTemplateConfig) == null ? void 0 : _c.attrs).proxy = systemData.project_url;
+    }
+  };
+  const onChange = (value, prop) => {
+    console.log("value", value, "prop", prop);
+    if (prop == "el") {
+      form.elComName = "";
+      form.elComName = value && basicData.compConfig[_.cloneDeep(formData.value).el] || "";
+    }
+  };
+  const deleteFilterConfig = (index) => {
+    var _a, _b;
+    let filterData = formData.value && ((_a = formData.value) == null ? void 0 : _a.filters) && ((_b = formData.value) == null ? void 0 : _b.filters[index]) || {};
+    ElMessageBox.confirm(`确认要删除该${filterData.label}配置吗？`, "提示", {
+      confirmButtonText: "确认",
+      cancelButtonText: "取消",
+      type: "warning"
+    }).then(() => {
+      var _a2, _b2;
+      (_b2 = (_a2 = formData.value) == null ? void 0 : _a2.filters) == null ? void 0 : _b2.splice(index, 1);
+      ElMessage.success("删除成功");
+    }).catch((err) => {
+      console.log("err", err);
+    });
+  };
+  const addFilterItem = () => {
+    var _a, _b;
+    (_b = (_a = formData.value) == null ? void 0 : _a.filters) == null ? void 0 : _b.push({
+      label: "",
+      value: "",
+      checked: false,
+      resetValue: "",
+      data: ""
+    });
+  };
+  return {
+    form,
+    basicData,
+    onChange,
+    deleteFilterConfig,
+    addFilterItem,
+    updateSystemData
+  };
+}
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    "formData": {},
+    "formDataModifiers": {}
+  },
+  emits: ["update:formData"],
+  setup(__props, { expose: __expose }) {
+    const formData = useModel(__props, "formData");
+    const baseConfigRef = ref();
+    const {
+      form,
+      basicData,
+      onChange,
+      deleteFilterConfig,
+      addFilterItem,
+      updateSystemData
+    } = useHsTableAttr(formData);
+    __expose({
+      baseConfigRef,
+      updateSystemData
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      const _component_hs_input = resolveComponent("hs-input");
+      const _component_svgIcon = resolveComponent("svgIcon");
+      return formData.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(), createBlock(resolveDynamicComponent(_sfc_main$1), {
+          modelValue: unref(basicData).visible,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(basicData).visible = $event),
+          expandConfig: { subTitle: "表格属性" }
+        }, null, 8, ["modelValue"])),
+        withDirectives(createElementVNode("div", null, [
+          (openBlock(), createBlock(resolveDynamicComponent(bcFormConfig), {
+            config: unref(basicData).config.list,
+            parentConfig: unref(basicData).parentConfig,
+            data: formData.value,
+            ref_key: "baseConfigRef",
+            ref: baseConfigRef,
+            rules: unref(basicData).config.rules.list || {},
+            onChange: unref(onChange)
+          }, {
+            field: withCtx(() => [
+              createVNode(_component_hs_input, {
+                placeholder: "请输入",
+                modelValue: formData.value.field,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formData.value.field = $event)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 40, ["config", "parentConfig", "data", "rules", "onChange"]))
+        ], 512), [
+          [
+            vShow,
+            unref(basicData).visible && unref(basicData).config && unref(basicData).config.list && unref(basicData).config.list.length > 0
+          ]
+        ]),
+        formData.value.el ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createTextVNode(toDisplayString(formData.value.el) + "===" + toDisplayString(unref(form).elComName) + " ", 1),
+          (openBlock(), createBlock(resolveDynamicComponent(_sfc_main$1), {
+            modelValue: unref(basicData).formModel.visible,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(basicData).formModel.visible = $event),
+            expandConfig: { subTitle: unref(basicData).formModel.title }
+          }, null, 8, ["modelValue", "expandConfig"])),
+          unref(basicData).formModel.visible ? (openBlock(), createBlock(resolveDynamicComponent(unref(form).elComName), {
+            key: 0,
+            data: formData.value.slotTemplateConfig,
+            ref: "elRef",
+            isVModel: ""
+          }, null, 8, ["data"])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        (openBlock(true), createElementBlock(Fragment, null, renderList((_a = unref(basicData).config) == null ? void 0 : _a.second_config, (item, index) => {
+          return openBlock(), createElementBlock("div", { key: index }, [
+            (openBlock(), createBlock(resolveDynamicComponent(_sfc_main$1), {
+              modelValue: item.visible,
+              "onUpdate:modelValue": ($event) => item.visible = $event,
+              expandConfig: { subTitle: item.title }
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "expandConfig"])),
+            item.visible ? (openBlock(), createBlock(resolveDynamicComponent(bcFormConfig), {
+              key: 0,
+              parentConfig: unref(basicData).parentConfig,
+              config: item[item.key],
+              data: formData.value[item.key]
+            }, null, 8, ["parentConfig", "config", "data"])) : createCommentVNode("", true)
+          ]);
+        }), 128)),
+        createElementVNode("div", null, [
+          createTextVNode(toDisplayString(formData.value.filters) + " ", 1),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(formData.value.filters, (item, index) => {
+            return openBlock(), createElementBlock("div", { key: index }, [
+              (openBlock(), createBlock(resolveDynamicComponent(_sfc_main$1), {
+                modelValue: item.checked,
+                "onUpdate:modelValue": ($event) => item.checked = $event,
+                expandConfig: {
+                  subTitle: "筛选配置项" + (item["label"] ? "【" + item["label"] + "】" : ""),
+                  rightSlot: true
+                }
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_svgIcon, {
+                    onClick: ($event) => unref(deleteFilterConfig)(index),
+                    color: "#F56C6C",
+                    class: "pt-1",
+                    name: "ele-RemoveFilled",
+                    size: "18"
+                  }, null, 8, ["onClick"])
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue", "expandConfig"])),
+              item.checked ? (openBlock(), createBlock(resolveDynamicComponent(bcFormConfig), {
+                key: 0,
+                parentConfig: unref(basicData).parentConfig,
+                config: unref(basicData).filterConfig,
+                data: item
+              }, null, 8, ["parentConfig", "config", "data"])) : createCommentVNode("", true)
+            ]);
+          }), 128)),
+          createElementVNode("div", {
+            class: "flex align-center justify-center p-2",
+            onClick: _cache[3] || (_cache[3] = //@ts-ignore
+            (...args) => unref(addFilterItem) && unref(addFilterItem)(...args))
+          }, _cache[4] || (_cache[4] = [
+            createElementVNode("div", { class: "bg-red-200 py-1 px-3 rounded" }, "新增数据筛选配置", -1)
+          ]))
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/index.vue_vue_type_script_setup_true_lang-IJKBTB3Y.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("./bcFormConfig-De_NDIJX.js"),o=require("./baseFormConfig-D0n1_pUw.js"),t=require("./index-DnFBRN9K.js");const n={key:0},l={key:0},r=e.defineComponent({__name:"index",props:{formData:{},formDataModifiers:{}},emits:["update:formData"],setup(r,{expose:i}){const s=e.useModel(r,"formData"),u=e.ref(),{form:m,basicData:c,changeEl:f,updateSystemData:p}=function(a){const n=e.reactive({parentConfig:{labelWidth:120,span:8,minWidth:350,style:"padding:5px 10px"},config:t._.cloneDeep(o.config),compConfig:o.compConfig}),l=e.reactive({elComName:"",data:void 0});return e.watch((()=>a.value),(e=>{a.value&&!t._.isEmpty(a.value)||(a.value=t._.cloneDeep(o.formItemConfig.value.data)),a.value&&a.value.baseData&&a.value.baseData.el,l.elComName=a.value&&a.value.baseData&&a.value.baseData.el&&n.compConfig[t._.cloneDeep(a.value).baseData.el]||""}),{immediate:!0}),{form:l,basicData:n,changeEl:(e,o)=>{"el"==o&&a.value&&(a.value.elData=t._.assign({}),l.elComName=n.compConfig[e])},updateSystemData:e=>{var o;!(null==(o=a.value)?void 0:o.baseData.el)||"hs-config-select"!=l.elComName&&"hs-config-tree-select"!=l.elComName||(a.value.elData.attrs.proxy=e&&e.project_url||"")}}}(s);return i({baseConfigRef:u,updateSystemData:p}),(o,t)=>{const r=e.resolveComponent("hs-input");return s.value&&s.value.baseData?(e.openBlock(),e.createElementBlock("div",n,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.bcFormConfig),{ref_key:"baseConfigRef",ref:u,parentConfig:e.unref(c).parentConfig,data:s.value.baseData,config:e.unref(c).config.baseConfig.list,rules:e.unref(c).config.baseConfig.rules,onChange:e.unref(f)},{prop:e.withCtx((()=>[e.createVNode(r,{placeholder:"请输入",modelValue:s.value.baseData.prop,"onUpdate:modelValue":t[0]||(t[0]=e=>s.value.baseData.prop=e)},null,8,["modelValue"])])),_:1},40,["parentConfig","data","config","rules","onChange"])),s.value.baseData&&s.value.baseData.el&&e.unref(m).elComName?(e.openBlock(),e.createElementBlock("div",l,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(m).elComName),{data:s.value.elData,ref:"elRef",isVModel:""},null,8,["data"]))])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)}}});exports._sfc_main=r;

package/dist/index.vue_vue_type_script_setup_true_name_iconSelector_lang-CZUzRg_n.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("./index-DnFBRN9K.js"),o={class:"icon-selector w100 h100"},n={class:"icon-selector-warp"},l={class:"icon-selector-warp-title"},a=e.defineComponent({name:"iconSelector"}),i=e.defineComponent({...a,props:{prepend:{type:String,default:()=>"ele-Pointer"},placeholder:{type:String,default:()=>"请输入内容搜索图标或者选择图标"},size:{type:String,default:()=>"default"},title:{type:String,default:()=>"请选择图标"},disabled:{type:Boolean,default:()=>!1},clearable:{type:Boolean,default:()=>!0},emptyDescription:{type:String,default:()=>"无相关图标"},isShowPrepend:{type:Boolean,default:!0},modelValue:String},emits:["update:modelValue","get","clear"],setup(a,{emit:i}){const r=a,c=i,f=e.defineAsyncComponent((()=>Promise.resolve().then((()=>require("./list-CGMCMNPw.js"))))),d=e.ref(),s=e.reactive({fontIconPrefix:"",fontIconWidth:0,fontIconSearch:"",fontIconPlaceholder:"",fontIconTabActive:"ali",fontIconList:{ali:[],ele:[],awe:[]}}),u=()=>{if(!r.modelValue)return!1;s.fontIconSearch=r.modelValue,s.fontIconPlaceholder=r.modelValue},p=()=>{const e=I();setTimeout((()=>{e.filter((e=>e===s.fontIconSearch)).length<=0&&(s.fontIconSearch="")}),300)},m=e.computed((()=>{const e=I();if(!s.fontIconSearch)return e;let t=s.fontIconSearch.trim().toLowerCase();return e.filter((e=>{if(-1!==e.toLowerCase().indexOf(t))return e}))})),I=()=>{let e=[];return"ali"===s.fontIconTabActive?e=s.fontIconList.ali:"ele"===s.fontIconTabActive?e=s.fontIconList.ele:"awe"===s.fontIconTabActive&&(e=s.fontIconList.awe),e},h=()=>{if(""===r.modelValue)return s.fontIconPlaceholder=r.placeholder;s.fontIconPlaceholder=r.modelValue,s.fontIconPrefix=r.modelValue},x=()=>{let e="ali";return r.modelValue?(r.modelValue.indexOf("iconfont")>-1?e="ali":r.modelValue.indexOf("ele-")>-1?e="ele":r.modelValue.indexOf("fa")>-1&&(e="awe"),s.fontIconTabActive=e,e):e},v=async e=>{if("ali"===e){if(s.fontIconList.ali.length>0)return;await t.initIconfont.ali().then((e=>{s.fontIconList.ali=e.map((e=>`iconfont ${e}`))}))}else if("ele"===e){if(s.fontIconList.ele.length>0)return;await t.initIconfont.ele().then((e=>{s.fontIconList.ele=e}))}else if("awe"===e){if(s.fontIconList.awe.length>0)return;await t.initIconfont.awe().then((e=>{s.fontIconList.awe=e.map((e=>`fa ${e}`))}))}s.fontIconPlaceholder=r.placeholder,h()},V=e=>{v(e.paneName),d.value.focus()},w=e=>{s.fontIconPlaceholder=e,s.fontIconPrefix=e,c("get",s.fontIconPrefix),c("update:modelValue",s.fontIconPrefix),d.value.focus()},y=()=>{s.fontIconPrefix="",c("clear",s.fontIconPrefix),c("update:modelValue",s.fontIconPrefix)},P=()=>{e.nextTick((()=>{var e;s.fontIconWidth=null==(e=d.value.$el)?void 0:e.offsetWidth}))};return e.onMounted((()=>{v(x()),window.addEventListener("resize",(()=>{P()})),P()})),e.watch((()=>r.modelValue),(()=>{h(),x()})),(t,i)=>{const r=e.resolveComponent("SvgIcon"),c=e.resolveComponent("el-input"),I=e.resolveComponent("el-tab-pane"),h=e.resolveComponent("el-tabs"),x=e.resolveComponent("el-popover");return e.openBlock(),e.createElementBlock("div",o,[e.createVNode(c,{modelValue:s.fontIconSearch,"onUpdate:modelValue":i[0]||(i[0]=e=>s.fontIconSearch=e),placeholder:s.fontIconPlaceholder,clearable:a.clearable,disabled:a.disabled,size:a.size,ref_key:"inputWidthRef",ref:d,onClear:y,onFocus:u,onBlur:p},e.createSlots({_:2},[a.isShowPrepend?{name:"prepend",fn:e.withCtx((()=>{var t,o;return[(""===s.fontIconPrefix?(null==(t=a.prepend)?void 0:t.indexOf("ele-"))>-1:(null==(o=s.fontIconPrefix)?void 0:o.indexOf("ele-"))>-1)?(e.openBlock(),e.createBlock(r,{key:0,name:""===s.fontIconPrefix?a.prepend:s.fontIconPrefix,class:"font14"},null,8,["name"])):(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass([""===s.fontIconPrefix?a.prepend:s.fontIconPrefix,"font14"])},null,2))]})),key:"0"}:void 0]),1032,["modelValue","placeholder","clearable","disabled","size"]),e.createVNode(x,{placement:"bottom",width:s.fontIconWidth,transition:"el-zoom-in-top","popper-class":"icon-selector-popper",trigger:"click","virtual-ref":d.value,"virtual-triggering":""},{default:e.withCtx((()=>[e.createElementVNode("div",n,[e.createElementVNode("div",l,e.toDisplayString(a.title),1),e.createVNode(h,{modelValue:s.fontIconTabActive,"onUpdate:modelValue":i[1]||(i[1]=e=>s.fontIconTabActive=e),onTabClick:V},{default:e.withCtx((()=>[e.createVNode(I,{lazy:"",label:"ali",name:"ali"},{default:e.withCtx((()=>[e.createVNode(e.unref(f),{list:m.value,empty:a.emptyDescription,prefix:s.fontIconPrefix,onGetIcon:w},null,8,["list","empty","prefix"])])),_:1}),e.createVNode(I,{lazy:"",label:"ele",name:"ele"},{default:e.withCtx((()=>[e.createVNode(e.unref(f),{list:m.value,empty:a.emptyDescription,prefix:s.fontIconPrefix,onGetIcon:w},null,8,["list","empty","prefix"])])),_:1}),e.createVNode(I,{lazy:"",label:"awe",name:"awe"},{default:e.withCtx((()=>[e.createVNode(e.unref(f),{list:m.value,empty:a.emptyDescription,prefix:s.fontIconPrefix,onGetIcon:w},null,8,["list","empty","prefix"])])),_:1})])),_:1},8,["modelValue"])])])),_:1},8,["width","virtual-ref"])])}}});exports._sfc_main=i;