@cldemo/ui-kit 1.1.2 → 1.1.4

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

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),ee=require("@cldemo/ui-kit/common/log"),l=require("@cldemo/ui-kit/common/base"),T=require("@cldemo/ui-kit/common/Element"),L=require("./Index.vue_vue_type_script_setup_true_lang-CZNVHUR1.js"),te=require("./Index.vue_vue_type_script_setup_true_lang-uhKZpiAd.js"),oe=require("./Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),le=require("./index-CcHdm5g3.js");;/* empty css              */const ne=["id"],ae=["disabled","aria-label"],re={key:2,class:"btn-label"},se={key:0,class:"btn-loading"},ce={class:"btn-body-backdrop-container"},ie={class:"btn-body-backdrop-text"},ue=e.defineComponent({name:"ClButton",directives:{clwaves:le.wavesBind},__name:"Index",props:{id:String,className:String,disabled:{type:Boolean,default:!1},classBtn:String,label:String,icon:String,iconName:String,color:{type:String,default:"default"},size:{type:String,validator:n=>n===void 0||["large","small","xl"].indexOf(n)!==-1},isShowLoad:{type:Boolean,default:!1},loadPos:{type:String,default:"right",validator:n=>["right","zoom-out","fixedCenter"].indexOf(n)!==-1},loadTheme:{type:String,default:"rotaryLine"},loadColor:String,loadDrift:{type:Boolean,default:!0},loadText:{type:String,default:"加载中"},isShowBackDrop:{type:Boolean,default:!1},teleportTarget:{type:String,default:""},backdropOpacity:{type:Number,default:.02,validator:n=>n>=0&&n<=1},isShowWaves:{type:Boolean,default:!0},wavesColor:{type:String,default:"white"},loadStatusIsIng:{type:[Boolean,null],default:null}},emits:{onClick:()=>!0},setup(n,{expose:N,emit:I}){const t=n,D=I,R=t.id,_=e.useSlots(),a=e.ref(!1),i=e.ref(!1),f=e.ref(!1),r=e.useTemplateRef("refElBtn"),m=e.useTemplateRef("refElContent"),v=e.ref(!1),w=e.ref("");let s=null,g=!1,u=null;typeof window<"u"&&l.isEmpty(t.label)&&l.isEmpty(t.icon)&&l.isEmpty(t.iconName)&&!_.default&&ee.warn("ClButton","警告：label、icon、iconName 或默认插槽必须传一个值");const b=e.computed(()=>!l.isEmpty(t.label)||!!_.default),k=e.computed(()=>{const o=t.icon||t.iconName;return l.isNonEmptyString(o)?o:""}),V=e.computed(()=>b.value&&t.label||"按钮"),q=e.computed(()=>t.disabled?!0:a.value),d=e.computed(()=>t.loadPos==="fixedCenter"),O=e.computed(()=>t.loadColor||"var(--cl-bg, #ffffff)"),W=e.computed(()=>t.loadColor||w.value),F=e.computed(()=>`rgba(0, 0, 0, ${t.backdropOpacity})`),$=e.computed(()=>{let o=t.wavesColor||"white";return(l.isExistValue(t.color,"white")||l.isExistValue(t.color,"grayLight")||l.isExistValue(t.color,"text"))&&(o="black"),o}),P=e.computed(()=>t.isShowWaves?{color:$.value}:!1),B=e.computed(()=>{let o=t.loadPos||"right";return l.isExistValue(t.classBtn,"btn-circle")&&l.isExistValue(o,"right")&&(o="zoom-out"),o}),S=e.computed(()=>{let o="";switch(t.loadTheme){case"rotaryLine":o=l.isExistValue(t.classBtn,"btn-circle")?"":"large";break;case"circleNotch":default:o="large";break;case"circleBubble":o="";break}return o}),J=e.computed(()=>{const o={"panel-button":!0};return l.getJsonMerge(o,T.getClassNameJson(t.className))}),M=e.computed(()=>{let o={"btn-parent":!0,btn:!0};return l.isEmpty(t.color)||(o[`btn-${t.color}`]=!0),o=l.getJsonMerge(o,T.getClassNameJson(t.classBtn)),l.isEmpty(t.size)||(o[`btn-${t.size}`]=!0),o["btn-load-ing"]=a.value,a.value&&(o[`btn-load-${B.value}`]=!0,o[`btn-load-${t.loadTheme}`]=!0,o["btn-load-nodrift"]=!t.loadDrift||B.value==="right"&&v.value),o}),A=e.computed(()=>{const o=a.value&&d.value;return{"btn-body-backdrop-main":!0,animated:!0,zoomIn:o,zoomOut:!o}}),U=e.computed(()=>{const o={};return(b.value||k.value)&&B.value==="zoom-out"&&a.value&&!d.value&&(o.opacity=0),o}),j=()=>{D("onClick")},G=()=>{if(l.isExistValue(t.classBtn,"btn-circle"))return 20;switch(t.loadTheme){case"circleNotch":return 24;case"circleBubble":return 30;case"rotaryLine":default:return t.size==="small"?20:30}},E=()=>{if(typeof window>"u"||!r.value)return;const o=r.value.querySelector(".btn-label")||r.value.querySelector(".btn-icon")||r.value,p=window.getComputedStyle(o).color;l.isEmpty(p)||(w.value=p)},h=()=>{if(typeof window>"u"||!r.value||!m.value||a.value)return;const o=r.value,c=m.value.children;if(!c.length){v.value=!0;return}const Q=o.getBoundingClientRect(),z=c[c.length-1].getBoundingClientRect(),X=z.right-c[0].getBoundingClientRect().left,Y=Q.right-z.right,Z=G()+6+5;v.value=Y>=Z&&X>0},H=()=>{C(),!(typeof window>"u"||!r.value||!window.ResizeObserver)&&(u=new window.ResizeObserver(()=>{h()}),u.observe(r.value))},C=()=>{u&&(u.disconnect(),u=null)},y=()=>{a.value||(s&&(clearTimeout(s),s=null),t.isShowBackDrop&&(i.value=!0,f.value=!0),a.value=!0)},x=()=>{t.isShowBackDrop&&(d.value?e.nextTick(()=>{g||(s=setTimeout(()=>{g||(i.value=!1,f.value=!1,s=null)},200))}):i.value=!1),a.value=!1};e.onMounted(()=>{e.nextTick(()=>{E(),h(),H()})}),e.onBeforeUnmount(()=>{g=!0,C(),s&&(clearTimeout(s),s=null)}),e.watch(()=>[t.label,t.icon,t.iconName,t.size,t.loadTheme,t.classBtn,t.loadDrift,t.color],()=>{e.nextTick(()=>{E(),h()})}),e.watch(()=>t.loadStatusIsIng,o=>{l.isBoolean(o)&&(o?y():x())},{immediate:!0});const K=()=>{t.disabled||(t.isShowLoad&&y(),j())};return N({loadStart:()=>{y()},loadStop:()=>{x()}}),(o,p)=>{const c=e.resolveDirective("clwaves");return e.openBlock(),e.createElementBlock("span",{id:e.unref(R),class:e.normalizeClass(J.value)},[e.withDirectives((e.openBlock(),e.createElementBlock("button",{type:"button",class:e.normalizeClass(M.value),disabled:q.value,"aria-label":V.value,ref_key:"refElBtn",ref:r,onClick:K},[e.createElementVNode("span",{style:e.normalizeStyle(U.value),ref_key:"refElContent",ref:m},[k.value?(e.openBlock(),e.createBlock(oe._sfc_main,{key:0,name:k.value,className:"btn-icon"},null,8,["name"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),b.value?(e.openBlock(),e.createElementBlock("span",re,[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.label),1)])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64))],4),a.value&&!d.value?(e.openBlock(),e.createElementBlock("span",se,[e.createVNode(L._sfc_main,{theme:n.loadTheme,size:S.value,color:W.value},null,8,["theme","size","color"])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],10,ae)),[[c,P.value]]),i.value?(e.openBlock(),e.createBlock(te._sfc_main,{key:0,show:i.value,zIndex:1000001,duration:0,isLockScroll:!1,background:F.value,teleportTarget:n.teleportTarget},{default:e.withCtx(()=>[d.value&&f.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(A.value)},[e.createElementVNode("div",ce,[e.createVNode(L._sfc_main,{theme:n.loadTheme,size:S.value,color:O.value},null,8,["theme","size","color"]),e.createElementVNode("div",ie,e.toDisplayString(n.loadText||"加载中"),1)])],2)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))]),_:1},8,["show","background","teleportTarget"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],10,ne)}}});exports._sfc_main=ue;

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

@@ -0,0 +1,318 @@
+import { defineComponent as fe, useSlots as me, ref as v, useTemplateRef as V, computed as l, onMounted as pe, nextTick as E, onBeforeUnmount as ve, watch as $, resolveDirective as be, openBlock as n, createElementBlock as s, normalizeClass as z, unref as ge, withDirectives as he, createElementVNode as x, normalizeStyle as ye, createBlock as W, Fragment as b, renderSlot as ke, createTextVNode as Be, toDisplayString as P, createVNode as F, withCtx as we } from "vue";
+import Se from "@cldemo/ui-kit/common/log";
+import o from "@cldemo/ui-kit/common/base";
+import J from "@cldemo/ui-kit/common/Element";
+import { _ as M } from "./Index.vue_vue_type_script_setup_true_lang-DROYOL5-.js";
+import { _ as Ce } from "./Index.vue_vue_type_script_setup_true_lang-CVmFF9j1.js";
+import { _ as _e } from "./Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+import { w as Ee } from "./index-CU97F682.js";
+/* empty css             */
+const ze = ["id"], xe = ["disabled", "aria-label"], Le = {
+  key: 2,
+  class: "btn-label"
+}, Te = {
+  key: 0,
+  class: "btn-loading"
+}, Ne = { class: "btn-body-backdrop-container" }, De = { class: "btn-body-backdrop-text" }, Ue = /* @__PURE__ */ fe({
+  name: "ClButton",
+  directives: {
+    clwaves: Ee
+  },
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
+    className: String,
+    // desc: 自定义CSS类名，应用于最外层容器
+    disabled: {
+      type: Boolean,
+      default: !1
+      // desc: 是否禁用按钮
+    },
+    classBtn: String,
+    // desc: 自定义按钮CSS类名，应用于内部 button 元素（如 btn-circle、btn-ellipse）
+    label: String,
+    // desc: 按钮文本标签
+    icon: String,
+    // desc: 内置图标名（透传 cl-icon-font 的 name，自动加 clIcon- 前缀）
+    iconName: String,
+    // desc: 内置图标名（透传 cl-icon-font 的 name，兼容别名，icon 优先）
+    color: {
+      type: String,
+      default: "default"
+      // desc: 按钮颜色主题 | enum: default, green, red, yellow, white, grayLight, transparent, text  (可自定义)
+    },
+    size: {
+      type: String,
+      validator: (a) => a === void 0 || ["large", "small", "xl"].indexOf(a) !== -1
+      // desc: 按钮尺寸 | enum: large, small, xl
+    },
+    isShowLoad: {
+      type: Boolean,
+      default: !1
+      // desc: 是否显示加载动画
+    },
+    loadPos: {
+      type: String,
+      default: "right",
+      // desc: 加载动画位置 | enum: right, zoom-out, fixedCenter
+      validator: (a) => ["right", "zoom-out", "fixedCenter"].indexOf(a) !== -1
+    },
+    loadTheme: {
+      type: String,
+      default: "rotaryLine"
+      // desc: 加载动画主题 | enum: rotaryLine, circleNotch, circleBubble  (可自定义)
+    },
+    loadColor: String,
+    // desc: 加载动画颜色，透传至 ClLoad；未传时自动取按钮文字色（label → icon → 按钮兜底）
+    loadDrift: {
+      type: Boolean,
+      default: !0
+      // desc: 加载时是否漂移
+    },
+    loadText: {
+      type: String,
+      default: "加载中"
+      // desc: 加载提示文本
+    },
+    isShowBackDrop: {
+      type: Boolean,
+      default: !1
+      // desc: 是否显示遮罩层
+    },
+    teleportTarget: {
+      type: String,
+      default: ""
+      // desc: 遮罩挂载目标 | enum: 空→body、self、#id（指定容器 id）
+    },
+    backdropOpacity: {
+      type: Number,
+      default: 0.02,
+      // desc: 遮罩层透明度，范围 0-1
+      validator: (a) => a >= 0 && a <= 1
+    },
+    isShowWaves: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示点击波纹效果
+    },
+    wavesColor: {
+      type: String,
+      default: "white"
+      // desc: 波纹颜色 | enum: white, black
+    },
+    loadStatusIsIng: {
+      type: [Boolean, null],
+      default: null
+      // desc: 加载状态外部控制（true 开始加载，false 结束加载，null 忽略）
+    }
+  },
+  emits: {
+    onClick: () => !0
+    // desc: 点击按钮时触发
+  },
+  setup(a, { expose: A, emit: q }) {
+    const e = a, U = q, j = e.id, L = me(), r = v(!1), d = v(!1), g = v(!1), i = V("refElBtn"), h = V("refElContent"), y = v(!1), T = v("");
+    let c = null, k = !1, f = null;
+    typeof window < "u" && o.isEmpty(e.label) && o.isEmpty(e.icon) && o.isEmpty(e.iconName) && !L.default && Se.warn("ClButton", "警告：label、icon、iconName 或默认插槽必须传一个值");
+    const B = l(() => !o.isEmpty(e.label) || !!L.default), w = l(() => {
+      const t = e.icon || e.iconName;
+      return o.isNonEmptyString(t) ? t : "";
+    }), G = l(() => B.value && e.label || "按钮"), H = l(() => e.disabled ? !0 : r.value), m = l(() => e.loadPos === "fixedCenter"), K = l(() => e.loadColor || "var(--cl-bg, #ffffff)"), Q = l(() => e.loadColor || T.value), X = l(() => `rgba(0, 0, 0, ${e.backdropOpacity})`), Y = l(() => {
+      let t = e.wavesColor || "white";
+      return (o.isExistValue(e.color, "white") || o.isExistValue(e.color, "grayLight") || o.isExistValue(e.color, "text")) && (t = "black"), t;
+    }), Z = l(() => e.isShowWaves ? { color: Y.value } : !1), S = l(() => {
+      let t = e.loadPos || "right";
+      return o.isExistValue(e.classBtn, "btn-circle") && o.isExistValue(t, "right") && (t = "zoom-out"), t;
+    }), N = l(() => {
+      let t = "";
+      switch (e.loadTheme) {
+        case "rotaryLine":
+          t = o.isExistValue(e.classBtn, "btn-circle") ? "" : "large";
+          break;
+        case "circleNotch":
+        default:
+          t = "large";
+          break;
+        case "circleBubble":
+          t = "";
+          break;
+      }
+      return t;
+    }), ee = l(() => {
+      const t = {
+        "panel-button": !0
+      };
+      return o.getJsonMerge(t, J.getClassNameJson(e.className));
+    }), te = l(() => {
+      let t = {
+        "btn-parent": !0,
+        btn: !0
+      };
+      return o.isEmpty(e.color) || (t[`btn-${e.color}`] = !0), t = o.getJsonMerge(t, J.getClassNameJson(e.classBtn)), o.isEmpty(e.size) || (t[`btn-${e.size}`] = !0), t["btn-load-ing"] = r.value, r.value && (t[`btn-load-${S.value}`] = !0, t[`btn-load-${e.loadTheme}`] = !0, t["btn-load-nodrift"] = !e.loadDrift || S.value === "right" && y.value), t;
+    }), oe = l(() => {
+      const t = r.value && m.value;
+      return {
+        "btn-body-backdrop-main": !0,
+        animated: !0,
+        zoomIn: t,
+        zoomOut: !t
+      };
+    }), le = l(() => {
+      const t = {};
+      return (B.value || w.value) && S.value === "zoom-out" && r.value && !m.value && (t.opacity = 0), t;
+    }), ae = () => {
+      U("onClick");
+    }, ne = () => {
+      if (o.isExistValue(e.classBtn, "btn-circle"))
+        return 20;
+      switch (e.loadTheme) {
+        case "circleNotch":
+          return 24;
+        case "circleBubble":
+          return 30;
+        case "rotaryLine":
+        default:
+          return e.size === "small" ? 20 : 30;
+      }
+    }, D = () => {
+      if (typeof window > "u" || !i.value) return;
+      const t = i.value.querySelector(".btn-label") || i.value.querySelector(".btn-icon") || i.value, p = window.getComputedStyle(t).color;
+      o.isEmpty(p) || (T.value = p);
+    }, C = () => {
+      if (typeof window > "u" || !i.value || !h.value || r.value) return;
+      const t = i.value, u = h.value.children;
+      if (!u.length) {
+        y.value = !0;
+        return;
+      }
+      const ie = t.getBoundingClientRect(), O = u[u.length - 1].getBoundingClientRect(), ce = O.right - u[0].getBoundingClientRect().left, ue = ie.right - O.right, de = ne() + 6 + 5;
+      y.value = ue >= de && ce > 0;
+    }, re = () => {
+      I(), !(typeof window > "u" || !i.value || !window.ResizeObserver) && (f = new window.ResizeObserver(() => {
+        C();
+      }), f.observe(i.value));
+    }, I = () => {
+      f && (f.disconnect(), f = null);
+    }, _ = () => {
+      r.value || (c && (clearTimeout(c), c = null), e.isShowBackDrop && (d.value = !0, g.value = !0), r.value = !0);
+    }, R = () => {
+      e.isShowBackDrop && (m.value ? E(() => {
+        k || (c = setTimeout(() => {
+          k || (d.value = !1, g.value = !1, c = null);
+        }, 200));
+      }) : d.value = !1), r.value = !1;
+    };
+    pe(() => {
+      E(() => {
+        D(), C(), re();
+      });
+    }), ve(() => {
+      k = !0, I(), c && (clearTimeout(c), c = null);
+    }), $(
+      () => [
+        e.label,
+        e.icon,
+        e.iconName,
+        e.size,
+        e.loadTheme,
+        e.classBtn,
+        e.loadDrift,
+        e.color
+      ],
+      () => {
+        E(() => {
+          D(), C();
+        });
+      }
+    ), $(
+      () => e.loadStatusIsIng,
+      (t) => {
+        o.isBoolean(t) && (t ? _() : R());
+      },
+      { immediate: !0 }
+    );
+    const se = () => {
+      e.disabled || (e.isShowLoad && _(), ae());
+    };
+    return A({
+      loadStart: () => {
+        _();
+      },
+      loadStop: () => {
+        R();
+      }
+    }), (t, p) => {
+      const u = be("clwaves");
+      return n(), s("span", {
+        id: ge(j),
+        class: z(ee.value)
+      }, [
+        he((n(), s("button", {
+          type: "button",
+          class: z(te.value),
+          disabled: H.value,
+          "aria-label": G.value,
+          ref_key: "refElBtn",
+          ref: i,
+          onClick: se
+        }, [
+          x("span", {
+            style: ye(le.value),
+            ref_key: "refElContent",
+            ref: h
+          }, [
+            w.value ? (n(), W(_e, {
+              key: 0,
+              name: w.value,
+              className: "btn-icon"
+            }, null, 8, ["name"])) : (n(), s(b, { key: 1 }, [], 64)),
+            B.value ? (n(), s("span", Le, [
+              ke(t.$slots, "default", {}, () => [
+                Be(P(a.label), 1)
+              ])
+            ])) : (n(), s(b, { key: 3 }, [], 64))
+          ], 4),
+          r.value && !m.value ? (n(), s("span", Te, [
+            F(M, {
+              theme: a.loadTheme,
+              size: N.value,
+              color: Q.value
+            }, null, 8, ["theme", "size", "color"])
+          ])) : (n(), s(b, { key: 1 }, [], 64))
+        ], 10, xe)), [
+          [u, Z.value]
+        ]),
+        d.value ? (n(), W(Ce, {
+          key: 0,
+          show: d.value,
+          zIndex: 1000001,
+          duration: 0,
+          isLockScroll: !1,
+          background: X.value,
+          teleportTarget: a.teleportTarget
+        }, {
+          default: we(() => [
+            m.value && g.value ? (n(), s("div", {
+              key: 0,
+              class: z(oe.value)
+            }, [
+              x("div", Ne, [
+                F(M, {
+                  theme: a.loadTheme,
+                  size: N.value,
+                  color: K.value
+                }, null, 8, ["theme", "size", "color"]),
+                x("div", De, P(a.loadText || "加载中"), 1)
+              ])
+            ], 2)) : (n(), s(b, { key: 1 }, [], 64))
+          ]),
+          _: 1
+        }, 8, ["show", "background", "teleportTarget"])) : (n(), s(b, { key: 1 }, [], 64))
+      ], 10, ze);
+    };
+  }
+});
+export {
+  Ue as _
+};

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

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

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

