@cldemo/ui-kit 1.1.1 → 1.1.3

package/buildLibs/styles/Common/meta.json

@@ -105,6 +105,7 @@
       "Element/ClLoadWarp",
       "Element/ClModal",
       "Element/ClSwitchery",
+      "Element/__provide__/LoadScreen",
       "Mobile/ClActionSheet",
       "Mobile/ClCropperM",
       "Mobile/ClDropdownMenuMItem",
@@ -192,6 +193,7 @@
       "Element/ClLoadScreen",
       "Element/ClModal",
       "Element/ClOverlay",
+      "Element/__provide__/LoadScreen",
       "Mobile/ClNumberKeyboard",
       "Web/ClCropper",
       "Web/ClCropperPreview",

package/buildLibs/styles/Element/__provide__/LoadScreen.css

@@ -307,37 +307,6 @@
   transform: scale(0.75);
   transform-origin: center center;
 }
-/* Overlay 遮罩层样式 */
-.panel-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  transition: opacity var(--overlay-duration, 300ms) ease;
-}
-
-/* 容器内定位模式（teleportTarget: self / teleport 目标容器环境）：
-   改为 absolute 铺满相对定位的父容器，避免 fixed 相对浏览器视口错位 */
-.panel-overlay-self {
-  position: absolute;
-}
-
-/* 遮罩淡入淡出（类名带 panel- 前缀，避免与 Modal 的 overlay-fade 全局冲突） */
-.panel-overlay-fade-enter-active,
-.panel-overlay-fade-leave-active {
-  transition: opacity var(--overlay-duration, 300ms) ease;
-}
-
-.panel-overlay-fade-enter-from,
-.panel-overlay-fade-leave-to {
-  opacity: 0;
-}
-
-/* 锁定背景滚动：对目标容器（body 或 self/自定义挂载容器）加 overflow:hidden；body 场景与 Modal 共用该契约 */
-.modal-open {
-  overflow: hidden;
-}
 /* LoadScreen 加载遮罩样式（遮罩层由 Overlay 组件提供） */
 .loadScreen-container {
   position: absolute;

package/buildLibs/types/Common/globalConfig.d.ts

@@ -8,17 +8,30 @@ export type GlobalConfigValue = string | number | boolean | null | GlobalConfigV
 };
 /** 全局配置注册表（键为组件名，值为该组件的配置段） */
 export type GlobalConfigMap = Record<string, GlobalConfigValue>;
+/** 配置中的函数值（如 formValidate.rules 的校验规则表）：深合并对函数走直接赋值，可存可覆盖 */
+export type GlobalConfigFunction = (...args: never[]) => unknown;
+/**
+ * 写入侧允许的配置值：在「可 JSON 化值」基础上额外允许函数。
+ * 读取侧仍按 GlobalConfigValue + 调用方泛型收口（见 getGlobalConfig），
+ * 故放宽只影响写入校验，不污染各组件读取处的类型。
+ */
+export type GlobalConfigValueInput = GlobalConfigValue | GlobalConfigFunction | GlobalConfigValueInput[] | {
+    [key: string]: GlobalConfigValueInput;
+};
+/** 全局配置写入入参（键为组件名，值为该组件的配置段） */
+export type GlobalConfigMapInput = Record<string, GlobalConfigValueInput>;
 /**
  * 单个入口配置所有组件的全局默认，入参形如 { 组件名: 配置对象 }（如 { calendarM: { restDays: [...] } }）。
  *
  * 语义：
- *   - 对象值 → 与已有配置深合并（只覆盖传入的键）；
+ *   - 对象值 → 与已有配置深合并（只覆盖传入的键；嵌套同名键逐条覆盖）；
+ *   - 函数值 → 直接写入/覆盖（如 formValidate.rules 的校验规则表，故写入类型放宽为 GlobalConfigMapInput）；
  *   - `null` / `undefined` → 清除该分支（否则注册表只增不减，配置一次就无法回退）；
  *   - 标量值（boolean / number / string）→ 允许写入「当前为空或当前也是标量」的键，
  *     供 `setGlobalConfig({ debug: true })` 这类全局开关使用；
  *     若该键当前已是对象（例如某个组件的配置段），标量会被忽略，避免把配置段写坏。
  */
-export declare const setGlobalConfig: (config: GlobalConfigMap) => void;
+export declare const setGlobalConfig: (config: GlobalConfigMapInput) => void;
 /**
  * 读取某组件的全局配置段（reactive 属性读取会被追踪，可在 computed 中依赖，运行时再次 setGlobalConfig 会自动刷新）。
  *
@@ -26,3 +39,23 @@ export declare const setGlobalConfig: (config: GlobalConfigMap) => void;
  * 未指定时得到可 JSON 化的配置值类型（而非 any）。
  */
 export declare const getGlobalConfig: <T = GlobalConfigValue>(key: string) => T | undefined;
+/**
+ * 统一入口（default 命名空间风格，与 CommonBase / CommonTools 等子模块一致）：
+ *   import CommonGlobalConfig from '@cldemo/ui-kit/common/globalConfig'
+ *   CommonGlobalConfig.setGlobalConfig({
+ *     ellipsis: { isUseTooltipAuto: true },
+ *     formValidate: {
+ *       type: 'text',
+ *       rules: { qq: (value: string) => /^\d{5,10}$/.test(value) },
+ *       messages: { zh_cn: { qq: 'QQ号不正确' }, en: { qq: 'Incorrect QQ number' } },
+ *     },
+ *   })
+ *
+ * 说明：cl-form-validate 的配置（type / rules / messages）统一走本注册表的 formValidate 段，
+ * 与内置规则表、$ClGlobals 注入按「后者覆盖前者」合并，见 src/libs/Element/Form/Validate.vue。
+ */
+declare const _default: {
+    setGlobalConfig: (config: GlobalConfigMapInput) => void;
+    getGlobalConfig: <T = GlobalConfigValue>(key: string) => T | undefined;
+};
+export default _default;

package/buildLibs/types/Common/globalTypes.d.ts

