@cldemo/ui-kit 1.1.2 → 1.1.3

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

@@ -0,0 +1,161 @@
+import { defineComponent as B, useTemplateRef as C, reactive as P, computed as h, onMounted as M, nextTick as u, onBeforeUnmount as I, openBlock as N, createElementBlock as q, mergeProps as F, unref as L, withModifiers as W, renderSlot as O } from "vue";
+import o from "@cldemo/ui-kit/common/base";
+import H from "@cldemo/ui-kit/common/promise";
+import m from "@cldemo/ui-kit/common/Element";
+import { AnimateEasing as J } from "@cldemo/ui-kit/common/Tools";
+const V = ["id"], Y = /* @__PURE__ */ B({
+  name: "ClForm",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定（可选；不传时 form 不渲染 id 属性）
+    theme: String,
+    // desc: 主题类型，通过 data-theme 属性下发给子表单项
+    className: String,
+    // desc: 自定义CSS类名
+    isAwaitRun: {
+      type: Boolean,
+      default: !0
+      // desc: 是否等待手动调用 validate() 后才开启校验运行态
+    },
+    preScroll: Number,
+    // desc: 错误滚动定位时的额外偏移量
+    pElError: String,
+    // desc: 错误元素父级定位选择器
+    isScrollToErr: {
+      type: Boolean,
+      default: !0
+      // desc: 校验失败时是否自动滚动到首个错误元素
+    }
+  },
+  emits: ["submit"],
+  setup(b, { expose: _, emit: y }) {
+    const a = b, A = y, T = a.id, i = C("refElTop"), c = P({ isRun: !a.isAwaitRun }), r = {
+      _scrollUpAnimate: null,
+      parentScroll: null,
+      isScrollWindow: !0,
+      // 滚动定位时补过 tabindex="-1" 的错误元素集合，reset 时还原（防原本不可聚焦元素永久留在 Tab 链）
+      tabindexEls: /* @__PURE__ */ new Set()
+    }, x = h(() => {
+      const e = {
+        "data-cl-validate": ""
+      };
+      return c.isRun && (e["data-run"] = ""), o.isNonEmptyString(a.theme) && (e["data-theme"] = a.theme), e;
+    }), R = h(() => {
+      let e = {
+        "panel-form": !0,
+        "form-validate": !0
+      };
+      return e = o.getJsonMerge(e, m.getClassNameJson(a.className)), e;
+    }), U = () => {
+      A("submit");
+    }, f = (e) => {
+      const t = e.querySelector('input:not([type="hidden"]), select, textarea');
+      return t instanceof HTMLElement ? t : e;
+    }, p = (e) => {
+      let t = !0;
+      c.isRun && e instanceof HTMLElement && i.value?.contains(e) && e.runValidate && (t = !!e.runValidate());
+      const n = f(e);
+      return t ? n.removeAttribute("aria-invalid") : n.setAttribute("aria-invalid", "true"), t;
+    }, E = () => {
+      const e = i.value?.querySelectorAll("[data-validate-error]");
+      if (!o.isUndefined(e) && e.length > 0) {
+        let t = e[0];
+        const { preScroll: n, pElError: l } = a, s = !o.isEmpty(t.pElError), S = !o.isEmpty(l);
+        if (s || S) {
+          const g = m.getParent(t, s ? t.pElError : l, i.value);
+          o.isUndefined(g) || (t = g);
+        }
+        const k = m.getOffset(
+          t,
+          r.isScrollWindow ? null : r.parentScroll
+        ).top - 10 - (n ?? 0), d = r._scrollUpAnimate, v = r.parentScroll;
+        d && v && (d.stop(), d.start(v.scrollTop, k, 200)), t.tabIndex < 0 && (t.setAttribute("tabindex", "-1"), r.tabindexEls.add(t)), t.focus({ preventScroll: !0 });
+      }
+    }, w = () => {
+      const e = m.getParentScrollList(i.value, null, !1);
+      r.isScrollWindow = e.length === 0;
+      const t = r.isScrollWindow ? document.documentElement : e[0];
+      r.parentScroll = o.isUndefined(t) ? document.documentElement : t, r._scrollUpAnimate = new J({
+        runIngCallback: (n) => {
+          const l = r.parentScroll;
+          l && (l.scrollTop = n);
+        }
+      });
+    };
+    return M(() => {
+      u(() => {
+        w();
+      });
+    }), I(() => {
+      r._scrollUpAnimate?.stop();
+    }), _({
+      validate: (e) => H.promiseFun((t) => {
+        let n = !0;
+        try {
+          if (o.isUndefined(e))
+            c.isRun = !0, u(() => {
+              c.isRun = !0;
+              try {
+                const l = i.value?.querySelectorAll("[data-validate-el]");
+                !o.isUndefined(l) && l.length > 0 && l.forEach((s) => {
+                  p(s) || (n = !1);
+                }), n || a.isScrollToErr && u(() => {
+                  try {
+                    E();
+                  } catch {
+                  }
+                }), t(n);
+              } catch {
+                t(!1);
+              }
+            });
+          else {
+            c.isRun = !0;
+            const l = e;
+            u(() => {
+              try {
+                n = p(l), !n && a.isScrollToErr && u(() => {
+                  try {
+                    E();
+                  } catch {
+                  }
+                }), t(n);
+              } catch {
+                t(!1);
+              }
+            });
+          }
+        } catch {
+          t(!1);
+        }
+      }),
+      reset: () => {
+        c.isRun = !1, r._scrollUpAnimate?.stop(), i.value?.removeAttribute("data-run");
+        const e = i.value?.querySelectorAll("[data-validate-el]");
+        !o.isUndefined(e) && e.length > 0 && e.forEach((t) => {
+          if (f(t).removeAttribute("aria-invalid"), t.runReset)
+            try {
+              t.runReset();
+            } catch {
+            }
+        }), r.tabindexEls.forEach((t) => {
+          t.removeAttribute("tabindex");
+        }), r.tabindexEls.clear();
+      }
+    }), (e, t) => (N(), q("form", F({
+      ref_key: "refElTop",
+      ref: i,
+      autocomplete: "off",
+      novalidate: "",
+      onSubmit: W(U, ["prevent"]),
+      id: L(T),
+      class: R.value
+    }, x.value), [
+      O(e.$slots, "default")
+    ], 16, V));
+  }
+});
+export {
+  Y as _
+};

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

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("@cldemo/ui-kit/common/base"),K=require("@cldemo/ui-kit/common/Element"),Q=require("./Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),W=require("./Index.vue_vue_type_script_setup_true_lang-CZNVHUR1.js"),X=["id"],Y={key:2,class:"panel-toast__text"},E=e.defineComponent({name:"ClToast",__name:"Index",props:{id:String,className:String,show:Boolean,type:{type:String,default:"text",validator:l=>["text","success","fail","loading"].indexOf(l)!==-1},message:String,position:{type:String,default:"middle",validator:l=>["top","middle","bottom"].indexOf(l)!==-1},duration:{type:Number,default:2e3},isOverlay:Boolean,isForbidClick:Boolean,loadingType:{type:String,default:"spinner",validator:l=>["spinner","circular"].indexOf(l)!==-1},icon:String,iconSize:{type:[String,Number],default:36},zIndex:{type:Number,default:2e3},teleportTarget:{type:String,default:""}},emits:["update:show","onOpen","onOpened","onClose","onClosed","onClick"],setup(l,{expose:S,emit:x}){const t=l,r=x,F=t.id,d=e.ref(!1),s=e.ref(t.type),m=e.ref(t.message||""),u=e.ref(t.position),p=e.ref(n.isNumber(t.duration)&&n.isFinite(t.duration)?Math.max(0,Number(t.duration)):0),v=e.ref(t.isOverlay),k=e.ref(t.isForbidClick),b=e.ref(t.loadingType),c=e.ref(t.icon||""),f=e.ref(n.isNumber(t.zIndex)&&n.isFinite(t.zIndex)?Math.max(0,Number(t.zIndex)):2e3);let i=null;const N=e.computed(()=>d.value),M=e.computed(()=>{const a=t.teleportTarget;return a==="self"||!n.isString(a)||n.isEmpty(a.trim())?"body":a}),O=e.computed(()=>t.teleportTarget==="self"),w=e.computed(()=>v.value||k.value),I=e.computed(()=>s.value!=="text"||n.isNonEmptyString(c.value)),L=e.computed(()=>s.value==="loading"),h=e.computed(()=>n.isNonEmptyString(m.value)),q=e.computed(()=>n.isNonEmptyString(c.value)?c.value:s.value==="success"?"check":s.value==="fail"?"close":""),A=e.computed(()=>t.iconSize),D=e.computed(()=>{const a={"panel-toast":!0,"panel-toast--top":u.value==="top","panel-toast--middle":u.value==="middle","panel-toast--bottom":u.value==="bottom","panel-toast--icon-only":I.value&&!h.value};return n.getJsonMerge(a,K.getClassNameJson(t.className))}),P=e.computed(()=>({"panel-toast__icon--success":s.value==="success","panel-toast__icon--fail":s.value==="fail"})),V=e.computed(()=>({zIndex:f.value})),J=e.computed(()=>({zIndex:f.value+1})),y=()=>{i&&(clearTimeout(i),i=null)},z=()=>{y(),p.value>0&&(i=setTimeout(()=>{i=null,r("update:show",!1),i||(i=setTimeout(()=>{i=null,g()},300))},p.value))},g=()=>{y(),d.value=!1},R=()=>{s.value=t.type,m.value=t.message||"",u.value=t.position,p.value=n.isNumber(t.duration)&&n.isFinite(t.duration)?Math.max(0,Number(t.duration)):0,v.value=t.isOverlay,k.value=t.isForbidClick,b.value=t.loadingType,c.value=t.icon||"",f.value=n.isNumber(t.zIndex)&&n.isFinite(t.zIndex)?Math.max(0,Number(t.zIndex)):2e3},_=(a,o,H="text",B)=>{s.value=o&&o.type||H,m.value=n.isNonEmptyString(a)?a:t.message||"",u.value=o&&o.position||t.position;const C=o&&n.isNumber(o.duration)&&n.isFinite(o.duration)?Math.max(0,Number(o.duration)):void 0,T=C!==void 0?C:B!==void 0?Math.max(0,Number(B)):t.duration;p.value=n.isNumber(T)&&n.isFinite(T)?Math.max(0,Number(T)):n.isNumber(t.duration)&&n.isFinite(t.duration)?t.duration:0,v.value=o&&o.overlay!==void 0?o.overlay:t.isOverlay,k.value=o&&o.forbidClick!==void 0?o.forbidClick:t.isForbidClick,b.value=o&&o.loadingType||t.loadingType,c.value=o&&o.icon||t.icon||"",f.value=o&&o.zIndex!==void 0&&n.isNumber(o.zIndex)&&n.isFinite(o.zIndex)?Math.max(0,Number(o.zIndex)):n.isNumber(t.zIndex)&&n.isFinite(t.zIndex)?Math.max(0,Number(t.zIndex)):2e3,d.value=!0,z()};e.onBeforeUnmount(()=>{y()}),e.watch(()=>t.show,a=>{a?(R(),d.value=!0,z()):g()},{immediate:!0});const U=()=>{r("onClick")},Z=()=>{r("onOpen")},$=()=>{r("onOpened")},j=()=>{r("onClose")},G=()=>{r("onClosed")};return S({toast:(a,o)=>{_(a,o,"text")},success:(a,o)=>{_(a,o,"success")},fail:(a,o)=>{_(a,o,"fail")},loading:(a,o)=>{_(a,o,"loading",0)},close:(a=0)=>{n.isFinite(a)&&a>0?(y(),i=setTimeout(()=>{i=null,g()},a)):g()}}),(a,o)=>(e.openBlock(),e.createBlock(e.Teleport,{to:M.value,disabled:O.value},[N.value&&w.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["panel-toast-mask",{"panel-toast-mask--overlay":v.value}]),style:e.normalizeStyle(V.value)},null,6)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createVNode(e.Transition,{name:"toast-fade",onEnter:Z,onAfterEnter:$,onLeave:j,onAfterLeave:G},{default:e.withCtx(()=>[N.value?(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(F),class:e.normalizeClass(D.value),style:e.normalizeStyle(J.value),onClick:U},[I.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["panel-toast__icon",P.value])},[L.value?(e.openBlock(),e.createBlock(W._sfc_main,{key:0,theme:"toastRing","loading-type":b.value,color:"white"},null,8,["loading-type"])):(e.openBlock(),e.createBlock(Q._sfc_main,{key:1,name:q.value,size:A.value,color:"var(--cl-bg, #ffffff)"},null,8,["name","size"]))],2)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),h.value?(e.openBlock(),e.createElementBlock("div",Y,e.toDisplayString(m.value),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64))],14,X)):e.createCommentVNode("",!0)]),_:1})],8,["to","disabled"]))}});exports._sfc_main=E;

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

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),f=require("@cldemo/ui-kit/common/base"),Y=require("@cldemo/ui-kit/common/Element"),se=require("@cldemo/ui-kit/common/Element/Event"),X=require("./index-q2CbfC2a.js");;/* empty css                    */const ge=["id"],pe=e.defineComponent({name:"ClSliderBar",__name:"Bar",props:{id:String,className:String,left:{type:Number,default:0},width:{type:Number,default:0},disabled:{type:Boolean,default:!1},isVertical:{type:Boolean,default:!1},isBarDrag:{type:Boolean,default:!1}},emits:{onMoveStart:()=>!0,onMoveIng:s=>!0,onMoveEnd:()=>!0,onMouseover:()=>!0,onMouseout:()=>!0,onClick:s=>!0},setup(s,{emit:I}){const g=s,i=I,R=e.inject("$SliderTop"),V=e.useTemplateRef("refElBar"),F=g.id,y=e.reactive({left:g.left}),b=e.reactive({isClick:!1,isDragging:!1,dragStart:0,dragStartRatio:0}),v=e.ref(null),k=e.computed(()=>{let m={"slider-bar":!0,"slider-bar-drag":g.isBarDrag};return m=f.getJsonMerge(m,Y.getClassNameJson(g.className)),m}),D=e.computed(()=>{const m={};return g.isVertical?(m.bottom=`${y.left}%`,m.height=`${g.width}%`):(m.left=`${y.left}%`,m.width=`${g.width}%`),m}),E=(m,h)=>{h&&(b.isClick=!0,b.isDragging=!1,b.dragStart=g.isVertical?h.clientY:h.clientX,b.dragStartRatio=g.left,i("onMoveStart"))},l=(m,h)=>{if(!R||!h)return;b.isClick=!1,b.isDragging=!0;let w=0;g.isVertical?w=b.dragStart-h.clientY:w=h.clientX-b.dragStart;const O=R.getDragValueInfo(w,b.dragStartRatio);y.left=O.ratio,i("onMoveIng",O.ratio)},B=m=>{b.isClick?i("onClick",m):i("onMoveEnd"),b.isClick=!1,b.isDragging=!1},H=()=>{if(!V.value)return;const m={start(h,w,O){let $=!1;return!g.disabled&&g.isBarDrag&&O&&($=!0,E(h,w)),$},ing:(h,w)=>{l(h,w)},end:h=>{B(h)}};v.value=new se.Drag(V.value,m)};e.onMounted(()=>{e.nextTick(()=>{H()})}),e.onBeforeUnmount(()=>{v.value&&(v.value.end(),v.value=null)}),e.watch(()=>g.left,(m,h)=>{m!==h&&m!==y.left&&(y.left=m)});const N=m=>{!g.disabled&&!g.isBarDrag&&i("onClick",m)},L=()=>{i("onMouseover")},P=()=>{b.isDragging||i("onMouseout")};return(m,h)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"refElBar",ref:V,id:e.unref(F),class:e.normalizeClass(k.value),style:e.normalizeStyle(D.value),onMouseover:L,onMouseout:P,onClick:N},null,46,ge))}}),ke=["id","aria-label","aria-valuemin","aria-valuemax","aria-valuenow","aria-disabled","aria-orientation"],ie=e.defineComponent({name:"ClSliderButton",__name:"Button",props:{id:String,value:[String,Number],className:String,ratio:{type:Number,default:0},disabled:{type:Boolean,default:!1},isVertical:{type:Boolean,default:!1},tooltipFormat:String,btnType:{type:String,default:"",validator:s=>["","start","end"].includes(s)},min:{type:Number,default:0},max:{type:Number,default:100},ariaLabel:String},emits:{onMoveIng:s=>!0,onMoveEnd:s=>!0,onDblClick:()=>!0},setup(s,{expose:I,emit:g}){const i=s,R=g,V=e.inject("$SliderTop"),F=X.tooltipDirectives,y=e.useTemplateRef("refElButton"),b=i.id,v=e.reactive({isHover:!1,ratio:i.ratio,value:i.value}),k=e.reactive({dragStart:0,dragStartRatio:0,isMoveIng:!1}),D=e.ref(null),E=e.computed(()=>{let u=v.value;if(u!=null){const d=i.tooltipFormat;u=f.getFormatThousands(u.toString()),f.isNonEmptyString(d)&&(u=f.convertStringFormat(d,{_value:u}))}return u??""}),l=e.computed(()=>i.isVertical?"right":"top"),B=e.computed(()=>f.isNonEmptyString(i.ariaLabel)?i.ariaLabel:i.btnType==="start"?"最小值":i.btnType==="end"?"最大值":"滑块"),H=e.computed(()=>{const u=Number(i.value);return f.isFinite(u)?u:i.min}),N=e.computed(()=>{let u={"slider-button":!0,hover:v.isHover};return u=f.getJsonMerge(u,Y.getClassNameJson(i.className)),u}),L=e.computed(()=>{const u={},d=v.ratio;return i.isVertical?u.bottom=`${f.isFinite(d)?d:0}%`:u.left=`${f.isFinite(d)?d:0}%`,u}),P=()=>{y.value&&X.tooltipCommon.show(y.value)},m=()=>{y.value&&X.tooltipCommon.hide(y.value)},h=(u,d)=>{if(!V||!d)return{ratio:v.ratio,value:v.value};let C=0;i.isVertical?C=k.dragStart-d.clientY:C=d.clientX-k.dragStart;const x=V.getDragValueInfo(C,k.dragStartRatio);return v.ratio=x.ratio,v.value=x.value,x},w=(u,d)=>{d&&(k.dragStart=i.isVertical?d.clientY:d.clientX,k.dragStartRatio=i.ratio)},O=(u,d)=>{const C=h(u,d);P(),R("onMoveIng",{value:C.ratio,runType:"drag"})},$=(u,d)=>{h(u,d),v.isHover||y.value===u.target||y.value?.contains(u.target)||m(),R("onMoveEnd",{runType:"drag"})},J=u=>{if(!V)return;k.isMoveIng=!0;const d=V.getButtonMoveValueInfo(u,i.ratio);v.ratio=d.ratio,v.value=d.value,R("onMoveIng",{value:d.ratio,runType:"keydown"})},T=()=>{if(!y.value)return;const u={start(d,C,x){let Z=!1;return!i.disabled&&x&&(Z=!0,w(d,C)),Z},ing:(d,C)=>{O(d,C)},end:(d,C)=>{$(d,C)}};D.value=new se.Drag(y.value,u)};e.onMounted(()=>{e.nextTick(()=>{T()})}),e.onBeforeUnmount(()=>{D.value&&(D.value.end(),D.value=null),k.isMoveIng=!1}),e.watch(()=>i.value,(u,d)=>{u!==d&&u!==v.value&&(v.value=u)}),e.watch(()=>i.ratio,(u,d)=>{u!==d&&u!==v.ratio&&(v.ratio=u)});const K=u=>{i.disabled||(u.preventDefault(),u.stopPropagation(),J("left"))},j=u=>{i.disabled||(u.preventDefault(),u.stopPropagation(),J("right"))},Q=()=>{i.disabled||(v.isHover=!0)},U=()=>{i.disabled||(v.isHover=!1,k.isMoveIng&&(k.isMoveIng=!1,R("onMoveEnd",{runType:"keydown"})))},W=()=>{i.disabled||R("onDblClick")};return I({showTooltip:()=>{P()},hideTooltip:()=>{m()}}),(u,d)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"refElButton",ref:y,id:e.unref(b),class:e.normalizeClass(N.value),style:e.normalizeStyle(L.value),tabindex:"0",role:"slider","aria-label":B.value,"aria-valuemin":s.min,"aria-valuemax":s.max,"aria-valuenow":H.value,"aria-disabled":s.disabled?"true":void 0,"aria-orientation":s.isVertical?"vertical":"horizontal",onDblclick:W,onFocus:Q,onBlur:U,onKeydown:[e.withKeys(K,["down"]),e.withKeys(j,["up"]),e.withKeys(K,["left"]),e.withKeys(j,["right"])]},[...d[0]||(d[0]=[e.createElementVNode("div",{class:"slider-button-icon"},null,-1)])],46,ke)),[[e.unref(F),{trigger:["hover","focus"],position:l.value,html:E.value,updRefreshInx:v.ratio},void 0,{black:!0}]])}}),be=["id"],ye=e.defineComponent({name:"ClSliderDot",__name:"Dot",props:{id:String,className:String,itemInfo:{type:Object,default:()=>({})},isHover:{type:Boolean,default:!1},isVertical:{type:Boolean,default:!1},isTooltip:{type:Boolean,default:!0},tooltipFormat:String},emits:{onMouseover:()=>!0,onMouseout:()=>!0,onClick:s=>!0},setup(s,{emit:I}){const g=s,i=I,R=g.id,V=X.tooltipDirectives,F=e.computed(()=>g.isVertical?"right":"top"),y=e.computed(()=>{const l=g.itemInfo.value;if(l!=null){let B=f.getFormatThousands(l.toString());const H=g.tooltipFormat;return f.isNonEmptyString(H)&&(B=f.convertStringFormat(H,{_value:B})),B}return""}),b=e.computed(()=>{let l={"slider-dot":!0,"slider-dot-active":g.itemInfo.isActive??!1,"slider-dot-hide":g.itemInfo.isHide??!1,hover:g.isHover};return l=f.getJsonMerge(l,Y.getClassNameJson(g.className)),l}),v=e.computed(()=>{const l={},B=g.itemInfo.ratio;return B!=null&&(g.isVertical?l.bottom=`${B}%`:l.left=`${B}%`),l}),k=()=>{i("onMouseover")},D=()=>{i("onMouseout")},E=()=>{i("onClick")};return(l,B)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{id:e.unref(R),class:e.normalizeClass(b.value),style:e.normalizeStyle(v.value),onMouseover:k,onMouseout:D,onClick:E},[...B[0]||(B[0]=[e.createElementVNode("div",{class:"slider-dot-icon"},null,-1)])],46,be)),[[e.unref(V),{init:s.isTooltip,position:F.value,html:y.value},void 0,{black:!0,hover:!0}]])}}),he=["id"],Be=["id"],Se={class:"slider-container"},Me={key:2,class:"slider-dots"},Re={key:0,class:"slider-marks"},Ee=["innerHTML","onMouseover"],Te=e.defineComponent({name:"ClSlider",__name:"Index",props:{id:String,className:String,disabled:{type:Boolean,default:!1},value:[String,Number],min:{type:Number,default:0},max:{type:Number,default:100},isRange:{type:Boolean,default:!1},isBarDrag:{type:Boolean,default:!1},splitNumber:{type:Number,default:0},isShowDot:{type:Boolean,default:!0},isShowDotActive:{type:Boolean,default:!0},marks:{type:Array,default:()=>[]},isVertical:{type:Boolean,default:!1},verticalHeight:String,size:{type:String,default:"large"},numType:{type:String,default:"int",validator:s=>["int","float2","float3"].indexOf(s)>-1},tooltipFormat:String,isPlaintext:{type:Boolean,default:!1},plaintextSeparator:{type:String,default:" - "},ariaLabel:String},emits:{"update:value":s=>!0,"update:modelValue":s=>!0,onChange:(s,I)=>!0},setup(s,{expose:I,emit:g}){const i=s,R=g,V=`slider-${f.getRandom(5)}`,F=e.useTemplateRef("refElTrack"),y=e.useTemplateRef("refBtnStart"),b=e.useTemplateRef("refBtnEnd"),v=i.id,k=e.reactive({track:void 0,bar:void 0,btnStart:void 0,btnEnd:void 0,dots:void 0,marks:void 0});f.isNonEmptyString(v)&&(k.track=`${v}-track`,k.bar=`${v}-bar`,k.btnStart=`${v}-btn-start`,k.btnEnd=`${v}-btn-end`,k.dots=`${v}-dots`,k.marks=`${v}-marks`);const D=e.reactive({markHoverIndex:-1}),E=e.reactive({left:0,width:0}),l=e.reactive({start:i.min,end:i.min,startRatio:0,endRatio:0}),B=a=>{const t=i.tooltipFormat;return f.isNonEmptyString(t)?f.convertStringFormat(t,{_value:a}):a.toString()},H=e.computed(()=>{if(!i.isRange)return B(l.end);const a=f.isString(i.plaintextSeparator)?i.plaintextSeparator:" - ";return`${B(l.start)}${a}${B(l.end)}`}),N=e.ref([]),L=e.ref([]),P=e.computed(()=>Math.abs(i.max-i.min)),m=e.computed(()=>i.marks.length>0),h=e.computed(()=>{const{isRange:a,isBarDrag:t}=i;let o=!1;return a&&(o=t),o}),w=e.computed(()=>{let a={"panel-slider":!0,"slider-disabled":i.disabled,"slider-vertical":i.isVertical,"slider-level":!i.isVertical},t=i.size;return f.isEmpty(t)&&(t="large"),a[`slider-${t}`]=!0,a=f.getJsonMerge(a,Y.getClassNameJson(i.className)),a}),O=e.computed(()=>{const a={};return i.isVertical&&f.isNonEmptyString(i.verticalHeight)&&(a.height=i.verticalHeight),a}),$=(a,t=2)=>f.isFinite(a)?Number((a*100).toFixed(t)):0,J=a=>{const t=P.value;return t>0?$((a-i.min)/t):0},T=a=>{let t=0;if(a<=0)t=i.min;else if(a>=100)t=i.max;else{const{numType:o}=i,r=P.value*a/100,c=f.getValueByFormat(r.toString(),o,{isThousands:!1});if(t=i.min+Number(c),f.isExistValue(["float2","float3"],o)){const p=Number(o.replace("float","")),S=t.toString();f.isExistValue(S,".")&&S.split(".")[1].length>p&&(t=Number(t.toFixed(p)))}}return t},K=a=>{let t=Number(a),o=!0;return f.isFinite(t)?t<=i.min?(t=i.min,o=!1):t>=i.max&&(t=i.max,o=!1):(t=i.min,o=!1),{value:t,check:o}},j=()=>{if(m.value){const a=[];i.marks.forEach(t=>{if(!t)return;const o=f.getJsonClone(t);o.value=Number(o.value),f.isFinite(o.value)&&(o.ratio=J(o.value),f.isString(o.mark)?o.safeMark=f.isHtml(o.mark)?f.encodeHTML(o.mark):o.mark:o.safeMark="",a.push(o))}),a.sort((t,o)=>t.value-o.value),L.value=a}},Q=()=>{const a=[];if(m.value)L.value.forEach(t=>{a.push({ratio:t.ratio,value:t.value,isActive:!1,isHide:!1})});else if(i.splitNumber>1){const t=100/i.splitNumber,o=t/2;for(let n=1;n<i.splitNumber;n++){const r=t*n,c=T(r);a.push({value:c,ratio:$(r/100),isActive:!1,isHide:!1,left:$((r-o)/100),right:$((r+o)/100)})}}N.value=a},U=()=>{if(N.value.length>0){const{isShowDot:a,isShowDotActive:t,min:o,max:n}=i,r=m.value,c=E.left,p=c+E.width,S=[];N.value.forEach(M=>{const z=f.getJsonClone(M),_=M.ratio>=c&&M.ratio<=p;z.isActive=_;let A=!1;r?A=!0:a?(A=!0,_&&(t?A=!0:A=!1)):A=!1,(M.value===o||M.value===n)&&(A=!1),z.isHide=!A,S.push(z)}),N.value=S}},W=a=>{const t=a.startRatio>a.endRatio?a.endRatio:a.startRatio,o=Math.abs(a.endRatio-a.startRatio);E.left=t,E.width=o},q=a=>{e.nextTick(()=>{i.isRange?a?(y.value?.showTooltip(),b.value?.showTooltip()):(y.value?.hideTooltip(),b.value?.hideTooltip()):a?b.value?.showTooltip():b.value?.hideTooltip()})},G=a=>{W(a),l.start=a.start,l.end=a.end,l.startRatio=a.startRatio,l.endRatio=a.endRatio,U()},u=a=>{let t,o;if(a&&!f.isEmpty(a)){const c=a.toString();if(c==="")t=i.min,o=i.min;else{const p=c.split(","),S=K(p[0]);if(i.isRange){if(t=S.value,o=t,p.length>1){const M=K(p[1]);M.value>t&&(o=M.value)}}else t=i.min,o=S.value}}else t=i.min,o=i.min;const n=J(t),r=J(o);G({start:t,end:o,startRatio:n,endRatio:r})},d=a=>{if(!f.isFinite(a))return 0;let t=$(a);const o=N.value;if(!m.value&&o.length>0){if(t<o[0].left)t=0;else if(t>o[o.length-1].right)t=100;else for(let n=0;n<o.length;n++)if(t>=o[n].left&&t<=o[n].right){t=o[n].ratio;break}}return t},C=a=>{const t=d(a),o=T(t);let{start:n,startRatio:r,end:c,endRatio:p}=l,S="";if(i.isRange)if(t<=r)S="start";else if(t>=p)S="end";else{const M=(p-r)/2;t>r&&t<=r+M?S="start":t>=p-M&&t<p&&(S="end")}else S="end";switch(S){case"start":n=o,r=t;break;case"end":c=o,p=t;break}return{start:n,end:c,startRatio:r,endRatio:p}},x=a=>{const t=a?.start??l.start,o=a?.end??l.end;let n=t,r=o;n>r&&(n=o,r=t);const c=i.isRange?`${n},${r}`:r.toString();R("update:value",c),R("update:modelValue",c),R("onChange",c,{start:n,end:r})},Z=a=>{if(!a)return{};const t={};return i.isVertical?t.bottom=`${a.ratio}%`:t.left=`${a.ratio}%`,f.isEmpty(a.color)||(t.color=a.color),t},ue=()=>{j(),Q(),u(i.value)};e.onMounted(()=>{e.nextTick(()=>{ue()})}),e.watch(()=>i.value,(a,t)=>{if(a!==t){let o=!0;const n=a!=null?a.toString():"";if(n==="")o=!0;else{const r=n.split(","),c=Number(r[0]);if(i.isRange){const p=r.length>1?Number(r[1]):c;(c===l.start&&p===l.end||c===l.end&&p===l.start)&&(o=!1)}else o=c!==l.end}o&&u(a)}},{immediate:!0}),e.watch(()=>i.marks,()=>{j(),Q()});const ee=a=>{if(!i.disabled&&a){a.preventDefault(),a.stopPropagation();const t=F.value;if(!t)return;const o=t.getBoundingClientRect(),n=i.isVertical?(o.bottom-a.clientY)/t.clientHeight:(a.clientX-o.left)/t.clientWidth;if(!f.isFinite(n))return;const r=C(n);G(r),x(r)}},te=(a,t)=>{let{startRatio:o,endRatio:n}=l;const r=a.value;t==="start"?(o=r,l.start=T(r),l.startRatio=r):(n=r,l.end=T(r),l.endRatio=r),W({startRatio:o,endRatio:n}),U(),a.runType==="keydown"&&x()},ae=a=>{const{left:t,width:o}=E,n={startRatio:t,endRatio:t+o};n.start=T(n.startRatio),n.end=T(n.endRatio),G(n),a.runType==="drag"&&x(n)},ne=a=>{if(i.isRange){let{start:t,startRatio:o,end:n,endRatio:r}=l;a==="start"?(r=o,n=t):(o=r,t=n);const c={start:t,startRatio:o,end:n,endRatio:r};G(c),x(c)}},ce=()=>{q(!0)},de=a=>{const t=a;l.start=T(a),l.startRatio=a;const o=a+E.width;l.end=T(o),l.endRatio=o,W({startRatio:t,endRatio:o}),U(),q(!0)},fe=()=>{x(),q(!1)},ve=()=>{q(!0)},me=()=>{q(!1)},re=a=>{m.value&&(D.markHoverIndex=a)},le=()=>{D.markHoverIndex=-1},oe=()=>i.isRange?`${l.start},${l.end}`:l.end.toString();return I({getValue:oe,getValueData:()=>({value:oe(),show:oe()})}),e.provide("$SliderTop",{getDragValueInfo:(a,t)=>{const o=F.value;if(!o)return{ratio:t/100,value:T(t/100)};const n=i.isVertical?o.clientHeight:o.clientWidth;if(n<=0)return{ratio:t/100,value:T(t/100)};const r=a/n;let c=t/100+r;c>=1?c=1:c<=0&&(c=0),c=d(c);const p=T(c);return{ratio:c,value:p}},getButtonMoveValueInfo:(a,t)=>{const o=a==="left"?-1:1,n=Number(t);let r;const c=N.value,p=c.length;if(!m.value&&p>0){let M=-1;if(n<c[0].ratio)M=-1;else if(n>c[p-1].ratio)M=p;else for(let _=0;_<p;_++)if(n>=c[_].ratio&&_+1<p&&n<c[_+1].ratio){M=_;break}const z=M+o;z<0?r=0:z>=p?r=100:r=c[z].ratio}else r=n+o;r>=100?r=100:r<=0&&(r=0);const S=T(r);return{ratio:r,value:S}}}),(a,t)=>s.isPlaintext?(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(v),class:"cl-plaintext-value"},e.toDisplayString(H.value),9,he)):(e.openBlock(),e.createElementBlock("div",{key:1,id:e.unref(v),class:e.normalizeClass(w.value),style:e.normalizeStyle(O.value)},[e.createElementVNode("div",Se,[e.createElementVNode("div",{ref_key:"refElTrack",ref:F,class:"slider-track",onClick:ee},null,512),e.createVNode(pe,{id:k.bar,disabled:s.disabled,isVertical:s.isVertical,isBarDrag:h.value,left:E.left,width:E.width,onOnMoveStart:ce,onOnMoveIng:de,onOnMoveEnd:fe,onOnClick:ee,onOnMouseover:ve,onOnMouseout:me},null,8,["id","disabled","isVertical","isBarDrag","left","width"]),s.isRange?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(ie,{ref_key:"refBtnStart",ref:y,id:k.btnStart,disabled:s.disabled,isVertical:s.isVertical,value:l.start,ratio:l.startRatio,tooltipFormat:s.tooltipFormat,ariaLabel:s.ariaLabel,btnType:"start",min:s.min,max:s.max,onOnMoveIng:t[0]||(t[0]=o=>te(o,"start")),onOnMoveEnd:ae,onOnDblClick:t[1]||(t[1]=o=>ne("start"))},null,8,["id","disabled","isVertical","value","ratio","tooltipFormat","ariaLabel","min","max"]),e.createVNode(ie,{ref_key:"refBtnEnd",ref:b,id:k.btnEnd,disabled:s.disabled,isVertical:s.isVertical,value:l.end,ratio:l.endRatio,tooltipFormat:s.tooltipFormat,ariaLabel:s.ariaLabel,btnType:"end",min:s.min,max:s.max,onOnMoveIng:t[2]||(t[2]=o=>te(o,"end")),onOnMoveEnd:ae,onOnDblClick:t[3]||(t[3]=o=>ne("end"))},null,8,["id","disabled","isVertical","value","ratio","tooltipFormat","ariaLabel","min","max"])],64)):(e.openBlock(),e.createBlock(ie,{key:1,ref_key:"refBtnEnd",ref:b,id:k.btnEnd,disabled:s.disabled,isVertical:s.isVertical,value:l.end,ratio:l.endRatio,tooltipFormat:s.tooltipFormat,ariaLabel:s.ariaLabel,min:s.min,max:s.max,onOnMoveIng:t[4]||(t[4]=o=>te(o,"end")),onOnMoveEnd:ae},null,8,["id","disabled","isVertical","value","ratio","tooltipFormat","ariaLabel","min","max"])),N.value.length>0?(e.openBlock(),e.createElementBlock("div",Me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(o,n)=>(e.openBlock(),e.createBlock(ye,{key:`${V}-dot-${n}`,id:k.dots?`${k.dots}-${n}`:void 0,isVertical:s.isVertical,itemInfo:o,isHover:D.markHoverIndex===n,isTooltip:!m.value,tooltipFormat:s.tooltipFormat,onOnMouseover:r=>re(n),onOnMouseout:le,onOnClick:ee},null,8,["id","isVertical","itemInfo","isHover","isTooltip","tooltipFormat","onOnMouseover"]))),128))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64))]),m.value?(e.openBlock(),e.createElementBlock("div",Re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.value,(o,n)=>(e.openBlock(),e.createElementBlock("div",{key:`${V}-mark-${n}`,class:e.normalizeClass({"slider-mark":!0,hover:D.markHoverIndex===n}),style:e.normalizeStyle(Z(o)),innerHTML:o.safeMark,onMouseover:r=>re(n),onMouseout:le},null,46,Ee))),128))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],14,Be))}});exports._sfc_main=Te;

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

