@_tc/template-core 0.1.15 → 0.2.0-bate.0

package/fe/packages/react/hooks/usePagination.js

@@ -0,0 +1,30 @@
+import useInit from "./useInit.js";
+import { useCallback, useRef, useState } from "react";
+//#region packages/react/hooks/usePagination.ts
+function usePagination(params) {
+	const paginationData = useRef({
+		...params?.defaultValue ?? {
+			current: 1,
+			size: 10,
+			total: 0
+		},
+		onChange: () => {}
+	});
+	const [, changeView] = useState(0);
+	const updata = useCallback((params) => {
+		if (typeof params.current !== "undefined") paginationData.current.current = params.current;
+		if (typeof params.size !== "undefined") paginationData.current.size = params.size;
+		if (typeof params.total !== "undefined") paginationData.current.total = params.total;
+		if ([
+			params.size,
+			params.current,
+			params.total
+		].some((i) => typeof i !== "undefined")) changeView((e) => e + 1);
+	}, []);
+	useInit(() => {
+		paginationData.current.onChange = updata;
+	});
+	return paginationData;
+}
+//#endregion
+export { usePagination as default };

package/fe/packages/{ui/react → react}/hooks/useRefState.d.ts

@@ -1,21 +1,9 @@
-import { RefObject } from 'react';
+import { RefObject } from "react";
 type SetState<S> = (value: S | ((preValue: S) => S), callback?: CallBackFN<S>) => void;
 type CallBackFN<T> = (value: T) => void;
 type RefState<T> = RefObject<{
     data: T;
 }>;
