@cldemo/ui-kit 1.1.0 → 1.1.2

package/buildLibs/modules/dateTime.d.ts

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

package/buildLibs/modules/dateTime.js

@@ -1,4 +1 @@
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-DWJ1bJbw.js";
-export {
-  f as default
-};
+export { default } from '../utils/Web/ClDateTime.js';

package/buildLibs/modules/divider.d.ts

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

package/buildLibs/modules/divider.js

@@ -1,4 +1 @@
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-CqIT3zxY.js";
-export {
-  f as default
-};
+export { default } from '../utils/Element/ClDivider.js';

package/buildLibs/modules/dropdownMenu.d.ts

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

package/buildLibs/modules/dropdownMenu.js

@@ -1,168 +1 @@
-import { defineComponent as M, useTemplateRef as j, computed as J, ref as h, reactive as I, onMounted as q, onBeforeUnmount as F, provide as H, openBlock as f, createBlock as K, unref as l, withCtx as E, createElementVNode as m, renderSlot as w, createElementBlock as L, createTextVNode as k, toDisplayString as A, createVNode as R } from "vue";
-import { C as S } from "./shared/base-fr2I80sU.js";
-import { C as z } from "./shared/index-B477PjJ3.js";
-import { _ as G } from "./shared/Popup.vue_vue_type_script_setup_true_lang-YVBgERG9.js";
-import { _ as Q } from "./shared/Index.vue_vue_type_script_setup_true_lang-DapaVMSO.js";
-const W = ["id"], X = { class: "dropdownLayer-text-render" }, Y = { class: "dropdownLayer-text-arrow" }, Z = ["id"], ee = ["aria-labelledby"], ae = /* @__PURE__ */ M({
-  name: "ClDropdownMenu",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义 CSS 类名
-    classDropDown: String,
-    // desc: 自定义下拉面板 CSS 类名
-    label: String,
-    // desc: 按钮文本
-    direction: {
-      type: String,
-      default: "left",
-      // desc: 下拉箭头位置（透传至弹出层）| enum: left, right, center, top, bottom
-      validator: (o) => ["left", "right", "center", "top", "bottom"].includes(o)
-    },
-    dropDownPos: {
-      type: String,
-      default: "down",
-      // desc: 下拉面板弹出方向（透传至弹出层）| enum: down, up, left, right
-      validator: (o) => ["down", "up", "left", "right"].includes(o)
-    },
-    isUseLabelArrow: {
-      type: Boolean,
-      default: !1
-      // desc: 是否显示标签箭头
-    },
-    isUseDropdownArrow: {
-      type: Boolean,
-      default: !1
-      // desc: 是否显示下拉箭头
-    },
-    transitionEnter: String,
-    // desc: 面板进入动画类名
-    transitionLeave: String
-    // desc: 面板离开动画类名
-  },
-  emits: {
-    onChangeOpen: (o) => !0
-    // desc: 菜单打开/关闭状态变更时触发
-  },
-  setup(o, { emit: C }) {
-    const v = o, O = C, i = v.id, d = S.isNonEmptyString(i) ? `${i}-label` : void 0, c = j("refElDropdownLayer"), _ = J(() => {
-      let e = {
-        "panel-dropdown-menu": !0
-      };
-      return e = S.getJsonMerge(e, z.getClassNameJson(v.className)), Object.keys(e).join(" ");
-    }), r = h([]), t = h(void 0), g = I({
-      isOpen: !1
-    }), s = () => r.value.filter((e) => !e.disabled), D = () => {
-      s().some((a) => a.id === t.value) || (t.value = void 0);
-    }, u = (e) => {
-      e && (t.value = e.id, e.focus());
-    }, b = (e) => {
-      const n = s();
-      if (n.length === 0) return;
-      const a = n.findIndex((T) => T.id === t.value);
-      let p;
-      a < 0 ? p = e > 0 ? 0 : n.length - 1 : p = (a + e + n.length) % n.length, u(n[p]);
-    }, x = (e) => {
-      r.value.some((n) => n.id === e.id) || r.value.push(e), D();
-    }, P = (e) => {
-      r.value = r.value.filter((n) => n.id !== e.id), t.value === e.id && (t.value = void 0), D();
-    }, B = () => t.value, U = (e) => {
-      t.value = e;
-    }, $ = () => {
-      const e = c.value?.$el;
-      return e ? e.querySelector(".dropdownLayer-text") : null;
-    }, y = (e) => {
-      if (g.isOpen)
-        switch (e.key) {
-          case "ArrowDown":
-            e.preventDefault(), b(1);
-            break;
-          case "ArrowUp":
-            e.preventDefault(), b(-1);
-            break;
-          case "Home": {
-            e.preventDefault();
-            const n = s();
-            u(n[0]);
-            break;
-          }
-          case "End": {
-            e.preventDefault();
-            const n = s();
-            u(n[n.length - 1]);
-            break;
-          }
-        }
-    }, N = () => {
-      $()?.focus();
-    }, V = (e) => {
-      O("onChangeOpen", e), g.isOpen = e, e ? t.value = void 0 : N();
-    };
-    return q(() => {
-      document.addEventListener("keydown", y, !0);
-    }), F(() => {
-      document.removeEventListener("keydown", y, !0);
-    }), H(
-      "$DropdownmenuTop",
-      I({
-        hideDropdown: () => {
-          c.value?.setOpen(!1);
-        },
-        registerItem: x,
-        unregisterItem: P,
-        activeItemId: B,
-        setActiveItemId: U
-      })
-    ), (e, n) => (f(), K(G, {
-      ref_key: "refElDropdownLayer",
-      ref: c,
-      id: l(i),
-      classParent: _.value,
-      classDropDown: o.classDropDown,
-      dropdownArrowPos: o.direction,
-      dropDownPos: o.dropDownPos,
-      isUseDropdownArrow: o.isUseDropdownArrow,
-      transitionEnter: o.transitionEnter,
-      transitionLeave: o.transitionLeave,
-      onOnChangeOpen: V
-    }, {
-      label: E(() => [
-        o.isUseLabelArrow ? (f(), L("div", {
-          key: 0,
-          id: l(d),
-          class: "dropdownLayer-text-container"
-        }, [
-          m("div", X, [
-            w(e.$slots, "label", {}, () => [
-              k(A(o.label), 1)
-            ])
-          ]),
-          m("div", Y, [
-            R(Q, { name: "angle-down" })
-          ])
-        ], 8, W)) : (f(), L("span", {
-          key: 1,
-          id: l(d)
-        }, [
-          w(e.$slots, "label", {}, () => [
-            k(A(o.label), 1)
-          ])
-        ], 8, Z))
-      ]),
-      dropdown: E(() => [
-        m("ul", {
-          role: "menu",
-          "aria-labelledby": l(d)
-        }, [
-          w(e.$slots, "default")
-        ], 8, ee)
-      ]),
-      _: 3
-    }, 8, ["id", "classParent", "classDropDown", "dropdownArrowPos", "dropDownPos", "isUseDropdownArrow", "transitionEnter", "transitionLeave"]));
-  }
-});
-export {
-  ae as default
-};
+export { default } from '../utils/Web/ClDropdownMenu.js';

