@transsionfe/semi-ui-vue 0.0.1 → 0.0.3

package/lib/es/components/slider/Slider.vue2.js

@@ -0,0 +1,5 @@
+import f from "./Slider.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Slider.vue2.js.map

package/lib/es/components/slider/Slider.vue2.js.map

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

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

@@ -1,9 +1,8 @@
-import r from "./Slider.vue.js";
-import { createFieldEnhancer as e } from "../form/createFieldEnhancer.js";
-/* empty css            */
-const t = e(r, "SemiSlider");
+import e from "./Slider.vue.js";
+import { createFieldEnhancer as r } from "../form/createFieldEnhancer.js";
+const o = r(e, "SemiSlider");
 export {
-  t as Slider,
-  t as default
+  o as Slider,
+  o as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/slider/index.ts"],"sourcesContent":["import BaseSlider from './Slider.vue';\nimport { createFieldEnhancer } from '../form/createFieldEnhancer';\n\n// 导入样式（自动引入）\nimport './slider.scss';\n\nconst Slider = createFieldEnhancer(BaseSlider, 'SemiSlider');\n\nexport type { SliderProps, Marks, HandleDotConfig, SliderState } from './interface';\n\nexport default Slider;\nexport { Slider };\n"],"names":["Slider","createFieldEnhancer","BaseSlider"],"mappings":";;;AAMA,MAAMA,IAASC,EAAoBC,GAAY,YAAY;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/slider/index.ts"],"sourcesContent":["import BaseSlider from './Slider.vue';\nimport { createFieldEnhancer } from '../form/createFieldEnhancer';\n\n// 导入样式（自动引入）\nimport './slider.scss';\n\nconst Slider = createFieldEnhancer(BaseSlider, 'SemiSlider');\n\nexport type { SliderProps, Marks, HandleDotConfig, SliderState } from './interface';\n\nexport default Slider;\nexport { Slider };\n"],"names":["Slider","createFieldEnhancer","BaseSlider"],"mappings":";;AAIA,MAAAA,IAAOC,EAAAC,GAAA,YAAA;"}

package/lib/es/components/space/Space.vue2.js

@@ -0,0 +1,5 @@
+import f from "./Space.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Space.vue2.js.map

package/lib/es/components/space/Space.vue2.js.map

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

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

@@ -1,5 +1,4 @@
 import a from "./Space.vue.js";
-/* empty css           */
 a.name = "SemiSpace";
 export {
   a as Space,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/space/index.ts"],"sourcesContent":["import Space from './Space.vue';\nimport type { SpaceProps, Align, Spacing } from './interface';\n\n// 导入样式（自动引入）\nimport './space.scss';\n\nSpace.name = 'SemiSpace';\n\nexport default Space;\nexport { Space };\nexport type { SpaceProps, Align, Spacing };\n"],"names":["Space"],"mappings":";;AAMAA,EAAM,OAAO;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/space/index.ts"],"sourcesContent":["import Space from './Space.vue';\nimport type { SpaceProps, Align, Spacing } from './interface';\n\n// 导入样式（自动引入）\nimport './space.scss';\n\nSpace.name = 'SemiSpace';\n\nexport default Space;\nexport { Space };\nexport type { SpaceProps, Align, Spacing };\n"],"names":["Space"],"mappings":";AAIAA,EAAA,OAAO;"}

package/lib/es/components/spin/Spin.vue.js

@@ -2,11 +2,10 @@ import { defineComponent as h, useSlots as C, ref as u, watch as S, onUnmounted
 import E from "classnames";
 import { cssClasses as V } from "@douyinfe/semi-foundation/spin/constants";
 import D from "./SpinIcon.vue.js";
-/* empty css              */
 const F = {
   key: 2,
   "x-semi-prop": "tip"
-}, j = /* @__PURE__ */ h({
+}, X = /* @__PURE__ */ h({
   name: "Spin",
   __name: "Spin",
   props: {
@@ -74,6 +73,6 @@ const F = {
   }
 });
 export {
-  j as default
+  X as default
 };
 //# sourceMappingURL=Spin.vue.js.map

package/lib/es/components/spin/Spin.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spin.vue.js","sources":["../../../../src/components/spin/Spin.vue"],"sourcesContent":["<template>\n    <div :class=\"spinCls\" :style=\"style\">\n        <div v-if=\"loading\" :class=\"`${prefixCls}-wrapper`\">\n            <div v-if=\"indicator || $slots.indicator\" :class=\"`${prefixCls}-animate`\" x-semi-prop=\"indicator\">\n                <slot v-if=\"$slots.indicator\" name=\"indicator\"></slot>\n                <component :is=\"() => indicator\" v-else />\n            </div>\n            <SpinIcon v-else />\n            <div v-if=\"tip || $slots.tip\" x-semi-prop=\"tip\">\n                <slot v-if=\"$slots.tip\" name=\"tip\"></slot>\n                <template v-else-if=\"isString(tip)\">{{ tip }}</template>\n                <component :is=\"() => tip\" v-else />\n            </div>\n        </div>\n        <div :class=\"`${prefixCls}-children`\" :style=\"childStyle\" x-semi-prop=\"children\">\n            <slot></slot>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch, onUnmounted, useSlots } from 'vue';\nimport cls from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/spin/constants';\nimport SpinIcon from './SpinIcon.vue';\nimport { SpinProps } from './interface';\n\ndefineOptions({\n    name: 'Spin',\n});\n\nconst prefixCls = cssClasses.PREFIX;\n\nconst props = withDefaults(defineProps<SpinProps>(), {\n    size: 'middle',\n    spinning: true,\n    delay: 0,\n});\n\nconst slots = useSlots();\n\n// 类型判断辅助函数\nconst isString = (val: unknown): val is string => typeof val === 'string';\n\n// 状态管理\n// Default to true to avoid undefined reactive warning\nconst loading = ref(props.spinning ?? true);\nconst delayTimer = ref<number | null>(null);\n\n// 监听 spinning 变化\nwatch(\n    () => props.spinning,\n    (newSpinning) => {\n        if (!props.delay) {\n            loading.value = newSpinning;\n            return;\n        }\n\n        if (newSpinning === false) {\n            loading.value = false;\n            if (delayTimer.value) {\n                clearTimeout(delayTimer.value);\n                delayTimer.value = null;\n            }\n        } else {\n            // 延迟显示\n            delayTimer.value = window.setTimeout(() => {\n                loading.value = true;\n            }, props.delay);\n        }\n    },\n    { immediate: true }\n);\n\n// 清理定时器\nonUnmounted(() => {\n    if (delayTimer.value) {\n        clearTimeout(delayTimer.value);\n    }\n});\n\n// 计算样式类\nconst spinCls = computed(() => {\n    return cls(prefixCls, props.wrapperClassName, {\n        [`${prefixCls}-${props.size}`]: props.size,\n        [`${prefixCls}-block`]: slots.default,\n        [`${prefixCls}-hidden`]: !loading.value,\n    });\n});\n</script>\n"],"names":["prefixCls","cssClasses","props","__props","slots","useSlots","isString","val","loading","ref","delayTimer","watch","newSpinning","onUnmounted","spinCls","computed","cls","_createElementBlock","_unref","$slots","_renderSlot","_ctx","_openBlock","_createBlock","_resolveDynamicComponent","SpinIcon","_hoisted_1","_Fragment","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA+BA,UAAMA,IAAYC,EAAW,QAEvBC,IAAQC,GAMRC,IAAQC,EAAA,GAGRC,IAAW,CAACC,MAAgC,OAAOA,KAAQ,UAI3DC,IAAUC,EAAIP,EAAM,YAAY,EAAI,GACpCQ,IAAaD,EAAmB,IAAI;AAG1C,IAAAE;AAAA,MACI,MAAMT,EAAM;AAAA,MACZ,CAACU,MAAgB;AACb,YAAI,CAACV,EAAM,OAAO;AACd,UAAAM,EAAQ,QAAQI;AAChB;AAAA,QACJ;AAEA,QAAIA,MAAgB,MAChBJ,EAAQ,QAAQ,IACZE,EAAW,UACX,aAAaA,EAAW,KAAK,GAC7BA,EAAW,QAAQ,SAIvBA,EAAW,QAAQ,OAAO,WAAW,MAAM;AACvC,UAAAF,EAAQ,QAAQ;AAAA,QACpB,GAAGN,EAAM,KAAK;AAAA,MAEtB;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK,GAItBW,EAAY,MAAM;AACd,MAAIH,EAAW,SACX,aAAaA,EAAW,KAAK;AAAA,IAErC,CAAC;AAGD,UAAMI,IAAUC,EAAS,MACdC,EAAIhB,GAAWE,EAAM,kBAAkB;AAAA,MAC1C,CAAC,GAAGF,CAAS,IAAIE,EAAM,IAAI,EAAE,GAAGA,EAAM;AAAA,MACtC,CAAC,GAAGF,CAAS,QAAQ,GAAGI,EAAM;AAAA,MAC9B,CAAC,GAAGJ,CAAS,SAAS,GAAG,CAACQ,EAAQ;AAAA,IAAA,CACrC,CACJ;2BAvFGS,EAgBM,OAAA;AAAA,MAhBA,SAAOH,EAAA,KAAO;AAAA,MAAG,SAAOX,EAAA,KAAK;AAAA,IAAA;MACpBK,EAAA,cAAXS,EAWM,OAAA;AAAA;QAXe,YAAUC,EAAAlB,CAAA,CAAS,UAAA;AAAA,MAAA;QACzBG,EAAA,aAAagB,EAAAA,OAAO,kBAA/BF,EAGM,OAAA;AAAA;UAHqC,YAAUC,EAAAlB,CAAA,CAAS,UAAA;AAAA,UAAY,eAAY;AAAA,QAAA;UACtEmB,EAAAA,OAAO,YAAnBC,EAAsDC,EAAA,QAAA,aAAA,EAAA,KAAA,EAAA,CAAA,KACtDC,EAAA,GAAAC,EAA0CC,QAApBrB,EAAA,SAAS,GAAA,EAAA,KAAA,GAAA;AAAA,QAAA,eAEnCoB,EAAmBE,GAAA,EAAA,KAAA,EAAA,CAAA;AAAA,QACRtB,EAAA,OAAOgB,EAAAA,OAAO,OAAzBG,KAAAL,EAIM,OAJNS,GAIM;AAAA,UAHUP,EAAAA,OAAO,MAAnBC,EAA0CC,EAAA,QAAA,OAAA,EAAA,KAAA,EAAA,CAAA,IACrBf,EAASH,EAAA,GAAG,UAAjCc,EAAwDU,GAAA,EAAA,KAAA,KAAA;AAAA,gBAAjBxB,EAAA,GAAG,GAAA,CAAA;AAAA,UAAA,WAC1CmB,EAAA,GAAAC,EAAoCC,QAAdrB,EAAA,GAAG,GAAA,EAAA,KAAA,GAAA;AAAA,QAAA;;MAGjCyB,EAEM,OAAA;AAAA,QAFA,YAAUV,EAAAlB,CAAA,CAAS,WAAA;AAAA,QAAc,SAAOG,EAAA,UAAU;AAAA,QAAE,eAAY;AAAA,MAAA;QAClEiB,EAAaC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;"}
+{"version":3,"file":"Spin.vue.js","sources":["../../../../src/components/spin/Spin.vue"],"sourcesContent":["<template>\n    <div :class=\"spinCls\" :style=\"style\">\n        <div v-if=\"loading\" :class=\"`${prefixCls}-wrapper`\">\n            <div v-if=\"indicator || $slots.indicator\" :class=\"`${prefixCls}-animate`\" x-semi-prop=\"indicator\">\n                <slot v-if=\"$slots.indicator\" name=\"indicator\"></slot>\n                <component :is=\"() => indicator\" v-else />\n            </div>\n            <SpinIcon v-else />\n            <div v-if=\"tip || $slots.tip\" x-semi-prop=\"tip\">\n                <slot v-if=\"$slots.tip\" name=\"tip\"></slot>\n                <template v-else-if=\"isString(tip)\">{{ tip }}</template>\n                <component :is=\"() => tip\" v-else />\n            </div>\n        </div>\n        <div :class=\"`${prefixCls}-children`\" :style=\"childStyle\" x-semi-prop=\"children\">\n            <slot></slot>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch, onUnmounted, useSlots } from 'vue';\nimport cls from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/spin/constants';\nimport SpinIcon from './SpinIcon.vue';\nimport { SpinProps } from './interface';\n\ndefineOptions({\n    name: 'Spin',\n});\n\nconst prefixCls = cssClasses.PREFIX;\n\nconst props = withDefaults(defineProps<SpinProps>(), {\n    size: 'middle',\n    spinning: true,\n    delay: 0,\n});\n\nconst slots = useSlots();\n\n// 类型判断辅助函数\nconst isString = (val: unknown): val is string => typeof val === 'string';\n\n// 状态管理\n// Default to true to avoid undefined reactive warning\nconst loading = ref(props.spinning ?? true);\nconst delayTimer = ref<number | null>(null);\n\n// 监听 spinning 变化\nwatch(\n    () => props.spinning,\n    (newSpinning) => {\n        if (!props.delay) {\n            loading.value = newSpinning;\n            return;\n        }\n\n        if (newSpinning === false) {\n            loading.value = false;\n            if (delayTimer.value) {\n                clearTimeout(delayTimer.value);\n                delayTimer.value = null;\n            }\n        } else {\n            // 延迟显示\n            delayTimer.value = window.setTimeout(() => {\n                loading.value = true;\n            }, props.delay);\n        }\n    },\n    { immediate: true }\n);\n\n// 清理定时器\nonUnmounted(() => {\n    if (delayTimer.value) {\n        clearTimeout(delayTimer.value);\n    }\n});\n\n// 计算样式类\nconst spinCls = computed(() => {\n    return cls(prefixCls, props.wrapperClassName, {\n        [`${prefixCls}-${props.size}`]: props.size,\n        [`${prefixCls}-block`]: slots.default,\n        [`${prefixCls}-hidden`]: !loading.value,\n    });\n});\n</script>\n"],"names":["prefixCls","cssClasses","props","__props","slots","useSlots","isString","val","loading","ref","delayTimer","watch","newSpinning","onUnmounted","spinCls","computed","cls","_createElementBlock","_unref","$slots","_renderSlot","_ctx","_openBlock","_createBlock","_resolveDynamicComponent","SpinIcon","_hoisted_1","_Fragment","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA+BA,UAAMA,IAAYC,EAAW,QAEvBC,IAAQC,GAMRC,IAAQC,EAAA,GAGRC,IAAW,CAACC,MAAgC,OAAOA,KAAQ,UAI3DC,IAAUC,EAAIP,EAAM,YAAY,EAAI,GACpCQ,IAAaD,EAAmB,IAAI;AAG1C,IAAAE;AAAA,MACI,MAAMT,EAAM;AAAA,MACZ,CAACU,MAAgB;AACb,YAAI,CAACV,EAAM,OAAO;AACd,UAAAM,EAAQ,QAAQI;AAChB;AAAA,QACJ;AAEA,QAAIA,MAAgB,MAChBJ,EAAQ,QAAQ,IACZE,EAAW,UACX,aAAaA,EAAW,KAAK,GAC7BA,EAAW,QAAQ,SAIvBA,EAAW,QAAQ,OAAO,WAAW,MAAM;AACvC,UAAAF,EAAQ,QAAQ;AAAA,QACpB,GAAGN,EAAM,KAAK;AAAA,MAEtB;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK,GAItBW,EAAY,MAAM;AACd,MAAIH,EAAW,SACX,aAAaA,EAAW,KAAK;AAAA,IAErC,CAAC;AAGD,UAAMI,IAAUC,EAAS,MACdC,EAAIhB,GAAWE,EAAM,kBAAkB;AAAA,MAC1C,CAAC,GAAGF,CAAS,IAAIE,EAAM,IAAI,EAAE,GAAGA,EAAM;AAAA,MACtC,CAAC,GAAGF,CAAS,QAAQ,GAAGI,EAAM;AAAA,MAC9B,CAAC,GAAGJ,CAAS,SAAS,GAAG,CAACQ,EAAQ;AAAA,IAAA,CACrC,CACJ;2BAvFGS,EAgBM,OAAA;AAAA,MAhBA,SAAOH,EAAA,KAAO;AAAA,MAAG,SAAOX,EAAA,KAAK;AAAA,IAAA;MACpBK,EAAA,cAAXS,EAWM,OAAA;AAAA;QAXe,YAAUC,EAAAlB,CAAA,CAAS,UAAA;AAAA,MAAA;QACzBG,EAAA,aAAagB,EAAAA,OAAO,kBAA/BF,EAGM,OAAA;AAAA;UAHqC,YAAUC,EAAAlB,CAAA,CAAS,UAAA;AAAA,UAAY,eAAY;AAAA,QAAA;UACtEmB,EAAAA,OAAO,YAAnBC,EAAsDC,EAAA,QAAA,aAAA,EAAA,KAAA,EAAA,CAAA,KACtDC,EAAA,GAAAC,EAA0CC,QAApBrB,EAAA,SAAS,GAAA,EAAA,KAAA,GAAA;AAAA,QAAA,eAEnCoB,EAAmBE,GAAA,EAAA,KAAA,EAAA,CAAA;AAAA,QACRtB,EAAA,OAAOgB,EAAAA,OAAO,OAAzBG,KAAAL,EAIM,OAJNS,GAIM;AAAA,UAHUP,EAAAA,OAAO,MAAnBC,EAA0CC,EAAA,QAAA,OAAA,EAAA,KAAA,EAAA,CAAA,IACrBf,EAASH,EAAA,GAAG,UAAjCc,EAAwDU,GAAA,EAAA,KAAA,KAAA;AAAA,gBAAjBxB,EAAA,GAAG,GAAA,CAAA;AAAA,UAAA,WAC1CmB,EAAA,GAAAC,EAAoCC,QAAdrB,EAAA,GAAG,GAAA,EAAA,KAAA,GAAA;AAAA,QAAA;;MAGjCyB,EAEM,OAAA;AAAA,QAFA,YAAUV,EAAAlB,CAAA,CAAS,WAAA;AAAA,QAAc,SAAOG,EAAA,UAAU;AAAA,QAAE,eAAY;AAAA,MAAA;QAClEiB,EAAaC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

package/lib/es/components/spin/Spin.vue2.js

@@ -0,0 +1,5 @@
+import f from "./Spin.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Spin.vue2.js.map

package/lib/es/components/spin/Spin.vue2.js.map

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

package/lib/es/components/spin/SpinIcon.vue2.js

@@ -0,0 +1,5 @@
+import f from "./SpinIcon.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=SpinIcon.vue2.js.map

package/lib/es/components/spin/SpinIcon.vue2.js.map

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

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

@@ -1,7 +1,6 @@
-import i from "./Spin.vue.js";
-/* empty css          */
+import f from "./Spin.vue.js";
 export {
-  i as Spin,
-  i as default
+  f as Spin,
+  f as default
 };
 //# sourceMappingURL=index.js.map

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

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

package/lib/es/components/steps/BasicStep.vue2.js

@@ -0,0 +1,5 @@
+import f from "./BasicStep.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=BasicStep.vue2.js.map

package/lib/es/components/steps/BasicStep.vue2.js.map

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

package/lib/es/components/steps/BasicSteps.vue2.js

@@ -0,0 +1,5 @@
+import f from "./BasicSteps.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=BasicSteps.vue2.js.map

package/lib/es/components/steps/BasicSteps.vue2.js.map

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

package/lib/es/components/steps/FillStep.vue2.js

@@ -0,0 +1,5 @@
+import f from "./FillStep.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=FillStep.vue2.js.map

package/lib/es/components/steps/FillStep.vue2.js.map

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

package/lib/es/components/steps/FillSteps.vue.js

@@ -4,8 +4,7 @@ import { stepsClasses as D } from "@douyinfe/semi-foundation/steps/constants";
 import W from "@douyinfe/semi-foundation/utils/getDataAttr";
 import v from "../grid/Row.vue.js";
 import I from "../grid/Col.vue.js";
-/* empty css                */
-const L = ["aria-label"], H = /* @__PURE__ */ S({
+const L = ["aria-label"], G = /* @__PURE__ */ S({
   __name: "FillSteps",
   props: {
     prefixCls: { default: D.PREFIX },
@@ -80,6 +79,6 @@ const L = ["aria-label"], H = /* @__PURE__ */ S({
   }
 });
 export {
-  H as default
+  G as default
 };
 //# sourceMappingURL=FillSteps.vue.js.map

package/lib/es/components/steps/FillSteps.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"FillSteps.vue.js","sources":["../../../../src/components/steps/FillSteps.vue"],"sourcesContent":["<template>\n    <div :class=\"wrapperCls\" :style=\"style\" :aria-label=\"props['aria-label']\" v-bind=\"dataAttrs\">\n        <Row type=\"flex\" justify=\"start\">\n            <template v-for=\"(child, index) in childrenArray\" :key=\"index\">\n                <Col :style=\"colStyle\">\n                    <component :is=\"child.type\" v-bind=\"getChildProps(child, index)\" />\n                </Col>\n            </template>\n        </Row>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useSlots, VNode, Comment, Fragment, Text } from 'vue';\nimport classnames from 'classnames';\nimport { stepsClasses as css } from '@douyinfe/semi-foundation/steps/constants';\nimport getDataAttr from '@douyinfe/semi-foundation/utils/getDataAttr';\nimport { Row, Col } from '../grid';\nimport type { FillStepsProps } from './interface';\n\nconst props = withDefaults(defineProps<FillStepsProps>(), {\n    prefixCls: css.PREFIX,\n    current: 0,\n    direction: 'horizontal',\n    initial: 0,\n    status: 'process',\n});\n\nconst emit = defineEmits<{\n    change: [current: number];\n}>();\n\nconst slots = useSlots();\n\n// Filter valid children\nconst childrenArray = computed(() => {\n    const children = slots.default?.() || [];\n    const filtered: VNode[] = [];\n\n    const flatten = (vnodes: VNode[]) => {\n        vnodes.forEach((vnode) => {\n            if (vnode.type === Comment) return;\n            if (vnode.type === Text && !vnode.children?.toString().trim()) return;\n            if (vnode.type === Fragment && Array.isArray(vnode.children)) {\n                flatten(vnode.children as VNode[]);\n            } else if (vnode.type !== Text) {\n                filtered.push(vnode);\n            }\n        });\n    };\n\n    flatten(children);\n    return filtered;\n});\n\nconst colStyle = computed(() => {\n    if (props.direction === 'vertical') {\n        return null;\n    }\n    return { width: `${100 / childrenArray.value.length}%` };\n});\n\nconst getChildProps = (child: VNode, index: number) => {\n    const stepNumber = props.initial + index;\n    const originalProps = child.props || {};\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const childProps: Record<string, any> = {\n        stepNumber: `${stepNumber + 1}`,\n        direction: props.direction,\n        // Only copy specific props we need, not all props\n        title: originalProps.title,\n        description: originalProps.description,\n        icon: originalProps.icon,\n        style: originalProps.style,\n        className: originalProps.className,\n        'aria-label': originalProps['aria-label'],\n        onClick: originalProps.onClick,\n    };\n\n    if (props.status === 'error' && index === props.current - 1) {\n        childProps.className = `${props.prefixCls}-next-error`;\n    }\n\n    if (!originalProps.status) {\n        if (stepNumber === props.current) {\n            childProps.status = props.status;\n        } else if (stepNumber < props.current) {\n            childProps.status = 'finish';\n        } else {\n            childProps.status = 'wait';\n        }\n    } else {\n        childProps.status = originalProps.status;\n    }\n\n    // 添加点击处理\n    childProps.onChange = () => {\n        if (index !== props.current) {\n            emit('change', index + props.initial);\n        }\n    };\n\n    return childProps;\n};\n\nconst wrapperCls = computed(() => {\n    return classnames(props.className, {\n        [props.prefixCls]: true,\n        [`${props.prefixCls}-${props.direction}`]: true,\n    });\n});\n\nconst dataAttrs = computed(() => {\n    const restProps: Record<string, unknown> = {};\n    Object.keys(props).forEach((key) => {\n        if (key.startsWith('data-') || key.startsWith('aria-')) {\n            restProps[key] = (props as Record<string, unknown>)[key];\n        }\n    });\n    return getDataAttr(restProps);\n});\n</script>\n"],"names":["props","__props","emit","__emit","slots","useSlots","childrenArray","computed","children","_a","filtered","flatten","vnodes","vnode","Comment","Text","Fragment","colStyle","getChildProps","child","index","stepNumber","originalProps","childProps","wrapperCls","classnames","dataAttrs","restProps","key","getDataAttr","_openBlock","_createElementBlock","_mergeProps","_createVNode","_unref","Row","_Fragment","_renderList","_createBlock","Col","_resolveDynamicComponent"],"mappings":"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"}
+{"version":3,"file":"FillSteps.vue.js","sources":["../../../../src/components/steps/FillSteps.vue"],"sourcesContent":["<template>\n    <div :class=\"wrapperCls\" :style=\"style\" :aria-label=\"props['aria-label']\" v-bind=\"dataAttrs\">\n        <Row type=\"flex\" justify=\"start\">\n            <template v-for=\"(child, index) in childrenArray\" :key=\"index\">\n                <Col :style=\"colStyle\">\n                    <component :is=\"child.type\" v-bind=\"getChildProps(child, index)\" />\n                </Col>\n            </template>\n        </Row>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useSlots, VNode, Comment, Fragment, Text } from 'vue';\nimport classnames from 'classnames';\nimport { stepsClasses as css } from '@douyinfe/semi-foundation/steps/constants';\nimport getDataAttr from '@douyinfe/semi-foundation/utils/getDataAttr';\nimport { Row, Col } from '../grid';\nimport type { FillStepsProps } from './interface';\n\nconst props = withDefaults(defineProps<FillStepsProps>(), {\n    prefixCls: css.PREFIX,\n    current: 0,\n    direction: 'horizontal',\n    initial: 0,\n    status: 'process',\n});\n\nconst emit = defineEmits<{\n    change: [current: number];\n}>();\n\nconst slots = useSlots();\n\n// Filter valid children\nconst childrenArray = computed(() => {\n    const children = slots.default?.() || [];\n    const filtered: VNode[] = [];\n\n    const flatten = (vnodes: VNode[]) => {\n        vnodes.forEach((vnode) => {\n            if (vnode.type === Comment) return;\n            if (vnode.type === Text && !vnode.children?.toString().trim()) return;\n            if (vnode.type === Fragment && Array.isArray(vnode.children)) {\n                flatten(vnode.children as VNode[]);\n            } else if (vnode.type !== Text) {\n                filtered.push(vnode);\n            }\n        });\n    };\n\n    flatten(children);\n    return filtered;\n});\n\nconst colStyle = computed(() => {\n    if (props.direction === 'vertical') {\n        return null;\n    }\n    return { width: `${100 / childrenArray.value.length}%` };\n});\n\nconst getChildProps = (child: VNode, index: number) => {\n    const stepNumber = props.initial + index;\n    const originalProps = child.props || {};\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const childProps: Record<string, any> = {\n        stepNumber: `${stepNumber + 1}`,\n        direction: props.direction,\n        // Only copy specific props we need, not all props\n        title: originalProps.title,\n        description: originalProps.description,\n        icon: originalProps.icon,\n        style: originalProps.style,\n        className: originalProps.className,\n        'aria-label': originalProps['aria-label'],\n        onClick: originalProps.onClick,\n    };\n\n    if (props.status === 'error' && index === props.current - 1) {\n        childProps.className = `${props.prefixCls}-next-error`;\n    }\n\n    if (!originalProps.status) {\n        if (stepNumber === props.current) {\n            childProps.status = props.status;\n        } else if (stepNumber < props.current) {\n            childProps.status = 'finish';\n        } else {\n            childProps.status = 'wait';\n        }\n    } else {\n        childProps.status = originalProps.status;\n    }\n\n    // 添加点击处理\n    childProps.onChange = () => {\n        if (index !== props.current) {\n            emit('change', index + props.initial);\n        }\n    };\n\n    return childProps;\n};\n\nconst wrapperCls = computed(() => {\n    return classnames(props.className, {\n        [props.prefixCls]: true,\n        [`${props.prefixCls}-${props.direction}`]: true,\n    });\n});\n\nconst dataAttrs = computed(() => {\n    const restProps: Record<string, unknown> = {};\n    Object.keys(props).forEach((key) => {\n        if (key.startsWith('data-') || key.startsWith('aria-')) {\n            restProps[key] = (props as Record<string, unknown>)[key];\n        }\n    });\n    return getDataAttr(restProps);\n});\n</script>\n"],"names":["props","__props","emit","__emit","slots","useSlots","childrenArray","computed","children","_a","filtered","flatten","vnodes","vnode","Comment","Text","Fragment","colStyle","getChildProps","child","index","stepNumber","originalProps","childProps","wrapperCls","classnames","dataAttrs","restProps","key","getDataAttr","_openBlock","_createElementBlock","_mergeProps","_createVNode","_unref","Row","_Fragment","_renderList","_createBlock","Col","_resolveDynamicComponent"],"mappings":"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"}

package/lib/es/components/steps/FillSteps.vue2.js

@@ -0,0 +1,5 @@
+import f from "./FillSteps.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=FillSteps.vue2.js.map

package/lib/es/components/steps/FillSteps.vue2.js.map

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

package/lib/es/components/steps/NavStep.vue2.js

@@ -0,0 +1,5 @@
+import f from "./NavStep.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=NavStep.vue2.js.map

package/lib/es/components/steps/NavStep.vue2.js.map

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

package/lib/es/components/steps/NavSteps.vue2.js

@@ -0,0 +1,5 @@
+import f from "./NavSteps.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=NavSteps.vue2.js.map

package/lib/es/components/steps/NavSteps.vue2.js.map

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

package/lib/es/components/steps/Step.vue2.js

@@ -0,0 +1,5 @@
+import f from "./Step.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Step.vue2.js.map

package/lib/es/components/steps/Step.vue2.js.map

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

package/lib/es/components/steps/Steps.vue2.js

@@ -0,0 +1,5 @@
+import f from "./Steps.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Steps.vue2.js.map

package/lib/es/components/steps/Steps.vue2.js.map

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

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

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

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

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

package/lib/es/components/switch/Switch.vue2.js

@@ -0,0 +1,5 @@
+import f from "./Switch.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Switch.vue2.js.map

package/lib/es/components/switch/Switch.vue2.js.map

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

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

@@ -1,9 +1,8 @@
 import t from "./Switch.vue.js";
-import { createFieldEnhancer as i } from "../form/createFieldEnhancer.js";
-/* empty css            */
-const o = i(t, "SemiSwitch");
+import { createFieldEnhancer as e } from "../form/createFieldEnhancer.js";
+const c = e(t, "SemiSwitch");
 export {
-  o as Switch,
-  o as default
+  c as Switch,
+  c as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/switch/index.ts"],"sourcesContent":["import BaseSwitch from './Switch.vue';\nimport { createFieldEnhancer } from '../form/createFieldEnhancer';\n\n// 导入样式（自动引入）\nimport './switch.scss';\n\nconst Switch = createFieldEnhancer(BaseSwitch, 'SemiSwitch');\n\nexport type { SwitchProps } from './interface';\nexport default Switch;\nexport { Switch };\n"],"names":["Switch","createFieldEnhancer","BaseSwitch"],"mappings":";;;AAMA,MAAMA,IAASC,EAAoBC,GAAY,YAAY;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/switch/index.ts"],"sourcesContent":["import BaseSwitch from './Switch.vue';\nimport { createFieldEnhancer } from '../form/createFieldEnhancer';\n\n// 导入样式（自动引入）\nimport './switch.scss';\n\nconst Switch = createFieldEnhancer(BaseSwitch, 'SemiSwitch');\n\nexport type { SwitchProps } from './interface';\nexport default Switch;\nexport { Switch };\n"],"names":["Switch","createFieldEnhancer","BaseSwitch"],"mappings":";;AAIA,MAAAA,IAAOC,EAAAC,GAAA,YAAA;"}

package/lib/es/components/table/Column.vue2.js

@@ -0,0 +1,5 @@
+import f from "./Column.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Column.vue2.js.map

package/lib/es/components/table/Column.vue2.js.map

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

package/lib/es/components/table/ColumnFilter.vue2.js

@@ -0,0 +1,133 @@
+import { defineComponent as $, computed as i, ref as V, watch as w, isVNode as N, h as a, createBlock as F, openBlock as d, unref as h, mergeProps as M, withCtx as W, createElementBlock as q, normalizeClass as z, createElementVNode as G, createVNode as R, resolveDynamicComponent as T, nextTick as A } from "vue";
+import { isEqual as O } from "lodash";
+import X from "classnames";
+import { cssClasses as j } from "@douyinfe/semi-foundation/table/constants";
+import H from "../dropdown/index.js";
+import J from "../checkbox/index.js";
+import K from "../radio/index.js";
+import L from "../dropdown/DropdownMenu.vue.js";
+import Q from "../dropdown/DropdownItem.vue.js";
+import U from "../icons/icons/IconFilter.js";
+const ae = /* @__PURE__ */ $({
+  name: "SemiColumnFilter",
+  __name: "ColumnFilter",
+  props: {
+    prefixCls: { default: j.PREFIX },
+    filteredValue: { default: () => [] },
+    filterIcon: { type: [Boolean, Function] },
+    filterDropdownProps: {},
+    onSelect: {},
+    filterDropdownVisible: { type: Boolean },
+    renderFilterDropdown: {},
+    onFilterDropdownVisibleChange: {},
+    filters: { default: () => [] },
+    filterMultiple: { type: Boolean, default: !0 },
+    level: { default: 0 }
+  },
+  emits: ["select"],
+  setup(u, { emit: C }) {
+    const l = u, s = C, c = i(() => typeof l.filterDropdownVisible < "u"), r = V(l.filteredValue || []), n = V(l.filterDropdownVisible ?? !1), D = i(() => c.value ? !!l.filterDropdownVisible : n.value);
+    w(
+      () => l.filterDropdownVisible,
+      (e) => {
+        typeof e < "u" && (n.value = e);
+      }
+    ), w(
+      () => l.filteredValue,
+      (e) => {
+        r.value = e || [];
+      },
+      { deep: !0 }
+    );
+    const b = i(() => "click"), g = i(() => "bottom"), x = i(
+      () => X(`${l.prefixCls}-column-filter`, {
+        on: (l.filteredValue || []).length > 0
+      })
+    ), f = i(() => typeof l.filterIcon == "function" ? () => l.filterIcon((l.filteredValue || []).length > 0) : l.filterIcon && l.filterIcon !== !0 && l.filterIcon !== !1 ? () => l.filterIcon : null), p = (e) => (l.filteredValue || []).includes(e), k = (e, t) => {
+      t && t.stopPropagation();
+      let o = [...l.filteredValue || []];
+      const m = o.includes(e.value), v = o.indexOf(e.value);
+      v > -1 ? o.splice(v, 1) : l.filterMultiple ? o.push(e.value) : o = [e.value], l.onSelect && l.onSelect({
+        value: e.value,
+        filteredValue: o,
+        included: !m,
+        domEvent: t
+      }), s("select", {
+        value: e.value,
+        filteredValue: o,
+        included: !m,
+        domEvent: t
+      });
+    }, y = (e = {}) => {
+      const t = (e == null ? void 0 : e.filteredValue) || r.value;
+      O(t, l.filteredValue) || (l.onSelect && l.onSelect({ filteredValue: t }), s("select", { filteredValue: t })), e != null && e.closeDropdown && (n.value = !1);
+    }, I = (e = {}) => {
+      r.value = [], l.onSelect && l.onSelect({ filteredValue: [] }), s("select", { filteredValue: [] }), e.closeDropdown && (n.value = !1);
+    }, S = () => {
+      n.value = !1;
+    }, B = (e) => {
+      c.value || (n.value = e), l.onFilterDropdownVisibleChange && (e ? A(() => {
+        requestAnimationFrame(() => {
+          var t;
+          return (t = l.onFilterDropdownVisibleChange) == null ? void 0 : t.call(l, e);
+        });
+      }) : l.onFilterDropdownVisibleChange(e));
+    }, E = i(() => ({
+      tempFilteredValue: r.value,
+      setTempFilteredValue: (e) => {
+        r.value = e;
+      },
+      confirm: y,
+      clear: I,
+      close: S,
+      filters: l.filters
+    })), _ = i(() => typeof l.renderFilterDropdown == "function" ? ({ initialFocusRef: e }) => {
+      const t = l.renderFilterDropdown({
+        ...E.value,
+        initialFocusRef: e
+      });
+      return N(t) ? t : null;
+    } : a(
+      L,
+      {},
+      () => l.filters.map(
+        (e, t) => a(
+          Q,
+          {
+            key: `${l.level}_${t}`,
+            onClick: (o) => k(e, o)
+          },
+          () => l.filterMultiple ? a(J, { checked: p(e.value) }, () => e.text) : a(K, { checked: p(e.value) }, () => e.text)
+        )
+      )
+    ));
+    return (e, t) => (d(), F(h(H), M({
+      visible: D.value,
+      trigger: b.value,
+      position: g.value,
+      class: `${u.prefixCls}-column-filter-dropdown`,
+      render: _.value
+    }, u.filterDropdownProps, { onVisibleChange: B }), {
+      default: W(() => [
+        f.value ? (d(), F(T(f.value), { key: 1 })) : (d(), q("div", {
+          key: 0,
+          class: z(x.value)
+        }, [
+          t[0] || (t[0] = G("span", null, "​", -1)),
+          R(h(U), {
+            role: "button",
+            "aria-label": "Filter data with this column",
+            "aria-haspopup": "listbox",
+            tabindex: "-1",
+            size: "default"
+          })
+        ], 2))
+      ]),
+      _: 1
+    }, 16, ["visible", "trigger", "position", "class", "render"]));
+  }
+});
+export {
+  ae as default
+};
+//# sourceMappingURL=ColumnFilter.vue2.js.map

package/lib/es/components/table/ColumnFilter.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnFilter.vue2.js","sources":["../../../../src/components/table/ColumnFilter.vue"],"sourcesContent":["<template>\n    <Dropdown\n        :visible=\"mergedVisible\"\n        :trigger=\"trigger\"\n        :position=\"position\"\n        :class=\"`${prefixCls}-column-filter-dropdown`\"\n        :render=\"renderDropdownContent\"\n        v-bind=\"filterDropdownProps\"\n        @visible-change=\"handleFilterDropdownVisibleChange\"\n    >\n        <div v-if=\"!customFilterIcon\" :class=\"filterIconCls\">\n            <span>&#8203;</span>\n            <IconFilter\n                role=\"button\"\n                aria-label=\"Filter data with this column\"\n                aria-haspopup=\"listbox\"\n                tabindex=\"-1\"\n                size=\"default\"\n            />\n        </div>\n        <component :is=\"customFilterIcon\" v-else />\n    </Dropdown>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, h, isVNode, nextTick } from 'vue';\nimport { isEqual } from 'lodash';\nimport classnames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/table/constants';\nimport Dropdown, { DropdownMenu, DropdownItem } from '../dropdown';\nimport Checkbox from '../checkbox';\nimport Radio from '../radio';\nimport { IconFilter } from '../icons';\nimport type { Filter, FilterIcon, OnFilterDropdownVisibleChange } from './interface';\n\ndefineOptions({\n    name: 'SemiColumnFilter',\n});\n\ninterface RenderFilterDropdownProps {\n    tempFilteredValue?: any[];\n    setTempFilteredValue?: (value: any[]) => void;\n    confirm?: (props?: { filteredValue?: any[]; closeDropdown?: boolean }) => void;\n    clear?: (props?: { closeDropdown?: boolean }) => void;\n    close?: () => void;\n    filters?: Filter[];\n}\n\ninterface Props {\n    prefixCls?: string;\n    filteredValue?: any[];\n    filterIcon?: FilterIcon;\n    filterDropdownProps?: any;\n    onSelect?: (data: { value?: any; filteredValue: any[]; included?: boolean; domEvent?: Event }) => void;\n    filterDropdownVisible?: boolean;\n    renderFilterDropdown?: (props: RenderFilterDropdownProps & { initialFocusRef?: any }) => any;\n    onFilterDropdownVisibleChange?: OnFilterDropdownVisibleChange;\n    filters?: Filter[];\n    filterMultiple?: boolean;\n    level?: number;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n    prefixCls: cssClasses.PREFIX,\n    filterMultiple: true,\n    level: 0,\n    filters: () => [],\n    filteredValue: () => [],\n});\n\nconst emit = defineEmits<{\n    (e: 'select', data: { value?: any; filteredValue: any[]; included?: boolean; domEvent?: Event }): void;\n}>();\n\nconst isFilterDropdownVisibleControlled = computed(() => typeof props.filterDropdownVisible !== 'undefined');\n\nconst tempFilteredValue = ref<any[]>(props.filteredValue || []);\nconst dropdownVisible = ref<boolean>(props.filterDropdownVisible ?? false);\nconst mergedVisible = computed<boolean>(() => {\n    if (isFilterDropdownVisibleControlled.value) {\n        return Boolean(props.filterDropdownVisible);\n    }\n    return dropdownVisible.value;\n});\n\nwatch(\n    () => props.filterDropdownVisible,\n    (newVal) => {\n        if (typeof newVal !== 'undefined') {\n            dropdownVisible.value = newVal;\n        }\n    }\n);\n\nwatch(\n    () => props.filteredValue,\n    (newVal) => {\n        tempFilteredValue.value = newVal || [];\n    },\n    { deep: true }\n);\n\nconst trigger = computed(() => 'click');\nconst position = computed(() => 'bottom');\n\nconst filterIconCls = computed(() =>\n    classnames(`${props.prefixCls}-column-filter`, {\n        on: (props.filteredValue || []).length > 0,\n    })\n);\n\nconst customFilterIcon = computed(() => {\n    if (typeof props.filterIcon === 'function') {\n        return () => props.filterIcon((props.filteredValue || []).length > 0);\n    }\n    if (props.filterIcon && props.filterIcon !== true && props.filterIcon !== false) {\n        return () => props.filterIcon;\n    }\n    return null;\n});\n\nconst isFilterChecked = (value: any) => {\n    return (props.filteredValue || []).includes(value);\n};\n\nconst handleFilterSelect = (filter: Filter, e: MouseEvent) => {\n    if (e) {\n        e.stopPropagation();\n        // 仅阻止冒泡，避免 Dropdown 立即关闭；不要 preventDefault，以免影响 Checkbox 自身 click 行为\n    }\n\n    let values = [...(props.filteredValue || [])];\n    const included = values.includes(filter.value);\n    const idx = values.indexOf(filter.value);\n\n    if (idx > -1) {\n        values.splice(idx, 1);\n    } else if (props.filterMultiple) {\n        values.push(filter.value);\n    } else {\n        values = [filter.value];\n    }\n\n    if (props.onSelect) {\n        props.onSelect({\n            value: filter.value,\n            filteredValue: values,\n            included: !included,\n            domEvent: e,\n        });\n    }\n    emit('select', {\n        value: filter.value,\n        filteredValue: values,\n        included: !included,\n        domEvent: e,\n    });\n};\n\nconst confirm: RenderFilterDropdownProps['confirm'] = (confirmProps = {}) => {\n    const newFilteredValue = confirmProps?.filteredValue || tempFilteredValue.value;\n    if (!isEqual(newFilteredValue, props.filteredValue)) {\n        if (props.onSelect) {\n            props.onSelect({ filteredValue: newFilteredValue });\n        }\n        emit('select', { filteredValue: newFilteredValue });\n    }\n    if (confirmProps?.closeDropdown) {\n        dropdownVisible.value = false;\n    }\n};\n\nconst clear: RenderFilterDropdownProps['clear'] = (clearProps: { closeDropdown?: boolean } = {}) => {\n    tempFilteredValue.value = [];\n    if (props.onSelect) {\n        props.onSelect({ filteredValue: [] });\n    }\n    emit('select', { filteredValue: [] });\n    if (clearProps.closeDropdown) {\n        dropdownVisible.value = false;\n    }\n};\n\nconst close: RenderFilterDropdownProps['close'] = () => {\n    dropdownVisible.value = false;\n};\n\nconst handleFilterDropdownVisibleChange = (visible: boolean) => {\n    // Tooltip/Dropdown 内部触发可见性变化时（例如 clickOutside/esc），非受控下同步回内部状态\n    if (!isFilterDropdownVisibleControlled.value) {\n        dropdownVisible.value = visible;\n    }\n    if (props.onFilterDropdownVisibleChange) {\n        if (visible) {\n            // 对齐 React 使用习惯：打开后立即 focus 输入框。\n            // Vue 版本中 dropdown 内容通过 portal 挂载，visible-change 可能早于内容渲染完成，\n            // 这里延后到 nextTick + rAF，确保内容已插入 DOM。\n            nextTick(() => {\n                requestAnimationFrame(() => props.onFilterDropdownVisibleChange?.(visible));\n            });\n        } else {\n            props.onFilterDropdownVisibleChange(visible);\n        }\n    }\n};\n\nconst renderFilterDropdownProps = computed<RenderFilterDropdownProps>(() => ({\n    tempFilteredValue: tempFilteredValue.value,\n    setTempFilteredValue: (value: any[]) => {\n        tempFilteredValue.value = value;\n    },\n    confirm,\n    clear,\n    close,\n    filters: props.filters,\n}));\n\nconst renderDropdownContent = computed(() => {\n    // 自定义筛选器：通过 render function 透传 Tooltip 的 initialFocusRef，\n    // Tooltip 在打开时会调用 adapter.setInitialFocus，从而实现“打开后自动聚焦”（对齐 React demo）。\n    if (typeof props.renderFilterDropdown === 'function') {\n        return ({ initialFocusRef }: { initialFocusRef: any }) => {\n            const component = props.renderFilterDropdown({\n                ...renderFilterDropdownProps.value,\n                initialFocusRef,\n            });\n            return isVNode(component) ? component : null;\n        };\n    }\n    return h(DropdownMenu, {}, () =>\n        props.filters.map((filter, index) =>\n            h(\n                DropdownItem,\n                {\n                    key: `${props.level}_${index}`,\n                    onClick: (e: MouseEvent) => handleFilterSelect(filter, e),\n                },\n                () =>\n                    props.filterMultiple\n                        ? h(Checkbox, { checked: isFilterChecked(filter.value) }, () => filter.text)\n                        : h(Radio, { checked: isFilterChecked(filter.value) }, () => filter.text)\n            )\n        )\n    );\n});\n</script>\n"],"names":["props","__props","emit","__emit","isFilterDropdownVisibleControlled","computed","tempFilteredValue","ref","dropdownVisible","mergedVisible","watch","newVal","trigger","position","filterIconCls","classnames","customFilterIcon","isFilterChecked","value","handleFilterSelect","filter","e","values","included","idx","confirm","confirmProps","newFilteredValue","isEqual","clear","clearProps","close","handleFilterDropdownVisibleChange","visible","nextTick","_a","renderFilterDropdownProps","renderDropdownContent","initialFocusRef","component","isVNode","h","DropdownMenu","index","DropdownItem","Checkbox","Radio","_openBlock","_createBlock","_unref","_mergeProps","_resolveDynamicComponent","_createElementBlock","_cache","_createElementVNode","_createVNode","IconFilter"],"mappings":"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"}

package/lib/es/components/table/ColumnSorter.vue2.js

@@ -0,0 +1,73 @@
+import { defineComponent as O, computed as n, createElementBlock as l, openBlock as s, withModifiers as a, normalizeClass as r, renderSlot as S, createBlock as h, createCommentVNode as w, toDisplayString as v, normalizeStyle as x, createElementVNode as i, createVNode as c, unref as d, resolveDynamicComponent as $ } from "vue";
+import m from "classnames";
+import { cssClasses as N, strings as u } from "@douyinfe/semi-foundation/table/constants";
+import E from "../icons/icons/IconCaretup.js";
+import b from "../icons/icons/IconCaretdown.js";
+const B = ["aria-label"], V = /* @__PURE__ */ O({
+  name: "SemiColumnSorter",
+  __name: "ColumnSorter",
+  props: {
+    className: {},
+    style: {},
+    onClick: { type: Function, default: () => {
+    } },
+    prefixCls: { default: N.PREFIX },
+    sortOrder: { type: Boolean, default: !1 },
+    title: {},
+    sortIcon: {},
+    showTooltip: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, f = n(
+      () => m(`${t.prefixCls}-column-sorter-up`, {
+        on: t.sortOrder === u.SORT_DIRECTIONS[0]
+      })
+    ), C = n(
+      () => m(`${t.prefixCls}-column-sorter-down`, {
+        on: t.sortOrder === u.SORT_DIRECTIONS[1]
+      })
+    ), p = n(() => `Current sort order is ${t.sortOrder ? `${t.sortOrder}ing` : "none"}`), y = (o) => {
+      t.onClick(o);
+    }, k = (o) => {
+    }, I = (o) => {
+      o.key === "Enter" && t.onClick(o);
+    };
+    return (o, D) => (s(), l("div", {
+      role: "button",
+      "aria-label": p.value,
+      "aria-roledescription": "Sort data with this column",
+      tabindex: "-1",
+      class: r(`${e.prefixCls}-column-sorter-wrapper`),
+      onMousedown: a(y, ["left", "prevent", "stop"]),
+      onClick: a(k, ["prevent", "stop"]),
+      onKeypress: I
+    }, [
+      S(o.$slots, "title", {}, () => [
+        e.title ? (s(), l("span", {
+          key: 0,
+          class: r(`${e.prefixCls}-row-head-title`)
+        }, v(e.title), 3)) : w("", !0)
+      ]),
+      !e.sortIcon || typeof e.sortIcon != "function" ? (s(), l("div", {
+        key: 0,
+        class: r(`${e.prefixCls}-column-sorter`),
+        style: x(e.style)
+      }, [
+        i("span", {
+          class: r(f.value)
+        }, [
+          c(d(E), { size: "default" })
+        ], 2),
+        i("span", {
+          class: r(C.value)
+        }, [
+          c(d(b), { size: "default" })
+        ], 2)
+      ], 6)) : (s(), h($(() => e.sortIcon({ sortOrder: e.sortOrder })), { key: 1 }))
+    ], 42, B));
+  }
+});
+export {
+  V as default
+};
+//# sourceMappingURL=ColumnSorter.vue2.js.map

package/lib/es/components/table/ColumnSorter.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnSorter.vue2.js","sources":["../../../../src/components/table/ColumnSorter.vue"],"sourcesContent":["<template>\n    <div\n        role=\"button\"\n        :aria-label=\"ariaLabel\"\n        aria-roledescription=\"Sort data with this column\"\n        tabindex=\"-1\"\n        :class=\"`${prefixCls}-column-sorter-wrapper`\"\n        @mousedown.left.prevent.stop=\"handleMouseDown\"\n        @click.prevent.stop=\"handleClick\"\n        @keypress=\"handleKeyPress\"\n    >\n        <slot name=\"title\">\n            <span v-if=\"title\" :class=\"`${prefixCls}-row-head-title`\">{{ title }}</span>\n        </slot>\n        <div v-if=\"!sortIcon || typeof sortIcon !== 'function'\" :class=\"`${prefixCls}-column-sorter`\" :style=\"style\">\n            <span :class=\"upCls\">\n                <IconCaretup size=\"default\" />\n            </span>\n            <span :class=\"downCls\">\n                <IconCaretdown size=\"default\" />\n            </span>\n        </div>\n        <component :is=\"() => sortIcon({ sortOrder })\" v-else />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport classnames from 'classnames';\nimport { cssClasses, strings } from '@douyinfe/semi-foundation/table/constants';\nimport { IconCaretup, IconCaretdown } from '../icons';\nimport type { SortIcon, SortOrder } from './interface';\nimport type { CSSProperties } from 'vue';\n\ndefineOptions({\n    name: 'SemiColumnSorter',\n});\n\ninterface Props {\n    className?: string;\n    style?: CSSProperties;\n    onClick?: (e: MouseEvent) => void;\n    prefixCls?: string;\n    sortOrder?: SortOrder;\n    title?: any;\n    sortIcon?: SortIcon;\n    showTooltip?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n    prefixCls: cssClasses.PREFIX,\n    onClick: () => {},\n    sortOrder: false,\n    showTooltip: false,\n});\n\nconst upCls = computed(() =>\n    classnames(`${props.prefixCls}-column-sorter-up`, {\n        on: props.sortOrder === strings.SORT_DIRECTIONS[0],\n    })\n);\n\nconst downCls = computed(() =>\n    classnames(`${props.prefixCls}-column-sorter-down`, {\n        on: props.sortOrder === strings.SORT_DIRECTIONS[1],\n    })\n);\n\nconst ariaLabel = computed(() => {\n    return `Current sort order is ${props.sortOrder ? `${props.sortOrder}ing` : 'none'}`;\n});\n\n// 排序图标渲染逻辑在模板中处理\n\nconst handleMouseDown = (e: MouseEvent) => {\n    // 使用 mousedown 触发排序，避免 click 在 DOM 更新后被重复触发导致递归更新\n    props.onClick(e);\n};\n\nconst handleClick = (_e: MouseEvent) => {\n    // 仅用于吞掉 click，避免冒泡到 HeaderCell 的 clickToSort 再触发一次排序\n};\n\nconst handleKeyPress = (e: KeyboardEvent) => {\n    if (e.key === 'Enter') {\n        props.onClick(e as any);\n    }\n};\n</script>\n"],"names":["props","__props","upCls","computed","classnames","strings","downCls","ariaLabel","handleMouseDown","e","handleClick","_e","handleKeyPress","_createElementBlock","_renderSlot","_ctx","_createElementVNode","_createVNode","_unref","IconCaretup","IconCaretdown","_createBlock","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiDA,UAAMA,IAAQC,GAORC,IAAQC;AAAA,MAAS,MACnBC,EAAW,GAAGJ,EAAM,SAAS,qBAAqB;AAAA,QAC9C,IAAIA,EAAM,cAAcK,EAAQ,gBAAgB,CAAC;AAAA,MAAA,CACpD;AAAA,IAAA,GAGCC,IAAUH;AAAA,MAAS,MACrBC,EAAW,GAAGJ,EAAM,SAAS,uBAAuB;AAAA,QAChD,IAAIA,EAAM,cAAcK,EAAQ,gBAAgB,CAAC;AAAA,MAAA,CACpD;AAAA,IAAA,GAGCE,IAAYJ,EAAS,MAChB,yBAAyBH,EAAM,YAAY,GAAGA,EAAM,SAAS,QAAQ,MAAM,EACrF,GAIKQ,IAAkB,CAACC,MAAkB;AAEvC,MAAAT,EAAM,QAAQS,CAAC;AAAA,IACnB,GAEMC,IAAc,CAACC,MAAmB;AAAA,IAExC,GAEMC,IAAiB,CAACH,MAAqB;AACzC,MAAIA,EAAE,QAAQ,WACVT,EAAM,QAAQS,CAAQ;AAAA,IAE9B;2BAtFII,EAsBM,OAAA;AAAA,MArBF,MAAK;AAAA,MACJ,cAAYN,EAAA;AAAA,MACb,wBAAqB;AAAA,MACrB,UAAS;AAAA,MACR,YAAUN,EAAA,SAAS,wBAAA;AAAA,MACnB,eAA6BO,GAAe,CAAA,QAAA,WAAA,MAAA,CAAA;AAAA,MAC5C,WAAoBE,GAAW,CAAA,WAAA,MAAA,CAAA;AAAA,MAC/B,YAAUE;AAAA,IAAA;MAEXE,EAEOC,uBAFP,MAEO;AAAA,QADSd,EAAA,cAAZY,EAA4E,QAAA;AAAA;UAAxD,YAAUZ,EAAA,SAAS,iBAAA;AAAA,QAAA,KAAsBA,EAAA,KAAK,GAAA,CAAA;;MAE1D,CAAAA,EAAA,mBAAmBA,EAAA,YAAQ,mBAAvCY,EAOM,OAAA;AAAA;QAPmD,YAAUZ,EAAA,SAAS,gBAAA;AAAA,QAAmB,SAAOA,EAAA,KAAK;AAAA,MAAA;QACvGe,EAEO,QAAA;AAAA,UAFA,SAAOd,EAAA,KAAK;AAAA,QAAA;UACfe,EAA8BC,EAAAC,CAAA,GAAA,EAAjB,MAAK,WAAS;AAAA,QAAA;QAE/BH,EAEO,QAAA;AAAA,UAFA,SAAOV,EAAA,KAAO;AAAA,QAAA;UACjBW,EAAgCC,EAAAE,CAAA,GAAA,EAAjB,MAAK,WAAS;AAAA,QAAA;qBAGrCC,EAAwDC,EAAA,MAAlCrB,EAAA,SAAQ,EAAA,WAAGA,EAAA,WAAS,CAAA,GAAA,EAAA,KAAA,GAAA;AAAA,IAAA;;;"}