-/**
- *
- * @demo
- * ```
-    const [data, setData, dataRef] = useState(0);
-    
-    setData(1, (newData) => {
-        // newData 1
-        // data 0
-    })
- * ```
- */
 export default function useRefState<S>(initialState: S | (() => S)): [
     S,
     SetState<S>,
@@ -27,4 +15,3 @@ export default function useRefState<S = undefined>(): [
     RefState<S | undefined>
 ];
 export {};
-//# sourceMappingURL=useRefState.d.ts.map

package/fe/packages/react/hooks/useRefState.js

@@ -0,0 +1,35 @@
+import useInit from "./useInit.js";
+import { useCallback, useLayoutEffect, useRef, useState } from "react";
+//#region packages/react/hooks/useRefState.ts
+function useRefState(initialState) {
+	const [v, setValue] = useState(initialState);
+	const data = useRef({ data: void 0 });
+	const callbackRef = useRef(null);
+	const [callbackVersion, setCallbackVersion] = useState(0);
+	useInit(() => {
+		data.current.data = v;
+	});
+	const setData = useCallback((action, callback) => {
+		const value = typeof action === "function" ? action(data.current.data) : action;
+		setValue(value);
+		data.current.data = value;
+		if (callback) {
+			callbackRef.current = callback;
+			setCallbackVersion((version) => version + 1);
+		}
+	}, [setCallbackVersion, setValue]);
+	useLayoutEffect(() => {
+		if (callbackRef.current) {
+			const callback = callbackRef.current;
+			callbackRef.current = null;
+			callback(data.current.data);
+		}
+	}, [callbackVersion]);
+	return [
+		v,
+		setData,
+		data
+	];
+}
+//#endregion
+export { useRefState as default };

package/fe/packages/{ui/react → react}/hooks/useWatch.d.ts

@@ -3,15 +3,7 @@ export type WatchCompare<T> = (value: T, prevValue: T) => boolean;
 export type WatchCompareType = 'identity' | 'shallow';
 export type WatchSelector<TSource, TValue> = (source: TSource) => TValue;
 export type UseWatchOptions<T> = {
-    /**
-     * @default false
-     */
     immediate?: boolean;
-    /**
-     * Return true when the two values should be treated as equal.
-     *
-     * @default Array values use shallow compare, other values use Object.is.
-     */
     compare?: WatchCompareType | WatchCompare<T>;
 };
 export declare const identityCompare: <T>(value: T, prevValue: T) => boolean;
@@ -20,4 +12,3 @@ export declare const defaultCompare: <T>(value: T, prevValue: T) => boolean;
 export declare function useWatch<T>(value: T, callback: WatchCallback<T>, options?: UseWatchOptions<T>): void;
 export declare function useWatch<TSource, TValue>(source: TSource, selector: WatchSelector<TSource, TValue>, callback: WatchCallback<TValue>, options?: UseWatchOptions<TValue>): void;
 export default useWatch;
-//# sourceMappingURL=useWatch.d.ts.map

package/fe/packages/react/hooks/useWatch.js

@@ -0,0 +1,60 @@
+import { useEffect, useRef } from "react";
+//#region packages/react/hooks/useWatch.ts
+var identityCompare = (value, prevValue) => Object.is(value, prevValue);
+var shallowCompare = (value, prevValue) => {
+	if (Object.is(value, prevValue)) return true;
+	if (Array.isArray(value) && Array.isArray(prevValue)) {
+		if (value.length !== prevValue.length) return false;
+		return value.every((item, index) => Object.is(item, prevValue[index]));
+	}
+	if (value && prevValue && typeof value === "object" && typeof prevValue === "object") {
+		const valuePrototype = Object.getPrototypeOf(value);
+		if (valuePrototype !== Object.getPrototypeOf(prevValue) || valuePrototype !== Object.prototype && valuePrototype !== null) return false;
+		const valueKeys = Object.keys(value);
+		const prevValueKeys = Object.keys(prevValue);
+		if (valueKeys.length !== prevValueKeys.length) return false;
+		return valueKeys.every((key) => Object.prototype.hasOwnProperty.call(prevValue, key) && Object.is(value[key], prevValue[key]));
+	}
+	return false;
+};
+var defaultCompare = (value, prevValue) => {
+	if (Array.isArray(value) && Array.isArray(prevValue)) return shallowCompare(value, prevValue);
+	return identityCompare(value, prevValue);
+};
+var getCompare = (compare) => {
+	if (compare === "identity") return identityCompare;
+	if (compare === "shallow") return shallowCompare;
+	return compare ?? defaultCompare;
+};
+var useStableWatchValue = (value, compare) => {
+	const valueRef = useRef(value);
+	if (!compare(value, valueRef.current)) valueRef.current = value;
+	return valueRef.current;
+};
+function useWatch(source, selectorOrCallback, callbackOrOptions, options) {
+	const hasSelector = typeof callbackOrOptions === "function";
+	const selector = hasSelector ? selectorOrCallback : null;
+	const callback = hasSelector ? callbackOrOptions : selectorOrCallback;
+	const watchOptions = hasSelector ? options : callbackOrOptions;
+	const stableValue = useStableWatchValue(selector ? selector(source) : source, getCompare(watchOptions?.compare));
+	const isInit = useRef(false);
+	const valueRef = useRef(stableValue);
+	const callbackRef = useRef(callback);
+	const optionsRef = useRef(watchOptions);
+	callbackRef.current = callback;
+	optionsRef.current = watchOptions;
+	useEffect(() => {
+		if (!isInit.current) {
+			isInit.current = true;
+			valueRef.current = stableValue;
+			if (optionsRef.current?.immediate) return callbackRef.current(stableValue, void 0);
+			return;
+		}
+		const prevValue = valueRef.current;
+		if (Object.is(stableValue, prevValue)) return;
+		valueRef.current = stableValue;
+		return callbackRef.current(stableValue, prevValue);
+	}, [stableValue]);
+}
+//#endregion
+export { useWatch as default, useWatch, defaultCompare, identityCompare, shallowCompare };

package/fe/packages/react/hooks/useWatch.test.js

@@ -0,0 +1,24 @@
+import { defaultCompare, identityCompare, shallowCompare } from "./useWatch.js";
+import assert from "node:assert/strict";
+import test from "node:test";
+//#region packages/react/hooks/useWatch.test.ts
+test("defaultCompare treats inline arrays with the same items as equal", () => {
+	assert.equal(defaultCompare([1, "a"], [1, "a"]), true);
+});
+test("defaultCompare detects changed array items", () => {
+	assert.equal(defaultCompare([1, "a"], [1, "b"]), false);
+});
+test("defaultCompare uses identity for object values", () => {
+	assert.equal(defaultCompare({ current: 1 }, { current: 1 }), false);
+});
+test("identityCompare detects changed array references", () => {
+	assert.equal(identityCompare([1, 2], [1, 2]), false);
+});
+test("shallowCompare supports selector array results", () => {
+	assert.equal(shallowCompare([1, 10], [1, 10]), true);
+	assert.equal(shallowCompare([1, 10], [2, 10]), false);
+});
+test("shallowCompare does not treat non-plain objects as equal by empty keys", () => {
+	assert.equal(shallowCompare(/* @__PURE__ */ new Date(0), /* @__PURE__ */ new Date(0)), false);
+});
+//#endregion

package/fe/packages/react/ui/assets/table/no-result.js

@@ -0,0 +1,4 @@
+//#region packages/react/ui/assets/table/no-result.svg
+var no_result_default = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20ry='2'/%3e%3cline%20x1='3'%20y1='9'%20x2='21'%20y2='9'/%3e%3cline%20x1='9'%20y1='21'%20x2='9'%20y2='9'/%3e%3c/svg%3e";
+//#endregion
+export { no_result_default as default };

package/fe/packages/{ui/react → react/ui}/components/Button/Button.d.ts

@@ -1,58 +1,24 @@
-import type { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
+import type { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from "react";
 export type ButtonVariant = 'default' | 'primary' | 'dashed' | 'text' | 'link';
 export type ButtonState = 'danger' | 'ghost';
 export type ButtonSize = 'sm' | 'md' | 'lg';
 type ButtonCommonProps = {
-    /**
-     * 按钮尺寸
-     * @default 'md'
-     */
     size?: ButtonSize;
-    /**
-     * 按钮状态
-     */
     state?: ButtonState;
-    /**
-     * 是否禁用
-     */
     disabled?: boolean;
-    /**
-     * 是否显示加载状态
-     */
     loading?: boolean;
-    /**
-     * 左侧图标
-     */
     leftIcon?: ReactNode;
-    /**
-     * 右侧图标
-     */
     rightIcon?: ReactNode;
-    /**
-     * 是否去除下划线（仅对 variant="link" 有效）
-     * @default false
-     */
     noUnderline?: boolean;
-    /**
-     * 作为子元素，用于更灵活的布局
-     */
     children?: ReactNode;
 };
 type ButtonElementVariant = Exclude<ButtonVariant, 'link'>;
 export type ButtonProps = ButtonElementProps | ButtonLinkProps;
 export type ButtonElementProps = ButtonCommonProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'disabled'> & {
-    /**
-     * 按钮变体
-     * @default 'default'
-     */
     variant?: ButtonElementVariant;
 };
 export type ButtonLinkProps = ButtonCommonProps & AnchorHTMLAttributes<HTMLAnchorElement> & {
-    /**
-     * 链接变体，渲染为 a 标签
-     */
     variant: 'link';
 };
 declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export { Button };
-//# sourceMappingURL=Button.d.ts.map

package/fe/packages/react/ui/components/Button/Button.js

@@ -0,0 +1,88 @@
+import { cn } from "../../lib/utils.js";
+import { LoadingIndicator } from "../Loading/Loading.js";
+import "../Loading/index.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region packages/react/ui/components/Button/Button.tsx
+var Button = forwardRef((props, ref) => {
+	const { className, size = "md", state, disabled: disabledProp, loading: loadingProp, leftIcon, rightIcon, noUnderline, children } = props;
+	const variant = props.variant ?? "default";
+	const danger = state === "danger";
+	const ghost = state === "ghost";
+	const loading = loadingProp;
+	const disabled = disabledProp;
+	const isDisabled = disabled || loading;
+	const baseStyles = "inline-flex items-center justify-center rounded-lg font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 cursor-pointer";
+	const getVariantStyles = () => {
+		if (variant === "text" || variant === "link") return danger ? "bg-transparent border-0 text-destructive focus-visible:ring-destructive" : "bg-transparent border-0 text-foreground focus-visible:ring-border";
+		const ghostStyles = ghost && "bg-transparent hover:bg-transparent";
+		if (danger) {
+			if (variant === "primary") return cn(ghost ? "border border-destructive text-destructive focus-visible:ring-destructive" : "bg-destructive text-destructive-foreground border border-destructive hover:bg-destructive/90 focus-visible:ring-destructive", ghostStyles);
+			return cn(ghost ? "text-destructive" : "bg-background text-destructive hover:bg-destructive/10", variant === "dashed" ? "border border-dashed" : "border", "border-destructive focus-visible:ring-destructive", ghostStyles);
+		}
+		return cn({
+			default: "bg-background border border-border text-foreground hover:bg-muted/50 focus-visible:ring-border",
+			primary: "bg-theme text-theme-foreground border border-theme hover:bg-theme/90 focus-visible:ring-theme",
+			dashed: "bg-background border border-dashed border-border text-foreground hover:bg-muted/50 focus-visible:ring-border",
+			text: "bg-transparent border-0 text-foreground focus-visible:ring-border"
+		}[variant], ghostStyles);
+	};
+	const disabledStyles = "disabled:bg-background/60 disabled:border-border/60 disabled:text-foreground/40 disabled:hover:bg-background/60 aria-disabled:text-foreground/40 aria-disabled:hover:bg-transparent";
+	const sizeStyles = {
+		sm: "h-8 px-3 text-sm",
+		md: "h-10 px-4 text-sm",
+		lg: "h-12 px-6 text-base"
+	};
+	const contents = [
+		loading ? /* @__PURE__ */ jsx("span", {
+			className: cn("flex items-center", children && "mr-2"),
+			children: /* @__PURE__ */ jsx(LoadingIndicator, {
+				size: "sm",
+				className: cn("text-current", {
+					sm: "h-3 w-3",
+					md: "h-4 w-4",
+					lg: "h-5 w-5"
+				}[size])
+			})
+		}, "loading") : null,
+		!loading && leftIcon && /* @__PURE__ */ jsx("span", {
+			className: cn("flex items-center", "mr-2"),
+			children: leftIcon
+		}, "left"),
+		children,
+		rightIcon ? /* @__PURE__ */ jsx("span", {
+			className: cn("flex items-center", "ml-2"),
+			children: rightIcon
+		}, "right") : void 0
+	].filter(Boolean);
+	const buttonClassName = cn("tc-ui-button", baseStyles, getVariantStyles(), disabledStyles, ["text", "link"].includes(variant) ? "h-auto px-0 py-0 text-sm font-normal" : sizeStyles[size], ["text", "link"].includes(variant) ? "" : "before:content-normal", variant === "link" && !noUnderline && "hover:underline", variant === "link" && !noUnderline && "aria-disabled:hover:no-underline", disabled && !loading && "cursor-not-allowed", loading && "cursor-wait", className);
+	if (props.variant === "link") {
+		const { className: _className, variant: _variant, size: _size, state: _state, disabled: _disabled, loading: _loading, leftIcon: _leftIcon, rightIcon: _rightIcon, noUnderline: _noUnderline, children: _children, onClick, tabIndex, ...anchorProps } = props;
+		return /* @__PURE__ */ jsx("a", {
+			ref,
+			className: buttonClassName,
+			"aria-disabled": isDisabled || void 0,
+			tabIndex: isDisabled ? -1 : tabIndex,
+			onClick: (event) => {
+				if (isDisabled) {
+					event.preventDefault();
+					return;
+				}
+				onClick?.(event);
+			},
+			...anchorProps,
+			children: contents
+		});
+	}
+	const { className: _className, variant: _variant, size: _size, state: _state, disabled: _disabled, loading: _loading, leftIcon: _leftIcon, rightIcon: _rightIcon, noUnderline: _noUnderline, children: _children, ...buttonProps } = props;
+	return /* @__PURE__ */ jsx("button", {
+		ref,
+		className: buttonClassName,
+		disabled: isDisabled,
+		...buttonProps,
+		children: contents
+	});
+});
+Button.displayName = "Button";
+//#endregion
+export { Button };

package/fe/packages/{ui/react → react/ui}/components/Button/SubmitButton.d.ts

@@ -1,13 +1,8 @@
-import type { MOmit } from '../../types';
-import { type ButtonElementProps } from './Button';
+import type { MOmit } from "../../types/index";
+import { type ButtonElementProps } from "./Button";
 export type SubmitButtonProps = MOmit<ButtonElementProps, 'onClick'> & {
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => Promise<void | boolean> | void;
 };
-/**
- *
- * 会自动添加loading 其余同button一致
- */
 declare const SubmitButton: (props: SubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
 declare const AsynchronousButton: (props: SubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
 export { AsynchronousButton, SubmitButton };
-//# sourceMappingURL=SubmitButton.d.ts.map

package/fe/packages/react/ui/components/Button/SubmitButton.js

@@ -0,0 +1,30 @@
+import { cn } from "../../lib/utils.js";
+import { Button } from "./Button.js";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region packages/react/ui/components/Button/SubmitButton.tsx
+/**
+*
+* 会自动添加loading 其余同button一致
+*/
+var SubmitButton = (props) => {
+	const { onClick, className, loading: loadingProp, ...bprops } = props;
+	const [loading, uLoading] = useState(false);
+	return /* @__PURE__ */ jsx(Button, {
+		className: cn("tc-ui-submit-button", className),
+		loading: loading || loadingProp,
+		onClick: async (e) => {
+			if (loading) return;
+			uLoading(true);
+			try {
+				return await onClick?.(e);
+			} finally {
+				uLoading(false);
+			}
+		},
+		...bprops
+	});
+};
+var AsynchronousButton = SubmitButton;
+//#endregion
+export { AsynchronousButton, SubmitButton };

package/fe/packages/react/ui/components/Button/index.d.ts

@@ -0,0 +1,3 @@
+export { Button } from "./Button";
+export type { ButtonElementProps, ButtonLinkProps, ButtonProps, ButtonSize, ButtonState, ButtonVariant } from "./Button";
+export * from "./SubmitButton";

package/fe/packages/react/ui/components/Button/index.js

@@ -0,0 +1,3 @@
+import { Button } from "./Button.js";
+import { AsynchronousButton, SubmitButton } from "./SubmitButton.js";
+export { AsynchronousButton, Button, SubmitButton };

package/fe/packages/{ui/react → react/ui}/components/Card/Card.d.ts

@@ -1,10 +1,10 @@
-import type { ReactNode } from 'react';
+import type { ReactNode } from "react";
 export type CardProps = {
     header?: ReactNode;
     footer?: ReactNode;
     children?: ReactNode;
     className?: string;
+    hoverable?: boolean;
 };
 declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLDivElement>>;
 export { Card };
-//# sourceMappingURL=Card.d.ts.map

package/fe/packages/react/ui/components/Card/Card.js

@@ -0,0 +1,31 @@
+import { cn } from "../../lib/utils.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/Card/Card.tsx
+var Card = forwardRef(({ header, footer, children, className, hoverable = true }, ref) => {
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cn("tc-ui-card rounded-xl border border-border/60 bg-card text-card-foreground", "shadow-[inset_0_1px_0_hsl(var(--foreground)/0.04)]", hoverable && [
+			"transition-[transform,box-shadow,border-color] duration-200 ease-out",
+			"hover:-translate-y-0.5 hover:border-border/80",
+			"hover:shadow-[var(--shadow-panel),inset_0_1px_0_hsl(var(--foreground)/0.06)]"
+		], className),
+		children: [
+			header && /* @__PURE__ */ jsx("div", {
+				className: "tc-ui-card-header border-b border-border/50 px-4 py-3 text-sm font-medium",
+				children: header
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "tc-ui-card-body px-4 py-4",
+				children
+			}),
+			footer && /* @__PURE__ */ jsx("div", {
+				className: "tc-ui-card-footer border-t border-border/50 px-4 py-3",
+				children: footer
+			})
+		]
+	});
+});
+Card.displayName = "Card";
+//#endregion
+export { Card };

package/fe/packages/react/ui/components/Card/index.d.ts

@@ -0,0 +1 @@
+export * from "./Card";

package/fe/packages/react/ui/components/Card/index.js

@@ -0,0 +1,2 @@
+import { Card } from "./Card.js";
+export { Card };

package/fe/packages/{ui/react → react/ui}/components/Checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import type { ChangeEvent, InputHTMLAttributes } from 'react';
+import type { ChangeEvent, InputHTMLAttributes } from "react";
 export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> & {
     checked?: boolean;
     defaultChecked?: boolean;
@@ -14,4 +14,3 @@ declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<InputHTML
     value?: boolean;
 } & import("react").RefAttributes<HTMLInputElement>>;
 export { Checkbox };
-//# sourceMappingURL=Checkbox.d.ts.map

package/fe/packages/react/ui/components/Checkbox/Checkbox.js

@@ -0,0 +1,52 @@
+import { cn } from "../../lib/utils.js";
+import { forwardRef, useLayoutEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, Minus } from "lucide-react";
+//#region packages/react/ui/components/Checkbox/Checkbox.tsx
+var Checkbox = forwardRef(({ className, checked: _controlledChecked, value, defaultChecked, indeterminate, onChange, disabled, ...props }, ref) => {
+	const internalRef = useRef(null);
+	const controlledChecked = value ?? _controlledChecked;
+	const setRefs = (element) => {
+		internalRef.current = element;
+		if (typeof ref === "function") ref(element);
+		else if (ref) ref.current = element;
+		if (element) element.indeterminate = indeterminate ?? false;
+	};
+	useLayoutEffect(() => {
+		if (internalRef.current) internalRef.current.indeterminate = indeterminate ?? false;
+	}, [indeterminate]);
+	const isControlled = controlledChecked !== void 0;
+	const [internalChecked, setInternalChecked] = useState(defaultChecked ?? false);
+	const checked = isControlled ? controlledChecked : internalChecked;
+	const showChecked = checked && !indeterminate;
+	const handleChange = (e) => {
+		const newChecked = e.target.checked;
+		if (!isControlled) setInternalChecked(newChecked);
+		onChange?.(newChecked, e);
+	};
+	return /* @__PURE__ */ jsxs("span", {
+		className: cn("tc-ui-checkbox relative inline-flex h-4 w-4 shrink-0", className),
+		children: [/* @__PURE__ */ jsx("input", {
+			type: "checkbox",
+			ref: setRefs,
+			checked,
+			disabled,
+			onChange: handleChange,
+			className: cn("peer absolute inset-0 z-10 m-0 h-full w-full appearance-none rounded opacity-0", disabled ? "cursor-not-allowed" : "cursor-pointer"),
+			...props
+		}), /* @__PURE__ */ jsxs("span", {
+			"aria-hidden": "true",
+			className: cn("pointer-events-none flex h-full w-full items-center justify-center rounded border transition-colors peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background", (showChecked || indeterminate) && "border-theme bg-theme text-theme-foreground", !showChecked && !indeterminate && "border-border bg-background text-theme", disabled && "opacity-60"),
+			children: [showChecked && /* @__PURE__ */ jsx(Check, {
+				className: "h-3 w-3",
+				strokeWidth: 3
+			}), indeterminate && /* @__PURE__ */ jsx(Minus, {
+				className: "h-3 w-3",
+				strokeWidth: 3
+			})]
+		})]
+	});
+});
+Checkbox.displayName = "Checkbox";
+//#endregion
+export { Checkbox };

package/fe/packages/react/ui/components/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from "./Checkbox";

package/fe/packages/react/ui/components/Checkbox/index.js

@@ -0,0 +1,2 @@
+import { Checkbox } from "./Checkbox.js";
+export { Checkbox };

package/fe/packages/{ui/react → react/ui}/components/ConfirmDialog/ConfirmDialog.d.ts

@@ -1,20 +1,11 @@
 export interface ConfirmDialogProps {
-    /** 是否显示 */
     open: boolean;
-    /** 标题 */
     title?: string;
-    /** 内容 */
     content: string;
-    /** 确认按钮文本 */
     okText?: string;
-    /** 取消按钮文本 */
     cancelText?: string;
-    /** 确认按钮加载状态 */
     loading?: boolean;
-    /** 确认回调 */
     onOk: () => void | Promise<void>;
-    /** 取消回调 */
     onCancel: () => void;
 }
 export declare function ConfirmDialog({ open, title, content, okText, cancelText, loading, onOk, onCancel, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ConfirmDialog.d.ts.map

package/fe/packages/react/ui/components/ConfirmDialog/ConfirmDialog.js

@@ -0,0 +1,41 @@
+import { useI18n } from "../../i18n/useI18n.js";
+import "../../i18n/index.js";
+import { Button } from "../Button/Button.js";
+import "../Button/index.js";
+import { Modal } from "../Modal/Modal.js";
+import "../Modal/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/react/ui/components/ConfirmDialog/ConfirmDialog.tsx
+function ConfirmDialog({ open, title, content, okText, cancelText, loading = false, onOk, onCancel }) {
+	const t = useI18n();
+	const handleOk = async () => {
+		await onOk();
+	};
+	return /* @__PURE__ */ jsx(Modal, {
+		open,
+		onClose: onCancel,
+		title: title ?? t("components.confirmDialog.title"),
+		width: 450,
+		className: "tc-ui-confirm-dialog",
+		footer: /* @__PURE__ */ jsxs("div", {
+			className: "flex justify-end gap-3",
+			children: [/* @__PURE__ */ jsx(Button, {
+				onClick: onCancel,
+				className: "min-w-[100px] bg-background border-[hsl(var(--theme-primary))] text-[hsl(var(--theme-primary))] hover:bg-[hsl(var(--theme-primary))]/5",
+				children: cancelText ?? t("components.confirmDialog.cancelText")
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "primary",
+				loading,
+				onClick: handleOk,
+				className: "min-w-[100px] bg-[hsl(var(--theme-primary))] hover:bg-[hsl(var(--theme-primary))]/90 border-[hsl(var(--theme-primary))] text-[hsl(var(--theme-primary-foreground))]",
+				children: okText ?? t("components.confirmDialog.okText")
+			})]
+		}),
+		children: /* @__PURE__ */ jsx("div", {
+			className: "py-4 text-base text-foreground",
+			children: content
+		})
+	});
+}
+//#endregion
+export { ConfirmDialog };

package/fe/packages/react/ui/components/ConfirmDialog/index.d.ts

@@ -0,0 +1 @@
+export * from "./ConfirmDialog";

package/fe/packages/react/ui/components/ConfirmDialog/index.js

@@ -0,0 +1,2 @@
+import { ConfirmDialog } from "./ConfirmDialog.js";
+export { ConfirmDialog };

package/fe/packages/{ui/react → react/ui}/components/DataTable/ActionBtn.d.ts

@@ -1,8 +1,7 @@
-import { type DropdownItem } from '../Dropdown';
+import { type DropdownItem } from "../Dropdown";
 export type ActionOverflow = 'auto' | 'dropdown' | 'inline';
 export interface ActionBtnProps {
     actions: DropdownItem[];
     overflow?: ActionOverflow;
 }
 export declare const ActionBtn: ({ actions, overflow }: ActionBtnProps) => import("react/jsx-runtime").JSX.Element | "-";
-//# sourceMappingURL=ActionBtn.d.ts.map