@_tc/template-core 0.1.16 → 0.2.0-bate.1

package/fe/packages/ui/react/components/Date/DateTestPage.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { startOfDay } from 'date-fns';
-import { useState } from 'react';
-import { DatePicker } from './Date';
-export default function DateTestPage() {
-    const [date1, setDate1] = useState();
-    const [dateTime1, setDateTime1] = useState();
-    const [range, setRange] = useState();
-    const [rangeWithTime, setRangeWithTime] = useState();
-    const [emptyRange, setEmptyRange] = useState();
-    return (_jsxs("div", { className: "p-8 max-w-6xl mx-auto space-y-8", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold mb-2", children: "Date \u7EC4\u4EF6\u4F7F\u7528\u793A\u4F8B" }), _jsx("p", { className: "text-muted-foreground", children: "\u5C55\u793A DatePicker \u7EC4\u4EF6\u7684\u5404\u79CD\u4F7F\u7528\u573A\u666F" })] }), _jsxs("section", { className: "space-y-4", children: [_jsx("h2", { className: "text-xl font-semibold", children: "1. \u57FA\u672C\u7528\u6CD5" }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground mb-2", children: "\u5355\u65E5\u671F\u9009\u62E9" }), _jsx(DatePicker, { placeholder: "\u8BF7\u9009\u62E9\u65E5\u671F" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground mb-2", children: "\u7981\u7528\u6E05\u9664\u6309\u94AE" }), _jsx(DatePicker, { placeholder: "\u8BF7\u9009\u62E9\u65E5\u671F", allowClear: false })] })] })] }), _jsxs("section", { className: "space-y-4", children: [_jsx("h2", { className: "text-xl font-semibold", children: "2. \u65E5\u671F\u65F6\u95F4\u9009\u62E9\u5668 (showTime)" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "\u65F6\u95F4\u9009\u62E9\u5668\u663E\u793A\u5728\u65E5\u5386\u53F3\u4FA7\uFF0C\u63D0\u4F9B\u66F4\u597D\u7684\u7528\u6237\u4F53\u9A8C" }), _jsxs("div", { className: "grid grid-cols-2 gap-8", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium mb-2", children: "\u57FA\u672C\u7528\u6CD5 - \u5355\u65E5\u671F\u65F6\u95F4" }), _jsx(DatePicker, { showTime: true, placeholder: "\u8BF7\u9009\u62E9\u65E5\u671F\u65F6\u95F4" }), _jsx("p", { className: "text-xs text-muted-foreground mt-2", children: "\u70B9\u51FB\u8F93\u5165\u6846\u6253\u5F00\u9009\u62E9\u5668\uFF0C\u65F6\u95F4\u9009\u62E9\u5668\u5728\u53F3\u4FA7\u663E\u793A" })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium mb-2", children: "\u53D7\u63A7\u6A21\u5F0F" }), _jsx(DatePicker, { showTime: true, value: dateTime1, onChange: (val, date) => {
-                                            setDateTime1(val);
-                                            console.log('选中日期时间:', val);
-                                            console.log('Date 对象:', date);
-                                        }, placeholder: "\u53D7\u63A7\u65E5\u671F\u65F6\u95F4\u9009\u62E9\u5668" }), _jsxs("p", { className: "text-sm text-muted-foreground mt-2", children: ["\u9009\u4E2D\u7684\u503C: ", _jsx("code", { className: "text-xs bg-muted px-1 py-0.5 rounded", children: String(dateTime1 || '未选择') })] })] })] })] }), _jsxs("section", { className: "space-y-4", children: [_jsx("h2", { className: "text-xl font-semibold", children: "3. \u8303\u56F4\u9009\u62E9 (Range Picker)" }), _jsxs("div", { className: "grid grid-cols-2 gap-8", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium mb-2", children: "\u57FA\u672C\u8303\u56F4\u9009\u62E9" }), _jsx(DatePicker, { mode: "range", value: emptyRange, onChange: (val) => {
-                                            setEmptyRange(val);
-                                            console.log('范围选择:', val);
-                                        }, placeholder: "\u9009\u62E9\u65E5\u671F\u8303\u56F4" }), _jsxs("p", { className: "text-sm text-muted-foreground mt-2", children: ["\u503C: ", _jsx("code", { className: "text-xs bg-muted px-1 py-0.5 rounded", children: JSON.stringify(emptyRange || '未选择') })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium mb-2", children: "\u8303\u56F4\u9009\u62E9 + \u65F6\u95F4\u9009\u62E9" }), _jsx(DatePicker, { mode: "range", value: rangeWithTime, showTime: true, onChange: (val) => {
-                                            setRangeWithTime(val);
-                                            console.log('范围时间选择:', val);
-                                        }, placeholder: "\u9009\u62E9\u65E5\u671F\u65F6\u95F4\u8303\u56F4" }), _jsxs("p", { className: "text-sm text-muted-foreground mt-2", children: ["\u503C:", ' ', _jsx("code", { className: "text-xs bg-muted px-1 py-0.5 rounded", children: JSON.stringify(rangeWithTime || '未选择') })] }), _jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "\u9009\u62E9\u5F00\u59CB\u65E5\u671F\u540E\uFF0C\u53F3\u4FA7\u4F1A\u663E\u793A\u5F00\u59CB\u65F6\u95F4\u9009\u62E9\u5668\uFF1B\u9009\u62E9\u7ED3\u675F\u65E5\u671F\u540E\uFF0C\u4F1A\u663E\u793A\u7ED3\u675F\u65F6\u95F4\u9009\u62E9\u5668" })] })] })] }), _jsxs("section", { className: "space-y-4", children: [_jsx("h2", { className: "text-xl font-semibold", children: "4. \u53D7\u63A7\u6A21\u5F0F" }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground mb-2", children: "\u5355\u65E5\u671F\u53D7\u63A7" }), _jsx(DatePicker, { value: date1, onChange: (date, dateString) => {
-                                            setDate1(date);
-                                            console.log('选中日期:', date);
-                                            console.log('日期字符串:', dateString);
-                                        }, placeholder: "\u53D7\u63A7\u65E5\u671F\u9009\u62E9\u5668" }), _jsxs("p", { className: "text-sm text-muted-foreground mt-2", children: ["\u9009\u4E2D\u7684\u65E5\u671F: ", _jsx("code", { className: "text-xs bg-muted px-1 py-0.5 rounded", children: String(date1 || '未选择') })] })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground mb-2", children: "\u8303\u56F4\u53D7\u63A7" }), _jsx(DatePicker, { mode: "range", value: range, onChange: (val) => {
-                                            setRange(val);
-                                            console.log('范围变化:', val);
-                                        }, placeholder: "\u53D7\u63A7\u8303\u56F4\u9009\u62E9\u5668" }), _jsxs("p", { className: "text-sm text-muted-foreground mt-2", children: ["\u503C: ", _jsx("code", { className: "text-xs bg-muted px-1 py-0.5 rounded", children: JSON.stringify(range || '未选择') })] })] })] })] }), _jsxs("section", { className: "space-y-4", children: [_jsx("h2", { className: "text-xl font-semibold", children: "5. \u7981\u7528\u65E5\u671F" }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground mb-2", children: "\u53EA\u80FD\u9009\u62E9\u4ECA\u5929\u53CA\u4EE5\u540E" }), _jsx(DatePicker, { disabledDate: (current) => current < startOfDay(new Date()), placeholder: "\u9009\u62E9\u672A\u6765\u65E5\u671F" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground mb-2", children: "\u8303\u56F4\u9009\u62E9\uFF08\u7981\u7528\u8FC7\u53BB\uFF09" }), _jsx(DatePicker, { mode: "range", disabledDate: (current) => current < startOfDay(new Date()), placeholder: "\u9009\u62E9\u672A\u6765\u8303\u56F4" })] })] })] }), _jsxs("section", { className: "space-y-4", children: [_jsx("h2", { className: "text-xl font-semibold", children: "6. \u7981\u7528\u72B6\u6001" }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground mb-2", children: "\u7981\u7528\u72B6\u6001" }), _jsx(DatePicker, { disabled: true, placeholder: "\u7981\u7528\u72B6\u6001" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground mb-2", children: "\u7981\u7528\u72B6\u6001 + \u6709\u503C" }), _jsx(DatePicker, { disabled: true, value: "2024-01-15", placeholder: "\u7981\u7528\u72B6\u6001" })] })] })] }), _jsxs("section", { className: "space-y-4", children: [_jsx("h2", { className: "text-xl font-semibold", children: "7. \u81EA\u5B9A\u4E49\u683C\u5F0F" }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground mb-2", children: "\u81EA\u5B9A\u4E49\u65E5\u671F\u683C\u5F0F" }), _jsx(DatePicker, { format: "yyyy/MM/dd", placeholder: "\u9009\u62E9\u65E5\u671F (yyyy/MM/dd)" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground mb-2", children: "\u81EA\u5B9A\u4E49\u65E5\u671F\u65F6\u95F4\u683C\u5F0F" }), _jsx(DatePicker, { showTime: true, format: "yyyy-MM-dd HH:mm:ss", placeholder: "\u9009\u62E9\u65E5\u671F\u65F6\u95F4 (yyyy-MM-dd HH:mm:ss)" })] })] })] }), _jsxs("section", { className: "space-y-4 border-t pt-6", children: [_jsx("h2", { className: "text-xl font-semibold", children: "API \u8BF4\u660E" }), _jsxs("div", { className: "bg-muted/50 p-4 rounded-lg space-y-2 text-sm", children: [_jsxs("div", { children: [_jsx("code", { className: "font-semibold", children: "showTime" }), _jsx("span", { className: "text-muted-foreground ml-2", children: ": boolean - \u662F\u5426\u663E\u793A\u65F6\u95F4\u9009\u62E9\u5668\uFF0C\u65F6\u95F4\u9009\u62E9\u5668\u4F1A\u663E\u793A\u5728\u65E5\u5386\u53F3\u4FA7" })] }), _jsxs("div", { children: [_jsx("code", { className: "font-semibold", children: "mode" }), _jsx("span", { className: "text-muted-foreground ml-2", children: ": 'single' | 'range' - \u9009\u62E9\u6A21\u5F0F\uFF0Csingle \u4E3A\u5355\u65E5\u671F\uFF0Crange \u4E3A\u65E5\u671F\u8303\u56F4" })] }), _jsxs("div", { children: [_jsx("code", { className: "font-semibold", children: "value" }), _jsx("span", { className: "text-muted-foreground ml-2", children: ": string | [string, string] - \u53D7\u63A7\u6A21\u5F0F\u7684\u503C" })] }), _jsxs("div", { children: [_jsx("code", { className: "font-semibold", children: "onChange" }), _jsxs("span", { className: "text-muted-foreground ml-2", children: [": (value?: DateChangeStrValue, date?: Date | DateRange) =", '>', " void - \u503C\u53D8\u5316\u56DE\u8C03"] })] }), _jsxs("div", { children: [_jsx("code", { className: "font-semibold", children: "format" }), _jsx("span", { className: "text-muted-foreground ml-2", children: ": string - \u65E5\u671F\u683C\u5F0F\uFF0C\u9ED8\u8BA4 'yyyy-MM-dd'\uFF0CshowTime \u65F6\u4E3A 'yyyy-MM-dd HH:mm'" })] }), _jsxs("div", { children: [_jsx("code", { className: "font-semibold", children: "disabledDate" }), _jsxs("span", { className: "text-muted-foreground ml-2", children: [": (current: Date) =", '>', " boolean - \u7981\u7528\u65E5\u671F\u7684\u5224\u65AD\u51FD\u6570"] })] })] })] })] }));
-}

