@cldemo/ui-kit 1.1.2 → 1.1.3

package/buildLibs/modules/shared/use-Bbj6M1YU.js

@@ -0,0 +1,151 @@
+import { onMounted as I, nextTick as E, onUnmounted as l, watch as d } from "vue";
+import o from "@cldemo/ui-kit/common/base";
+const s = {
+  loading: "data:image/gif;base64,R0lGODlhEAAQAPQAAP///wAAAPDw8IqKiuDg4EZGRnp6egAAAFhYWCQkJKysrL6+vhQUFJycnAQEBDY2NmhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAkKAAAALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQJCgAAACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQJCgAAACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkECQoAAAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkECQoAAAAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAkKAAAALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAkKAAAALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQJCgAAACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQJCgAAACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA==",
+  error: "data:image/png;base64,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",
+  attr: {
+    timeOutId: "data-lazy-timeout-id"
+  }
+};
+class C {
+  options = {
+    loading: s.loading,
+    error: s.error,
+    observerOptions: {
+      rootMargin: "0px",
+      threshold: 0
+    },
+    log: !1,
+    callback: {}
+  };
+  _images = /* @__PURE__ */ new WeakMap();
+  constructor(A) {
+    this.config(A);
+  }
+  config(A = {}) {
+    this.options = o.getJsonMergeDeep(this.options, A);
+  }
+  _initValue(A, t) {
+    let e = "", r = this.options.loading, i = this.options.error, n = this.options.callback, a = this.options.delay;
+    return o.isObject(A) ? (e = A.src, r = o.isUndefined(A.loading) ? this.options.loading : A.loading, i = o.isUndefined(A.error) ? this.options.error : A.error, n = o.isUndefined(A.callback) ? this.options.callback : A.callback, a = o.isUndefined(A.delay) ? this.options.delay : A.delay) : o.isString(A) ? e = A : o.isUndefined(A) && (e = t && t.src || ""), {
+      src: e,
+      loading: r,
+      error: i,
+      callback: n,
+      delay: a
+    };
+  }
+  mount(A, t) {
+    if (o.isUndefined(A)) return;
+    const e = o.isString(t) ? t : t.value, { src: r, loading: i, error: n, callback: a, delay: c } = this._initValue(e, A);
+    if (this._setCallback(A, "loading", a), A.setAttribute("src", i || s.loading), !this._checkIntersectionObserver()) {
+      this._setImageSrc(A, r, n, a), this._log(() => {
+        throw new Error("Not support IntersectionObserver!");
+      });
+      return;
+    }
+    this._initIntersectionObserver(A, r, n, a, c);
+  }
+  update(A, t) {
+    if (o.isUndefined(A)) return;
+    this._realObserver(A)?.unobserve(A), A.hasAttribute(s.attr.timeOutId) && (clearTimeout(Number(A.getAttribute(s.attr.timeOutId))), A.removeAttribute(s.attr.timeOutId));
+    const e = o.isString(t) ? t : t.value, { src: r, error: i, callback: n, delay: a } = this._initValue(e, A);
+    this._initIntersectionObserver(A, r, i, n, a);
+  }
+  unmount(A) {
+    if (!o.isUndefined(A)) {
+      if (this._realObserver(A)?.unobserve(A), A.hasAttribute(s.attr.timeOutId) && (clearTimeout(Number(A.getAttribute(s.attr.timeOutId))), A.removeAttribute(s.attr.timeOutId)), A.tagName.toLowerCase() === "img") {
+        const t = A;
+        t.onload = null, t.onerror = null;
+      }
+      this._images.delete(A);
+    }
+  }
+  _setImageSrc(A, t, e, r) {
+    if (A.tagName.toLowerCase() === "img") {
+      const i = A;
+      o.isEmpty(t) ? (i.onload = null, this._setCallback(i, "error", r), this._realObserver(i)?.disconnect(), e ? i.setAttribute("src", e) : i.removeAttribute("src")) : (this.options.isCrossOrigin && (i.crossOrigin = "Anonymous"), t && i.getAttribute("src") !== t && i.setAttribute("src", t), i.onload = () => {
+        t && this._setCallback(i, "loaded", r);
+      }, i.onerror = () => {
+        i.onload = null, this._setCallback(i, "error", r), this._realObserver(i)?.disconnect(), e && i.getAttribute("src") !== e && i.setAttribute("src", e), this._log(() => {
+          throw new Error(`Image failed to load!And failed src was: ${t} `);
+        });
+      });
+    } else
+      A.style.backgroundImage = `url('${t}')`;
+  }
+  _setCallback(A, t, e) {
+    switch (A?.setAttribute("lazy", t), t) {
+      case "loading":
+        e?.loading && e.loading(A);
+        break;
+      case "loaded":
+        e?.loaded && e.loaded(A);
+        break;
+      case "error":
+        e?.error && e.error(A);
+        break;
+    }
+  }
+  _realObserver(A) {
+    return this._images.get(A);
+  }
+  _checkIntersectionObserver() {
+    if (typeof window < "u" && window !== null && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype) {
+      if (!("isIntersecting" in window.IntersectionObserverEntry.prototype))
+        try {
+          Object.defineProperty(window.IntersectionObserverEntry.prototype, "isIntersecting", {
+            get() {
+              return this.intersectionRatio > 0;
+            }
+          });
+        } catch {
+          return !1;
+        }
+      return !0;
+    }
+    return !1;
+  }
+  _initIntersectionObserver(A, t, e, r, i) {
+    const n = this.options.observerOptions;
+    this._images.set(
+      A,
+      new IntersectionObserver((a) => {
+        Array.prototype.forEach.call(a, (c) => {
+          i && i > 0 ? this._delayedIntersectionCallback(A, c, i, t, e, r) : this._intersectionCallback(A, c, t, e, r);
+        });
+      }, n)
+    ), this._realObserver(A)?.observe(A);
+  }
+  _intersectionCallback(A, t, e, r, i) {
+    t.isIntersecting && (this._realObserver(A)?.unobserve(t.target), this._setImageSrc(A, e, r, i));
+  }
+  _delayedIntersectionCallback(A, t, e, r, i, n) {
+    if (t.isIntersecting) {
+      if (t.target.hasAttribute(s.attr.timeOutId)) return;
+      const a = setTimeout(() => {
+        this._intersectionCallback(A, t, r, i, n), t.target.removeAttribute(s.attr.timeOutId);
+      }, e);
+      t.target.setAttribute(s.attr.timeOutId, String(a));
+    } else
+      t.target.hasAttribute(s.attr.timeOutId) && (clearTimeout(Number(t.target.getAttribute(s.attr.timeOutId))), t.target.removeAttribute(s.attr.timeOutId));
+  }
+  _log(A) {
+    this.options.log && A();
+  }
+}
+const Q = (g, A, t) => {
+  const e = new C(t);
+  I(() => {
+    E(() => {
+      g.value && e.mount(g.value, A);
+    });
+  }), l(() => {
+    g.value && e.unmount(g.value);
+  }), d(A, (r) => {
+    g.value && e.update(g.value, r);
+  });
+};
+export {
+  Q as u
+};

