@transsionfe/semi-ui-vue 0.0.1

package/lib/cjs/components/checkbox/CheckboxGroup.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./CheckboxGroup.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=CheckboxGroup.vue2.cjs.map

package/lib/cjs/components/checkbox/CheckboxGroup.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/checkbox/CheckboxInner.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./CheckboxInner.vue2.cjs");;/* empty css                     */const t=require("../../_virtual/_plugin-vue_export-helper.cjs"),u=t.default(e.default,[["__scopeId","data-v-a23ffa3b"]]);exports.default=u;
+//# sourceMappingURL=CheckboxInner.vue.cjs.map

package/lib/cjs/components/checkbox/CheckboxInner.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxInner.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/checkbox/CheckboxInner.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("classnames"),i=require("@douyinfe/semi-foundation/checkbox/constants"),f=require("../icons/icons/IconCheckboxTick.cjs"),y=require("../icons/icons/IconCheckboxIndeterminate.cjs"),h=["checked","disabled","name","aria-label","aria-disabled","aria-checked","aria-labelledby","aria-describedby","aria-invalid","aria-errormessage","aria-required"],v=e.defineComponent({__name:"CheckboxInner",props:{"aria-describedby":{},"aria-errormessage":{},"aria-invalid":{type:Boolean},"aria-labelledby":{},"aria-required":{type:Boolean},"aria-label":{},indeterminate:{type:Boolean},checked:{type:Boolean},disabled:{type:Boolean},prefixCls:{},name:{},isPureCardType:{type:Boolean},addonId:{},extraId:{},focusInner:{type:Boolean},preventScroll:{type:Boolean}},emits:["inputFocus","inputBlur"],setup(r,{expose:t,emit:d}){const a=r,o=d,l=e.ref(),n=e.computed(()=>a.prefixCls||i.checkboxClasses.PREFIX),u=e.computed(()=>s({[`${n.value}-inner`]:!0,[`${n.value}-inner-checked`]:!!a.checked,[`${n.value}-inner-pureCardType`]:a.isPureCardType},i.checkboxClasses.WRAPPER)),b=e.computed(()=>i.checkboxClasses.INPUT),m=e.computed(()=>s({[`${n.value}-inner-display`]:!0,[`${n.value}-focus`]:a.focusInner,[`${n.value}-focus-border`]:a.focusInner&&!a.checked})),p=c=>{o("inputFocus",c)},k=c=>{o("inputBlur",c)};return t({focus:()=>{l.value&&l.value.focus({preventScroll:a.preventScroll})},blur:()=>{l.value&&l.value.blur()}}),(c,x)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(u.value)},[e.createElementVNode("input",{ref_key:"inputRef",ref:l,type:"checkbox",class:e.normalizeClass(b.value),checked:r.checked,disabled:r.disabled,name:r.name,"aria-label":a["aria-label"],"aria-disabled":r.disabled,"aria-checked":r.checked,"aria-labelledby":r.addonId,"aria-describedby":r.extraId||a["aria-describedby"],"aria-invalid":a["aria-invalid"],"aria-errormessage":a["aria-errormessage"],"aria-required":a["aria-required"],onChange:()=>{},onFocus:p,onBlur:k},null,42,h),e.createElementVNode("span",{class:e.normalizeClass(m.value)},[r.checked?(e.openBlock(),e.createBlock(e.unref(f.default),{key:0})):r.indeterminate?(e.openBlock(),e.createBlock(e.unref(y.default),{key:1})):e.createCommentVNode("",!0)],2)],2))}});exports.default=v;
+//# sourceMappingURL=CheckboxInner.vue2.cjs.map

package/lib/cjs/components/checkbox/CheckboxInner.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxInner.vue2.cjs","sources":["../../../../src/components/checkbox/CheckboxInner.vue"],"sourcesContent":["<template>\n    <span :class=\"wrapperClass\">\n        <input\n            ref=\"inputRef\"\n            type=\"checkbox\"\n            :class=\"inputClass\"\n            :checked=\"checked\"\n            :disabled=\"disabled\"\n            :name=\"name\"\n            :aria-label=\"props['aria-label']\"\n            :aria-disabled=\"disabled\"\n            :aria-checked=\"checked\"\n            :aria-labelledby=\"addonId\"\n            :aria-describedby=\"extraId || props['aria-describedby']\"\n            :aria-invalid=\"props['aria-invalid']\"\n            :aria-errormessage=\"props['aria-errormessage']\"\n            :aria-required=\"props['aria-required']\"\n            @change=\"() => {}\"\n            @focus=\"handleFocus\"\n            @blur=\"handleBlur\"\n        />\n        <span :class=\"innerClass\">\n            <IconCheckboxTick v-if=\"checked\" />\n            <IconCheckboxIndeterminate v-else-if=\"indeterminate\" />\n        </span>\n    </span>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed } from 'vue';\nimport classNames from 'classnames';\nimport { checkboxClasses as css } from '@douyinfe/semi-foundation/checkbox/constants';\nimport { IconCheckboxTick, IconCheckboxIndeterminate } from '../icons';\n\nexport interface CheckboxInnerProps {\n    'aria-describedby'?: string;\n    'aria-errormessage'?: string;\n    'aria-invalid'?: boolean;\n    'aria-labelledby'?: string;\n    'aria-required'?: boolean;\n    'aria-label'?: string;\n    indeterminate?: boolean;\n    checked?: boolean;\n    disabled?: boolean;\n    prefixCls?: string;\n    name?: string;\n    isPureCardType?: boolean;\n    addonId?: string;\n    extraId?: string;\n    focusInner?: boolean;\n    preventScroll?: boolean;\n}\n\nconst props = withDefaults(defineProps<CheckboxInnerProps>(), {});\n\nconst emit = defineEmits<{\n    inputFocus: [e: FocusEvent];\n    inputBlur: [e: FocusEvent];\n}>();\n\nconst inputRef = ref<HTMLInputElement>();\n\nconst prefix = computed(() => props.prefixCls || css.PREFIX);\n\nconst wrapperClass = computed(() =>\n    classNames(\n        {\n            [`${prefix.value}-inner`]: true,\n            [`${prefix.value}-inner-checked`]: Boolean(props.checked),\n            [`${prefix.value}-inner-pureCardType`]: props.isPureCardType,\n        },\n        css.WRAPPER\n    )\n);\n\nconst inputClass = computed(() => css.INPUT);\n\nconst innerClass = computed(() =>\n    classNames({\n        [`${prefix.value}-inner-display`]: true,\n        [`${prefix.value}-focus`]: props.focusInner,\n        [`${prefix.value}-focus-border`]: props.focusInner && !props.checked,\n    })\n);\n\nconst handleFocus = (e: FocusEvent) => {\n    emit('inputFocus', e);\n};\n\nconst handleBlur = (e: FocusEvent) => {\n    emit('inputBlur', e);\n};\n\nconst focus = () => {\n    if (inputRef.value) {\n        inputRef.value.focus({ preventScroll: props.preventScroll });\n    }\n};\n\nconst blur = () => {\n    if (inputRef.value) {\n        inputRef.value.blur();\n    }\n};\n\ndefineExpose({\n    focus,\n    blur,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.semi-checkbox-inner-display {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n</style>\n"],"names":["props","__props","emit","__emit","inputRef","ref","prefix","computed","css","wrapperClass","classNames","inputClass","innerClass","handleFocus","e","handleBlur","__expose","_createElementBlock","_createElementVNode","_createBlock","_unref","IconCheckboxTick","IconCheckboxIndeterminate"],"mappings":"+6BAqDA,MAAMA,EAAQC,EAERC,EAAOC,EAKPC,EAAWC,EAAAA,IAAA,EAEXC,EAASC,EAAAA,SAAS,IAAMP,EAAM,WAAaQ,EAAAA,gBAAI,MAAM,EAErDC,EAAeF,EAAAA,SAAS,IAC1BG,EACI,CACI,CAAC,GAAGJ,EAAO,KAAK,QAAQ,EAAG,GAC3B,CAAC,GAAGA,EAAO,KAAK,gBAAgB,EAAG,EAAQN,EAAM,QACjD,CAAC,GAAGM,EAAO,KAAK,qBAAqB,EAAGN,EAAM,cAAA,EAElDQ,kBAAI,OAAA,CACR,EAGEG,EAAaJ,EAAAA,SAAS,IAAMC,EAAAA,gBAAI,KAAK,EAErCI,EAAaL,EAAAA,SAAS,IACxBG,EAAW,CACP,CAAC,GAAGJ,EAAO,KAAK,gBAAgB,EAAG,GACnC,CAAC,GAAGA,EAAO,KAAK,QAAQ,EAAGN,EAAM,WACjC,CAAC,GAAGM,EAAO,KAAK,eAAe,EAAGN,EAAM,YAAc,CAACA,EAAM,OAAA,CAChE,CAAA,EAGCa,EAAeC,GAAkB,CACnCZ,EAAK,aAAcY,CAAC,CACxB,EAEMC,EAAcD,GAAkB,CAClCZ,EAAK,YAAaY,CAAC,CACvB,EAcA,OAAAE,EAAa,CACT,MAbU,IAAM,CACZZ,EAAS,OACTA,EAAS,MAAM,MAAM,CAAE,cAAeJ,EAAM,cAAe,CAEnE,EAUI,KARS,IAAM,CACXI,EAAS,OACTA,EAAS,MAAM,KAAA,CAEvB,CAII,CACH,wBA3GGa,EAAAA,mBAwBO,OAAA,CAxBA,uBAAOR,EAAA,KAAY,CAAA,GACtBS,EAAAA,mBAkBE,QAAA,SAjBM,WAAJ,IAAId,EACJ,KAAK,WACJ,uBAAOO,EAAA,KAAU,EACjB,QAASV,EAAA,QACT,SAAUA,EAAA,SACV,KAAMA,EAAA,KACN,aAAYD,EAAK,YAAA,EACjB,gBAAeC,EAAA,SACf,eAAcA,EAAA,QACd,kBAAiBA,EAAA,QACjB,mBAAkBA,EAAA,SAAWD,EAAK,kBAAA,EAClC,eAAcA,EAAK,cAAA,EACnB,oBAAmBA,EAAK,mBAAA,EACxB,gBAAeA,EAAK,eAAA,EACpB,SAAQ,IAAA,CAAA,EACR,QAAOa,EACP,OAAME,CAAA,aAEXG,EAAAA,mBAGO,OAAA,CAHA,uBAAON,EAAA,KAAU,CAAA,GACIX,EAAA,uBAAxBkB,cAAmCC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CAAA,IAAA,CAAA,CAAA,GACGpB,EAAA,6BAAtCkB,EAAAA,YAAuDC,EAAAA,MAAAE,SAAA,EAAA,CAAA,IAAA,CAAA,CAAA"}

package/lib/cjs/components/checkbox/context.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),r=Symbol("semi-checkbox-group");function u(e){o.provide(r,e)}function c(){const e=o.inject(r,null);return e?{get checkboxGroup(){return e.value.checkboxGroup}}:{checkboxGroup:void 0}}exports.provideCheckboxGroup=u;exports.useCheckboxGroup=c;
+//# sourceMappingURL=context.cjs.map

package/lib/cjs/components/checkbox/context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.cjs","sources":["../../../../src/components/checkbox/context.ts"],"sourcesContent":["import { inject, provide, type InjectionKey, type ComputedRef } from 'vue';\nimport type { CheckboxEvent } from './interface';\n\nexport interface CheckboxGroupContext {\n    onChange: (evt: CheckboxEvent) => void;\n    value: any[];\n    disabled: boolean;\n    name: string;\n    isCardType: boolean;\n    isPureCardType: boolean;\n}\n\nexport interface CheckboxContextValue {\n    checkboxGroup?: CheckboxGroupContext;\n}\n\nconst CHECKBOX_GROUP_KEY: InjectionKey<ComputedRef<CheckboxContextValue>> = Symbol('semi-checkbox-group');\n\nexport function provideCheckboxGroup(context: ComputedRef<CheckboxContextValue>) {\n    provide(CHECKBOX_GROUP_KEY, context);\n}\n\nexport function useCheckboxGroup(): CheckboxContextValue {\n    const context = inject(CHECKBOX_GROUP_KEY, null);\n\n    if (!context) {\n        return { checkboxGroup: undefined };\n    }\n\n    return {\n        get checkboxGroup() {\n            return context.value.checkboxGroup;\n        },\n    };\n}\n"],"names":["CHECKBOX_GROUP_KEY","provideCheckboxGroup","context","provide","useCheckboxGroup","inject"],"mappings":"uGAgBMA,EAAsE,OAAO,qBAAqB,EAEjG,SAASC,EAAqBC,EAA4C,CAC7EC,EAAAA,QAAQH,EAAoBE,CAAO,CACvC,CAEO,SAASE,GAAyC,CACrD,MAAMF,EAAUG,EAAAA,OAAOL,EAAoB,IAAI,EAE/C,OAAKE,EAIE,CACH,IAAI,eAAgB,CAChB,OAAOA,EAAQ,MAAM,aACzB,CAAA,EANO,CAAE,cAAe,MAAA,CAQhC"}

