npm - @transsionfe/semi-ui-vue - Versions diffs - 0.0.2 → 0.0.3 - Mend

@transsionfe/semi-ui-vue 0.0.2 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2178) hide show

package/lib/es/components/rating/Rating.vue.js CHANGED Viewed

@@ -1,13 +1,12 @@
-import { defineComponent as X, mergeModels as p, useModel as A, ref as f, computed as n, watch as L, provide as G, onMounted as J, onUnmounted as Q, createElementBlock as S, openBlock as v, normalizeStyle as W, normalizeClass as Y, Fragment as M, renderList as Z, createBlock as P, unref as _, withCtx as ee, createVNode as ae } from "vue";
+import { defineComponent as X, mergeModels as L, useModel as A, ref as f, computed as n, watch as M, provide as G, onMounted as J, onUnmounted as Q, createElementBlock as S, openBlock as v, normalizeStyle as W, normalizeClass as Y, Fragment as P, renderList as Z, createBlock as p, unref as _, withCtx as ee, createVNode as ae } from "vue";
 import le from "classnames";
 import { cssClasses as te } from "@douyinfe/semi-foundation/rating/constants";
 import oe from "@douyinfe/semi-foundation/rating/foundation";
 import R from "./RatingItem.vue.js";
 import ue from "../tooltip/Tooltip.vue.js";