package/buildLibs/utils/Element/ClBadge.cjs

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

package/buildLibs/utils/Element/ClBadge.js

@@ -1,6 +1,6 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Element/ClBadge.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-vm_cblnn.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-cOsTL39H.js";
 export {
   f as default
 };

package/buildLibs/utils/Element/ClBreadcrumb.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("../Shared/base-DbuX_Y3x.js"),b=require("../Shared/index-rFJmbgyH.js"),f=require("../Shared/language-CBZjQ9dC.js"),E=["id","aria-label"],h=["onClick"],v={key:1},x={class:"breadcrumb-item"},A=e.defineComponent({name:"ClBreadcrumb",__name:"Index",props:{id:String,className:String,list:{type:Array,default:()=>[]},title:{type:String,default:""}},emits:{onClickUrl:(s,l)=>!0},setup(s,{emit:l}){const{optA11yText:c}=f.useA11yLanguage(),t=s,i=l,m=`breadcrumb-${r.CommonBase.getRandom(5)}`,u=t.id,p=e.computed(()=>{const n={"panel-breadcrumb":!0};return r.CommonBase.getJsonMerge(n,b.CommonElement.getClassNameJson(t.className))}),d=e.computed(()=>!Array.isArray(t.list)||r.CommonBase.isEmpty(t.list)?[]:t.list.slice(0,-1).filter(Boolean)),_=e.computed(()=>{if(!Array.isArray(t.list)||r.CommonBase.isEmpty(t.list))return"";const n=t.list[t.list.length-1];return r.CommonBase.isEmpty(t.title)?n?.name??"":t.title}),k=n=>!r.CommonBase.isEmpty(n),y=(n,a)=>{i("onClickUrl",n,a)};return(n,a)=>{const B=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("ol",{id:e.unref(u),class:e.normalizeClass(p.value),"aria-label":e.unref(c).breadcrumb||"面包屑导航"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(o,C)=>(e.openBlock(),e.createElementBlock("li",{class:"breadcrumb-item",key:`${m}-${C}`},[k(o.href)?(e.openBlock(),e.createBlock(B,{key:0,to:o.href},{default:e.withCtx(()=>[e.createElementVNode("span",{onClick:g=>y(o,g)},e.toDisplayString(o.name??""),9,h)]),_:2},1032,["to"])):(e.openBlock(),e.createElementBlock("span",v,e.toDisplayString(o.name??""),1))]))),128)),e.createElementVNode("li",x,[e.createElementVNode("span",null,e.toDisplayString(_.value),1)])],10,E)}}});module.exports=A;
+"use strict";const e=require("vue"),r=require("@cldemo/ui-kit/common/base"),B=require("@cldemo/ui-kit/common/Element"),C=require("../Shared/language-BJ4aVgHI.js"),E=["id","aria-label"],h=["onClick"],v={key:1},A={class:"breadcrumb-item"},x=e.defineComponent({name:"ClBreadcrumb",__name:"Index",props:{id:String,className:String,list:{type:Array,default:()=>[]},title:{type:String,default:""}},emits:{onClickUrl:(l,s)=>!0},setup(l,{emit:s}){const{optA11yText:a}=C.useA11yLanguage(),t=l,i=s,u=`breadcrumb-${r.getRandom(5)}`,m=t.id,p=e.computed(()=>{const n={"panel-breadcrumb":!0};return r.getJsonMerge(n,B.getClassNameJson(t.className))}),d=e.computed(()=>!Array.isArray(t.list)||r.isEmpty(t.list)?[]:t.list.slice(0,-1).filter(Boolean)),_=e.computed(()=>{if(!Array.isArray(t.list)||r.isEmpty(t.list))return"";const n=t.list[t.list.length-1];return r.isEmpty(t.title)?n?.name??"":t.title}),k=n=>!r.isEmpty(n),y=(n,c)=>{i("onClickUrl",n,c)};return(n,c)=>{const g=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("ol",{id:e.unref(m),class:e.normalizeClass(p.value),"aria-label":e.unref(a).breadcrumb||"面包屑导航"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(o,b)=>(e.openBlock(),e.createElementBlock("li",{class:"breadcrumb-item",key:`${u}-${b}`},[k(o.href)?(e.openBlock(),e.createBlock(g,{key:0,to:o.href},{default:e.withCtx(()=>[e.createElementVNode("span",{onClick:f=>y(o,f)},e.toDisplayString(o.name??""),9,h)]),_:2},1032,["to"])):(e.openBlock(),e.createElementBlock("span",v,e.toDisplayString(o.name??""),1))]))),128)),e.createElementVNode("li",A,[e.createElementVNode("span",null,e.toDisplayString(_.value),1)])],10,E)}}});module.exports=x;

package/buildLibs/utils/Element/ClBreadcrumb.js