@@ -11,6 +11,7 @@
  * 它被 Web/Element/Mobile/All 四端 installs 共同依赖，必须留在三端的公共上游（Common）；
  * 若移到 All 或任一端，会造成循环依赖或跨端反向依赖，故不随形态调整而搬家。
  */
+import type { GlobalConfigMapInput } from './globalConfig';
 /** Notify 工厂（与 src/libs/Web/Notify 导出的 ClNotifyFactory 对齐） */
 export interface ClNotifyFactory {
     info: (msg: string, optExt?: Record<string, unknown>) => void;
@@ -79,10 +80,19 @@ export interface ClGlobalOptions {
     notify?: Record<string, unknown>;
     alert?: Record<string, unknown>;
     languagePack?: Record<string, unknown>;
-    validate?: Record<string, unknown>;
+    validate?: FormValidateGlobalConfig;
     toast?: Record<string, unknown>;
     notifyM?: Record<string, unknown>;
     preview?: Record<string, unknown>;
-    globalsOption?: Record<string, unknown>;
+    globalsOption?: GlobalConfigMapInput;
     [key: string]: unknown;
 }
+/** cl-form-validate 的全局配置段，按需引入场景用 setGlobalConfig({ formValidate: { ... } }) 设置 */
+export interface FormValidateGlobalConfig {
+    /** 错误消息展示类型 | enum: tip, text */
+    type?: 'tip' | 'text';
+    /** 自定义校验规则表：与内置规则表合并，同名覆盖（函数表，经 setGlobalConfig 传入） */
+    rules?: Record<string, (value: string, param?: string) => boolean>;
+    /** 错误消息表：支持多语言子表（{ zh_cn: {...} }）或扁平表（{ qq: '...' }），二选一 */
+    messages?: Record<string, unknown>;
+}

package/buildLibs/types/Web/Preview/lazy.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Preview 惰性代理（provides 工厂）。
+ *
+ * 预览功能（含 video.js）体积大且仅操作时才用到，故不在启动时实例化：
+ * 首次调用 preview.show / image / video 才动态 `import('./index')` 并创建实例，
+ * 避免预览组件与 video.js 进入所有页面（含首屏）。注入表保留 preview 键，
+ * 使用方依旧 `inject('$ClGlobals').preview.xxx`，无需各自引用。
+ *
+ * 为什么单独一个文件：installCore 的 `provides.preview` 与细粒度入口
+ * `@cldemo/ui-kit/core/preview` 必须行为一致。此前细粒度入口指向 `./index`
+ * （立即 createApp + mount），导致"按需只引 preview"反而在启动时加载预览组件。
+ * 现在两者共用本实现；`usePreview`（README 所述"自身 mount"的 use 工厂）仍走 `./index`。
+ */
+export interface PreviewLazyInstance {
+    show: (opt: unknown) => Promise<unknown>;
+    image: (opt: unknown) => Promise<unknown>;
+    video: (opt: unknown) => Promise<unknown>;
+    destroy: () => Promise<unknown>;
+}
+declare const _default: (options?: Record<string, unknown>) => PreviewLazyInstance;
+export default _default;

package/buildLibs/utils/Element/ClBadge.cjs

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

package/buildLibs/utils/Element/ClBadge.d.ts

@@ -1 +1 @@
-export type { default } from '../../types/Element/Badge/Index.vue.d.ts';
+export { default } from '../../types/Element/Badge/Index.vue.d.ts';

package/buildLibs/utils/Element/ClBadge.js

@@ -1,6 +1,6 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Element/ClBadge.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BsE_zUs_.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-cOsTL39H.js";
 export {
   f as default
 };

package/buildLibs/utils/Element/ClBreadcrumb.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("../Shared/base-DbuX_Y3x.js"),b=require("../Shared/index-rFJmbgyH.js"),f=require("../Shared/language-Q4AGYtUe.js"),E=["id","aria-label"],h=["onClick"],v={key:1},x={class:"breadcrumb-item"},A=e.defineComponent({name:"ClBreadcrumb",__name:"Index",props:{id:String,className:String,list:{type:Array,default:()=>[]},title:{type:String,default:""}},emits:{onClickUrl:(s,l)=>!0},setup(s,{emit:l}){const{optA11yText:c}=f.useA11yLanguage(),t=s,i=l,m=`breadcrumb-${r.CommonBase.getRandom(5)}`,u=t.id,p=e.computed(()=>{const n={"panel-breadcrumb":!0};return r.CommonBase.getJsonMerge(n,b.CommonElement.getClassNameJson(t.className))}),d=e.computed(()=>!Array.isArray(t.list)||r.CommonBase.isEmpty(t.list)?[]:t.list.slice(0,-1).filter(Boolean)),_=e.computed(()=>{if(!Array.isArray(t.list)||r.CommonBase.isEmpty(t.list))return"";const n=t.list[t.list.length-1];return r.CommonBase.isEmpty(t.title)?n?.name??"":t.title}),k=n=>!r.CommonBase.isEmpty(n),y=(n,a)=>{i("onClickUrl",n,a)};return(n,a)=>{const B=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("ol",{id:e.unref(u),class:e.normalizeClass(p.value),"aria-label":e.unref(c).breadcrumb||"面包屑导航"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(o,C)=>(e.openBlock(),e.createElementBlock("li",{class:"breadcrumb-item",key:`${m}-${C}`},[k(o.href)?(e.openBlock(),e.createBlock(B,{key:0,to:o.href},{default:e.withCtx(()=>[e.createElementVNode("span",{onClick:g=>y(o,g)},e.toDisplayString(o.name??""),9,h)]),_:2},1032,["to"])):(e.openBlock(),e.createElementBlock("span",v,e.toDisplayString(o.name??""),1))]))),128)),e.createElementVNode("li",x,[e.createElementVNode("span",null,e.toDisplayString(_.value),1)])],10,E)}}});module.exports=A;
+"use strict";const e=require("vue"),r=require("@cldemo/ui-kit/common/base"),B=require("@cldemo/ui-kit/common/Element"),C=require("../Shared/language-BJ4aVgHI.js"),E=["id","aria-label"],h=["onClick"],v={key:1},A={class:"breadcrumb-item"},x=e.defineComponent({name:"ClBreadcrumb",__name:"Index",props:{id:String,className:String,list:{type:Array,default:()=>[]},title:{type:String,default:""}},emits:{onClickUrl:(l,s)=>!0},setup(l,{emit:s}){const{optA11yText:a}=C.useA11yLanguage(),t=l,i=s,u=`breadcrumb-${r.getRandom(5)}`,m=t.id,p=e.computed(()=>{const n={"panel-breadcrumb":!0};return r.getJsonMerge(n,B.getClassNameJson(t.className))}),d=e.computed(()=>!Array.isArray(t.list)||r.isEmpty(t.list)?[]:t.list.slice(0,-1).filter(Boolean)),_=e.computed(()=>{if(!Array.isArray(t.list)||r.isEmpty(t.list))return"";const n=t.list[t.list.length-1];return r.isEmpty(t.title)?n?.name??"":t.title}),k=n=>!r.isEmpty(n),y=(n,c)=>{i("onClickUrl",n,c)};return(n,c)=>{const g=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("ol",{id:e.unref(m),class:e.normalizeClass(p.value),"aria-label":e.unref(a).breadcrumb||"面包屑导航"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(o,b)=>(e.openBlock(),e.createElementBlock("li",{class:"breadcrumb-item",key:`${u}-${b}`},[k(o.href)?(e.openBlock(),e.createBlock(g,{key:0,to:o.href},{default:e.withCtx(()=>[e.createElementVNode("span",{onClick:f=>y(o,f)},e.toDisplayString(o.name??""),9,h)]),_:2},1032,["to"])):(e.openBlock(),e.createElementBlock("span",v,e.toDisplayString(o.name??""),1))]))),128)),e.createElementVNode("li",A,[e.createElementVNode("span",null,e.toDisplayString(_.value),1)])],10,E)}}});module.exports=x;

