@transsionfe/semi-ui-vue 0.0.2 → 0.0.3

package/lib/cjs/components/radio/RadioInner.vue2.cjs.map

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

package/lib/cjs/components/radio/index.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/radio/index.ts"],"sourcesContent":["import BaseRadio from './Radio.vue';\nimport BaseRadioGroup from './RadioGroup.vue';\nimport { createFieldEnhancer } from '../form/createFieldEnhancer';\nimport type { RadioProps, RadioGroupProps, RadioChangeEvent, OptionItem, RadioGroupOptions } from './interface';\n\n// 导入样式（自动引入）\nimport './radio.scss';\n\nconst Radio = BaseRadio;\nconst RadioGroup = createFieldEnhancer(BaseRadioGroup, 'SemiRadioGroup');\n\n// Attach RadioGroup to Radio\nconst RadioWithGroup = Radio as typeof Radio & {\n    Group: typeof RadioGroup;\n};\n\nRadioWithGroup.Group = RadioGroup;\n\nexport default RadioWithGroup;\nexport { Radio, RadioGroup };\nexport type { RadioProps, RadioGroupProps, RadioChangeEvent, OptionItem, RadioGroupOptions };\n"],"names":["Radio","BaseRadio","RadioGroup","createFieldEnhancer","BaseRadioGroup","RadioWithGroup"],"mappings":"0PAQA,MAAMA,EAAQC,EAAAA,QACRC,EAAaC,EAAAA,oBAAoBC,EAAAA,QAAgB,gBAAgB,EAGjEC,EAAiBL,EAIvBK,EAAe,MAAQH"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/radio/index.ts"],"sourcesContent":["import BaseRadio from './Radio.vue';\nimport BaseRadioGroup from './RadioGroup.vue';\nimport { createFieldEnhancer } from '../form/createFieldEnhancer';\nimport type { RadioProps, RadioGroupProps, RadioChangeEvent, OptionItem, RadioGroupOptions } from './interface';\n\n// 导入样式（自动引入）\nimport './radio.scss';\n\nconst Radio = BaseRadio;\nconst RadioGroup = createFieldEnhancer(BaseRadioGroup, 'SemiRadioGroup');\n\n// Attach RadioGroup to Radio\nconst RadioWithGroup = Radio as typeof Radio & {\n    Group: typeof RadioGroup;\n};\n\nRadioWithGroup.Group = RadioGroup;\n\nexport default RadioWithGroup;\nexport { Radio, RadioGroup };\nexport type { RadioProps, RadioGroupProps, RadioChangeEvent, OptionItem, RadioGroupOptions };\n"],"names":["Radio","BaseRadio","RadioGroup","createFieldEnhancer","BaseRadioGroup","RadioWithGroup"],"mappings":"8NAMAA,EAAOC,EAAAA,QAEDC,EAAQC,EAAAA,oBAAAC,EAAAA,QAAA,gBAAA,EACRC,EAAaL,EAGnBK,EAAM,MAAiBH"}

package/lib/cjs/components/rating/Rating.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),D=require("classnames"),K=require("@douyinfe/semi-foundation/rating/constants"),N=require("@douyinfe/semi-foundation/rating/foundation"),w=require("./RatingItem.vue.cjs"),O=require("../tooltip/Tooltip.vue.cjs");;/* empty css                        */const j=["id","aria-label","aria-labelledby","aria-describedby","tabindex"],T=a.defineComponent({__name:"Rating",props:a.mergeModels({"aria-describedby":{},"aria-errormessage":{},"aria-invalid":{type:Boolean},"aria-label":{},"aria-labelledby":{},"aria-required":{type:Boolean},disabled:{type:Boolean},value:{},defaultValue:{default:0},count:{default:5},allowHalf:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!0},style:{default:()=>({})},prefixCls:{default:K.cssClasses.PREFIX},className:{},character:{},tabIndex:{default:-1},autoFocus:{type:Boolean},size:{default:"default"},tooltips:{},id:{},preventScroll:{type:Boolean}},{modelValue:{},modelModifiers:{}}),emits:a.mergeModels(["change","update:modelValue","update:value","hoverChange","focus","blur","keydown"],["update:modelValue"]),setup(l,{expose:$,emit:H}){const v=a.useModel(l,"modelValue"),t=l,i=H,f=a.ref(),b=a.ref({}),y=a.computed(()=>v.value!==void 0?v.value:t.value!==void 0?t.value:t.defaultValue??0),h=a.computed(()=>v.value!==void 0||t.value!==void 0),m=a.ref(y.value);a.watch(y,e=>{h.value||(m.value=e)});const c=a.computed(()=>h.value?y.value:m.value),o=a.ref({value:c.value,focused:!1,hoverValue:void 0,clearedValue:null,emptyStarFocusVisible:!1});let x=!1;a.watch(c,e=>{x&&o.value.value!==e&&(o.value.value=e)}),a.provide("direction","ltr");const M={focus:()=>{var e;if(!t.disabled){const r=Math.ceil(c.value)-1,u=r<0?t.count:r;(e=b.value[u])==null||e.starFocus()}},getStarDOM:e=>{var r;return(r=b.value[e])==null?void 0:r.$el},notifyHoverChange:(e,r)=>{o.value.hoverValue=e,o.value.clearedValue=r,i("hoverChange",e)},updateValue:e=>{h.value||(m.value=e),o.value.value=e,i("change",e),i("update:modelValue",e),i("update:value",e)},clearValue:e=>{o.value.clearedValue=e},notifyFocus:e=>{o.value.focused=!0,i("focus",e)},notifyBlur:e=>{o.value.focused=!1,i("blur",e)},notifyKeyDown:e=>{o.value.focused=!1,i("keydown",e)},setEmptyStarFocusVisible:e=>{o.value.emptyStarFocusVisible=e},getState:()=>o.value,getStates:()=>o.value,getProps:()=>t,getProp:e=>t[e],setState:e=>{Object.assign(o.value,e)},getContext:e=>{if(e==="direction")return"ltr"},getContexts:()=>{},getCache:()=>{},getCaches:()=>{},setCache:()=>{},stopPropagation:()=>{},persistEvent:()=>{}},n=new N(M),d=a.computed(()=>o.value.hoverValue),C=a.computed(()=>o.value.focused),g=a.computed(()=>{if(t["aria-label"])return t["aria-label"];let e="star";return typeof t.character=="string"&&(e=t.character),e}),z=a.computed(()=>`Rating: ${c.value} of ${t.count} ${g.value}${c.value===1?"":"s"},`),P=a.computed(()=>D(t.prefixCls,{[`${t.prefixCls}-disabled`]:t.disabled,[`${t.prefixCls}-focus`]:o.value.emptyStarFocusVisible},t.className)),B=(e,r)=>{r&&(b.value[e]=r)},S=(e,r)=>{n.handleHover(e,r)},L=()=>{n.handleMouseLeave()},F=(e,r)=>{n.handleClick(e,r)},R=e=>{n.handleFocus(e)},q=e=>{n.handleBlur(e)},I=e=>{n.handleKeyDown(e,c.value)},k=e=>{n.handleStarFocusVisible(e)},V=e=>{n.handleStarBlur(e)},p=()=>{var e;t.disabled||(e=f.value)==null||e.focus({preventScroll:t.preventScroll})},E=()=>{var e;t.disabled||(e=f.value)==null||e.blur()};return a.onMounted(()=>{n.init(),x=!0,o.value.value=c.value,t.autoFocus&&p()}),a.onUnmounted(()=>{n.destroy()}),$({focus:p,blur:E}),(e,r)=>(a.openBlock(),a.createElementBlock("ul",{id:l.id,ref_key:"rateRef",ref:f,class:a.normalizeClass(P.value),style:a.normalizeStyle(l.style),"aria-label":z.value,"aria-labelledby":t["aria-labelledby"],"aria-describedby":t["aria-describedby"],tabindex:l.disabled?-1:l.tabIndex,onMouseleave:L,onFocus:R,onBlur:q,onKeydown:I},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(l.count+1,u=>(a.openBlock(),a.createElementBlock(a.Fragment,{key:u},[l.tooltips&&l.tooltips[u-1]?(a.openBlock(),a.createBlock(a.unref(O.default),{key:0,visible:d.value-1===u-1,trigger:"custom",content:l.tooltips[u-1]},{default:a.withCtx(()=>[a.createVNode(w.default,{ref_for:!0,ref:s=>B(u-1,s),index:u-1,count:l.count,prefixCls:`${l.prefixCls}-star`,allowHalf:l.allowHalf,value:d.value===void 0?c.value:d.value,disabled:l.disabled,character:l.character,focused:C.value,size:u-1===l.count?0:l.size,ariaLabelPrefix:g.value,"aria-describedby":t["aria-describedby"],preventScroll:l.preventScroll,onClick:F,onHover:S,onFocus:s=>u-1===l.count?k:void 0,onBlur:s=>u-1===l.count?V:void 0},null,8,["index","count","prefixCls","allowHalf","value","disabled","character","focused","size","ariaLabelPrefix","aria-describedby","preventScroll","onFocus","onBlur"])]),_:2},1032,["visible","content"])):(a.openBlock(),a.createBlock(w.default,{key:1,ref_for:!0,ref:s=>B(u-1,s),index:u-1,count:l.count,prefixCls:`${l.prefixCls}-star`,allowHalf:l.allowHalf,value:d.value===void 0?c.value:d.value,disabled:l.disabled,character:l.character,focused:C.value,size:u-1===l.count?0:l.size,ariaLabelPrefix:g.value,"aria-describedby":t["aria-describedby"],preventScroll:l.preventScroll,onClick:F,onHover:S,onFocus:s=>u-1===l.count?k:void 0,onBlur:s=>u-1===l.count?V:void 0},null,8,["index","count","prefixCls","allowHalf","value","disabled","character","focused","size","ariaLabelPrefix","aria-describedby","preventScroll","onFocus","onBlur"]))],64))),128))],46,j))}});exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),D=require("classnames"),K=require("@douyinfe/semi-foundation/rating/constants"),N=require("@douyinfe/semi-foundation/rating/foundation"),w=require("./RatingItem.vue.cjs"),O=require("../tooltip/Tooltip.vue.cjs"),j=["id","aria-label","aria-labelledby","aria-describedby","tabindex"],T=a.defineComponent({__name:"Rating",props:a.mergeModels({"aria-describedby":{},"aria-errormessage":{},"aria-invalid":{type:Boolean},"aria-label":{},"aria-labelledby":{},"aria-required":{type:Boolean},disabled:{type:Boolean},value:{},defaultValue:{default:0},count:{default:5},allowHalf:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!0},style:{default:()=>({})},prefixCls:{default:K.cssClasses.PREFIX},className:{},character:{},tabIndex:{default:-1},autoFocus:{type:Boolean},size:{default:"default"},tooltips:{},id:{},preventScroll:{type:Boolean}},{modelValue:{},modelModifiers:{}}),emits:a.mergeModels(["change","update:modelValue","update:value","hoverChange","focus","blur","keydown"],["update:modelValue"]),setup(l,{expose:$,emit:H}){const v=a.useModel(l,"modelValue"),t=l,i=H,f=a.ref(),b=a.ref({}),y=a.computed(()=>v.value!==void 0?v.value:t.value!==void 0?t.value:t.defaultValue??0),h=a.computed(()=>v.value!==void 0||t.value!==void 0),m=a.ref(y.value);a.watch(y,e=>{h.value||(m.value=e)});const c=a.computed(()=>h.value?y.value:m.value),o=a.ref({value:c.value,focused:!1,hoverValue:void 0,clearedValue:null,emptyStarFocusVisible:!1});let x=!1;a.watch(c,e=>{x&&o.value.value!==e&&(o.value.value=e)}),a.provide("direction","ltr");const M={focus:()=>{var e;if(!t.disabled){const r=Math.ceil(c.value)-1,u=r<0?t.count:r;(e=b.value[u])==null||e.starFocus()}},getStarDOM:e=>{var r;return(r=b.value[e])==null?void 0:r.$el},notifyHoverChange:(e,r)=>{o.value.hoverValue=e,o.value.clearedValue=r,i("hoverChange",e)},updateValue:e=>{h.value||(m.value=e),o.value.value=e,i("change",e),i("update:modelValue",e),i("update:value",e)},clearValue:e=>{o.value.clearedValue=e},notifyFocus:e=>{o.value.focused=!0,i("focus",e)},notifyBlur:e=>{o.value.focused=!1,i("blur",e)},notifyKeyDown:e=>{o.value.focused=!1,i("keydown",e)},setEmptyStarFocusVisible:e=>{o.value.emptyStarFocusVisible=e},getState:()=>o.value,getStates:()=>o.value,getProps:()=>t,getProp:e=>t[e],setState:e=>{Object.assign(o.value,e)},getContext:e=>{if(e==="direction")return"ltr"},getContexts:()=>{},getCache:()=>{},getCaches:()=>{},setCache:()=>{},stopPropagation:()=>{},persistEvent:()=>{}},n=new N(M),d=a.computed(()=>o.value.hoverValue),C=a.computed(()=>o.value.focused),g=a.computed(()=>{if(t["aria-label"])return t["aria-label"];let e="star";return typeof t.character=="string"&&(e=t.character),e}),z=a.computed(()=>`Rating: ${c.value} of ${t.count} ${g.value}${c.value===1?"":"s"},`),P=a.computed(()=>D(t.prefixCls,{[`${t.prefixCls}-disabled`]:t.disabled,[`${t.prefixCls}-focus`]:o.value.emptyStarFocusVisible},t.className)),B=(e,r)=>{r&&(b.value[e]=r)},S=(e,r)=>{n.handleHover(e,r)},L=()=>{n.handleMouseLeave()},F=(e,r)=>{n.handleClick(e,r)},R=e=>{n.handleFocus(e)},I=e=>{n.handleBlur(e)},q=e=>{n.handleKeyDown(e,c.value)},k=e=>{n.handleStarFocusVisible(e)},V=e=>{n.handleStarBlur(e)},p=()=>{var e;t.disabled||(e=f.value)==null||e.focus({preventScroll:t.preventScroll})},E=()=>{var e;t.disabled||(e=f.value)==null||e.blur()};return a.onMounted(()=>{n.init(),x=!0,o.value.value=c.value,t.autoFocus&&p()}),a.onUnmounted(()=>{n.destroy()}),$({focus:p,blur:E}),(e,r)=>(a.openBlock(),a.createElementBlock("ul",{id:l.id,ref_key:"rateRef",ref:f,class:a.normalizeClass(P.value),style:a.normalizeStyle(l.style),"aria-label":z.value,"aria-labelledby":t["aria-labelledby"],"aria-describedby":t["aria-describedby"],tabindex:l.disabled?-1:l.tabIndex,onMouseleave:L,onFocus:R,onBlur:I,onKeydown:q},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(l.count+1,u=>(a.openBlock(),a.createElementBlock(a.Fragment,{key:u},[l.tooltips&&l.tooltips[u-1]?(a.openBlock(),a.createBlock(a.unref(O.default),{key:0,visible:d.value-1===u-1,trigger:"custom",content:l.tooltips[u-1]},{default:a.withCtx(()=>[a.createVNode(w.default,{ref_for:!0,ref:s=>B(u-1,s),index:u-1,count:l.count,prefixCls:`${l.prefixCls}-star`,allowHalf:l.allowHalf,value:d.value===void 0?c.value:d.value,disabled:l.disabled,character:l.character,focused:C.value,size:u-1===l.count?0:l.size,ariaLabelPrefix:g.value,"aria-describedby":t["aria-describedby"],preventScroll:l.preventScroll,onClick:F,onHover:S,onFocus:s=>u-1===l.count?k:void 0,onBlur:s=>u-1===l.count?V:void 0},null,8,["index","count","prefixCls","allowHalf","value","disabled","character","focused","size","ariaLabelPrefix","aria-describedby","preventScroll","onFocus","onBlur"])]),_:2},1032,["visible","content"])):(a.openBlock(),a.createBlock(w.default,{key:1,ref_for:!0,ref:s=>B(u-1,s),index:u-1,count:l.count,prefixCls:`${l.prefixCls}-star`,allowHalf:l.allowHalf,value:d.value===void 0?c.value:d.value,disabled:l.disabled,character:l.character,focused:C.value,size:u-1===l.count?0:l.size,ariaLabelPrefix:g.value,"aria-describedby":t["aria-describedby"],preventScroll:l.preventScroll,onClick:F,onHover:S,onFocus:s=>u-1===l.count?k:void 0,onBlur:s=>u-1===l.count?V:void 0},null,8,["index","count","prefixCls","allowHalf","value","disabled","character","focused","size","ariaLabelPrefix","aria-describedby","preventScroll","onFocus","onBlur"]))],64))),128))],46,j))}});exports.default=T;
 //# sourceMappingURL=Rating.vue.cjs.map

