@_tc/template-core 0.0.2 → 0.1.0

package/fe/frontend/src/language/zh-CN.js

@@ -0,0 +1,75 @@
+export const frontendZhCNResources = {
+    frontend: {
+        app: {
+            title: 'Template Core',
+            uiComponentsTitle: 'UI 组件',
+            uiComponentsButton: '点击我',
+        },
+        common: {
+            yes: '是',
+            no: '否',
+            noData: '暂无数据',
+            loading: '加载中',
+            operation: '操作',
+        },
+        feedback: {
+            confirmDelete: '确认删除？',
+            requiredInput: '请输入{label}',
+            unknownError: '未知错误',
+            requestTimedOut: '请求超时',
+            networkError: '网络错误',
+        },
+        notFound: {
+            title: '页面不存在',
+            description: '当前路径无效，或页面未在路由中注册。',
+        },
+        validator: {
+            value: '值',
+            required: '缺少必填字段: {field}',
+            type: '{path} 类型错误，期望 {type}',
+            typeString: '字符串',
+            typeNumber: '数字',
+            typeInteger: '整数',
+            typeBoolean: '布尔值',
+            typeArray: '数组',
+            typeObject: '对象',
+            typeNull: '空值',
+            format: '{path} 格式不正确',
+            minimum: '{path} 不能小于 {limit}',
+            maximum: '{path} 不能大于 {limit}',
+            exclusiveMinimum: '{path} 必须大于 {limit}',
+            exclusiveMaximum: '{path} 必须小于 {limit}',
+            multipleOf: '{path} 必须是 {multipleOf} 的倍数',
+            minLength: '{path} 长度不能少于 {limit} 个字符',
+            maxLength: '{path} 长度不能超过 {limit} 个字符',
+            pattern: '{path} 格式不符合要求',
+            minItems: '{path} 至少需要 {limit} 项',
+            maxItems: '{path} 不能超过 {limit} 项',
+            uniqueItems: '{path} 不能包含重复项',
+            minProperties: '{path} 至少需要 {limit} 个属性',
+            maxProperties: '{path} 不能超过 {limit} 个属性',
+            additionalProperties: '{path} 包含不允许的属性 {property}',
+            enum: '{path} 不在可选范围内',
+            const: '{path} 必须等于指定值',
+            oneOf: '{path} 只能匹配一个规则',
+            anyOf: '{path} 至少需要匹配一个规则',
+            allOf: '{path} 未满足全部规则',
+            not: '{path} 不能匹配该规则',
+            propertyNames: '{path} 属性名不符合要求',
+            dependencies: '{path} 缺少关联字段',
+            contains: '{path} 缺少符合要求的项',
+            if: '{path} 条件校验未通过',
+            fallback: '{path} 校验未通过',
+        },
+        log: {
+            pageNotFound: 'url有问题 或者 自定义页面未在路由器注册',
+            pageNotFoundEn: 'The URL is incorrect, or the custom page is not registered with the router.',
+            illegalComponentCallback: '非法的组件回调 - {comName}',
+            illegalComponentCallbackEn: 'Illegal component callback - {comName}',
+            subscriptionError: '不曾订阅过，请检查代码，关注函数与取消函数必须为同一个',
+            subscriptionErrorEn: "You haven't subscribed. Please check your code; the follow function and unsubscribe function must be the same.",
+            apiTamper: 'api属性不允许篡改',
+            apiTamperEn: 'API attributes cannot be tampered with',
+        },
+    },
+};

package/fe/frontend/src/main.css

@@ -1,4 +1,4 @@
-@import "../packages/ui/react/index.css";
+@import '../../packages/ui/react/index.css';
 
 /* 内容扫描 */
 /* enhancedComponents */

package/fe/frontend/src/typing/window.d.ts

@@ -2,6 +2,8 @@ export {};
 declare global {
     interface Window {
         _basePath: string;
+        _projKey: string;
+        _signKey: string;
     }
 }
 //# sourceMappingURL=window.d.ts.map

package/fe/model/types/data/button.d.ts

@@ -6,7 +6,7 @@ type ButtonTemplates = {
      */
     label?: string;
 } & ButtonProps;
