cnhis-design-vue 3.1.14-beta.11.1 → 3.1.14-beta.13

package/es/packages/select-label/src/LabelFormContent.js

@@ -1,4 +1,442 @@
-import script from './LabelFormContent.vue_vue_type_script_setup_true_lang.js';
-export { default } from './LabelFormContent.vue_vue_type_script_setup_true_lang.js';
+import { defineComponent, ref, reactive, computed, watch, openBlock, createElementBlock, unref, createCommentVNode, withDirectives, createElementVNode, createVNode, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, normalizeClass, vShow, nextTick } from 'vue';
+import { useMessage, NTabs, NTabPane, NAnchor, NAnchorLink } from 'naive-ui';
+import labelClassify from './components/label-classify.js';
+import vexutils, { handleLabelColor } from '../../../src/utils/vexutils';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
-script.__file = "packages/select-label/src/LabelFormContent.vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "label-disable-wrap"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("p", { class: "label-disable-title" }, "\u65E0\u53EF\u9009\u6807\u7B7E", -1);
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("p", { class: "label-disable-desc" }, "\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\u8FDB\u884C\u6807\u7B7E\u7BA1\u7406\u8BBE\u7F6E", -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+const _hoisted_5 = { style: { "height": "100%" } };
+const _hoisted_6 = { class: "label-wrap" };
+const _hoisted_7 = {
+  key: 0,
+  class: "explicit-continer"
+};
+const _hoisted_8 = { slot: "tab" };
+const _hoisted_9 = { class: "edit-label-type" };
+const _hoisted_10 = { class: "explicit-label-wrap left-label-wrap" };
+const _hoisted_11 = { class: "edit-label-content" };
+const _hoisted_12 = ["id"];
+const _hoisted_13 = { class: "edit-label-type" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LabelFormContent",
+  props: {
+    item: { default: () => ({}) },
+    isEdit: { type: Boolean, default: true },
+    isLock: { type: Boolean, default: false },
+    labelSelectedList: null,
+    isChangeWindow: { type: Boolean },
+    getLabelList: { type: Function, default: () => Promise.resolve({ rows: [] }) },
+    deleteLabel: { type: Function, default: () => Promise.resolve({ status: true }) },
+    saveLabelItem: { type: Function, default: () => Promise.resolve({ status: true }) },
+    labelOptions: null,
+    sourceType: { default: "" },
+    explicit: { type: Boolean, default: false }
+  },
+  emits: ["explicitOnChange", "change", "updateLabelData"],
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const $message = useMessage();
+    const labelFormContent = ref(null);
+    const state = reactive({
+      editLabelItem: {},
+      inited: false,
+      labelSelectedEdit: [],
+      labelAnchorKey: "",
+      cacheAnchorKey: "",
+      labelConfig: {}
+    });
+    let theKey = ref(0);
+    const allDisable = computed(() => {
+      if (!state.inited)
+        return false;
+      let labelObj = state.labelConfig;
+      if (!labelObj)
+        return true;
+      let keys = Object.keys(labelObj);
+      return keys.every((key) => {
+        return !labelObj[key].itemList;
+      });
+    });
+    const SelectedList = computed(() => {
+      let list = [].concat(...state.labelSelectedEdit, ...props.labelSelectedList);
+      return uniqArrObj(list, "labelId");
+    });
+    const selectLabelId = computed(() => {
+      const list = SelectedList.value || [];
+      if (Array.isArray(list)) {
+        return list.map((v) => v.labelId);
+      }
+      return [];
+    });
+    const uniqArrObj = (arr, name) => {
+      let obj = {};
+      return arr.reduce((cur, next) => {
+        obj[next[name]] ? "" : obj[next[name]] = cur.push(next);
+        return cur;
+      }, []);
+    };
+    const handleLabelInit = () => {
+      var _a;
+      if (props.isLock)
+        return;
+      const copy = JSON.parse(JSON.stringify(props.labelOptions));
+      for (let key in copy) {
+        let typeId = ((_a = copy[key]) == null ? void 0 : _a.typeId) || "";
+        Object.assign(copy[key], {
+          curKey: `${key}_${typeId}}`
+        });
+      }
+      state.labelConfig = copy;
+      nextTick(() => {
+        hanldeBackfill();
+        let defKey = void 0;
+        if (props.explicit && state.inited) {
+          defKey = state.labelAnchorKey;
+        }
+        setLabelDeafultClick(state.labelConfig, defKey);
+        state.inited = true;
+      });
+    };
+    const hanldeBackfill = () => {
+      state.labelSelectedEdit = SelectedList.value;
+      if (typeof state.labelConfig === "object") {
+        let keys = Object.keys(state.labelConfig || {});
+        keys.forEach((k) => {
+          var _a;
+          let itemList = ((_a = state.labelConfig[k]) == null ? void 0 : _a.itemList) || [];
+          if (itemList.length) {
+            itemList.forEach((v) => {
+              if (selectLabelId.value.includes(v.labelId)) {
+                v.isSelect = true;
+              }
+            });
+          }
+        });
+      }
+    };
+    const setLabelDeafultClick = (labelObj, deafulteKey) => {
+      if (!labelObj)
+        return;
+      let objKeys = Object.keys(labelObj) || [];
+      if (!objKeys.length)
+        return;
+      let curKey = labelObj[objKeys[0]].curKey;
+      if (deafulteKey && typeof deafulteKey === "string") {
+        let [q] = deafulteKey.split("~");
+        let f = objKeys.find((k) => labelObj[k] && labelObj[k].curKey && labelObj[k].curKey.includes(q));
+        if (f) {
+          curKey = labelObj[f].curKey;
+        }
+      }
+      if (!curKey)
+        return;
+      labelAnchorTabsOnChange(curKey);
+    };
+    const resetShowAdd = () => {
+      let { labelObj } = state.editLabelItem;
+      if (!labelObj || !Object.keys(labelObj).length)
+        return;
+      for (let key in labelObj) {
+        let item = labelObj[key];
+        Object.assign(item, {
+          showAdd: false
+        });
+      }
+    };
+    const handleAddLabel = ($event, item) => {
+      item.showAdd = true;
+      const nextInput = $event.target.nextElementSibling;
+      nextTick(() => {
+        var _a;
+        (_a = nextInput == null ? void 0 : nextInput.firstChild) == null ? void 0 : _a.focus();
+      });
+    };
+    const handleLabelForm = (cb) => {
+      const selectList = [...state.labelSelectedEdit || []];
+      cb(selectList);
+    };
+    const hanldeBlur = ($event, d) => {
+      setTimeout(() => {
+        if (d.addVal) {
+          handleReqSaveLabel(d);
+        } else {
+          d.showAdd = false;
+        }
+      }, 150);
+    };
+    const clearaddVal = (e, v) => {
+      v.addVal = "";
+      v.showAdd = false;
+    };
+    const handleReqSaveLabel = async (v) => {
+      var _a;
+      let privateLabel = v.itemList.filter((item) => {
+        return !(item.isPublic && item.isPublic == 1);
+      });
+      let hasRepetition = !!privateLabel.find((item) => {
+        return item.labelName === v.addVal;
+      });
+      if (hasRepetition) {
+        $message.error("\u6807\u7B7E\u540D\u79F0\u91CD\u590D!");
+        return false;
+      }
+      let parentColor = "";
+      if ((_a = v.itemList) == null ? void 0 : _a.length) {
+        parentColor = v.itemList[0].parentColor || v.parentColor || "";
+      } else {
+        parentColor = (v == null ? void 0 : v.parentColor) || "";
+      }
+      const params = {
+        type: v.typeId,
+        name: v.addVal,
+        parentColor
+      };
+      const { status } = await props.saveLabelItem(params, v);
+      if (status) {
+        $message.success("\u6DFB\u52A0\u6210\u529F\uFF01");
+        emit("updateLabelData");
+        v.showAdd = false;
+      }
+    };
+    const handleLabelChange = (value, d, labelGroup, v) => {
+      var _a;
+      const list = labelGroup.itemList;
+      const multipleChoice = labelGroup.multipleChoice;
+      let selectedList = ((_a = state.labelSelectedEdit) == null ? void 0 : _a.length) && vexutils.clone(state.labelSelectedEdit, true) || [];
+      if (value) {
+        if (selectedList.some((n) => n.labelId == d.labelId)) {
+          return;
+        }
+        if (multipleChoice == 2) {
+          const { typeId, labelId } = d;
+          selectedList = selectedList.filter((item) => item.typeId !== typeId);
+          list.forEach((item) => {
+            if (item.labelId !== labelId) {
+              item.isSelect = false;
+            }
+          });
+        }
+        selectedList.push(d);
+      } else {
+        const fdIndex = selectedList.findIndex((n) => n.labelId == d.labelId);
+        if (fdIndex != -1) {
+          selectedList.splice(fdIndex, 1);
+        }
+      }
+      state.labelSelectedEdit = [...selectedList];
+      theKey.value++;
+      if (props.explicit) {
+        emit("explicitOnChange", [...state.labelSelectedEdit]);
+      }
+    };
+    const handleDelLabel = async (v) => {
+      const { status } = await props.deleteLabel(v, props.item);
+      if (status) {
+        $message.success("\u5220\u9664\u6210\u529F\uFF01");
+        for (const label in state.labelConfig) {
+          const delIndex = state.labelConfig[label].itemList.findIndex((k) => k.labelId == v.labelId);
+          delIndex != -1 && state.labelConfig[label].itemList.splice(delIndex, 1);
+        }
+        const selectList = state.labelSelectedEdit || [];
+        const selectObj = props.labelSelectedList || [];
+        if (selectList && selectList.length) {
+          const delIndex = selectList.findIndex((n) => n.labelId == v.labelId);
+          delIndex != -1 && selectList.splice(delIndex, 1);
+        }
+        if (selectObj && selectObj.length) {
+          const delKey = selectObj.findIndex((n) => n.labelId == v.labelId);
+          delKey != -1 && selectObj.splice(delKey, 1);
+          emit("change", [...selectObj], props.item);
+        }
+        emit("updateLabelData");
+      } else {
+        $message.warning("\u5220\u9664\u5931\u8D25");
+      }
+    };
+    const labelAnchorTabsOnChange = (key) => {
+      if (!key)
+        return;
+      setTimeout(() => {
+        let anchorKey = "#" + key;
+        let curLink;
+        curLink = labelFormContent.value.querySelector("a[href='" + anchorKey + "']");
+        curLink && curLink.click();
+        state.labelAnchorKey = key;
+      }, 32);
+    };
+    const handleAnchorClick = (e) => {
+      e.preventDefault();
+    };
+    const anchorOnChange = (link) => {
+      if (!link)
+        return;
+      let curLink = link.slice(1);
+      state.cacheAnchorKey = curLink;
+    };
+    const anchorGetContainer = () => {
+      var _a;
+      return (_a = labelFormContent.value) == null ? void 0 : _a.querySelector(".right-label-wrap");
+    };
+    const handleResetOptions = () => {
+    };
+    const hanldeSetLabelItem = (id, status) => {
+      if (typeof state.labelConfig === "object") {
+        let keys = Object.keys(state.labelConfig || {});
+        keys.forEach((k) => {
+          var _a;
+          let itemList = ((_a = state.labelConfig[k]) == null ? void 0 : _a.itemList) || [];
+          if (itemList.length) {
+            itemList.forEach((v) => {
+              if (id == v.labelId) {
+                v.isSelect = status;
+              }
+            });
+          }
+        });
+      }
+      if (false === status) {
+        if (Array.isArray(state.labelSelectedEdit)) {
+          const fdIndex = state.labelSelectedEdit.findIndex((n) => n.labelId == id);
+          if (fdIndex != -1) {
+            state.labelSelectedEdit.splice(fdIndex, 1);
+          }
+        }
+      }
+    };
+    watch(() => props.labelOptions, (val) => {
+      if (!val)
+        return;
+      handleLabelInit();
+    }, { immediate: true, deep: true });
+    expose({
+      resetShowAdd,
+      handleLabelForm,
+      handleResetOptions,
+      hanldeSetLabelItem
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "c-label-form-content",
+        ref_key: "labelFormContent",
+        ref: labelFormContent
+      }, [
+        unref(allDisable) ? (openBlock(), createElementBlock("div", _hoisted_1, _hoisted_4)) : createCommentVNode("v-if", true),
+        withDirectives(createElementVNode("div", _hoisted_5, [
+          createElementVNode("div", _hoisted_6, [
+            createCommentVNode(" \u8868\u5355\u5185\u5D4C\u6253\u5F00\u6807\u7B7E\u7EC4\u4EF6\u7684\u6837\u5F0F "),
+            __props.explicit ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              createVNode(unref(NTabs), {
+                value: state.labelAnchorKey,
+                type: "card",
+                onChange: labelAnchorTabsOnChange,
+                "tab-position": "top"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(state.labelConfig, (v, i) => {
+                    return openBlock(), createBlock(unref(NTabPane), {
+                      name: v.curKey
+                    }, {
+                      default: withCtx(() => [
+                        createElementVNode("span", _hoisted_8, [
+                          createTextVNode(toDisplayString(i) + " ", 1),
+                          createElementVNode("span", _hoisted_9, "(" + toDisplayString(v.multipleChoice == 2 ? "\u5355" : "\u591A") + "\u9009)", 1)
+                        ]),
+                        createElementVNode("div", _hoisted_10, [
+                          createElementVNode("div", _hoisted_11, [
+                            createVNode(labelClassify, {
+                              classifyItem: v,
+                              handleLabelChange,
+                              handleLabelColor: unref(handleLabelColor),
+                              handleDelLabel,
+                              hanldeBlur,
+                              handleAddLabel,
+                              clearaddVal,
+                              isEdit: __props.isEdit,
+                              sourceType: __props.sourceType
+                            }, null, 8, ["classifyItem", "handleLabelColor", "isEdit", "sourceType"])
+                          ])
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["name"]);
+                  }), 256))
+                ]),
+                _: 1
+              }, 8, ["value"])
+            ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createCommentVNode(" \u666E\u901A\u6807\u7B7E\u6837\u5F0F "),
+              createElementVNode("div", {
+                class: normalizeClass(["left-label-wrap", {
+                  "total-left-label-wrap": __props.isChangeWindow
+                }])
+              }, [
+                createVNode(unref(NAnchor), {
+                  "offset-target": anchorGetContainer,
+                  type: "block",
+                  onClick: handleAnchorClick,
+                  onChange: anchorOnChange
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(state.labelConfig, (v, i) => {
+                      return openBlock(), createBlock(unref(NAnchorLink), {
+                        href: `#${v.curKey}`,
+                        title: String(i)
+                      }, null, 8, ["href", "title"]);
+                    }), 256))
+                  ]),
+                  _: 1
+                })
+              ], 2)
+            ], 2112)),
+            !__props.explicit ? (openBlock(), createElementBlock("div", {
+              key: 2,
+              class: normalizeClass(["right-label-wrap", {
+                "total-right-label-wrap": __props.isChangeWindow
+              }])
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(state.labelConfig, (v, k) => {
+                return openBlock(), createElementBlock("div", {
+                  key: k,
+                  class: "edit-label-content"
+                }, [
+                  createElementVNode("div", {
+                    class: "edit-label",
+                    id: v.curKey
+                  }, [
+                    createTextVNode(toDisplayString(k) + " ", 1),
+                    createElementVNode("span", _hoisted_13, "(" + toDisplayString(v.multipleChoice == 2 ? "\u5355" : "\u591A") + "\u9009)", 1)
+                  ], 8, _hoisted_12),
+                  createVNode(labelClassify, {
+                    classifyItem: v,
+                    handleLabelChange,
+                    handleLabelColor: unref(handleLabelColor),
+                    handleDelLabel,
+                    hanldeBlur,
+                    handleAddLabel,
+                    clearaddVal,
+                    isEdit: __props.isEdit,
+                    sourceType: __props.sourceType
+                  }, null, 8, ["classifyItem", "handleLabelColor", "isEdit", "sourceType"])
+                ]);
+              }), 128))
+            ], 2)) : createCommentVNode("v-if", true)
+          ])
+        ], 512), [
+          [vShow, !unref(allDisable)]
+        ])
+      ], 512);
+    };
+  }
+});
+var scriptFormContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "LabelFormContent.vue"]]);
+
+export { scriptFormContent as default };