package/lib/cjs/components/rating/Rating.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Rating.vue.cjs","sources":["../../../../src/components/rating/Rating.vue"],"sourcesContent":["<template>\n    <ul\n        :id=\"id\"\n        ref=\"rateRef\"\n        :class=\"ratingClasses\"\n        :style=\"style\"\n        :aria-label=\"ariaLabel\"\n        :aria-labelledby=\"props['aria-labelledby']\"\n        :aria-describedby=\"props['aria-describedby']\"\n        :tabindex=\"disabled ? -1 : tabIndex\"\n        @mouseleave=\"handleMouseLeave\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n        @keydown=\"handleKeyDown\"\n    >\n        <template v-for=\"ind in count + 1\" :key=\"ind\">\n            <Tooltip\n                v-if=\"tooltips && tooltips[ind - 1]\"\n                :visible=\"hoverValue - 1 === ind - 1\"\n                trigger=\"custom\"\n                :content=\"tooltips[ind - 1]\"\n            >\n                <RatingItem\n                    :ref=\"(el) => saveStarRef(ind - 1, el)\"\n                    :index=\"ind - 1\"\n                    :count=\"count\"\n                    :prefixCls=\"`${prefixCls}-star`\"\n                    :allowHalf=\"allowHalf\"\n                    :value=\"hoverValue === undefined ? value : hoverValue\"\n                    :disabled=\"disabled\"\n                    :character=\"character\"\n                    :focused=\"focused\"\n                    :size=\"ind - 1 === count ? 0 : size\"\n                    :ariaLabelPrefix=\"ariaLabelPrefix\"\n                    :aria-describedby=\"props['aria-describedby']\"\n                    :preventScroll=\"preventScroll\"\n                    @click=\"handleItemClick\"\n                    @hover=\"handleItemHover\"\n                    @focus=\"ind - 1 === count ? handleStarFocusVisible : undefined\"\n                    @blur=\"ind - 1 === count ? handleStarBlur : undefined\"\n                />\n            </Tooltip>\n            <RatingItem\n                v-else\n                :ref=\"(el) => saveStarRef(ind - 1, el)\"\n                :index=\"ind - 1\"\n                :count=\"count\"\n                :prefixCls=\"`${prefixCls}-star`\"\n                :allowHalf=\"allowHalf\"\n                :value=\"hoverValue === undefined ? value : hoverValue\"\n                :disabled=\"disabled\"\n                :character=\"character\"\n                :focused=\"focused\"\n                :size=\"ind - 1 === count ? 0 : size\"\n                :ariaLabelPrefix=\"ariaLabelPrefix\"\n                :aria-describedby=\"props['aria-describedby']\"\n                :preventScroll=\"preventScroll\"\n                @click=\"handleItemClick\"\n                @hover=\"handleItemHover\"\n                @focus=\"ind - 1 === count ? handleStarFocusVisible : undefined\"\n                @blur=\"ind - 1 === count ? handleStarBlur : undefined\"\n            />\n        </template>\n    </ul>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted, watch, provide } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/rating/constants';\nimport RatingFoundation from '@douyinfe/semi-foundation/rating/foundation';\nimport RatingItem from './RatingItem.vue';\nimport Tooltip from '../tooltip';\nimport type { RatingProps } from './interface';\n\nconst modelValue = defineModel<number>();\n\nconst props = withDefaults(defineProps<RatingProps>(), {\n    defaultValue: 0,\n    count: 5,\n    allowHalf: false,\n    allowClear: true,\n    style: () => ({}),\n    prefixCls: cssClasses.PREFIX,\n    tabIndex: -1,\n    size: 'default',\n});\n\nconst emit = defineEmits<{\n    change: [value: number];\n    'update:modelValue': [value: number];\n    'update:value': [value: number];\n    hoverChange: [value: number];\n    focus: [e: FocusEvent];\n    blur: [e: FocusEvent];\n    keydown: [e: KeyboardEvent];\n}>();\n\nconst rateRef = ref<HTMLUListElement>();\nconst starsRef = ref<Record<number, InstanceType<typeof RatingItem>>>({});\n\nconst effectiveValue = computed(() => {\n    if (modelValue.value !== undefined) {\n        return modelValue.value;\n    }\n    if (props.value !== undefined) {\n        return props.value;\n    }\n    return props.defaultValue ?? 0;\n});\n\nconst isControlled = computed(() => modelValue.value !== undefined || props.value !== undefined);\nconst internalValue = ref(effectiveValue.value);\n\nwatch(effectiveValue, (newValue) => {\n    if (!isControlled.value) {\n        internalValue.value = newValue;\n    }\n});\n\nconst value = computed(() => (isControlled.value ? effectiveValue.value : internalValue.value));\n\nconst state = ref({\n    value: value.value,\n    focused: false,\n    hoverValue: undefined as number | undefined,\n    clearedValue: null as number | null,\n    emptyStarFocusVisible: false,\n});\n\nlet isInitialized = false;\nwatch(value, (newValue) => {\n    if (isInitialized && state.value.value !== newValue) {\n        state.value.value = newValue;\n    }\n});\n\nprovide('direction', 'ltr');\n\nconst adapter = {\n    focus: () => {\n        if (!props.disabled) {\n            const index = Math.ceil(value.value) - 1;\n            const targetIndex = index < 0 ? props.count : index;\n            starsRef.value[targetIndex]?.starFocus();\n        }\n    },\n    getStarDOM: (index: number) => {\n        return starsRef.value[index]?.$el;\n    },\n    notifyHoverChange: (hoverValue: number, clearedValue: number) => {\n        state.value.hoverValue = hoverValue;\n        state.value.clearedValue = clearedValue;\n        emit('hoverChange', hoverValue);\n    },\n    updateValue: (newValue: number) => {\n        if (!isControlled.value) {\n            internalValue.value = newValue;\n        }\n        state.value.value = newValue;\n        emit('change', newValue);\n        emit('update:modelValue', newValue);\n        emit('update:value', newValue);\n    },\n    clearValue: (clearedValue: number) => {\n        state.value.clearedValue = clearedValue;\n    },\n    notifyFocus: (e: FocusEvent) => {\n        state.value.focused = true;\n        emit('focus', e);\n    },\n    notifyBlur: (e: FocusEvent) => {\n        state.value.focused = false;\n        emit('blur', e);\n    },\n    notifyKeyDown: (e: KeyboardEvent) => {\n        state.value.focused = false;\n        emit('keydown', e);\n    },\n    setEmptyStarFocusVisible: (focusVisible: boolean) => {\n        state.value.emptyStarFocusVisible = focusVisible;\n    },\n    getState: () => state.value,\n    getStates: () => state.value,\n    getProps: () => props,\n    getProp: (key: string) => props[key as keyof RatingProps],\n    setState: (states: any) => {\n        Object.assign(state.value, states);\n    },\n    getContext: (key: string) => {\n        if (key === 'direction') return 'ltr';\n        return undefined;\n    },\n    getContexts: () => undefined,\n    getCache: () => undefined,\n    getCaches: () => undefined,\n    setCache: () => {},\n    stopPropagation: () => {},\n    persistEvent: () => {},\n};\n\nconst foundation = new RatingFoundation(adapter);\n\nconst hoverValue = computed(() => state.value.hoverValue);\nconst focused = computed(() => state.value.focused);\n\nconst ariaLabelPrefix = computed(() => {\n    if (props['aria-label']) {\n        return props['aria-label'];\n    }\n    let prefix = 'star';\n    if (typeof props.character === 'string') {\n        prefix = props.character;\n    }\n    return prefix;\n});\n\nconst ariaLabel = computed(() => {\n    return `Rating: ${value.value} of ${props.count} ${ariaLabelPrefix.value}${value.value === 1 ? '' : 's'},`;\n});\n\nconst ratingClasses = computed(() => {\n    return classNames(\n        props.prefixCls,\n        {\n            [`${props.prefixCls}-disabled`]: props.disabled,\n            [`${props.prefixCls}-focus`]: state.value.emptyStarFocusVisible,\n        },\n        props.className\n    );\n});\n\nconst saveStarRef = (index: number, el: any) => {\n    if (el) {\n        starsRef.value[index] = el;\n    }\n};\n\nconst handleItemHover = (e: MouseEvent, index: number) => {\n    foundation.handleHover(e, index);\n};\n\nconst handleMouseLeave = () => {\n    foundation.handleMouseLeave();\n};\n\nconst handleItemClick = (e: MouseEvent | KeyboardEvent, index: number) => {\n    foundation.handleClick(e, index);\n};\n\nconst handleFocus = (e: FocusEvent) => {\n    foundation.handleFocus(e);\n};\n\nconst handleBlur = (e: FocusEvent) => {\n    foundation.handleBlur(e);\n};\n\nconst handleKeyDown = (e: KeyboardEvent) => {\n    foundation.handleKeyDown(e, value.value);\n};\n\nconst handleStarFocusVisible = (e: FocusEvent) => {\n    foundation.handleStarFocusVisible(e);\n};\n\nconst handleStarBlur = (e: FocusEvent) => {\n    foundation.handleStarBlur(e);\n};\n\nconst focus = () => {\n    if (!props.disabled) {\n        rateRef.value?.focus({ preventScroll: props.preventScroll });\n    }\n};\n\nconst blur = () => {\n    if (!props.disabled) {\n        rateRef.value?.blur();\n    }\n};\n\nonMounted(() => {\n    foundation.init();\n    isInitialized = true;\n    state.value.value = value.value;\n    if (props.autoFocus) {\n        focus();\n    }\n});\n\nonUnmounted(() => {\n    foundation.destroy();\n});\n\ndefineExpose({\n    focus,\n    blur,\n});\n</script>\n"],"names":["modelValue","_useModel","__props","props","emit","__emit","rateRef","ref","starsRef","effectiveValue","computed","isControlled","internalValue","watch","newValue","value","state","isInitialized","provide","adapter","index","targetIndex","_a","hoverValue","clearedValue","focusVisible","key","states","foundation","RatingFoundation","focused","ariaLabelPrefix","prefix","ariaLabel","ratingClasses","classNames","saveStarRef","el","handleItemHover","handleMouseLeave","handleItemClick","handleFocus","handleBlur","handleKeyDown","handleStarFocusVisible","handleStarBlur","focus","blur","onMounted","onUnmounted","__expose","_createElementBlock","_Fragment","_renderList","ind","_createBlock","_unref","Tooltip","_createVNode","RatingItem"],"mappings":"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"}
+{"version":3,"file":"Rating.vue.cjs","sources":["../../../../src/components/rating/Rating.vue"],"sourcesContent":["<template>\n    <ul\n        :id=\"id\"\n        ref=\"rateRef\"\n        :class=\"ratingClasses\"\n        :style=\"style\"\n        :aria-label=\"ariaLabel\"\n        :aria-labelledby=\"props['aria-labelledby']\"\n        :aria-describedby=\"props['aria-describedby']\"\n        :tabindex=\"disabled ? -1 : tabIndex\"\n        @mouseleave=\"handleMouseLeave\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n        @keydown=\"handleKeyDown\"\n    >\n        <template v-for=\"ind in count + 1\" :key=\"ind\">\n            <Tooltip\n                v-if=\"tooltips && tooltips[ind - 1]\"\n                :visible=\"hoverValue - 1 === ind - 1\"\n                trigger=\"custom\"\n                :content=\"tooltips[ind - 1]\"\n            >\n                <RatingItem\n                    :ref=\"(el) => saveStarRef(ind - 1, el)\"\n                    :index=\"ind - 1\"\n                    :count=\"count\"\n                    :prefixCls=\"`${prefixCls}-star`\"\n                    :allowHalf=\"allowHalf\"\n                    :value=\"hoverValue === undefined ? value : hoverValue\"\n                    :disabled=\"disabled\"\n                    :character=\"character\"\n                    :focused=\"focused\"\n                    :size=\"ind - 1 === count ? 0 : size\"\n                    :ariaLabelPrefix=\"ariaLabelPrefix\"\n                    :aria-describedby=\"props['aria-describedby']\"\n                    :preventScroll=\"preventScroll\"\n                    @click=\"handleItemClick\"\n                    @hover=\"handleItemHover\"\n                    @focus=\"ind - 1 === count ? handleStarFocusVisible : undefined\"\n                    @blur=\"ind - 1 === count ? handleStarBlur : undefined\"\n                />\n            </Tooltip>\n            <RatingItem\n                v-else\n                :ref=\"(el) => saveStarRef(ind - 1, el)\"\n                :index=\"ind - 1\"\n                :count=\"count\"\n                :prefixCls=\"`${prefixCls}-star`\"\n                :allowHalf=\"allowHalf\"\n                :value=\"hoverValue === undefined ? value : hoverValue\"\n                :disabled=\"disabled\"\n                :character=\"character\"\n                :focused=\"focused\"\n                :size=\"ind - 1 === count ? 0 : size\"\n                :ariaLabelPrefix=\"ariaLabelPrefix\"\n                :aria-describedby=\"props['aria-describedby']\"\n                :preventScroll=\"preventScroll\"\n                @click=\"handleItemClick\"\n                @hover=\"handleItemHover\"\n                @focus=\"ind - 1 === count ? handleStarFocusVisible : undefined\"\n                @blur=\"ind - 1 === count ? handleStarBlur : undefined\"\n            />\n        </template>\n    </ul>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted, watch, provide } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/rating/constants';\nimport RatingFoundation from '@douyinfe/semi-foundation/rating/foundation';\nimport RatingItem from './RatingItem.vue';\nimport Tooltip from '../tooltip';\nimport type { RatingProps } from './interface';\n\nconst modelValue = defineModel<number>();\n\nconst props = withDefaults(defineProps<RatingProps>(), {\n    defaultValue: 0,\n    count: 5,\n    allowHalf: false,\n    allowClear: true,\n    style: () => ({}),\n    prefixCls: cssClasses.PREFIX,\n    tabIndex: -1,\n    size: 'default',\n});\n\nconst emit = defineEmits<{\n    change: [value: number];\n    'update:modelValue': [value: number];\n    'update:value': [value: number];\n    hoverChange: [value: number];\n    focus: [e: FocusEvent];\n    blur: [e: FocusEvent];\n    keydown: [e: KeyboardEvent];\n}>();\n\nconst rateRef = ref<HTMLUListElement>();\nconst starsRef = ref<Record<number, InstanceType<typeof RatingItem>>>({});\n\nconst effectiveValue = computed(() => {\n    if (modelValue.value !== undefined) {\n        return modelValue.value;\n    }\n    if (props.value !== undefined) {\n        return props.value;\n    }\n    return props.defaultValue ?? 0;\n});\n\nconst isControlled = computed(() => modelValue.value !== undefined || props.value !== undefined);\nconst internalValue = ref(effectiveValue.value);\n\nwatch(effectiveValue, (newValue) => {\n    if (!isControlled.value) {\n        internalValue.value = newValue;\n    }\n});\n\nconst value = computed(() => (isControlled.value ? effectiveValue.value : internalValue.value));\n\nconst state = ref({\n    value: value.value,\n    focused: false,\n    hoverValue: undefined as number | undefined,\n    clearedValue: null as number | null,\n    emptyStarFocusVisible: false,\n});\n\nlet isInitialized = false;\nwatch(value, (newValue) => {\n    if (isInitialized && state.value.value !== newValue) {\n        state.value.value = newValue;\n    }\n});\n\nprovide('direction', 'ltr');\n\nconst adapter = {\n    focus: () => {\n        if (!props.disabled) {\n            const index = Math.ceil(value.value) - 1;\n            const targetIndex = index < 0 ? props.count : index;\n            starsRef.value[targetIndex]?.starFocus();\n        }\n    },\n    getStarDOM: (index: number) => {\n        return starsRef.value[index]?.$el;\n    },\n    notifyHoverChange: (hoverValue: number, clearedValue: number) => {\n        state.value.hoverValue = hoverValue;\n        state.value.clearedValue = clearedValue;\n        emit('hoverChange', hoverValue);\n    },\n    updateValue: (newValue: number) => {\n        if (!isControlled.value) {\n            internalValue.value = newValue;\n        }\n        state.value.value = newValue;\n        emit('change', newValue);\n        emit('update:modelValue', newValue);\n        emit('update:value', newValue);\n    },\n    clearValue: (clearedValue: number) => {\n        state.value.clearedValue = clearedValue;\n    },\n    notifyFocus: (e: FocusEvent) => {\n        state.value.focused = true;\n        emit('focus', e);\n    },\n    notifyBlur: (e: FocusEvent) => {\n        state.value.focused = false;\n        emit('blur', e);\n    },\n    notifyKeyDown: (e: KeyboardEvent) => {\n        state.value.focused = false;\n        emit('keydown', e);\n    },\n    setEmptyStarFocusVisible: (focusVisible: boolean) => {\n        state.value.emptyStarFocusVisible = focusVisible;\n    },\n    getState: () => state.value,\n    getStates: () => state.value,\n    getProps: () => props,\n    getProp: (key: string) => props[key as keyof RatingProps],\n    setState: (states: any) => {\n        Object.assign(state.value, states);\n    },\n    getContext: (key: string) => {\n        if (key === 'direction') return 'ltr';\n        return undefined;\n    },\n    getContexts: () => undefined,\n    getCache: () => undefined,\n    getCaches: () => undefined,\n    setCache: () => {},\n    stopPropagation: () => {},\n    persistEvent: () => {},\n};\n\nconst foundation = new RatingFoundation(adapter);\n\nconst hoverValue = computed(() => state.value.hoverValue);\nconst focused = computed(() => state.value.focused);\n\nconst ariaLabelPrefix = computed(() => {\n    if (props['aria-label']) {\n        return props['aria-label'];\n    }\n    let prefix = 'star';\n    if (typeof props.character === 'string') {\n        prefix = props.character;\n    }\n    return prefix;\n});\n\nconst ariaLabel = computed(() => {\n    return `Rating: ${value.value} of ${props.count} ${ariaLabelPrefix.value}${value.value === 1 ? '' : 's'},`;\n});\n\nconst ratingClasses = computed(() => {\n    return classNames(\n        props.prefixCls,\n        {\n            [`${props.prefixCls}-disabled`]: props.disabled,\n            [`${props.prefixCls}-focus`]: state.value.emptyStarFocusVisible,\n        },\n        props.className\n    );\n});\n\nconst saveStarRef = (index: number, el: any) => {\n    if (el) {\n        starsRef.value[index] = el;\n    }\n};\n\nconst handleItemHover = (e: MouseEvent, index: number) => {\n    foundation.handleHover(e, index);\n};\n\nconst handleMouseLeave = () => {\n    foundation.handleMouseLeave();\n};\n\nconst handleItemClick = (e: MouseEvent | KeyboardEvent, index: number) => {\n    foundation.handleClick(e, index);\n};\n\nconst handleFocus = (e: FocusEvent) => {\n    foundation.handleFocus(e);\n};\n\nconst handleBlur = (e: FocusEvent) => {\n    foundation.handleBlur(e);\n};\n\nconst handleKeyDown = (e: KeyboardEvent) => {\n    foundation.handleKeyDown(e, value.value);\n};\n\nconst handleStarFocusVisible = (e: FocusEvent) => {\n    foundation.handleStarFocusVisible(e);\n};\n\nconst handleStarBlur = (e: FocusEvent) => {\n    foundation.handleStarBlur(e);\n};\n\nconst focus = () => {\n    if (!props.disabled) {\n        rateRef.value?.focus({ preventScroll: props.preventScroll });\n    }\n};\n\nconst blur = () => {\n    if (!props.disabled) {\n        rateRef.value?.blur();\n    }\n};\n\nonMounted(() => {\n    foundation.init();\n    isInitialized = true;\n    state.value.value = value.value;\n    if (props.autoFocus) {\n        focus();\n    }\n});\n\nonUnmounted(() => {\n    foundation.destroy();\n});\n\ndefineExpose({\n    focus,\n    blur,\n});\n</script>\n"],"names":["modelValue","_useModel","__props","props","emit","__emit","rateRef","ref","starsRef","effectiveValue","computed","isControlled","internalValue","watch","newValue","value","state","isInitialized","provide","adapter","index","targetIndex","_a","hoverValue","clearedValue","focusVisible","key","states","foundation","RatingFoundation","focused","ariaLabelPrefix","prefix","ariaLabel","ratingClasses","classNames","saveStarRef","el","handleItemHover","handleMouseLeave","handleItemClick","handleFocus","handleBlur","handleKeyDown","handleStarFocusVisible","handleStarBlur","focus","blur","onMounted","onUnmounted","__expose","_createElementBlock","_Fragment","_renderList","ind","_createBlock","_unref","Tooltip","_createVNode","RatingItem"],"mappings":"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"}

