cnhis-design-vue 3.1.5-beta.1 → 3.1.5-beta.10

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

@@ -1 +1,437 @@
-import{defineComponent as e,ref as l,reactive as t,computed as a,onMounted as i,watch as o,openBlock as s,createElementBlock as n,Fragment as d,createElementVNode as r,createVNode as c,unref as m,withCtx as p,renderList as b,createBlock as u,normalizeStyle as h,createTextVNode as y,toDisplayString as L,withDirectives as C,normalizeClass as f,vShow as g,createCommentVNode as v,mergeProps as w,nextTick as I}from"vue";import{NSpace as x,NTag as S,NIcon as k,NModal as O}from"naive-ui";import{AddCircleOutline as _}from"@vicons/ionicons5";import j from"cnhis-design-vue/es/src/components/SvgIcon";import"./components/label-form-content2.mjs";import N,{handleLabelColor as W}from"cnhis-design-vue/es/src/utils/vexutils";import P from"./components/label-form-content.vue_vue_type_script_setup_true_lang.mjs";const B={class:"c-select-label"},q=y("新增 "),H=r("span",null,"常用",-1),A={key:1};var E=e({__name:"SelectLabel",props:{selectedList:{type:Array,required:!1,default:()=>[]},item:{type:null,required:!1,default:()=>({})},isDetail:{type:Boolean,required:!1,default:!1},isLock:{type:Boolean,required:!1,default:!1},sourceType:{type:String,required:!1},getLabelList:{type:Function,required:!1,default:()=>Promise.resolve({rows:[]})},explicit:{type:Boolean,required:!1,default:!1},explicitHeiht:{type:String,required:!1,default:""},queryCommonlabels:{type:Function,required:!1,default:()=>Promise.resolve({data:{}})}},emits:["change"],setup(e,{emit:E}){const U=e,V=l(null),F=t({labelVisible:!1,editLabelItem:{},labelSelectedList:[],labelSelectedEdit:[],inited:!1,isChangeWindow:!1,modalWidth:"763px",modalHeight:"404px",maxHeight:"404px",commonLabelList:[],multipleChoiceConfig:{}}),$=a((()=>{const e=(null==U?void 0:U.item)||{};return(1==e.is_edit||e.isShow)&&!U.isDetail})),z=()=>c(d,null,[c("div",null,[y("选择标签")]),c("div",{class:"svg-wrap"},[c(j,{onClick:R,"icon-class":F.isChangeWindow?"xitongtubiaodaohangtubiaozuixiaohua":"xitongtubiaodaohangtubiaozuidahua"},null)])]),D=(e,l)=>{e.length&&e.forEach((e=>{let t=l.some((l=>l.labelId==e.labelId));e.isSelect=t}))},T=e=>{U.isLock||(U.explicit||"init"===e||(F.labelVisible=!0),G(U.item))},J=()=>{var e;U.explicit||(null==(e=V.value)||e.resetShowAdd(),F.editLabelItem.showAdd=!1,F.editLabelItem={},F.inited=!1,F.modalWidth="763px",F.modalHeight="404px",F.maxHeight="404px",F.isChangeWindow=!1,F.labelVisible=!1)},R=()=>{F.isChangeWindow=!F.isChangeWindow;let e=document.body.clientHeight;F.modalWidth="763px"===F.modalWidth?"100%":"763px",F.modalHeight="404px"===F.modalHeight?e-110+"px":"404px",F.maxHeight="auto"===F.modalHeight?"404px":"none"},K=()=>{var e;null==(e=V.value)||e.handleLabelForm((e=>{E("change",[...e]),D(F.commonLabelList,e),J()}))},G=async(e,l)=>{const{rows:t,results:a}=await U.getLabelList(e,{update:l}),i=t||[],o={},s=`${e.val_key}_${e.name}`,n=l?[...F.labelSelectedEdit||[]]:[...F.labelSelectedList||[]];i.forEach((e=>{e.cacheKey=s,e.isSelect=!1,o[e.typeName]?o[e.typeName].itemList.push({...e}):o[e.typeName]={itemList:[{...e}],showAdd:!1,addVal:"",typeName:e.typeName,typeId:e.typeId}})),a&&(e.labelObj=o,e.labelList=i),l&&(F.labelSelectedEdit=n),F.editLabelItem=e,M(a)},M=e=>{if(!e)return!1;let l=Object.keys(e),t={},a=(e.typeList||[]).reduce(((e,l)=>(t[l.typeId]=l.multipleChoice,e[l.typeName]={multipleChoice:l.multipleChoice,parentColor:l.parentColor,allowCreateByPersonal:l.allowCreateByPersonal},e)),{});U.explicit&&(F.multipleChoiceConfig=t),l.forEach((l=>{var t,i,o,s,n,d,r;"typeList"!==l&&("emptyTypes"!==l?N.isPlainObject(e[l])?F.editLabelItem.labelObj[l]?(F.editLabelItem.labelObj[l].isNoAdd=!0,F.editLabelItem.labelObj[l].multipleChoice=null==(i=a[l])?void 0:i.multipleChoice,F.editLabelItem.labelObj[l].allowCreateByPersonal=null==(o=a[l])?void 0:o.allowCreateByPersonal,F.editLabelItem.labelObj[l].parentColor=null==(s=a[l])?void 0:s.parentColor):F.editLabelItem.labelObj[l]={addVal:"",showAdd:!1,itemList:!1,typeId:"",typeName:l,allowCreateByPersonal:null==(t=a[l])?void 0:t.allowCreateByPersonal,...a[l]||{}}:(F.editLabelItem.labelObj[l].multipleChoice=null==(n=a[l])?void 0:n.multipleChoice,F.editLabelItem.labelObj[l].allowCreateByPersonal=null==(d=a[l])?void 0:d.allowCreateByPersonal,F.editLabelItem.labelObj[l].parentColor=null==(r=a[l])?void 0:r.parentColor):e[l].forEach((e=>{F.editLabelItem.labelObj[e.typeName]={addVal:"",showAdd:!1,itemList:[],typeId:e.typeId,typeName:e.typeName,allowCreateByPersonal:e.allowCreateByPersonal,...a[e.typeName]||{}}})))}))},Q=()=>{G(U.item,!0)},X=()=>{K()},Y=(e,l)=>{U.explicit&&I((()=>{var t;null==(t=V.value)||t.hanldeSetLabelItem(e,l)}))};return i((()=>{U.explicit?T():(async e=>{const{rows:l,results:t}=await U.getLabelList(e);if(!t)return!1;let a=(t.typeList||[]).reduce(((e,l)=>(e[l.typeId]=l.multipleChoice,e)),{});F.multipleChoiceConfig=a})(U.item)})),o((()=>U.selectedList),(e=>{if(e){let l=Array.isArray(e)?e:[];F.labelSelectedList=JSON.parse(JSON.stringify(l)),D(F.commonLabelList,F.labelSelectedList)}}),{immediate:!0,deep:!0}),o((()=>{var e;return null==(e=U.item)?void 0:e.label_type}),(e=>{e&&"form"==U.sourceType&&(async e=>{var l;let{data:t={}}=await U.queryCommonlabels(e)||{};if("SUCCESS"!==t.result)return;let a=(null==(l=t.map)?void 0:l.rows)||[];D(a,F.labelSelectedList),F.commonLabelList=a})(e)}),{immediate:!0,deep:!0}),(l,t)=>(s(),n(d,null,[r("div",B,[c(m(x),{align:"center"},{default:p((()=>[(s(!0),n(d,null,b(F.labelSelectedList,(e=>(s(),u(m(S),{bordered:!1,key:e.labelId,style:h(m(W)(e,!0)),closable:m($),onClose:l=>(e=>{const l=F.labelSelectedList||[],t=l.findIndex((l=>l.labelId==e.labelId));-1!=t&&l.splice(t,1),E("change",[...l]),Y(e.labelId,!1)})(e),size:"small"},{default:p((()=>[y(L(e.labelName),1)])),_:2},1032,["style","closable","onClose"])))),128)),e.explicit?v("v-if",!0):C((s(),n("span",{key:0,class:f(["form-add-icon form-add-icon-label",{disable:e.isLock}]),onClick:T},[c(m(k),{class:"add-icon",component:m(_)},null,8,["component"]),q],2)),[[g,m($)]])])),_:1}),"form"==e.sourceType&&F.commonLabelList.length&&m($)&&!e.explicit?(s(),u(m(x),{key:0,align:"center",class:"common-label"},{default:p((()=>[H,(s(!0),n(d,null,b(F.commonLabelList,((e,t)=>(s(),u(m(S),{checkable:"",checked:e.isSelect,"onUpdate:checked":l=>e.isSelect=l,onUpdate:t=>((e,l)=>{let t=F.multipleChoiceConfig,a=F.labelSelectedList||[];if(e){if(a.some((e=>e.labelId==l.labelId)))return;"2"==t[l.typeId]&&(a=a.filter((e=>e.typeId!==l.typeId))),a.push(l)}else{const e=a.findIndex((e=>e.labelId==l.labelId));-1!=e&&a.splice(e,1)}E("change",[...a])})(l.$event,e),key:t,style:h(m(W)(e)),size:"small"},{default:p((()=>[y(L(e.labelName),1)])),_:2},1032,["checked","onUpdate:checked","onUpdate","style"])))),128))])),_:1})):v("v-if",!0),e.explicit&&m($)?(s(),n("div",A,[c(P,w(l.$attrs,{ref_key:"labelFormContentRef",ref:V,labelSelectedList:F.labelSelectedList,isChangeWindow:F.isChangeWindow,labelOptions:F.editLabelItem.labelObj,onUpdateLabelData:Q,onExplicitOnChange:X}),null,16,["labelSelectedList","isChangeWindow","labelOptions"])])):v("v-if",!0)]),v(" 弹窗 "),c(m(O),{preset:"dialog",class:f(["label-form-modal-wrap modal-wrap standard-modal standard-modal-white",{"modal-screen":F.isChangeWindow}]),show:F.labelVisible,"onUpdate:show":t[0]||(t[0]=e=>F.labelVisible=e),onPositiveClick:K,onNegativeClick:J,onClose:J,"mask-closable":!1,"close-on-esc":!1,"show-icon":!1,"negative-text":"取消","positive-text":"确定",style:h({width:F.modalWidth}),title:z},{default:p((()=>[c(P,w(l.$attrs,{ref_key:"labelFormContentRef",ref:V,labelSelectedList:F.labelSelectedList,isChangeWindow:F.isChangeWindow,labelOptions:F.editLabelItem.labelObj,onUpdateLabelData:Q}),null,16,["labelSelectedList","isChangeWindow","labelOptions"])])),_:1},8,["show","class","style"])],64))}});export{E as default};
+import { defineComponent, ref, reactive, computed, onMounted, watch, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, unref, withCtx, renderList, createBlock, normalizeStyle, createTextVNode, toDisplayString, withDirectives, normalizeClass, vShow, createCommentVNode, mergeProps, nextTick } from 'vue';
+import { NSpace, NTag, NIcon, NModal } from 'naive-ui';
+import { AddCircleOutline } from '@vicons/ionicons5';
+import SvgIcon from 'cnhis-design-vue/es/src/components/SvgIcon';
+import './LabelFormContent2.mjs';
+import vexutils, { handleLabelColor } from 'cnhis-design-vue/es/src/utils/vexutils';
+import script$1 from './LabelFormContent.vue_vue_type_script_setup_true_lang.mjs';
+
+const _hoisted_1 = {
+  class: "c-select-label"
+};
+const _hoisted_2 = /* @__PURE__ */ createTextVNode("\u65B0\u589E ");
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", null, "\u5E38\u7528", -1);
+const _hoisted_4 = {
+  key: 1
+};
+var script = /* @__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: {}
+      })
+    }
+  },
+  emits: ["change"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const labelFormContentRef = ref(null);
+    const state = reactive({
+      labelVisible: false,
+      editLabelItem: {},
+      labelSelectedList: [],
+      labelSelectedEdit: [],
+      inited: false,
+      isChangeWindow: false,
+      modalWidth: "763px",
+      modalHeight: "404px",
+      maxHeight: "404px",
+      commonLabelList: [],
+      multipleChoiceConfig: {}
+    });
+    function updateCommonChecked(value, item) {
+      item.isSelect = value;
+      handleCommonLabelChange(value, item);
+    }
+    const item_is_edit = computed(() => {
+      const item = (props == null ? void 0 : props.item) || {};
+      return (item.is_edit == 1 || item.isShow) && !props.isDetail;
+    });
+    const titleRender = () => {
+      return createVNode(Fragment, null, [createVNode("div", null, [createTextVNode("\u9009\u62E9\u6807\u7B7E")]), createVNode("div", {
+        "class": "svg-wrap"
+      }, [createVNode(SvgIcon, {
+        "onClick": changeModalWindow,
+        "icon-class": state.isChangeWindow ? "xitongtubiaodaohangtubiaozuixiaohua" : "xitongtubiaodaohangtubiaozuidahua"
+      }, null)])]);
+    };
+    const hadleCommonlabels = (commonLabelList, selectList) => {
+      if (!commonLabelList.length)
+        return;
+      commonLabelList.forEach((n) => {
+        let isSelect = selectList.some((i) => i.labelId == n.labelId);
+        n.isSelect = isSelect;
+      });
+    };
+    const getCommonlabelsList = async (type) => {
+      var _a;
+      let {
+        data = {}
+      } = await props.queryCommonlabels(type) || {};
+      if (data.result !== "SUCCESS")
+        return;
+      let commonLabelList = ((_a = data.map) == null ? void 0 : _a.rows) || [];
+      hadleCommonlabels(commonLabelList, state.labelSelectedList);
+      state.commonLabelList = commonLabelList;
+    };
+    const closeTag = (d) => {
+      const selectedList = state.labelSelectedList || [];
+      const fdIndex = selectedList.findIndex((n) => n.labelId == d.labelId);
+      if (fdIndex != -1) {
+        selectedList.splice(fdIndex, 1);
+      }
+      emit("change", [...selectedList]);
+      state.labelSelectedList = selectedList;
+      hanldeSetLabelItem(d.labelId, false);
+    };
+    const handleCommonLabelChange = (v, d) => {
+      let multipleChoiceConfig = state.multipleChoiceConfig;
+      let selectedList = state.labelSelectedList || [];
+      if (v) {
+        if (selectedList.some((n) => n.labelId == d.labelId)) {
+          return;
+        }
+        if (multipleChoiceConfig[d.typeId] == "2") {
+          selectedList = selectedList.filter((item) => item.typeId !== d.typeId);
+        }
+        selectedList.push(d);
+      } else {
+        const fdIndex = selectedList.findIndex((n) => n.labelId == d.labelId);
+        if (fdIndex != -1) {
+          selectedList.splice(fdIndex, 1);
+        }
+      }
+      emit("change", [...selectedList]);
+      state.labelSelectedList = selectedList;
+    };
+    const handleEditLabel = (type) => {
+      if (props.isLock)
+        return;
+      if (!props.explicit && type !== "init") {
+        state.labelVisible = true;
+      }
+      handleGetLabelData(props.item);
+    };
+    const handleLabelCancel = () => {
+      var _a;
+      if (props.explicit)
+        return;
+      (_a = labelFormContentRef.value) == null ? void 0 : _a.resetShowAdd();
+      state.editLabelItem.showAdd = false;
+      state.editLabelItem = {};
+      state.inited = false;
+      state.modalWidth = "763px";
+      state.modalHeight = "404px";
+      state.maxHeight = "404px";
+      state.isChangeWindow = false;
+      state.labelVisible = false;
+    };
+    const changeModalWindow = () => {
+      state.isChangeWindow = !state.isChangeWindow;
+      let docHeight = document.body.clientHeight;
+      state.modalWidth = state.modalWidth === "763px" ? `100%` : "763px";
+      state.modalHeight = state.modalHeight === "404px" ? `${docHeight - 110}px` : "404px";
+      state.maxHeight = state.modalHeight === "auto" ? "404px" : "none";
+    };
+    const handleSaveLabel = () => {
+      var _a;
+      (_a = labelFormContentRef.value) == null ? void 0 : _a.handleLabelForm((selectList) => {
+        emit("change", [...selectList]);
+        state.labelSelectedList = selectList;
+        hadleCommonlabels(state.commonLabelList, selectList);
+        handleLabelCancel();
+      });
+    };
+    const handleGetLabelData = async (v, update) => {
+      const {
+        rows,
+        results
+      } = await props.getLabelList(v, {
+        update
+      });
+      const labelList = rows || [];
+      const labelObj = {};
+      const cacheKey = `${v.val_key}_${v.name}`;
+      const selectList = update ? [...state.labelSelectedEdit || []] : [...state.labelSelectedList || []];
+      labelList.forEach((n) => {
+        n.cacheKey = cacheKey;
+        n.isSelect = false;
+        if (labelObj[n.typeName]) {
+          labelObj[n.typeName].itemList.push({
+            ...n
+          });
+        } else {
+          labelObj[n.typeName] = {
+            itemList: [{
+              ...n
+            }],
+            showAdd: false,
+            addVal: "",
+            typeName: n.typeName,
+            typeId: n.typeId
+          };
+        }
+      });
+      if (!!results) {
+        v.labelObj = labelObj;
+        v.labelList = labelList;
+      }
+      update && (state.labelSelectedEdit = selectList);
+      state.editLabelItem = v;
+      setLabelTypeStatus(results);
+    };
+    const setLabelTypeStatus = (results) => {
+      if (!results)
+        return false;
+      let keys = Object.keys(results);
+      let multipleChoiceConfig = {};
+      let choiceTypes = (results.typeList || []).reduce((obj, item) => {
+        multipleChoiceConfig[item.typeId] = item.multipleChoice;
+        obj[item.typeName] = {
+          multipleChoice: item.multipleChoice,
+          parentColor: item.parentColor,
+          allowCreateByPersonal: item.allowCreateByPersonal
+        };
+        return obj;
+      }, {});
+      if (props.explicit) {
+        state.multipleChoiceConfig = multipleChoiceConfig;
+      }
+      keys.forEach((key) => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (key === "typeList")
+          return;
+        if (key === "emptyTypes") {
+          results[key].forEach((item) => {
+            state.editLabelItem.labelObj[item.typeName] = {
+              ...{
+                addVal: "",
+                showAdd: false,
+                itemList: [],
+                typeId: item.typeId,
+                typeName: item.typeName,
+                allowCreateByPersonal: item.allowCreateByPersonal
+              },
+              ...choiceTypes[item.typeName] || {}
+            };
+          });
+          return;
+        }
+        if (vexutils.isPlainObject(results[key])) {
+          if (!state.editLabelItem.labelObj[key]) {
+            state.editLabelItem.labelObj[key] = {
+              ...{
+                addVal: "",
+                showAdd: false,
+                itemList: false,
+                typeId: "",
+                typeName: key,
+                allowCreateByPersonal: (_a = choiceTypes[key]) == null ? void 0 : _a.allowCreateByPersonal
+              },
+              ...choiceTypes[key] || {}
+            };
+          } else {
+            state.editLabelItem.labelObj[key].isNoAdd = true;
+            state.editLabelItem.labelObj[key].multipleChoice = (_b = choiceTypes[key]) == null ? void 0 : _b.multipleChoice;
+            state.editLabelItem.labelObj[key].allowCreateByPersonal = (_c = choiceTypes[key]) == null ? void 0 : _c.allowCreateByPersonal;
+            state.editLabelItem.labelObj[key].parentColor = (_d = choiceTypes[key]) == null ? void 0 : _d.parentColor;
+          }
+        } else {
+          state.editLabelItem.labelObj[key].multipleChoice = (_e = choiceTypes[key]) == null ? void 0 : _e.multipleChoice;
+          state.editLabelItem.labelObj[key].allowCreateByPersonal = (_f = choiceTypes[key]) == null ? void 0 : _f.allowCreateByPersonal;
+          state.editLabelItem.labelObj[key].parentColor = (_g = choiceTypes[key]) == null ? void 0 : _g.parentColor;
+        }
+      });
+    };
+    const updateLabelData = () => {
+      handleGetLabelData(props.item, true);
+    };
+    const explicitOnChange = () => {
+      handleSaveLabel();
+    };
+    const hanldeSetLabelItem = (id, state2) => {
+      if (props.explicit) {
+        nextTick(() => {
+          var _a;
+          (_a = labelFormContentRef.value) == null ? void 0 : _a.hanldeSetLabelItem(id, state2);
+        });
+      }
+    };
+    const handleGetMultipleChoiceConfig = async (v) => {
+      const {
+        rows,
+        results
+      } = await props.getLabelList(v);
+      if (!results)
+        return false;
+      let multipleChoiceConfig = (results.typeList || []).reduce((obj, item) => {
+        obj[item.typeId] = item.multipleChoice;
+        return obj;
+      }, {});
+      state.multipleChoiceConfig = multipleChoiceConfig;
+    };
+    onMounted(() => {
+      if (props.explicit) {
+        handleEditLabel();
+      } else {
+        handleGetMultipleChoiceConfig(props.item);
+      }
+    });
+    watch(() => props.selectedList, (val) => {
+      if (val) {
+        let v = Array.isArray(val) ? val : [];
+        state.labelSelectedList = JSON.parse(JSON.stringify(v));
+        hadleCommonlabels(state.commonLabelList, state.labelSelectedList);
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    watch(() => {
+      var _a;
+      return (_a = props.item) == null ? void 0 : _a.label_type;
+    }, (val) => {
+      if (!val || props.sourceType != "form")
+        return;
+      getCommonlabelsList(val);
+    }, {
+      immediate: true,
+      deep: true
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", _hoisted_1, [createVNode(unref(NSpace), {
+        align: "center"
+      }, {
+        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(state.labelSelectedList, (v) => {
+          return openBlock(), createBlock(unref(NTag), {
+            bordered: false,
+            key: v.labelId,
+            style: normalizeStyle(unref(handleLabelColor)(v, true)),
+            closable: unref(item_is_edit),
+            onClose: ($event) => closeTag(v),
+            size: "small"
+          }, {
+            default: withCtx(() => [createTextVNode(toDisplayString(v.labelName), 1)]),
+            _: 2
+          }, 1032, ["style", "closable", "onClose"]);
+        }), 128)), !__props.explicit ? withDirectives((openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(["form-add-icon form-add-icon-label", {
+            disable: __props.isLock
+          }]),
+          onClick: handleEditLabel
+        }, [createVNode(unref(NIcon), {
+          class: "add-icon",
+          component: unref(AddCircleOutline)
+        }, null, 8, ["component"]), _hoisted_2], 2)), [[vShow, unref(item_is_edit)]]) : createCommentVNode("v-if", true)]),
+        _: 1
+      }), __props.sourceType == "form" && state.commonLabelList.length && unref(item_is_edit) && !__props.explicit ? (openBlock(), createBlock(unref(NSpace), {
+        key: 0,
+        align: "center",
+        class: "common-label"
+      }, {
+        default: withCtx(() => [_hoisted_3, (openBlock(true), createElementBlock(Fragment, null, renderList(state.commonLabelList, (item, i) => {
+          return openBlock(), createBlock(unref(NTag), {
+            checkable: "",
+            checked: item.isSelect,
+            "onUpdate:checked": ($event) => updateCommonChecked($event, item),
+            key: i,
+            style: normalizeStyle(unref(handleLabelColor)(item)),
+            size: "small"
+          }, {
+            default: withCtx(() => [createTextVNode(toDisplayString(item.labelName), 1)]),
+            _: 2
+          }, 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, {
+        ref_key: "labelFormContentRef",
+        ref: labelFormContentRef,
+        labelSelectedList: state.labelSelectedList,
+        isChangeWindow: state.isChangeWindow,
+        labelOptions: state.editLabelItem.labelObj,
+        onUpdateLabelData: updateLabelData,
+        onExplicitOnChange: explicitOnChange
+      }), null, 16, ["labelSelectedList", "isChangeWindow", "labelOptions"])])) : createCommentVNode("v-if", true)]), createCommentVNode(" \u5F39\u7A97 "), createVNode(unref(NModal), {
+        preset: "dialog",
+        class: normalizeClass(["label-form-modal-wrap modal-wrap standard-modal standard-modal-white", {
+          "modal-screen": state.isChangeWindow
+        }]),
+        show: state.labelVisible,
+        "onUpdate:show": _cache[0] || (_cache[0] = ($event) => state.labelVisible = $event),
+        onPositiveClick: handleSaveLabel,
+        onNegativeClick: handleLabelCancel,
+        onClose: handleLabelCancel,
+        "mask-closable": false,
+        "close-on-esc": false,
+        "show-icon": false,
+        "negative-text": "\u53D6\u6D88",
+        "positive-text": "\u786E\u5B9A",
+        style: normalizeStyle({
+          width: state.modalWidth
+        }),
+        title: titleRender
+      }, {
+        default: withCtx(() => [createVNode(script$1, mergeProps(_ctx.$attrs, {
+          ref_key: "labelFormContentRef",
+          ref: labelFormContentRef,
+          labelSelectedList: state.labelSelectedList,
+          isChangeWindow: state.isChangeWindow,
+          labelOptions: state.editLabelItem.labelObj,
+          sourceType: __props.sourceType,
+          onUpdateLabelData: updateLabelData
+        }), null, 16, ["labelSelectedList", "isChangeWindow", "labelOptions", "sourceType"])]),
+        _: 1
+      }, 8, ["show", "class", "style"])], 64);
+    };
+  }
+});
+
+export { script as default };

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

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

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

@@ -1 +1,2 @@
-import"./label-classify2.mjs";export{default}from"./label-classify.vue_vue_type_script_setup_true_lang.mjs";
+import './label-classify2.mjs';
+export { default } from './label-classify.vue_vue_type_script_setup_true_lang.mjs';

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

@@ -56,6 +56,7 @@ declare const _default: import("vue").DefineComponent<{
         sourceType?: string | undefined;
     };
     itemList: any;
+    onHandleLabelChange: (value?: any, item?: any, classifyItem?: any) => void;
     NTag: import("vue").DefineComponent<{
         bordered: {
             type: import("vue").PropType<boolean | undefined>;

package/es/packages/select-label/src/components/label-classify.vue_vue_type_script_setup_true_lang.mjs

@@ -1 +1,124 @@
-import{defineComponent as e,ref as l,openBlock as a,createElementBlock as s,createCommentVNode as t,unref as d,Fragment as i,createElementVNode as n,renderList as c,createBlock as o,normalizeStyle as u,normalizeClass as r,withCtx as p,createVNode as y,toDisplayString as f,withDirectives as m,withModifiers as b,vShow as h,createTextVNode as v}from"vue";import{NTag as k,NTooltip as I,NIcon as g,NButton as C,NInput as q}from"naive-ui";import{Close as L,Add as A}from"@vicons/ionicons5";const B={class:"edit-content"},F={key:0,class:"label-disable-wrap"},P=[n("p",{class:"label-disable-title"},"无可选标签",-1),n("p",{class:"label-disable-desc"},"请联系管理员进行标签管理设置",-1)],_={class:"label-content"},w=v(" 标签 ");var U=e({__name:"label-classify",props:{classifyItem:{type:null,required:!1,default:()=>({})},handleLabelChange:{type:Function,required:!1,default:()=>{}},handleLabelColor:{type:Function,required:!1,default:()=>{}},handleDelLabel:{type:Function,required:!1,default:()=>{}},handleAddLabel:{type:Function,required:!1,default:()=>{}},hanldeBlur:{type:Function,required:!1,default:()=>{}},clearaddVal:{type:Function,required:!1,default:()=>{}},isEdit:{type:Boolean,required:!1,default:!1},sourceType:{type:String,required:!1}},setup(e){var v;let U=l((null==(v=e.classifyItem)?void 0:v.itemList)||[]);return(l,v)=>(a(),s("div",B,[t(" disable "),d(U)?(a(),s(i,{key:1},[t("  "),n("div",_,[(a(!0),s(i,null,c(d(U),(l=>(a(),o(d(k),{checkable:"",checked:l.isSelect,"onUpdate:checked":e=>l.isSelect=e,onUpdate:a=>e.handleLabelChange(l,e.classifyItem),key:l.labelId,style:u(e.handleLabelColor(l)),class:r({"sys-label-tag":l.isPublic&&1==l.isPublic})},{default:p((()=>[y(d(I),{placement:"top-start"},{trigger:p((()=>[n("span",null,f(l.labelName),1)])),default:p((()=>[n("span",null,f(l.labelName),1)])),_:2},1024),"guage"!=e.sourceType?m((a(),o(d(g),{key:0,class:"label-close",component:d(L),onClick:b((a=>e.handleDelLabel(l,e.classifyItem)),["stop"])},null,8,["component","onClick"])),[[h,!(l.isPublic&&1==l.isPublic)]]):t("v-if",!0)])),_:2},1032,["checked","onUpdate:checked","onUpdate","style","class"])))),128)),1==e.classifyItem.allowCreateByPersonal?(a(),s(i,{key:0},[e.isEdit&&!e.classifyItem.isNoAdd&&"guage"!=e.sourceType?m((a(),o(d(C),{key:0,dashed:"",class:"label-add",onClick:v[0]||(v[0]=l=>e.handleAddLabel(l,e.classifyItem))},{default:p((()=>[y(d(g),{component:d(A)},null,8,["component"]),w])),_:1},512)),[[h,!e.classifyItem.showAdd]]):t("v-if",!0),t(" 是否允许新增个人标签 allowCreateByPersonal "),e.isEdit&&!e.classifyItem.isNoAdd&&"guage"!=e.sourceType?m((a(),o(d(q),{key:1,class:"label-add add-input",value:e.classifyItem.addVal,"onUpdate:value":v[2]||(v[2]=l=>e.classifyItem.addVal=l),valueModifiers:{trim:!0},onBlur:v[3]||(v[3]=l=>e.hanldeBlur(l,e.classifyItem))},{suffix:p((()=>[y(d(g),{component:d(L),onClick:v[1]||(v[1]=b((l=>e.clearaddVal(l,e.classifyItem)),["stop"]))},null,8,["component"])])),_:1},8,["value"])),[[h,e.classifyItem.showAdd]]):t("v-if",!0)],64)):t("v-if",!0)])],2112)):(a(),s("div",F,P))]))}});export{U as default};
+import { defineComponent, ref, 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';
+
+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 ");
+var script = /* @__PURE__ */ defineComponent({
+  __name: "label-classify",
+  props: {
+    classifyItem: { type: null, required: false, default: () => ({}) },
+    handleLabelChange: { type: Function, required: false, default: () => {
+    } },
+    handleLabelColor: { type: Function, required: false, default: () => {
+    } },
+    handleDelLabel: { type: Function, required: false, default: () => {
+    } },
+    handleAddLabel: { type: Function, required: false, default: () => {
+    } },
+    hanldeBlur: { type: Function, required: false, default: () => {
+    } },
+    clearaddVal: { type: Function, required: false, default: () => {
+    } },
+    isEdit: { type: Boolean, required: false, default: false },
+    sourceType: { type: String, required: false }
+  },
+  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);
+    };
+    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))
+      ]);
+    };
+  }
+});
+
+export { script as default };

