@cldemo/ui-kit 1.1.2 → 1.1.3

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-CVmFF9j1.js

@@ -0,0 +1,145 @@
+import { defineComponent as B, ref as L, useTemplateRef as O, computed as r, onBeforeUnmount as z, watch as M, nextTick as $, onMounted as D, openBlock as b, createBlock as F, Teleport as q, createVNode as J, Transition as V, withCtx as A, withDirectives as P, createElementVNode as R, withModifiers as U, normalizeStyle as Z, normalizeClass as j, unref as G, renderSlot as H, vShow as K, createElementBlock as Q, Fragment as W } from "vue";
+import k from "@cldemo/ui-kit/common/log";
+import l from "@cldemo/ui-kit/common/base";
+import X from "@cldemo/ui-kit/common/Element";
+import { u as Y, l as ee } from "./scrollLock-DQEGK5um.js";
+const te = ["id"], se = /* @__PURE__ */ B({
+  name: "ClOverlay",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
+    className: String,
+    // desc: 自定义CSS类名
+    show: Boolean,
+    // desc: 是否显示遮罩，支持 v-model:show
+    zIndex: {
+      type: Number,
+      default: 2e3
+      // desc: 遮罩层级
+    },
+    duration: {
+      type: Number,
+      default: 300
+      // desc: 动画时长(ms)
+    },
+    isLockScroll: {
+      type: Boolean,
+      default: !0
+      // desc: 遮罩显示时是否锁定背景滚动
+    },
+    background: {
+      type: String,
+      default: "var(--cl-overlay, rgba(0, 0, 0, 0.7))"
+      // desc: 遮罩背景色（支持任意合法 CSS 颜色值）
+    },
+    teleportTarget: {
+      type: String,
+      default: ""
+      // desc: 挂载目标 | enum: body, self (可自定义)
+    }
+  },
+  emits: ["update:show", "onClick"],
+  setup(d, { emit: g }) {
+    const t = d, m = g, S = t.id, a = L(t.show);
+    let o = null;
+    const s = O("refElOverlay"), f = r(
+      () => l.isNonEmptyString(t.teleportTarget) ? N(t.teleportTarget) : "body"
+    ), c = r(() => t.teleportTarget === "self"), w = r(() => c.value), p = r(() => {
+      const e = t.duration;
+      return l.isNumber(e) && l.isFinite(e) && e >= 0 && e <= 1e4 ? e : 300;
+    }), h = r(() => {
+      const e = t.zIndex;
+      return l.isNumber(e) && l.isFinite(e) && e >= 0 ? e : 2e3;
+    }), T = r(() => {
+      const e = {
+        "panel-overlay": !0
+      };
+      return c.value && (e["panel-overlay-self"] = !0), l.getJsonMerge(e, X.getClassNameJson(t.className));
+    }), _ = r(() => ({
+      zIndex: h.value,
+      background: l.isNonEmptyString(t.background) ? t.background : "var(--cl-overlay, rgba(0, 0, 0, 0.7))",
+      "--overlay-duration": `${p.value}ms`
+    })), C = (e) => {
+      ee(e);
+    }, u = (e) => {
+      Y(e);
+    }, E = () => {
+      if (c.value) {
+        const v = s.value ? s.value.parentElement : null;
+        if (!v) return null;
+        let n = v;
+        for (; n && n !== document.body; ) {
+          if (window.getComputedStyle(n).position !== "static") return n;
+          n = n.parentElement;
+        }
+        return document.body;
+      }
+      const e = f.value;
+      if (e === "body") return document.body;
+      const i = document.querySelector(e);
+      return i === document.body ? document.body : i ?? document.body;
+    }, y = () => {
+      if (t.isLockScroll && t.show) {
+        const e = E();
+        e && o !== e && (o && u(o), o = e, C(e));
+      } else o && (u(o), o = null);
+    }, N = (e) => {
+      if (e === "self") return e;
+      try {
+        return document.querySelector(e) ? e : (k.warn("Overlay", `teleportTarget「${e}」未匹配到元素，已回退到 body`), "body");
+      } catch {
+        return k.warn("Overlay", `teleportTarget「${e}」不是合法的 CSS 选择器，已回退到 body`), "body";
+      }
+    };
+    z(() => {
+      o && (u(o), o = null);
+    }), M(
+      () => [t.show, t.isLockScroll],
+      () => {
+        t.show && (a.value = !0), $(() => {
+          y();
+        });
+      },
+      { immediate: !0 }
+    ), D(() => {
+      y();
+    });
+    const I = () => {
+      m("onClick"), m("update:show", !1);
+    }, x = () => {
+      t.show || (a.value = !1);
+    };
+    return (e, i) => a.value ? (b(), F(q, {
+      key: 0,
+      to: f.value,
+      disabled: w.value
+    }, [
+      J(V, {
+        name: "panel-overlay-fade",
+        duration: p.value,
+        appear: "",
+        onAfterLeave: x
+      }, {
+        default: A(() => [
+          P(R("div", {
+            ref_key: "refElOverlay",
+            ref: s,
+            id: G(S),
+            class: j(T.value),
+            style: Z(_.value),
+            onClick: U(I, ["self"])
+          }, [
+            H(e.$slots, "default")
+          ], 14, te), [
+            [K, d.show]
+          ])
+        ]),
+        _: 3
+      }, 8, ["duration"])
+    ], 8, ["to", "disabled"])) : (b(), Q(W, { key: 1 }, [], 64));
+  }
+});
+export {
+  se as _
+};

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-CY5fRV6o.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");;/* empty css                */;/* empty css                    */const s=require("@cldemo/ui-kit/common/base"),G=require("@cldemo/ui-kit/common/Element"),P=require("./Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),H=["id"],Q=["type","inputmode","name","value","placeholder","disabled","readonly"],W={key:0,class:"input-floating-label"},X={key:3,class:"input-suffix"},F=e.defineComponent({name:"ClInputContainer",components:{ClIconFont:P._sfc_main},__name:"Container",props:{id:String,name:String,value:[String,Number],inputType:{type:String,default:"text"},inputmode:{type:String,default:""},autocomplete:{type:String,default:"off"},placeholder:String,label:String,isFloating:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},isReadonly:{type:Boolean,default:!1},isClean:{type:Boolean,default:!0},isShowSuffix:{type:Boolean,default:!1}},emits:["onInputText","onKeydown","onKeyup","onFocus","onBlur","onClear"],setup(o,{expose:S,emit:E}){const n=o,l=E,w=n.id,r=e.useTemplateRef("refElInput"),v=e.computed(()=>{let a=n.name;return s.isEmpty(a)&&(a=`input_${s.getRandom(8)}`),a}),y=e.computed(()=>s.isEmpty(n.inputmode)?void 0:n.inputmode),u=e.computed(()=>{const a={};return s.isNonEmptyString(n.autocomplete)&&(a.autocomplete=n.autocomplete),a}),p=e.computed(()=>n.isClean&&!n.disabled&&!n.isReadonly),h=e.computed(()=>p.value&&!s.isEmpty(n.value)),c=e.computed(()=>n.isFloating?n.label||n.placeholder:""),m=e.computed(()=>({"input-container":!0,"input-clean":n.isClean,"input-suffix":n.isShowSuffix,"input-floating":n.isFloating})),x=a=>{const k=a.target;k&&l("onInputText",k.value)},b=a=>{l("onKeydown",a)},I=a=>{l("onKeyup",a)},g=()=>{l("onFocus")},B=()=>{l("onBlur")},C=()=>{l("onClear")};return S({getInputElement:()=>r.value,focus:()=>{r.value?.focus()}}),(a,k)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(w),class:e.normalizeClass(m.value)},[e.createElementVNode("input",e.mergeProps({ref_key:"refElInput",ref:r,type:o.inputType,inputmode:y.value,name:v.value},u.value,{class:"form-control",value:o.value,placeholder:o.placeholder,disabled:o.disabled,readonly:o.isReadonly,onInput:x,onKeydown:b,onKeyup:I,onFocus:g,onBlur:B}),null,16,Q),c.value?(e.openBlock(),e.createElementBlock("label",W,e.toDisplayString(c.value),1)):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createBlock(P._sfc_main,{key:1,name:"close-circle-fill",class:"input-clear-icon","aria-label":"清除输入内容",role:"button",tabindex:"-1",onClick:e.withModifiers(C,["stop"]),onKeydown:[e.withKeys(e.withModifiers(C,["stop"]),["enter"]),e.withKeys(e.withModifiers(C,["stop","prevent"]),["space"])]},null,8,["onKeydown"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[],64)),o.isShowSuffix?(e.openBlock(),e.createElementBlock("div",X,[e.renderSlot(a.$slots,"suffix")])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[],64))],10,H))}}),Y=["id"],Z={key:0,class:"cl-plaintext-value"},_={key:0,class:"input-group-prepend"},ee={class:"input-group-text"},te={key:2,class:"input-group-append"},ne={class:"input-group-text"},oe=e.defineComponent({name:"ClInput",components:{ClInputContainer:F},__name:"Index",props:{id:String,name:String,value:[String,Number],className:String,disabled:{type:Boolean,default:!1},theme:{type:String,default:"default"},inputType:String,inputmode:{type:String,default:""},autocomplete:{type:String,default:"off"},width:String,placeholder:String,label:String,isFloating:{type:Boolean,default:!1},isReadonly:{type:Boolean,default:!1},isClean:{type:Boolean,default:!0},isPlaintext:{type:Boolean,default:!1},changeDelayTime:{type:Number,default:200}},emits:["update:value","update:modelValue","onChange","onFocus","onBlur","onChangeBlur","onKeyupEnter","onClear","onInit","onKeydown","onKeyup","onChangeDelay"],setup(o,{expose:S,emit:E}){const n=o,l=E,w=n.id,r=e.useTemplateRef("refElContainer"),v=e.ref(!1),y=s.isString(n.value)?n.value:n.value!==void 0&&s.isNumber(n.value)&&s.isFinite(n.value)?n.value.toString():"",u=e.ref(y),p=e.ref(y),h=e.ref(y),c={prevDelayValue:y,valueDelayRun:!1};let m=null;const x=e.computed(()=>{let t={"panel-input":!0,"input-disabled":n.disabled,"input-readonly":n.isReadonly};return t=s.getJsonMerge(t,G.getClassNameJson(n.className)),s.isEmpty(n.theme,"default")||(t[`input-${n.theme}`]=!0),t}),b=e.computed(()=>{const t={};return s.isNonEmptyString(n.width)&&(t.width=n.width),t}),I=t=>{g(),c.valueDelayRun=!0,m=setTimeout(()=>{m=null,p.value===t&&(c.valueDelayRun=!1,c.prevDelayValue!==t&&(c.prevDelayValue=t,l("onChangeDelay",t)))},n.changeDelayTime)},g=()=>{m&&(clearTimeout(m),m=null),c.valueDelayRun=!1},B=t=>{if(t!==p.value){p.value=t;const i=d(t);l("update:value",i),l("update:modelValue",i),l("onChange",i),I(i)}},C=t=>{v.value=!0,h.value=t,l("onFocus",t)},V=t=>{v.value=!1,l("onBlur",t),t!==h.value&&(h.value=t,l("onChangeBlur",t))},T=t=>{l("onKeyupEnter",t)},a=t=>{l("onKeydown",t)},k=t=>{l("onKeyup",t)},z=()=>{l("onClear")},J=()=>{e.nextTick(()=>{l("onInit")})},d=t=>s.isString(t)||s.isNumber(t)&&s.isFinite(t)?t.toString():"",K=()=>{r.value?.focus()},L=()=>{const t=d(n.value);s.isEmpty(t)||(u.value=t,p.value=t),J()};e.onMounted(()=>{L()}),e.onBeforeUnmount(()=>{g()}),e.watch(()=>n.value,t=>{const i=d(t);i!==u.value&&(u.value=i,p.value=i,c.prevDelayValue=i,c.valueDelayRun&&g())});const D=t=>{u.value=t,B(t)},R=t=>{a(t)},$=t=>{const i=t.key,f=t.keyCode;if(i==="Enter"||f===13){const A=t.target,j=d(A.value);T(j)}else k(t)},N=()=>{const t=d(u.value);C(t)},O=()=>{const t=d(u.value);V(t)},q=()=>{u.value="",B(""),z(),K()},U=()=>{const t=r.value;return t?t.getInputElement():null},M=()=>d(u.value);return S({getValue:M,getValueData:()=>({value:M(),show:u.value}),setValue:(t,i)=>{const f=d(t);u.value=f,p.value=f,c.prevDelayValue=f,c.valueDelayRun&&g(),i&&(l("update:value",f),l("update:modelValue",f))},focus:()=>{K()},getInputElement:U}),(t,i)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(w),class:e.normalizeClass(x.value),style:e.normalizeStyle(b.value)},[o.isPlaintext?(e.openBlock(),e.createElementBlock("div",Z,e.toDisplayString(u.value),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.$slots.prepend||t.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass({"input-group":!0,"input-group-focus":v.value})},[t.$slots.prepend?(e.openBlock(),e.createElementBlock("div",_,[e.createElementVNode("span",ee,[e.renderSlot(t.$slots,"prepend")])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createVNode(F,{ref_key:"refElContainer",ref:r,value:u.value,inputType:o.inputType,inputmode:o.inputmode,autocomplete:o.autocomplete,name:o.name,placeholder:o.placeholder,disabled:o.disabled,isReadonly:o.isReadonly,isClean:o.isClean,isShowSuffix:!!t.$slots.suffix,label:o.label,isFloating:o.isFloating,onOnInputText:D,onOnKeydown:R,onOnKeyup:$,onOnFocus:N,onOnBlur:O,onOnClear:q},e.createSlots({_:2},[t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"0"}:{name:"suffix",fn:e.withCtx(()=>[]),key:"1"}]),1032,["value","inputType","inputmode","autocomplete","name","placeholder","disabled","isReadonly","isClean","isShowSuffix","label","isFloating"]),t.$slots.append?(e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("span",ne,[e.renderSlot(t.$slots,"append")])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64))],2)):(e.openBlock(),e.createBlock(F,{key:1,ref_key:"refElContainer",ref:r,value:u.value,inputType:o.inputType,inputmode:o.inputmode,autocomplete:o.autocomplete,name:o.name,placeholder:o.placeholder,disabled:o.disabled,isReadonly:o.isReadonly,isClean:o.isClean,isShowSuffix:!!t.$slots.suffix,label:o.label,isFloating:o.isFloating,onOnInputText:D,onOnKeydown:R,onOnKeyup:$,onOnFocus:N,onOnBlur:O,onOnClear:q},e.createSlots({_:2},[t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"0"}:{name:"suffix",fn:e.withCtx(()=>[]),key:"1"}]),1032,["value","inputType","inputmode","autocomplete","name","placeholder","disabled","isReadonly","isClean","isShowSuffix","label","isFloating"]))],64))],14,Y))}});exports._sfc_main=oe;

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-CYFgnd30.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),n=require("@cldemo/ui-kit/common/base"),V=require("@cldemo/ui-kit/common/Element"),E=require("./Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),z=["id"],$=["onClick"],J=["innerHTML"],q={key:1},O=t.defineComponent({name:"ClTags",__name:"Index",props:{id:String,className:String,disabled:{type:Boolean,default:!1},list:{type:Array,default:()=>[]},isRemove:{type:Boolean,default:!0},showTextFormat:String,isRemoveAll:{type:Boolean,default:!1},color:{type:String,default:""},isSolid:{type:Boolean,default:!0},isRound:{type:Boolean,default:!1},size:{type:String,default:"m",validator:c=>["s","m","l"].indexOf(c)!==-1},isFormatHtml:{type:Boolean,default:!1}},emits:["onRemove","onClickTag"],setup(c,{expose:B,emit:C}){const l=c,m=C,T=`tags-${n.getRandom(5)}`,w=l.id,y=t.ref(l.disabled),r=t.ref([]),D=["primary","success","warning","danger","secondary"],i=t.reactive({status:0,startColor:"#FFFF80",endColor:"var(--cl-transparent, rgba(0, 0, 0, 0))",hID:""}),I=t.computed(()=>{let e={"panel-tags":!0};l.size!=="m"&&(e[`tags-size-${l.size}`]=!0),l.isRemoveAll&&r.value.length>0&&(e["tags-region"]=!0);const s=V.getClassNameJson(l.className);return e=n.getJsonMerge(e,s),e}),h=e=>n.isEmpty(e)?"":n.isEmpty(l.showTextFormat)?n.isNonEmptyString(e.name)?e.name:"":n.convertStringFormatEncodeHTML(l.showTextFormat,e),v=e=>n.isNonEmptyString(e.color)?e.color.trim():n.isNonEmptyString(l.color)?l.color.trim():"",k=e=>n.isBoolean(e.isSolid)?!!e.isSolid:l.isSolid,R=e=>n.isBoolean(e.isRound)?!!e.isRound:l.isRound,f=e=>n.isNonEmptyString(e)&&n.isExistValue(D,e),L=e=>{if(n.isEmpty(e))return{};const s=v(e),o=k(e),a={};return a.tag=!0,a["tag-disabled"]=!!e.isShowDisabled,a["tag-remove"]=l.isRemove&&!e.isShowDisabled,(n.isNonEmptyString(e.id)||typeof e.id=="number")&&(a["tag-hlight"]=e.id.toString()===i.hID&&i.status===2),n.isNonEmptyString(s)&&(a[o?"tag-solid":"tag-plain"]=!0,R(e)&&(a["tag-round"]=!0)),f(s)&&(a[`tag-color-${s}`]=!0),a},N=e=>{const s={};if(n.isEmpty(e))return s;const o=v(e);if(n.isNonEmptyString(o)&&!f(o)&&(k(e)?(s["background-color"]=o,s["border-color"]=o):(s.color=o,s["border-color"]=o)),n.isEmpty(e.id))return s;if(e.id.toString()===i.hID)switch(i.status){case 1:s["background-color"]=i.startColor;break;case 2:s["background-color"]=i.endColor;break}return s},S=e=>{if(n.isEmpty(e))return;const s=y.value;let o=!1;s?o=!0:o=n.isBoolean(e.isDisabled)?!!e.isDisabled:!1,e.isShowDisabled=o},g=e=>{const s=[];return!n.isArray(e)||n.isEmpty(e)||e.forEach(o=>{if(n.isEmpty(o))return;const a=n.getJsonClone(o);S(a),s.push(a)}),s},_=e=>{y.value=e;const s=g(r.value);r.value=s};let u=null,d=null;const b=()=>{u!==null&&(clearTimeout(u),u=null),d!==null&&(clearTimeout(d),d=null)},F=e=>{n.isEmpty(e)||(b(),i.hID=e.toString(),i.status=1,t.nextTick(()=>{u=setTimeout(()=>{i.status=2},10),d=setTimeout(()=>{i.status=0,i.hID=""},1500)}))},x=()=>{const e=g(l.list);r.value=e};t.onMounted(()=>{t.nextTick(()=>{x()})}),t.onBeforeUnmount(()=>{b()}),t.watch(()=>l.disabled,e=>{_(e)}),t.watch(()=>l.list,e=>{const s=g(e);r.value=s},{deep:!0});const H=(e,s)=>{m("onClickTag",s)},A=(e,s,o)=>{if(e.preventDefault(),e.stopPropagation(),l.isRemove&&!s.isShowDisabled&&o>=0&&o<r.value.length){r.value.splice(o,1);const a=n.isNonEmptyString(s.id)||typeof s.id=="number"?s.id.toString():"";m("onRemove",a)}},M=()=>{r.value=[],m("onRemove","")};return B({setDisabled:(e=!0)=>{_(e)},addInfo:e=>{if(n.isEmpty(e))return;const s=n.getListExistValue(r.value,e.name||"","name");if(n.isEmpty(s)){const o=n.getJsonClone(e);S(o),r.value.push(o)}else s.info&&!n.isEmpty(s.info.id)&&F(s.info.id)},getData:()=>n.getListClone(r.value)}),(e,s)=>(t.openBlock(),t.createElementBlock("div",{id:t.unref(w),class:t.normalizeClass(I.value)},[r.value.length>0?t.renderSlot(e.$slots,"head",{key:0}):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[],64)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.value,(o,a)=>(t.openBlock(),t.createElementBlock("span",{key:`${T}-list-${a}-${o.id}`,class:t.normalizeClass(L(o)),style:t.normalizeStyle(N(o)),onClick:t.withModifiers(p=>H(p,o),["stop"])},[o.isHtml||c.isFormatHtml?(t.openBlock(),t.createElementBlock("span",{key:0,innerHTML:h(o)},null,8,J)):(t.openBlock(),t.createElementBlock("span",q,t.toDisplayString(h(o)),1)),c.isRemove&&!o.isShowDisabled?(t.openBlock(),t.createBlock(E._sfc_main,{key:2,class:"tag-close",name:"close","aria-label":"移除",onClick:p=>A(p,o,a)},null,8,["onClick"])):t.createCommentVNode("",!0)],14,$))),128)),c.isRemoveAll&&r.value.length>0&&!c.disabled?(t.openBlock(),t.createBlock(E._sfc_main,{key:2,class:"tag-closeAll",name:"close","aria-label":"清除全部",onClick:M})):t.createCommentVNode("",!0)],10,z))}});exports._sfc_main=O;

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-CYN4r-Mx.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");;/* empty css                */;/* empty css                    */const i=require("@cldemo/ui-kit/common/base"),M=require("@cldemo/ui-kit/common/Element"),_=require("./Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),P=require("./index-q2CbfC2a.js"),A=["id"],L={key:0,class:"cl-plaintext-value"},j=["id","name","value","disabled","checked","onClick"],K=["for"],R={key:0},z=e.defineComponent({name:"ClCheckbox",directives:{cltooltip:P.tooltipDirectives},__name:"Index",props:{id:String,name:{type:String,required:!0},value:{type:String,required:!0},className:String,disabled:{type:Boolean,default:!1},list:{type:Array,default:()=>[]},circle:{type:Boolean,default:!1},width:String,isInline:{type:Boolean,default:!0},tipMode:{type:String,default:"tooltip",validator:d=>["tooltip","clickCallback"].includes(d)},checkChangeBefore:{type:Function,default:void 0},isPlaintext:{type:Boolean,default:!1},plaintextSeparator:{type:String,default:","}},emits:["update:value","update:modelValue","onChange","onInit","onError","onTipClick"],setup(d,{expose:C,emit:S}){const s=d,p=S,k=`checkbox-${i.getRandom(5)}`,v=i.isEmpty(s.name)?k+"_name":s.name,V=s.id,a=e.ref(i.split(s.value)),c=e.ref(!1);let r={};const E=e.ref(0),m={isProcessing:!1,_initEmitted:!1},b=e.computed(()=>{if(s.isPlaintext)return[];const t=s.list;return i.isArray(t)?t.filter(l=>!i.isEmpty(l)):[]}),N=e.computed(()=>{const t=i.isString(s.plaintextSeparator)?s.plaintextSeparator:",";s.list,E.value;const l=[];return a.value.forEach(o=>{const n=i.isExistJsonKey(r,o)?r[o]:void 0;n&&i.isNonEmptyString(n.name)&&l.push(n.name)}),l.join(t)}),I=e.computed(()=>i.getJsonMerge({"panel-checkbox":!0},M.getClassNameJson(s.className))),w=e.computed(()=>{const t={checkbox:!0,"checkbox-default":!0};return t["checkbox-inline"]=s.isInline,t["checkbox-circle"]=s.circle,t}),q=t=>{const l={},{width:o}=s;return t&&!i.isEmpty(t.width)?l.width=t.width:i.isEmpty(o)||(l.width=s.width),l},B=t=>{p("update:value",t),p("update:modelValue",t)},D=t=>{const l=[];i.isEmpty(t)||i.split(t).forEach(n=>{i.isExistJsonKey(r,n)&&l.push(i.getJsonClone(r[n]))});const o=l.length>0&&l.length===(s.list?.length??0);B(t),p("onChange",t,l,o)},g=()=>{m._initEmitted||(m._initEmitted=!0,e.nextTick(()=>{p("onInit")}))},x=()=>{const t=[];return a.value.forEach(l=>{i.isExistJsonKey(r,l)&&t.push(l)}),t},f=t=>{r=i.isEmpty(t)?{}:i.getJsonByList(t),E.value+=1},h=()=>{if(c.value&&!i.isEmpty(a.value)){const t=x();i.isEqualArr(a.value,t)||(a.value=t,B(t.join(",")))}},y=t=>{const l=i.split(t);let o=i.isEqualArr(a.value,l);o&&(o=t===a.value.join(",")),o||(a.value=l)},$=()=>{c.value=(s.list?.length??0)!==0,f(s.list),h()};e.onMounted(()=>{e.nextTick(()=>{$()})}),e.watch(c,t=>{t&&g()}),e.watch(()=>s.list,t=>{c.value||(c.value=!0,t.length===0&&h(),g())}),e.watch([()=>s.value,()=>s.list],([t,l])=>{const o=l;!c.value&&o.length>0&&(c.value=!0,g()),f(o),y(t),h()});const J=t=>{p("onTipClick",t)},T=async t=>{if(!(!t||t.isDisabled||s.disabled||m.isProcessing)&&!i.isEmpty(t.id)){m.isProcessing=!0;try{const l=String(t.id??"");let o=i.getArrClone(a.value);i.isExistValue(a.value,l)?o=i.getArrRemoveById(o,l):o.push(l);const n=o.join(",");let u=!0;if(s.checkChangeBefore)try{u=await s.checkChangeBefore(n),u=i.isBoolean(u)?u:!0}catch{u=!1}if(s.disabled||t.isDisabled)return;u&&(a.value=o,D(n))}catch(l){p("onError",l)}finally{m.isProcessing=!1}}};return C({getValue:()=>x().join(","),getValueData:()=>{const t=[];return a.value.forEach(l=>{i.isExistJsonKey(r,l)&&t.push(i.getJsonClone(r[l]))}),t},setValue:t=>{m.isProcessing||(y(t),h())},runInitComplete:()=>{c.value||(c.value=!0,f(s.list),y(s.value),h(),g())}}),(t,l)=>{const o=e.resolveDirective("cltooltip");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(I.value),id:e.unref(V)},[d.isPlaintext?(e.openBlock(),e.createElementBlock("div",L,e.toDisplayString(N.value),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,(n,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`${k}-${n.id??""}-${u}`},[n.isShow||n.isShow===void 0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(w.value),style:e.normalizeStyle(q(n))},[e.createElementVNode("span",null,[e.createElementVNode("span",null,[e.createElementVNode("input",{type:"checkbox",id:`${k}_${e.unref(v)}_${n.id??""}`,name:e.unref(v),value:n.id??"",disabled:n.isDisabled||d.disabled,checked:a.value.includes(String(n.id??"")),onClick:F=>T(n)},null,8,j),e.createElementVNode("label",{for:`${k}_${e.unref(v)}_${n.id??""}`},[e.renderSlot(t.$slots,"default",{data:n},()=>[n.icon&&n.icon.length>0?e.withDirectives((e.openBlock(),e.createElementBlock("span",R,[e.createVNode(_._sfc_main,{name:n.icon},null,8,["name"])])),[[o,{html:n.name,className:"tooltip-modal"}]]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(n.name),1)],64))])],8,K)]),n.tipMsg&&n.tipMsg.length>0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[d.tipMode==="tooltip"?e.withDirectives((e.openBlock(),e.createBlock(_._sfc_main,{key:0,name:e.unref(i).isNonEmptyString(n.tipIcon)?void 0:"question-circle",className:e.unref(i).isNonEmptyString(n.tipIcon)?n.tipIcon:void 0,class:"checkbox-icon-tip"},null,8,["name","className"])),[[o,{html:n.tipMsg,className:"tooltip-modal"}]]):(e.openBlock(),e.createBlock(_._sfc_main,{key:1,name:e.unref(i).isNonEmptyString(n.tipIcon)?void 0:"question-circle",className:e.unref(i).isNonEmptyString(n.tipIcon)?n.tipIcon:void 0,class:"checkbox-icon-tip",onClick:e.withModifiers(F=>J(n),["stop"])},null,8,["name","className","onClick"]))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))])],6)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],64))),128))],10,A)}}});exports._sfc_main=z;

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-CZNVHUR1.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("@cldemo/ui-kit/common/base"),h=require("@cldemo/ui-kit/common/Element"),q=require("./language-BJ4aVgHI.js"),f=["id","aria-label"],P=e.defineComponent({name:"ClLoad",__name:"Index",props:{id:String,className:String,theme:{type:String,default:"rotaryLine",validator:r=>["rotaryLine","circleNotch","circleBubble","ballColor4","dotTyping","dotWave","dotBounce","dotPulse","dotOrbit","dotFlow","dotSlide","dotSlider","dotFold","dotSquare","barEqualizer","barWave","barPulse","barStretch","barMeter","barBounce","barRamp","ringRotate","ringDot","ringPulse","ringClip","ringFan","circleSpinner","dotRipple","dotRipple3","ringCross","squareTrace","squareTrace2","crossMove","snakePath","squareMirror","dotPulse5","diamondShuttle","barStream","newtonCradle","dotSpin","orbitSwap","typingBounce","ringGlow","toastRing"].indexOf(r)!==-1},size:{type:String,default:"small",validator:r=>["xxl","xl","large","small","xs"].indexOf(r)!==-1},color:{type:String,default:""}},setup(r){const{optA11yText:l}=q.useA11yLanguage(),n=r,m=n.id,c={rotaryLine:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./RotaryLine-B637X4bf.js"))),circleNotch:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./CircleNotch-B8iuW41w.js"))),circleBubble:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./CircleBubble-Dy0ZdksA.js"))),ballColor4:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./BallColor4-DnonDIhH.js"))),dotTyping:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./DotTyping-C3lIbePp.js"))),dotWave:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./DotWave-qMe3mmSZ.js"))),dotBounce:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./DotBounce-CZZH4mEa.js"))),dotPulse:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./DotPulse-COOjXnv_.js"))),dotOrbit:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./DotOrbit-Bc85abK0.js"))),dotFlow:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./DotFlow-CLdHzjWe.js"))),dotSlide:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./DotSlide-ZMPicASv.js"))),dotSlider:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./DotSlider-LD69sZqE.js"))),dotFold:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./DotFold-CvWt3-oU.js"))),dotSquare:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./DotSquare-E3a5pro2.js"))),barEqualizer:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./BarEqualizer-BHf0w7tV.js"))),barWave:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./BarWave-DUI23K1R.js"))),barPulse:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./BarPulse-D5kQbVrF.js"))),barStretch:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./BarStretch-Cl0SHOQ-.js"))),barMeter:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./BarMeter-D_ueAwiX.js"))),barBounce:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./BarBounce-BjHK0BdS.js"))),barRamp:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./BarRamp-w3L1uSbQ.js"))),ringRotate:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./RingRotate-DwnQ0h2m.js"))),ringDot:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./RingDot-DSGId4in.js"))),ringPulse:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./RingPulse-KPgwj7jj.js"))),ringClip:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./RingClip-D_MVAldd.js"))),ringFan:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./RingFan-pJoZOs9J.js"))),dotRipple:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./DotRipple-D4s6HLCP.js"))),circleSpinner:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./CircleSpinner-CeU8155c.js"))),dotRipple3:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./DotRipple3-DYxXNOvE.js"))),ringCross:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./RingCross-iEg5o7dv.js"))),squareTrace:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./SquareTrace-BfBejmDv.js"))),squareTrace2:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./SquareTrace2-WlHqhdQc.js"))),crossMove:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./CrossMove-CJbsANYA.js"))),snakePath:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./SnakePath-BKf-sLD-.js"))),squareMirror:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./SquareMirror-DMPY40pp.js"))),dotPulse5:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./DotPulse5-B5bpKtnw.js"))),diamondShuttle:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./DiamondShuttle-C9s7vFDE.js"))),barStream:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./BarStream-Bk0kLplm.js"))),newtonCradle:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./NewtonCradle-V3o0Li59.js"))),dotSpin:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./DotSpin-ZApS75E2.js"))),orbitSwap:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./OrbitSwap-Bw-p0aiJ.js"))),typingBounce:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./TypingBounce-BFSDq9Vl.js"))),ringGlow:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./RingGlow-ypkTE9hf.js"))),toastRing:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./ToastRing-CJSxEYDD.js")))},a=new Set(["ballColor4","diamondShuttle","orbitSwap","ringGlow"]),t=e.computed(()=>n.theme||"rotaryLine"),i=e.computed(()=>c[t.value]||null),u=e.computed(()=>n.size==="large"),d=e.computed(()=>n.size==="xl"),p=e.computed(()=>n.size==="xxl"),v=e.computed(()=>n.size==="xs"),C=e.computed(()=>{const o=n.color||"";return o?a.has(t.value)?o:s.isString(o)?o.split("|")[0].trim():"":""}),y=e.computed(()=>s.getJsonMerge({"panel-load":!0,"size-large":u.value,"size-xl":d.value,"size-xxl":p.value,"size-xs":v.value},h.getClassNameJson(n.className)));return(o,A)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(y.value),id:e.unref(m),role:"status","aria-label":e.unref(l).loading||"加载中"},[i.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),{key:0,color:C.value,size:r.size},null,8,["color","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],10,f))}});exports._sfc_main=P;

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-C_7ArHlU.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),s=require("@cldemo/ui-kit/common/base"),W=require("@cldemo/ui-kit/common/Element"),X=require("@cldemo/ui-kit/common/globalConfig"),Y=require("./language-BJ4aVgHI.js");;/* empty css                    */const Z=["id"],ee={key:0,class:"cl-plaintext-value"},te={key:2,class:"selectTag-container"},le=["aria-selected","aria-disabled","tabindex"],ie=["aria-selected","aria-disabled","tabindex","onClick","onKeydown"],se=["innerHTML"],ne={key:1},ae=t.defineComponent({name:"ClSelectTag",__name:"Index",props:{id:String,value:[String,Number],className:String,disabled:Boolean,type:{type:String,required:!0,validator:u=>["checkbox","radio"].indexOf(u)!==-1},list:{type:Array,default:()=>[]},theme:String,width:String,isShowAll:Boolean,showAllLabel:String,isInitRadioValue:{type:Boolean,default:!0},isRadioClickCancel:Boolean,checkChangeBefore:Function,isPlaintext:{type:Boolean,default:!1},plaintextSeparator:{type:String,default:","}},emits:{"update:value":u=>!0,"update:modelValue":u=>!0,onChange:(u,C,w,n)=>!0,onInit:(u,C,w)=>!0,onError:u=>!0},setup(u,{expose:C,emit:w}){const n=u,y=w,{optPageLanguage:K,getPageLanguage:R}=Y.useLanguage();R("common");const J=`s-${s.getRandom(5)}`,N=n.id,T=t.reactive({theme:""}),h=t.ref(!1),D=e=>{let l=[];return s.isEmpty(e)||(l=e.toString().split(",")),l},c=t.ref(D(n.value));let v=[],p={};const q=t.ref(0),g=t.ref(!1);let E=0;const P=t.computed(()=>{const e=n.list;return s.isArray(e)?e.filter(l=>!s.isEmpty(l)):[]}),j=t.computed(()=>{const e=s.isString(n.plaintextSeparator)?n.plaintextSeparator:",";n.list,q.value;const l=[];return c.value.forEach(i=>{const o=s.isExistJsonKey(p,i)?p[i]:void 0;o&&s.isNonEmptyString(o.name)&&l.push(o.name)}),l.join(e)}),z=t.computed(()=>{const{theme:e}=n,l={"panel-select-tag":!0};let i=T.theme;return e&&(i=e),s.isEmpty(i)||(l[`selectTag-${i}`]=!0),s.getJsonMerge(l,W.getClassNameJson(n.className))}),H=t.computed(()=>{const e={};return s.isEmpty(n.width)||(e.width=n.width),e}),k=e=>{y("update:value",e),y("update:modelValue",e)},L=e=>{if(!s.isEqualArr(c.value,e)){const l=s.getArrClone(c.value),i=m(l);c.value=s.getArrClone(e);const{value:o,isAll:a,info:r}=m(e);n.isShowAll&&(h.value=a),k(o),y("onChange",o,r,a,{value:i.value,info:i.info})}},G=()=>{t.nextTick(()=>{const{value:e,isAll:l,info:i}=m(c.value);y("onInit",e,i,l)})},m=e=>{const l=[];s.isEmpty(e)||e.forEach(r=>{s.isExistJsonKey(p,r)&&l.push(s.getJsonClone(p[r]))});const i=e.join(","),o=l.length>0&&l.length===v.length;let a;return n.type==="radio"?(a={},l.length>0&&(a=l[0])):a=l,{value:i,info:a,isAll:o}},M=e=>!s.isEmpty(e.id)&&c.value.includes(e.id.toString()),O=e=>{const l={};return e.isHtml?l.width="auto":s.isEmpty(e.width)?s.isEmpty(n.width)||(l.width=n.width):l.width=e.width,l},Q=()=>{const e=X.getGlobalConfig("selectTag");e?.theme&&(T.theme=e.theme)},B=e=>{const l=[];if(e.length>0){const i=p[e[0]],o=i&&!s.isEmpty(i.type)?i.type:n.type;e.forEach(a=>{if(s.isExistJsonKey(p,a)){const r=p[a];if((s.isEmpty(r.type)?n.type:r.type)===o)switch(o){case"radio":l.length===0&&l.push(a);break;case"checkbox":l.push(a);break}}})}return l},b=e=>{if(p={},v=[],!s.isEmpty(e)){const l=s.getArrClone(c.value);e.forEach(i=>{if(s.isEmpty(i?.id))return;const o=i.id.toString();p[o]=i,i.isDisabled?s.isExistValue(l,o)&&v.push(o):v.push(o)})}q.value+=1},S=()=>{if(g.value){let e=[];s.isEmpty(c.value)||(e=B(c.value),s.isEqualArr(c.value,e)||(c.value=e,k(e.join(",")))),n.isShowAll&&(h.value=e.length>0&&e.length===v.length)}},x=()=>{if(n.type==="radio"&&n.isInitRadioValue&&s.isEmpty(c.value)&&!s.isEmpty(n.list)){const e=n.list.find(l=>!l.isDisabled);if(e&&!s.isEmpty(e.id)){const l=e.id.toString();c.value=[l],k(l)}}},A=e=>{const l=D(e);s.isEqualArr(c.value,l)||(c.value=l,k(l.join(",")))},U=()=>{Q(),g.value=!s.isEmpty(n.list),b(n.list),x(),S()};t.onMounted(()=>{t.nextTick(()=>{U()})}),t.watch(g,e=>{e&&G()}),t.watch([()=>n.list,()=>n.value,()=>n.type],([e,l],[i,o])=>{const a=e;!g.value&&a!==i&&(g.value=!0),l!==o&&A(l),b(a),l===o&&x(),S()});const V=async()=>{if(!n.disabled&&!s.isEmpty(n.list)){const e=++E;if(!n.list.some(r=>!r.isDisabled))return;const i=[];n.list.forEach(r=>{if(s.isEmpty(r.id))return;const d=r.id.toString();r.isDisabled?s.isExistValue(c.value,d)&&i.push(d):h.value||i.push(d)});const o=B(i);let a=!0;if(n.checkChangeBefore){const{value:r}=m(o),d=m(s.getArrClone(c.value));try{a=await n.checkChangeBefore(r,d.value),a=s.isBoolean(a)?a:!0}catch(f){a=!1,y("onError",f instanceof Error?f.message:String(f))}}a&&e===E&&L(o)}},I=async e=>{if(!e.isDisabled&&!n.disabled&&!s.isEmpty(e.id)){const l=++E;let i=n.type;i=s.isEmpty(e.type)?i:e.type;const o=s.getArrClone(c.value);let a=[];const r=e.id.toString();if(o.length===0)a=[r];else if(i==="radio")s.isEqualArr(o,[r])?a=n.isRadioClickCancel?[]:o:a=[r];else{const f=p[o[0]];(f&&!s.isEmpty(f.type)?f.type:n.type)==="radio"?a=[r]:s.isExistValue(o,r)?a=s.getArrRemoveById(o,r):(a=s.getArrClone(o),a.push(r))}let d=!0;if(n.checkChangeBefore){const{value:f}=m(a),F=m(o);try{d=await n.checkChangeBefore(f,F.value),d=s.isBoolean(d)?d:!0}catch(_){d=!1,y("onError",_ instanceof Error?_.message:String(_))}}d&&l===E&&L(a)}},$=()=>B(c.value).join(",");return C({getValue:$,getValueData:()=>{const{value:e,info:l}=m($().split(","));return n.type==="radio"&&s.isEmpty(e)?null:l},setValue:e=>{A(e),b(n.list),S()},runInitComplete:()=>{g.value||(g.value=!0,A(n.value),b(n.list),x(),S())}}),(e,l)=>(t.openBlock(),t.createElementBlock("div",{id:t.unref(N),class:t.normalizeClass(z.value)},[u.isPlaintext?(t.openBlock(),t.createElementBlock("div",ee,t.toDisplayString(j.value),1)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[],64)),u.isPlaintext?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("ul",te,[u.isShowAll?(t.openBlock(),t.createElementBlock("li",{key:0,role:"option","aria-selected":h.value,"aria-disabled":u.disabled,tabindex:u.disabled?-1:0,class:t.normalizeClass({"selectTag-item":!0,"selectTag-active":h.value,"selectTag-disabled":u.disabled}),style:t.normalizeStyle(H.value),onClick:l[0]||(l[0]=i=>V()),onKeydown:[l[1]||(l[1]=t.withKeys(t.withModifiers(i=>V(),["prevent"]),["enter"])),l[2]||(l[2]=t.withKeys(t.withModifiers(i=>V(),["prevent"]),["space"]))]},[t.createElementVNode("span",null,t.toDisplayString(u.showAllLabel||t.unref(K).checkboxAll),1)],46,le)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[],64)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(P.value,(i,o)=>(t.openBlock(),t.createElementBlock("li",{key:`${J}-${i.id}-${o}`,role:"option","aria-selected":M(i),"aria-disabled":i.isDisabled||u.disabled,tabindex:i.isDisabled||u.disabled?-1:0,class:t.normalizeClass({"selectTag-item":!0,"selectTag-active":M(i),"selectTag-disabled":i.isDisabled||u.disabled}),style:t.normalizeStyle(O(i)),onClick:a=>I(i),onKeydown:[t.withKeys(t.withModifiers(a=>I(i),["prevent"]),["enter"]),t.withKeys(t.withModifiers(a=>I(i),["prevent"]),["space"])]},[t.renderSlot(e.$slots,"default",{data:i},()=>[i.isHtml?(t.openBlock(),t.createElementBlock("span",{key:0,innerHTML:t.unref(s).encodeHTML(i.name)},null,8,se)):(t.openBlock(),t.createElementBlock("span",ne,t.toDisplayString(i.name),1))])],46,ie))),128))]))],10,Z))}});exports._sfc_main=ae;

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-Cg_benGj.js