-/* empty css                      */
-const re = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], be = /* @__PURE__ */ X({
+const re = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], fe = /* @__PURE__ */ X({
   __name: "Rating",
-  props: /* @__PURE__ */ p({
+  props: /* @__PURE__ */ L({
     "aria-describedby": {},
     "aria-errormessage": {},
     "aria-invalid": { type: Boolean },
@@ -34,10 +33,10 @@ const re = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ p(["change", "update:modelValue", "update:value", "hoverChange", "focus", "blur", "keydown"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ L(["change", "update:modelValue", "update:value", "hoverChange", "focus", "blur", "keydown"], ["update:modelValue"]),
   setup(a, { expose: I, emit: D }) {
-    const b = A(a, "modelValue"), l = a, s = D, m = f(), y = f({}), h = n(() => b.value !== void 0 ? b.value : l.value !== void 0 ? l.value : l.defaultValue ?? 0), x = n(() => b.value !== void 0 || l.value !== void 0), C = f(h.value);
-    L(h, (e) => {
+    const b = A(a, "modelValue"), l = a, s = D, y = f(), m = f({}), h = n(() => b.value !== void 0 ? b.value : l.value !== void 0 ? l.value : l.defaultValue ?? 0), x = n(() => b.value !== void 0 || l.value !== void 0), C = f(h.value);
+    M(h, (e) => {
       x.value || (C.value = e);
     });
     const i = n(() => x.value ? h.value : C.value), t = f({
@@ -48,7 +47,7 @@ const re = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex
       emptyStarFocusVisible: !1
     });
     let B = !1;
-    L(i, (e) => {
+    M(i, (e) => {
       B && t.value.value !== e && (t.value.value = e);
     }), G("direction", "ltr");
     const E = {
@@ -56,12 +55,12 @@ const re = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex
         var e;
         if (!l.disabled) {
           const u = Math.ceil(i.value) - 1, o = u < 0 ? l.count : u;
-          (e = y.value[o]) == null || e.starFocus();
+          (e = m.value[o]) == null || e.starFocus();
         }
       },
       getStarDOM: (e) => {
         var u;
-        return (u = y.value[e]) == null ? void 0 : u.$el;
+        return (u = m.value[e]) == null ? void 0 : u.$el;
       },
       notifyHoverChange: (e, u) => {
         t.value.hoverValue = e, t.value.clearedValue = u, s("hoverChange", e);
@@ -119,7 +118,7 @@ const re = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex
       },
       l.className
     )), V = (e, u) => {
-      u && (y.value[e] = u);
+      u && (m.value[e] = u);
     }, $ = (e, u) => {
       r.handleHover(e, u);
     }, O = () => {
@@ -138,10 +137,10 @@ const re = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex
       r.handleStarBlur(e);
     }, z = () => {
       var e;
-      l.disabled || (e = m.value) == null || e.focus({ preventScroll: l.preventScroll });
+      l.disabled || (e = y.value) == null || e.focus({ preventScroll: l.preventScroll });
     }, U = () => {
       var e;
-      l.disabled || (e = m.value) == null || e.blur();
+      l.disabled || (e = y.value) == null || e.blur();
     };
     return J(() => {
       r.init(), B = !0, t.value.value = i.value, l.autoFocus && z();
@@ -153,7 +152,7 @@ const re = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex
     }), (e, u) => (v(), S("ul", {
       id: a.id,
       ref_key: "rateRef",
-      ref: m,
+      ref: y,
       class: Y(N.value),
       style: W(a.style),
       "aria-label": K.value,
@@ -165,8 +164,8 @@ const re = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex
       onBlur: q,
       onKeydown: T
     }, [
-      (v(!0), S(M, null, Z(a.count + 1, (o) => (v(), S(M, { key: o }, [
-        a.tooltips && a.tooltips[o - 1] ? (v(), P(_(ue), {
+      (v(!0), S(P, null, Z(a.count + 1, (o) => (v(), S(P, { key: o }, [
+        a.tooltips && a.tooltips[o - 1] ? (v(), p(_(ue), {
           key: 0,
           visible: d.value - 1 === o - 1,
           trigger: "custom",
@@ -195,7 +194,7 @@ const re = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex
             }, null, 8, ["index", "count", "prefixCls", "allowHalf", "value", "disabled", "character", "focused", "size", "ariaLabelPrefix", "aria-describedby", "preventScroll", "onFocus", "onBlur"])
           ]),
           _: 2
-        }, 1032, ["visible", "content"])) : (v(), P(R, {
+        }, 1032, ["visible", "content"])) : (v(), p(R, {
           key: 1,
           ref_for: !0,
           ref: (c) => V(o - 1, c),
@@ -221,6 +220,6 @@ const re = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex
   }
 });
 export {
-  be as default
+  fe as default
 };
 //# sourceMappingURL=Rating.vue.js.map

package/lib/es/components/rating/Rating.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Rating.vue.js","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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"}
1	+ {"version":3,"file":"Rating.vue.js","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/es/components/rating/index.js CHANGED Viewed

@@ -1,8 +1,7 @@
 import t from "./Rating.vue.js";
-import { createFieldEnhancer as i } from "../form/createFieldEnhancer.js";
-/* empty css            */
-const m = i(t, "SemiRating");
+import { createFieldEnhancer as a } from "../form/createFieldEnhancer.js";
+const r = a(t, "SemiRating");
 export {
-  m as default
+  r as default
 };
 //# sourceMappingURL=index.js.map

package/lib/es/components/rating/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","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":"~~;;;AAMA~~,~~MAAMA~~,~~IAASC~~,~~EAAoBC~~,~~GAAY~~,~~YAAY~~;"}
1	+ {"version":3,"file":"index.js","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":";;AAIA,MAAAA,IAAOC,EAAAC,GAAA,YAAA;"}

package/lib/es/components/resizable/Resizable.vue.js CHANGED Viewed

@@ -4,8 +4,7 @@ import { cssClasses as R } from "@douyinfe/semi-foundation/resizable/constants";
 import { directions as I } from "@douyinfe/semi-foundation/resizable/types";
 import { ResizableFoundation as T } from "@douyinfe/semi-foundation/resizable/foundation";
 import X from "./ResizableHandler.vue.js";
-/* empty css               */
-const te = /* @__PURE__ */ N({
+const ee = /* @__PURE__ */ N({
   name: "SemiResizable",
   __name: "Resizable",
   props: {
@@ -217,6 +216,6 @@ const te = /* @__PURE__ */ N({
   }
 });
 export {
-  te as default
+  ee as default
 };
 //# sourceMappingURL=Resizable.vue.js.map

package/lib/es/components/resizable/Resizable.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Resizable.vue.js","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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"}
1	+ {"version":3,"file":"Resizable.vue.js","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/es/components/resizable/group/ResizeGroup.vue.js CHANGED Viewed

@@ -3,8 +3,7 @@ import U from "classnames";
 import { cssClasses as w } from "@douyinfe/semi-foundation/resizable/constants";
 import { ResizeGroupFoundation as q } from "@douyinfe/semi-foundation/resizable/foundation";
 import { provideResizeContext as J } from "./resizeContext.js";
-/* empty css                */
-const re = /* @__PURE__ */ D({
+const se = /* @__PURE__ */ D({
   name: "SemiResizeGroup",
   __name: "ResizeGroup",
   props: {
@@ -149,6 +148,6 @@ const re = /* @__PURE__ */ D({
   }
 });
 export {
-  re as default
+  se as default
 };
 //# sourceMappingURL=ResizeGroup.vue.js.map

package/lib/es/components/resizable/group/ResizeGroup.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResizeGroup.vue.js","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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"}
1	+ {"version":3,"file":"ResizeGroup.vue.js","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/es/components/resizable/group/ResizeItem.vue.js CHANGED Viewed

@@ -3,8 +3,7 @@ import w from "classnames";
 import { cssClasses as c } from "@douyinfe/semi-foundation/resizable/constants";
 import { ResizeItemFoundation as k } from "@douyinfe/semi-foundation/resizable/foundation";
 import { useResizeContext as N } from "./resizeContext.js";
-/* empty css                */
-const M = /* @__PURE__ */ R({
+const H = /* @__PURE__ */ R({
   name: "SemiResizeItem",
   __name: "ResizeItem",
   props: {
@@ -94,6 +93,6 @@ const M = /* @__PURE__ */ R({
   }
 });
 export {
-  M as default
+  H as default
 };
 //# sourceMappingURL=ResizeItem.vue.js.map

package/lib/es/components/resizable/group/ResizeItem.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResizeItem.vue.js","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":"~~;;;;;;;;;;;;;;;;;;;;;;;AAgCA~~,~~UAAMA~~,~~IAAQC~~,~~GAMRC~~,~~IAAUC~~,EAAA,~~GACVC~~,IAAUC,~~EAAA~~;~~AAChB~~,~~QAAIC~~,~~IAAY~~,IACZC;AACJ,~~UAAMC~~,~~IAAaL~~,~~EAAI~~,~~EAAK~~,~~GAEtBM~~,~~IAAoB~~,~~CAAC~~,~~GAAuBC~~,~~MAAa~~;~~AAE3D~~,MAAAF,~~EAAW~~,~~QAAQ~~,~~IACfN~~,~~EAAQ~~,~~UACRA~~,~~EAAQ~~,~~MAAM~~,~~MAAM~~,~~aAAa~~,~~SAEjCF~~,~~EAAM~~,~~iBACNA~~,~~EAAM~~,~~cAAc,GAAGU,CAAG~~;AAAA,~~IAElC~~,~~GAEMC~~,~~IAAe~~,~~CAACC~~,~~GAAWC~~,~~GAAYN~~,~~MAAmB~~;~~AAC5D~~,~~MAAAP~~,EAAM,~~SAAUY~~,~~GAAMC~~,~~GAAON~~,~~CAAS~~;~~AAAA~~,~~IAC1C~~,~~GAEMO~~,~~IAAkB~~,~~CAACF~~,~~GAAWC~~,~~GAAYN~~,~~MAAmB~~;~~AAC/D~~,~~MAAIP~~,~~EAAM~~,~~eACNA~~,~~EAAM~~,~~YAAYY~~,~~GAAMC~~,~~GAAON~~,~~CAAS~~,~~GAI5C~~,~~WAAW,MAAM~~;~~AAEb~~,~~QAAAC~~,EAAW,~~QAAQ~~,~~IAEnB~~,~~sBAAsB~~,~~MAAM~~;~~AACxB~~,~~UAAIN~~,~~EAAQ~~,~~SAERA~~,~~EAAQ~~,~~MAAM~~,~~MAAM~~,~~eAAe,YAAY~~;AAAA,~~QAEvD~~,~~CAAC~~;AAAA,~~MACL~~,~~GAAG~~,~~GAAG~~;AAAA,~~IACV~~,~~GAEMa~~,~~IAAmD~~;AAAA,~~MACrD~~,~~SAAS~~,~~CAACC~~,~~MAAiBhB~~,~~EAAkCgB~~,~~CAAG~~;AAAA,~~MAChE~~,UAAU,~~MAAMhB~~;AAAA,~~MAChB~~,UAAU,~~OAAO~~,CAAA;AAAA,~~MACjB~~,~~WAAW~~,~~OAAO,~~CAAA;AAAA,MAClB,~~UAAU,MAAM~~;~~AAAA,MAAC~~;AAAA,~~MACjB~~,~~YAAY~~,MAAA;AAAA;AAAA,~~MACZ~~,~~aAAa~~,MAAA;AAAA;AAAA,~~MACb~~,~~UAAU~~,MAAA;AAAA;AAAA,MACV,~~WAAW,MAAA~~;AAAA~~;AAAA~~,MACX~~,UAAU,MAAM~~;AAAA,~~MAAC;AAAA~~,~~MACjB~~,~~iBAAiB,MAAM~~;AAAA,~~MAAC~~;AAAA,~~MACxB~~,~~cAAc~~,~~MAAM~~;AAAA,~~MAAC~~;AAAA,~~IAAA~~,~~GAGnBiB~~,~~IAAa~~,~~IAAIC~~,~~EAAqBH~~,~~CAAO~~;~~AAEnD~~,IAAAI,~~EAAU~~,~~MAAM~~;~~AACZ~~,MAAAF,~~EAAW~~,~~KAAA~~,~~GACPb~~,KAAWE,~~MAAc~~,~~OACzBA~~,~~IAAYF,EAAQ~~;~~AAAA,QAChBF~~;AAAA,~~QACAF~~,~~EAAM~~,~~OAAO~~;AAAA,~~QACbA~~,EAAM,OAAO;AAAA,QACbA,EAAM,~~eAAe~~;AAAA,~~QACrBS~~;AAAA,~~QACAE~~;AAAA,~~QACAG~~;AAAA,MAAA,~~GAEJP~~,~~IAAYH~~,~~EAAQ~~;AAAA,~~IAE5B~~,~~CAAC~~,~~GAEDgB~~,~~EAAY~~,~~MAAM~~;~~AACd~~,MAAAH,~~EAAW~~,~~QAAA~~;AAAA,~~IACf~~,~~CAAC~~,~~GAEDI~~;AAAA,~~MACI~~,~~MAAMjB~~,KAAA,gBAAAA,~~EAAS~~;AAAA,~~MACf~~,~~CAACkB,MAAiB~~;AACd,~~YAAIA~~,~~KAAgBf~~,~~KAAae~~,~~MAAiBf~~,~~KAAaL~~,~~EAAQ~~;~~AAEnE~~,~~cADAK~~,~~IAAYe~~,~~GACRA~~,~~MAAiB~~,~~cAAc~~;~~AAC/B~~,~~kBAAMC~~,~~IAAWrB~~,~~EAAQ,MAAM,MAAM~~;~~AACrC~~,~~YAAAA~~,~~EAAQ~~,~~MAAM~~,~~MAAM~~,~~QAAQqB~~,~~GAC5BrB~~,EAAQ,MAAM,MAAM,~~eAAe~~,~~QAAQ~~;AAAA,~~UAC/C~~,~~OAAO~~;~~AACH~~,~~kBAAMsB~~,~~IAAYtB~~,~~EAAQ~~,~~MAAM~~,~~MAAM~~;~~AACtC~~,YAAAA,~~EAAQ~~,~~MAAM~~,~~MAAM~~,~~SAASsB~~,~~GAC7BtB~~,EAAQ,MAAM,MAAM,~~eAAe~~,~~OAAO~~;AAAA,~~UAC9C~~;AAAA,~~MAER~~;AAAA,~~IAAA~~;~~AAGJ~~,~~UAAMuB~~,~~IAAUC~~,~~EAAS~~,~~MACTC~~,~~EAAW3B~~,EAAM,~~WAAW~~,~~GAAG4B~~,~~EAAW~~,~~MAAM~~,~~SAAS~~;AAAA,~~MACjE~~,~~CAAC~~,~~GAAGA~~,~~EAAW~~,~~MAAM~~,~~gBAAgB~~,~~GAAGpB,EAAW~~;AAAA,~~IAAA~~,~~CACtD~~,~~CAQJ~~,~~GAEKqB~~,~~IAAYH~~,~~EAAS~~,~~MAChB1B~~,~~EAAM~~,~~SAAS~~,~~CAAA~~,~~CACzB;2BAnJG8B~~,~~EAEM~~,~~OAAA;AAAA~~,~~eAFG;AAAA~~,~~MAAJ~~,~~KAAI5B~~;AAAA,MAAW,~~SAAOuB~~,EAAA,KAAO;AAAA,~~MAAG~~,~~SAAOI,EAAA,KAAS~~;AAAA~~,IAAA~~;~~MACjDE~~,~~EAAaC,EAAA,QAAA,SAAA~~;AAAA~~,IAAA;;;~~"}
1	+ {"version":3,"file":"ResizeItem.vue.js","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":";;;;;AAeA,MAAAA,IAAOC,gBAAAA,EAAA;AAAA;;;;;;;;;;;;;;;;iBAiBDC,IAAQC,EAAA,GAMRC,IAAUC,EAAoB;AACpC,QAAAC,IAAgB,IACZC;AACJ,UAAIC,IAAAL,EAAA,EAAA,GACEM,IAAiB,CAAA,GAAKC,MAAA;AAE5B,MAAAF,EAAM,QAAA,IAEFN,EAAW,UACXA,QAAY,MAAO,aAAA,SAEnBS,EAAA,iBACAA,gBAAU,GAAeD,CAAA;AAAA,IACK,GAElCE,IAAA,CAAAC,GAAAC,GAAAC,MAAA;AAEA,MAAAJ,EAAM,SAAAE,GAAgBC,GAAWC,CAAYR;AAAAA,IACzC,GACJS,IAAA,CAAAH,GAAAC,GAAAC,MAAA;AAEA,MAAMJ,EAAA,eACFA,cAAUE,GAAaC,GAAAC,CAAA,GAEvB,WAAA,MAAA;AAGA,QAAAP,EAAW,QAAM,IAEb,sBAAmB,MAAA;AAEnB,UAAAN,EAAA,SACIA,QAAY,MAAO,eAAA,YAAA;AAAA,QAEgC,CAAA;AAAA,MACnD,GACH,GAAA;AAAA,IAAA,GAETe,IAAA;AAAA,MAEA,SAAM,CAAAC,MAAmDP,EAAAO,CAAA;AAAA,MACrD,UAAU,MAAAP;AAAA,MACV,UAAU,OAAM,CAAA;AAAA,MAChB,kBAAkB,CAAA;AAAA,MAClB,UAAA;MACA;AAAA,MAAiB,YAAA,MAAA;AAAA;AAAA,MACjB,aAAY,MAAA;AAAA;AAAA,MACZ;;MACA,WAAU,MAAA;AAAA;AAAA,MACV,gBAAW;AAAA,MACX;AAAA,MAAiB,iBAAA,MAAA;AAAA,MACjB;AAAA,MAAwB,cAAA,MAAA;AAAA,MACxB;AAAA,IAAoB,GACxBQ,IAAA,IAAAC,EAAAH,CAAA;AAEA,IAAAI,EAAM,MAAA;AAEN,MAAAF,EAAU,KAAM,GACZf,KAAWE,MAAK,OAChBA,IAAIF;QACAF;AAAA,QACIS,EAAA,OAAA;AAAA,QACAA,EAAM,OAAO;AAAA,QACbA,EAAM,eAAO;AAAA,QACbF;AAAA,QACAG;AAAA,QACAI;AAAA,MAAA,GAEJT,IAAAH,EAAA;AAAA,IACoB,CAAA,GAE5BkB,EAAC,MAAA;AAED,MAAAH,EAAY,QAAM;AAAA,IACd,CAAA,GACJI;AAAA,MAEA,MAAAnB,KAAA,gBAAAA,EAAA;AAAA,MACI,OAAe;AACd,YAAAoB,KAAiBjB,KAAAiB,MAAAjB,KAAAL,EAAA;AAEV,cADJK,IAAIiB,GACAA,MAAY,cAAA;AACZ,wBAAqB,MAAA,MAAc;AAC/B,YAAAtB,EAAM,MAAA,MAAW,QAAQuB,GACzBvB,EAAQ,MAAM,MAAM,eAAQ,QAAA;AAAA,UAC5B,OAAA;AACJ,kBAAOwB,IAAAxB,EAAA,MAAA,MAAA;AACH,YAAAA,EAAM,MAAA,MAAY,SAAQwB,GAC1BxB,EAAQ,MAAM,MAAM,eAAS,OAAA;AAAA,UAC7B;AAAA,MACJ;AAAA,IACJ;AAER,UAAAyB,IAAAC,EAAA,MAEMC,EAAmBlB,EAAM,WAAA,GAAAmB,EAAA,MAAA,SAAA;AAAA,MAC3B,CAAA,GAAMA,EAAM,MAAW,mBAAiBtB,EAAG;AAAA,IAA0B,CAAA,CASrE,GACHuB,IAAAH,EAAA,MAEKjB,EAAA,WACF;AACJ,WAAC,CAAAqB,GAAAC;;;MAnJQ,OAAIC,EAAAP,EAAA,KAAA;AAAA,MAAW,SAAOI,EAAA,KAAO;AAAA,IAAA,GAAG;AAAA;OACjC,CAAA;AAAA;;"}

package/lib/es/components/select/Select.vue.js CHANGED Viewed

@@ -4,13 +4,10 @@ import { cssClasses as Sl, numbers as Be } from "@douyinfe/semi-foundation/selec
 import xl from "@douyinfe/semi-foundation/select/foundation";
 import Ll from "@douyinfe/semi-foundation/utils/Event";
 import Oe from "../popover/Popover.vue.js";
-/* empty css                      */
 import { Input as ye } from "../input/index.js";
 import ne from "../tag/Tag.vue.js";
 import Ml from "../tag/TagGroup.vue.js";
-/* empty css              */
 import Bl from "../spin/Spin.vue.js";
-/* empty css                */
 import Ol from "../overflowList/OverflowList.vue.js";
 import "../space/index.js";
 import ee from "./Option.vue.js";
@@ -20,7 +17,7 @@ import Fl from "../icons/icons/IconClear.js";
 import Rl from "../icons/icons/IconSearch.js";
 import Pl from "../icons/icons/IconChevronDown.js";
 import Hl from "../space/Space.vue.js";
-const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["id", "name", "aria-label", "aria-labelledby", "aria-describedby"], Dl = ["id"], vt = /* @__PURE__ */ xe({
+const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["id", "name", "aria-label", "aria-labelledby", "aria-describedby"], Dl = ["id"], it = /* @__PURE__ */ xe({
   __name: "Select",
   props: /* @__PURE__ */ Le({
     "aria-describedby": {},
@@ -1151,6 +1148,6 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
   }
 });
 export {
-  vt as default
+  it as default
 };
 //# sourceMappingURL=Select.vue.js.map