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

package/fe/frontend/src/common/request.js

@@ -1,219 +1,183 @@
-import { frontendLangKeys } from '../language';
-import { apiFreezerStore, FreezeState } from '../stores/apiFreezer';
-import { FetchAxios } from '../../../packages/common/http';
-import md5 from 'md5';
-import { API_AUTH_HEADER_KEY, AUTH_HEADER_KEY, clearAuthToken, getApiAuth, getAuthToken } from './auth';
-import { getText } from './language';
-const BASE_URL = '/api';
-const NumberConcurrentCalls = 4;
-const isRequestWhitelisted = (api, params) => {
-    const { requestWhitelist } = apiFreezerStore.getState();
-    return requestWhitelist.some((matcher) => {
-        if (typeof matcher === 'string')
-            return matcher === api;
-        if (matcher instanceof RegExp)
-            return matcher.test(api);
-        return matcher(api, params);
-    });
+import { API_AUTH_HEADER_KEY, AUTH_HEADER_KEY, clearAuthToken, getApiAuth, getAuthToken } from "./auth/index.js";
+import { frontendLangKeys } from "../language/index.js";
+import { getText } from "./language.js";
+import { FreezeState, apiFreezerStore } from "../stores/apiFreezer.js";
+import FetchAxios from "../../../packages/common/http/index.js";
+import md5 from "md5";
+//#region frontend/src/common/request.ts
+var BASE_URL = "/api";
+var NumberConcurrentCalls = 4;
+var isRequestWhitelisted = (api, params) => {
+	const { requestWhitelist } = apiFreezerStore.getState();
+	return requestWhitelist.some((matcher) => {
+		if (typeof matcher === "string") return matcher === api;
+		if (matcher instanceof RegExp) return matcher.test(api);
+		return matcher(api, params);
+	});
 };
 /**
- * 处理解冻
- * 冻结流程  4～9
- */
+* 处理解冻
+* 冻结流程  4～9
+*/
 apiFreezerStore.subscribe((newState) => {
-    if (newState.state === FreezeState.Thawing) {
-        console.time('Thawing');
-        const { freezeQueue } = newState;
-        const queues = [...freezeQueue.values()];
-        // 清空冻结队列
-        freezeQueue.clear();
-        (async () => {
-            /**
-             *  生成 并发队列
-             *  每个队列从头取一个任务
-             *  当所有任务执行完后 这个 Promise.all 才会结束
-             */
-            await Promise.all(Array.from({ length: Math.min(NumberConcurrentCalls, queues.length) }, async () => {
-                while (queues.length) {
-                    const task = queues.shift();
-                    // 异常数据跳过
-                    if (!task)
-                        continue;
-                    const { originFn, callBackFns } = task;
-                    try {
-                        const res = await originFn();
-                        callBackFns.forEach(({ resolve }) => {
-                            resolve(res);
-                        });
-                    }
-                    catch (error) {
-                        callBackFns.forEach(({ reject }) => {
-                            reject(error);
-                        });
-                    }
-                }
-            }));
-            // 标记完成
-            apiFreezerStore.setState({ state: FreezeState.Hibernation });
-            console.timeEnd('Thawing');
-        })();
-    }
+	if (newState.state === FreezeState.Thawing) {
+		console.time("Thawing");
+		const { freezeQueue } = newState;
+		const queues = [...freezeQueue.values()];
+		freezeQueue.clear();
+		(async () => {
+			/**
+			*  生成 并发队列
+			*  每个队列从头取一个任务
+			*  当所有任务执行完后 这个 Promise.all 才会结束
+			*/
+			await Promise.all(Array.from({ length: Math.min(NumberConcurrentCalls, queues.length) }, async () => {
+				while (queues.length) {
+					const task = queues.shift();
+					if (!task) continue;
+					const { originFn, callBackFns } = task;
+					try {
+						const res = await originFn();
+						callBackFns.forEach(({ resolve }) => {
+							resolve(res);
+						});
+					} catch (error) {
+						callBackFns.forEach(({ reject }) => {
+							reject(error);
+						});
+					}
+				}
+			}));
+			apiFreezerStore.setState({ state: FreezeState.Hibernation });
+			console.timeEnd("Thawing");
+		})();
+	}
 });
 /**
- * 冻结流程 1～3
- */
+* 冻结流程 1～3
+*/
 function hijackingFn(fn) {
-    return function (...params) {
-        const { state, freezeQueue } = apiFreezerStore.getState();
-        const [api] = params;
-        // 不等于冻结状态 | 在接口白名单内
-        // 直接放行
-        if (state !== FreezeState.Freeze || isRequestWhitelisted(api, params)) {
-            return fn(...params);
-        }
-        // 请求拦截
-        else {
-            const key = md5(JSON.stringify(params));
-            if (!freezeQueue.has(key)) {
-                freezeQueue.set(key, {
-                    originFn: () => fn(...params),
-                    // result: null,
-                    callBackFns: [],
-                });
-            }
-            const { callBackFns } = freezeQueue.get(key);
-            return new Promise((resolve, reject) => {
-                callBackFns.push({ reject, resolve });
-            });
-        }
-    };
+	return function(...params) {
+		const { state, freezeQueue } = apiFreezerStore.getState();
+		const [api] = params;
+		if (state !== FreezeState.Freeze || isRequestWhitelisted(api, params)) return fn(...params);
+		else {
+			const key = md5(JSON.stringify(params));
+			if (!freezeQueue.has(key)) freezeQueue.set(key, {
+				originFn: () => fn(...params),
+				callBackFns: []
+			});
+			const { callBackFns } = freezeQueue.get(key);
+			return new Promise((resolve, reject) => {
+				callBackFns.push({
+					reject,
+					resolve
+				});
+			});
+		}
+	};
 }
-const api = new FetchAxios({
-    baseURL: BASE_URL,
-    timeout: 15000,
-    credentials: 'include',
-    validateStatus: (status) => status >= 200 && status < 300,
+var api = new FetchAxios({
+	baseURL: BASE_URL,
+	timeout: 15e3,
+	credentials: "include",
+	validateStatus: (status) => status >= 200 && status < 300
 });
-const removeBaseurlFromURL = (config) => {
-    const { baseURL, url } = config;
-    if (!baseURL || !url)
-        return;
-    const origin = typeof window === 'undefined' ? 'http://localhost' : window.location.origin;
-    const baseURLObject = new URL(baseURL, origin);
-    const basePath = baseURLObject.pathname.replace(/\/+$/, '');
-    const requestURL = new URL(url, baseURLObject.origin);
-    if (requestURL.origin !== baseURLObject.origin || !basePath)
-        return;
-    const normalizedPathname = requestURL.pathname.replace(/\/+$/, '');
-    if (normalizedPathname !== basePath && !requestURL.pathname.startsWith(`${basePath}/`))
-        return;
-    const pathname = requestURL.pathname.slice(basePath.length) || '/';
-    config.url = `${pathname}${requestURL.search}${requestURL.hash}`;
+var removeBaseurlFromURL = (config) => {
+	const { baseURL, url } = config;
+	if (!baseURL || !url) return;
+	const origin = typeof window === "undefined" ? "http://localhost" : window.location.origin;
+	const baseURLObject = new URL(baseURL, origin);
+	const basePath = baseURLObject.pathname.replace(/\/+$/, "");
+	const requestURL = new URL(url, baseURLObject.origin);
+	if (requestURL.origin !== baseURLObject.origin || !basePath) return;
+	if (requestURL.pathname.replace(/\/+$/, "") !== basePath && !requestURL.pathname.startsWith(`${basePath}/`)) return;
+	config.url = `${requestURL.pathname.slice(basePath.length) || "/"}${requestURL.search}${requestURL.hash}`;
 };
-// ---- Request Interceptors ----
 api.interceptors.request.use(async (config) => {
-    removeBaseurlFromURL(config);
-    const token = await getAuthToken();
-    const aauto = getApiAuth();
-    const time = new Date().getTime();
-    config.headers = {
-        ...config.headers,
-        s_t: time + '',
-        s_sign: md5(`${window['_signKey']}_${time}`),
-        [API_AUTH_HEADER_KEY]: aauto,
-    };
-    if (token) {
-        config.headers = {
-            ...config.headers,
-            [AUTH_HEADER_KEY]: `Bearer ${token}`,
-        };
-    }
-    return config;
+	removeBaseurlFromURL(config);
+	const token = getAuthToken();
+	const aauto = getApiAuth();
+	const time = (/* @__PURE__ */ new Date()).getTime();
+	config.headers = {
+		...config.headers,
+		s_t: time + "",
+		s_sign: md5(`${window["_signKey"]}_${time}`),
+		[API_AUTH_HEADER_KEY]: aauto
+	};
+	if (token) config.headers = {
+		...config.headers,
+		[AUTH_HEADER_KEY]: `Bearer ${token}`
+	};
+	return config;
 });
 api.interceptors.request.use((config) => {
-    console.debug(`[API] ${config.method?.toUpperCase()} ${config.url}`);
-    return config;
+	console.debug(`[API] ${config.method?.toUpperCase()} ${config.url}`);
+	return config;
 });
-// ---- Response Interceptors ----
 api.interceptors.response.use((res) => res, async (err) => {
-    const axiosErr = err;
-    if (axiosErr.response?.status === 401) {
-        await clearAuthToken();
-        if (typeof window !== 'undefined') {
-            window.location.href = '/login';
-        }
-    }
-    const message = extractErrorMessage(err);
-    console.error(`[API Error] ${message}`, {
-        url: err.config.url,
-        status: err.response?.status,
-    });
-    return Promise.reject(err);
+	if (err.response?.status === 401) {
+		await clearAuthToken();
+		if (typeof window !== "undefined") window.location.href = "/login";
+	}
+	const message = extractErrorMessage(err);
+	console.error(`[API Error] ${message}`, {
+		url: err.config?.url,
+		status: err.response?.status
+	});
+	return Promise.reject(err);
 });
-// ---- Helpers ----
 function extractErrorMessage(err) {
-    if (!(err instanceof Error))
-        return getText(frontendLangKeys.unknownError);
-    const axiosErr = err;
-    if (axiosErr.response?.data && typeof axiosErr.response.data === 'object' && axiosErr.response.data !== null) {
-        const data = axiosErr.response.data;
-        if (typeof data.message === 'string')
-            return data.message;
-        if (typeof data.msg === 'string')
-            return data.msg;
-        if (Array.isArray(data.errors) && data.errors.length > 0) {
-            return String(data.errors[0]);
-        }
-    }
-    if (axiosErr.message)
-        return axiosErr.message;
-    if (axiosErr.code === 'ECONNABORTED')
-        return getText(frontendLangKeys.requestTimedOut);
-    return getText(frontendLangKeys.networkError);
+	if (!(err instanceof Error)) return getText(frontendLangKeys.unknownError);
+	const axiosErr = err;
+	if (axiosErr.response?.data && typeof axiosErr.response.data === "object" && axiosErr.response.data !== null) {
+		const data = axiosErr.response.data;
+		if (typeof data.message === "string") return data.message;
+		if (typeof data.msg === "string") return data.msg;
+		if (Array.isArray(data.errors) && data.errors.length > 0) return String(data.errors[0]);
+	}
+	if (axiosErr.message) return axiosErr.message;
+	if (axiosErr.code === "ECONNABORTED") return getText(frontendLangKeys.requestTimedOut);
+	return getText(frontendLangKeys.networkError);
 }
 /**
- * GET/DELETE 不发送 body；统一把 data 转到 params。
- *  */
-export const get = hijackingFn((url, data, config) => {
-    const hasDataParams = data !== undefined && data !== null && typeof data === 'object';
-    const getConfig = hasDataParams
-        ? {
-            ...config,
-            params: {
-                ...config?.params,
-                ...data,
-            },
-        }
-        : config;
-    return api.get(url, getConfig);
+* GET/DELETE 不发送 body；统一把 data 转到 params。
+*  */
+var get = hijackingFn((url, data, config) => {
+	const getConfig = data !== void 0 && data !== null && typeof data === "object" ? {
+		...config,
+		params: {
+			...config?.params,
+			...data
+		}
+	} : config;
+	return api.get(url, getConfig);
 });
-export const post = hijackingFn((url, data, config) => {
-    return api.post(url, data, config);
+var post = hijackingFn((url, data, config) => {
+	return api.post(url, data, config);
 });
-export const put = hijackingFn((url, data, config) => {
-    return api.put(url, data, config);
+var put = hijackingFn((url, data, config) => {
+	return api.put(url, data, config);
 });
-export const patch = hijackingFn((url, data, config) => {
-    return api.patch(url, data, config);
+var patch = hijackingFn((url, data, config) => {
+	return api.patch(url, data, config);
 });
-export const del = hijackingFn((url, data, config) => {
-    const hasDataParams = data !== undefined && data !== null && typeof data === 'object';
-    const delConfig = hasDataParams
-        ? {
-            ...config,
-            params: {
-                ...config?.params,
-                ...data,
-            },
-        }
-        : config;
-    return api.delete(url, delConfig);
+var del = hijackingFn((url, data, config) => {
+	const delConfig = data !== void 0 && data !== null && typeof data === "object" ? {
+		...config,
+		params: {
+			...config?.params,
+			...data
+		}
+	} : config;
+	return api.delete(url, delConfig);
 });
-export { api, FetchAxios };
-export const request = {
-    get,
-    put,
-    post,
-    del,
-    patch,
+var request = {
+	get,
+	put,
+	post,
+	del,
+	patch
 };
+//#endregion
+export { FetchAxios, api, del, get, patch, post, put, request };

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

@@ -1,8 +1,7 @@
-import type { MergeType, MOmit } from '../../../../typings/type';
-import { FetchInfo } from '../../../../model/types/data/fetchInfo';
-import { SelectProps } from '../../../../packages/ui/react';
+import type { MergeType, MOmit } from "../../../../typings/type";
+import { FetchInfo } from "../../../../model/types/data/fetchInfo";
+import { SelectProps } from "../../../../packages/react/ui/index";
 export interface AsyncSelectProps extends MergeType<[MOmit<FetchInfo, 'fetchKey'>, MOmit<SelectProps, 'options'>]> {
 }
 declare const AsyncSelect: (props: AsyncSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default AsyncSelect;
-//# sourceMappingURL=AsyncSelect.d.ts.map

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

@@ -1,32 +1,36 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { handlingRequestErrors } from '../../common/fetchErrorShow';
-import { request } from '../../common/request';
-import { Select } from '../../../../packages/ui/react';
-import useExecuteOnce from '../../../../packages/ui/react/hooks/useExecuteOnce';
-import { useState } from 'react';
-const AsyncSelect = (props) => {
-    const { fetchConfig, ...params } = props;
-    const [options, setOptions] = useState([]);
-    const [loading, setLoading] = useState(false);
-    useExecuteOnce(async () => {
-        if (fetchConfig) {
-            setLoading(true);
-            const { method = 'get', url } = fetchConfig;
-            try {
-                const res = await handlingRequestErrors(request[method](url));
-                if (res.data.code === 0) {
-                    setOptions(res.data.data.map((i) => {
-                        i.searchText = i.label;
-                        return i;
-                    }));
-                }
-            }
-            finally {
-                setLoading(false);
-            }
-        }
-    }, { executionPhase: 'mount' });
-    // @ts-ignore
-    return _jsx(Select, { loading: loading, options: options, ...params });
+import { Select } from "../../../../packages/react/ui/components/Select/Select.js";
+import "../../../../packages/react/ui/index.js";
+import { request } from "../../common/request.js";
+import { handlingRequestErrors } from "../../common/fetchErrorShow.js";
+import useExecuteOnce from "../../../../packages/react/hooks/useExecuteOnce.js";
+import { useState, useTransition } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region frontend/src/components/AsyncSelect/AsyncSelect.tsx
+var AsyncSelect = (props) => {
+	const { fetchConfig, ...params } = props;
+	const [options, setOptions] = useState([]);
+	const [loading, setLoading] = useState(false);
+	const [lzayLoading, startTranstion] = useTransition();
+	useExecuteOnce(async () => {
+		if (fetchConfig) startTranstion(async () => {
+			setLoading(true);
+			const { method = "get", url } = fetchConfig;
+			try {
+				const res = await handlingRequestErrors(request[method](url));
+				if (res.data.code === 0) setOptions(res.data.data.map((i) => {
+					i.searchText = i.label;
+					return i;
+				}));
+			} finally {
+				setLoading(false);
+			}
+		});
+	}, { executionPhase: "mount" });
+	return /* @__PURE__ */ jsx(Select, {
+		loading: lzayLoading || loading,
+		options,
+		...params
+	});
 };
-export default AsyncSelect;
+//#endregion
+export { AsyncSelect as default };

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

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

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

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

package/fe/frontend/src/components/BasePage/HeaderView.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactNode } from 'react';
+import { PropsWithChildren, ReactNode } from "react";
 export interface HeaderViewProps extends PropsWithChildren {
     icon?: ReactNode;
     menu?: ReactNode;
@@ -7,4 +7,3 @@ export interface HeaderViewProps extends PropsWithChildren {
 }
 declare const HeaderView: (props?: HeaderViewProps) => import("react/jsx-runtime").JSX.Element;
 export default HeaderView;
-//# sourceMappingURL=HeaderView.d.ts.map

package/fe/frontend/src/components/BasePage/HeaderView.js

@@ -1,19 +1,55 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getText } from '../../common/language';
-import { frontendLangKeys } from '../../language';
-import { cn } from '../../../../packages/ui/react/index';
-import { Boxes } from 'lucide-react';
-const defaultProps = {};
-const headerThemeStyle = {
-    "--header-fg": "hsl(var(--theme-text))",
-    "--header-bg": "hsl(var(--theme-bg))",
-    "--header-shadow": "hsl(var(--foreground) / 0.08)",
+import { frontendLangKeys } from "../../language/index.js";
+import { getText } from "../../common/language.js";
+import { cn } from "../../../../packages/react/ui/lib/utils.js";
+import "../../../../packages/react/ui/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Boxes } from "lucide-react";
+//#region frontend/src/components/BasePage/HeaderView.tsx
+var defaultProps = {};
+var headerThemeStyle = {
+	"--header-fg": "hsl(var(--theme-text))",
+	"--header-bg": "hsl(var(--theme-bg))",
+	"--header-shadow": "hsl(var(--foreground) / 0.08)"
 };
-const imageLogoPattern = /^(https?:\/\/|data:image\/|\/|\.\/|\.\.\/|.*\.(svg|png|jpe?g|webp|gif)$)/i;
-const HeaderView = (props) => {
-    const { icon, title, menu, userArea, children } = props ?? defaultProps;
-    const defaultTitle = getText(frontendLangKeys.appTitle);
-    const brandLogo = icon ? (typeof icon === "string" ? (imageLogoPattern.test(icon) ? (_jsx("img", { className: "h-full max-w-[112px] object-contain", src: icon, alt: "" })) : (_jsx("span", { className: "max-w-[112px] truncate text-[13px] font-semibold leading-none", children: icon }))) : (icon)) : (_jsx(Boxes, { className: "h-4 w-4" }));
-    return (_jsxs("div", { className: "header-view", style: headerThemeStyle, children: [_jsxs("header", { className: cn("header flex h-14 shrink-0 items-center border-b border-border/70 bg-background/95 text-(--header-fg)", "shadow-[0_1px_0_var(--header-shadow)]"), children: [_jsxs("div", { className: "brand flex w-64 min-w-0 items-center gap-3 px-5 text-foreground", children: [_jsx("span", { className: "brand-logo flex h-8 min-w-12 max-w-32 shrink-0 items-center justify-center overflow-hidden rounded-md bg-foreground/7 px-2.5 text-foreground shadow-[inset_0_0_0_1px_hsl(var(--border)/0.9)]", children: brandLogo }), _jsx("span", { className: "brand-title min-w-0 truncate text-sm font-semibold leading-5 tracking-normal", children: title ?? defaultTitle })] }), _jsx("div", { className: "top-menu flex min-w-0 flex-1 items-center px-3 text-(--header-fg)", children: menu }), _jsx("div", { className: "user-area flex min-w-0 items-center justify-end px-5 text-(--header-fg)", children: userArea })] }), children] }));
+var imageLogoPattern = /^(https?:\/\/|data:image\/|\/|\.\/|\.\.\/|.*\.(svg|png|jpe?g|webp|gif)$)/i;
+var HeaderView = (props) => {
+	const { icon, title, menu, userArea, children } = props ?? defaultProps;
+	const defaultTitle = getText(frontendLangKeys.appTitle);
+	const brandLogo = icon ? typeof icon === "string" ? imageLogoPattern.test(icon) ? /* @__PURE__ */ jsx("img", {
+		className: "h-full max-w-[112px] object-contain",
+		src: icon,
+		alt: ""
+	}) : /* @__PURE__ */ jsx("span", {
+		className: "max-w-[112px] truncate text-[13px] font-semibold leading-none",
+		children: icon
+	}) : icon : /* @__PURE__ */ jsx(Boxes, { className: "h-4 w-4" });
+	return /* @__PURE__ */ jsxs("div", {
+		className: "header-view",
+		style: headerThemeStyle,
+		children: [/* @__PURE__ */ jsxs("header", {
+			className: cn("header flex h-14 shrink-0 items-center border-b border-border/70 bg-background/95 text-(--header-fg)", "shadow-[0_1px_0_var(--header-shadow)]"),
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "brand flex w-64 min-w-0 items-center gap-3 px-5 text-foreground",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: cn("brand-logo h-8 min-w-12 max-w-32 shrink-0 ", "flex items-center justify-center overflow-hidden ", "rounded-md bg-foreground/7", "text-foreground shadow-[inset_0_0_0_1px_hsl(var(--border)/0.9)]"),
+						children: brandLogo
+					}), /* @__PURE__ */ jsx("span", {
+						className: "brand-title min-w-0 truncate text-sm font-semibold leading-5 tracking-normal",
+						children: title ?? defaultTitle
+					})]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "top-menu flex min-w-0 flex-1 items-center px-3 text-(--header-fg)",
+					children: menu
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "user-area flex min-w-0 items-center justify-end px-5 text-(--header-fg)",
+					children: userArea
+				})
+			]
+		}), children]
+	});
 };
-export default HeaderView;
+//#endregion
+export { HeaderView as default };

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

@@ -1,14 +1,23 @@
-import { type SelectProps } from '../../../../packages/ui/react';
+import { type DropdownProps } from "../../../../packages/react/ui/index";
+import type { ReactNode } from "react";
 export type LanguageSwitchValue = 'zh-CN' | 'en-US' | (string & {});
-export type LanguageSwitchOption = Omit<NonNullable<SelectProps['options']>[number], 'value'> & {
+export type LanguageSwitchOption = {
+    label: ReactNode;
     value: LanguageSwitchValue;
+    searchText?: string;
 };
-export interface LanguageSwitchProps extends Omit<SelectProps, 'options' | 'value' | 'defaultValue' | 'onChange'> {
+export interface LanguageSwitchProps extends Omit<DropdownProps, 'children' | 'items' | 'getPopupContainer'> {
     value?: LanguageSwitchValue;
     defaultValue?: LanguageSwitchValue;
     options?: LanguageSwitchOption[];
     onChange?: (language: LanguageSwitchValue) => void;
+    disabled?: boolean;
+    loading?: boolean;
+    placeholder?: string;
+    clearable?: boolean;
+    searchable?: boolean;
+    buttonClassName?: string;
+    getPopupContainer?: DropdownProps['getPopupContainer'] | 'parent';
 }
-declare const LanguageSwitch: ({ value, defaultValue, options, onChange, className, placeholder, clearable, searchable, getPopupContainer, ...props }: LanguageSwitchProps) => import("react/jsx-runtime").JSX.Element;
+declare const LanguageSwitch: ({ value, defaultValue, options, onChange, className, buttonClassName, placeholder, disabled, loading, clearable: _clearable, searchable: _searchable, placement, getPopupContainer, ...props }: LanguageSwitchProps) => import("react/jsx-runtime").JSX.Element;
 export default LanguageSwitch;
-//# sourceMappingURL=LanguageSwitch.d.ts.map