@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/collapse/Collapse.vue.js

@@ -0,0 +1,119 @@
+import { defineComponent as x, ref as g, watch as C, computed as r, createElementBlock as h, openBlock as k, mergeProps as I, renderSlot as S } from "vue";
+import P from "classnames";
+import { cssClasses as B } from "@douyinfe/semi-foundation/collapse/constants";
+import E from "@douyinfe/semi-foundation/utils/getDataAttr";
+import { isEqual as A } from "lodash-es";
+import { provideCollapseContext as D } from "./context.js";
+import R from "@douyinfe/semi-foundation/collapse/foundation";
+import { useFoundation as z } from "../../_utils/useFoundation.js";
+const L = /* @__PURE__ */ x({
+  __name: "Collapse",
+  props: {
+    activeKey: {},
+    defaultActiveKey: { default: "" },
+    accordion: { type: Boolean },
+    clickHeaderToExpand: { type: Boolean, default: !0 },
+    expandIcon: {},
+    collapseIcon: {},
+    style: {},
+    className: {},
+    keepDOM: { type: Boolean },
+    motion: {},
+    expandIconPosition: { default: "right" },
+    lazyRender: { type: Boolean, default: !1 },
+    children: {}
+  },
+  emits: ["change"],
+  setup(i, { emit: c }) {
+    const l = B.PREFIX, o = i, p = c, n = g(/* @__PURE__ */ new Set()), d = {
+      // CollapseAdapter specific methods
+      handleChange: (e, t) => {
+        p("change", e, t);
+      },
+      addActiveKey: (e) => {
+        n.value = e;
+      },
+      // DefaultAdapter required methods
+      getContext: (e) => {
+      },
+      getContexts: () => ({}),
+      getState: (e) => {
+        if (e === "activeSet") return n.value;
+      },
+      getStates: () => ({ activeSet: n.value }),
+      setState: (e, t) => {
+        e.activeSet !== void 0 && (n.value = e.activeSet), t && t();
+      },
+      getProp: (e) => {
+        const t = o[e];
+        return e === "motion" ? typeof t == "boolean" ? t : !!t : t;
+      },
+      getProps: () => {
+        const e = { ...o };
+        return e.motion !== void 0 && (e.motion = typeof e.motion == "boolean" ? e.motion : !!e.motion), e;
+      },
+      getCache: (e) => {
+      },
+      getCaches: () => ({}),
+      setCache: (e, t) => {
+      },
+      stopPropagation: (e) => {
+        e == null || e.stopPropagation();
+      },
+      persistEvent: (e) => {
+      }
+    }, { foundation: s } = z(R, d), u = s.initActiveKey();
+    n.value = new Set(u), C(
+      () => o.activeKey,
+      (e) => {
+        if (e !== void 0) {
+          const t = Array.isArray(e) ? e : [e], a = new Set(t);
+          A(a, n.value) || (n.value = a);
+        }
+      },
+      { deep: !0 }
+    );
+    const m = r(() => P(l, o.className)), f = r(() => {
+      const {
+        defaultActiveKey: e,
+        lazyRender: t,
+        accordion: a,
+        motion: H,
+        keepDOM: K,
+        expandIconPosition: M,
+        expandIcon: N,
+        collapseIcon: O,
+        children: T,
+        clickHeaderToExpand: F,
+        style: _,
+        className: b,
+        ...y
+      } = o;
+      return E(y);
+    }), v = r(() => ({
+      get activeSet() {
+        return n.value;
+      },
+      expandIcon: o.expandIcon,
+      collapseIcon: o.collapseIcon,
+      clickHeaderToExpand: o.clickHeaderToExpand,
+      keepDOM: o.keepDOM,
+      expandIconPosition: o.expandIconPosition,
+      onClick: (e, t) => {
+        s.handleChange(e, t);
+      },
+      motion: o.motion,
+      lazyRender: o.lazyRender
+    }));
+    return D(v), (e, t) => (k(), h("div", I({
+      class: m.value,
+      style: i.style
+    }, f.value), [
+      S(e.$slots, "default")
+    ], 16));
+  }
+});
+export {
+  L as default
+};
+//# sourceMappingURL=Collapse.vue.js.map

package/lib/es/components/collapse/Collapse.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.vue.js","sources":["../../../../src/components/collapse/Collapse.vue"],"sourcesContent":["<template>\n    <div :class=\"clsPrefix\" :style=\"style\" v-bind=\"dataAttrs\">\n        <slot></slot>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/collapse/constants';\nimport getDataAttr from '@douyinfe/semi-foundation/utils/getDataAttr';\nimport { isEqual } from 'lodash-es';\nimport type { CollapseProps, CollapseActiveKey } from './interface';\nimport { provideCollapseContext } from './context';\nimport { useFoundation } from '../_utils';\nimport CollapseFoundation from '@douyinfe/semi-foundation/collapse/foundation';\n\nconst prefixCls = cssClasses.PREFIX;\n\nconst props = withDefaults(defineProps<CollapseProps>(), {\n    defaultActiveKey: '',\n    clickHeaderToExpand: true,\n    expandIconPosition: 'right',\n    lazyRender: false,\n});\n\nconst emit = defineEmits<{\n    change: [activeKey: CollapseActiveKey, e: MouseEvent];\n}>();\n\n// State\nconst activeSet = ref<Set<string>>(new Set());\n\n// Adapter\nconst adapter = {\n    // CollapseAdapter specific methods\n    handleChange: (activeKey: CollapseActiveKey, e: MouseEvent) => {\n        emit('change', activeKey, e);\n    },\n    addActiveKey: (newSet: Set<string>) => {\n        activeSet.value = newSet;\n    },\n\n    // DefaultAdapter required methods\n    getContext: (key: string) => {\n        // Vue 没有 React Context，返回空值\n        return undefined;\n    },\n    getContexts: () => {\n        return {};\n    },\n    getState: (key: string) => {\n        if (key === 'activeSet') return activeSet.value;\n        return undefined;\n    },\n    getStates: () => ({ activeSet: activeSet.value }),\n    setState: (newState: Partial<{ activeSet: Set<string> }>, callback?: () => void) => {\n        if (newState.activeSet !== undefined) {\n            activeSet.value = newState.activeSet;\n        }\n        if (callback) {\n            callback();\n        }\n    },\n    getProp: (key: string) => {\n        const value = (props as any)[key];\n        // 转换 motion 类型：Motion -> boolean（Foundation 期望 boolean）\n        if (key === 'motion') {\n            return typeof value === 'boolean' ? value : Boolean(value);\n        }\n        return value;\n    },\n    getProps: () => {\n        // 转换 props 以匹配 Foundation 期望的类型\n        const foundationProps = { ...props } as any;\n        // 转换 motion: Motion -> boolean\n        if (foundationProps.motion !== undefined) {\n            foundationProps.motion =\n                typeof foundationProps.motion === 'boolean' ? foundationProps.motion : Boolean(foundationProps.motion);\n        }\n        return foundationProps;\n    },\n    getCache: (key: string) => {\n        return undefined;\n    },\n    getCaches: () => {\n        return {};\n    },\n    setCache: (key: string, value: any) => {\n        // 可以实现缓存设置，这里暂不实现\n    },\n    stopPropagation: (e: Event) => {\n        e?.stopPropagation();\n    },\n    persistEvent: (event: Event) => {\n        // Vue 3 不需要持久化事件\n    },\n};\n\n// Use Foundation\nconst { foundation } = useFoundation(CollapseFoundation, adapter);\n\n// Initialize activeKey\nconst initKeys = foundation.initActiveKey();\nactiveSet.value = new Set(initKeys);\n\n// Watch activeKey for controlled mode\nwatch(\n    () => props.activeKey,\n    (newActiveKey) => {\n        if (newActiveKey !== undefined) {\n            const keys = Array.isArray(newActiveKey) ? newActiveKey : [newActiveKey];\n            const newSet = new Set(keys);\n            if (!isEqual(newSet, activeSet.value)) {\n                activeSet.value = newSet;\n            }\n        }\n    },\n    { deep: true }\n);\n\n// Computed\nconst clsPrefix = computed(() => classNames(prefixCls, props.className));\n\nconst dataAttrs = computed(() => {\n    const {\n        defaultActiveKey,\n        lazyRender,\n        accordion,\n        motion,\n        keepDOM,\n        expandIconPosition,\n        expandIcon,\n        collapseIcon,\n        children,\n        clickHeaderToExpand,\n        style,\n        className,\n        ...rest\n    } = props;\n    return getDataAttr(rest as any);\n});\n\n// Provide context with computed values for reactivity\n// Use toRefs to make activeSet reactive\nconst contextValue = computed(() => {\n    // Create a new object each time to ensure reactivity\n    return {\n        get activeSet() {\n            return activeSet.value;\n        },\n        expandIcon: props.expandIcon,\n        collapseIcon: props.collapseIcon,\n        clickHeaderToExpand: props.clickHeaderToExpand,\n        keepDOM: props.keepDOM,\n        expandIconPosition: props.expandIconPosition,\n        onClick: (itemKey: string, e: MouseEvent) => {\n            foundation.handleChange(itemKey, e);\n        },\n        motion: props.motion,\n        lazyRender: props.lazyRender,\n    };\n});\n\n// Provide the computed ref, not its value, to enable reactivity\nprovideCollapseContext(contextValue);\n</script>\n"],"names":["prefixCls","cssClasses","props","__props","emit","__emit","activeSet","ref","adapter","activeKey","e","newSet","key","newState","callback","value","foundationProps","event","foundation","useFoundation","CollapseFoundation","initKeys","watch","newActiveKey","keys","isEqual","clsPrefix","computed","classNames","dataAttrs","defaultActiveKey","lazyRender","accordion","motion","keepDOM","expandIconPosition","expandIcon","collapseIcon","children","clickHeaderToExpand","style","className","rest","getDataAttr","contextValue","itemKey","provideCollapseContext","_openBlock","_createElementBlock","_mergeProps","_renderSlot","_ctx"],"mappings":"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"}