package/buildLibs/utils/Element/ClBreadcrumb.d.ts

@@ -1 +1 @@
-export type { default } from '../../types/Element/Breadcrumb/Index.vue.d.ts';
+export { default } from '../../types/Element/Breadcrumb/Index.vue.d.ts';

package/buildLibs/utils/Element/ClBreadcrumb.js

@@ -1,9 +1,9 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Element/ClBreadcrumb.css';
 import { defineComponent as x, computed as l, resolveComponent as B, openBlock as s, createElementBlock as o, unref as p, normalizeClass as N, Fragment as S, renderList as I, createBlock as L, withCtx as T, createElementVNode as a, toDisplayString as i } from "vue";
-import { C as r } from "../Shared/base-fr2I80sU.js";
-import { C as U } from "../Shared/index-B477PjJ3.js";
-import { u as $ } from "../Shared/language-pMmux6Js.js";
+import r from "@cldemo/ui-kit/common/base";
+import U from "@cldemo/ui-kit/common/Element";
+import { u as $ } from "../Shared/language-CZZEj4e3.js";
 const J = ["id", "aria-label"], w = ["onClick"], z = { key: 1 }, D = { class: "breadcrumb-item" }, R = /* @__PURE__ */ x({
   name: "ClBreadcrumb",
   __name: "Index",
@@ -33,7 +33,7 @@ const J = ["id", "aria-label"], w = ["onClick"], z = { key: 1 }, D = { class: "b
         "panel-breadcrumb": !0
       };
       return r.getJsonMerge(t, U.getClassNameJson(e.className));
-    }), C = l(() => !Array.isArray(e.list) || r.isEmpty(e.list) ? [] : e.list.slice(0, -1).filter(Boolean)), b = l(() => {
+    }), b = l(() => !Array.isArray(e.list) || r.isEmpty(e.list) ? [] : e.list.slice(0, -1).filter(Boolean)), C = l(() => {
       if (!Array.isArray(e.list) || r.isEmpty(e.list)) return "";
       const t = e.list[e.list.length - 1];
       return r.isEmpty(e.title) ? t?.name ?? "" : e.title;
@@ -47,7 +47,7 @@ const J = ["id", "aria-label"], w = ["onClick"], z = { key: 1 }, D = { class: "b
         class: N(k.value),
         "aria-label": p(d).breadcrumb || "面包屑导航"
       }, [
-        (s(!0), o(S, null, I(C.value, (n, E) => (s(), o("li", {
+        (s(!0), o(S, null, I(b.value, (n, E) => (s(), o("li", {
           class: "breadcrumb-item",
           key: `${y}-${E}`
         }, [
@@ -64,7 +64,7 @@ const J = ["id", "aria-label"], w = ["onClick"], z = { key: 1 }, D = { class: "b
           }, 1032, ["to"])) : (s(), o("span", z, i(n.name ?? ""), 1))
         ]))), 128)),
         a("li", D, [
-          a("span", null, i(b.value), 1)
+          a("span", null, i(C.value), 1)
         ])
       ], 10, J);
     };

package/buildLibs/utils/Element/ClButton.cjs

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

package/buildLibs/utils/Element/ClButton.d.ts

@@ -1 +1 @@
-export type { default } from '../../types/Element/Button/Index.vue.d.ts';
+export { default } from '../../types/Element/Button/Index.vue.d.ts';

package/buildLibs/utils/Element/ClButton.js

@@ -4,7 +4,7 @@ import '../../styles/Common/Load-base.css';
 import '../../styles/Common/Btn-base.css';
 import '../../styles/Common/Overlay-base.css';
 import '../../styles/Element/ClButton.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BTikeo7T.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-D__hI9ud.js";
 export {
   f as default
 };

package/buildLibs/utils/Element/ClCallout.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),c=require("../Shared/base-DbuX_Y3x.js"),a=require("../Shared/index-rFJmbgyH.js"),r=["id"],i={key:0,class:"callout-title"},u={class:"callout-content"},d=e.defineComponent({name:"ClCallout",__name:"Index",props:{id:String,className:String,type:{type:String,default:"info"},title:String},setup(t){const n=t,o=n.id,l=e.computed(()=>c.CommonBase.getJsonMerge({"panel-callout":!0,[`callout-${n.type||"info"}`]:!0},a.CommonElement.getClassNameJson(n.className)));return(s,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.value),id:e.unref(o),role:"note"},[t.title?(e.openBlock(),e.createElementBlock("div",i,e.toDisplayString(t.title),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("div",u,[e.renderSlot(s.$slots,"default")])],10,r))}});module.exports=d;
+"use strict";const e=require("vue"),c=require("@cldemo/ui-kit/common/base"),r=require("@cldemo/ui-kit/common/Element"),a=["id"],i={key:0,class:"callout-title"},u={class:"callout-content"},m=e.defineComponent({name:"ClCallout",__name:"Index",props:{id:String,className:String,type:{type:String,default:"info"},title:String},setup(t){const n=t,o=n.id,l=e.computed(()=>c.getJsonMerge({"panel-callout":!0,[`callout-${n.type||"info"}`]:!0},r.getClassNameJson(n.className)));return(s,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.value),id:e.unref(o),role:"note"},[t.title?(e.openBlock(),e.createElementBlock("div",i,e.toDisplayString(t.title),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("div",u,[e.renderSlot(s.$slots,"default")])],10,a))}});module.exports=m;

package/buildLibs/utils/Element/ClCallout.d.ts

@@ -1 +1 @@
-export type { default } from '../../types/Element/Callout/Index.vue.d.ts';
+export { default } from '../../types/Element/Callout/Index.vue.d.ts';

package/buildLibs/utils/Element/ClCallout.js

@@ -1,8 +1,8 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Element/ClCallout.css';
 import { defineComponent as r, computed as i, openBlock as o, createElementBlock as n, unref as c, normalizeClass as m, toDisplayString as d, Fragment as u, createElementVNode as p, renderSlot as f } from "vue";
-import { C as g } from "../Shared/base-fr2I80sU.js";
-import { C } from "../Shared/index-B477PjJ3.js";
+import g from "@cldemo/ui-kit/common/base";
+import C from "@cldemo/ui-kit/common/Element";
 const _ = ["id"], y = {
   key: 0,
   class: "callout-title"

package/buildLibs/utils/Element/ClCard.cjs

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

package/buildLibs/utils/Element/ClCard.d.ts

@@ -1 +1 @@
-export type { default } from '../../types/Element/Card/Index.vue.d.ts';
+export { default } from '../../types/Element/Card/Index.vue.d.ts';

package/buildLibs/utils/Element/ClCard.js

@@ -1,6 +1,6 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Element/ClCard.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-CAEbDVL3.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-B79oRl-U.js";
 export {
   f as default
 };

package/buildLibs/utils/Element/ClCardColor.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),s=require("../Shared/base-DbuX_Y3x.js"),n=require("../Shared/index-rFJmbgyH.js"),m=["id"],i=e.defineComponent({name:"ClCardColor",__name:"Index",props:{id:String,className:String,classBody:String,color:{type:String,default:"var(--cl-shadow-sm, rgba(0, 0, 0, 0.04))"},isInnerPadZero:{type:Boolean,default:!1}},setup(t){const o=t,a=o.id,l=e.computed(()=>{const r={"card-color":!0};return s.CommonBase.getJsonMerge(r,n.CommonElement.getClassNameJson(o.className))}),c=e.computed(()=>({"card-color-body":!0,"card-color-body--pad-zero":o.isInnerPadZero,...n.CommonElement.getClassNameJson(o.classBody)})),d=e.computed(()=>({backgroundColor:s.CommonBase.isNonEmptyString(o.color)?o.color:"var(--cl-shadow-sm, rgba(0, 0, 0, 0.04))"}));return(r,u)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(a),class:e.normalizeClass(l.value),style:e.normalizeStyle(d.value)},[e.createElementVNode("div",{class:e.normalizeClass(c.value)},[e.renderSlot(r.$slots,"default")],2)],14,m))}});module.exports=i;
+"use strict";const e=require("vue"),s=require("@cldemo/ui-kit/common/base"),t=require("@cldemo/ui-kit/common/Element"),m=["id"],i=e.defineComponent({name:"ClCardColor",__name:"Index",props:{id:String,className:String,classBody:String,color:{type:String,default:"var(--cl-shadow-sm, rgba(0, 0, 0, 0.04))"},isInnerPadZero:{type:Boolean,default:!1}},setup(n){const o=n,a=o.id,l=e.computed(()=>{const r={"card-color":!0};return s.getJsonMerge(r,t.getClassNameJson(o.className))}),c=e.computed(()=>({"card-color-body":!0,"card-color-body--pad-zero":o.isInnerPadZero,...t.getClassNameJson(o.classBody)})),d=e.computed(()=>({backgroundColor:s.isNonEmptyString(o.color)?o.color:"var(--cl-shadow-sm, rgba(0, 0, 0, 0.04))"}));return(r,u)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(a),class:e.normalizeClass(l.value),style:e.normalizeStyle(d.value)},[e.createElementVNode("div",{class:e.normalizeClass(c.value)},[e.renderSlot(r.$slots,"default")],2)],14,m))}});module.exports=i;

