@cldemo/ui-kit 1.1.2 → 1.1.4

package/buildLibs/utils/Web/ClSelectTag.cjs

@@ -1 +1 @@
-"use strict";const e=require("../Shared/Index.vue_vue_type_script_setup_true_lang-_jJNPocq.js");module.exports=e._sfc_main;
+"use strict";const e=require("../Shared/Index.vue_vue_type_script_setup_true_lang-5itnjwU_.js");module.exports=e._sfc_main;

package/buildLibs/utils/Web/ClSelectTag.js

@@ -1,7 +1,7 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Common/Input-base.css';
 import '../../styles/Web/ClSelectTag.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-CUq-x89X.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-0S6ab-Lp.js";
 export {
   f as default
 };

package/buildLibs/utils/Web/ClSelectTree.cjs

@@ -1 +1 @@
-"use strict";const r=require("vue"),s=require("../Shared/base-DbuX_Y3x.js"),b=require("../Shared/index-rFJmbgyH.js"),Z=require("../Shared/Index.vue_vue_type_script_setup_true_lang-KKIG3pkE.js"),ee=require("../Shared/List.vue_vue_type_script_setup_true_lang-G2klceWn.js"),te=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DfHi5Zuv.js"),ne=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DuZNkaR0.js");;/* empty css                            */const re=["id"],ae={key:0,class:"selectTree-inText-num"},se={class:"selectTree-inDropdown-container"},oe={class:"selectTree-inDropdown-search"},ie={class:"selectTree-inDropdown-body"},le=r.defineComponent({name:"ClSelectTree",__name:"Index",props:{id:String,value:[String,Number],className:String,disabled:{type:Boolean,default:!1},list:{type:Array,default:()=>[]},placeholder:String,classDropDown:String,multiple:{type:Boolean,default:!1},isClear:{type:Boolean,default:!1},arrowDirection:{type:String,default:"right"},searchPlaceholder:String,searchKey:{type:Array,default:()=>["name"]},searchKeyType:{type:String,default:"||",validator:i=>["||","&&"].includes(i)},showTextFormat:String,showDropDownTextFormat:String,isSingleSelectParent:{type:Boolean,default:!1},isOutMerge:{type:Boolean,default:!0},parentKey:{type:String,default:"parentId"},topParentValue:{type:String,default:"0"},onOpenBefore:Function,highlightMode:{type:String,default:"full"},highlightColor:{type:String,default:""},isPlaintext:{type:Boolean,default:!1},plaintextSeparator:{type:String,default:","},plaintextLevelSeparator:{type:String,default:" > "},appendContainer:{type:String,default:""}},emits:{"update:value":i=>!0,"update:modelValue":i=>!0,onChange:(i,v)=>!0,onInit:()=>!0,onOpen:i=>!0},setup(i,{expose:v,emit:k}){const o=i,h=k,L=o.id,S=r.useTemplateRef("refElDropdownLayer"),y=r.useTemplateRef("refElList"),n=r.reactive({isOpen:!1,isFirstDataFinish:!1,selectIds:"",selectLabel:[],filterList:[],searchOpenParentIds:"",searchFoldParentIds:"",searchKeyword:""}),d={prevSelectIds:[],originalList:[],dataJson:{}},F=r.computed(()=>{let e={"panel-select-tree":!0};return e=s.CommonBase.getJsonMerge(e,b.CommonElement.getClassNameJson(o.className)),s.CommonBase.getStringByJson(e," ")}),K=r.computed(()=>{let e={"selectTree-inDropdown":!0};return e=s.CommonBase.getJsonMerge(e,b.CommonElement.getClassNameJson(o.classDropDown)),s.CommonBase.getStringByJson(e," ")}),A=e=>{h("update:value",e),h("update:modelValue",e)},M=(e,t)=>{A(e),h("onChange",e,t)},N=()=>{r.nextTick(()=>{h("onInit")})},J=e=>{r.nextTick(()=>{h("onOpen",e)})},x=()=>{if(!n.isOpen){const e=n.selectIds,t=e.split(",");if(!s.CommonBase.isEqualArr(t,d.prevSelectIds)){d.prevSelectIds=t;const l=y.value?y.value.getValueData():[];M(e,l)}}},P=e=>{const t=o.showTextFormat;let a="";return s.CommonBase.isNonEmptyString(t)?a=t.replace(/\$\{(\w+)\}/g,(l,u)=>s.CommonBase.isString(e?.[u])?e[u]:l):a=s.CommonBase.isString(e?.name)?e.name:"",s.CommonBase.encodeHTML(a)},B=e=>s.CommonBase.isEmpty(e)?[]:e.split(",").map(t=>{const a=d.dataJson[t];return a?P(a):s.CommonBase.encodeHTML(t)}),q=e=>{const t=[],a=new Set;let l=e;for(;s.CommonBase.isNonEmptyString(l)&&!a.has(l);){a.add(l);const u=d.dataJson[l];if(!u)break;s.CommonBase.isNonEmptyString(u.name)&&t.unshift(u.name);const f=u[o.parentKey],g=f!=null?String(f):"";if(g===""||g===String(o.topParentValue))break;l=g}return t},j=r.computed(()=>{o.list;const e=s.CommonBase.isString(n.selectIds)?n.selectIds:"";if(s.CommonBase.isEmpty(e))return"";const t=s.CommonBase.isString(o.plaintextLevelSeparator)?o.plaintextLevelSeparator:" > ",a=s.CommonBase.isString(o.plaintextSeparator)?o.plaintextSeparator:",";return e.split(",").map(l=>{const u=q(l);return s.CommonBase.removeHTMLTags(u.length>0?u.join(t):l)}).join(a)}),U=e=>Array.isArray(e)?e.filter(t=>{if(!t)return!1;const a=!s.CommonBase.isUndefined(t.id)&&t.id!==null,l=!s.CommonBase.isEmpty(t[o.parentKey]);return a&&l}):[],_=e=>e===null?"":s.CommonBase.isString(e)||s.CommonBase.isFinite(e)?String(e):"",H=e=>{const t={};return Array.isArray(e)&&e.forEach(a=>{a&&!s.CommonBase.isUndefined(a.id)&&a.id!==null&&(t[String(a.id)]=a)}),t},$=()=>{const e=_(o.value);n.selectIds!==e&&(n.selectIds=e,n.selectLabel=B(e),d.prevSelectIds=e.split(","))},w=(e,t)=>{const a=[];return t===void 0&&(t=new Set),t.has(e)||(t.add(e),d.originalList.forEach(l=>{if(!l)return;const u=l[o.parentKey];s.CommonBase.isUndefined(u)||String(u)===o.topParentValue||String(u)===String(e)&&(a.push(String(l.id)),a.push(...w(String(l.id),t)))})),a},R=(e,t)=>{if(s.CommonBase.isEmpty(t))return n.searchOpenParentIds="",n.searchFoldParentIds="",e;const a=Array.isArray(o.searchKey)?o.searchKey.filter(c=>s.CommonBase.isString(c)):[];if(a.length===0)return n.searchOpenParentIds="",n.searchFoldParentIds="",e;const l=o.searchKeyType==="&&",u=e.filter(c=>{if(!c)return!1;const p=a.map(m=>{const C=c?.[m];return s.CommonBase.isString(C)?C.includes(t):!1});return l?p.every(Boolean):p.some(Boolean)});if(u.length===0)return n.searchOpenParentIds="",n.searchFoldParentIds="",e;const f={};e.forEach(c=>{c&&(f[String(c.id)]=c)});const g=new Set,I=new Set,O=c=>{const p=f[String(c)];if(!p)return;const m=p[o.parentKey];!s.CommonBase.isUndefined(m)&&String(m)!==o.topParentValue&&(g.add(String(m)),I.add(String(m)),O(String(m)))};u.forEach(c=>{const p=String(c.id);g.add(p),O(p),w(p).forEach(m=>g.add(m))});const E=e.filter(c=>c&&g.has(String(c.id)));n.searchOpenParentIds=Array.from(I).join(",");const T=new Set;return E.forEach(c=>{if(!c)return;const p=String(c.id);if(I.has(p))return;d.originalList.some(C=>{if(!C)return!1;const V=C[o.parentKey];return!s.CommonBase.isUndefined(V)&&String(V)===p})&&T.add(p)}),n.searchFoldParentIds=Array.from(T).join(","),E},D=()=>{n.isFirstDataFinish||(n.isFirstDataFinish=!0,N())},z=()=>{s.CommonBase.isEmpty(o.list)||D()};r.onMounted(()=>{r.nextTick(()=>{z()})}),r.watch([()=>o.value,()=>o.list],([e,t],[a,l])=>{t!==l&&(d.originalList=U(o.list),d.dataJson=H(d.originalList),n.filterList=d.originalList,n.selectLabel=B(n.selectIds),d.originalList.length>0&&D()),e!==a&&$()},{immediate:!0});const G=e=>{o.disabled||(n.isOpen=e,e?(d.prevSelectIds=n.selectIds.split(","),n.filterList=d.originalList):(n.searchKeyword="",n.searchOpenParentIds="",n.searchFoldParentIds="",x()),J(e))},Q=()=>{o.disabled||(n.selectIds="",n.selectLabel=[],d.prevSelectIds=[],x())},W=()=>{S.value&&(S.value.checkIsShowOpen()||S.value.initCompleteOpen())},X=e=>{const t=s.CommonBase.isString(e)?e:"";n.searchKeyword=t,n.filterList=R(d.originalList,t)},Y=(e,t)=>{const a=Array.isArray(t)?t:[];n.selectLabel=a.map(l=>P(l)),o.multiple||S.value?.setOpen(!1)};return v({getValue:()=>n.selectIds,getValueData:()=>y.value?y.value.getValueData():[],setValue:e=>{const t=_(e);n.selectIds=t,n.selectLabel=B(t),d.prevSelectIds=t.split(",")}}),(e,t)=>i.isPlaintext?(r.openBlock(),r.createElementBlock("div",{key:0,id:r.unref(L),class:"cl-plaintext-value"},r.toDisplayString(j.value),9,re)):(r.openBlock(),r.createBlock(ee._sfc_main,{key:1,ref_key:"refElDropdownLayer",ref:S,id:r.unref(L),classParent:F.value,classText:"selectTree-inText",classDropDown:K.value,placeholder:i.placeholder,isDisabled:i.disabled,isClear:i.isClear,textLabel:n.selectLabel.join(","),textArrowDirection:i.arrowDirection,appendContainer:i.appendContainer,onOpenBeforeCallback:i.onOpenBefore,onOnChangeOpen:G,onOnClear:Q},{textExtend:r.withCtx(()=>[i.multiple?(r.openBlock(),r.createElementBlock("span",ae,[i.multiple&&n.selectLabel.length>1?(r.openBlock(),r.createBlock(Z._sfc_main,{key:0,num:n.selectLabel.length},null,8,["num"])):(r.openBlock(),r.createElementBlock(r.Fragment,{key:1},[],64))])):(r.openBlock(),r.createElementBlock(r.Fragment,{key:1},[],64))]),dropdown:r.withCtx(()=>[r.createElementVNode("div",se,[r.createElementVNode("div",oe,[r.createVNode(te._sfc_main,{placeholder:i.searchPlaceholder,onOnChange:X},null,8,["placeholder"])]),r.createElementVNode("div",ie,[r.createVNode(ne._sfc_main,{ref_key:"refElList",ref:y,list:n.filterList,value:n.selectIds,"onUpdate:value":t[0]||(t[0]=a=>n.selectIds=a),multiple:i.multiple,textFormat:i.showDropDownTextFormat,isSingleSelectParent:i.isSingleSelectParent,isOutMerge:i.isOutMerge,parentKey:i.parentKey,topParentValue:i.topParentValue,searchOpenParentIds:n.searchOpenParentIds,searchFoldParentIds:n.searchFoldParentIds,searchKeyword:n.searchKeyword,highlightMode:i.highlightMode,highlightColor:i.highlightColor,onOnChange:Y,onOnInit:W},null,8,["list","value","multiple","textFormat","isSingleSelectParent","isOutMerge","parentKey","topParentValue","searchOpenParentIds","searchFoldParentIds","searchKeyword","highlightMode","highlightColor"])])])]),_:1},8,["id","classParent","classDropDown","placeholder","isDisabled","isClear","textLabel","textArrowDirection","appendContainer","onOpenBeforeCallback"]))}});module.exports=le;
+"use strict";const r=require("vue"),s=require("@cldemo/ui-kit/common/base"),b=require("@cldemo/ui-kit/common/Element"),ee=require("@cldemo/ui-kit/common/globalConfig"),te=require("../Shared/Index.vue_vue_type_script_setup_true_lang-BPTL5eCB.js"),ne=require("../Shared/List.vue_vue_type_script_setup_true_lang-CFCST05R.js"),re=require("../Shared/Index.vue_vue_type_script_setup_true_lang-qqnmaRnk.js"),ae=require("../Shared/Index.vue_vue_type_script_setup_true_lang-BN9ybiKv.js");;/* empty css                            */const se=["id"],ie={key:0,class:"selectTree-inText-num"},le={class:"selectTree-inDropdown-container"},oe={class:"selectTree-inDropdown-search"},ce={class:"selectTree-inDropdown-body"},de=r.defineComponent({name:"ClSelectTree",__name:"Index",props:{id:String,value:[String,Number],className:String,disabled:{type:Boolean,default:!1},list:{type:Array,default:()=>[]},placeholder:String,classDropDown:String,multiple:{type:Boolean,default:!1},isClear:{type:Boolean,default:!1},arrowDirection:{type:String,default:"right"},searchPlaceholder:String,searchKey:{type:Array,default:()=>["name"]},searchKeyType:{type:String,default:"||",validator:l=>["||","&&"].includes(l)},showTextFormat:String,showDropDownTextFormat:String,isSingleSelectParent:{type:Boolean,default:!1},isOutMerge:{type:Boolean,default:!0},parentKey:{type:String,default:"parentId"},topParentValue:{type:String,default:"0"},onOpenBefore:Function,highlightMode:{type:String,default:"full"},highlightColor:{type:String,default:""},isPlaintext:{type:Boolean,default:!1},plaintextEmptyText:{type:String,default:void 0},plaintextSeparator:{type:String,default:","},plaintextLevelSeparator:{type:String,default:" > "},appendContainer:{type:String,default:""}},emits:{"update:value":l=>!0,"update:modelValue":l=>!0,onChange:(l,P)=>!0,onInit:()=>!0,onOpen:l=>!0},setup(l,{expose:P,emit:k}){const i=l,S=k,L=i.id,y=r.useTemplateRef("refElDropdownLayer"),m=r.useTemplateRef("refElList"),n=r.reactive({isOpen:!1,isFirstDataFinish:!1,selectIds:"",selectLabel:[],filterList:[],searchOpenParentIds:"",searchFoldParentIds:"",searchKeyword:""}),d={prevSelectIds:[],originalList:[],dataJson:{}},F=r.computed(()=>{let e={"panel-select-tree":!0};return e=s.getJsonMerge(e,b.getClassNameJson(i.className)),s.getStringByJson(e," ")}),K=r.computed(()=>{let e={"selectTree-inDropdown":!0};return e=s.getJsonMerge(e,b.getClassNameJson(i.classDropDown)),s.getStringByJson(e," ")}),A=e=>{S("update:value",e),S("update:modelValue",e)},M=(e,t)=>{A(e),S("onChange",e,t)},N=()=>{r.nextTick(()=>{S("onInit")})},J=e=>{r.nextTick(()=>{S("onOpen",e)})},C=()=>{if(!n.isOpen){const e=n.selectIds,t=e.split(",");if(!s.isEqualArr(t,d.prevSelectIds)){d.prevSelectIds=t;const o=m.value?m.value.getValueData():[];M(e,o)}}},_=e=>{const t=i.showTextFormat;let a="";return s.isNonEmptyString(t)?a=t.replace(/\$\{(\w+)\}/g,(o,u)=>s.isString(e?.[u])?e[u]:o):a=s.isString(e?.name)?e.name:"",s.encodeHTML(a)},v=e=>s.isEmpty(e)?[]:e.split(",").map(t=>{const a=d.dataJson[t];return a?_(a):s.encodeHTML(t)}),q=e=>{const t=[],a=new Set;let o=e;for(;s.isNonEmptyString(o)&&!a.has(o);){a.add(o);const u=d.dataJson[o];if(!u)break;s.isNonEmptyString(u.name)&&t.unshift(u.name);const h=u[i.parentKey],f=h!=null?String(h):"";if(f===""||f===String(i.topParentValue))break;o=f}return t},j=r.computed(()=>{i.list;const e=s.isString(n.selectIds)?n.selectIds:"";if(s.isEmpty(e))return"";const t=s.isString(i.plaintextLevelSeparator)?i.plaintextLevelSeparator:" > ",a=s.isString(i.plaintextSeparator)?i.plaintextSeparator:",";return e.split(",").map(o=>{const u=q(o);return s.removeHTMLTags(u.length>0?u.join(t):o)}).join(a)}),U=r.computed(()=>ee.getPlaintextOutText("selectTree",i.plaintextEmptyText,j.value,i.value)),H=e=>Array.isArray(e)?e.filter(t=>{if(!t)return!1;const a=!s.isUndefined(t.id)&&t.id!==null,o=!s.isEmpty(t[i.parentKey]);return a&&o}):[],w=e=>e===null?"":s.isString(e)||s.isFinite(e)?String(e):"",$=e=>{const t={};return Array.isArray(e)&&e.forEach(a=>{a&&!s.isUndefined(a.id)&&a.id!==null&&(t[String(a.id)]=a)}),t},R=()=>{const e=w(i.value);n.selectIds!==e&&(n.selectIds=e,n.selectLabel=v(e),d.prevSelectIds=e.split(","))},D=(e,t)=>{const a=[];return t===void 0&&(t=new Set),t.has(e)||(t.add(e),d.originalList.forEach(o=>{if(!o)return;const u=o[i.parentKey];s.isUndefined(u)||String(u)===i.topParentValue||String(u)===String(e)&&(a.push(String(o.id)),a.push(...D(String(o.id),t)))})),a},z=(e,t)=>{if(s.isEmpty(t))return n.searchOpenParentIds="",n.searchFoldParentIds="",e;const a=Array.isArray(i.searchKey)?i.searchKey.filter(c=>s.isString(c)):[];if(a.length===0)return n.searchOpenParentIds="",n.searchFoldParentIds="",e;const o=i.searchKeyType==="&&",u=e.filter(c=>{if(!c)return!1;const p=a.map(g=>{const I=c?.[g];return s.isString(I)?I.includes(t):!1});return o?p.every(Boolean):p.some(Boolean)});if(u.length===0)return n.searchOpenParentIds="",n.searchFoldParentIds="",e;const h={};e.forEach(c=>{c&&(h[String(c.id)]=c)});const f=new Set,x=new Set,T=c=>{const p=h[String(c)];if(!p)return;const g=p[i.parentKey];!s.isUndefined(g)&&String(g)!==i.topParentValue&&(f.add(String(g)),x.add(String(g)),T(String(g)))};u.forEach(c=>{const p=String(c.id);f.add(p),T(p),D(p).forEach(g=>f.add(g))});const E=e.filter(c=>c&&f.has(String(c.id)));n.searchOpenParentIds=Array.from(x).join(",");const B=new Set;return E.forEach(c=>{if(!c)return;const p=String(c.id);if(x.has(p))return;d.originalList.some(I=>{if(!I)return!1;const V=I[i.parentKey];return!s.isUndefined(V)&&String(V)===p})&&B.add(p)}),n.searchFoldParentIds=Array.from(B).join(","),E},O=()=>{n.isFirstDataFinish||(n.isFirstDataFinish=!0,N())},G=()=>{s.isEmpty(i.list)||O()};r.onMounted(()=>{r.nextTick(()=>{G()})}),r.watch([()=>i.value,()=>i.list],([e,t],[a,o])=>{t!==o&&(d.originalList=H(i.list),d.dataJson=$(d.originalList),n.filterList=d.originalList,n.selectLabel=v(n.selectIds),d.originalList.length>0&&O()),e!==a&&R()},{immediate:!0});const Q=e=>{i.disabled||(n.isOpen=e,e?(d.prevSelectIds=n.selectIds.split(","),n.filterList=d.originalList):(n.searchKeyword="",n.searchOpenParentIds="",n.searchFoldParentIds="",C()),J(e))},W=()=>{i.disabled||(n.selectIds="",n.selectLabel=[],d.prevSelectIds=[],C())},X=()=>{y.value&&(y.value.checkIsShowOpen()||y.value.initCompleteOpen())},Y=e=>{const t=s.isString(e)?e:"";n.searchKeyword=t,n.filterList=z(d.originalList,t)},Z=(e,t)=>{const a=Array.isArray(t)?t:[];n.selectLabel=a.map(o=>_(o)),i.multiple||y.value?.setOpen(!1)};return P({getValue:()=>n.selectIds,getValueData:()=>m.value?m.value.getValueData():[],setValue:e=>{const t=w(e);n.selectIds=t,n.selectLabel=v(t),d.prevSelectIds=t.split(",")}}),(e,t)=>l.isPlaintext?(r.openBlock(),r.createElementBlock("div",{key:0,id:r.unref(L),class:"cl-plaintext-value"},r.toDisplayString(U.value),9,se)):(r.openBlock(),r.createBlock(ne._sfc_main,{key:1,ref_key:"refElDropdownLayer",ref:y,id:r.unref(L),classParent:F.value,classText:"selectTree-inText",classDropDown:K.value,placeholder:l.placeholder,isDisabled:l.disabled,isClear:l.isClear,textLabel:n.selectLabel.join(","),textArrowDirection:l.arrowDirection,appendContainer:l.appendContainer,onOpenBeforeCallback:l.onOpenBefore,onOnChangeOpen:Q,onOnClear:W},{textExtend:r.withCtx(()=>[l.multiple?(r.openBlock(),r.createElementBlock("span",ie,[l.multiple&&n.selectLabel.length>1?(r.openBlock(),r.createBlock(te._sfc_main,{key:0,num:n.selectLabel.length},null,8,["num"])):(r.openBlock(),r.createElementBlock(r.Fragment,{key:1},[],64))])):(r.openBlock(),r.createElementBlock(r.Fragment,{key:1},[],64))]),dropdown:r.withCtx(()=>[r.createElementVNode("div",le,[r.createElementVNode("div",oe,[r.createVNode(re._sfc_main,{placeholder:l.searchPlaceholder,onOnChange:Y},null,8,["placeholder"])]),r.createElementVNode("div",ce,[r.createVNode(ae._sfc_main,{ref_key:"refElList",ref:m,list:n.filterList,value:n.selectIds,"onUpdate:value":t[0]||(t[0]=a=>n.selectIds=a),multiple:l.multiple,textFormat:l.showDropDownTextFormat,isSingleSelectParent:l.isSingleSelectParent,isOutMerge:l.isOutMerge,parentKey:l.parentKey,topParentValue:l.topParentValue,searchOpenParentIds:n.searchOpenParentIds,searchFoldParentIds:n.searchFoldParentIds,searchKeyword:n.searchKeyword,highlightMode:l.highlightMode,highlightColor:l.highlightColor,onOnChange:Z,onOnInit:X},null,8,["list","value","multiple","textFormat","isSingleSelectParent","isOutMerge","parentKey","topParentValue","searchOpenParentIds","searchFoldParentIds","searchKeyword","highlightMode","highlightColor"])])])]),_:1},8,["id","classParent","classDropDown","placeholder","isDisabled","isClear","textLabel","textArrowDirection","appendContainer","onOpenBeforeCallback"]))}});module.exports=de;

