@_tc/template-core 0.0.1-bate.9 → 0.0.2

package/fe/packages/common/index.d.ts

@@ -0,0 +1,11 @@
+export * from "./array";
+export * from "./cache";
+export * from "./guards";
+export * from "./http";
+export * from "./i18n";
+export * from "./log";
+export * from "./number";
+export * from "./object";
+export * from "./string";
+export * from "./types";
+//# sourceMappingURL=index.d.ts.map

package/fe/packages/common/index.js

@@ -0,0 +1,10 @@
+export * from "./array";
+export * from "./cache";
+export * from "./guards";
+export * from "./http";
+export * from "./i18n";
+export * from "./log";
+export * from "./number";
+export * from "./object";
+export * from "./string";
+export * from "./types";

package/fe/packages/common/log/index.d.ts

@@ -0,0 +1,33 @@
+export declare const ANSI_RESET = "\u001B[0m";
+export declare const ansiColors: {
+    readonly black: "\u001B[30m";
+    readonly red: "\u001B[31m";
+    readonly green: "\u001B[32m";
+    readonly yellow: "\u001B[33m";
+    readonly blue: "\u001B[34m";
+    readonly magenta: "\u001B[35m";
+    readonly pink: "\u001B[95m";
+    readonly cyan: "\u001B[36m";
+    readonly white: "\u001B[37m";
+    readonly gray: "\u001B[90m";
+};
+export type LogColor = keyof typeof ansiColors;
+export type ColorLogOptions = {
+    color?: LogColor;
+    prefix?: string;
+    suffix?: string;
+};
+export type ColorLogAffixes = Omit<ColorLogOptions, 'color'>;
+export declare const colorize: (message: unknown, color?: LogColor) => string;
+export declare const joinColorized: (...messages: readonly unknown[]) => string;
+export declare const logJoinColorized: (...messages: readonly unknown[]) => void;
+export declare function colorLog(color: LogColor, ...data: unknown[]): void;
+export declare function colorLog(...data: unknown[]): void;
+export declare const logColor: (color: LogColor, ...data: unknown[]) => void;
+export declare const logColorized: (...messages: readonly unknown[]) => void;
+export declare const logGreen: (...data: unknown[]) => void;
+export declare const logYellow: (...data: unknown[]) => void;
+export declare const logPink: (...data: unknown[]) => void;
+export declare const logWhite: (...data: unknown[]) => void;
+export declare const logRed: (...data: unknown[]) => void;
+//# sourceMappingURL=index.d.ts.map

package/fe/packages/common/log/index.js