package/buildLibs/utils/Element/ClCardColor.d.ts

@@ -1 +1 @@
-export type { default } from '../../types/Element/CardColor/Index.vue.d.ts';
+export { default } from '../../types/Element/CardColor/Index.vue.d.ts';

package/buildLibs/utils/Element/ClCardColor.js

@@ -1,8 +1,8 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Element/ClCardColor.css';
-import { defineComponent as i, computed as r, openBlock as u, createElementBlock as p, normalizeStyle as g, normalizeClass as s, unref as C, createElementVNode as f, renderSlot as y } from "vue";
-import { C as t } from "../Shared/base-fr2I80sU.js";
-import { C as a } from "../Shared/index-B477PjJ3.js";
+import { defineComponent as i, computed as r, openBlock as u, createElementBlock as p, normalizeStyle as g, normalizeClass as s, unref as f, createElementVNode as y, renderSlot as C } from "vue";
+import t from "@cldemo/ui-kit/common/base";
+import a from "@cldemo/ui-kit/common/Element";
 const v = ["id"], b = /* @__PURE__ */ i({
   name: "ClCardColor",
   __name: "Index",
@@ -39,14 +39,14 @@ const v = ["id"], b = /* @__PURE__ */ i({
       ...a.getClassNameJson(o.classBody)
     })), m = r(() => ({ backgroundColor: t.isNonEmptyString(o.color) ? o.color : "var(--cl-shadow-sm, rgba(0, 0, 0, 0.04))" }));
     return (e, B) => (u(), p("div", {
-      id: C(l),
+      id: f(l),
       class: s(c.value),
       style: g(m.value)
     }, [
-      f("div", {
+      y("div", {
         class: s(d.value)
       }, [
-        y(e.$slots, "default")
+        C(e.$slots, "default")
       ], 2)
     ], 14, v));
   }

package/buildLibs/utils/Element/ClCheckbox.cjs

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

package/buildLibs/utils/Element/ClCheckbox.d.ts

@@ -1 +1 @@
-export type { default } from '../../types/Element/CheckBox/Index.vue.d.ts';
+export { default } from '../../types/Element/CheckBox/Index.vue.d.ts';

package/buildLibs/utils/Element/ClCheckbox.js

@@ -3,7 +3,7 @@ import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/Input-base.css';
 import '../../styles/Common/Fade-base.css';
 import '../../styles/Element/ClCheckbox.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BahSP_of.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-CgdGs-U2.js";
 export {
   f as default
 };

package/buildLibs/utils/Element/ClCheckboxOne.cjs

@@ -1 +1 @@
-"use strict";const e=require("../Shared/One.vue_vue_type_script_setup_true_lang-BKTdt1M7.js");module.exports=e._sfc_main;
+"use strict";const e=require("../Shared/One.vue_vue_type_script_setup_true_lang-D9zWNf0s.js");module.exports=e._sfc_main;

package/buildLibs/utils/Element/ClCheckboxOne.d.ts

@@ -1 +1 @@
-export type { default } from '../../types/Element/CheckBox/One.vue.d.ts';
+export { default } from '../../types/Element/CheckBox/One.vue.d.ts';

package/buildLibs/utils/Element/ClCheckboxOne.js

@@ -2,7 +2,7 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/Fade-base.css';
 import '../../styles/Element/ClCheckboxOne.css';
-import { _ as f } from "../Shared/One.vue_vue_type_script_setup_true_lang-Du9X7x9H.js";
+import { _ as f } from "../Shared/One.vue_vue_type_script_setup_true_lang-cviYcHLZ.js";
 export {
   f as default
 };

package/buildLibs/utils/Element/ClClipboard.cjs

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

package/buildLibs/utils/Element/ClClipboard.d.ts

@@ -1 +1 @@
-export type { default } from '../../types/Element/Clipboard/Index.vue.d.ts';
+export { default } from '../../types/Element/Clipboard/Index.vue.d.ts';

package/buildLibs/utils/Element/ClClipboard.js

@@ -1,7 +1,7 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Element/ClClipboard.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-oFF20mhc.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DWkYiuK9.js";
 export {
   f as default
 };

package/buildLibs/utils/Element/ClCollapse.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("../Shared/base-DbuX_Y3x.js"),g=require("../Shared/index-rFJmbgyH.js"),y=require("../Shared/SlideUpDown.vue_vue_type_script_setup_true_lang-Cp45S0a9.js"),h=require("../Shared/Index.vue_vue_type_script_setup_true_lang-B4dpfPSy.js");;/* empty css                              */const k=["id"],w=["tabindex","role","aria-expanded"],N={class:"collapse-title"},O=["tabindex","role","aria-expanded","aria-label","onKeydown"],S={key:0,class:"collapse-body"},T=300,b=50,A=e.defineComponent({name:"ClCollapse",__name:"Index",props:{id:String,className:String,isOperate:{type:Boolean,default:!0},isExpanded:{type:Boolean,default:!0},isCollapseOnTitle:{type:Boolean,default:!1},isDestroyOnCollapse:{type:Boolean,default:!1}},emits:{onCollapse:i=>!0},setup(i,{emit:p}){const s=i,u=p,m=`collapse-${l.CommonBase.getRandom(8)}`,t=e.reactive({isExpanded:l.CommonBase.isBoolean(s.isExpanded)?s.isExpanded:!0,isAnimating:!1});let r=null;const _=T+b,a=e.computed(()=>l.CommonBase.isBoolean(s.isCollapseOnTitle)?s.isCollapseOnTitle:!1),v=e.computed(()=>l.CommonBase.isNonEmptyString(s.id)?s.id:m),f=e.computed(()=>l.CommonBase.getJsonMerge({"panel-collapse":!0},g.CommonElement.getClassNameJson(s.className))),E=e.computed(()=>({"collapse-operate":!0,"icon-rotate":!0,"rotate-180":!t.isExpanded})),C=e.computed(()=>({"collapse-head":!0,"collapse-head-clickable":a.value})),c=()=>{r!==null&&(clearTimeout(r),r=null)};e.onUnmounted(()=>{c()}),e.watch(()=>s.isExpanded,n=>{const o=l.CommonBase.isBoolean(n)?n:!0;t.isExpanded!==o&&(c(),t.isAnimating=!1,t.isExpanded=o)});const d=()=>{t.isAnimating||(t.isAnimating=!0,t.isExpanded=!t.isExpanded,c(),r=setTimeout(()=>{r=null,t.isAnimating=!1},_),u("onCollapse",t.isExpanded))},x=n=>{if(!a.value)return;const o=n.target;o instanceof Element&&(o.closest(".collapse-operate")||(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),d()))},B=n=>{if(!a.value)return;const o=n.target;o instanceof Element&&(o.closest(".collapse-operate")||d())};return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(f.value),id:v.value},[e.createElementVNode("div",{class:e.normalizeClass(C.value),tabindex:a.value?0:void 0,role:a.value?"button":void 0,"aria-expanded":a.value?t.isExpanded:void 0,onClick:B,onKeydown:x},[e.createElementVNode("div",N,[e.renderSlot(n.$slots,"title")]),e.withDirectives(e.createElementVNode("i",{class:e.normalizeClass(E.value),tabindex:a.value?-1:0,role:a.value?void 0:"button","aria-expanded":a.value?void 0:t.isExpanded,"aria-label":a.value?void 0:t.isExpanded?"折叠":"展开",onClick:d,onKeydown:[e.withKeys(e.withModifiers(d,["prevent"]),["enter"]),e.withKeys(e.withModifiers(d,["prevent"]),["space"])]},[e.createVNode(h._sfc_main,{name:"angle-down"})],42,O),[[e.vShow,e.unref(l.CommonBase).isBoolean(i.isOperate)?i.isOperate:!0]])],42,w),e.createVNode(y._sfc_main,null,{default:e.withCtx(()=>[!i.isDestroyOnCollapse||t.isExpanded?e.withDirectives((e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(n.$slots,"default")],512)),[[e.vShow,t.isExpanded]]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))]),_:3})],10,k))}});module.exports=A;
+"use strict";const e=require("vue"),l=require("@cldemo/ui-kit/common/base"),y=require("@cldemo/ui-kit/common/Element"),h=require("../Shared/SlideUpDown.vue_vue_type_script_setup_true_lang-Cp45S0a9.js"),B=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js");;/* empty css                              */const k=["id"],w=["tabindex","role","aria-expanded"],N={class:"collapse-title"},O=["tabindex","role","aria-expanded","aria-label","onKeydown"],S={key:0,class:"collapse-body"},T=300,b=50,A=e.defineComponent({name:"ClCollapse",__name:"Index",props:{id:String,className:String,isOperate:{type:Boolean,default:!0},isExpanded:{type:Boolean,default:!0},isCollapseOnTitle:{type:Boolean,default:!1},isDestroyOnCollapse:{type:Boolean,default:!1}},emits:{onCollapse:i=>!0},setup(i,{emit:p}){const o=i,u=p,m=`collapse-${l.getRandom(8)}`,t=e.reactive({isExpanded:l.isBoolean(o.isExpanded)?o.isExpanded:!0,isAnimating:!1});let r=null;const _=T+b,a=e.computed(()=>l.isBoolean(o.isCollapseOnTitle)?o.isCollapseOnTitle:!1),v=e.computed(()=>l.isNonEmptyString(o.id)?o.id:m),f=e.computed(()=>l.getJsonMerge({"panel-collapse":!0},y.getClassNameJson(o.className))),E=e.computed(()=>({"collapse-operate":!0,"icon-rotate":!0,"rotate-180":!t.isExpanded})),x=e.computed(()=>({"collapse-head":!0,"collapse-head-clickable":a.value})),c=()=>{r!==null&&(clearTimeout(r),r=null)};e.onUnmounted(()=>{c()}),e.watch(()=>o.isExpanded,n=>{const s=l.isBoolean(n)?n:!0;t.isExpanded!==s&&(c(),t.isAnimating=!1,t.isExpanded=s)});const d=()=>{t.isAnimating||(t.isAnimating=!0,t.isExpanded=!t.isExpanded,c(),r=setTimeout(()=>{r=null,t.isAnimating=!1},_),u("onCollapse",t.isExpanded))},C=n=>{if(!a.value)return;const s=n.target;s instanceof Element&&(s.closest(".collapse-operate")||(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),d()))},g=n=>{if(!a.value)return;const s=n.target;s instanceof Element&&(s.closest(".collapse-operate")||d())};return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(f.value),id:v.value},[e.createElementVNode("div",{class:e.normalizeClass(x.value),tabindex:a.value?0:void 0,role:a.value?"button":void 0,"aria-expanded":a.value?t.isExpanded:void 0,onClick:g,onKeydown:C},[e.createElementVNode("div",N,[e.renderSlot(n.$slots,"title")]),e.withDirectives(e.createElementVNode("i",{class:e.normalizeClass(E.value),tabindex:a.value?-1:0,role:a.value?void 0:"button","aria-expanded":a.value?void 0:t.isExpanded,"aria-label":a.value?void 0:t.isExpanded?"折叠":"展开",onClick:d,onKeydown:[e.withKeys(e.withModifiers(d,["prevent"]),["enter"]),e.withKeys(e.withModifiers(d,["prevent"]),["space"])]},[e.createVNode(B._sfc_main,{name:"angle-down"})],42,O),[[e.vShow,e.unref(l).isBoolean(i.isOperate)?i.isOperate:!0]])],42,w),e.createVNode(h._sfc_main,null,{default:e.withCtx(()=>[!i.isDestroyOnCollapse||t.isExpanded?e.withDirectives((e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(n.$slots,"default")],512)),[[e.vShow,t.isExpanded]]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))]),_:3})],10,k))}});module.exports=A;