package/fe/packages/ui/react/components/Date/LocaleContext.d.ts

@@ -1,6 +0,0 @@
-/**
- * Hook for accessing the current Date component locale.
- * Backed by Zustand, so no React Context is required.
- */
-export declare const useDateLocale: () => import("./locales").DateLocaleConfig;
-//# sourceMappingURL=LocaleContext.d.ts.map

package/fe/packages/ui/react/components/Date/LocaleContext.js

@@ -1,8 +0,0 @@
-import { useDateLocaleStore } from './dateLocaleStore';
-/**
- * Hook for accessing the current Date component locale.
- * Backed by Zustand, so no React Context is required.
- */
-export const useDateLocale = () => {
-    return useDateLocaleStore((state) => state.locale);
-};

package/fe/packages/ui/react/components/Date/LocaleProvider.d.ts

@@ -1,19 +0,0 @@
-import { type ReactNode } from 'react';
-import { type DateLocaleConfig } from './locales';
-export interface DateLocaleProviderProps {
-    locale?: DateLocaleConfig;
-    children: ReactNode;
-}
-/**
- * Date 组件文案配置 Provider
- * 用于全局设置 Date 组件的文案
- *
- * @example
- * ```tsx
- * <DateLocaleProvider locale={customLocale}>
- *   <App />
- * </DateLocaleProvider>
- * ```
- */
-export declare function DateLocaleProvider({ locale, children }: DateLocaleProviderProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=LocaleProvider.d.ts.map

package/fe/packages/ui/react/components/Date/LocaleProvider.js

@@ -1,24 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { useDateLocaleStore } from './dateLocaleStore';
-import { defaultLocale } from './locales';
-/**
- * Date 组件文案配置 Provider
- * 用于全局设置 Date 组件的文案
- *
- * @example
- * ```tsx
- * <DateLocaleProvider locale={customLocale}>
- *   <App />
- * </DateLocaleProvider>
- * ```
- */
-export function DateLocaleProvider({ locale = defaultLocale, children }) {
-    const replaceLocale = useDateLocaleStore((state) => state.replaceLocale);
-    const resetLocale = useDateLocaleStore((state) => state.resetLocale);
-    useEffect(() => {
-        replaceLocale(locale);
-        return () => resetLocale();
-    }, [locale, replaceLocale, resetLocale]);
-    return _jsx(_Fragment, { children: children });
-}

package/fe/packages/ui/react/components/Date/TimePicker.js

@@ -1,78 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-import { ChevronDown, ChevronUp } from 'lucide-react';
-import { Button } from '../Button';
-import { Input } from '../Input';
-export function TimePicker({ value, onChange, className }) {
-    // Derive time from value prop directly
-    const hours = value?.getHours() ?? 0;
-    const minutes = value?.getMinutes() ?? 0;
-    const handleTimeChange = (newHours, newMinutes) => {
-        const newDate = value ? new Date(value) : new Date();
-        newDate.setHours(newHours);
-        newDate.setMinutes(newMinutes);
-        newDate.setSeconds(0);
-        newDate.setMilliseconds(0);
-        onChange?.(newDate);
-    };
-    const incrementHours = () => {
-        const newHours = (hours + 1) % 24;
-        handleTimeChange(newHours, minutes);
-    };
-    const decrementHours = () => {
-        const newHours = (hours - 1 + 24) % 24;
-        handleTimeChange(newHours, minutes);
-    };
-    const incrementMinutes = () => {
-        const newMinutes = (minutes + 1) % 60;
-        handleTimeChange(hours, newMinutes);
-    };
-    const decrementMinutes = () => {
-        const newMinutes = (minutes - 1 + 60) % 60;
-        handleTimeChange(hours, newMinutes);
-    };
-    const handleHoursInput = (e) => {
-        const val = e.target.value.replace(/\D/g, '');
-        if (val === '') {
-            handleTimeChange(0, minutes);
-            return;
-        }
-        const num = parseInt(val, 10);
-        if (num >= 0 && num <= 23) {
-            handleTimeChange(num, minutes);
-        }
-    };
-    const handleMinutesInput = (e) => {
-        const val = e.target.value.replace(/\D/g, '');
-        if (val === '') {
-            handleTimeChange(hours, 0);
-            return;
-        }
-        const num = parseInt(val, 10);
-        if (num >= 0 && num <= 59) {
-            handleTimeChange(hours, num);
-        }
-    };
-    const handleHoursKeyDown = (e) => {
-        if (e.key === 'ArrowUp') {
-            e.preventDefault();
-            incrementHours();
-        }
-        else if (e.key === 'ArrowDown') {
-            e.preventDefault();
-            decrementHours();
-        }
-    };
-    const handleMinutesKeyDown = (e) => {
-        if (e.key === 'ArrowUp') {
-            e.preventDefault();
-            incrementMinutes();
-        }
-        else if (e.key === 'ArrowDown') {
-            e.preventDefault();
-            decrementMinutes();
-        }
-    };
-    const formatNumber = (num) => String(num).padStart(2, '0');
-    return (_jsxs("div", { className: cn('tc-ui-time-picker flex items-center justify-center gap-3 py-3', className), children: [_jsxs("div", { className: "flex flex-col items-center gap-1", children: [_jsx(Button, { variant: "text", type: "button", onClick: incrementHours, className: "p-1 hover:bg-muted rounded transition-colors text-muted-foreground hover:text-foreground", children: _jsx(ChevronUp, { size: 14 }) }), _jsx(Input, { type: "text", value: formatNumber(hours), onChange: (_, e) => handleHoursInput(e), onKeyDown: handleHoursKeyDown, className: "w-12", inputClassName: cn('w-12 h-9 px-0 py-0 text-center text-sm font-medium', 'border border-border rounded', 'bg-background text-foreground', 'focus:outline-none focus:border-theme', 'transition-colors'), maxLength: 2 }), _jsx(Button, { variant: "text", type: "button", onClick: decrementHours, className: "p-1 hover:bg-muted rounded transition-colors text-muted-foreground hover:text-foreground", children: _jsx(ChevronDown, { size: 14 }) })] }), _jsx("div", { className: "text-lg font-medium text-foreground mb-1", children: ":" }), _jsxs("div", { className: "flex flex-col items-center gap-1", children: [_jsx(Button, { variant: "text", type: "button", onClick: incrementMinutes, className: "p-1 hover:bg-muted rounded transition-colors text-muted-foreground hover:text-foreground", children: _jsx(ChevronUp, { size: 14 }) }), _jsx(Input, { type: "text", value: formatNumber(minutes), onChange: (_, e) => handleMinutesInput(e), onKeyDown: handleMinutesKeyDown, className: "w-12", inputClassName: cn('w-12 h-9 px-0 py-0 text-center text-sm font-medium', 'border border-border rounded', 'bg-background text-foreground', 'focus:outline-none focus:border-theme', 'transition-colors'), maxLength: 2 }), _jsx(Button, { variant: "text", type: "button", onClick: decrementMinutes, className: "p-1 hover:bg-muted rounded transition-colors text-muted-foreground hover:text-foreground", children: _jsx(ChevronDown, { size: 14 }) })] })] }));
-}

package/fe/packages/ui/react/components/Date/data.js

@@ -1,4 +0,0 @@
-export const ModeType = {
-    Single: 'single',
-    Range: 'range',
-};

package/fe/packages/ui/react/components/Date/dateLocaleStore.js

@@ -1,14 +0,0 @@
-import { create } from 'zustand';
-import { defaultLocale } from './locales';
-export const useDateLocaleStore = create((set) => ({
-    locale: defaultLocale,
-    setLocale: (patch) => set((state) => ({
-        locale: { ...state.locale, ...patch },
-    })),
-    replaceLocale: (nextLocale) => set(() => ({
-        locale: nextLocale,
-    })),
-    resetLocale: () => set(() => ({
-        locale: defaultLocale,
-    })),
-}));

package/fe/packages/ui/react/components/Date/dropdownPositioning.d.ts

@@ -1,3 +0,0 @@
-import type { DropdownPositioningStrategy } from '../hooks/useDropdownPositioning';
-export declare const getDatePickerDropdownPosition: DropdownPositioningStrategy;
-//# sourceMappingURL=dropdownPositioning.d.ts.map

package/fe/packages/ui/react/components/Date/dropdownPositioning.js

@@ -1,12 +0,0 @@
-export const getDatePickerDropdownPosition = ({ anchorRect, contentRect, viewportHeight, offset, }) => {
-    const contentHeight = contentRect?.height ?? 360;
-    const spaceBelow = viewportHeight - anchorRect.bottom;
-    const spaceAbove = anchorRect.top;
-    const shouldFlipUp = spaceBelow < contentHeight && spaceAbove > spaceBelow;
-    return {
-        top: shouldFlipUp
-            ? anchorRect.top - contentHeight - offset
-            : anchorRect.bottom + offset,
-        left: anchorRect.left,
-    };
-};

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

@@ -1,6 +0,0 @@
-export * from './Date';
-export * from './dateLocaleStore';
-export { useDateLocale } from './LocaleContext';
-export * from './LocaleProvider';
-export * from './locales';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,5 +0,0 @@
-export * from './Date';
-export * from './dateLocaleStore';
-export { useDateLocale } from './LocaleContext';
-export * from './LocaleProvider';
-export * from './locales';

package/fe/packages/ui/react/components/Date/locales.js

@@ -1,21 +0,0 @@
-import { defaultEnglishResources, defaultLanguageResources } from '../../../../common/i18n';
-const dateDefaultLocale = defaultLanguageResources.components.date;
-const dateDefaultEnglishLocale = defaultEnglishResources.components.date;
-/**
- * 默认中文文案
- */
-export const zhCNLocale = {
-    ...dateDefaultLocale,
-    weekDays: [...dateDefaultLocale.weekDays],
-};
-/**
- * 默认英文文案
- */
-export const enUSLocale = {
-    ...dateDefaultEnglishLocale,
-    weekDays: [...dateDefaultEnglishLocale.weekDays],
-};
-/**
- * 默认使用中文文案
- */
-export const defaultLocale = zhCNLocale;

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

@@ -1,109 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useI18n } from '../../i18n';
-import { cn } from '../../lib/utils';
-import { X } from 'lucide-react';
-import { useEffect, useRef, useState } from 'react';
-import { Button } from '../Button';
-import { Overlay } from '../Overlay';
-const DRAWER_ANIMATION_DURATION = 320;
-const DRAWER_ANIMATION_EASING = 'cubic-bezier(0.22, 1, 0.36, 1)';
-const getDrawerPositionClassName = (placement) => {
-    const positionClassNames = {
-        top: 'left-0 right-0 top-0',
-        right: 'bottom-0 right-0 top-0',
-        bottom: 'bottom-0 left-0 right-0',
-        left: 'bottom-0 left-0 top-0',
-    };
-    return positionClassNames[placement];
-};
-const getDrawerRadiusClassName = (placement) => {
-    const radiusClassNames = {
-        top: 'rounded-b-2xl',
-        right: 'rounded-l-2xl',
-        bottom: 'rounded-t-2xl',
-        left: 'rounded-r-2xl',
-    };
-    return radiusClassNames[placement];
-};
-const getDrawerTransform = (placement, open) => {
-    if (open)
-        return 'translate3d(0, 0, 0)';
-    const transforms = {
-        top: 'translate3d(0, -100%, 0)',
-        right: 'translate3d(100%, 0, 0)',
-        bottom: 'translate3d(0, 100%, 0)',
-        left: 'translate3d(-100%, 0, 0)',
-    };
-    return transforms[placement];
-};
-const getDrawerSizeStyle = (placement, width, height) => {
-    const isHorizontal = placement === 'left' || placement === 'right';
-    const size = isHorizontal ? width : height;
-    const resolvedSize = typeof size === 'number' ? `${size}px` : size;
-    return isHorizontal ? { width: resolvedSize } : { height: resolvedSize };
-};
-export function Drawer({ open = false, onClose, title, children, footer, className, contentClassName, mask = true, maskClosable = true, lockScroll = true, closable = true, placement = 'right', width = 420, height = 360, renderNode, keyboard = true, zIndex = 1000, }) {
-    const t = useI18n();
-    const [mounted, setMounted] = useState(open);
-    const [visible, setVisible] = useState(false);
-    const animationFrameRef = useRef(undefined);
-    const secondAnimationFrameRef = useRef(undefined);
-    const closeTimerRef = useRef(undefined);
-    useEffect(() => {
-        if (animationFrameRef.current) {
-            cancelAnimationFrame(animationFrameRef.current);
-            animationFrameRef.current = undefined;
-        }
-        if (secondAnimationFrameRef.current) {
-            cancelAnimationFrame(secondAnimationFrameRef.current);
-            secondAnimationFrameRef.current = undefined;
-        }
-        if (closeTimerRef.current) {
-            clearTimeout(closeTimerRef.current);
-            closeTimerRef.current = undefined;
-        }
-        if (open) {
-            setMounted(true);
-            animationFrameRef.current = requestAnimationFrame(() => {
-                secondAnimationFrameRef.current = requestAnimationFrame(() => {
-                    setVisible(true);
-                    secondAnimationFrameRef.current = undefined;
-                });
-                animationFrameRef.current = undefined;
-            });
-            return () => {
-                if (animationFrameRef.current) {
-                    cancelAnimationFrame(animationFrameRef.current);
-                    animationFrameRef.current = undefined;
-                }
-                if (secondAnimationFrameRef.current) {
-                    cancelAnimationFrame(secondAnimationFrameRef.current);
-                    secondAnimationFrameRef.current = undefined;
-                }
-            };
-        }
-        setVisible(false);
-        closeTimerRef.current = setTimeout(() => {
-            setMounted(false);
-            closeTimerRef.current = undefined;
-        }, DRAWER_ANIMATION_DURATION);
-        return () => {
-            if (closeTimerRef.current) {
-                clearTimeout(closeTimerRef.current);
-                closeTimerRef.current = undefined;
-            }
-        };
-    }, [open]);
-    const handleContentClick = (e) => {
-        e.stopPropagation();
-    };
-    const drawerStyle = {
-        ...getDrawerSizeStyle(placement, width, height),
-        transform: getDrawerTransform(placement, visible),
-        transition: `transform ${DRAWER_ANIMATION_DURATION}ms ${DRAWER_ANIMATION_EASING}`,
-        willChange: 'transform',
-    };
-    return (_jsx(Overlay, { open: mounted, visible: visible, onClose: onClose, mask: mask, maskClosable: maskClosable, lockScroll: lockScroll, keyboard: keyboard, closable: closable, renderNode: renderNode, zIndex: zIndex, className: "tc-ui-drawer", style: {
-            transition: `opacity ${DRAWER_ANIMATION_DURATION}ms ${DRAWER_ANIMATION_EASING}`,
-        }, children: _jsxs("div", { className: cn('fixed border border-border/70 bg-popover text-popover-foreground', 'shadow-[0_22px_70px_hsl(var(--background)/0.58),inset_0_1px_0_hsl(var(--foreground)/0.06)]', 'flex flex-col', getDrawerPositionClassName(placement), getDrawerRadiusClassName(placement), placement === 'top' || placement === 'bottom' ? 'max-h-[90vh]' : 'max-w-[90vw]', className), style: drawerStyle, onClick: handleContentClick, children: [(title || closable) && (_jsxs("div", { className: "flex items-center justify-between border-b border-border/60 px-4 py-3", children: [title && _jsx("div", { className: "text-sm font-semibold leading-5 text-foreground", children: title }), closable && (_jsx(Button, { variant: "text", type: "button", onClick: onClose, "aria-label": t('components.modal.close'), className: cn('ml-auto h-7 w-7 rounded-md p-0', 'text-muted-foreground hover:text-foreground', 'hover:bg-foreground/8', 'transition-colors', 'focus:outline-none focus:ring-2 focus:ring-ring/40 focus:ring-offset-0'), children: _jsx(X, { size: 16 }) }))] })), _jsx("div", { className: cn('flex-1 overflow-auto px-4 py-4', contentClassName), children: children }), footer && _jsx("div", { className: "border-t border-border/60 px-4 py-3", children: footer })] }) }));
-}

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

