@antdv-next1/pro-field 1.0.15 → 1.0.16

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 asuradaSong
+Copyright (c) 2023 lucasjeke
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/ProPureField.d.ts

@@ -8,7 +8,7 @@ import { CustomSlotsType, VueNode as VueNode$1 } from "@v-c/util/dist/type";
 //#region src/ProPureField.d.ts
 declare const ProPureField: _$vue.DefineSetupFnComponent<ProFieldProps, {}, CustomSlotsType<{
   default?: () => VueNode$1;
-}>, Omit<ProFieldFCRenderProps, "text" | "placeholder"> & ProRenderFieldPropsType<any> & {
+}>, Omit<ProFieldFCRenderProps, "placeholder" | "text"> & ProRenderFieldPropsType<any> & {
   id?: string;
   request?: _$_antdv_next1_pro_utils0.ProFieldRequestData;
   emptyText?: VueNode$1;

package/dist/components/Cascader/index.d.ts

@@ -35,6 +35,6 @@ declare const FieldCascader: _$vue.DefineSetupFnComponent<FieldCascaderProps, {}
   variant?: "outlined" | "borderless" | "filled";
 } & {
   id?: string;
-} & Omit<FieldSelectProps, "variant" | "fieldProps" | "id" | "label" | "labelTrigger" | "lightLabel" | "text" | "light" | "plain"> & {}, _$vue.PublicProps>;
+} & Omit<FieldSelectProps, "text" | "fieldProps" | "light" | "label" | "id" | "variant" | "labelTrigger" | "lightLabel" | "plain"> & {}, _$vue.PublicProps>;
 //#endregion
 export { FieldCascaderProps, FieldCascaderRef, FieldCascader as default };

package/dist/components/Checkbox/index.d.ts

@@ -32,6 +32,6 @@ declare const FieldCheckbox: _$vue.DefineSetupFnComponent<FieldCheckBoxProps, {}
   options?: CheckboxGroupProps["options"];
 } & {
   id?: string;
-} & Omit<FieldSelectProps, "variant" | "fieldProps" | "id" | "label" | "labelTrigger" | "lightLabel" | "light" | "plain"> & {}, _$vue.PublicProps>;
+} & Omit<FieldSelectProps, "fieldProps" | "light" | "label" | "id" | "variant" | "labelTrigger" | "lightLabel" | "plain"> & {}, _$vue.PublicProps>;
 //#endregion
 export { FieldCheckBoxProps, FieldCheckboxRef, FieldCheckbox as default };

package/dist/components/Checkbox/index.js

@@ -1,5 +1,5 @@
 import { useFieldFetchData } from "../Select/index.js";
