@cldemo/ui-kit 1.1.2 → 1.1.3

package/buildLibs/utils/Mobile/ClScrollCard.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),a=require("../Shared/base-DbuX_Y3x.js"),J=require("../Shared/index-rFJmbgyH.js"),ne=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Bfji2Whf.js"),y=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Bbk1BxEq.js"),ae=require("../Shared/Index.vue_vue_type_script_setup_true_lang-BwZ2C-6b.js"),ie=["id"],re={class:"scrollcard-list"},ce={key:1,class:"scrollcard-empty",role:"status"},de=["onClick"],ue={key:0,class:"scrollcard-elastic-body"},me={key:3,class:"scrollcard-statusbar"},fe={key:2,class:"scrollcard-statusbar-hold"},pe={key:1,class:"scrollcard-empty",role:"status"},ge=["onClick"],ve={key:0,class:"scrollcard-elastic-body"},ke={key:0,class:"scrollcard-pager"},Be=["disabled"],ye={class:"scrollcard-pager-info"},he=["disabled"],Ce=e.defineComponent({name:"ClScrollCard",__name:"Index",props:{id:String,className:String,disabled:Boolean,list:{type:Array,default:()=>[]},isPaginate:{type:Boolean,default:!0},paginateType:{type:String,default:"scroll",validator:r=>["button","scroll"].indexOf(r)>-1},paginateLimit:{type:Number,default:20},isServer:{type:Boolean,default:!1},totalLength:{type:Number,default:0},orderSort:{type:Object,default:()=>({field:""})},isElastic:{type:Boolean,default:!1},elasticClickKey:{type:String,default:".scrollcard-click-elastic"},isLoading:{type:Boolean,default:!1},isFinished:{type:Boolean,default:!1},emptyText:{type:String,default:"暂无数据"},loadingText:{type:String,default:"加载中..."},finishedText:{type:String,default:"没有更多了"}},emits:{onGetData:r=>!0,onClickCard:(r,x)=>!0,onClickElastic:(r,x,R)=>!0},setup(r,{expose:x,emit:R}){const l=r,m=R,$=`s-${a.CommonBase.getRandom(5)}`,j=l.id,h=e.useTemplateRef("refElPullToRefresh"),T=e.useTemplateRef("refElList"),i=e.ref(1),g=e.ref([]),u=e.ref([]),M=e.computed(()=>l.isPaginate&&l.paginateType==="scroll"),v=e.computed(()=>a.CommonBase.isFinite(l.paginateLimit)?Math.max(1,l.paginateLimit):20),C=e.computed(()=>l.isServer?[]:Y(q())),U=e.computed(()=>l.isServer?0:C.value.length),P=e.computed(()=>{if(l.isServer)return q();if(!l.isPaginate)return C.value;if(l.paginateType==="button"){const t=v.value,o=(i.value-1)*t;return C.value.slice(o,o+t)}return C.value.slice(0,i.value*v.value)}),d=e.computed(()=>{if(l.isServer){const t=a.CommonBase.isFinite(l.totalLength)?l.totalLength:0;return t>0?Math.max(1,Math.ceil(t/v.value)):1}return l.isPaginate?Math.max(1,Math.ceil(U.value/v.value)):1}),V=e.computed(()=>l.isServer?l.isFinished:l.isPaginate?i.value>=d.value:!0),k=e.computed(()=>P.value.length===0),N=e.computed(()=>M.value&&!k.value),H=e.computed(()=>N.value&&l.isLoading),I=e.computed(()=>N.value&&!l.isLoading&&V.value),Q=e.computed(()=>i.value<=1),W=e.computed(()=>i.value>=d.value),X=e.computed(()=>{const t={"panel-scroll-card":!0};return l.disabled&&(t["scrollcard-disabled"]=!0),a.CommonBase.getJsonMerge(t,J.CommonElement.getClassNameJson(l.className))}),q=()=>(a.CommonBase.isArray(l.list)?l.list:[]).filter(o=>o!=null),Y=t=>{const o=l.orderSort||{},s=o.field;if(l.isServer||!a.CommonBase.isNonEmptyString(s))return a.CommonBase.getListClone(t);const n=o.order==="desc"?"desc":"asc",c=o.format||"string",B=a.CommonBase.getListClone(t);return B.sort((f,D)=>{const b=f&&typeof f[s]<"u"?f[s]:"",L=D&&typeof D[s]<"u"?D[s]:"";let p=0;return c==="number"?p=(Number(b)||0)-(Number(L)||0):c==="date"?p=(Date.parse(b)||0)-(Date.parse(L)||0):p=String(b===null?"":b).localeCompare(String(L===null?"":L)),n==="desc"&&(p=-p),p}),B},_=t=>{const o=t&&t.id;return o==null?"":a.CommonBase.isString(o)||a.CommonBase.isFinite(o)?o.toString():""},F=t=>{const o=v.value,s={pages:i.value,limit:o,offset:(i.value-1)*o,action:t},n=l.orderSort||{};return a.CommonBase.isNonEmptyString(n.field)&&(s.field=n.field,s.order=n.order==="desc"?"desc":"asc"),s},S=t=>g.value.indexOf(_(t))>-1,E=t=>u.value.indexOf(_(t))>-1,z=(t,o)=>{const s=_(t);return s!==""?`${$}-${s}-${o}`:`${$}-${o}`};e.watch([()=>l.list,()=>l.paginateLimit],()=>{!l.isServer&&i.value>d.value&&(i.value=Math.max(1,d.value))},{deep:!0});const A=(t,o)=>{m("onClickCard",t,o)},w=(t,o)=>{if(!l.isElastic||l.disabled)return;const s=a.CommonBase.isNonEmptyString(l.elasticClickKey)?J.CommonElement.getParent(t.target,l.elasticClickKey,t.currentTarget,!1):void 0;a.CommonBase.isUndefined(s)||s!==t.currentTarget&&O(o)},O=t=>{const o=_(t);if(!o)return;const s=g.value.indexOf(o)===-1,n=a.CommonBase.getArrClone(g.value),c=a.CommonBase.getArrClone(u.value);if(s){if(c.indexOf(o)>-1){n.indexOf(o)===-1&&n.push(o),g.value=n,m("onClickElastic",o,t,!0);return}n.indexOf(o)===-1&&n.push(o),c.indexOf(o)===-1&&c.push(o)}else{const B=n.indexOf(o);B>-1&&n.splice(B,1);const f=c.indexOf(o);f>-1&&c.splice(f,1)}g.value=n,u.value=c,m("onClickElastic",o,t,s)},G=t=>{i.value=t,e.nextTick(()=>{T.value&&(T.value.scrollTop=0)}),l.isServer&&m("onGetData",F("pagechange"))},Z=()=>{l.disabled||l.isLoading||i.value<=1||G(i.value-1)},ee=()=>{l.disabled||l.isLoading||i.value>=d.value||G(i.value+1)},te=()=>{l.disabled||(i.value=1,l.isServer?m("onGetData",F("refresh")):K())},le=()=>{if(l.disabled||l.isLoading)return;const t=i.value+1;if(l.isServer){if(l.totalLength>0&&t>d.value)return;i.value=t,m("onGetData",F("loadmore"))}else t<=d.value&&(i.value=t)},oe=t=>{if(!a.CommonBase.isString(t)&&!a.CommonBase.isFinite(t))return;const o=t.toString();if(o==="")return;const s=a.CommonBase.getArrClone(u.value);s.indexOf(o)===-1&&(s.push(o),u.value=s)},se=t=>{if(!a.CommonBase.isString(t)&&!a.CommonBase.isFinite(t))return;const o=t.toString();if(o==="")return;const s=a.CommonBase.getArrClone(u.value),n=s.indexOf(o);n>-1&&(s.splice(n,1),u.value=s)},K=()=>{h.value&&typeof h.value.finishRefresh=="function"&&h.value.finishRefresh()};return x({loadElasticStart:oe,loadElasticStop:se,finishRefresh:K}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(j),class:e.normalizeClass(X.value)},[M.value?(e.openBlock(),e.createBlock(ne._sfc_main,{key:0,class:"scrollcard-ptr",isLoading:r.isLoading,isFinished:V.value,disabled:r.disabled,onOnRefresh:te,onOnLoadMore:le,ref_key:"refElPullToRefresh",ref:h},{default:e.withCtx(()=>[e.createElementVNode("div",re,[k.value&&r.isLoading?(e.openBlock(),e.createBlock(y._sfc_main,{key:0,class:"scrollcard-status",theme:"circleBubble",size:"large"})):k.value&&!r.isLoading?(e.openBlock(),e.createElementBlock("div",ce,e.toDisplayString(l.emptyText),1)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(P.value,(s,n)=>(e.openBlock(),e.createElementBlock("div",{key:z(s,n),class:"scrollcard-item",onClick:c=>w(c,s)},[e.renderSlot(t.$slots,"default",{info:s,index:n,isOpen:S(s),elasticLoading:E(s),onClickCard:A,onToggleElastic:O}),r.isElastic&&S(s)?(e.openBlock(),e.createElementBlock("div",ue,[E(s)?(e.openBlock(),e.createBlock(y._sfc_main,{key:0,class:"scrollcard-elastic-load",theme:"circleBubble",size:"small"})):e.renderSlot(t.$slots,"elastic",{key:1,info:s,index:n})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],8,de))),128)),N.value?(e.openBlock(),e.createElementBlock("div",me,[H.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(y._sfc_main,{theme:"circleSpinner",size:"small",color:"#999"}),e.createElementVNode("span",null,e.toDisplayString(l.loadingText),1)],64)):I.value?(e.openBlock(),e.createBlock(ae._sfc_main,{key:1,class:"scrollcard-statusbar-divider",contentPosition:"center",margin:0,lineColor:"#e5e5e5"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.finishedText),1)]),_:1})):(e.openBlock(),e.createElementBlock("span",fe))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[],64))])]),_:3},8,["isLoading","isFinished","disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{ref_key:"refElList",ref:T,class:"scrollcard-list"},[k.value&&r.isLoading?(e.openBlock(),e.createBlock(y._sfc_main,{key:0,class:"scrollcard-status",theme:"circleBubble",size:"large"})):k.value&&!r.isLoading?(e.openBlock(),e.createElementBlock("div",pe,e.toDisplayString(l.emptyText),1)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(P.value,(s,n)=>(e.openBlock(),e.createElementBlock("div",{key:z(s,n),class:"scrollcard-item",onClick:c=>w(c,s)},[e.renderSlot(t.$slots,"default",{info:s,index:n,isOpen:S(s),elasticLoading:E(s),onClickCard:A,onToggleElastic:O}),r.isElastic&&S(s)?(e.openBlock(),e.createElementBlock("div",ve,[E(s)?(e.openBlock(),e.createBlock(y._sfc_main,{key:0,class:"scrollcard-elastic-load",theme:"circleBubble",size:"small"})):e.renderSlot(t.$slots,"elastic",{key:1,info:s,index:n})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],8,ge))),128))],512),r.isPaginate&&r.paginateType==="button"?(e.openBlock(),e.createElementBlock("div",ke,[e.createElementVNode("button",{class:"scrollcard-pager-btn",disabled:Q.value||r.disabled,onClick:Z}," 上一页 ",8,Be),e.createElementVNode("span",ye,e.toDisplayString(i.value)+" / "+e.toDisplayString(d.value),1),e.createElementVNode("button",{class:"scrollcard-pager-btn",disabled:W.value||r.disabled,onClick:ee}," 下一页 ",8,he)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],64))],10,ie))}});module.exports=Ce;
+"use strict";const e=require("vue"),a=require("@cldemo/ui-kit/common/base"),J=require("@cldemo/ui-kit/common/Element"),oe=require("../Shared/Index.vue_vue_type_script_setup_true_lang-UydTJByU.js"),h=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CZNVHUR1.js"),ae=require("../Shared/Index.vue_vue_type_script_setup_true_lang-xx1uhtm_.js"),ie=["id"],re={class:"scrollcard-list"},ce={key:1,class:"scrollcard-empty",role:"status"},de=["onClick"],ue={key:0,class:"scrollcard-elastic-body"},fe={key:3,class:"scrollcard-statusbar"},pe={key:2,class:"scrollcard-statusbar-hold"},ge={key:1,class:"scrollcard-empty",role:"status"},ve=["onClick"],me={key:0,class:"scrollcard-elastic-body"},ke={key:0,class:"scrollcard-pager"},ye=["disabled"],he={class:"scrollcard-pager-info"},Be=["disabled"],_e=e.defineComponent({name:"ClScrollCard",__name:"Index",props:{id:String,className:String,disabled:Boolean,list:{type:Array,default:()=>[]},isPaginate:{type:Boolean,default:!0},paginateType:{type:String,default:"scroll",validator:r=>["button","scroll"].indexOf(r)>-1},paginateLimit:{type:Number,default:20},isServer:{type:Boolean,default:!1},totalLength:{type:Number,default:0},orderSort:{type:Object,default:()=>({field:""})},isElastic:{type:Boolean,default:!1},elasticClickKey:{type:String,default:".scrollcard-click-elastic"},isLoading:{type:Boolean,default:!1},isFinished:{type:Boolean,default:!1},emptyText:{type:String,default:"暂无数据"},loadingText:{type:String,default:"加载中..."},finishedText:{type:String,default:"没有更多了"}},emits:{onGetData:r=>!0,onClickCard:(r,x)=>!0,onClickElastic:(r,x,R)=>!0},setup(r,{expose:x,emit:R}){const l=r,f=R,$=`s-${a.getRandom(5)}`,j=l.id,B=e.useTemplateRef("refElPullToRefresh"),T=e.useTemplateRef("refElList"),i=e.ref(1),v=e.ref([]),u=e.ref([]),M=e.computed(()=>l.isPaginate&&l.paginateType==="scroll"),m=e.computed(()=>a.isFinite(l.paginateLimit)?Math.max(1,l.paginateLimit):20),_=e.computed(()=>l.isServer?[]:Y(q())),U=e.computed(()=>l.isServer?0:_.value.length),P=e.computed(()=>{if(l.isServer)return q();if(!l.isPaginate)return _.value;if(l.paginateType==="button"){const t=m.value,s=(i.value-1)*t;return _.value.slice(s,s+t)}return _.value.slice(0,i.value*m.value)}),d=e.computed(()=>{if(l.isServer){const t=a.isFinite(l.totalLength)?l.totalLength:0;return t>0?Math.max(1,Math.ceil(t/m.value)):1}return l.isPaginate?Math.max(1,Math.ceil(U.value/m.value)):1}),V=e.computed(()=>l.isServer?l.isFinished:l.isPaginate?i.value>=d.value:!0),k=e.computed(()=>P.value.length===0),N=e.computed(()=>M.value&&!k.value),H=e.computed(()=>N.value&&l.isLoading),I=e.computed(()=>N.value&&!l.isLoading&&V.value),Q=e.computed(()=>i.value<=1),W=e.computed(()=>i.value>=d.value),X=e.computed(()=>{const t={"panel-scroll-card":!0};return l.disabled&&(t["scrollcard-disabled"]=!0),a.getJsonMerge(t,J.getClassNameJson(l.className))}),q=()=>(a.isArray(l.list)?l.list:[]).filter(s=>s!=null),Y=t=>{const s=l.orderSort||{},n=s.field;if(l.isServer||!a.isNonEmptyString(n))return a.getListClone(t);const o=s.order==="desc"?"desc":"asc",c=s.format||"string",y=a.getListClone(t);return y.sort((p,D)=>{const L=p&&typeof p[n]<"u"?p[n]:"",C=D&&typeof D[n]<"u"?D[n]:"";let g=0;return c==="number"?g=(Number(L)||0)-(Number(C)||0):c==="date"?g=(Date.parse(L)||0)-(Date.parse(C)||0):g=String(L===null?"":L).localeCompare(String(C===null?"":C)),o==="desc"&&(g=-g),g}),y},S=t=>{const s=t&&t.id;return s==null?"":a.isString(s)||a.isFinite(s)?s.toString():""},F=t=>{const s=m.value,n={pages:i.value,limit:s,offset:(i.value-1)*s,action:t},o=l.orderSort||{};return a.isNonEmptyString(o.field)&&(n.field=o.field,n.order=o.order==="desc"?"desc":"asc"),n},E=t=>v.value.indexOf(S(t))>-1,b=t=>u.value.indexOf(S(t))>-1,z=(t,s)=>{const n=S(t);return n!==""?`${$}-${n}-${s}`:`${$}-${s}`};e.watch([()=>l.list,()=>l.paginateLimit],()=>{!l.isServer&&i.value>d.value&&(i.value=Math.max(1,d.value))},{deep:!0});const A=(t,s)=>{f("onClickCard",t,s)},w=(t,s)=>{if(!l.isElastic||l.disabled)return;const n=a.isNonEmptyString(l.elasticClickKey)?J.getParent(t.target,l.elasticClickKey,t.currentTarget,!1):void 0;a.isUndefined(n)||n!==t.currentTarget&&O(s)},O=t=>{const s=S(t);if(!s)return;const n=v.value.indexOf(s)===-1,o=a.getArrClone(v.value),c=a.getArrClone(u.value);if(n){if(c.indexOf(s)>-1){o.indexOf(s)===-1&&o.push(s),v.value=o,f("onClickElastic",s,t,!0);return}o.indexOf(s)===-1&&o.push(s),c.indexOf(s)===-1&&c.push(s)}else{const y=o.indexOf(s);y>-1&&o.splice(y,1);const p=c.indexOf(s);p>-1&&c.splice(p,1)}v.value=o,u.value=c,f("onClickElastic",s,t,n)},G=t=>{i.value=t,e.nextTick(()=>{T.value&&(T.value.scrollTop=0)}),l.isServer&&f("onGetData",F("pagechange"))},Z=()=>{l.disabled||l.isLoading||i.value<=1||G(i.value-1)},ee=()=>{l.disabled||l.isLoading||i.value>=d.value||G(i.value+1)},te=()=>{l.disabled||(i.value=1,l.isServer?f("onGetData",F("refresh")):K())},le=()=>{if(l.disabled||l.isLoading)return;const t=i.value+1;if(l.isServer){if(l.totalLength>0&&t>d.value)return;i.value=t,f("onGetData",F("loadmore"))}else t<=d.value&&(i.value=t)},se=t=>{if(!a.isString(t)&&!a.isFinite(t))return;const s=t.toString();if(s==="")return;const n=a.getArrClone(u.value);n.indexOf(s)===-1&&(n.push(s),u.value=n)},ne=t=>{if(!a.isString(t)&&!a.isFinite(t))return;const s=t.toString();if(s==="")return;const n=a.getArrClone(u.value),o=n.indexOf(s);o>-1&&(n.splice(o,1),u.value=n)},K=()=>{B.value&&typeof B.value.finishRefresh=="function"&&B.value.finishRefresh()};return x({loadElasticStart:se,loadElasticStop:ne,finishRefresh:K}),(t,s)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(j),class:e.normalizeClass(X.value)},[M.value?(e.openBlock(),e.createBlock(oe._sfc_main,{key:0,class:"scrollcard-ptr",isLoading:r.isLoading,isFinished:V.value,disabled:r.disabled,onOnRefresh:te,onOnLoadMore:le,ref_key:"refElPullToRefresh",ref:B},{default:e.withCtx(()=>[e.createElementVNode("div",re,[k.value&&r.isLoading?(e.openBlock(),e.createBlock(h._sfc_main,{key:0,class:"scrollcard-status",theme:"circleBubble",size:"large"})):k.value&&!r.isLoading?(e.openBlock(),e.createElementBlock("div",ce,e.toDisplayString(l.emptyText),1)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(P.value,(n,o)=>(e.openBlock(),e.createElementBlock("div",{key:z(n,o),class:"scrollcard-item",onClick:c=>w(c,n)},[e.renderSlot(t.$slots,"default",{info:n,index:o,isOpen:E(n),elasticLoading:b(n),onClickCard:A,onToggleElastic:O}),r.isElastic&&E(n)?(e.openBlock(),e.createElementBlock("div",ue,[b(n)?(e.openBlock(),e.createBlock(h._sfc_main,{key:0,class:"scrollcard-elastic-load",theme:"circleBubble",size:"small"})):e.renderSlot(t.$slots,"elastic",{key:1,info:n,index:o})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],8,de))),128)),N.value?(e.openBlock(),e.createElementBlock("div",fe,[H.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(h._sfc_main,{theme:"circleSpinner",size:"small",color:"#999"}),e.createElementVNode("span",null,e.toDisplayString(l.loadingText),1)],64)):I.value?(e.openBlock(),e.createBlock(ae._sfc_main,{key:1,class:"scrollcard-statusbar-divider",contentPosition:"center",margin:0,lineColor:"#e5e5e5"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.finishedText),1)]),_:1})):(e.openBlock(),e.createElementBlock("span",pe))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[],64))])]),_:3},8,["isLoading","isFinished","disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{ref_key:"refElList",ref:T,class:"scrollcard-list"},[k.value&&r.isLoading?(e.openBlock(),e.createBlock(h._sfc_main,{key:0,class:"scrollcard-status",theme:"circleBubble",size:"large"})):k.value&&!r.isLoading?(e.openBlock(),e.createElementBlock("div",ge,e.toDisplayString(l.emptyText),1)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(P.value,(n,o)=>(e.openBlock(),e.createElementBlock("div",{key:z(n,o),class:"scrollcard-item",onClick:c=>w(c,n)},[e.renderSlot(t.$slots,"default",{info:n,index:o,isOpen:E(n),elasticLoading:b(n),onClickCard:A,onToggleElastic:O}),r.isElastic&&E(n)?(e.openBlock(),e.createElementBlock("div",me,[b(n)?(e.openBlock(),e.createBlock(h._sfc_main,{key:0,class:"scrollcard-elastic-load",theme:"circleBubble",size:"small"})):e.renderSlot(t.$slots,"elastic",{key:1,info:n,index:o})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],8,ve))),128))],512),r.isPaginate&&r.paginateType==="button"?(e.openBlock(),e.createElementBlock("div",ke,[e.createElementVNode("button",{class:"scrollcard-pager-btn",disabled:Q.value||r.disabled,onClick:Z}," 上一页 ",8,ye),e.createElementVNode("span",he,e.toDisplayString(i.value)+" / "+e.toDisplayString(d.value),1),e.createElementVNode("button",{class:"scrollcard-pager-btn",disabled:W.value||r.disabled,onClick:ee}," 下一页 ",8,Be)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],64))],10,ie))}});module.exports=_e;

package/buildLibs/utils/Mobile/ClScrollCard.js

@@ -2,12 +2,12 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/Load-base.css';
 import '../../styles/Mobile/ClScrollCard.css';
-import { defineComponent as me, useTemplateRef as Z, ref as K, computed as d, watch as ye, openBlock as a, createElementBlock as c, normalizeClass as he, unref as ke, createBlock as h, withCtx as I, createElementVNode as k, toDisplayString as S, Fragment as v, renderList as ee, renderSlot as F, createVNode as Se, createTextVNode as be, nextTick as Ce } from "vue";
-import { C as n } from "../Shared/base-fr2I80sU.js";
-import { C as te } from "../Shared/index-B477PjJ3.js";
-import { _ as Le } from "../Shared/Index.vue_vue_type_script_setup_true_lang-Ch6eF_cp.js";
-import { _ as E } from "../Shared/Index.vue_vue_type_script_setup_true_lang-Bj0lKDBR.js";
-import { _ as xe } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BGGMHKo2.js";
+import { defineComponent as me, useTemplateRef as Z, ref as K, computed as d, watch as ye, openBlock as a, createElementBlock as c, normalizeClass as he, unref as ke, createBlock as h, withCtx as I, createElementVNode as k, toDisplayString as S, Fragment as v, renderList as ee, renderSlot as F, createVNode as Se, createTextVNode as be, nextTick as Le } from "vue";
+import n from "@cldemo/ui-kit/common/base";
+import te from "@cldemo/ui-kit/common/Element";
+import { _ as Ce } from "../Shared/Index.vue_vue_type_script_setup_true_lang-O_Nltaue.js";
+import { _ as E } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DROYOL5-.js";
+import { _ as xe } from "../Shared/Index.vue_vue_type_script_setup_true_lang-Bw7kHW7X.js";
 const Ee = ["id"], _e = { class: "scrollcard-list" }, Te = {
   key: 1,
   class: "scrollcard-empty",
@@ -122,7 +122,7 @@ const Ee = ["id"], _e = { class: "scrollcard-list" }, Te = {
     // desc: 展开/收起
   },
   setup(r, { expose: R, emit: V }) {
-    const t = r, p = V, J = `s-${n.getRandom(5)}`, se = t.id, _ = Z("refElPullToRefresh"), M = Z("refElList"), o = K(1), b = K([]), g = K([]), j = d(() => t.isPaginate && t.paginateType === "scroll"), C = d(
+    const t = r, p = V, J = `s-${n.getRandom(5)}`, se = t.id, _ = Z("refElPullToRefresh"), M = Z("refElList"), o = K(1), b = K([]), g = K([]), j = d(() => t.isPaginate && t.paginateType === "scroll"), L = d(
       () => n.isFinite(t.paginateLimit) ? Math.max(1, t.paginateLimit) : 20
     ), T = d(() => t.isServer ? [] : ce(q())), ie = d(() => t.isServer ? 0 : T.value.length), D = d(() => {
       if (t.isServer)
@@ -130,17 +130,17 @@ const Ee = ["id"], _e = { class: "scrollcard-list" }, Te = {
       if (!t.isPaginate)
         return T.value;
       if (t.paginateType === "button") {
-        const e = C.value, s = (o.value - 1) * e;
+        const e = L.value, s = (o.value - 1) * e;
         return T.value.slice(s, s + e);
       }
-      return T.value.slice(0, o.value * C.value);
+      return T.value.slice(0, o.value * L.value);
     }), f = d(() => {
       if (t.isServer) {
         const e = n.isFinite(t.totalLength) ? t.totalLength : 0;
-        return e > 0 ? Math.max(1, Math.ceil(e / C.value)) : 1;
+        return e > 0 ? Math.max(1, Math.ceil(e / L.value)) : 1;
       }
-      return t.isPaginate ? Math.max(1, Math.ceil(ie.value / C.value)) : 1;
-    }), U = d(() => t.isServer ? t.isFinished : t.isPaginate ? o.value >= f.value : !0), L = d(() => D.value.length === 0), z = d(() => j.value && !L.value), le = d(() => z.value && t.isLoading), ae = d(
+      return t.isPaginate ? Math.max(1, Math.ceil(ie.value / L.value)) : 1;
+    }), U = d(() => t.isServer ? t.isFinished : t.isPaginate ? o.value >= f.value : !0), C = d(() => D.value.length === 0), z = d(() => j.value && !C.value), le = d(() => z.value && t.isLoading), ae = d(
       () => z.value && !t.isLoading && U.value
     ), ne = d(() => o.value <= 1), oe = d(() => o.value >= f.value), re = d(() => {
       const e = { "panel-scroll-card": !0 };
@@ -159,7 +159,7 @@ const Ee = ["id"], _e = { class: "scrollcard-list" }, Te = {
       const s = e && e.id;
       return s == null ? "" : n.isString(s) || n.isFinite(s) ? s.toString() : "";
     }, A = (e) => {
-      const s = C.value, i = {
+      const s = L.value, i = {
         pages: o.value,
         limit: s,
         offset: (o.value - 1) * s,
@@ -203,7 +203,7 @@ const Ee = ["id"], _e = { class: "scrollcard-list" }, Te = {
       }
       b.value = l, g.value = u, p("onClickElastic", s, e, i);
     }, X = (e) => {
-      o.value = e, Ce(() => {
+      o.value = e, Le(() => {
         M.value && (M.value.scrollTop = 0);
       }), t.isServer && p("onGetData", A("pagechange"));
     }, de = () => {
@@ -244,7 +244,7 @@ const Ee = ["id"], _e = { class: "scrollcard-list" }, Te = {
       id: ke(se),
       class: he(re.value)
     }, [
-      j.value ? (a(), h(Le, {
+      j.value ? (a(), h(Ce, {
         key: 0,
         class: "scrollcard-ptr",
         isLoading: r.isLoading,
@@ -257,12 +257,12 @@ const Ee = ["id"], _e = { class: "scrollcard-list" }, Te = {
       }, {
         default: I(() => [
           k("div", _e, [
-            L.value && r.isLoading ? (a(), h(E, {
+            C.value && r.isLoading ? (a(), h(E, {
               key: 0,
               class: "scrollcard-status",
               theme: "circleBubble",
               size: "large"
-            })) : L.value && !r.isLoading ? (a(), c("div", Te, S(t.emptyText), 1)) : (a(!0), c(v, { key: 2 }, ee(D.value, (i, l) => (a(), c("div", {
+            })) : C.value && !r.isLoading ? (a(), c("div", Te, S(t.emptyText), 1)) : (a(!0), c(v, { key: 2 }, ee(D.value, (i, l) => (a(), c("div", {
               key: H(i, l),
               class: "scrollcard-item",
               onClick: (u) => W(u, i)
@@ -318,12 +318,12 @@ const Ee = ["id"], _e = { class: "scrollcard-list" }, Te = {
           ref: M,
           class: "scrollcard-list"
         }, [
-          L.value && r.isLoading ? (a(), h(E, {
+          C.value && r.isLoading ? (a(), h(E, {
             key: 0,
             class: "scrollcard-status",
             theme: "circleBubble",
             size: "large"
-          })) : L.value && !r.isLoading ? (a(), c("div", $e, S(t.emptyText), 1)) : (a(!0), c(v, { key: 2 }, ee(D.value, (i, l) => (a(), c("div", {
+          })) : C.value && !r.isLoading ? (a(), c("div", $e, S(t.emptyText), 1)) : (a(!0), c(v, { key: 2 }, ee(D.value, (i, l) => (a(), c("div", {
             key: H(i, l),
             class: "scrollcard-item",
             onClick: (u) => W(u, i)

package/buildLibs/utils/Mobile/ClSharePanel.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),s=require("../Shared/base-DbuX_Y3x.js"),S=require("../Shared/index-rFJmbgyH.js"),_=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DyBY0DG5.js"),f=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DU1H_1lY.js"),E={key:0,class:"sharepanel-title"},O={key:2,class:"sharepanel-description"},x={class:"sharepanel-options"},w=["onClick"],N={key:0,class:"sharepanel-option-icon"},T={class:"sharepanel-option-name"},b={key:2,class:"sharepanel-option-desc"},L=e.defineComponent({name:"ClSharePanel",__name:"Index",props:{id:String,className:String,show:Boolean,title:String,description:String,optionsList:Array,cancelText:String,isOverlay:{type:Boolean,default:!0},isCloseOnClickOverlay:{type:Boolean,default:!0},isLockScroll:{type:Boolean,default:!1},isSafeAreaInsetBottom:Boolean,duration:{type:Number,default:300},zIndex:{type:Number,default:2e3},teleportTarget:{type:String,default:""}},emits:["update:show","onSelect","onCancel","onClickOverlay"],setup(l,{emit:d}){const t=l,c=d,k=`sharepanel-${s.CommonBase.getRandom(5)}`,y=t.id,a=e.ref(t.show),i=e.computed(()=>s.CommonBase.isNonEmptyString(t.title)?t.title:""),p=e.computed(()=>s.CommonBase.isNonEmptyString(t.description)?t.description:""),u=e.computed(()=>s.CommonBase.isNonEmptyString(t.cancelText)?t.cancelText:""),B=e.computed(()=>Array.isArray(t.optionsList)?t.optionsList.filter(n=>s.CommonBase.isObject(n)&&s.CommonBase.isNonEmptyString(n.name)):[]),v=e.computed(()=>{const n={"panel-share-panel":!0};return s.CommonBase.getJsonMerge(n,S.CommonElement.getClassNameJson(t.className))});e.watch(a,n=>{n!==t.show&&c("update:show",n)}),e.watch(()=>t.show,n=>{a.value=n});const C=(n,r)=>{a.value&&c("onSelect",n,r)},g=()=>{a.value&&(c("onCancel"),a.value=!1)},h=()=>{c("onClickOverlay")};return(n,r)=>(e.openBlock(),e.createBlock(_._sfc_main,{id:e.unref(y),show:a.value,"onUpdate:show":r[0]||(r[0]=o=>a.value=o),position:"bottom",isOverlay:l.isOverlay,isRound:!0,duration:l.duration,isCloseOnClickOverlay:l.isCloseOnClickOverlay,isLockScroll:l.isLockScroll,isSafeAreaInsetBottom:l.isSafeAreaInsetBottom,zIndex:l.zIndex,teleportTarget:l.teleportTarget,onOnClickOverlay:h},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(v.value)},[i.value?(e.openBlock(),e.createElementBlock("div",E,e.toDisplayString(i.value),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),p.value?(e.openBlock(),e.createElementBlock("div",O,e.toDisplayString(p.value),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64)),e.createElementVNode("div",x,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,(o,m)=>(e.openBlock(),e.createElementBlock("button",{key:`${k}-${o.id}-${m}`,type:"button",class:"sharepanel-option",onClick:A=>C(o,m)},[o.icon?(e.openBlock(),e.createElementBlock("span",N,[e.createVNode(f._sfc_main,{name:o.icon},null,8,["name"])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("span",T,e.toDisplayString(o.name),1),o.description?(e.openBlock(),e.createElementBlock("span",b,e.toDisplayString(o.description),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64))],8,w))),128))]),u.value?(e.openBlock(),e.createElementBlock("button",{key:4,type:"button",class:"sharepanel-cancel",onClick:g},e.toDisplayString(u.value),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:5},[],64))],2)]),_:1},8,["id","show","isOverlay","duration","isCloseOnClickOverlay","isLockScroll","isSafeAreaInsetBottom","zIndex","teleportTarget"]))}});module.exports=L;
+"use strict";const e=require("vue"),s=require("@cldemo/ui-kit/common/base"),S=require("@cldemo/ui-kit/common/Element"),_=require("../Shared/Index.vue_vue_type_script_setup_true_lang-PVhgdZj4.js"),f=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),E={key:0,class:"sharepanel-title"},O={key:2,class:"sharepanel-description"},x={class:"sharepanel-options"},w=["onClick"],N={key:0,class:"sharepanel-option-icon"},T={class:"sharepanel-option-name"},L={key:2,class:"sharepanel-option-desc"},b=e.defineComponent({name:"ClSharePanel",__name:"Index",props:{id:String,className:String,show:Boolean,title:String,description:String,optionsList:Array,cancelText:String,isOverlay:{type:Boolean,default:!0},isCloseOnClickOverlay:{type:Boolean,default:!0},isLockScroll:{type:Boolean,default:!1},isSafeAreaInsetBottom:Boolean,duration:{type:Number,default:300},zIndex:{type:Number,default:2e3},teleportTarget:{type:String,default:""}},emits:["update:show","onSelect","onCancel","onClickOverlay"],setup(l,{emit:k}){const t=l,c=k,m=`sharepanel-${s.getRandom(5)}`,y=t.id,a=e.ref(t.show),i=e.computed(()=>s.isNonEmptyString(t.title)?t.title:""),p=e.computed(()=>s.isNonEmptyString(t.description)?t.description:""),u=e.computed(()=>s.isNonEmptyString(t.cancelText)?t.cancelText:""),B=e.computed(()=>Array.isArray(t.optionsList)?t.optionsList.filter(n=>s.isObject(n)&&s.isNonEmptyString(n.name)):[]),v=e.computed(()=>{const n={"panel-share-panel":!0};return s.getJsonMerge(n,S.getClassNameJson(t.className))});e.watch(a,n=>{n!==t.show&&c("update:show",n)}),e.watch(()=>t.show,n=>{a.value=n});const g=(n,r)=>{a.value&&c("onSelect",n,r)},h=()=>{a.value&&(c("onCancel"),a.value=!1)},C=()=>{c("onClickOverlay")};return(n,r)=>(e.openBlock(),e.createBlock(_._sfc_main,{id:e.unref(y),show:a.value,"onUpdate:show":r[0]||(r[0]=o=>a.value=o),position:"bottom",isOverlay:l.isOverlay,isRound:!0,duration:l.duration,isCloseOnClickOverlay:l.isCloseOnClickOverlay,isLockScroll:l.isLockScroll,isSafeAreaInsetBottom:l.isSafeAreaInsetBottom,zIndex:l.zIndex,teleportTarget:l.teleportTarget,onOnClickOverlay:C},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(v.value)},[i.value?(e.openBlock(),e.createElementBlock("div",E,e.toDisplayString(i.value),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),p.value?(e.openBlock(),e.createElementBlock("div",O,e.toDisplayString(p.value),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64)),e.createElementVNode("div",x,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,(o,d)=>(e.openBlock(),e.createElementBlock("button",{key:`${m}-${o.id}-${d}`,type:"button",class:"sharepanel-option",onClick:A=>g(o,d)},[o.icon?(e.openBlock(),e.createElementBlock("span",N,[e.createVNode(f._sfc_main,{name:o.icon},null,8,["name"])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("span",T,e.toDisplayString(o.name),1),o.description?(e.openBlock(),e.createElementBlock("span",L,e.toDisplayString(o.description),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64))],8,w))),128))]),u.value?(e.openBlock(),e.createElementBlock("button",{key:4,type:"button",class:"sharepanel-cancel",onClick:h},e.toDisplayString(u.value),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:5},[],64))],2)]),_:1},8,["id","show","isOverlay","duration","isCloseOnClickOverlay","isLockScroll","isSafeAreaInsetBottom","zIndex","teleportTarget"]))}});module.exports=b;

package/buildLibs/utils/Mobile/ClSharePanel.js

@@ -1,11 +1,11 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Mobile/ClSharePanel.css';
-import { defineComponent as N, ref as T, computed as c, watch as f, openBlock as t, createBlock as L, unref as b, withCtx as A, createElementVNode as m, normalizeClass as E, createElementBlock as o, toDisplayString as d, Fragment as r, renderList as $, createVNode as z } from "vue";
-import { C as i } from "../Shared/base-fr2I80sU.js";
-import { C as I } from "../Shared/index-B477PjJ3.js";
-import { _ as D } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DfJX3uyy.js";
-import { _ as J } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BmRO42R2.js";
+import { defineComponent as N, ref as T, computed as c, watch as h, openBlock as t, createBlock as L, unref as b, withCtx as A, createElementVNode as m, normalizeClass as E, createElementBlock as o, toDisplayString as d, Fragment as r, renderList as $, createVNode as z } from "vue";
+import i from "@cldemo/ui-kit/common/base";
+import I from "@cldemo/ui-kit/common/Element";
+import { _ as D } from "../Shared/Index.vue_vue_type_script_setup_true_lang-b5gVNBt4.js";
+import { _ as J } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
 const P = {
   key: 0,
   class: "sharepanel-title"
@@ -70,8 +70,8 @@ const P = {
     }
   },
   emits: ["update:show", "onSelect", "onCancel", "onClickOverlay"],
-  setup(a, { emit: h }) {
-    const e = a, p = h, S = `sharepanel-${i.getRandom(5)}`, g = e.id, l = T(e.show), y = c(() => i.isNonEmptyString(e.title) ? e.title : ""), k = c(
+  setup(a, { emit: C }) {
+    const e = a, p = C, S = `sharepanel-${i.getRandom(5)}`, g = e.id, l = T(e.show), y = c(() => i.isNonEmptyString(e.title) ? e.title : ""), k = c(
       () => i.isNonEmptyString(e.description) ? e.description : ""
     ), v = c(
       () => i.isNonEmptyString(e.cancelText) ? e.cancelText : ""
@@ -85,9 +85,9 @@ const P = {
       };
       return i.getJsonMerge(n, I.getClassNameJson(e.className));
     });
-    f(l, (n) => {
+    h(l, (n) => {
       n !== e.show && p("update:show", n);
-    }), f(
+    }), h(
       () => e.show,
       (n) => {
         l.value = n;
@@ -122,11 +122,11 @@ const P = {
           y.value ? (t(), o("div", P, d(y.value), 1)) : (t(), o(r, { key: 1 }, [], 64)),
           k.value ? (t(), o("div", R, d(k.value), 1)) : (t(), o(r, { key: 3 }, [], 64)),
           m("div", V, [
-            (t(!0), o(r, null, $(O.value, (s, C) => (t(), o("button", {
-              key: `${S}-${s.id}-${C}`,
+            (t(!0), o(r, null, $(O.value, (s, f) => (t(), o("button", {
+              key: `${S}-${s.id}-${f}`,
               type: "button",
               class: "sharepanel-option",
-              onClick: (q) => w(s, C)
+              onClick: (q) => w(s, f)
             }, [
               s.icon ? (t(), o("span", F, [
                 z(J, {

package/buildLibs/utils/Mobile/ClSidebar.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),i=require("../Shared/base-DbuX_Y3x.js"),C=require("../Shared/index-rFJmbgyH.js"),_=["id"],B=["onClick"],y={class:"sidebar-item-text"},v={key:0,class:"sidebar-item-badge"},f=e.defineComponent({name:"ClSidebar",__name:"Index",props:{id:String,className:String,itemsList:{type:Array,default:()=>[]},active:{type:Number,default:0}},emits:["onChange","onClickItem"],setup(c,{emit:m}){const o=c,a=m,l=`sidebar-${i.CommonBase.getRandom(5)}`,d=o.id,r=e.computed(()=>{const t=Number(o.active);return i.CommonBase.isFinite(t)?t:0}),u=e.computed(()=>Array.isArray(o.itemsList)?o.itemsList.map((t,n)=>({item:t,inx:n})).filter(t=>t.item&&i.CommonBase.isNonEmptyString(t.item.text)).map(({item:t,inx:n})=>({item:t,inx:n,badge:g(t)})):[]),p=e.computed(()=>{const t={"panel-sidebar":!0};return i.CommonBase.getJsonMerge(t,C.CommonElement.getClassNameJson(o.className))}),g=t=>{if(i.CommonBase.isUndefined(t.badge)||typeof t.badge=="symbol")return 0;const n=Number(t.badge);return i.CommonBase.isFinite(n)&&n>0?n:0},b=(t,n)=>{a("onClickItem",n),n!==r.value&&a("onChange",n)},k=(t,n)=>({"sidebar-item":!0,"sidebar-item--active":n===r.value});return(t,n)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(d),class:e.normalizeClass(p.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,s=>(e.openBlock(),e.createElementBlock("div",{key:`${l}-${s.inx}`,class:e.normalizeClass(k(s.item,s.inx)),onClick:x=>b(s.item,s.inx)},[e.createElementVNode("span",y,e.toDisplayString(s.item.text),1),s.badge>0?(e.openBlock(),e.createElementBlock("span",v,e.toDisplayString(s.badge),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],10,B))),128))],10,_))}});module.exports=f;
+"use strict";const e=require("vue"),i=require("@cldemo/ui-kit/common/base"),_=require("@cldemo/ui-kit/common/Element"),y=["id"],C=["onClick"],v={class:"sidebar-item-text"},B={key:0,class:"sidebar-item-badge"},f=e.defineComponent({name:"ClSidebar",__name:"Index",props:{id:String,className:String,itemsList:{type:Array,default:()=>[]},active:{type:Number,default:0}},emits:["onChange","onClickItem"],setup(c,{emit:l}){const r=c,a=l,m=`sidebar-${i.getRandom(5)}`,d=r.id,o=e.computed(()=>{const t=Number(r.active);return i.isFinite(t)?t:0}),u=e.computed(()=>Array.isArray(r.itemsList)?r.itemsList.map((t,n)=>({item:t,inx:n})).filter(t=>t.item&&i.isNonEmptyString(t.item.text)).map(({item:t,inx:n})=>({item:t,inx:n,badge:g(t)})):[]),p=e.computed(()=>{const t={"panel-sidebar":!0};return i.getJsonMerge(t,_.getClassNameJson(r.className))}),g=t=>{if(i.isUndefined(t.badge)||typeof t.badge=="symbol")return 0;const n=Number(t.badge);return i.isFinite(n)&&n>0?n:0},k=(t,n)=>{a("onClickItem",n),n!==o.value&&a("onChange",n)},b=(t,n)=>({"sidebar-item":!0,"sidebar-item--active":n===o.value});return(t,n)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(d),class:e.normalizeClass(p.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,s=>(e.openBlock(),e.createElementBlock("div",{key:`${m}-${s.inx}`,class:e.normalizeClass(b(s.item,s.inx)),onClick:x=>k(s.item,s.inx)},[e.createElementVNode("span",v,e.toDisplayString(s.item.text),1),s.badge>0?(e.openBlock(),e.createElementBlock("span",B,e.toDisplayString(s.badge),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],10,C))),128))],10,y))}});module.exports=f;

package/buildLibs/utils/Mobile/ClSidebar.js

@@ -1,8 +1,8 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Mobile/ClSidebar.css';
-import { defineComponent as x, computed as o, openBlock as a, createElementBlock as r, normalizeClass as d, unref as N, Fragment as l, renderList as h, createElementVNode as L, toDisplayString as u } from "vue";
-import { C as s } from "../Shared/base-fr2I80sU.js";
-import { C as S } from "../Shared/index-B477PjJ3.js";
+import { defineComponent as x, computed as o, openBlock as r, createElementBlock as a, normalizeClass as d, unref as N, Fragment as l, renderList as h, createElementVNode as L, toDisplayString as u } from "vue";
+import s from "@cldemo/ui-kit/common/base";
+import S from "@cldemo/ui-kit/common/Element";
 const A = ["id"], B = ["onClick"], E = { class: "sidebar-item-text" }, $ = {
   key: 0,
   class: "sidebar-item-badge"
@@ -30,12 +30,12 @@ const A = ["id"], B = ["onClick"], E = { class: "sidebar-item-text" }, $ = {
     const i = g, c = b, p = `sidebar-${s.getRandom(5)}`, _ = i.id, m = o(() => {
       const e = Number(i.active);
       return s.isFinite(e) ? e : 0;
-    }), f = o(() => Array.isArray(i.itemsList) ? i.itemsList.map((e, t) => ({ item: e, inx: t })).filter((e) => e.item && s.isNonEmptyString(e.item.text)).map(({ item: e, inx: t }) => ({ item: e, inx: t, badge: y(e) })) : []), C = o(() => {
+    }), f = o(() => Array.isArray(i.itemsList) ? i.itemsList.map((e, t) => ({ item: e, inx: t })).filter((e) => e.item && s.isNonEmptyString(e.item.text)).map(({ item: e, inx: t }) => ({ item: e, inx: t, badge: C(e) })) : []), y = o(() => {
       const e = {
         "panel-sidebar": !0
       };
       return s.getJsonMerge(e, S.getClassNameJson(i.className));
-    }), y = (e) => {
+    }), C = (e) => {
       if (s.isUndefined(e.badge) || typeof e.badge == "symbol") return 0;
       const t = Number(e.badge);
       return s.isFinite(t) && t > 0 ? t : 0;
@@ -45,17 +45,17 @@ const A = ["id"], B = ["onClick"], E = { class: "sidebar-item-text" }, $ = {
       "sidebar-item": !0,
       "sidebar-item--active": t === m.value
     });
-    return (e, t) => (a(), r("div", {
+    return (e, t) => (r(), a("div", {
       id: N(_),
-      class: d(C.value)
+      class: d(y.value)
     }, [
-      (a(!0), r(l, null, h(f.value, (n) => (a(), r("div", {
+      (r(!0), a(l, null, h(f.value, (n) => (r(), a("div", {
         key: `${p}-${n.inx}`,
         class: d(v(n.item, n.inx)),
         onClick: (F) => k(n.item, n.inx)
       }, [
         L("span", E, u(n.item.text), 1),
-        n.badge > 0 ? (a(), r("span", $, u(n.badge), 1)) : (a(), r(l, { key: 1 }, [], 64))
+        n.badge > 0 ? (r(), a("span", $, u(n.badge), 1)) : (r(), a(l, { key: 1 }, [], 64))
       ], 10, B))), 128))
     ], 10, A));
   }

package/buildLibs/utils/Mobile/ClSidebarSelect.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),n=require("../Shared/base-DbuX_Y3x.js"),y=require("../Shared/index-rFJmbgyH.js"),h=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DU1H_1lY.js"),N=["id"],S={class:"sidebarselect-left"},E=["onClick"],f={class:"sidebarselect-group-text"},x={class:"sidebarselect-right"},I=["onClick"],G={class:"sidebarselect-option-text"},$={key:0,class:"sidebarselect-option-check"},L=e.defineComponent({name:"ClSidebarSelect",__name:"Index",props:{id:String,className:String,groupsList:{type:Array,default:()=>[]},activeId:{type:[Number,String],default:""},activeGroupIndex:{type:Number,default:0}},emits:["update:activeId","onClickGroup","onClickOption"],setup(u,{emit:m}){const o=u,i=m,a=`sidebarselect-${n.CommonBase.getRandom(5)}`,p=o.id,l=e.computed(()=>Array.isArray(o.groupsList)?o.groupsList.filter(t=>t!=null):[]),_=e.computed(()=>{const t=l.value[o.activeGroupIndex];return t&&Array.isArray(t.children)?t.children.filter(r=>r!=null):[]}),k=e.computed(()=>{const t={"panel-sidebar-select":!0};return n.CommonBase.getJsonMerge(t,y.CommonElement.getClassNameJson(o.className))}),v=t=>({"sidebarselect-group":!0,"sidebarselect-group--active":t===o.activeGroupIndex}),C=t=>({"sidebarselect-option":!0,"sidebarselect-option--active":d(t)}),d=t=>(n.CommonBase.isString(t.id)||n.CommonBase.isNumber(t.id))&&(n.CommonBase.isString(o.activeId)||n.CommonBase.isNumber(o.activeId))&&String(t.id)===String(o.activeId),g=t=>{i("onClickGroup",t)},B=(t,r)=>{const s=t.id;(n.CommonBase.isString(s)||n.CommonBase.isNumber(s))&&s!==void 0&&i("update:activeId",s),i("onClickOption",t,r)};return(t,r)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(p),class:e.normalizeClass(k.value)},[e.createElementVNode("div",S,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(s,c)=>(e.openBlock(),e.createElementBlock("div",{key:`${a}-g-${c}`,class:e.normalizeClass(v(c)),onClick:b=>g(c)},[e.createElementVNode("span",f,e.toDisplayString(s.text),1)],10,E))),128))]),e.createElementVNode("div",x,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,(s,c)=>(e.openBlock(),e.createElementBlock("div",{key:`${a}-o-${c}`,class:e.normalizeClass(C(s)),onClick:b=>B(s,c)},[e.createElementVNode("span",G,e.toDisplayString(s.text),1),d(s)?(e.openBlock(),e.createElementBlock("span",$,[e.createVNode(h._sfc_main,{name:"check1"})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],10,I))),128))])],10,N))}});module.exports=L;
+"use strict";const e=require("vue"),n=require("@cldemo/ui-kit/common/base"),B=require("@cldemo/ui-kit/common/Element"),h=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),N=["id"],S={class:"sidebarselect-left"},E=["onClick"],f={class:"sidebarselect-group-text"},x={class:"sidebarselect-right"},I=["onClick"],G={class:"sidebarselect-option-text"},$={key:0,class:"sidebarselect-option-check"},L=e.defineComponent({name:"ClSidebarSelect",__name:"Index",props:{id:String,className:String,groupsList:{type:Array,default:()=>[]},activeId:{type:[Number,String],default:""},activeGroupIndex:{type:Number,default:0}},emits:["update:activeId","onClickGroup","onClickOption"],setup(u,{emit:p}){const c=u,i=p,l=`sidebarselect-${n.getRandom(5)}`,m=c.id,a=e.computed(()=>Array.isArray(c.groupsList)?c.groupsList.filter(t=>t!=null):[]),_=e.computed(()=>{const t=a.value[c.activeGroupIndex];return t&&Array.isArray(t.children)?t.children.filter(o=>o!=null):[]}),k=e.computed(()=>{const t={"panel-sidebar-select":!0};return n.getJsonMerge(t,B.getClassNameJson(c.className))}),v=t=>({"sidebarselect-group":!0,"sidebarselect-group--active":t===c.activeGroupIndex}),g=t=>({"sidebarselect-option":!0,"sidebarselect-option--active":d(t)}),d=t=>(n.isString(t.id)||n.isNumber(t.id))&&(n.isString(c.activeId)||n.isNumber(c.activeId))&&String(t.id)===String(c.activeId),C=t=>{i("onClickGroup",t)},b=(t,o)=>{const s=t.id;(n.isString(s)||n.isNumber(s))&&s!==void 0&&i("update:activeId",s),i("onClickOption",t,o)};return(t,o)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(m),class:e.normalizeClass(k.value)},[e.createElementVNode("div",S,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,(s,r)=>(e.openBlock(),e.createElementBlock("div",{key:`${l}-g-${r}`,class:e.normalizeClass(v(r)),onClick:y=>C(r)},[e.createElementVNode("span",f,e.toDisplayString(s.text),1)],10,E))),128))]),e.createElementVNode("div",x,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,(s,r)=>(e.openBlock(),e.createElementBlock("div",{key:`${l}-o-${r}`,class:e.normalizeClass(g(s)),onClick:y=>b(s,r)},[e.createElementVNode("span",G,e.toDisplayString(s.text),1),d(s)?(e.openBlock(),e.createElementBlock("span",$,[e.createVNode(h._sfc_main,{name:"check1"})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],10,I))),128))])],10,N))}});module.exports=L;

package/buildLibs/utils/Mobile/ClSidebarSelect.js

@@ -2,9 +2,9 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Mobile/ClSidebarSelect.css';
 import { defineComponent as $, computed as d, openBlock as r, createElementBlock as o, normalizeClass as u, unref as A, createElementVNode as a, Fragment as p, renderList as g, toDisplayString as k, createVNode as L } from "vue";
-import { C as i } from "../Shared/base-fr2I80sU.js";
-import { C as O } from "../Shared/index-B477PjJ3.js";
-import { _ as B } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BmRO42R2.js";
+import i from "@cldemo/ui-kit/common/base";
+import O from "@cldemo/ui-kit/common/Element";
+import { _ as B } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
 const E = ["id"], J = { class: "sidebarselect-left" }, V = ["onClick"], z = { class: "sidebarselect-group-text" }, D = { class: "sidebarselect-right" }, F = ["onClick"], M = { class: "sidebarselect-option-text" }, P = {
   key: 0,
   class: "sidebarselect-option-check"
@@ -33,8 +33,8 @@ const E = ["id"], J = { class: "sidebarselect-left" }, V = ["onClick"], z = { cl
     }
   },
   emits: ["update:activeId", "onClickGroup", "onClickOption"],
-  setup(C, { emit: b }) {
-    const s = C, l = b, m = `sidebarselect-${i.getRandom(5)}`, f = s.id, _ = d(
+  setup(b, { emit: C }) {
+    const s = b, l = C, m = `sidebarselect-${i.getRandom(5)}`, f = s.id, _ = d(
       () => Array.isArray(s.groupsList) ? s.groupsList.filter((e) => e != null) : []
     ), h = d(() => {
       const e = _.value[s.activeGroupIndex];

package/buildLibs/utils/Mobile/ClSignature.cjs

@@ -1 +1 @@
-"use strict";const r=require("vue"),d=require("../Shared/log-gqSePaMZ.js"),w=require("../Shared/base-DbuX_Y3x.js"),O=require("../Shared/index-rFJmbgyH.js"),$=require("../Shared/resize-Ds0ycOGI.js"),A=["id"],G={class:"panel-signature__footer"},K=500,Q=r.defineComponent({name:"ClSignature",__name:"Index",props:{id:String,className:String,type:{type:String,default:"png"},penColor:{type:String,default:"#000"},lineWidth:{type:Number,default:3},backgroundColor:{type:String,default:""},clearButtonText:{type:String,default:"清空"},submitLabel:{type:String,default:"确认"}},emits:["onStart","onEnd","onSigning","onSubmit","onClear"],setup(C,{expose:V,emit:H}){const i=C,h=H,N=i.id,c=r.useTemplateRef("refElCanvas");let m=null,s=!1,l=0,v=0,_=null,S=!1,u=null,f=0,p=0;const x=r.computed(()=>i.type==="png"||i.type==="jpeg"?i.type:"png"),R=r.computed(()=>{const t={"panel-signature":!0};return w.CommonBase.getJsonMerge(t,O.CommonElement.getClassNameJson(i.className))}),B=r.computed(()=>{const t={};return i.backgroundColor&&(t["--signature-bg"]=i.backgroundColor),t}),b=()=>{const t=c.value;if(!t||!t.clientWidth||!t.clientHeight)return;const e=window.devicePixelRatio||1;t.width=Math.round(t.clientWidth*e),t.height=Math.round(t.clientHeight*e);const n=t.getContext("2d");n&&(n.scale(e,e),n.lineCap="round",n.lineJoin="round",m=n)},z=()=>{const t=c.value;if(!t||!t.clientWidth||!t.clientHeight)return;const e=++f;p++;let n="";if(l>0)try{const o=t.getContext("2d");!!o&&o.getImageData(0,0,t.width,t.height).data.some(g=>g!==0)?n=t.toDataURL():l=0}catch(o){l=0,d.clLog.warn("ClSignature","警告：画布导出失败",o)}if(b(),n){const o=new Image;o.onload=()=>{e===f&&(s||m?.drawImage(o,0,0,t.clientWidth,t.clientHeight))},o.onerror=()=>{e===f&&(s||(l=0),d.clLog.warn("ClSignature","警告：画布内容恢复失败"))},o.src=n}},y=(t,e)=>{const n=c.value?.getBoundingClientRect();return{x:t-(n?.left??0),y:e-(n?.top??0)}},T=t=>{const e=m;if(!e||!u)return;const n=(u.x+t.x)/2,o=(u.y+t.y)/2;e.beginPath(),e.moveTo(u.x,u.y),e.quadraticCurveTo(u.x,u.y,n,o),e.lineTo(t.x,t.y),e.stroke(),u=t},k=(t,e)=>{const n=m;if(!n)return;n.strokeStyle=i.penColor;const o=w.CommonBase.isFinite(i.lineWidth)?i.lineWidth:3,a=Math.max(o,1);n.lineWidth=a;const g=y(t,e);u=g,n.beginPath(),n.arc(g.x,g.y,a/2,0,Math.PI*2),n.fillStyle=i.penColor,n.fill(),l+=1,h("onStart")},E=()=>{s&&(s=!1,u=null,h("onEnd"))},M=()=>{const t=c.value;if(!t)return"";try{const a=t.getContext("2d");if(!(!!a&&a.getImageData(0,0,t.width,t.height).data.some(F=>F!==0)))return""}catch(a){return d.clLog.warn("ClSignature","警告：检测画布内容失败，按空签名处理",a),""}let e=i.backgroundColor;x.value==="jpeg"&&!e&&(e="var(--cl-bg, #ffffff)");const n=t,o=e?document.createElement("canvas"):n;if(e){o.width=n.width,o.height=n.height;const a=o.getContext("2d");if(a)a.fillStyle=e,a.fillRect(0,0,o.width,o.height),a.drawImage(n,0,0);else return d.clLog.warn("ClSignature","警告：导出画布上下文创建失败，无法导出"),""}try{return o.toDataURL(`image/${x.value}`)}catch(a){return d.clLog.warn("ClSignature","警告：导出签名图片失败",a),""}},L=()=>{const t=m,e=c.value;!t||!e||(f++,p++,t.clearRect(0,0,e.width,e.height),l=0,s=!1,u=null,h("onClear"))},D=()=>{h("onSubmit",{image:l>0?M():"",canvas:c.value??void 0})};r.onMounted(()=>{r.nextTick(()=>{S||!c.value||(b(),_=new $.Resize({element:c.value,callback:()=>{z()}}))})}),r.onUnmounted(()=>{S=!0,_?.destroy(),_=null}),r.watch(()=>i.type,t=>{t!=="png"&&t!=="jpeg"&&d.clLog.warn("ClSignature","警告：type 仅支持 png 或 jpeg，已回退为 png")},{immediate:!0});const P=t=>{if(v=Date.now(),s)return;const e=t.touches[0];e&&(s=!0,k(e.clientX,e.clientY))},q=t=>{if(!s)return;const e=t.touches[0];e&&(v=Date.now(),T(y(e.clientX,e.clientY)),h("onSigning",t))},U=()=>{E()},X=t=>{Date.now()-v<K||s||(s=!0,k(t.clientX,t.clientY))},Y=t=>{s&&(T(y(t.clientX,t.clientY)),h("onSigning",t))},W=()=>{E()},j=()=>{L()},J=()=>{D()},I=()=>l>0?M():"";return V({getValue:I,getValueData:()=>({value:I(),canvas:c.value??void 0}),setValue:t=>{if(!w.CommonBase.isNonEmptyString(t)||!c.value)return;const e=++p;f++;const n=c.value;if(!n.clientWidth||!n.clientHeight){l=0,d.clLog.warn("ClSignature","警告：签名回显失败，画布当前无尺寸");return}const o=new Image;o.onload=()=>{if(e!==p)return;const a=c.value,g=m;if(!a||!g||!a.clientWidth||!a.clientHeight){l=0;return}g.clearRect(0,0,a.width,a.height),g.drawImage(o,0,0,a.clientWidth,a.clientHeight),l=1},o.onerror=()=>{e===p&&(l=0,d.clLog.warn("ClSignature","警告：签名图片回显失败（图片加载出错）"))},o.src=t},clear:()=>{L()},submit:()=>{D()}}),(t,e)=>(r.openBlock(),r.createElementBlock("div",{id:r.unref(N),class:r.normalizeClass(R.value)},[r.createElementVNode("div",{class:"panel-signature__content",style:r.normalizeStyle(B.value)},[r.createElementVNode("canvas",{ref_key:"refElCanvas",ref:c,class:"panel-signature__canvas",role:"img","aria-label":"手写签名区",onTouchstart:P,onTouchmove:r.withModifiers(q,["prevent"]),onTouchend:U,onMousedown:X,onMousemove:Y,onMouseup:W,onMouseleave:W},null,544)],4),r.createElementVNode("div",G,[r.createElementVNode("button",{type:"button",class:"panel-signature__btn",onClick:j},r.toDisplayString(C.clearButtonText),1),r.createElementVNode("button",{type:"button",class:"panel-signature__btn panel-signature__btn--confirm",onClick:J},r.toDisplayString(C.submitLabel),1)])],10,A))}});module.exports=Q;
+"use strict";const r=require("vue"),d=require("@cldemo/ui-kit/common/log"),w=require("@cldemo/ui-kit/common/base"),O=require("@cldemo/ui-kit/common/Element"),$=require("@cldemo/ui-kit/common/Element/Event"),A=["id"],G={class:"panel-signature__footer"},K=500,Q=r.defineComponent({name:"ClSignature",__name:"Index",props:{id:String,className:String,type:{type:String,default:"png"},penColor:{type:String,default:"#000"},lineWidth:{type:Number,default:3},backgroundColor:{type:String,default:""},clearButtonText:{type:String,default:"清空"},submitLabel:{type:String,default:"确认"}},emits:["onStart","onEnd","onSigning","onSubmit","onClear"],setup(C,{expose:H,emit:N}){const i=C,h=N,R=i.id,c=r.useTemplateRef("refElCanvas");let f=null,l=!1,s=0,v=0,_=null,S=!1,u=null,m=0,p=0;const x=r.computed(()=>i.type==="png"||i.type==="jpeg"?i.type:"png"),L=r.computed(()=>{const t={"panel-signature":!0};return w.getJsonMerge(t,O.getClassNameJson(i.className))}),B=r.computed(()=>{const t={};return i.backgroundColor&&(t["--signature-bg"]=i.backgroundColor),t}),b=()=>{const t=c.value;if(!t||!t.clientWidth||!t.clientHeight)return;const e=window.devicePixelRatio||1;t.width=Math.round(t.clientWidth*e),t.height=Math.round(t.clientHeight*e);const n=t.getContext("2d");n&&(n.scale(e,e),n.lineCap="round",n.lineJoin="round",f=n)},P=()=>{const t=c.value;if(!t||!t.clientWidth||!t.clientHeight)return;const e=++m;p++;let n="";if(s>0)try{const o=t.getContext("2d");!!o&&o.getImageData(0,0,t.width,t.height).data.some(g=>g!==0)?n=t.toDataURL():s=0}catch(o){s=0,d.warn("ClSignature","警告：画布导出失败",o)}if(b(),n){const o=new Image;o.onload=()=>{e===m&&(l||f?.drawImage(o,0,0,t.clientWidth,t.clientHeight))},o.onerror=()=>{e===m&&(l||(s=0),d.warn("ClSignature","警告：画布内容恢复失败"))},o.src=n}},y=(t,e)=>{const n=c.value?.getBoundingClientRect();return{x:t-(n?.left??0),y:e-(n?.top??0)}},T=t=>{const e=f;if(!e||!u)return;const n=(u.x+t.x)/2,o=(u.y+t.y)/2;e.beginPath(),e.moveTo(u.x,u.y),e.quadraticCurveTo(u.x,u.y,n,o),e.lineTo(t.x,t.y),e.stroke(),u=t},k=(t,e)=>{const n=f;if(!n)return;n.strokeStyle=i.penColor;const o=w.isFinite(i.lineWidth)?i.lineWidth:3,a=Math.max(o,1);n.lineWidth=a;const g=y(t,e);u=g,n.beginPath(),n.arc(g.x,g.y,a/2,0,Math.PI*2),n.fillStyle=i.penColor,n.fill(),s+=1,h("onStart")},E=()=>{l&&(l=!1,u=null,h("onEnd"))},M=()=>{const t=c.value;if(!t)return"";try{const a=t.getContext("2d");if(!(!!a&&a.getImageData(0,0,t.width,t.height).data.some(F=>F!==0)))return""}catch(a){return d.warn("ClSignature","警告：检测画布内容失败，按空签名处理",a),""}let e=i.backgroundColor;x.value==="jpeg"&&!e&&(e="var(--cl-bg, #ffffff)");const n=t,o=e?document.createElement("canvas"):n;if(e){o.width=n.width,o.height=n.height;const a=o.getContext("2d");if(a)a.fillStyle=e,a.fillRect(0,0,o.width,o.height),a.drawImage(n,0,0);else return d.warn("ClSignature","警告：导出画布上下文创建失败，无法导出"),""}try{return o.toDataURL(`image/${x.value}`)}catch(a){return d.warn("ClSignature","警告：导出签名图片失败",a),""}},D=()=>{const t=f,e=c.value;!t||!e||(m++,p++,t.clearRect(0,0,e.width,e.height),s=0,l=!1,u=null,h("onClear"))},W=()=>{h("onSubmit",{image:s>0?M():"",canvas:c.value??void 0})};r.onMounted(()=>{r.nextTick(()=>{S||!c.value||(b(),_=new $.Resize({element:c.value,callback:()=>{P()}}))})}),r.onUnmounted(()=>{S=!0,_?.destroy(),_=null}),r.watch(()=>i.type,t=>{t!=="png"&&t!=="jpeg"&&d.warn("ClSignature","警告：type 仅支持 png 或 jpeg，已回退为 png")},{immediate:!0});const q=t=>{if(v=Date.now(),l)return;const e=t.touches[0];e&&(l=!0,k(e.clientX,e.clientY))},z=t=>{if(!l)return;const e=t.touches[0];e&&(v=Date.now(),T(y(e.clientX,e.clientY)),h("onSigning",t))},U=()=>{E()},X=t=>{Date.now()-v<K||l||(l=!0,k(t.clientX,t.clientY))},Y=t=>{l&&(T(y(t.clientX,t.clientY)),h("onSigning",t))},I=()=>{E()},j=()=>{D()},J=()=>{W()},V=()=>s>0?M():"";return H({getValue:V,getValueData:()=>({value:V(),canvas:c.value??void 0}),setValue:t=>{if(!w.isNonEmptyString(t)||!c.value)return;const e=++p;m++;const n=c.value;if(!n.clientWidth||!n.clientHeight){s=0,d.warn("ClSignature","警告：签名回显失败，画布当前无尺寸");return}const o=new Image;o.onload=()=>{if(e!==p)return;const a=c.value,g=f;if(!a||!g||!a.clientWidth||!a.clientHeight){s=0;return}g.clearRect(0,0,a.width,a.height),g.drawImage(o,0,0,a.clientWidth,a.clientHeight),s=1},o.onerror=()=>{e===p&&(s=0,d.warn("ClSignature","警告：签名图片回显失败（图片加载出错）"))},o.src=t},clear:()=>{D()},submit:()=>{W()}}),(t,e)=>(r.openBlock(),r.createElementBlock("div",{id:r.unref(R),class:r.normalizeClass(L.value)},[r.createElementVNode("div",{class:"panel-signature__content",style:r.normalizeStyle(B.value)},[r.createElementVNode("canvas",{ref_key:"refElCanvas",ref:c,class:"panel-signature__canvas",role:"img","aria-label":"手写签名区",onTouchstart:q,onTouchmove:r.withModifiers(z,["prevent"]),onTouchend:U,onMousedown:X,onMousemove:Y,onMouseup:I,onMouseleave:I},null,544)],4),r.createElementVNode("div",G,[r.createElementVNode("button",{type:"button",class:"panel-signature__btn",onClick:j},r.toDisplayString(C.clearButtonText),1),r.createElementVNode("button",{type:"button",class:"panel-signature__btn panel-signature__btn--confirm",onClick:J},r.toDisplayString(C.submitLabel),1)])],10,A))}});module.exports=Q;

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;