package/lib/cjs/components/checkbox/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./Checkbox.vue.cjs"),c=require("./CheckboxGroup.vue.cjs"),e=require("../form/createFieldEnhancer.cjs");;/* empty css                */const r=e.createFieldEnhancer(u.default,"SemiCheckbox"),t=e.createFieldEnhancer(c.default,"SemiCheckboxGroup"),o=Object.assign(r,{Group:t});exports.Checkbox=r;exports.CheckboxGroup=t;exports.default=o;
+//# sourceMappingURL=index.cjs.map

package/lib/cjs/components/checkbox/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/checkbox/index.ts"],"sourcesContent":["import BaseCheckbox from './Checkbox.vue';\nimport BaseCheckboxGroup from './CheckboxGroup.vue';\nimport { createFieldEnhancer } from '../form/createFieldEnhancer';\n\n// 导入样式（自动引入）\nimport './checkbox.scss';\n\nexport type {\n    CheckboxProps,\n    CheckboxGroupProps,\n    CheckboxEvent,\n    CheckboxDirection,\n    CheckboxType,\n    CheckboxOptionType,\n} from './interface';\n\nconst Checkbox = createFieldEnhancer(BaseCheckbox, 'SemiCheckbox');\nconst CheckboxGroup = createFieldEnhancer(BaseCheckboxGroup, 'SemiCheckboxGroup');\n\n// Create a composite component\nconst CheckboxWithGroup = Object.assign(Checkbox, {\n    Group: CheckboxGroup,\n});\n\nexport { Checkbox, CheckboxGroup };\nexport default CheckboxWithGroup;\n"],"names":["Checkbox","createFieldEnhancer","BaseCheckbox","CheckboxGroup","BaseCheckboxGroup","CheckboxWithGroup"],"mappings":"mQAgBA,MAAMA,EAAWC,EAAAA,oBAAoBC,EAAAA,QAAc,cAAc,EAC3DC,EAAgBF,EAAAA,oBAAoBG,EAAAA,QAAmB,mBAAmB,EAG1EC,EAAoB,OAAO,OAAOL,EAAU,CAC9C,MAAOG,CACX,CAAC"}

package/lib/cjs/components/collapse/Collapse.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),g=require("classnames"),x=require("@douyinfe/semi-foundation/collapse/constants"),h=require("@douyinfe/semi-foundation/utils/getDataAttr"),C=require("lodash-es"),S=require("./context.cjs"),k=require("@douyinfe/semi-foundation/collapse/foundation"),I=require("../../_utils/useFoundation.cjs"),P=n.defineComponent({__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(c,{emit:i}){const l=x.cssClasses.PREFIX,o=c,u=i,a=n.ref(new Set),d={handleChange:(e,t)=>{u("change",e,t)},addActiveKey:e=>{a.value=e},getContext:e=>{},getContexts:()=>({}),getState:e=>{if(e==="activeSet")return a.value},getStates:()=>({activeSet:a.value}),setState:(e,t)=>{e.activeSet!==void 0&&(a.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:r}=I.useFoundation(k,d),p=r.initActiveKey();a.value=new Set(p),n.watch(()=>o.activeKey,e=>{if(e!==void 0){const t=Array.isArray(e)?e:[e],s=new Set(t);C.isEqual(s,a.value)||(a.value=s)}},{deep:!0});const v=n.computed(()=>g(l,o.className)),f=n.computed(()=>{const{defaultActiveKey:e,lazyRender:t,accordion:s,motion:q,keepDOM:E,expandIconPosition:B,expandIcon:M,collapseIcon:A,children:D,clickHeaderToExpand:O,style:R,className:T,...y}=o;return h(y)}),m=n.computed(()=>({get activeSet(){return a.value},expandIcon:o.expandIcon,collapseIcon:o.collapseIcon,clickHeaderToExpand:o.clickHeaderToExpand,keepDOM:o.keepDOM,expandIconPosition:o.expandIconPosition,onClick:(e,t)=>{r.handleChange(e,t)},motion:o.motion,lazyRender:o.lazyRender}));return S.provideCollapseContext(m),(e,t)=>(n.openBlock(),n.createElementBlock("div",n.mergeProps({class:v.value,style:c.style},f.value),[n.renderSlot(e.$slots,"default")],16))}});exports.default=P;
+//# sourceMappingURL=Collapse.vue.cjs.map

package/lib/cjs/components/collapse/Collapse.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.vue.cjs","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":"sxBAiBA,MAAMA,EAAYC,EAAAA,WAAW,OAEvBC,EAAQC,EAORC,EAAOC,EAKPC,EAAYC,EAAAA,IAAiB,IAAI,GAAK,EAGtCC,EAAU,CAEZ,aAAc,CAACC,EAA8BC,IAAkB,CAC3DN,EAAK,SAAUK,EAAWC,CAAC,CAC/B,EACA,aAAeC,GAAwB,CACnCL,EAAU,MAAQK,CACtB,EAGA,WAAaC,GAAgB,CAG7B,EACA,YAAa,KACF,CAAA,GAEX,SAAWA,GAAgB,CACvB,GAAIA,IAAQ,YAAa,OAAON,EAAU,KAE9C,EACA,UAAW,KAAO,CAAE,UAAWA,EAAU,KAAA,GACzC,SAAU,CAACO,EAA+CC,IAA0B,CAC5ED,EAAS,YAAc,SACvBP,EAAU,MAAQO,EAAS,WAE3BC,GACAA,EAAA,CAER,EACA,QAAUF,GAAgB,CACtB,MAAMG,EAASb,EAAcU,CAAG,EAEhC,OAAIA,IAAQ,SACD,OAAOG,GAAU,UAAYA,EAAQ,EAAQA,EAEjDA,CACX,EACA,SAAU,IAAM,CAEZ,MAAMC,EAAkB,CAAE,GAAGd,CAAA,EAE7B,OAAIc,EAAgB,SAAW,SAC3BA,EAAgB,OACZ,OAAOA,EAAgB,QAAW,UAAYA,EAAgB,OAAS,EAAQA,EAAgB,QAEhGA,CACX,EACA,SAAWJ,GAAgB,CAE3B,EACA,UAAW,KACA,CAAA,GAEX,SAAU,CAACA,EAAaG,IAAe,CAEvC,EACA,gBAAkB,GAAa,CAC3B,WAAG,iBACP,EACA,aAAeE,GAAiB,CAEhC,CAAA,EAIE,CAAE,WAAAC,CAAA,EAAeC,gBAAcC,EAAoBZ,CAAO,EAG1Da,EAAWH,EAAW,cAAA,EAC5BZ,EAAU,MAAQ,IAAI,IAAIe,CAAQ,EAGlCC,EAAAA,MACI,IAAMpB,EAAM,UACXqB,GAAiB,CACd,GAAIA,IAAiB,OAAW,CAC5B,MAAMC,EAAO,MAAM,QAAQD,CAAY,EAAIA,EAAe,CAACA,CAAY,EACjEZ,EAAS,IAAI,IAAIa,CAAI,EACtBC,EAAAA,QAAQd,EAAQL,EAAU,KAAK,IAChCA,EAAU,MAAQK,EAE1B,CACJ,EACA,CAAE,KAAM,EAAA,CAAK,EAIjB,MAAMe,EAAYC,EAAAA,SAAS,IAAMC,EAAW5B,EAAWE,EAAM,SAAS,CAAC,EAEjE2B,EAAYF,EAAAA,SAAS,IAAM,CAC7B,KAAM,CACF,iBAAAG,EACA,WAAAC,EACA,UAAAC,EACA,OAAAC,EACA,QAAAC,EACA,mBAAAC,EACA,WAAAC,EACA,aAAAC,EACA,SAAAC,EACA,oBAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CAAA,EACHxC,EACJ,OAAOyC,EAAYD,CAAW,CAClC,CAAC,EAIKE,EAAejB,EAAAA,SAAS,KAEnB,CACH,IAAI,WAAY,CACZ,OAAOrB,EAAU,KACrB,EACA,WAAYJ,EAAM,WAClB,aAAcA,EAAM,aACpB,oBAAqBA,EAAM,oBAC3B,QAASA,EAAM,QACf,mBAAoBA,EAAM,mBAC1B,QAAS,CAAC2C,EAAiBnC,IAAkB,CACzCQ,EAAW,aAAa2B,EAASnC,CAAC,CACtC,EACA,OAAQR,EAAM,OACd,WAAYA,EAAM,UAAA,EAEzB,EAGD4C,OAAAA,EAAAA,uBAAuBF,CAAY,UApK/BG,YAAA,EAAAC,qBAEM,MAFNC,EAAAA,WAEM,CAFA,MAAOvB,EAAA,MAAY,MAAOvB,EAAA,KAAA,EAAe0B,EAAA,KAAS,EAAA,CACpDqB,aAAaC,EAAA,OAAA,SAAA,CAAA"}

package/lib/cjs/components/collapse/Collapse.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Collapse.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=Collapse.vue2.cjs.map

package/lib/cjs/components/collapse/Collapse.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/collapse/CollapsePanel.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("classnames"),z=require("@douyinfe/semi-foundation/collapse/constants"),R=require("@douyinfe/semi-foundation/utils/uuid"),S=require("../collapsible/Collapsible.vue.cjs"),K=require("./context.cjs"),$=require("../icons/icons/IconChevronDown.cjs"),T=require("../icons/icons/IconChevronUp.cjs"),q=["aria-disabled","aria-expanded","aria-owns"],O=["id","aria-hidden"],P=e.defineComponent({__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=z.cssClasses.PREFIX,n=a,C=e.useSlots(),c=e.ref(),m=e.ref("");e.onMounted(()=>{m.value=R.getUuidShort({})});const s=e.inject(K.CollapseContextKey),r=e.computed(()=>s?"value"in s?s.value:s:{activeSet:new Set,clickHeaderToExpand:!0,keepDOM:!1,expandIconPosition:"right",onClick:()=>{},motion:!1,lazyRender:!1}),d=e.computed(()=>{var t;return((t=r.value.activeSet)==null?void 0:t.has(n.itemKey))||!1}),y=e.computed(()=>!!C.default),i=e.computed(()=>r.value.expandIconPosition==="left"),h=e.computed(()=>y.value&&!n.disabled),B=e.computed(()=>r.value.lazyRender),E=e.computed(()=>r.value.keepDOM),x=e.computed(()=>{const t=r.value.motion;return typeof t=="boolean"?t:!!t}),p=e.computed(()=>{let t=r.value.expandIcon,o=r.value.collapseIcon;return typeof t>"u"&&(t=$.default),typeof o>"u"&&(o=T.default),h.value&&d.value?o:t}),g=e.computed(()=>u(n.className,{[`${l}-item`]:!0})),N=e.computed(()=>u({[`${l}-header`]:!0,[`${l}-header-disabled`]:n.disabled,[`${l}-header-iconLeft`]:i.value})),b=e.computed(()=>u({[`${l}-content`]:!0})),v=e.computed(()=>u([`${l}-header-icon`,{[`${l}-header-iconDisabled`]:!h.value}])),I=e.computed(()=>{const{className:t,children:o,itemKey:k,reCalcKey:f,header:A,extra:F,showArrow:j,disabled:U,onMotionEnd:H,style:V,...M}=n;return{style:V,...M}}),w=t=>{var k,f;if(n.disabled)return;const o=r.value;(o.clickHeaderToExpand||(k=c.value)!=null&&k.contains(t.target))&&((f=o.onClick)==null||f.call(o,n.itemKey,t))},D=()=>{var t;(t=n.onMotionEnd)==null||t.call(n)};return(t,o)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:g.value},I.value),[e.createElementVNode("div",{role:"button",tabIndex:0,class:e.normalizeClass(N.value),"aria-disabled":a.disabled,"aria-expanded":d.value?"true":"false","aria-owns":m.value,onClick:w},[a.showArrow&&i.value?(e.openBlock(),e.createElementBlock("span",{key:0,ref_key:"headerExpandIconTriggerRef",ref:c,"aria-hidden":"true",class:e.normalizeClass(v.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.value)))],2)):e.createCommentVNode("",!0),typeof a.header=="string"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("span",null,e.toDisplayString(a.header),1),e.createElementVNode("span",{class:e.normalizeClass(`${e.unref(l)}-header-right`)},[e.createElementVNode("span",null,[e.isVNode(a.extra)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.extra),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(a.extra),1)],64))]),a.showArrow&&!i.value?(e.openBlock(),e.createElementBlock("span",{key:0,ref_key:"headerExpandIconTriggerRef",ref:c,"aria-hidden":"true",class:e.normalizeClass(v.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.value)))],2)):e.createCommentVNode("",!0)],2)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.isVNode(a.header)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.header),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(a.header),1)],64)),a.showArrow&&!i.value?(e.openBlock(),e.createElementBlock("span",{key:2,ref_key:"headerExpandIconTriggerRef",ref:c,"aria-hidden":"true",class:e.normalizeClass(v.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.value)))],2)):e.createCommentVNode("",!0)],64))],10,q),y.value?(e.openBlock(),e.createBlock(S.default,{key:0,lazyRender:B.value,isOpen:d.value,keepDOM:E.value,motion:x.value,reCalcKey:a.reCalcKey,onMotionEnd:D},{default:e.withCtx(()=>[e.createElementVNode("div",{id:m.value,class:e.normalizeClass(b.value),"aria-hidden":!d.value},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(l)}-content-wrapper`)},[e.renderSlot(t.$slots,"default")],2)],10,O)]),_:3},8,["lazyRender","isOpen","keepDOM","motion","reCalcKey"])):e.createCommentVNode("",!0)],16))}});exports.default=P;
+//# sourceMappingURL=CollapsePanel.vue.cjs.map

package/lib/cjs/components/collapse/CollapsePanel.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsePanel.vue.cjs","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","e","ctx","_b","handleMotionEnd","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_createBlock","_resolveDynamicComponent","_Fragment","_unref","isVNode","Collapsible","_renderSlot","_ctx"],"mappings":"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"}

package/lib/cjs/components/collapse/CollapsePanel.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./CollapsePanel.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=CollapsePanel.vue2.cjs.map

package/lib/cjs/components/collapse/CollapsePanel.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsePanel.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/collapse/context.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),e=Symbol("CollapseContext");function l(o){t.provide(e,o)}exports.CollapseContextKey=e;exports.provideCollapseContext=l;
+//# sourceMappingURL=context.cjs.map

package/lib/cjs/components/collapse/context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.cjs","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":"uGAeaA,EAET,OAAO,iBAAiB,EAErB,SAASC,EACZC,EACF,CACEC,EAAAA,QAAQH,EAAoBE,CAAO,CACvC"}

package/lib/cjs/components/collapse/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Collapse.vue.cjs"),t=require("./CollapsePanel.vue.cjs");;/* empty css                */e.default.Panel=t.default;exports.default=e.default;exports.CollapsePanel=t.default;
+//# sourceMappingURL=index.cjs.map

package/lib/cjs/components/collapse/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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":"sNASAA,EAAAA,QAAS,MAAQC,EAAAA"}

package/lib/cjs/components/collapsible/Collapsible.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),T=require("@douyinfe/semi-foundation/collapsible/foundation"),f=require("@douyinfe/semi-foundation/collapsible/constants"),y=require("classnames"),C=require("../../_utils/useFoundation.cjs"),S=["id"],H=n.defineComponent({__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(c,{expose:v}){const t=c,a=n.ref(),r=n.ref(null),u=n.ref(!1),i=n.ref({domInRenderTree:!1,domHeight:0,visible:t.isOpen,isTransitioning:!1,cacheIsOpen:t.isOpen}),p={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,o)=>{},stopPropagation:e=>{e.stopPropagation()},persistEvent:e=>{}},{foundation:s}=C.useFoundation(T,p),h=e=>{let o;e.borderBoxSize?o=!(e.borderBoxSize[0].blockSize===0&&e.borderBoxSize[0].inlineSize===0):o=!(e.contentRect.height===0&&e.contentRect.width===0);let l=0;return e.borderBoxSize?l=Math.ceil(e.borderBoxSize[0].blockSize):l=e.target.clientHeight,{isShown:o,height:l}},g=e=>{const o=e[0];if(o){const l=h(o);s.updateDOMHeight(l.height),s.updateDOMInRenderTree(l.isShown)}},m=()=>a.value?a.value.offsetHeight>0:!1,O=()=>{var e;t.isOpen||s.updateVisible(!1),s.updateIsTransitioning(!1),(e=t.onMotionEnd)==null||e.call(t)};n.watch(()=>t.isOpen,(e,o)=>{e!==i.value.cacheIsOpen&&((e||!t.motion)&&(i.value.visible=e),t.motion&&(i.value.isTransitioning=!0)),i.value.cacheIsOpen=e}),n.watch(()=>t.reCalcKey,()=>{a.value&&s.updateDOMHeight(a.value.scrollHeight)}),n.watch(()=>i.value.domInRenderTree,(e,o)=>{e&&e!==o&&a.value&&s.updateDOMHeight(a.value.scrollHeight)}),n.onMounted(()=>{n.nextTick(()=>{if(a.value&&typeof ResizeObserver<"u"){r.value=new ResizeObserver(g),r.value.observe(a.value);const e=m();s.updateDOMInRenderTree(e),e&&s.updateDOMHeight(a.value.scrollHeight)}})}),n.onBeforeUnmount(()=>{r.value&&(r.value.disconnect(),r.value=null)});const b=n.computed(()=>({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})),R=n.computed(()=>y(`${f.cssClasses.PREFIX}-wrapper`,{[`${f.cssClasses.PREFIX}-transition`]:t.motion&&i.value.isTransitioning},t.className)),d=n.computed(()=>t.keepDOM&&(t.lazyRender?u.value:!0)||t.collapseHeight!==0||i.value.visible||t.isOpen);return n.watch(d,e=>{e&&!u.value&&(u.value=!0)}),d.value&&(u.value=!0),v({foundation:s}),(e,o)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(R.value),style:n.normalizeStyle(b.value),onTransitionend:O},[n.createElementVNode("div",{id:c.id,ref_key:"domRef",ref:a,style:{overflow:"hidden"},"x-semi-prop":"children"},[d.value?n.renderSlot(e.$slots,"default",{key:0}):n.createCommentVNode("",!0)],8,S)],38))}});exports.default=H;
+//# sourceMappingURL=Collapsible.vue.cjs.map

package/lib/cjs/components/collapsible/Collapsible.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.vue.cjs","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/cjs/components/collapsible/Collapsible.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Collapsible.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=Collapsible.vue2.cjs.map

package/lib/cjs/components/collapsible/Collapsible.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/collapsible/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Collapsible.vue.cjs");;/* empty css                   */exports.default=e.default;
+//# sourceMappingURL=index.cjs.map

package/lib/cjs/components/collapsible/index.cjs.map

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

package/lib/cjs/components/colorPicker/AlphaSlider.vue.cjs

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

package/lib/cjs/components/colorPicker/AlphaSlider.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlphaSlider.vue.cjs","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":"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"}

package/lib/cjs/components/colorPicker/AlphaSlider.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./AlphaSlider.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=AlphaSlider.vue2.cjs.map

package/lib/cjs/components/colorPicker/AlphaSlider.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlphaSlider.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/colorPicker/ColorChooseArea.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("@douyinfe/semi-foundation/colorPicker/ColorChooseAreaFoundation"),u=require("@douyinfe/semi-foundation/colorPicker/utils/convert"),d=require("@douyinfe/semi-foundation/colorPicker/utils/round"),h=require("@douyinfe/semi-foundation/colorPicker/constants"),P=require("../_utils/useBaseComponent.cjs"),w=require("../../_utils/useFoundation.cjs"),S=["aria-valuetext"],M=e.defineComponent({__name:"ColorChooseArea",props:{hsva:{},onChange:{type:Function},handleSize:{},width:{},height:{},foundation:{},className:{},style:{}},setup(c){const o=c,s=e.ref(null),a=e.ref({handlePosition:{x:0,y:0},isHandleGrabbing:!1}),{adapter:v}=P.useBaseComponent(o,a),p={...v,getColorPickerFoundation:()=>o.foundation,handleMouseDown:n=>{a.value.isHandleGrabbing=!0,s.value&&s.value.addEventListener("mousemove",i.setHandlePositionByMousePosition),window.addEventListener("mouseup",i.handleMouseUp)},handleMouseUp:()=>{s.value&&s.value.removeEventListener("mousemove",i.setHandlePositionByMousePosition),window.removeEventListener("mouseup",i.handleMouseUp),a.value.isHandleGrabbing=!1},getDOM:()=>s.value,notifyChange:n=>o.onChange(n)},{foundation:i}=w.useFoundation(b,p),t=i;e.nextTick(()=>{try{t&&(a.value.handlePosition=t.getHandlePositionByHSVA())}catch(n){console.warn("ColorChooseArea: Failed to initialize handle position",n)}}),e.onMounted(()=>{if(s.value&&t)try{a.value.handlePosition=t.getHandlePositionByHSVA()}catch(n){console.warn("ColorChooseArea: Failed to update handle position in onMounted",n)}}),e.watch(()=>o.hsva,(n,r)=>{JSON.stringify(r)!==JSON.stringify(n)&&(a.value.handlePosition=t.getHandlePositionByHSVA())},{deep:!0});const m=e.computed(()=>u.hsvaToHslString({h:o.hsva.h,s:100,v:100,a:1})),l=e.computed(()=>u.hsvaToRgba(o.hsva)),f=e.computed(()=>({backgroundColor:m.value,width:typeof o.width=="number"?`${o.width}px`:o.width,height:typeof o.height=="number"?`${o.height}px`:o.height,cursor:a.value.isHandleGrabbing?"grabbing":"pointer",...o.style})),y=e.computed(()=>({width:typeof o.handleSize=="number"?`${o.handleSize}px`:o.handleSize,height:typeof o.handleSize=="number"?`${o.handleSize}px`:o.handleSize,left:typeof a.value.handlePosition.x=="number"?`${a.value.handlePosition.x}px`:a.value.handlePosition.x,top:typeof a.value.handlePosition.y=="number"?`${a.value.handlePosition.y}px`:a.value.handlePosition.y,backgroundColor:`rgba(${l.value.r},${l.value.g},${l.value.b},${l.value.a})`})),g=n=>{t.setHandlePositionByMousePosition(n),t.handleMouseDown(n)},C=n=>{t.handleMouseDown(n)};return e.onUnmounted(()=>{s.value&&s.value.removeEventListener("mousemove",t.setHandlePositionByMousePosition),window.removeEventListener("mouseup",t.handleMouseUp)}),(n,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"areaRef",ref:s,class:e.normalizeClass([`${e.unref(h.cssClasses).PREFIX}-colorChooseArea`,o.className]),style:e.normalizeStyle(f.value),"aria-label":"Color","aria-valuetext":`Saturation ${e.unref(d.round)(o.hsva.s)}%, Brightness ${e.unref(d.round)(o.hsva.v)}%`,onMousedown:g},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(h.cssClasses).PREFIX}-handle`),style:e.normalizeStyle(y.value),onMousedown:e.withModifiers(C,["stop"])},null,38)],46,S))}});exports.default=M;
+//# sourceMappingURL=ColorChooseArea.vue.cjs.map