-import { useStyle as useStyle$1 } from "./style/index.js";
+import style_default from "./style/index.js";
 import { Fragment, computed, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
 import { useToken } from "@antdv-next1/pro-provider";
 import { objectToMap, proFieldParsingText } from "@antdv-next1/pro-utils";
@@ -13,7 +13,7 @@ const FieldCheckbox = /* @__PURE__ */ defineComponent((props, { expose, attrs })
 	const formItemInputContext = useFormItemInputContext();
 	const layoutClassName = computed(() => config.value.getPrefixCls("pro-field-checkbox"));
 	const [loading, options, fetchData] = useFieldFetchData(props);
-	const { wrapSSR, hashId } = useStyle$1(layoutClassName);
+	const [hashId, cssVarCls] = style_default(layoutClassName);
 	const { token } = useToken();
 	const checkBoxRef = shallowRef(null);
 	expose({ fetchData: (keyWord) => fetchData(keyWord) });
@@ -40,13 +40,13 @@ const FieldCheckbox = /* @__PURE__ */ defineComponent((props, { expose, attrs })
 			} }, [dom]);
 		}
 		if (mode === "edit") {
-			const dom = wrapSSR(createVNode(CheckboxGroup, mergeProps({ "ref": checkBoxRef }, omit(attrs, ["lightProps"]), rest.fieldProps, {
-				"class": classNames(rest.fieldProps?.class, hashId.value, `${layoutClassName.value}-${layout}`, {
+			const dom = createVNode(CheckboxGroup, mergeProps({ "ref": checkBoxRef }, omit(attrs, ["lightProps"]), rest.fieldProps, {
+				"class": classNames(rest.fieldProps?.class, hashId.value, cssVarCls.value, `${layoutClassName.value}-${layout}`, {
 					[`${layoutClassName.value}-error`]: formItemInputContext.value.status === "error",
 					[`${layoutClassName.value}-warning`]: formItemInputContext.value.status === "warning"
 				}),
 				"options": options.value
-			}), null));
+			}), null);
 			if (formItemRender) return createVNode(Fragment, null, [formItemRender(rest.text, {
 				mode,
 				...rest,

package/dist/components/Checkbox/style/index.d.ts

@@ -1,11 +1,8 @@
-import { ComputedRef } from "vue";
-import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
-import { ProAliasToken } from "@antdv-next1/pro-provider";
+import * as _$vue from "vue";
+import { ProAliasCssVarToken } from "@antdv-next1/pro-provider";
 
 //#region src/components/Checkbox/style/index.d.ts
-interface ProFieldCheckboxToken extends ProAliasToken {
-  componentCls: string;
-}
-declare function useStyle(prefixCls: ComputedRef<string>): _$_antdv_next1_pro_provider0.UseStyleResult;
+interface ProFieldCheckboxToken extends ProAliasCssVarToken {}
+declare const _default: (prefixCls: _$vue.Ref<string>, rootCls?: _$vue.Ref<string | undefined>) => readonly [_$vue.Ref<string, string>, _$vue.ComputedRef<string | undefined>];
 //#endregion
-export { ProFieldCheckboxToken, useStyle };
+export { ProFieldCheckboxToken, _default as default };

package/dist/components/Checkbox/style/index.js

@@ -1,4 +1,5 @@
-import { useStyle as useStyle$1 } from "@antdv-next1/pro-provider";
+import { useStyle } from "@antdv-next1/pro-provider";
+import { mergeToken } from "@antdv-next/cssinjs";
 //#region src/components/Checkbox/style/index.ts
 const genProFieldCheckboxStyle = (token) => {
 	return { [token.componentCls]: {
@@ -14,13 +15,8 @@ const genProFieldCheckboxStyle = (token) => {
 		}
 	} };
 };
-function useStyle(prefixCls) {
-	return useStyle$1("ProFieldCheckbox", (token) => {
-		return [genProFieldCheckboxStyle({
-			...token,
-			componentCls: `.${prefixCls.value}`
-		})];
-	});
-}
+var style_default = useStyle("ProFieldCheckbox", (token) => {
+	return [genProFieldCheckboxStyle(mergeToken(token, {}))];
+});
 //#endregion
-export { useStyle };
+export { style_default as default };

package/dist/components/IndexColumn/index.js

@@ -1,4 +1,4 @@
-import { useStyle } from "./style/index.js";
+import style_default from "./style/index.js";
 import { computed, createVNode, defineComponent } from "vue";
 import { classNames } from "@v-c/util";
 import { useConfig } from "antdv-next/dist/config-provider/context";
@@ -6,11 +6,11 @@ import { useConfig } from "antdv-next/dist/config-provider/context";
 const FieldIndexColumn = /* @__PURE__ */ defineComponent((props) => {
 	const config = useConfig();
 	const prefixCls = computed(() => config.value.getPrefixCls("pro-field-index-column"));
-	const { wrapSSR, hashId } = useStyle(prefixCls);
-	return () => wrapSSR(createVNode("div", { "class": classNames(prefixCls.value, hashId.value, {
+	const [hashId, cssVarCls] = style_default(prefixCls);
+	return () => createVNode("div", { "class": classNames(prefixCls.value, hashId.value, cssVarCls.value, {
 		[`${prefixCls.value}-border`]: props.border,
 		"top-three": Number(props.children) > 3
-	}) }, [props.children]));
+	}) }, [props.children]);
 }, {
 	props: {
 		border: {

package/dist/components/IndexColumn/style/index.d.ts

@@ -1,11 +1,8 @@
-import { ComputedRef } from "vue";
-import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
-import { ProAliasToken } from "@antdv-next1/pro-provider";
+import * as _$vue from "vue";
+import { ProAliasCssVarToken } from "@antdv-next1/pro-provider";
 
 //#region src/components/IndexColumn/style/index.d.ts
-interface ProToken extends ProAliasToken {
-  componentCls: string;
-}
-declare function useStyle(prefixCls: ComputedRef<string>): _$_antdv_next1_pro_provider0.UseStyleResult;
+interface ProIndexColumnToken extends ProAliasCssVarToken {}
+declare const _default: (prefixCls: _$vue.Ref<string>, rootCls?: _$vue.Ref<string | undefined>) => readonly [_$vue.Ref<string, string>, _$vue.ComputedRef<string | undefined>];
 //#endregion
-export { ProToken, useStyle };
+export { ProIndexColumnToken, _default as default };

package/dist/components/IndexColumn/style/index.js

@@ -1,29 +1,25 @@
-import { useStyle as useStyle$1 } from "@antdv-next1/pro-provider";
+import { useStyle } from "@antdv-next1/pro-provider";
+import { mergeToken } from "@antdv-next/cssinjs";
 //#region src/components/IndexColumn/style/index.ts
 const genProStyle = (token) => {
 	return { [token.componentCls]: {
 		display: "inline-flex",
 		alignItems: "center",
 		justifyContent: "center",
-		width: "18px",
-		height: "18px",
+		width: 18,
+		height: 18,
 		"&-border": {
 			color: "#fff",
-			fontSize: "12px",
+			fontSize: 12,
 			lineHeight: "12px",
 			backgroundColor: "#314659",
-			borderRadius: "9px",
+			borderRadius: 9,
 			"&.top-three": { backgroundColor: "#979797" }
 		}
 	} };
 };
-function useStyle(prefixCls) {
-	return useStyle$1("IndexColumn", (token) => {
-		return [genProStyle({
-			...token,
-			componentCls: `.${prefixCls.value}`
-		})];
-	});
-}
+var style_default = useStyle("IndexColumn", (token) => {
+	return [genProStyle(mergeToken(token, {}))];
+});
 //#endregion
-export { useStyle };
+export { style_default as default };

package/dist/components/Radio/index.d.ts

@@ -31,6 +31,6 @@ declare const FieldRadio: _$vue.DefineSetupFnComponent<FieldRadioProps, {}, Cust
   radioType?: RadioGroupProps["optionType"];
 } & {
   id?: string;
-} & Omit<FieldSelectProps, "variant" | "fieldProps" | "id" | "label" | "labelTrigger" | "lightLabel" | "light" | "plain"> & {}, _$vue.PublicProps>;
+} & Omit<FieldSelectProps, "fieldProps" | "light" | "label" | "id" | "variant" | "labelTrigger" | "lightLabel" | "plain"> & {}, _$vue.PublicProps>;
 //#endregion
 export { FieldRadioProps, FieldRadio as default };

package/dist/components/Radio/index.js

@@ -1,5 +1,5 @@
 import { useFieldFetchData } from "../Select/index.js";
-import { useStyle } from "./style/index.js";
+import style_default from "./style/index.js";
 import { Fragment, computed, createVNode, defineComponent, mergeProps, ref } from "vue";
 import { objectToMap, proFieldParsingText } from "@antdv-next1/pro-utils";
 import { RadioGroup, Spin } from "antdv-next";
@@ -13,7 +13,7 @@ const FieldRadio = /* @__PURE__ */ defineComponent((props, { expose, attrs }) =>
 	const layoutClassName = computed(() => config.value.getPrefixCls("pro-field-radio"));
 	const [loading, options, fetchData] = useFieldFetchData(props);
 	const radioRef = ref();
-	const { wrapSSR, hashId } = useStyle(layoutClassName);
+	const [hashId, cssVarCls] = style_default(layoutClassName);
 	expose({ fetchData: (keyWord) => fetchData(keyWord) });
 	return () => {
 		const { mode, render, formItemRender, options: propsOptions, request, params, debounceTime, defaultKeyWords, radioType, ...rest } = props;
@@ -33,13 +33,13 @@ const FieldRadio = /* @__PURE__ */ defineComponent((props, { expose, attrs }) =>
 			return dom;
 		}
 		if (props.mode === "edit") {
-			const dom = wrapSSR(createVNode(RadioGroup, mergeProps({ "ref": radioRef }, attrs, { "optionType": radioType }, rest.fieldProps, {
+			const dom = createVNode(RadioGroup, mergeProps({ "ref": radioRef }, attrs, { "optionType": radioType }, rest.fieldProps, {
 				"class": classNames(rest.fieldProps?.class, {
 					[`${layoutClassName.value}-error`]: formItemInputContext.value.status === "error",
 					[`${layoutClassName.value}-warning`]: formItemInputContext.value.status === "warning"
-				}, hashId.value, `${layoutClassName.value}-${props.fieldProps?.layout || "horizontal"}`),
+				}, hashId.value, cssVarCls.value, `${layoutClassName.value}-${props.fieldProps?.layout || "horizontal"}`),
 				"options": options.value
-			}), null));
+			}), null);
 			if (formItemRender) return createVNode(Fragment, null, [formItemRender(rest.text, {
 				mode,
 				...rest,

package/dist/components/Radio/style/index.d.ts

@@ -1,11 +1,8 @@
-import { ComputedRef } from "vue";
-import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
-import { ProAliasToken } from "@antdv-next1/pro-provider";
+import * as _$vue from "vue";
+import { ProAliasCssVarToken } from "@antdv-next1/pro-provider";
 
 //#region src/components/Radio/style/index.d.ts
-interface ProFieldRadioToken extends ProAliasToken {
-  componentCls: string;
-}
-declare function useStyle(prefixCls: ComputedRef<string>): _$_antdv_next1_pro_provider0.UseStyleResult;
+interface ProFieldRadioToken extends ProAliasCssVarToken {}
+declare const _default: (prefixCls: _$vue.Ref<string>, rootCls?: _$vue.Ref<string | undefined>) => readonly [_$vue.Ref<string, string>, _$vue.ComputedRef<string | undefined>];
 //#endregion
-export { ProFieldRadioToken, useStyle };
+export { ProFieldRadioToken, _default as default };

package/dist/components/Radio/style/index.js

@@ -1,4 +1,5 @@
-import { useStyle as useStyle$1 } from "@antdv-next1/pro-provider";
+import { useStyle } from "@antdv-next1/pro-provider";
+import { mergeToken } from "@antdv-next/cssinjs";
 //#region src/components/Radio/style/index.ts
 const genProFieldRadioStyle = (token) => {
 	return { [token.componentCls]: {
@@ -9,13 +10,8 @@ const genProFieldRadioStyle = (token) => {
 		} }
 	} };
 };
-function useStyle(prefixCls) {
-	return useStyle$1("ProFieldRadio", (token) => {
-		return [genProFieldRadioStyle({
-			...token,
-			componentCls: `.${prefixCls.value}`
-		})];
-	});
-}
+var style_default = useStyle("ProFieldRadio", (token) => {
+	return [genProFieldRadioStyle(mergeToken(token, {}))];
+});
 //#endregion
-export { useStyle };
+export { style_default as default };

package/dist/components/Segmented/index.d.ts

@@ -31,6 +31,6 @@ declare const FieldSegmented: _$vue.DefineSetupFnComponent<FieldSegmentedProps,
   emptyText?: VueNode$1;
 } & {
   id?: string;
-} & Omit<FieldSelectProps, "variant" | "fieldProps" | "id" | "label" | "labelTrigger" | "lightLabel" | "light" | "plain"> & {}, _$vue.PublicProps>;
+} & Omit<FieldSelectProps, "fieldProps" | "light" | "label" | "id" | "variant" | "labelTrigger" | "lightLabel" | "plain"> & {}, _$vue.PublicProps>;
 //#endregion
 export { FieldSegmentedProps, FieldSegmented as default };

package/dist/components/Select/Highlight/index.js

@@ -1,12 +1,13 @@
-import { useStyle } from "./style/index.js";
+import style_default from "./style/index.js";
 import { computed, createVNode, defineComponent, h } from "vue";
+import { classNames } from "@v-c/util";
 import { useConfig } from "antdv-next/dist/config-provider/context";
 //#region src/components/Select/Highlight/index.tsx
 const Highlight = /* @__PURE__ */ defineComponent((props) => {
 	const config = useConfig();
-	const lightCls = computed(() => config.value.getPrefixCls("pro-select-item-option-content-light"));
-	const optionCls = computed(() => config.value.getPrefixCls("pro-select-item-option-content"));
-	const { wrapSSR } = useStyle(lightCls, optionCls);
+	const prefixCls = computed(() => config.value.getPrefixCls("pro"));
+	const baseClassName = computed(() => `${prefixCls.value}-pro-select-item-option-content`);
+	const [hashId, cssVarCls] = style_default(baseClassName);
 	const matchKeywordsRE = computed(() => new RegExp(props.words?.map((word) => word.replace(/[-[\]/{}()*+?.\\^$|]/g, "\\$&")).join("|"), "gi"));
 	const elements = computed(() => {
 		let matchText = props.label;
@@ -19,15 +20,15 @@ const Highlight = /* @__PURE__ */ defineComponent((props) => {
 			}
 			const start = match.index;
 			const matchLength = match[0].length + start;
-			vnodes.push(matchText.slice(0, start), h("span", { class: lightCls.value }, matchText.slice(start, matchLength)));
+			vnodes.push(matchText.slice(0, start), h("span", { class: classNames(`${baseClassName.value}-light`, hashId.value, cssVarCls.value) }, matchText.slice(start, matchLength)));
 			matchText = matchText.slice(matchLength);
 		}
 		return vnodes;
 	});
-	return () => wrapSSR(createVNode("div", {
+	return () => createVNode("div", {
 		"title": props.label,
-		"class": optionCls.value
-	}, [elements.value]));
+		"class": classNames(baseClassName.value, hashId.value, cssVarCls.value)
+	}, [elements.value]);
 }, {
 	props: {
 		label: {

package/dist/components/Select/Highlight/style/index.d.ts

@@ -1,12 +1,8 @@
-import { ComputedRef } from "vue";
-import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
-import { ProAliasToken } from "@antdv-next1/pro-provider";
+import * as _$vue from "vue";
+import { ProAliasCssVarToken } from "@antdv-next1/pro-provider";
 
 //#region src/components/Select/Highlight/style/index.d.ts
-interface ProToken extends ProAliasToken {
-  lightCls: string;
-  optionCls: string;
-}
-declare function useStyle(lightCls: ComputedRef<string>, optionCls: ComputedRef<string>): _$_antdv_next1_pro_provider0.UseStyleResult;
+interface ProHighlightToken extends ProAliasCssVarToken {}
+declare const _default: (prefixCls: _$vue.Ref<string>, rootCls?: _$vue.Ref<string | undefined>) => readonly [_$vue.Ref<string, string>, _$vue.ComputedRef<string | undefined>];
 //#endregion
-export { ProToken, useStyle };
+export { ProHighlightToken, _default as default };

package/dist/components/Select/Highlight/style/index.js

@@ -1,24 +1,19 @@
-import { useStyle as useStyle$1 } from "@antdv-next1/pro-provider";
+import { useStyle } from "@antdv-next1/pro-provider";
+import { mergeToken } from "@antdv-next/cssinjs";
 //#region src/components/Select/Highlight/style/index.ts
 const genProStyle = (token) => {
 	return {
-		[token.lightCls]: { color: token.colorPrimary },
-		[token.optionCls]: {
+		[token.componentCls]: {
 			flex: "auto",
 			overflow: "hidden",
 			whiteSpace: "nowrap",
 			textOverflow: "ellipsis"
-		}
+		},
+		[`${token.componentCls}-light`]: { color: token.colorPrimary }
 	};
 };
-function useStyle(lightCls, optionCls) {
-	return useStyle$1("Highlight", (token) => {
-		return [genProStyle({
-			...token,
-			lightCls: `.${lightCls.value}`,
-			optionCls: `.${optionCls.value}`
-		})];
-	});
-}
+var style_default = useStyle("Highlight", (token) => {
+	return [genProStyle(mergeToken(token, {}))];
+});
 //#endregion
-export { useStyle };
+export { style_default as default };

package/dist/components/Select/LightSelect/index.js

@@ -1,4 +1,4 @@
-import { useStyle } from "./style/index.js";
+import style_default from "./style/index.js";
 import { Fragment, computed, createVNode, defineComponent, mergeProps } from "vue";
 import { FieldLabel, useMemo, useState } from "@antdv-next1/pro-utils";
 import { Input, Select } from "antdv-next";
@@ -23,7 +23,7 @@ const LightSelect = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	const baseClassName = computed(() => `${prefixCls.value}-field-select-light-select`);
 	const [open, setOpen] = useState(props.open || false);
 	const [keyword, setKeyword] = useState("");
-	const { wrapSSR, hashId } = useStyle(baseClassName);
+	const [hashId, cssVarCls] = style_default(baseClassName);
 	const fieldNames = computed(() => ({
 		label: props.fieldNames?.label || "label",
 		value: props.fieldNames?.value || "value"
@@ -46,8 +46,8 @@ const LightSelect = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	return () => {
 		const { label, prefixCls: customizePrefixCls, onChange, value, mode, defaultValue, labelVariant, size, showSearch, "onUpdate:value": onUpdateValue, disabled, options, allowClear, labelInValue, fieldNames = {}, lightLabel, labelTrigger, optionLabelProp = "", valueMaxLength = 41, fetchDataOnSearch = false, fetchData, variant = "outlined", searchPlaceholder, ...restProps } = props;
 		const { placeholder = label } = props;
-		return wrapSSR(createVNode("div", {
-			"class": classNames(baseClassName.value, attrs.class, hashId.value, { [`${baseClassName.value}-searchable`]: showSearch }, `${baseClassName.value}-container-${restProps.placement || "bottomLeft"}`),
+		return createVNode("div", {
+			"class": classNames(baseClassName.value, attrs.class, hashId.value, cssVarCls.value, { [`${baseClassName.value}-searchable`]: showSearch }, `${baseClassName.value}-container-${restProps.placement || "bottomLeft"}`),
 			"onClick": (e) => {
 				if (disabled) return;
 				if (!lightLabel?.value?.labelRef.value?.contains(e.target)) setOpen(true);
@@ -122,7 +122,7 @@ const LightSelect = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 			},
 			"ref": lightLabel,
 			"valueMaxLength": valueMaxLength
-		}, null)]));
+		}, null)]);
 	};
 }, {
 	props: {

package/dist/components/Select/LightSelect/style/index.d.ts

@@ -1,11 +1,10 @@
-import { ComputedRef } from "vue";
-import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
-import { ProAliasToken } from "@antdv-next1/pro-provider";
+import * as _$vue from "vue";
+import { ProAliasCssVarToken } from "@antdv-next1/pro-provider";
 
 //#region src/components/Select/LightSelect/style/index.d.ts
-interface ProToken extends ProAliasToken {
+interface ProLightSelectToken extends ProAliasCssVarToken {
   componentCls: string;
 }
-declare function useStyle(prefixCls: ComputedRef<string>): _$_antdv_next1_pro_provider0.UseStyleResult;
+declare const _default: (prefixCls: _$vue.Ref<string>, rootCls?: _$vue.Ref<string | undefined>) => readonly [_$vue.Ref<string, string>, _$vue.ComputedRef<string | undefined>];
 //#endregion
-export { ProToken, useStyle };
+export { ProLightSelectToken, _default as default };

package/dist/components/Select/LightSelect/style/index.js

@@ -1,6 +1,7 @@
-import { useStyle as useStyle$1 } from "@antdv-next1/pro-provider";
+import { useStyle } from "@antdv-next1/pro-provider";
+import { mergeToken } from "@antdv-next/cssinjs";
 //#region src/components/Select/LightSelect/style/index.ts
-const genProStyle = (token) => {
+const genProLightSelectStyle = (token) => {
 	return { [token.componentCls]: {
 		[`${token.antCls}-select`]: {
 			position: "absolute",
@@ -16,13 +17,8 @@ const genProStyle = (token) => {
 		} }
 	} };
 };
-function useStyle(prefixCls) {
-	return useStyle$1("LightSelect", (token) => {
-		return [genProStyle({
-			...token,
-			componentCls: `.${prefixCls.value}`
-		})];
-	});
-}
+var style_default = useStyle("LightSelect", (token) => {
+	return [genProLightSelectStyle(mergeToken(token, {}))];
+});
 //#endregion
-export { useStyle };
+export { style_default as default };

package/dist/components/TextArea/readonly/index.js

@@ -1,4 +1,4 @@
-import { useStyle } from "./style/index.js";
+import style_default from "./style/index.js";
 import { computed, createVNode, defineComponent } from "vue";
 import { classNames } from "@v-c/util";
 import { useConfig } from "antdv-next/dist/config-provider/context";
@@ -6,10 +6,10 @@ import { useConfig } from "antdv-next/dist/config-provider/context";
 const FieldTextAreaReadonly = /* @__PURE__ */ defineComponent((props) => {
 	const config = useConfig();
 	const readonlyClassName = computed(() => config.value.getPrefixCls("pro-field-readonly-textarea"));
-	const { wrapSSR, hashId } = useStyle(readonlyClassName);
+	const [hashId, cssVarCls] = style_default(readonlyClassName);
 	return () => {
 		const { text } = props;
-		return wrapSSR(createVNode("span", { "class": classNames(hashId.value, readonlyClassName.value) }, [text ?? "-"]));
+		return createVNode("span", { "class": classNames(hashId.value, cssVarCls.value, readonlyClassName.value) }, [text ?? "-"]);
 	};
 }, {
 	name: "FieldTextAreaReadonly",

package/dist/components/TextArea/readonly/style/index.d.ts

@@ -1,11 +1,8 @@
-import { ComputedRef } from "vue";
-import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
-import { ProAliasToken } from "@antdv-next1/pro-provider";
+import * as _$vue from "vue";
+import { ProAliasCssVarToken } from "@antdv-next1/pro-provider";
 
 //#region src/components/TextArea/readonly/style/index.d.ts
-interface ProToken extends ProAliasToken {
-  componentCls: string;
-}
-declare function useStyle(prefixCls: ComputedRef<string>): _$_antdv_next1_pro_provider0.UseStyleResult;
+interface ProTextAreaToken extends ProAliasCssVarToken {}
+declare const _default: (prefixCls: _$vue.Ref<string>, rootCls?: _$vue.Ref<string | undefined>) => readonly [_$vue.Ref<string, string>, _$vue.ComputedRef<string | undefined>];
 //#endregion
-export { ProToken, useStyle };
+export { ProTextAreaToken, _default as default };

package/dist/components/TextArea/readonly/style/index.js

@@ -1,6 +1,7 @@
-import { useStyle as useStyle$1 } from "@antdv-next1/pro-provider";
+import { useStyle } from "@antdv-next1/pro-provider";
+import { mergeToken } from "@antdv-next/cssinjs";
 //#region src/components/TextArea/readonly/style/index.ts
-const genProStyle = (token) => {
+const genProTextAreaStyle = (token) => {
 	return { [token.componentCls]: {
 		display: "inline-block",
 		lineHeight: "1.5715",
@@ -8,13 +9,8 @@ const genProStyle = (token) => {
 		whiteSpace: "pre-wrap"
 	} };
 };
-function useStyle(prefixCls) {
-	return useStyle$1("TextArea", (token) => {
-		return [genProStyle({
-			...token,
-			componentCls: `.${prefixCls.value}`
-		})];
-	});
-}
+var style_default = useStyle("TextArea", (token) => {
+	return [genProTextAreaStyle(mergeToken(token, {}))];
+});
 //#endregion
-export { useStyle };
+export { style_default as default };

package/dist/components/TreeSelect/index.d.ts

@@ -40,6 +40,6 @@ declare const FieldTreeSelect: _$vue.DefineSetupFnComponent<FieldTreeSelectProps
   fetchDataOnSearch?: boolean;
 } & {
   id?: string;
-} & TreeSelectProps<any, _$_v_c_tree_select0.DataNode> & Omit<FieldSelectProps, "variant" | "fieldProps" | "id" | "label" | "labelTrigger" | "lightLabel" | "light" | "plain"> & {}, _$vue.PublicProps>;
+} & TreeSelectProps<any, _$_v_c_tree_select0.DataNode> & Omit<FieldSelectProps, "fieldProps" | "light" | "label" | "id" | "variant" | "labelTrigger" | "lightLabel" | "plain"> & {}, _$vue.PublicProps>;
 //#endregion
 export { FieldTreeSelectProps, FieldTreeSelect as default };