package/buildLibs/utils/Element/ClCollapse.d.ts

@@ -1 +1 @@
-export type { default } from '../../types/Element/Collapse/Index.vue.d.ts';
+export { default } from '../../types/Element/Collapse/Index.vue.d.ts';

package/buildLibs/utils/Element/ClCollapse.js

@@ -3,10 +3,10 @@ import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/IconRotate-base.css';
 import '../../styles/Element/ClCollapse.css';
 import { defineComponent as S, reactive as M, computed as d, onUnmounted as I, watch as K, openBlock as p, createElementBlock as u, normalizeClass as m, createElementVNode as f, renderSlot as v, withDirectives as _, withKeys as x, withModifiers as E, createVNode as C, vShow as g, unref as D, withCtx as $, Fragment as H } from "vue";
-import { C as o } from "../Shared/base-fr2I80sU.js";
-import { C as L } from "../Shared/index-B477PjJ3.js";
+import o from "@cldemo/ui-kit/common/base";
+import L from "@cldemo/ui-kit/common/Element";
 import { _ as J } from "../Shared/SlideUpDown.vue_vue_type_script_setup_true_lang-CRzacfx9.js";
-import { _ as R } from "../Shared/Index.vue_vue_type_script_setup_true_lang-afRTRRcb.js";
+import { _ as R } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
 /* empty css                             */
 const z = ["id"], F = ["tabindex", "role", "aria-expanded"], P = { class: "collapse-title" }, U = ["tabindex", "role", "aria-expanded", "aria-label", "onKeydown"], V = {
   key: 0,
@@ -50,7 +50,7 @@ const z = ["id"], F = ["tabindex", "role", "aria-expanded"], P = { class: "colla
       isAnimating: !1
     });
     let i = null;