package/lib/cjs/components/colorPicker/ColorChooseArea.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorChooseArea.vue.cjs","sources":["../../../../src/components/colorPicker/ColorChooseArea.vue"],"sourcesContent":["<template>\n    <div\n        ref=\"areaRef\"\n        :class=\"[`${cssClasses.PREFIX}-colorChooseArea`, props.className]\"\n        :style=\"areaStyle\"\n        aria-label=\"Color\"\n        :aria-valuetext=\"`Saturation ${round(props.hsva.s)}%, Brightness ${round(props.hsva.v)}%`\"\n        @mousedown=\"handleClick\"\n    >\n        <div :class=\"`${cssClasses.PREFIX}-handle`\" :style=\"handleStyle\" @mousedown.stop=\"handleHandleMouseDown\" />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch, onMounted, onUnmounted, nextTick } from 'vue';\nimport type { HsvaColor } from '@douyinfe/semi-foundation/colorPicker/interface';\nimport ColorChooseAreaFoundation from '@douyinfe/semi-foundation/colorPicker/ColorChooseAreaFoundation';\nimport type ColorPickerFoundation from '@douyinfe/semi-foundation/colorPicker/foundation';\nimport { hsvaToHslString, hsvaToRgba } 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    hsva: HsvaColor;\n    onChange: (newColor: { s: number; v: number }) => void;\n    handleSize: number;\n    width: number;\n    height: number;\n    foundation: ColorPickerFoundation;\n    className?: string;\n    style?: Record<string, any>;\n}\n\nconst props = defineProps<Props>();\n\nconst areaRef = ref<HTMLDivElement | null>(null);\n\nconst state = ref({\n    handlePosition: { x: 0, y: 0 },\n    isHandleGrabbing: false,\n});\n\nconst { adapter: baseAdapter } = useBaseComponent(props, state);\n\nconst adapter = {\n    ...baseAdapter,\n    getColorPickerFoundation: () => props.foundation,\n    handleMouseDown: (_e: MouseEvent) => {\n        state.value.isHandleGrabbing = true;\n        if (areaRef.value) {\n            areaRef.value.addEventListener(\n                'mousemove',\n                (colorChooseAreaFoundation as any).setHandlePositionByMousePosition\n            );\n        }\n        window.addEventListener('mouseup', (colorChooseAreaFoundation as any).handleMouseUp);\n    },\n    handleMouseUp: () => {\n        if (areaRef.value) {\n            areaRef.value.removeEventListener(\n                'mousemove',\n                (colorChooseAreaFoundation as any).setHandlePositionByMousePosition\n            );\n        }\n        window.removeEventListener('mouseup', (colorChooseAreaFoundation as any).handleMouseUp);\n        state.value.isHandleGrabbing = false;\n    },\n    getDOM: () => areaRef.value,\n    notifyChange: (newColor: { s: number; v: number }) => props.onChange(newColor),\n};\n\nconst { foundation: colorChooseAreaFoundation } = useFoundation(ColorChooseAreaFoundation as any, adapter as any);\nconst colorChooseAreaFoundationTyped = colorChooseAreaFoundation as InstanceType<typeof ColorChooseAreaFoundation>;\n\nnextTick(() => {\n    try {\n        if (colorChooseAreaFoundationTyped) {\n            state.value.handlePosition = colorChooseAreaFoundationTyped.getHandlePositionByHSVA();\n        }\n    } catch (e) {\n        console.warn('ColorChooseArea: Failed to initialize handle position', e);\n    }\n});\n\nonMounted(() => {\n    if (areaRef.value && colorChooseAreaFoundationTyped) {\n        try {\n            state.value.handlePosition = colorChooseAreaFoundationTyped.getHandlePositionByHSVA();\n        } catch (e) {\n            console.warn('ColorChooseArea: Failed to update handle position in onMounted', e);\n        }\n    }\n});\n\nwatch(\n    () => props.hsva,\n    (newHsva, oldHsva) => {\n        if (JSON.stringify(oldHsva) !== JSON.stringify(newHsva)) {\n            state.value.handlePosition = colorChooseAreaFoundationTyped.getHandlePositionByHSVA();\n        }\n    },\n    { deep: true }\n);\n\nconst areaBgStyle = computed(() => hsvaToHslString({ h: props.hsva.h, s: 100, v: 100, a: 1 }));\nconst currentColor = computed(() => hsvaToRgba(props.hsva));\n\nconst areaStyle = computed(() => ({\n    backgroundColor: areaBgStyle.value,\n    width: typeof props.width === 'number' ? `${props.width}px` : props.width,\n    height: typeof props.height === 'number' ? `${props.height}px` : props.height,\n    cursor: state.value.isHandleGrabbing ? 'grabbing' : 'pointer',\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.x === 'number'\n            ? `${state.value.handlePosition.x}px`\n            : state.value.handlePosition.x,\n    top:\n        typeof state.value.handlePosition.y === 'number'\n            ? `${state.value.handlePosition.y}px`\n            : state.value.handlePosition.y,\n    backgroundColor: `rgba(${currentColor.value.r},${currentColor.value.g},${currentColor.value.b},${currentColor.value.a})`,\n}));\n\nconst handleClick = (e: MouseEvent) => {\n    colorChooseAreaFoundationTyped.setHandlePositionByMousePosition(e);\n    colorChooseAreaFoundationTyped.handleMouseDown(e);\n};\n\nconst handleHandleMouseDown = (e: MouseEvent) => {\n    colorChooseAreaFoundationTyped.handleMouseDown(e);\n};\n\nonUnmounted(() => {\n    if (areaRef.value) {\n        areaRef.value.removeEventListener('mousemove', colorChooseAreaFoundationTyped.setHandlePositionByMousePosition);\n    }\n    window.removeEventListener('mouseup', colorChooseAreaFoundationTyped.handleMouseUp);\n});\n</script>\n"],"names":["props","__props","areaRef","ref","state","baseAdapter","useBaseComponent","adapter","_e","colorChooseAreaFoundation","newColor","useFoundation","ColorChooseAreaFoundation","colorChooseAreaFoundationTyped","nextTick","e","onMounted","watch","newHsva","oldHsva","areaBgStyle","computed","hsvaToHslString","currentColor","hsvaToRgba","areaStyle","handleStyle","handleClick","handleHandleMouseDown","onUnmounted","_createElementBlock","_unref","cssClasses","round","_createElementVNode","_normalizeClass"],"mappings":"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"}

