@cldemo/ui-kit 1.0.17 → 1.1.0

package/buildLibs/{modules/shared/Base.vue_vue_type_script_setup_true_lang-4j7ikB3n.js → utils/Shared/Base.vue_vue_type_script_setup_true_lang-BReU8HHD.js}

@@ -1,9 +1,10 @@
-import { defineComponent as Le, useTemplateRef as W, reactive as Pe, ref as C, computed as O, onMounted as be, nextTick as u, onActivated as Ee, onDeactivated as Se, onUnmounted as Te, watch as Y, openBlock as L, createElementBlock as A, normalizeClass as z, unref as ke, createElementVNode as Z, withKeys as ee, withModifiers as oe, renderSlot as te, createBlock as xe, Transition as Be, withCtx as Ae, withDirectives as Re, normalizeStyle as ne, Fragment as re, vShow as _e } from "vue";
+import { defineComponent as Le, useTemplateRef as W, reactive as Pe, ref as C, computed as v, onMounted as Ee, nextTick as u, onActivated as be, onDeactivated as Se, onUnmounted as Te, watch as Z, openBlock as L, createElementBlock as A, normalizeClass as z, unref as ke, createElementVNode as ee, withKeys as oe, withModifiers as te, renderSlot as ne, createBlock as xe, Transition as Be, withCtx as Ae, withDirectives as Re, normalizeStyle as re, Fragment as se, vShow as _e } from "vue";
 import { c as P } from "./log-BbLqiWNM.js";