@@ -1,3 +0,0 @@
-export { Drawer } from './Drawer';
-export type { DrawerPlacement, DrawerProps } from './Drawer';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-export { Drawer } from './Drawer';

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

@@ -1,89 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-import { cloneElement, Fragment, isValidElement, useCallback, useRef, useState } from 'react';
-import { Button } from '../Button';
-import { Popup } from '../Popup';
-import { getDefaultDropdownPosition, } from '../hooks/useDropdownPositioning';
-const isDropdownRenderItem = (item) => 'render' in item;
-const viewportPadding = 8;
-const getDropdownPosition = (context) => {
-    const position = getDefaultDropdownPosition(context);
-    const contentHeight = context.contentRect?.height ?? 0;
-    if (context.placement.startsWith('bottom') && position.top + contentHeight > context.viewportHeight - viewportPadding) {
-        return getDefaultDropdownPosition({
-            ...context,
-            placement: context.placement.replace('bottom', 'top'),
-        });
-    }
-    if (context.placement.startsWith('top') && position.top < viewportPadding) {
-        return getDefaultDropdownPosition({
-            ...context,
-            placement: context.placement.replace('top', 'bottom'),
-        });
-    }
-    return position;
-};
-export function Dropdown({ items, children, className, placement = 'bottom-end', getPopupContainer }) {
-    const [isOpen, setIsOpen] = useState(false);
-    const triggerRef = useRef(null);
-    const handleToggle = useCallback(() => {
-        setIsOpen((prev) => !prev);
-    }, []);
-    const handleTriggerKeyDown = useCallback((event) => {
-        if (event.key === 'Enter' || event.key === ' ') {
-            event.preventDefault();
-            handleToggle();
-        }
-        if (event.key === 'ArrowDown') {
-            event.preventDefault();
-            setIsOpen(true);
-        }
-        if (event.key === 'Escape') {
-            setIsOpen(false);
-        }
-    }, [handleToggle]);
-    const handleItemClick = useCallback((item) => {
-        if (!isDropdownRenderItem(item)) {
-            item.onClick?.();
-        }
-        setIsOpen(false);
-    }, []);
-    const triggerProps = {
-        role: 'button',
-        tabIndex: 0,
-        'aria-haspopup': 'menu',
-        'aria-expanded': isOpen,
-        className: 'outline-none focus-visible:ring-2 focus-visible:ring-ring/40 focus-visible:ring-offset-0',
-    };
-    const trigger = isValidElement(children)
-        ? cloneElement(children, {
-            ...triggerProps,
-            onClick: (event) => {
-                ;
-                children.props.onClick?.(event);
-                if (!event.defaultPrevented) {
-                    handleToggle();
-                }
-            },
-            onKeyDown: (event) => {
-                ;
-                children.props.onKeyDown?.(event);
-                if (!event.defaultPrevented) {
-                    handleTriggerKeyDown(event);
-                }
-            },
-            className: cn(children.props.className, triggerProps.className),
-        })
-        : (_jsx("span", { ...triggerProps, onClick: handleToggle, onKeyDown: handleTriggerKeyDown, children: children }));
-    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: triggerRef, className: cn('tc-ui-dropdown relative inline-block', className), children: trigger }), _jsx(Popup, { open: isOpen, anchorRef: triggerRef, placement: placement, onOpenChange: setIsOpen, container: getPopupContainer?.(), strategy: getDropdownPosition, className: cn('min-w-24 overflow-hidden border-border/70 bg-popover p-1 shadow-[0_22px_70px_hsl(var(--background)/0.58),inset_0_1px_0_hsl(var(--foreground)/0.06)]'), children: items.map((item, index) => {
-                    const onClick = () => handleItemClick(item);
-                    const close = () => setIsOpen(false);
-                    const key = isDropdownRenderItem(item) ? index : item.key;
-                    if (isDropdownRenderItem(item)) {
-                        return _jsx(Fragment, { children: item.render(item, { onClick, close }) }, key);
-                    }
-                    return (_jsx(Button, { type: "button", variant: "text", state: item.danger ? 'danger' : undefined, onClick: onClick, className: cn('flex h-9 w-full items-center justify-start gap-2 rounded-md px-3 text-left text-sm transition-colors', item.danger
-                            ? 'text-destructive hover:bg-destructive/10'
-                            : 'text-popover-foreground hover:bg-foreground/8'), children: _jsxs(_Fragment, { children: [item.icon && _jsx("span", { className: "flex-shrink-0 text-muted-foreground [&>svg]:h-4 [&>svg]:w-4", children: item.icon }), _jsx("span", { children: item.label })] }) }, key));
-                }) })] }));
-}

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

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

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

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

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

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-import RcForm from 'rc-field-form';
-const Form = ({ className, children, ...props }) => {
-    return (_jsx(RcForm, { ...props, component: "form", className: cn('tc-ui-form', className), children: children }));
-};
-Form.displayName = 'Form';
-export { Form };