package/es/packages/select-label/src/components/label-classify2.mjs

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

package/es/packages/select-label/style/index.css

@@ -34,12 +34,23 @@
   text-align: center;
 }
 .c-select-label .n-tag {
+  max-width: 108px;
   margin: 0 8px 0 0;
   border: 1px solid #e0e0e6;
 }
 .c-select-label .n-tag .n-base-icon {
   color: #fff;
 }
+.c-select-label .n-tag .n-tag__content {
+  display: inline-block;
+  align-items: center;
+  max-width: 80px;
+  height: 100%;
+  line-height: 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .c-label-form-content {
   width: 100%;
   height: 100%;

package/es/packages/select-label/style/index.less

@@ -6,7 +6,7 @@
     display: flex;
     align-items: center;
     flex-direction: column;
-  
+
     .label-disable-img {
       width: 320px;
       height: 248px;
@@ -36,11 +36,22 @@
     text-align: center;
   }
   .n-tag {
+    max-width: 108px;
     margin: 0 8px 0 0;
     border: 1px solid rgb(224, 224, 230);
     .n-base-icon {
       color: #fff;
     }
+    .n-tag__content {
+      display: inline-block;
+      align-items: center;
+      max-width: 80px;
+      height: 100%;
+      line-height: 20px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
   }
 }
 
@@ -137,4 +148,4 @@
       }
     }
   }
-}
+}