@cldemo/ui-kit 1.1.2 → 1.1.3

package/buildLibs/utils/Mobile/ClSteps.js

@@ -2,9 +2,9 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Mobile/ClSteps.css';
 import { defineComponent as A, computed as d, openBlock as e, createElementBlock as s, normalizeStyle as E, normalizeClass as u, unref as L, Fragment as l, renderList as $, createElementVNode as m, createVNode as b, toDisplayString as v } from "vue";
-import { C as p } from "../Shared/base-fr2I80sU.js";
-import { C as B } from "../Shared/index-B477PjJ3.js";
-import { _ as w } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BmRO42R2.js";
+import p from "@cldemo/ui-kit/common/base";
+import B from "@cldemo/ui-kit/common/Element";
+import { _ as w } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
 const J = ["id"], V = ["onClick"], D = { class: "steps-circle-wrap" }, F = {
   key: 0,
   class: "steps-icon"
@@ -64,14 +64,14 @@ const J = ["id"], V = ["onClick"], D = { class: "steps-circle-wrap" }, F = {
         "panel-steps--horizontal": o.direction === "horizontal"
       };
       return p.getJsonMerge(t, B.getClassNameJson(o.className));
-    }), C = d(() => ({
+    }), S = d(() => ({
       "--steps-active-color": o.activeColor,
       "--steps-inactive-color": o.inactiveColor
-    })), S = (t) => ({
+    })), g = (t) => ({
       "steps-item": !0,
       "steps-item--active": t <= o.active,
       "steps-item--last": t === r.value.length - 1
-    }), g = (t) => {
+    }), C = (t) => {
       const i = r.value[t];
       return !!i && p.isNonEmptyString(i.icon);
     }, N = (t) => {
@@ -83,18 +83,18 @@ const J = ["id"], V = ["onClick"], D = { class: "steps-circle-wrap" }, F = {
     return (t, i) => (e(), s("div", {
       id: L(h),
       class: u(k.value),
-      style: E(C.value)
+      style: E(S.value)
     }, [
       (e(!0), s(l, null, $(r.value, (a, n) => (e(), s(l, {
         key: `${f}-${n}`
       }, [
         a ? (e(), s("div", {
           key: 0,
-          class: u(S(n)),
+          class: u(g(n)),
           onClick: (j) => z(n)
         }, [
           m("div", D, [
-            g(n) ? (e(), s("span", F, [
+            C(n) ? (e(), s("span", F, [
               b(w, {
                 name: N(n)
               }, null, 8, ["name"])

package/buildLibs/utils/Mobile/ClSwipe.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),f=require("../Shared/base-DbuX_Y3x.js"),P=require("../Shared/index-rFJmbgyH.js"),X=["id"],q={key:0,class:"swipe-indicators"},O=50,V=350,Y=3e3,H="0.3s",J=e.defineComponent({name:"ClSwipe",__name:"Index",props:{id:String,className:String,isAutoplay:{type:Boolean,default:!0},autoplayInterval:{type:Number,default:3e3},isLoop:{type:Boolean,default:!0},isShowIndicators:{type:Boolean,default:!0},height:{type:String,default:"200px"}},emits:["onChange","onClick"],setup(C,{emit:A}){const o=C,m=A,M=`swipe-${f.CommonBase.getRandom(5)}`,N=o.id,p=e.useSlots(),l=e.ref(0);let I=0,S=0,k=-1,h="";const i=e.ref(!1);let c=null;const T=e.ref(0);let v=!1,B=0,w=-1,_=!0;const u=e.computed(()=>{T.value;const t=p.default?p.default():[];return Math.max(1,t.length)}),x=e.computed(()=>{let t={"panel-swipe":!0};return t=f.CommonBase.getJsonMerge(t,P.CommonElement.getClassNameJson(o.className)),t}),L=e.computed(()=>({height:f.CommonBase.isNonEmptyString(o.height)?o.height:"200px"})),D=e.computed(()=>({transform:`translateX(${-l.value*100}%)`,transition:i.value?"none":`transform ${H} ease`})),g=t=>{const n=u.value;if(n<=1)return!1;let a=t;return o.isLoop?a=(t%n+n)%n:a=Math.min(Math.max(t,0),n-1),a!==l.value?(l.value=a,m("onChange",a),!0):!1},r=()=>{if(!_||!o.isAutoplay||u.value<2||!o.isLoop&&l.value>=u.value-1||i.value)return;s();const t=f.CommonBase.isNumber(o.autoplayInterval)&&f.CommonBase.isFinite(o.autoplayInterval)&&o.autoplayInterval>0?o.autoplayInterval:Y;c=setInterval(()=>{const n=g(l.value+1);!o.isLoop&&!n&&s()},t)},s=()=>{c&&(clearInterval(c),c=null)},b=t=>({"swipe-indicator":!0,"swipe-indicator--active":t===l.value});e.onMounted(()=>{r()}),e.onUpdated(()=>{const t=p.default?p.default().length:0;t!==w&&(w=t,T.value++)}),e.onActivated(()=>{_=!0,r()}),e.onDeactivated(()=>{_=!1,s()}),e.onBeforeUnmount(()=>{s()}),e.watch(()=>o.isAutoplay,t=>{t?r():s()}),e.watch(()=>o.autoplayInterval,()=>{s(),r()}),e.watch(()=>o.isLoop,()=>{r()}),e.watch(u,t=>{const n=l.value>=t;if(n){const a=Math.max(0,t-1);l.value=a,e.nextTick(()=>{m("onChange",a)})}if(t<2){s();return}o.isAutoplay&&(n||c===null)&&(s(),r())});const z=t=>{if(t.touches.length>1)return;const n=t.touches?.[0];n&&(v=!1,h="",k=n.identifier,I=n.clientX,S=n.clientY,i.value=!0,s())},R=t=>{if(!i.value||t.touches.length>1)return;const n=Array.from(t.touches).find(d=>d.identifier===k);if(!n)return;const a=n.clientX-I,y=n.clientY-S;if(h===""&&(h=Math.abs(a)>Math.abs(y)?"horizontal":"vertical"),h==="horizontal"&&(v=!0,Math.abs(a)>O)){let d=!1;a<0?d=g(l.value+1):d=g(l.value-1),d&&(i.value=!1)}},E=()=>{i.value=!1,v&&(B=Date.now()),r()},$=t=>{t.touches.length>0||E()},U=()=>{E()},F=()=>{const t=Date.now()-B;t>=0&&t<V||m("onClick")};return(t,n)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(N),class:e.normalizeClass(x.value),style:e.normalizeStyle(L.value),role:"region","aria-roledescription":"轮播图","aria-label":"轮播图",onTouchstart:z,onTouchmove:R,onTouchend:$,onTouchcancel:U,onClick:F},[e.createElementVNode("div",{class:"swipe-track",style:e.normalizeStyle(D.value)},[e.renderSlot(t.$slots,"default")],4),C.isShowIndicators?(e.openBlock(),e.createElementBlock("div",q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(a,y)=>(e.openBlock(),e.createElementBlock("span",{key:`${M}-ind-${a}`,class:e.normalizeClass(b(y)),"aria-hidden":"true"},null,2))),128))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],46,X))}});module.exports=J;
+"use strict";const e=require("vue"),f=require("@cldemo/ui-kit/common/base"),P=require("@cldemo/ui-kit/common/Element"),X=["id"],q={key:0,class:"swipe-indicators"},O=50,V=350,Y=3e3,H="0.3s",J=e.defineComponent({name:"ClSwipe",__name:"Index",props:{id:String,className:String,isAutoplay:{type:Boolean,default:!0},autoplayInterval:{type:Number,default:3e3},isLoop:{type:Boolean,default:!0},isShowIndicators:{type:Boolean,default:!0},height:{type:String,default:"200px"}},emits:["onChange","onClick"],setup(I,{emit:A}){const o=I,m=A,M=`swipe-${f.getRandom(5)}`,N=o.id,p=e.useSlots(),l=e.ref(0);let S=0,k=0,T=-1,h="";const i=e.ref(!1);let c=null;const C=e.ref(0);let v=!1,w=0,B=-1,_=!0;const u=e.computed(()=>{C.value;const t=p.default?p.default():[];return Math.max(1,t.length)}),L=e.computed(()=>{let t={"panel-swipe":!0};return t=f.getJsonMerge(t,P.getClassNameJson(o.className)),t}),x=e.computed(()=>({height:f.isNonEmptyString(o.height)?o.height:"200px"})),D=e.computed(()=>({transform:`translateX(${-l.value*100}%)`,transition:i.value?"none":`transform ${H} ease`})),g=t=>{const n=u.value;if(n<=1)return!1;let a=t;return o.isLoop?a=(t%n+n)%n:a=Math.min(Math.max(t,0),n-1),a!==l.value?(l.value=a,m("onChange",a),!0):!1},r=()=>{if(!_||!o.isAutoplay||u.value<2||!o.isLoop&&l.value>=u.value-1||i.value)return;s();const t=f.isNumber(o.autoplayInterval)&&f.isFinite(o.autoplayInterval)&&o.autoplayInterval>0?o.autoplayInterval:Y;c=setInterval(()=>{const n=g(l.value+1);!o.isLoop&&!n&&s()},t)},s=()=>{c&&(clearInterval(c),c=null)},b=t=>({"swipe-indicator":!0,"swipe-indicator--active":t===l.value});e.onMounted(()=>{r()}),e.onUpdated(()=>{const t=p.default?p.default().length:0;t!==B&&(B=t,C.value++)}),e.onActivated(()=>{_=!0,r()}),e.onDeactivated(()=>{_=!1,s()}),e.onBeforeUnmount(()=>{s()}),e.watch(()=>o.isAutoplay,t=>{t?r():s()}),e.watch(()=>o.autoplayInterval,()=>{s(),r()}),e.watch(()=>o.isLoop,()=>{r()}),e.watch(u,t=>{const n=l.value>=t;if(n){const a=Math.max(0,t-1);l.value=a,e.nextTick(()=>{m("onChange",a)})}if(t<2){s();return}o.isAutoplay&&(n||c===null)&&(s(),r())});const z=t=>{if(t.touches.length>1)return;const n=t.touches?.[0];n&&(v=!1,h="",T=n.identifier,S=n.clientX,k=n.clientY,i.value=!0,s())},R=t=>{if(!i.value||t.touches.length>1)return;const n=Array.from(t.touches).find(d=>d.identifier===T);if(!n)return;const a=n.clientX-S,y=n.clientY-k;if(h===""&&(h=Math.abs(a)>Math.abs(y)?"horizontal":"vertical"),h==="horizontal"&&(v=!0,Math.abs(a)>O)){let d=!1;a<0?d=g(l.value+1):d=g(l.value-1),d&&(i.value=!1)}},E=()=>{i.value=!1,v&&(w=Date.now()),r()},$=t=>{t.touches.length>0||E()},U=()=>{E()},F=()=>{const t=Date.now()-w;t>=0&&t<V||m("onClick")};return(t,n)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(N),class:e.normalizeClass(L.value),style:e.normalizeStyle(x.value),role:"region","aria-roledescription":"轮播图","aria-label":"轮播图",onTouchstart:z,onTouchmove:R,onTouchend:$,onTouchcancel:U,onClick:F},[e.createElementVNode("div",{class:"swipe-track",style:e.normalizeStyle(D.value)},[e.renderSlot(t.$slots,"default")],4),I.isShowIndicators?(e.openBlock(),e.createElementBlock("div",q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(a,y)=>(e.openBlock(),e.createElementBlock("span",{key:`${M}-ind-${a}`,class:e.normalizeClass(b(y)),"aria-hidden":"true"},null,2))),128))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],46,X))}});module.exports=J;

package/buildLibs/utils/Mobile/ClSwipe.js

@@ -1,8 +1,8 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Mobile/ClSwipe.css';
-import { defineComponent as K, useSlots as W, ref as T, computed as v, onMounted as j, onUpdated as q, onActivated as G, onDeactivated as Q, onBeforeUnmount as Z, watch as _, nextTick as ee, openBlock as f, createElementBlock as d, normalizeStyle as D, normalizeClass as B, unref as te, createElementVNode as ne, renderSlot as oe, Fragment as b, renderList as ae } from "vue";
-import { C as h } from "../Shared/base-fr2I80sU.js";
-import { C as le } from "../Shared/index-B477PjJ3.js";
+import { defineComponent as K, useSlots as W, ref as C, computed as v, onMounted as j, onUpdated as q, onActivated as G, onDeactivated as Q, onBeforeUnmount as Z, watch as _, nextTick as ee, openBlock as f, createElementBlock as d, normalizeStyle as D, normalizeClass as B, unref as te, createElementVNode as ne, renderSlot as oe, Fragment as b, renderList as ae } from "vue";
+import h from "@cldemo/ui-kit/common/base";
+import le from "@cldemo/ui-kit/common/Element";
 const se = ["id"], re = {
   key: 0,
   class: "swipe-indicators"
@@ -42,11 +42,11 @@ const se = ["id"], re = {
   },
   emits: ["onChange", "onClick"],
   setup(w, { emit: R }) {
-    const n = w, g = R, $ = `swipe-${h.getRandom(5)}`, U = n.id, p = W(), a = T(0);
+    const n = w, g = R, $ = `swipe-${h.getRandom(5)}`, U = n.id, p = W(), a = C(0);
     let A = 0, k = 0, M = -1, m = "";
-    const r = T(!1);
+    const r = C(!1);
     let i = null;
-    const N = T(0);
+    const N = C(0);
     let y = !1, E = 0, L = -1, I = !0;
     const u = v(() => {
       N.value;
@@ -130,8 +130,8 @@ const se = ["id"], re = {
       if (!r.value || e.touches.length > 1) return;
       const t = Array.from(e.touches).find((c) => c.identifier === M);
       if (!t) return;
-      const o = t.clientX - A, C = t.clientY - k;
-      if (m === "" && (m = Math.abs(o) > Math.abs(C) ? "horizontal" : "vertical"), m === "horizontal" && (y = !0, Math.abs(o) > ie)) {
+      const o = t.clientX - A, T = t.clientY - k;
+      if (m === "" && (m = Math.abs(o) > Math.abs(T) ? "horizontal" : "vertical"), m === "horizontal" && (y = !0, Math.abs(o) > ie)) {
         let c = !1;
         o < 0 ? c = S(a.value + 1) : c = S(a.value - 1), c && (r.value = !1);
       }
@@ -165,9 +165,9 @@ const se = ["id"], re = {
         oe(e.$slots, "default")
       ], 4),
       w.isShowIndicators ? (f(), d("div", re, [
-        (f(!0), d(b, null, ae(u.value, (o, C) => (f(), d("span", {
+        (f(!0), d(b, null, ae(u.value, (o, T) => (f(), d("span", {
           key: `${$}-ind-${o}`,
-          class: B(F(C)),
+          class: B(F(T)),
           "aria-hidden": "true"
         }, null, 2))), 128))
       ])) : (f(), d(b, { key: 1 }, [], 64))

package/buildLibs/utils/Mobile/ClTabM.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),m=require("../Shared/base-DbuX_Y3x.js"),L=require("../Shared/index-rFJmbgyH.js"),E=["id"],B=["onClick"],S={class:"tabm-nav-text"},A=["id"],N=e.defineComponent({name:"ClTabM",__name:"Index",props:{id:String,className:String,tabsList:{type:Array,default:()=>[]},active:{type:Number,default:0},activeColor:{type:String,default:"var(--cl-primary, #1088f0)"},inactiveColor:{type:String,default:"var(--cl-text-secondary, #666666)"},isLineAnimated:{type:Boolean,default:!0}},emits:["onChange","onClickTab"],setup(f,{emit:b}){const a=f,u=b,d=`tabm-${m.CommonBase.getRandom(5)}`,y=a.id,s=e.useTemplateRef("refElTabs"),v=e.ref(0),p=e.ref(0),n=e.computed(()=>Array.isArray(a.tabsList)?a.tabsList:[]),i=e.computed(()=>{const t=n.value.length;return t?m.CommonBase.isFinite(a.active)?Math.trunc(Math.min(Math.max(a.active,0),t-1)):0:-1}),C=e.computed(()=>{const t={"panel-tab-m":!0};return m.CommonBase.getJsonMerge(t,L.CommonElement.getClassNameJson(a.className))}),_=e.computed(()=>({"tabm-nav-line":!0,"tabm-nav-line--no-animated":!a.isLineAnimated})),h=e.computed(()=>({left:`${v.value}px`,width:`${p.value}px`})),g=e.computed(()=>({"--tabm-active-color":a.activeColor||"var(--cl-primary, #1088f0)","--tabm-inactive-color":a.inactiveColor||"var(--cl-text-secondary, #666666)"})),c=()=>{s.value&&e.nextTick(()=>{const t=s.value;if(!t)return;const l=t.querySelectorAll(".tabm-nav-text")[i.value];l&&(v.value=l.offsetLeft,p.value=l.offsetWidth)})};e.onMounted(()=>{c()}),e.onActivated(()=>{c()}),e.watch([()=>a.active,()=>n.value,()=>n.value.length],()=>{c()});const k=t=>{const o=n.value[t];!o||o.disabled||(u("onClickTab",t),t!==i.value&&u("onChange",t))},T=t=>({"tabm-nav-item":!0,"tabm-nav-item--active":t===i.value,"tabm-nav-item--disabled":!!n.value[t]?.disabled});return(t,o)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(y),class:e.normalizeClass(C.value),style:e.normalizeStyle(g.value)},[e.createElementVNode("div",{ref_key:"refElTabs",ref:s,class:"tabm-nav"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,(l,r)=>(e.openBlock(),e.createElementBlock("div",{key:`${d}-${r}`,class:e.normalizeClass(T(r)),onClick:$=>k(r)},[e.createElementVNode("span",S,e.toDisplayString(l?.title),1)],10,B))),128)),e.createElementVNode("div",{class:e.normalizeClass(_.value),style:e.normalizeStyle(h.value)},null,6)],512),e.createElementVNode("div",{class:"tabm-content",id:`${d}-tabpanel`},[e.renderSlot(t.$slots,"default")],8,A)],14,E))}});module.exports=N;
+"use strict";const e=require("vue"),m=require("@cldemo/ui-kit/common/base"),L=require("@cldemo/ui-kit/common/Element"),E=["id"],S=["onClick"],A={class:"tabm-nav-text"},B=["id"],N=e.defineComponent({name:"ClTabM",__name:"Index",props:{id:String,className:String,tabsList:{type:Array,default:()=>[]},active:{type:Number,default:0},activeColor:{type:String,default:"var(--cl-primary, #1088f0)"},inactiveColor:{type:String,default:"var(--cl-text-secondary, #666666)"},isLineAnimated:{type:Boolean,default:!0}},emits:["onChange","onClickTab"],setup(f,{emit:b}){const a=f,u=b,d=`tabm-${m.getRandom(5)}`,y=a.id,o=e.useTemplateRef("refElTabs"),v=e.ref(0),p=e.ref(0),n=e.computed(()=>Array.isArray(a.tabsList)?a.tabsList:[]),i=e.computed(()=>{const t=n.value.length;return t?m.isFinite(a.active)?Math.trunc(Math.min(Math.max(a.active,0),t-1)):0:-1}),C=e.computed(()=>{const t={"panel-tab-m":!0};return m.getJsonMerge(t,L.getClassNameJson(a.className))}),_=e.computed(()=>({"tabm-nav-line":!0,"tabm-nav-line--no-animated":!a.isLineAnimated})),h=e.computed(()=>({left:`${v.value}px`,width:`${p.value}px`})),g=e.computed(()=>({"--tabm-active-color":a.activeColor||"var(--cl-primary, #1088f0)","--tabm-inactive-color":a.inactiveColor||"var(--cl-text-secondary, #666666)"})),c=()=>{o.value&&e.nextTick(()=>{const t=o.value;if(!t)return;const l=t.querySelectorAll(".tabm-nav-text")[i.value];l&&(v.value=l.offsetLeft,p.value=l.offsetWidth)})};e.onMounted(()=>{c()}),e.onActivated(()=>{c()}),e.watch([()=>a.active,()=>n.value,()=>n.value.length],()=>{c()});const k=t=>{const s=n.value[t];!s||s.disabled||(u("onClickTab",t),t!==i.value&&u("onChange",t))},T=t=>({"tabm-nav-item":!0,"tabm-nav-item--active":t===i.value,"tabm-nav-item--disabled":!!n.value[t]?.disabled});return(t,s)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(y),class:e.normalizeClass(C.value),style:e.normalizeStyle(g.value)},[e.createElementVNode("div",{ref_key:"refElTabs",ref:o,class:"tabm-nav"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,(l,r)=>(e.openBlock(),e.createElementBlock("div",{key:`${d}-${r}`,class:e.normalizeClass(T(r)),onClick:$=>k(r)},[e.createElementVNode("span",A,e.toDisplayString(l?.title),1)],10,S))),128)),e.createElementVNode("div",{class:e.normalizeClass(_.value),style:e.normalizeStyle(h.value)},null,6)],512),e.createElementVNode("div",{class:"tabm-content",id:`${d}-tabpanel`},[e.renderSlot(t.$slots,"default")],8,B)],14,E))}});module.exports=N;

package/buildLibs/utils/Mobile/ClTabM.js

@@ -1,8 +1,8 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Mobile/ClTabM.css';
-import { defineComponent as E, useTemplateRef as N, ref as _, computed as n, onMounted as B, onActivated as w, watch as z, openBlock as u, createElementBlock as v, normalizeStyle as h, normalizeClass as d, unref as F, createElementVNode as l, Fragment as J, renderList as R, toDisplayString as W, renderSlot as q, nextTick as D } from "vue";
-import { C as f } from "../Shared/base-fr2I80sU.js";
-import { C as P } from "../Shared/index-B477PjJ3.js";
+import { defineComponent as E, useTemplateRef as N, ref as C, computed as n, onMounted as B, onActivated as w, watch as z, openBlock as u, createElementBlock as v, normalizeStyle as h, normalizeClass as d, unref as F, createElementVNode as l, Fragment as J, renderList as R, toDisplayString as W, renderSlot as q, nextTick as D } from "vue";
+import f from "@cldemo/ui-kit/common/base";
+import P from "@cldemo/ui-kit/common/Element";
 const V = ["id"], j = ["onClick"], G = { class: "tabm-nav-text" }, H = ["id"], X = /* @__PURE__ */ E({
   name: "ClTabM",
   __name: "Index",
@@ -39,7 +39,7 @@ const V = ["id"], j = ["onClick"], G = { class: "tabm-nav-text" }, H = ["id"], X
   },
   emits: ["onChange", "onClickTab"],
   setup(g, { emit: T }) {
-    const t = g, p = T, b = `tabm-${f.getRandom(5)}`, L = t.id, o = N("refElTabs"), y = _(0), C = _(0), a = n(
+    const t = g, p = T, b = `tabm-${f.getRandom(5)}`, L = t.id, o = N("refElTabs"), y = C(0), _ = C(0), a = n(
       () => Array.isArray(t.tabsList) ? t.tabsList : []
     ), r = n(() => {
       const e = a.value.length;
@@ -54,7 +54,7 @@ const V = ["id"], j = ["onClick"], G = { class: "tabm-nav-text" }, H = ["id"], X
       "tabm-nav-line--no-animated": !t.isLineAnimated
     })), S = n(() => ({
       left: `${y.value}px`,
-      width: `${C.value}px`
+      width: `${_.value}px`
     })), $ = n(() => ({
       "--tabm-active-color": t.activeColor || "var(--cl-primary, #1088f0)",
       "--tabm-inactive-color": t.inactiveColor || "var(--cl-text-secondary, #666666)"
@@ -62,8 +62,8 @@ const V = ["id"], j = ["onClick"], G = { class: "tabm-nav-text" }, H = ["id"], X
       o.value && D(() => {
         const e = o.value;
         if (!e) return;
-        const s = e.querySelectorAll(".tabm-nav-text")[r.value];
-        s && (y.value = s.offsetLeft, C.value = s.offsetWidth);
+        const i = e.querySelectorAll(".tabm-nav-text")[r.value];
+        i && (y.value = i.offsetLeft, _.value = i.offsetWidth);
       });
     };
     B(() => {
@@ -74,14 +74,14 @@ const V = ["id"], j = ["onClick"], G = { class: "tabm-nav-text" }, H = ["id"], X
       c();
     });
     const M = (e) => {
-      const i = a.value[e];
-      !i || i.disabled || (p("onClickTab", e), e !== r.value && p("onChange", e));
+      const s = a.value[e];
+      !s || s.disabled || (p("onClickTab", e), e !== r.value && p("onChange", e));
     }, x = (e) => ({
       "tabm-nav-item": !0,
       "tabm-nav-item--active": e === r.value,
       "tabm-nav-item--disabled": !!a.value[e]?.disabled
     });
-    return (e, i) => (u(), v("div", {
+    return (e, s) => (u(), v("div", {
       id: F(L),
       class: d(k.value),
       style: h($.value)
@@ -91,12 +91,12 @@ const V = ["id"], j = ["onClick"], G = { class: "tabm-nav-text" }, H = ["id"], X
         ref: o,
         class: "tabm-nav"
       }, [
-        (u(!0), v(J, null, R(a.value, (s, m) => (u(), v("div", {
+        (u(!0), v(J, null, R(a.value, (i, m) => (u(), v("div", {
           key: `${b}-${m}`,
           class: d(x(m)),
           onClick: (K) => M(m)
         }, [
-          l("span", G, W(s?.title), 1)
+          l("span", G, W(i?.title), 1)
         ], 10, j))), 128)),
         l("div", {
           class: d(A.value),

package/buildLibs/utils/Mobile/ClTabbar.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("../Shared/base-DbuX_Y3x.js"),f=require("../Shared/index-rFJmbgyH.js"),N=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DU1H_1lY.js"),h=require("../Shared/Index.vue_vue_type_script_setup_true_lang-KKIG3pkE.js"),x=["id"],z=["onClick"],E={class:"tabbar-item-text"},F=e.defineComponent({name:"ClTabbar",__name:"Index",props:{id:String,className:String,itemsList:{type:Array,default:()=>[]},active:{type:Number,default:0},activeColor:{type:String,default:"var(--cl-primary, #1088f0)"},inactiveColor:{type:String,default:"var(--cl-text-secondary, #666666)"},isSafeAreaInsetBottom:Boolean,isFixed:Boolean,isPlaceholder:Boolean,zIndex:{type:Number,default:1e3}},emits:["onChange","onClickItem"],setup(m,{emit:u}){const a=m,s=u,d=`tabbar-${l.CommonBase.getRandom(5)}`,p=a.id,c=e.computed(()=>Array.isArray(a.itemsList)?a.itemsList.map(t=>t!=null&&l.CommonBase.getTypeof(t)==="object"?t:null):[]),i=e.computed(()=>{const t={};return c.value.forEach((o,n)=>{t[n]=o!=null?k(o):0}),t}),b=e.computed(()=>a.isFixed&&a.isPlaceholder),v=e.computed(()=>{const t=c.value.length,o=a.active;return l.CommonBase.getTypeof(o)==="symbol"||!l.CommonBase.isFinite(o)||t===0?0:Math.min(Math.max(o,0),t-1)}),B=e.computed(()=>l.CommonBase.getTypeof(a.zIndex)==="symbol"||!l.CommonBase.isFinite(a.zIndex)?1e3:a.zIndex),_=e.computed(()=>{const t={"panel-tabbar":!0,"panel-tabbar--fixed":a.isFixed,"panel-tabbar--safe-bottom":a.isSafeAreaInsetBottom};return l.CommonBase.getJsonMerge(t,f.CommonElement.getClassNameJson(a.className))}),y=e.computed(()=>({"--tabbar-active-color":a.activeColor,"--tabbar-inactive-color":a.inactiveColor,zIndex:B.value})),C=(t,o)=>{s("onClickItem",o),o!==a.active&&s("onChange",o)},g=(t,o)=>({"tabbar-item":!0,"tabbar-item--active":o===v.value}),k=t=>{const o=l.CommonBase.getTypeof(t.badge)==="symbol"?NaN:Number(t.badge);return l.CommonBase.isFinite(o)&&o>0?o:0};return(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{id:e.unref(p),class:e.normalizeClass(_.value),style:e.normalizeStyle(y.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(n,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`${d}-${r}`},[n!=null?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(g(n,r)),onClick:I=>C(n,r)},[n.iconName||n.icon?(e.openBlock(),e.createBlock(N._sfc_main,{key:0,name:n.iconName||n.icon,size:20,className:"tabbar-item-icon"},null,8,["name"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("span",E,e.toDisplayString(n.text),1),i.value[r]>0?(e.openBlock(),e.createBlock(h._sfc_main,{key:2,num:i.value[r],colorSty:"var(--cl-danger, #ee0a24)",className:"tabbar-item-badge"},null,8,["num"])):e.createCommentVNode("",!0)],10,z)):e.createCommentVNode("",!0)],64))),128))],14,x),b.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["panel-tabbar-placeholder",{"panel-tabbar-placeholder--safe":a.isSafeAreaInsetBottom}])},null,2)):e.createCommentVNode("",!0)],64))}});module.exports=F;
+"use strict";const e=require("vue"),l=require("@cldemo/ui-kit/common/base"),C=require("@cldemo/ui-kit/common/Element"),N=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),h=require("../Shared/Index.vue_vue_type_script_setup_true_lang-BPTL5eCB.js"),x=["id"],z=["onClick"],E={class:"tabbar-item-text"},F=e.defineComponent({name:"ClTabbar",__name:"Index",props:{id:String,className:String,itemsList:{type:Array,default:()=>[]},active:{type:Number,default:0},activeColor:{type:String,default:"var(--cl-primary, #1088f0)"},inactiveColor:{type:String,default:"var(--cl-text-secondary, #666666)"},isSafeAreaInsetBottom:Boolean,isFixed:Boolean,isPlaceholder:Boolean,zIndex:{type:Number,default:1e3}},emits:["onChange","onClickItem"],setup(u,{emit:d}){const o=u,s=d,m=`tabbar-${l.getRandom(5)}`,p=o.id,c=e.computed(()=>Array.isArray(o.itemsList)?o.itemsList.map(t=>t!=null&&l.getTypeof(t)==="object"?t:null):[]),i=e.computed(()=>{const t={};return c.value.forEach((a,n)=>{t[n]=a!=null?B(a):0}),t}),b=e.computed(()=>o.isFixed&&o.isPlaceholder),v=e.computed(()=>{const t=c.value.length,a=o.active;return l.getTypeof(a)==="symbol"||!l.isFinite(a)||t===0?0:Math.min(Math.max(a,0),t-1)}),_=e.computed(()=>l.getTypeof(o.zIndex)==="symbol"||!l.isFinite(o.zIndex)?1e3:o.zIndex),y=e.computed(()=>{const t={"panel-tabbar":!0,"panel-tabbar--fixed":o.isFixed,"panel-tabbar--safe-bottom":o.isSafeAreaInsetBottom};return l.getJsonMerge(t,C.getClassNameJson(o.className))}),g=e.computed(()=>({"--tabbar-active-color":o.activeColor,"--tabbar-inactive-color":o.inactiveColor,zIndex:_.value})),k=(t,a)=>{s("onClickItem",a),a!==o.active&&s("onChange",a)},f=(t,a)=>({"tabbar-item":!0,"tabbar-item--active":a===v.value}),B=t=>{const a=l.getTypeof(t.badge)==="symbol"?NaN:Number(t.badge);return l.isFinite(a)&&a>0?a:0};return(t,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{id:e.unref(p),class:e.normalizeClass(y.value),style:e.normalizeStyle(g.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(n,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`${m}-${r}`},[n!=null?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(f(n,r)),onClick:I=>k(n,r)},[n.iconName||n.icon?(e.openBlock(),e.createBlock(N._sfc_main,{key:0,name:n.iconName||n.icon,size:20,className:"tabbar-item-icon"},null,8,["name"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("span",E,e.toDisplayString(n.text),1),i.value[r]>0?(e.openBlock(),e.createBlock(h._sfc_main,{key:2,num:i.value[r],colorSty:"var(--cl-danger, #ee0a24)",className:"tabbar-item-badge"},null,8,["num"])):e.createCommentVNode("",!0)],10,z)):e.createCommentVNode("",!0)],64))),128))],14,x),b.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["panel-tabbar-placeholder",{"panel-tabbar-placeholder--safe":o.isSafeAreaInsetBottom}])},null,2)):e.createCommentVNode("",!0)],64))}});module.exports=F;

package/buildLibs/utils/Mobile/ClTabbar.js

@@ -2,10 +2,10 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Mobile/ClTabbar.css';
 import { defineComponent as A, computed as s, openBlock as r, createElementBlock as l, Fragment as i, createElementVNode as v, normalizeStyle as F, normalizeClass as u, unref as T, renderList as $, createBlock as f, toDisplayString as L, createCommentVNode as m } from "vue";
-import { C as n } from "../Shared/base-fr2I80sU.js";
-import { C as E } from "../Shared/index-B477PjJ3.js";
-import { _ as M } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BmRO42R2.js";
-import { _ as P } from "../Shared/Index.vue_vue_type_script_setup_true_lang-vm_cblnn.js";
+import n from "@cldemo/ui-kit/common/base";
+import E from "@cldemo/ui-kit/common/Element";
+import { _ as M } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+import { _ as P } from "../Shared/Index.vue_vue_type_script_setup_true_lang-cOsTL39H.js";
 const V = ["id"], J = ["onClick"], j = { class: "tabbar-item-text" }, H = /* @__PURE__ */ A({
   name: "ClTabbar",
   __name: "Index",
@@ -48,39 +48,39 @@ const V = ["id"], J = ["onClick"], j = { class: "tabbar-item-text" }, H = /* @__
   },
   emits: ["onChange", "onClickItem"],
   setup(y, { emit: g }) {
-    const t = y, b = g, _ = `tabbar-${n.getRandom(5)}`, C = t.id, d = s(() => Array.isArray(t.itemsList) ? t.itemsList.map(
+    const a = y, b = g, _ = `tabbar-${n.getRandom(5)}`, C = a.id, d = s(() => Array.isArray(a.itemsList) ? a.itemsList.map(
       (e) => e != null && n.getTypeof(e) === "object" ? e : null
     ) : []), p = s(() => {
       const e = {};
-      return d.value.forEach((a, o) => {
-        e[o] = a != null ? I(a) : 0;
+      return d.value.forEach((t, o) => {
+        e[o] = t != null ? I(t) : 0;
       }), e;
-    }), h = s(() => t.isFixed && t.isPlaceholder), k = s(() => {
-      const e = d.value.length, a = t.active;
-      return n.getTypeof(a) === "symbol" || !n.isFinite(a) || e === 0 ? 0 : Math.min(Math.max(a, 0), e - 1);
+    }), h = s(() => a.isFixed && a.isPlaceholder), k = s(() => {
+      const e = d.value.length, t = a.active;
+      return n.getTypeof(t) === "symbol" || !n.isFinite(t) || e === 0 ? 0 : Math.min(Math.max(t, 0), e - 1);
     }), N = s(
-      () => n.getTypeof(t.zIndex) === "symbol" || !n.isFinite(t.zIndex) ? 1e3 : t.zIndex
+      () => n.getTypeof(a.zIndex) === "symbol" || !n.isFinite(a.zIndex) ? 1e3 : a.zIndex
     ), x = s(() => {
       const e = {
         "panel-tabbar": !0,
-        "panel-tabbar--fixed": t.isFixed,
-        "panel-tabbar--safe-bottom": t.isSafeAreaInsetBottom
+        "panel-tabbar--fixed": a.isFixed,
+        "panel-tabbar--safe-bottom": a.isSafeAreaInsetBottom
       };
-      return n.getJsonMerge(e, E.getClassNameJson(t.className));
+      return n.getJsonMerge(e, E.getClassNameJson(a.className));
     }), B = s(() => ({
-      "--tabbar-active-color": t.activeColor,
-      "--tabbar-inactive-color": t.inactiveColor,
+      "--tabbar-active-color": a.activeColor,
+      "--tabbar-inactive-color": a.inactiveColor,
       zIndex: N.value
-    })), S = (e, a) => {
-      b("onClickItem", a), a !== t.active && b("onChange", a);
-    }, z = (e, a) => ({
+    })), S = (e, t) => {
+      b("onClickItem", t), t !== a.active && b("onChange", t);
+    }, z = (e, t) => ({
       "tabbar-item": !0,
-      "tabbar-item--active": a === k.value
+      "tabbar-item--active": t === k.value
     }), I = (e) => {
-      const a = n.getTypeof(e.badge) === "symbol" ? NaN : Number(e.badge);
-      return n.isFinite(a) && a > 0 ? a : 0;
+      const t = n.getTypeof(e.badge) === "symbol" ? NaN : Number(e.badge);
+      return n.isFinite(t) && t > 0 ? t : 0;
     };
-    return (e, a) => (r(), l(i, null, [
+    return (e, t) => (r(), l(i, null, [
       v("div", {
         id: T(C),
         class: u(x.value),
@@ -112,7 +112,7 @@ const V = ["id"], J = ["onClick"], j = { class: "tabbar-item-text" }, H = /* @__
       ], 14, V),
       h.value ? (r(), l("div", {
         key: 0,
-        class: u(["panel-tabbar-placeholder", { "panel-tabbar-placeholder--safe": t.isSafeAreaInsetBottom }])
+        class: u(["panel-tabbar-placeholder", { "panel-tabbar-placeholder--safe": a.isSafeAreaInsetBottom }])
       }, null, 2)) : m("", !0)
     ], 64));
   }

package/buildLibs/utils/Mobile/ClTextHighlight.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("../Shared/base-DbuX_Y3x.js"),p=require("../Shared/index-rFJmbgyH.js"),d=["id"],x={key:1},k=e.defineComponent({name:"ClTextHighlight",__name:"Index",props:{id:String,className:String,sourceText:String,highlightText:String,tag:{type:String,default:"mark"},isAutoEscape:{type:Boolean,default:!0}},setup(c){const l=c,a=`text-highlight-${r.CommonBase.getRandom(5)}`,h=l.id,g=e.computed(()=>{const t=l.tag;return r.CommonBase.isNonEmptyString(t)?t:"mark"}),m=e.computed(()=>{const t=l.sourceText||"",i=(l.highlightText||"").trim();if(!t||!i)return t?[{text:t,highlight:!1}]:[];const n=[];let o=0,s=t.indexOf(i);for(;s!==-1;)s>o&&n.push({text:t.slice(o,s),highlight:!1}),n.push({text:t.slice(s,s+i.length),highlight:!0}),o=s+i.length,s=t.indexOf(i,o);return o<t.length&&n.push({text:t.slice(o),highlight:!1}),n}),u=e.computed(()=>{const t={"panel-text-highlight":!0};return r.CommonBase.getJsonMerge(t,p.CommonElement.getClassNameJson(l.className))});return(t,i)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(h),class:e.normalizeClass(u.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(n,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`${a}-${o}`},[n.highlight?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g.value),{key:0,class:"highlight-mark"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.text),1)]),_:2},1024)):(e.openBlock(),e.createElementBlock("span",x,e.toDisplayString(n.text),1))],64))),128))],10,d))}});module.exports=k;
+"use strict";const e=require("vue"),r=require("@cldemo/ui-kit/common/base"),p=require("@cldemo/ui-kit/common/Element"),d=["id"],x={key:1},k=e.defineComponent({name:"ClTextHighlight",__name:"Index",props:{id:String,className:String,sourceText:String,highlightText:String,tag:{type:String,default:"mark"},isAutoEscape:{type:Boolean,default:!0}},setup(c){const i=c,a=`text-highlight-${r.getRandom(5)}`,h=i.id,g=e.computed(()=>{const t=i.tag;return r.isNonEmptyString(t)?t:"mark"}),u=e.computed(()=>{const t=i.sourceText||"",l=(i.highlightText||"").trim();if(!t||!l)return t?[{text:t,highlight:!1}]:[];const n=[];let o=0,s=t.indexOf(l);for(;s!==-1;)s>o&&n.push({text:t.slice(o,s),highlight:!1}),n.push({text:t.slice(s,s+l.length),highlight:!0}),o=s+l.length,s=t.indexOf(l,o);return o<t.length&&n.push({text:t.slice(o),highlight:!1}),n}),m=e.computed(()=>{const t={"panel-text-highlight":!0};return r.getJsonMerge(t,p.getClassNameJson(i.className))});return(t,l)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(h),class:e.normalizeClass(m.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(n,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`${a}-${o}`},[n.highlight?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g.value),{key:0,class:"highlight-mark"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.text),1)]),_:2},1024)):(e.openBlock(),e.createElementBlock("span",x,e.toDisplayString(n.text),1))],64))),128))],10,d))}});module.exports=k;

package/buildLibs/utils/Mobile/ClTextHighlight.js

@@ -1,8 +1,8 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Mobile/ClTextHighlight.css';
 import { defineComponent as _, computed as a, openBlock as l, createElementBlock as r, normalizeClass as k, unref as y, Fragment as g, renderList as C, createBlock as S, resolveDynamicComponent as T, withCtx as v, createTextVNode as B, toDisplayString as c } from "vue";
-import { C as h } from "../Shared/base-fr2I80sU.js";
-import { C as N } from "../Shared/index-B477PjJ3.js";
+import h from "@cldemo/ui-kit/common/base";
+import N from "@cldemo/ui-kit/common/Element";
 const E = ["id"], w = { key: 1 }, J = /* @__PURE__ */ _({
   name: "ClTextHighlight",
   __name: "Index",
@@ -31,13 +31,13 @@ const E = ["id"], w = { key: 1 }, J = /* @__PURE__ */ _({
       const t = o.tag;
       return h.isNonEmptyString(t) ? t : "mark";
     }), x = a(() => {
-      const t = o.sourceText || "", i = (o.highlightText || "").trim();
-      if (!t || !i)
+      const t = o.sourceText || "", s = (o.highlightText || "").trim();
+      if (!t || !s)
         return t ? [{ text: t, highlight: !1 }] : [];
       const e = [];
-      let n = 0, s = t.indexOf(i);
-      for (; s !== -1; )
-        s > n && e.push({ text: t.slice(n, s), highlight: !1 }), e.push({ text: t.slice(s, s + i.length), highlight: !0 }), n = s + i.length, s = t.indexOf(i, n);
+      let n = 0, i = t.indexOf(s);
+      for (; i !== -1; )
+        i > n && e.push({ text: t.slice(n, i), highlight: !1 }), e.push({ text: t.slice(i, i + s.length), highlight: !0 }), n = i + s.length, i = t.indexOf(s, n);
       return n < t.length && e.push({ text: t.slice(n), highlight: !1 }), e;
     }), f = a(() => {
       const t = {
@@ -45,7 +45,7 @@ const E = ["id"], w = { key: 1 }, J = /* @__PURE__ */ _({
       };
       return h.getJsonMerge(t, N.getClassNameJson(o.className));
     });
-    return (t, i) => (l(), r("div", {
+    return (t, s) => (l(), r("div", {
       id: y(p),
       class: k(f.value)
     }, [

package/buildLibs/utils/Mobile/ClToast.cjs

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

package/buildLibs/utils/Mobile/ClToast.js

@@ -2,7 +2,7 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/Load-base.css';
 import '../../styles/Mobile/ClToast.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-Bz0g83T6.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-X8d38eaU.js";
 export {
   f as default
 };

package/buildLibs/utils/Mobile/ClWatermark.cjs

@@ -1,3 +1,3 @@
-"use strict";const t=require("vue"),o=require("../Shared/base-DbuX_Y3x.js"),y=require("../Shared/index-rFJmbgyH.js"),z=["id"],B=t.defineComponent({name:"ClWatermark",__name:"Index",props:{id:String,className:String,content:String,fontColor:{type:String,default:"rgba(0, 0, 0, 0.15)"},fontSize:{type:Number,default:14},rotate:{type:Number,default:-22},zIndex:{type:Number,default:100},gapX:{type:Number,default:100},gapY:{type:Number,default:100},isFullScreen:{type:Boolean,default:!1}},setup(i){const e=i,c=e.id,m=t.computed(()=>{const n=o.CommonBase.isNonEmptyString(e.content)?e.content:"",r=o.CommonBase.isNonEmptyString(e.fontColor)?e.fontColor:"rgba(0, 0, 0, 0.15)",g=o.CommonBase.isFinite(e.fontSize)&&e.fontSize>0?e.fontSize:14,u=o.CommonBase.isFinite(e.rotate)?e.rotate:-22,a=o.CommonBase.isFinite(e.gapX)&&e.gapX>0?e.gapX:100,s=o.CommonBase.isFinite(e.gapY)&&e.gapY>0?e.gapY:100,l=S=>S.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;"),f=l(n),C=l(r),x=`<svg xmlns="http://www.w3.org/2000/svg" width="${a}" height="${s}">
-  <text x="${a/2}" y="${s/2}" fill="${C}" font-size="${g}" text-anchor="middle" dominant-baseline="middle" transform="rotate(${u} ${a/2} ${s/2})">${f}</text>
-</svg>`;return`url("data:image/svg+xml,${encodeURIComponent(x)}")`}),p=t.computed(()=>{const n={"panel-watermark":!0};return o.CommonBase.getJsonMerge(n,y.CommonElement.getClassNameJson(e.className))}),d=t.computed(()=>({backgroundImage:m.value,zIndex:o.CommonBase.isFinite(e.zIndex)?e.zIndex:100,position:e.isFullScreen?"fixed":"absolute"}));return(n,r)=>(t.openBlock(),t.createElementBlock("div",{id:t.unref(c),class:t.normalizeClass(p.value),style:t.normalizeStyle(d.value)},[t.renderSlot(n.$slots,"default")],14,z))}});module.exports=B;
+"use strict";const t=require("vue"),n=require("@cldemo/ui-kit/common/base"),z=require("@cldemo/ui-kit/common/Element"),$=["id"],C=t.defineComponent({name:"ClWatermark",__name:"Index",props:{id:String,className:String,content:String,fontColor:{type:String,default:"rgba(0, 0, 0, 0.15)"},fontSize:{type:Number,default:14},rotate:{type:Number,default:-22},zIndex:{type:Number,default:100},gapX:{type:Number,default:100},gapY:{type:Number,default:100},isFullScreen:{type:Boolean,default:!1}},setup(i){const e=i,c=e.id,p=t.computed(()=>{const o=n.isNonEmptyString(e.content)?e.content:"",r=n.isNonEmptyString(e.fontColor)?e.fontColor:"rgba(0, 0, 0, 0.15)",g=n.isFinite(e.fontSize)&&e.fontSize>0?e.fontSize:14,u=n.isFinite(e.rotate)?e.rotate:-22,a=n.isFinite(e.gapX)&&e.gapX>0?e.gapX:100,s=n.isFinite(e.gapY)&&e.gapY>0?e.gapY:100,l=y=>y.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;"),f=l(o),x=l(r),S=`<svg xmlns="http://www.w3.org/2000/svg" width="${a}" height="${s}">
+  <text x="${a/2}" y="${s/2}" fill="${x}" font-size="${g}" text-anchor="middle" dominant-baseline="middle" transform="rotate(${u} ${a/2} ${s/2})">${f}</text>
+</svg>`;return`url("data:image/svg+xml,${encodeURIComponent(S)}")`}),m=t.computed(()=>{const o={"panel-watermark":!0};return n.getJsonMerge(o,z.getClassNameJson(e.className))}),d=t.computed(()=>({backgroundImage:p.value,zIndex:n.isFinite(e.zIndex)?e.zIndex:100,position:e.isFullScreen?"fixed":"absolute"}));return(o,r)=>(t.openBlock(),t.createElementBlock("div",{id:t.unref(c),class:t.normalizeClass(m.value),style:t.normalizeStyle(d.value)},[t.renderSlot(o.$slots,"default")],14,$))}});module.exports=C;

package/buildLibs/utils/Mobile/ClWatermark.js

@@ -1,9 +1,9 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Mobile/ClWatermark.css';
-import { defineComponent as C, computed as s, openBlock as z, createElementBlock as $, normalizeStyle as b, normalizeClass as N, unref as v, renderSlot as I } from "vue";
-import { C as t } from "../Shared/base-fr2I80sU.js";
-import { C as h } from "../Shared/index-B477PjJ3.js";
-const k = ["id"], B = /* @__PURE__ */ C({
+import { defineComponent as z, computed as s, openBlock as $, createElementBlock as C, normalizeStyle as b, normalizeClass as N, unref as v, renderSlot as I } from "vue";
+import t from "@cldemo/ui-kit/common/base";
+import h from "@cldemo/ui-kit/common/Element";
+const k = ["id"], B = /* @__PURE__ */ z({
   name: "ClWatermark",
   __name: "Index",
   props: {
@@ -65,7 +65,7 @@ const k = ["id"], B = /* @__PURE__ */ C({
       zIndex: t.isFinite(e.zIndex) ? e.zIndex : 100,
       position: e.isFullScreen ? "fixed" : "absolute"
     }));
-    return (o, r) => (z(), $("div", {
+    return (o, r) => ($(), C("div", {
       id: v(c),
       class: N(p.value),
       style: b(d.value)

package/buildLibs/utils/Mobile/__provide__/NotifyM.cjs

@@ -1 +1 @@
-"use strict";const u=require("vue"),i=require("../../Shared/Index.vue_vue_type_script_setup_true_lang-Dn63CT7W.js");let s=null;const a=(c={})=>{if(s)return s;const r=u.createApp(i._sfc_main,c),o=document.createElement("div"),n=r.mount(o);return s={show:(e,t)=>{n.notify(e,t)},success:(e,t)=>{n.success(e,t)},danger:(e,t)=>{n.danger(e,t)},warning:(e,t)=>{n.warning(e,t)},close:()=>{n.close()}},s};module.exports=a;
+"use strict";const u=require("vue"),i=require("../../Shared/Index.vue_vue_type_script_setup_true_lang-BQSP8SA4.js");let s=null;const a=(c={})=>{if(s)return s;const r=u.createApp(i._sfc_main,c),o=document.createElement("div"),n=r.mount(o);return s={show:(e,t)=>{n.notify(e,t)},success:(e,t)=>{n.success(e,t)},danger:(e,t)=>{n.danger(e,t)},warning:(e,t)=>{n.warning(e,t)},close:()=>{n.close()}},s};module.exports=a;

package/buildLibs/utils/Mobile/__provide__/NotifyM.js

@@ -2,7 +2,7 @@ import '../../../styles/Common/Token.css';
 import '../../../styles/Common/IconFont-base.css';
 import '../../../styles/Mobile/__provide__/NotifyM.css';
 import { createApp as a } from "vue";
-import { _ as i } from "../../Shared/Index.vue_vue_type_script_setup_true_lang-D_GsoOLm.js";
+import { _ as i } from "../../Shared/Index.vue_vue_type_script_setup_true_lang-CBjEJN0Y.js";
 let o = null;
 const u = (s = {}) => {
   if (o)

package/buildLibs/utils/Mobile/__provide__/Toast.cjs

@@ -1 +1 @@
-"use strict";const u=require("vue"),a=require("../../Shared/Index.vue_vue_type_script_setup_true_lang-BZ0pwI22.js");let n=null;const i=(c={})=>{if(n)return n;const o=u.createApp(a._sfc_main,c),r=document.createElement("div"),s=o.mount(r);return n={show:(e,t)=>{s.toast(e,t)},success:(e,t)=>{s.success(e,t)},fail:(e,t)=>{s.fail(e,t)},loading:(e,t)=>{s.loading(e,t)},close:e=>{s.close(e)}},n};module.exports=i;
+"use strict";const u=require("vue"),a=require("../../Shared/Index.vue_vue_type_script_setup_true_lang-CsUYHAm8.js");let n=null;const i=(c={})=>{if(n)return n;const o=u.createApp(a._sfc_main,c),r=document.createElement("div"),s=o.mount(r);return n={show:(e,t)=>{s.toast(e,t)},success:(e,t)=>{s.success(e,t)},fail:(e,t)=>{s.fail(e,t)},loading:(e,t)=>{s.loading(e,t)},close:e=>{s.close(e)}},n};module.exports=i;

package/buildLibs/utils/Mobile/__provide__/Toast.js

@@ -3,7 +3,7 @@ import '../../../styles/Common/IconFont-base.css';
 import '../../../styles/Common/Load-base.css';
 import '../../../styles/Mobile/__provide__/Toast.css';
 import { createApp as r } from "vue";
-import { _ as l } from "../../Shared/Index.vue_vue_type_script_setup_true_lang-Bz0g83T6.js";
+import { _ as l } from "../../Shared/Index.vue_vue_type_script_setup_true_lang-X8d38eaU.js";
 let e = null;
 const u = (a = {}) => {
   if (e)

package/buildLibs/utils/Shared/BallColor4-BgI5jb8V.js

@@ -0,0 +1,36 @@
+import { defineComponent as p, computed as u, openBlock as l, createElementBlock as r, unref as _, createElementVNode as f, Fragment as C, renderList as h, normalizeStyle as B } from "vue";
+import g from "@cldemo/ui-kit/common/base";
+import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const v = ["id"], x = { class: "loader" }, y = /* @__PURE__ */ p({
+  name: "ClLoadBallColor4",
+  __name: "BallColor4",
+  props: {
+    id: {},
+    color: {}
+  },
+  setup(a) {
+    const n = a, d = n.id, i = `ballColor4-${g.getRandom(5)}`, s = ["#2ecc71", "#3498db", "#f1c40f", "#e74c3c"], m = u(() => {
+      const e = n.color || "";
+      if (!e) return s;
+      const o = e.split("|").map((t) => t.trim()).filter(Boolean);
+      if (o.length === 0) return s;
+      for (; o.length < 4; )
+        o.push(o[0]);
+      return o.slice(0, 4);
+    });
+    return (e, o) => (l(), r("div", {
+      class: "load-ballColor4",
+      id: _(d)
+    }, [
+      f("div", x, [
+        (l(!0), r(C, null, h(m.value, (t, c) => (l(), r("span", {
+          key: `${i}-${c}`,
+          style: B({ "--i": c + 1, "--c": t })
+        }, null, 4))), 128))
+      ])
+    ], 8, v));
+  }
+}), w = /* @__PURE__ */ k(y, [["__scopeId", "data-v-f4260593"]]);
+export {
+  w as default
+};

package/buildLibs/utils/Shared/BallColor4-DnonDIhH.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("@cldemo/ui-kit/common/base"),p=require("./_plugin-vue_export-helper-BHFhmbuH.js"),m=["id"],_={class:"loader"},f=e.defineComponent({name:"ClLoadBallColor4",__name:"BallColor4",props:{id:{},color:{}},setup(s){const r=s,a=r.id,i=`ballColor4-${u.getRandom(5)}`,n=["#2ecc71","#3498db","#f1c40f","#e74c3c"],d=e.computed(()=>{const t=r.color||"";if(!t)return n;const o=t.split("|").map(l=>l.trim()).filter(Boolean);if(o.length===0)return n;for(;o.length<4;)o.push(o[0]);return o.slice(0,4)});return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:"load-ballColor4",id:e.unref(a)},[e.createElementVNode("div",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(l,c)=>(e.openBlock(),e.createElementBlock("span",{key:`${i}-${c}`,style:e.normalizeStyle({"--i":c+1,"--c":l})},null,4))),128))])],8,m))}}),B=p._export_sfc(f,[["__scopeId","data-v-f4260593"]]);exports.default=B;

package/buildLibs/utils/Shared/BarBounce-BjHK0BdS.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("@cldemo/ui-kit/common/base");const l=require("./_plugin-vue_export-helper-BHFhmbuH.js"),a=["id"],s=e.defineComponent({name:"ClLoadBarBounce",__name:"BarBounce",props:{id:{},color:{}},setup(n){const o=n,t=o.id,c=o.color||"#000";return(d,r)=>(e.openBlock(),e.createElementBlock("div",{class:"load-barBounce",id:e.unref(t),style:e.normalizeStyle({"--g":`no-repeat linear-gradient(${e.unref(c)} 0 0)`})},[...r[0]||(r[0]=[e.createElementVNode("div",{class:"loader"},null,-1)])],12,a))}}),u=l._export_sfc(s,[["__scopeId","data-v-8e6f1e61"]]);exports.default=u;

package/buildLibs/utils/Shared/BarBounce-jCuNPJvZ.js

@@ -0,0 +1,24 @@
+import { defineComponent as c, openBlock as l, createElementBlock as s, normalizeStyle as d, unref as r, createElementVNode as i } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const m = ["id"], _ = /* @__PURE__ */ c({
+  name: "ClLoadBarBounce",
+  __name: "BarBounce",
+  props: {
+    id: {},
+    color: {}
+  },
+  setup(n) {
+    const e = n, t = e.id, a = e.color || "#000";
+    return (u, o) => (l(), s("div", {
+      class: "load-barBounce",
+      id: r(t),
+      style: d({ "--g": `no-repeat linear-gradient(${r(a)} 0 0)` })
+    }, [...o[0] || (o[0] = [
+      i("div", { class: "loader" }, null, -1)
+    ])], 12, m));
+  }
+}), x = /* @__PURE__ */ p(_, [["__scopeId", "data-v-8e6f1e61"]]);
+export {
+  x as default
+};

package/buildLibs/utils/Shared/BarEqualizer-BHf0w7tV.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("@cldemo/ui-kit/common/base");const a=require("./_plugin-vue_export-helper-BHFhmbuH.js"),i=["id"],c=e.defineComponent({name:"ClLoadBarEqualizer",__name:"BarEqualizer",props:{id:{},color:{}},setup(t){const r=t,l=r.id,n=r.color||"#000";return(d,o)=>(e.openBlock(),e.createElementBlock("div",{class:"load-barEqualizer",id:e.unref(l),style:e.normalizeStyle({"--g":`no-repeat linear-gradient(${e.unref(n)} 0 0)`})},[...o[0]||(o[0]=[e.createElementVNode("div",{class:"loader"},null,-1)])],12,i))}}),s=a._export_sfc(c,[["__scopeId","data-v-93ced557"]]);exports.default=s;

package/buildLibs/utils/Shared/BarEqualizer-tvbiUbBv.js

@@ -0,0 +1,24 @@
+import { defineComponent as n, openBlock as s, createElementBlock as i, normalizeStyle as c, unref as r, createElementVNode as d } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const m = ["id"], _ = /* @__PURE__ */ n({
+  name: "ClLoadBarEqualizer",
+  __name: "BarEqualizer",
+  props: {
+    id: {},
+    color: {}
+  },
+  setup(t) {
+    const e = t, a = e.id, l = e.color || "#000";
+    return (u, o) => (s(), i("div", {
+      class: "load-barEqualizer",
+      id: r(a),
+      style: c({ "--g": `no-repeat linear-gradient(${r(l)} 0 0)` })
+    }, [...o[0] || (o[0] = [
+      d("div", { class: "loader" }, null, -1)
+    ])], 12, m));
+  }
+}), B = /* @__PURE__ */ p(_, [["__scopeId", "data-v-93ced557"]]);
+export {
+  B as default
+};

package/buildLibs/utils/Shared/BarMeter-B2fGwHkn.js

@@ -0,0 +1,24 @@
+import { defineComponent as n, openBlock as s, createElementBlock as l, normalizeStyle as i, unref as e, createElementVNode as c } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const m = ["id"], _ = /* @__PURE__ */ n({
+  name: "ClLoadBarMeter",
+  __name: "BarMeter",
+  props: {
+    id: {},
+    color: {}
+  },
+  setup(a) {
+    const r = a, d = r.id, t = r.color || "#000";
+    return (f, o) => (s(), l("div", {
+      class: "load-barMeter",
+      id: e(d),
+      style: i({ "--g": `no-repeat linear-gradient(${e(t)} 0 0)`, "--r1": `radial-gradient(farthest-side at bottom, ${e(t)} 93%, #0000)`, "--r2": `radial-gradient(farthest-side at top, ${e(t)} 93%, #0000)` })
+    }, [...o[0] || (o[0] = [
+      c("div", { class: "loader" }, null, -1)
+    ])], 12, m));
+  }
+}), M = /* @__PURE__ */ p(_, [["__scopeId", "data-v-1e6ccd1d"]]);
+export {
+  M as default
+};

package/buildLibs/utils/Shared/BarMeter-D_ueAwiX.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("@cldemo/ui-kit/common/base");const d=require("./_plugin-vue_export-helper-BHFhmbuH.js"),l=["id"],s=e.defineComponent({name:"ClLoadBarMeter",__name:"BarMeter",props:{id:{},color:{}},setup(n){const t=n,a=t.id,r=t.color||"#000";return(c,o)=>(e.openBlock(),e.createElementBlock("div",{class:"load-barMeter",id:e.unref(a),style:e.normalizeStyle({"--g":`no-repeat linear-gradient(${e.unref(r)} 0 0)`,"--r1":`radial-gradient(farthest-side at bottom, ${e.unref(r)} 93%, #0000)`,"--r2":`radial-gradient(farthest-side at top, ${e.unref(r)} 93%, #0000)`})},[...o[0]||(o[0]=[e.createElementVNode("div",{class:"loader"},null,-1)])],12,l))}}),i=d._export_sfc(s,[["__scopeId","data-v-1e6ccd1d"]]);exports.default=i;