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

package/fe/frontend/src/components/LanguageSwitch/LanguageSwitch.js

@@ -1,32 +1,81 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getText } from '../../common/language';
-import { frontendLangKeys } from '../../language';
-import { cn, Select } from '../../../../packages/ui/react';
-import { i18nStore, useI18nStore } from '../../../../packages/ui/react/i18n';
-import { useMemo } from 'react';
-const getDefaultLanguageOptions = () => [
-    {
-        label: getText(frontendLangKeys.languageSwitchZhCN),
-        value: 'zh-CN',
-        searchText: 'zh-CN 中文 简体中文',
-    },
-    {
-        label: getText(frontendLangKeys.languageSwitchEnUS),
-        value: 'en-US',
-        searchText: 'en-US English',
-    },
-];
-const LanguageSwitch = ({ value, defaultValue, options, onChange, className, placeholder, clearable = false, searchable = false, getPopupContainer = 'parent', ...props }) => {
-    const currentLanguage = useI18nStore((state) => state.language);
-    const mergedOptions = useMemo(() => options ?? getDefaultLanguageOptions(), [currentLanguage, options]);
-    const selectedLanguage = value ?? currentLanguage ?? defaultValue;
-    const handleChange = (language) => {
-        if (!language)
-            return;
-        const nextLanguage = String(language);
-        i18nStore.getState().setLanguage(nextLanguage);
-        onChange?.(nextLanguage);
-    };
-    return (_jsx(Select, { ...props, className: cn('w-32 shrink-0', className), clearable: clearable, getPopupContainer: getPopupContainer, options: mergedOptions, placeholder: placeholder ?? getText(frontendLangKeys.languageSwitchPlaceholder), searchable: searchable, value: selectedLanguage ?? defaultValue, onChange: handleChange }));
+import { frontendLangKeys } from "../../language/index.js";
+import { i18nStore } from "../../../../packages/common/i18n/index.js";
+import { useI18nStore } from "../../../../packages/react/ui/i18n/useI18n.js";
+import "../../../../packages/react/ui/i18n/index.js";
+import { getText } from "../../common/language.js";
+import { cn } from "../../../../packages/react/ui/lib/utils.js";
+import { Button } from "../../../../packages/react/ui/components/Button/Button.js";
+import { Dropdown } from "../../../../packages/react/ui/components/Dropdown/Dropdown.js";
+import "../../../../packages/react/ui/index.js";
+import { useCallback, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, ChevronDown } from "lucide-react";
+//#region frontend/src/components/LanguageSwitch/LanguageSwitch.tsx
+var getDefaultLanguageOptions = () => [{
+	label: getText(frontendLangKeys.languageSwitchZhCN),
+	value: "zh-CN",
+	searchText: "zh-CN 中文 简体中文"
+}, {
+	label: getText(frontendLangKeys.languageSwitchEnUS),
+	value: "en-US",
+	searchText: "en-US English"
+}];
+var LanguageSwitch = ({ value, defaultValue, options, onChange, className, buttonClassName, placeholder, disabled, loading, clearable: _clearable, searchable: _searchable, placement = "bottom-end", getPopupContainer = "parent", ...props }) => {
+	const rootRef = useRef(null);
+	const currentLanguage = useI18nStore((state) => state.language);
+	const mergedOptions = useMemo(() => options ?? getDefaultLanguageOptions(), [currentLanguage, options]);
+	const selectedLanguage = value ?? currentLanguage ?? defaultValue;
+	const selectedOption = mergedOptions.find((option) => option.value === selectedLanguage);
+	const displayText = selectedOption?.label ?? placeholder ?? getText(frontendLangKeys.languageSwitchPlaceholder);
+	const handleChange = useCallback((language) => {
+		if (!language) return;
+		const nextLanguage = String(language);
+		i18nStore.getState().setLanguage(nextLanguage);
+		onChange?.(nextLanguage);
+	}, [onChange]);
+	const dropdownItems = useMemo(() => mergedOptions.map((option) => ({
+		key: option.value,
+		label: /* @__PURE__ */ jsxs("span", {
+			className: "flex min-w-0 flex-1 items-center justify-between gap-3",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "min-w-0 truncate",
+				children: option.label
+			}), option.value === selectedLanguage && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 shrink-0 text-theme" })]
+		}),
+		onClick: () => handleChange(option.value)
+	})), [
+		handleChange,
+		mergedOptions,
+		selectedLanguage
+	]);
+	const resolvedGetPopupContainer = useMemo(() => {
+		if (getPopupContainer !== "parent") return getPopupContainer;
+		if (typeof document === "undefined") return void 0;
+		return () => rootRef.current?.parentElement ?? document.body;
+	}, [getPopupContainer]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: rootRef,
+		className: cn("w-32 shrink-0", className),
+		children: /* @__PURE__ */ jsx(Dropdown, {
+			...props,
+			className: "w-full",
+			getPopupContainer: resolvedGetPopupContainer,
+			items: dropdownItems,
+			placement,
+			children: /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				disabled,
+				variant: "text",
+				loading,
+				rightIcon: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 text-muted-foreground" }),
+				className: cn("h-10 w-full justify-between gap-2 rounded-lg px-3 text-sm", !selectedOption && "text-muted-foreground", buttonClassName),
+				children: /* @__PURE__ */ jsx("span", {
+					className: "min-w-0 truncate",
+					children: displayText
+				})
+			})
+		})
+	});
 };