-import { C as s } from "./base-C5l51ld_.js";
-import { C as c } from "./index-wdK75uN2.js";
-import { R as Me } from "./resize-5FVpVwWr.js";
-const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le({
+import { C as s } from "./base-fr2I80sU.js";
+import { C as c } from "./index-B477PjJ3.js";
+import { R as Me } from "./resize-CyrJxi6F.js";
+import { a as Ue } from "./focusTrap-BYhFRjSm.js";
+const $e = ["id"], Fe = ["aria-expanded"], We = ["id"], Ve = /* @__PURE__ */ Le({
   name: "ClDropdownlayer",
   __name: "Base",
   props: {
@@ -79,6 +80,11 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
       // desc: 触发方式 | enum: click, hover
       validator: (p) => ["click", "hover"].includes(p)
     },
+    isEscapeClose: {
+      type: Boolean,
+      default: !0
+      // desc: 是否允许按 Esc 关闭面板（键盘用户的主要退出方式）
+    },
     onOpenBeforeCallback: Function
     // desc: 打开前的回调，返回 false 阻止打开
   },
@@ -92,8 +98,8 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
     onAfterLeave: () => !0
     // desc: 面板关闭动画结束、DOM 卸载完成时触发
   },
-  setup(p, { expose: se, emit: ie }) {
-    const n = p, b = ie, N = s.isNonEmptyString(n.id) ? n.id : `dropdownLayer-${s.getRandom(8)}`, f = W("refElTopParent"), E = W("refElText"), a = W("refElDropdown"), o = Pe({
+  setup(p, { expose: ie, emit: le }) {
+    const n = p, E = le, N = s.isNonEmptyString(n.id) ? n.id : `dropdownLayer-${s.getRandom(8)}`, f = W("refElTopParent"), b = W("refElText"), a = W("refElDropdown"), o = Pe({
       isOpen: !1,
       isShowOpen: !1,
       isInitFirstOpen: !1,
@@ -105,21 +111,21 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
       isOpacity0: !1,
       dropdownId: `${N}-dropdown`
     }), S = C(!1), R = C(null), _ = C([]), h = C(null), T = C(null);
-    let v = null, M = null, k = null, x = null, m = !1;
-    const le = O(() => {
+    let y = null, M = null, k = null, x = null, m = !1;
+    const ae = v(() => {
       let e = {
         "panel-dropdownlayer": !0,
         "dropdownLayer-arrow": n.isUseDropdownArrow,
         "dropdownLayer-disabled": n.isDisabled
       };
       return s.isNonEmptyString(n.classParent) ? e = s.getJsonMerge(e, c.getClassNameJson(n.classParent)) : s.isObject(n.classParent) && (e = s.getJsonMerge(e, n.classParent)), e;
-    }), ae = O(() => {
+    }), pe = v(() => {
       let e = {
         "dropdownLayer-text": !0,
         "dropdownLayer-text-open": o.isShowOpen
       };
       return !s.isEmpty(o.dropDownPos) && o.isShowOpen && (e[`dropdownLayer-text-${o.dropDownPos}`] = !0), s.isNonEmptyString(n.classText) ? e = s.getJsonMerge(e, c.getClassNameJson(n.classText)) : s.isObject(n.classText) && (e = s.getJsonMerge(e, n.classText)), e;
-    }), pe = O(() => {
+    }), de = v(() => {
       let e = {
         "dropdownLayer-dropdown": !0,
         "dropdownLayer-dropdown-open": o.isShowOpen,
@@ -127,31 +133,31 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
         "dropdownLayer-dropdown-opacity0": o.isOpacity0
       };
       return e[`dropdownLayer-dropdown-${o.dropDownPos}`] = !0, e[`dropdownLayer-dropdown-arrow-${o.arrowPos}`] = !0, s.isNonEmptyString(n.classDropDown) ? e = s.getJsonMerge(e, c.getClassNameJson(n.classDropDown)) : s.isObject(n.classDropDown) && (e = s.getJsonMerge(e, n.classDropDown)), e;
-    }), de = O(() => !s.isEmpty(n.appendContainer)), fe = O(() => {
+    }), fe = v(() => !s.isEmpty(n.appendContainer)), ce = v(() => {
       const e = {}, { dropDownPos: t, dropdownArrowPos: r } = n, { dropDownTop: l, dropDownLeft: i } = o;
-      return t === "down" || t === "up" ? (e.top = l, (r === "center" || r === "top" || r === "bottom" || de.value) && (e.left = i)) : (t === "left" || t === "right") && (e.left = i, e.top = l), e;
-    }), ce = O(() => {
+      return t === "down" || t === "up" ? (e.top = l, (r === "center" || r === "top" || r === "bottom" || fe.value) && (e.left = i)) : (t === "left" || t === "right") && (e.left = i, e.top = l), e;
+    }), ue = v(() => {
       const e = {};
       return (n.dropdownArrowPos === "center" || n.dropdownArrowPos === "top" || n.dropdownArrowPos === "bottom") && (e.left = o.arrowLeft), e;
-    }), ue = (e, t) => {
+    }), we = (e, t) => {
       const r = n.isUseDropdownArrow, l = {};
       return t === "down" ? l.top = r ? e.textHeight + e.arrowHeight - 1 : e.textHeight : t === "up" ? l.top = r ? -(e.dropDownHeight + e.arrowHeight - 3) : -e.dropDownHeight : t === "left" ? (l.left = r ? -(e.dropDownWidth + e.arrowWidth - 1) : -e.dropDownWidth, l.top = 0) : t === "right" && (l.left = r ? e.textWidth + e.arrowWidth - 1 : e.textWidth, l.top = 0), l;
-    }, we = (e) => {
+    }, ve = (e) => {
       !a.value || !f.value || (a.value.style.width = e && n.appendFollowWidth ? `${f.value.offsetWidth}px` : "");
     }, w = () => {
       o.isShowOpen && u(() => {
-        if (!f.value || !E.value || !a.value) return;
+        if (!f.value || !b.value || !a.value) return;
         const e = n.isUseDropdownArrow ? a.value.querySelector(".arrow") : null, t = !s.isEmpty(n.appendContainer), r = t ? n.appendContainer : null;
-        we(t);
-        let l = E.value;
+        ve(t);
+        let l = b.value;
         if (T.value) {
-          const X = c.getParent(
+          const Y = c.getParent(
             T.value,
             ".dropdownLayer-arrow-anchorPoint",
-            E.value,
+            b.value,
             !1
           );
-          s.isUndefined(X) || (l = X);
+          s.isUndefined(Y) || (l = Y);
         }
         const i = c.calculationDropdownPosition(
           f.value,
@@ -159,20 +165,20 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
           a.value,
           e,
           r
-        ), y = i[{
+        ), g = i[{
           down: "dropDownPosDown",
           up: "dropDownPosUp",
           left: "dropDownPosLeft",
           right: "dropDownPosRight"
         }[n.dropDownPos] || "dropDownPosDown"];
-        o.dropDownPos = y;
-        const g = ve(i, y);
-        o.arrowPos = g;
-        const d = ue(i, y);
-        (g === "center" || g === "top" || g === "bottom") && (y === "down" || y === "up") && (d.left = i.arrowPosCenterLRInfo?.dropDownLeft, o.arrowLeft = i.arrowPosCenterLRInfo?.arrowLeft != null ? `${i.arrowPosCenterLRInfo.arrowLeft}px` : ""), t && (d.top = (d.top || 0) + (i.controlOffset?.top || 0), d.left = (d.left || 0) + (i.controlOffset?.left || 0), g === "right" && (d.left = (i.controlOffset?.left || 0) + f.value.offsetWidth - a.value.offsetWidth)), o.dropDownTop = d.top != null ? `${d.top}px` : "", o.dropDownLeft = d.left != null ? `${d.left}px` : "", b("onChangePosition", {
+        o.dropDownPos = g;
+        const O = ye(i, g);
+        o.arrowPos = O;
+        const d = we(i, g);
+        (O === "center" || O === "top" || O === "bottom") && (g === "down" || g === "up") && (d.left = i.arrowPosCenterLRInfo?.dropDownLeft, o.arrowLeft = i.arrowPosCenterLRInfo?.arrowLeft != null ? `${i.arrowPosCenterLRInfo.arrowLeft}px` : ""), t && (d.top = (d.top || 0) + (i.controlOffset?.top || 0), d.left = (d.left || 0) + (i.controlOffset?.left || 0), O === "right" && (d.left = (i.controlOffset?.left || 0) + f.value.offsetWidth - a.value.offsetWidth)), o.dropDownTop = d.top != null ? `${d.top}px` : "", o.dropDownLeft = d.left != null ? `${d.left}px` : "", E("onChangePosition", {
           use: {
-            dropDownPos: y,
-            arrowPos: g,
+            dropDownPos: g,
+            arrowPos: O,
             dropDownTop: d.top,
             dropDownLeft: d.left,
             arrowLeft: o.arrowLeft
@@ -180,7 +186,7 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
           original: i
         });
       });
-    }, ve = (e, t) => {
+    }, ye = (e, t) => {
       switch (n.dropdownArrowPos) {
         case "left":
           return e.arrowPosLeft;
@@ -198,10 +204,10 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
     }, J = (e) => {
       R.value = e;
     }, H = (e) => {
-      o.isShowOpen && e?.target && ye(e);
+      o.isShowOpen && e?.target && ge(e);
     }, I = (e) => e ? a.value && a.value.contains(e) ? !1 : s.isUndefined(
       c.getParent(e, `#${o.dropdownId}`, f.value)
-    ) : !0, ye = (e) => {
+    ) : !0, ge = (e) => {
       if (f.value) {
         I(e?.target) && I(R.value?.target) && (o.isOpen = !1);
         return;
@@ -243,11 +249,11 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
       const { dropDownPos: e } = n;
       e === "down" || e === "up" ? (o.dropDownPos = "down", o.arrowPos = "left") : (e === "left" || e === "right") && (o.dropDownPos = "left", o.arrowPos = "top");
     }, K = () => {
-      v || !a.value || typeof window > "u" || !window.ResizeObserver || (v = new window.ResizeObserver(() => {
+      y || !a.value || typeof window > "u" || !window.ResizeObserver || (y = new window.ResizeObserver(() => {
         o.isOpen && a.value && w();
-      }), v.observe(a.value));
+      }), y.observe(a.value));
     }, G = () => {
-      v && (v.disconnect(), v = null);
+      y && (y.disconnect(), y = null);
     }, $ = (e) => {
       if (!n.isDisabled) {
         if (T.value = e.target, !o.isOpen && n.onOpenBeforeCallback)
@@ -257,30 +263,30 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
           } catch {
             P.warn("DropdownLayer", "onOpenBeforeCallback 执行异常，已按不阻止打开处理");
           }
-        o.isOpen ? ge() : Oe();
+        o.isOpen ? Q() : Oe();
       }
-    }, ge = () => {
+    }, Q = () => {
       o.isOpen = !1;
     }, Oe = () => {
       if (o.isShowOpen) {
-        Q();
+        V();
         return;
       }
       if (n.isCloseDestroy && o.isInitFirstOpen) {
-        Q();
+        V();
         return;
       }
       o.isOpen = !0;
-    }, Q = () => {
+    }, V = () => {
       S.value = !0, o.isInitFirstOpen = !1, o.isShowOpen = !1, u(() => {
         o.isOpen = !o.isOpen;
       });
     };
-    be(() => {
+    Ee(() => {
       u(() => {
         q();
       });
-    }), Ee(() => {
+    }), be(() => {
       h.value || u(() => {
         q();
       });
@@ -288,7 +294,7 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
       clearTimeout(k), h.value?.destroy(), h.value = null, G(), B(), o.isOpen = !1;
     }), Te(() => {
       clearTimeout(k), h.value?.destroy(), B();
-    }), Y(
+    }), Z(
       () => o.isOpen,
       (e) => {
         o.isInitFirstOpen || (o.isInitFirstOpen = !0, s.isEmpty(n.appendContainer) || u(() => {
@@ -301,7 +307,7 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
             n.appendContainer,
             !1
           ), U();
-        })), e || B(), b("onChangeOpen", e), e && (o.isOpacity0 = !1, x = setTimeout(() => {
+        })), e || B(), E("onChangeOpen", e), e && (o.isOpacity0 = !1, x = setTimeout(() => {
           if (x = null, !o.isOpen || m) return;
           m = !0;
           const t = document.querySelector("body");
@@ -314,7 +320,12 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
     const F = (e) => {
       (n.triggers === "click" || e instanceof KeyboardEvent) && $(e);
     };
-    Y(
+    Ue(v(() => o.isOpen && n.isEscapeClose), {
+      isEscapeClose: () => n.isEscapeClose,
+      onEscape: () => {
+        Q();
+      }
+    }), Z(
       () => a.value,
       (e) => {
         e && K();
@@ -322,12 +333,12 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
     );
     const he = (e) => {
       n.triggers === "hover" && (clearTimeout(k), o.isOpen || $(e));
-    }, V = (e) => {
+    }, X = (e) => {
       n.triggers === "hover" && (k = setTimeout(() => {
         a.value?.matches(":hover") || o.isOpen && $(e);
       }, 150));
     }, me = () => {
-      K(), b("onOpenComplete");
+      K(), E("onOpenComplete");
     }, De = () => {
       S.value = !1;
     }, Ce = () => {
@@ -335,9 +346,9 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
         S.value = !1;
         return;
       }
-      n.isCloseDestroy && (o.isInitFirstOpen = !1), b("onAfterLeave");
+      n.isCloseDestroy && (o.isInitFirstOpen = !1), E("onAfterLeave");
     };
-    return se({
+    return ie({
       setOpen: (e) => {
         if (!s.isBoolean(e)) {
           P.warn("DropdownLayer", "setOpen 参数必须为 boolean，已忽略");
@@ -366,28 +377,28 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
       getIsShowOpen: () => o.isShowOpen
     }), (e, t) => (L(), A("div", {
       id: ke(N),
-      class: z(le.value),
+      class: z(ae.value),
       ref_key: "refElTopParent",
       ref: f
     }, [
-      Z("div", {
-        class: z(ae.value),
+      ee("div", {
+        class: z(pe.value),
         onClick: t[0] || (t[0] = (r) => F(r)),
         onMouseover: t[1] || (t[1] = (r) => he(r)),
-        onMouseleave: t[2] || (t[2] = (r) => V(r)),
+        onMouseleave: t[2] || (t[2] = (r) => X(r)),
         onKeydown: [
-          t[3] || (t[3] = ee(oe((r) => F(r), ["prevent"]), ["enter"])),
-          t[4] || (t[4] = ee(oe((r) => F(r), ["prevent"]), ["space"]))
+          t[3] || (t[3] = oe(te((r) => F(r), ["prevent"]), ["enter"])),
+          t[4] || (t[4] = oe(te((r) => F(r), ["prevent"]), ["space"]))
         ],
         role: "combobox",
         tabindex: "0",
         "aria-expanded": o.isOpen,
         "aria-haspopup": "listbox",
         ref_key: "refElText",
-        ref: E
+        ref: b
       }, [
-        te(e.$slots, "labelText")
-      ], 42, $e),
+        ne(e.$slots, "labelText")
+      ], 42, Fe),
       o.isInitFirstOpen ? (L(), xe(Be, {
         key: 0,
         name: "dropdown-transit",
@@ -398,29 +409,29 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
         onLeaveCancelled: De
       }, {
         default: Ae(() => [
-          Re(Z("div", {
+          Re(ee("div", {
             id: o.dropdownId,
-            class: z(pe.value),
-            style: ne(fe.value),
+            class: z(de.value),
+            style: re(ce.value),
             ref_key: "refElDropdown",
             ref: a,
-            onMouseleave: t[5] || (t[5] = (r) => V(r))
+            onMouseleave: t[5] || (t[5] = (r) => X(r))
           }, [
             p.isUseDropdownArrow ? (L(), A("div", {
               key: 0,
               class: "arrow",
-              style: ne(ce.value)
-            }, null, 4)) : (L(), A(re, { key: 1 }, [], 64)),
-            te(e.$slots, "dropdown")
-          ], 46, Fe), [
+              style: re(ue.value)
+            }, null, 4)) : (L(), A(se, { key: 1 }, [], 64)),
+            ne(e.$slots, "dropdown")
+          ], 46, We), [
             [_e, o.isShowOpen]
           ])
         ]),
         _: 3
-      }, 8, ["enter-active-class", "leave-active-class"])) : (L(), A(re, { key: 1 }, [], 64))
-    ], 10, Ue));
+      }, 8, ["enter-active-class", "leave-active-class"])) : (L(), A(se, { key: 1 }, [], 64))
+    ], 10, $e));
   }
 });
 export {
-  Ge as _
+  Ve as _
 };

package/buildLibs/utils/Shared/BaseTransition.vue_vue_type_script_setup_true_lang-CmETUA__.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue");;/* empty css               */const f=require("./base-DbuX_Y3x.js"),x=require("./index-rFJmbgyH.js"),L=require("./Index.vue_vue_type_script_setup_true_lang-CPwtuGiA.js"),q=require("./focusTrap-95OmT9bf.js"),M=["id"],D={class:"modal-content"},V=t.defineComponent({name:"ClModalTransition",__name:"BaseTransition",props:{id:String,className:String,isBackClick:{type:Boolean,default:!0},width:{type:String,default:"600px"},classTransitionEnter:{type:String,default:"animated fadeInDown"},classTransitionLeave:{type:String,default:"animated fadeOutUp"},teleportTarget:{type:String,default:""},isEscapeClose:{type:Boolean,default:!0},isFocusTrap:{type:Boolean,default:!0}},emits:{onClickBack:()=>!0},setup(c,{expose:y,emit:h}){const a=c,v=h,i=new Map;let l=!1;const d=new Map,u=t.useTemplateRef("refElParent"),p=t.useTemplateRef("refElDialog"),s=t.reactive({isShow:!1}),k=t.computed(()=>f.CommonBase.getJsonMerge({"panel-modal":!0},x.CommonElement.getClassNameJson(a.className))),E=t.computed(()=>({modal:!0,fade:!0,show:s.isShow})),T=t.computed(()=>{const e={};return f.CommonBase.isEmpty(a.width)||(e.width=a.width),e}),S=()=>{v("onClickBack")},_=e=>{const o=i.get(e)??0;i.set(e,o+1),!(o>0||/\bmodal-open\b/.test(e.className))&&(d.set(e,e===document.body?{x:window.scrollX,y:window.scrollY}:{x:e.scrollLeft,y:e.scrollTop}),e.className+=" modal-open",e===document.body&&(l=!0))},C=e=>{const o=i.get(e)??0;if(!(o<=0))if(o===1){i.delete(e),e===document.body?l&&(e.className=e.className.replace(/\bmodal-open\b/g,"").trim(),l=!1):e.className=e.className.replace(/\bmodal-open\b/g,"").trim();const n=d.get(e);n&&(d.delete(e),requestAnimationFrame(()=>{e===document.body?window.scrollTo(n.x,n.y):(e.scrollTop=n.y,e.scrollLeft=n.x)}))}else i.set(e,o-1)},w=()=>{const e=a.teleportTarget;if(f.CommonBase.isEmpty(e)||e==="body")return document.body;if(e==="self"){const n=u.value?u.value.parentElement:null;if(!n)return null;let r=n;for(;r&&r!==document.body;){if(window.getComputedStyle(r).position!=="static")return r;r=r.parentElement}return document.body}const o=document.querySelector(e);return o===document.body?document.body:o??document.body},g=()=>{if(s.isShow){const e=w();e&&_(e)}else{const e=w();e&&C(e)}},m=()=>{s.isShow=!1};q.useFocusTrap(p,t.computed(()=>a.isFocusTrap&&s.isShow),{onEscape:()=>{a.isEscapeClose&&m()},isEscapeClose:()=>a.isEscapeClose}),t.onBeforeUnmount(()=>{s.isShow&&g()}),t.watch(()=>s.isShow,()=>{g()});const b=e=>{a.isBackClick&&e.currentTarget===e.target&&(m(),S())},B=()=>{},N=()=>{};return y({show:()=>{s.isShow=!0},hide:()=>{m()}}),(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(k.value),id:c.id,ref_key:"refElParent",ref:u},[t.createVNode(t.Transition,{"enter-active-class":c.classTransitionEnter,"leave-active-class":c.classTransitionLeave,onEnter:B,onAfterLeave:N},{default:t.withCtx(()=>[t.withDirectives(t.createElementVNode("div",{class:t.normalizeClass(E.value),role:"dialog","aria-modal":"true",tabindex:"-1",ref_key:"refElDialog",ref:p},[t.createElementVNode("div",{class:"modal-wrapper",onClick:b},[t.createElementVNode("div",{class:"modal-dialog",style:t.normalizeStyle(T.value)},[t.createElementVNode("div",D,[t.renderSlot(e.$slots,"default")])],4)])],2),[[t.vShow,s.isShow]])]),_:3},8,["enter-active-class","leave-active-class"]),t.createVNode(L._sfc_main,{show:s.isShow,zIndex:999999,isLockScroll:!1,background:"var(--cl-mask, rgba(0, 0, 0, 0.3))",duration:150,teleportTarget:c.teleportTarget},null,8,["show","teleportTarget"])],10,M))}});exports._sfc_main=V;

package/buildLibs/utils/Shared/BaseTransition.vue_vue_type_script_setup_true_lang-D4VcdHQo.js

@@ -0,0 +1,193 @@
+import { defineComponent as P, useTemplateRef as h, reactive as F, computed as c, onBeforeUnmount as z, watch as q, openBlock as A, createElementBlock as I, normalizeClass as k, createVNode as v, Transition as J, withCtx as O, withDirectives as U, createElementVNode as l, normalizeStyle as V, renderSlot as $, vShow as H } from "vue";
+/* empty css              */
+import { C as p } from "./base-fr2I80sU.js";
+import { C as R } from "./index-B477PjJ3.js";
+import { _ as X } from "./Index.vue_vue_type_script_setup_true_lang-Cx56SGXr.js";
+import { u as Y } from "./focusTrap-BYhFRjSm.js";
+const j = ["id"], G = { class: "modal-content" }, ae = /* @__PURE__ */ P({
+  name: "ClModalTransition",
+  __name: "BaseTransition",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识，从父组件透传用于 DOM 查询
+    className: String,
+    // desc: 自定义 CSS 类名
+    isBackClick: {
+      type: Boolean,
+      default: !0
+      // desc: 是否允许点击遮罩关闭
+    },
+    width: {
+      type: String,
+      default: "600px"
+      // desc: 弹窗宽度
+    },
+    classTransitionEnter: {
+      type: String,
+      default: "animated fadeInDown"
+      // desc: 进入动画类名
+    },
+    classTransitionLeave: {
+      type: String,
+      default: "animated fadeOutUp"
+      // desc: 离开动画类名
+    },
+    teleportTarget: {
+      type: String,
+      default: ""
+      // desc: 遮罩挂载目标 | enum: 空→body、self、#id（指定容器 id）
+    },
+    isEscapeClose: {
+      type: Boolean,
+      default: !0
+      // desc: 是否允许按 Esc 关闭（键盘用户的主要退出方式）
+    },
+    isFocusTrap: {
+      type: Boolean,
+      default: !0
+      // desc: 是否启用焦点陷阱（打开后 Tab 循环在弹窗内，关闭后焦点还原到触发元素）
+    }
+  },
+  emits: {
+    onClickBack: () => !0
+    // desc: 点击遮罩层时触发
+  },
+  setup(r, { expose: S, emit: T }) {
+    const s = r, C = T, i = /* @__PURE__ */ new Map();
+    let d = !1;
+    const m = /* @__PURE__ */ new Map(), u = h("refElParent"), w = h("refElDialog"), o = F({
+      isShow: !1
+    }), E = c(() => p.getJsonMerge(
+      { "panel-modal": !0 },
+      R.getClassNameJson(s.className)
+    )), b = c(() => ({
+      modal: !0,
+      fade: !0,
+      show: o.isShow
+    })), _ = c(() => {
+      const e = {};
+      return p.isEmpty(s.width) || (e.width = s.width), e;
+    }), B = () => {
+      C("onClickBack");
+    }, L = (e) => {
+      const t = i.get(e) ?? 0;
+      i.set(e, t + 1), !(t > 0 || /\bmodal-open\b/.test(e.className)) && (m.set(
+        e,
+        e === document.body ? { x: window.scrollX, y: window.scrollY } : { x: e.scrollLeft, y: e.scrollTop }
+      ), e.className += " modal-open", e === document.body && (d = !0));
+    }, N = (e) => {
+      const t = i.get(e) ?? 0;
+      if (!(t <= 0))
+        if (t === 1) {
+          i.delete(e), e === document.body ? d && (e.className = e.className.replace(/\bmodal-open\b/g, "").trim(), d = !1) : e.className = e.className.replace(/\bmodal-open\b/g, "").trim();
+          const a = m.get(e);
+          a && (m.delete(e), requestAnimationFrame(() => {
+            e === document.body ? window.scrollTo(a.x, a.y) : (e.scrollTop = a.y, e.scrollLeft = a.x);
+          }));
+        } else
+          i.set(e, t - 1);
+    }, g = () => {
+      const e = s.teleportTarget;
+      if (p.isEmpty(e) || e === "body") return document.body;
+      if (e === "self") {
+        const a = u.value ? u.value.parentElement : null;
+        if (!a) return null;
+        let n = a;
+        for (; n && n !== document.body; ) {
+          if (window.getComputedStyle(n).position !== "static") return n;
+          n = n.parentElement;
+        }
+        return document.body;
+      }
+      const t = document.querySelector(e);
+      return t === document.body ? document.body : t ?? document.body;
+    }, y = () => {
+      if (o.isShow) {
+        const e = g();
+        e && L(e);
+      } else {
+        const e = g();
+        e && N(e);
+      }
+    }, f = () => {
+      o.isShow = !1;
+    };
+    Y(w, c(() => s.isFocusTrap && o.isShow), {
+      onEscape: () => {
+        s.isEscapeClose && f();
+      },
+      isEscapeClose: () => s.isEscapeClose
+    }), z(() => {
+      o.isShow && y();
+    }), q(
+      () => o.isShow,
+      () => {
+        y();
+      }
+    );
+    const x = (e) => {
+      s.isBackClick && e.currentTarget === e.target && (f(), B());
+    }, M = () => {
+    }, D = () => {
+    };
+    return S({
+      show: () => {
+        o.isShow = !0;
+      },
+      hide: () => {
+        f();
+      }
+    }), (e, t) => (A(), I("div", {
+      class: k(E.value),
+      id: r.id,
+      ref_key: "refElParent",
+      ref: u
+    }, [
+      v(J, {
+        "enter-active-class": r.classTransitionEnter,
+        "leave-active-class": r.classTransitionLeave,
+        onEnter: M,
+        onAfterLeave: D
+      }, {
+        default: O(() => [
+          U(l("div", {
+            class: k(b.value),
+            role: "dialog",
+            "aria-modal": "true",
+            tabindex: "-1",
+            ref_key: "refElDialog",
+            ref: w
+          }, [
+            l("div", {
+              class: "modal-wrapper",
+              onClick: x
+            }, [
+              l("div", {
+                class: "modal-dialog",
+                style: V(_.value)
+              }, [
+                l("div", G, [
+                  $(e.$slots, "default")
+                ])
+              ], 4)
+            ])
+          ], 2), [
+            [H, o.isShow]
+          ])
+        ]),
+        _: 3
+      }, 8, ["enter-active-class", "leave-active-class"]),
+      v(X, {
+        show: o.isShow,
+        zIndex: 999999,
+        isLockScroll: !1,
+        background: "var(--cl-mask, rgba(0, 0, 0, 0.3))",
+        duration: 150,
+        teleportTarget: r.teleportTarget
+      }, null, 8, ["show", "teleportTarget"])
+    ], 10, j));
+  }
+});
+export {
+  ae as _
+};

package/buildLibs/utils/Shared/Column.css

@@ -0,0 +1 @@
+.panel-picker{display:flex;flex-direction:column;overflow:hidden;background:var(--cl-bg, #ffffff);font-size:16px;color:var(--cl-text-primary, #323233);user-select:none;-webkit-user-select:none}.picker-toolbar{display:flex;align-items:center;justify-content:space-between;height:44px;flex-shrink:0}.picker-toolbar--bottom{border-top:1px solid var(--cl-border, #cfcfcf)}.picker-toolbar-btn{height:100%;padding:0 16px;border:none;background:transparent;font-size:14px;color:var(--cl-text-secondary, #666666);cursor:pointer;line-height:44px}.picker-toolbar-btn--cancel:active{opacity:.6}.picker-toolbar-btn--confirm{color:var(--cl-primary, #1088f0);font-weight:500}.picker-toolbar-btn--confirm:active{opacity:.6}.picker-toolbar-title{flex:1;text-align:center;font-size:16px;font-weight:500;color:var(--cl-text-primary, #323233);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.picker-columns{position:relative;display:flex;overflow:hidden}.picker-frame{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);border-top:1px solid var(--cl-border, #cfcfcf);border-bottom:1px solid var(--cl-border, #cfcfcf);pointer-events:none;z-index:2}.picker-columns:before,.picker-columns:after{content:"";position:absolute;left:0;right:0;height:22%;z-index:3;pointer-events:none}.picker-columns:before{top:0;background:linear-gradient(to bottom,var(--cl-bg, #ffffff),var(--cl-white-alpha-60, rgba(255, 255, 255, .6)))}.picker-columns:after{bottom:0;background:linear-gradient(to top,var(--cl-bg, #ffffff),var(--cl-white-alpha-60, rgba(255, 255, 255, .6)))}.picker-column{position:relative;flex:1;overflow:hidden}.picker-column+.picker-column:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);height:40%;width:1px;background:var(--cl-border, #cfcfcf);z-index:3}.picker-column-list{width:100%;will-change:transform}.picker-column-item{display:flex;align-items:center;justify-content:center;padding:0 6px;font-size:16px;color:var(--cl-text-primary, #323233);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transform-origin:center center;backface-visibility:hidden}.picker-column-item--active{font-weight:600;color:var(--cl-text-primary, #323233)}.picker-column-item--disabled{color:var(--cl-text-disabled, #c8c9cc)}.picker-loading-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--cl-white-alpha-80, rgba(255, 255, 255, .7));z-index:4}.picker-readonly{cursor:default}

package/buildLibs/utils/Shared/Column.vue_vue_type_script_setup_true_lang-ByGDRcgX.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),x=require("./base-DbuX_Y3x.js"),V=["aria-readonly"],P=["aria-selected"],G={key:0},X=["innerHTML"],A=300,j=15,J=.003,S=.3,K=t.defineComponent({name:"ClPickerColumn",__name:"Column",props:{className:String,optionsList:{type:Array,default:()=>[]},valueIndex:{type:Number,default:0},itemHeight:{type:Number,default:44},showNum:{type:Number,default:6},inertiaDuration:{type:Number,default:1e3},isAllowHtml:Boolean,isReadonly:Boolean},emits:["onSelect"],setup(h,{emit:F}){const n=h,O=F,$=`pickerColumn-${x.CommonBase.getRandom(5)}`,r=t.ref((Math.max(1,n.showNum)*n.itemHeight-n.itemHeight)/2-(x.CommonBase.isFinite(n.valueIndex)&&n.valueIndex>=0?n.valueIndex:0)*n.itemHeight),v=t.ref(0),m=t.ref(!1),f=t.ref(0),M=t.ref(0);let l=null,p=0,g=0,k=0;const b=t.computed(()=>Math.max(1,n.showNum)*n.itemHeight),u=t.computed(()=>(b.value-n.itemHeight)/2),y=t.computed(()=>r.value+v.value),H=t.computed(()=>(u.value-y.value)/n.itemHeight),R=t.computed(()=>({height:`${b.value}px`})),z=t.computed(()=>({transform:`translateY(${y.value}px)`,transition:f.value>0?`transform ${f.value}ms cubic-bezier(0.23, 1, 0.32, 1)`:"none"})),L=e=>({"picker-column-item--active":Math.round(H.value)===e,"picker-column-item--disabled":!!n.optionsList[e]?.disabled}),Y=e=>{const i=Math.abs(e-H.value);return{height:`${n.itemHeight}px`,lineHeight:`${n.itemHeight}px`,opacity:Math.max(1-i*.4,0),transform:`rotateX(${-i*12}deg) scale(${Math.max(1-i*.15,.5)})`}},B=e=>{if("touches"in e){const i=e.touches;return i.length>0?i[0].clientY:0}return e.clientY},T=e=>Math.round((u.value-e)/n.itemHeight),D=e=>{const i=n.optionsList.length;if(i===0)return e;const a=r.value+e,o=u.value,d=u.value-(i-1)*n.itemHeight;let s=a;return s>o?s=o+(s-o)*S:s<d&&(s=d+(s-d)*S),s-r.value},q=e=>{const i=n.optionsList.length;if(i===0){r.value=u.value,v.value=0;return}const a=T(y.value);let o=T(e);if(o=Math.min(Math.max(o,0),i-1),n.optionsList[o]?.disabled){let s=-1;for(let c=1;c<i;c++){if(o-c>=0&&!n.optionsList[o-c]?.disabled){s=o-c;break}if(o+c<i&&!n.optionsList[o+c]?.disabled){s=o+c;break}}s>=0?o=s:o=a}r.value=u.value-o*n.itemHeight;const d=Math.abs(o-a);f.value=Math.min(n.inertiaDuration,Math.max(200,d*150)),v.value=0,o!==n.valueIndex&&O("onSelect",o)},C=(e=>w(e)),N=(e=>_(e)),U=()=>{document.addEventListener("mousemove",C),document.addEventListener("mouseup",N)},I=()=>{document.removeEventListener("mousemove",C),document.removeEventListener("mouseup",N)};t.onBeforeUnmount(()=>{I(),l!==null&&cancelAnimationFrame(l)}),t.watch(()=>n.valueIndex,e=>{m.value||!x.CommonBase.isFinite(e)||e<0||(r.value=u.value-e*n.itemHeight,f.value=200)}),t.watch(()=>n.optionsList,()=>{if(m.value)return;const e=n.optionsList.length;let i=x.CommonBase.isFinite(n.valueIndex)&&n.valueIndex>=0?n.valueIndex:0;e>0&&(i=Math.min(i,e-1)),r.value=u.value-i*n.itemHeight,f.value=0});const E=e=>{n.isReadonly||!("touches"in e)&&e.button!==0||(m.value&&I(),M.value=B(e),g=Date.now(),k=0,m.value=!0,f.value=0,"touches"in e||U())},w=e=>{if(!m.value)return;if(!("touches"in e)&&e.buttons===0){_();return}e.preventDefault();const a=B(e)-M.value,o=Date.now();o-g>A&&(g=o,k=a),l===null&&(l=requestAnimationFrame(()=>{l=null,v.value=D(p)})),p=a},_=e=>{if(!m.value)return;if(m.value=!1,I(),e?.type==="touchcancel"){v.value=0;return}l!==null&&(cancelAnimationFrame(l),l=null,v.value=D(p));const i=p-k,a=Date.now()-g,d=a>0&&a<A&&Math.abs(i)>j?Math.abs(i)/a/J*(i<0?-1:1):0;q(y.value+d)};return(e,i)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["picker-column",h.className]),style:t.normalizeStyle(R.value),role:"listbox","aria-readonly":h.isReadonly||void 0,onTouchstart:E,onTouchmove:w,onTouchend:_,onTouchcancel:_,onMousedown:E},[t.createElementVNode("div",{class:"picker-column-list",style:t.normalizeStyle(z.value)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(h.optionsList,(a,o)=>(t.openBlock(),t.createElementBlock("div",{key:`${$}-${o}`,class:t.normalizeClass(["picker-column-item",L(o)]),style:t.normalizeStyle(Y(o)),role:"option","aria-selected":L(o)["picker-column-item--active"]||void 0},[h.isAllowHtml?(t.openBlock(),t.createElementBlock("span",{key:1,innerHTML:a.text},null,8,X)):(t.openBlock(),t.createElementBlock("span",G,t.toDisplayString(a.text),1))],14,P))),128))],4)],46,V))}});exports._sfc_main=K;