@antdv-next/x 1.2.2 → 1.2.3-beta.1

package/dist/thought-chain/style/index.d.ts

@@ -1,23 +1,91 @@
 import { GetDefaultToken } from '../../theme/interface';
-export declare const prepareComponentToken: GetDefaultToken<"ThoughtChain">;
 export interface ComponentToken {
-    colorTextBlink: string;
-    colorTextBlinkDefault: string;
+    /**
+     * @desc 实心的 ThoughtChain.Item 背景色
+     * @descEN ThoughtChain.Item `solid`'s background color
+     */
     itemSolidBg: string;
+    /**
+     * @desc 实心的 ThoughtChain.Item 悬浮态背景色
+     * @descEN ThoughtChain.Item `solid`'s hover background color
+     */
     itemSolidHoverBg: string;
+    /**
+     * @desc 边框模式的 ThoughtChain.Item 背景色
+     * @descEN ThoughtChain.Item `outlined`'s background color
+     */
     itemOutlinedBg: string;
+    /**
+     * @desc 边框模式的 ThoughtChain.Item 悬浮态背景色
+     * @descEN ThoughtChain.Item `outlined`'s hover background color
+     */
     itemOutlinedHoverBg: string;
+    /**
+     * @desc ThoughtChain.Item 圆角
+     * @descEN ThoughtChain.Item's border radius
+     */
     itemBorderRadius: number;
+    /**
+     * @desc 图标容器尺寸
+     * @descEN ThoughtChain.Item `outlined`'s hover background color
+     */
     iconSize: number;
+    /**
+     * @desc 思维链节点描述文字的动画颜色
+     * @descEN ThoughtChain node description text animation color
+     */
     itemMotionDescription: string;
+    /**
+     * @desc 默认打字动画颜色
+     * @descEN Default typing animation color
+     */
+    colorTextBlinkDefault: string;
+    /**
+     * @desc 打字动画颜色
+     * @descEN Typing animation color
+     */
+    colorTextBlink: string;
+    /**
+     * @desc 错误状态描述文字颜色
+     * @descEN Error state description text color
+     */
     colorErrorTextDescription: string;
+    /**
+     * @desc 错误状态禁用文字颜色
+     * @descEN Error state disabled text color
+     */
     colorErrorTextDisabled: string;
+    /**
+     * @desc 错误状态禁用描述文字颜色
+     * @descEN Error state disabled description text color
+     */
     colorErrorTextDescriptionDisabled: string;
+    /**
+     * @desc 错误状态禁用背景色
+     * @descEN Error state disabled background color
+     */
     colorErrorBgDisabled: string;
+    /**
+     * @desc 禁用描述文字颜色
+     * @descEN Disabled description text color
+     */
     colorDescriptionDisabled: string;
+    /**
+     * @desc 禁用标题文字颜色
+     * @descEN Disabled title text color
+     */
     colorTitleDisabled: string;
+    /**
+     * @desc 成功状态禁用颜色
+     * @descEN Success state disabled color
+     */
     colorSuccessDisabled: string;
+    /**
+     * @desc 主要状态禁用颜色
+     * @descEN Primary state disabled color
+     */
     colorPrimaryDisabled: string;
 }
+export declare const prepareComponentToken: GetDefaultToken<"ThoughtChain">;
 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>];
 export default _default;

package/dist/thought-chain/style/index.js

@@ -1,13 +1,15 @@
 import { blinkMotion } from "../../style/motion/blink.js";
 import { genCollapseMotion } from "../../style/motion/collapse.js";
 import { genStyleHooks } from "../../theme/genStyleUtils.js";