package/lib/cjs/components/colorPicker/ColorChooseArea.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ColorChooseArea.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=ColorChooseArea.vue2.cjs.map

package/lib/cjs/components/colorPicker/ColorChooseArea.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorChooseArea.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/colorPicker/ColorPicker.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("@douyinfe/semi-foundation/colorPicker/foundation"),u=require("@douyinfe/semi-foundation/colorPicker/constants"),C=require("./ColorPickerInner.vue.cjs"),b=require("../popover/Popover.vue.cjs");;/* empty css                        */const S=require("classnames"),B=require("./utils.cjs"),q=require("../_utils/useBaseComponent.cjs"),V=require("../../_utils/useFoundation.cjs"),F={name:"ColorPicker",colorStringToValue:B.colorStringToValue},$=e.defineComponent({...F,props:e.mergeModels({eyeDropper:{type:Boolean,default:!0},defaultValue:{default:()=>({hsva:{h:176,s:71,v:77,a:1},rgba:{r:57,g:197,b:187,a:1},hex:"#39c5bb"})},value:{},onChange:{},alpha:{type:Boolean},width:{},height:{},defaultFormat:{default:"hex"},usePopover:{type:Boolean},popoverProps:{},className:{},style:{}},{modelValue:{default:void 0},modelModifiers:{}}),emits:e.mergeModels(["change"],["update:modelValue"]),setup(d,{emit:h}){const r=e.useModel(d,"modelValue"),o=d,g=h,P=e.useSlots(),p=e.computed(()=>r.value!==void 0||o.value!==void 0),v=()=>r.value!==void 0?r.value:o.value!==void 0?o.value:o.defaultValue,c=e.ref({currentColor:v()}),{adapter:i}=q.useBaseComponent(o,c),y={...i,getProp:t=>t==="value"?r.value??o.value:i.getProp(t),getProps:()=>({...i.getProps(),value:r.value??o.value}),notifyChange:t=>{r.value!==void 0&&(r.value=t),o.value!==void 0&&g("change",t),p.value||(c.value.currentColor=t)}},{foundation:_}=V.useFoundation(k,y),l=_,a=e.computed(()=>l?l.getCurrentColor():v());e.watch(()=>[r.value,o.value],([t,n])=>{if(!l)return;const s=t??n;s&&p.value&&(c.value.currentColor=s)},{deep:!0,immediate:!0});const f=({s:t,v:n})=>{l&&l.handleChange({s:t,v:n,a:a.value.hsva.a,h:a.value.hsva.h},"hsva")};return(t,n)=>{var s,m;return o.usePopover?(e.openBlock(),e.createBlock(e.unref(b.default),e.mergeProps({key:0,"content-class-name":e.unref(S)(`${e.unref(u.cssClasses).PREFIX}-popover`,(s=o.popoverProps)==null?void 0:s.className)},{...o.popoverProps,trigger:((m=o.popoverProps)==null?void 0:m.trigger)??"click"}),{content:e.withCtx(()=>[e.createVNode(C.default,{class:e.normalizeClass([`${e.unref(u.cssClasses).PREFIX}`,o.className]),style:e.normalizeStyle(o.style),"current-color":a.value,foundation:e.unref(l),props:o,onColorChange:f},{top:e.withCtx(()=>[e.renderSlot(t.$slots,"top")]),bottom:e.withCtx(()=>[e.renderSlot(t.$slots,"bottom")]),_:3},8,["class","style","current-color","foundation"])]),default:e.withCtx(()=>[P.default?e.renderSlot(t.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(`${e.unref(u.cssClasses).PREFIX}-popover-defaultChildren`),style:e.normalizeStyle({backgroundColor:a.value.hex})},null,6))]),_:3},16,["content-class-name"])):(e.openBlock(),e.createBlock(C.default,{key:1,class:e.normalizeClass([`${e.unref(u.cssClasses).PREFIX}`,o.className]),style:e.normalizeStyle(o.style),"current-color":a.value,foundation:e.unref(l),props:o,onColorChange:f},{top:e.withCtx(()=>[e.renderSlot(t.$slots,"top")]),bottom:e.withCtx(()=>[e.renderSlot(t.$slots,"bottom")]),_:3},8,["class","style","current-color","foundation"]))}}});exports.default=$;
+//# sourceMappingURL=ColorPicker.vue.cjs.map

package/lib/cjs/components/colorPicker/ColorPicker.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.vue.cjs","sources":["../../../../src/components/colorPicker/ColorPicker.vue"],"sourcesContent":["<template>\n    <Popover\n        v-if=\"props.usePopover\"\n        :content-class-name=\"classNames(`${cssClasses.PREFIX}-popover`, props.popoverProps?.className)\"\n        v-bind=\"{ ...props.popoverProps, trigger: props.popoverProps?.trigger ?? 'click' }\"\n    >\n        <template #content>\n            <ColorPickerInner\n                :class=\"[`${cssClasses.PREFIX}`, props.className]\"\n                :style=\"props.style\"\n                :current-color=\"currentColor\"\n                :foundation=\"colorPickerFoundation\"\n                :props=\"props\"\n                @color-change=\"handleColorChange\"\n            >\n                <template #top>\n                    <slot name=\"top\" />\n                </template>\n                <template #bottom>\n                    <slot name=\"bottom\" />\n                </template>\n            </ColorPickerInner>\n        </template>\n        <template v-if=\"slots.default\">\n            <slot />\n        </template>\n        <div\n            v-else\n            :class=\"`${cssClasses.PREFIX}-popover-defaultChildren`\"\n            :style=\"{ backgroundColor: currentColor.hex }\"\n        />\n    </Popover>\n    <ColorPickerInner\n        v-else\n        :class=\"[`${cssClasses.PREFIX}`, props.className]\"\n        :style=\"props.style\"\n        :current-color=\"currentColor\"\n        :foundation=\"colorPickerFoundation\"\n        :props=\"props\"\n        @color-change=\"handleColorChange\"\n    >\n        <template #top>\n            <slot name=\"top\" />\n        </template>\n        <template #bottom>\n            <slot name=\"bottom\" />\n        </template>\n    </ColorPickerInner>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue';\nimport type { ColorValue } from '@douyinfe/semi-foundation/colorPicker/foundation';\nimport ColorPickerFoundation from '@douyinfe/semi-foundation/colorPicker/foundation';\nimport { cssClasses } from '@douyinfe/semi-foundation/colorPicker/constants';\nimport { useFoundation, useBaseComponent } from '../_utils';\nimport ColorPickerInner from './ColorPickerInner.vue';\nimport Popover from '../popover';\nimport type { ColorPickerProps } from './interface';\nimport classNames from 'classnames';\n\nconst modelValue = defineModel<ColorValue | undefined>({\n    default: undefined,\n});\n\n// 其他 props\nconst props = withDefaults(defineProps<ColorPickerProps>(), {\n    eyeDropper: true,\n    defaultFormat: 'hex',\n    defaultValue: () => ({\n        hsva: { h: 176, s: 71, v: 77, a: 1 },\n        rgba: { r: 57, g: 197, b: 187, a: 1 },\n        hex: '#39c5bb',\n    }),\n});\n\nconst emit = defineEmits<{\n    change: [value: ColorValue];\n}>();\n\nconst slots = defineSlots<{\n    default?: () => any;\n    top?: () => any;\n    bottom?: () => any;\n}>();\n\n// 判断是否为受控组件\n// 优先级：v-model > value prop > defaultValue\nconst isControlled = computed(() => {\n    return modelValue.value !== undefined || props.value !== undefined;\n});\n\n// 获取初始颜色值\nconst getInitialColor = (): ColorValue => {\n    if (modelValue.value !== undefined) {\n        return modelValue.value;\n    }\n    if (props.value !== undefined) {\n        return props.value;\n    }\n    return props.defaultValue!;\n};\n\nconst state = ref({\n    currentColor: getInitialColor(),\n});\n\nconst { adapter: baseAdapter } = useBaseComponent(props, state);\n\nconst adapter = {\n    ...baseAdapter,\n    getProp: (key: string) => {\n        // 特殊处理 value prop，优先返回 modelValue（v-model）\n        if (key === 'value') {\n            return modelValue.value ?? props.value;\n        }\n        return baseAdapter.getProp(key);\n    },\n    getProps: () => {\n        const baseProps = baseAdapter.getProps();\n        return {\n            ...baseProps,\n            // 确保 value 使用最新的 modelValue（v-model）\n            value: modelValue.value ?? props.value,\n        };\n    },\n    notifyChange: (value: ColorValue) => {\n        // 如果使用 v-model，更新 modelValue\n        if (modelValue.value !== undefined) {\n            modelValue.value = value;\n        }\n        // 如果使用 value prop，触发 change 事件\n        if (props.value !== undefined) {\n            emit('change', value);\n        }\n        // 如果使用 defaultValue（非受控），更新内部状态\n        if (!isControlled.value) {\n            state.value.currentColor = value;\n        }\n    },\n};\n\nconst { foundation } = useFoundation(ColorPickerFoundation as any, adapter as any);\nconst colorPickerFoundation = foundation as ColorPickerFoundation;\n\nconst currentColor = computed(() => {\n    if (!colorPickerFoundation) {\n        return getInitialColor();\n    }\n    return colorPickerFoundation.getCurrentColor();\n});\n\nwatch(\n    () => [modelValue.value, props.value],\n    ([newModelValue, newValue]) => {\n        if (!colorPickerFoundation) return;\n\n        const externalValue = newModelValue ?? newValue;\n        if (externalValue && isControlled.value) {\n            state.value.currentColor = externalValue;\n        }\n    },\n    { deep: true, immediate: true }\n);\n\nconst handleColorChange = ({ s, v }: { s: number; v: number }) => {\n    if (!colorPickerFoundation) return;\n    colorPickerFoundation.handleChange(\n        {\n            s,\n            v,\n            a: currentColor.value.hsva.a,\n            h: currentColor.value.hsva.h,\n        },\n        'hsva'\n    );\n};\n</script>\n\n<script lang=\"ts\">\nimport { colorStringToValue } from './utils';\n\nexport default {\n    name: 'ColorPicker',\n    colorStringToValue,\n};\n</script>\n"],"names":["__default__","colorStringToValue","modelValue","_useModel","props","__props","emit","__emit","slots","_useSlots","isControlled","computed","getInitialColor","state","ref","baseAdapter","useBaseComponent","adapter","key","value","foundation","useFoundation","ColorPickerFoundation","colorPickerFoundation","currentColor","watch","newModelValue","newValue","externalValue","handleColorChange","s","v","_openBlock","_createBlock","_unref","_mergeProps","classNames","cssClasses","_a","_b","_createVNode","ColorPickerInner","_normalizeStyle","_renderSlot","_ctx","_createElementBlock","_normalizeClass"],"mappings":"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"}

