@cldemo/ui-kit 1.1.1 → 1.1.3

package/buildLibs/utils/Web/__provide__/Alert.js

@@ -5,12 +5,12 @@ import '../../../styles/Common/Btn-base.css';
 import '../../../styles/Common/Fade-base.css';
 import '../../../styles/Common/Overlay-base.css';
 import '../../../styles/Web/__provide__/Alert.css';
-import { defineComponent as se, useTemplateRef as x, reactive as N, ref as ae, onBeforeUnmount as ce, watch as re, openBlock as n, createElementBlock as s, createVNode as j, withCtx as ue, createElementVNode as me, Fragment as h, toDisplayString as V, createBlock as q, nextTick as de, createApp as fe } from "vue";
-import { c as O } from "../../Shared/log-BbLqiWNM.js";
-import { C as i } from "../../Shared/base-fr2I80sU.js";
-import { _ as J } from "../../Shared/Index.vue_vue_type_script_setup_true_lang-BTikeo7T.js";
-import { _ as Se } from "../../Shared/Index.vue_vue_type_script_setup_true_lang-afRTRRcb.js";
-import { _ as he } from "../../Shared/BaseTransition.vue_vue_type_script_setup_true_lang-D4VcdHQo.js";
+import { defineComponent as se, useTemplateRef as x, reactive as N, ref as ae, onBeforeUnmount as ce, watch as re, openBlock as n, createElementBlock as s, createVNode as j, withCtx as ue, createElementVNode as me, Fragment as h, toDisplayString as V, createBlock as q, nextTick as fe, createApp as de } from "vue";
+import O from "@cldemo/ui-kit/common/log";
+import i from "@cldemo/ui-kit/common/base";
+import { _ as J } from "../../Shared/Index.vue_vue_type_script_setup_true_lang-D__hI9ud.js";
+import { _ as Se } from "../../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+import { _ as he } from "../../Shared/BaseTransition.vue_vue_type_script_setup_true_lang-z-74F2kw.js";
 const be = ["id", "aria-label"], we = { class: "alert-body" }, ye = {
   key: 0,
   class: "alert-icon"
@@ -68,7 +68,7 @@ const be = ["id", "aria-label"], we = { class: "alert-body" }, ye = {
     // desc: 离场动画类名，不传则由 BaseTransition 默认 animated fadeOutUp 兜底
   },
   setup(k, { expose: w }) {
-    const l = k, c = l.id || `alert-${i.getRandom(5)}`, o = x("refElTopParent"), m = x("refElTransition"), f = x("refElBtnSubmit"), L = N({
+    const l = k, c = l.id || `alert-${i.getRandom(5)}`, o = x("refElTopParent"), m = x("refElTransition"), d = x("refElBtnSubmit"), L = N({
       isLoadBackClick: !0
     }), t = N({
       id: c,
@@ -100,7 +100,7 @@ const be = ["id", "aria-label"], we = { class: "alert-body" }, ye = {
       cancel: null
     });
     let a = null, b = !1;
-    const d = ae(!1);
+    const f = ae(!1);
     let r = null;
     const A = {
       info: { name: "info-circle", color: "var(--cl-primary, #1088f0)" },
@@ -119,7 +119,7 @@ const be = ["id", "aria-label"], we = { class: "alert-body" }, ye = {
         _()?.appendChild(o.value);
       }
     }, Y = () => {
-      b = !0, a !== null && (clearTimeout(a), a = null), de(() => {
+      b = !0, a !== null && (clearTimeout(a), a = null), fe(() => {
         b = !1, E() && !t.isShow && (a = setTimeout(() => {
           const e = p();
           e && _()?.removeChild(e), a = null;
@@ -191,13 +191,13 @@ const be = ["id", "aria-label"], we = { class: "alert-body" }, ye = {
       if (t.isShow && t.isShowSubmitLoad)
         return;
       const u = z(e);
-      u.isShow ? (U(), d.value = !1, Object.assign(t, u), S.submit = e.submitCallback ?? null, S.cancel = e.cancelCallback ?? null, document.addEventListener("keydown", v), r = document.activeElement, o.value?.focus({ preventScroll: !0 }), m.value?.show()) : (S.submit = null, S.cancel = null, m.value?.hide(), t.isShow = !1);
+      u.isShow ? (U(), f.value = !1, Object.assign(t, u), S.submit = e.submitCallback ?? null, S.cancel = e.cancelCallback ?? null, document.addEventListener("keydown", v), r = document.activeElement, o.value?.focus({ preventScroll: !0 }), m.value?.show()) : (S.submit = null, S.cancel = null, m.value?.hide(), t.isShow = !1);
     }, y = () => {
-      t.isShowSubmitLoad && f.value?.loadStop(), document.removeEventListener("keydown", v), r && typeof r.focus == "function" && (r.focus(), r = null), d.value = !1, m.value?.hide(), L.isLoadBackClick = !0, t.isShowSubmitLoad = !1, t.isShow = !1;
+      t.isShowSubmitLoad && d.value?.loadStop(), document.removeEventListener("keydown", v), r && typeof r.focus == "function" && (r.focus(), r = null), f.value = !1, m.value?.hide(), L.isLoadBackClick = !0, t.isShowSubmitLoad = !1, t.isShow = !1;
     }, v = (e) => {
       e.key === "Escape" && !t.isShowSubmitLoad ? P() : e.key === "Enter" && t.isShowSubmit && !t.isShowSubmitLoad && H();
     }, D = async () => {
-      if (d.value)
+      if (f.value)
         return;
       y();
       const e = S.cancel;
@@ -220,11 +220,11 @@ const be = ["id", "aria-label"], we = { class: "alert-body" }, ye = {
       }
     );
     const H = async () => {
-      if (d.value)
+      if (f.value)
         return;
       const e = S.submit;
       if (e && i.isFunction(e)) {
-        t.isShowSubmitLoad && (L.isLoadBackClick = !1), d.value = !0;
+        t.isShowSubmitLoad && (L.isLoadBackClick = !1), f.value = !0;
         try {
           await e();
         } catch (u) {
@@ -245,7 +245,7 @@ const be = ["id", "aria-label"], we = { class: "alert-body" }, ye = {
         y();
       },
       reset: () => {
-        d.value = !1, t.isShowSubmitLoad && (f.value?.loadStop(), t.isShowSubmitLoad = !1);
+        f.value = !1, t.isShowSubmitLoad && (d.value?.loadStop(), t.isShowSubmitLoad = !1);
       }
     }), (e, u) => (n(), s("div", {
       id: t.id,
@@ -258,7 +258,7 @@ const be = ["id", "aria-label"], we = { class: "alert-body" }, ye = {
       "aria-label": t.title || t.text || "提示"
     }, [
       j(he, {
-        isBackClick: t.isBackClick && L.isLoadBackClick && !d.value,
+        isBackClick: t.isBackClick && L.isLoadBackClick && !f.value,
         classTransitionEnter: l.classTransitionEnter,
         classTransitionLeave: l.classTransitionLeave,
         width: t.width,
@@ -286,7 +286,7 @@ const be = ["id", "aria-label"], we = { class: "alert-body" }, ye = {
               t.isShowSubmit ? (n(), q(J, {
                 key: 0,
                 ref_key: "refElBtnSubmit",
-                ref: f,
+                ref: d,
                 className: "alert-submit",
                 isShowLoad: t.isShowSubmitLoad,
                 isShowBackDrop: !0,
@@ -298,7 +298,7 @@ const be = ["id", "aria-label"], we = { class: "alert-body" }, ye = {
               t.isShowCancel ? (n(), q(J, {
                 key: 2,
                 className: "alert-cancel",
-                disabled: d.value,
+                disabled: f.value,
                 label: t.cancelLabel,
                 icon: t.cancelIcon,
                 color: t.cancelColor,
@@ -312,10 +312,10 @@ const be = ["id", "aria-label"], we = { class: "alert-body" }, ye = {
     ], 8, be));
   }
 }), He = (k = {}) => {
-  const w = fe(ve, k), l = document.createElement("div"), c = w.mount(l);
+  const w = de(ve, k), l = document.createElement("div"), c = w.mount(l);
   return {
     alert: (o, m = {}) => {
-      const f = i.getJsonMerge(
+      const d = i.getJsonMerge(
         {
           isSubmit: !0
         },
@@ -326,10 +326,10 @@ const be = ["id", "aria-label"], we = { class: "alert-body" }, ye = {
           cancelCallback: null
         }
       );
-      c.open(f);
+      c.open(d);
     },
     confirm: (o, m = {}) => {
-      const f = i.getJsonMerge(
+      const d = i.getJsonMerge(
         {
           isSubmit: !0,
           isCancel: !0
@@ -339,7 +339,7 @@ const be = ["id", "aria-label"], we = { class: "alert-body" }, ye = {
           title: o
         }
       );
-      c.open(f);
+      c.open(d);
     },
     custom: (o) => {
       c.open(o);

package/buildLibs/utils/Web/__provide__/Notify.cjs

@@ -1 +1 @@
-"use strict";const o=require("vue"),M=require("../../Shared/log-C2ZbqiAV.js"),n=require("../../Shared/base-DbuX_Y3x.js"),b=require("../../Shared/index-rFJmbgyH.js"),V=require("../../Shared/Index.vue_vue_type_script_setup_true_lang-B4dpfPSy.js"),j={class:"notify-item"},X={class:"notify-icon"},G={class:"notify-text"},Q=["innerHTML"],W=o.defineComponent({name:"ClNotifyItem",__name:"Notify",props:{isShow:{type:Boolean},itemInfo:{}},emits:["onMouseOver","onMouseOut","onDestroy"],setup(u,{emit:h}){const s=u,g=h,l=o.ref(!1),i=o.computed(()=>({progress:!0,"progress-hide":l.value})),d=o.computed(()=>({"progress-bar":!0,"progress-countdown":!l.value})),f=o.computed(()=>{const m={},a=s.itemInfo?.delay;return n.CommonBase.isFinite(a)&&a>0&&(m["animation-duration"]=`${a}s`),m}),v=()=>{!s.itemInfo||!s.isShow||(l.value=!0,g("onMouseOver",s.itemInfo.key))},C=()=>{!s.itemInfo||!s.isShow||(l.value=!1,g("onMouseOut",s.itemInfo.key))},y=()=>{!s.itemInfo||!s.isShow||g("onDestroy",s.itemInfo.key)};return(m,a)=>(o.openBlock(),o.createBlock(o.Transition,{name:"notify","enter-active-class":u.itemInfo?.clsTransitionEnter,"leave-active-class":u.itemInfo?.clsTransitionLeave},{default:o.withCtx(()=>[u.isShow&&u.itemInfo?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(u.itemInfo.clsContainer),role:"status","aria-live":"polite",onClick:y,onMouseenter:v,onMouseleave:C},[o.createElementVNode("div",j,[o.createElementVNode("div",X,[o.createVNode(V._sfc_main,{name:u.itemInfo.iconName},null,8,["name"])]),o.createElementVNode("div",G,[o.createElementVNode("div",{innerHTML:u.itemInfo.text},null,8,Q)]),o.createElementVNode("button",{type:"button",class:"notify-close",title:"关闭",onClick:o.withModifiers(y,["stop"])},[o.createVNode(V._sfc_main,{name:"close"})])]),u.itemInfo.isProgress?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(i.value)},[o.createElementVNode("div",{class:o.normalizeClass(d.value),style:o.normalizeStyle(f.value)},null,6)],2)):(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[],64))],34)):o.createCommentVNode("",!0)]),_:1},8,["enter-active-class","leave-active-class"]))}}),Z=["id"],K=2*1e3,ee=1e3,oe=2147483,te=o.defineComponent({name:"ClNotify",__name:"Notifys",props:{id:String,className:String,position:{type:String,default:"top-right"},isProgress:{type:Boolean,default:!1},delay:{type:Number,default:3}},setup(u,{expose:h}){const s=u,g=`notify-pos-${n.CommonBase.getRandom(5)}`,l=`notify-item-${n.CommonBase.getRandom(5)}`;let i=0;const d=s.id,f={info:"info",success:"check",error:"close-circle-fill",warn:"warn-fill"},v={type:["info","success","error","warn"],position:["top-right","top-center","bottom-right"]},C=o.useTemplateRef("refElTopParent"),y=o.ref([]),m=o.reactive({"top-right":[],"top-center":[],"bottom-right":[]}),a=o.reactive({}),k=o.reactive({});let _,I=!1;const A=o.computed(()=>{let e={"panel-notify":!0};return e=n.CommonBase.getJsonMerge(e,b.CommonElement.getClassNameJson(s.className)),e}),J=()=>document.body,x=()=>{const e=C.value;return!!e&&e.isConnected},F=()=>{if(I){M.clLog.warn("Notify","组件已销毁，无法添加通知");return}if(x())clearTimeout(_),_=void 0;else{const e=J();e&&C.value&&e.appendChild(C.value)}},w=()=>{clearTimeout(_),_=void 0,o.nextTick(()=>{x()&&y.value.length===0&&(_=setTimeout(()=>{const e=C.value;e&&e.isConnected&&e.remove()},K))})},N=e=>{let r={key:"",text:"",iconName:"",isProgress:!1,delay:s.delay,clsContainer:{},clsTransitionEnter:"",clsTransitionLeave:""},t=-1;if(!n.CommonBase.isNonEmptyString(e))return{info:r,inx:t,pos:""};const c=e.split("_item_")[0].replace("notify_",""),B=m[c];return n.CommonBase.isUndefined(B)||B.forEach((p,S)=>{p.key===e&&(r=p,t=S)}),{info:r,inx:t,pos:c}},L=e=>{if(N(e).inx>-1){const t=y.value.indexOf(e);t>-1&&y.value.splice(t,1),k[e]=setTimeout(()=>{delete k[e];const c=N(e);c.inx>-1&&m[c.pos].splice(c.inx,1),!n.CommonBase.isUndefined(m[c.pos])&&m[c.pos].length===0&&y.value.length===0&&w()},ee)}},$=(e,r)=>{const t=Math.min(r,oe);a[e]=setTimeout(()=>{delete a[e],L(e)},t*1e3)},R=e=>{let r="animated fadeInDown",t="animated fadeOutRight";switch(e){case"top-center":r="animated fadeInDown",t="animated fadeOut";break;case"bottom-right":r="animated fadeInUp",t="animated fadeOutRight";break}return{clsTransitionEnter:r,clsTransitionLeave:t}},z=e=>{if(I){M.clLog.warn("Notify","组件已销毁，无法添加通知");return}if(!n.CommonBase.isEmpty(e)&&n.CommonBase.isNonEmptyString(e.msg)){F();const r=n.CommonBase.isExistValue(v.type,e.type||"")&&e.type?e.type:v.type[0];let t=s.position;if(n.CommonBase.isNonEmptyString(e.position)&&(t=e.position),!n.CommonBase.isExistValue(v.position,t)){const H=n.CommonBase.isString(t)?t:"未知";M.clLog.warn("Notify",`position 无效（${H}），已回退为 ${v.position[0]}`),t=v.position[0]}const c=e.isProgress;let B=s.isProgress;n.CommonBase.isBoolean(c)&&c!==void 0&&(B=c);const p=e.delay,S=n.CommonBase.isFinite(p)&&p!==void 0&&p>0?Number(p):s.delay;let T={"notify-container":!0,"notify-progress":B};T[`notify-${r}`]=!0,n.CommonBase.isNonEmptyString(e.className)&&(T=n.CommonBase.getJsonMerge(T,b.CommonElement.getClassNameJson(e.className)));const D=R(t);i+=1;const P=`notify_${t}_item_${i}`,E={key:P,text:n.CommonBase.encodeHTML(e.msg),iconName:f[r],isProgress:B,delay:S,clsContainer:T,clsTransitionEnter:D.clsTransitionEnter,clsTransitionLeave:D.clsTransitionLeave};m[t].push(E),o.nextTick(()=>{N(E.key).inx>-1&&(y.value.push(E.key),$(P,E.delay))})}else M.clLog.warn("Notify","通知内容为空，已忽略")},O=()=>{Object.keys(a).forEach(e=>{clearTimeout(a[e]),delete a[e]}),Object.keys(k).forEach(e=>{clearTimeout(k[e]),delete k[e]}),clearTimeout(_),_=void 0};o.onBeforeUnmount(()=>{I=!0,O();const e=C.value;e&&e.isConnected&&e.remove()});const q=e=>{a[e]&&(clearTimeout(a[e]),delete a[e])},U=e=>{const r=N(e);r.inx>-1&&$(e,r.info.delay)},Y=e=>{a[e]&&(clearTimeout(a[e]),delete a[e]),L(e)};return h({addCustom:e=>{z(e)},clear:()=>{v.position.forEach(e=>{m[e]=[]}),y.value=[],O(),w()},destroy:()=>{I=!0,v.position.forEach(e=>{m[e]=[]}),y.value=[],O(),w()}}),(e,r)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(A.value),ref_key:"refElTopParent",ref:C,id:o.unref(d)},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(m,(t,c,B)=>(o.openBlock(),o.createElementBlock(o.Fragment,{key:`${g}-${c}-${B}`},[t.length>0?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(`notify-wrapper notify-${c}`)},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(t,p=>(o.openBlock(),o.createBlock(W,{key:`${l}-${p.key}`,isShow:y.value.includes(p.key),itemInfo:p,onOnDestroy:Y,onOnMouseOver:q,onOnMouseOut:U},null,8,["isShow","itemInfo"]))),128))],2)):(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[],64))],64))),128))],10,Z))}}),ne=(u={})=>{const h=o.createApp(te,u),s=document.createElement("div"),g=h.mount(s),l=g;return{info:(i,d={})=>{const f=n.CommonBase.getJsonMerge(d,{type:"info",msg:i});l.addCustom(f)},success:(i,d={})=>{const f=n.CommonBase.getJsonMerge(d,{type:"success",msg:i});l.addCustom(f)},error:(i,d={})=>{const f=n.CommonBase.getJsonMerge(d,{type:"error",msg:i});l.addCustom(f)},warn:(i,d={})=>{const f=n.CommonBase.getJsonMerge(d,{type:"warn",msg:i});l.addCustom(f)},custom:i=>{l.addCustom(i)},clear:()=>{l.clear()},destroy:()=>{const i=g.$el||null;l.destroy(),h.unmount(),i&&i.parentNode&&i.parentNode.removeChild(i)}}};module.exports=ne;
+"use strict";const t=require("vue"),M=require("@cldemo/ui-kit/common/log"),n=require("@cldemo/ui-kit/common/base"),b=require("@cldemo/ui-kit/common/Element"),V=require("../../Shared/Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),j={class:"notify-item"},X={class:"notify-icon"},G={class:"notify-text"},Q=["innerHTML"],W=t.defineComponent({name:"ClNotifyItem",__name:"Notify",props:{isShow:{type:Boolean},itemInfo:{}},emits:["onMouseOver","onMouseOut","onDestroy"],setup(m,{emit:I}){const s=m,g=I,l=t.ref(!1),i=t.computed(()=>({progress:!0,"progress-hide":l.value})),d=t.computed(()=>({"progress-bar":!0,"progress-countdown":!l.value})),f=t.computed(()=>{const u={},c=s.itemInfo?.delay;return n.isFinite(c)&&c>0&&(u["animation-duration"]=`${c}s`),u}),v=()=>{!s.itemInfo||!s.isShow||(l.value=!0,g("onMouseOver",s.itemInfo.key))},_=()=>{!s.itemInfo||!s.isShow||(l.value=!1,g("onMouseOut",s.itemInfo.key))},y=()=>{!s.itemInfo||!s.isShow||g("onDestroy",s.itemInfo.key)};return(u,c)=>(t.openBlock(),t.createBlock(t.Transition,{name:"notify","enter-active-class":m.itemInfo?.clsTransitionEnter,"leave-active-class":m.itemInfo?.clsTransitionLeave},{default:t.withCtx(()=>[m.isShow&&m.itemInfo?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(m.itemInfo.clsContainer),role:"status","aria-live":"polite",onClick:y,onMouseenter:v,onMouseleave:_},[t.createElementVNode("div",j,[t.createElementVNode("div",X,[t.createVNode(V._sfc_main,{name:m.itemInfo.iconName},null,8,["name"])]),t.createElementVNode("div",G,[t.createElementVNode("div",{innerHTML:m.itemInfo.text},null,8,Q)]),t.createElementVNode("button",{type:"button",class:"notify-close",title:"关闭",onClick:t.withModifiers(y,["stop"])},[t.createVNode(V._sfc_main,{name:"close"})])]),m.itemInfo.isProgress?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(i.value)},[t.createElementVNode("div",{class:t.normalizeClass(d.value),style:t.normalizeStyle(f.value)},null,6)],2)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[],64))],34)):t.createCommentVNode("",!0)]),_:1},8,["enter-active-class","leave-active-class"]))}}),Z=["id"],K=2*1e3,ee=1e3,te=2147483,oe=t.defineComponent({name:"ClNotify",__name:"Notifys",props:{id:String,className:String,position:{type:String,default:"top-right"},isProgress:{type:Boolean,default:!1},delay:{type:Number,default:3}},setup(m,{expose:I}){const s=m,g=`notify-pos-${n.getRandom(5)}`,l=`notify-item-${n.getRandom(5)}`;let i=0;const d=s.id,f={info:"info",success:"check",error:"close-circle-fill",warn:"warn-fill"},v={type:["info","success","error","warn"],position:["top-right","top-center","bottom-right"]},_=t.useTemplateRef("refElTopParent"),y=t.ref([]),u=t.reactive({"top-right":[],"top-center":[],"bottom-right":[]}),c=t.reactive({}),C=t.reactive({});let k,N=!1;const A=t.computed(()=>{let e={"panel-notify":!0};return e=n.getJsonMerge(e,b.getClassNameJson(s.className)),e}),J=()=>document.body,D=()=>{const e=_.value;return!!e&&e.isConnected},F=()=>{if(N){M.warn("Notify","组件已销毁，无法添加通知");return}if(D())clearTimeout(k),k=void 0;else{const e=J();e&&_.value&&e.appendChild(_.value)}},w=()=>{clearTimeout(k),k=void 0,t.nextTick(()=>{D()&&y.value.length===0&&(k=setTimeout(()=>{const e=_.value;e&&e.isConnected&&e.remove()},K))})},T=e=>{let r={key:"",text:"",iconName:"",isProgress:!1,delay:s.delay,clsContainer:{},clsTransitionEnter:"",clsTransitionLeave:""},o=-1;if(!n.isNonEmptyString(e))return{info:r,inx:o,pos:""};const a=e.split("_item_")[0].replace("notify_",""),h=u[a];return n.isUndefined(h)||h.forEach((p,S)=>{p.key===e&&(r=p,o=S)}),{info:r,inx:o,pos:a}},$=e=>{if(T(e).inx>-1){const o=y.value.indexOf(e);o>-1&&y.value.splice(o,1),C[e]=setTimeout(()=>{delete C[e];const a=T(e);a.inx>-1&&u[a.pos].splice(a.inx,1),!n.isUndefined(u[a.pos])&&u[a.pos].length===0&&y.value.length===0&&w()},ee)}},x=(e,r)=>{const o=Math.min(r,te);c[e]=setTimeout(()=>{delete c[e],$(e)},o*1e3)},R=e=>{let r="animated fadeInDown",o="animated fadeOutRight";switch(e){case"top-center":r="animated fadeInDown",o="animated fadeOut";break;case"bottom-right":r="animated fadeInUp",o="animated fadeOutRight";break}return{clsTransitionEnter:r,clsTransitionLeave:o}},z=e=>{if(N){M.warn("Notify","组件已销毁，无法添加通知");return}if(!n.isEmpty(e)&&n.isNonEmptyString(e.msg)){F();const r=n.isExistValue(v.type,e.type||"")&&e.type?e.type:v.type[0];let o=s.position;if(n.isNonEmptyString(e.position)&&(o=e.position),!n.isExistValue(v.position,o)){const H=n.isString(o)?o:"未知";M.warn("Notify",`position 无效（${H}），已回退为 ${v.position[0]}`),o=v.position[0]}const a=e.isProgress;let h=s.isProgress;n.isBoolean(a)&&a!==void 0&&(h=a);const p=e.delay,S=n.isFinite(p)&&p!==void 0&&p>0?Number(p):s.delay;let E={"notify-container":!0,"notify-progress":h};E[`notify-${r}`]=!0,n.isNonEmptyString(e.className)&&(E=n.getJsonMerge(E,b.getClassNameJson(e.className)));const P=R(o);i+=1;const L=`notify_${o}_item_${i}`,B={key:L,text:n.encodeHTML(e.msg),iconName:f[r],isProgress:h,delay:S,clsContainer:E,clsTransitionEnter:P.clsTransitionEnter,clsTransitionLeave:P.clsTransitionLeave};u[o].push(B),t.nextTick(()=>{T(B.key).inx>-1&&(y.value.push(B.key),x(L,B.delay))})}else M.warn("Notify","通知内容为空，已忽略")},O=()=>{Object.keys(c).forEach(e=>{clearTimeout(c[e]),delete c[e]}),Object.keys(C).forEach(e=>{clearTimeout(C[e]),delete C[e]}),clearTimeout(k),k=void 0};t.onBeforeUnmount(()=>{N=!0,O();const e=_.value;e&&e.isConnected&&e.remove()});const q=e=>{c[e]&&(clearTimeout(c[e]),delete c[e])},U=e=>{const r=T(e);r.inx>-1&&x(e,r.info.delay)},Y=e=>{c[e]&&(clearTimeout(c[e]),delete c[e]),$(e)};return I({addCustom:e=>{z(e)},clear:()=>{v.position.forEach(e=>{u[e]=[]}),y.value=[],O(),w()},destroy:()=>{N=!0,v.position.forEach(e=>{u[e]=[]}),y.value=[],O(),w()}}),(e,r)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(A.value),ref_key:"refElTopParent",ref:_,id:t.unref(d)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(u,(o,a,h)=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:`${g}-${a}-${h}`},[o.length>0?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(`notify-wrapper notify-${a}`)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o,p=>(t.openBlock(),t.createBlock(W,{key:`${l}-${p.key}`,isShow:y.value.includes(p.key),itemInfo:p,onOnDestroy:Y,onOnMouseOver:q,onOnMouseOut:U},null,8,["isShow","itemInfo"]))),128))],2)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[],64))],64))),128))],10,Z))}}),ne=(m={})=>{const I=t.createApp(oe,m),s=document.createElement("div"),g=I.mount(s),l=g;return{info:(i,d={})=>{const f=n.getJsonMerge(d,{type:"info",msg:i});l.addCustom(f)},success:(i,d={})=>{const f=n.getJsonMerge(d,{type:"success",msg:i});l.addCustom(f)},error:(i,d={})=>{const f=n.getJsonMerge(d,{type:"error",msg:i});l.addCustom(f)},warn:(i,d={})=>{const f=n.getJsonMerge(d,{type:"warn",msg:i});l.addCustom(f)},custom:i=>{l.addCustom(i)},clear:()=>{l.clear()},destroy:()=>{const i=g.$el||null;l.destroy(),I.unmount(),i&&i.parentNode&&i.parentNode.removeChild(i)}}};module.exports=ne;

package/buildLibs/utils/Web/__provide__/Notify.d.ts

@@ -1 +1 @@
-export type { default } from '../../../types/Web/Notify/index.d.ts';
+export { default } from '../../../types/Web/Notify/index.d.ts';

package/buildLibs/utils/Web/__provide__/Notify.js

@@ -2,10 +2,10 @@ import '../../../styles/Common/Token.css';
 import '../../../styles/Common/IconFont-base.css';
 import '../../../styles/Web/__provide__/Notify.css';
 import { defineComponent as X, ref as q, computed as P, openBlock as p, createBlock as G, Transition as ie, withCtx as re, createElementBlock as g, normalizeClass as O, createElementVNode as N, createVNode as Y, withModifiers as ae, normalizeStyle as ce, Fragment as w, createCommentVNode as le, useTemplateRef as ue, reactive as B, onBeforeUnmount as fe, unref as me, renderList as F, nextTick as H, createApp as de } from "vue";
-import { c as D } from "../../Shared/log-BbLqiWNM.js";
-import { C as o } from "../../Shared/base-fr2I80sU.js";
-import { C as j } from "../../Shared/index-B477PjJ3.js";
-import { _ as z } from "../../Shared/Index.vue_vue_type_script_setup_true_lang-afRTRRcb.js";
+import D from "@cldemo/ui-kit/common/log";
+import o from "@cldemo/ui-kit/common/base";
+import j from "@cldemo/ui-kit/common/Element";
+import { _ as z } from "../../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
 const ye = { class: "notify-item" }, pe = { class: "notify-icon" }, ve = { class: "notify-text" }, ge = ["innerHTML"], he = /* @__PURE__ */ X({
   name: "ClNotifyItem",
   __name: "Notify",
@@ -80,7 +80,7 @@ const ye = { class: "notify-item" }, pe = { class: "notify-icon" }, ve = { class
       _: 1
     }, 8, ["enter-active-class", "leave-active-class"]));
   }
-}), Ie = ["id"], Ce = 2 * 1e3, _e = 1e3, Te = 2147483, Ne = /* @__PURE__ */ X({
+}), Ie = ["id"], _e = 2 * 1e3, Ce = 1e3, Te = 2147483, Ne = /* @__PURE__ */ X({
   name: "ClNotify",
   __name: "Notifys",
   props: {
@@ -120,7 +120,7 @@ const ye = { class: "notify-item" }, pe = { class: "notify-icon" }, ve = { class
       "top-center": [],
       "bottom-right": []
     }), r = B({}), M = B({});
-    let _, k = !1;
+    let C, k = !1;
     const Q = P(() => {
       let e = {
         "panel-notify": !0
@@ -135,17 +135,17 @@ const ye = { class: "notify-item" }, pe = { class: "notify-icon" }, ve = { class
         return;
       }
       if (A())
-        clearTimeout(_), _ = void 0;
+        clearTimeout(C), C = void 0;
       else {
         const e = W();
         e && I.value && e.appendChild(I.value);
       }
-    }, x = () => {
-      clearTimeout(_), _ = void 0, H(() => {
-        A() && d.value.length === 0 && (_ = setTimeout(() => {
+    }, b = () => {
+      clearTimeout(C), C = void 0, H(() => {
+        A() && d.value.length === 0 && (C = setTimeout(() => {
           const e = I.value;
           e && e.isConnected && e.remove();
-        }, Ce));
+        }, _e));
       });
     }, E = (e) => {
       let i = {
@@ -160,8 +160,8 @@ const ye = { class: "notify-item" }, pe = { class: "notify-icon" }, ve = { class
       }, t = -1;
       if (!o.isNonEmptyString(e))
         return { info: i, inx: t, pos: "" };
-      const a = e.split("_item_")[0].replace("notify_", ""), C = l[a];
-      return o.isUndefined(C) || C.forEach((y, L) => {
+      const a = e.split("_item_")[0].replace("notify_", ""), _ = l[a];
+      return o.isUndefined(_) || _.forEach((y, L) => {
         y.key === e && (i = y, t = L);
       }), { info: i, inx: t, pos: a };
     }, J = (e) => {
@@ -170,8 +170,8 @@ const ye = { class: "notify-item" }, pe = { class: "notify-icon" }, ve = { class
         t > -1 && d.value.splice(t, 1), M[e] = setTimeout(() => {
           delete M[e];
           const a = E(e);
-          a.inx > -1 && l[a.pos].splice(a.inx, 1), !o.isUndefined(l[a.pos]) && l[a.pos].length === 0 && d.value.length === 0 && x();
-        }, _e);
+          a.inx > -1 && l[a.pos].splice(a.inx, 1), !o.isUndefined(l[a.pos]) && l[a.pos].length === 0 && d.value.length === 0 && b();
+        }, Ce);
       }
     }, R = (e, i) => {
       const t = Math.min(i, Te);
@@ -206,12 +206,12 @@ const ye = { class: "notify-item" }, pe = { class: "notify-icon" }, ve = { class
           ), t = v.position[0];
         }
         const a = e.isProgress;
-        let C = n.isProgress;
-        o.isBoolean(a) && a !== void 0 && (C = a);
+        let _ = n.isProgress;
+        o.isBoolean(a) && a !== void 0 && (_ = a);
         const y = e.delay, L = o.isFinite(y) && y !== void 0 && y > 0 ? Number(y) : n.delay;
         let S = {
           "notify-container": !0,
-          "notify-progress": C
+          "notify-progress": _
         };
         S[`notify-${i}`] = !0, o.isNonEmptyString(e.className) && (S = o.getJsonMerge(
           S,
@@ -223,7 +223,7 @@ const ye = { class: "notify-item" }, pe = { class: "notify-icon" }, ve = { class
           key: U,
           text: o.encodeHTML(e.msg),
           iconName: m[i],
-          isProgress: C,
+          isProgress: _,
           delay: L,
           clsContainer: S,
           clsTransitionEnter: V.clsTransitionEnter,
@@ -234,15 +234,15 @@ const ye = { class: "notify-item" }, pe = { class: "notify-icon" }, ve = { class
         });
       } else
         D.warn("Notify", "通知内容为空，已忽略");
-    }, b = () => {
+    }, x = () => {
       Object.keys(r).forEach((e) => {
         clearTimeout(r[e]), delete r[e];
       }), Object.keys(M).forEach((e) => {
         clearTimeout(M[e]), delete M[e];
-      }), clearTimeout(_), _ = void 0;
+      }), clearTimeout(C), C = void 0;
     };
     fe(() => {
-      k = !0, b();
+      k = !0, x();
       const e = I.value;
       e && e.isConnected && e.remove();
     });
@@ -261,12 +261,12 @@ const ye = { class: "notify-item" }, pe = { class: "notify-icon" }, ve = { class
       clear: () => {
         v.position.forEach((e) => {
           l[e] = [];
-        }), d.value = [], b(), x();
+        }), d.value = [], x(), b();
       },
       destroy: () => {
         k = !0, v.position.forEach((e) => {
           l[e] = [];
-        }), d.value = [], b(), x();
+        }), d.value = [], x(), b();
       }
     }), (e, i) => (p(), g("div", {
       class: O(Q.value),
@@ -274,8 +274,8 @@ const ye = { class: "notify-item" }, pe = { class: "notify-icon" }, ve = { class
       ref: I,
       id: me(f)
     }, [
-      (p(!0), g(w, null, F(l, (t, a, C) => (p(), g(w, {
-        key: `${h}-${a}-${C}`
+      (p(!0), g(w, null, F(l, (t, a, _) => (p(), g(w, {
+        key: `${h}-${a}-${_}`
       }, [
         t.length > 0 ? (p(), g("div", {
           key: 0,

package/buildLibs/utils/Web/__provide__/Preview.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("../../Shared/base-DbuX_Y3x.js"),B=require("../../Shared/index-rFJmbgyH.js"),D=require("../../Shared/Index.vue_vue_type_script_setup_true_lang-CPwtuGiA.js"),w=require("../../Shared/Index.vue_vue_type_script_setup_true_lang-B4dpfPSy.js"),F=require("../../Shared/Index.vue_vue_type_script_setup_true_lang-DYj0GzN0.js"),R={class:"preview-image"},M={class:"preview-image-actions-container"},$={key:0},q={key:2,class:"image-num"},A={key:0,class:"preview-image-container"},z=["src"],J={key:0,class:"preview-image-loading"},U=e.defineComponent({name:"ClPreviewImage",__name:"Image",props:{imageInx:{type:Number,default:0},list:{type:Array,default:()=>[]},isLoop:{type:Boolean,default:!1},isShowCopy:{type:Boolean,default:!0}},setup(f,{expose:h}){const c=f,d=e.inject("$PreviewTop");let a=null;const o=e.reactive({isShow:!1,isSwitch:!1,isLoading:!1,src:"",isFading:!1,scale:1,scaleRatio:1.4,rotate:0,rotateAngle:90,showIndex:c.imageInx}),s=e.computed(()=>{const i={},n=[];return n.push(`scale(${o.scale})`),n.push(`rotate(${o.rotate}deg)`),i.transform=n.join(" "),i.opacity=o.isFading?"0":"1",i}),u=()=>{if(!d)return;const{showIndex:i}=o,n=c.list,m=r.CommonBase.isArray(n)?n.length:0,L=m>0&&i>=0&&i<m;if(o.isShow=L,L){a&&clearTimeout(a);const T=o.isFading?200:0;setTimeout(()=>{o.isSwitch=!0,o.src=c.list[i],d.setPrevNextStatus(i,m),a=setTimeout(()=>{o.isLoading=!0},150)},T)}else o.isSwitch=!1},N=()=>{a&&(clearTimeout(a),a=null),o.isFading=!1,o.isLoading=!1},v=()=>{a&&(clearTimeout(a),a=null),o.isFading=!1,o.isLoading=!1},p=()=>{const{scale:i,scaleRatio:n}=o,m=i*n;m<7&&(o.scale=Number(m.toFixed(3)))},y=()=>{const{scale:i,scaleRatio:n}=o,m=i/n;m>.18&&(o.scale=Number(m.toFixed(3)))},_=()=>{const{rotate:i,rotateAngle:n}=o;o.rotate=(i-n)%360},C=()=>{const{rotate:i,rotateAngle:n}=o;o.rotate=(i+n)%360},S=()=>{o.scale=1,o.rotate=0};return h({show:i=>{o.showIndex=i,u()},hide:()=>{o.scale=1,o.rotate=0,o.isFading=!1,o.isShow=!1},prev:()=>{const{showIndex:i}=o;let n=-1;i>0?n=i-1:c.isLoop&&(n=c.list.length-1),n>-1&&(o.isFading=!0,o.showIndex=n,o.scale=1,o.rotate=0,u())},next:()=>{const{showIndex:i}=o;let n=-1;i<c.list.length-1?n=i+1:c.isLoop&&(n=0),n>-1&&(o.isFading=!0,o.showIndex=n,o.scale=1,o.rotate=0,u())},large:()=>{p()},small:()=>{y()}}),(i,n)=>(e.openBlock(),e.createElementBlock("div",R,[o.isShow?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass({"preview-btn":!0,"preview-image-actions":!0,"preview-image-num":f.list.length>1})},[e.createElementVNode("div",M,[e.createElementVNode("span",{onClick:e.withModifiers(p,["stop"])},[e.createVNode(w._sfc_main,{name:"search-plus"})]),e.createElementVNode("span",{onClick:e.withModifiers(y,["stop"])},[e.createVNode(w._sfc_main,{name:"search-minus"})]),e.createElementVNode("span",{onClick:e.withModifiers(_,["stop"])},[e.createVNode(w._sfc_main,{name:"rotate-left"})]),e.createElementVNode("span",{onClick:e.withModifiers(C,["stop"])},[e.createVNode(w._sfc_main,{name:"rotate-right"})]),e.createElementVNode("span",{onClick:e.withModifiers(S,["stop"])},[e.createVNode(w._sfc_main,{name:"restore"})]),f.isShowCopy?(e.openBlock(),e.createElementBlock("span",$,[e.createVNode(F._sfc_main,{textLabel:o.src},null,8,["textLabel"])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),f.list.length>1?(e.openBlock(),e.createElementBlock("span",q,e.toDisplayString(o.showIndex+1)+"/"+e.toDisplayString(f.list.length),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64))])],2)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createVNode(e.Transition,{"enter-active-class":"preview-image-enter","leave-active-class":"preview-image-leave"},{default:e.withCtx(()=>[o.isShow?e.withDirectives((e.openBlock(),e.createElementBlock("div",A,[e.withDirectives(e.createElementVNode("img",{src:o.src,style:e.normalizeStyle(s.value),onLoad:N,onError:v},null,44,z),[[e.vShow,!o.isLoading]]),o.isLoading?(e.openBlock(),e.createElementBlock("div",J,[...n[0]||(n[0]=[e.createElementVNode("div",{class:"preview-image-spinner"},null,-1)])])):e.createCommentVNode("",!0)],512)),[[e.vShow,o.isSwitch]]):e.createCommentVNode("",!0)]),_:1})]))}}),j=["id"],K=e.defineComponent({name:"ClPreview",__name:"Index",setup(f,{expose:h}){const c=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../../Shared/Video-BillcMo0.js"))),d=e.useTemplateRef("refElTopParent"),a=e.useTemplateRef("refElImage"),o=e.useTemplateRef("refElVideo"),s=e.reactive({elId:`preview-${r.CommonBase.getRandom(5)}`,className:"",type:"",list:[],isLoop:!1,isShowPrevNext:!1,isDisablePrev:!1,isDisableNext:!1,isShowCopy:!0});let u=null;const N=e.computed(()=>{let t={"panel-preview":!0};return t=r.CommonBase.getJsonMerge(t,B.CommonElement.getClassNameJson(s.className)),t}),v=e.computed(()=>s.type==="image"),p=e.computed(()=>s.type==="video"),y=()=>document.querySelector("body"),_=()=>document.querySelector("body>.panel-preview"),C=()=>{const t=_();return!r.CommonBase.isUndefined(t)},S=()=>{C()?(clearTimeout(u),u=null):(document.body.className=B.CommonElement.getAddClass(document.body.className,"preview-open"),y().appendChild(d.value))},b=t=>{let l=t.keyCode;if(!r.CommonBase.isUndefined(l))switch(l=l.toString(),l){case"38":t.preventDefault(),t.stopPropagation();break;case"40":t.preventDefault(),t.stopPropagation();break}},E=t=>{let l=t.keyCode;if(!r.CommonBase.isUndefined(l))switch(l=l.toString(),l){case"27":i();break;case"37":n();break;case"38":t.preventDefault(),t.stopPropagation(),v.value?a.value?.large():p.value&&n();break;case"39":m();break;case"40":t.preventDefault(),t.stopPropagation(),v.value?a.value?.small():p.value&&m();break}},x=()=>{window.removeEventListener("keydown",b),window.removeEventListener("keyup",E)},V=()=>{window.addEventListener("keydown",b),window.addEventListener("keyup",E)},I=(t=!1)=>{C()&&(u=setTimeout(()=>{const l=_();l&&(document.body.className=B.CommonElement.getRemoveClass(document.body.className,"preview-open"),y().removeChild(l)),x()},t?2*1e3:0))},P=t=>{if(!r.CommonBase.isEmpty(t)&&!r.CommonBase.isEmpty(t.src)){S(),r.CommonBase.isNonEmptyString(t.id)&&(s.elId=t.id),s.className=r.CommonBase.isNonEmptyString(t.className)?t.className:"";let l=[];const g=t.src;r.CommonBase.isArray(g)?l=g:r.CommonBase.isString(g)&&(l=[g]),s.type=t.type,s.list=l,s.isLoop=r.CommonBase.isBoolean(t.isLoop)?t.isLoop:!1,s.isShowCopy=r.CommonBase.isBoolean(t.isShowCopy)?t.isShowCopy:!0;const k=r.CommonBase.isEmpty(t.showIndex)?0:t.showIndex;V(),e.nextTick(()=>{v.value?a.value?.show(k):p.value&&o.value?.show(k)})}};e.onBeforeUnmount(()=>{clearTimeout(u),u=null,x();const t=_();t&&(document.body.className=B.CommonElement.getRemoveClass(document.body.className,"preview-open"),y().removeChild(t))});const i=()=>{v.value?a.value?.hide():p.value&&o.value?.hide(),I()},n=()=>{s.isDisablePrev||(v.value?a.value?.prev():p.value&&o.value?.prev())},m=()=>{s.isDisableNext||(v.value?a.value?.next():p.value&&o.value?.next())};return e.provide("$PreviewTop",{setPrevNextStatus:(t,l)=>{const g=l>1;if(s.isShowPrevNext=g,g){const{isLoop:k}=s;s.isDisablePrev=k?!1:t===0,s.isDisableNext=k?!1:t===l-1}}}),h({show:t=>{P(t)},destroy:()=>{I(),s.elId=`preview-${r.CommonBase.getRandom(5)}`,s.className="",s.type="",s.list=[],s.isLoop=!1,s.isShowPrevNext=!1,s.isDisablePrev=!1,s.isDisableNext=!1}}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"refElTopParent",ref:d,id:s.elId,class:e.normalizeClass(N.value)},[e.createVNode(D._sfc_main,{teleportTarget:"self",show:!0,background:"var(--cl-overlay, rgba(0, 0, 0, 0.5))",zIndex:0,isLockScroll:!1,duration:0}),e.createElementVNode("div",{class:"preview-btn preview-close",onClick:e.withModifiers(i,["stop"])},[e.createVNode(w._sfc_main,{name:"close"})]),s.isShowPrevNext?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass({"preview-btn":!0,"preview-prev":!0,"preview-btn-disable":s.isDisablePrev}),onClick:e.withModifiers(n,["stop"])},[e.createVNode(w._sfc_main,{name:"angle-left"})],2),e.createElementVNode("div",{class:e.normalizeClass({"preview-btn":!0,"preview-next":!0,"preview-btn-disable":s.isDisableNext}),onClick:e.withModifiers(m,["stop"])},[e.createVNode(w._sfc_main,{name:"angle-right"})],2)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),v.value?(e.openBlock(),e.createBlock(U,{key:2,ref_key:"refElImage",ref:a,isLoop:s.isLoop,list:s.list,isShowCopy:s.isShowCopy},null,8,["isLoop","list","isShowCopy"])):p.value?(e.openBlock(),e.createBlock(e.unref(c),{key:3,ref_key:"refElVideo",ref:o,isLoop:s.isLoop,list:s.list},null,8,["isLoop","list"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[],64))],10,j))}}),Q=(f={})=>{const h=e.createApp(K,f),c=document.createElement("div"),d=h.mount(c);return{image:(a,o={})=>{const s=r.CommonBase.getJsonMerge(o,{type:"image",src:a});d.show(s)},video:(a,o={})=>{const s=r.CommonBase.getJsonMerge(o,{type:"video",src:a});d.show(s)},show:a=>{d.show(a)},destroy:()=>{d.destroy(),h.unmount(),c.parentNode&&c.parentNode.removeChild(c)}}};module.exports=Q;
+"use strict";const i=(s={})=>{let r=null,o=null;const n=()=>r?Promise.resolve(r):(o||(o=Promise.resolve().then(()=>require("../../Shared/index-DgQu20UC.js")).then(e=>(r=e.default(s),r))),o);return{show:e=>n().then(t=>t.show(e)),image:e=>n().then(t=>t.image(e)),video:e=>n().then(t=>t.video(e)),destroy:()=>n().then(e=>e.destroy())}};module.exports=i;

package/buildLibs/utils/Web/__provide__/Preview.d.ts

@@ -1 +1 @@
-export type { default } from '../../../types/Web/Preview/index.d.ts';
+export { default } from '../../../types/Web/Preview/lazy.d.ts';