-import genItemStyle from "./item.js";
+import genThoughtChainItemStyle from "./item.js";
 import genThoughtChainStyle from "./thought-chain.js";
 import { mergeToken } from "@antdv-next/cssinjs/cssinjs-utils";
 import { FastColor } from "@ant-design/fast-color";
 //#region components/thought-chain/style/index.ts
 var prepareComponentToken = (token) => {
 	const itemMotionDescription = new FastColor(token.colorTextDescription).setA(.25).toRgbString();
+	const colorTextBlinkDefault = token.colorTextDescription;
+	const colorTextBlink = token.colorTextBase;
 	const colorErrorTextDescription = new FastColor(token.colorErrorText).setA(.45).toRgbString();
 	const colorErrorTextDisabled = new FastColor(token.colorErrorText).setA(.45).toRgbString();
 	const itemSolidHoverBg = new FastColor(token.colorFillTertiary).setA(.06).toRgbString();
@@ -15,33 +17,42 @@ var prepareComponentToken = (token) => {
 	const colorDescriptionDisabled = new FastColor(token.colorTextDescription).setA(.25).toRgbString();
 	const colorTitleDisabled = new FastColor(token.colorText).setA(.45).toRgbString();
 	const colorErrorBgDisabled = new FastColor(token.colorErrorBg).setA(.25).toRgbString();
+	const itemOutlinedHoverBg = itemSolidHoverBg;
 	const colorSuccessDisabled = new FastColor(token.colorSuccess).setA(.45).toRgbString();
-	const colorPrimaryDisabled = new FastColor(token.colorPrimary).setA(.45).toRgbString();
 	return {
-		colorTextBlink: token.colorTextBase,
-		colorTextBlinkDefault: token.colorTextDescription,
+		colorDescriptionDisabled,
+		colorPrimaryDisabled: new FastColor(token.colorPrimary).setA(.45).toRgbString(),
+		colorSuccessDisabled,
+		colorTitleDisabled,
+		colorErrorTextDisabled,
+		colorErrorBgDisabled,
+		colorErrorTextDescriptionDisabled,
+		itemMotionDescription,
+		colorTextBlinkDefault,
+		colorTextBlink,
 		itemSolidBg: token.colorFillTertiary,
 		itemSolidHoverBg,
 		itemOutlinedBg: token.colorBgContainer,
-		itemOutlinedHoverBg: itemSolidHoverBg,
+		itemOutlinedHoverBg,
 		itemBorderRadius: token.borderRadius,
 		iconSize: token.fontSize,
-		itemMotionDescription,
+		titleFontSize: token.fontSize,
+		descriptionFontSize: token.fontSize,
+		nodePadding: token.paddingSM,
+		titleFontWeight: 500,
+		borderColor: token.colorBorder,
+		borderWidth: token.lineWidth,
+		connectorColor: token.colorFillContent,
+		connectorWidth: token.lineWidth,
 		colorErrorTextDescription,
-		colorErrorTextDisabled,
-		colorErrorTextDescriptionDisabled,
-		colorErrorBgDisabled,
-		colorDescriptionDisabled,
-		colorTitleDisabled,
-		colorSuccessDisabled,
-		colorPrimaryDisabled
+		hoverTransitionDuration: `${token.motionDurationMid} ${token.motionEaseInOut}`
 	};
 };
 var style_default = genStyleHooks("ThoughtChain", (token) => {
 	const chainToken = mergeToken(token, {});
 	return [
 		genThoughtChainStyle(chainToken),
-		genItemStyle(chainToken),
+		genThoughtChainItemStyle(chainToken),
 		genCollapseMotion(chainToken),
 		blinkMotion(chainToken, `${chainToken.componentCls}-motion-blink`)
 	];

package/dist/thought-chain/style/item.d.ts

@@ -1,5 +1,5 @@
-import { FullToken, GenerateStyle } from '../../theme/interface';
-export interface ThoughtChainItemToken extends FullToken<"ThoughtChain"> {
-}
-declare const genItemStyle: GenerateStyle<ThoughtChainItemToken>;
-export default genItemStyle;
+import { CSSObject } from '@antdv-next/cssinjs';
+import { GenerateStyle } from '../../theme/interface';
+import { ThoughtChainToken } from './thought-chain';
+declare const genThoughtChainItemStyle: GenerateStyle<ThoughtChainToken, CSSObject>;
+export default genThoughtChainItemStyle;

package/dist/thought-chain/style/item.js

@@ -1,6 +1,6 @@
 import { unit } from "@antdv-next/cssinjs";
 //#region components/thought-chain/style/item.ts
-var genItemStyle = (token) => {
+var genThoughtChainItemStyle = (token) => {
 	const { componentCls, calc } = token;
 	const itemCls = `${componentCls}-item`;
 	return { [itemCls]: {
@@ -14,7 +14,7 @@ var genItemStyle = (token) => {
 		paddingInline: token.paddingSM,
 		boxSizing: "border-box",
 		lineHeight: token.lineHeight,
-		borderRadius: token.borderRadius,
+		borderRadius: token.itemBorderRadius,
 		alignItems: "baseline",
 		[`&${itemCls}-rtl`]: { direction: "rtl" },
 		[`&${itemCls}-click:not(${itemCls}-disabled)`]: {
@@ -42,7 +42,7 @@ var genItemStyle = (token) => {
 			[`${componentCls}-status-loading`]: { color: token.colorPrimaryDisabled }
 		},
 		[`&${itemCls}-solid`]: {
-			background: token.itemSolidBg ?? token.colorFillTertiary,
+			background: token.itemSolidBg,
 			[`&${itemCls}-disabled`]: { background: token.colorBgContainerDisabled },
 			[`&${itemCls}-click:not(${itemCls}-error):hover`]: { background: token.itemSolidHoverBg },
 			[`&${itemCls}-error:not(${itemCls}-disabled)`]: { background: token.colorErrorBg },
@@ -50,7 +50,7 @@ var genItemStyle = (token) => {
 		},
 		[`&${itemCls}-outlined`]: {
 			paddingBlock: token.paddingXXS,
-			backgroundColor: token.itemOutlinedBg ?? token.colorBgContainer,
+			backgroundColor: token.itemOutlinedBg,
 			borderWidth: token.lineWidth,
 			borderStyle: token.lineType,
 			borderColor: token.colorBorder,
@@ -79,4 +79,4 @@ var genItemStyle = (token) => {
 	} };
 };
 //#endregion
-export { genItemStyle as default };
+export { genThoughtChainItemStyle as default };

package/dist/thought-chain/style/thought-chain.d.ts

@@ -1,5 +1,6 @@
+import { CSSObject } from '@antdv-next/cssinjs';
 import { FullToken, GenerateStyle } from '../../theme/interface';
 export interface ThoughtChainToken extends FullToken<"ThoughtChain"> {
 }
-declare const genThoughtChainStyle: GenerateStyle<ThoughtChainToken>;
+declare const genThoughtChainStyle: GenerateStyle<ThoughtChainToken, CSSObject>;
 export default genThoughtChainStyle;

package/dist/thought-chain/style/thought-chain.js

@@ -2,7 +2,6 @@ import { unit } from "@antdv-next/cssinjs";
 //#region components/thought-chain/style/thought-chain.ts
 var genThoughtChainStyle = (token) => {
 	const { componentCls, calc } = token;
-	const iconSize = token.iconSize ?? token.fontSize;
 	return { [componentCls]: {
 		[`&${componentCls}-box`]: {
 			display: "flex",
@@ -42,17 +41,16 @@ var genThoughtChainStyle = (token) => {
 		},
 		[`${componentCls}-node-icon`]: {
 			lineHeight: 1,
-			fontSize: iconSize,
+			fontSize: token.iconSize,
 			"&:after": {
 				content: "\"\"",
 				position: "absolute",
-				height: unit(calc("100%").sub(calc(iconSize).mul(token.lineHeight)).equal()),
+				height: unit(calc("100%").sub(calc(token.iconSize).mul(token.lineHeight)).equal()),
 				borderInlineStart: `${unit(token.lineWidth)} solid ${token.colorFillContent}`,
-				insetInlineStart: unit(calc(iconSize).sub(1).div(2).equal()),
-				top: unit(calc(iconSize).mul(token.lineHeight).equal())
+				insetInlineStart: unit(calc(token.iconSize).sub(1).div(2).equal()),
+				top: unit(calc(token.iconSize).mul(token.lineHeight).equal())
 			}
 		},
-		[`${componentCls}-node-icon-none`]: { "&:after": { display: "none" } },
 		[`${componentCls}-node-icon-dashed`]: { "&:after": { borderInlineStart: `${unit(token.lineWidth)} dashed ${token.colorFillContent}` } },
 		[`${componentCls}-node-icon-dotted`]: { "&:after": { borderInlineStart: `${unit(token.lineWidth)} dotted ${token.colorFillContent}` } },
 		[`${componentCls}-node-index-icon`]: {
@@ -62,26 +60,16 @@ var genThoughtChainStyle = (token) => {
 			lineHeight: 1,
 			color: token.colorTextSecondary,
 			fontSize: token.fontSizeSM,
-			width: iconSize,
-			height: iconSize,
+			width: token.iconSize,
+			height: token.iconSize,
 			backgroundColor: token.colorFillContent,
-			borderRadius: unit(calc(iconSize).div(2).equal())
-		},
-		[`${componentCls}-status`]: {
-			display: "inline-flex",
-			alignItems: "center",
-			fontSize: iconSize
-		},
-		[`${componentCls}-status-abort`]: { color: token.colorTextQuaternary },
-		[`${componentCls}-collapse-enter-active, ${componentCls}-collapse-leave-active`]: {
-			transition: `height ${token.motionDurationMid} ${token.motionEaseInOut}, opacity ${token.motionDurationMid} ${token.motionEaseInOut}`,
-			overflow: "hidden"
+			borderRadius: unit(calc(token.iconSize).div(2).equal())
 		},
 		[`&${componentCls}-rtl`]: {
 			direction: "rtl",
 			[`${componentCls}-node-icon`]: { "&:after": {
 				insetInlineStart: "unset",
-				insetInlineEnd: unit(calc(iconSize).sub(1).div(2).equal())
+				insetInlineEnd: unit(calc(token.iconSize).sub(1).div(2).equal())
 			} }
 		}
 	} };