package/lib/cjs/components/colorPicker/ColorPicker.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ColorPicker.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=ColorPicker.vue2.cjs.map

package/lib/cjs/components/colorPicker/ColorPicker.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/colorPicker/ColorPickerInner.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@douyinfe/semi-foundation/colorPicker/constants"),d=require("./ColorChooseArea.vue.cjs"),h=require("./ColorSlider.vue.cjs"),f=require("./AlphaSlider.vue.cjs"),p=require("./DataPart.vue.cjs"),m=require("classnames"),v=e.defineComponent({__name:"ColorPickerInner",props:{currentColor:{},foundation:{},props:{},className:{},style:{}},emits:["colorChange"],setup(t,{emit:u}){const n=t,l=u,s=({s:o,v:a})=>{l("colorChange",{s:o,v:a})},r=n.props,i=e.computed(()=>m(c.cssClasses.PREFIX,n.className));return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(i.value),style:e.normalizeStyle(n.style)},[e.renderSlot(o.$slots,"top"),e.createVNode(d.default,{hsva:t.currentColor.hsva,foundation:t.foundation,"on-change":s,"handle-size":20,width:e.unref(r).width??280,height:e.unref(r).height??280},null,8,["hsva","foundation","width","height"]),e.createVNode(h.default,{width:e.unref(r).width??280,height:10,"handle-size":18,hue:t.currentColor.hsva.h,foundation:t.foundation,className:"colorSliderWrapper"},null,8,["width","hue","foundation"]),e.unref(r).alpha?(e.openBlock(),e.createBlock(f.default,{key:0,width:e.unref(r).width??280,height:10,"handle-size":18,hsva:t.currentColor.hsva,foundation:t.foundation,className:"alphaSliderWrapper"},null,8,["width","hsva","foundation"])):e.createCommentVNode("",!0),e.createVNode(p.default,{"current-color":t.currentColor,"eye-dropper":e.unref(r).eyeDropper??!0,alpha:e.unref(r).alpha,width:e.unref(r).width??280,foundation:t.foundation,"default-format":e.unref(r).defaultFormat??"hex"},null,8,["current-color","eye-dropper","alpha","width","foundation","default-format"]),e.renderSlot(o.$slots,"bottom")],6))}});exports.default=v;
+//# sourceMappingURL=ColorPickerInner.vue.cjs.map

package/lib/cjs/components/colorPicker/ColorPickerInner.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerInner.vue.cjs","sources":["../../../../src/components/colorPicker/ColorPickerInner.vue"],"sourcesContent":["<template>\n    <div :class=\"className\" :style=\"props.style\">\n        <slot name=\"top\" />\n        <ColorChooseArea\n            :hsva=\"currentColor.hsva\"\n            :foundation=\"foundation\"\n            :on-change=\"handleColorChange\"\n            :handle-size=\"20\"\n            :width=\"pickerProps.width ?? 280\"\n            :height=\"pickerProps.height ?? 280\"\n        />\n        <ColorSlider\n            :width=\"pickerProps.width ?? 280\"\n            :height=\"10\"\n            :handle-size=\"18\"\n            :hue=\"currentColor.hsva.h\"\n            :foundation=\"foundation\"\n            :className=\"'colorSliderWrapper'\"\n        />\n        <AlphaSlider\n            v-if=\"pickerProps.alpha\"\n            :width=\"pickerProps.width ?? 280\"\n            :height=\"10\"\n            :handle-size=\"18\"\n            :hsva=\"currentColor.hsva\"\n            :foundation=\"foundation\"\n            :className=\"'alphaSliderWrapper'\"\n        />\n        <DataPart\n            :current-color=\"currentColor\"\n            :eye-dropper=\"pickerProps.eyeDropper ?? true\"\n            :alpha=\"pickerProps.alpha\"\n            :width=\"pickerProps.width ?? 280\"\n            :foundation=\"foundation\"\n            :default-format=\"pickerProps.defaultFormat ?? 'hex'\"\n        />\n        <slot name=\"bottom\" />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { ColorValue } from '@douyinfe/semi-foundation/colorPicker/foundation';\nimport type ColorPickerFoundation from '@douyinfe/semi-foundation/colorPicker/foundation';\nimport { cssClasses } from '@douyinfe/semi-foundation/colorPicker/constants';\nimport ColorChooseArea from './ColorChooseArea.vue';\nimport ColorSlider from './ColorSlider.vue';\nimport AlphaSlider from './AlphaSlider.vue';\nimport DataPart from './DataPart.vue';\nimport type { ColorPickerProps } from './interface';\nimport classNames from 'classnames';\n\ninterface Props {\n    currentColor: ColorValue;\n    foundation: ColorPickerFoundation;\n    props: ColorPickerProps;\n    className?: string;\n    style?: Record<string, any>;\n}\n\nconst props = defineProps<Props>();\n\nconst emit = defineEmits<{\n    colorChange: [{ s: number; v: number }];\n}>();\n\nconst handleColorChange = ({ s, v }: { s: number; v: number }) => {\n    emit('colorChange', { s, v });\n};\n\nconst pickerProps = props.props;\n\nconst className = computed(() => {\n    return classNames(cssClasses.PREFIX, props.className);\n});\n</script>\n"],"names":["props","__props","emit","__emit","handleColorChange","s","v","pickerProps","className","computed","classNames","cssClasses","_createElementBlock","_normalizeStyle","_renderSlot","_ctx","_createVNode","ColorChooseArea","_unref","ColorSlider","_createBlock","AlphaSlider","DataPart"],"mappings":"igBA4DA,MAAMA,EAAQC,EAERC,EAAOC,EAIPC,EAAoB,CAAC,CAAE,EAAAC,EAAG,EAAAC,KAAkC,CAC9DJ,EAAK,cAAe,CAAE,EAAAG,EAAG,EAAAC,CAAA,CAAG,CAChC,EAEMC,EAAcP,EAAM,MAEpBQ,EAAYC,EAAAA,SAAS,IAChBC,EAAWC,EAAAA,WAAW,OAAQX,EAAM,SAAS,CACvD,8BAzEGY,EAAAA,mBAoCM,MAAA,CApCA,uBAAOJ,EAAA,KAAS,EAAG,MAAKK,EAAAA,eAAEb,EAAM,KAAK,CAAA,GACvCc,aAAmBC,EAAA,OAAA,KAAA,EACnBC,EAAAA,YAOEC,EAAAA,QAAA,CANG,KAAMhB,EAAA,aAAa,KACnB,WAAYA,EAAA,WACZ,YAAWG,EACX,cAAa,GACb,MAAOc,EAAAA,MAAAX,CAAA,EAAY,OAAK,IACxB,OAAQW,EAAAA,MAAAX,CAAA,EAAY,QAAM,GAAA,iDAE/BS,EAAAA,YAOEG,EAAAA,QAAA,CANG,MAAOD,EAAAA,MAAAX,CAAA,EAAY,OAAK,IACxB,OAAQ,GACR,cAAa,GACb,IAAKN,EAAA,aAAa,KAAK,EACvB,WAAYA,EAAA,WACZ,UAAW,oBAAA,uCAGNiB,EAAAA,MAAAX,CAAA,EAAY,qBADtBa,EAAAA,YAQEC,UAAA,OANG,MAAOH,EAAAA,MAAAX,CAAA,EAAY,OAAK,IACxB,OAAQ,GACR,cAAa,GACb,KAAMN,EAAA,aAAa,KACnB,WAAYA,EAAA,WACZ,UAAW,oBAAA,qEAEhBe,EAAAA,YAOEM,EAAAA,QAAA,CANG,gBAAerB,EAAA,aACf,cAAaiB,EAAAA,MAAAX,CAAA,EAAY,YAAU,GACnC,MAAOW,EAAAA,MAAAX,CAAA,EAAY,MACnB,MAAOW,EAAAA,MAAAX,CAAA,EAAY,OAAK,IACxB,WAAYN,EAAA,WACZ,iBAAgBiB,EAAAA,MAAAX,CAAA,EAAY,eAAa,KAAA,wFAE9CO,aAAsBC,EAAA,OAAA,QAAA,CAAA"}

package/lib/cjs/components/colorPicker/ColorPickerInner.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ColorPickerInner.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=ColorPickerInner.vue2.cjs.map

package/lib/cjs/components/colorPicker/ColorPickerInner.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerInner.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/colorPicker/ColorSlider.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),v=require("@douyinfe/semi-foundation/colorPicker/foundation"),w=require("@douyinfe/semi-foundation/colorPicker/ColorSliderFoundation"),l=require("@douyinfe/semi-foundation/colorPicker/constants"),f=require("../_utils/useBaseComponent.cjs"),S=require("../../_utils/useFoundation.cjs"),y=o.defineComponent({__name:"ColorSlider",props:{width:{},height:{},hue:{},handleSize:{},foundation:{},className:{},style:{}},setup(d){const e=d,a=o.ref(null),t=o.ref({handlePosition:e.hue/360*e.width-e.handleSize/2,isHandleGrabbing:!1}),{adapter:r}=f.useBaseComponent(e,t),u={...r,handleMouseDown:n=>{t.value.isHandleGrabbing=!0,window.addEventListener("mousemove",s.setHandlePositionByMousePosition),window.addEventListener("mouseup",s.handleMouseUp)},handleMouseUp:()=>{t.value.isHandleGrabbing=!1,window.removeEventListener("mousemove",s.setHandlePositionByMousePosition),window.removeEventListener("mouseup",s.handleMouseUp)},getColorPickerFoundation:()=>e.foundation,getDOM:()=>a.value},{foundation:s}=S.useFoundation(w,u),i=s;o.watch(()=>e.hue,n=>{t.value.handlePosition=n/360*e.width-e.handleSize/2});const h=o.computed(()=>({width:typeof e.width=="number"?`${e.width}px`:e.width,height:typeof e.height=="number"?`${e.height}px`:e.height,...e.style})),c=o.computed(()=>({width:typeof e.handleSize=="number"?`${e.handleSize}px`:e.handleSize,height:typeof e.handleSize=="number"?`${e.handleSize}px`:e.handleSize,left:typeof t.value.handlePosition=="number"?`${t.value.handlePosition}px`:t.value.handlePosition,top:"50%",transform:"translateY(-50%)",backgroundColor:v.hsvaToHslString({h:e.hue,s:100,v:100,a:1})})),m=n=>{i.setHandlePositionByMousePosition(n),i.handleMouseDown(n)},p=n=>{i.handleMouseDown(n)};return o.onUnmounted(()=>{window.removeEventListener("mousemove",i.setHandlePositionByMousePosition),window.removeEventListener("mouseup",i.handleMouseUp)}),(n,M)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"sliderRef",ref:a,class:o.normalizeClass([`${o.unref(l.cssClasses).PREFIX}-colorSlider`,e.className]),style:o.normalizeStyle(h.value),onMousedown:m},[o.createElementVNode("div",{class:o.normalizeClass(`${o.unref(l.cssClasses).PREFIX}-handle`),style:o.normalizeStyle(c.value),onMousedown:o.withModifiers(p,["stop"])},null,38)],38))}});exports.default=y;
+//# sourceMappingURL=ColorSlider.vue.cjs.map