package/es/packages/select-label/src/SelectLabel.js

@@ -1,4 +1,6 @@
-import script from './SelectLabel.vue_vue_type_script_setup_true_lang.js';
-export { default } from './SelectLabel.vue_vue_type_script_setup_true_lang.js';
+import _sfc_main from './SelectLabel.vue_vue_type_script_setup_true_lang.js';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
-script.__file = "packages/select-label/src/SelectLabel.vue";
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "SelectLabel.vue"]]);
+
+export { script as default };

package/es/packages/select-label/src/SelectLabel.vue_vue_type_script_setup_true_lang.js

@@ -2,9 +2,8 @@ import { defineComponent, ref, reactive, computed, onMounted, watch, openBlock,
 import { NSpace, NTag, NIcon, NModal } from 'naive-ui';
 import { AddCircleOutline } from '@vicons/ionicons5';
 import SvgIcon from '../../../src/components/SvgIcon';
-import './LabelFormContent.js';
+import scriptFormContent from './LabelFormContent.js';
 import vexutils, { handleLabelColor } from '../../../src/utils/vexutils';
-import script$1 from './LabelFormContent.vue_vue_type_script_setup_true_lang.js';
 
 const _hoisted_1 = {
   class: "c-select-label"
@@ -14,68 +13,53 @@ const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", null, "\u5E38\u752
 const _hoisted_4 = {
   key: 1
 };
-var script = /* @__PURE__ */ defineComponent({
+var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SelectLabel",
   props: {
     selectedList: {
-      type: Array,
-      required: false,
       default: () => []
     },
     item: {
-      type: null,
-      required: false,
       default: () => ({})
     },
     isDetail: {
       type: Boolean,
-      required: false,
       default: false
     },
     isLock: {
       type: Boolean,
-      required: false,
       default: false
     },
     sourceType: {
-      type: String,
-      required: false,
       default: ""
     },
     getLabelList: {
       type: Function,
-      required: false,
       default: () => Promise.resolve({
         rows: []
       })
     },
     explicit: {
       type: Boolean,
-      required: false,
       default: false
     },
     explicitHeiht: {
-      type: String,
-      required: false,
       default: ""
     },
     queryCommonlabels: {
       type: Function,
-      required: false,
       default: () => Promise.resolve({
         data: {}
       })
     },
     deleteLabel: {
       type: Function,
-      required: false,
       default: () => Promise.resolve({
         status: true
       })
     },
     saveLabelItem: {
       type: Function,
-      required: false,
       default: () => Promise.resolve({
         status: true
       })
@@ -405,7 +389,7 @@ var script = /* @__PURE__ */ defineComponent({
           }, 1032, ["checked", "onUpdate:checked", "style"]);
         }), 128))]),
         _: 1