@@ -0,0 +1,176 @@
+export const ANSI_RESET = '\x1b[0m';
+export const ansiColors = {
+    black: '\x1b[30m',
+    red: '\x1b[31m',
+    green: '\x1b[32m',
+    yellow: '\x1b[33m',
+    blue: '\x1b[34m',
+    magenta: '\x1b[35m',
+    pink: '\x1b[95m',
+    cyan: '\x1b[36m',
+    white: '\x1b[37m',
+    gray: '\x1b[90m',
+};
+const getConsole = () => {
+    const globalValue = globalThis;
+    return globalValue.console;
+};
+export const colorize = (message, color = 'green') => {
+    return `${ansiColors[color]}${String(message)}${ANSI_RESET}`;
+};
+export const joinColorized = (...messages) => {
+    return messages.map(String).join('');
+};
+export const logJoinColorized = (...messages) => {
+    getConsole()?.log(messages.map(String).join(''));
+};
+const inspectPrimitive = (value) => {
+    if (typeof value === 'string')
+        return `'${value}'`;
+    if (typeof value === 'bigint')
+        return `${value}n`;
+    if (typeof value === 'symbol')
+        return String(value);
+    if (typeof value === 'function')
+        return `[Function${value.name ? `: ${value.name}` : ''}]`;
+    if (value === undefined)
+        return 'undefined';
+    if (value === null)
+        return 'null';
+    return String(value);
+};
+const inspectValue = (value, context, depth = 0) => {
+    if (value === null || typeof value !== 'object')
+        return inspectPrimitive(value);
+    if (context.seen.has(value))
+        return '[Circular]';
+    if (value instanceof Date)
+        return value.toISOString();
+    if (value instanceof Error)
+        return value.stack ?? `${value.name}: ${value.message}`;
+    context.seen.add(value);
+    if (Array.isArray(value)) {
+        const items = value.map((item) => inspectValue(item, context, depth + 1));
+        context.seen.delete(value);
+        return `[${items.join(', ')}]`;
+    }
+    const entries = Object.entries(value);
+    if (entries.length === 0) {
+        context.seen.delete(value);
+        return '{}';
+    }
+    const indent = '  '.repeat(depth);
+    const nextIndent = '  '.repeat(depth + 1);
+    const body = entries
+        .map(([key, item]) => `${nextIndent}${key}: ${inspectValue(item, context, depth + 1)}`)
+        .join(',\n');
+    context.seen.delete(value);
+    return `{\n${body}\n${indent}}`;
+};
+const stringifyLogValue = (value) => {
+    return typeof value === 'string' ? value : inspectValue(value, { seen: new WeakSet() });
+};
+const formatSpecifier = (specifier, value) => {
+    if (specifier === '%%')
+        return '%';
+    if (specifier === '%s')
+        return String(value);
+    if (specifier === '%d' || specifier === '%i')
+        return Number.parseInt(String(value), 10).toString();
+    if (specifier === '%f')
+        return Number.parseFloat(String(value)).toString();
+    if (specifier === '%j') {
+        try {
+            return JSON.stringify(value);
+        }
+        catch {
+            return '[Circular]';
+        }
+    }
+    if (specifier === '%o' || specifier === '%O')
+        return stringifyLogValue(value);
+    if (specifier === '%c')
+        return '';
+    return specifier;
+};
+const formatLogData = (data) => {
+    if (data.length === 0)
+        return '';
+    const [first, ...rest] = data;
+    if (typeof first !== 'string') {
+        return data.map(stringifyLogValue).join(' ');
+    }
+    let index = 0;
+    const formatted = first.replace(/%[sdifjoOc%]/g, (specifier) => {
+        if (specifier === '%%')
+            return '%';
+        if (index >= rest.length)
+            return specifier;
+        const value = rest[index];
+        index += 1;
+        return formatSpecifier(specifier, value);
+    });
+    const remaining = rest.slice(index).map(stringifyLogValue);
+    return [formatted, ...remaining].join(' ');
+};
+const isLogColor = (value) => {
+    return typeof value === 'string' && value in ansiColors;
+};
+const isColorLogOptions = (value) => {
+    if (value === null || typeof value !== 'object')
+        return false;
+    const keys = Object.keys(value);
+    if (!keys.some((key) => key === 'color' || key === 'prefix' || key === 'suffix')) {
+        return false;
+    }
+    const options = value;
+    return options.color === undefined || isLogColor(options.color);
+};
+const withColor = (color, data, options = {}) => {
+    const prefix = options.prefix ?? '';
+    const suffix = options.suffix ?? '';
+    const message = formatLogData(data);
+    return [`${ansiColors[color]}${prefix}${message}${suffix}${ANSI_RESET}`];
+};
+const printColorMessage = (data, config) => {
+    const color = config.color ?? 'green';
+    getConsole()?.log(...withColor(color, data, config));
+};
+export function colorLog(...data) {
+    const [first, ...rest] = data;
+    const last = data.at(-1);
+    if (isLogColor(first) && data.length >= 2) {
+        printColorMessage(rest, { color: first });
+        return;
+    }
+    if (isLogColor(last) && data.length === 2) {
+        printColorMessage([first], { color: last });
+        return;
+    }
+    if (isColorLogOptions(last) && data.length >= 2) {
+        printColorMessage(data.slice(0, -1), last);
+        return;
+    }
+    printColorMessage(data, { color: 'green' });
+}
+export const logColor = (color, ...data) => {
+    printColorMessage(data, { color });
+};
+export const logColorized = (...messages) => {
+    getConsole()?.log(...messages);
+};
+export const logGreen = (...data) => {
+    logColor('green', ...data);
+};
+export const logYellow = (...data) => {
+    logColor('yellow', ...data);
+};
+export const logPink = (...data) => {
+    logColor('pink', ...data);
+};
+export const logWhite = (...data) => {
+    logColor('white', ...data);
+};
+export const logRed = (...data) => {
+    logColor('red', ...data);
+};

package/fe/packages/common/number/index.d.ts

@@ -0,0 +1,3 @@
+export declare const clamp: (value: number, min: number, max: number) => number;
+export declare const toFiniteNumber: (value: unknown, fallback?: number) => number;
+//# sourceMappingURL=index.d.ts.map

