@cldemo/ui-kit 1.1.2 → 1.1.4

package/buildLibs/utils/Mobile/ClPickerTime.js

@@ -2,10 +2,10 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/Load-base.css';
 import '../../styles/Mobile/ClPickerTime.css';
 import { defineComponent as ue, ref as q, useTemplateRef as re, computed as h, watch as H, openBlock as G, createBlock as J, withCtx as se, createVNode as le, mergeProps as K, unref as Q } from "vue";
-import { C as i } from "../Shared/base-fr2I80sU.js";
-import { C as W } from "../Shared/day-B3hhmAm_.js";
-import { _ as me } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DfJX3uyy.js";
-import { _ as X } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DK0hs8bb.js";
+import i from "@cldemo/ui-kit/common/base";
+import W from "@cldemo/ui-kit/common/day";
+import { _ as me } from "../Shared/Index.vue_vue_type_script_setup_true_lang-b5gVNBt4.js";
+import { _ as X } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DTDwWFD3.js";
 const ye = /* @__PURE__ */ ue({
   name: "ClPickerTime",
   __name: "Index",

package/buildLibs/utils/Mobile/ClPopup.cjs

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

package/buildLibs/utils/Mobile/ClPopup.js

@@ -1,6 +1,6 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Mobile/ClPopup.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DfJX3uyy.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-b5gVNBt4.js";
 export {
   f as default
 };

package/buildLibs/utils/Mobile/ClPullToRefresh.cjs

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

package/buildLibs/utils/Mobile/ClPullToRefresh.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/ClPullToRefresh.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-Ch6eF_cp.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-O_Nltaue.js";
 export {
   f as default
 };

package/buildLibs/utils/Mobile/ClRate.cjs

@@ -1 +1 @@
-"use strict";const n=require("vue"),z=require("../Shared/log-gqSePaMZ.js"),l=require("../Shared/base-DbuX_Y3x.js"),Z=require("../Shared/index-rFJmbgyH.js"),M=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DU1H_1lY.js"),ee=["id"],te=["onClick"],F=300,oe=200,k=100,ne=n.defineComponent({name:"ClRate",__name:"Index",props:{id:String,value:{type:Number,default:0},className:String,disabled:{type:Boolean,default:!1},count:{type:Number,default:5},size:{type:[Number,String],default:20},gutter:{type:[Number,String],default:4},color:{type:String,default:""},voidColor:{type:String,default:""},disabledColor:{type:String,default:""},readonly:{type:Boolean,default:!1},isAllowHalf:{type:Boolean,default:!1},isDragSelect:{type:Boolean,default:!0},isClearable:{type:Boolean,default:!1},dynamicIconsList:{type:Array,default:()=>[]},dynamicIconColor:{type:String,default:""}},emits:["update:value","update:modelValue","onChange"],setup(L,{expose:R,emit:P}){const o=L,p=P,A=`rate-${l.CommonBase.getRandom(5)}`,$=o.id,_=n.useTemplateRef("refElRate");let y=0,d=!1,v=!1,f=!1,S=0,g=!1,C=!1,b=null,w=0;const i=n.ref(-1),u=n.computed(()=>{const e=Math.max(Math.floor(l.CommonBase.isFinite(o.count)?o.count:1),1);return Math.min(e,k)}),r=n.computed(()=>Math.min(Math.max(l.CommonBase.isFinite(o.value)?o.value:0,0),u.value)),c=n.computed(()=>{const e=[];for(let t=0;t<u.value;t++)e.push(Math.min(Math.max(r.value-t,0),1));return e}),x=n.computed(()=>{let e={"panel-rate":!0};return o.disabled&&(e["panel-rate--disabled"]=!0),e=l.CommonBase.getJsonMerge(e,Z.CommonElement.getClassNameJson(o.className)),e}),H=n.computed(()=>{const e={};return o.color&&(e["--rate-color"]=o.color),o.voidColor&&(e["--rate-void-color"]=o.voidColor),o.disabledColor&&(e["--rate-disabled-color"]=o.disabledColor),e}),X=n.computed(()=>{const e={};return l.CommonBase.isNonEmptyString(o.size)?e["--rate-size"]=o.size:l.CommonBase.isFinite(o.size)&&o.size>0&&(e["--rate-size"]=`${o.size}px`),l.CommonBase.isNonEmptyString(o.gutter)?e["--rate-gutter"]=o.gutter:l.CommonBase.isFinite(o.gutter)&&o.gutter>0&&(e["--rate-gutter"]=`${o.gutter}px`),e}),h=e=>{const t=Date.now();e===b&&t-w<oe||(b=e,w=t,p("update:value",e),p("update:modelValue",e),p("onChange",e))},B=e=>Math.min(Math.max(e,0),u.value),q=e=>{const t=o.dynamicIconsList?.[e];return l.CommonBase.isNonEmptyString(t)?t:t&&l.CommonBase.isNonEmptyString(t.icon)?t.icon:"xing-fill"},U=e=>{const t=o.dynamicIconsList?.[e];return t&&!l.CommonBase.isNonEmptyString(t)&&l.CommonBase.isNonEmptyString(t.color)?t.color:l.CommonBase.isNonEmptyString(o.dynamicIconColor)?o.dynamicIconColor:o.color||""},J=e=>{const t=U(e);return t?{color:t}:{}},O=(e,t=!0)=>{if(o.disabled||o.readonly)return;let a=B(e);t&&o.isClearable&&a===r.value&&(a=0),a!==r.value&&h(a)},I=e=>{if(o.disabled||o.readonly||!_.value)return-1;const t=_.value.getBoundingClientRect(),a=e-t.left,s=t.width/u.value;if(!l.CommonBase.isFinite(s)||s<=0)return-1;let m=o.isAllowHalf?Math.round(a/s*2)/2:Math.ceil(a/s);return m=B(m),m!==r.value&&h(m),m},N=e=>{if(o.disabled||o.readonly||!o.isDragSelect)return-1;const t=e.touches[0];return t?I(t.clientX):-1};n.onBeforeUnmount(()=>{window.removeEventListener("mouseup",E)}),n.watch(()=>o.count,e=>{!l.CommonBase.isFinite(e)||e<1?z.clLog.warn("ClRate","警告：count 必须为不小于 1 的数字"):e>k&&z.clLog.warn("ClRate",`警告：count 超过上限 ${k}，实际按上限渲染`)},{immediate:!0});const T=e=>{i.value===e?(i.value=-1,n.nextTick(()=>{i.value=e})):i.value=e},V=e=>{const t=e+1,a=r.value;let s;o.isAllowHalf?o.isClearable&&a===t?s=0:a>=t?s=t-1:a===t-.5?s=t:s=t-.5:s=t,O(s)},K=e=>{if(f&&Date.now()-y<F){!g&&!o.disabled&&!o.readonly&&(T(e),C||V(e));return}v||o.disabled||o.readonly||(T(e),V(e))},j=()=>{f&&Date.now()-y<F||o.disabled||o.readonly||!o.isDragSelect||(d=!0,v=!1,window.addEventListener("mouseup",E))},G=e=>{d&&(v=!0,I(e.clientX))},E=()=>{d&&(d=!1,window.removeEventListener("mouseup",E))},Q=e=>{f=!1,g=!1,C=!1;const t=r.value,a=e.touches[0];a&&(S=a.clientX);const s=N(e);s>=0&&(f=!0,C=s!==t)},D=()=>{y=Date.now()},W=()=>{i.value=-1},Y=e=>{const t=e.touches[0];t&&Math.abs(t.clientX-S)>2&&(g=!0),N(e)>=0&&e.preventDefault()};return R({getValue:()=>r.value,setValue:e=>{let t=l.CommonBase.isFinite(e)?e:0;o.isAllowHalf?t=Math.round(t*2)/2:t=Math.floor(t),t=B(t),t!==r.value&&h(t)},getValueData:()=>({value:r.value})}),(e,t)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"refElRate",ref:_,id:n.unref($),class:n.normalizeClass(x.value),style:n.normalizeStyle(H.value),onMousedown:j,onMousemove:G,onTouchstart:Q,onTouchmove:Y,onTouchend:D,onTouchcancel:D},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(u.value,a=>(n.openBlock(),n.createElementBlock("div",{key:`${A}-${a}`,class:n.normalizeClass(["panel-rate__item",{"panel-rate__item--full":c.value[a-1]===1,"panel-rate__item--partial":c.value[a-1]>0&&c.value[a-1]<1,"panel-rate__item--pop-active":i.value===a-1}]),style:n.normalizeStyle(X.value),onClick:s=>K(a-1),onAnimationend:W},[i.value===a-1?(n.openBlock(),n.createBlock(M._sfc_main,{key:0,name:q(a-1),style:n.normalizeStyle(J(a-1)),class:"panel-rate__icon panel-rate__icon--pop"},null,8,["name","style"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[],64)),n.createVNode(M._sfc_main,{name:"xing-fill",class:"panel-rate__icon"}),c.value[a-1]>0&&c.value[a-1]<1?(n.openBlock(),n.createElementBlock("div",{key:2,class:"panel-rate__partial",style:n.normalizeStyle({width:`${c.value[a-1]*100}%`})},[n.createVNode(M._sfc_main,{name:"xing-fill",class:"panel-rate__icon"})],4)):(n.openBlock(),n.createElementBlock(n.Fragment,{key:3},[],64))],46,te))),128))],46,ee))}});module.exports=ne;
+"use strict";const n=require("vue"),z=require("@cldemo/ui-kit/common/log"),a=require("@cldemo/ui-kit/common/base"),Z=require("@cldemo/ui-kit/common/Element"),k=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),ee=["id"],te=["onClick"],F=300,oe=200,S=100,ne=n.defineComponent({name:"ClRate",__name:"Index",props:{id:String,value:{type:Number,default:0},className:String,disabled:{type:Boolean,default:!1},count:{type:Number,default:5},size:{type:[Number,String],default:20},gutter:{type:[Number,String],default:4},color:{type:String,default:""},voidColor:{type:String,default:""},disabledColor:{type:String,default:""},readonly:{type:Boolean,default:!1},isAllowHalf:{type:Boolean,default:!1},isDragSelect:{type:Boolean,default:!0},isClearable:{type:Boolean,default:!1},dynamicIconsList:{type:Array,default:()=>[]},dynamicIconColor:{type:String,default:""}},emits:["update:value","update:modelValue","onChange"],setup(R,{expose:L,emit:P}){const o=R,p=P,A=`rate-${a.getRandom(5)}`,$=o.id,_=n.useTemplateRef("refElRate");let y=0,m=!1,v=!1,f=!1,B=0,g=!1,h=!1,w=null,b=0;const i=n.ref(-1),c=n.computed(()=>{const e=Math.max(Math.floor(a.isFinite(o.count)?o.count:1),1);return Math.min(e,S)}),s=n.computed(()=>Math.min(Math.max(a.isFinite(o.value)?o.value:0,0),c.value)),u=n.computed(()=>{const e=[];for(let t=0;t<c.value;t++)e.push(Math.min(Math.max(s.value-t,0),1));return e}),H=n.computed(()=>{let e={"panel-rate":!0};return o.disabled&&(e["panel-rate--disabled"]=!0),e=a.getJsonMerge(e,Z.getClassNameJson(o.className)),e}),X=n.computed(()=>{const e={};return o.color&&(e["--rate-color"]=o.color),o.voidColor&&(e["--rate-void-color"]=o.voidColor),o.disabledColor&&(e["--rate-disabled-color"]=o.disabledColor),e}),q=n.computed(()=>{const e={};return a.isNonEmptyString(o.size)?e["--rate-size"]=o.size:a.isFinite(o.size)&&o.size>0&&(e["--rate-size"]=`${o.size}px`),a.isNonEmptyString(o.gutter)?e["--rate-gutter"]=o.gutter:a.isFinite(o.gutter)&&o.gutter>0&&(e["--rate-gutter"]=`${o.gutter}px`),e}),C=e=>{const t=Date.now();e===w&&t-b<oe||(w=e,b=t,p("update:value",e),p("update:modelValue",e),p("onChange",e))},E=e=>Math.min(Math.max(e,0),c.value),x=e=>{const t=o.dynamicIconsList?.[e];return a.isNonEmptyString(t)?t:t&&a.isNonEmptyString(t.icon)?t.icon:"xing-fill"},U=e=>{const t=o.dynamicIconsList?.[e];return t&&!a.isNonEmptyString(t)&&a.isNonEmptyString(t.color)?t.color:a.isNonEmptyString(o.dynamicIconColor)?o.dynamicIconColor:o.color||""},J=e=>{const t=U(e);return t?{color:t}:{}},O=(e,t=!0)=>{if(o.disabled||o.readonly)return;let l=E(e);t&&o.isClearable&&l===s.value&&(l=0),l!==s.value&&C(l)},I=e=>{if(o.disabled||o.readonly||!_.value)return-1;const t=_.value.getBoundingClientRect(),l=e-t.left,r=t.width/c.value;if(!a.isFinite(r)||r<=0)return-1;let d=o.isAllowHalf?Math.round(l/r*2)/2:Math.ceil(l/r);return d=E(d),d!==s.value&&C(d),d},N=e=>{if(o.disabled||o.readonly||!o.isDragSelect)return-1;const t=e.touches[0];return t?I(t.clientX):-1};n.onBeforeUnmount(()=>{window.removeEventListener("mouseup",M)}),n.watch(()=>o.count,e=>{!a.isFinite(e)||e<1?z.warn("ClRate","警告：count 必须为不小于 1 的数字"):e>S&&z.warn("ClRate",`警告：count 超过上限 ${S}，实际按上限渲染`)},{immediate:!0});const T=e=>{i.value===e?(i.value=-1,n.nextTick(()=>{i.value=e})):i.value=e},V=e=>{const t=e+1,l=s.value;let r;o.isAllowHalf?o.isClearable&&l===t?r=0:l>=t?r=t-1:l===t-.5?r=t:r=t-.5:r=t,O(r)},K=e=>{if(f&&Date.now()-y<F){!g&&!o.disabled&&!o.readonly&&(T(e),h||V(e));return}v||o.disabled||o.readonly||(T(e),V(e))},j=()=>{f&&Date.now()-y<F||o.disabled||o.readonly||!o.isDragSelect||(m=!0,v=!1,window.addEventListener("mouseup",M))},G=e=>{m&&(v=!0,I(e.clientX))},M=()=>{m&&(m=!1,window.removeEventListener("mouseup",M))},Q=e=>{f=!1,g=!1,h=!1;const t=s.value,l=e.touches[0];l&&(B=l.clientX);const r=N(e);r>=0&&(f=!0,h=r!==t)},D=()=>{y=Date.now()},W=()=>{i.value=-1},Y=e=>{const t=e.touches[0];t&&Math.abs(t.clientX-B)>2&&(g=!0),N(e)>=0&&e.preventDefault()};return L({getValue:()=>s.value,setValue:e=>{let t=a.isFinite(e)?e:0;o.isAllowHalf?t=Math.round(t*2)/2:t=Math.floor(t),t=E(t),t!==s.value&&C(t)},getValueData:()=>({value:s.value})}),(e,t)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"refElRate",ref:_,id:n.unref($),class:n.normalizeClass(H.value),style:n.normalizeStyle(X.value),onMousedown:j,onMousemove:G,onTouchstart:Q,onTouchmove:Y,onTouchend:D,onTouchcancel:D},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(c.value,l=>(n.openBlock(),n.createElementBlock("div",{key:`${A}-${l}`,class:n.normalizeClass(["panel-rate__item",{"panel-rate__item--full":u.value[l-1]===1,"panel-rate__item--partial":u.value[l-1]>0&&u.value[l-1]<1,"panel-rate__item--pop-active":i.value===l-1}]),style:n.normalizeStyle(q.value),onClick:r=>K(l-1),onAnimationend:W},[i.value===l-1?(n.openBlock(),n.createBlock(k._sfc_main,{key:0,name:x(l-1),style:n.normalizeStyle(J(l-1)),class:"panel-rate__icon panel-rate__icon--pop"},null,8,["name","style"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[],64)),n.createVNode(k._sfc_main,{name:"xing-fill",class:"panel-rate__icon"}),u.value[l-1]>0&&u.value[l-1]<1?(n.openBlock(),n.createElementBlock("div",{key:2,class:"panel-rate__partial",style:n.normalizeStyle({width:`${u.value[l-1]*100}%`})},[n.createVNode(k._sfc_main,{name:"xing-fill",class:"panel-rate__icon"})],4)):(n.openBlock(),n.createElementBlock(n.Fragment,{key:3},[],64))],46,te))),128))],46,ee))}});module.exports=ne;

package/buildLibs/utils/Mobile/ClRate.js

@@ -2,10 +2,10 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Mobile/ClRate.css';
 import { defineComponent as le, useTemplateRef as re, ref as se, computed as c, onBeforeUnmount as ie, watch as ue, openBlock as i, createElementBlock as d, normalizeStyle as y, normalizeClass as P, unref as ce, Fragment as I, renderList as de, createBlock as fe, createVNode as $, nextTick as me } from "vue";
-import { c as A } from "../Shared/log-CSNil8va.js";
-import { C as a } from "../Shared/base-fr2I80sU.js";
-import { C as pe } from "../Shared/index-B477PjJ3.js";
-import { _ as T } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BmRO42R2.js";
+import A from "@cldemo/ui-kit/common/log";
+import a from "@cldemo/ui-kit/common/base";
+import pe from "@cldemo/ui-kit/common/Element";
+import { _ as T } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
 const _e = ["id"], ye = ["onClick"], H = 300, ve = 200, N = 100, Ie = /* @__PURE__ */ le({
   name: "ClRate",
   __name: "Index",

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;