package/lib/cjs/components/rating/index.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/rating/index.ts"],"sourcesContent":["import BaseRating from './Rating.vue';\nimport { createFieldEnhancer } from '../form/createFieldEnhancer';\n\n// 导入样式（自动引入）\nimport './rating.scss';\n\nconst Rating = createFieldEnhancer(BaseRating, 'SemiRating');\n\nexport type { RatingProps, RatingItemProps } from './interface';\n\nexport default Rating;\n"],"names":["Rating","createFieldEnhancer","BaseRating"],"mappings":"0NAMA,MAAMA,EAASC,EAAAA,oBAAoBC,EAAAA,QAAY,YAAY"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/rating/index.ts"],"sourcesContent":["import BaseRating from './Rating.vue';\nimport { createFieldEnhancer } from '../form/createFieldEnhancer';\n\n// 导入样式（自动引入）\nimport './rating.scss';\n\nconst Rating = createFieldEnhancer(BaseRating, 'SemiRating');\n\nexport type { RatingProps, RatingItemProps } from './interface';\n\nexport default Rating;\n"],"names":["Rating","createFieldEnhancer","BaseRating"],"mappings":"6LAIAA,EAAOC,EAAAA,oBAAAC,EAAAA,QAAA,YAAA"}

package/lib/cjs/components/resizable/Resizable.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("classnames"),h=require("@douyinfe/semi-foundation/resizable/constants"),k=require("@douyinfe/semi-foundation/resizable/types"),x=require("@douyinfe/semi-foundation/resizable/foundation"),M=require("./ResizableHandler.vue.cjs");;/* empty css                 */const W=e.defineComponent({name:"SemiResizable",__name:"Resizable",props:{grid:{default:()=>[1,1]},style:{default:()=>({})},className:{},snap:{},snapGap:{default:0},boundElement:{},boundsByDirection:{type:Boolean},size:{},minWidth:{},minHeight:{},maxWidth:{},maxHeight:{},lockAspectRatio:{type:[Boolean,Number],default:!1},lockAspectRatioExtraWidth:{default:0},lockAspectRatioExtraHeight:{default:0},enable:{type:[Object,Boolean],default:()=>({top:!0,right:!0,bottom:!0,left:!0,topRight:!0,bottomRight:!0,bottomLeft:!0,topLeft:!0})},handleStyle:{},handleClass:{},handleWrapperStyle:{},handleWrapperClass:{},handleNode:{},defaultSize:{},scale:{default:1},ratio:{default:1},onResizeStart:{},onChange:{},onResizeEnd:{}},emits:["resizeStart","change","resizeEnd"],setup(p,{emit:f}){const s=p,g=e.computed(()=>{const t=s.grid;return typeof t=="number"?[t,t]:t||[1,1]}),d=f,u=e.ref(),r=e.reactive({isResizing:!1,width:"auto",height:"auto",direction:"right",original:{x:0,y:0,width:0,height:0},backgroundStyle:{cursor:"auto"},flexBasis:void 0}),m=e.computed(()=>s.enable||!1),v=()=>u.value;function z(t){const o={};return Object.keys(t).forEach(n=>{n.startsWith("data-")&&(o[n]=t[n])}),o}const y=e.computed(()=>{const t=s,o=["style","className","grid","snap","snapGap","boundElement","boundsByDirection","size","minWidth","minHeight","maxWidth","maxHeight","lockAspectRatio","lockAspectRatioExtraWidth","lockAspectRatioExtraHeight","enable","handleStyle","handleClass","handleWrapperStyle","handleWrapperClass","handleNode","defaultSize","scale","ratio","onResizeStart","onChange","onResizeEnd"],n={};return Object.keys(t).forEach(a=>{o.includes(a)||(n[a]=t[a])}),n}),E={getProp:t=>t==="onResizeStart"?(o,n)=>{var l;const a=(l=s.onResizeStart)==null?void 0:l.call(s,o,n);return d("resizeStart",o,n),a}:t==="onChange"?(o,n,a)=>{var l;(l=s.onChange)==null||l.call(s,o,n,a),d("change",o,n,a)}:t==="onResizeEnd"?(o,n,a)=>{var l;(l=s.onResizeEnd)==null||l.call(s,o,n,a),d("resizeEnd",o,n,a)}:t==="grid"?g.value:s[t],getProps:()=>s,getState:()=>r,getStates:()=>r,setState:t=>{Object.assign(r,t)},getContext:()=>{},getContexts:()=>{},getCache:()=>{},getCaches:()=>{},setCache:()=>{},stopPropagation:()=>{},persistEvent:()=>{},getResizable:v,registerEvent:t=>{var n,a;const o=(a=(n=u.value)==null?void 0:n.ownerDocument)==null?void 0:a.defaultView;!o||!i||(t==="mouse"?(o.addEventListener("mouseup",i.onMouseUp),o.addEventListener("mousemove",i.onMouseMove),o.addEventListener("mouseleave",i.onMouseUp)):(o.addEventListener("touchmove",i.onTouchMove,{passive:!1}),o.addEventListener("touchend",i.onMouseUp),o.addEventListener("touchcancel",i.onMouseUp)))},unregisterEvent:t=>{var n,a;const o=(a=(n=u.value)==null?void 0:n.ownerDocument)==null?void 0:a.defaultView;!o||!i||(t==="mouse"?(o.removeEventListener("mouseup",i.onMouseUp),o.removeEventListener("mousemove",i.onMouseMove),o.removeEventListener("mouseleave",i.onMouseUp)):(o.removeEventListener("touchmove",i.onTouchMove),o.removeEventListener("touchend",i.onMouseUp),o.removeEventListener("touchcancel",i.onMouseUp)))}},i=new x.ResizableFoundation(E);e.onMounted(()=>{i.init();const t=u.value?window.getComputedStyle(u.value).flexBasis:"auto",o=i.propSize;r.width=o.width??"auto",r.height=o.height??"auto",r.flexBasis=t!=="auto"?t:void 0}),e.onUnmounted(()=>{i.destroy()}),e.watch(()=>s.size,t=>{t&&(t.width!==void 0&&(r.width=t.width),t.height!==void 0&&(r.height=t.height))},{immediate:!0});const b=e.computed(()=>B(s.className,`${h.cssClasses.PREFIX}-resizable`)),S=e.computed(()=>{const t={userSelect:r.isResizing?"none":"auto",maxWidth:s.maxWidth,maxHeight:s.maxHeight,minWidth:s.minWidth,minHeight:s.minHeight,...s.style,...i.sizeStyle};return r.flexBasis&&(t.flexBasis=r.flexBasis),t});return(t,o)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"resizableRef",ref:u,class:b.value,style:S.value},z(y.value)),[r.isResizing?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(r.backgroundStyle),class:e.normalizeClass(`${e.unref(h.cssClasses).PREFIX}-background`)},null,6)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),m.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(s.handleWrapperClass),style:e.normalizeStyle(s.handleWrapperStyle)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(k.directions),n=>{var a,l;return e.openBlock(),e.createElementBlock(e.Fragment,{key:n},[m.value[n]!==!1?(e.openBlock(),e.createBlock(M.default,{key:0,direction:n,onResizeStart:(c,R,C)=>e.unref(i).onResizeStart(c,R,C),style:e.normalizeStyle((a=s.handleStyle)==null?void 0:a[n]),class:e.normalizeClass((l=s.handleClass)==null?void 0:l[n])},{default:e.withCtx(()=>{var c;return[(c=s.handleNode)!=null&&c[n]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.handleNode[n]),{key:0})):e.createCommentVNode("",!0)]}),_:2},1032,["direction","onResizeStart","style","class"])):e.createCommentVNode("",!0)],64)}),128))],6)):e.createCommentVNode("",!0)],16))}});exports.default=W;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("classnames"),h=require("@douyinfe/semi-foundation/resizable/constants"),k=require("@douyinfe/semi-foundation/resizable/types"),x=require("@douyinfe/semi-foundation/resizable/foundation"),M=require("./ResizableHandler.vue.cjs"),W=e.defineComponent({name:"SemiResizable",__name:"Resizable",props:{grid:{default:()=>[1,1]},style:{default:()=>({})},className:{},snap:{},snapGap:{default:0},boundElement:{},boundsByDirection:{type:Boolean},size:{},minWidth:{},minHeight:{},maxWidth:{},maxHeight:{},lockAspectRatio:{type:[Boolean,Number],default:!1},lockAspectRatioExtraWidth:{default:0},lockAspectRatioExtraHeight:{default:0},enable:{type:[Object,Boolean],default:()=>({top:!0,right:!0,bottom:!0,left:!0,topRight:!0,bottomRight:!0,bottomLeft:!0,topLeft:!0})},handleStyle:{},handleClass:{},handleWrapperStyle:{},handleWrapperClass:{},handleNode:{},defaultSize:{},scale:{default:1},ratio:{default:1},onResizeStart:{},onChange:{},onResizeEnd:{}},emits:["resizeStart","change","resizeEnd"],setup(p,{emit:f}){const s=p,g=e.computed(()=>{const t=s.grid;return typeof t=="number"?[t,t]:t||[1,1]}),d=f,u=e.ref(),r=e.reactive({isResizing:!1,width:"auto",height:"auto",direction:"right",original:{x:0,y:0,width:0,height:0},backgroundStyle:{cursor:"auto"},flexBasis:void 0}),m=e.computed(()=>s.enable||!1),v=()=>u.value;function z(t){const o={};return Object.keys(t).forEach(n=>{n.startsWith("data-")&&(o[n]=t[n])}),o}const y=e.computed(()=>{const t=s,o=["style","className","grid","snap","snapGap","boundElement","boundsByDirection","size","minWidth","minHeight","maxWidth","maxHeight","lockAspectRatio","lockAspectRatioExtraWidth","lockAspectRatioExtraHeight","enable","handleStyle","handleClass","handleWrapperStyle","handleWrapperClass","handleNode","defaultSize","scale","ratio","onResizeStart","onChange","onResizeEnd"],n={};return Object.keys(t).forEach(a=>{o.includes(a)||(n[a]=t[a])}),n}),E={getProp:t=>t==="onResizeStart"?(o,n)=>{var l;const a=(l=s.onResizeStart)==null?void 0:l.call(s,o,n);return d("resizeStart",o,n),a}:t==="onChange"?(o,n,a)=>{var l;(l=s.onChange)==null||l.call(s,o,n,a),d("change",o,n,a)}:t==="onResizeEnd"?(o,n,a)=>{var l;(l=s.onResizeEnd)==null||l.call(s,o,n,a),d("resizeEnd",o,n,a)}:t==="grid"?g.value:s[t],getProps:()=>s,getState:()=>r,getStates:()=>r,setState:t=>{Object.assign(r,t)},getContext:()=>{},getContexts:()=>{},getCache:()=>{},getCaches:()=>{},setCache:()=>{},stopPropagation:()=>{},persistEvent:()=>{},getResizable:v,registerEvent:t=>{var n,a;const o=(a=(n=u.value)==null?void 0:n.ownerDocument)==null?void 0:a.defaultView;!o||!i||(t==="mouse"?(o.addEventListener("mouseup",i.onMouseUp),o.addEventListener("mousemove",i.onMouseMove),o.addEventListener("mouseleave",i.onMouseUp)):(o.addEventListener("touchmove",i.onTouchMove,{passive:!1}),o.addEventListener("touchend",i.onMouseUp),o.addEventListener("touchcancel",i.onMouseUp)))},unregisterEvent:t=>{var n,a;const o=(a=(n=u.value)==null?void 0:n.ownerDocument)==null?void 0:a.defaultView;!o||!i||(t==="mouse"?(o.removeEventListener("mouseup",i.onMouseUp),o.removeEventListener("mousemove",i.onMouseMove),o.removeEventListener("mouseleave",i.onMouseUp)):(o.removeEventListener("touchmove",i.onTouchMove),o.removeEventListener("touchend",i.onMouseUp),o.removeEventListener("touchcancel",i.onMouseUp)))}},i=new x.ResizableFoundation(E);e.onMounted(()=>{i.init();const t=u.value?window.getComputedStyle(u.value).flexBasis:"auto",o=i.propSize;r.width=o.width??"auto",r.height=o.height??"auto",r.flexBasis=t!=="auto"?t:void 0}),e.onUnmounted(()=>{i.destroy()}),e.watch(()=>s.size,t=>{t&&(t.width!==void 0&&(r.width=t.width),t.height!==void 0&&(r.height=t.height))},{immediate:!0});const b=e.computed(()=>B(s.className,`${h.cssClasses.PREFIX}-resizable`)),S=e.computed(()=>{const t={userSelect:r.isResizing?"none":"auto",maxWidth:s.maxWidth,maxHeight:s.maxHeight,minWidth:s.minWidth,minHeight:s.minHeight,...s.style,...i.sizeStyle};return r.flexBasis&&(t.flexBasis=r.flexBasis),t});return(t,o)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"resizableRef",ref:u,class:b.value,style:S.value},z(y.value)),[r.isResizing?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(r.backgroundStyle),class:e.normalizeClass(`${e.unref(h.cssClasses).PREFIX}-background`)},null,6)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),m.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(s.handleWrapperClass),style:e.normalizeStyle(s.handleWrapperStyle)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(k.directions),n=>{var a,l;return e.openBlock(),e.createElementBlock(e.Fragment,{key:n},[m.value[n]!==!1?(e.openBlock(),e.createBlock(M.default,{key:0,direction:n,onResizeStart:(c,R,C)=>e.unref(i).onResizeStart(c,R,C),style:e.normalizeStyle((a=s.handleStyle)==null?void 0:a[n]),class:e.normalizeClass((l=s.handleClass)==null?void 0:l[n])},{default:e.withCtx(()=>{var c;return[(c=s.handleNode)!=null&&c[n]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.handleNode[n]),{key:0})):e.createCommentVNode("",!0)]}),_:2},1032,["direction","onResizeStart","style","class"])):e.createCommentVNode("",!0)],64)}),128))],6)):e.createCommentVNode("",!0)],16))}});exports.default=W;
 //# sourceMappingURL=Resizable.vue.cjs.map

