@cldemo/ui-kit 1.0.17 → 1.1.1

package/buildLibs/utils/Mobile/{ClShareSheet.js → ClSharePanel.js}

@@ -1,25 +1,25 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
-import '../../styles/Mobile/ClShareSheet.css';
-import { defineComponent as N, ref as T, computed as c, watch as C, openBlock as t, createBlock as L, unref as b, withCtx as A, createElementVNode as p, normalizeClass as E, createElementBlock as o, toDisplayString as d, Fragment as r, renderList as $, createVNode as z } from "vue";
-import { C as l } from "../Shared/base-C5l51ld_.js";
-import { C as I } from "../Shared/index-wdK75uN2.js";
-import { _ as D } from "../Shared/Index.vue_vue_type_script_setup_true_lang-CUGhrsCV.js";
-import { _ as J } from "../Shared/Index.vue_vue_type_script_setup_true_lang-CVBKgYfQ.js";
-const R = {
+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-D3h6Q_pB.js";
+import { _ as J } from "../Shared/Index.vue_vue_type_script_setup_true_lang-afRTRRcb.js";
+const P = {
   key: 0,
-  class: "sharesheet-title"
-}, V = {
+  class: "sharepanel-title"
+}, R = {
   key: 2,
-  class: "sharesheet-description"
-}, j = { class: "sharesheet-options" }, F = ["onClick"], M = {
+  class: "sharepanel-description"
+}, V = { class: "sharepanel-options" }, j = ["onClick"], F = {
   key: 0,
-  class: "sharesheet-option-icon"
-}, P = { class: "sharesheet-option-name" }, U = {
+  class: "sharepanel-option-icon"
+}, M = { class: "sharepanel-option-name" }, U = {
   key: 2,
-  class: "sharesheet-option-desc"
+  class: "sharepanel-option-desc"
 }, X = /* @__PURE__ */ N({
-  name: "ClShareSheet",
+  name: "ClSharePanel",
   __name: "Index",
   props: {
     id: String,
@@ -33,7 +33,7 @@ const R = {
     description: String,
     // desc: 标题下方的描述文字
     optionsList: Array,
-    // desc: 分享选项列表（ShareSheetOptionItem[]，元素需含 name）
+    // desc: 分享选项列表（SharePanelOptionItem[]，元素需含 name）
     cancelText: String,
     // desc: 底部取消按钮文字（不传则不显示）
     isOverlay: {
@@ -70,40 +70,40 @@ const R = {
     }
   },
   emits: ["update:show", "onSelect", "onCancel", "onClickOverlay"],
-  setup(a, { emit: f }) {
-    const e = a, u = f, S = `sharesheet-${l.getRandom(5)}`, g = e.id, i = T(e.show), h = c(() => l.isNonEmptyString(e.title) ? e.title : ""), y = c(
-      () => l.isNonEmptyString(e.description) ? e.description : ""
-    ), k = c(
-      () => l.isNonEmptyString(e.cancelText) ? e.cancelText : ""
+  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(
+      () => i.isNonEmptyString(e.description) ? e.description : ""
+    ), v = c(
+      () => i.isNonEmptyString(e.cancelText) ? e.cancelText : ""
     ), O = c(
       () => Array.isArray(e.optionsList) ? e.optionsList.filter(
-        (s) => l.isObject(s) && l.isNonEmptyString(s.name)
+        (n) => i.isObject(n) && i.isNonEmptyString(n.name)
       ) : []
     ), B = c(() => {
-      const s = {
-        "panel-share-sheet": !0
+      const n = {
+        "panel-share-panel": !0
       };
-      return l.getJsonMerge(s, I.getClassNameJson(e.className));
+      return i.getJsonMerge(n, I.getClassNameJson(e.className));
     });
-    C(i, (s) => {
-      s !== e.show && u("update:show", s);
-    }), C(
+    f(l, (n) => {
+      n !== e.show && p("update:show", n);
+    }), f(
       () => e.show,
-      (s) => {
-        i.value = s;
+      (n) => {
+        l.value = n;
       }
     );
-    const w = (s, m) => {
-      i.value && u("onSelect", s, m);
+    const w = (n, u) => {
+      l.value && p("onSelect", n, u);
     }, x = () => {
-      i.value && (u("onCancel"), i.value = !1);
+      l.value && (p("onCancel"), l.value = !1);
     }, _ = () => {
-      u("onClickOverlay");
+      p("onClickOverlay");
     };
-    return (s, m) => (t(), L(D, {
+    return (n, u) => (t(), L(D, {
       id: b(g),
-      show: i.value,
-      "onUpdate:show": m[0] || (m[0] = (n) => i.value = n),
+      show: l.value,
+      "onUpdate:show": u[0] || (u[0] = (s) => l.value = s),
       position: "bottom",
       isOverlay: a.isOverlay,
       isRound: !0,
@@ -116,33 +116,33 @@ const R = {
       onOnClickOverlay: _
     }, {
       default: A(() => [
-        p("div", {
+        m("div", {
           class: E(B.value)
         }, [
-          h.value ? (t(), o("div", R, d(h.value), 1)) : (t(), o(r, { key: 1 }, [], 64)),
-          y.value ? (t(), o("div", V, d(y.value), 1)) : (t(), o(r, { key: 3 }, [], 64)),
-          p("div", j, [
-            (t(!0), o(r, null, $(O.value, (n, v) => (t(), o("button", {
-              key: `${S}-${n.id}-${v}`,
+          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}`,
               type: "button",
-              class: "sharesheet-option",
-              onClick: (q) => w(n, v)
+              class: "sharepanel-option",
+              onClick: (q) => w(s, C)
             }, [
-              n.icon ? (t(), o("span", M, [
+              s.icon ? (t(), o("span", F, [
                 z(J, {
-                  name: n.icon
+                  name: s.icon
                 }, null, 8, ["name"])
               ])) : (t(), o(r, { key: 1 }, [], 64)),
-              p("span", P, d(n.name), 1),
-              n.description ? (t(), o("span", U, d(n.description), 1)) : (t(), o(r, { key: 3 }, [], 64))
-            ], 8, F))), 128))
+              m("span", M, d(s.name), 1),
+              s.description ? (t(), o("span", U, d(s.description), 1)) : (t(), o(r, { key: 3 }, [], 64))
+            ], 8, j))), 128))
           ]),
-          k.value ? (t(), o("button", {
+          v.value ? (t(), o("button", {
             key: 4,
             type: "button",
-            class: "sharesheet-cancel",
+            class: "sharepanel-cancel",
             onClick: x
-          }, d(k.value), 1)) : (t(), o(r, { key: 5 }, [], 64))
+          }, d(v.value), 1)) : (t(), o(r, { key: 5 }, [], 64))
         ], 2)
       ]),
       _: 1

package/buildLibs/utils/Mobile/ClSidebar.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),i=require("../Shared/base-DmcbRUB5.js"),C=require("../Shared/index-CXRfOfiT.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("../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;

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-C5l51ld_.js";
-import { C as S } from "../Shared/index-wdK75uN2.js";
+import { C as s } from "../Shared/base-fr2I80sU.js";
+import { C as S } from "../Shared/index-B477PjJ3.js";
 const A = ["id"], B = ["onClick"], E = { class: "sidebar-item-text" }, $ = {
   key: 0,
   class: "sidebar-item-badge"

package/buildLibs/utils/Mobile/ClSidebarSelect.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),n=require("../Shared/base-DmcbRUB5.js"),y=require("../Shared/index-CXRfOfiT.js"),h=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DXQ2H_E6.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("../Shared/base-DbuX_Y3x.js"),y=require("../Shared/index-rFJmbgyH.js"),h=require("../Shared/Index.vue_vue_type_script_setup_true_lang-B4dpfPSy.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;

package/buildLibs/utils/Mobile/ClSidebarSelect.css

@@ -1 +1 @@
-.panel-sidebar-select{display:flex;height:100%;background:var(--cl-bg, #ffffff)}.sidebarselect-left{width:90px;background:var(--cl-bg-subtle, #fafafa);overflow-y:auto}.sidebarselect-group{display:flex;align-items:center;justify-content:center;padding:16px 8px;font-size:13px;color:var(--cl-text-secondary, #666666);cursor:pointer;box-sizing:border-box}.sidebarselect-group--active{background:var(--cl-bg, #ffffff);color:var(--cl-text-primary, #323233);font-weight:600}.sidebarselect-right{flex:1;padding:8px 0;overflow-y:auto}.sidebarselect-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:14px;color:var(--cl-text-primary, #323233);cursor:pointer}.sidebarselect-option:active{background:var(--cl-bg-subtle, #fafafa)}.sidebarselect-option--active{color:var(--cl-primary, #1088f0)}.sidebarselect-option-check{color:var(--cl-primary, #1088f0);font-size:16px}
+.panel-sidebar-select{display:flex;height:100%;background:var(--cl-bg, #ffffff)}.sidebarselect-left{width:90px;background:var(--cl-bg-subtle, #fafafa);overflow-y:auto}.sidebarselect-group{display:flex;align-items:center;justify-content:center;padding:16px 8px;font-size:13px;color:var(--cl-text-secondary, #666666);cursor:pointer;box-sizing:border-box}.sidebarselect-group--active{background:var(--cl-bg, #ffffff);color:var(--cl-text-primary, #323233);font-weight:600}.sidebarselect-right{flex:1;padding:8px 0;overflow-y:auto}.sidebarselect-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:14px;color:var(--cl-text-primary, #323233);cursor:pointer}.sidebarselect-option:active{background:var(--cl-bg-subtle, #fafafa)}.sidebarselect-option--active{color:var(--cl-primary, #1088f0)}.sidebarselect-option-check{display:flex;align-items:center;color:var(--cl-primary, #1088f0);font-size:16px;line-height:1}

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-C5l51ld_.js";
-import { C as O } from "../Shared/index-wdK75uN2.js";
-import { _ as B } from "../Shared/Index.vue_vue_type_script_setup_true_lang-CVBKgYfQ.js";
+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-afRTRRcb.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"

package/buildLibs/utils/Mobile/ClSignature.cjs

@@ -1 +1 @@
-"use strict";const a=require("vue"),d=require("../Shared/log-C2ZbqiAV.js"),w=require("../Shared/base-DmcbRUB5.js"),O=require("../Shared/index-CXRfOfiT.js"),$=require("../Shared/resize-BqfiqIio.js"),A=["id"],G={class:"panel-signature__footer"},K=500,Q=a.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:"清空"},confirmButtonText:{type:String,default:"确认"}},emits:["onStart","onEnd","onSigning","onSubmit","onClear"],setup(C,{expose:I,emit:V}){const i=C,h=V,H=i.id,c=a.useTemplateRef("refElCanvas");let f=null,s=!1,l=0,v=0,_=null,x=!1,u=null,m=0,p=0;const S=a.computed(()=>i.type==="png"||i.type==="jpeg"?i.type:"png"),N=a.computed(()=>{const t={"panel-signature":!0};return w.CommonBase.getJsonMerge(t,O.CommonElement.getClassNameJson(i.className))}),R=a.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)},z=()=>{const t=c.value;if(!t||!t.clientWidth||!t.clientHeight)return;const e=++m;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===m&&(s||f?.drawImage(o,0,0,t.clientWidth,t.clientHeight))},o.onerror=()=>{e===m&&(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=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.CommonBase.isFinite(i.lineWidth)?i.lineWidth:3,r=Math.max(o,1);n.lineWidth=r;const g=y(t,e);u=g,n.beginPath(),n.arc(g.x,g.y,r/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 r=t.getContext("2d");if(!(!!r&&r.getImageData(0,0,t.width,t.height).data.some(F=>F!==0)))return""}catch(r){return d.clLog.warn("ClSignature","警告：检测画布内容失败，按空签名处理",r),""}let e=i.backgroundColor;S.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 r=o.getContext("2d");if(r)r.fillStyle=e,r.fillRect(0,0,o.width,o.height),r.drawImage(n,0,0);else return d.clLog.warn("ClSignature","警告：导出画布上下文创建失败，无法导出"),""}try{return o.toDataURL(`image/${S.value}`)}catch(r){return d.clLog.warn("ClSignature","警告：导出签名图片失败",r),""}},D=()=>{const t=f,e=c.value;!t||!e||(m++,p++,t.clearRect(0,0,e.width,e.height),l=0,s=!1,u=null,h("onClear"))},L=()=>{h("onSubmit",{image:l>0?M():"",canvas:c.value??void 0})};a.onMounted(()=>{a.nextTick(()=>{x||!c.value||(b(),_=new $.Resize({element:c.value,callback:()=>{z()}}))})}),a.onUnmounted(()=>{x=!0,_?.destroy(),_=null}),a.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=()=>{D()},J=()=>{L()},B=()=>l>0?M():"";return I({getValue:B,getValueData:()=>({value:B(),canvas:c.value??void 0}),setValue:t=>{if(!w.CommonBase.isNonEmptyString(t)||!c.value)return;const e=++p;m++;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 r=c.value,g=f;if(!r||!g||!r.clientWidth||!r.clientHeight){l=0;return}g.clearRect(0,0,r.width,r.height),g.drawImage(o,0,0,r.clientWidth,r.clientHeight),l=1},o.onerror=()=>{e===p&&(l=0,d.clLog.warn("ClSignature","警告：签名图片回显失败（图片加载出错）"))},o.src=t},clear:()=>{D()},submit:()=>{L()}}),(t,e)=>(a.openBlock(),a.createElementBlock("div",{id:a.unref(H),class:a.normalizeClass(N.value)},[a.createElementVNode("div",{class:"panel-signature__content",style:a.normalizeStyle(R.value)},[a.createElementVNode("canvas",{ref_key:"refElCanvas",ref:c,class:"panel-signature__canvas",role:"img","aria-label":"手写签名区",onTouchstart:P,onTouchmove:a.withModifiers(q,["prevent"]),onTouchend:U,onMousedown:X,onMousemove:Y,onMouseup:W,onMouseleave:W},null,544)],4),a.createElementVNode("div",G,[a.createElementVNode("button",{type:"button",class:"panel-signature__btn",onClick:j},a.toDisplayString(C.clearButtonText),1),a.createElementVNode("button",{type:"button",class:"panel-signature__btn panel-signature__btn--confirm",onClick:J},a.toDisplayString(C.confirmButtonText),1)])],10,A))}});module.exports=Q;
+"use strict";const r=require("vue"),d=require("../Shared/log-C2ZbqiAV.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;

package/buildLibs/utils/Mobile/ClSignature.js

@@ -1,11 +1,11 @@
 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 B } from "vue";
+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-BbLqiWNM.js";
-import { C as x } from "../Shared/base-C5l51ld_.js";
-import { C as st } from "../Shared/index-wdK75uN2.js";
-import { R as ct } from "../Shared/resize-5FVpVwWr.js";
-const lt = ["id"], ut = { class: "panel-signature__footer" }, gt = 500, yt = /* @__PURE__ */ A({
+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";
+const ct = ["id"], ut = { class: "panel-signature__footer" }, gt = 500, yt = /* @__PURE__ */ A({
   name: "ClSignature",
   __name: "Index",
   props: {
@@ -38,21 +38,21 @@ const lt = ["id"], ut = { class: "panel-signature__footer" }, gt = 500, yt = /*
       default: "清空"
       // desc: 清除按钮文案
     },
-    confirmButtonText: {
+    submitLabel: {
       type: String,
       default: "确认"
       // desc: 确认按钮文案
     }
   },
   emits: ["onStart", "onEnd", "onSigning", "onSubmit", "onClear"],
-  setup(C, { expose: P, emit: V }) {
-    const r = C, d = V, z = r.id, i = G("refElCanvas");
-    let f = null, c = !1, s = 0, v = 0, _ = null, S = !1, l = null, h = 0, m = 0;
-    const b = y(() => r.type === "png" || r.type === "jpeg" ? r.type : "png"), L = y(() => {
+  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;
+    const b = y(() => r.type === "png" || r.type === "jpeg" ? r.type : "png"), z = y(() => {
       const t = {
         "panel-signature": !0
       };
-      return x.getJsonMerge(t, st.getClassNameJson(r.className));
+      return S.getJsonMerge(t, st.getClassNameJson(r.className));
     }), N = y(() => {
       const t = {};
       return r.backgroundColor && (t["--signature-bg"] = r.backgroundColor), t;
@@ -79,9 +79,9 @@ const lt = ["id"], ut = { class: "panel-signature__footer" }, gt = 500, yt = /*
       if (T(), n) {
         const o = new Image();
         o.onload = () => {
-          e === h && (c || f?.drawImage(o, 0, 0, t.clientWidth, t.clientHeight));
+          e === h && (l || f?.drawImage(o, 0, 0, t.clientWidth, t.clientHeight));
         }, o.onerror = () => {
-          e === h && (c || (s = 0), g.warn("ClSignature", "警告：画布内容恢复失败"));
+          e === h && (l || (s = 0), g.warn("ClSignature", "警告：画布内容恢复失败"));
         }, o.src = n;
       }
     }, w = (t, e) => {
@@ -92,19 +92,19 @@ const lt = ["id"], ut = { class: "panel-signature__footer" }, gt = 500, yt = /*
       };
     }, k = (t) => {
       const e = f;
-      if (!e || !l) return;
-      const n = (l.x + t.x) / 2, o = (l.y + t.y) / 2;
-      e.beginPath(), e.moveTo(l.x, l.y), e.quadraticCurveTo(l.x, l.y, n, o), e.lineTo(t.x, t.y), e.stroke(), l = t;
+      if (!e || !c) return;
+      const n = (c.x + t.x) / 2, o = (c.y + t.y) / 2;
+      e.beginPath(), e.moveTo(c.x, c.y), e.quadraticCurveTo(c.x, c.y, n, o), e.lineTo(t.x, t.y), e.stroke(), c = t;
     }, M = (t, e) => {
       const n = f;
       if (!n) return;
       n.strokeStyle = r.penColor;
-      const o = x.isFinite(r.lineWidth) ? r.lineWidth : 3, a = Math.max(o, 1);
+      const o = S.isFinite(r.lineWidth) ? r.lineWidth : 3, a = Math.max(o, 1);
       n.lineWidth = a;
       const u = w(t, e);
-      l = 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(), s += 1, d("onStart");
     }, D = () => {
-      c && (c = !1, l = null, d("onEnd"));
+      l && (l = !1, c = null, d("onEnd"));
     }, E = () => {
       const t = i.value;
       if (!t) return "";
@@ -132,7 +132,7 @@ const lt = ["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, c = !1, l = null, d("onClear"));
+      !t || !e || (h++, m++, t.clearRect(0, 0, e.width, e.height), s = 0, l = !1, c = null, d("onClear"));
     }, I = () => {
       d("onSubmit", {
         image: s > 0 ? E() : "",
@@ -141,7 +141,7 @@ const lt = ["id"], ut = { class: "panel-signature__footer" }, gt = 500, yt = /*
     };
     K(() => {
       Q(() => {
-        S || !i.value || (T(), _ = new ct({
+        x || !i.value || (T(), _ = new lt({
           element: i.value,
           callback: () => {
             U();
@@ -149,7 +149,7 @@ const lt = ["id"], ut = { class: "panel-signature__footer" }, gt = 500, yt = /*
         }));
       });
     }), Z(() => {
-      S = !0, _?.destroy(), _ = null;
+      x = !0, _?.destroy(), _ = null;
     }), tt(
       () => r.type,
       (t) => {
@@ -158,19 +158,19 @@ const lt = ["id"], ut = { class: "panel-signature__footer" }, gt = 500, yt = /*
       { immediate: !0 }
     );
     const X = (t) => {
-      if (v = Date.now(), c) return;
+      if (v = Date.now(), l) return;
       const e = t.touches[0];
-      e && (c = !0, M(e.clientX, e.clientY));
+      e && (l = !0, M(e.clientX, e.clientY));
     }, Y = (t) => {
-      if (!c) return;
+      if (!l) 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 || c || (c = !0, M(t.clientX, t.clientY));
+      Date.now() - v < gt || l || (l = !0, M(t.clientX, t.clientY));
     }, F = (t) => {
-      c && (k(w(t.clientX, t.clientY)), d("onSigning", t));
+      l && (k(w(t.clientX, t.clientY)), d("onSigning", t));
     }, R = () => {
       D();
     }, q = () => {
@@ -178,11 +178,11 @@ const lt = ["id"], ut = { class: "panel-signature__footer" }, gt = 500, yt = /*
     }, O = () => {
       I();
     }, H = () => s > 0 ? E() : "";
-    return P({
+    return B({
       getValue: H,
       getValueData: () => ({ value: H(), canvas: i.value ?? void 0 }),
       setValue: (t) => {
-        if (!x.isNonEmptyString(t) || !i.value) return;
+        if (!S.isNonEmptyString(t) || !i.value) return;
         const e = ++m;
         h++;
         const n = i.value;
@@ -210,8 +210,8 @@ const lt = ["id"], ut = { class: "panel-signature__footer" }, gt = 500, yt = /*
         I();
       }
     }), (t, e) => (et(), nt("div", {
-      id: at(z),
-      class: ot(L.value)
+      id: at(V),
+      class: ot(z.value)
     }, [
       p("div", {
         class: "panel-signature__content",
@@ -237,14 +237,14 @@ const lt = ["id"], ut = { class: "panel-signature__footer" }, gt = 500, yt = /*
           type: "button",
           class: "panel-signature__btn",
           onClick: q
-        }, B(C.clearButtonText), 1),
+        }, L(C.clearButtonText), 1),
         p("button", {
           type: "button",
           class: "panel-signature__btn panel-signature__btn--confirm",
           onClick: O
-        }, B(C.confirmButtonText), 1)
+        }, L(C.submitLabel), 1)
       ])
-    ], 10, lt));
+    ], 10, ct));
   }
 });
 export {

package/buildLibs/utils/Mobile/ClSteps.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("../Shared/base-DmcbRUB5.js"),g=require("../Shared/index-CXRfOfiT.js"),C=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DXQ2H_E6.js"),S=["id"],h=["onClick"],E={class:"steps-circle-wrap"},f={key:0,class:"steps-icon"},N={key:1,class:"steps-circle"},z={class:"steps-content"},A={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: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-${l.CommonBase.getRandom(5)}`,d=o.id,r=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 l.CommonBase.getJsonMerge(t,g.CommonElement.getClassNameJson(o.className))}),v=e.computed(()=>({"--steps-active-color":o.activeColor,"--steps-inactive-color":o.inactiveColor})),_=t=>({"steps-item":!0,"steps-item--active":t<=o.active,"steps-item--last":t===r.value.length-1}),k=t=>{const s=r.value[t];return!!s&&l.CommonBase.isNonEmptyString(s.icon)},y=t=>{const s=r.value[t];return s&&l.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(v.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(i,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`${m}-${c}`},[i?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(_(c)),onClick:q=>B(c)},[e.createElementVNode("div",E,[k(c)?(e.openBlock(),e.createElementBlock("span",f,[e.createVNode(C._sfc_main,{name:y(c)},null,8,["name"])])):(e.openBlock(),e.createElementBlock("span",N,e.toDisplayString(c+1),1))]),e.createElementVNode("div",z,[e.createElementVNode("div",A,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("../Shared/base-DbuX_Y3x.js"),g=require("../Shared/index-rFJmbgyH.js"),C=require("../Shared/Index.vue_vue_type_script_setup_true_lang-B4dpfPSy.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;

package/buildLibs/utils/Mobile/ClSteps.css

@@ -1 +1 @@
-.panel-steps{display:flex}.panel-steps--horizontal{flex-direction:row;justify-content:space-between}.panel-steps--vertical{flex-direction:column}.steps-item{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px}.steps-item:not(.steps-item--last):after{content:"";position:absolute;top:16px;left:50%;width:100%;height:2px;background:var(--steps-inactive-color)}.steps-item.steps-item--active:not(.steps-item--last):after{background:var(--steps-active-color)}.panel-steps--vertical .steps-item{flex-direction:row;align-items:flex-start;text-align:left}.panel-steps--vertical .steps-item:not(.steps-item--last):after{top:32px;left:15px;width:2px;height:calc(100% - 24px);background:var(--steps-inactive-color)}.panel-steps--vertical .steps-item.steps-item--active:not(.steps-item--last):after{background:var(--steps-active-color)}.steps-circle-wrap{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:6px;background:var(--steps-inactive-color);border-radius:50%;color:var(--cl-text-secondary, #666666);font-size:14px}.steps-item--active .steps-circle-wrap{background:var(--steps-active-color);color:var(--cl-bg, #ffffff)}.panel-steps--vertical .steps-circle-wrap{margin-bottom:0;margin-right:8px}.steps-icon{font-size:16px;line-height:1}.steps-circle{font-weight:500}.steps-content{min-width:0}.steps-title{font-size:14px;color:var(--cl-text-secondary, #666666);line-height:1.5}.steps-item--active .steps-title{color:var(--cl-text-primary, #323233);font-weight:500}.steps-desc{margin-top:2px;font-size:12px;color:var(--cl-text-disabled, #c8c9cc);line-height:1.5}.steps-item--active .steps-desc{color:var(--cl-text-secondary, #666666)}
+.panel-steps{display:flex}.panel-steps--horizontal{flex-direction:row;justify-content:space-between}.panel-steps--vertical{flex-direction:column}.steps-item{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px}.steps-line{position:absolute;top:16px;left:calc(50% + 16px);width:calc(100% - 32px);height:2px;margin-top:-1px;background:var(--steps-inactive-color)}.steps-item--active .steps-line{background:var(--steps-active-color)}.panel-steps--vertical .steps-item{flex-direction:row;align-items:flex-start;text-align:left}.panel-steps--vertical .steps-item:not(.steps-item--last){padding-bottom:16px}.panel-steps--vertical .steps-line{top:32px;left:24px;width:2px;height:calc(100% - 32px);margin-top:0;margin-left:-1px;transform:none}.steps-circle-wrap{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:6px;background:var(--steps-inactive-color);border-radius:50%;color:var(--cl-text-secondary, #666666);font-size:14px}.steps-item--active .steps-circle-wrap{background:var(--steps-active-color);color:var(--cl-bg, #ffffff)}.panel-steps--vertical .steps-circle-wrap{margin-bottom:0;margin-right:8px}.steps-icon{font-size:16px;line-height:1}.steps-circle{font-weight:500}.steps-content{min-width:0}.steps-title{font-size:14px;color:var(--cl-text-secondary, #666666);line-height:1.5}.steps-item--active .steps-title{color:var(--cl-text-primary, #323233);font-weight:500}.panel-steps--vertical .steps-title{min-height:32px;padding-top:calc((32px - 1lh)/2)}.steps-desc{margin-top:2px;font-size:12px;color:var(--cl-text-disabled, #c8c9cc);line-height:1.5}.steps-item--active .steps-desc{color:var(--cl-text-secondary, #666666)}

package/buildLibs/utils/Mobile/ClSteps.js

@@ -1,20 +1,23 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Mobile/ClSteps.css';
-import { defineComponent as A, computed as d, openBlock as s, createElementBlock as o, normalizeStyle as E, normalizeClass as u, unref as L, Fragment as l, renderList as $, createElementVNode as m, createVNode as b, toDisplayString as v } from "vue";
-import { C as p } from "../Shared/base-C5l51ld_.js";
-import { C as B } from "../Shared/index-wdK75uN2.js";
-import { _ as w } from "../Shared/Index.vue_vue_type_script_setup_true_lang-CVBKgYfQ.js";
+import { defineComponent as A, computed as d, openBlock as e, createElementBlock as s, normalizeStyle as E, normalizeClass as u, unref as L, Fragment as l, renderList as $, createElementVNode as m, createVNode as b, toDisplayString as v } from "vue";
+import { C as p } from "../Shared/base-fr2I80sU.js";
+import { C as B } from "../Shared/index-B477PjJ3.js";
+import { _ as w } from "../Shared/Index.vue_vue_type_script_setup_true_lang-afRTRRcb.js";
 const J = ["id"], V = ["onClick"], D = { class: "steps-circle-wrap" }, F = {
   key: 0,
   class: "steps-icon"
 }, M = {
   key: 1,
   class: "steps-circle"
-}, O = { class: "steps-content" }, P = { class: "steps-title" }, R = {
+}, O = {
+  key: 0,
+  class: "steps-line"
+}, P = { class: "steps-content" }, R = { class: "steps-title" }, T = {
   key: 0,
   class: "steps-desc"
-}, H = /* @__PURE__ */ A({
+}, Q = /* @__PURE__ */ A({
   name: "ClSteps",
   __name: "Index",
   props: {
@@ -31,13 +34,13 @@ const J = ["id"], V = ["onClick"], D = { class: "steps-circle-wrap" }, F = {
       type: Number,
       default: 0,
       // desc: 当前激活步骤索引（含该索引之前的步骤均视为已完成）
-      validator: (n) => Number.isInteger(n) && n >= 0
+      validator: (c) => Number.isInteger(c) && c >= 0
     },
     direction: {
       type: String,
       default: "horizontal",
       // desc: 步骤条方向 | enum: horizontal, vertical
-      validator: (n) => ["horizontal", "vertical"].indexOf(n) !== -1
+      validator: (c) => ["horizontal", "vertical"].indexOf(c) !== -1
     },
     activeColor: {
       type: String,
@@ -51,61 +54,62 @@ const J = ["id"], V = ["onClick"], D = { class: "steps-circle-wrap" }, F = {
     }
   },
   emits: ["onClickStep"],
-  setup(n, { emit: _ }) {
-    const e = n, y = _, f = `steps-${p.getRandom(5)}`, C = e.id, a = d(
-      () => Array.isArray(e.stepsList) ? e.stepsList : []
-    ), S = d(() => {
+  setup(c, { emit: _ }) {
+    const o = c, y = _, f = `steps-${p.getRandom(5)}`, h = o.id, r = d(
+      () => Array.isArray(o.stepsList) ? o.stepsList : []
+    ), k = d(() => {
       const t = {
         "panel-steps": !0,
-        "panel-steps--vertical": e.direction === "vertical",
-        "panel-steps--horizontal": e.direction === "horizontal"
+        "panel-steps--vertical": o.direction === "vertical",
+        "panel-steps--horizontal": o.direction === "horizontal"
       };
-      return p.getJsonMerge(t, B.getClassNameJson(e.className));
-    }), g = d(() => ({
-      "--steps-active-color": e.activeColor,
-      "--steps-inactive-color": e.inactiveColor
-    })), h = (t) => ({
+      return p.getJsonMerge(t, B.getClassNameJson(o.className));
+    }), C = d(() => ({
+      "--steps-active-color": o.activeColor,
+      "--steps-inactive-color": o.inactiveColor
+    })), S = (t) => ({
       "steps-item": !0,
-      "steps-item--active": t <= e.active,
-      "steps-item--last": t === a.value.length - 1
-    }), k = (t) => {
-      const i = a.value[t];
+      "steps-item--active": t <= o.active,
+      "steps-item--last": t === r.value.length - 1
+    }), g = (t) => {
+      const i = r.value[t];
       return !!i && p.isNonEmptyString(i.icon);
     }, N = (t) => {
-      const i = a.value[t];
+      const i = r.value[t];
       return i && p.isNonEmptyString(i.icon) ? i.icon : "";
     }, z = (t) => {
       y("onClickStep", t);
     };
-    return (t, i) => (s(), o("div", {
-      id: L(C),
-      class: u(S.value),
-      style: E(g.value)
+    return (t, i) => (e(), s("div", {
+      id: L(h),
+      class: u(k.value),
+      style: E(C.value)
     }, [
-      (s(!0), o(l, null, $(a.value, (r, c) => (s(), o(l, {
-        key: `${f}-${c}`
+      (e(!0), s(l, null, $(r.value, (a, n) => (e(), s(l, {
+        key: `${f}-${n}`
       }, [
-        r ? (s(), o("div", {
+        a ? (e(), s("div", {
           key: 0,
-          class: u(h(c)),
-          onClick: (T) => z(c)
+          class: u(S(n)),
+          onClick: (j) => z(n)
         }, [
           m("div", D, [
-            k(c) ? (s(), o("span", F, [
+            g(n) ? (e(), s("span", F, [
               b(w, {
-                name: N(c)
+                name: N(n)
               }, null, 8, ["name"])
-            ])) : (s(), o("span", M, v(c + 1), 1))
+            ])) : (e(), s("span", M, v(n + 1), 1))
           ]),
-          m("div", O, [
-            m("div", P, v(r.text), 1),
-            r.description ? (s(), o("div", R, v(r.description), 1)) : (s(), o(l, { key: 1 }, [], 64))
+          n !== r.value.length - 1 ? (e(), s("i", O)) : (e(), s(l, { key: 1 }, [], 64)),
+          m("div", P, [
+            m("div", R, v(a.text), 1),
+            a.description ? (e(), s("div", T, v(a.description), 1)) : (e(), s(l, { key: 1 }, [], 64))
           ])
-        ], 10, V)) : (s(), o(l, { key: 1 }, [], 64))
+        ], 10, V)) : (e(), s(l, { key: 1 }, [], 64))
       ], 64))), 128))
     ], 14, J));
   }
 });
 export {
-  H as default
+  Q as default
 };