@_tc/template-core 0.0.1-bate.1 → 0.0.1-bate.10

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.d.ts

@@ -0,0 +1,10 @@
+export declare const useBreadcrumb: import("zustand").UseBoundStore<import("zustand").StoreApi<{
+    items: import("..").BreadcrumbItemData[];
+} & {
+    setItems: (items: import("..").BreadcrumbItemData[]) => void;
+    addItem: (item: import("..").BreadcrumbItemData) => void;
+    removeItem: (id: string | number) => void;
+    clearItems: () => void;
+    setActiveItem: (id: string | number) => void;
+}>>;
+//# sourceMappingURL=useBreadcrumb.d.ts.map

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.d.ts

@@ -0,0 +1,3 @@
+declare const useInit: (callback: () => void) => void;
+export default useInit;
+//# sourceMappingURL=useInit.d.ts.map

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.d.ts

@@ -0,0 +1,7 @@
+export declare function useLanguage(): {
+    language: import("../locales").Language;
+} & {
+    setLanguage: (lang: import("../locales").Language) => void;
+    t: typeof import("../stores/language").t;
+};
+//# sourceMappingURL=useLanguage.d.ts.map

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

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

package/fe/packages/ui/react/hooks/usePagination.d.ts

@@ -0,0 +1,16 @@
+type PaginationValue = {
+    current: number;
+    size: number;
+    total: number;
+};
+type IParams = {
+    defaultValue?: PaginationValue;
+};
+export default function usePagination(params?: IParams): import("react").RefObject<{
+    current: number;
+    size: number;
+    total: number;
+    onChange: (params: Partial<PaginationValue>) => void;
+}>;
+export {};
+//# sourceMappingURL=usePagination.d.ts.map

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

@@ -0,0 +1,27 @@
+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 = useRef({ ...initValue });
+    const [, changeView] = useState(0);
+    const updata = useCallback((params) => {
+        if (typeof params.current !== 'undefined') {
+            paginationData.current.current = params.current;
+        }
+        if (typeof params.size !== 'undefined') {
+            paginationData.current.size = params.size;
+        }
+        if (typeof params.total !== 'undefined') {
+            paginationData.current.total = params.total;
+        }
+        if ([params.size, params.current, params.total].some((i) => typeof i !== 'undefined'))
+            changeView((e) => e + 1);
+    }, []);
+    useInit(() => {
+        paginationData.current.onChange = updata;
+    });
+    return paginationData;
+}

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

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

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/fe/packages/ui/react/lib/export.js

@@ -0,0 +1,138 @@
+/**
+ * 导出 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;
+    }
+    if ('props' in node && node.props && typeof node.props === 'object' && 'children' in node.props) {
+        const children = node.props.children;
+        if (Array.isArray(children)) {
+            return children.map((child) => getTextFromReactNode(child)).flat();
+        }
+        return getTextFromReactNode(children);
+    }
+    return String(node);
+};
+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);
+};
+/**
+ * 通用导出 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,
+        dataIndex: (col.dataIndex || col.key),
+        render: col.renderExport ?? col.render,
+    }));
+    if (!fieldConfigs.length) {
+        console.warn('[exportToExcel] 导出列配置为空，已终止导出');
+        return;
+    }
+    const infoMessageId = message.info('导出中...', { duration: 999999999 });
+    try {
+        let allData = [];
+        if (exportType === ExportType.current) {
+            // 优先使用已存在的当前页数据，避免重复请求
+            if (currentPageData && currentPageData.length) {
+                allData = currentPageData;
+            }
+            else {
+                const res = await fetchData(currentPage, pageSize, defaultSearchParams);
+                allData = res.records || [];
+            }
+        }
+        else {
+            // 导出所有页：按页拉取，直到数据不足一整页或达到最大条数
+            const list = [];
+            for (let page = 1;; page += 1) {
+                const res = await fetchData(page, pageSize, defaultSearchParams);
+                const records = res.records || [];
+                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) {
+            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);
+            }
+            return v;
+        }));
+        const worksheet = XLSX.utils.aoa_to_sheet([header, ...dataRows]);
+        const workbook = XLSX.utils.book_new();
+        XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
+        const now = new Date();
+        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`);
+        message.close(infoMessageId);
+        message.success?.('导出成功');
+    }
+    catch (error) {
+        console.error('[exportToExcel] 导出失败:', 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/fe/packages/ui/react/lib/utils.js

@@ -0,0 +1,70 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+/**
+ * 日期时间格式化工具
+ */
+/**
+ * 格式化日期时间
+ * @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);
+    }
+    if (isNaN(d.getTime()))
+        return "-";
+    const year = d.getFullYear();
+    const month = String(d.getMonth() + 1).padStart(2, "0");
+    const day = String(d.getDate()).padStart(2, "0");
+    const hours = String(d.getHours()).padStart(2, "0");
+    const minutes = String(d.getMinutes()).padStart(2, "0");
+    const seconds = String(d.getSeconds()).padStart(2, "0");
+    return format
+        .replace("YYYY", String(year))
+        .replace("MM", month)
+        .replace("DD", day)
+        .replace("HH", hours)
+        .replace("mm", minutes)
+        .replace("ss", seconds);
+}
+/**
+ * 格式化日期
+ * @param date 日期字符串或 Date 对象
+ * @returns 格式化后的字符串 YYYY-MM-DD
+ */
+export function formatDate(date) {
+    return formatDateTime(date, "YYYY-MM-DD");
+}
+/**
+ * 格式化时间
+ * @param date 日期字符串或 Date 对象
+ * @returns 格式化后的字符串 HH:mm:ss
+ */
+export function formatTime(date) {
+    return formatDateTime(date, "HH:mm:ss");
+}
+/**
+ * 生成开始结束时间
+ * @param dates 日期字符串或 Date 对象数组
+ * @returns 开始结束时间对象 { start: string; end: string }
+ */
+export function generateStartEndTime(dates) {
+    if (!dates)
+        return { start: "", end: "" };
+    const start = dates[0];
+    const end = dates[dates.length - 1];
+    return {
+        start: formatDateTime(start, "YYYY-MM-DD 00:00:00"),
+        end: formatDateTime(end, "YYYY-MM-DD 23:59:59"),
+    };
+}

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