package/lib/cjs/components/resizable/Resizable.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Resizable.vue.cjs","sources":["../../../../src/components/resizable/Resizable.vue"],"sourcesContent":["<template>\n    <div ref=\"resizableRef\" :class=\"resizableCls\" :style=\"resizableStyle\" v-bind=\"getDataAttr(restProps)\">\n        <div v-if=\"state.isResizing\" :style=\"state.backgroundStyle\" :class=\"`${cssClasses.PREFIX}-background`\" />\n        <slot></slot>\n        <div v-if=\"enable\" :class=\"props.handleWrapperClass\" :style=\"props.handleWrapperStyle\">\n            <template v-for=\"dir in directions\" :key=\"dir\">\n                <ResizableHandler\n                    v-if=\"enable[dir as Direction] !== false\"\n                    :direction=\"dir as Direction\"\n                    :onResizeStart=\"\n                        (e: MouseEvent | Touch, dir: Direction, type?: 'mouse' | 'touch') =>\n                            foundation.onResizeStart(e as MouseEvent, dir, type)\n                    \"\n                    :style=\"props.handleStyle?.[dir as keyof HandleStyle]\"\n                    :class=\"props.handleClass?.[dir as keyof HandleClassName]\"\n                >\n                    <component\n                        :is=\"props.handleNode[dir as keyof HandleComponent]\"\n                        v-if=\"props.handleNode?.[dir as keyof HandleComponent]\"\n                    />\n                </ResizableHandler>\n            </template>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, reactive, watch, onMounted, onUnmounted } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/resizable/constants';\nimport { directions, type Direction, type Enable } from '@douyinfe/semi-foundation/resizable/types';\nimport { ResizableFoundation, type ResizableAdapter } from '@douyinfe/semi-foundation/resizable/foundation';\nimport ResizableHandler from './ResizableHandler.vue';\nimport type { ResizableProps, ResizableState, HandleStyle, HandleClassName, HandleComponent } from './interface';\nimport './resizable.scss';\n\ndefineOptions({\n    name: 'SemiResizable',\n});\n\ninterface Props extends Omit<ResizableProps, 'grid'> {\n    grid?: [number, number] | number;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n    enable: () => ({\n        top: true,\n        right: true,\n        bottom: true,\n        left: true,\n        topRight: true,\n        bottomRight: true,\n        bottomLeft: true,\n        topLeft: true,\n    }),\n    style: () => ({}),\n    grid: () => [1, 1] as [number, number],\n    lockAspectRatio: false,\n    lockAspectRatioExtraWidth: 0,\n    lockAspectRatioExtraHeight: 0,\n    scale: 1,\n    ratio: 1,\n    snapGap: 0,\n});\n\n// 将 grid 转换为数组格式，支持数字和数组两种形式\nconst gridValue = computed<[number, number]>(() => {\n    const grid = props.grid;\n    if (typeof grid === 'number') {\n        return [grid, grid];\n    }\n    return grid || [1, 1];\n});\n\nconst emit = defineEmits<{\n    resizeStart: [e: MouseEvent | Touch, dir: Direction];\n    change: [\n        size: { width: number | string; height: number | string },\n        event: MouseEvent | TouchEvent,\n        direction: Direction,\n    ];\n    resizeEnd: [size: { width: number; height: number }, event: MouseEvent | TouchEvent, direction: Direction];\n}>();\n\nconst resizableRef = ref<HTMLDivElement>();\n\nconst state = reactive<ResizableState>({\n    isResizing: false,\n    width: 'auto',\n    height: 'auto',\n    direction: 'right',\n    original: {\n        x: 0,\n        y: 0,\n        width: 0,\n        height: 0,\n    },\n    backgroundStyle: {\n        cursor: 'auto',\n    },\n    flexBasis: undefined,\n});\n\nconst enable = computed<Enable | false>(() => {\n    return props.enable || false;\n});\n\nconst getResizable = () => {\n    return resizableRef.value;\n};\n\nfunction getDataAttr(propsData: Record<string, unknown>) {\n    const dataAttrs: Record<string, unknown> = {};\n    Object.keys(propsData).forEach((key) => {\n        if (key.startsWith('data-')) {\n            dataAttrs[key] = propsData[key];\n        }\n    });\n    return dataAttrs;\n}\n\nconst restProps = computed(() => {\n    const propsData = props as unknown as Record<string, unknown>;\n    const omitKeys = [\n        'style',\n        'className',\n        'grid',\n        'snap',\n        'snapGap',\n        'boundElement',\n        'boundsByDirection',\n        'size',\n        'minWidth',\n        'minHeight',\n        'maxWidth',\n        'maxHeight',\n        'lockAspectRatio',\n        'lockAspectRatioExtraWidth',\n        'lockAspectRatioExtraHeight',\n        'enable',\n        'handleStyle',\n        'handleClass',\n        'handleWrapperStyle',\n        'handleWrapperClass',\n        'handleNode',\n        'defaultSize',\n        'scale',\n        'ratio',\n        'onResizeStart',\n        'onChange',\n        'onResizeEnd',\n    ];\n    const rest: Record<string, unknown> = {};\n    Object.keys(propsData).forEach((key) => {\n        if (!omitKeys.includes(key)) {\n            rest[key] = propsData[key];\n        }\n    });\n    return rest;\n});\n\nconst adapter: ResizableAdapter<ResizableProps, ResizableState> = {\n    getProp: (key: string) => {\n        if (key === 'onResizeStart') {\n            return (e: MouseEvent | Touch, dir: Direction) => {\n                const result = props.onResizeStart?.(e, dir);\n                emit('resizeStart', e, dir);\n                return result;\n            };\n        }\n        if (key === 'onChange') {\n            return (\n                size: { width: number | string; height: number | string },\n                event: MouseEvent | TouchEvent,\n                direction: Direction\n            ) => {\n                props.onChange?.(size, event, direction);\n                emit('change', size, event, direction);\n            };\n        }\n        if (key === 'onResizeEnd') {\n            return (size: { width: number; height: number }, event: MouseEvent | TouchEvent, direction: Direction) => {\n                props.onResizeEnd?.(size, event, direction);\n                emit('resizeEnd', size, event, direction);\n            };\n        }\n        if (key === 'grid') {\n            return gridValue.value;\n        }\n        return (props as Record<string, unknown>)[key];\n    },\n    getProps: () => props,\n    getState: () => state,\n    getStates: () => state,\n    setState: (states: Partial<ResizableState>) => {\n        Object.assign(state, states);\n    },\n    getContext: () => undefined,\n    getContexts: () => undefined,\n    getCache: () => undefined,\n    getCaches: () => undefined,\n    setCache: () => {},\n    stopPropagation: () => {},\n    persistEvent: () => {},\n    getResizable,\n    registerEvent: (type: 'mouse' | 'touch') => {\n        const window = resizableRef.value?.ownerDocument?.defaultView;\n        if (!window || !foundation) return;\n        if (type === 'mouse') {\n            window.addEventListener('mouseup', foundation.onMouseUp);\n            window.addEventListener('mousemove', foundation.onMouseMove);\n            window.addEventListener('mouseleave', foundation.onMouseUp);\n        } else {\n            window.addEventListener('touchmove', foundation.onTouchMove, { passive: false });\n            window.addEventListener('touchend', foundation.onMouseUp);\n            window.addEventListener('touchcancel', foundation.onMouseUp);\n        }\n    },\n    unregisterEvent: (type: 'mouse' | 'touch') => {\n        const window = resizableRef.value?.ownerDocument?.defaultView;\n        if (!window || !foundation) return;\n        if (type === 'mouse') {\n            window.removeEventListener('mouseup', foundation.onMouseUp);\n            window.removeEventListener('mousemove', foundation.onMouseMove);\n            window.removeEventListener('mouseleave', foundation.onMouseUp);\n        } else {\n            window.removeEventListener('touchmove', foundation.onTouchMove);\n            window.removeEventListener('touchend', foundation.onMouseUp);\n            window.removeEventListener('touchcancel', foundation.onMouseUp);\n        }\n    },\n};\n\nconst foundation: ResizableFoundation<ResizableProps, ResizableState> = new ResizableFoundation(adapter);\n\nonMounted(() => {\n    foundation.init();\n    const flexBasis = resizableRef.value ? window.getComputedStyle(resizableRef.value).flexBasis : 'auto';\n    const propSize = foundation.propSize;\n    state.width = propSize.width ?? 'auto';\n    state.height = propSize.height ?? 'auto';\n    state.flexBasis = flexBasis !== 'auto' ? flexBasis : undefined;\n});\n\nonUnmounted(() => {\n    foundation.destroy();\n});\n\nwatch(\n    () => props.size,\n    (newSize) => {\n        if (newSize) {\n            if (newSize.width !== undefined) {\n                state.width = newSize.width;\n            }\n            if (newSize.height !== undefined) {\n                state.height = newSize.height;\n            }\n        }\n    },\n    { immediate: true }\n);\n\nconst resizableCls = computed(() => {\n    return classNames(props.className, `${cssClasses.PREFIX}-resizable`);\n});\n\nconst resizableStyle = computed(() => {\n    const resizeStyle: CSSProperties = {\n        userSelect: state.isResizing ? 'none' : 'auto',\n        maxWidth: props.maxWidth,\n        maxHeight: props.maxHeight,\n        minWidth: props.minWidth,\n        minHeight: props.minHeight,\n        ...props.style,\n        ...foundation.sizeStyle,\n    };\n\n    if (state.flexBasis) {\n        resizeStyle.flexBasis = state.flexBasis;\n    }\n\n    return resizeStyle;\n});\n</script>\n"],"names":["props","__props","gridValue","computed","grid","emit","__emit","resizableRef","ref","state","reactive","enable","getResizable","getDataAttr","propsData","dataAttrs","key","restProps","omitKeys","rest","adapter","e","dir","result","_a","size","event","direction","states","type","window","_b","foundation","ResizableFoundation","onMounted","flexBasis","propSize","onUnmounted","watch","newSize","resizableCls","classNames","cssClasses","resizableStyle","resizeStyle","_openBlock","_createElementBlock","_mergeProps","_normalizeStyle","_normalizeClass","_unref","_renderSlot","_ctx","_Fragment","_renderList","directions","_createBlock","ResizableHandler","_resolveDynamicComponent"],"mappings":"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"}
+{"version":3,"file":"Resizable.vue.cjs","sources":["../../../../src/components/resizable/Resizable.vue"],"sourcesContent":["<template>\n    <div ref=\"resizableRef\" :class=\"resizableCls\" :style=\"resizableStyle\" v-bind=\"getDataAttr(restProps)\">\n        <div v-if=\"state.isResizing\" :style=\"state.backgroundStyle\" :class=\"`${cssClasses.PREFIX}-background`\" />\n        <slot></slot>\n        <div v-if=\"enable\" :class=\"props.handleWrapperClass\" :style=\"props.handleWrapperStyle\">\n            <template v-for=\"dir in directions\" :key=\"dir\">\n                <ResizableHandler\n                    v-if=\"enable[dir as Direction] !== false\"\n                    :direction=\"dir as Direction\"\n                    :onResizeStart=\"\n                        (e: MouseEvent | Touch, dir: Direction, type?: 'mouse' | 'touch') =>\n                            foundation.onResizeStart(e as MouseEvent, dir, type)\n                    \"\n                    :style=\"props.handleStyle?.[dir as keyof HandleStyle]\"\n                    :class=\"props.handleClass?.[dir as keyof HandleClassName]\"\n                >\n                    <component\n                        :is=\"props.handleNode[dir as keyof HandleComponent]\"\n                        v-if=\"props.handleNode?.[dir as keyof HandleComponent]\"\n                    />\n                </ResizableHandler>\n            </template>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, reactive, watch, onMounted, onUnmounted } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/resizable/constants';\nimport { directions, type Direction, type Enable } from '@douyinfe/semi-foundation/resizable/types';\nimport { ResizableFoundation, type ResizableAdapter } from '@douyinfe/semi-foundation/resizable/foundation';\nimport ResizableHandler from './ResizableHandler.vue';\nimport type { ResizableProps, ResizableState, HandleStyle, HandleClassName, HandleComponent } from './interface';\nimport './resizable.scss';\n\ndefineOptions({\n    name: 'SemiResizable',\n});\n\ninterface Props extends Omit<ResizableProps, 'grid'> {\n    grid?: [number, number] | number;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n    enable: () => ({\n        top: true,\n        right: true,\n        bottom: true,\n        left: true,\n        topRight: true,\n        bottomRight: true,\n        bottomLeft: true,\n        topLeft: true,\n    }),\n    style: () => ({}),\n    grid: () => [1, 1] as [number, number],\n    lockAspectRatio: false,\n    lockAspectRatioExtraWidth: 0,\n    lockAspectRatioExtraHeight: 0,\n    scale: 1,\n    ratio: 1,\n    snapGap: 0,\n});\n\n// 将 grid 转换为数组格式，支持数字和数组两种形式\nconst gridValue = computed<[number, number]>(() => {\n    const grid = props.grid;\n    if (typeof grid === 'number') {\n        return [grid, grid];\n    }\n    return grid || [1, 1];\n});\n\nconst emit = defineEmits<{\n    resizeStart: [e: MouseEvent | Touch, dir: Direction];\n    change: [\n        size: { width: number | string; height: number | string },\n        event: MouseEvent | TouchEvent,\n        direction: Direction,\n    ];\n    resizeEnd: [size: { width: number; height: number }, event: MouseEvent | TouchEvent, direction: Direction];\n}>();\n\nconst resizableRef = ref<HTMLDivElement>();\n\nconst state = reactive<ResizableState>({\n    isResizing: false,\n    width: 'auto',\n    height: 'auto',\n    direction: 'right',\n    original: {\n        x: 0,\n        y: 0,\n        width: 0,\n        height: 0,\n    },\n    backgroundStyle: {\n        cursor: 'auto',\n    },\n    flexBasis: undefined,\n});\n\nconst enable = computed<Enable | false>(() => {\n    return props.enable || false;\n});\n\nconst getResizable = () => {\n    return resizableRef.value;\n};\n\nfunction getDataAttr(propsData: Record<string, unknown>) {\n    const dataAttrs: Record<string, unknown> = {};\n    Object.keys(propsData).forEach((key) => {\n        if (key.startsWith('data-')) {\n            dataAttrs[key] = propsData[key];\n        }\n    });\n    return dataAttrs;\n}\n\nconst restProps = computed(() => {\n    const propsData = props as unknown as Record<string, unknown>;\n    const omitKeys = [\n        'style',\n        'className',\n        'grid',\n        'snap',\n        'snapGap',\n        'boundElement',\n        'boundsByDirection',\n        'size',\n        'minWidth',\n        'minHeight',\n        'maxWidth',\n        'maxHeight',\n        'lockAspectRatio',\n        'lockAspectRatioExtraWidth',\n        'lockAspectRatioExtraHeight',\n        'enable',\n        'handleStyle',\n        'handleClass',\n        'handleWrapperStyle',\n        'handleWrapperClass',\n        'handleNode',\n        'defaultSize',\n        'scale',\n        'ratio',\n        'onResizeStart',\n        'onChange',\n        'onResizeEnd',\n    ];\n    const rest: Record<string, unknown> = {};\n    Object.keys(propsData).forEach((key) => {\n        if (!omitKeys.includes(key)) {\n            rest[key] = propsData[key];\n        }\n    });\n    return rest;\n});\n\nconst adapter: ResizableAdapter<ResizableProps, ResizableState> = {\n    getProp: (key: string) => {\n        if (key === 'onResizeStart') {\n            return (e: MouseEvent | Touch, dir: Direction) => {\n                const result = props.onResizeStart?.(e, dir);\n                emit('resizeStart', e, dir);\n                return result;\n            };\n        }\n        if (key === 'onChange') {\n            return (\n                size: { width: number | string; height: number | string },\n                event: MouseEvent | TouchEvent,\n                direction: Direction\n            ) => {\n                props.onChange?.(size, event, direction);\n                emit('change', size, event, direction);\n            };\n        }\n        if (key === 'onResizeEnd') {\n            return (size: { width: number; height: number }, event: MouseEvent | TouchEvent, direction: Direction) => {\n                props.onResizeEnd?.(size, event, direction);\n                emit('resizeEnd', size, event, direction);\n            };\n        }\n        if (key === 'grid') {\n            return gridValue.value;\n        }\n        return (props as Record<string, unknown>)[key];\n    },\n    getProps: () => props,\n    getState: () => state,\n    getStates: () => state,\n    setState: (states: Partial<ResizableState>) => {\n        Object.assign(state, states);\n    },\n    getContext: () => undefined,\n    getContexts: () => undefined,\n    getCache: () => undefined,\n    getCaches: () => undefined,\n    setCache: () => {},\n    stopPropagation: () => {},\n    persistEvent: () => {},\n    getResizable,\n    registerEvent: (type: 'mouse' | 'touch') => {\n        const window = resizableRef.value?.ownerDocument?.defaultView;\n        if (!window || !foundation) return;\n        if (type === 'mouse') {\n            window.addEventListener('mouseup', foundation.onMouseUp);\n            window.addEventListener('mousemove', foundation.onMouseMove);\n            window.addEventListener('mouseleave', foundation.onMouseUp);\n        } else {\n            window.addEventListener('touchmove', foundation.onTouchMove, { passive: false });\n            window.addEventListener('touchend', foundation.onMouseUp);\n            window.addEventListener('touchcancel', foundation.onMouseUp);\n        }\n    },\n    unregisterEvent: (type: 'mouse' | 'touch') => {\n        const window = resizableRef.value?.ownerDocument?.defaultView;\n        if (!window || !foundation) return;\n        if (type === 'mouse') {\n            window.removeEventListener('mouseup', foundation.onMouseUp);\n            window.removeEventListener('mousemove', foundation.onMouseMove);\n            window.removeEventListener('mouseleave', foundation.onMouseUp);\n        } else {\n            window.removeEventListener('touchmove', foundation.onTouchMove);\n            window.removeEventListener('touchend', foundation.onMouseUp);\n            window.removeEventListener('touchcancel', foundation.onMouseUp);\n        }\n    },\n};\n\nconst foundation: ResizableFoundation<ResizableProps, ResizableState> = new ResizableFoundation(adapter);\n\nonMounted(() => {\n    foundation.init();\n    const flexBasis = resizableRef.value ? window.getComputedStyle(resizableRef.value).flexBasis : 'auto';\n    const propSize = foundation.propSize;\n    state.width = propSize.width ?? 'auto';\n    state.height = propSize.height ?? 'auto';\n    state.flexBasis = flexBasis !== 'auto' ? flexBasis : undefined;\n});\n\nonUnmounted(() => {\n    foundation.destroy();\n});\n\nwatch(\n    () => props.size,\n    (newSize) => {\n        if (newSize) {\n            if (newSize.width !== undefined) {\n                state.width = newSize.width;\n            }\n            if (newSize.height !== undefined) {\n                state.height = newSize.height;\n            }\n        }\n    },\n    { immediate: true }\n);\n\nconst resizableCls = computed(() => {\n    return classNames(props.className, `${cssClasses.PREFIX}-resizable`);\n});\n\nconst resizableStyle = computed(() => {\n    const resizeStyle: CSSProperties = {\n        userSelect: state.isResizing ? 'none' : 'auto',\n        maxWidth: props.maxWidth,\n        maxHeight: props.maxHeight,\n        minWidth: props.minWidth,\n        minHeight: props.minHeight,\n        ...props.style,\n        ...foundation.sizeStyle,\n    };\n\n    if (state.flexBasis) {\n        resizeStyle.flexBasis = state.flexBasis;\n    }\n\n    return resizeStyle;\n});\n</script>\n"],"names":["_sfc_main","_defineComponent","gridValue","computed","grid","props","emit","__emit","resizableRef","ref","state","enable","getResizable","getDataAttr","propsData","dataAttrs","key","restProps","omitKeys","rest","adapter","dir","result","_a","e","event","direction","size","states","type","window2","_b","foundation","window","ResizableFoundation","onMounted","flexBasis","propSize","onUnmounted","watch","newSize","resizableCls","classNames","cssClasses","resizableStyle","resizeStyle","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_unref","_createCommentVNode","_normalizeStyle","_Fragment","dir2","_createBlock","_resolveDynamicComponent"],"mappings":"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"}