-      })) : createCommentVNode("v-if", true), __props.explicit && unref(item_is_edit) ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(script$1, mergeProps(_ctx.$attrs, {
+      })) : createCommentVNode("v-if", true), __props.explicit && unref(item_is_edit) ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(scriptFormContent, mergeProps(_ctx.$attrs, {
         ref_key: "labelFormContentRef",
         ref: labelFormContentRef,
         labelSelectedList: state.labelSelectedList,
@@ -435,7 +419,7 @@ var script = /* @__PURE__ */ defineComponent({
         }),
         title: titleRender
       }, {
-        default: withCtx(() => [createVNode(script$1, mergeProps(_ctx.$attrs, {
+        default: withCtx(() => [createVNode(scriptFormContent, mergeProps(_ctx.$attrs, {
           ref_key: "labelFormContentRef",
           ref: labelFormContentRef,
           labelSelectedList: state.labelSelectedList,
@@ -452,4 +436,4 @@ var script = /* @__PURE__ */ defineComponent({
   }
 });
 
-export { script as default };
+export { _sfc_main as default };

package/es/packages/select-label/src/components/label-classify.js

@@ -1,4 +1,129 @@
-import script from './label-classify.vue_vue_type_script_setup_true_lang.js';
-export { default } from './label-classify.vue_vue_type_script_setup_true_lang.js';
+import { defineComponent, ref, watch, openBlock, createElementBlock, createCommentVNode, unref, Fragment, createElementVNode, renderList, createBlock, normalizeStyle, normalizeClass, withCtx, createVNode, toDisplayString, withDirectives, withModifiers, vShow, createTextVNode } from 'vue';
+import { NTag, NTooltip, NIcon, NButton, NInput } from 'naive-ui';
+import { Close, Add } from '@vicons/ionicons5';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 
-script.__file = "packages/select-label/src/components/label-classify.vue";
+const _hoisted_1 = { class: "edit-content" };
+const _hoisted_2 = {
+  key: 0,
+  class: "label-disable-wrap"
+};
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("p", { class: "label-disable-title" }, "\u65E0\u53EF\u9009\u6807\u7B7E", -1);
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("p", { class: "label-disable-desc" }, "\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\u8FDB\u884C\u6807\u7B7E\u7BA1\u7406\u8BBE\u7F6E", -1);
+const _hoisted_5 = [
+  _hoisted_3,
+  _hoisted_4
+];
+const _hoisted_6 = { class: "label-content" };
+const _hoisted_7 = /* @__PURE__ */ createTextVNode(" \u6807\u7B7E ");
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "label-classify",
+  props: {
+    classifyItem: { default: () => ({}) },
+    handleLabelChange: { type: Function, default: () => {
+    } },
+    handleLabelColor: { type: Function, default: () => {
+    } },
+    handleDelLabel: { type: Function, default: () => {
+    } },
+    handleAddLabel: { type: Function, default: () => {
+    } },
+    hanldeBlur: { type: Function, default: () => {
+    } },
+    clearaddVal: { type: Function, default: () => {
+    } },
+    isEdit: { type: Boolean, default: false },
+    sourceType: null
+  },
+  setup(__props) {
+    var _a;
+    const props = __props;
+    let itemList = ref(((_a = props.classifyItem) == null ? void 0 : _a.itemList) || []);
+    const onHandleLabelChange = (value, item, classifyItem) => {
+      item.isSelect = value;
+      props.handleLabelChange(value, item, classifyItem);
+    };
+    watch(() => props.classifyItem, (val) => {
+      itemList.value = (val == null ? void 0 : val.itemList) || [];
+    }, { immediate: true, deep: true });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" disable "),
+        !unref(itemList) ? (openBlock(), createElementBlock("div", _hoisted_2, _hoisted_5)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createCommentVNode("  "),
+          createElementVNode("div", _hoisted_6, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(itemList), (item) => {
+              return openBlock(), createBlock(unref(NTag), {
+                checkable: "",
+                checked: item.isSelect,
+                "onUpdate:checked": (value) => onHandleLabelChange(value, item, __props.classifyItem),
+                key: item.labelId,
+                style: normalizeStyle(__props.handleLabelColor(item)),
+                class: normalizeClass({ "sys-label-tag": item.isPublic && item.isPublic == 1 })
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NTooltip), { placement: "top-start" }, {
+                    trigger: withCtx(() => [
+                      createElementVNode("span", null, toDisplayString(item.labelName), 1)
+                    ]),
+                    default: withCtx(() => [
+                      createElementVNode("span", null, toDisplayString(item.labelName), 1)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  __props.sourceType != "guage" ? withDirectives((openBlock(), createBlock(unref(NIcon), {
+                    key: 0,
+                    class: "label-close",
+                    component: unref(Close),
+                    onClick: withModifiers(($event) => __props.handleDelLabel(item, __props.classifyItem), ["stop"])
+                  }, null, 8, ["component", "onClick"])), [
+                    [vShow, !(item.isPublic && item.isPublic == 1)]
+                  ]) : createCommentVNode("v-if", true)
+                ]),
+                _: 2
+              }, 1032, ["checked", "onUpdate:checked", "style", "class"]);
+            }), 128)),
+            __props.classifyItem.allowCreateByPersonal == 1 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              __props.isEdit && !__props.classifyItem.isNoAdd && __props.sourceType != "guage" ? withDirectives((openBlock(), createBlock(unref(NButton), {
+                key: 0,
+                dashed: "",
+                class: "label-add",
+                onClick: _cache[0] || (_cache[0] = ($event) => __props.handleAddLabel($event, __props.classifyItem))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NIcon), { component: unref(Add) }, null, 8, ["component"]),
+                  _hoisted_7
+                ]),
+                _: 1
+              }, 512)), [
+                [vShow, !__props.classifyItem.showAdd]
+              ]) : createCommentVNode("v-if", true),
+              createCommentVNode(" \u662F\u5426\u5141\u8BB8\u65B0\u589E\u4E2A\u4EBA\u6807\u7B7E allowCreateByPersonal "),
+              __props.isEdit && !__props.classifyItem.isNoAdd && __props.sourceType != "guage" ? withDirectives((openBlock(), createBlock(unref(NInput), {
+                key: 1,
+                class: "label-add add-input",
+                value: __props.classifyItem.addVal,
+                "onUpdate:value": _cache[2] || (_cache[2] = ($event) => __props.classifyItem.addVal = $event),
+                valueModifiers: { trim: true },
+                onBlur: _cache[3] || (_cache[3] = ($event) => __props.hanldeBlur($event, __props.classifyItem))
+              }, {
+                suffix: withCtx(() => [
+                  createVNode(unref(NIcon), {
+                    component: unref(Close),
+                    onClick: _cache[1] || (_cache[1] = withModifiers(($event) => __props.clearaddVal($event, __props.classifyItem), ["stop"]))
+                  }, null, 8, ["component"])
+                ]),
+                _: 1
+              }, 8, ["value"])), [
+                [vShow, __props.classifyItem.showAdd]
+              ]) : createCommentVNode("v-if", true)
+            ], 64)) : createCommentVNode("v-if", true)
+          ])
+        ], 2112))
+      ]);
+    };
+  }
+});
+var labelClassify = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "label-classify.vue"]]);
+
+export { labelClassify as default };