package/lib/cjs/components/colorPicker/ColorSlider.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSlider.vue.cjs","sources":["../../../../src/components/colorPicker/ColorSlider.vue"],"sourcesContent":["<template>\n    <div\n        ref=\"sliderRef\"\n        :class=\"[`${cssClasses.PREFIX}-colorSlider`, props.className]\"\n        :style=\"sliderStyle\"\n        @mousedown=\"handleClick\"\n    >\n        <div :class=\"`${cssClasses.PREFIX}-handle`\" :style=\"handleStyle\" @mousedown.stop=\"handleHandleMouseDown\" />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch, onUnmounted } from 'vue';\nimport ColorPickerFoundation from '@douyinfe/semi-foundation/colorPicker/foundation';\nimport ColorSliderFoundation from '@douyinfe/semi-foundation/colorPicker/ColorSliderFoundation';\nimport { cssClasses } from '@douyinfe/semi-foundation/colorPicker/constants';\nimport { useFoundation, useBaseComponent } from '../_utils';\n\ninterface Props {\n    width: number;\n    height: number;\n    hue: number;\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.hue / 360) * 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', (colorSliderFoundation as any).setHandlePositionByMousePosition);\n        window.addEventListener('mouseup', (colorSliderFoundation as any).handleMouseUp);\n    },\n    handleMouseUp: () => {\n        state.value.isHandleGrabbing = false;\n        window.removeEventListener('mousemove', (colorSliderFoundation as any).setHandlePositionByMousePosition);\n        window.removeEventListener('mouseup', (colorSliderFoundation as any).handleMouseUp);\n    },\n    getColorPickerFoundation: () => props.foundation,\n    getDOM: () => sliderRef.value!,\n};\n\nconst { foundation: colorSliderFoundation } = useFoundation(ColorSliderFoundation as any, adapter as any);\nconst colorSliderFoundationTyped = colorSliderFoundation as InstanceType<typeof ColorSliderFoundation>;\n\nwatch(\n    () => props.hue,\n    (newHue) => {\n        state.value.handlePosition = (newHue / 360) * props.width - props.handleSize / 2;\n    }\n);\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: ColorPickerFoundation.hsvaToHslString({ h: props.hue, s: 100, v: 100, a: 1 }),\n}));\n\nconst handleClick = (e: MouseEvent) => {\n    colorSliderFoundationTyped.setHandlePositionByMousePosition(e);\n    colorSliderFoundationTyped.handleMouseDown(e);\n};\n\nconst handleHandleMouseDown = (e: MouseEvent) => {\n    colorSliderFoundationTyped.handleMouseDown(e);\n};\n\nonUnmounted(() => {\n    window.removeEventListener('mousemove', colorSliderFoundationTyped.setHandlePositionByMousePosition);\n    window.removeEventListener('mouseup', colorSliderFoundationTyped.handleMouseUp);\n});\n</script>\n"],"names":["props","__props","sliderRef","ref","state","baseAdapter","useBaseComponent","adapter","_e","colorSliderFoundation","useFoundation","ColorSliderFoundation","colorSliderFoundationTyped","watch","newHue","sliderStyle","computed","handleStyle","ColorPickerFoundation","handleClick","e","handleHandleMouseDown","onUnmounted","_createElementBlock","_unref","cssClasses","_createElementVNode","_normalizeClass"],"mappings":"siBA4BA,MAAMA,EAAQC,EAERC,EAAYC,EAAAA,IAA2B,IAAI,EAE3CC,EAAQD,EAAAA,IAAI,CACd,eAAiBH,EAAM,IAAM,IAAOA,EAAM,MAAQA,EAAM,WAAa,EACrE,iBAAkB,EAAA,CACrB,EAEK,CAAE,QAASK,CAAA,EAAgBC,EAAAA,iBAAiBN,EAAOI,CAAK,EAExDG,EAAU,CACZ,GAAGF,EACH,gBAAkBG,GAAmB,CACjCJ,EAAM,MAAM,iBAAmB,GAC/B,OAAO,iBAAiB,YAAcK,EAA8B,gCAAgC,EACpG,OAAO,iBAAiB,UAAYA,EAA8B,aAAa,CACnF,EACA,cAAe,IAAM,CACjBL,EAAM,MAAM,iBAAmB,GAC/B,OAAO,oBAAoB,YAAcK,EAA8B,gCAAgC,EACvG,OAAO,oBAAoB,UAAYA,EAA8B,aAAa,CACtF,EACA,yBAA0B,IAAMT,EAAM,WACtC,OAAQ,IAAME,EAAU,KAAA,EAGtB,CAAE,WAAYO,CAAA,EAA0BC,EAAAA,cAAcC,EAA8BJ,CAAc,EAClGK,EAA6BH,EAEnCI,EAAAA,MACI,IAAMb,EAAM,IACXc,GAAW,CACRV,EAAM,MAAM,eAAkBU,EAAS,IAAOd,EAAM,MAAQA,EAAM,WAAa,CACnF,CAAA,EAGJ,MAAMe,EAAcC,EAAAA,SAAS,KAAO,CAChC,MAAO,OAAOhB,EAAM,OAAU,SAAW,GAAGA,EAAM,KAAK,KAAOA,EAAM,MACpE,OAAQ,OAAOA,EAAM,QAAW,SAAW,GAAGA,EAAM,MAAM,KAAOA,EAAM,OACvE,GAAGA,EAAM,KAAA,EACX,EAEIiB,EAAcD,EAAAA,SAAS,KAAO,CAChC,MAAO,OAAOhB,EAAM,YAAe,SAAW,GAAGA,EAAM,UAAU,KAAOA,EAAM,WAC9E,OAAQ,OAAOA,EAAM,YAAe,SAAW,GAAGA,EAAM,UAAU,KAAOA,EAAM,WAC/E,KACI,OAAOI,EAAM,MAAM,gBAAmB,SAAW,GAAGA,EAAM,MAAM,cAAc,KAAOA,EAAM,MAAM,eACrG,IAAK,MACL,UAAW,mBACX,gBAAiBc,EAAsB,gBAAgB,CAAE,EAAGlB,EAAM,IAAK,EAAG,IAAK,EAAG,IAAK,EAAG,EAAG,CAAA,EAC/F,EAEImB,EAAeC,GAAkB,CACnCR,EAA2B,iCAAiCQ,CAAC,EAC7DR,EAA2B,gBAAgBQ,CAAC,CAChD,EAEMC,EAAyBD,GAAkB,CAC7CR,EAA2B,gBAAgBQ,CAAC,CAChD,EAEAE,OAAAA,EAAAA,YAAY,IAAM,CACd,OAAO,oBAAoB,YAAaV,EAA2B,gCAAgC,EACnG,OAAO,oBAAoB,UAAWA,EAA2B,aAAa,CAClF,CAAC,wBA5FGW,EAAAA,mBAOM,MAAA,SANE,YAAJ,IAAIrB,EACH,2BAAWsB,QAAAC,EAAAA,UAAA,EAAW,MAAM,eAAgBzB,EAAM,SAAS,CAAA,EAC3D,uBAAOe,EAAA,KAAW,EAClB,YAAWI,CAAA,GAEZO,EAAAA,mBAA2G,MAAA,CAArG,MAAKC,EAAAA,eAAA,GAAKH,EAAAA,MAAAC,EAAAA,UAAA,EAAW,MAAM,SAAA,EAAY,uBAAOR,EAAA,KAAW,EAAG,4BAAgBI,EAAqB,CAAA,MAAA,CAAA,CAAA"}

package/lib/cjs/components/colorPicker/ColorSlider.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ColorSlider.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=ColorSlider.vue2.cjs.map

package/lib/cjs/components/colorPicker/ColorSlider.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSlider.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/colorPicker/DataPart.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("@douyinfe/semi-foundation/colorPicker/DataPartFoundation"),l=require("@douyinfe/semi-foundation/colorPicker/constants"),b=require("../input/index.cjs"),_=require("../input/InputGroup.vue.cjs"),x=require("../inputNumber/index.cjs"),I=require("../select/index.cjs"),y=require("../button/Button.vue.cjs");;/* empty css                      */const F=require("@douyinfe/semi-foundation/colorPicker/foundation"),P=require("lodash-es"),V=require("../_utils/useBaseComponent.cjs"),k=require("../../_utils/useFoundation.cjs"),q=require("../icons/icons/IconEyedropper.cjs"),$=e.defineComponent({__name:"DataPart",props:{currentColor:{},defaultFormat:{},width:{},alpha:{type:Boolean},foundation:{},eyeDropper:{type:Boolean}},setup(i){const a=i,o=e.ref({format:a.defaultFormat,inputValue:""}),{adapter:d}=V.useBaseComponent(a,o),p={...d,getColorPickerFoundation:()=>a.foundation},{foundation:r}=k.useFoundation(v,p),s=e.computed(()=>a.currentColor.rgba),h=[{label:"hex",value:"hex"},{label:"rgba",value:"rgba"},{label:"hsva",value:"hsva"}];e.onMounted(()=>{r.handleInputValueChange(r.getInputValue())}),e.watch([()=>a.currentColor,()=>o.value.format],([t,n],[u,c])=>{(!P.isEqual(u,t)||c!==n)&&r.handleInputValueChange(r.getInputValue())},{deep:!0});const f=t=>{const n=r.getValueByInputValue(t);n&&a.foundation.handleChange(n,o.value.format),r.handleInputValueChange(t)},m=t=>{const n=Number((t/100).toFixed(2));if(o.value.format==="rgba")a.foundation.handleChange({...a.currentColor.rgba,a:n},"rgba");else if(o.value.format==="hex"){const u={...a.currentColor.rgba,a:n},c=F.rgbaToHex(u);a.foundation.handleChange(c,"hex")}else if(o.value.format==="hsva"){const u={...a.currentColor.hsva,a:n};a.foundation.handleChange(u,"hsva")}},C=t=>{r.handleFormatChange(t)},g=()=>{r.handlePickValueWithStraw()};return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(l.cssClasses).PREFIX}-dataPart`),style:e.normalizeStyle({width:typeof a.width=="number"?`${a.width}px`:a.width})},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(l.cssClasses).PREFIX}-colorDemoBlock`),style:e.normalizeStyle({minWidth:"20px",minHeight:"20px",backgroundColor:`rgba(${s.value.r},${s.value.g},${s.value.b},${s.value.a})`})},null,6),e.createVNode(_.default,{size:"small",class:e.normalizeClass(`${e.unref(l.cssClasses).PREFIX}-inputGroup`)},{default:e.withCtx(()=>[e.createVNode(e.unref(b.Input),{class:e.normalizeClass(`${e.unref(l.cssClasses).PREFIX}-colorPickerInput`),value:o.value.inputValue,placeholder:"",onChange:f},null,8,["class","value"]),a.alpha?(e.openBlock(),e.createBlock(e.unref(x.default),{key:0,min:0,max:100,size:"small",class:e.normalizeClass(`${e.unref(l.cssClasses).PREFIX}-colorPickerInputNumber`),value:Number(Math.round(a.currentColor.rgba.a*100)),"hide-buttons":!0,suffix:e.h("span",{class:`${e.unref(l.cssClasses).PREFIX}-inputNumberSuffix`},"%"),onNumberChange:m},null,8,["class","value","suffix"])):e.createCommentVNode("",!0),e.createVNode(e.unref(I.default),{class:e.normalizeClass(`${e.unref(l.cssClasses).PREFIX}-formatSelect`),size:"small",value:o.value.format,"option-list":h,onSelect:C},null,8,["class","value"])]),_:1},8,["class"]),a.eyeDropper?(e.openBlock(),e.createBlock(e.unref(y.default),{key:0,type:"tertiary",theme:"light",size:"small",icon:e.unref(q.default),onClick:g},null,8,["icon"])):e.createCommentVNode("",!0)],6))}});exports.default=$;
+//# sourceMappingURL=DataPart.vue.cjs.map