package/lib/cjs/components/resizable/group/ResizeGroup.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),q=require("classnames"),R=require("@douyinfe/semi-foundation/resizable/constants"),N=require("@douyinfe/semi-foundation/resizable/foundation"),O=require("./resizeContext.cjs");;/* empty css                  */const A=o.defineComponent({name:"SemiResizeGroup",__name:"ResizeGroup",props:{direction:{default:"horizontal"},className:{},style:{default:()=>({})}},setup(h){const i=h,c=o.ref(),u=o.reactive({isResizing:!1,originalPosition:{x:0,y:0,lastItemSize:0,nextItemSize:0,lastOffset:0,nextOffset:0},backgroundStyle:{cursor:"auto"},curHandler:null}),l=new Map,m=new Map,g=new Map,v=new Map,p=new Map,f=new Map,z=new Map,d=new Map;function w(t){const e={};return Object.keys(t).forEach(s=>{s.startsWith("data-")&&(e[s]=t[s])}),e}const M=o.computed(()=>{const t=i,e=["style","className","direction"],s={};return Object.keys(t).forEach(r=>{e.includes(r)||(s[r]=t[r])}),s}),S=o.computed(()=>w(M.value)),y=(t,e,s,r,x,G,P)=>{if(Array.from(l.values()).some(_=>_===t))return-1;const a=l.size;return l.set(a,t),m.set(a,e),g.set(a,s),v.set(a,r),p.set(a,x),f.set(a,G),z.set(a,P),a},C=t=>{if(Array.from(d.values()).some(s=>s===t))return-1;const e=d.size;return d.set(e,t),e},I=()=>c.value?i.direction==="horizontal"?c.value.offsetWidth:c.value.offsetHeight:0,b={getProp:t=>i[t],getProps:()=>i,getState:()=>u,getStates:()=>u,setState:t=>{Object.assign(u,t)},getContext:()=>{},getContexts:()=>{},getCache:()=>{},getCaches:()=>{},setCache:()=>{},stopPropagation:()=>{},persistEvent:()=>{},getGroupRef:()=>c.value||null,getItem:t=>{const e=l.get(t);return e==null?void 0:e.value},getItemCount:()=>l.size,getHandler:t=>{const e=d.get(t);return e==null?void 0:e.value},getHandlerCount:()=>d.size,getItemMin:t=>m.get(t)??"",getItemMax:t=>g.get(t)??"",getItemChange:t=>{const e=f.get(t);return console.log("[ResizeGroup] getItemChange",{index:t,callback:!!e}),e},getItemEnd:t=>{const e=z.get(t);return console.log("[ResizeGroup] getItemEnd",{index:t,callback:!!e}),e},getItemStart:t=>{const e=p.get(t);return console.log("[ResizeGroup] getItemStart",{index:t,callback:!!e,callbackType:typeof e,callbackName:(e==null?void 0:e.name)||"anonymous"}),e&&console.log("[ResizeGroup] getItemStart - will call callback",{index:t}),e},getItemDefaultSize:t=>v.get(t),registerEvents:(t="mouse")=>{var s,r;const e=(r=(s=c.value)==null?void 0:s.ownerDocument)==null?void 0:r.defaultView;!e||!n||(t==="mouse"?(e.addEventListener("mousemove",n.onMouseMove),e.addEventListener("mouseup",n.onResizeEnd),e.addEventListener("mouseleave",n.onResizeEnd)):(e.addEventListener("touchmove",n.onTouchMove,{passive:!1}),e.addEventListener("touchend",n.onResizeEnd),e.addEventListener("touchcancel",n.onResizeEnd)))},unregisterEvents:(t="mouse")=>{var s,r;const e=(r=(s=c.value)==null?void 0:s.ownerDocument)==null?void 0:r.defaultView;!e||!n||(t==="mouse"?(e.removeEventListener("mousemove",n.onMouseMove),e.removeEventListener("mouseup",n.onResizeEnd),e.removeEventListener("mouseleave",n.onResizeEnd)):(e.removeEventListener("touchmove",n.onTouchMove),e.removeEventListener("touchend",n.onResizeEnd),e.removeEventListener("touchcancel",n.onResizeEnd)))}},n=new N.ResizeGroupFoundation(b),E={direction:i.direction,registerItem:y,registerHandler:C,notifyResizeStart:n.onResizeStart,getGroupSize:I};O.provideResizeContext(E),o.onMounted(()=>{n.init(),window.addEventListener("resize",n.ensureConstraint)}),o.onUnmounted(()=>{n.destroy(),window.removeEventListener("resize",n.ensureConstraint)}),o.watch(()=>i.direction,t=>{n.direction=t,E.direction=t});const L=o.computed(()=>q(i.className,`${R.cssClasses.PREFIX}-group`)),k=o.computed(()=>({flexDirection:i.direction==="vertical"?"column":"row",...i.style}));return(t,e)=>(o.openBlock(),o.createElementBlock("div",o.mergeProps({ref_key:"groupRef",ref:c,class:L.value,style:k.value},S.value),[u.isResizing?(o.openBlock(),o.createElementBlock("div",{key:0,style:o.normalizeStyle(u.backgroundStyle),class:o.normalizeClass(`${o.unref(R.cssClasses).PREFIX}-background`)},null,6)):o.createCommentVNode("",!0),o.renderSlot(t.$slots,"default")],16))}});exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),N=require("classnames"),R=require("@douyinfe/semi-foundation/resizable/constants"),O=require("@douyinfe/semi-foundation/resizable/foundation"),q=require("./resizeContext.cjs"),A=o.defineComponent({name:"SemiResizeGroup",__name:"ResizeGroup",props:{direction:{default:"horizontal"},className:{},style:{default:()=>({})}},setup(h){const i=h,c=o.ref(),u=o.reactive({isResizing:!1,originalPosition:{x:0,y:0,lastItemSize:0,nextItemSize:0,lastOffset:0,nextOffset:0},backgroundStyle:{cursor:"auto"},curHandler:null}),l=new Map,m=new Map,g=new Map,v=new Map,p=new Map,f=new Map,z=new Map,d=new Map;function w(t){const e={};return Object.keys(t).forEach(s=>{s.startsWith("data-")&&(e[s]=t[s])}),e}const M=o.computed(()=>{const t=i,e=["style","className","direction"],s={};return Object.keys(t).forEach(r=>{e.includes(r)||(s[r]=t[r])}),s}),S=o.computed(()=>w(M.value)),y=(t,e,s,r,x,G,P)=>{if(Array.from(l.values()).some(_=>_===t))return-1;const a=l.size;return l.set(a,t),m.set(a,e),g.set(a,s),v.set(a,r),p.set(a,x),f.set(a,G),z.set(a,P),a},C=t=>{if(Array.from(d.values()).some(s=>s===t))return-1;const e=d.size;return d.set(e,t),e},I=()=>c.value?i.direction==="horizontal"?c.value.offsetWidth:c.value.offsetHeight:0,b={getProp:t=>i[t],getProps:()=>i,getState:()=>u,getStates:()=>u,setState:t=>{Object.assign(u,t)},getContext:()=>{},getContexts:()=>{},getCache:()=>{},getCaches:()=>{},setCache:()=>{},stopPropagation:()=>{},persistEvent:()=>{},getGroupRef:()=>c.value||null,getItem:t=>{const e=l.get(t);return e==null?void 0:e.value},getItemCount:()=>l.size,getHandler:t=>{const e=d.get(t);return e==null?void 0:e.value},getHandlerCount:()=>d.size,getItemMin:t=>m.get(t)??"",getItemMax:t=>g.get(t)??"",getItemChange:t=>{const e=f.get(t);return console.log("[ResizeGroup] getItemChange",{index:t,callback:!!e}),e},getItemEnd:t=>{const e=z.get(t);return console.log("[ResizeGroup] getItemEnd",{index:t,callback:!!e}),e},getItemStart:t=>{const e=p.get(t);return console.log("[ResizeGroup] getItemStart",{index:t,callback:!!e,callbackType:typeof e,callbackName:(e==null?void 0:e.name)||"anonymous"}),e&&console.log("[ResizeGroup] getItemStart - will call callback",{index:t}),e},getItemDefaultSize:t=>v.get(t),registerEvents:(t="mouse")=>{var s,r;const e=(r=(s=c.value)==null?void 0:s.ownerDocument)==null?void 0:r.defaultView;!e||!n||(t==="mouse"?(e.addEventListener("mousemove",n.onMouseMove),e.addEventListener("mouseup",n.onResizeEnd),e.addEventListener("mouseleave",n.onResizeEnd)):(e.addEventListener("touchmove",n.onTouchMove,{passive:!1}),e.addEventListener("touchend",n.onResizeEnd),e.addEventListener("touchcancel",n.onResizeEnd)))},unregisterEvents:(t="mouse")=>{var s,r;const e=(r=(s=c.value)==null?void 0:s.ownerDocument)==null?void 0:r.defaultView;!e||!n||(t==="mouse"?(e.removeEventListener("mousemove",n.onMouseMove),e.removeEventListener("mouseup",n.onResizeEnd),e.removeEventListener("mouseleave",n.onResizeEnd)):(e.removeEventListener("touchmove",n.onTouchMove),e.removeEventListener("touchend",n.onResizeEnd),e.removeEventListener("touchcancel",n.onResizeEnd)))}},n=new O.ResizeGroupFoundation(b),E={direction:i.direction,registerItem:y,registerHandler:C,notifyResizeStart:n.onResizeStart,getGroupSize:I};q.provideResizeContext(E),o.onMounted(()=>{n.init(),window.addEventListener("resize",n.ensureConstraint)}),o.onUnmounted(()=>{n.destroy(),window.removeEventListener("resize",n.ensureConstraint)}),o.watch(()=>i.direction,t=>{n.direction=t,E.direction=t});const L=o.computed(()=>N(i.className,`${R.cssClasses.PREFIX}-group`)),k=o.computed(()=>({flexDirection:i.direction==="vertical"?"column":"row",...i.style}));return(t,e)=>(o.openBlock(),o.createElementBlock("div",o.mergeProps({ref_key:"groupRef",ref:c,class:L.value,style:k.value},S.value),[u.isResizing?(o.openBlock(),o.createElementBlock("div",{key:0,style:o.normalizeStyle(u.backgroundStyle),class:o.normalizeClass(`${o.unref(R.cssClasses).PREFIX}-background`)},null,6)):o.createCommentVNode("",!0),o.renderSlot(t.$slots,"default")],16))}});exports.default=A;
 //# sourceMappingURL=ResizeGroup.vue.cjs.map