package/fe/packages/common/number/index.js

@@ -0,0 +1,10 @@
+export const clamp = (value, min, max) => {
+    if (min > max) {
+        throw new RangeError("min must be less than or equal to max");
+    }
+    return Math.min(Math.max(value, min), max);
+};
+export const toFiniteNumber = (value, fallback = 0) => {
+    const numberValue = typeof value === "number" ? value : Number(value);
+    return Number.isFinite(numberValue) ? numberValue : fallback;
+};

package/fe/packages/common/object/filterEmpty.d.ts

@@ -0,0 +1,3 @@
+export declare function filterEmpty<T>(data: T): T | undefined;
+export declare const filtereEmpty: typeof filterEmpty;
+//# sourceMappingURL=filterEmpty.d.ts.map

package/fe/packages/common/object/filterEmpty.js

@@ -0,0 +1,33 @@
+import { isPlainObject } from "../guards";
+const isEmptyValue = (value) => {
+    if (value === undefined)
+        return true;
+    if (Array.isArray(value))
+        return value.length === 0;
+    if (isPlainObject(value))
+        return Object.keys(value).length === 0;
+    return false;
+};
+const filterEmptyValue = (value) => {
+    if (Array.isArray(value)) {
+        const result = value
+            .map((item) => filterEmptyValue(item))
+            .filter((item) => !isEmptyValue(item));
+        return result.length > 0 ? result : undefined;
+    }
+    if (isPlainObject(value)) {
+        const result = {};
+        for (const [key, item] of Object.entries(value)) {
+            const nextValue = filterEmptyValue(item);
+            if (!isEmptyValue(nextValue)) {
+                result[key] = nextValue;
+            }
+        }
+        return Object.keys(result).length > 0 ? result : undefined;
+    }
+    return value;
+};
+export function filterEmpty(data) {
+    return filterEmptyValue(data);
+}
+export const filtereEmpty = filterEmpty;

package/fe/packages/common/object/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./filterEmpty";
+export declare const pick: <T extends object, K extends keyof T>(target: T, keys: readonly K[]) => Pick<T, K>;
+export declare const omit: <T extends object, K extends keyof T>(target: T, keys: readonly K[]) => Omit<T, K>;
+export declare const mapValues: <T extends object, TResult>(target: T, mapper: <K extends keyof T>(value: T[K], key: K) => TResult) => { [K in keyof T]: TResult; };
+//# sourceMappingURL=index.d.ts.map

package/fe/packages/common/object/index.js

@@ -0,0 +1,25 @@
+export * from "./filterEmpty";
+export const pick = (target, keys) => {
+    const result = {};
+    for (const key of keys) {
+        if (key in target) {
+            result[key] = target[key];
+        }
+    }
+    return result;
+};
+export const omit = (target, keys) => {
+    const result = { ...target };
+    for (const key of keys) {
+        delete result[key];
+    }
+    return result;
+};
+export const mapValues = (target, mapper) => {
+    const result = {};
+    const keys = Object.keys(target);
+    for (const key of keys) {
+        result[key] = mapper(target[key], key);
+    }
+    return result;
+};

package/fe/packages/common/string/index.d.ts

@@ -0,0 +1,4 @@
+export declare const isBlank: (value: string | null | undefined) => boolean;
+export declare const capitalize: (value: string) => string;
+export declare const kebabCase: (value: string) => string;
+//# sourceMappingURL=index.d.ts.map

package/fe/packages/common/string/index.js

@@ -0,0 +1,17 @@
+export const isBlank = (value) => {
+    return value === null || value === undefined || value.trim().length === 0;
+};
+export const capitalize = (value) => {
+    if (value.length === 0)
+        return value;
+    const first = value.charAt(0).toUpperCase();
+    return `${first}${value.slice(1)}`;
+};
+export const kebabCase = (value) => {
+    return value
+        .trim()
+        .replace(/([a-z0-9])([A-Z])/g, "$1-$2")
+        .replace(/[\s_]+/g, "-")
+        .replace(/-+/g, "-")
+        .toLowerCase();
+};

package/fe/packages/common/types/index.d.ts

@@ -0,0 +1,4 @@
+export type Maybe<T> = T | null | undefined;
+export type Primitive = string | number | boolean | bigint | symbol | null | undefined;
+export type Dictionary<T = unknown> = Record<string, T>;
+//# sourceMappingURL=index.d.ts.map