@@ -0,0 +1,8 @@
+export declare const defaultLanguage: "zh-CN";
+export declare const languageLocalKey = "tc_language";
+export declare const translations: {
+    readonly 'zh-CN': {};
+    readonly 'en-US': {};
+};
+export type Language = keyof typeof translations;
+//# sourceMappingURL=index.d.ts.map

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/fe/packages/ui/react/stores/breadcrumb.d.ts

@@ -0,0 +1,15 @@
+import type { BreadcrumbItemData } from '../components/breadcrumb';
+type State = {
+    items: BreadcrumbItemData[];
+};
+type Actions = {
+    setItems: (items: BreadcrumbItemData[]) => void;
+    addItem: (item: BreadcrumbItemData) => void;
+    removeItem: (id: string | number) => void;
+    clearItems: () => void;
+    setActiveItem: (id: string | number) => void;
+};
+export declare const breadcrumbStore: import("zustand").UseBoundStore<import("zustand").StoreApi<State & Actions>>;
+export declare const useBreadcrumbStore: import("zustand").UseBoundStore<import("zustand").StoreApi<State & Actions>>;
+export {};
+//# sourceMappingURL=breadcrumb.d.ts.map

package/fe/packages/ui/react/stores/breadcrumb.js

@@ -0,0 +1,66 @@
+import { create } from 'zustand';
+const BREADCRUMB_STORAGE_KEY = 'app-breadcrumb';
+const loadBreadcrumbFromStorage = () => {
+    try {
+        const stored = localStorage.getItem(BREADCRUMB_STORAGE_KEY);
+        if (stored) {
+            const items = JSON.parse(stored);
+            return items.map((item) => ({
+                id: item.id,
+                label: item.label || item.name || '',
+                desctext: item.desctext,
+                path: item.path,
+                active: item.active,
+                closable: item.closable,
+            }));
+        }
+    }
+    catch {
+        // ignore
+    }
+    return [];
+};
+const saveBreadcrumbToStorage = (items) => {
+    try {
+        localStorage.setItem(BREADCRUMB_STORAGE_KEY, JSON.stringify(items));
+    }
+    catch {
+        // ignore
+    }
+};
+export const breadcrumbStore = create((set) => ({
+    items: loadBreadcrumbFromStorage(),
+    setItems: (items) => {
+        set({ items });
+    },
+    addItem: (item) => {
+        set((state) => {
+            if (state.items.some((i) => i.id === item.id)) {
+                return state;
+            }
+            return { items: [...state.items, item] };
+        });
+    },
+    removeItem: (id) => {
+        set((state) => ({
+            items: state.items.filter((item) => item.id !== id || item.closable === false),
+        }));
+    },
+    clearItems: () => {
+        set((state) => ({
+            items: state.items.filter((item) => item.closable === false),
+        }));
+    },
+    setActiveItem: (id) => {
+        set((state) => ({
+            items: state.items.map((item) => ({
+                ...item,
+                active: item.id === id,
+            })),
+        }));
+    },
+}));
+breadcrumbStore.subscribe((state) => {
+    saveBreadcrumbToStorage(state.items);
+});
+export const useBreadcrumbStore = breadcrumbStore;

package/fe/packages/ui/react/stores/language.d.ts

@@ -0,0 +1,13 @@
+import { type Language } from '../locales';
+export declare const getLanguage: <T extends object>(key: string, fillingData?: T) => any;
+export declare const t: <T extends object>(key: string, fillingData?: T) => any;
+type State = {
+    language: Language;
+};
+type Actions = {
+    setLanguage: (lang: Language) => void;
+    t: typeof t;
+};
+export declare const useLanguages: import("zustand").UseBoundStore<import("zustand").StoreApi<State & Actions>>;
+export {};
+//# sourceMappingURL=language.d.ts.map