package/lib/cjs/components/colorPicker/DataPart.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataPart.vue.cjs","sources":["../../../../src/components/colorPicker/DataPart.vue"],"sourcesContent":["<template>\n    <div\n        :class=\"`${cssClasses.PREFIX}-dataPart`\"\n        :style=\"{ width: typeof props.width === 'number' ? `${props.width}px` : props.width }\"\n    >\n        <div\n            :class=\"`${cssClasses.PREFIX}-colorDemoBlock`\"\n            :style=\"{\n                minWidth: '20px',\n                minHeight: '20px',\n                backgroundColor: `rgba(${rgba.r},${rgba.g},${rgba.b},${rgba.a})`,\n            }\"\n        />\n        <InputGroup size=\"small\" :class=\"`${cssClasses.PREFIX}-inputGroup`\">\n            <Input\n                :class=\"`${cssClasses.PREFIX}-colorPickerInput`\"\n                :value=\"state.inputValue\"\n                placeholder=\"\"\n                @change=\"handleInputChange\"\n            />\n            <InputNumber\n                v-if=\"props.alpha\"\n                :min=\"0\"\n                :max=\"100\"\n                size=\"small\"\n                :class=\"`${cssClasses.PREFIX}-colorPickerInputNumber`\"\n                :value=\"Number(Math.round(props.currentColor.rgba.a * 100))\"\n                :hide-buttons=\"true\"\n                :suffix=\"h('span', { class: `${cssClasses.PREFIX}-inputNumberSuffix` }, '%')\"\n                @number-change=\"handleAlphaChange\"\n            />\n            <Select\n                :class=\"`${cssClasses.PREFIX}-formatSelect`\"\n                size=\"small\"\n                :value=\"state.format\"\n                :option-list=\"formatOptions\"\n                @select=\"handleFormatChange\"\n            />\n        </InputGroup>\n        <Button\n            v-if=\"props.eyeDropper\"\n            type=\"tertiary\"\n            theme=\"light\"\n            size=\"small\"\n            :icon=\"IconEyedropper\"\n            @click=\"handlePickValueWithStraw\"\n        />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, onMounted, computed, h } from 'vue';\nimport type { ColorValue } from '@douyinfe/semi-foundation/colorPicker/foundation';\nimport type ColorPickerFoundation from '@douyinfe/semi-foundation/colorPicker/foundation';\nimport DataPartFoundation from '@douyinfe/semi-foundation/colorPicker/DataPartFoundation';\nimport { cssClasses } from '@douyinfe/semi-foundation/colorPicker/constants';\nimport { useFoundation, useBaseComponent } from '../_utils';\nimport Input from '../input';\nimport InputGroup from '../input/InputGroup.vue';\nimport InputNumber from '../inputNumber';\nimport Select from '../select';\nimport Button from '../button';\nimport { IconEyedropper } from '../icons';\nimport ColorPickerFoundationClass from '@douyinfe/semi-foundation/colorPicker/foundation';\nimport { isEqual } from 'lodash-es';\n\ninterface Props {\n    currentColor: ColorValue;\n    defaultFormat: 'hex' | 'rgba' | 'hsva';\n    width: number;\n    alpha?: boolean;\n    foundation: ColorPickerFoundation;\n    eyeDropper: boolean;\n}\n\nconst props = defineProps<Props>();\n\nconst state = ref({\n    format: props.defaultFormat,\n    inputValue: '',\n});\n\nconst { adapter: baseAdapter } = useBaseComponent(props, state);\n\nconst adapter = {\n    ...baseAdapter,\n    getColorPickerFoundation: () => props.foundation,\n};\n\nconst { foundation: dataPartFoundation } = useFoundation(DataPartFoundation, adapter);\n\nconst rgba = computed(() => props.currentColor.rgba);\n\nconst formatOptions = [\n    { label: 'hex', value: 'hex' },\n    { label: 'rgba', value: 'rgba' },\n    { label: 'hsva', value: 'hsva' },\n];\n\nonMounted(() => {\n    dataPartFoundation.handleInputValueChange(dataPartFoundation.getInputValue());\n});\n\nwatch(\n    [() => props.currentColor, () => state.value.format],\n    ([newColor, newFormat], [oldColor, oldFormat]) => {\n        if (!isEqual(oldColor, newColor) || oldFormat !== newFormat) {\n            dataPartFoundation.handleInputValueChange(dataPartFoundation.getInputValue());\n        }\n    },\n    { deep: true }\n);\n\nconst handleInputChange = (value: string) => {\n    const colorValue = dataPartFoundation.getValueByInputValue(value);\n    if (colorValue) {\n        props.foundation.handleChange(colorValue, state.value.format);\n    }\n    dataPartFoundation.handleInputValueChange(value);\n};\n\nconst handleAlphaChange = (v: number) => {\n    const alpha = Number((v / 100).toFixed(2));\n    if (state.value.format === 'rgba') {\n        props.foundation.handleChange({ ...props.currentColor.rgba, a: alpha }, 'rgba');\n    } else if (state.value.format === 'hex') {\n        const rgba = { ...props.currentColor.rgba, a: alpha };\n        const hex = ColorPickerFoundationClass.rgbaToHex(rgba);\n        props.foundation.handleChange(hex, 'hex');\n    } else if (state.value.format === 'hsva') {\n        const hsva = { ...props.currentColor.hsva, a: alpha };\n        props.foundation.handleChange(hsva, 'hsva');\n    }\n};\n\nconst handleFormatChange = (value: 'hex' | 'rgba' | 'hsva') => {\n    dataPartFoundation.handleFormatChange(value);\n};\n\nconst handlePickValueWithStraw = () => {\n    dataPartFoundation.handlePickValueWithStraw();\n};\n</script>\n"],"names":["props","__props","state","ref","baseAdapter","useBaseComponent","adapter","dataPartFoundation","useFoundation","DataPartFoundation","rgba","computed","formatOptions","onMounted","watch","newColor","newFormat","oldColor","oldFormat","isEqual","handleInputChange","value","colorValue","handleAlphaChange","v","alpha","hex","ColorPickerFoundationClass","hsva","handleFormatChange","handlePickValueWithStraw","_createElementBlock","_normalizeClass","_unref","cssClasses","_normalizeStyle","_createElementVNode","_createVNode","InputGroup","Input","_createBlock","InputNumber","h","Select","Button","IconEyedropper"],"mappings":"k2BA2EA,MAAMA,EAAQC,EAERC,EAAQC,EAAAA,IAAI,CACd,OAAQH,EAAM,cACd,WAAY,EAAA,CACf,EAEK,CAAE,QAASI,CAAA,EAAgBC,EAAAA,iBAAiBL,EAAOE,CAAK,EAExDI,EAAU,CACZ,GAAGF,EACH,yBAA0B,IAAMJ,EAAM,UAAA,EAGpC,CAAE,WAAYO,CAAA,EAAuBC,EAAAA,cAAcC,EAAoBH,CAAO,EAE9EI,EAAOC,EAAAA,SAAS,IAAMX,EAAM,aAAa,IAAI,EAE7CY,EAAgB,CAClB,CAAE,MAAO,MAAO,MAAO,KAAA,EACvB,CAAE,MAAO,OAAQ,MAAO,MAAA,EACxB,CAAE,MAAO,OAAQ,MAAO,MAAA,CAAO,EAGnCC,EAAAA,UAAU,IAAM,CACZN,EAAmB,uBAAuBA,EAAmB,eAAe,CAChF,CAAC,EAEDO,EAAAA,MACI,CAAC,IAAMd,EAAM,aAAc,IAAME,EAAM,MAAM,MAAM,EACnD,CAAC,CAACa,EAAUC,CAAS,EAAG,CAACC,EAAUC,CAAS,IAAM,EAC1C,CAACC,EAAAA,QAAQF,EAAUF,CAAQ,GAAKG,IAAcF,IAC9CT,EAAmB,uBAAuBA,EAAmB,eAAe,CAEpF,EACA,CAAE,KAAM,EAAA,CAAK,EAGjB,MAAMa,EAAqBC,GAAkB,CACzC,MAAMC,EAAaf,EAAmB,qBAAqBc,CAAK,EAC5DC,GACAtB,EAAM,WAAW,aAAasB,EAAYpB,EAAM,MAAM,MAAM,EAEhEK,EAAmB,uBAAuBc,CAAK,CACnD,EAEME,EAAqBC,GAAc,CACrC,MAAMC,EAAQ,QAAQD,EAAI,KAAK,QAAQ,CAAC,CAAC,EACzC,GAAItB,EAAM,MAAM,SAAW,OACvBF,EAAM,WAAW,aAAa,CAAE,GAAGA,EAAM,aAAa,KAAM,EAAGyB,CAAA,EAAS,MAAM,UACvEvB,EAAM,MAAM,SAAW,MAAO,CACrC,MAAMQ,EAAO,CAAE,GAAGV,EAAM,aAAa,KAAM,EAAGyB,CAAA,EACxCC,EAAMC,EAA2B,UAAUjB,CAAI,EACrDV,EAAM,WAAW,aAAa0B,EAAK,KAAK,CAC5C,SAAWxB,EAAM,MAAM,SAAW,OAAQ,CACtC,MAAM0B,EAAO,CAAE,GAAG5B,EAAM,aAAa,KAAM,EAAGyB,CAAA,EAC9CzB,EAAM,WAAW,aAAa4B,EAAM,MAAM,CAC9C,CACJ,EAEMC,EAAsBR,GAAmC,CAC3Dd,EAAmB,mBAAmBc,CAAK,CAC/C,EAEMS,EAA2B,IAAM,CACnCvB,EAAmB,yBAAA,CACvB,8BA5IIwB,EAAAA,mBA8CM,MAAA,CA7CD,MAAKC,EAAAA,eAAA,GAAKC,EAAAA,MAAAC,EAAAA,UAAA,EAAW,MAAM,WAAA,EAC3B,MAAKC,EAAAA,eAAA,CAAA,MAAA,OAAkBnC,EAAM,OAAK,SAAA,GAAmBA,EAAM,KAAK,KAAOA,EAAM,MAAK,CAAA,GAEnFoC,EAAAA,mBAOE,MAAA,CANG,MAAKJ,EAAAA,eAAA,GAAKC,EAAAA,MAAAC,EAAAA,UAAA,EAAW,MAAM,iBAAA,EAC3B,MAAKC,EAAAA,eAAA,kCAAkH,gBAAA,QAAAzB,EAAA,MAAK,CAAC,IAAIA,EAAA,MAAK,CAAC,IAAIA,EAAA,MAAK,CAAC,IAAIA,EAAA,MAAK,CAAC,GAAA,YAMhK2B,EAAAA,YAyBaC,EAAAA,QAAA,CAzBD,KAAK,QAAS,MAAKN,EAAAA,eAAA,GAAKC,EAAAA,MAAAC,EAAAA,UAAA,EAAW,MAAM,aAAA,CAAA,qBACjD,IAKE,CALFG,cAKEJ,EAAAA,MAAAM,EAAAA,KAAA,EAAA,CAJG,MAAKP,EAAAA,eAAA,GAAKC,EAAAA,MAAAC,EAAAA,UAAA,EAAW,MAAM,mBAAA,EAC3B,MAAOhC,EAAA,MAAM,WACd,YAAY,GACX,SAAQkB,CAAA,4BAGHpB,EAAM,qBADhBwC,EAAAA,YAUEP,EAAAA,MAAAQ,EAAAA,OAAA,EAAA,OARG,IAAK,EACL,IAAK,IACN,KAAK,QACJ,MAAKT,EAAAA,eAAA,GAAKC,EAAAA,MAAAC,EAAAA,UAAA,EAAW,MAAM,yBAAA,EAC3B,MAAO,OAAO,KAAK,MAAMlC,EAAM,aAAa,KAAK,EAAC,GAAA,CAAA,EAClD,eAAc,GACd,OAAQ0C,EAAAA,EAAC,OAAA,CAAA,MAAA,GAAqBT,QAAAC,EAAAA,UAAA,EAAW,MAAM,oBAAA,EAAA,GAAA,EAC/C,eAAeX,CAAA,kEAEpBc,cAMEJ,EAAAA,MAAAU,EAAAA,OAAA,EAAA,CALG,MAAKX,EAAAA,eAAA,GAAKC,EAAAA,MAAAC,EAAAA,UAAA,EAAW,MAAM,eAAA,EAC5B,KAAK,QACJ,MAAOhC,EAAA,MAAM,OACb,cAAaU,EACb,SAAQiB,CAAA,gDAIP7B,EAAM,0BADhBwC,EAAAA,YAOEP,EAAAA,MAAAW,EAAAA,OAAA,EAAA,OALE,KAAK,WACL,MAAM,QACN,KAAK,QACJ,KAAMX,EAAAA,MAAAY,SAAA,EACN,QAAOf,CAAA"}

package/lib/cjs/components/colorPicker/DataPart.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./DataPart.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=DataPart.vue2.cjs.map

package/lib/cjs/components/colorPicker/DataPart.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataPart.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/colorPicker/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ColorPicker.vue.cjs");;/* empty css                   */exports.default=e.default;
+//# sourceMappingURL=index.cjs.map

package/lib/cjs/components/colorPicker/index.cjs.map

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

package/lib/cjs/components/colorPicker/utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@douyinfe/semi-foundation/colorPicker/utils/convert"),i=t=>{if(t.startsWith("#"))return{hsva:e.hexToHsva(t),rgba:e.hexToRgba(t),hex:t};if(t.startsWith("rgba")){const o=e.rgbaStringToRgba(t);return{hsva:e.rgbaStringToHsva(t),rgba:o,hex:e.rgbaToHex(o)}}else if(t.startsWith("rgb")){const o=e.rgbStringToRgba(t);return{hsva:e.rgbStringToHsva(t),rgba:o,hex:e.rgbaToHex(o)}}else if(t.startsWith("hsv")){const o=e.hsvaStringToHsva(t),r=e.hsvaToRgba(o),s=e.hsvaToHex(o);return{hsva:o,rgba:r,hex:s}}else throw new Error("Semi ColorPicker: error on static colorStringToValue method, input value is invalid: "+t)};exports.colorStringToValue=i;
+//# sourceMappingURL=utils.cjs.map

package/lib/cjs/components/colorPicker/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../../src/components/colorPicker/utils.ts"],"sourcesContent":["import {\n    hexToHsva,\n    hexToRgba,\n    hsvaStringToHsva,\n    hsvaToHex,\n    hsvaToRgba,\n    rgbaStringToHsva,\n    rgbaStringToRgba,\n    rgbaToHex,\n    rgbStringToHsva,\n    rgbStringToRgba,\n} from '@douyinfe/semi-foundation/colorPicker/utils/convert';\nimport type { ColorValue } from './interface';\n\nexport const colorStringToValue = (raw: string): ColorValue => {\n    if (raw.startsWith('#')) {\n        return {\n            hsva: hexToHsva(raw),\n            rgba: hexToRgba(raw),\n            hex: raw,\n        };\n    } else if (raw.startsWith('rgba')) {\n        const rgba = rgbaStringToRgba(raw);\n        return {\n            hsva: rgbaStringToHsva(raw),\n            rgba: rgba,\n            hex: rgbaToHex(rgba),\n        };\n    } else if (raw.startsWith('rgb')) {\n        const rgba = rgbStringToRgba(raw);\n        return {\n            hsva: rgbStringToHsva(raw),\n            rgba: rgba,\n            hex: rgbaToHex(rgba),\n        };\n    } else if (raw.startsWith('hsv')) {\n        const hsva = hsvaStringToHsva(raw);\n        const rgba = hsvaToRgba(hsva);\n        const hex = hsvaToHex(hsva);\n        return {\n            hsva,\n            rgba,\n            hex,\n        };\n    } else {\n        throw new Error('Semi ColorPicker: error on static colorStringToValue method, input value is invalid: ' + raw);\n    }\n};\n"],"names":["colorStringToValue","raw","hexToHsva","hexToRgba","rgba","rgbaStringToRgba","rgbaStringToHsva","rgbaToHex","rgbStringToRgba","rgbStringToHsva","hsva","hsvaStringToHsva","hsvaToRgba","hex","hsvaToHex"],"mappings":"uJAcaA,EAAsBC,GAA4B,CAC3D,GAAIA,EAAI,WAAW,GAAG,EAClB,MAAO,CACH,KAAMC,EAAAA,UAAUD,CAAG,EACnB,KAAME,EAAAA,UAAUF,CAAG,EACnB,IAAKA,CAAA,EAEb,GAAWA,EAAI,WAAW,MAAM,EAAG,CAC/B,MAAMG,EAAOC,EAAAA,iBAAiBJ,CAAG,EACjC,MAAO,CACH,KAAMK,EAAAA,iBAAiBL,CAAG,EAC1B,KAAAG,EACA,IAAKG,EAAAA,UAAUH,CAAI,CAAA,CAE3B,SAAWH,EAAI,WAAW,KAAK,EAAG,CAC9B,MAAMG,EAAOI,EAAAA,gBAAgBP,CAAG,EAChC,MAAO,CACH,KAAMQ,EAAAA,gBAAgBR,CAAG,EACzB,KAAAG,EACA,IAAKG,EAAAA,UAAUH,CAAI,CAAA,CAE3B,SAAWH,EAAI,WAAW,KAAK,EAAG,CAC9B,MAAMS,EAAOC,EAAAA,iBAAiBV,CAAG,EAC3BG,EAAOQ,EAAAA,WAAWF,CAAI,EACtBG,EAAMC,EAAAA,UAAUJ,CAAI,EAC1B,MAAO,CACH,KAAAA,EACA,KAAAN,EACA,IAAAS,CAAA,CAER,KACI,OAAM,IAAI,MAAM,wFAA0FZ,CAAG,CAErH"}

