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

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

@@ -0,0 +1,118 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Form, FormItem, ImageUpload, Input, Label, SchemeForm, Skeleton, TableSearch, TreeSelect, useForm, } from '../../components';
+import { useRef, useState } from 'react';
+import DateTestPage from '../Date/DateTestPage';
+import { PreviewImage } from '../../components';
+function TreeSelectDemo() {
+    const [value, setValue] = useState(['1.1.1', '1.1.2']);
+    const [indeterminate, setIndeterminate] = useState([]);
+    const treeData = [
+        {
+            id: '1',
+            name: '1',
+            children: [
+                {
+                    id: '1.1',
+                    name: '1.1',
+                    children: [
+                        {
+                            id: '1.1.1',
+                            name: '1.1.1',
+                            children: [
+                                {
+                                    id: '1.1.1.1',
+                                    name: '1.1.1.1',
+                                },
+                                {
+                                    id: '1.1.1.2',
+                                    name: '1.1.1.2',
+                                },
+                            ],
+                        },
+                        { id: '1.1.2', name: '1.1.2' },
+                    ],
+                },
+                {
+                    id: '1.2',
+                    name: '1.2',
+                    children: [
+                        { id: '1.2.1', name: '1.2.1' },
+                        { id: '1.2.2', name: '1.2.2' },
+                    ],
+                },
+            ],
+        },
+    ];
+    return (_jsxs("div", { children: [_jsxs("div", { className: "mb-4", children: [_jsxs("div", { children: ["\u9009\u4E2D: ", JSON.stringify(value)] }), _jsxs("div", { children: ["\u534A\u9009: ", JSON.stringify(indeterminate)] })] }), _jsx(TreeSelect, { data: treeData, value: value, onChange: ({ checked, indeterminate }) => {
+                    setValue(checked);
+                    setIndeterminate(indeterminate);
+                } })] }));
+}
+function PreviewImageDemo() {
+    const images = [
+        'https://s3.ap-northeast-1.amazonaws.com/ezpay-test/52903c41-2eec-4326-95f0-79d56a4dc19c.png',
+        'https://aisearch.cdn.bcebos.com/homepage/dashboard/ai_picture_create/15.png',
+    ];
+    return (_jsx(_Fragment, { children: _jsx(PreviewImage, { images: images, initialIndex: 0 }) }));
+}
+function MyForm() {
+    const [form] = useForm();
+    const onFinish = (values) => {
+        console.log('表单值:', values);
+    };
+    return (_jsxs(Form, { form: form, onFinish: onFinish, children: [_jsx(FormItem, { name: "username", label: "\u7528\u6237\u540D", required: true, rules: [{ required: true, message: '请输入用户名' }], children: _jsx(Input, { placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D" }) }), _jsx(FormItem, { name: "password", label: "\u5BC6\u7801", required: true, rules: [{ required: true, message: '请输入密码' }], children: _jsx(Input, { type: "password", placeholder: "\u8BF7\u8F93\u5165\u5BC6\u7801" }) }), _jsx(Button, { type: "submit", children: "\u63D0\u4EA4" })] }));
+}
+const TestPage = () => {
+    const form = useRef(undefined);
+    return (_jsxs("div", { children: [_jsx("h1", { children: "button" }), _jsx(Button, { onClick: () => console.log(form), children: "click" }), _jsx("h2", { children: "text" }), _jsx(Button, { variant: "text", onClick: () => console.log(form), children: "click" }), _jsx(Button, { disabled: true, variant: "text", onClick: () => console.log(form), children: "click" }), _jsx("h1", { children: "input" }), _jsx(Input, {}), _jsx("h1", { children: "form" }), _jsx(MyForm, {}), _jsx("h1", { children: "schemeform" }), _jsx(SchemeForm, { layout: "horizontal", getForm: (f) => {
+                    form.current = f;
+                }, schemes: [
+                    {
+                        name: 'username',
+                        label: '用户名',
+                        type: 'input',
+                        required: true,
+                        rules: [{ required: true, message: '请输入用户名' }],
+                        fieldProps: {
+                            placeholder: '请输入用户名',
+                        },
+                    },
+                    {
+                        name: 'role',
+                        label: '角色',
+                        type: 'select',
+                        fieldProps: {
+                            placeholder: '请选择',
+                            options: [
+                                { label: '管理员', value: 'admin' },
+                                { label: '用户', value: 'user' },
+                            ],
+                        },
+                    },
+                ], onFinish: (values) => console.log(values) }), _jsx("h1", { children: "label" }), _jsx("div", { children: _jsx(Label, { label: "labelName", layout: "horizontal", children: "123" }) }), _jsx("h1", { children: "TableSearch " }), _jsx(TableSearch, { onSearch: (v) => {
+                    console.log(v);
+                }, schemes: [
+                    { type: 'input', fieldProps: {}, name: '1', label: '1' },
+                    { type: 'switch', fieldProps: {}, name: '2', label: '2' },
+                    { type: 'select', fieldProps: { options: [{ value: '3', label: '3' }] }, name: '3', label: '3' },
+                    { type: 'textarea', fieldProps: {}, name: '4', label: '4' },
+                    { type: 'date', fieldProps: {}, name: '5', label: '5' },
+                    {
+                        type: 'date',
+                        fieldProps: {
+                            mode: 'range',
+                        },
+                        name: '6',
+                        label: '6',
+                    },
+                    { type: 'input', fieldProps: {}, name: '7', label: '7' },
+                    { type: 'date', fieldProps: {}, name: '8', label: '8' },
+                    { type: 'input', fieldProps: {}, name: '9', label: '9' },
+                    { type: 'input', fieldProps: {}, name: '10', label: '10' },
+                    { type: 'input', fieldProps: {}, name: '11', label: '11' },
+                ] }), _jsx("h1", { children: "Skeleton" }), _jsx(Skeleton, { mode: "pageloading", rows: 5, showTitle: true, showActions: true }), _jsx(Skeleton, { mode: "tableloading", rows: 8 }), _jsx(Skeleton, { mode: "componentsloading", rows: 3 }), _jsx("h1", { children: "TreeSelect" }), _jsx(TreeSelectDemo, {}), _jsx(DateTestPage, {}), _jsx("h1", { children: "PreviewImage" }), _jsx(PreviewImageDemo, {}), _jsx("h1", { children: "ImageUpload" }), _jsx(ImageUpload, { accept: ".jpg,.png", maxCount: 4, beforeChange: (f) => {
+                    console.log(f);
+                    return parseInt(Math.random() * 10 + '') % 2 === 0;
+                } })] }));
+};
+export default TestPage;

package/fe/packages/ui/react/hooks/useBreadcrumb.js

@@ -0,0 +1,2 @@
+import { useBreadcrumbStore } from '../stores/breadcrumb';
+export const useBreadcrumb = useBreadcrumbStore;

package/fe/packages/ui/react/hooks/useInit.js

@@ -0,0 +1,9 @@
+import { useRef } from 'react';
+const useInit = (callback) => {
+    const isInit = useRef(false);
+    if (!isInit.current) {
+        callback();
+        isInit.current = true;
+    }
+};
+export default useInit;

package/fe/packages/ui/react/hooks/useLanguage.js

@@ -0,0 +1,4 @@
+import { useLanguages } from '../stores/language';
+export function useLanguage() {
+    return useLanguages();
+}

package/{packages → fe/packages}/ui/react/hooks/usePagination.js

@@ -1,19 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = usePagination;
-const react_1 = require("react");
-const useInit_1 = __importDefault(require("./useInit"));
-function usePagination(params) {
+import { useCallback, useRef, useState } from 'react';
+import useInit from './useInit';
+export default function usePagination(params) {
     const initValue = {
         ...(params?.defaultValue ?? { current: 1, size: 10, total: 0 }),
         onChange: () => { },
     };
-    const paginationData = (0, react_1.useRef)({ ...initValue });
-    const [, changeView] = (0, react_1.useState)(0);
-    const updata = (0, react_1.useCallback)((params) => {
+    const paginationData = useRef({ ...initValue });
+    const [, changeView] = useState(0);
+    const updata = useCallback((params) => {
         if (typeof params.current !== 'undefined') {
             paginationData.current.current = params.current;
         }
@@ -26,7 +20,7 @@ function usePagination(params) {
         if ([params.size, params.current, params.total].some((i) => typeof i !== 'undefined'))
             changeView((e) => e + 1);
     }, []);
-    (0, useInit_1.default)(() => {
+    useInit(() => {
         paginationData.current.onChange = updata;
     });
     return paginationData;

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

@@ -0,0 +1,4 @@
+export * from './components';
+// export * from './hooks'
+// export * from './stores'
+export * from './lib/utils';

package/fe/packages/ui/react/lib/export.d.ts

@@ -0,0 +1,66 @@
+/**
+ * 导出 Excel 工具方法
+ *
+ * 功能：
+ * - 支持导出「当前页」或「当前查询条件下的全部页数据」
+ * - 通过 DataTable 的 columns 控制导出列及顺序
+ *
+ * 使用方式（示例）：
+ * ```ts
+ * await exportToExcel({
+ *   fetchData: (pageNum, pageSize) => getWithdrawList({ ...searchParams, pageNum, pageSize }),
+ *   columns, // 直接复用 DataTable 的 columns
+ *   exportType: 'all', // 'all' 导出全部页；'current' 仅导出当前页
+ *   currentPage,
+ *   pageSize,
+ *   total,
+ *   currentPageData: tableData, // 可选，导出当前页时直接使用现有数据，避免重复请求
+ *   fileName: '提币记录',
+ * })
+ * ```
+ */
+import { type ColumnDef } from '../components';
+export declare const ExportType: {
+    /**
+     * 当前查询条件下所有页
+     */
+    readonly all: 0;
+    /**
+     * 当前页
+     */
+    readonly current: 1;
+};
+export type ExportType = (typeof ExportType)[keyof typeof ExportType];
+interface ExportExcelParams<T> {
+    /** 获取数据方法 */
+    fetchData: (pageNum: number, pageSize: number, searchParams?: Record<string, any>) => Promise<{
+        records: T[];
+        total: number;
+    }>;
+    /** 直接复用 DataTable 的 columns 配置  会自动过滤 操作栏*/
+    columns: ColumnDef<T>[];
+    /** 导出类型：all=当前查询条件下所有页；current=当前页 */
+    exportType: ExportType;
+    /** 当前页码（导出当前页时使用）默认 1 */
+    currentPage?: number;
+    /** 每页条数，默认 2000 */
+    pageSize?: number;
+    /**
+     * 最大导出条数，超过则停止继续请求
+     * @default 10000
+     */
+    maxCount?: number;
+    /**
+     * 当前页已有数据
+     * - 当 exportType === 'current' 且传入该字段时，将直接使用该数据，不会再次请求接口
+     */
+    currentPageData?: T[];
+    /** 文件名（不含扩展名），默认：export-YYYYMMDDHHmmss */
+    fileName?: string;
+}
+/**
+ * 通用导出 Excel 方法
+ */
+export declare function exportToExcel<T>(options: ExportExcelParams<T>): Promise<void>;
+export {};
+//# sourceMappingURL=export.d.ts.map

package/{packages → fe/packages}/ui/react/lib/export.js

@@ -1,42 +1,26 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportType = void 0;
-exports.exportToExcel = exportToExcel;
-const components_1 = require("../components");
-const XLSX = __importStar(require("xlsx"));
+/**
+ * 导出 Excel 工具方法
+ *
+ * 功能：
+ * - 支持导出「当前页」或「当前查询条件下的全部页数据」
+ * - 通过 DataTable 的 columns 控制导出列及顺序
+ *
+ * 使用方式（示例）：
+ * ```ts
+ * await exportToExcel({
+ *   fetchData: (pageNum, pageSize) => getWithdrawList({ ...searchParams, pageNum, pageSize }),
+ *   columns, // 直接复用 DataTable 的 columns
+ *   exportType: 'all', // 'all' 导出全部页；'current' 仅导出当前页
+ *   currentPage,
+ *   pageSize,
+ *   total,
+ *   currentPageData: tableData, // 可选，导出当前页时直接使用现有数据，避免重复请求
+ *   fileName: '提币记录',
+ * })
+ * ```
+ */
+import { message } from '../components';
+import * as XLSX from 'xlsx';
 const getTextFromReactNode = (node) => {
     if (node == null || typeof node !== 'object') {
         return node;
@@ -50,21 +34,32 @@ const getTextFromReactNode = (node) => {
     }
     return String(node);
 };
-exports.ExportType = {
+export const ExportType = {
+    /**
+     * 当前查询条件下所有页
+     */
     all: 0,
+    /**
+     * 当前页
+     */
     current: 1,
 };
+/** 读取嵌套字段值，支持 a.b.c 形式 */
 const getValue = (row, dataIndex) => {
     const key = String(dataIndex);
     if (!key.includes('.'))
         return row?.[key];
     return key.split('.').reduce((acc, cur) => (acc == null ? acc : acc[cur]), row);
 };
-async function exportToExcel(options) {
+/**
+ * 通用导出 Excel 方法
+ */
+export async function exportToExcel(options) {
     const { fetchData, exportType, currentPage = 1, pageSize = 2000, maxCount = 10000, currentPageData, fileName, } = options;
     const defaultSearchParams = { export: true };
     const cols = options.columns;
     const fieldConfigs = cols
+        // 过滤掉操作列
         .filter((col) => !col.isAction && col.key !== 'action')
         .map((col) => ({
         title: col.title,
@@ -75,10 +70,11 @@ async function exportToExcel(options) {
         console.warn('[exportToExcel] 导出列配置为空，已终止导出');
         return;
     }
-    const infoMessageId = components_1.message.info('导出中...', { duration: 999999999 });
+    const infoMessageId = message.info('导出中...', { duration: 999999999 });
     try {
         let allData = [];
-        if (exportType === exports.ExportType.current) {
+        if (exportType === ExportType.current) {
+            // 优先使用已存在的当前页数据，避免重复请求
             if (currentPageData && currentPageData.length) {
                 allData = currentPageData;
             }
@@ -88,6 +84,7 @@ async function exportToExcel(options) {
             }
         }
         else {
+            // 导出所有页：按页拉取，直到数据不足一整页或达到最大条数
             const list = [];
             for (let page = 1;; page += 1) {
                 const res = await fetchData(page, pageSize, defaultSearchParams);
@@ -95,23 +92,29 @@ async function exportToExcel(options) {
                 if (!records.length)
                     break;
                 list.push(...records);
+                // 达到最大条数后直接截断并停止
                 if (list.length >= maxCount) {
                     list.length = maxCount;
                     break;
                 }
+                // 本页数据不足 pageSize，说明已到最后一页
                 if (records.length < pageSize)
                     break;
             }
             allData = list;
         }
         if (!allData.length) {
-            components_1.message.warning?.('暂无可导出的数据');
-            components_1.message.close(infoMessageId);
+            message.warning?.('暂无可导出的数据');
+            message.close(infoMessageId);
             return;
         }
+        // 构建表头
         const header = fieldConfigs.map((f) => f.title);
+        // 构建数据行
         const dataRows = allData.map((row, index) => fieldConfigs.map((f) => {
             const v = f.render ? f.render(getValue(row, f.dataIndex), row, index) : getValue(row, f.dataIndex);
+            // 如果v是ReactNode
+            // 需要获取最深层的text
             if (v && typeof v === 'object' && 'props' in v && 'children' in v.props) {
                 return getTextFromReactNode(v);
             }
@@ -124,12 +127,12 @@ async function exportToExcel(options) {
         const pad = (n) => (n < 10 ? `0${n}` : String(n));
         const defaultName = `export-${now.getFullYear()}${pad(now.getMonth() + 1)}${pad(now.getDate())}${pad(now.getHours())}${pad(now.getMinutes())}${pad(now.getSeconds())}`;
         XLSX.writeFile(workbook, `${fileName || defaultName}.xlsx`);
-        components_1.message.close(infoMessageId);
-        components_1.message.success?.('导出成功');
+        message.close(infoMessageId);
+        message.success?.('导出成功');
     }
     catch (error) {
         console.error('[exportToExcel] 导出失败:', error);
-        components_1.message.close(infoMessageId);
-        components_1.message.error?.('导出失败，请稍后重试');
+        message.close(infoMessageId);
+        message.error?.('导出失败，请稍后重试');
     }
 }

package/fe/packages/ui/react/lib/utils.d.ts

@@ -0,0 +1,34 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+/**
+ * 日期时间格式化工具
+ */
+/**
+ * 格式化日期时间
+ * @param date 日期字符串或 Date 对象
+ * @param format 格式化模板，默认 'YYYY-MM-DD HH:mm:ss'
+ * @returns 格式化后的字符串
+ */
+export declare function formatDateTime(date: string | Date | null | undefined | number, format?: string): string;
+/**
+ * 格式化日期
+ * @param date 日期字符串或 Date 对象
+ * @returns 格式化后的字符串 YYYY-MM-DD
+ */
+export declare function formatDate(date: string | Date | null | undefined): string;
+/**
+ * 格式化时间
+ * @param date 日期字符串或 Date 对象
+ * @returns 格式化后的字符串 HH:mm:ss
+ */
+export declare function formatTime(date: string | Date | null | undefined): string;
+/**
+ * 生成开始结束时间
+ * @param dates 日期字符串或 Date 对象数组
+ * @returns 开始结束时间对象 { start: string; end: string }
+ */
+export declare function generateStartEndTime(dates: string[] | Date[] | null | undefined): {
+    start: string;
+    end: string;
+};
+//# sourceMappingURL=utils.d.ts.map

package/{packages → fe/packages}/ui/react/lib/utils.js

@@ -1,19 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cn = cn;
-exports.formatDateTime = formatDateTime;
-exports.formatDate = formatDate;
-exports.formatTime = formatTime;
-exports.generateStartEndTime = generateStartEndTime;
-const clsx_1 = require("clsx");
-const tailwind_merge_1 = require("tailwind-merge");
-function cn(...inputs) {
-    return (0, tailwind_merge_1.twMerge)((0, clsx_1.clsx)(inputs));
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
 }
-function formatDateTime(date, format = "YYYY-MM-DD HH:mm:ss") {
+/**
+ * 日期时间格式化工具
+ */
+/**
+ * 格式化日期时间
+ * @param date 日期字符串或 Date 对象
+ * @param format 格式化模板，默认 'YYYY-MM-DD HH:mm:ss'
+ * @returns 格式化后的字符串
+ */
+export function formatDateTime(date, format = "YYYY-MM-DD HH:mm:ss") {
     if (!date)
         return "-";
     let d = new Date(date);
+    // 接口返回的时间戳为 秒
     const tmpY = d.getFullYear();
     if (typeof date === "number" && tmpY === 1970) {
         d = new Date(date * 1000);
@@ -34,13 +37,28 @@ function formatDateTime(date, format = "YYYY-MM-DD HH:mm:ss") {
         .replace("mm", minutes)
         .replace("ss", seconds);
 }
-function formatDate(date) {
+/**
+ * 格式化日期
+ * @param date 日期字符串或 Date 对象
+ * @returns 格式化后的字符串 YYYY-MM-DD
+ */
+export function formatDate(date) {
     return formatDateTime(date, "YYYY-MM-DD");
 }
-function formatTime(date) {
+/**
+ * 格式化时间
+ * @param date 日期字符串或 Date 对象
+ * @returns 格式化后的字符串 HH:mm:ss
+ */
+export function formatTime(date) {
     return formatDateTime(date, "HH:mm:ss");
 }
-function generateStartEndTime(dates) {
+/**
+ * 生成开始结束时间
+ * @param dates 日期字符串或 Date 对象数组
+ * @returns 开始结束时间对象 { start: string; end: string }
+ */
+export function generateStartEndTime(dates) {
     if (!dates)
         return { start: "", end: "" };
     const start = dates[0];

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

@@ -0,0 +1,6 @@
+export const defaultLanguage = 'zh-CN';
+export const languageLocalKey = 'tc_language';
+export const translations = {
+    'zh-CN': {},
+    'en-US': {},
+};

package/{packages → fe/packages}/ui/react/stores/breadcrumb.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBreadcrumbStore = exports.breadcrumbStore = void 0;
-const zustand_1 = require("zustand");
+import { create } from 'zustand';
 const BREADCRUMB_STORAGE_KEY = 'app-breadcrumb';
 const loadBreadcrumbFromStorage = () => {
     try {
@@ -19,6 +16,7 @@ const loadBreadcrumbFromStorage = () => {
         }
     }
     catch {
+        // ignore
     }
     return [];
 };
@@ -27,9 +25,10 @@ const saveBreadcrumbToStorage = (items) => {
         localStorage.setItem(BREADCRUMB_STORAGE_KEY, JSON.stringify(items));
     }
     catch {
+        // ignore
     }
 };
-exports.breadcrumbStore = (0, zustand_1.create)((set) => ({
+export const breadcrumbStore = create((set) => ({
     items: loadBreadcrumbFromStorage(),
     setItems: (items) => {
         set({ items });
@@ -61,7 +60,7 @@ exports.breadcrumbStore = (0, zustand_1.create)((set) => ({
         }));
     },
 }));
-exports.breadcrumbStore.subscribe((state) => {
+breadcrumbStore.subscribe((state) => {
     saveBreadcrumbToStorage(state.items);
 });
-exports.useBreadcrumbStore = exports.breadcrumbStore;
+export const useBreadcrumbStore = breadcrumbStore;

package/{packages → fe/packages}/ui/react/stores/language.js

@@ -1,10 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLanguages = exports.t = exports.getLanguage = void 0;
-const locales_1 = require("../locales");
-const zustand_1 = require("zustand");
-const getLanguage = (key, fillingData) => {
-    let value = locales_1.translations[languageStore.getState().language];
+import { defaultLanguage, languageLocalKey, translations } from '../locales';
+import { create } from 'zustand';
+export const getLanguage = (key, fillingData) => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    let value = translations[languageStore.getState().language];
     const keys = key.split('.');
     for (const k of keys) {
         value = value?.[k];
@@ -28,27 +26,26 @@ const getLanguage = (key, fillingData) => {
     }
     return key;
 };
-exports.getLanguage = getLanguage;
-exports.t = exports.getLanguage;
-const languageStore = (0, zustand_1.create)((set) => ({
-    t: exports.t,
+export const t = getLanguage;
+const languageStore = create((set) => ({
+    t,
     language: (() => {
         if (typeof window === 'undefined') {
-            return locales_1.defaultLanguage;
+            return defaultLanguage;
         }
-        const stored = window.localStorage.getItem(locales_1.languageLocalKey);
-        return (Object.keys(locales_1.translations).includes(stored) ? stored : locales_1.defaultLanguage);
+        const stored = window.localStorage.getItem(languageLocalKey);
+        return (Object.keys(translations).includes(stored) ? stored : defaultLanguage);
     })(),
     setLanguage: (lang) => {
         set({
             language: lang,
             t: function (...args) {
-                return exports.getLanguage.apply(this, args);
+                return getLanguage.apply(this, args);
             },
         });
         if (typeof window !== 'undefined') {
-            window.localStorage.setItem(locales_1.languageLocalKey, lang);
+            window.localStorage.setItem(languageLocalKey, lang);
         }
     },
 }));
-exports.useLanguages = languageStore;
+export const useLanguages = languageStore;

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

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