@@ -0,0 +1,2 @@
+"use strict";const t=require("vue"),l=require("@cldemo/ui-kit/common/base"),N=require("@cldemo/ui-kit/common/Element"),q=require("./Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js");;/* empty css                */;/* empty css                    */const M=["id"],w=["name","placeholder","disabled","aria-label"],g="100px",R=t.defineComponent({name:"ClInputTextarea",__name:"Index",props:{id:{type:String,default:""},name:{type:String,default:""},value:{type:String,default:""},className:{type:String,default:""},disabled:{type:Boolean,default:!1},width:{type:String,default:""},height:{type:String,default:"100px"},placeholder:{type:String,default:""},isClean:{type:Boolean,default:!1},isAutoHeight:{type:Boolean,default:!1},changeDelayTime:{type:Number,default:200},heightMax:{type:String,default:""},isPlaintext:{type:Boolean,default:!1}},emits:["update:value","update:modelValue","onChange","onInit","onKeydownEnter","onKeyupEnter","onFocus","onBlur","onChangeDelay"],setup(c,{expose:v,emit:x}){const a=c,s=x,E=a.id,m=t.useTemplateRef("refElTextarea"),p=t.reactive({height:a.height||g}),r=t.ref(l.isString(a.value)?a.value:""),o={lastValue:l.isString(a.value)?a.value:"",prevDelayValue:l.isString(a.value)?a.value:"",valueDelayRun:!1},k=t.computed(()=>{let e=a.name;return l.isEmpty(e)&&(e=`textarea_${l.getRandom(8)}`),e}),C=t.computed(()=>a.isClean&&!a.disabled&&!l.isEmpty(r.value)),D=t.computed(()=>{let e={"panel-input-textarea":!0,"textarea-clean":a.isClean&&!a.isPlaintext};return a.isPlaintext&&(e["cl-plaintext-value"]=!0,e["cl-plaintext-value-pre"]=!0),e=l.getJsonMerge(e,N.getClassNameJson(a.className)),e}),T=t.computed(()=>{const e=r.value;return l.isString(e)?e.replace(/<\/?br\s*\/?>/gi,`
+`):""}),_=t.computed(()=>{const{width:e,heightMax:n}=a,u={};return l.isNonEmptyString(e)&&(u.width=e),a.isPlaintext||(l.isEmpty(p.height)||(u.height=p.height),l.isNonEmptyString(n)&&(u["max-height"]=n)),u});let i;const B=e=>{i&&(clearTimeout(i),i=null),o.valueDelayRun=!0,i=setTimeout(()=>{o.valueDelayRun=!1,o.prevDelayValue!==e&&(o.prevDelayValue=e,s("onChangeDelay",e))},Math.max(a.changeDelayTime,0))},h=e=>{e!==o.lastValue&&(o.lastValue=e,s("update:value",e),s("update:modelValue",e),s("onChange",e),B(e))},d=()=>{if(a.isAutoHeight){const e=m.value;if(e){e.style.height=a.height||g;const n=e.scrollHeight+e.scrollTop+(e.offsetHeight-e.clientHeight);e.style.height="100%",p.height=n>0?`${n}px`:a.height||g}}},f=()=>{m.value?.focus()},S=()=>{t.nextTick(()=>{s("onInit")})};t.onMounted(()=>{S()}),t.onBeforeUnmount(()=>{i&&(clearTimeout(i),i=null)}),t.watch(()=>a.value,(e,n)=>{e!==n&&(r.value=l.isString(e)?e:"",o.lastValue=l.isString(e)?e:"",requestAnimationFrame(()=>d()),o.valueDelayRun||(o.prevDelayValue=e||""))});const V=e=>{const n=e.target;if(!n)return;const u=n.value;requestAnimationFrame(()=>d()),h(u)},H=e=>{e.key==="Enter"&&s("onKeydownEnter",e)},b=e=>{e.key==="Enter"&&s("onKeyupEnter",e)},I=()=>{r.value="",h(""),f()},P=()=>{s("onFocus")},F=()=>{s("onBlur")},y=()=>l.trim(r.value);return v({getValue:y,getValueData:()=>({value:y(),show:r.value}),setValue:e=>{i&&(clearTimeout(i),i=null,o.valueDelayRun=!1);const n=l.isEmpty(e)?"":e;o.lastValue=n,o.prevDelayValue=n,r.value=n,d()},initHeight:()=>{p.height=a.height||g,a.isAutoHeight&&d()},focus:()=>{f()},getParentElement:()=>m.value?.parentElement||null}),(e,n)=>(t.openBlock(),t.createElementBlock("div",{id:t.unref(E),class:t.normalizeClass(D.value),style:t.normalizeStyle(_.value)},[c.isPlaintext?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(T.value),1)],64)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.withDirectives(t.createElementVNode("textarea",{ref_key:"refElTextarea",ref:m,class:"form-control text-area","onUpdate:modelValue":n[0]||(n[0]=u=>r.value=u),name:k.value,placeholder:c.placeholder,disabled:c.disabled,"aria-label":c.placeholder||"文本输入区域",onInput:V,onKeydown:H,onKeyup:b,onFocus:P,onBlur:F},null,40,w),[[t.vModelText,r.value]]),C.value?(t.openBlock(),t.createBlock(q._sfc_main,{key:0,name:"close-circle-fill",class:"textarea-clear-icon","aria-label":"清除输入内容",onClick:t.withModifiers(I,["stop"])})):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[],64))],64))],14,M))}});exports._sfc_main=R;

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-CvV-Os-O.js