package/fe/packages/ui/react/components/Form/FormItem.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-import { Field } from 'rc-field-form';
-import React, { forwardRef } from 'react';
-import Label from '../Label';
-const FormItemFN = forwardRef(({ className, label, labelClassName, required, children, errorClassName, showError = true, name, rules, layout, ...props }, ref) => {
-    return (_jsx(Field, { name: name, rules: rules, ...props, children: (control, meta /** form */) => {
-            const { value, onChange, ...restControl } = control;
-            const { errors, warnings } = meta;
-            const hasError = errors.length > 0;
-            const hasWarning = warnings.length > 0;
-            // 如果 children 是函数，调用它并传入 value、onChange 和 meta
-            const childNode = typeof children === 'function' ? children(value, onChange, meta) : children;
-            // 克隆子元素并注入 value 和 onChange
-            const childWithProps = childNode && typeof childNode === 'object' && 'props' in childNode
-                ? React.cloneElement(childNode, {
-                    value: value,
-                    onChange: (val) => {
-                        // 兼容 Input 组件的 onChange(value, event) 格式
-                        // Input 组件的 onChange 签名是: (value: string, event: ChangeEvent) => void
-                        if (typeof val === 'string') {
-                            // 如果第一个参数是字符串，说明是 Input 组件的格式
-                            onChange(val);
-                        }
-                        else if (val?.target?.value !== undefined) {
-                            // 原生 input 的 onChange 事件格式
-                            onChange(val.target.value);
-                        }
-                        else {
-                            // 其他情况直接使用值
-                            onChange(val);
-                        }
-                    },
-                    ...restControl,
-                })
-                : childNode;
-            const content = _jsx("div", { className: hasError || hasWarning ? 'relative' : '', children: childWithProps });
-            return (_jsxs("div", { ref: ref, className: cn('tc-ui-form-item', className), children: [label ? (_jsx(Label, { htmlFor: name, label: label, layout: layout, required: required, labelClassName: cn(labelClassName, hasError && 'text-destructive'), children: content })) : (content), showError && hasError && (_jsx("div", { className: cn('text-sm text-destructive', errorClassName), children: errors[0] })), hasWarning && _jsx("div", { className: "text-sm text-yellow-600", children: warnings[0] })] }));
-        } }));
-});
-FormItemFN.displayName = 'FormItem';
-const FormItem = FormItemFN;
-export { FormItem };