package/lib/es/components/collapse/CollapsePanel.vue.js

@@ -0,0 +1,150 @@
+import { defineComponent as U, useSlots as X, ref as $, onMounted as q, inject as G, computed as n, createElementBlock as i, openBlock as t, mergeProps as J, createElementVNode as c, createBlock as u, createCommentVNode as p, normalizeClass as d, resolveDynamicComponent as f, Fragment as k, toDisplayString as b, unref as D, isVNode as K, createTextVNode as N, withCtx as Q, renderSlot as W } from "vue";
+import C from "classnames";
+import { cssClasses as Y } from "@douyinfe/semi-foundation/collapse/constants";
+import { getUuidShort as Z } from "@douyinfe/semi-foundation/utils/uuid";
+import _ from "../collapsible/Collapsible.vue.js";
+import { CollapseContextKey as ee } from "./context.js";
+import ae from "../icons/icons/IconChevronDown.js";
+import ne from "../icons/icons/IconChevronUp.js";
+const te = ["aria-disabled", "aria-expanded", "aria-owns"], oe = ["id", "aria-hidden"], ke = /* @__PURE__ */ U({
+  __name: "CollapsePanel",
+  props: {
+    itemKey: {},
+    extra: {},
+    header: {},
+    className: {},
+    children: {},
+    reCalcKey: {},
+    style: {},
+    showArrow: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    onMotionEnd: {}
+  },
+  setup(a) {
+    const l = Y.PREFIX, o = a, O = X(), v = $(), x = $("");
+    q(() => {
+      x.value = Z({});
+    });
+    const m = G(ee), s = n(() => m ? "value" in m ? m.value : m : {
+      activeSet: /* @__PURE__ */ new Set(),
+      clickHeaderToExpand: !0,
+      keepDOM: !1,
+      expandIconPosition: "right",
+      onClick: () => {
+      },
+      motion: !1,
+      lazyRender: !1
+    }), h = n(() => {
+      var e;
+      return ((e = s.value.activeSet) == null ? void 0 : e.has(o.itemKey)) || !1;
+    }), M = n(() => !!O.default), y = n(() => s.value.expandIconPosition === "left"), R = n(() => M.value && !o.disabled), P = n(() => s.value.lazyRender), S = n(() => s.value.keepDOM), T = n(() => {
+      const e = s.value.motion;
+      return typeof e == "boolean" ? e : !!e;
+    }), I = n(() => {
+      let e = s.value.expandIcon, r = s.value.collapseIcon;
+      return typeof e > "u" && (e = ae), typeof r > "u" && (r = ne), R.value && h.value ? r : e;
+    }), z = n(() => C(o.className, {
+      [`${l}-item`]: !0
+    })), B = n(() => C({
+      [`${l}-header`]: !0,
+      [`${l}-header-disabled`]: o.disabled,
+      [`${l}-header-iconLeft`]: y.value
+    })), A = n(() => C({
+      [`${l}-content`]: !0
+    })), g = n(() => C([`${l}-header-icon`, { [`${l}-header-iconDisabled`]: !R.value }])), V = n(() => {
+      const { className: e, children: r, itemKey: w, reCalcKey: E, header: re, extra: le, showArrow: se, disabled: ie, onMotionEnd: de, style: H, ...L } = o;
+      return { style: H, ...L };
+    }), j = (e) => {
+      var w, E;
+      if (o.disabled) return;
+      const r = s.value;
+      (r.clickHeaderToExpand || (w = v.value) != null && w.contains(e.target)) && ((E = r.onClick) == null || E.call(r, o.itemKey, e));
+    }, F = () => {
+      var e;
+      (e = o.onMotionEnd) == null || e.call(o);
+    };
+    return (e, r) => (t(), i("div", J({ class: z.value }, V.value), [
+      c("div", {
+        role: "button",
+        tabIndex: 0,
+        class: d(B.value),
+        "aria-disabled": a.disabled,
+        "aria-expanded": h.value ? "true" : "false",
+        "aria-owns": x.value,
+        onClick: j
+      }, [
+        a.showArrow && y.value ? (t(), i("span", {
+          key: 0,
+          ref_key: "headerExpandIconTriggerRef",
+          ref: v,
+          "aria-hidden": "true",
+          class: d(g.value)
+        }, [
+          (t(), u(f(I.value)))
+        ], 2)) : p("", !0),
+        typeof a.header == "string" ? (t(), i(k, { key: 1 }, [
+          c("span", null, b(a.header), 1),
+          c("span", {
+            class: d(`${D(l)}-header-right`)
+          }, [
+            c("span", null, [
+              K(a.extra) ? (t(), u(f(a.extra), { key: 0 })) : (t(), i(k, { key: 1 }, [
+                N(b(a.extra), 1)
+              ], 64))
+            ]),
+            a.showArrow && !y.value ? (t(), i("span", {
+              key: 0,
+              ref_key: "headerExpandIconTriggerRef",
+              ref: v,
+              "aria-hidden": "true",
+              class: d(g.value)
+            }, [
+              (t(), u(f(I.value)))
+            ], 2)) : p("", !0)
+          ], 2)
+        ], 64)) : (t(), i(k, { key: 2 }, [
+          K(a.header) ? (t(), u(f(a.header), { key: 0 })) : (t(), i(k, { key: 1 }, [
+            N(b(a.header), 1)
+          ], 64)),
+          a.showArrow && !y.value ? (t(), i("span", {
+            key: 2,
+            ref_key: "headerExpandIconTriggerRef",
+            ref: v,
+            "aria-hidden": "true",
+            class: d(g.value)
+          }, [
+            (t(), u(f(I.value)))
+          ], 2)) : p("", !0)
+        ], 64))
+      ], 10, te),
+      M.value ? (t(), u(_, {
+        key: 0,
+        lazyRender: P.value,
+        isOpen: h.value,
+        keepDOM: S.value,
+        motion: T.value,
+        reCalcKey: a.reCalcKey,
+        onMotionEnd: F
+      }, {
+        default: Q(() => [
+          c("div", {
+            id: x.value,
+            class: d(A.value),
+            "aria-hidden": !h.value
+          }, [
+            c("div", {
+              class: d(`${D(l)}-content-wrapper`)
+            }, [
+              W(e.$slots, "default")
+            ], 2)
+          ], 10, oe)
+        ]),
+        _: 3
+      }, 8, ["lazyRender", "isOpen", "keepDOM", "motion", "reCalcKey"])) : p("", !0)
+    ], 16));
+  }
+});
+export {
+  ke as default
+};
+//# sourceMappingURL=CollapsePanel.vue.js.map