package/lib/cjs/components/configProvider/context.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),e=Symbol("ConfigContext");function n(){return t.inject(e,{})}exports.ConfigContextKey=e;exports.useConfigContext=n;
+//# sourceMappingURL=context.cjs.map

package/lib/cjs/components/configProvider/context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.cjs","sources":["../../../../src/components/configProvider/context.ts"],"sourcesContent":["import { inject, provide, type InjectionKey, type Ref } from 'vue';\nimport type { Locale } from '../locale/interface';\n\nexport interface ContextValue {\n    direction?: Ref<'ltr' | 'rtl'> | 'ltr' | 'rtl';\n    timeZone?: Ref<string | number> | string | number;\n    locale?: Ref<Locale | undefined> | Locale;\n    getPopupContainer?: Ref<(() => HTMLElement) | undefined> | (() => HTMLElement);\n}\n\nexport const ConfigContextKey: InjectionKey<ContextValue> = Symbol('ConfigContext');\n\nexport function provideConfigContext(value: ContextValue) {\n    provide(ConfigContextKey, value);\n}\n\nexport function useConfigContext(): ContextValue {\n    return inject(ConfigContextKey, {});\n}\n"],"names":["ConfigContextKey","useConfigContext","inject"],"mappings":"uGAUaA,EAA+C,OAAO,eAAe,EAM3E,SAASC,GAAiC,CAC7C,OAAOC,EAAAA,OAAOF,EAAkB,EAAE,CACtC"}

package/lib/cjs/components/datePicker/DateInput.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),p=require("classnames"),d=require("lodash-es"),C=require("../input/Input.vue.cjs"),ee=require("@douyinfe/semi-foundation/datePicker/inputFoundation"),k=require("@douyinfe/semi-foundation/datePicker/constants"),ne=require("../_utils/useBaseComponent.cjs"),ae=require("../../_utils/useFoundation.cjs"),te=require("../icons/icons/IconCalendarClock.cjs"),le=require("../icons/icons/IconCalendar.cjs"),re=require("../icons/icons/IconClear.cjs"),oe=a.defineComponent({name:"DateInput",inheritAttrs:!1,__name:"DateInput",props:{borderless:{type:Boolean,default:!1},disabled:{type:Boolean},format:{},inputReadOnly:{type:Boolean,default:!1},inputStyle:{default:()=>({})},insetInput:{type:[Boolean,Object]},insetInputValue:{},insetLabel:{},prefix:{},prefixCls:{default:k.cssClasses.PREFIX},placeholder:{},rangeInputFocus:{type:[String,Boolean]},rangeSeparator:{default:k.strings.DEFAULT_SEPARATOR_RANGE},showClear:{type:Boolean,default:!0},showClearIgnoreDisabled:{type:Boolean},type:{default:"date"},validateStatus:{},value:{},inputValue:{},dateFnsLocale:{},defaultPickerValue:{},onClick:{type:Function,default:d.noop},onChange:{type:Function,default:d.noop},onEnterPress:{type:Function,default:d.noop},onBlur:{type:Function,default:d.noop},onFocus:{type:Function,default:d.noop},onClear:{type:Function,default:d.noop},onInsetInputChange:{},rangeInputStartRef:{},rangeInputEndRef:{},inputRef:{},style:{},className:{}},setup(c){const e=c,y=a.useAttrs(),x=a.ref(null),F=a.ref(null),E=a.ref(null),B=n=>{var t;F.value=n,(t=e.rangeInputStartRef)!=null&&t.ref&&(e.rangeInputStartRef.ref.value=n)},w=n=>{var t;E.value=n,(t=e.rangeInputEndRef)!=null&&t.ref&&(e.rangeInputEndRef.ref.value=n)},$=n=>{var t;x.value=n,(t=e.inputRef)!=null&&t.ref&&(e.inputRef.ref.value=n)},{adapter:P}=ne.useBaseComponent(e,{}),z={...P,updateIsFocusing:n=>{},notifyClick:(...n)=>e.onClick(...n),notifyChange:(...n)=>e.onChange(...n),notifyEnter:(...n)=>e.onEnterPress(...n),notifyBlur:(...n)=>e.onBlur(...n),notifyClear:(...n)=>e.onClear(...n),notifyFocus:(...n)=>e.onFocus(...n),notifyRangeInputClear:(...n)=>{var t;return(t=e.onRangeClear)==null?void 0:t.call(e,...n)},notifyRangeInputFocus:(...n)=>e.onFocus(...n),notifyTabPress:(...n)=>{var t;return(t=e.onRangeEndTabPress)==null?void 0:t.call(e,...n)},notifyInsetInputChange:n=>{var t;return(t=e.onInsetInputChange)==null?void 0:t.call(e,n)}},{foundation:r}=ae.useFoundation(ee,z),V=()=>{const{type:n}=e;return n.includes("Range")&&n!=="monthRange"},D=n=>n&&n.length?r.formatShowText(n):"",A=a.computed(()=>y.inputValue??y["input-value"]??null),f=a.computed(()=>{const n=e.inputValue??A.value;return n??(e.value&&e.value.length>0?D(e.value):"")}),g=a.computed(()=>e.type.includes("Time")?te.default:le.default),q=a.computed(()=>e.type==="monthRange"&&Array.isArray(e.placeholder)?e.placeholder[0]+e.rangeSeparator+e.placeholder[1]:e.placeholder),N=a.computed(()=>p({[`${e.prefixCls}-input-readonly`]:e.inputReadOnly,[`${e.prefixCls}-monthRange-input`]:e.type==="monthRange"})),h=a.computed(()=>e.size==="large"?"default":"small"),v=a.computed(()=>Array.isArray(e.placeholder)?e.placeholder:[e.placeholder,e.placeholder]),L=a.computed(()=>v.value[0]),O=a.computed(()=>v.value[1]),s=a.computed(()=>(f.value.split(e.rangeSeparator)||[])[0]||""),u=a.computed(()=>(f.value.split(e.rangeSeparator)||[])[1]||""),m=a.computed(()=>p({[`${e.prefixCls}-input-readonly`]:e.inputReadOnly,[`${e.prefixCls}-monthRange-input`]:e.type==="monthRange"})),T=a.computed(()=>p(m.value,`${e.prefixCls}-range-input-wrapper-start`,`${e.prefixCls}-range-input-wrapper`,{[`${e.prefixCls}-range-input-wrapper-active`]:e.rangeInputFocus==="rangeStart"&&!e.disabled,[`${e.prefixCls}-range-input-wrapper-focus`]:e.rangeInputFocus==="rangeStart"&&!e.disabled,[`${e.prefixCls}-range-input-wrapper-start-with-prefix`]:e.prefix||e.insetLabel,[`${e.prefixCls}-borderless`]:e.borderless})),M=a.computed(()=>p(m.value,`${e.prefixCls}-range-input-wrapper-end`,`${e.prefixCls}-range-input-wrapper`,{[`${e.prefixCls}-range-input-wrapper-active`]:e.rangeInputFocus==="rangeEnd"&&!e.disabled,[`${e.prefixCls}-range-input-wrapper-focus`]:e.rangeInputFocus==="rangeEnd"&&!e.disabled,[`${e.prefixCls}-borderless`]:e.borderless})),K=a.computed(()=>p(`${e.prefixCls}-range-input-separator`,{[`${e.prefixCls}-range-input-separator-active`]:(s.value||u.value)&&!e.disabled})),j=a.computed(()=>{const n=e.disabled&&!e.showClearIgnoreDisabled;return(s.value||u.value)&&e.showClear&&!n}),U=(n,t)=>{r.handleChange(n,t)},W=n=>{r.handleInputComplete(n)},G=n=>{r.handleInputClear(n)},I=(n,t)=>`${n}${e.rangeSeparator}${t}`,R=(n,t,l)=>{const o=I(n,t);r.handleChange(o,l)},X=n=>{r.handleRangeInputClear(n)},b=(n,t,l)=>{const o=I(t,l);r.handleRangeInputEnterPress(n,o)},H=n=>{r.handleRangeInputEndKeyPress(n)},i=(n,t)=>{r.handleRangeInputFocus(n,t)},S=n=>{var t;e.disabled||((t=e.onClick)==null||t.call(e,n),i(n,"rangeStart"))},J=n=>{var t;e.disabled||((t=e.onClick)==null||t.call(e,n),i(n,"rangeEnd"))},Q=n=>{var t;!e.disabled&&!e.rangeInputFocus&&((t=e.onClick)==null||t.call(e,n),i(n,"rangeStart"))},Y=n=>{var t;!e.disabled&&!e.rangeInputFocus&&((t=e.onClick)==null||t.call(e,n),i(n,"rangeStart"))},Z=n=>{var t;(t=e.onBlur)==null||t.call(e,n)},_=n=>{var t;(t=e.onFocus)==null||t.call(e,n,e.rangeInputFocus||"rangeStart")};return a.onMounted(()=>{r.init()}),a.onUnmounted(()=>{r.destroy()}),(n,t)=>V()?(a.openBlock(),a.createElementBlock(a.Fragment,{key:0},[c.prefix||c.insetLabel?(a.openBlock(),a.createElementBlock("div",{key:0,class:a.normalizeClass(`${e.prefixCls}-range-input-prefix`),onClick:Q},[a.renderSlot(n.$slots,"prefix"),a.renderSlot(n.$slots,"insetLabel")],2)):a.createCommentVNode("",!0),a.createElementVNode("div",{class:a.normalizeClass(T.value),onClick:S},[a.createVNode(C.default,{ref:B,borderless:e.borderless,size:h.value,style:a.normalizeStyle(e.inputStyle),disabled:e.disabled,readonly:e.inputReadOnly,placeholder:L.value,value:s.value,onChange:t[0]||(t[0]=(l,o)=>R(l,u.value,o)),onEnterPress:t[1]||(t[1]=l=>b(l,s.value,u.value)),onFocus:t[2]||(t[2]=l=>i(l,"rangeStart"))},null,8,["borderless","size","style","disabled","readonly","placeholder","value"])],2),a.createElementVNode("span",{class:a.normalizeClass(K.value),onClick:S},a.toDisplayString(e.rangeSeparator),3),a.createElementVNode("div",{class:a.normalizeClass(M.value),onClick:J},[a.createVNode(C.default,{ref:w,borderless:e.borderless,size:h.value,style:a.normalizeStyle(e.inputStyle),disabled:e.disabled,readonly:e.inputReadOnly,placeholder:O.value,value:u.value,onChange:t[3]||(t[3]=(l,o)=>R(s.value,l,o)),onEnterPress:t[4]||(t[4]=l=>b(l,s.value,u.value)),onFocus:t[5]||(t[5]=l=>i(l,"rangeEnd")),onKeydown:H},null,8,["borderless","size","style","disabled","readonly","placeholder","value"])],2),j.value?(a.openBlock(),a.createElementBlock("div",{key:1,role:"button",tabindex:"0","aria-label":"Clear range input value",class:a.normalizeClass(`${e.prefixCls}-range-input-clearbtn`),onMousedown:X},[e.clearIcon?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.clearIcon),{key:1})):(a.openBlock(),a.createBlock(a.unref(re.default),{key:0,"aria-hidden":""}))],34)):a.createCommentVNode("",!0),g.value?(a.openBlock(),a.createElementBlock("div",{key:2,class:a.normalizeClass(`${e.prefixCls}-range-input-suffix`),onClick:Y},[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(g.value)))],2)):a.createCommentVNode("",!0)],64)):(a.openBlock(),a.createBlock(C.default,{key:1,ref:$,insetLabel:e.insetLabel,disabled:e.disabled,showClearIgnoreDisabled:e.showClearIgnoreDisabled,readonly:e.inputReadOnly,class:a.normalizeClass(N.value),style:a.normalizeStyle(e.inputStyle),hideSuffix:e.showClear,placeholder:q.value,suffix:g.value,showClear:e.showClear,value:f.value,validateStatus:e.validateStatus,prefix:e.prefix,autoFocus:e.autofocus,size:e.size,onEnterPress:W,onChange:U,onClear:G,onClick:e.onClick,onBlur:Z,onFocus:_},null,8,["insetLabel","disabled","showClearIgnoreDisabled","readonly","class","style","hideSuffix","placeholder","suffix","showClear","value","validateStatus","prefix","autoFocus","size","onClick"]))}});exports.default=oe;
+//# sourceMappingURL=DateInput.vue.cjs.map