cnhis-design-vue 3.1.6-beta.1 → 3.1.7-beta.1

package/es/packages/select-label/src/LabelFormContent.vue_vue_type_script_setup_true_lang.mjs

@@ -1 +1,442 @@
-import{defineComponent as e,ref as l,reactive as t,computed as a,watch as i,openBlock as n,createElementBlock as s,unref as d,createCommentVNode as r,withDirectives as o,createElementVNode as c,createVNode as b,withCtx as u,Fragment as p,renderList as f,createBlock as y,createTextVNode as h,toDisplayString as m,normalizeClass as g,vShow as v,nextTick as C}from"vue";import{useMessage as L,NTabs as I,NTabPane as S,NAnchor as E,NAnchorLink as w}from"naive-ui";import"./components/label-classify2.mjs";import A,{handleLabelColor as x}from"cnhis-design-vue/es/src/utils/vexutils";import k from"./components/label-classify.vue_vue_type_script_setup_true_lang.mjs";const O={key:0,class:"label-disable-wrap"},K=[c("p",{class:"label-disable-title"},"无可选标签",-1),c("p",{class:"label-disable-desc"},"请联系管理员进行标签管理设置",-1)],q={style:{height:"100%"}},j={class:"label-wrap"},_={key:0,class:"explicit-continer"},T={slot:"tab"},B={class:"edit-label-type"},D={class:"explicit-label-wrap left-label-wrap"},F={class:"edit-label-content"},V=["id"],P={class:"edit-label-type"};var N=e({name:"LabelFormContent",props:{item:{type:null,required:!1,default:()=>({})},isEdit:{type:Boolean,required:!1,default:!0},isLock:{type:Boolean,required:!1,default:!1},labelSelectedList:{type:Array,required:!0},isChangeWindow:{type:Boolean,required:!0},getLabelList:{type:Function,required:!1,default:()=>Promise.resolve({rows:[]})},deleteLabel:{type:Function,required:!1,default:()=>Promise.resolve({status:!0})},saveLabelItem:{type:Function,required:!1,default:()=>Promise.resolve({status:!0})},labelOptions:{type:null,required:!1},sourceType:{type:String,required:!1,default:""},explicit:{type:Boolean,required:!1,default:!1}},emits:["explicitOnChange","change","updateLabelData"],setup(e,{expose:N,emit:W}){const $=e,J=L(),R=l(null),z=t({editLabelItem:{},inited:!1,labelSelectedEdit:[],labelAnchorKey:"",cacheAnchorKey:"",labelConfig:{}});let G=l(0);const H=a((()=>{if(!z.inited)return!1;let e=z.labelConfig;return!e||Object.keys(e).every((l=>!e[l].itemList))})),M=a((()=>{let e=[].concat(...z.labelSelectedEdit,...$.labelSelectedList);return U(e,"labelId")})),Q=a((()=>{const e=M.value||[];return Array.isArray(e)?e.map((e=>e.labelId)):[]})),U=(e,l)=>{let t={};return e.reduce(((e,a)=>(!t[a[l]]&&(t[a[l]]=e.push(a)),e)),[])},X=()=>{if(z.labelSelectedEdit=M.value,"object"==typeof z.labelConfig){Object.keys(z.labelConfig||{}).forEach((e=>{var l;let t=(null==(l=z.labelConfig[e])?void 0:l.itemList)||[];t.length&&t.forEach((e=>{Q.value.includes(e.labelId)&&(e.isSelect=!0)}))}))}},Y=(e,l)=>{if(!e)return;let t=Object.keys(e)||[];if(!t.length)return;let a=e[t[0]].curKey;if(l&&"string"==typeof l){let[i]=l.split("~"),n=t.find((l=>e[l]&&e[l].curKey&&e[l].curKey.includes(i)));n&&(a=e[n].curKey)}a&&ne(a)},Z=(e,l)=>{l.showAdd=!0;const t=e.target.nextElementSibling;C((()=>{var e;null==(e=null==t?void 0:t.firstChild)||e.focus()}))},ee=(e,l)=>{setTimeout((()=>{l.addVal?te(l):l.showAdd=!1}),150)},le=(e,l)=>{l.addVal="",l.showAdd=!1},te=async e=>{var l;if(!!e.itemList.filter((e=>!(e.isPublic&&1==e.isPublic))).find((l=>l.labelName===e.addVal)))return J.error("标签名称重复!"),!1;let t="";t=(null==(l=e.itemList)?void 0:l.length)?e.itemList[0].parentColor||e.parentColor||"":(null==e?void 0:e.parentColor)||"";const a={type:e.typeId,name:e.addVal,parentColor:t},{status:i}=await $.saveLabelItem(a,e);i&&(J.success("添加成功！"),W("updateLabelData"),e.showAdd=!1)},ae=(e,l,t,a)=>{var i;const n=t.itemList,s=t.multipleChoice;let d=(null==(i=z.labelSelectedEdit)?void 0:i.length)&&A.clone(z.labelSelectedEdit,!0)||[];if(e){if(d.some((e=>e.labelId==l.labelId)))return;if(2==s){const{typeId:e,labelId:t}=l;d=d.filter((l=>l.typeId!==e)),n.forEach((e=>{e.labelId!==t&&(e.isSelect=!1)}))}d.push(l)}else{const e=d.findIndex((e=>e.labelId==l.labelId));-1!=e&&d.splice(e,1)}z.labelSelectedEdit=[...d],G.value++,$.explicit&&W("explicitOnChange",[...z.labelSelectedEdit])},ie=async e=>{const{status:l}=await $.deleteLabel(e,$.item);if(l){J.success("删除成功！");for(const l in z.labelConfig){const t=z.labelConfig[l].itemList.findIndex((l=>l.labelId==e.labelId));-1!=t&&z.labelConfig[l].itemList.splice(t,1)}const l=z.labelSelectedEdit||[],t=$.labelSelectedList||[];if(l&&l.length){const t=l.findIndex((l=>l.labelId==e.labelId));-1!=t&&l.splice(t,1)}if(t&&t.length){const l=t.findIndex((l=>l.labelId==e.labelId));-1!=l&&t.splice(l,1),W("change",[...t],$.item)}W("updateLabelData")}else J.warning("删除失败")},ne=e=>{e&&setTimeout((()=>{let l,t="#"+e;l=R.value.querySelector("a[href='"+t+"']"),l&&l.click(),z.labelAnchorKey=e}),32)},se=e=>{e.preventDefault()},de=e=>{if(!e)return;let l=e.slice(1);z.cacheAnchorKey=l},re=()=>{var e;return null==(e=R.value)?void 0:e.querySelector(".right-label-wrap")};return i((()=>$.labelOptions),(e=>{e&&(()=>{var e;if($.isLock)return;const l=JSON.parse(JSON.stringify($.labelOptions));for(let t in l){let a=(null==(e=l[t])?void 0:e.typeId)||"";Object.assign(l[t],{curKey:`${t}_${a}}`})}z.labelConfig=l,C((()=>{let e;X(),$.explicit&&z.inited&&(e=z.labelAnchorKey),Y(z.labelConfig,e),z.inited=!0}))})()}),{immediate:!0,deep:!0}),N({resetShowAdd:()=>{let{labelObj:e}=z.editLabelItem;if(e&&Object.keys(e).length)for(let l in e){let t=e[l];Object.assign(t,{showAdd:!1})}},handleLabelForm:e=>{e([...z.labelSelectedEdit||[]])},handleResetOptions:()=>{},hanldeSetLabelItem:(e,l)=>{if("object"==typeof z.labelConfig){Object.keys(z.labelConfig||{}).forEach((t=>{var a;let i=(null==(a=z.labelConfig[t])?void 0:a.itemList)||[];i.length&&i.forEach((t=>{e==t.labelId&&(t.isSelect=l)}))}))}if(!1===l&&Array.isArray(z.labelSelectedEdit)){const l=z.labelSelectedEdit.findIndex((l=>l.labelId==e));-1!=l&&z.labelSelectedEdit.splice(l,1)}}}),(l,t)=>(n(),s("div",{class:"c-label-form-content",key:d(G),ref_key:"labelFormContent",ref:R},[d(H)?(n(),s("div",O,K)):r("v-if",!0),o(c("div",q,[c("div",j,[r(" 表单内嵌打开标签组件的样式 "),e.explicit?(n(),s("div",_,[b(d(I),{value:z.labelAnchorKey,type:"card",onChange:ne,"tab-position":"top"},{default:u((()=>[(n(!0),s(p,null,f(z.labelConfig,((l,t)=>(n(),y(d(S),{name:l.curKey},{default:u((()=>[c("span",T,[h(m(t)+" ",1),c("span",B,"("+m(2==l.multipleChoice?"单":"多")+"选)",1)]),c("div",D,[c("div",F,[b(k,{classifyItem:l,handleLabelChange:ae,handleLabelColor:d(x),handleDelLabel:ie,hanldeBlur:ee,handleAddLabel:Z,clearaddVal:le,isEdit:e.isEdit,sourceType:e.sourceType},null,8,["classifyItem","handleLabelColor","isEdit","sourceType"])])])])),_:2},1032,["name"])))),256))])),_:1},8,["value"])])):(n(),s(p,{key:1},[r(" 普通标签样式 "),c("div",{class:g(["left-label-wrap",{"total-left-label-wrap":e.isChangeWindow}])},[b(d(E),{"offset-target":re,type:"block",onClick:se,onChange:de},{default:u((()=>[(n(!0),s(p,null,f(z.labelConfig,((e,l)=>(n(),y(d(w),{href:`#${e.curKey}`,title:String(l)},null,8,["href","title"])))),256))])),_:1})],2)],2112)),e.explicit?r("v-if",!0):(n(),s("div",{key:2,class:g(["right-label-wrap",{"total-right-label-wrap":e.isChangeWindow}])},[(n(!0),s(p,null,f(z.labelConfig,((l,t)=>(n(),s("div",{key:t,class:"edit-label-content"},[c("div",{class:"edit-label",id:l.curKey},[h(m(t)+" ",1),c("span",P,"("+m(2==l.multipleChoice?"单":"多")+"选)",1)],8,V),b(k,{classifyItem:l,handleLabelChange:ae,handleLabelColor:d(x),handleDelLabel:ie,hanldeBlur:ee,handleAddLabel:Z,clearaddVal:le,isEdit:e.isEdit,sourceType:e.sourceType},null,8,["classifyItem","handleLabelColor","isEdit","sourceType"])])))),128))],2))])],512),[[v,!d(H)]])]))}});export{N as default};
+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 './components/label-classify2.mjs';
+import vexutils, { handleLabelColor } from 'cnhis-design-vue/es/src/utils/vexutils';
+import script$1 from './components/label-classify.vue_vue_type_script_setup_true_lang.mjs';
+
+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" };
+var script = /* @__PURE__ */ defineComponent({
+  name: "LabelFormContent",
+  props: {
+    item: { type: null, required: false, default: () => ({}) },
+    isEdit: { type: Boolean, required: false, default: true },
+    isLock: { type: Boolean, required: false, default: false },
+    labelSelectedList: { type: Array, required: true },
+    isChangeWindow: { type: Boolean, required: true },
+    getLabelList: { type: Function, required: false, default: () => Promise.resolve({ rows: [] }) },
+    deleteLabel: { type: Function, required: false, default: () => Promise.resolve({ status: true }) },
+    saveLabelItem: { type: Function, required: false, default: () => Promise.resolve({ status: true }) },
+    labelOptions: { type: null, required: false },
+    sourceType: { type: String, required: false, default: "" },
+    explicit: { type: Boolean, required: false, 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 (status === false) {
+        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",
+        key: unref(theKey),
+        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(script$1, {
+                              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(script$1, {
+                    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)]
+        ])
+      ]);
+    };
+  }
+});
+
+export { script as default };