@@ -1,9 +1,9 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Element/ClBreadcrumb.css';
 import { defineComponent as x, computed as l, resolveComponent as B, openBlock as s, createElementBlock as o, unref as p, normalizeClass as N, Fragment as S, renderList as I, createBlock as L, withCtx as T, createElementVNode as a, toDisplayString as i } from "vue";
-import { C as r } from "../Shared/base-fr2I80sU.js";
-import { C as U } from "../Shared/index-B477PjJ3.js";
-import { u as $ } from "../Shared/language-BaLIp7bA.js";
+import r from "@cldemo/ui-kit/common/base";
+import U from "@cldemo/ui-kit/common/Element";
+import { u as $ } from "../Shared/language-CZZEj4e3.js";
 const J = ["id", "aria-label"], w = ["onClick"], z = { key: 1 }, D = { class: "breadcrumb-item" }, R = /* @__PURE__ */ x({
   name: "ClBreadcrumb",
   __name: "Index",
@@ -33,7 +33,7 @@ const J = ["id", "aria-label"], w = ["onClick"], z = { key: 1 }, D = { class: "b
         "panel-breadcrumb": !0
       };
       return r.getJsonMerge(t, U.getClassNameJson(e.className));
-    }), C = l(() => !Array.isArray(e.list) || r.isEmpty(e.list) ? [] : e.list.slice(0, -1).filter(Boolean)), b = l(() => {
+    }), b = l(() => !Array.isArray(e.list) || r.isEmpty(e.list) ? [] : e.list.slice(0, -1).filter(Boolean)), C = l(() => {
       if (!Array.isArray(e.list) || r.isEmpty(e.list)) return "";
       const t = e.list[e.list.length - 1];
       return r.isEmpty(e.title) ? t?.name ?? "" : e.title;
@@ -47,7 +47,7 @@ const J = ["id", "aria-label"], w = ["onClick"], z = { key: 1 }, D = { class: "b
         class: N(k.value),
         "aria-label": p(d).breadcrumb || "面包屑导航"
       }, [
-        (s(!0), o(S, null, I(C.value, (n, E) => (s(), o("li", {
+        (s(!0), o(S, null, I(b.value, (n, E) => (s(), o("li", {
           class: "breadcrumb-item",
           key: `${y}-${E}`
         }, [
@@ -64,7 +64,7 @@ const J = ["id", "aria-label"], w = ["onClick"], z = { key: 1 }, D = { class: "b
           }, 1032, ["to"])) : (s(), o("span", z, i(n.name ?? ""), 1))
         ]))), 128)),
         a("li", D, [
-          a("span", null, i(b.value), 1)
+          a("span", null, i(C.value), 1)
         ])
       ], 10, J);
     };

package/buildLibs/utils/Element/ClButton.cjs

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

package/buildLibs/utils/Element/ClButton.js

@@ -4,7 +4,7 @@ import '../../styles/Common/Load-base.css';
 import '../../styles/Common/Btn-base.css';
 import '../../styles/Common/Overlay-base.css';
 import '../../styles/Element/ClButton.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-B4wLYUS7.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-D__hI9ud.js";
 export {
   f as default
 };

package/buildLibs/utils/Element/ClCallout.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),c=require("../Shared/base-DbuX_Y3x.js"),a=require("../Shared/index-rFJmbgyH.js"),r=["id"],i={key:0,class:"callout-title"},u={class:"callout-content"},d=e.defineComponent({name:"ClCallout",__name:"Index",props:{id:String,className:String,type:{type:String,default:"info"},title:String},setup(t){const n=t,o=n.id,l=e.computed(()=>c.CommonBase.getJsonMerge({"panel-callout":!0,[`callout-${n.type||"info"}`]:!0},a.CommonElement.getClassNameJson(n.className)));return(s,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.value),id:e.unref(o),role:"note"},[t.title?(e.openBlock(),e.createElementBlock("div",i,e.toDisplayString(t.title),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("div",u,[e.renderSlot(s.$slots,"default")])],10,r))}});module.exports=d;
+"use strict";const e=require("vue"),c=require("@cldemo/ui-kit/common/base"),r=require("@cldemo/ui-kit/common/Element"),a=["id"],i={key:0,class:"callout-title"},u={class:"callout-content"},m=e.defineComponent({name:"ClCallout",__name:"Index",props:{id:String,className:String,type:{type:String,default:"info"},title:String},setup(t){const n=t,o=n.id,l=e.computed(()=>c.getJsonMerge({"panel-callout":!0,[`callout-${n.type||"info"}`]:!0},r.getClassNameJson(n.className)));return(s,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.value),id:e.unref(o),role:"note"},[t.title?(e.openBlock(),e.createElementBlock("div",i,e.toDisplayString(t.title),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("div",u,[e.renderSlot(s.$slots,"default")])],10,a))}});module.exports=m;

package/buildLibs/utils/Element/ClCallout.js

@@ -1,8 +1,8 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Element/ClCallout.css';
 import { defineComponent as r, computed as i, openBlock as o, createElementBlock as n, unref as c, normalizeClass as m, toDisplayString as d, Fragment as u, createElementVNode as p, renderSlot as f } from "vue";
-import { C as g } from "../Shared/base-fr2I80sU.js";
-import { C } from "../Shared/index-B477PjJ3.js";
+import g from "@cldemo/ui-kit/common/base";
+import C from "@cldemo/ui-kit/common/Element";
 const _ = ["id"], y = {
   key: 0,
   class: "callout-title"

package/buildLibs/utils/Element/ClCard.cjs

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

package/buildLibs/utils/Element/ClCard.js

@@ -1,6 +1,6 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Element/ClCard.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-p_9-WY4K.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-B79oRl-U.js";
 export {
   f as default
 };

package/buildLibs/utils/Element/ClCardColor.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),s=require("../Shared/base-DbuX_Y3x.js"),n=require("../Shared/index-rFJmbgyH.js"),m=["id"],i=e.defineComponent({name:"ClCardColor",__name:"Index",props:{id:String,className:String,classBody:String,color:{type:String,default:"var(--cl-shadow-sm, rgba(0, 0, 0, 0.04))"},isInnerPadZero:{type:Boolean,default:!1}},setup(t){const o=t,a=o.id,l=e.computed(()=>{const r={"card-color":!0};return s.CommonBase.getJsonMerge(r,n.CommonElement.getClassNameJson(o.className))}),c=e.computed(()=>({"card-color-body":!0,"card-color-body--pad-zero":o.isInnerPadZero,...n.CommonElement.getClassNameJson(o.classBody)})),d=e.computed(()=>({backgroundColor:s.CommonBase.isNonEmptyString(o.color)?o.color:"var(--cl-shadow-sm, rgba(0, 0, 0, 0.04))"}));return(r,u)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(a),class:e.normalizeClass(l.value),style:e.normalizeStyle(d.value)},[e.createElementVNode("div",{class:e.normalizeClass(c.value)},[e.renderSlot(r.$slots,"default")],2)],14,m))}});module.exports=i;
+"use strict";const e=require("vue"),s=require("@cldemo/ui-kit/common/base"),t=require("@cldemo/ui-kit/common/Element"),m=["id"],i=e.defineComponent({name:"ClCardColor",__name:"Index",props:{id:String,className:String,classBody:String,color:{type:String,default:"var(--cl-shadow-sm, rgba(0, 0, 0, 0.04))"},isInnerPadZero:{type:Boolean,default:!1}},setup(n){const o=n,a=o.id,l=e.computed(()=>{const r={"card-color":!0};return s.getJsonMerge(r,t.getClassNameJson(o.className))}),c=e.computed(()=>({"card-color-body":!0,"card-color-body--pad-zero":o.isInnerPadZero,...t.getClassNameJson(o.classBody)})),d=e.computed(()=>({backgroundColor:s.isNonEmptyString(o.color)?o.color:"var(--cl-shadow-sm, rgba(0, 0, 0, 0.04))"}));return(r,u)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(a),class:e.normalizeClass(l.value),style:e.normalizeStyle(d.value)},[e.createElementVNode("div",{class:e.normalizeClass(c.value)},[e.renderSlot(r.$slots,"default")],2)],14,m))}});module.exports=i;