-    const T = j + q, t = d(
+    const T = j + q, a = d(
       () => o.isBoolean(s.isCollapseOnTitle) ? s.isCollapseOnTitle : !1
     ), B = d(() => o.isNonEmptyString(s.id) ? s.id : O), b = d(() => o.getJsonMerge(
       { "panel-collapse": !0 },
@@ -61,7 +61,7 @@ const z = ["id"], F = ["tabindex", "role", "aria-expanded"], P = { class: "colla
       "rotate-180": !e.isExpanded
     })), w = d(() => ({
       "collapse-head": !0,
-      "collapse-head-clickable": t.value
+      "collapse-head-clickable": a.value
     })), c = () => {
       i !== null && (clearTimeout(i), i = null);
     };
@@ -69,8 +69,8 @@ const z = ["id"], F = ["tabindex", "role", "aria-expanded"], P = { class: "colla
       c();
     }), K(
       () => s.isExpanded,
-      (a) => {
-        const n = o.isBoolean(a) ? a : !0;
+      (t) => {
+        const n = o.isBoolean(t) ? t : !0;
         e.isExpanded !== n && (c(), e.isAnimating = !1, e.isExpanded = n);
       }
     );
@@ -78,36 +78,36 @@ const z = ["id"], F = ["tabindex", "role", "aria-expanded"], P = { class: "colla
       e.isAnimating || (e.isAnimating = !0, e.isExpanded = !e.isExpanded, c(), i = setTimeout(() => {
         i = null, e.isAnimating = !1;
       }, T), h("onCollapse", e.isExpanded));
-    }, A = (a) => {
-      if (!t.value) return;
-      const n = a.target;
-      n instanceof Element && (n.closest(".collapse-operate") || (a.key === "Enter" || a.key === " ") && (a.preventDefault(), r()));
-    }, N = (a) => {
-      if (!t.value) return;
-      const n = a.target;
+    }, A = (t) => {
+      if (!a.value) return;
+      const n = t.target;
+      n instanceof Element && (n.closest(".collapse-operate") || (t.key === "Enter" || t.key === " ") && (t.preventDefault(), r()));
+    }, N = (t) => {
+      if (!a.value) return;
+      const n = t.target;
       n instanceof Element && (n.closest(".collapse-operate") || r());
     };
-    return (a, n) => (p(), u("div", {
+    return (t, n) => (p(), u("div", {
       class: m(b.value),
       id: B.value
     }, [
       f("div", {
         class: m(w.value),
-        tabindex: t.value ? 0 : void 0,
-        role: t.value ? "button" : void 0,
-        "aria-expanded": t.value ? e.isExpanded : void 0,
+        tabindex: a.value ? 0 : void 0,
+        role: a.value ? "button" : void 0,
+        "aria-expanded": a.value ? e.isExpanded : void 0,
         onClick: N,
         onKeydown: A
       }, [
         f("div", P, [
-          v(a.$slots, "title")
+          v(t.$slots, "title")
         ]),
         _(f("i", {
           class: m(k.value),
-          tabindex: t.value ? -1 : 0,
-          role: t.value ? void 0 : "button",
-          "aria-expanded": t.value ? void 0 : e.isExpanded,
-          "aria-label": t.value ? void 0 : e.isExpanded ? "折叠" : "展开",
+          tabindex: a.value ? -1 : 0,
+          role: a.value ? void 0 : "button",
+          "aria-expanded": a.value ? void 0 : e.isExpanded,
+          "aria-label": a.value ? void 0 : e.isExpanded ? "折叠" : "展开",
           onClick: r,
           onKeydown: [
             x(E(r, ["prevent"]), ["enter"]),
@@ -122,7 +122,7 @@ const z = ["id"], F = ["tabindex", "role", "aria-expanded"], P = { class: "colla
       C(J, null, {
         default: $(() => [
           !l.isDestroyOnCollapse || e.isExpanded ? _((p(), u("div", V, [
-            v(a.$slots, "default")
+            v(t.$slots, "default")
           ], 512)), [
             [g, e.isExpanded]
           ]) : (p(), u(H, { key: 1 }, [], 64))

package/buildLibs/utils/Element/ClCountDown.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),g=require("../Shared/base-DbuX_Y3x.js"),b=require("../Shared/index-rFJmbgyH.js"),q=["id"],L={key:1,class:"countdown-num"},y=864e5,B=36e5,C=6e4,U=100,V=1e3,z=e.defineComponent({name:"ClCountDown",__name:"Index",props:{id:String,className:String,time:{type:Number,default:0},format:{type:String,default:"HH:mm:ss"},isAutoStart:{type:Boolean,default:!0},isMillisecond:{type:Boolean,default:!1}},emits:["onChange","onFinish"],setup(E,{expose:w,emit:D}){const n=E,S=D,H=`countdown-${g.CommonBase.getRandom(5)}`,N=n.id,s=e.ref(0);let o=null,x=0,r=!1;const _=e.computed(()=>n.isMillisecond?U:V),R=e.computed(()=>{const t=Math.max(0,s.value),i=Math.floor(t/y),l=Math.floor(t%y/B),h=Math.floor(t%B/C),A=Math.floor(t%C/1e3),F=t%1e3,P={DD:String(i).padStart(2,"0"),HH:String(l).padStart(2,"0"),mm:String(h).padStart(2,"0"),ss:String(A).padStart(2,"0"),SSS:String(F).padStart(3,"0")},f=[],$=n.isMillisecond?/(DD|HH|mm|ss|SSS)/g:/(DD|HH|mm|ss)/g;let u=0,a;for(;(a=$.exec(n.format))!==null;){if(a.index>u){const m=n.format.slice(u,a.index);f.push({type:M(m)?"sep":"text",value:m})}f.push({type:"num",value:P[a[0]]||a[0]}),u=a.index+a[0].length}if(u<n.format.length){const m=n.format.slice(u);f.push({type:M(m)?"sep":"text",value:m})}return f}),T=e.computed(()=>{const t={"panel-count-down":!0};return g.CommonBase.getJsonMerge(t,b.CommonElement.getClassNameJson(n.className))}),M=t=>{const i=t.trim();return i?/^[\p{P}\p{S}]+$/u.test(i):!1},p=()=>{const t=Number(n.time);return g.CommonBase.isFinite(t)&&t>0?t:0},d=t=>{s.value=Math.max(0,t),x=Date.now()+Math.max(0,t),r=!0,v(),o=setInterval(v,_.value)},k=()=>{if(r)return;const t=p();if(t<=0){s.value=0,S("onFinish");return}d(t)},I=()=>{if(!r){if(s.value<=0){k();return}d(s.value)}},v=()=>{const t=Math.max(0,x-Date.now());s.value=t,S("onChange",t),t<=0&&(c(),S("onFinish"))},c=()=>{o&&(clearInterval(o),o=null),r=!1};return e.onMounted(()=>{n.isAutoStart?k():s.value=p()}),e.onBeforeUnmount(()=>{c()}),e.watch(()=>n.time,()=>{c(),s.value=p(),n.isAutoStart&&s.value>0&&d(s.value)}),e.watch(()=>n.isAutoStart,t=>{t&&!r&&s.value>0&&d(s.value)}),e.watch(_,()=>{r&&(o&&clearInterval(o),o=setInterval(v,_.value))}),w({start:()=>{I()},pause:()=>{c()},reset:()=>{c(),s.value=p()}}),(t,i)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(N),class:e.normalizeClass(T.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,(l,h)=>(e.openBlock(),e.createElementBlock("span",{key:`${H}-${h}`,class:e.normalizeClass(["countdown-part",{"countdown-sep":l.type==="sep"}])},[l.type!=="num"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(l.value),1)],64)):(e.openBlock(),e.createElementBlock("span",L,e.toDisplayString(l.value),1))],2))),128))],10,q))}});module.exports=z;
+"use strict";const e=require("vue"),g=require("@cldemo/ui-kit/common/base"),q=require("@cldemo/ui-kit/common/Element"),L=["id"],U={key:1,class:"countdown-num"},y=864e5,B=36e5,E=6e4,V=100,b=1e3,z=e.defineComponent({name:"ClCountDown",__name:"Index",props:{id:String,className:String,time:{type:Number,default:0},format:{type:String,default:"HH:mm:ss"},isAutoStart:{type:Boolean,default:!0},isMillisecond:{type:Boolean,default:!1}},emits:["onChange","onFinish"],setup(w,{expose:D,emit:C}){const n=w,S=C,H=`countdown-${g.getRandom(5)}`,N=n.id,s=e.ref(0);let o=null,M=0,r=!1;const _=e.computed(()=>n.isMillisecond?V:b),R=e.computed(()=>{const t=Math.max(0,s.value),i=Math.floor(t/y),l=Math.floor(t%y/B),h=Math.floor(t%B/E),A=Math.floor(t%E/1e3),F=t%1e3,P={DD:String(i).padStart(2,"0"),HH:String(l).padStart(2,"0"),mm:String(h).padStart(2,"0"),ss:String(A).padStart(2,"0"),SSS:String(F).padStart(3,"0")},f=[],$=n.isMillisecond?/(DD|HH|mm|ss|SSS)/g:/(DD|HH|mm|ss)/g;let u=0,a;for(;(a=$.exec(n.format))!==null;){if(a.index>u){const m=n.format.slice(u,a.index);f.push({type:x(m)?"sep":"text",value:m})}f.push({type:"num",value:P[a[0]]||a[0]}),u=a.index+a[0].length}if(u<n.format.length){const m=n.format.slice(u);f.push({type:x(m)?"sep":"text",value:m})}return f}),T=e.computed(()=>{const t={"panel-count-down":!0};return g.getJsonMerge(t,q.getClassNameJson(n.className))}),x=t=>{const i=t.trim();return i?/^[\p{P}\p{S}]+$/u.test(i):!1},p=()=>{const t=Number(n.time);return g.isFinite(t)&&t>0?t:0},d=t=>{s.value=Math.max(0,t),M=Date.now()+Math.max(0,t),r=!0,v(),o=setInterval(v,_.value)},k=()=>{if(r)return;const t=p();if(t<=0){s.value=0,S("onFinish");return}d(t)},I=()=>{if(!r){if(s.value<=0){k();return}d(s.value)}},v=()=>{const t=Math.max(0,M-Date.now());s.value=t,S("onChange",t),t<=0&&(c(),S("onFinish"))},c=()=>{o&&(clearInterval(o),o=null),r=!1};return e.onMounted(()=>{n.isAutoStart?k():s.value=p()}),e.onBeforeUnmount(()=>{c()}),e.watch(()=>n.time,()=>{c(),s.value=p(),n.isAutoStart&&s.value>0&&d(s.value)}),e.watch(()=>n.isAutoStart,t=>{t&&!r&&s.value>0&&d(s.value)}),e.watch(_,()=>{r&&(o&&clearInterval(o),o=setInterval(v,_.value))}),D({start:()=>{I()},pause:()=>{c()},reset:()=>{c(),s.value=p()}}),(t,i)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(N),class:e.normalizeClass(T.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,(l,h)=>(e.openBlock(),e.createElementBlock("span",{key:`${H}-${h}`,class:e.normalizeClass(["countdown-part",{"countdown-sep":l.type==="sep"}])},[l.type!=="num"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(l.value),1)],64)):(e.openBlock(),e.createElementBlock("span",U,e.toDisplayString(l.value),1))],2))),128))],10,L))}});module.exports=z;

package/buildLibs/utils/Element/ClCountDown.d.ts

@@ -1 +1 @@
-export type { default } from '../../types/Element/CountDown/Index.vue.d.ts';
+export { default } from '../../types/Element/CountDown/Index.vue.d.ts';