package/lib/cjs/components/resizable/group/ResizeGroup.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeGroup.vue.cjs","sources":["../../../../../src/components/resizable/group/ResizeGroup.vue"],"sourcesContent":["<template>\n    <div ref=\"groupRef\" :class=\"groupCls\" :style=\"groupStyle\" v-bind=\"dataAttrs\">\n        <div v-if=\"state.isResizing\" :style=\"state.backgroundStyle\" :class=\"`${cssClasses.PREFIX}-background`\" />\n        <slot></slot>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, reactive, watch, onMounted, onUnmounted } from 'vue';\nimport type { Ref } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/resizable/constants';\nimport { ResizeGroupFoundation, type ResizeGroupAdapter } from '@douyinfe/semi-foundation/resizable/foundation';\nimport type { ResizeCallback, ResizeEventType, ResizeStartCallback } from '@douyinfe/semi-foundation/resizable/types';\nimport { provideResizeContext, type ResizeContextProps } from './resizeContext';\nimport '../resizable.scss';\n\ndefineOptions({\n    name: 'SemiResizeGroup',\n});\n\ninterface ResizeGroupProps {\n    direction?: 'horizontal' | 'vertical';\n    className?: string;\n    style?: CSSProperties;\n}\n\nconst props = withDefaults(defineProps<ResizeGroupProps>(), {\n    direction: 'horizontal',\n    style: () => ({}),\n});\n\nconst groupRef = ref<HTMLDivElement>();\n\nconst state = reactive({\n    isResizing: false,\n    originalPosition: {\n        x: 0,\n        y: 0,\n        lastItemSize: 0,\n        nextItemSize: 0,\n        lastOffset: 0,\n        nextOffset: 0,\n    },\n    backgroundStyle: {\n        cursor: 'auto',\n    } as CSSProperties,\n    curHandler: null as number | null,\n});\n\nconst itemRefs = new Map<number, Ref<HTMLDivElement | undefined>>();\nconst itemMinMap = new Map<number, string>();\nconst itemMaxMap = new Map<number, string>();\n// itemMinusMap is used by foundation internally\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst itemMinusMap = new Map<number, number>();\nconst itemDefaultSizeList = new Map<number, string | number>();\nconst itemResizeStart = new Map<number, ResizeStartCallback>();\nconst itemResizing = new Map<number, ResizeCallback>();\nconst itemResizeEnd = new Map<number, ResizeCallback>();\nconst handlerRefs = new Map<number, Ref<HTMLDivElement | undefined>>();\n\nfunction getDataAttr(propsData: Record<string, unknown>) {\n    const dataAttrs: Record<string, unknown> = {};\n    Object.keys(propsData).forEach((key) => {\n        if (key.startsWith('data-')) {\n            dataAttrs[key] = propsData[key];\n        }\n    });\n    return dataAttrs;\n}\n\nconst restProps = computed(() => {\n    const propsData = props as unknown as Record<string, unknown>;\n    const omitKeys = ['style', 'className', 'direction'];\n    const rest: Record<string, unknown> = {};\n    Object.keys(propsData).forEach((key) => {\n        if (!omitKeys.includes(key)) {\n            rest[key] = propsData[key];\n        }\n    });\n    return rest;\n});\n\nconst dataAttrs = computed(() => getDataAttr(restProps.value));\n\nconst registerItem = (\n    ref: Ref<HTMLDivElement | undefined>,\n    min: string,\n    max: string,\n    defaultSize: string | number,\n    onResizeStart: ResizeStartCallback,\n    onChange: ResizeCallback,\n    onResizeEnd: ResizeCallback\n): number => {\n    if (Array.from(itemRefs.values()).some((r) => r === ref)) {\n        return -1;\n    }\n    const index = itemRefs.size;\n    itemRefs.set(index, ref);\n    itemMinMap.set(index, min);\n    itemMaxMap.set(index, max);\n    itemDefaultSizeList.set(index, defaultSize);\n    itemResizeStart.set(index, onResizeStart);\n    itemResizing.set(index, onChange);\n    itemResizeEnd.set(index, onResizeEnd);\n    return index;\n};\n\nconst registerHandler = (ref: Ref<HTMLDivElement | undefined>): number => {\n    if (Array.from(handlerRefs.values()).some((r) => r === ref)) {\n        return -1;\n    }\n    const index = handlerRefs.size;\n    handlerRefs.set(index, ref);\n    return index;\n};\n\nconst getGroupSize = (): number => {\n    if (groupRef.value) {\n        return props.direction === 'horizontal' ? groupRef.value.offsetWidth : groupRef.value.offsetHeight;\n    }\n    return 0;\n};\n\nconst registerEvent = (type: ResizeEventType = 'mouse') => {\n    const window = groupRef.value?.ownerDocument?.defaultView;\n    if (!window || !foundation) return;\n    if (type === 'mouse') {\n        window.addEventListener('mousemove', foundation.onMouseMove);\n        window.addEventListener('mouseup', foundation.onResizeEnd);\n        window.addEventListener('mouseleave', foundation.onResizeEnd);\n    } else {\n        window.addEventListener('touchmove', foundation.onTouchMove, { passive: false });\n        window.addEventListener('touchend', foundation.onResizeEnd);\n        window.addEventListener('touchcancel', foundation.onResizeEnd);\n    }\n};\n\nconst unregisterEvent = (type: ResizeEventType = 'mouse') => {\n    const window = groupRef.value?.ownerDocument?.defaultView;\n    if (!window || !foundation) return;\n    if (type === 'mouse') {\n        window.removeEventListener('mousemove', foundation.onMouseMove);\n        window.removeEventListener('mouseup', foundation.onResizeEnd);\n        window.removeEventListener('mouseleave', foundation.onResizeEnd);\n    } else {\n        window.removeEventListener('touchmove', foundation.onTouchMove);\n        window.removeEventListener('touchend', foundation.onResizeEnd);\n        window.removeEventListener('touchcancel', foundation.onResizeEnd);\n    }\n};\n\nconst adapter: ResizeGroupAdapter<ResizeGroupProps, typeof state> = {\n    getProp: (key: string) => (props as Record<string, unknown>)[key],\n    getProps: () => props,\n    getState: () => state,\n    getStates: () => state,\n    setState: (states: Partial<typeof state>) => {\n        Object.assign(state, states);\n    },\n    getContext: () => undefined,\n    getContexts: () => undefined,\n    getCache: () => undefined,\n    getCaches: () => undefined,\n    setCache: () => {},\n    stopPropagation: () => {},\n    persistEvent: () => {},\n    getGroupRef: () => groupRef.value || null,\n    getItem: (id: number) => {\n        const ref = itemRefs.get(id);\n        return ref?.value as HTMLDivElement;\n    },\n    getItemCount: () => itemRefs.size,\n    getHandler: (id: number) => {\n        const ref = handlerRefs.get(id);\n        return ref?.value as HTMLDivElement;\n    },\n    getHandlerCount: () => handlerRefs.size,\n    getItemMin: (index: number) => {\n        const min = itemMinMap.get(index);\n        return min ?? '';\n    },\n    getItemMax: (index: number) => {\n        const max = itemMaxMap.get(index);\n        return max ?? '';\n    },\n    getItemChange: (index: number) => {\n        const callback = itemResizing.get(index);\n        console.log('[ResizeGroup] getItemChange', { index, callback: !!callback });\n        return callback;\n    },\n    getItemEnd: (index: number) => {\n        const callback = itemResizeEnd.get(index);\n        console.log('[ResizeGroup] getItemEnd', { index, callback: !!callback });\n        return callback;\n    },\n    getItemStart: (index: number) => {\n        const callback = itemResizeStart.get(index);\n        console.log('[ResizeGroup] getItemStart', {\n            index,\n            callback: !!callback,\n            callbackType: typeof callback,\n            callbackName: callback?.name || 'anonymous',\n        });\n        if (callback) {\n            console.log('[ResizeGroup] getItemStart - will call callback', { index });\n        }\n        return callback;\n    },\n    getItemDefaultSize: (index: number) => itemDefaultSizeList.get(index),\n    registerEvents: registerEvent,\n    unregisterEvents: unregisterEvent,\n};\n\nconst foundation: ResizeGroupFoundation<ResizeGroupProps, typeof state> = new ResizeGroupFoundation(adapter);\n\nconst contextValue: ResizeContextProps = {\n    direction: props.direction,\n    registerItem,\n    registerHandler,\n    notifyResizeStart: foundation.onResizeStart,\n    getGroupSize,\n};\n\nprovideResizeContext(contextValue);\n\nonMounted(() => {\n    foundation.init();\n    window.addEventListener('resize', foundation.ensureConstraint);\n});\n\nonUnmounted(() => {\n    foundation.destroy();\n    window.removeEventListener('resize', foundation.ensureConstraint);\n});\n\nwatch(\n    () => props.direction,\n    (newDirection) => {\n        foundation.direction = newDirection;\n        contextValue.direction = newDirection;\n    }\n);\n\nconst groupCls = computed(() => {\n    return classNames(props.className, `${cssClasses.PREFIX}-group`);\n});\n\nconst groupStyle = computed<CSSProperties>(() => {\n    return {\n        flexDirection: props.direction === 'vertical' ? 'column' : 'row',\n        ...props.style,\n    };\n});\n</script>\n"],"names":["props","__props","groupRef","ref","state","reactive","itemRefs","itemMinMap","itemMaxMap","itemDefaultSizeList","itemResizeStart","itemResizing","itemResizeEnd","handlerRefs","getDataAttr","propsData","dataAttrs","key","restProps","computed","omitKeys","rest","registerItem","min","max","defaultSize","onResizeStart","onChange","onResizeEnd","r","index","registerHandler","getGroupSize","adapter","states","id","callback","type","window","_b","_a","foundation","ResizeGroupFoundation","contextValue","provideResizeContext","onMounted","onUnmounted","watch","newDirection","groupCls","classNames","cssClasses","groupStyle","_openBlock","_createElementBlock","_mergeProps","_normalizeStyle","_normalizeClass","_unref","_renderSlot","_ctx"],"mappings":"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"}
+{"version":3,"file":"ResizeGroup.vue.cjs","sources":["../../../../../src/components/resizable/group/ResizeGroup.vue"],"sourcesContent":["<template>\n    <div ref=\"groupRef\" :class=\"groupCls\" :style=\"groupStyle\" v-bind=\"dataAttrs\">\n        <div v-if=\"state.isResizing\" :style=\"state.backgroundStyle\" :class=\"`${cssClasses.PREFIX}-background`\" />\n        <slot></slot>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, reactive, watch, onMounted, onUnmounted } from 'vue';\nimport type { Ref } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/resizable/constants';\nimport { ResizeGroupFoundation, type ResizeGroupAdapter } from '@douyinfe/semi-foundation/resizable/foundation';\nimport type { ResizeCallback, ResizeEventType, ResizeStartCallback } from '@douyinfe/semi-foundation/resizable/types';\nimport { provideResizeContext, type ResizeContextProps } from './resizeContext';\nimport '../resizable.scss';\n\ndefineOptions({\n    name: 'SemiResizeGroup',\n});\n\ninterface ResizeGroupProps {\n    direction?: 'horizontal' | 'vertical';\n    className?: string;\n    style?: CSSProperties;\n}\n\nconst props = withDefaults(defineProps<ResizeGroupProps>(), {\n    direction: 'horizontal',\n    style: () => ({}),\n});\n\nconst groupRef = ref<HTMLDivElement>();\n\nconst state = reactive({\n    isResizing: false,\n    originalPosition: {\n        x: 0,\n        y: 0,\n        lastItemSize: 0,\n        nextItemSize: 0,\n        lastOffset: 0,\n        nextOffset: 0,\n    },\n    backgroundStyle: {\n        cursor: 'auto',\n    } as CSSProperties,\n    curHandler: null as number | null,\n});\n\nconst itemRefs = new Map<number, Ref<HTMLDivElement | undefined>>();\nconst itemMinMap = new Map<number, string>();\nconst itemMaxMap = new Map<number, string>();\n// itemMinusMap is used by foundation internally\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst itemMinusMap = new Map<number, number>();\nconst itemDefaultSizeList = new Map<number, string | number>();\nconst itemResizeStart = new Map<number, ResizeStartCallback>();\nconst itemResizing = new Map<number, ResizeCallback>();\nconst itemResizeEnd = new Map<number, ResizeCallback>();\nconst handlerRefs = new Map<number, Ref<HTMLDivElement | undefined>>();\n\nfunction getDataAttr(propsData: Record<string, unknown>) {\n    const dataAttrs: Record<string, unknown> = {};\n    Object.keys(propsData).forEach((key) => {\n        if (key.startsWith('data-')) {\n            dataAttrs[key] = propsData[key];\n        }\n    });\n    return dataAttrs;\n}\n\nconst restProps = computed(() => {\n    const propsData = props as unknown as Record<string, unknown>;\n    const omitKeys = ['style', 'className', 'direction'];\n    const rest: Record<string, unknown> = {};\n    Object.keys(propsData).forEach((key) => {\n        if (!omitKeys.includes(key)) {\n            rest[key] = propsData[key];\n        }\n    });\n    return rest;\n});\n\nconst dataAttrs = computed(() => getDataAttr(restProps.value));\n\nconst registerItem = (\n    ref: Ref<HTMLDivElement | undefined>,\n    min: string,\n    max: string,\n    defaultSize: string | number,\n    onResizeStart: ResizeStartCallback,\n    onChange: ResizeCallback,\n    onResizeEnd: ResizeCallback\n): number => {\n    if (Array.from(itemRefs.values()).some((r) => r === ref)) {\n        return -1;\n    }\n    const index = itemRefs.size;\n    itemRefs.set(index, ref);\n    itemMinMap.set(index, min);\n    itemMaxMap.set(index, max);\n    itemDefaultSizeList.set(index, defaultSize);\n    itemResizeStart.set(index, onResizeStart);\n    itemResizing.set(index, onChange);\n    itemResizeEnd.set(index, onResizeEnd);\n    return index;\n};\n\nconst registerHandler = (ref: Ref<HTMLDivElement | undefined>): number => {\n    if (Array.from(handlerRefs.values()).some((r) => r === ref)) {\n        return -1;\n    }\n    const index = handlerRefs.size;\n    handlerRefs.set(index, ref);\n    return index;\n};\n\nconst getGroupSize = (): number => {\n    if (groupRef.value) {\n        return props.direction === 'horizontal' ? groupRef.value.offsetWidth : groupRef.value.offsetHeight;\n    }\n    return 0;\n};\n\nconst registerEvent = (type: ResizeEventType = 'mouse') => {\n    const window = groupRef.value?.ownerDocument?.defaultView;\n    if (!window || !foundation) return;\n    if (type === 'mouse') {\n        window.addEventListener('mousemove', foundation.onMouseMove);\n        window.addEventListener('mouseup', foundation.onResizeEnd);\n        window.addEventListener('mouseleave', foundation.onResizeEnd);\n    } else {\n        window.addEventListener('touchmove', foundation.onTouchMove, { passive: false });\n        window.addEventListener('touchend', foundation.onResizeEnd);\n        window.addEventListener('touchcancel', foundation.onResizeEnd);\n    }\n};\n\nconst unregisterEvent = (type: ResizeEventType = 'mouse') => {\n    const window = groupRef.value?.ownerDocument?.defaultView;\n    if (!window || !foundation) return;\n    if (type === 'mouse') {\n        window.removeEventListener('mousemove', foundation.onMouseMove);\n        window.removeEventListener('mouseup', foundation.onResizeEnd);\n        window.removeEventListener('mouseleave', foundation.onResizeEnd);\n    } else {\n        window.removeEventListener('touchmove', foundation.onTouchMove);\n        window.removeEventListener('touchend', foundation.onResizeEnd);\n        window.removeEventListener('touchcancel', foundation.onResizeEnd);\n    }\n};\n\nconst adapter: ResizeGroupAdapter<ResizeGroupProps, typeof state> = {\n    getProp: (key: string) => (props as Record<string, unknown>)[key],\n    getProps: () => props,\n    getState: () => state,\n    getStates: () => state,\n    setState: (states: Partial<typeof state>) => {\n        Object.assign(state, states);\n    },\n    getContext: () => undefined,\n    getContexts: () => undefined,\n    getCache: () => undefined,\n    getCaches: () => undefined,\n    setCache: () => {},\n    stopPropagation: () => {},\n    persistEvent: () => {},\n    getGroupRef: () => groupRef.value || null,\n    getItem: (id: number) => {\n        const ref = itemRefs.get(id);\n        return ref?.value as HTMLDivElement;\n    },\n    getItemCount: () => itemRefs.size,\n    getHandler: (id: number) => {\n        const ref = handlerRefs.get(id);\n        return ref?.value as HTMLDivElement;\n    },\n    getHandlerCount: () => handlerRefs.size,\n    getItemMin: (index: number) => {\n        const min = itemMinMap.get(index);\n        return min ?? '';\n    },\n    getItemMax: (index: number) => {\n        const max = itemMaxMap.get(index);\n        return max ?? '';\n    },\n    getItemChange: (index: number) => {\n        const callback = itemResizing.get(index);\n        console.log('[ResizeGroup] getItemChange', { index, callback: !!callback });\n        return callback;\n    },\n    getItemEnd: (index: number) => {\n        const callback = itemResizeEnd.get(index);\n        console.log('[ResizeGroup] getItemEnd', { index, callback: !!callback });\n        return callback;\n    },\n    getItemStart: (index: number) => {\n        const callback = itemResizeStart.get(index);\n        console.log('[ResizeGroup] getItemStart', {\n            index,\n            callback: !!callback,\n            callbackType: typeof callback,\n            callbackName: callback?.name || 'anonymous',\n        });\n        if (callback) {\n            console.log('[ResizeGroup] getItemStart - will call callback', { index });\n        }\n        return callback;\n    },\n    getItemDefaultSize: (index: number) => itemDefaultSizeList.get(index),\n    registerEvents: registerEvent,\n    unregisterEvents: unregisterEvent,\n};\n\nconst foundation: ResizeGroupFoundation<ResizeGroupProps, typeof state> = new ResizeGroupFoundation(adapter);\n\nconst contextValue: ResizeContextProps = {\n    direction: props.direction,\n    registerItem,\n    registerHandler,\n    notifyResizeStart: foundation.onResizeStart,\n    getGroupSize,\n};\n\nprovideResizeContext(contextValue);\n\nonMounted(() => {\n    foundation.init();\n    window.addEventListener('resize', foundation.ensureConstraint);\n});\n\nonUnmounted(() => {\n    foundation.destroy();\n    window.removeEventListener('resize', foundation.ensureConstraint);\n});\n\nwatch(\n    () => props.direction,\n    (newDirection) => {\n        foundation.direction = newDirection;\n        contextValue.direction = newDirection;\n    }\n);\n\nconst groupCls = computed(() => {\n    return classNames(props.className, `${cssClasses.PREFIX}-group`);\n});\n\nconst groupStyle = computed<CSSProperties>(() => {\n    return {\n        flexDirection: props.direction === 'vertical' ? 'column' : 'row',\n        ...props.style,\n    };\n});\n</script>\n"],"names":["_sfc_main","_defineComponent","groupRef","ref","state","itemRefs","itemMinMap","itemMaxMap","itemDefaultSizeList","itemResizeStart","itemResizing","itemResizeEnd","handlerRefs","getDataAttr","dataAttrs2","key","propsData","restProps","computed","omitKeys","rest","dataAttrs","registerItem","ref2","min","max","defaultSize","onResizeStart","onChange","onResizeEnd","r","index","registerHandler","getGroupSize","adapter","props","states","id","callback","type","window2","_b","_a","foundation","window","ResizeGroupFoundation","contextValue","provideResizeContext","onMounted","onUnmounted","watch","newDirection","groupCls","classNames","cssClasses","groupStyle","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_unref","_createCommentVNode"],"mappings":"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"}

