antdv-next 1.3.6 → 1.4.0

package/dist/spin/index.d.ts

@@ -1,9 +1,7 @@
 import { EmptyEmit, VueNode as VueNode$1 } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue755 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 
 //#region src/spin/index.d.ts
@@ -63,7 +61,7 @@ interface SpinSlots {
   description?: () => any;
   default?: () => any;
 }
-declare const Spin: vue755.DefineSetupFnComponent<SpinProps, EmptyEmit, SlotsType<SpinSlots>, SpinProps, vue755.PublicProps>;
+declare const Spin: import("vue").DefineSetupFnComponent<SpinProps, EmptyEmit, SlotsType<SpinSlots>, SpinProps, import("vue").PublicProps>;
 declare const _default: typeof Spin & {
   setDefaultIndicator: (indicator: VueNode$1) => void;
 };

package/dist/spin/index.js

@@ -3,14 +3,13 @@ import { useComponentBaseConfig, useComponentConfig } from "../config-provider/c
 import { useSize } from "../config-provider/hooks/useSize.js";
 import { getAttrStyleAndClass as getAttrStyleAndClass$1, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
-import Indicator_default from "./Indicator/index.js";
+import Indicator from "./Indicator/index.js";
 import style_default from "./style/index.js";
 import usePercent from "./usePercent.js";
 import { Fragment, computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef, watch } from "vue";
 import { classNames } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
 import { debounce } from "throttle-debounce";
-
 //#region src/spin/index.tsx
 let defaultIndicator;
 function shouldDelay(spinning, delay) {
@@ -67,7 +66,7 @@ const Spin = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			warning.deprecated(!(mergedClassNames.value?.mask || mergedStyles.value?.mask), "classes.mask and styles.mask", "classes.root and styles.root");
 		}
 		const mergedIndicator = indicator ?? contextIndicator ?? defaultIndicator;
-		const indicatorNode = createVNode(Fragment, null, [createVNode(Indicator_default, {
+		const indicatorNode = createVNode(Fragment, null, [createVNode(Indicator, {
 			"class": classNames(mergedClassNames.value.indicator),
 			"style": mergedStyles.value.indicator,
 			"prefixCls": prefixCls.value,
@@ -106,7 +105,7 @@ const Spin = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		}, [children])]);
 	};
 }, {
-	props: /* @__PURE__ */ mergeDefaults({
+	props: /*@__PURE__*/ mergeDefaults({
 		spinning: {
 			type: Boolean,
 			required: false,
@@ -199,7 +198,5 @@ Spin.setDefaultIndicator = (indicator) => {
 Spin.install = (app) => {
 	app.component(Spin.name, Spin);
 };
-var spin_default = Spin;
-
 //#endregion
-export { spin_default as default };
+export { Spin as default };

package/dist/spin/style/index.d.ts

@@ -1,7 +1,4 @@
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
-import "../../theme/internal.js";
-import * as vue382 from "vue";
-
 //#region src/spin/style/index.d.ts
 interface ComponentToken {
   /**
@@ -26,6 +23,6 @@ interface ComponentToken {
   dotSizeLG: number;
 }
 declare const prepareComponentToken: GetDefaultToken<'Spin'>;
-declare const _default: (prefixCls: vue382.Ref<string>, rootCls?: vue382.Ref<string | undefined>) => readonly [vue382.Ref<string, string>, vue382.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/spin/style/index.js

@@ -2,7 +2,6 @@ import { resetComponent } from "../../style/index.js";
 import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
 import { Keyframes } from "@antdv-next/cssinjs";
-
 //#region src/spin/style/index.ts
 const antSpinMove = new Keyframes("antSpinMove", { to: { opacity: 1 } });
 const antRotate = new Keyframes("antRotate", { to: { transform: "rotate(405deg)" } });
@@ -201,6 +200,5 @@ var style_default = genStyleHooks("Spin", (token) => {
 		genSizeStyle(spinToken)
 	];
 }, prepareComponentToken);
-
 //#endregion
-export { style_default as default, prepareComponentToken };
+export { style_default as default, prepareComponentToken };

package/dist/spin/usePercent.d.ts

@@ -1,7 +1,6 @@
-import * as vue830 from "vue";
 import { Ref } from "vue";
 
 //#region src/spin/usePercent.d.ts
-declare function usePercent(spinning: Ref<boolean>, percent: Ref<number | 'auto' | undefined>): vue830.ComputedRef<number | "auto" | undefined>;
+declare function usePercent(spinning: Ref<boolean>, percent: Ref<number | 'auto' | undefined>): import("vue").ComputedRef<number | "auto" | undefined>;
 //#endregion
 export { usePercent as default };

package/dist/spin/usePercent.js

@@ -1,5 +1,4 @@
 import { computed, shallowRef, watch } from "vue";
-
 //#region src/spin/usePercent.ts
 const AUTO_INTERVAL = 200;
 const STEP_BUCKETS = [
@@ -35,6 +34,5 @@ function usePercent(spinning, percent) {
 	}, { immediate: true });
 	return computed(() => isAuto.value ? mockPercent.value : percent.value);
 }
-
 //#endregion
-export { usePercent as default };
+export { usePercent as default };

package/dist/splitter/Panel.d.ts

@@ -1,8 +1,7 @@
 import { InternalPanelProps, PanelProps } from "./interface.js";
-import * as vue776 from "vue";
 
 //#region src/splitter/Panel.d.ts
-declare const InternalPanel: vue776.DefineSetupFnComponent<InternalPanelProps, {}, {}, InternalPanelProps & {}, vue776.PublicProps>;
-declare const Panel: vue776.DefineSetupFnComponent<PanelProps, {}, {}, PanelProps & {}, vue776.PublicProps>;
+declare const InternalPanel: import("vue").DefineSetupFnComponent<InternalPanelProps, {}, {}, InternalPanelProps & {}, import("vue").PublicProps>;
+declare const Panel: import("vue").DefineSetupFnComponent<PanelProps, {}, {}, PanelProps & {}, import("vue").PublicProps>;
 //#endregion
 export { InternalPanel, Panel as default };

package/dist/splitter/Panel.js

@@ -1,6 +1,5 @@
 import { createVNode, defineComponent, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
-
 //#region src/splitter/Panel.tsx
 const InternalPanel = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	return () => {
@@ -110,7 +109,5 @@ const Panel = /* @__PURE__ */ defineComponent(() => () => null, {
 	},
 	name: "ASplitterPanel"
 });
-var Panel_default = Panel;
-
 //#endregion
-export { InternalPanel, Panel_default as default };
+export { InternalPanel, Panel as default };

package/dist/splitter/SplitBar.d.ts

@@ -1,5 +1,4 @@
 import { SplitterProps, SplitterSemanticDraggerClassNames } from "./interface.js";
-import * as vue629 from "vue";
 import { CSSProperties } from "vue";
 
 //#region src/splitter/SplitBar.d.ts
@@ -30,6 +29,6 @@ interface SplitBarProps {
   lazy?: boolean;
   containerSize: number;
 }
-declare const SplitBar: vue629.DefineSetupFnComponent<SplitBarProps, {}, {}, SplitBarProps & {}, vue629.PublicProps>;
+declare const SplitBar: import("vue").DefineSetupFnComponent<SplitBarProps, {}, {}, SplitBarProps & {}, import("vue").PublicProps>;
 //#endregion
 export { ShowCollapsibleIconMode, SplitBarProps, SplitBar as default };

package/dist/splitter/SplitBar.js

@@ -3,7 +3,6 @@ import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
 import { computed, createVNode, defineComponent, mergeProps, shallowRef, watch } from "vue";
 import { clsx } from "@v-c/util";
 import { DownOutlined, LeftOutlined, RightOutlined, UpOutlined } from "@antdv-next/icons";
-
 //#region src/splitter/SplitBar.tsx
 function getValidNumber(num) {
 	return typeof num === "number" && !Number.isNaN(num) && Number.isFinite(num) ? Math.round(num) : 0;
@@ -278,7 +277,5 @@ const SplitBar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	name: "SplitBar",
 	inheritAttrs: false
 });
-var SplitBar_default = SplitBar;
-
 //#endregion
-export { SplitBar_default as default };
+export { SplitBar as default };

package/dist/splitter/Splitter.d.ts

@@ -1,10 +1,9 @@
 import { SplitterEmits, SplitterProps, SplitterSlots } from "./interface.js";
-import * as vue633 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/splitter/Splitter.d.ts
 interface InternalSplitterProps extends SplitterProps, SplitterEmitsProps {}
 interface SplitterEmitsProps {}
-declare const Splitter: vue633.DefineSetupFnComponent<InternalSplitterProps, SplitterEmits, SlotsType<SplitterSlots>, InternalSplitterProps, vue633.PublicProps>;
+declare const Splitter: import("vue").DefineSetupFnComponent<InternalSplitterProps, SplitterEmits, SlotsType<SplitterSlots>, InternalSplitterProps, import("vue").PublicProps>;
 //#endregion
 export { InternalSplitterProps, SplitterEmitsProps, Splitter as default };

package/dist/splitter/Splitter.js

@@ -1,26 +1,25 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
 import { useOrientation } from "../_util/hooks/useOrientation.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
-import { getAttrStyleAndClass, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { toPropsRefs } from "../_util/tools.js";
-import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
+import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import { InternalPanel } from "./Panel.js";
 import { convertChildrenToItems } from "./hooks/useItems.js";
 import useResizable from "./hooks/useResizable.js";
 import useSizes from "./hooks/useSizes.js";
 import useResize from "./hooks/useResize.js";
-import SplitBar_default from "./SplitBar.js";
+import SplitBar from "./SplitBar.js";
 import style_default from "./style/index.js";
 import { Fragment, computed, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
 import { clsx } from "@v-c/util";
 import { omit } from "es-toolkit";
 import ResizeObserver from "@v-c/resize-observer";
-
 //#region src/splitter/Splitter.tsx
 const Splitter = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	const { prefixCls, rootPrefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("splitter", props);
 	const { classes, styles, orientation, layout, vertical } = toPropsRefs(props, "classes", "styles", "orientation", "layout", "vertical");
-	const rootCls = useCSSVarCls_default(prefixCls);
+	const rootCls = useCSSVarCls(prefixCls);
 	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
 	const [mergedOrientation, isVertical] = useOrientation(orientation, vertical, layout);
 	const isRTL = computed(() => direction.value === "rtl");
@@ -72,7 +71,8 @@ const Splitter = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			orientation: mergedOrientation.value
 		};
 	});
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps), computed(() => ({ dragger: { _default: "default" } })));
+	const contextStyleRoot = useSemanticRootStyle(contextStyle);
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps), computed(() => ({ dragger: { _default: "default" } })));
 	const stackSizes = computed(() => {
 		const mergedSizes = [];
 		let stack = 0;
@@ -92,7 +92,6 @@ const Splitter = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		const maskCls = `${prefixCls.value}-mask`;
 		const mergedStyle = {
 			...mergedStyles.value.root,
-			...contextStyle.value,
 			...style
 		};
 		return createVNode(ResizeObserver, { "onResize": onContainerResize }, { default: () => [createVNode("div", mergeProps(restAttrs, {
@@ -117,7 +116,7 @@ const Splitter = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 				const ariaMinEnd = (stackSizes.value[idx + 1] || 100) - itemPtgMaxSizes.value[idx + 1];
 				const ariaMaxStart = (stackSizes.value[idx - 1] || 0) + itemPtgMaxSizes.value[idx];
 				const ariaMaxEnd = (stackSizes.value[idx + 1] || 100) - itemPtgMinSizes.value[idx + 1];
-				splitBar = createVNode(SplitBar_default, {
+				splitBar = createVNode(SplitBar, {
 					"lazy": lazy,
 					"index": idx,
 					"active": movingIndex.value === idx,
@@ -238,7 +237,5 @@ const Splitter = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	name: "ASplitter",
 	inheritAttrs: false
 });
-var Splitter_default = Splitter;
-
 //#endregion
-export { Splitter_default as default };
+export { Splitter as default };

package/dist/splitter/hooks/sizeUtil.js

@@ -52,6 +52,5 @@ function autoPtgSizes(ptgSizes, minPtgSizes, maxPtgSizes) {
 	}
 	return result;
 }
-
 //#endregion
-export { autoPtgSizes };
+export { autoPtgSizes };

package/dist/splitter/hooks/useItems.js

@@ -1,6 +1,5 @@
 import { isVNode } from "vue";
 import { filterEmpty } from "@v-c/util/dist/props-util";
-
 //#region src/splitter/hooks/useItems.ts
 function getCollapsible(collapsible) {
 	if (collapsible === "") collapsible = true;
@@ -33,6 +32,5 @@ function convertChildrenToItems(children) {
 		};
 	});
 }
-
 //#endregion
-export { convertChildrenToItems };
+export { convertChildrenToItems };

package/dist/splitter/hooks/useResizable.d.ts

@@ -1,6 +1,5 @@
 import { ShowCollapsibleIconMode } from "../SplitBar.js";
 import { ItemType } from "./useItems.js";
-import * as vue579 from "vue";
 import { Ref } from "vue";
 
 //#region src/splitter/hooks/useResizable.d.ts
@@ -11,6 +10,6 @@ interface ResizableInfo {
   showStartCollapsibleIcon: ShowCollapsibleIconMode;
   showEndCollapsibleIcon: ShowCollapsibleIconMode;
 }
-declare function useResizable(items: Ref<ItemType[]>, pxSizes: Ref<number[]>, reverse: Ref<boolean>): vue579.ComputedRef<ResizableInfo[]>;
+declare function useResizable(items: Ref<ItemType[]>, pxSizes: Ref<number[]>, reverse: Ref<boolean>): import("vue").ComputedRef<ResizableInfo[]>;
 //#endregion
 export { ResizableInfo, useResizable as default };

package/dist/splitter/hooks/useResizable.js

@@ -1,5 +1,4 @@
 import { computed } from "vue";
-
 //#region src/splitter/hooks/useResizable.ts
 function getShowCollapsibleIcon(prev, next) {
 	if (prev.collapsible && next.collapsible) {
@@ -54,6 +53,5 @@ function useResizable(items, pxSizes, reverse) {
 		return resizeInfos;
 	});
 }
-
 //#endregion
-export { useResizable as default };
+export { useResizable as default };

package/dist/splitter/hooks/useResize.d.ts

@@ -1,12 +1,11 @@
 import { ItemType } from "./useItems.js";
 import { ResizableInfo } from "./useResizable.js";
-import * as vue803 from "vue";
 import { Ref } from "vue";
 
 //#region src/splitter/hooks/useResize.d.ts
 /**
  * Handle user drag resize logic.
  */
-declare function useResize(items: Ref<ItemType[]>, resizableInfos: Ref<ResizableInfo[]>, percentSizes: Ref<number[]>, containerSize: Ref<number | undefined>, updateSizes: (sizes: number[]) => void, reverse: Ref<boolean>): readonly [(index: number) => void, (index: number, offset: number) => number[], () => void, (index: number, type: "start" | "end") => number[], vue803.ComputedRef<number | undefined>];
+declare function useResize(items: Ref<ItemType[]>, resizableInfos: Ref<ResizableInfo[]>, percentSizes: Ref<number[]>, containerSize: Ref<number | undefined>, updateSizes: (sizes: number[]) => void, reverse: Ref<boolean>): readonly [(index: number) => void, (index: number, offset: number) => number[], () => void, (index: number, type: "start" | "end") => number[], import("vue").ComputedRef<number | undefined>];
 //#endregion
 export { useResize as default };

package/dist/splitter/hooks/useResize.js

@@ -1,6 +1,5 @@
 import { getPtg } from "./useSizes.js";
 import { computed, shallowRef } from "vue";
-
 //#region src/splitter/hooks/useResize.ts
 /**
 * Handle user drag resize logic.
@@ -108,6 +107,5 @@ function useResize(items, resizableInfos, percentSizes, containerSize, updateSiz
 		computed(() => movingIndex.value?.index)
 	];
 }
-
 //#endregion
-export { useResize as default };
+export { useResize as default };

package/dist/splitter/hooks/useSizes.d.ts

@@ -1,5 +1,4 @@
 import { PanelProps } from "../interface.js";
-import * as vue833 from "vue";
 import { Ref } from "vue";
 
 //#region src/splitter/hooks/useSizes.d.ts
@@ -8,6 +7,6 @@ declare function getPtg(str: string): number;
  * Save the size state.
  * Align the size into flex percentage base.
  */
-declare function useSizes(items: Ref<PanelProps[]>, containerSize?: Ref<number>): readonly [vue833.ComputedRef<(string | number | undefined)[]>, vue833.ComputedRef<number[]>, vue833.ComputedRef<number[]>, vue833.ComputedRef<number[]>, vue833.ComputedRef<number[]>, (newSizes: number[]) => void];
+declare function useSizes(items: Ref<PanelProps[]>, containerSize?: Ref<number>): readonly [import("vue").ComputedRef<(string | number | undefined)[]>, import("vue").ComputedRef<number[]>, import("vue").ComputedRef<number[]>, import("vue").ComputedRef<number[]>, import("vue").ComputedRef<number[]>, (newSizes: number[]) => void];
 //#endregion
 export { useSizes as default, getPtg };

package/dist/splitter/hooks/useSizes.js

@@ -1,6 +1,5 @@
 import { autoPtgSizes } from "./sizeUtil.js";
 import { computed, shallowRef, unref } from "vue";
-
 //#region src/splitter/hooks/useSizes.ts
 function getPtg(str) {
 	return Number(str.slice(0, -1)) / 100;
@@ -65,6 +64,5 @@ function useSizes(items, containerSize) {
 		setInnerSizes
 	];
 }
-
 //#endregion
-export { useSizes as default, getPtg };
+export { useSizes as default, getPtg };

package/dist/splitter/index.d.ts

@@ -1,9 +1,8 @@
 import { PanelProps, SplitterEmits, SplitterSlots } from "./interface.js";
 import Splitter, { InternalSplitterProps } from "./Splitter.js";
-import * as vue619 from "vue";
 
 //#region src/splitter/index.d.ts
 type SplitterProps = InternalSplitterProps;
-declare const SplitterPanel: vue619.DefineSetupFnComponent<PanelProps, {}, {}, PanelProps & {}, vue619.PublicProps>;
+declare const SplitterPanel: import("vue").DefineSetupFnComponent<PanelProps, {}, {}, PanelProps & {}, import("vue").PublicProps>;
 //#endregion
 export { type SplitterEmits, SplitterPanel, SplitterProps, type SplitterSlots, Splitter as default };

package/dist/splitter/index.js

@@ -1,14 +1,12 @@
-import Panel_default from "./Panel.js";
-import Splitter_default from "./Splitter.js";
-
+import Panel from "./Panel.js";
+import Splitter from "./Splitter.js";
 //#region src/splitter/index.tsx
-Splitter_default.Panel = Panel_default;
-Splitter_default.install = (app) => {
-	app.component(Splitter_default.name, Splitter_default);
-	app.component(Panel_default.name, Panel_default);
+Splitter.Panel = Panel;
+Splitter.install = (app) => {
+	app.component(Splitter.name, Splitter);
+	app.component(Panel.name, Panel);
 };
-const SplitterPanel = Panel_default;
-var splitter_default = Splitter_default;
-
+const SplitterPanel = Panel;
+var splitter_default = Splitter;
 //#endregion
-export { SplitterPanel, splitter_default as default };
+export { SplitterPanel, splitter_default as default };

package/dist/splitter/interface.d.ts

@@ -1,7 +1,6 @@
 import { VueNode as VueNode$1 } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import { Orientation } from "../_util/hooks/useOrientation.js";
-import "../_util/hooks/index.js";
 import { ShowCollapsibleIconMode } from "./SplitBar.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { CSSProperties } from "vue";

package/dist/splitter/interface.js

@@ -1 +1 @@
-export {  };
+export {};

package/dist/splitter/style/index.d.ts

@@ -1,7 +1,4 @@
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
-import "../../theme/internal.js";
-import * as vue416 from "vue";
-
 //#region src/splitter/style/index.d.ts
 interface ComponentToken {
   /**
@@ -27,6 +24,6 @@ interface ComponentToken {
   splitTriggerSize: number;
 }
 declare const prepareComponentToken: GetDefaultToken<'Splitter'>;
-declare const _default: (prefixCls: vue416.Ref<string>, rootCls?: vue416.Ref<string | undefined>) => readonly [vue416.Ref<string, string>, vue416.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/splitter/style/index.js

@@ -1,6 +1,5 @@
 import { resetComponent } from "../../style/index.js";
 import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.js";
-
 //#region src/splitter/style/index.ts
 const centerStyle = {
 	position: "absolute",
@@ -228,6 +227,5 @@ const prepareComponentToken = (token) => {
 	};
 };
 var style_default = genStyleHooks("Splitter", genSplitterStyle, prepareComponentToken);
-
 //#endregion
-export { style_default as default, prepareComponentToken };
+export { style_default as default, prepareComponentToken };

package/dist/statistic/Number.d.ts

@@ -1,5 +1,4 @@
 import { FormatConfig, valueType } from "./utils.js";
-import * as vue820 from "vue";
 import { CSSProperties } from "vue";
 
 //#region src/statistic/Number.d.ts
@@ -9,6 +8,6 @@ interface NumberProps extends FormatConfig {
   className?: string;
   style?: CSSProperties;
 }
-declare const StatisticNumber: vue820.DefineSetupFnComponent<NumberProps, {}, {}, NumberProps & {}, vue820.PublicProps>;
+declare const StatisticNumber: import("vue").DefineSetupFnComponent<NumberProps, {}, {}, NumberProps & {}, import("vue").PublicProps>;
 //#endregion
 export { StatisticNumber as default };

package/dist/statistic/Number.js

@@ -1,5 +1,4 @@
 import { createVNode, defineComponent } from "vue";
-
 //#region src/statistic/Number.tsx
 const StatisticNumber = /* @__PURE__ */ defineComponent((props) => {
 	return () => {
@@ -70,7 +69,5 @@ const StatisticNumber = /* @__PURE__ */ defineComponent((props) => {
 		required: false
 	}
 } });
-var Number_default = StatisticNumber;
-
 //#endregion
-export { Number_default as default };
+export { StatisticNumber as default };

package/dist/statistic/Statistic.d.ts

@@ -1,9 +1,7 @@
 import { VueNode as VueNode$1 } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
 import { FormatConfig, valueType } from "./utils.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue725 from "vue";
 import { CSSProperties, SlotsType, VNodeChild } from "vue";
 
 //#region src/statistic/Statistic.d.ts
@@ -55,6 +53,6 @@ interface StatisticEmitsProps {
   onMouseenter?: StatisticEmits['mouseenter'];
   onMouseleave?: StatisticEmits['mouseleave'];
 }
-declare const Statistic: vue725.DefineSetupFnComponent<InternalStatisticProps, StatisticEmits, SlotsType<StatisticSlots>, InternalStatisticProps, vue725.PublicProps>;
+declare const Statistic: import("vue").DefineSetupFnComponent<InternalStatisticProps, StatisticEmits, SlotsType<StatisticSlots>, InternalStatisticProps, import("vue").PublicProps>;
 //#endregion
 export { InternalStatisticProps, StatisticClassNamesType, StatisticEmits, StatisticEmitsProps, StatisticProps, StatisticSemanticClassNames, StatisticSemanticName, StatisticSemanticStyles, StatisticSlots, StatisticStylesType, Statistic as default };

package/dist/statistic/Statistic.js

@@ -1,13 +1,12 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
-import { useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { clsx as clsx$1, getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
 import skeleton_default from "../skeleton/index.js";
-import Number_default from "./Number.js";
+import StatisticNumber from "./Number.js";
 import style_default from "./style/index.js";
 import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef } from "vue";
 import { classNames } from "@v-c/util";
 import pickAttrs from "@v-c/util/dist/pickAttrs";
-
 //#region src/statistic/Statistic.tsx
 const Statistic = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit, expose }) => {
 	const { direction, prefixCls, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("statistic", props);
@@ -15,7 +14,8 @@ const Statistic = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit,
 	const [hashId, cssVarCls] = style_default(prefixCls);
 	const internalRef = shallowRef();
 	const mergedProps = computed(() => props);
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps));
+	const contextStyleRoot = useSemanticRootStyle(contextStyle);
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps));
 	expose({ nativeElement: internalRef });
 	const handleMouseEnter = (e) => {
 		emit("mouseenter", e);
@@ -39,7 +39,7 @@ const Statistic = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit,
 		const valueClassNames = clsx$1(`${prefixCls.value}-content-value`, mergedClassNames.value.value);
 		const prefixClassNames = clsx$1(`${prefixCls.value}-content-prefix`, mergedClassNames.value.prefix);
 		const suffixClassNames = clsx$1(`${prefixCls.value}-content-suffix`, mergedClassNames.value.suffix);
-		const valueNode = createVNode(Number_default, {
+		const valueNode = createVNode(StatisticNumber, {
 			"decimalSeparator": decimalSeparator,
 			"groupSeparator": groupSeparator,
 			"prefixCls": prefixCls.value,
@@ -52,11 +52,7 @@ const Statistic = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit,
 		return createVNode("div", mergeProps(restProps, {
 			"ref": internalRef,
 			"class": cls,
-			"style": [
-				mergedStyles.value.root,
-				contextStyle.value,
-				attrs.style
-			],
+			"style": [mergedStyles.value.root, attrs.style],
 			"onMouseenter": handleMouseEnter,
 			"onMouseleave": handleMouseLeave
 		}), [!!title && createVNode("div", {
@@ -86,7 +82,7 @@ const Statistic = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit,
 		])] })]);
 	};
 }, {
-	props: /* @__PURE__ */ mergeDefaults({
+	props: /*@__PURE__*/ mergeDefaults({
 		formatter: {
 			type: [
 				Boolean,
@@ -190,7 +186,5 @@ const Statistic = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit,
 	name: "AStatistic",
 	inheritAttrs: false
 });
-var Statistic_default = Statistic;
-
 //#endregion
-export { Statistic_default as default };
+export { Statistic as default };

package/dist/statistic/Timer.d.ts

@@ -1,6 +1,5 @@
 import { FormatConfig, valueType } from "./utils.js";
 import { StatisticProps, StatisticSlots } from "./Statistic.js";
-import * as vue621 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/statistic/Timer.d.ts
@@ -21,6 +20,6 @@ interface StatisticTimeEmitsProps {
   onFinish?: StatisticTimeEmits['finish'];
   onChange?: StatisticTimeEmits['change'];
 }
-declare const StatisticTimer: vue621.DefineSetupFnComponent<InternalStatisticTimerProps, StatisticTimeEmits, SlotsType<StatisticSlots>, InternalStatisticTimerProps, vue621.PublicProps>;
+declare const StatisticTimer: import("vue").DefineSetupFnComponent<InternalStatisticTimerProps, StatisticTimeEmits, SlotsType<StatisticSlots>, InternalStatisticTimerProps, import("vue").PublicProps>;
 //#endregion
 export { InternalStatisticTimerProps, StatisticTimeEmits, StatisticTimeEmitsProps, StatisticTimerProps, TimerType, StatisticTimer as default };

package/dist/statistic/Timer.js

@@ -1,10 +1,9 @@
 import { cloneElement } from "../_util/vueNode.js";
-import Statistic_default from "./Statistic.js";
+import Statistic from "./Statistic.js";
 import { formatCounter } from "./utils.js";
 import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, onMounted, shallowRef, watch } from "vue";
 import raf from "@v-c/util/dist/raf";
 import { omit } from "es-toolkit";
-
 //#region src/statistic/Timer.tsx
 function getTime(value) {
 	return new Date(value).getTime();
@@ -44,7 +43,7 @@ const StatisticTimer = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 	}, down.value) : "-";
 	const valueRender = (node) => cloneElement(node, { title: void 0 });
 	return () => {
-		return createVNode(Statistic_default, mergeProps(attrs, omit(props, [
+		return createVNode(Statistic, mergeProps(attrs, omit(props, [
 			"value",
 			"format",
 			"type"
@@ -55,7 +54,7 @@ const StatisticTimer = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 		}), slots);
 	};
 }, {
-	props: /* @__PURE__ */ mergeDefaults({
+	props: /*@__PURE__*/ mergeDefaults({
 		formatter: {
 			type: [
 				Boolean,
@@ -168,7 +167,5 @@ const StatisticTimer = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 	name: "AStatisticTimer",
 	inheritAttrs: false
 });
-var Timer_default = StatisticTimer;
-
 //#endregion
-export { Timer_default as default };
+export { StatisticTimer as default };