-export default LanguageSwitch;
+//#endregion
+export { LanguageSwitch as default };

package/fe/frontend/src/components/LanguageSwitch/index.d.ts

@@ -1,4 +1,3 @@
-import LanguageSwitch from './LanguageSwitch';
-export * from './LanguageSwitch';
+import LanguageSwitch from "./LanguageSwitch";
+export * from "./LanguageSwitch";
 export default LanguageSwitch;
-//# sourceMappingURL=index.d.ts.map

package/fe/frontend/src/components/LanguageSwitch/index.js

@@ -1,3 +1,5 @@
-import LanguageSwitch from './LanguageSwitch';
-export * from './LanguageSwitch';
-export default LanguageSwitch;
+import LanguageSwitch from "./LanguageSwitch.js";
+//#region frontend/src/components/LanguageSwitch/index.ts
+var LanguageSwitch_default = LanguageSwitch;
+//#endregion
+export { LanguageSwitch_default as default };

package/fe/frontend/src/components/Router/index.d.ts

@@ -1,9 +1,8 @@
-import { ReactNode } from 'react';
-import { RouterType } from './type';
+import { ReactNode } from "react";
+import { RouterType } from "./type";
 export type RouteInfo = {
     path: string;
     component: ReactNode;
     children?: RouteInfo[];
 };
 export declare const generateRouter: (routes: RouteInfo[], type: RouterType) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/fe/frontend/src/components/Router/index.js