package/buildLibs/modules/dropdownMenuItem.d.ts

@@ -1 +1 @@
-export type { default } from '../types/Web/DropdownMenu/Item.vue.d.ts';
+export { default } from '../types/Web/DropdownMenu/Item.vue.d.ts';

package/buildLibs/modules/dropdownMenuItem.js

@@ -1,88 +1 @@
-import { defineComponent as D, inject as g, useTemplateRef as k, computed as l, onMounted as w, onBeforeUnmount as _, openBlock as m, createElementBlock as u, unref as c, normalizeClass as x, createVNode as y, withCtx as M, renderSlot as B } from "vue";
-import { _ as E } from "./shared/Index.vue_vue_type_script_setup_true_lang-CoQ8bldZ.js";
-import { C as s } from "./shared/base-fr2I80sU.js";
-import { C as h } from "./shared/index-B477PjJ3.js";
-const N = ["id"], S = ["id", "tabindex", "aria-disabled"], R = /* @__PURE__ */ D({
-  name: "ClDropdownMenuItem",
-  __name: "Item",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义 CSS 类名
-    url: String,
-    // desc: 链接地址
-    disabled: {
-      type: Boolean,
-      default: !1
-      // desc: 是否禁用
-    },
-    isDivider: {
-      type: Boolean,
-      default: !1
-      // desc: 是否为分割线
-    },
-    extData: Object
-    // desc: 扩展数据，点击时回调传出
-  },
-  emits: {
-    onClick: (t) => !0
-    // desc: 点击菜单项时触发
-  },
-  setup(t, { emit: f }) {
-    const e = t, p = f, o = e.id, i = g("$DropdownmenuTop"), a = k("refElItem"), n = s.isNonEmptyString(o) ? o : `dropdownMenuItem-${s.getRandom(8)}`, b = l(() => {
-      let d = {
-        "dropdownMenu-item": !0,
-        "dropdownMenu-item-disabled": e.disabled,
-        "panel-dropdown-menu-item": !0
-      };
-      return d = s.getJsonMerge(d, h.getClassNameJson(e.className)), d;
-    }), I = l(() => {
-      if (!(e.disabled || e.isDivider))
-        return i?.activeItemId() === n ? 0 : -1;
-    }), r = () => {
-      a.value?.focus();
-    }, v = () => {
-      e.disabled || i?.setActiveItemId(n);
-    };
-    w(() => {
-      e.isDivider || i?.registerItem({ id: n, disabled: e.disabled, focus: r });
-    }), _(() => {
-      e.isDivider || i?.unregisterItem({ id: n, disabled: e.disabled, focus: r });
-    });
-    const C = () => {
-      e.disabled || (i?.hideDropdown(), p("onClick", e.extData));
-    };
-    return (d, T) => t.isDivider ? (m(), u("li", {
-      key: 0,
-      id: c(o),
-      role: "separator",
-      class: "dropdownMenu-divider"
-    }, null, 8, N)) : (m(), u("li", {
-      key: 1,
-      id: c(o),
-      role: "menuitem",
-      tabindex: I.value,
-      "aria-disabled": t.disabled ? "true" : void 0,
-      class: x(b.value),
-      ref_key: "refElItem",
-      ref: a,
-      onFocus: v
-    }, [
-      y(E, {
-        url: t.url,
-        disabled: t.disabled,
-        isHideUnderline: !0,
-        onOnClick: C
-      }, {
-        default: M(() => [
-          B(d.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["url", "disabled"])
-    ], 42, S));
-  }
-});
-export {
-  R as default
-};
+export { default } from '../utils/Web/ClDropdownMenuItem.js';

package/buildLibs/modules/dropdownMenuM.d.ts

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

package/buildLibs/modules/dropdownMenuM.js

@@ -1,216 +1 @@
-import { defineComponent as F, ref as m, useTemplateRef as P, computed as r, provide as R, watch as q, nextTick as H, onMounted as J, onActivated as Z, onDeactivated as U, onBeforeUnmount as j, openBlock as v, createElementBlock as E, normalizeClass as G, unref as K, createElementVNode as Q, renderSlot as W, createBlock as X, Teleport as Y, createVNode as ee, Transition as te, withCtx as oe, normalizeStyle as ne, createCommentVNode as re, Fragment as se } from "vue";
-import { C as c } from "./shared/base-fr2I80sU.js";
-import { C as le } from "./shared/index-B477PjJ3.js";
-/* empty css                      */
-const ie = ["id"], ae = { class: "dropdownmenum-bar" }, be = /* @__PURE__ */ F({
-  name: "ClDropdownMenuM",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    activeColor: {
-      type: String,
-      default: "var(--cl-primary, #1088f0)"
-      // desc: 菜单标题和选项的选中态颜色
-    },
-    direction: {
-      type: String,
-      default: "down",
-      // desc: 菜单展开方向 | enum: down, up
-      validator: (f) => ["down", "up"].includes(f)
-    },
-    zIndex: {
-      type: Number,
-      default: 2e3
-      // desc: 菜单栏与弹出层 z-index 层级
-    },
-    duration: {
-      type: Number,
-      default: 200
-      // desc: 菜单展开/收起动画时长(ms)
-    },
-    isOverlay: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示遮罩层
-    },
-    isCloseOnClickOverlay: {
-      type: Boolean,
-      default: !0
-      // desc: 点击遮罩层后是否关闭菜单
-    },
-    isCloseOnClickOutside: {
-      type: Boolean,
-      default: !0
-      // desc: 是否在点击外部元素后关闭菜单
-    },
-    teleportTarget: {
-      type: String,
-      default: ""
-      // desc: 弹出层挂载目标 | enum: 空→body、self、#id（指定容器 id）
-    }
-  },
-  emits: ["onOpen", "onClose", "onOpened", "onClosed", "onClickOverlay"],
-  setup(f, { expose: h, emit: S }) {
-    const o = f, i = S, N = o.id, n = m(-1);
-    let T = 0;
-    const a = P("rootEl"), d = m(!1), w = m(!1), y = m({
-      top: 0,
-      left: 0,
-      width: 0,
-      bottom: 0,
-      baseTop: 0,
-      baseLeft: 0,
-      baseBottom: 0
-    }), C = r(() => o.direction === "up" ? "up" : "down"), z = r(() => o.activeColor), b = r(
-      () => c.isFinite(o.duration) && o.duration > 0 ? o.duration : 200
-    ), _ = r(() => {
-      const e = Number(o.zIndex);
-      return c.isFinite(e) && e > 0 ? Math.round(e) : 2e3;
-    }), B = r(() => {
-      const e = o.teleportTarget;
-      return c.isNonEmptyString(e) && /^[#.][A-Za-z_][\w-]*$/.test(e) ? e : "body";
-    }), I = r(() => o.teleportTarget === "self"), A = r(() => {
-      const e = {
-        "panel-dropdown-menu-m": !0,
-        "dropdownmenum--up": C.value === "up"
-      };
-      return c.getJsonMerge(e, le.getClassNameJson(o.className));
-    }), M = r(() => {
-      const e = y.value, t = {
-        zIndex: _.value - 1,
-        left: 0,
-        right: 0,
-        "--dropdownmenum-duration": `${b.value}ms`
-      };
-      return C.value === "up" ? (t.top = 0, t.bottom = `${e.baseBottom - e.top}px`) : (t.top = `${e.bottom - e.baseTop}px`, t.bottom = 0), t;
-    }), D = () => {
-      const e = o.teleportTarget;
-      if (c.isNonEmptyString(e) && e.charAt(0) === "#") {
-        const t = document.querySelector(e);
-        if (t instanceof HTMLElement) {
-          let l = t;
-          for (; l && l !== document.body; ) {
-            if (window.getComputedStyle(l).transform !== "none") {
-              const k = l.getBoundingClientRect();
-              return { top: k.top, left: k.left, bottom: k.bottom };
-            }
-            l = l.parentElement;
-          }
-        }
-      }
-      return { top: 0, left: 0, bottom: window.innerHeight };
-    }, g = () => {
-      if (!a.value) return;
-      const e = a.value.getBoundingClientRect(), t = D();
-      y.value = {
-        top: e.top,
-        left: e.left,
-        width: e.width,
-        bottom: e.bottom,
-        baseTop: t.top,
-        baseLeft: t.left,
-        baseBottom: t.bottom
-      };
-    }, u = () => {
-      n.value !== -1 && g();
-    }, L = () => {
-      window.addEventListener("scroll", u, !0), window.addEventListener("resize", u);
-    }, O = () => {
-      window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
-    }, s = (e) => {
-      const t = n.value !== -1;
-      n.value = e, e !== -1 ? t || i("onOpen") : t && i("onClose");
-    }, V = () => {
-      i("onClickOverlay"), o.isCloseOnClickOverlay && s(-1);
-    }, x = (e) => {
-      n.value === e ? s(-1) : s(e);
-    };
-    R("$DropdownMenuMTop", {
-      activeIndex: n,
-      direction: C,
-      activeColor: z,
-      zIndex: _,
-      duration: b,
-      teleportTo: B,
-      isTeleportDisabled: I,
-      barPos: y,
-      registerItem: () => {
-        const e = T;
-        return T++, e;
-      },
-      toggleItem: x,
-      setActiveIndex: (e) => {
-        s(e);
-      }
-    });
-    const p = (e) => {
-      if (!o.isCloseOnClickOutside || n.value === -1) return;
-      const t = e.target ?? null;
-      t instanceof Element && t.closest(".dropdownmenum-panel, .dropdownmenum-overlay") || a.value && a.value.contains(t) || s(-1);
-    };
-    q(n, (e) => {
-      e !== -1 ? (d.value = !0, g(), L(), H(() => {
-        n.value !== -1 && o.isOverlay && (w.value = !0);
-      })) : (w.value = !1, o.isOverlay || (d.value = !1), O());
-    });
-    const $ = () => {
-      n.value === -1 && (d.value = !1), i("onClosed");
-    };
-    return J(() => {
-      document.addEventListener("click", p);
-    }), Z(() => {
-      document.addEventListener("click", p), n.value !== -1 && (g(), L());
-    }), U(() => {
-      document.removeEventListener("click", p), O();
-    }), j(() => {
-      document.removeEventListener("click", p), O();
-    }), h({
-      toggle: (e) => {
-        x(e);
-      },
-      open: (e) => {
-        s(e);
-      },
-      close: () => {
-        s(-1);
-      }
-    }), (e, t) => (v(), E("div", {
-      ref_key: "rootEl",
-      ref: a,
-      id: K(N),
-      class: G(A.value)
-    }, [
-      Q("div", ae, [
-        W(e.$slots, "default")
-      ]),
-      d.value ? (v(), X(Y, {
-        key: 0,
-        to: B.value,
-        disabled: I.value
-      }, [
-        ee(te, {
-          name: "dropdownmenum-fade",
-          duration: b.value,
-          onAfterEnter: t[0] || (t[0] = (l) => i("onOpened")),
-          onAfterLeave: $
-        }, {
-          default: oe(() => [
-            w.value ? (v(), E("div", {
-              key: 0,
-              class: "dropdownmenum-overlay",
-              style: ne(M.value),
-              onClick: V
-            }, null, 4)) : re("", !0)
-          ]),
-          _: 1
-        }, 8, ["duration"])
-      ], 8, ["to", "disabled"])) : (v(), E(se, { key: 1 }, [], 64))
-    ], 10, ie));
-  }
-});
-export {
-  be as default
-};
+export { default } from '../utils/Mobile/ClDropdownMenuM.js';

package/buildLibs/modules/dropdownMenuMItem.d.ts

@@ -1 +1 @@
-export type { default } from '../types/Mobile/DropdownMenuM/Item.vue.d.ts';
+export { default } from '../types/Mobile/DropdownMenuM/Item.vue.d.ts';