-type ParamsValueData = 'schema::tableKey' | string | number;
+type ParamsValueData = '$schema::tableKey' | string | number;
 type RemoveBtn = {
     eventKey: 'remove';
     /**
@@ -15,7 +15,7 @@ type RemoveBtn = {
     eventOption: {
         params: {
             /**
-             *  @example user_id: 'schema::tableKey' | '123' | 123
+             *  @example user_id: '$schema::tableKey' | '123' | 123
              */
             [paramKey: string]: ParamsValueData;
         };

package/fe/model/types/data/button.js

@@ -9,7 +9,7 @@ export {};
 // 	 */
 // 	params: {
 // 		/**
-// 		 *  @example user_id: 'schema::tableKey' | '123' | 123
+// 		 *  @example user_id: '$schema::tableKey' | '123' | 123
 // 		 */
 // 		[paramKey: string]: ParamsValueData;
 // 	};

package/fe/model/types/model.d.ts

@@ -1,33 +1,40 @@
-import { TopMenuType, LeftMenuType } from "./menuType";
+import { LeftMenuType, TopMenuType } from './menuType';
 type MTopMenuType = {
     /**
      * 默认为 left
      */
-    menuLayout: "top";
+    menuLayout: 'top';
     menu: TopMenuType[];
 };
 type MLeftMenuType = {
     /**
      * 默认为 left
      */
-    menuLayout?: "left";
+    menuLayout?: 'left';
     menu: LeftMenuType[];
 };
-export type ModeMenuType = MTopMenuType | MLeftMenuType;
-export type ModelDataType = {
+export type MBMenuType = MTopMenuType | MLeftMenuType;
+export interface ModelModeMap {
+    MB: MBMenuType;
+}
+export type ModelMode = Extract<keyof ModelModeMap, string>;
+type ModelBaseDataType<M extends ModelMode> = {
     /**
      * - 使用哪一块的模型数据 内置 MB
      * 	- MB = 管理后台
      */
-    mode: "MB";
+    mode: M;
     key?: string;
-    name: string;
-    desc: string;
-    icon: string;
+    name?: string;
+    desc?: string;
+    icon?: string;
     /**
-     * 首页(项目配置)
+     * 首页(项目配置) 不配置 会自动找寻第一个可用路由地址
      */
-    homePage: string;
-} & ModeMenuType;
+    homePage?: string;
+};
+export type ModelDataType<M extends ModelMode = ModelMode> = {
+    [K in M]: ModelBaseDataType<K> & ModelModeMap[K];
+}[M];
 export {};
 //# sourceMappingURL=model.d.ts.map

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

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

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+import { forwardRef } from 'react';
+const Card = forwardRef(({ header, footer, children, className }, ref) => {
+    return (_jsxs("div", { ref: ref, className: cn('tc-ui-card rounded-lg border bg-card text-card-foreground shadow-sm', className), children: [header && (_jsx("div", { className: "tc-ui-card-header border-b px-4 py-3 font-medium", children: header })), _jsx("div", { className: "tc-ui-card-body px-4 py-4", children: children }), footer && (_jsx("div", { className: "tc-ui-card-footer border-t px-4 py-3", children: footer }))] }));
+});
+Card.displayName = 'Card';
+export { Card };

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

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

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

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

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

@@ -165,16 +165,20 @@ export function DataTable({ columns, data: pData, loading, rowKey = defaultRowKe
                     : undefined,
         }));
     }, [columns, defaultColumnWidth, rowSelection]);