@@ -0,0 +1,208 @@
+import { defineComponent as R, useTemplateRef as A, reactive as K, ref as U, computed as c, onMounted as $, onBeforeUnmount as q, watch as z, openBlock as m, createElementBlock as g, normalizeStyle as J, normalizeClass as G, unref as L, Fragment as y, createTextVNode as j, toDisplayString as O, withDirectives as Q, createElementVNode as W, vModelText as X, createBlock as Y, withModifiers as Z, nextTick as ee } from "vue";
+import l from "@cldemo/ui-kit/common/base";
+import te from "@cldemo/ui-kit/common/Element";
+import { _ as ae } from "./Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+/* empty css               */
+/* empty css                   */
+const le = ["id"], ne = ["name", "placeholder", "disabled", "aria-label"], d = "100px", de = /* @__PURE__ */ R({
+  name: "ClInputTextarea",
+  __name: "Index",
+  props: {
+    id: {
+      type: String,
+      default: ""
+      // desc: 组件唯一标识
+    },
+    name: {
+      type: String,
+      default: ""
+      // desc: textarea name 属性
+    },
+    value: {
+      type: String,
+      default: ""
+      // desc: 绑定值
+    },
+    className: {
+      type: String,
+      default: ""
+      // desc: 自定义 CSS 类名
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+      // desc: 是否禁用
+    },
+    width: {
+      type: String,
+      default: ""
+      // desc: 宽度
+    },
+    height: {
+      type: String,
+      default: "100px"
+      // desc: 高度
+    },
+    placeholder: {
+      type: String,
+      default: ""
+      // desc: 占位文本
+    },
+    isClean: {
+      type: Boolean,
+      default: !1
+      // desc: 是否显示清除按钮
+    },
+    isAutoHeight: {
+      type: Boolean,
+      default: !1
+      // desc: 是否自动撑高
+    },
+    changeDelayTime: {
+      type: Number,
+      default: 200
+      // desc: onChangeDelay 防抖延迟毫秒数
+    },
+    heightMax: {
+      type: String,
+      default: ""
+      // desc: 最大高度
+    },
+    isPlaintext: {
+      type: Boolean,
+      default: !1
+      // desc: 是否纯文本只读模式，只渲染文本不挂载文本域（\n 与 <br> 均按换行呈现）
+    }
+  },
+  emits: ["update:value", "update:modelValue", "onChange", "onInit", "onKeydownEnter", "onKeyupEnter", "onFocus", "onBlur", "onChangeDelay"],
+  setup(u, { expose: C, emit: D }) {
+    const t = u, o = D, T = t.id, p = A("refElTextarea"), h = K({
+      height: t.height || d
+    }), s = U(l.isString(t.value) ? t.value : ""), n = {
+      lastValue: l.isString(t.value) ? t.value : "",
+      prevDelayValue: l.isString(t.value) ? t.value : "",
+      valueDelayRun: !1
+    }, S = c(() => {
+      let e = t.name;
+      return l.isEmpty(e) && (e = `textarea_${l.getRandom(8)}`), e;
+    }), V = c(() => t.isClean && !t.disabled && !l.isEmpty(s.value)), k = c(() => {
+      let e = {
+        "panel-input-textarea": !0,
+        // 纯文本模式无清除图标，不再预留图标位
+        "textarea-clean": t.isClean && !t.isPlaintext
+      };
+      return t.isPlaintext && (e["cl-plaintext-value"] = !0, e["cl-plaintext-value-pre"] = !0), e = l.getJsonMerge(e, te.getClassNameJson(t.className)), e;
+    }), _ = c(() => {
+      const e = s.value;
+      return l.isString(e) ? e.replace(/<\/?br\s*\/?>/gi, `
+`) : "";
+    }), B = c(() => {
+      const { width: e, heightMax: a } = t, r = {};
+      return l.isNonEmptyString(e) && (r.width = e), t.isPlaintext || (l.isEmpty(h.height) || (r.height = h.height), l.isNonEmptyString(a) && (r["max-height"] = a)), r;
+    });
+    let i;
+    const H = (e) => {
+      i && (clearTimeout(i), i = null), n.valueDelayRun = !0, i = setTimeout(
+        () => {
+          n.valueDelayRun = !1, n.prevDelayValue !== e && (n.prevDelayValue = e, o("onChangeDelay", e));
+        },
+        Math.max(t.changeDelayTime, 0)
+      );
+    }, v = (e) => {
+      e !== n.lastValue && (n.lastValue = e, o("update:value", e), o("update:modelValue", e), o("onChange", e), H(e));
+    }, f = () => {
+      if (t.isAutoHeight) {
+        const e = p.value;
+        if (e) {
+          e.style.height = t.height || d;
+          const a = e.scrollHeight + e.scrollTop + (e.offsetHeight - e.clientHeight);
+          e.style.height = "100%", h.height = a > 0 ? `${a}px` : t.height || d;
+        }
+      }
+    }, x = () => {
+      p.value?.focus();
+    }, b = () => {
+      ee(() => {
+        o("onInit");
+      });
+    };
+    $(() => {
+      b();
+    }), q(() => {
+      i && (clearTimeout(i), i = null);
+    }), z(
+      () => t.value,
+      (e, a) => {
+        e !== a && (s.value = l.isString(e) ? e : "", n.lastValue = l.isString(e) ? e : "", requestAnimationFrame(() => f()), n.valueDelayRun || (n.prevDelayValue = e || ""));
+      }
+    );
+    const P = (e) => {
+      const a = e.target;
+      if (!a) return;
+      const r = a.value;
+      requestAnimationFrame(() => f()), v(r);
+    }, I = (e) => {
+      e.key === "Enter" && o("onKeydownEnter", e);
+    }, N = (e) => {
+      e.key === "Enter" && o("onKeyupEnter", e);
+    }, M = () => {
+      s.value = "", v(""), x();
+    }, w = () => {
+      o("onFocus");
+    }, F = () => {
+      o("onBlur");
+    }, E = () => l.trim(s.value);
+    return C({
+      getValue: E,
+      getValueData: () => ({ value: E(), show: s.value }),
+      setValue: (e) => {
+        i && (clearTimeout(i), i = null, n.valueDelayRun = !1);
+        const a = l.isEmpty(e) ? "" : e;
+        n.lastValue = a, n.prevDelayValue = a, s.value = a, f();
+      },
+      initHeight: () => {
+        h.height = t.height || d, t.isAutoHeight && f();
+      },
+      focus: () => {
+        x();
+      },
+      getParentElement: () => p.value?.parentElement || null
+    }), (e, a) => (m(), g("div", {
+      id: L(T),
+      class: G(k.value),
+      style: J(B.value)
+    }, [
+      u.isPlaintext ? (m(), g(y, { key: 0 }, [
+        j(O(_.value), 1)
+      ], 64)) : (m(), g(y, { key: 1 }, [
+        Q(W("textarea", {
+          ref_key: "refElTextarea",
+          ref: p,
+          class: "form-control text-area",
+          "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
+          name: S.value,
+          placeholder: u.placeholder,
+          disabled: u.disabled,
+          "aria-label": u.placeholder || "文本输入区域",
+          onInput: P,
+          onKeydown: I,
+          onKeyup: N,
+          onFocus: w,
+          onBlur: F
+        }, null, 40, ne), [
+          [X, s.value]
+        ]),
+        V.value ? (m(), Y(ae, {
+          key: 0,
+          name: "close-circle-fill",
+          class: "textarea-clear-icon",
+          "aria-label": "清除输入内容",
+          onClick: Z(M, ["stop"])
+        })) : (m(), g(y, { key: 1 }, [], 64))
+      ], 64))
+    ], 14, le));
+  }
+});
+export {
+  de as _
+};