@@ -0,0 +1 @@
+"use strict";var T=Object.create;var g=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var D=(o,r,l,d)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of x(r))!R.call(o,n)&&n!==l&&g(o,n,{get:()=>r[n],enumerable:!(d=k(r,n))||d.enumerable});return o};var B=(o,r,l)=>(l=o!=null?T(H(o)):{},D(r||!o||!o.__esModule?g(l,"default",{value:o,enumerable:!0}):l,o));const t=require("vue"),u=require("@cldemo/ui-kit/common/base"),E=require("@cldemo/ui-kit/common/Element"),S=require("@cldemo/ui-kit/common/Element/Event"),I=require("./Ing.vue_vue_type_script_setup_true_lang-DaWKYdkt.js"),N=["#2ec7c9","#b6a2de","#5ab1ef","#ffb980","#d87a80","#8d98b3","#e5cf0d","#97b552","#95706d","#dc69aa","#07a2a4","#9a7fd1","#588dd5","#f5994e","#c05050","#59678c","#c9ab00","#7eb00a","#6f5553","#c14089"],P={color:N,title:{textStyle:{fontWeight:"normal",color:"#008acd"}},visualMap:{itemWidth:15,color:["#5ab1ef","#e0ffff"]},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:"#2ec7c9"},label:{color:"#000000"}},graph:{itemStyle:{color:"#d87a80"},linkStyle:{color:"#2ec7c9"}},gauge:{axisLine:{lineStyle:{color:[[.2,"#2ec7c9"],[.8,"#5ab1ef"],[1,"#d87a80"]],width:10}},axisTick:{splitNumber:10,length:15,lineStyle:{color:"auto"}},splitLine:{length:22,lineStyle:{color:"auto"}},pointer:{width:5}}},q=["id"],A=t.defineComponent({name:"ClEcharts",__name:"Index",props:{id:String,chartOption:Object,className:String,height:{type:[Number,String],default:400},isRunLoad:{type:Boolean,default:!1}},emits:["onInitFirst","onHideResize","onError"],setup(o,{expose:r,emit:l}){let d=null,n=!1;const v=()=>(d||(d=import("echarts")),d),s=o,f=l,_=s.id,m=t.useTemplateRef("refElChart"),c=t.reactive({isShowLoad:s.isRunLoad,isEmptyData:!1}),e={resizeEvent:null,chartObject:null,initTimer:null,isHideEmit:!1},C=t.computed(()=>{let i={"panel-echarts":!0,"chart-loading":c.isShowLoad||c.isEmptyData};return i=u.getJsonMerge(i,E.getClassNameJson(s.className)),i}),z=t.computed(()=>{const i={};return(c.isShowLoad||c.isEmptyData)&&(i.height="100%"),i}),O=t.computed(()=>{const i={},{height:a}=s;return typeof a=="number"&&u.isFinite(a)&&a>0?i.height=`${a}px`:u.isNonEmptyString(a)&&(i.height=a),i}),j=()=>{f("onHideResize")},w=()=>{f("onInitFirst")},h=()=>{e.chartObject&&e.chartObject.resize()},y=async i=>{if(!m.value)return;const a=u.isEmpty(i);if(c.isEmptyData=a,!a&&i)try{const b=await v();n||(b.registerTheme("macarons",P),n=!0),e.chartObject||(e.chartObject=b.init(m.value,"macarons"),e.initTimer=setTimeout(()=>{w()},50)),e.chartObject.setOption(i,!0),h()}catch{e.initTimer&&(clearTimeout(e.initTimer),e.initTimer=null),f("onError","图表配置异常")}else e.chartObject&&e.chartObject.clear()},p=()=>{e.chartObject&&(E.isHiddenParent(m.value)?e.isHideEmit||(e.isHideEmit=!0,j()):(e.isHideEmit&&(e.isHideEmit=!1),h()))},L=()=>{y(s.chartOption)};return t.onMounted(()=>{e.resizeEvent=new S.Resize({callback:()=>{p()}}),t.nextTick(()=>{L()})}),t.onBeforeUnmount(()=>{e.resizeEvent&&e.resizeEvent.destroy(),e.initTimer&&clearTimeout(e.initTimer),e.chartObject&&(e.chartObject.dispose(),e.chartObject=null)}),t.onActivated(()=>{e.resizeEvent||(e.resizeEvent=new S.Resize({callback:()=>{p()}})),t.nextTick(()=>{h()})}),t.onDeactivated(()=>{e.resizeEvent&&(e.resizeEvent.destroy(),e.resizeEvent=null)}),t.watch(()=>s.isRunLoad,i=>{c.isShowLoad=i}),t.watch(()=>s.chartOption,i=>{y(i)}),r({getChartObject:()=>e.chartObject,getChartElement:()=>m.value,resize:()=>{h()}}),(i,a)=>(t.openBlock(),t.createElementBlock("div",{id:t.unref(_),class:t.normalizeClass(C.value),style:t.normalizeStyle(z.value)},[t.renderSlot(i.$slots,"chartHead"),t.createElementVNode("div",{ref_key:"refElChart",ref:m,style:t.normalizeStyle(O.value),role:"img","aria-label":"图表"},null,4),t.createVNode(I._sfc_main,{isLoadIng:c.isShowLoad,isEmpty:c.isEmptyData},{nothingData:t.withCtx(()=>[t.renderSlot(i.$slots,"nothingData")]),_:3},8,["isLoadIng","isEmpty"])],14,q))}});exports._sfc_main=A;