@cldemo/ui-kit 1.1.2 → 1.1.3

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-DgD_gHit.js

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

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;

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

@@ -0,0 +1,174 @@
+import { defineComponent as A, useTemplateRef as J, ref as M, computed as b, onBeforeUnmount as U, watch as z, openBlock as v, createElementBlock as E, normalizeClass as P, unref as B, createVNode as j, withCtx as q, withKeys as f, withModifiers as h, toDisplayString as G, createBlock as H } from "vue";
+import l from "@cldemo/ui-kit/common/base";
+import Q from "@cldemo/ui-kit/common/Element";
+import { _ as T } from "./Index.vue_vue_type_script_setup_true_lang-D_XMW7K4.js";
+import { _ } from "./Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+const W = ["id"], X = ["aria-label", "tabindex", "onKeydown"], ie = /* @__PURE__ */ A({
+  name: "ClInputSearch",
+  components: {
+    ClInput: T,
+    ClIconFont: _
+  },
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 唯一标识
+    value: {
+      type: String,
+      default: ""
+      // desc: 输入值
+    },
+    className: {
+      type: String,
+      default: ""
+      // desc: 自定义CSS类名
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+      // desc: 是否禁用
+    },
+    placeholder: {
+      type: String,
+      default: ""
+      // desc: 占位提示文本
+    },
+    textLabel: {
+      type: String,
+      default: ""
+      // desc: 文本主题下的按钮文字
+    },
+    changeDelayTime: {
+      type: Number,
+      default: 200
+      // desc: 延迟变更时间（毫秒）
+    },
+    theme: {
+      type: String,
+      default: "icon",
+      // desc: 主题 | enum: icon, text
+      validator: (n) => ["icon", "text"].indexOf(n) !== -1
+    },
+    location: {
+      type: String,
+      default: "right",
+      // desc: 图标/文字位置 | enum: left, right
+      validator: (n) => ["left", "right"].indexOf(n) !== -1
+    }
+  },
+  emits: ["update:value", "update:modelValue", "onChange", "onSearch", "onFocus", "onBlur"],
+  setup(n, { expose: N, emit: V }) {
+    const t = n, o = V, k = t.id, g = J("refElInput");
+    let i = l.isNonEmptyString(t.value) ? t.value : "";
+    const a = M(l.isNonEmptyString(t.value) ? t.value : "");
+    let c = null, p = null;
+    const C = b(() => l.isFinite(t.changeDelayTime) && t.changeDelayTime >= 0 ? t.changeDelayTime : 200), I = b(() => {
+      let e = "append";
+      return l.isEmpty(t.location) || (e = t.location === "left" ? "prepend" : "append"), e;
+    }), D = b(() => {
+      let e = {
+        "panel-input-search": !0,
+        "input-search-disabled": t.disabled
+      };
+      const r = l.isEmpty(t.theme) ? "icon" : t.theme;
+      return e[`input-search-${r}`] = !0, l.getJsonMerge(e, Q.getClassNameJson(t.className));
+    }), y = (e) => {
+      o("update:value", e), o("update:modelValue", e), o("onChange", e);
+    }, S = (e) => {
+      o("onSearch", e);
+    }, w = (e) => {
+      o("onFocus", e);
+    }, F = (e) => {
+      o("onBlur", e);
+    }, d = () => {
+      c && (clearTimeout(c), c = null);
+    }, m = () => {
+      p && (clearTimeout(p), p = null);
+    }, x = () => {
+      d(), m(), i !== a.value && (i = a.value, y(a.value)), S(a.value);
+    };
+    U(() => {
+      d(), m();
+    }), z(
+      () => t.value,
+      (e) => {
+        a.value = l.isNonEmptyString(e) ? e : "", i = a.value;
+      }
+    );
+    const K = (e) => {
+      t.disabled || (d(), c = setTimeout(() => {
+        !t.disabled && a.value === e && i !== e && (i = e, y(e)), c = null;
+      }, C.value));
+    }, O = () => {
+      t.disabled || (m(), p = setTimeout(() => {
+        t.disabled || x();
+      }, C.value));
+    }, L = (e) => {
+      t.disabled || w(e);
+    }, R = (e) => {
+      t.disabled || F(e);
+    }, s = () => {
+      t.disabled || x();
+    }, $ = () => {
+      t.disabled || (d(), m(), i = "", y(""), S(""));
+    };
+    return N({
+      getValue: () => a.value,
+      setValue: (e, r) => {
+        const u = l.isNonEmptyString(e) ? e : "";
+        d(), m(), i = u, a.value = u, r && (o("update:value", u), o("update:modelValue", u));
+      },
+      focus: () => {
+        g.value?.focus();
+      }
+    }), (e, r) => (v(), E("div", {
+      id: B(k),
+      class: P(D.value)
+    }, [
+      j(T, {
+        ref_key: "refElInput",
+        ref: g,
+        value: a.value,
+        "onUpdate:value": r[0] || (r[0] = (u) => a.value = u),
+        theme: "icon",
+        placeholder: n.placeholder,
+        isClean: !0,
+        disabled: n.disabled,
+        onOnChange: K,
+        onOnKeyupEnter: O,
+        onOnFocus: L,
+        onOnBlur: R,
+        onOnClear: $
+      }, {
+        [I.value]: q(() => [
+          n.theme === "text" && !B(l).isEmpty(n.textLabel) ? (v(), E("span", {
+            key: 0,
+            role: "button",
+            "aria-label": n.textLabel,
+            tabindex: n.disabled ? -1 : 0,
+            onClick: s,
+            onKeydown: [
+              f(h(s, ["prevent"]), ["enter"]),
+              f(h(s, ["prevent"]), ["space"])
+            ]
+          }, G(n.textLabel), 41, X)) : (v(), H(_, {
+            key: 1,
+            name: "search",
+            role: "button",
+            "aria-label": "搜索",
+            tabindex: n.disabled ? -1 : 0,
+            onClick: s,
+            onKeydown: [
+              f(h(s, ["prevent"]), ["enter"]),
+              f(h(s, ["prevent"]), ["space"])
+            ]
+          }, null, 8, ["tabindex", "onKeydown"]))
+        ]),
+        _: 2
+      }, 1032, ["value", "placeholder", "disabled"])
+    ], 10, W));
+  }
+});
+export {
+  ie as _
+};