package/es/packages/select-label/src/LabelFormContent2.mjs

@@ -1 +1,4 @@
-import e from"./LabelFormContent.vue_vue_type_script_setup_true_lang.mjs";export{default}from"./LabelFormContent.vue_vue_type_script_setup_true_lang.mjs";e.__file="packages/select-label/src/LabelFormContent.vue";
+import script from './LabelFormContent.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './LabelFormContent.vue_vue_type_script_setup_true_lang.mjs';
+
+script.__file = "packages/select-label/src/LabelFormContent.vue";

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

@@ -1 +1,2 @@
-import"./SelectLabel2.mjs";export{default}from"./SelectLabel.vue_vue_type_script_setup_true_lang.mjs";
+import './SelectLabel2.mjs';
+export { default } from './SelectLabel.vue_vue_type_script_setup_true_lang.mjs';

package/es/packages/select-label/src/SelectLabel.vue.d.ts

@@ -120,6 +120,7 @@ declare const _default: import("vue").DefineComponent<{
         commonLabelList: never[];
         multipleChoiceConfig: {};
     };
+    updateCommonChecked: (value: any, item: any) => void;
     item_is_edit: import("vue").ComputedRef<any>;
     titleRender: () => JSX.Element;
     hadleCommonlabels: (commonLabelList: any, selectList: any) => void;