@@ -1,11 +1,21 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BrowserRouter, HashRouter, Route, Routes } from 'react-router-dom';
-export const generateRouter = (routes, type) => {
-    const RouterComponent = type === 'browser' ? BrowserRouter : HashRouter;
-    const renderDom = (routes) => {
-        return routes.map((route) => {
-            return (_jsx(Route, { path: route.path, element: route.component, children: route.children && renderDom(route.children) }, route.path));
-        });
-    };
-    return (_jsx(RouterComponent, { basename: window._basePath, children: _jsx(Routes, { children: renderDom(routes) }) }));
+import { BrowserRouter, HashRouter, Route, Routes } from "react-router-dom";
+import { jsx } from "react/jsx-runtime";
+//#region frontend/src/components/Router/index.tsx
+var generateRouter = (routes, type) => {
+	const RouterComponent = type === "browser" ? BrowserRouter : HashRouter;
+	const renderDom = (routes) => {
+		return routes.map((route) => {
+			return /* @__PURE__ */ jsx(Route, {
+				path: route.path,
+				element: route.component,
+				children: route.children && renderDom(route.children)
+			}, route.path);
+		});
+	};
+	return /* @__PURE__ */ jsx(RouterComponent, {
+		basename: window._basePath,
+		children: /* @__PURE__ */ jsx(Routes, { children: renderDom(routes) })
+	});
 };
+//#endregion
+export { generateRouter };

package/fe/frontend/src/components/Router/type.d.ts

@@ -1,2 +1 @@
 export type RouterType = "hash" | "browser";
-//# sourceMappingURL=type.d.ts.map

package/fe/frontend/src/components/Router/type.js

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

package/fe/frontend/src/components/ThemeSwitch/ThemeSwitch.d.ts

@@ -12,4 +12,3 @@ export interface ThemeSwitchProps {
 export declare const themeSwitchStorageKey = "tc_theme";
 declare const ThemeSwitch: ({ value, defaultValue, onChange, disabled, className, showLabel, persist, storageKey, }: ThemeSwitchProps) => import("react/jsx-runtime").JSX.Element;
 export default ThemeSwitch;
-//# sourceMappingURL=ThemeSwitch.d.ts.map

package/fe/frontend/src/components/ThemeSwitch/ThemeSwitch.js

@@ -1,59 +1,87 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getText } from '../../common/language';
-import { frontendLangKeys } from '../../language';
-import { cn, Switch, Tooltip } from '../../../../packages/ui/react';
-import { useI18nStore } from '../../../../packages/ui/react/i18n';
-import { Moon, Sun } from 'lucide-react';
-import { useEffect, useState } from 'react';
-export const themeSwitchStorageKey = 'tc_theme';
-const canUseDocument = () => typeof document !== 'undefined';
-const canUseLocalStorage = () => typeof localStorage !== 'undefined';
-const getStoredThemeMode = (storageKey) => {
-    if (!canUseLocalStorage())
-        return null;
-    const value = localStorage.getItem(storageKey);
-    return value === 'light' || value === 'dark' ? value : null;
+import { frontendLangKeys } from "../../language/index.js";
+import { useI18nStore } from "../../../../packages/react/ui/i18n/useI18n.js";
+import "../../../../packages/react/ui/i18n/index.js";
+import { getText } from "../../common/language.js";
+import { cn } from "../../../../packages/react/ui/lib/utils.js";
+import { Switch } from "../../../../packages/react/ui/components/Switch/Switch.js";
+import { Tooltip } from "../../../../packages/react/ui/components/Tooltip/Tooltip.js";
+import "../../../../packages/react/ui/index.js";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Moon, Sun } from "lucide-react";
+//#region frontend/src/components/ThemeSwitch/ThemeSwitch.tsx
+var themeSwitchStorageKey = "tc_theme";
+var canUseDocument = () => typeof document !== "undefined";
+var canUseLocalStorage = () => typeof localStorage !== "undefined";
+var getStoredThemeMode = (storageKey) => {
+	if (!canUseLocalStorage()) return null;
+	const value = localStorage.getItem(storageKey);
+	return value === "light" || value === "dark" ? value : null;
 };
-const getCurrentThemeMode = (defaultValue, storageKey = themeSwitchStorageKey) => {
-    const storedMode = getStoredThemeMode(storageKey);
-    if (storedMode)
-        return storedMode;
-    if (defaultValue)
-        return defaultValue;
-    if (!canUseDocument())
-        return 'light';
-    return document.documentElement.classList.contains('dark') ? 'dark' : 'light';
+var getCurrentThemeMode = (defaultValue, storageKey = themeSwitchStorageKey) => {
+	const storedMode = getStoredThemeMode(storageKey);
+	if (storedMode) return storedMode;
+	if (defaultValue) return defaultValue;
+	if (!canUseDocument()) return "light";
+	return document.documentElement.classList.contains("dark") ? "dark" : "light";
 };
-const applyThemeMode = (mode, persist, storageKey) => {
-    if (!canUseDocument())
-        return;
-    const root = document.documentElement;
-    root.classList.toggle('dark', mode === 'dark');
-    root.style.colorScheme = mode;
-    if (persist && canUseLocalStorage()) {
-        localStorage.setItem(storageKey, mode);
-    }
+var persistThemeMode = (mode, storageKey) => {
+	if (canUseLocalStorage()) localStorage.setItem(storageKey, mode);
 };
-const ThemeSwitch = ({ value, defaultValue, onChange, disabled, className, showLabel = false, persist = true, storageKey = themeSwitchStorageKey, }) => {
-    useI18nStore((state) => state.language);
-    const [internalMode, setInternalMode] = useState(() => getCurrentThemeMode(defaultValue, storageKey));
-    const isControlled = value !== undefined;
-    const mode = isControlled ? value : internalMode;
-    const checked = mode === 'dark';
-    useEffect(() => {
-        applyThemeMode(mode, persist, storageKey);
-    }, [mode, persist, storageKey]);
-    const handleChange = (nextChecked) => {
-        const nextMode = nextChecked ? 'dark' : 'light';
-        if (!isControlled) {
-            setInternalMode(nextMode);
-        }
-        onChange?.(nextMode);
-    };
-    const label = mode === 'dark' ? getText(frontendLangKeys.themeSwitchDark) : getText(frontendLangKeys.themeSwitchLight);
-    const tooltip = checked
-        ? getText(frontendLangKeys.themeSwitchToLight)
-        : getText(frontendLangKeys.themeSwitchToDark);
-    return (_jsxs("div", { className: cn('inline-flex shrink-0 items-center gap-2 text-foreground', className), children: [_jsx(Sun, { className: cn('h-4 w-4', checked ? 'text-muted-foreground' : 'text-foreground'), "aria-hidden": "true" }), _jsx(Tooltip, { content: tooltip, placement: "bottom", children: _jsx(Switch, { checked: checked, disabled: disabled, onChange: handleChange }) }), _jsx(Moon, { className: cn('h-4 w-4', checked ? 'text-foreground' : 'text-muted-foreground'), "aria-hidden": "true" }), showLabel && _jsx("span", { className: "min-w-8 text-xs text-muted-foreground", children: label })] }));
+var applyThemeMode = (mode, persist, storageKey) => {
+	if (!canUseDocument()) return;
+	const root = document.documentElement;
+	root.classList.toggle("dark", mode === "dark");
+	root.style.colorScheme = mode;
+	if (persist) persistThemeMode(mode, storageKey);
 };
-export default ThemeSwitch;
+var ThemeSwitch = ({ value, defaultValue, onChange, disabled, className, showLabel = false, persist = true, storageKey = themeSwitchStorageKey }) => {
+	useI18nStore((state) => state.language);
+	const [internalMode, setInternalMode] = useState(() => getCurrentThemeMode(defaultValue, storageKey));
+	const isControlled = value !== void 0;
+	const mode = isControlled ? value : internalMode;
+	const checked = mode === "dark";
+	useEffect(() => {
+		applyThemeMode(mode, persist, storageKey);
+	}, [
+		mode,
+		persist,
+		storageKey
+	]);
+	const handleChange = (nextChecked) => {
+		const nextMode = nextChecked ? "dark" : "light";
+		if (!isControlled) setInternalMode(nextMode);
+		if (persist) persistThemeMode(nextMode, storageKey);
+		onChange?.(nextMode);
+	};
+	const label = mode === "dark" ? getText(frontendLangKeys.themeSwitchDark) : getText(frontendLangKeys.themeSwitchLight);
+	const tooltip = checked ? getText(frontendLangKeys.themeSwitchToLight) : getText(frontendLangKeys.themeSwitchToDark);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("inline-flex shrink-0 items-center gap-2 text-foreground", className),
+		children: [
+			/* @__PURE__ */ jsx(Sun, {
+				className: cn("h-4 w-4", checked ? "text-muted-foreground" : "text-foreground"),
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ jsx(Tooltip, {
+				content: tooltip,
+				placement: "bottom",
+				children: /* @__PURE__ */ jsx(Switch, {
+					checked,
+					disabled,
+					onChange: handleChange
+				})
+			}),
+			/* @__PURE__ */ jsx(Moon, {
+				className: cn("h-4 w-4", checked ? "text-foreground" : "text-muted-foreground"),
+				"aria-hidden": "true"
+			}),
+			showLabel && /* @__PURE__ */ jsx("span", {
+				className: "min-w-8 text-xs text-muted-foreground",
+				children: label
+			})
+		]
+	});
+};
+//#endregion
+export { ThemeSwitch as default, themeSwitchStorageKey };

package/fe/frontend/src/components/ThemeSwitch/index.d.ts

@@ -1,4 +1,3 @@
-import ThemeSwitch from './ThemeSwitch';
-export * from './ThemeSwitch';
+import ThemeSwitch from "./ThemeSwitch";
+export * from "./ThemeSwitch";
 export default ThemeSwitch;
-//# sourceMappingURL=index.d.ts.map

package/fe/frontend/src/components/ThemeSwitch/index.js

@@ -1,3 +1,5 @@
-import ThemeSwitch from './ThemeSwitch';
-export * from './ThemeSwitch';
-export default ThemeSwitch;
+import ThemeSwitch, { themeSwitchStorageKey } from "./ThemeSwitch.js";
+//#region frontend/src/components/ThemeSwitch/index.ts
+var ThemeSwitch_default = ThemeSwitch;
+//#endregion
+export { ThemeSwitch_default as default, themeSwitchStorageKey };

package/fe/frontend/src/components/index.d.ts

@@ -1,11 +1,10 @@
-export { default as AsyncSelect } from './AsyncSelect';
-export * from './AsyncSelect';
-export { default as HeaderView } from './BasePage/HeaderView';
-export * from './BasePage/HeaderView';
-export { default as LanguageSwitch } from './LanguageSwitch';
-export * from './LanguageSwitch';
-export * from './Router';
-export * from './Router/type';
-export { default as ThemeSwitch } from './ThemeSwitch';
-export * from './ThemeSwitch';
-//# sourceMappingURL=index.d.ts.map
+export { default as AsyncSelect } from "./AsyncSelect";
+export * from "./AsyncSelect";
+export { default as HeaderView } from "./BasePage/HeaderView";
+export * from "./BasePage/HeaderView";
+export { default as LanguageSwitch } from "./LanguageSwitch";
+export * from "./LanguageSwitch";
+export * from "./Router";
+export * from "./Router/type";
+export { default as ThemeSwitch } from "./ThemeSwitch";
+export * from "./ThemeSwitch";

package/fe/frontend/src/components/index.js

@@ -1,10 +1,7 @@
-export { default as AsyncSelect } from './AsyncSelect';
-export * from './AsyncSelect';
-export { default as HeaderView } from './BasePage/HeaderView';
-export * from './BasePage/HeaderView';
-export { default as LanguageSwitch } from './LanguageSwitch';
-export * from './LanguageSwitch';
-export * from './Router';
-export * from './Router/type';
-export { default as ThemeSwitch } from './ThemeSwitch';
-export * from './ThemeSwitch';
+import HeaderView from "./BasePage/HeaderView.js";
+import { generateRouter } from "./Router/index.js";
+import AsyncSelect_default from "./AsyncSelect/index.js";
+import LanguageSwitch_default from "./LanguageSwitch/index.js";
+import { themeSwitchStorageKey } from "./ThemeSwitch/ThemeSwitch.js";
+import ThemeSwitch_default from "./ThemeSwitch/index.js";
+export { AsyncSelect_default as AsyncSelect, HeaderView, LanguageSwitch_default as LanguageSwitch, ThemeSwitch_default as ThemeSwitch, generateRouter, themeSwitchStorageKey };

package/fe/frontend/src/defaultPages/Iframe/index.d.ts

@@ -1,3 +1,2 @@
 declare const Iframe: () => import("react/jsx-runtime").JSX.Element;
 export default Iframe;
-//# sourceMappingURL=index.d.ts.map

package/fe/frontend/src/defaultPages/Iframe/index.js

@@ -1,8 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import useCurrentMenuData from '../../hooks/useCurrentMenuData';
-const Iframe = () => {
-    const { menu } = useCurrentMenuData(true);
-    const ifUrl = menu.moduleType === 'iframe' ? menu.iframeConfig.path : '';
-    return (_jsx("div", { className: "iframe w-full h-full", children: _jsx("iframe", { className: " w-full h-full", src: ifUrl }) }));
+import useCurrentMenuData from "../../hooks/useCurrentMenuData.js";
+import { jsx } from "react/jsx-runtime";
+//#region frontend/src/defaultPages/Iframe/index.tsx
+var Iframe = () => {
+	const { menu } = useCurrentMenuData(true);
+	return /* @__PURE__ */ jsx("div", {
+		className: "iframe w-full h-full",
+		children: /* @__PURE__ */ jsx("iframe", {
+			className: " w-full h-full",
+			src: menu.moduleType === "iframe" ? menu.iframeConfig.path : ""
+		})
+	});
 };
-export default Iframe;
+//#endregion
+export { Iframe as default };

package/fe/frontend/src/defaultPages/NotFoundPage/index.d.ts

@@ -1,3 +1,2 @@
 declare const NotFoundPage: () => import("react/jsx-runtime").JSX.Element;
 export default NotFoundPage;
-//# sourceMappingURL=index.d.ts.map

package/fe/frontend/src/defaultPages/NotFoundPage/index.js

@@ -1,7 +1,28 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getText } from '../../common/language';
-import { frontendLangKeys } from '../../language';
-const NotFoundPage = () => {
-    return (_jsx("div", { className: "flex h-full min-h-[240px] w-full items-center justify-center bg-theme-bg px-6 text-foreground", children: _jsxs("div", { className: "flex max-w-sm flex-col items-center text-center", children: [_jsx("div", { className: "mb-4 rounded-md border border-border bg-background/70 px-3 py-1 text-xs font-medium text-muted-foreground", children: "404" }), _jsx("h1", { className: "text-lg font-semibold tracking-normal", children: getText(frontendLangKeys.notFoundTitle) }), _jsx("p", { className: "mt-2 text-sm leading-6 text-muted-foreground", children: getText(frontendLangKeys.notFoundDescription) })] }) }));
+import { frontendLangKeys } from "../../language/index.js";
+import { getText } from "../../common/language.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region frontend/src/defaultPages/NotFoundPage/index.tsx
+var NotFoundPage = () => {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex h-full min-h-[240px] w-full items-center justify-center bg-theme-bg px-6 text-foreground",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex max-w-sm flex-col items-center text-center",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "mb-4 rounded-md border border-border bg-background/70 px-3 py-1 text-xs font-medium text-muted-foreground",
+					children: "404"
+				}),
+				/* @__PURE__ */ jsx("h1", {
+					className: "text-lg font-semibold tracking-normal",
+					children: getText(frontendLangKeys.notFoundTitle)
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "mt-2 text-sm leading-6 text-muted-foreground",
+					children: getText(frontendLangKeys.notFoundDescription)
+				})
+			]
+		})
+	});
 };
-export default NotFoundPage;
+//#endregion
+export { NotFoundPage as default };

package/fe/frontend/src/defaultPages/SchemaPage/components/CallCom/DetailPanel.d.ts

@@ -1,7 +1,6 @@
-import type { CallComNames, SchemaDefaultValue } from '../../schemaType';
+import type { CallComNames, SchemaDefaultValue } from "../../schemaType";
 declare const DetailPanel: import("react").MemoExoticComponent<(props: {
     data: SchemaDefaultValue;
     comName: CallComNames;
 }) => import("react/jsx-runtime").JSX.Element>;
 export default DetailPanel;
-//# sourceMappingURL=DetailPanel.d.ts.map