package/lib/es/components/collapse/CollapsePanel.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsePanel.vue.js","sources":["../../../../src/components/collapse/CollapsePanel.vue"],"sourcesContent":["<template>\n    <div :class=\"itemCls\" v-bind=\"restProps\">\n        <div\n            role=\"button\"\n            :tabIndex=\"0\"\n            :class=\"headerCls\"\n            :aria-disabled=\"disabled\"\n            :aria-expanded=\"active ? 'true' : 'false'\"\n            :aria-owns=\"ariaID\"\n            @click=\"handleClick\"\n        >\n            <template v-if=\"showArrow && iconPosLeft\">\n                <span ref=\"headerExpandIconTriggerRef\" aria-hidden=\"true\" :class=\"iconCls\">\n                    <component :is=\"activeIcon\" />\n                </span>\n            </template>\n\n            <template v-if=\"typeof header === 'string'\">\n                <span>{{ header }}</span>\n                <span :class=\"`${prefixCls}-header-right`\">\n                    <span>\n                        <component :is=\"extra\" v-if=\"isVNode(extra)\" />\n                        <template v-else>{{ extra }}</template>\n                    </span>\n                    <template v-if=\"showArrow && !iconPosLeft\">\n                        <span ref=\"headerExpandIconTriggerRef\" aria-hidden=\"true\" :class=\"iconCls\">\n                            <component :is=\"activeIcon\" />\n                        </span>\n                    </template>\n                </span>\n            </template>\n\n            <template v-else>\n                <component :is=\"header\" v-if=\"isVNode(header)\" />\n                <template v-else>{{ header }}</template>\n                <template v-if=\"showArrow && !iconPosLeft\">\n                    <span ref=\"headerExpandIconTriggerRef\" aria-hidden=\"true\" :class=\"iconCls\">\n                        <component :is=\"activeIcon\" />\n                    </span>\n                </template>\n            </template>\n        </div>\n\n        <Collapsible\n            v-if=\"hasChildren\"\n            :lazyRender=\"lazyRender\"\n            :isOpen=\"active\"\n            :keepDOM=\"keepDOM\"\n            :motion=\"motion\"\n            :reCalcKey=\"reCalcKey\"\n            @motion-end=\"handleMotionEnd\"\n        >\n            <div :id=\"ariaID\" :class=\"contentCls\" :aria-hidden=\"!active\">\n                <div :class=\"`${prefixCls}-content-wrapper`\">\n                    <slot></slot>\n                </div>\n            </div>\n        </Collapsible>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, onMounted, isVNode, useSlots, inject } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/collapse/constants';\nimport { getUuidShort } from '@douyinfe/semi-foundation/utils/uuid';\nimport { IconChevronDown, IconChevronUp } from '../icons';\nimport Collapsible from '../collapsible/Collapsible.vue';\nimport type { CollapsePanelProps } from './interface';\nimport { CollapseContextKey, type CollapseContextValue } from './context';\n\nconst prefixCls = cssClasses.PREFIX;\n\nconst props = withDefaults(defineProps<CollapsePanelProps>(), {\n    showArrow: true,\n    disabled: false,\n});\n\nconst slots = useSlots();\n\nconst headerExpandIconTriggerRef = ref<HTMLElement>();\nconst ariaID = ref('');\n\nonMounted(() => {\n    ariaID.value = getUuidShort({});\n});\n\n// Get context from inject\nconst injectedContext = inject(CollapseContextKey);\n\n// Use computed to unwrap the context (if it's a ref/computed) and maintain reactivity\nconst contextRef = computed<CollapseContextValue>(() => {\n    if (!injectedContext) {\n        return {\n            activeSet: new Set(),\n            clickHeaderToExpand: true,\n            keepDOM: false,\n            expandIconPosition: 'right',\n            onClick: () => {},\n            motion: false,\n            lazyRender: false,\n        };\n    }\n    return 'value' in injectedContext ? injectedContext.value : (injectedContext as CollapseContextValue);\n});\n\n// Computed\n\nconst active = computed(() => {\n    return contextRef.value.activeSet?.has(props.itemKey) || false;\n});\n\nconst hasChildren = computed(() => !!slots.default);\n\nconst iconPosLeft = computed(() => {\n    return contextRef.value.expandIconPosition === 'left';\n});\n\nconst expandIconEnable = computed(() => hasChildren.value && !props.disabled);\n\nconst lazyRender = computed(() => contextRef.value.lazyRender);\nconst keepDOM = computed(() => contextRef.value.keepDOM);\nconst motion = computed(() => {\n    const motionValue = contextRef.value.motion;\n    // Convert Motion type to boolean for Collapsible component\n    return typeof motionValue === 'boolean' ? motionValue : Boolean(motionValue);\n});\n\nconst activeIcon = computed(() => {\n    let expandIcon = contextRef.value.expandIcon;\n    let collapseIcon = contextRef.value.collapseIcon;\n\n    if (typeof expandIcon === 'undefined') {\n        expandIcon = IconChevronDown;\n    }\n    if (typeof collapseIcon === 'undefined') {\n        collapseIcon = IconChevronUp;\n    }\n\n    if (!expandIconEnable.value) {\n        return expandIcon;\n    }\n\n    return active.value ? collapseIcon : expandIcon;\n});\n\nconst itemCls = computed(() => {\n    return classNames(props.className, {\n        [`${prefixCls}-item`]: true,\n    });\n});\n\nconst headerCls = computed(() => {\n    return classNames({\n        [`${prefixCls}-header`]: true,\n        [`${prefixCls}-header-disabled`]: props.disabled,\n        [`${prefixCls}-header-iconLeft`]: iconPosLeft.value,\n    });\n});\n\nconst contentCls = computed(() => {\n    return classNames({\n        [`${prefixCls}-content`]: true,\n    });\n});\n\nconst iconCls = computed(() => {\n    return classNames([`${prefixCls}-header-icon`, { [`${prefixCls}-header-iconDisabled`]: !expandIconEnable.value }]);\n});\n\nconst restProps = computed(() => {\n    const { className, children, itemKey, reCalcKey, header, extra, showArrow, disabled, onMotionEnd, style, ...rest } =\n        props;\n    return { style: style as any, ...rest };\n});\n\n// Methods\n\nconst handleClick = (e: MouseEvent) => {\n    if (props.disabled) return;\n\n    const ctx = contextRef.value;\n    // Judge user click Icon or Header\n    if (ctx.clickHeaderToExpand || headerExpandIconTriggerRef.value?.contains(e.target as HTMLElement)) {\n        ctx.onClick?.(props.itemKey, e);\n    }\n};\n\nconst handleMotionEnd = () => {\n    props.onMotionEnd?.();\n};\n</script>\n"],"names":["prefixCls","cssClasses","props","__props","slots","useSlots","headerExpandIconTriggerRef","ref","ariaID","onMounted","getUuidShort","injectedContext","inject","CollapseContextKey","contextRef","computed","active","_a","hasChildren","iconPosLeft","expandIconEnable","lazyRender","keepDOM","motion","motionValue","activeIcon","expandIcon","collapseIcon","IconChevronDown","IconChevronUp","itemCls","classNames","headerCls","contentCls","iconCls","restProps","className","children","itemKey","reCalcKey","header","extra","showArrow","disabled","onMotionEnd","style","rest","handleClick","ctx","_b","handleMotionEnd","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_createBlock","_resolveDynamicComponent","_Fragment","_unref","isVNode","Collapsible","_renderSlot","_ctx"],"mappings":"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"}