@@ -2813,11 +2814,19 @@ declare const _default: import("vue").DefineComponent<{
             readonly type: import("vue").PropType<number | "small" | "medium" | "large" | [number, number]>;
             readonly default: "medium";
         };
+        readonly wrapItem: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
         readonly itemStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         readonly wrap: {
             readonly type: BooleanConstructor;
             readonly default: true;
         };
+        readonly internalUseGap: {
+            readonly type: BooleanConstructor;
+            readonly default: undefined;
+        };
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Space", {
             gapSmall: string;
             gapMedium: string;
@@ -2834,6 +2843,7 @@ declare const _default: import("vue").DefineComponent<{
             gapLarge: string;
         }, any>>>;
     }, {
+        useGap: boolean;
         rtlEnabled: import("vue").Ref<import("naive-ui/es/config-provider/src/internal-interface").RtlItem | undefined> | undefined;
         mergedClsPrefix: import("vue").ComputedRef<string>;
         margin: import("vue").ComputedRef<{
@@ -2852,11 +2862,19 @@ declare const _default: import("vue").DefineComponent<{
             readonly type: import("vue").PropType<number | "small" | "medium" | "large" | [number, number]>;
             readonly default: "medium";
         };
+        readonly wrapItem: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
         readonly itemStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         readonly wrap: {
             readonly type: BooleanConstructor;
             readonly default: true;
         };
+        readonly internalUseGap: {
+            readonly type: BooleanConstructor;
+            readonly default: undefined;
+        };
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Space", {
             gapSmall: string;
             gapMedium: string;
@@ -2878,6 +2896,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly wrap: boolean;
         readonly vertical: boolean;
         readonly justify: import("naive-ui/es/space/src/Space").Justify;
+        readonly wrapItem: boolean;
+        readonly internalUseGap: boolean;
     }>;
     AddCircleOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     labelFormContent: import("vue").DefineComponent<{
@@ -4565,11 +4585,6 @@ declare const _default: import("vue").DefineComponent<{
                     textColor: string;
                     padding: string;
                 }, {
-                    /**
-                     * labelObj 展示的分类值
-                     * labelList 原始数据结构
-                     * selectList 已选的数据
-                     */
                     Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
                         fontSize: string;
                         borderRadius: string;
@@ -4665,14 +4680,13 @@ declare const _default: import("vue").DefineComponent<{
                     type: import("vue").PropType<string | boolean | HTMLElement>;
                     default: undefined;
                 };
-                scrollable: BooleanConstructor; /**
-                  * 清空选项和常用值;
-                  */
+                scrollable: BooleanConstructor;
                 contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
                 headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
                 onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
                 'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
                 onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
+                internalDeactivateImmediately: BooleanConstructor;
                 internalSyncTargetWithParent: BooleanConstructor;
                 internalInheritedEventHandlers: {
                     type: import("vue").PropType<import("naive-ui/es/popover/src/Popover").TriggerEventHandlers[]>;
@@ -4973,6 +4987,7 @@ declare const _default: import("vue").DefineComponent<{
                 onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
                 'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
                 onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
+                internalDeactivateImmediately: BooleanConstructor;
                 internalSyncTargetWithParent: BooleanConstructor;
                 internalInheritedEventHandlers: {
                     type: import("vue").PropType<import("naive-ui/es/popover/src/Popover").TriggerEventHandlers[]>;
@@ -5008,6 +5023,7 @@ declare const _default: import("vue").DefineComponent<{
                 arrowPointToCenter: boolean;
                 displayDirective: "show" | "if";
                 keepAliveOnHover: boolean;
+                internalDeactivateImmediately: boolean;
                 animated: boolean;
                 internalTrapFocus: boolean;
                 defaultShow: boolean;
@@ -6540,6 +6556,7 @@ declare const _default: import("vue").DefineComponent<{
                     type: BooleanConstructor;
                     default: undefined;
                 };
+                allowInput: import("vue").PropType<(value: string) => boolean>;
                 onMousedown: import("vue").PropType<(e: MouseEvent) => void>;
                 onKeydown: import("vue").PropType<(e: KeyboardEvent) => void>;
                 onKeyup: import("vue").PropType<(e: KeyboardEvent) => void>;
@@ -6795,7 +6812,7 @@ declare const _default: import("vue").DefineComponent<{
                 handleCompositionEnd: (e: CompositionEvent) => void;
                 handleInput: (e: Event | CompositionEvent | InputEvent, index?: 0 | 1 | undefined, event?: string | undefined) => void;
                 handleInputBlur: (e: FocusEvent) => void;
-                handleInputFocus: (e: FocusEvent) => void;
+                handleInputFocus: (e: FocusEvent, index: number) => void;
                 handleWrapperBlur: (e: FocusEvent) => void;
                 handleWrapperFocus: (e: FocusEvent) => void;
                 handleMouseEnter: () => void;
@@ -6806,7 +6823,7 @@ declare const _default: import("vue").DefineComponent<{
                 handleClear: (e: MouseEvent) => void;
                 handlePasswordToggleClick: () => void;
                 handlePasswordToggleMousedown: (e: MouseEvent) => void;
-                handleWrapperKeyDown: (e: KeyboardEvent) => void;
+                handleWrapperKeydown: (e: KeyboardEvent) => void;
                 handleTextAreaMirrorResize: () => void;
                 getTextareaScrollContainer: () => HTMLTextAreaElement | null;
                 mergedTheme: import("vue").ComputedRef<{
@@ -7095,6 +7112,7 @@ declare const _default: import("vue").DefineComponent<{
                     type: BooleanConstructor;
                     default: undefined;
                 };
+                allowInput: import("vue").PropType<(value: string) => boolean>;
                 onMousedown: import("vue").PropType<(e: MouseEvent) => void>;
                 onKeydown: import("vue").PropType<(e: KeyboardEvent) => void>;
                 onKeyup: import("vue").PropType<(e: KeyboardEvent) => void>;