@cldemo/ui-kit 1.1.0 → 1.1.2

package/buildLibs/modules/collapse.js

@@ -1,133 +1 @@
-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 { _ as J } from "./shared/SlideUpDown.vue_vue_type_script_setup_true_lang-oxIvThpq.js";
-import { _ as R } from "./shared/Index.vue_vue_type_script_setup_true_lang-DapaVMSO.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,
-  class: "collapse-body"
-}, j = 300, q = 50, ee = /* @__PURE__ */ S({
-  name: "ClCollapse",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    isOperate: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示折叠操作箭头
-    },
-    isExpanded: {
-      type: Boolean,
-      default: !0
-      // desc: 是否展开，支持响应式受控
-    },
-    isCollapseOnTitle: {
-      type: Boolean,
-      default: !1
-      // desc: 是否允许点击标题区域折叠/展开
-    },
-    isDestroyOnCollapse: {
-      type: Boolean,
-      default: !1
-      // desc: 是否在折叠时销毁内容（v-if 语义），默认仅切换显示保留内容
-    }
-  },
-  emits: {
-    onCollapse: (l) => !0
-    // desc: 展开/折叠状态变更时触发
-  },
-  setup(l, { emit: y }) {
-    const s = l, h = y, O = `collapse-${o.getRandom(8)}`, e = M({
-      isExpanded: o.isBoolean(s.isExpanded) ? s.isExpanded : !0,
-      isAnimating: !1
-    });
-    let i = null;
-    const T = j + q, t = d(
-      () => o.isBoolean(s.isCollapseOnTitle) ? s.isCollapseOnTitle : !1
-    ), B = d(() => o.isNonEmptyString(s.id) ? s.id : O), b = d(() => o.getJsonMerge(
-      { "panel-collapse": !0 },
-      L.getClassNameJson(s.className)
-    )), k = d(() => ({
-      "collapse-operate": !0,
-      "icon-rotate": !0,
-      "rotate-180": !e.isExpanded
-    })), w = d(() => ({
-      "collapse-head": !0,
-      "collapse-head-clickable": t.value
-    })), c = () => {
-      i !== null && (clearTimeout(i), i = null);
-    };
-    I(() => {
-      c();
-    }), K(
-      () => s.isExpanded,
-      (a) => {
-        const n = o.isBoolean(a) ? a : !0;
-        e.isExpanded !== n && (c(), e.isAnimating = !1, e.isExpanded = n);
-      }
-    );
-    const r = () => {
-      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;
-      n instanceof Element && (n.closest(".collapse-operate") || r());
-    };
-    return (a, 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,
-        onClick: N,
-        onKeydown: A
-      }, [
-        f("div", P, [
-          v(a.$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 ? "折叠" : "展开",
-          onClick: r,
-          onKeydown: [
-            x(E(r, ["prevent"]), ["enter"]),
-            x(E(r, ["prevent"]), ["space"])
-          ]
-        }, [
-          C(R, { name: "angle-down" })
-        ], 42, U), [
-          [g, D(o).isBoolean(l.isOperate) ? l.isOperate : !0]
-        ])
-      ], 42, F),
-      C(J, null, {
-        default: $(() => [
-          !l.isDestroyOnCollapse || e.isExpanded ? _((p(), u("div", V, [
-            v(a.$slots, "default")
-          ], 512)), [
-            [g, e.isExpanded]
-          ]) : (p(), u(H, { key: 1 }, [], 64))
-        ]),
-        _: 3
-      })
-    ], 10, z));
-  }
-});
-export {
-  ee as default
-};
+export { default } from '../utils/Element/ClCollapse.js';

package/buildLibs/modules/colorPicker.d.ts

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