package/buildLibs/utils/Web/ClSelectTree.js

@@ -2,18 +2,19 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/Input-base.css';
 import '../../styles/Web/ClSelectTree.css';
-import { defineComponent as ce, useTemplateRef as M, reactive as de, computed as w, onMounted as ue, nextTick as D, watch as pe, openBlock as h, createElementBlock as C, unref as _, toDisplayString as fe, createBlock as N, withCtx as J, createElementVNode as v, createVNode as j, Fragment as U } from "vue";
-import { C as a } from "../Shared/base-fr2I80sU.js";
-import { C as $ } from "../Shared/index-B477PjJ3.js";
-import { _ as ge } from "../Shared/Index.vue_vue_type_script_setup_true_lang-vm_cblnn.js";
-import { _ as he } from "../Shared/List.vue_vue_type_script_setup_true_lang-0EtOdp73.js";
-import { _ as Se } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BPu2Wq9y.js";
-import { _ as me } from "../Shared/Index.vue_vue_type_script_setup_true_lang-B2xxe-gj.js";
+import { defineComponent as de, useTemplateRef as M, reactive as ue, computed as P, onMounted as pe, nextTick as w, watch as fe, openBlock as h, createElementBlock as x, unref as _, toDisplayString as ge, createBlock as N, withCtx as J, createElementVNode as C, createVNode as j, Fragment as U } from "vue";
+import a from "@cldemo/ui-kit/common/base";
+import $ from "@cldemo/ui-kit/common/Element";
+import { getPlaintextOutText as he } from "@cldemo/ui-kit/common/globalConfig";
+import { _ as Se } from "../Shared/Index.vue_vue_type_script_setup_true_lang-cOsTL39H.js";
+import { _ as me } from "../Shared/List.vue_vue_type_script_setup_true_lang-CRkZfB8a.js";
+import { _ as ye } from "../Shared/Index.vue_vue_type_script_setup_true_lang-VjIva6RM.js";
+import { _ as Ie } from "../Shared/Index.vue_vue_type_script_setup_true_lang-2Fe9SkjL.js";
 /* empty css                           */
