@cldemo/ui-kit 1.1.2 → 1.1.4

package/buildLibs/utils/Mobile/ClSignature.js

@@ -1,10 +1,10 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Mobile/ClSignature.css';
 import { defineComponent as A, useTemplateRef as G, computed as y, onMounted as K, nextTick as Q, onUnmounted as Z, watch as tt, openBlock as et, createElementBlock as nt, normalizeClass as ot, unref as at, createElementVNode as p, normalizeStyle as rt, withModifiers as it, toDisplayString as L } from "vue";
-import { c as g } from "../Shared/log-CSNil8va.js";
-import { C as S } from "../Shared/base-fr2I80sU.js";
-import { C as st } from "../Shared/index-B477PjJ3.js";
-import { R as lt } from "../Shared/resize-CyrJxi6F.js";
+import g from "@cldemo/ui-kit/common/log";
+import S from "@cldemo/ui-kit/common/base";
+import lt from "@cldemo/ui-kit/common/Element";
+import { Resize as st } from "@cldemo/ui-kit/common/Element/Event";
 const ct = ["id"], ut = { class: "panel-signature__footer" }, gt = 500, yt = /* @__PURE__ */ A({
   name: "ClSignature",
   __name: "Index",
@@ -47,12 +47,12 @@ const ct = ["id"], ut = { class: "panel-signature__footer" }, gt = 500, yt = /*
   emits: ["onStart", "onEnd", "onSigning", "onSubmit", "onClear"],
   setup(C, { expose: B, emit: P }) {
     const r = C, d = P, V = r.id, i = G("refElCanvas");
-    let f = null, l = !1, s = 0, v = 0, _ = null, x = !1, c = null, h = 0, m = 0;
+    let f = null, s = !1, l = 0, v = 0, _ = null, x = !1, c = null, h = 0, m = 0;
     const b = y(() => r.type === "png" || r.type === "jpeg" ? r.type : "png"), z = y(() => {
       const t = {
         "panel-signature": !0
       };
-      return S.getJsonMerge(t, st.getClassNameJson(r.className));
+      return S.getJsonMerge(t, lt.getClassNameJson(r.className));
     }), N = y(() => {
       const t = {};
       return r.backgroundColor && (t["--signature-bg"] = r.backgroundColor), t;
@@ -69,19 +69,19 @@ const ct = ["id"], ut = { class: "panel-signature__footer" }, gt = 500, yt = /*
       const e = ++h;
       m++;
       let n = "";
-      if (s > 0)
+      if (l > 0)
         try {
           const o = t.getContext("2d");
-          !!o && o.getImageData(0, 0, t.width, t.height).data.some((u) => u !== 0) ? n = t.toDataURL() : s = 0;
+          !!o && o.getImageData(0, 0, t.width, t.height).data.some((u) => u !== 0) ? n = t.toDataURL() : l = 0;
         } catch (o) {
-          s = 0, g.warn("ClSignature", "警告：画布导出失败", o);
+          l = 0, g.warn("ClSignature", "警告：画布导出失败", o);
         }
       if (T(), n) {
         const o = new Image();
         o.onload = () => {
-          e === h && (l || f?.drawImage(o, 0, 0, t.clientWidth, t.clientHeight));
+          e === h && (s || f?.drawImage(o, 0, 0, t.clientWidth, t.clientHeight));
         }, o.onerror = () => {
-          e === h && (l || (s = 0), g.warn("ClSignature", "警告：画布内容恢复失败"));
+          e === h && (s || (l = 0), g.warn("ClSignature", "警告：画布内容恢复失败"));
         }, o.src = n;
       }
     }, w = (t, e) => {
@@ -102,9 +102,9 @@ const ct = ["id"], ut = { class: "panel-signature__footer" }, gt = 500, yt = /*
       const o = S.isFinite(r.lineWidth) ? r.lineWidth : 3, a = Math.max(o, 1);
       n.lineWidth = a;
       const u = w(t, e);
-      c = u, n.beginPath(), n.arc(u.x, u.y, a / 2, 0, Math.PI * 2), n.fillStyle = r.penColor, n.fill(), s += 1, d("onStart");
+      c = u, n.beginPath(), n.arc(u.x, u.y, a / 2, 0, Math.PI * 2), n.fillStyle = r.penColor, n.fill(), l += 1, d("onStart");
     }, D = () => {
-      l && (l = !1, c = null, d("onEnd"));
+      s && (s = !1, c = null, d("onEnd"));
     }, E = () => {
       const t = i.value;
       if (!t) return "";
@@ -132,16 +132,16 @@ const ct = ["id"], ut = { class: "panel-signature__footer" }, gt = 500, yt = /*
       }
     }, W = () => {
       const t = f, e = i.value;
-      !t || !e || (h++, m++, t.clearRect(0, 0, e.width, e.height), s = 0, l = !1, c = null, d("onClear"));
+      !t || !e || (h++, m++, t.clearRect(0, 0, e.width, e.height), l = 0, s = !1, c = null, d("onClear"));
     }, I = () => {
       d("onSubmit", {
-        image: s > 0 ? E() : "",
+        image: l > 0 ? E() : "",
         canvas: i.value ?? void 0
       });
     };
     K(() => {
       Q(() => {
-        x || !i.value || (T(), _ = new lt({
+        x || !i.value || (T(), _ = new st({
           element: i.value,
           callback: () => {
             U();
@@ -158,36 +158,36 @@ const ct = ["id"], ut = { class: "panel-signature__footer" }, gt = 500, yt = /*
       { immediate: !0 }
     );
     const X = (t) => {
-      if (v = Date.now(), l) return;
+      if (v = Date.now(), s) return;
       const e = t.touches[0];
-      e && (l = !0, M(e.clientX, e.clientY));
+      e && (s = !0, M(e.clientX, e.clientY));
     }, Y = (t) => {
-      if (!l) return;
+      if (!s) return;
       const e = t.touches[0];
       e && (v = Date.now(), k(w(e.clientX, e.clientY)), d("onSigning", t));
     }, j = () => {
       D();
     }, J = (t) => {
-      Date.now() - v < gt || l || (l = !0, M(t.clientX, t.clientY));
+      Date.now() - v < gt || s || (s = !0, M(t.clientX, t.clientY));
     }, F = (t) => {
-      l && (k(w(t.clientX, t.clientY)), d("onSigning", t));
-    }, R = () => {
+      s && (k(w(t.clientX, t.clientY)), d("onSigning", t));
+    }, H = () => {
       D();
     }, q = () => {
       W();
     }, O = () => {
       I();
-    }, H = () => s > 0 ? E() : "";
+    }, R = () => l > 0 ? E() : "";
     return B({
-      getValue: H,
-      getValueData: () => ({ value: H(), canvas: i.value ?? void 0 }),
+      getValue: R,
+      getValueData: () => ({ value: R(), canvas: i.value ?? void 0 }),
       setValue: (t) => {
         if (!S.isNonEmptyString(t) || !i.value) return;
         const e = ++m;
         h++;
         const n = i.value;
         if (!n.clientWidth || !n.clientHeight) {
-          s = 0, g.warn("ClSignature", "警告：签名回显失败，画布当前无尺寸");
+          l = 0, g.warn("ClSignature", "警告：签名回显失败，画布当前无尺寸");
           return;
         }
         const o = new Image();
@@ -195,12 +195,12 @@ const ct = ["id"], ut = { class: "panel-signature__footer" }, gt = 500, yt = /*
           if (e !== m) return;
           const a = i.value, u = f;
           if (!a || !u || !a.clientWidth || !a.clientHeight) {
-            s = 0;
+            l = 0;
             return;
           }
-          u.clearRect(0, 0, a.width, a.height), u.drawImage(o, 0, 0, a.clientWidth, a.clientHeight), s = 1;
+          u.clearRect(0, 0, a.width, a.height), u.drawImage(o, 0, 0, a.clientWidth, a.clientHeight), l = 1;
         }, o.onerror = () => {
-          e === m && (s = 0, g.warn("ClSignature", "警告：签名图片回显失败（图片加载出错）"));
+          e === m && (l = 0, g.warn("ClSignature", "警告：签名图片回显失败（图片加载出错）"));
         }, o.src = t;
       },
       clear: () => {
@@ -228,8 +228,8 @@ const ct = ["id"], ut = { class: "panel-signature__footer" }, gt = 500, yt = /*
           onTouchend: j,
           onMousedown: J,
           onMousemove: F,
-          onMouseup: R,
-          onMouseleave: R
+          onMouseup: H,
+          onMouseleave: H
         }, null, 544)
       ], 4),
       p("div", ut, [

package/buildLibs/utils/Mobile/ClSteps.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("../Shared/base-DbuX_Y3x.js"),g=require("../Shared/index-rFJmbgyH.js"),C=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DU1H_1lY.js"),S=["id"],h=["onClick"],E={class:"steps-circle-wrap"},f={key:0,class:"steps-icon"},N={key:1,class:"steps-circle"},z={key:0,class:"steps-line"},A={class:"steps-content"},F={class:"steps-title"},L={key:0,class:"steps-desc"},b=e.defineComponent({name:"ClSteps",__name:"Index",props:{id:String,className:String,stepsList:{type:Array,default:()=>[]},active:{type:Number,default:0,validator:c=>Number.isInteger(c)&&c>=0},direction:{type:String,default:"horizontal",validator:c=>["horizontal","vertical"].indexOf(c)!==-1},activeColor:{type:String,default:"var(--cl-primary, #1088f0)"},inactiveColor:{type:String,default:"var(--cl-border, #cfcfcf)"}},emits:["onClickStep"],setup(c,{emit:a}){const o=c,p=a,m=`steps-${r.CommonBase.getRandom(5)}`,d=o.id,l=e.computed(()=>Array.isArray(o.stepsList)?o.stepsList:[]),u=e.computed(()=>{const t={"panel-steps":!0,"panel-steps--vertical":o.direction==="vertical","panel-steps--horizontal":o.direction==="horizontal"};return r.CommonBase.getJsonMerge(t,g.CommonElement.getClassNameJson(o.className))}),k=e.computed(()=>({"--steps-active-color":o.activeColor,"--steps-inactive-color":o.inactiveColor})),v=t=>({"steps-item":!0,"steps-item--active":t<=o.active,"steps-item--last":t===l.value.length-1}),_=t=>{const s=l.value[t];return!!s&&r.CommonBase.isNonEmptyString(s.icon)},y=t=>{const s=l.value[t];return s&&r.CommonBase.isNonEmptyString(s.icon)?s.icon:""},B=t=>{p("onClickStep",t)};return(t,s)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(d),class:e.normalizeClass(u.value),style:e.normalizeStyle(k.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(i,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`${m}-${n}`},[i?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(v(n)),onClick:q=>B(n)},[e.createElementVNode("div",E,[_(n)?(e.openBlock(),e.createElementBlock("span",f,[e.createVNode(C._sfc_main,{name:y(n)},null,8,["name"])])):(e.openBlock(),e.createElementBlock("span",N,e.toDisplayString(n+1),1))]),n!==l.value.length-1?(e.openBlock(),e.createElementBlock("i",z)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("div",A,[e.createElementVNode("div",F,e.toDisplayString(i.text),1),i.description?(e.openBlock(),e.createElementBlock("div",L,e.toDisplayString(i.description),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))])],10,h)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],64))),128))],14,S))}});module.exports=b;
+"use strict";const e=require("vue"),r=require("@cldemo/ui-kit/common/base"),B=require("@cldemo/ui-kit/common/Element"),S=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),h=["id"],E=["onClick"],C={class:"steps-circle-wrap"},f={key:0,class:"steps-icon"},N={key:1,class:"steps-circle"},z={key:0,class:"steps-line"},A={class:"steps-content"},F={class:"steps-title"},L={key:0,class:"steps-desc"},q=e.defineComponent({name:"ClSteps",__name:"Index",props:{id:String,className:String,stepsList:{type:Array,default:()=>[]},active:{type:Number,default:0,validator:n=>Number.isInteger(n)&&n>=0},direction:{type:String,default:"horizontal",validator:n=>["horizontal","vertical"].indexOf(n)!==-1},activeColor:{type:String,default:"var(--cl-primary, #1088f0)"},inactiveColor:{type:String,default:"var(--cl-border, #cfcfcf)"}},emits:["onClickStep"],setup(n,{emit:a}){const o=n,p=a,m=`steps-${r.getRandom(5)}`,d=o.id,l=e.computed(()=>Array.isArray(o.stepsList)?o.stepsList:[]),u=e.computed(()=>{const t={"panel-steps":!0,"panel-steps--vertical":o.direction==="vertical","panel-steps--horizontal":o.direction==="horizontal"};return r.getJsonMerge(t,B.getClassNameJson(o.className))}),k=e.computed(()=>({"--steps-active-color":o.activeColor,"--steps-inactive-color":o.inactiveColor})),v=t=>({"steps-item":!0,"steps-item--active":t<=o.active,"steps-item--last":t===l.value.length-1}),_=t=>{const s=l.value[t];return!!s&&r.isNonEmptyString(s.icon)},y=t=>{const s=l.value[t];return s&&r.isNonEmptyString(s.icon)?s.icon:""},g=t=>{p("onClickStep",t)};return(t,s)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(d),class:e.normalizeClass(u.value),style:e.normalizeStyle(k.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(i,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`${m}-${c}`},[i?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(v(c)),onClick:V=>g(c)},[e.createElementVNode("div",C,[_(c)?(e.openBlock(),e.createElementBlock("span",f,[e.createVNode(S._sfc_main,{name:y(c)},null,8,["name"])])):(e.openBlock(),e.createElementBlock("span",N,e.toDisplayString(c+1),1))]),c!==l.value.length-1?(e.openBlock(),e.createElementBlock("i",z)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("div",A,[e.createElementVNode("div",F,e.toDisplayString(i.text),1),i.description?(e.openBlock(),e.createElementBlock("div",L,e.toDisplayString(i.description),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))])],10,E)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],64))),128))],14,h))}});module.exports=q;

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;