package/lib/es/components/collapse/context.js

@@ -0,0 +1,10 @@
+import { provide as e } from "vue";
+const t = Symbol("CollapseContext");
+function p(o) {
+  e(t, o);
+}
+export {
+  t as CollapseContextKey,
+  p as provideCollapseContext
+};
+//# sourceMappingURL=context.js.map

package/lib/es/components/collapse/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../src/components/collapse/context.ts"],"sourcesContent":["import { inject, provide, InjectionKey, type ComputedRef, type Ref } from 'vue';\nimport type { CollapseIconPosition } from './interface';\n\nexport interface CollapseContextValue {\n    activeSet: Set<string>;\n    expandIcon?: any;\n    collapseIcon?: any;\n    clickHeaderToExpand: boolean;\n    keepDOM: boolean;\n    expandIconPosition: CollapseIconPosition;\n    onClick: (itemKey: string, e: MouseEvent) => void;\n    motion: boolean | object | ((active: boolean) => object);\n    lazyRender: boolean;\n}\n\nexport const CollapseContextKey: InjectionKey<\n    ComputedRef<CollapseContextValue> | Ref<CollapseContextValue> | CollapseContextValue\n> = Symbol('CollapseContext');\n\nexport function provideCollapseContext(\n    context: ComputedRef<CollapseContextValue> | Ref<CollapseContextValue> | CollapseContextValue\n) {\n    provide(CollapseContextKey, context);\n}\n\nexport function useCollapseContext(): CollapseContextValue {\n    const context = inject(CollapseContextKey);\n    if (!context) {\n        console.warn('CollapsePanel must be used within Collapse component');\n        return {\n            activeSet: new Set(),\n            clickHeaderToExpand: true,\n            keepDOM: false,\n            expandIconPosition: 'left',\n            onClick: () => {},\n            motion: false,\n            lazyRender: false,\n        } as CollapseContextValue;\n    }\n    // If context is a ref or computed, return its value\n    return 'value' in context ? context.value : context;\n}\n"],"names":["CollapseContextKey","provideCollapseContext","context","provide"],"mappings":";AAeO,MAAMA,IAET,OAAO,iBAAiB;AAErB,SAASC,EACZC,GACF;AACE,EAAAC,EAAQH,GAAoBE,CAAO;AACvC;"}

package/lib/es/components/collapse/index.js

@@ -0,0 +1,9 @@
+import a from "./Collapse.vue.js";
+import m from "./CollapsePanel.vue.js";
+/* empty css              */
+a.Panel = m;
+export {
+  m as CollapsePanel,
+  a as default
+};
+//# sourceMappingURL=index.js.map

package/lib/es/components/collapse/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/collapse/index.ts"],"sourcesContent":["import Collapse from './Collapse.vue';\nimport CollapsePanel from './CollapsePanel.vue';\n\n// 导入样式（自动引入）\nimport './collapse.scss';\n\nexport type { CollapseProps, CollapsePanelProps, CollapseActiveKey } from './interface';\n\n// Attach Panel as a static property\nCollapse.Panel = CollapsePanel;\n\nexport { CollapsePanel };\nexport default Collapse;\n"],"names":["Collapse","CollapsePanel"],"mappings":";;;AASAA,EAAS,QAAQC;"}

package/lib/es/components/collapsible/Collapsible.vue.js

@@ -0,0 +1,144 @@
+import { defineComponent as C, ref as d, watch as u, onMounted as H, nextTick as z, onBeforeUnmount as S, computed as f, createElementBlock as I, openBlock as B, normalizeStyle as M, normalizeClass as x, createElementVNode as k, renderSlot as D, createCommentVNode as E } from "vue";
+import w from "@douyinfe/semi-foundation/collapsible/foundation";
+import { cssClasses as v } from "@douyinfe/semi-foundation/collapsible/constants";
+import P from "classnames";
+import { useFoundation as _ } from "../../_utils/useFoundation.js";
+const $ = ["id"], U = /* @__PURE__ */ C({
+  __name: "Collapsible",
+  props: {
+    motion: { type: Boolean, default: !0 },
+    isOpen: { type: Boolean, default: !1 },
+    duration: { default: 250 },
+    keepDOM: { type: Boolean, default: !1 },
+    lazyRender: { type: Boolean, default: !1 },
+    className: {},
+    style: {},
+    collapseHeight: { default: 0 },
+    reCalcKey: {},
+    id: {},
+    fade: { type: Boolean, default: !1 },
+    onMotionEnd: {}
+  },
+  setup(p, { expose: h }) {
+    const t = p, o = d(), l = d(null), r = d(!1), i = d({
+      domInRenderTree: !1,
+      domHeight: 0,
+      visible: t.isOpen,
+      isTransitioning: !1,
+      cacheIsOpen: t.isOpen
+    }), g = {
+      setDOMInRenderTree: (e) => {
+        i.value.domInRenderTree !== e && (i.value.domInRenderTree = e);
+      },
+      setDOMHeight: (e) => {
+        i.value.domHeight !== e && (i.value.domHeight = e);
+      },
+      setVisible: (e) => {
+        i.value.visible !== e && (i.value.visible = e);
+      },
+      setIsTransitioning: (e) => {
+        i.value.isTransitioning !== e && (i.value.isTransitioning = e);
+      },
+      getContext: () => ({}),
+      getContexts: () => ({}),
+      getProp: (e) => t[e],
+      getProps: () => t,
+      getState: (e) => i.value[e],
+      getStates: () => i.value,
+      setState: (e) => {
+        Object.assign(i.value, e);
+      },
+      getCache: (e) => {
+      },
+      getCaches: () => ({}),
+      setCache: (e, n) => {
+      },
+      stopPropagation: (e) => {
+        e.stopPropagation();
+      },
+      persistEvent: (e) => {
+      }
+    }, { foundation: a } = _(w, g), m = (e) => {
+      let n;
+      e.borderBoxSize ? n = !(e.borderBoxSize[0].blockSize === 0 && e.borderBoxSize[0].inlineSize === 0) : n = !(e.contentRect.height === 0 && e.contentRect.width === 0);
+      let s = 0;
+      return e.borderBoxSize ? s = Math.ceil(e.borderBoxSize[0].blockSize) : s = e.target.clientHeight, {
+        isShown: n,
+        height: s
+      };
+    }, O = (e) => {
+      const n = e[0];
+      if (n) {
+        const s = m(n);
+        a.updateDOMHeight(s.height), a.updateDOMInRenderTree(s.isShown);
+      }
+    }, R = () => o.value ? o.value.offsetHeight > 0 : !1, b = () => {
+      var e;
+      t.isOpen || a.updateVisible(!1), a.updateIsTransitioning(!1), (e = t.onMotionEnd) == null || e.call(t);
+    };
+    u(
+      () => t.isOpen,
+      (e, n) => {
+        e !== i.value.cacheIsOpen && ((e || !t.motion) && (i.value.visible = e), t.motion && (i.value.isTransitioning = !0)), i.value.cacheIsOpen = e;
+      }
+    ), u(
+      () => t.reCalcKey,
+      () => {
+        o.value && a.updateDOMHeight(o.value.scrollHeight);
+      }
+    ), u(
+      () => i.value.domInRenderTree,
+      (e, n) => {
+        e && e !== n && o.value && a.updateDOMHeight(o.value.scrollHeight);
+      }
+    ), H(() => {
+      z(() => {
+        if (o.value && typeof ResizeObserver < "u") {
+          l.value = new ResizeObserver(O), l.value.observe(o.value);
+          const e = R();
+          a.updateDOMInRenderTree(e), e && a.updateDOMHeight(o.value.scrollHeight);
+        }
+      });
+    }), S(() => {
+      l.value && (l.value.disconnect(), l.value = null);
+    });
+    const T = f(() => ({
+      overflow: "hidden",
+      height: t.isOpen ? `${i.value.domHeight}px` : `${t.collapseHeight}px`,
+      opacity: t.isOpen || !t.fade || t.collapseHeight !== 0 ? 1 : 0,
+      transitionDuration: `${t.motion && i.value.isTransitioning ? t.duration : 0}ms`,
+      ...t.style
+    })), y = f(
+      () => P(
+        `${v.PREFIX}-wrapper`,
+        {
+          [`${v.PREFIX}-transition`]: t.motion && i.value.isTransitioning
+        },
+        t.className
+      )
+    ), c = f(() => t.keepDOM && (t.lazyRender ? r.value : !0) || t.collapseHeight !== 0 || i.value.visible || t.isOpen);
+    return u(c, (e) => {
+      e && !r.value && (r.value = !0);
+    }), c.value && (r.value = !0), h({
+      foundation: a
+    }), (e, n) => (B(), I("div", {
+      class: x(y.value),
+      style: M(T.value),
+      onTransitionend: b
+    }, [
+      k("div", {
+        id: p.id,
+        ref_key: "domRef",
+        ref: o,
+        style: { overflow: "hidden" },
+        "x-semi-prop": "children"
+      }, [
+        c.value ? D(e.$slots, "default", { key: 0 }) : E("", !0)
+      ], 8, $)
+    ], 38));
+  }
+});
+export {
+  U as default
+};
+//# sourceMappingURL=Collapsible.vue.js.map

package/lib/es/components/collapsible/Collapsible.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.vue.js","sources":["../../../../src/components/collapsible/Collapsible.vue"],"sourcesContent":["<template>\n    <div :class=\"wrapperCls\" :style=\"wrapperStyle\" @transitionend=\"handleTransitionEnd\">\n        <div :id=\"id\" ref=\"domRef\" style=\"overflow: hidden\" x-semi-prop=\"children\">\n            <slot v-if=\"shouldRender\"></slot>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, onBeforeUnmount, nextTick } from 'vue';\nimport { CollapsibleProps, CollapsibleState } from './interface';\nimport { useFoundation } from '../_utils';\nimport CollapsibleFoundation, { CollapsibleAdapter } from '@douyinfe/semi-foundation/collapsible/foundation';\nimport { cssClasses } from '@douyinfe/semi-foundation/collapsible/constants';\nimport classNames from 'classnames';\n\nconst props = withDefaults(defineProps<CollapsibleProps>(), {\n    isOpen: false,\n    duration: 250,\n    motion: true,\n    keepDOM: false,\n    lazyRender: false,\n    collapseHeight: 0,\n    fade: false,\n});\n\nconst domRef = ref<HTMLDivElement>();\nconst resizeObserver = ref<ResizeObserver | null>(null);\nconst hasBeenRendered = ref(false);\n\nconst state = ref<CollapsibleState>({\n    domInRenderTree: false,\n    domHeight: 0,\n    visible: props.isOpen,\n    isTransitioning: false,\n    cacheIsOpen: props.isOpen,\n});\n\nconst adapter: CollapsibleAdapter<CollapsibleProps, CollapsibleState> = {\n    setDOMInRenderTree: (domInRenderTree: boolean) => {\n        if (state.value.domInRenderTree !== domInRenderTree) {\n            state.value.domInRenderTree = domInRenderTree;\n        }\n    },\n    setDOMHeight: (domHeight: number) => {\n        if (state.value.domHeight !== domHeight) {\n            state.value.domHeight = domHeight;\n        }\n    },\n    setVisible: (visible: boolean) => {\n        if (state.value.visible !== visible) {\n            state.value.visible = visible;\n        }\n    },\n    setIsTransitioning: (isTransitioning: boolean) => {\n        if (state.value.isTransitioning !== isTransitioning) {\n            state.value.isTransitioning = isTransitioning;\n        }\n    },\n    getContext: () => ({}),\n    getContexts: () => ({}),\n    getProp: (key: string) => (props as any)[key],\n    getProps: () => props,\n    getState: (key: string) => (state.value as any)[key],\n    getStates: () => state.value,\n    setState: (states: Partial<CollapsibleState>) => {\n        Object.assign(state.value, states);\n    },\n    getCache: (key: string) => undefined,\n    getCaches: () => ({}),\n    setCache: (key: string, value: any) => {},\n    stopPropagation: (e: any) => {\n        e.stopPropagation();\n    },\n    persistEvent: (e: any) => {},\n};\n\nconst { foundation } = useFoundation(CollapsibleFoundation, adapter);\n\nconst getEntryInfo = (entry: ResizeObserverEntry) => {\n    // 判断是否在渲染树中（父元素或自身是否 display none）\n    let inRenderTree: boolean;\n    if (entry.borderBoxSize) {\n        inRenderTree = !(entry.borderBoxSize[0].blockSize === 0 && entry.borderBoxSize[0].inlineSize === 0);\n    } else {\n        inRenderTree = !(entry.contentRect.height === 0 && entry.contentRect.width === 0);\n    }\n\n    let height = 0;\n    if (entry.borderBoxSize) {\n        height = Math.ceil(entry.borderBoxSize[0].blockSize);\n    } else {\n        const target = entry.target as HTMLElement;\n        height = target.clientHeight;\n    }\n\n    return {\n        isShown: inRenderTree,\n        height,\n    };\n};\n\nconst handleResize = (entryList: ResizeObserverEntry[]) => {\n    const entry = entryList[0];\n    if (entry) {\n        const entryInfo = getEntryInfo(entry);\n        foundation.updateDOMHeight(entryInfo.height);\n        foundation.updateDOMInRenderTree(entryInfo.isShown);\n    }\n};\n\nconst isChildrenInRenderTree = () => {\n    if (domRef.value) {\n        return domRef.value.offsetHeight > 0;\n    }\n    return false;\n};\n\nconst handleTransitionEnd = () => {\n    if (!props.isOpen) {\n        foundation.updateVisible(false);\n    }\n    foundation.updateIsTransitioning(false);\n    props.onMotionEnd?.();\n};\n\n// 监听 isOpen 变化\nwatch(\n    () => props.isOpen,\n    (newIsOpen, oldIsOpen) => {\n        const isOpenChanged = newIsOpen !== state.value.cacheIsOpen;\n        if (isOpenChanged) {\n            if (newIsOpen || !props.motion) {\n                state.value.visible = newIsOpen;\n            }\n            if (props.motion) {\n                state.value.isTransitioning = true;\n            }\n        }\n        state.value.cacheIsOpen = newIsOpen;\n    }\n);\n\n// 监听 reCalcKey 变化\nwatch(\n    () => props.reCalcKey,\n    () => {\n        if (domRef.value) {\n            foundation.updateDOMHeight(domRef.value.scrollHeight);\n        }\n    }\n);\n\n// 监听 domInRenderTree 变化\nwatch(\n    () => state.value.domInRenderTree,\n    (newValue, oldValue) => {\n        if (newValue && newValue !== oldValue && domRef.value) {\n            foundation.updateDOMHeight(domRef.value.scrollHeight);\n        }\n    }\n);\n\nonMounted(() => {\n    nextTick(() => {\n        if (domRef.value && typeof ResizeObserver !== 'undefined') {\n            resizeObserver.value = new ResizeObserver(handleResize);\n            resizeObserver.value.observe(domRef.value);\n\n            const domInRenderTree = isChildrenInRenderTree();\n            foundation.updateDOMInRenderTree(domInRenderTree);\n            if (domInRenderTree) {\n                foundation.updateDOMHeight(domRef.value.scrollHeight);\n            }\n        }\n    });\n});\n\nonBeforeUnmount(() => {\n    if (resizeObserver.value) {\n        resizeObserver.value.disconnect();\n        resizeObserver.value = null;\n    }\n});\n\nconst wrapperStyle = computed(() => ({\n    overflow: 'hidden',\n    height: props.isOpen ? `${state.value.domHeight}px` : `${props.collapseHeight}px`,\n    opacity: props.isOpen || !props.fade || props.collapseHeight !== 0 ? 1 : 0,\n    transitionDuration: `${props.motion && state.value.isTransitioning ? props.duration : 0}ms`,\n    ...props.style,\n}));\n\nconst wrapperCls = computed(() =>\n    classNames(\n        `${cssClasses.PREFIX}-wrapper`,\n        {\n            [`${cssClasses.PREFIX}-transition`]: props.motion && state.value.isTransitioning,\n        },\n        props.className\n    )\n);\n\nconst shouldRender = computed(() => {\n    return (\n        (props.keepDOM && (props.lazyRender ? hasBeenRendered.value : true)) ||\n        props.collapseHeight !== 0 ||\n        state.value.visible ||\n        props.isOpen\n    );\n});\n\n// 更新 hasBeenRendered\nwatch(shouldRender, (newValue) => {\n    if (newValue && !hasBeenRendered.value) {\n        hasBeenRendered.value = true;\n    }\n});\n\n// 初始化时如果需要渲染，设置 hasBeenRendered\nif (shouldRender.value) {\n    hasBeenRendered.value = true;\n}\n\ndefineExpose({\n    foundation: foundation,\n});\n</script>\n"],"names":["props","__props","domRef","ref","resizeObserver","hasBeenRendered","state","adapter","domInRenderTree","domHeight","visible","isTransitioning","key","states","value","foundation","useFoundation","CollapsibleFoundation","getEntryInfo","entry","inRenderTree","height","handleResize","entryList","entryInfo","isChildrenInRenderTree","handleTransitionEnd","_a","watch","newIsOpen","oldIsOpen","newValue","oldValue","onMounted","nextTick","onBeforeUnmount","wrapperStyle","computed","wrapperCls","classNames","cssClasses","shouldRender","__expose","_createElementBlock","_createElementVNode","_renderSlot","_ctx"],"mappings":"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"}