package/lib/cjs/components/resizable/group/ResizeItem.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("vue"),z=require("classnames"),d=require("@douyinfe/semi-foundation/resizable/constants"),R=require("@douyinfe/semi-foundation/resizable/foundation"),C=require("./resizeContext.cjs");;/* empty css                  */const S=s.defineComponent({name:"SemiResizeItem",__name:"ResizeItem",props:{style:{},className:{},min:{},max:{},defaultSize:{},onResizeStart:{type:Function,default:()=>{}},onChange:{type:Function,default:()=>{}},onResizeEnd:{type:Function,default:()=>{}}},setup(m){const n=m,t=s.ref(),i=C.useResizeContext();let u=-1,a;const l=s.ref(!1),v=(e,o)=>{l.value=!0,t.value&&(t.value.style.transition="none"),n.onResizeStart&&n.onResizeStart(e,o)},f=(e,o,r)=>{n.onChange(e,o,r)},h=(e,o,r)=>{n.onResizeEnd&&n.onResizeEnd(e,o,r),setTimeout(()=>{l.value=!1,requestAnimationFrame(()=>{t.value&&t.value.style.removeProperty("transition")})},250)},p={getProp:e=>n[e],getProps:()=>n,getState:()=>({}),getStates:()=>({}),setState:()=>{},getContext:()=>{},getContexts:()=>{},getCache:()=>{},getCaches:()=>{},setCache:()=>{},stopPropagation:()=>{},persistEvent:()=>{}},c=new R.ResizeItemFoundation(p);s.onMounted(()=>{c.init(),i&&u===-1&&(u=i.registerItem(t,n.min??"",n.max??"",n.defaultSize??"auto",v,f,h),a=i.direction)}),s.onUnmounted(()=>{c.destroy()}),s.watch(()=>i==null?void 0:i.direction,e=>{if(e&&a&&e!==a&&t.value)if(a=e,e==="horizontal"){const o=t.value.style.height;t.value.style.width=o,t.value.style.removeProperty("height")}else{const o=t.value.style.width;t.value.style.height=o,t.value.style.removeProperty("width")}});const y=s.computed(()=>z(n.className,`${d.cssClasses.PREFIX}-item`,{[`${d.cssClasses.PREFIX}-item-resizing`]:l.value})),g=s.computed(()=>n.style||{});return(e,o)=>(s.openBlock(),s.createElementBlock("div",{ref_key:"itemRef",ref:t,class:s.normalizeClass(y.value),style:s.normalizeStyle(g.value)},[s.renderSlot(e.$slots,"default")],6))}});exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("vue"),z=require("classnames"),d=require("@douyinfe/semi-foundation/resizable/constants"),R=require("@douyinfe/semi-foundation/resizable/foundation"),C=require("./resizeContext.cjs"),S=s.defineComponent({name:"SemiResizeItem",__name:"ResizeItem",props:{style:{},className:{},min:{},max:{},defaultSize:{},onResizeStart:{type:Function,default:()=>{}},onChange:{type:Function,default:()=>{}},onResizeEnd:{type:Function,default:()=>{}}},setup(m){const n=m,t=s.ref(),i=C.useResizeContext();let u=-1,a;const l=s.ref(!1),v=(e,o)=>{l.value=!0,t.value&&(t.value.style.transition="none"),n.onResizeStart&&n.onResizeStart(e,o)},f=(e,o,r)=>{n.onChange(e,o,r)},h=(e,o,r)=>{n.onResizeEnd&&n.onResizeEnd(e,o,r),setTimeout(()=>{l.value=!1,requestAnimationFrame(()=>{t.value&&t.value.style.removeProperty("transition")})},250)},p={getProp:e=>n[e],getProps:()=>n,getState:()=>({}),getStates:()=>({}),setState:()=>{},getContext:()=>{},getContexts:()=>{},getCache:()=>{},getCaches:()=>{},setCache:()=>{},stopPropagation:()=>{},persistEvent:()=>{}},c=new R.ResizeItemFoundation(p);s.onMounted(()=>{c.init(),i&&u===-1&&(u=i.registerItem(t,n.min??"",n.max??"",n.defaultSize??"auto",v,f,h),a=i.direction)}),s.onUnmounted(()=>{c.destroy()}),s.watch(()=>i==null?void 0:i.direction,e=>{if(e&&a&&e!==a&&t.value)if(a=e,e==="horizontal"){const o=t.value.style.height;t.value.style.width=o,t.value.style.removeProperty("height")}else{const o=t.value.style.width;t.value.style.height=o,t.value.style.removeProperty("width")}});const y=s.computed(()=>z(n.className,`${d.cssClasses.PREFIX}-item`,{[`${d.cssClasses.PREFIX}-item-resizing`]:l.value})),g=s.computed(()=>n.style||{});return(e,o)=>(s.openBlock(),s.createElementBlock("div",{ref_key:"itemRef",ref:t,class:s.normalizeClass(y.value),style:s.normalizeStyle(g.value)},[s.renderSlot(e.$slots,"default")],6))}});exports.default=S;
 //# sourceMappingURL=ResizeItem.vue.cjs.map