package/fe/packages/ui/react/components/Form/SchemaForm/data.js

@@ -1,18 +0,0 @@
-import consumerComponentsMap from '@tc/scalability/SchemaForm/data';
-import frameComponentsMap from '@tc/scalability/SchemaForm/frameData';
-import React from 'react';
-const baseComponentsMap = {
-    input: React.lazy(async () => ({ default: (await import('../../Input')).Input })),
-    inputNumber: React.lazy(async () => ({ default: (await import('../../InputNumber')).InputNumber })),
-    select: React.lazy(async () => ({ default: (await import('../../Select')).Select })),
-    textarea: React.lazy(async () => ({ default: (await import('../../Textarea')).Textarea })),
-    switch: React.lazy(async () => ({ default: (await import('../../Switch')).Switch })),
-    date: React.lazy(async () => ({ default: (await import('../../Date')).DatePicker })),
-    checkbox: React.lazy(async () => ({ default: (await import('../../Checkbox')).Checkbox })),
-};
-// componentsMap 合并内置 + 业务层扩展，支持动态注册新字段类型
-export const componentsMap = {
-    ...baseComponentsMap,
-    ...frameComponentsMap,
-    ...consumerComponentsMap,
-};

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

@@ -1,79 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useI18n } from '../../../i18n';
-import { cn } from '../../../lib/utils';
-import { Suspense, useEffect, useMemo, useRef } from 'react';
-import { Form, FormItem, useForm } from '..';
-import { Button } from '../../Button';
-import { Skeleton } from '../../Skeleton';
-import { componentsMap } from './data';
-const renderField = (schema) => {
-    return (value, onChange, meta) => {
-        // 如果提供了自定义渲染函数，优先使用
-        if (schema.render) {
-            return schema.render(value, onChange, meta);
-        }
-        const { type = 'input' } = schema;
-        const Component = componentsMap[type];
-        const { fieldProps } = schema;
-        if (!Component) {
-            console.error(' SchemaForm/FormIrem/renderField 非法的 组件类型');
-            return value;
-        }
-        const ComponentRenderer = Component;
-        return (_jsxs(Suspense, { fallback: _jsx(Skeleton, { mode: "componentsloading", rows: 2 }), children: [_jsx(ComponentRenderer, { value: value, onChange: onChange, ...fieldProps }), schema.affterNode] }));
-    };
-};
-export const SchemaForm = ({ form, getForm, schemas, className, onFinish, onFinishFailed, initialValues, footerButtons = true, submitText, cancelText, onCancel, buttonClassName, submitButtonProps, layout = 'vertical', fieldLayout = 'vertical', cancelButtonProps, 
-// preserve = false,
-...formProps }) => {
-    const t = useI18n();
-    const [f] = useForm();
-    const getFormRef = useRef(getForm);
-    getFormRef.current = getForm;
-    const usedForm = useMemo(() => form ?? f, [f, form]);
-    useEffect(() => {
-        getFormRef.current?.(usedForm);
-    }, [usedForm]);
-    const handleCancel = () => {
-        if (onCancel) {
-            onCancel();
-        }
-        else {
-            // 如果没有提供 onCancel，默认重置表单
-            usedForm?.resetFields();
-        }
-    };
-    const { formClassName, fieldClassName, isHorizontal } = useMemo(() => {
-        return {
-            formClassName: cn(layout === 'horizontal' ? 'flex gap-4 items-start flex-wrap' : ''),
-            fieldClassName: cn('min-w-[255px]', layout === 'horizontal' ? '' : 'mb-5'),
-            isHorizontal: layout === 'horizontal',
-        };
-    }, [layout]);
-    const renderSchemas = (schemas) => {
-        return schemas.map((schema, index) => {
-            const { type = 'input' } = schema;
-            if (type !== 'group') {
-                const { key: fieldKey, label, rules, required, className: itemClassName, labelClassName, errorClassName, showError, layout: schemaFieldLayout, } = schema;
-                const fLayout = schemaFieldLayout ?? fieldLayout;
-                const fRequired = required ??
-                    rules?.some((r) => {
-                        const rData = typeof r === 'function' ? r(usedForm) : r;
-                        return rData.required;
-                    });
-                const fiKey = (Array.isArray(fieldKey) ? `field-${index}-${fieldKey.join('_')}` : fieldKey);
-                return (_jsx(FormItem, { name: fieldKey, label: label, rules: rules, layout: fLayout, required: fRequired, className: cn(fieldClassName, itemClassName), labelClassName: labelClassName, errorClassName: errorClassName, showError: showError, children: renderField(schema) }, fiKey));
-            }
-            else if (type === 'group') {
-                const s = schema;
-                const { key: fieldKey } = s;
-                const fiKey = (Array.isArray(fieldKey) ? `field-group-${index}-${fieldKey.join('_')}` : fieldKey);
-                return (_jsx("div", { className: "field-group-container", ...s.fieldProps, children: renderSchemas(s.childrens) }, fiKey));
-            }
-            return null;
-        });
-    };
-    return (_jsxs(Form, { form: usedForm, onFinish: onFinish, onFinishFailed: onFinishFailed, initialValues: initialValues, className: cn('tc-ui-schema-form', formClassName, className), ...formProps, children: [renderSchemas(schemas), footerButtons && !isHorizontal ? (typeof footerButtons === 'boolean' ? (_jsxs("div", { className: cn('flex items-center gap-4', buttonClassName), children: [_jsx(Button, { type: "button", onClick: handleCancel, ...cancelButtonProps, children: cancelText ?? t('components.form.cancel') }), _jsx(Button, { type: "submit", variant: "primary", ...submitButtonProps, children: submitText ?? t('components.form.submit') })] })) : (footerButtons)) : undefined] }));
-};
-SchemaForm.displayName = 'SchemaForm';
-export default SchemaForm;