@@ -0,0 +1,320 @@
+import { defineComponent as H, useTemplateRef as R, reactive as D, computed as m, onMounted as B, nextTick as y, onBeforeUnmount as N, onActivated as I, onDeactivated as P, watch as p, openBlock as A, createElementBlock as F, normalizeStyle as b, normalizeClass as M, unref as $, renderSlot as g, createElementVNode as W, createVNode as J, withCtx as V } from "vue";
+import n from "@cldemo/ui-kit/common/base";
+import E from "@cldemo/ui-kit/common/Element";
+import { Resize as S } from "@cldemo/ui-kit/common/Element/Event";
+import { _ as U } from "./Ing.vue_vue_type_script_setup_true_lang-DLgw8gwh.js";
+const Z = [
+  "#2ec7c9",
+  "#b6a2de",
+  "#5ab1ef",
+  "#ffb980",
+  "#d87a80",
+  "#8d98b3",
+  "#e5cf0d",
+  "#97b552",
+  "#95706d",
+  "#dc69aa",
+  "#07a2a4",
+  "#9a7fd1",
+  "#588dd5",
+  "#f5994e",
+  "#c05050",
+  "#59678c",
+  "#c9ab00",
+  "#7eb00a",
+  "#6f5553",
+  "#c14089"
+], q = {
+  color: Z,
+  title: {
+    textStyle: {
+      fontWeight: "normal",
+      color: "#008acd"
+    }
+  },
+  visualMap: {
+    itemWidth: 15,
+    color: ["#5ab1ef", "#e0ffff"]
+  },
+  /*  toolbox: {
+      iconStyle: {
+          normal: {
+              borderColor: colorPalette[0],
+          },
+      },
+  }, */
+  tooltip: {
+    backgroundColor: "rgba(50,50,50,0.5)",
+    axisPointer: {
+      type: "line",
+      lineStyle: {
+        color: "#008acd"
+      },
+      crossStyle: {
+        color: "#008acd"
+      },
+      shadowStyle: {
+        color: "rgba(200,200,200,0.2)"
+      }
+    }
+  },
+  dataZoom: {
+    dataBackgroundColor: "#efefff",
+    fillerColor: "rgba(182,162,222,0.2)",
+    handleColor: "#008acd"
+  },
+  grid: {
+    borderColor: "#eee"
+  },
+  categoryAxis: {
+    axisLine: {
+      lineStyle: {
+        color: "#008acd"
+      }
+    },
+    splitLine: {
+      lineStyle: {
+        color: ["#eee"]
+      }
+    }
+  },
+  valueAxis: {
+    axisLine: {
+      lineStyle: {
+        color: "#008acd"
+      }
+    },
+    splitArea: {
+      show: !0,
+      areaStyle: {
+        color: ["rgba(250,250,250,0.1)", "rgba(200,200,200,0.1)"]
+      }
+    },
+    splitLine: {
+      lineStyle: {
+        color: ["#eee"]
+      }
+    }
+  },
+  timeline: {
+    lineStyle: {
+      color: "#008acd"
+    },
+    controlStyle: {
+      color: "#008acd",
+      borderColor: "#008acd"
+    },
+    symbol: "emptyCircle",
+    symbolSize: 3
+  },
+  line: {
+    smooth: !0,
+    symbol: "emptyCircle",
+    symbolSize: 3
+  },
+  candlestick: {
+    itemStyle: {
+      color: "#d87a80",
+      color0: "#2ec7c9"
+    },
+    lineStyle: {
+      width: 1,
+      color: "#d87a80",
+      color0: "#2ec7c9"
+    },
+    areaStyle: {
+      color: "#2ec7c9",
+      color0: "#b6a2de"
+    }
+  },
+  scatter: {
+    symbol: "circle",
+    symbolSize: 4
+  },
+  map: {
+    /*  itemStyle: {
+        color: "#ddd",
+    },
+    areaStyle: {
+        color: "#fe994e",
+    },
+    label: {
+        color: "#d87a80",
+    }, */
+    itemStyle: {
+      color: "#2ec7c9"
+      // 省会圆点
+    },
+    label: {
+      color: "#000000"
+    }
+  },
+  graph: {
+    itemStyle: {
+      color: "#d87a80"
+    },
+    linkStyle: {
+      color: "#2ec7c9"
+    }
+  },
+  gauge: {
+    axisLine: {
+      lineStyle: {
+        color: [
+          [0.2, "#2ec7c9"],
+          [0.8, "#5ab1ef"],
+          [1, "#d87a80"]
+        ],
+        width: 10
+      }
+    },
+    axisTick: {
+      splitNumber: 10,
+      length: 15,
+      lineStyle: {
+        color: "auto"
+      }
+    },
+    splitLine: {
+      length: 22,
+      lineStyle: {
+        color: "auto"
+      }
+    },
+    pointer: {
+      width: 5
+    }
+  }
+}, G = ["id"], re = /* @__PURE__ */ H({
+  name: "ClEcharts",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 自定义ID
+    chartOption: Object,
+    // desc: ECharts 配置项（整体替换引用以更新图表）
+    className: String,
+    // desc: 自定义CSS类名
+    height: {
+      type: [Number, String],
+      default: 400
+      // desc: 图表高度（Number 单位 px；String 需带 CSS 单位，如 100%、400px）
+    },
+    isRunLoad: {
+      type: Boolean,
+      default: !1
+      // desc: 是否显示加载态
+    }
+  },
+  emits: ["onInitFirst", "onHideResize", "onError"],
+  setup(C, { expose: v, emit: z }) {
+    let c = null, d = !1;
+    const _ = () => (c || (c = import("echarts")), c), r = C, s = z, O = r.id, a = R("refElChart"), o = D({
+      isShowLoad: r.isRunLoad,
+      isEmptyData: !1
+    }), e = {
+      resizeEvent: null,
+      chartObject: null,
+      initTimer: null,
+      isHideEmit: !1
+    }, j = m(() => {
+      let t = {
+        "panel-echarts": !0,
+        "chart-loading": o.isShowLoad || o.isEmptyData
+      };
+      return t = n.getJsonMerge(t, E.getClassNameJson(r.className)), t;
+    }), L = m(() => {
+      const t = {};
+      return (o.isShowLoad || o.isEmptyData) && (t.height = "100%"), t;
+    }), w = m(() => {
+      const t = {}, { height: i } = r;
+      return typeof i == "number" && n.isFinite(i) && i > 0 ? t.height = `${i}px` : n.isNonEmptyString(i) && (t.height = i), t;
+    }), T = () => {
+      s("onHideResize");
+    }, k = () => {
+      s("onInitFirst");
+    }, l = () => {
+      e.chartObject && e.chartObject.resize();
+    }, h = async (t) => {
+      if (!a.value)
+        return;
+      const i = n.isEmpty(t);
+      if (o.isEmptyData = i, !i && t)
+        try {
+          const u = await _();
+          d || (u.registerTheme("macarons", q), d = !0), e.chartObject || (e.chartObject = u.init(a.value, "macarons"), e.initTimer = setTimeout(() => {
+            k();
+          }, 50)), e.chartObject.setOption(t, !0), l();
+        } catch {
+          e.initTimer && (clearTimeout(e.initTimer), e.initTimer = null), s("onError", "图表配置异常");
+        }
+      else e.chartObject && e.chartObject.clear();
+    }, f = () => {
+      e.chartObject && (E.isHiddenParent(a.value) ? e.isHideEmit || (e.isHideEmit = !0, T()) : (e.isHideEmit && (e.isHideEmit = !1), l()));
+    }, x = () => {
+      h(r.chartOption);
+    };
+    return B(() => {
+      e.resizeEvent = new S({
+        callback: () => {
+          f();
+        }
+      }), y(() => {
+        x();
+      });
+    }), N(() => {
+      e.resizeEvent && e.resizeEvent.destroy(), e.initTimer && clearTimeout(e.initTimer), e.chartObject && (e.chartObject.dispose(), e.chartObject = null);
+    }), I(() => {
+      e.resizeEvent || (e.resizeEvent = new S({
+        callback: () => {
+          f();
+        }
+      })), y(() => {
+        l();
+      });
+    }), P(() => {
+      e.resizeEvent && (e.resizeEvent.destroy(), e.resizeEvent = null);
+    }), p(
+      () => r.isRunLoad,
+      (t) => {
+        o.isShowLoad = t;
+      }
+    ), p(
+      () => r.chartOption,
+      (t) => {
+        h(t);
+      }
+    ), v({
+      getChartObject: () => e.chartObject,
+      getChartElement: () => a.value,
+      resize: () => {
+        l();
+      }
+    }), (t, i) => (A(), F("div", {
+      id: $(O),
+      class: M(j.value),
+      style: b(L.value)
+    }, [
+      g(t.$slots, "chartHead"),
+      W("div", {
+        ref_key: "refElChart",
+        ref: a,
+        style: b(w.value),
+        role: "img",
+        "aria-label": "图表"
+      }, null, 4),
+      J(U, {
+        isLoadIng: o.isShowLoad,
+        isEmpty: o.isEmptyData
+      }, {
+        nothingData: V(() => [
+          g(t.$slots, "nothingData")
+        ]),
+        _: 3
+      }, 8, ["isLoadIng", "isEmpty"])
+    ], 14, G));
+  }
+});
+export {
+  re as _
+};

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

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("@cldemo/ui-kit/common/base"),v=require("@cldemo/ui-kit/common/Element"),y=require("./Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),w=require("./Index.vue_vue_type_script_setup_true_lang-9IeuApdh.js"),L=require("./Index.vue_vue_type_script_setup_true_lang-CZNVHUR1.js"),M=["id"],P={class:"previewExample-image-icon"},q={class:"previewExample-video-img previewExample-image"},J=["onClick"],W={key:3,class:"previewExample-label-msg"},K={key:5,class:"previewExample-totalCount"},U=e.defineComponent({name:"ClPreviewExample",__name:"Index",props:{id:String,className:String,classContainer:String,classItem:String,type:{type:String,default:"image",validator:i=>["image","video"].includes(i)},width:{type:[Number,String],default:"auto"},height:{type:Number,required:!0},isWidthFull:{type:Boolean,default:!0},list:{type:Array,default:()=>[]},label:String,previewIconSize:{type:String,default:"large"},isShowLoading:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},isShowDelete:{type:Boolean,default:!1},showNum:{type:Number,default:-1},srcValueKey:{type:String,default:"value"},isShowCopy:{type:Boolean,default:!0},isClickImagePreview:{type:Boolean,default:!1},previewCallback:Function},emits:["onDelete"],setup(i,{emit:E}){const n=i,C=E,u=e.inject("$ClGlobals",null),B=`previewexample-${o.getRandom(5)}`,f=n.id,d=e.reactive({totalCount:-1}),p=e.ref([]),S=e.computed(()=>{const{width:t}=n;let l=!1;return(o.isEmpty(t)||typeof t=="string"&&t==="auto"||typeof t=="number"&&t<=0)&&(l=!0),l}),_=e.computed(()=>{let t={"panel-preview-example":!0,"previewExample-width-default":n.isWidthFull,"previewExample-width-auto":!n.isWidthFull};return t=o.getJsonMerge(t,v.getClassNameJson(n.className)),t}),N=e.computed(()=>{let t={"previewExample-container":!0};return t=o.getJsonMerge(t,v.getClassNameJson(n.classContainer)),t}),b=e.computed(()=>{const{type:t,previewIconSize:l}=n;let a={"previewExample-item":!0};return a[`previewExample-${t}`]=!0,a[`previewExample-iconSize-${l}`]=!0,a=o.getJsonMerge(a,v.getClassNameJson(n.classItem)),a}),k=e.computed(()=>{const t={height:`${n.height}px`};if(!S.value){let l=n.width.toString();l.indexOf("%")===-1&&(l=`${n.width}px`),t.width=l}return t}),x=t=>{C("onDelete",t)},h=()=>{const{list:t,showNum:l,srcValueKey:a}=n;let s=o.getListClone(t),r=t.length;l>0&&t.length>=l&&(r=l);const c=[];s.forEach((m,z)=>{if(!o.isEmpty(m)&&z+1<=r)if(o.isString(m))c.push({value:m});else{const D=o.isExistJsonKey(m,a)?m[a]:m.value;c.push({...m,value:D})}}),s=c,d.totalCount=t.length,p.value=s},I=()=>{h()},$=t=>{const l={};return o.isEmpty(t.id)||(l["data-id"]=t.id),o.isEmpty(t.ranId)||(l["data-ran-id"]=t.ranId),l};e.onMounted(()=>{e.nextTick(()=>{I()})}),e.watch(()=>n.list,()=>{h()},{deep:!0});const F=(t,l)=>{n.isClickImagePreview&&g(t,l,"image")},g=(t,l,a)=>{try{if(n.previewCallback)n.previewCallback(a,t,l);else{if(!u||o.isEmpty(u.preview))return;const{list:s}=n;let r;s.length===1?r=t.value:r=s.map(c=>o.isString(c)?c:c.value),u.preview.show({type:a,src:r,showIndex:l,isShowCopy:n.isShowCopy})}}catch{}},V=t=>{x(t)};return(t,l)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(f),class:e.normalizeClass(_.value)},[e.createElementVNode("div",{class:e.normalizeClass(N.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(a,s)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:`${B}-${s}`,class:b.value,style:k.value},{ref_for:!0},$(a)),[i.type==="image"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(w._sfc_main,{src:a.value,class:e.normalizeClass({"cursor-pointer":i.isClickImagePreview}),onClick:e.withModifiers(r=>F(a,s),["stop"])},null,8,["src","class","onClick"]),e.createElementVNode("div",P,[e.createVNode(y._sfc_main,{title:"预览",name:"search","aria-label":"预览",onClick:e.withModifiers(r=>g(a,s,"image"),["stop"])},null,8,["onClick"]),i.isShowDelete?(e.openBlock(),e.createBlock(y._sfc_main,{key:0,title:"删除",name:"close","aria-label":"删除",onClick:e.withModifiers(r=>V(s),["stop"])},null,8,["onClick"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))])],64)):i.type==="video"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",q,[a.imgUrl&&a.imgUrl.length>0?(e.openBlock(),e.createBlock(w._sfc_main,{key:0,src:a.imgUrl},null,8,["src"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"previewExample-video-icon",onClick:e.withModifiers(r=>g(a,s,"video"),["stop"])},[e.createVNode(y._sfc_main,{name:"play","aria-label":"播放"})],8,J)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[],64)),i.label&&i.label.length>0||a.label&&a.label.length>0?(e.openBlock(),e.createElementBlock("div",W,e.toDisplayString(i.label&&i.label.length>0?i.label:a.label),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[],64)),i.showNum>-1&&s===p.value.length-1&&d.totalCount>i.showNum?(e.openBlock(),e.createElementBlock("div",K,[e.createElementVNode("span",null,"共"+e.toDisplayString(d.totalCount)+e.toDisplayString(i.type==="image"?"张":"个"),1)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:6},[],64)),e.renderSlot(t.$slots,"extend",{data:a,inx:s})],16))),128)),i.isShowLoading&&i.isLoading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([`previewExample-${i.type}`]),style:e.normalizeStyle(k.value)},[e.createVNode(L._sfc_main,{theme:"circleNotch",size:"large"})],6)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],2)],10,M))}});exports._sfc_main=U;

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

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("@cldemo/ui-kit/common/base");const l=require("@cldemo/ui-kit/common/Element"),d=["id"],c={key:0,class:"card-head"},i={key:0,class:"card-head-flex"},m={class:"card-title"},k={key:1,class:"card-title"},p={key:2,class:"card-explain"},u={key:2,class:"card-footer"},B=e.defineComponent({name:"ClCard",__name:"Index",props:{id:String,className:String,classBody:String,theme:{type:String,default:"default"},isInnerPadZero:{type:Boolean,default:!1}},setup(s){const t=s,a=t.id,n=e.computed(()=>({"panel-card":!0,"card-box":!0,...l.getClassNameJson(t.className),[`card-${t.theme||"default"}`]:!0})),r=e.computed(()=>({"card-body":!0,"card-body-padding-0":t.isInnerPadZero,...l.getClassNameJson(t.classBody)}));return(o,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.value),id:e.unref(a)},[o.$slots.headTitle||o.$slots.headExplain||o.$slots.headFlex?(e.openBlock(),e.createElementBlock("div",c,[o.$slots.headFlex?(e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("div",m,[e.renderSlot(o.$slots,"headTitle")]),e.renderSlot(o.$slots,"headFlex")])):(e.openBlock(),e.createElementBlock("div",k,[e.renderSlot(o.$slots,"headTitle")])),o.$slots.headExplain?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(o.$slots,"headExplain")])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("div",{class:e.normalizeClass(r.value)},[e.renderSlot(o.$slots,"default")],2),o.$slots.foot?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(o.$slots,"foot")])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64))],10,d))}});exports._sfc_main=B;