package/lib/cjs/components/resizable/group/ResizeItem.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeItem.vue.cjs","sources":["../../../../../src/components/resizable/group/ResizeItem.vue"],"sourcesContent":["<template>\n    <div ref=\"itemRef\" :class=\"itemCls\" :style=\"itemStyle\">\n        <slot></slot>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted, watch } from 'vue';\nimport type { Ref } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/resizable/constants';\nimport { ResizeItemFoundation, type ResizeItemAdapter } from '@douyinfe/semi-foundation/resizable/foundation';\nimport type { ResizeCallback, ResizeStartCallback } from '@douyinfe/semi-foundation/resizable/types';\nimport { useResizeContext } from './resizeContext';\nimport '../resizable.scss';\n\ndefineOptions({\n    name: 'SemiResizeItem',\n});\n\ninterface ResizeItemProps {\n    style?: CSSProperties;\n    className?: string;\n    min?: string;\n    max?: string;\n    defaultSize?: string | number;\n    onResizeStart?: ResizeStartCallback;\n    onChange?: ResizeCallback;\n    onResizeEnd?: ResizeCallback;\n}\n\nconst props = withDefaults(defineProps<ResizeItemProps>(), {\n    onResizeStart: () => {},\n    onChange: () => {},\n    onResizeEnd: () => {},\n});\n\nconst itemRef = ref<HTMLDivElement>();\nconst context = useResizeContext();\nlet itemIndex = -1;\nlet direction: 'horizontal' | 'vertical' | undefined;\nconst isResizing = ref(false);\n\nconst handleResizeStart = (e: MouseEvent | Touch, dir: any) => {\n    // 立即禁用过渡，确保拖拽时响应流畅\n    isResizing.value = true;\n    if (itemRef.value) {\n        itemRef.value.style.transition = 'none';\n    }\n    if (props.onResizeStart) {\n        props.onResizeStart(e, dir);\n    }\n};\n\nconst handleChange = (size: any, event: any, direction: any) => {\n    props.onChange!(size, event, direction);\n};\n\nconst handleResizeEnd = (size: any, event: any, direction: any) => {\n    if (props.onResizeEnd) {\n        props.onResizeEnd(size, event, direction);\n    }\n    // 延迟恢复过渡效果，确保 Foundation 完成所有 DOM 操作后再恢复\n    // 使用 setTimeout 确保在 ensureConstraint 等后续操作完成后再恢复 transition\n    setTimeout(() => {\n        // 先移除 -resizing 类，这样 CSS 中的 transition 才能生效\n        isResizing.value = false;\n        // 使用 requestAnimationFrame 确保在浏览器重绘后再移除内联样式\n        requestAnimationFrame(() => {\n            if (itemRef.value) {\n                // 移除内联的 transition，让 CSS 中的 transition 生效\n                itemRef.value.style.removeProperty('transition');\n            }\n        });\n    }, 250); // 延迟 250ms，确保 ensureConstraint 的 debounce (200ms) 完成\n};\n\nconst adapter: ResizeItemAdapter<ResizeItemProps, any> = {\n    getProp: (key: string) => (props as Record<string, unknown>)[key],\n    getProps: () => props,\n    getState: () => ({}),\n    getStates: () => ({}),\n    setState: () => {},\n    getContext: () => undefined,\n    getContexts: () => undefined,\n    getCache: () => undefined,\n    getCaches: () => undefined,\n    setCache: () => {},\n    stopPropagation: () => {},\n    persistEvent: () => {},\n};\n\nconst foundation = new ResizeItemFoundation(adapter);\n\nonMounted(() => {\n    foundation.init();\n    if (context && itemIndex === -1) {\n        itemIndex = context.registerItem(\n            itemRef as Ref<HTMLDivElement | undefined>,\n            props.min ?? '',\n            props.max ?? '',\n            props.defaultSize ?? 'auto',\n            handleResizeStart,\n            handleChange,\n            handleResizeEnd\n        );\n        direction = context.direction;\n    }\n});\n\nonUnmounted(() => {\n    foundation.destroy();\n});\n\nwatch(\n    () => context?.direction,\n    (newDirection) => {\n        if (newDirection && direction && newDirection !== direction && itemRef.value) {\n            direction = newDirection;\n            if (newDirection === 'horizontal') {\n                const newWidth = itemRef.value.style.height;\n                itemRef.value.style.width = newWidth;\n                itemRef.value.style.removeProperty('height');\n            } else {\n                const newHeight = itemRef.value.style.width;\n                itemRef.value.style.height = newHeight;\n                itemRef.value.style.removeProperty('width');\n            }\n        }\n    }\n);\n\nconst itemCls = computed(() => {\n    const cls = classNames(props.className, `${cssClasses.PREFIX}-item`, {\n        [`${cssClasses.PREFIX}-item-resizing`]: isResizing.value,\n    });\n    // 减少日志输出，只在状态变化时输出\n    // console.log('[ResizeItem] itemCls computed', {\n    //     cls,\n    //     isResizing: isResizing.value,\n    //     prefix: cssClasses.PREFIX,\n    // });\n    return cls;\n});\n\nconst itemStyle = computed(() => {\n    return props.style || {};\n});\n</script>\n"],"names":["props","__props","itemRef","ref","context","useResizeContext","itemIndex","direction","isResizing","handleResizeStart","dir","handleChange","size","event","handleResizeEnd","adapter","key","foundation","ResizeItemFoundation","onMounted","onUnmounted","watch","newDirection","newWidth","newHeight","itemCls","computed","classNames","cssClasses","itemStyle","_createElementBlock","_renderSlot","_ctx"],"mappings":"6lBAgCA,MAAMA,EAAQC,EAMRC,EAAUC,EAAAA,IAAA,EACVC,EAAUC,EAAAA,iBAAA,EAChB,IAAIC,EAAY,GACZC,EACJ,MAAMC,EAAaL,EAAAA,IAAI,EAAK,EAEtBM,EAAoB,CAAC,EAAuBC,IAAa,CAE3DF,EAAW,MAAQ,GACfN,EAAQ,QACRA,EAAQ,MAAM,MAAM,WAAa,QAEjCF,EAAM,eACNA,EAAM,cAAc,EAAGU,CAAG,CAElC,EAEMC,EAAe,CAACC,EAAWC,EAAYN,IAAmB,CAC5DP,EAAM,SAAUY,EAAMC,EAAON,CAAS,CAC1C,EAEMO,EAAkB,CAACF,EAAWC,EAAYN,IAAmB,CAC3DP,EAAM,aACNA,EAAM,YAAYY,EAAMC,EAAON,CAAS,EAI5C,WAAW,IAAM,CAEbC,EAAW,MAAQ,GAEnB,sBAAsB,IAAM,CACpBN,EAAQ,OAERA,EAAQ,MAAM,MAAM,eAAe,YAAY,CAEvD,CAAC,CACL,EAAG,GAAG,CACV,EAEMa,EAAmD,CACrD,QAAUC,GAAiBhB,EAAkCgB,CAAG,EAChE,SAAU,IAAMhB,EAChB,SAAU,KAAO,CAAA,GACjB,UAAW,KAAO,CAAA,GAClB,SAAU,IAAM,CAAC,EACjB,WAAY,IAAA,GACZ,YAAa,IAAA,GACb,SAAU,IAAA,GACV,UAAW,IAAA,GACX,SAAU,IAAM,CAAC,EACjB,gBAAiB,IAAM,CAAC,EACxB,aAAc,IAAM,CAAC,CAAA,EAGnBiB,EAAa,IAAIC,EAAAA,qBAAqBH,CAAO,EAEnDI,EAAAA,UAAU,IAAM,CACZF,EAAW,KAAA,EACPb,GAAWE,IAAc,KACzBA,EAAYF,EAAQ,aAChBF,EACAF,EAAM,KAAO,GACbA,EAAM,KAAO,GACbA,EAAM,aAAe,OACrBS,EACAE,EACAG,CAAA,EAEJP,EAAYH,EAAQ,UAE5B,CAAC,EAEDgB,EAAAA,YAAY,IAAM,CACdH,EAAW,QAAA,CACf,CAAC,EAEDI,EAAAA,MACI,IAAMjB,GAAA,YAAAA,EAAS,UACdkB,GAAiB,CACd,GAAIA,GAAgBf,GAAae,IAAiBf,GAAaL,EAAQ,MAEnE,GADAK,EAAYe,EACRA,IAAiB,aAAc,CAC/B,MAAMC,EAAWrB,EAAQ,MAAM,MAAM,OACrCA,EAAQ,MAAM,MAAM,MAAQqB,EAC5BrB,EAAQ,MAAM,MAAM,eAAe,QAAQ,CAC/C,KAAO,CACH,MAAMsB,EAAYtB,EAAQ,MAAM,MAAM,MACtCA,EAAQ,MAAM,MAAM,OAASsB,EAC7BtB,EAAQ,MAAM,MAAM,eAAe,OAAO,CAC9C,CAER,CAAA,EAGJ,MAAMuB,EAAUC,EAAAA,SAAS,IACTC,EAAW3B,EAAM,UAAW,GAAG4B,EAAAA,WAAW,MAAM,QAAS,CACjE,CAAC,GAAGA,EAAAA,WAAW,MAAM,gBAAgB,EAAGpB,EAAW,KAAA,CACtD,CAQJ,EAEKqB,EAAYH,EAAAA,SAAS,IAChB1B,EAAM,OAAS,CAAA,CACzB,8BAnJG8B,EAAAA,mBAEM,MAAA,SAFG,UAAJ,IAAI5B,EAAW,uBAAOuB,EAAA,KAAO,EAAG,uBAAOI,EAAA,KAAS,CAAA,GACjDE,aAAaC,EAAA,OAAA,SAAA,CAAA"}
+{"version":3,"file":"ResizeItem.vue.cjs","sources":["../../../../../src/components/resizable/group/ResizeItem.vue"],"sourcesContent":["<template>\n    <div ref=\"itemRef\" :class=\"itemCls\" :style=\"itemStyle\">\n        <slot></slot>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted, watch } from 'vue';\nimport type { Ref } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/resizable/constants';\nimport { ResizeItemFoundation, type ResizeItemAdapter } from '@douyinfe/semi-foundation/resizable/foundation';\nimport type { ResizeCallback, ResizeStartCallback } from '@douyinfe/semi-foundation/resizable/types';\nimport { useResizeContext } from './resizeContext';\nimport '../resizable.scss';\n\ndefineOptions({\n    name: 'SemiResizeItem',\n});\n\ninterface ResizeItemProps {\n    style?: CSSProperties;\n    className?: string;\n    min?: string;\n    max?: string;\n    defaultSize?: string | number;\n    onResizeStart?: ResizeStartCallback;\n    onChange?: ResizeCallback;\n    onResizeEnd?: ResizeCallback;\n}\n\nconst props = withDefaults(defineProps<ResizeItemProps>(), {\n    onResizeStart: () => {},\n    onChange: () => {},\n    onResizeEnd: () => {},\n});\n\nconst itemRef = ref<HTMLDivElement>();\nconst context = useResizeContext();\nlet itemIndex = -1;\nlet direction: 'horizontal' | 'vertical' | undefined;\nconst isResizing = ref(false);\n\nconst handleResizeStart = (e: MouseEvent | Touch, dir: any) => {\n    // 立即禁用过渡，确保拖拽时响应流畅\n    isResizing.value = true;\n    if (itemRef.value) {\n        itemRef.value.style.transition = 'none';\n    }\n    if (props.onResizeStart) {\n        props.onResizeStart(e, dir);\n    }\n};\n\nconst handleChange = (size: any, event: any, direction: any) => {\n    props.onChange!(size, event, direction);\n};\n\nconst handleResizeEnd = (size: any, event: any, direction: any) => {\n    if (props.onResizeEnd) {\n        props.onResizeEnd(size, event, direction);\n    }\n    // 延迟恢复过渡效果，确保 Foundation 完成所有 DOM 操作后再恢复\n    // 使用 setTimeout 确保在 ensureConstraint 等后续操作完成后再恢复 transition\n    setTimeout(() => {\n        // 先移除 -resizing 类，这样 CSS 中的 transition 才能生效\n        isResizing.value = false;\n        // 使用 requestAnimationFrame 确保在浏览器重绘后再移除内联样式\n        requestAnimationFrame(() => {\n            if (itemRef.value) {\n                // 移除内联的 transition，让 CSS 中的 transition 生效\n                itemRef.value.style.removeProperty('transition');\n            }\n        });\n    }, 250); // 延迟 250ms，确保 ensureConstraint 的 debounce (200ms) 完成\n};\n\nconst adapter: ResizeItemAdapter<ResizeItemProps, any> = {\n    getProp: (key: string) => (props as Record<string, unknown>)[key],\n    getProps: () => props,\n    getState: () => ({}),\n    getStates: () => ({}),\n    setState: () => {},\n    getContext: () => undefined,\n    getContexts: () => undefined,\n    getCache: () => undefined,\n    getCaches: () => undefined,\n    setCache: () => {},\n    stopPropagation: () => {},\n    persistEvent: () => {},\n};\n\nconst foundation = new ResizeItemFoundation(adapter);\n\nonMounted(() => {\n    foundation.init();\n    if (context && itemIndex === -1) {\n        itemIndex = context.registerItem(\n            itemRef as Ref<HTMLDivElement | undefined>,\n            props.min ?? '',\n            props.max ?? '',\n            props.defaultSize ?? 'auto',\n            handleResizeStart,\n            handleChange,\n            handleResizeEnd\n        );\n        direction = context.direction;\n    }\n});\n\nonUnmounted(() => {\n    foundation.destroy();\n});\n\nwatch(\n    () => context?.direction,\n    (newDirection) => {\n        if (newDirection && direction && newDirection !== direction && itemRef.value) {\n            direction = newDirection;\n            if (newDirection === 'horizontal') {\n                const newWidth = itemRef.value.style.height;\n                itemRef.value.style.width = newWidth;\n                itemRef.value.style.removeProperty('height');\n            } else {\n                const newHeight = itemRef.value.style.width;\n                itemRef.value.style.height = newHeight;\n                itemRef.value.style.removeProperty('width');\n            }\n        }\n    }\n);\n\nconst itemCls = computed(() => {\n    const cls = classNames(props.className, `${cssClasses.PREFIX}-item`, {\n        [`${cssClasses.PREFIX}-item-resizing`]: isResizing.value,\n    });\n    // 减少日志输出，只在状态变化时输出\n    // console.log('[ResizeItem] itemCls computed', {\n    //     cls,\n    //     isResizing: isResizing.value,\n    //     prefix: cssClasses.PREFIX,\n    // });\n    return cls;\n});\n\nconst itemStyle = computed(() => {\n    return props.style || {};\n});\n</script>\n"],"names":["_sfc_main","_defineComponent","itemRef","ref","context","useResizeContext","itemIndex","direction","isResizing","handleResizeStart","dir","props","handleChange","size","event","direction2","handleResizeEnd","adapter","key","foundation","ResizeItemFoundation","onMounted","onUnmounted","watch","newDirection","newWidth","newHeight","itemCls","computed","classNames","cssClasses","itemStyle","_ctx","_cache","_normalizeClass"],"mappings":"mTAeAA,EAAOC,kBAAA,yPAiBDC,EAAQC,EAAAA,IAAA,EAMRC,EAAUC,EAAAA,iBAAoB,EACpC,IAAAC,EAAgB,GACZC,EACJ,MAAIC,EAAAL,EAAAA,IAAA,EAAA,EACEM,EAAiB,CAAA,EAAKC,IAAA,CAE5BF,EAAM,MAAA,GAEFN,EAAW,QACXA,QAAY,MAAO,WAAA,QAEnBS,EAAA,eACAA,gBAAU,EAAeD,CAAA,CACK,EAElCE,EAAA,CAAAC,EAAAC,EAAAC,IAAA,CAEAJ,EAAM,SAAAE,EAAgBC,EAAWC,CAAYR,CACzC,EACJS,EAAA,CAAAH,EAAAC,EAAAC,IAAA,CAEMJ,EAAA,aACFA,cAAUE,EAAaC,EAAAC,CAAA,EAEvB,WAAA,IAAA,CAGAP,EAAW,MAAM,GAEb,sBAAmB,IAAA,CAEnBN,EAAA,OACIA,QAAY,MAAO,eAAA,YAAA,CAEgC,CAAA,CACnD,EACH,GAAA,CAAA,EAETe,EAAA,CAEA,QAAMC,GAAmDP,EAAAO,CAAA,EACrD,SAAU,IAAAP,EACV,SAAU,KAAM,CAAA,GAChB,eAAkB,CAAA,GAClB,SAAA,KACA,EAAiB,WAAA,IAAA,GACjB,YAAY,IAAA,GACZ,gBACA,UAAU,IAAA,GACV,aAAW,CACX,EAAiB,gBAAA,IAAA,CACjB,EAAwB,aAAA,IAAA,CACxB,CAAoB,EACxBQ,EAAA,IAAAC,EAAAA,qBAAAH,CAAA,EAEAI,EAAAA,UAAM,IAAA,CAENF,EAAU,KAAM,EACZf,GAAWE,IAAK,KAChBA,EAAIF,eACAF,EACIS,EAAA,KAAA,GACAA,EAAM,KAAO,GACbA,EAAM,aAAO,OACbF,EACAG,EACAI,CAAA,EAEJT,EAAAH,EAAA,UACoB,CAAA,EAE5BkB,EAAAA,YAAC,IAAA,CAEDH,EAAY,QAAM,CACd,CAAA,EACJI,EAAAA,MAEA,IAAAnB,GAAA,YAAAA,EAAA,aACmB,CACd,GAAAoB,GAAiBjB,GAAAiB,IAAAjB,GAAAL,EAAA,MAEV,GADJK,EAAIiB,EACAA,IAAY,aAAA,CACZ,UAAqB,MAAA,MAAc,OAC/BtB,EAAM,MAAA,MAAW,MAAQuB,EACzBvB,EAAQ,MAAM,MAAM,eAAQ,QAAA,CAC5B,KAAA,CACJ,MAAOwB,EAAAxB,EAAA,MAAA,MAAA,MACHA,EAAM,MAAA,MAAY,OAAQwB,EAC1BxB,EAAQ,MAAM,MAAM,eAAS,OAAA,CAC7B,CACJ,CACJ,EAER,MAAAyB,EAAAC,EAAAA,SAAA,IAEMC,EAAmBlB,EAAM,UAAA,GAAAmB,EAAAA,WAAA,MAAA,QAAA,CAC3B,CAAA,GAAMA,EAAAA,WAAM,MAAW,kBAAiBtB,EAAG,KAA0B,CAAA,CASrE,EACHuB,EAAAH,EAAAA,SAAA,IAEKjB,EAAA,SACF,EACJ,MAAC,CAAAqB,EAAAC,uEAnJQ,MAAIC,EAAAA,eAAAP,EAAA,KAAA,EAAW,uBAAOI,EAAA,KAAO,CAAA,EAAG,mCACjC,CAAA"}