-const ye = ["id"], Ie = {
+const Pe = ["id"], xe = {
   key: 0,
   class: "selectTree-inText-num"
-}, Ce = { class: "selectTree-inDropdown-container" }, Le = { class: "selectTree-inDropdown-search" }, Pe = { class: "selectTree-inDropdown-body" }, Be = /* @__PURE__ */ ce({
+}, ve = { class: "selectTree-inDropdown-container" }, Le = { class: "selectTree-inDropdown-search" }, we = { class: "selectTree-inDropdown-body" }, Me = /* @__PURE__ */ de({
   name: "ClSelectTree",
   __name: "Index",
   props: {
@@ -106,6 +107,11 @@ const ye = ["id"], Ie = {
       default: !1
       // desc: 是否纯文本只读模式，只渲染选中项层级文本不挂载下拉面板
     },
+    plaintextEmptyText: {
+      type: String,
+      default: void 0
+      // desc: 纯文本只读模式下值为空时的显示文本（默认 "-"，显式传空串则显示空白；未显式传时依次读取组件配置段与 plaintextGlobal 段）
+    },
     plaintextSeparator: {
       type: String,
       default: ","
@@ -127,15 +133,15 @@ const ye = ["id"], Ie = {
     // desc: v-model 绑定值更新时触发
     "update:modelValue": (i) => !0,
     // desc: 标准 v-model 支持（等价 update:value）
-    onChange: (i, O) => !0,
+    onChange: (i, D) => !0,
     // desc: 选中值变化时触发
     onInit: () => !0,
     // desc: 数据初始化完成时触发
     onOpen: (i) => !0
     // desc: 下拉面板开合状态变化时触发
   },
-  setup(i, { expose: O, emit: H }) {
-    const s = i, S = H, x = s.id, m = M("refElDropdownLayer"), y = M("refElList"), n = de({
+  setup(i, { expose: D, emit: H }) {
+    const s = i, S = H, O = s.id, m = M("refElDropdownLayer"), y = M("refElList"), n = ue({
       isOpen: !1,
       isFirstDataFinish: !1,
       selectIds: "",
@@ -148,10 +154,10 @@ const ye = ["id"], Ie = {
       prevSelectIds: [],
       originalList: [],
       dataJson: {}
-    }, q = w(() => {
+    }, q = P(() => {
       let e = { "panel-select-tree": !0 };
       return e = a.getJsonMerge(e, $.getClassNameJson(s.className)), a.getStringByJson(e, " ");
-    }), z = w(() => {
+    }), z = P(() => {
       let e = { "selectTree-inDropdown": !0 };
       return e = a.getJsonMerge(e, $.getClassNameJson(s.classDropDown)), a.getStringByJson(e, " ");
     }), R = (e) => {
@@ -159,11 +165,11 @@ const ye = ["id"], Ie = {
     }, G = (e, t) => {
       R(e), S("onChange", e, t);
     }, Q = () => {
-      D(() => {
+      w(() => {
         S("onInit");
       });
     }, W = (e) => {
-      D(() => {
+      w(() => {
         S("onOpen", e);
       });
     }, T = () => {
@@ -179,7 +185,7 @@ const ye = ["id"], Ie = {
       const t = s.showTextFormat;
       let r = "";
       return a.isNonEmptyString(t) ? r = t.replace(/\$\{(\w+)\}/g, (l, d) => a.isString(e?.[d]) ? e[d] : l) : r = a.isString(e?.name) ? e.name : "", a.encodeHTML(r);
-    }, L = (e) => a.isEmpty(e) ? [] : e.split(",").map((t) => {
+    }, v = (e) => a.isEmpty(e) ? [] : e.split(",").map((t) => {
       const r = c.dataJson[t];
       return r ? b(r) : a.encodeHTML(t);
     }), X = (e) => {
@@ -195,7 +201,7 @@ const ye = ["id"], Ie = {
         l = f;
       }
       return t;
-    }, Y = w(() => {
+    }, Y = P(() => {
       s.list;
       const e = a.isString(n.selectIds) ? n.selectIds : "";
       if (a.isEmpty(e))
@@ -205,28 +211,30 @@ const ye = ["id"], Ie = {
         const d = X(l);
         return a.removeHTMLTags(d.length > 0 ? d.join(t) : l);
       }).join(r);
-    }), Z = (e) => Array.isArray(e) ? e.filter((t) => {
+    }), Z = P(
+      () => he("selectTree", s.plaintextEmptyText, Y.value, s.value)
+    ), ee = (e) => Array.isArray(e) ? e.filter((t) => {
       if (!t)
         return !1;
       const r = !a.isUndefined(t.id) && t.id !== null, l = !a.isEmpty(t[s.parentKey]);
       return r && l;
-    }) : [], V = (e) => e === null ? "" : a.isString(e) || a.isFinite(e) ? String(e) : "", ee = (e) => {
+    }) : [], E = (e) => e === null ? "" : a.isString(e) || a.isFinite(e) ? String(e) : "", te = (e) => {
       const t = {};
       return Array.isArray(e) && e.forEach((r) => {
         r && !a.isUndefined(r.id) && r.id !== null && (t[String(r.id)] = r);
       }), t;
-    }, te = () => {
-      const e = V(s.value);
-      n.selectIds !== e && (n.selectIds = e, n.selectLabel = L(e), c.prevSelectIds = e.split(","));
-    }, E = (e, t) => {
+    }, ne = () => {
+      const e = E(s.value);
+      n.selectIds !== e && (n.selectIds = e, n.selectLabel = v(e), c.prevSelectIds = e.split(","));
+    }, V = (e, t) => {
       const r = [];
       return t === void 0 && (t = /* @__PURE__ */ new Set()), t.has(e) || (t.add(e), c.originalList.forEach((l) => {
         if (!l)
           return;
         const d = l[s.parentKey];
-        a.isUndefined(d) || String(d) === s.topParentValue || String(d) === String(e) && (r.push(String(l.id)), r.push(...E(String(l.id), t)));
+        a.isUndefined(d) || String(d) === s.topParentValue || String(d) === String(e) && (r.push(String(l.id)), r.push(...V(String(l.id), t)));
       })), r;
-    }, ne = (e, t) => {
+    }, re = (e, t) => {
       if (a.isEmpty(t))
         return n.searchOpenParentIds = "", n.searchFoldParentIds = "", e;
       const r = Array.isArray(s.searchKey) ? s.searchKey.filter((o) => a.isString(o)) : [];
@@ -247,25 +255,25 @@ const ye = ["id"], Ie = {
       e.forEach((o) => {
         o && (g[String(o.id)] = o);
       });
-      const f = /* @__PURE__ */ new Set(), P = /* @__PURE__ */ new Set(), K = (o) => {
+      const f = /* @__PURE__ */ new Set(), L = /* @__PURE__ */ new Set(), K = (o) => {
         const u = g[String(o)];
         if (!u)
           return;
         const p = u[s.parentKey];
-        !a.isUndefined(p) && String(p) !== s.topParentValue && (f.add(String(p)), P.add(String(p)), K(String(p)));
+        !a.isUndefined(p) && String(p) !== s.topParentValue && (f.add(String(p)), L.add(String(p)), K(String(p)));
       };
       d.forEach((o) => {
         const u = String(o.id);
-        f.add(u), K(u), E(u).forEach((p) => f.add(p));
+        f.add(u), K(u), V(u).forEach((p) => f.add(p));
       });
       const B = e.filter((o) => o && f.has(String(o.id)));
-      n.searchOpenParentIds = Array.from(P).join(",");
+      n.searchOpenParentIds = Array.from(L).join(",");
       const A = /* @__PURE__ */ new Set();
       return B.forEach((o) => {
         if (!o)
           return;
         const u = String(o.id);
-        if (P.has(u))
+        if (L.has(u))
           return;
         c.originalList.some((I) => {
           if (!I)
@@ -276,49 +284,49 @@ const ye = ["id"], Ie = {
       }), n.searchFoldParentIds = Array.from(A).join(","), B;
     }, F = () => {
       n.isFirstDataFinish || (n.isFirstDataFinish = !0, Q());
-    }, re = () => {
+    }, ae = () => {
       a.isEmpty(s.list) || F();
     };
-    ue(() => {
-      D(() => {
-        re();
+    pe(() => {
+      w(() => {
+        ae();
       });
-    }), pe(
+    }), fe(
       [() => s.value, () => s.list],
       ([e, t], [r, l]) => {
-        t !== l && (c.originalList = Z(s.list), c.dataJson = ee(c.originalList), n.filterList = c.originalList, n.selectLabel = L(n.selectIds), c.originalList.length > 0 && F()), e !== r && te();
+        t !== l && (c.originalList = ee(s.list), c.dataJson = te(c.originalList), n.filterList = c.originalList, n.selectLabel = v(n.selectIds), c.originalList.length > 0 && F()), e !== r && ne();
       },
       { immediate: !0 }
     );
-    const ae = (e) => {
+    const se = (e) => {
       s.disabled || (n.isOpen = e, e ? (c.prevSelectIds = n.selectIds.split(","), n.filterList = c.originalList) : (n.searchKeyword = "", n.searchOpenParentIds = "", n.searchFoldParentIds = "", T()), W(e));
-    }, se = () => {
-      s.disabled || (n.selectIds = "", n.selectLabel = [], c.prevSelectIds = [], T());
     }, ie = () => {
+      s.disabled || (n.selectIds = "", n.selectLabel = [], c.prevSelectIds = [], T());
+    }, le = () => {
       m.value && (m.value.checkIsShowOpen() || m.value.initCompleteOpen());
-    }, le = (e) => {
+    }, oe = (e) => {
       const t = a.isString(e) ? e : "";
-      n.searchKeyword = t, n.filterList = ne(c.originalList, t);
-    }, oe = (e, t) => {
+      n.searchKeyword = t, n.filterList = re(c.originalList, t);
+    }, ce = (e, t) => {
       const r = Array.isArray(t) ? t : [];
       n.selectLabel = r.map((l) => b(l)), s.multiple || m.value?.setOpen(!1);
     };
-    return O({
+    return D({
       getValue: () => n.selectIds,
       getValueData: () => y.value ? y.value.getValueData() : [],
       setValue: (e) => {
-        const t = V(e);
-        n.selectIds = t, n.selectLabel = L(t), c.prevSelectIds = t.split(",");
+        const t = E(e);
+        n.selectIds = t, n.selectLabel = v(t), c.prevSelectIds = t.split(",");
       }
-    }), (e, t) => i.isPlaintext ? (h(), C("div", {
+    }), (e, t) => i.isPlaintext ? (h(), x("div", {
       key: 0,
-      id: _(x),
+      id: _(O),
       class: "cl-plaintext-value"
-    }, fe(Y.value), 9, ye)) : (h(), N(he, {
+    }, ge(Z.value), 9, Pe)) : (h(), N(me, {
       key: 1,
       ref_key: "refElDropdownLayer",
       ref: m,
-      id: _(x),
+      id: _(O),
       classParent: q.value,
       classText: "selectTree-inText",
       classDropDown: z.value,
@@ -329,27 +337,27 @@ const ye = ["id"], Ie = {
       textArrowDirection: i.arrowDirection,
       appendContainer: i.appendContainer,
       onOpenBeforeCallback: i.onOpenBefore,
-      onOnChangeOpen: ae,
-      onOnClear: se
+      onOnChangeOpen: se,
+      onOnClear: ie
     }, {
       textExtend: J(() => [
-        i.multiple ? (h(), C("span", Ie, [
-          i.multiple && n.selectLabel.length > 1 ? (h(), N(ge, {
+        i.multiple ? (h(), x("span", xe, [
+          i.multiple && n.selectLabel.length > 1 ? (h(), N(Se, {
             key: 0,
             num: n.selectLabel.length
-          }, null, 8, ["num"])) : (h(), C(U, { key: 1 }, [], 64))
-        ])) : (h(), C(U, { key: 1 }, [], 64))
+          }, null, 8, ["num"])) : (h(), x(U, { key: 1 }, [], 64))
+        ])) : (h(), x(U, { key: 1 }, [], 64))
       ]),
       dropdown: J(() => [
-        v("div", Ce, [
-          v("div", Le, [
-            j(Se, {
+        C("div", ve, [
+          C("div", Le, [
+            j(ye, {
               placeholder: i.searchPlaceholder,
-              onOnChange: le
+              onOnChange: oe
             }, null, 8, ["placeholder"])
           ]),
-          v("div", Pe, [
-            j(me, {
+          C("div", we, [
+            j(Ie, {
               ref_key: "refElList",
               ref: y,
               list: n.filterList,
@@ -366,8 +374,8 @@ const ye = ["id"], Ie = {
               searchKeyword: n.searchKeyword,
               highlightMode: i.highlightMode,
               highlightColor: i.highlightColor,
-              onOnChange: oe,
-              onOnInit: ie
+              onOnChange: ce,
+              onOnInit: le
             }, null, 8, ["list", "value", "multiple", "textFormat", "isSingleSelectParent", "isOutMerge", "parentKey", "topParentValue", "searchOpenParentIds", "searchFoldParentIds", "searchKeyword", "highlightMode", "highlightColor"])
           ])
         ])
@@ -377,5 +385,5 @@ const ye = ["id"], Ie = {
   }
 });
 export {
-  Be as default
+  Me as default
 };

package/buildLibs/utils/Web/ClSideMenu.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),s=require("../Shared/base-DbuX_Y3x.js"),I=require("../Shared/index-rFJmbgyH.js"),M=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Cl7fkQ6_.js"),P=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DU1H_1lY.js"),b=require("../Shared/SlideUpDown.vue_vue_type_script_setup_true_lang-Cp45S0a9.js");;/* empty css                              */const J={key:0,class:"sideNav-menu-iconOperate"},E=e.defineComponent({name:"ClSideMenuMenu",__name:"Menu",props:{activeId:{type:String,default:""},activePId:{type:Array,default:()=>[]},openId:{type:Array,default:()=>[]},list:{type:Array,default:()=>[]}},emits:{onClick:r=>!0},setup(r,{emit:_}){const p=_,y=`sideMenu-${s.CommonBase.getRandom(5)}`,u=d=>!!(d&&d.list&&d.list.length>0),n=d=>{p("onClick",d)};return(d,v)=>(e.openBlock(),e.createElementBlock("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.list,(a,k)=>(e.openBlock(),e.createElementBlock("li",{key:`${y}-${a.id}-${k}`,class:e.normalizeClass({"sideNav-menu-submenu":u(a),"sideNav-menu-active":!u(a)&&r.activeId===a.id,"sideNav-menu-parent-active":u(a)&&r.activePId.includes(a.id)})},[e.createVNode(M._sfc_main,{"aria-haspopup":u(a)?"true":void 0,"aria-expanded":u(a)?String(r.openId.includes(a.id)):void 0,"aria-current":u(a)?void 0:r.activeId===a.id?"page":void 0,onOnClick:C=>n(a)},{default:e.withCtx(()=>[u(a)?(e.openBlock(),e.createElementBlock("span",J,[e.createVNode(P._sfc_main,{name:"caret-right",class:e.normalizeClass(["icon-rotate",{"rotate-90":r.openId.includes(a.id)}])},null,8,["class"])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("span",null,e.toDisplayString(a.name),1)]),_:2},1032,["aria-haspopup","aria-expanded","aria-current","onOnClick"]),u(a)?(e.openBlock(),e.createBlock(b._sfc_main,{key:0},{default:e.withCtx(()=>[r.openId.includes(a.id)?(e.openBlock(),e.createBlock(E,{key:0,activeId:r.activeId,activePId:r.activePId,openId:r.openId,list:a.list,onOnClick:n},null,8,["activeId","activePId","openId","list"])):e.createCommentVNode("",!0)]),_:2},1024)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],2))),128))]))}}),$=["id"],w={class:"sideNav-wrapper sideNav-wrapper-rowMult"},V=e.defineComponent({name:"ClSideMenu",inheritAttrs:!1,__name:"Index",props:{id:String,className:String,active:String,list:{type:Array,required:!0,default:()=>[]}},emits:{onChangeMenu:r=>!0},setup(r,{emit:_}){const p=r,y=_,u=p.id,n=e.reactive({isMenushrink:!1,menuActive:s.CommonBase.isNonEmptyString(p.active)?p.active:"",menuActiveParent:[],menuOpenPid:[]}),d=e.ref([]),v={menuJson:{}},a=e.computed(()=>{let t={"panel-side-menu":!0};return t=s.CommonBase.getJsonMerge(t,I.CommonElement.getClassNameJson(p.className)),t}),k=t=>{y("onChangeMenu",t)},C=()=>{const t=s.CommonBase.getTreeLastParent(n.menuActive,v.menuJson,!1);let i=[];return t.length>0&&(i=t.map(o=>o.id)),n.menuActiveParent=i,i},f=(t,i,o,g=0)=>{g>50||t.forEach(m=>{if(s.CommonBase.isEmpty(m))return;const{id:c,name:h}=m;if(!s.CommonBase.isNonEmptyString(c)||!s.CommonBase.isUndefined(o[c]))return;const l=m.list,B=s.CommonBase.isArray(l);!B&&!s.CommonBase.isUndefined(l)&&(m.list=void 0),o[c]={id:c,name:h,parentId:i,hasChild:B&&l&&l.length>0},B&&l&&l.length>0&&f(l,c,o,g+1)})},N=t=>t.filter(i=>s.CommonBase.isNonEmptyString(i?.id)).map(i=>{const o=i.list;return s.CommonBase.isArray(o)&&o&&o.length>0&&(i.list=N(o)),i}),A=()=>{const t=N(s.CommonBase.getJsonClone(p.list,!0));if(s.CommonBase.isEmpty(t)){n.menuActive="",n.menuActiveParent=[],n.menuOpenPid=[],v.menuJson={},d.value=[];return}const i=v.menuJson,o=n.menuOpenPid.slice(),g=n.menuActive,m={};f(t,"",m);let c=g;(!s.CommonBase.isNonEmptyString(c)||s.CommonBase.isUndefined(m[c]))&&(c=s.CommonBase.isNonEmptyString(t[0].id)?t[0].id:"");const h=[];Object.keys(m).forEach(l=>{m[l].hasChild&&(s.CommonBase.isUndefined(i[l])||o.includes(l))&&h.push(l)}),v.menuJson=m,d.value=t,n.menuActive=c,n.menuOpenPid=h,c!==g?(C(),s.CommonBase.isNonEmptyString(c)&&k(c)):C()},O=()=>{A()};e.onMounted(()=>{O()}),e.watch(()=>p.list,()=>{A()},{deep:!0}),e.watch(()=>p.active,t=>{if(s.CommonBase.isNonEmptyString(t)&&!s.CommonBase.isUndefined(v.menuJson[t])){n.menuActive=t;const i=C();i.length>0&&i.forEach(o=>{n.menuOpenPid.indexOf(o)===-1&&n.menuOpenPid.push(o)})}});const S=()=>{n.isMenushrink=!n.isMenushrink},x=t=>{const i=t.id;if(s.CommonBase.isNonEmptyString(i))if(t.list&&t.list.length>0){const o=n.menuOpenPid.indexOf(i);o>-1?n.menuOpenPid.splice(o,1):n.menuOpenPid.push(i)}else{if(n.menuActive===i)return;n.menuActive=i,C(),k(n.menuActive)}};return(t,i)=>n.menuActive.length>0?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,id:e.unref(u),class:a.value},t.$attrs),[e.createElementVNode("div",{class:e.normalizeClass({"sideNav-menu":!0,"sideNav-visible":!n.isMenushrink})},[e.createVNode(E,{list:d.value,activeId:n.menuActive,activePId:n.menuActiveParent,openId:n.menuOpenPid,onOnClick:x},null,8,["list","activeId","activePId","openId"])],2),e.createElementVNode("div",w,[e.createVNode(M._sfc_main,{className:"sideNav-menu-footer-bar","aria-label":"展开或收起菜单","aria-expanded":String(!n.isMenushrink),onOnClick:S},{default:e.withCtx(()=>[e.createVNode(P._sfc_main,{name:n.isMenushrink?"angle-double-right":"angle-double-left"},null,8,["name"])]),_:1},8,["aria-expanded"]),e.renderSlot(t.$slots,"default")])],16,$)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))}});module.exports=V;
+"use strict";const e=require("vue"),s=require("@cldemo/ui-kit/common/base"),I=require("@cldemo/ui-kit/common/Element"),P=require("../Shared/Index.vue_vue_type_script_setup_true_lang-BXOmZOOt.js"),E=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),J=require("../Shared/SlideUpDown.vue_vue_type_script_setup_true_lang-Cp45S0a9.js");;/* empty css                              */const $={key:0,class:"sideNav-menu-iconOperate"},B=e.defineComponent({name:"ClSideMenuMenu",__name:"Menu",props:{activeId:{type:String,default:""},activePId:{type:Array,default:()=>[]},openId:{type:Array,default:()=>[]},list:{type:Array,default:()=>[]}},emits:{onClick:c=>!0},setup(c,{emit:f}){const p=f,C=`sideMenu-${s.getRandom(5)}`,o=d=>!!(d&&d.list&&d.list.length>0),n=d=>{p("onClick",d)};return(d,v)=>(e.openBlock(),e.createElementBlock("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.list,(a,h)=>(e.openBlock(),e.createElementBlock("li",{key:`${C}-${a.id}-${h}`,class:e.normalizeClass({"sideNav-menu-submenu":o(a),"sideNav-menu-active":!o(a)&&c.activeId===a.id,"sideNav-menu-parent-active":o(a)&&c.activePId.includes(a.id)})},[e.createVNode(P._sfc_main,{"aria-haspopup":o(a)?"true":void 0,"aria-expanded":o(a)?String(c.openId.includes(a.id)):void 0,"aria-current":o(a)?void 0:c.activeId===a.id?"page":void 0,onOnClick:g=>n(a)},{default:e.withCtx(()=>[o(a)?(e.openBlock(),e.createElementBlock("span",$,[e.createVNode(E._sfc_main,{name:"caret-right",class:e.normalizeClass(["icon-rotate",{"rotate-90":c.openId.includes(a.id)}])},null,8,["class"])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("span",null,e.toDisplayString(a.name),1)]),_:2},1032,["aria-haspopup","aria-expanded","aria-current","onOnClick"]),o(a)?(e.openBlock(),e.createBlock(J._sfc_main,{key:0},{default:e.withCtx(()=>[c.openId.includes(a.id)?(e.openBlock(),e.createBlock(B,{key:0,activeId:c.activeId,activePId:c.activePId,openId:c.openId,list:a.list,onOnClick:n},null,8,["activeId","activePId","openId","list"])):e.createCommentVNode("",!0)]),_:2},1024)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],2))),128))]))}}),b=["id"],w={class:"sideNav-wrapper sideNav-wrapper-rowMult"},V=e.defineComponent({name:"ClSideMenu",inheritAttrs:!1,__name:"Index",props:{id:String,className:String,active:String,list:{type:Array,required:!0,default:()=>[]}},emits:{onChangeMenu:c=>!0},setup(c,{emit:f}){const p=c,C=f,o=p.id,n=e.reactive({isMenushrink:!1,menuActive:s.isNonEmptyString(p.active)?p.active:"",menuActiveParent:[],menuOpenPid:[]}),d=e.ref([]),v={menuJson:{}},a=e.computed(()=>{let t={"panel-side-menu":!0};return t=s.getJsonMerge(t,I.getClassNameJson(p.className)),t}),h=t=>{C("onChangeMenu",t)},g=()=>{const t=s.getTreeLastParent(n.menuActive,v.menuJson,!1);let i=[];return t.length>0&&(i=t.map(r=>r.id)),n.menuActiveParent=i,i},N=(t,i,r,k=0)=>{k>50||t.forEach(m=>{if(s.isEmpty(m))return;const{id:l,name:_}=m;if(!s.isNonEmptyString(l)||!s.isUndefined(r[l]))return;const u=m.list,y=s.isArray(u);!y&&!s.isUndefined(u)&&(m.list=void 0),r[l]={id:l,name:_,parentId:i,hasChild:y&&u&&u.length>0},y&&u&&u.length>0&&N(u,l,r,k+1)})},A=t=>t.filter(i=>s.isNonEmptyString(i?.id)).map(i=>{const r=i.list;return s.isArray(r)&&r&&r.length>0&&(i.list=A(r)),i}),M=()=>{const t=A(s.getJsonClone(p.list,!0));if(s.isEmpty(t)){n.menuActive="",n.menuActiveParent=[],n.menuOpenPid=[],v.menuJson={},d.value=[];return}const i=v.menuJson,r=n.menuOpenPid.slice(),k=n.menuActive,m={};N(t,"",m);let l=k;(!s.isNonEmptyString(l)||s.isUndefined(m[l]))&&(l=s.isNonEmptyString(t[0].id)?t[0].id:"");const _=[];Object.keys(m).forEach(u=>{m[u].hasChild&&(s.isUndefined(i[u])||r.includes(u))&&_.push(u)}),v.menuJson=m,d.value=t,n.menuActive=l,n.menuOpenPid=_,l!==k?(g(),s.isNonEmptyString(l)&&h(l)):g()},O=()=>{M()};e.onMounted(()=>{O()}),e.watch(()=>p.list,()=>{M()},{deep:!0}),e.watch(()=>p.active,t=>{if(s.isNonEmptyString(t)&&!s.isUndefined(v.menuJson[t])){n.menuActive=t;const i=g();i.length>0&&i.forEach(r=>{n.menuOpenPid.indexOf(r)===-1&&n.menuOpenPid.push(r)})}});const S=()=>{n.isMenushrink=!n.isMenushrink},x=t=>{const i=t.id;if(s.isNonEmptyString(i))if(t.list&&t.list.length>0){const r=n.menuOpenPid.indexOf(i);r>-1?n.menuOpenPid.splice(r,1):n.menuOpenPid.push(i)}else{if(n.menuActive===i)return;n.menuActive=i,g(),h(n.menuActive)}};return(t,i)=>n.menuActive.length>0?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,id:e.unref(o),class:a.value},t.$attrs),[e.createElementVNode("div",{class:e.normalizeClass({"sideNav-menu":!0,"sideNav-visible":!n.isMenushrink})},[e.createVNode(B,{list:d.value,activeId:n.menuActive,activePId:n.menuActiveParent,openId:n.menuOpenPid,onOnClick:x},null,8,["list","activeId","activePId","openId"])],2),e.createElementVNode("div",w,[e.createVNode(P._sfc_main,{className:"sideNav-menu-footer-bar","aria-label":"展开或收起菜单","aria-expanded":String(!n.isMenushrink),onOnClick:S},{default:e.withCtx(()=>[e.createVNode(E._sfc_main,{name:n.isMenushrink?"angle-double-right":"angle-double-left"},null,8,["name"])]),_:1},8,["aria-expanded"]),e.renderSlot(t.$slots,"default")])],16,b)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))}});module.exports=V;

package/buildLibs/utils/Web/ClSideMenu.js

@@ -4,11 +4,11 @@ import '../../styles/Common/Btn-base.css';
 import '../../styles/Common/BtnLink-base.css';
 import '../../styles/Common/IconRotate-base.css';
 import '../../styles/Web/ClSideMenu.css';
-import { defineComponent as b, openBlock as m, createElementBlock as v, Fragment as M, renderList as D, normalizeClass as O, createVNode as y, withCtx as _, createElementVNode as S, toDisplayString as j, createBlock as I, createCommentVNode as q, reactive as z, ref as F, computed as R, onMounted as G, watch as J, mergeProps as H, unref as K, renderSlot as Q } from "vue";
-import { C as i } from "../Shared/base-fr2I80sU.js";
-import { C as W } from "../Shared/index-B477PjJ3.js";
-import { _ as L } from "../Shared/Index.vue_vue_type_script_setup_true_lang-xW9nixd_.js";
-import { _ as B } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BmRO42R2.js";
+import { defineComponent as b, openBlock as m, createElementBlock as v, Fragment as P, renderList as D, normalizeClass as O, createVNode as y, withCtx as _, createElementVNode as S, toDisplayString as j, createBlock as I, createCommentVNode as q, reactive as z, ref as F, computed as R, onMounted as G, watch as J, mergeProps as H, unref as K, renderSlot as Q } from "vue";
+import i from "@cldemo/ui-kit/common/base";
+import W from "@cldemo/ui-kit/common/Element";
+import { _ as L } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DBbmw0-U.js";
+import { _ as B } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
 import { _ as X } from "../Shared/SlideUpDown.vue_vue_type_script_setup_true_lang-CRzacfx9.js";
 /* empty css                             */
 const Y = {
@@ -43,12 +43,12 @@ const Y = {
     onClick: (r) => !0
     // desc: 菜单项点击事件，参数为菜单项信息
   },
-  setup(r, { emit: P }) {
-    const p = P, N = `sideMenu-${i.getRandom(5)}`, d = (l) => !!(l && l.list && l.list.length > 0), e = (l) => {
+  setup(r, { emit: C }) {
+    const p = C, N = `sideMenu-${i.getRandom(5)}`, d = (l) => !!(l && l.list && l.list.length > 0), e = (l) => {
       p("onClick", l);
     };
     return (l, g) => (m(), v("ul", null, [
-      (m(!0), v(M, null, D(r.list, (s, k) => (m(), v("li", {
+      (m(!0), v(P, null, D(r.list, (s, k) => (m(), v("li", {
         key: `${N}-${s.id}-${k}`,
         class: O({
           "sideNav-menu-submenu": d(s),
@@ -68,7 +68,7 @@ const Y = {
                 name: "caret-right",
                 class: O(["icon-rotate", { "rotate-90": r.openId.includes(s.id) }])
               }, null, 8, ["class"])
-            ])) : (m(), v(M, { key: 1 }, [], 64)),
+            ])) : (m(), v(P, { key: 1 }, [], 64)),
             S("span", null, j(s.name), 1)
           ]),
           _: 2
@@ -85,7 +85,7 @@ const Y = {
             }, null, 8, ["activeId", "activePId", "openId", "list"])) : q("", !0)
           ]),
           _: 2
-        }, 1024)) : (m(), v(M, { key: 1 }, [], 64))
+        }, 1024)) : (m(), v(P, { key: 1 }, [], 64))
       ], 2))), 128))
     ]));
   }
@@ -111,8 +111,8 @@ const Y = {
     onChangeMenu: (r) => !0
     // desc: 菜单切换事件，参数为当前选中项 id
   },
-  setup(r, { emit: P }) {
-    const p = r, N = P, d = p.id, e = z({
+  setup(r, { emit: C }) {
+    const p = r, N = C, d = p.id, e = z({
       isMenushrink: !1,
       // 默认展开左侧菜单栏（点击内容区顶部按钮可收起）
       menuActive: i.isNonEmptyString(p.active) ? p.active : "",
@@ -134,8 +134,8 @@ const Y = {
         if (i.isEmpty(o)) return;
         const { id: u, name: A } = o;
         if (!i.isNonEmptyString(u) || !i.isUndefined(a[u])) return;
-        const c = o.list, C = i.isArray(c);
-        !C && !i.isUndefined(c) && (o.list = void 0), a[u] = { id: u, name: A, parentId: t, hasChild: C && c && c.length > 0 }, C && c && c.length > 0 && E(c, u, a, f + 1);
+        const c = o.list, M = i.isArray(c);
+        !M && !i.isUndefined(c) && (o.list = void 0), a[u] = { id: u, name: A, parentId: t, hasChild: M && c && c.length > 0 }, M && c && c.length > 0 && E(c, u, a, f + 1);
       });
     }, $ = (n) => n.filter((t) => i.isNonEmptyString(t?.id)).map((t) => {
       const a = t.list;
@@ -225,7 +225,7 @@ const Y = {
         }, 8, ["aria-expanded"]),
         Q(n.$slots, "default")
       ])
-    ], 16, Z)) : (m(), v(M, { key: 1 }, [], 64));
+    ], 16, Z)) : (m(), v(P, { key: 1 }, [], 64));
   }
 });
 export {