package/fe/packages/common/types/index.js

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

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

@@ -1,17 +1,21 @@
-import type { ButtonHTMLAttributes, ReactNode } from 'react';
-export type ButtonVariant = 'default' | 'primary' | 'text' | 'link';
+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';
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * 按钮变体
-     * @default 'default'
-     */
-    variant?: ButtonVariant;
+type ButtonCommonProps = {
     /**
      * 按钮尺寸
      * @default 'md'
      */
     size?: ButtonSize;
+    /**
+     * 按钮状态
+     */
+    state?: ButtonState;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
     /**
      * 是否显示加载状态
      */
@@ -33,7 +37,22 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      * 作为子元素，用于更灵活的布局
      */
     children?: ReactNode;
-}
-declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+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/ui/react/components/Button/Button.js

@@ -1,42 +1,72 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../lib/utils';
 import { forwardRef } from 'react';
-const Button = forwardRef(({ className, variant = 'default', size = 'md', disabled, loading, leftIcon, rightIcon, noUnderline, children, ...props }, ref) => {
+const 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';
-    // 变体样式
-    const variantStyles = {
-        default: 'bg-white 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',
-        text: 'bg-transparent border-0 text-foreground hover:bg-muted/30 focus-visible:ring-border',
-        // 链接样式按钮：无背景、无边框、与正文相同颜色，仅在悬停时下划线（可通过 noUnderline 控制）
-        link: 'bg-transparent border-0 text-foreground focus-visible:ring-border',
-    };
-    // 禁用状态样式（根据不同 variant）
-    const disabledStyles = {
-        default: 'disabled:bg-white/60 disabled:border-border/60 disabled:text-foreground/60 disabled:hover:bg-white/60',
-        primary: 'disabled:bg-theme/60 disabled:border-theme/0 disabled:text-theme-foreground/60 disabled:hover:bg-theme/60',
-        text: 'disabled:text-foreground/40 disabled:hover:bg-transparent',
-        link: 'disabled:text-foreground/40',
+    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);
+        }
+        const variantStyles = {
+            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',
+        };
+        return cn(variantStyles[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 spinnerSize = {
+        sm: 'h-3 w-3',
+        md: 'h-4 w-4',
+        lg: 'h-5 w-5',
+    };
+    const loadingIcon = loading ? (_jsx("span", { className: cn('flex items-center', children && 'mr-2'), children: _jsxs("svg", { className: cn('animate-spin', spinnerSize[size]), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }) }, "loading")) : null;
     // 展示内容
     const contents = [
-        leftIcon && (_jsx("span", { className: cn('flex items-center', 'mr-2'), children: leftIcon }, "left")),
+        loadingIcon,
+        !loading && leftIcon && (_jsx("span", { className: cn('flex items-center', 'mr-2'), children: leftIcon }, "left")),
         children,
         rightIcon ? (_jsx("span", { className: cn('flex items-center', 'ml-2'), children: rightIcon }, "right")) : undefined,
     ].filter(Boolean);
-    return (_jsx("button", { ref: ref, className: cn(baseStyles, variantStyles[variant], disabledStyles[variant], 
-        // link 模式不固定高度/内边距，更接近普通文字
-        variant === 'link' ? 'h-auto px-0 py-0 text-sm font-normal' : sizeStyles[size], variant === 'link' ? '' : 'before:content-normal', 
-        // link 模式下，根据 noUnderline 控制下划线
-        variant === 'link' && !noUnderline && 'hover:underline', variant === 'link' && !noUnderline && 'disabled:hover:no-underline', isDisabled && 'cursor-not-allowed', className), disabled: isDisabled, ...props, children: contents }));
+    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 (_jsx("a", { ref: ref, className: buttonClassName, "aria-disabled": isDisabled || undefined, 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 (_jsx("button", { ref: ref, className: buttonClassName, disabled: isDisabled, ...buttonProps, children: contents }));
 });
 Button.displayName = 'Button';
 export { Button };

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

@@ -1,6 +1,6 @@
 import type { MOmit } from '../../types';
-import { type ButtonProps } from './Button';
-export type SumbitButtonProps = MOmit<ButtonProps, 'onClick'> & {
+import { type ButtonElementProps } from './Button';
+export type SumbitButtonProps = MOmit<ButtonElementProps, 'onClick'> & {
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => Promise<void | boolean> | void;
 };
 /**

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from '../../lib/utils';
 import { useState } from 'react';
 import { Button } from './Button';
@@ -7,16 +7,9 @@ import { Button } from './Button';
  * 会自动添加loading 其余同button一致
  */
 const SumbitButton = (props) => {
-    const { onClick, leftIcon, size = 'md', ...bprops } = props;
+    const { onClick, className, loading: loadingProp, ...bprops } = props;
     const [loading, uLoading] = useState(false);
-    // Loading spinner icon - 根据按钮尺寸调整大小
-    const spinnerSize = {
-        sm: 'h-3 w-3',
-        md: 'h-4 w-4',
-        lg: 'h-5 w-5',
-    };
-    const loadingIcon = loading ? (_jsx("span", { className: cn('flex items-center', 'mr-2'), children: _jsxs("svg", { className: cn('animate-spin', spinnerSize[size]), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }) })) : null;
-    return (_jsx(Button, { loading: loading, leftIcon: loading ? loadingIcon : leftIcon, onClick: async (e) => {
+    return (_jsx(Button, { className: cn('tc-ui-submit-button', className), loading: loading || loadingProp, onClick: async (e) => {
             if (loading)
                 return;
             uLoading(true);

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

@@ -1,4 +1,4 @@
 export { Button } from './Button';
-export type { ButtonProps, ButtonSize, ButtonVariant } from './Button';
+export type { ButtonElementProps, ButtonLinkProps, ButtonProps, ButtonSize, ButtonState, ButtonVariant } from './Button';
 export * from './SumbitButton';
 //# sourceMappingURL=index.d.ts.map

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

@@ -6,7 +6,7 @@ export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'onChang
     onChange?: (checked: boolean, e: ChangeEvent<HTMLInputElement>) => void;
     value?: boolean;
 };
-declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & {
+declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
     checked?: boolean;
     defaultChecked?: boolean;
     indeterminate?: boolean;

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

@@ -1,7 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../lib/utils';
+import { Check, Minus } from 'lucide-react';
 import { forwardRef, useLayoutEffect, useRef, useState } from 'react';
-const Checkbox = forwardRef(({ className, checked: _controlledChecked, value, defaultChecked, indeterminate, onChange, ...props }, ref) => {
+const Checkbox = forwardRef(({ className, checked: _controlledChecked, value, defaultChecked, indeterminate, onChange, disabled, ...props }, ref) => {
     const internalRef = useRef(null);
     const controlledChecked = value ?? _controlledChecked;
     const setRefs = (element) => {
@@ -24,6 +25,7 @@ const Checkbox = forwardRef(({ className, checked: _controlledChecked, value, de
     const isControlled = controlledChecked !== undefined;
     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) {
@@ -31,7 +33,7 @@ const Checkbox = forwardRef(({ className, checked: _controlledChecked, value, de
         }
         onChange?.(newChecked, e);
     };
-    return (_jsx("input", { type: "checkbox", ref: setRefs, checked: checked, onChange: handleChange, className: cn('w-4 h-4 rounded border-gray-300 accent-theme', className), ...props }));
+    return (_jsxs("span", { className: cn('tc-ui-checkbox relative inline-flex h-4 w-4 shrink-0', className), children: [_jsx("input", { type: "checkbox", ref: setRefs, checked: checked, disabled: 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 }), _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 && _jsx(Check, { className: "h-3 w-3", strokeWidth: 3 }), indeterminate && _jsx(Minus, { className: "h-3 w-3", strokeWidth: 3 })] })] }));
 });
 Checkbox.displayName = 'Checkbox';
 export { Checkbox };

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useI18n } from '../../i18n';
+import { Button } from '../Button';
+import { Modal } from '../Modal';
+export function ConfirmDialog({ open, title, content, okText, cancelText, loading = false, onOk, onCancel, }) {
+    const t = useI18n();
+    const handleOk = async () => {
+        await onOk();
+    };
+    return (_jsx(Modal, { open: open, onClose: onCancel, title: title ?? t('components.confirmDialog.title'), width: 450, className: "tc-ui-confirm-dialog", footer: _jsxs("div", { className: "flex justify-end gap-3", children: [_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') }), _jsx(Button, { variant: "primary", loading: 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: _jsx("div", { className: "py-4 text-base text-foreground", children: content }) }));
+}

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

@@ -0,0 +1,2 @@
+export * from './ConfirmDialog';
+//# sourceMappingURL=index.d.ts.map

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

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

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

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