package/lib/es/components/collapsible/index.js

@@ -0,0 +1,6 @@
+import o from "./Collapsible.vue.js";
+/* empty css                 */
+export {
+  o as default
+};
+//# sourceMappingURL=index.js.map

package/lib/es/components/collapsible/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/es/components/colorPicker/AlphaSlider.vue.js

@@ -0,0 +1,83 @@
+import { defineComponent as z, ref as u, watch as E, computed as i, onUnmounted as $, createElementBlock as H, openBlock as _, unref as s, normalizeStyle as l, normalizeClass as d, createElementVNode as p, withModifiers as x } from "vue";
+import F from "@douyinfe/semi-foundation/colorPicker/AlphaSliderFoundation";
+import { hsvaToHslaString as m, hsvaToRgbaString as k } from "@douyinfe/semi-foundation/colorPicker/utils/convert";
+import { round as B } from "@douyinfe/semi-foundation/colorPicker/utils/round";
+import { cssClasses as r } from "@douyinfe/semi-foundation/colorPicker/constants";
+import { useBaseComponent as C } from "../_utils/useBaseComponent.js";
+import { useFoundation as L } from "../../_utils/useFoundation.js";
+const R = ["aria-valuetext"], O = /* @__PURE__ */ z({
+  __name: "AlphaSlider",
+  props: {
+    width: {},
+    height: {},
+    hsva: {},
+    handleSize: {},
+    foundation: {},
+    className: {},
+    style: {}
+  },
+  setup(v) {
+    const e = v, h = u(null), n = u({
+      handlePosition: e.hsva.a * e.width - e.handleSize / 2,
+      isHandleGrabbing: !1
+    }), { adapter: c } = C(e, n), f = {
+      ...c,
+      handleMouseDown: (o) => {
+        n.value.isHandleGrabbing = !0, window.addEventListener("mousemove", a.setHandlePositionByMousePosition), window.addEventListener("mouseup", a.handleMouseUp);
+      },
+      handleMouseUp: () => {
+        n.value.isHandleGrabbing = !1, window.removeEventListener("mousemove", a.setHandlePositionByMousePosition), window.removeEventListener("mouseup", a.handleMouseUp);
+      },
+      getColorPickerFoundation: () => e.foundation,
+      getDOM: () => h.value
+    }, { foundation: a } = L(F, f), t = a;
+    E(
+      () => e.hsva.a,
+      (o) => {
+        n.value.handlePosition = o * e.width - e.handleSize / 2;
+      }
+    );
+    const w = i(() => m({ ...e.hsva, a: 0 })), S = i(() => m({ ...e.hsva, a: 1 })), g = i(() => `linear-gradient(90deg, ${w.value}, ${S.value})`), y = i(() => ({
+      width: typeof e.width == "number" ? `${e.width}px` : e.width,
+      height: typeof e.height == "number" ? `${e.height}px` : e.height,
+      ...e.style
+    })), P = i(() => ({
+      width: typeof e.handleSize == "number" ? `${e.handleSize}px` : e.handleSize,
+      height: typeof e.handleSize == "number" ? `${e.handleSize}px` : e.handleSize,
+      left: typeof n.value.handlePosition == "number" ? `${n.value.handlePosition}px` : n.value.handlePosition,
+      top: "50%",
+      transform: "translateY(-50%)",
+      backgroundColor: k(e.hsva)
+    })), b = (o) => {
+      t.setHandlePositionByMousePosition(o), t.handleMouseDown(o);
+    }, M = (o) => {
+      t.handleMouseDown(o);
+    };
+    return $(() => {
+      window.removeEventListener("mousemove", t.setHandlePositionByMousePosition), window.removeEventListener("mouseup", t.handleMouseUp);
+    }), (o, D) => (_(), H("div", {
+      ref_key: "sliderRef",
+      ref: h,
+      class: d(`${s(r).PREFIX}-alphaSlider`),
+      style: l(y.value),
+      "aria-label": "Alpha",
+      "aria-valuetext": `${s(B)(e.hsva.a * 100)}%`,
+      onMousedown: b
+    }, [
+      p("div", {
+        class: d(`${s(r).PREFIX}-alphaSliderInner`),
+        style: l({ background: g.value })
+      }, [
+        p("div", {
+          class: d(`${s(r).PREFIX}-alphaHandle`),
+          style: l(P.value),
+          onMousedown: x(M, ["stop"])
+        }, null, 38)
+      ], 6)
+    ], 46, R));
+  }
+});
+export {
+  O as default
+};
+//# sourceMappingURL=AlphaSlider.vue.js.map