-    return (_jsxs("div", { className: "tc-ui-data-table bg-background rounded-[20px] overflow-hidden relative", children: [_jsxs(Table, { containerClassName: "rounded-b-none overflow-x-auto", children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [rowSelection && (_jsxs(TableHead, { fixed: "left", style: {
+    return (_jsxs("div", { className: "tc-ui-data-table bg-background rounded-[20px] overflow-hidden relative", children: [_jsxs(Table, { containerClassName: "rounded-b-none overflow-x-auto", children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [rowSelection && (_jsxs(TableHead, { fixed: "left", 
+                                    // fixedShadow={false}
+                                    showSeparator: false, style: {
                                         width: '48px',
                                         minWidth: '48px',
                                     }, children: [rowSelection.beforeCheckboxNode, _jsx(Checkbox, { checked: allChecked, "aria-label": "Select all rows", indeterminate: partiallyChecked, onChange: (_, event) => handleSelectAllChange(event) })] })), fixedColumns.map(({ column, fixed, fixedOffset }) => {
                                     const hasAction = column.isAction ?? column.key === 'action';
-                                    return (_jsx(TableHead, { isAction: hasAction, fixed: fixed, fixedOffset: fixedOffset, style: getColumnStyle(column, defaultColumnWidth), children: column.title }, column.key));
+                                    return (_jsx(TableHead, { isAction: hasAction, fixed: fixed, fixedOffset: fixedOffset, hideSeparatorWhenFixedActive: fixed === 'right', style: getColumnStyle(column, defaultColumnWidth), children: column.title }, column.key));
                                 })] }) }), _jsx(TableBody, { children: data.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length + (rowSelection ? 1 : 0), className: "text-muted-foreground", children: _jsxs("div", { className: "flex flex-col items-center w-full gap-2.5", children: [_jsx("img", { src: noResult, alt: t('components.dataTable.noData'), className: " w-24 h-24" }), t('components.dataTable.noData')] }) }) })) : (data.map((record, rowIndex) => {
                             const absoluteRowIndex = pageStartIndex + rowIndex;
                             const recordKey = getRowKey(record, absoluteRowIndex, rowKey);
-                            return (_jsxs(TableRow, { children: [rowSelection && (_jsx(TableCell, { fixed: "left", style: {
+                            return (_jsxs(TableRow, { children: [rowSelection && (_jsx(TableCell, { fixed: "left", 
+                                        // fixedShadow={false}
+                                        style: {
                                             width: '48px',
                                             minWidth: '48px',
                                         }, children: _jsx(Checkbox, { checked: selectedKeySet.has(recordKey), "aria-label": "Select row", onChange: () => handleRowSelectChange(recordKey) }) })), fixedColumns.map(({ column, fixed, fixedOffset }) => {

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

@@ -30,7 +30,7 @@ function PreviewCore({ images, initialIndex, onClose }) {
     const hasImages = images.length > 0;
     const currentIndex = useMemo(() => clamp(index, 0, Math.max(images.length - 1, 0)), [index, images.length]);
     const currentImage = hasImages ? images[currentIndex] : '';
-    const reset = () => {
+    const reset = useCallback(() => {
         setScale(1);
         setRotation(0);
         setFlipX(false);
@@ -38,7 +38,7 @@ function PreviewCore({ images, initialIndex, onClose }) {
         setPosition({ x: 0, y: 0 });
         positionRef.current = { x: 0, y: 0 };
         lastScaleBeforeNatural.current = null;
-    };
+    }, [setScale]);
     const handleMouseDown = useCallback((e) => {
         setIsDragging(true);
         dragStart.current = { x: e.clientX - positionRef.current.x, y: e.clientY - positionRef.current.y };
@@ -92,7 +92,7 @@ function PreviewCore({ images, initialIndex, onClose }) {
         };
         document.addEventListener('keydown', handleKey);
         return () => document.removeEventListener('keydown', handleKey);
-    }, [onClose, hasImages, images.length]);
+    }, [onClose, hasImages, images.length, reset]);
     useEffect(() => {
         if (!imgRef.current)
             return;

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

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

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+import { forwardRef } from 'react';
+const Layout = forwardRef(({ header, sidebar, children, footer, className }, ref) => {
+    return (_jsxs("div", { ref: ref, className: cn('tc-ui-layout flex h-screen flex-col', className), children: [header && (_jsx("header", { className: "tc-ui-layout-header shrink-0 border-b bg-background", children: header })), _jsxs("div", { className: "tc-ui-layout-body flex flex-1 overflow-hidden", children: [sidebar && (_jsx("aside", { className: "tc-ui-layout-sidebar w-60 shrink-0 border-r bg-background overflow-y-auto", children: sidebar })), _jsx("main", { className: "tc-ui-layout-content flex-1 overflow-y-auto p-4", children: children })] }), footer && (_jsx("footer", { className: "tc-ui-layout-footer shrink-0 border-t bg-background", children: footer }))] }));
+});
+Layout.displayName = 'Layout';
+export { Layout };

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

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

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

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

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

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export type LoadingProps = {
+    size?: 'sm' | 'md' | 'lg';
+    text?: ReactNode;
+    className?: string;
+};
+declare const Loading: import("react").ForwardRefExoticComponent<LoadingProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Loading };
+//# sourceMappingURL=Loading.d.ts.map

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+import { forwardRef } from 'react';
+const sizeStyles = {
+    sm: 'h-4 w-4 border-2',
+    md: 'h-8 w-8 border-2',
+    lg: 'h-12 w-12 border-[3px]',
+};
+const Loading = forwardRef(({ size = 'md', text, className }, ref) => {
+    return (_jsxs("div", { ref: ref, className: cn('tc-ui-loading flex flex-col items-center justify-center gap-2', className), children: [_jsx("div", { className: cn('animate-spin rounded-full border-muted border-t-theme', sizeStyles[size]) }), text && _jsx("span", { className: "text-sm text-muted-foreground", children: text })] }));
+});
+Loading.displayName = 'Loading';
+export { Loading };

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

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

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

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

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

@@ -84,17 +84,18 @@ export const Menu = ({ mode = "left", expandTrigger = "click", expandMode = "acc
         collapsedLabelTooltip,
         onSelect,
         onCollapse,
+        store,
     ]);
     useEffect(() => {
         if (controlledSelectedKey !== undefined) {
             store.setState({ selectedKey: controlledSelectedKey });
         }
-    }, [controlledSelectedKey]);
+    }, [controlledSelectedKey, store]);
     useEffect(() => {
         if (controlledCollapsed !== undefined) {
             store.setState({ collapsed: controlledCollapsed });
         }
-    }, [controlledCollapsed]);
+    }, [controlledCollapsed, store]);
     return (_jsx(MenuStoreContext.Provider, { value: store, children: _jsx(MenuInner, { mode: mode, items: items, className: className, children: children }) }));
 };
 Menu.Item = MenuItem;

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

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+export type NotificationType = 'info' | 'success' | 'warning' | 'error';
+export type NotificationProps = {
+    type?: NotificationType;
+    title?: ReactNode;
+    message?: ReactNode;
+    duration?: number;
+    closable?: boolean;
+    onClose?: () => void;
+    className?: string;
+};
+declare const Notification: import("react").ForwardRefExoticComponent<NotificationProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Notification };
+//# sourceMappingURL=Notification.d.ts.map

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+import { X } from 'lucide-react';
+import { forwardRef, useCallback, useEffect, useState } from 'react';
+const typeStyles = {
+    info: 'border-blue-500 bg-blue-50 dark:bg-blue-950',
+    success: 'border-green-500 bg-green-50 dark:bg-green-950',
+    warning: 'border-yellow-500 bg-yellow-50 dark:bg-yellow-950',
+    error: 'border-red-500 bg-red-50 dark:bg-red-950',
+};
+const Notification = forwardRef(({ type = 'info', title, message, duration, closable = true, onClose, className }, ref) => {
+    const [visible, setVisible] = useState(true);
+    const handleClose = useCallback(() => {
+        setVisible(false);
+        onClose?.();
+    }, [onClose]);
+    useEffect(() => {
+        if (duration && duration > 0) {
+            const timer = setTimeout(handleClose, duration);
+            return () => clearTimeout(timer);
+        }
+        return;
+    }, [duration, handleClose]);
+    if (!visible)
+        return null;
+    return (_jsxs("div", { ref: ref, role: "alert", className: cn('tc-ui-notification flex items-start gap-3 rounded-lg border p-4 shadow-lg', typeStyles[type], className), children: [_jsxs("div", { className: "flex-1 min-w-0", children: [title && _jsx("div", { className: "font-medium text-sm", children: title }), message && _jsx("div", { className: "text-sm text-muted-foreground mt-1", children: message })] }), closable && (_jsx("button", { type: "button", onClick: handleClose, className: "shrink-0 rounded p-0.5 hover:bg-black/5 dark:hover:bg-white/10 transition-colors", children: _jsx(X, { className: "h-4 w-4" }) }))] }));
+});
+Notification.displayName = 'Notification';
+export { Notification };

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

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

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

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

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

@@ -0,0 +1,9 @@
+import type { InputHTMLAttributes, ReactNode } from 'react';
+export type RadioProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'children'> & {
+    label?: ReactNode;
+};
+declare const Radio: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "children" | "type"> & {
+    label?: ReactNode;
+} & import("react").RefAttributes<HTMLInputElement>>;
+export { Radio };
+//# sourceMappingURL=Radio.d.ts.map

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+import { forwardRef } from 'react';
+import { useRadioGroupContext } from './RadioGroup';
+const Radio = forwardRef(({ className, label, disabled, ...props }, ref) => {
+    const group = useRadioGroupContext();
+    // When inside a RadioGroup, delegate name / checked / onChange to the group
+    const name = group.name ?? props.name;
+    const checked = group.selectedValue !== undefined ? group.selectedValue === props.value : props.checked;
+    const onChange = group.onSelect
+        ? () => {
+            if (!disabled && typeof props.value === 'string') {
+                group.onSelect?.(props.value);
+            }
+        }
+        : props.onChange;
+    return (_jsxs("label", { className: cn('tc-ui-radio inline-flex items-center gap-2', disabled && 'cursor-not-allowed opacity-50', !disabled && 'cursor-pointer group', className), children: [_jsx("input", { ref: ref, type: "radio", name: name, checked: checked, disabled: disabled, onChange: onChange, className: "sr-only peer", ...props }), _jsx("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full border border-border bg-background transition-colors duration-200 ease-out peer-checked:border-theme peer-checked:bg-theme peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background group-hover:border-foreground/25", children: _jsx("span", { className: "h-2 w-2 rounded-full bg-theme-foreground" }) }), label && _jsx("span", { children: label })] }));
+});
+Radio.displayName = 'Radio';
+export { Radio };

package/fe/packages/ui/react/components/Radio/RadioGroup.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+export type RadioGroupProps = {
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    direction?: 'horizontal' | 'vertical';
+    children?: ReactNode;
+    className?: string;
+};
+type RadioGroupContextValue = {
+    name?: string;
+    selectedValue?: string;
+    onSelect?: (value: string) => void;
+};
+export declare function useRadioGroupContext(): RadioGroupContextValue;
+declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export { RadioGroup };
+//# sourceMappingURL=RadioGroup.d.ts.map

package/fe/packages/ui/react/components/Radio/RadioGroup.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+import { createContext, forwardRef, useCallback, useContext, useState } from 'react';
+const RadioGroupContext = createContext({});
+export function useRadioGroupContext() {
+    return useContext(RadioGroupContext);
+}
+const RadioGroup = forwardRef(({ name, value: controlledValue, defaultValue, onChange, direction = 'vertical', children, className, }, ref) => {
+    const [internalValue, setInternalValue] = useState(defaultValue ?? '');
+    const isControlled = controlledValue !== undefined;
+    const selectedValue = isControlled ? controlledValue : internalValue;
+    const handleSelect = useCallback((val) => {
+        if (!isControlled) {
+            setInternalValue(val);
+        }
+        onChange?.(val);
+    }, [isControlled, onChange]);
+    return (_jsx(RadioGroupContext.Provider, { value: { name, selectedValue, onSelect: handleSelect }, children: _jsx("div", { ref: ref, role: "radiogroup", className: cn('tc-ui-radio-group', direction === 'horizontal' ? 'flex flex-wrap gap-4' : 'flex flex-col gap-2', className), children: children }) }));
+});
+RadioGroup.displayName = 'RadioGroup';
+export { RadioGroup };

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

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

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

@@ -0,0 +1,2 @@
+export * from './Radio';
+export * from './RadioGroup';

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

@@ -1,6 +1,6 @@
 import type { MOmit } from '../../types';
 import type { FormInstance } from 'rc-field-form';
-import { type ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { type FormFieldSchema } from '../Form';
 export type SearchProps<T> = {
     defaultValue?: T;

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

@@ -1,12 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../lib/utils';
-import { useMemo } from 'react';
 import { SchemaForm } from '../Form';
 const Search = (props) => {
     const { defaultValue: pDefaultValue, schemas, children, getForm, btnsClassName } = props;
-    const defaultValue = useMemo(() => {
-        return pDefaultValue;
-    }, []);
-    return (_jsxs("div", { className: "tc-ui-search flex items-end justify-between gap-4 flex-wrap", children: [_jsx(SchemaForm, { preserve: true, layout: "horizontal", schemas: schemas, initialValues: defaultValue, getForm: getForm, footerButtons: false }), _jsx("div", { className: cn('flex items-center gap-2 self-end ml-auto flex-wrap', btnsClassName), children: children })] }));
+    return (_jsxs("div", { className: "tc-ui-search flex items-end justify-between gap-4 flex-wrap", children: [_jsx(SchemaForm, { preserve: true, layout: "horizontal", schemas: schemas, initialValues: pDefaultValue, getForm: getForm, footerButtons: false }), _jsx("div", { className: cn('flex items-center gap-2 self-end ml-auto flex-wrap', btnsClassName), children: children })] }));
 };
 export default Search;

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

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+export type TabItem = {
+    key: string;
+    label: ReactNode;
+    disabled?: boolean;
+};
+export type TabsProps = {
+    items: TabItem[];
+    activeKey?: string;
+    defaultActiveKey?: string;
+    onChange?: (key: string) => void;
+    className?: string;
+};
+declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Tabs };
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+import { forwardRef, useCallback, useState } from 'react';
+const Tabs = forwardRef(({ items, activeKey: controlledKey, defaultActiveKey, onChange, className }, ref) => {
+    const [internalKey, setInternalKey] = useState(defaultActiveKey ?? items[0]?.key ?? '');
+    const isControlled = controlledKey !== undefined;
+    const activeKey = isControlled ? controlledKey : internalKey;
+    const handleTabClick = useCallback((key) => {
+        if (!isControlled) {
+            setInternalKey(key);
+        }
+        onChange?.(key);
+    }, [isControlled, onChange]);
+    return (_jsx("div", { ref: ref, className: cn('tc-ui-tabs', className), children: _jsx("div", { className: "tc-ui-tabs-nav flex border-b border-border", role: "tablist", children: items.map((item) => (_jsx("button", { type: "button", role: "tab", "aria-selected": activeKey === item.key, disabled: item.disabled, onClick: () => !item.disabled && handleTabClick(item.key), className: cn('tc-ui-tabs-tab px-4 py-2 text-sm font-medium transition-colors', 'border-b-2 -mb-px', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', activeKey === item.key
+                    ? 'border-theme text-theme'
+                    : 'border-transparent text-muted-foreground hover:text-foreground', item.disabled && 'cursor-not-allowed opacity-50'), children: item.label }, item.key))) }) }));
+});
+Tabs.displayName = 'Tabs';
+export { Tabs };

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

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

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

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

package/fe/packages/ui/react/components/hooks/useInputController.js

@@ -14,7 +14,6 @@ export const useInputController = (params) => {
             ref(node);
         }
         else if (ref) {
-            // eslint-disable-next-line react-hooks/immutability
             ref.current = node;
         }
     }, [ref]);

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

@@ -1,5 +1,6 @@
 export * from './breadcrumb';
 export * from './Button';
+export * from './Card';
 export * from './Checkbox';
 export * from './ConfirmDialog';
 export * from './DataTable';
@@ -12,17 +13,22 @@ export * from './ImagePreview';
 export * from './Input';
 export * from './InputNumber';
 export * from './Label';
+export * from './Layout';
+export * from './Loading';
 export * from './Menu';
 export * from './Message';
 export * from './Modal';
+export * from './Notification';
 export * from './Overlay';
 export * from './Pagination';
+export * from './Radio';
 export * from './Search';
 export * from './Select';
 export * from './Skeleton';
 export * from './Switch';
 export * from './table';
 export * from './TableSearch';
+export * from './Tabs';
 export * from './Textarea';
 export * from './Tooltip';
 export * from './TreeSelect';

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

@@ -1,5 +1,6 @@
 export * from './breadcrumb';
 export * from './Button';
+export * from './Card';
 export * from './Checkbox';
 export * from './ConfirmDialog';
 export * from './DataTable';
@@ -12,17 +13,22 @@ export * from './ImagePreview';
 export * from './Input';
 export * from './InputNumber';
 export * from './Label';
+export * from './Layout';
+export * from './Loading';
 export * from './Menu';
 export * from './Message';
 export * from './Modal';
+export * from './Notification';
 export * from './Overlay';
 export * from './Pagination';
+export * from './Radio';
 export * from './Search';
 export * from './Select';
 export * from './Skeleton';
 export * from './Switch';
 export * from './table';
 export * from './TableSearch';
+export * from './Tabs';
 export * from './Textarea';
 export * from './Tooltip';
 export * from './TreeSelect';