package/buildLibs/utils/Element/ClCardColor.js

@@ -1,8 +1,8 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Element/ClCardColor.css';
-import { defineComponent as i, computed as r, openBlock as u, createElementBlock as p, normalizeStyle as g, normalizeClass as s, unref as C, createElementVNode as f, renderSlot as y } from "vue";
-import { C as t } from "../Shared/base-fr2I80sU.js";
-import { C as a } from "../Shared/index-B477PjJ3.js";
+import { defineComponent as i, computed as r, openBlock as u, createElementBlock as p, normalizeStyle as g, normalizeClass as s, unref as f, createElementVNode as y, renderSlot as C } from "vue";
+import t from "@cldemo/ui-kit/common/base";
+import a from "@cldemo/ui-kit/common/Element";
 const v = ["id"], b = /* @__PURE__ */ i({
   name: "ClCardColor",
   __name: "Index",
@@ -39,14 +39,14 @@ const v = ["id"], b = /* @__PURE__ */ i({
       ...a.getClassNameJson(o.classBody)
     })), m = r(() => ({ backgroundColor: t.isNonEmptyString(o.color) ? o.color : "var(--cl-shadow-sm, rgba(0, 0, 0, 0.04))" }));
     return (e, B) => (u(), p("div", {
-      id: C(l),
+      id: f(l),
       class: s(c.value),
       style: g(m.value)
     }, [
-      f("div", {
+      y("div", {
         class: s(d.value)
       }, [
-        y(e.$slots, "default")
+        C(e.$slots, "default")
       ], 2)
     ], 14, v));
   }

package/buildLibs/utils/Element/ClCheckbox.cjs

@@ -1 +1 @@
-"use strict";const e=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CNLr4FbS.js");module.exports=e._sfc_main;
+"use strict";const e=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CYN4r-Mx.js");module.exports=e._sfc_main;

package/buildLibs/utils/Element/ClCheckbox.js

@@ -3,7 +3,7 @@ import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/Input-base.css';
 import '../../styles/Common/Fade-base.css';
 import '../../styles/Element/ClCheckbox.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BeY40OpW.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-CgdGs-U2.js";
 export {
   f as default
 };

package/buildLibs/utils/Element/ClCheckboxOne.cjs

@@ -1 +1 @@
-"use strict";const e=require("../Shared/One.vue_vue_type_script_setup_true_lang-D89MNwcx.js");module.exports=e._sfc_main;
+"use strict";const e=require("../Shared/One.vue_vue_type_script_setup_true_lang-D9zWNf0s.js");module.exports=e._sfc_main;

package/buildLibs/utils/Element/ClCheckboxOne.js

@@ -2,7 +2,7 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/Fade-base.css';
 import '../../styles/Element/ClCheckboxOne.css';
-import { _ as f } from "../Shared/One.vue_vue_type_script_setup_true_lang-CREhY2it.js";
+import { _ as f } from "../Shared/One.vue_vue_type_script_setup_true_lang-cviYcHLZ.js";
 export {
   f as default
 };

package/buildLibs/utils/Element/ClClipboard.cjs

@@ -1 +1 @@
-"use strict";const e=require("../Shared/Index.vue_vue_type_script_setup_true_lang-BC8lIalF.js");module.exports=e._sfc_main;
+"use strict";const e=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Eczgr-_r.js");module.exports=e._sfc_main;

package/buildLibs/utils/Element/ClClipboard.js

@@ -1,7 +1,7 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Element/ClClipboard.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BQwt39eR.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DWkYiuK9.js";
 export {
   f as default
 };

package/buildLibs/utils/Element/ClCollapse.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("../Shared/base-DbuX_Y3x.js"),g=require("../Shared/index-rFJmbgyH.js"),y=require("../Shared/SlideUpDown.vue_vue_type_script_setup_true_lang-Cp45S0a9.js"),h=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DU1H_1lY.js");;/* empty css                              */const k=["id"],w=["tabindex","role","aria-expanded"],N={class:"collapse-title"},O=["tabindex","role","aria-expanded","aria-label","onKeydown"],S={key:0,class:"collapse-body"},T=300,b=50,A=e.defineComponent({name:"ClCollapse",__name:"Index",props:{id:String,className:String,isOperate:{type:Boolean,default:!0},isExpanded:{type:Boolean,default:!0},isCollapseOnTitle:{type:Boolean,default:!1},isDestroyOnCollapse:{type:Boolean,default:!1}},emits:{onCollapse:i=>!0},setup(i,{emit:p}){const s=i,u=p,m=`collapse-${l.CommonBase.getRandom(8)}`,t=e.reactive({isExpanded:l.CommonBase.isBoolean(s.isExpanded)?s.isExpanded:!0,isAnimating:!1});let r=null;const _=T+b,a=e.computed(()=>l.CommonBase.isBoolean(s.isCollapseOnTitle)?s.isCollapseOnTitle:!1),v=e.computed(()=>l.CommonBase.isNonEmptyString(s.id)?s.id:m),f=e.computed(()=>l.CommonBase.getJsonMerge({"panel-collapse":!0},g.CommonElement.getClassNameJson(s.className))),E=e.computed(()=>({"collapse-operate":!0,"icon-rotate":!0,"rotate-180":!t.isExpanded})),C=e.computed(()=>({"collapse-head":!0,"collapse-head-clickable":a.value})),c=()=>{r!==null&&(clearTimeout(r),r=null)};e.onUnmounted(()=>{c()}),e.watch(()=>s.isExpanded,n=>{const o=l.CommonBase.isBoolean(n)?n:!0;t.isExpanded!==o&&(c(),t.isAnimating=!1,t.isExpanded=o)});const d=()=>{t.isAnimating||(t.isAnimating=!0,t.isExpanded=!t.isExpanded,c(),r=setTimeout(()=>{r=null,t.isAnimating=!1},_),u("onCollapse",t.isExpanded))},x=n=>{if(!a.value)return;const o=n.target;o instanceof Element&&(o.closest(".collapse-operate")||(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),d()))},B=n=>{if(!a.value)return;const o=n.target;o instanceof Element&&(o.closest(".collapse-operate")||d())};return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(f.value),id:v.value},[e.createElementVNode("div",{class:e.normalizeClass(C.value),tabindex:a.value?0:void 0,role:a.value?"button":void 0,"aria-expanded":a.value?t.isExpanded:void 0,onClick:B,onKeydown:x},[e.createElementVNode("div",N,[e.renderSlot(n.$slots,"title")]),e.withDirectives(e.createElementVNode("i",{class:e.normalizeClass(E.value),tabindex:a.value?-1:0,role:a.value?void 0:"button","aria-expanded":a.value?void 0:t.isExpanded,"aria-label":a.value?void 0:t.isExpanded?"折叠":"展开",onClick:d,onKeydown:[e.withKeys(e.withModifiers(d,["prevent"]),["enter"]),e.withKeys(e.withModifiers(d,["prevent"]),["space"])]},[e.createVNode(h._sfc_main,{name:"angle-down"})],42,O),[[e.vShow,e.unref(l.CommonBase).isBoolean(i.isOperate)?i.isOperate:!0]])],42,w),e.createVNode(y._sfc_main,null,{default:e.withCtx(()=>[!i.isDestroyOnCollapse||t.isExpanded?e.withDirectives((e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(n.$slots,"default")],512)),[[e.vShow,t.isExpanded]]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))]),_:3})],10,k))}});module.exports=A;
+"use strict";const e=require("vue"),l=require("@cldemo/ui-kit/common/base"),y=require("@cldemo/ui-kit/common/Element"),h=require("../Shared/SlideUpDown.vue_vue_type_script_setup_true_lang-Cp45S0a9.js"),B=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js");;/* empty css                              */const k=["id"],w=["tabindex","role","aria-expanded"],N={class:"collapse-title"},O=["tabindex","role","aria-expanded","aria-label","onKeydown"],S={key:0,class:"collapse-body"},T=300,b=50,A=e.defineComponent({name:"ClCollapse",__name:"Index",props:{id:String,className:String,isOperate:{type:Boolean,default:!0},isExpanded:{type:Boolean,default:!0},isCollapseOnTitle:{type:Boolean,default:!1},isDestroyOnCollapse:{type:Boolean,default:!1}},emits:{onCollapse:i=>!0},setup(i,{emit:p}){const o=i,u=p,m=`collapse-${l.getRandom(8)}`,t=e.reactive({isExpanded:l.isBoolean(o.isExpanded)?o.isExpanded:!0,isAnimating:!1});let r=null;const _=T+b,a=e.computed(()=>l.isBoolean(o.isCollapseOnTitle)?o.isCollapseOnTitle:!1),v=e.computed(()=>l.isNonEmptyString(o.id)?o.id:m),f=e.computed(()=>l.getJsonMerge({"panel-collapse":!0},y.getClassNameJson(o.className))),E=e.computed(()=>({"collapse-operate":!0,"icon-rotate":!0,"rotate-180":!t.isExpanded})),x=e.computed(()=>({"collapse-head":!0,"collapse-head-clickable":a.value})),c=()=>{r!==null&&(clearTimeout(r),r=null)};e.onUnmounted(()=>{c()}),e.watch(()=>o.isExpanded,n=>{const s=l.isBoolean(n)?n:!0;t.isExpanded!==s&&(c(),t.isAnimating=!1,t.isExpanded=s)});const d=()=>{t.isAnimating||(t.isAnimating=!0,t.isExpanded=!t.isExpanded,c(),r=setTimeout(()=>{r=null,t.isAnimating=!1},_),u("onCollapse",t.isExpanded))},C=n=>{if(!a.value)return;const s=n.target;s instanceof Element&&(s.closest(".collapse-operate")||(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),d()))},g=n=>{if(!a.value)return;const s=n.target;s instanceof Element&&(s.closest(".collapse-operate")||d())};return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(f.value),id:v.value},[e.createElementVNode("div",{class:e.normalizeClass(x.value),tabindex:a.value?0:void 0,role:a.value?"button":void 0,"aria-expanded":a.value?t.isExpanded:void 0,onClick:g,onKeydown:C},[e.createElementVNode("div",N,[e.renderSlot(n.$slots,"title")]),e.withDirectives(e.createElementVNode("i",{class:e.normalizeClass(E.value),tabindex:a.value?-1:0,role:a.value?void 0:"button","aria-expanded":a.value?void 0:t.isExpanded,"aria-label":a.value?void 0:t.isExpanded?"折叠":"展开",onClick:d,onKeydown:[e.withKeys(e.withModifiers(d,["prevent"]),["enter"]),e.withKeys(e.withModifiers(d,["prevent"]),["space"])]},[e.createVNode(B._sfc_main,{name:"angle-down"})],42,O),[[e.vShow,e.unref(l).isBoolean(i.isOperate)?i.isOperate:!0]])],42,w),e.createVNode(h._sfc_main,null,{default:e.withCtx(()=>[!i.isDestroyOnCollapse||t.isExpanded?e.withDirectives((e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(n.$slots,"default")],512)),[[e.vShow,t.isExpanded]]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))]),_:3})],10,k))}});module.exports=A;

package/buildLibs/utils/Element/ClCollapse.js

@@ -3,10 +3,10 @@ import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/IconRotate-base.css';
 import '../../styles/Element/ClCollapse.css';
 import { defineComponent as S, reactive as M, computed as d, onUnmounted as I, watch as K, openBlock as p, createElementBlock as u, normalizeClass as m, createElementVNode as f, renderSlot as v, withDirectives as _, withKeys as x, withModifiers as E, createVNode as C, vShow as g, unref as D, withCtx as $, Fragment as H } from "vue";
-import { C as o } from "../Shared/base-fr2I80sU.js";
-import { C as L } from "../Shared/index-B477PjJ3.js";
+import o from "@cldemo/ui-kit/common/base";
+import L from "@cldemo/ui-kit/common/Element";
 import { _ as J } from "../Shared/SlideUpDown.vue_vue_type_script_setup_true_lang-CRzacfx9.js";
-import { _ as R } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BmRO42R2.js";
+import { _ as R } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
 /* empty css                             */
 const z = ["id"], F = ["tabindex", "role", "aria-expanded"], P = { class: "collapse-title" }, U = ["tabindex", "role", "aria-expanded", "aria-label", "onKeydown"], V = {
   key: 0,
@@ -50,7 +50,7 @@ const z = ["id"], F = ["tabindex", "role", "aria-expanded"], P = { class: "colla
       isAnimating: !1
     });
     let i = null;
-    const T = j + q, t = d(
+    const T = j + q, a = d(
       () => o.isBoolean(s.isCollapseOnTitle) ? s.isCollapseOnTitle : !1
     ), B = d(() => o.isNonEmptyString(s.id) ? s.id : O), b = d(() => o.getJsonMerge(
       { "panel-collapse": !0 },
@@ -61,7 +61,7 @@ const z = ["id"], F = ["tabindex", "role", "aria-expanded"], P = { class: "colla
       "rotate-180": !e.isExpanded
     })), w = d(() => ({
       "collapse-head": !0,
-      "collapse-head-clickable": t.value
+      "collapse-head-clickable": a.value
     })), c = () => {
       i !== null && (clearTimeout(i), i = null);
     };
@@ -69,8 +69,8 @@ const z = ["id"], F = ["tabindex", "role", "aria-expanded"], P = { class: "colla
       c();
     }), K(
       () => s.isExpanded,
-      (a) => {
-        const n = o.isBoolean(a) ? a : !0;
+      (t) => {
+        const n = o.isBoolean(t) ? t : !0;
         e.isExpanded !== n && (c(), e.isAnimating = !1, e.isExpanded = n);
       }
     );
@@ -78,36 +78,36 @@ const z = ["id"], F = ["tabindex", "role", "aria-expanded"], P = { class: "colla
       e.isAnimating || (e.isAnimating = !0, e.isExpanded = !e.isExpanded, c(), i = setTimeout(() => {
         i = null, e.isAnimating = !1;
       }, T), h("onCollapse", e.isExpanded));
-    }, A = (a) => {
-      if (!t.value) return;
-      const n = a.target;
-      n instanceof Element && (n.closest(".collapse-operate") || (a.key === "Enter" || a.key === " ") && (a.preventDefault(), r()));
-    }, N = (a) => {
-      if (!t.value) return;
-      const n = a.target;
+    }, A = (t) => {
+      if (!a.value) return;
+      const n = t.target;
+      n instanceof Element && (n.closest(".collapse-operate") || (t.key === "Enter" || t.key === " ") && (t.preventDefault(), r()));
+    }, N = (t) => {
+      if (!a.value) return;
+      const n = t.target;
       n instanceof Element && (n.closest(".collapse-operate") || r());
     };
-    return (a, n) => (p(), u("div", {
+    return (t, n) => (p(), u("div", {
       class: m(b.value),
       id: B.value
     }, [
       f("div", {
         class: m(w.value),
-        tabindex: t.value ? 0 : void 0,
-        role: t.value ? "button" : void 0,
-        "aria-expanded": t.value ? e.isExpanded : void 0,
+        tabindex: a.value ? 0 : void 0,
+        role: a.value ? "button" : void 0,
+        "aria-expanded": a.value ? e.isExpanded : void 0,
         onClick: N,
         onKeydown: A
       }, [
         f("div", P, [
-          v(a.$slots, "title")
+          v(t.$slots, "title")
         ]),
         _(f("i", {
           class: m(k.value),
-          tabindex: t.value ? -1 : 0,
-          role: t.value ? void 0 : "button",
-          "aria-expanded": t.value ? void 0 : e.isExpanded,
-          "aria-label": t.value ? void 0 : e.isExpanded ? "折叠" : "展开",
+          tabindex: a.value ? -1 : 0,
+          role: a.value ? void 0 : "button",
+          "aria-expanded": a.value ? void 0 : e.isExpanded,
+          "aria-label": a.value ? void 0 : e.isExpanded ? "折叠" : "展开",
           onClick: r,
           onKeydown: [
             x(E(r, ["prevent"]), ["enter"]),
@@ -122,7 +122,7 @@ const z = ["id"], F = ["tabindex", "role", "aria-expanded"], P = { class: "colla
       C(J, null, {
         default: $(() => [
           !l.isDestroyOnCollapse || e.isExpanded ? _((p(), u("div", V, [
-            v(a.$slots, "default")
+            v(t.$slots, "default")
           ], 512)), [
             [g, e.isExpanded]
           ]) : (p(), u(H, { key: 1 }, [], 64))

package/buildLibs/utils/Element/ClCountDown.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),g=require("../Shared/base-DbuX_Y3x.js"),b=require("../Shared/index-rFJmbgyH.js"),q=["id"],L={key:1,class:"countdown-num"},y=864e5,B=36e5,C=6e4,U=100,V=1e3,z=e.defineComponent({name:"ClCountDown",__name:"Index",props:{id:String,className:String,time:{type:Number,default:0},format:{type:String,default:"HH:mm:ss"},isAutoStart:{type:Boolean,default:!0},isMillisecond:{type:Boolean,default:!1}},emits:["onChange","onFinish"],setup(E,{expose:w,emit:D}){const n=E,S=D,H=`countdown-${g.CommonBase.getRandom(5)}`,N=n.id,s=e.ref(0);let o=null,x=0,r=!1;const _=e.computed(()=>n.isMillisecond?U:V),R=e.computed(()=>{const t=Math.max(0,s.value),i=Math.floor(t/y),l=Math.floor(t%y/B),h=Math.floor(t%B/C),A=Math.floor(t%C/1e3),F=t%1e3,P={DD:String(i).padStart(2,"0"),HH:String(l).padStart(2,"0"),mm:String(h).padStart(2,"0"),ss:String(A).padStart(2,"0"),SSS:String(F).padStart(3,"0")},f=[],$=n.isMillisecond?/(DD|HH|mm|ss|SSS)/g:/(DD|HH|mm|ss)/g;let u=0,a;for(;(a=$.exec(n.format))!==null;){if(a.index>u){const m=n.format.slice(u,a.index);f.push({type:M(m)?"sep":"text",value:m})}f.push({type:"num",value:P[a[0]]||a[0]}),u=a.index+a[0].length}if(u<n.format.length){const m=n.format.slice(u);f.push({type:M(m)?"sep":"text",value:m})}return f}),T=e.computed(()=>{const t={"panel-count-down":!0};return g.CommonBase.getJsonMerge(t,b.CommonElement.getClassNameJson(n.className))}),M=t=>{const i=t.trim();return i?/^[\p{P}\p{S}]+$/u.test(i):!1},p=()=>{const t=Number(n.time);return g.CommonBase.isFinite(t)&&t>0?t:0},d=t=>{s.value=Math.max(0,t),x=Date.now()+Math.max(0,t),r=!0,v(),o=setInterval(v,_.value)},k=()=>{if(r)return;const t=p();if(t<=0){s.value=0,S("onFinish");return}d(t)},I=()=>{if(!r){if(s.value<=0){k();return}d(s.value)}},v=()=>{const t=Math.max(0,x-Date.now());s.value=t,S("onChange",t),t<=0&&(c(),S("onFinish"))},c=()=>{o&&(clearInterval(o),o=null),r=!1};return e.onMounted(()=>{n.isAutoStart?k():s.value=p()}),e.onBeforeUnmount(()=>{c()}),e.watch(()=>n.time,()=>{c(),s.value=p(),n.isAutoStart&&s.value>0&&d(s.value)}),e.watch(()=>n.isAutoStart,t=>{t&&!r&&s.value>0&&d(s.value)}),e.watch(_,()=>{r&&(o&&clearInterval(o),o=setInterval(v,_.value))}),w({start:()=>{I()},pause:()=>{c()},reset:()=>{c(),s.value=p()}}),(t,i)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(N),class:e.normalizeClass(T.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,(l,h)=>(e.openBlock(),e.createElementBlock("span",{key:`${H}-${h}`,class:e.normalizeClass(["countdown-part",{"countdown-sep":l.type==="sep"}])},[l.type!=="num"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(l.value),1)],64)):(e.openBlock(),e.createElementBlock("span",L,e.toDisplayString(l.value),1))],2))),128))],10,q))}});module.exports=z;
+"use strict";const e=require("vue"),g=require("@cldemo/ui-kit/common/base"),q=require("@cldemo/ui-kit/common/Element"),L=["id"],U={key:1,class:"countdown-num"},y=864e5,B=36e5,E=6e4,V=100,b=1e3,z=e.defineComponent({name:"ClCountDown",__name:"Index",props:{id:String,className:String,time:{type:Number,default:0},format:{type:String,default:"HH:mm:ss"},isAutoStart:{type:Boolean,default:!0},isMillisecond:{type:Boolean,default:!1}},emits:["onChange","onFinish"],setup(w,{expose:D,emit:C}){const n=w,S=C,H=`countdown-${g.getRandom(5)}`,N=n.id,s=e.ref(0);let o=null,M=0,r=!1;const _=e.computed(()=>n.isMillisecond?V:b),R=e.computed(()=>{const t=Math.max(0,s.value),i=Math.floor(t/y),l=Math.floor(t%y/B),h=Math.floor(t%B/E),A=Math.floor(t%E/1e3),F=t%1e3,P={DD:String(i).padStart(2,"0"),HH:String(l).padStart(2,"0"),mm:String(h).padStart(2,"0"),ss:String(A).padStart(2,"0"),SSS:String(F).padStart(3,"0")},f=[],$=n.isMillisecond?/(DD|HH|mm|ss|SSS)/g:/(DD|HH|mm|ss)/g;let u=0,a;for(;(a=$.exec(n.format))!==null;){if(a.index>u){const m=n.format.slice(u,a.index);f.push({type:x(m)?"sep":"text",value:m})}f.push({type:"num",value:P[a[0]]||a[0]}),u=a.index+a[0].length}if(u<n.format.length){const m=n.format.slice(u);f.push({type:x(m)?"sep":"text",value:m})}return f}),T=e.computed(()=>{const t={"panel-count-down":!0};return g.getJsonMerge(t,q.getClassNameJson(n.className))}),x=t=>{const i=t.trim();return i?/^[\p{P}\p{S}]+$/u.test(i):!1},p=()=>{const t=Number(n.time);return g.isFinite(t)&&t>0?t:0},d=t=>{s.value=Math.max(0,t),M=Date.now()+Math.max(0,t),r=!0,v(),o=setInterval(v,_.value)},k=()=>{if(r)return;const t=p();if(t<=0){s.value=0,S("onFinish");return}d(t)},I=()=>{if(!r){if(s.value<=0){k();return}d(s.value)}},v=()=>{const t=Math.max(0,M-Date.now());s.value=t,S("onChange",t),t<=0&&(c(),S("onFinish"))},c=()=>{o&&(clearInterval(o),o=null),r=!1};return e.onMounted(()=>{n.isAutoStart?k():s.value=p()}),e.onBeforeUnmount(()=>{c()}),e.watch(()=>n.time,()=>{c(),s.value=p(),n.isAutoStart&&s.value>0&&d(s.value)}),e.watch(()=>n.isAutoStart,t=>{t&&!r&&s.value>0&&d(s.value)}),e.watch(_,()=>{r&&(o&&clearInterval(o),o=setInterval(v,_.value))}),D({start:()=>{I()},pause:()=>{c()},reset:()=>{c(),s.value=p()}}),(t,i)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(N),class:e.normalizeClass(T.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,(l,h)=>(e.openBlock(),e.createElementBlock("span",{key:`${H}-${h}`,class:e.normalizeClass(["countdown-part",{"countdown-sep":l.type==="sep"}])},[l.type!=="num"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(l.value),1)],64)):(e.openBlock(),e.createElementBlock("span",U,e.toDisplayString(l.value),1))],2))),128))],10,L))}});module.exports=z;

package/buildLibs/utils/Element/ClCountDown.js

@@ -1,8 +1,8 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Element/ClCountDown.css';
 import { defineComponent as O, ref as Y, computed as M, onMounted as j, onBeforeUnmount as q, watch as x, openBlock as m, createElementBlock as p, normalizeClass as E, unref as G, Fragment as H, renderList as K, createTextVNode as Q, toDisplayString as N } from "vue";
-import { C as y } from "../Shared/base-fr2I80sU.js";
-import { C as W } from "../Shared/index-B477PjJ3.js";
+import y from "@cldemo/ui-kit/common/base";
+import W from "@cldemo/ui-kit/common/Element";
 const X = ["id"], Z = {
   key: 1,
   class: "countdown-num"
@@ -38,7 +38,7 @@ const X = ["id"], Z = {
   emits: ["onChange", "onFinish"],
   setup(I, { expose: A, emit: B }) {
     const e = I, _ = B, P = `countdown-${y.getRandom(5)}`, F = e.id, n = Y(0);
-    let s = null, C = 0, a = !1;
+    let s = null, D = 0, a = !1;
     const v = M(() => e.isMillisecond ? tt : et), $ = M(() => {
       const t = Math.max(0, n.value), l = Math.floor(t / R), r = Math.floor(t % R / T), g = Math.floor(t % T / k), V = Math.floor(t % k / 1e3), b = t % 1e3, J = {
         DD: String(l).padStart(2, "0"),
@@ -51,13 +51,13 @@ const X = ["id"], Z = {
       for (; (o = z.exec(e.format)) !== null; ) {
         if (o.index > u) {
           const c = e.format.slice(u, o.index);
-          S.push({ type: D(c) ? "sep" : "text", value: c });
+          S.push({ type: w(c) ? "sep" : "text", value: c });
         }
         S.push({ type: "num", value: J[o[0]] || o[0] }), u = o.index + o[0].length;
       }
       if (u < e.format.length) {
         const c = e.format.slice(u);
-        S.push({ type: D(c) ? "sep" : "text", value: c });
+        S.push({ type: w(c) ? "sep" : "text", value: c });
       }
       return S;
     }), L = M(() => {
@@ -65,15 +65,15 @@ const X = ["id"], Z = {
         "panel-count-down": !0
       };
       return y.getJsonMerge(t, W.getClassNameJson(e.className));
-    }), D = (t) => {
+    }), w = (t) => {
       const l = t.trim();
       return l ? /^[\p{P}\p{S}]+$/u.test(l) : !1;
     }, d = () => {
       const t = Number(e.time);
       return y.isFinite(t) && t > 0 ? t : 0;
     }, f = (t) => {
-      n.value = Math.max(0, t), C = Date.now() + Math.max(0, t), a = !0, h(), s = setInterval(h, v.value);
-    }, w = () => {
+      n.value = Math.max(0, t), D = Date.now() + Math.max(0, t), a = !0, h(), s = setInterval(h, v.value);
+    }, C = () => {
       if (a) return;
       const t = d();
       if (t <= 0) {
@@ -84,19 +84,19 @@ const X = ["id"], Z = {
     }, U = () => {
       if (!a) {
         if (n.value <= 0) {
-          w();
+          C();
           return;
         }
         f(n.value);
       }
     }, h = () => {
-      const t = Math.max(0, C - Date.now());
+      const t = Math.max(0, D - Date.now());
       n.value = t, _("onChange", t), t <= 0 && (i(), _("onFinish"));
     }, i = () => {
       s && (clearInterval(s), s = null), a = !1;
     };
     return j(() => {
-      e.isAutoStart ? w() : n.value = d();
+      e.isAutoStart ? C() : n.value = d();
     }), q(() => {
       i();
     }), x(