package/lib/es/components/colorPicker/AlphaSlider.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlphaSlider.vue.js","sources":["../../../../src/components/colorPicker/AlphaSlider.vue"],"sourcesContent":["<template>\n    <div\n        ref=\"sliderRef\"\n        :class=\"`${cssClasses.PREFIX}-alphaSlider`\"\n        :style=\"sliderStyle\"\n        aria-label=\"Alpha\"\n        :aria-valuetext=\"`${round(props.hsva.a * 100)}%`\"\n        @mousedown=\"handleClick\"\n    >\n        <div :class=\"`${cssClasses.PREFIX}-alphaSliderInner`\" :style=\"{ background: alphaSliderBackground }\">\n            <div\n                :class=\"`${cssClasses.PREFIX}-alphaHandle`\"\n                :style=\"handleStyle\"\n                @mousedown.stop=\"handleHandleMouseDown\"\n            />\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch, onUnmounted } from 'vue';\nimport type { HsvaColor } from '@douyinfe/semi-foundation/colorPicker/interface';\nimport type ColorPickerFoundation from '@douyinfe/semi-foundation/colorPicker/foundation';\nimport AlphaSliderFoundation from '@douyinfe/semi-foundation/colorPicker/AlphaSliderFoundation';\nimport { hsvaToHslaString, hsvaToRgbaString } from '@douyinfe/semi-foundation/colorPicker/utils/convert';\nimport { round } from '@douyinfe/semi-foundation/colorPicker/utils/round';\nimport { cssClasses } from '@douyinfe/semi-foundation/colorPicker/constants';\nimport { useFoundation, useBaseComponent } from '../_utils';\n\ninterface Props {\n    width: number;\n    height: number;\n    hsva: HsvaColor;\n    handleSize: number;\n    foundation: ColorPickerFoundation;\n    className?: string;\n    style?: Record<string, any>;\n}\n\nconst props = defineProps<Props>();\n\nconst sliderRef = ref<HTMLDivElement | null>(null);\n\nconst state = ref({\n    handlePosition: props.hsva.a * props.width - props.handleSize / 2,\n    isHandleGrabbing: false,\n});\n\nconst { adapter: baseAdapter } = useBaseComponent(props, state);\n\nconst adapter = {\n    ...baseAdapter,\n    handleMouseDown: (_e: MouseEvent) => {\n        state.value.isHandleGrabbing = true;\n        window.addEventListener('mousemove', (alphaSliderFoundation as any).setHandlePositionByMousePosition);\n        window.addEventListener('mouseup', (alphaSliderFoundation as any).handleMouseUp);\n    },\n    handleMouseUp: () => {\n        state.value.isHandleGrabbing = false;\n        window.removeEventListener('mousemove', (alphaSliderFoundation as any).setHandlePositionByMousePosition);\n        window.removeEventListener('mouseup', (alphaSliderFoundation as any).handleMouseUp);\n    },\n    getColorPickerFoundation: () => props.foundation,\n    getDOM: () => sliderRef.value!,\n};\n\nconst { foundation: alphaSliderFoundation } = useFoundation(AlphaSliderFoundation as any, adapter as any);\nconst alphaSliderFoundationTyped = alphaSliderFoundation as InstanceType<typeof AlphaSliderFoundation>;\n\nwatch(\n    () => props.hsva.a,\n    (newAlpha) => {\n        state.value.handlePosition = newAlpha * props.width - props.handleSize / 2;\n    }\n);\n\nconst colorFrom = computed(() => hsvaToHslaString({ ...props.hsva, a: 0 }));\nconst colorTo = computed(() => hsvaToHslaString({ ...props.hsva, a: 1 }));\nconst alphaSliderBackground = computed(() => `linear-gradient(90deg, ${colorFrom.value}, ${colorTo.value})`);\n\nconst sliderStyle = computed(() => ({\n    width: typeof props.width === 'number' ? `${props.width}px` : props.width,\n    height: typeof props.height === 'number' ? `${props.height}px` : props.height,\n    ...props.style,\n}));\n\nconst handleStyle = computed(() => ({\n    width: typeof props.handleSize === 'number' ? `${props.handleSize}px` : props.handleSize,\n    height: typeof props.handleSize === 'number' ? `${props.handleSize}px` : props.handleSize,\n    left:\n        typeof state.value.handlePosition === 'number' ? `${state.value.handlePosition}px` : state.value.handlePosition,\n    top: '50%',\n    transform: 'translateY(-50%)',\n    backgroundColor: hsvaToRgbaString(props.hsva),\n}));\n\nconst handleClick = (e: MouseEvent) => {\n    alphaSliderFoundationTyped.setHandlePositionByMousePosition(e);\n    alphaSliderFoundationTyped.handleMouseDown(e);\n};\n\nconst handleHandleMouseDown = (e: MouseEvent) => {\n    alphaSliderFoundationTyped.handleMouseDown(e);\n};\n\nonUnmounted(() => {\n    window.removeEventListener('mousemove', alphaSliderFoundationTyped.setHandlePositionByMousePosition);\n    window.removeEventListener('mouseup', alphaSliderFoundationTyped.handleMouseUp);\n});\n</script>\n"],"names":["props","__props","sliderRef","ref","state","baseAdapter","useBaseComponent","adapter","_e","alphaSliderFoundation","useFoundation","AlphaSliderFoundation","alphaSliderFoundationTyped","watch","newAlpha","colorFrom","computed","hsvaToHslaString","colorTo","alphaSliderBackground","sliderStyle","handleStyle","hsvaToRgbaString","handleClick","e","handleHandleMouseDown","onUnmounted","_createElementBlock","_normalizeClass","_unref","cssClasses","round","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;AAuCA,UAAMA,IAAQC,GAERC,IAAYC,EAA2B,IAAI,GAE3CC,IAAQD,EAAI;AAAA,MACd,gBAAgBH,EAAM,KAAK,IAAIA,EAAM,QAAQA,EAAM,aAAa;AAAA,MAChE,kBAAkB;AAAA,IAAA,CACrB,GAEK,EAAE,SAASK,EAAA,IAAgBC,EAAiBN,GAAOI,CAAK,GAExDG,IAAU;AAAA,MACZ,GAAGF;AAAA,MACH,iBAAiB,CAACG,MAAmB;AACjC,QAAAJ,EAAM,MAAM,mBAAmB,IAC/B,OAAO,iBAAiB,aAAcK,EAA8B,gCAAgC,GACpG,OAAO,iBAAiB,WAAYA,EAA8B,aAAa;AAAA,MACnF;AAAA,MACA,eAAe,MAAM;AACjB,QAAAL,EAAM,MAAM,mBAAmB,IAC/B,OAAO,oBAAoB,aAAcK,EAA8B,gCAAgC,GACvG,OAAO,oBAAoB,WAAYA,EAA8B,aAAa;AAAA,MACtF;AAAA,MACA,0BAA0B,MAAMT,EAAM;AAAA,MACtC,QAAQ,MAAME,EAAU;AAAA,IAAA,GAGtB,EAAE,YAAYO,EAAA,IAA0BC,EAAcC,GAA8BJ,CAAc,GAClGK,IAA6BH;AAEnC,IAAAI;AAAA,MACI,MAAMb,EAAM,KAAK;AAAA,MACjB,CAACc,MAAa;AACV,QAAAV,EAAM,MAAM,iBAAiBU,IAAWd,EAAM,QAAQA,EAAM,aAAa;AAAA,MAC7E;AAAA,IAAA;AAGJ,UAAMe,IAAYC,EAAS,MAAMC,EAAiB,EAAE,GAAGjB,EAAM,MAAM,GAAG,EAAA,CAAG,CAAC,GACpEkB,IAAUF,EAAS,MAAMC,EAAiB,EAAE,GAAGjB,EAAM,MAAM,GAAG,EAAA,CAAG,CAAC,GAClEmB,IAAwBH,EAAS,MAAM,0BAA0BD,EAAU,KAAK,KAAKG,EAAQ,KAAK,GAAG,GAErGE,IAAcJ,EAAS,OAAO;AAAA,MAChC,OAAO,OAAOhB,EAAM,SAAU,WAAW,GAAGA,EAAM,KAAK,OAAOA,EAAM;AAAA,MACpE,QAAQ,OAAOA,EAAM,UAAW,WAAW,GAAGA,EAAM,MAAM,OAAOA,EAAM;AAAA,MACvE,GAAGA,EAAM;AAAA,IAAA,EACX,GAEIqB,IAAcL,EAAS,OAAO;AAAA,MAChC,OAAO,OAAOhB,EAAM,cAAe,WAAW,GAAGA,EAAM,UAAU,OAAOA,EAAM;AAAA,MAC9E,QAAQ,OAAOA,EAAM,cAAe,WAAW,GAAGA,EAAM,UAAU,OAAOA,EAAM;AAAA,MAC/E,MACI,OAAOI,EAAM,MAAM,kBAAmB,WAAW,GAAGA,EAAM,MAAM,cAAc,OAAOA,EAAM,MAAM;AAAA,MACrG,KAAK;AAAA,MACL,WAAW;AAAA,MACX,iBAAiBkB,EAAiBtB,EAAM,IAAI;AAAA,IAAA,EAC9C,GAEIuB,IAAc,CAACC,MAAkB;AACnC,MAAAZ,EAA2B,iCAAiCY,CAAC,GAC7DZ,EAA2B,gBAAgBY,CAAC;AAAA,IAChD,GAEMC,IAAwB,CAACD,MAAkB;AAC7C,MAAAZ,EAA2B,gBAAgBY,CAAC;AAAA,IAChD;AAEA,WAAAE,EAAY,MAAM;AACd,aAAO,oBAAoB,aAAad,EAA2B,gCAAgC,GACnG,OAAO,oBAAoB,WAAWA,EAA2B,aAAa;AAAA,IAClF,CAAC,mBA3GGe,EAeM,OAAA;AAAA,eAdE;AAAA,MAAJ,KAAIzB;AAAA,MACH,OAAK0B,EAAA,GAAKC,EAAAC,CAAA,EAAW,MAAM,cAAA;AAAA,MAC3B,SAAOV,EAAA,KAAW;AAAA,MACnB,cAAW;AAAA,MACV,qBAAmBS,EAAAE,CAAA,EAAM/B,EAAM,KAAK,IAAC,GAAA,CAAA;AAAA,MACrC,aAAWuB;AAAA,IAAA;MAEZS,EAMM,OAAA;AAAA,QANA,OAAKJ,EAAA,GAAKC,EAAAC,CAAA,EAAW,MAAM,mBAAA;AAAA,QAAsB,uBAAqBX,EAAA,OAAqB;AAAA,MAAA;QAC7Fa,EAIE,OAAA;AAAA,UAHG,OAAKJ,EAAA,GAAKC,EAAAC,CAAA,EAAW,MAAM,cAAA;AAAA,UAC3B,SAAOT,EAAA,KAAW;AAAA,UAClB,eAAgBI,GAAqB,CAAA,MAAA,CAAA;AAAA,QAAA;;;;;"}