lingee-ui 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/LICENSE +21 -0
- package/README.md +148 -0
- package/dist/button/index.css +1 -0
- package/dist/button/index.d.mts +43 -0
- package/dist/button/index.d.ts +43 -0
- package/dist/button/index.js +1 -0
- package/dist/button/index.mjs +1 -0
- package/dist/chunk-3LDO5QE6.js +1 -0
- package/dist/chunk-4DCMYPI5.js +1 -0
- package/dist/chunk-BFRX44EV.mjs +1 -0
- package/dist/chunk-DCDWEVW4.js +1 -0
- package/dist/chunk-DN2VKVCV.mjs +1 -0
- package/dist/chunk-FPGKD7AM.mjs +1 -0
- package/dist/chunk-FSH4DMUD.js +1 -0
- package/dist/chunk-L46MOPWP.js +1 -0
- package/dist/chunk-LUX7TZYO.js +1 -0
- package/dist/chunk-OBAN7QPT.mjs +1 -0
- package/dist/chunk-PN2SZLLY.js +1 -0
- package/dist/chunk-Q35KWXA2.js +1 -0
- package/dist/chunk-QPAXCNVH.mjs +1 -0
- package/dist/chunk-R6FAL3FJ.mjs +1 -0
- package/dist/chunk-Y5VSPBTD.mjs +1 -0
- package/dist/chunk-ZIBE2EZJ.mjs +1 -0
- package/dist/index.css +1 -0
- package/dist/index.d.mts +81 -0
- package/dist/index.d.ts +81 -0
- package/dist/index.js +1 -0
- package/dist/index.mjs +1 -0
- package/dist/input/index.css +1 -0
- package/dist/input/index.d.mts +28 -0
- package/dist/input/index.d.ts +28 -0
- package/dist/input/index.js +1 -0
- package/dist/input/index.mjs +1 -0
- package/dist/switch/index.css +1 -0
- package/dist/switch/index.d.mts +25 -0
- package/dist/switch/index.d.ts +25 -0
- package/dist/switch/index.js +1 -0
- package/dist/switch/index.mjs +1 -0
- package/dist/tabs/index.css +1 -0
- package/dist/tabs/index.d.mts +61 -0
- package/dist/tabs/index.d.ts +61 -0
- package/dist/tabs/index.js +1 -0
- package/dist/tabs/index.mjs +1 -0
- package/dist/textarea/index.css +1 -0
- package/dist/textarea/index.d.mts +20 -0
- package/dist/textarea/index.d.ts +20 -0
- package/dist/textarea/index.js +1 -0
- package/dist/textarea/index.mjs +1 -0
- package/dist/toast/index.css +1 -0
- package/dist/toast/index.d.mts +45 -0
- package/dist/toast/index.d.ts +45 -0
- package/dist/toast/index.js +1 -0
- package/dist/toast/index.mjs +1 -0
- package/dist/tokens.css +1 -0
- package/dist/tokens.d.mts +2 -0
- package/dist/tokens.d.ts +2 -0
- package/dist/tokens.js +1 -0
- package/dist/tokens.mjs +0 -0
- package/dist/tooltip/index.css +1 -0
- package/dist/tooltip/index.d.mts +53 -0
- package/dist/tooltip/index.d.ts +53 -0
- package/dist/tooltip/index.js +1 -0
- package/dist/tooltip/index.mjs +1 -0
- package/package.json +113 -0
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
export { Button, ButtonProps, ButtonVariant } from './button/index.mjs';
|
|
2
|
+
export { TabItem, Tabs, TabsProps, TabsSize, TabsVariant } from './tabs/index.mjs';
|
|
3
|
+
export { Tooltip, TooltipPlacement, TooltipProps } from './tooltip/index.mjs';
|
|
4
|
+
export { Switch, SwitchProps, SwitchSize } from './switch/index.mjs';
|
|
5
|
+
export { Input, InputProps, InputShape, InputSize } from './input/index.mjs';
|
|
6
|
+
export { Textarea, TextareaProps } from './textarea/index.mjs';
|
|
7
|
+
export { ToastConfig, ToastGlobalConfig, ToastType, toast } from './toast/index.mjs';
|
|
8
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
9
|
+
import { ReactNode } from 'react';
|
|
10
|
+
import { ClassValue } from 'clsx';
|
|
11
|
+
import 'class-variance-authority/types';
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* 中文语言包(默认语言)
|
|
15
|
+
* 按组件名为 key 组织翻译文案
|
|
16
|
+
*/
|
|
17
|
+
declare const zhCN: {
|
|
18
|
+
locale: string;
|
|
19
|
+
Button: {};
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
/** 语言包类型,由 zh-CN 推导结构 */
|
|
23
|
+
type Locale = typeof zhCN;
|
|
24
|
+
interface LingeeProviderProps {
|
|
25
|
+
/** 语言包,默认中文 */
|
|
26
|
+
locale?: Locale;
|
|
27
|
+
children: ReactNode;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* 英文语言包
|
|
32
|
+
* 结构与 zh-CN 一一对应
|
|
33
|
+
*/
|
|
34
|
+
declare const enUS: {
|
|
35
|
+
locale: string;
|
|
36
|
+
Button: {};
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* 组件库根 Provider
|
|
41
|
+
*
|
|
42
|
+
* 在应用顶层包裹一次,即可启用:
|
|
43
|
+
* - 多语言(通过 locale prop 切换)
|
|
44
|
+
* - 全局 Toast(toast.success/error/... 命令式调用)
|
|
45
|
+
*
|
|
46
|
+
* ```tsx
|
|
47
|
+
* import { LingeeProvider } from "lingee-ui";
|
|
48
|
+
*
|
|
49
|
+
* <LingeeProvider>
|
|
50
|
+
* <App />
|
|
51
|
+
* </LingeeProvider>
|
|
52
|
+
* ```
|
|
53
|
+
*/
|
|
54
|
+
declare function LingeeProvider({ locale, children }: LingeeProviderProps): react_jsx_runtime.JSX.Element;
|
|
55
|
+
declare namespace LingeeProvider {
|
|
56
|
+
var displayName: string;
|
|
57
|
+
}
|
|
58
|
+
/**
|
|
59
|
+
* 获取当前完整语言包
|
|
60
|
+
*/
|
|
61
|
+
declare function useLocale(): Locale;
|
|
62
|
+
/**
|
|
63
|
+
* 获取指定组件的语言包片段
|
|
64
|
+
*/
|
|
65
|
+
declare function useComponentLocale<K extends keyof Omit<Locale, "locale">>(componentName: K): Locale[K];
|
|
66
|
+
|
|
67
|
+
/**
|
|
68
|
+
* 合并 CSS 类名,支持条件拼接
|
|
69
|
+
* @param inputs - 任意数量的 ClassValue 参数
|
|
70
|
+
* @returns 合并后的类名字符串
|
|
71
|
+
*/
|
|
72
|
+
declare function cn(...inputs: ClassValue[]): string;
|
|
73
|
+
|
|
74
|
+
/** 组件尺寸类型 */
|
|
75
|
+
type LgSize = "xs" | "sm" | "md" | "lg";
|
|
76
|
+
/** 组件变体类型 */
|
|
77
|
+
type LgVariant = "primary" | "secondary" | "ghost" | "outline" | "text" | "link";
|
|
78
|
+
/** 组件形状类型 */
|
|
79
|
+
type LgShape = "default" | "circle" | "round";
|
|
80
|
+
|
|
81
|
+
export { type LgShape, type LgSize, type LgVariant, LingeeProvider, type LingeeProviderProps, type Locale, cn, enUS, useComponentLocale, useLocale, zhCN };
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
export { Button, ButtonProps, ButtonVariant } from './button/index.js';
|
|
2
|
+
export { TabItem, Tabs, TabsProps, TabsSize, TabsVariant } from './tabs/index.js';
|
|
3
|
+
export { Tooltip, TooltipPlacement, TooltipProps } from './tooltip/index.js';
|
|
4
|
+
export { Switch, SwitchProps, SwitchSize } from './switch/index.js';
|
|
5
|
+
export { Input, InputProps, InputShape, InputSize } from './input/index.js';
|
|
6
|
+
export { Textarea, TextareaProps } from './textarea/index.js';
|
|
7
|
+
export { ToastConfig, ToastGlobalConfig, ToastType, toast } from './toast/index.js';
|
|
8
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
9
|
+
import { ReactNode } from 'react';
|
|
10
|
+
import { ClassValue } from 'clsx';
|
|
11
|
+
import 'class-variance-authority/types';
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* 中文语言包(默认语言)
|
|
15
|
+
* 按组件名为 key 组织翻译文案
|
|
16
|
+
*/
|
|
17
|
+
declare const zhCN: {
|
|
18
|
+
locale: string;
|
|
19
|
+
Button: {};
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
/** 语言包类型,由 zh-CN 推导结构 */
|
|
23
|
+
type Locale = typeof zhCN;
|
|
24
|
+
interface LingeeProviderProps {
|
|
25
|
+
/** 语言包,默认中文 */
|
|
26
|
+
locale?: Locale;
|
|
27
|
+
children: ReactNode;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* 英文语言包
|
|
32
|
+
* 结构与 zh-CN 一一对应
|
|
33
|
+
*/
|
|
34
|
+
declare const enUS: {
|
|
35
|
+
locale: string;
|
|
36
|
+
Button: {};
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* 组件库根 Provider
|
|
41
|
+
*
|
|
42
|
+
* 在应用顶层包裹一次,即可启用:
|
|
43
|
+
* - 多语言(通过 locale prop 切换)
|
|
44
|
+
* - 全局 Toast(toast.success/error/... 命令式调用)
|
|
45
|
+
*
|
|
46
|
+
* ```tsx
|
|
47
|
+
* import { LingeeProvider } from "lingee-ui";
|
|
48
|
+
*
|
|
49
|
+
* <LingeeProvider>
|
|
50
|
+
* <App />
|
|
51
|
+
* </LingeeProvider>
|
|
52
|
+
* ```
|
|
53
|
+
*/
|
|
54
|
+
declare function LingeeProvider({ locale, children }: LingeeProviderProps): react_jsx_runtime.JSX.Element;
|
|
55
|
+
declare namespace LingeeProvider {
|
|
56
|
+
var displayName: string;
|
|
57
|
+
}
|
|
58
|
+
/**
|
|
59
|
+
* 获取当前完整语言包
|
|
60
|
+
*/
|
|
61
|
+
declare function useLocale(): Locale;
|
|
62
|
+
/**
|
|
63
|
+
* 获取指定组件的语言包片段
|
|
64
|
+
*/
|
|
65
|
+
declare function useComponentLocale<K extends keyof Omit<Locale, "locale">>(componentName: K): Locale[K];
|
|
66
|
+
|
|
67
|
+
/**
|
|
68
|
+
* 合并 CSS 类名,支持条件拼接
|
|
69
|
+
* @param inputs - 任意数量的 ClassValue 参数
|
|
70
|
+
* @returns 合并后的类名字符串
|
|
71
|
+
*/
|
|
72
|
+
declare function cn(...inputs: ClassValue[]): string;
|
|
73
|
+
|
|
74
|
+
/** 组件尺寸类型 */
|
|
75
|
+
type LgSize = "xs" | "sm" | "md" | "lg";
|
|
76
|
+
/** 组件变体类型 */
|
|
77
|
+
type LgVariant = "primary" | "secondary" | "ghost" | "outline" | "text" | "link";
|
|
78
|
+
/** 组件形状类型 */
|
|
79
|
+
type LgShape = "default" | "circle" | "round";
|
|
80
|
+
|
|
81
|
+
export { type LgShape, type LgSize, type LgVariant, LingeeProvider, type LingeeProviderProps, type Locale, cn, enUS, useComponentLocale, useLocale, zhCN };
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var chunkL46MOPWP_js=require('./chunk-L46MOPWP.js'),chunk3LDO5QE6_js=require('./chunk-3LDO5QE6.js'),chunkPN2SZLLY_js=require('./chunk-PN2SZLLY.js'),chunkQ35KWXA2_js=require('./chunk-Q35KWXA2.js'),chunkFSH4DMUD_js=require('./chunk-FSH4DMUD.js'),chunkLUX7TZYO_js=require('./chunk-LUX7TZYO.js'),chunk4DCMYPI5_js=require('./chunk-4DCMYPI5.js'),chunkDCDWEVW4_js=require('./chunk-DCDWEVW4.js'),react=require('react'),jsxRuntime=require('react/jsx-runtime');var u={locale:"zh-CN",Button:{}},g=u;var v={locale:"en-US",Button:{}},e=v;var o=react.createContext(g);function i({locale:l=g,children:r}){return jsxRuntime.jsxs(o.Provider,{value:l,children:[r,jsxRuntime.jsx(chunkQ35KWXA2_js.a,{})]})}i.displayName="LingeeProvider";function b(){return react.useContext(o)}function w(l){return b()[l]}Object.defineProperty(exports,"Textarea",{enumerable:true,get:function(){return chunkL46MOPWP_js.a}});Object.defineProperty(exports,"Button",{enumerable:true,get:function(){return chunk3LDO5QE6_js.b}});Object.defineProperty(exports,"Tabs",{enumerable:true,get:function(){return chunkPN2SZLLY_js.b}});Object.defineProperty(exports,"toast",{enumerable:true,get:function(){return chunkQ35KWXA2_js.b}});Object.defineProperty(exports,"Tooltip",{enumerable:true,get:function(){return chunkFSH4DMUD_js.a}});Object.defineProperty(exports,"Switch",{enumerable:true,get:function(){return chunkLUX7TZYO_js.a}});Object.defineProperty(exports,"Input",{enumerable:true,get:function(){return chunk4DCMYPI5_js.a}});Object.defineProperty(exports,"cn",{enumerable:true,get:function(){return chunkDCDWEVW4_js.a}});exports.LingeeProvider=i;exports.enUS=e;exports.useComponentLocale=w;exports.useLocale=b;exports.zhCN=g;
|
package/dist/index.mjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{a as Textarea}from'./chunk-ZIBE2EZJ.mjs';export{b as Button}from'./chunk-BFRX44EV.mjs';export{b as Tabs}from'./chunk-OBAN7QPT.mjs';import {a}from'./chunk-Y5VSPBTD.mjs';export{b as toast}from'./chunk-Y5VSPBTD.mjs';export{a as Tooltip}from'./chunk-R6FAL3FJ.mjs';export{a as Switch}from'./chunk-QPAXCNVH.mjs';export{a as Input}from'./chunk-FPGKD7AM.mjs';export{a as cn}from'./chunk-DN2VKVCV.mjs';import {createContext,useContext}from'react';import {jsxs,jsx}from'react/jsx-runtime';var u={locale:"zh-CN",Button:{}},g=u;var v={locale:"en-US",Button:{}},e=v;var o=createContext(g);function i({locale:l=g,children:r}){return jsxs(o.Provider,{value:l,children:[r,jsx(a,{})]})}i.displayName="LingeeProvider";function b(){return useContext(o)}function w(l){return b()[l]}export{i as LingeeProvider,e as enUS,w as useComponentLocale,b as useLocale,g as zhCN};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--lg-primary-50: #F3F5FF;--lg-primary-100: #E9EDFF;--lg-primary-200: #D4DBFF;--lg-primary-300: #B7C1FF;--lg-primary-400: #95A2FF;--lg-primary-500: #6D80FF;--lg-primary-600: #495DFF;--lg-primary-700: #3B47F2;--lg-primary-800: #2F37C7;--lg-primary-900: #272F9C;--lg-primary-950: #1B2169;--lg-primary-500-0: rgba(109, 128, 255, 0);--lg-primary-500-3: rgba(109, 128, 255, .03);--lg-primary-500-6: rgba(109, 128, 255, .06);--lg-primary-500-8: rgba(109, 128, 255, .08);--lg-primary-500-12: rgba(109, 128, 255, .12);--lg-primary-500-28: rgba(109, 128, 255, .28);--lg-primary-500-46: rgba(109, 128, 255, .46);--lg-primary-500-64: rgba(109, 128, 255, .64);--lg-primary-500-82: rgba(109, 128, 255, .82);--lg-primary-500-94: rgba(109, 128, 255, .94);--lg-primary-500-100: #6d80ff;--lg-red-10: #FFF5F5;--lg-red-50: #FFF0F1;--lg-red-100: #FFE0E3;--lg-red-200: #FFC7CC;--lg-red-300: #FF9EA6;--lg-red-400: #FF5765;--lg-red-500: #FF293B;--lg-red-600: #F12234;--lg-red-700: #DA0B20;--lg-red-800: #B30F25;--lg-red-900: #991519;--lg-red-950: #580405;--lg-red-500-0: rgba(251, 41, 59, 0);--lg-red-500-3: rgba(251, 41, 59, .03);--lg-red-500-6: rgba(251, 41, 59, .06);--lg-red-500-8: rgba(251, 41, 59, .08);--lg-red-500-12: rgba(251, 41, 59, .12);--lg-red-500-28: rgba(251, 41, 59, .28);--lg-red-500-46: rgba(251, 41, 59, .46);--lg-red-500-64: rgba(251, 41, 59, .64);--lg-red-500-82: rgba(251, 41, 59, .82);--lg-red-500-94: rgba(251, 41, 59, .94);--lg-red-500-100: #fb293b;--lg-orange-10: #FFF7F0;--lg-orange-50: #FFF4ED;--lg-orange-100: #FFE5D4;--lg-orange-200: #FFC7A8;--lg-orange-300: #FFA070;--lg-orange-400: #FF6D37;--lg-orange-500: #FF5522;--lg-orange-600: #F05513;--lg-orange-700: #BB4C02;--lg-orange-800: #983A08;--lg-orange-900: #7C300B;--lg-orange-950: #521A00;--lg-orange-500-0: rgba(255, 119, 0, 0);--lg-orange-500-3: rgba(255, 119, 0, .03);--lg-orange-500-6: rgba(255, 119, 0, .06);--lg-orange-500-8: rgba(255, 119, 0, .08);--lg-orange-500-12: rgba(255, 119, 0, .12);--lg-orange-500-28: rgba(255, 119, 0, .28);--lg-orange-500-46: rgba(255, 119, 0, .46);--lg-orange-500-64: rgba(255, 119, 0, .64);--lg-orange-500-82: rgba(255, 119, 0, .82);--lg-orange-500-94: rgba(255, 119, 0, .94);--lg-orange-500-100: #ff7700;--lg-amber-50: #FFFDEA;--lg-amber-100: #FFF8C5;--lg-amber-200: #FFF285;--lg-amber-300: #FFDB38;--lg-amber-400: #FFD414;--lg-amber-500: #FFB200;--lg-amber-600: #E28800;--lg-amber-700: #BB5F02;--lg-amber-800: #984908;--lg-amber-900: #7C3C0B;--lg-amber-950: #612800;--lg-amber-500-0: rgba(255, 178, 0, 0);--lg-amber-500-3: rgba(255, 178, 0, .03);--lg-amber-500-6: rgba(255, 178, 0, .06);--lg-amber-500-8: rgba(255, 178, 0, .08);--lg-amber-500-12: rgba(255, 178, 0, .12);--lg-amber-500-28: rgba(255, 178, 0, .28);--lg-amber-500-46: rgba(255, 178, 0, .46);--lg-amber-500-64: rgba(255, 178, 0, .64);--lg-amber-500-82: rgba(255, 178, 0, .82);--lg-amber-500-94: rgba(255, 178, 0, .94);--lg-amber-500-100: #ffb200;--lg-yellow-50: #FEFFE7;--lg-yellow-100: #FBFFC1;--lg-yellow-200: #FFFB86;--lg-yellow-300: #FFEC3D;--lg-yellow-400: #FFE51C;--lg-yellow-500: #FFE600;--lg-yellow-600: #D1A600;--lg-yellow-700: #A67802;--lg-yellow-800: #895D0A;--lg-yellow-900: #744C0F;--lg-yellow-950: #5C3C05;--lg-yellow-500-0: rgba(255, 230, 0, 0);--lg-yellow-500-3: rgba(255, 230, 0, .03);--lg-yellow-500-6: rgba(255, 230, 0, .06);--lg-yellow-500-8: rgba(255, 230, 0, .08);--lg-yellow-500-12: rgba(255, 230, 0, .12);--lg-yellow-500-28: rgba(255, 230, 0, .28);--lg-yellow-500-46: rgba(255, 230, 0, .46);--lg-yellow-500-64: rgba(255, 230, 0, .64);--lg-yellow-500-82: rgba(255, 230, 0, .82);--lg-yellow-500-94: rgba(255, 230, 0, .94);--lg-yellow-500-100: #ffe600;--lg-lime-50: #F0FBE4;--lg-lime-100: #EBFADC;--lg-lime-200: #CBF2A5;--lg-lime-300: #9CE356;--lg-lime-400: #84D533;--lg-lime-500: #74D70B;--lg-lime-600: #5FBA04;--lg-lime-700: #438308;--lg-lime-800: #38670D;--lg-lime-900: #305710;--lg-lime-950: #1E4203;--lg-lime-500-0: rgba(116, 215, 11, 0);--lg-lime-500-3: rgba(116, 215, 11, .03);--lg-lime-500-6: rgba(116, 215, 11, .06);--lg-lime-500-8: rgba(116, 215, 11, .08);--lg-lime-500-12: rgba(116, 215, 11, .12);--lg-lime-500-28: rgba(116, 215, 11, .28);--lg-lime-500-46: rgba(116, 215, 11, .46);--lg-lime-500-64: rgba(116, 215, 11, .64);--lg-lime-500-82: rgba(116, 215, 11, .82);--lg-lime-500-94: rgba(116, 215, 11, .94);--lg-lime-500-100: #74d70b;--lg-green-10: #F7FFF8;--lg-green-50: #EEFFF0;--lg-green-100: #DBFFE1;--lg-green-200: #B4F5BF;--lg-green-300: #7AEB9C;--lg-green-400: #45E57A;--lg-green-500: #08CC50;--lg-green-600: #04B545;--lg-green-700: #078E3B;--lg-green-800: #0C6F37;--lg-green-900: #0C5B31;--lg-green-950: #003D1D;--lg-green-500-0: rgba(8, 204, 80, 0);--lg-green-500-3: rgba(8, 204, 80, .03);--lg-green-500-6: rgba(8, 204, 80, .06);--lg-green-500-8: rgba(8, 204, 80, .08);--lg-green-500-12: rgba(8, 204, 80, .12);--lg-green-500-28: rgba(8, 204, 80, .28);--lg-green-500-46: rgba(8, 204, 80, .46);--lg-green-500-64: rgba(8, 204, 80, .64);--lg-green-500-82: rgba(8, 204, 80, .82);--lg-green-500-94: rgba(8, 204, 80, .94);--lg-green-500-100: #08cc50;--lg-emerald-50: #EBFEF7;--lg-emerald-100: #D4FCE9;--lg-emerald-200: #A9EBD3;--lg-emerald-300: #83EBC8;--lg-emerald-400: #50E6B9;--lg-emerald-500: #08C787;--lg-emerald-600: #009D72;--lg-emerald-700: #007E5E;--lg-emerald-800: #02634C;--lg-emerald-900: #025240;--lg-emerald-950: #003D31;--lg-emerald-500-0: rgba(8, 199, 135, 0);--lg-emerald-500-3: rgba(8, 199, 135, .03);--lg-emerald-500-6: rgba(8, 199, 135, .06);--lg-emerald-500-8: rgba(8, 199, 135, .08);--lg-emerald-500-12: rgba(8, 199, 135, .12);--lg-emerald-500-28: rgba(8, 199, 135, .28);--lg-emerald-500-46: rgba(8, 199, 135, .46);--lg-emerald-500-64: rgba(8, 199, 135, .64);--lg-emerald-500-82: rgba(8, 199, 135, .82);--lg-emerald-500-94: rgba(8, 199, 135, .94);--lg-emerald-500-100: #08c787;--lg-teal-50: #EFFEFC;--lg-teal-100: #C9FEF5;--lg-teal-200: #87EBDB;--lg-teal-300: #71F5E5;--lg-teal-400: #4CEBE9;--lg-teal-500: #00E5E5;--lg-teal-600: #00BFB8;--lg-teal-700: #027F83;--lg-teal-800: #086367;--lg-teal-900: #0F5052;--lg-teal-950: #013A3D;--lg-teal-500-0: rgba(0, 229, 229, 0);--lg-teal-500-3: rgba(0, 229, 229, .03);--lg-teal-500-6: rgba(0, 229, 229, .06);--lg-teal-500-8: rgba(0, 229, 229, .08);--lg-teal-500-12: rgba(0, 229, 229, .12);--lg-teal-500-28: rgba(0, 229, 229, .28);--lg-teal-500-46: rgba(0, 229, 229, .46);--lg-teal-500-64: rgba(0, 229, 229, .64);--lg-teal-500-82: rgba(0, 229, 229, .82);--lg-teal-500-94: rgba(0, 229, 229, .94);--lg-teal-500-100: #00e5e5;--lg-cyan-50: #F0F9FF;--lg-cyan-100: #DEF1FF;--lg-cyan-200: #B6E5FF;--lg-cyan-300: #75D3FF;--lg-cyan-400: #2CBDFF;--lg-cyan-500: #00A3F4;--lg-cyan-600: #0083D4;--lg-cyan-700: #0068AB;--lg-cyan-800: #00588D;--lg-cyan-900: #064A74;--lg-cyan-950: #053A61;--lg-cyan-500-0: rgba(0, 163, 244, 0);--lg-cyan-500-3: rgba(0, 163, 244, .03);--lg-cyan-500-6: rgba(0, 163, 244, .06);--lg-cyan-500-8: rgba(0, 163, 244, .08);--lg-cyan-500-12: rgba(0, 163, 244, .12);--lg-cyan-500-28: rgba(0, 163, 244, .28);--lg-cyan-500-46: rgba(0, 163, 244, .46);--lg-cyan-500-64: rgba(0, 163, 244, .64);--lg-cyan-500-82: rgba(0, 163, 244, .82);--lg-cyan-500-94: rgba(0, 163, 244, .94);--lg-cyan-500-100: #00a3f4;--lg-blue-10: #F7FBFF;--lg-blue-50: #F2F7FF;--lg-blue-100: #E4EEFF;--lg-blue-200: #C8DCFF;--lg-blue-300: #A4C5FF;--lg-blue-400: #74A5FF;--lg-blue-500: #4D89FF;--lg-blue-600: #2970FF;--lg-blue-700: #155BE8;--lg-blue-800: #164ABE;--lg-blue-900: #183F96;--lg-blue-950: #172A5E;--lg-blue-500-0: rgba(77, 137, 255, 0);--lg-blue-500-3: rgba(77, 137, 255, .03);--lg-blue-500-6: rgba(77, 137, 255, .06);--lg-blue-500-8: rgba(77, 137, 255, .08);--lg-blue-500-12: rgba(77, 137, 255, .12);--lg-blue-500-28: rgba(77, 137, 255, .28);--lg-blue-500-46: rgba(77, 137, 255, .46);--lg-blue-500-64: rgba(77, 137, 255, .64);--lg-blue-500-82: rgba(77, 137, 255, .82);--lg-blue-500-94: rgba(77, 137, 255, .94);--lg-blue-500-100: #4d89ff;--lg-indigo-50: #F5F6FF;--lg-indigo-100: #E5E9FF;--lg-indigo-200: #CCD3FF;--lg-indigo-300: #9BA6FD;--lg-indigo-400: #737CFC;--lg-indigo-500: #5155F6;--lg-indigo-600: #4343F5;--lg-indigo-700: #322FCC;--lg-indigo-800: #1A18A3;--lg-indigo-900: #0D097A;--lg-indigo-950: #060066;--lg-indigo-500-0: rgba(81, 85, 246, 0);--lg-indigo-500-3: rgba(81, 85, 246, .03);--lg-indigo-500-6: rgba(81, 85, 246, .06);--lg-indigo-500-8: rgba(81, 85, 246, .08);--lg-indigo-500-12: rgba(81, 85, 246, .12);--lg-indigo-500-28: rgba(81, 85, 246, .28);--lg-indigo-500-46: rgba(81, 85, 246, .46);--lg-indigo-500-64: rgba(81, 85, 246, .64);--lg-indigo-500-82: rgba(81, 85, 246, .82);--lg-indigo-500-94: rgba(81, 85, 246, .94);--lg-indigo-500-100: #5155f6;--lg-violet-50: #F5F2FF;--lg-violet-100: #E9E3FF;--lg-violet-200: #CEC2FF;--lg-violet-300: #B19EFF;--lg-violet-400: #9980FF;--lg-violet-500: #7858F9;--lg-violet-600: #572FF7;--lg-violet-700: #3C17CF;--lg-violet-800: #2505A6;--lg-violet-900: #1A0080;--lg-violet-950: #140066;--lg-violet-500-0: rgba(120, 88, 249, 0);--lg-violet-500-3: rgba(120, 88, 249, .03);--lg-violet-500-6: rgba(120, 88, 249, .06);--lg-violet-500-8: rgba(120, 88, 249, .08);--lg-violet-500-12: rgba(120, 88, 249, .12);--lg-violet-500-28: rgba(120, 88, 249, .28);--lg-violet-500-46: rgba(120, 88, 249, .46);--lg-violet-500-64: rgba(120, 88, 249, .64);--lg-violet-500-82: rgba(120, 88, 249, .82);--lg-violet-500-94: rgba(120, 88, 249, .94);--lg-violet-500-100: #7858f9;--lg-purple-50: #F9F5FF;--lg-purple-100: #F1E7FF;--lg-purple-200: #E5D3FF;--lg-purple-300: #D0B0FF;--lg-purple-400: #B37EFF;--lg-purple-500: #8F40FF;--lg-purple-600: #7F2AF3;--lg-purple-700: #6C1AD6;--lg-purple-800: #5D1AAF;--lg-purple-900: #4D178C;--lg-purple-950: #320269;--lg-purple-500-0: rgba(143, 64, 255, 0);--lg-purple-500-3: rgba(143, 64, 255, .03);--lg-purple-500-6: rgba(143, 64, 255, .06);--lg-purple-500-8: rgba(143, 64, 255, .08);--lg-purple-500-12: rgba(143, 64, 255, .12);--lg-purple-500-28: rgba(143, 64, 255, .28);--lg-purple-500-46: rgba(143, 64, 255, .46);--lg-purple-500-64: rgba(143, 64, 255, .64);--lg-purple-500-82: rgba(143, 64, 255, .82);--lg-purple-500-94: rgba(143, 64, 255, .94);--lg-purple-500-100: #8f40ff;--lg-fuchsia-50: #FFF2FC;--lg-fuchsia-100: #FFE3F8;--lg-fuchsia-200: #FFC2F0;--lg-fuchsia-300: #FF9EE7;--lg-fuchsia-400: #FF80DF;--lg-fuchsia-500: #F858D0;--lg-fuchsia-600: #ED1DB9;--lg-fuchsia-700: #B8148F;--lg-fuchsia-800: #950471;--lg-fuchsia-900: #66004D;--lg-fuchsia-950: #5C0044;--lg-fuchsia-500-0: rgba(248, 88, 208, 0);--lg-fuchsia-500-3: rgba(248, 88, 208, .03);--lg-fuchsia-500-6: rgba(248, 88, 208, .06);--lg-fuchsia-500-8: rgba(248, 88, 208, .08);--lg-fuchsia-500-12: rgba(248, 88, 208, .12);--lg-fuchsia-500-28: rgba(248, 88, 208, .28);--lg-fuchsia-500-46: rgba(248, 88, 208, .46);--lg-fuchsia-500-64: rgba(248, 88, 208, .64);--lg-fuchsia-500-82: rgba(248, 88, 208, .82);--lg-fuchsia-500-94: rgba(248, 88, 208, .94);--lg-fuchsia-500-100: #f858d0;--lg-pink-50: #FFF0F3;--lg-pink-100: #FFE2EA;--lg-pink-200: #FFCADA;--lg-pink-300: #FF9FBB;--lg-pink-400: #FF6997;--lg-pink-500: #FF246D;--lg-pink-600: #ED1165;--lg-pink-700: #C80856;--lg-pink-800: #A8094F;--lg-pink-900: #8F0C49;--lg-pink-950: #6B0130;--lg-pink-500-0: rgba(255, 36, 109, 0);--lg-pink-500-3: rgba(255, 36, 109, .03);--lg-pink-500-6: rgba(255, 36, 109, .06);--lg-pink-500-8: rgba(255, 36, 109, .08);--lg-pink-500-12: rgba(255, 36, 109, .12);--lg-pink-500-28: rgba(255, 36, 109, .28);--lg-pink-500-46: rgba(255, 36, 109, .46);--lg-pink-500-64: rgba(255, 36, 109, .64);--lg-pink-500-82: rgba(255, 36, 109, .82);--lg-pink-500-94: rgba(255, 36, 109, .94);--lg-pink-500-100: #ff246d;--lg-gray-blue-50: #FAFBFC;--lg-gray-blue-100: #F7F8FA;--lg-gray-blue-200: #F1F4F6;--lg-gray-blue-300: #EBEEF2;--lg-gray-blue-400: #EAEEF2;--lg-gray-blue-500: #D0D4DC;--lg-gray-blue-600: #B3B8C5;--lg-gray-blue-700: #989EAC;--lg-gray-blue-800: #797F91;--lg-gray-blue-900: #646A78;--lg-gray-blue-950: #3A3C46;--lg-black-0: rgba(0, 0, 0, 0);--lg-black-2: rgba(0, 0, 0, .02);--lg-black-3: rgba(0, 0, 0, .03);--lg-black-6: rgba(0, 0, 0, .06);--lg-black-8: rgba(0, 0, 0, .08);--lg-black-12: rgba(0, 0, 0, .12);--lg-black-18: rgba(0, 0, 0, .18);--lg-black-28: rgba(0, 0, 0, .28);--lg-black-46: rgba(0, 0, 0, .46);--lg-black-64: rgba(0, 0, 0, .64);--lg-black-82: rgba(0, 0, 0, .82);--lg-black-94: rgba(0, 0, 0, .94);--lg-black-100: #000000;--lg-white-0: rgba(255, 255, 255, 0);--lg-white-3: rgba(255, 255, 255, .03);--lg-white-6: rgba(255, 255, 255, .06);--lg-white-12: rgba(255, 255, 255, .12);--lg-white-18: rgba(255, 255, 255, .18);--lg-white-28: rgba(255, 255, 255, .28);--lg-white-46: rgba(255, 255, 255, .46);--lg-white-64: rgba(255, 255, 255, .64);--lg-white-82: rgba(255, 255, 255, .82);--lg-white-94: rgba(255, 255, 255, .94);--lg-white-100: #ffffff}:root{--lg-g-fg-color-white: var(--lg-white-100);--lg-g-fg-color-attention: var(--lg-black-94);--lg-g-fg-color-default: var(--lg-black-82);--lg-g-fg-color-muted: var(--lg-black-64);--lg-g-fg-color-description: var(--lg-black-46);--lg-g-fg-color-disabled: var(--lg-black-28);--lg-g-fg-color-primary-default: var(--lg-primary-600);--lg-g-fg-color-primary-hover: var(--lg-primary-500);--lg-g-fg-color-primary-pressed: var(--lg-primary-700);--lg-g-fg-color-primary-disabled: var(--lg-primary-300);--lg-g-fg-color-warning-default: var(--lg-orange-600);--lg-g-fg-color-danger-default: var(--lg-red-600);--lg-g-fg-color-danger-hover: var(--lg-red-500);--lg-g-fg-color-danger-pressed: var(--lg-red-700);--lg-g-fg-color-danger-disabled: var(--lg-red-300);--lg-g-fg-color-success-default: var(--lg-green-600);--lg-g-fg-color-progress-default: var(--lg-blue-600);--lg-g-fg-color-link-default: var(--lg-blue-600);--lg-g-fg-color-link-hover: var(--lg-blue-500);--lg-g-fg-color-link-pressed: var(--lg-blue-700);--lg-g-border-color-emphasis: var(--lg-black-18);--lg-g-border-color-muted: var(--lg-black-6);--lg-g-border-color-default: var(--lg-black-8);--lg-g-border-color-hover: var(--lg-black-8);--lg-g-border-color-pressed: var(--lg-black-8);--lg-g-border-color-leaf: var(--lg-black-8);--lg-g-border-color-primary-default: var(--lg-primary-600);--lg-g-border-color-primary-muted: var(--lg-primary-100);--lg-g-border-color-primary-hover: var(--lg-primary-500);--lg-g-border-color-primary-pressed: var(--lg-primary-700);--lg-g-border-color-primary-disabled: var(--lg-primary-300);--lg-g-border-color-warning-default: var(--lg-orange-600);--lg-g-border-color-warning-muted: var(--lg-orange-100);--lg-g-border-color-danger-default: var(--lg-red-600);--lg-g-border-color-danger-muted: var(--lg-red-100);--lg-g-border-color-danger-hover: var(--lg-red-500);--lg-g-border-color-danger-pressed: var(--lg-red-700);--lg-g-border-color-danger-disabled: var(--lg-red-300);--lg-g-border-color-success-default: var(--lg-green-600);--lg-g-border-color-success-muted: var(--lg-green-100);--lg-g-border-color-progress-default: var(--lg-blue-600);--lg-g-border-color-progress-muted: var(--lg-blue-100);--lg-g-bg-color-default: var(--lg-white-100);--lg-g-bg-color-emphasis: var(--lg-white-64);--lg-g-bg-color-subtle: var(--lg-black-2);--lg-g-bg-color-muted: var(--lg-black-3);--lg-g-bg-color-neutral-emphasis: var(--lg-black-12);--lg-g-bg-color-neutral-muted: var(--lg-black-6);--lg-g-bg-color-inset: #FCFCFC;--lg-g-bg-color-primary-emphasis: var(--lg-primary-600);--lg-g-bg-color-primary-muted: var(--lg-primary-500-8);--lg-g-bg-color-primary-hover: var(--lg-primary-500);--lg-g-bg-color-primary-pressed: var(--lg-primary-700);--lg-g-bg-color-primary-disabled: var(--lg-primary-300);--lg-g-bg-color-primary-gradient-from: var(--lg-primary-50);--lg-g-bg-color-primary-gradient-to: var(--lg-blue-10);--lg-g-bg-color-warning-default: var(--lg-orange-600);--lg-g-bg-color-warning-muted: var(--lg-orange-500-8);--lg-g-bg-color-warning-gradient-from: var(--lg-orange-50);--lg-g-bg-color-warning-gradient-to: var(--lg-orange-10);--lg-g-bg-color-danger-default: var(--lg-red-600);--lg-g-bg-color-danger-muted: var(--lg-red-500-8);--lg-g-bg-color-danger-hover: var(--lg-red-500);--lg-g-bg-color-danger-pressed: var(--lg-red-700);--lg-g-bg-color-danger-disabled: var(--lg-red-300);--lg-g-bg-color-danger-gradient-from: var(--lg-red-50);--lg-g-bg-color-danger-gradient-to: var(--lg-red-10);--lg-g-bg-color-success-default: var(--lg-green-600);--lg-g-bg-color-success-gradient-from: var(--lg-green-50);--lg-g-bg-color-success-gradient-to: var(--lg-green-10);--lg-g-bg-color-success-muted: var(--lg-green-500-8);--lg-g-bg-color-progress-default: var(--lg-blue-600);--lg-g-bg-color-progress-gradient-from: var(--lg-blue-50);--lg-g-bg-color-progress-gradient-to: var(--lg-blue-10);--lg-g-bg-color-progress-muted: var(--lg-blue-500-8)}:root{--lg-radius-small-raw: 4px;--lg-radius-medium-raw: 6px;--lg-radius-x-medium-raw: 8px;--lg-radius-large-raw: 12px;--lg-radius-x-large-raw: 16px;--lg-radius-2x-large-raw: 20px;--lg-radius-3x-large-raw: 24px;--lg-radius-4x-large-raw: 28px;--lg-radius-5x-large-raw: 32px;--lg-radius-circle-raw: 50%;--lg-radius-pill-raw: 999px;--lg-spacing-3x-small-raw: 2px;--lg-spacing-2x-small-raw: 4px;--lg-spacing-1-5x-small-raw: 6px;--lg-spacing-x-small-raw: 8px;--lg-spacing-0-5x-small-raw: 10px;--lg-spacing-small-raw: 12px;--lg-spacing-medium-raw: 16px;--lg-spacing-large-raw: 20px;--lg-spacing-x-large-raw: 28px;--lg-spacing-2x-large-raw: 36px;--lg-spacing-3x-large-raw: 48px;--lg-spacing-4x-large-raw: 72px;--lg-shadow-sm-raw: 0 1px 2px 0 rgba(0, 0, 0, .04), 0 1px 4px 0 rgba(0, 0, 0, .04);--lg-shadow-md-raw: 0 4px 12px 0 rgba(0, 0, 0, .06), 0 2px 4px 0 rgba(0, 0, 0, .04);--lg-shadow-lg-raw: 0 8px 24px 0 rgba(0, 0, 0, .08), 0 4px 8px 0 rgba(0, 0, 0, .04);--lg-font-size-sm-raw: 12px;--lg-font-size-raw: 14px;--lg-font-size-lg-raw: 16px;--lg-transition-duration-raw: .2s;--lg-transition-timing-raw: cubic-bezier(.645, .045, .355, 1)}:root{--lg-radius-small: var(--lg-radius-small-raw);--lg-radius-medium: var(--lg-radius-medium-raw);--lg-radius-x-medium: var(--lg-radius-x-medium-raw);--lg-radius-large: var(--lg-radius-large-raw);--lg-radius-x-large: var(--lg-radius-x-large-raw);--lg-radius-2x-large: var(--lg-radius-2x-large-raw);--lg-radius-3x-large: var(--lg-radius-3x-large-raw);--lg-radius-4x-large: var(--lg-radius-4x-large-raw);--lg-radius-5x-large: var(--lg-radius-5x-large-raw);--lg-radius-circle: var(--lg-radius-circle-raw);--lg-radius-pill: var(--lg-radius-pill-raw);--lg-spacing-3x-small: var(--lg-spacing-3x-small-raw);--lg-spacing-2x-small: var(--lg-spacing-2x-small-raw);--lg-spacing-1-5x-small: var(--lg-spacing-1-5x-small-raw);--lg-spacing-x-small: var(--lg-spacing-x-small-raw);--lg-spacing-0-5x-small: var(--lg-spacing-0-5x-small-raw);--lg-spacing-small: var(--lg-spacing-small-raw);--lg-spacing-medium: var(--lg-spacing-medium-raw);--lg-spacing-large: var(--lg-spacing-large-raw);--lg-spacing-x-large: var(--lg-spacing-x-large-raw);--lg-spacing-2x-large: var(--lg-spacing-2x-large-raw);--lg-spacing-3x-large: var(--lg-spacing-3x-large-raw);--lg-spacing-4x-large: var(--lg-spacing-4x-large-raw);--lg-shadow-sm: var(--lg-shadow-sm-raw);--lg-shadow-md: var(--lg-shadow-md-raw);--lg-shadow-lg: var(--lg-shadow-lg-raw);--lg-font-size-sm: var(--lg-font-size-sm-raw);--lg-font-size: var(--lg-font-size-raw);--lg-font-size-lg: var(--lg-font-size-lg-raw);--lg-transition-duration: var(--lg-transition-duration-raw);--lg-transition-timing: var(--lg-transition-timing-raw)}.lg-input{--_input-height-sm: 32px;--_input-height-md: 40px;--_input-height-lg: 48px;--_input-padding-x: var(--lg-spacing-small);--_input-padding-y-sm: 5px;--_input-padding-y-md: var(--lg-spacing-x-small);--_input-padding-y-lg: 13px;--_input-radius: var(--lg-radius-large);--_input-radius-round: var(--lg-radius-pill);--_input-gap: var(--lg-spacing-x-small);--_input-bg: var(--lg-g-bg-color-default);--_input-border: var(--lg-g-border-color-default);--_input-border-hover: var(--lg-g-border-color-emphasis);--_input-border-focus: var(--lg-g-border-color-primary-default);--_input-border-error: var(--lg-g-border-color-danger-default);--_input-bg-disabled: var(--lg-g-bg-color-muted);--_input-text: var(--lg-g-fg-color-default);--_input-placeholder: var(--lg-g-fg-color-disabled);--_input-clear-color: var(--lg-g-fg-color-disabled);--_input-clear-hover: var(--lg-g-fg-color-description);--_input-font-size: var(--lg-font-size);--_input-line-height: 22px;--_input-transition: var(--lg-transition-duration) var(--lg-transition-timing)}.lg-input{position:relative;display:inline-flex;align-items:center;gap:var(--_input-gap);width:100%;padding:0 var(--_input-padding-x);background:var(--_input-bg);border:1px solid var(--_input-border);border-radius:var(--_input-radius);cursor:text;box-sizing:border-box;transition:border-color var(--_input-transition),background var(--_input-transition),box-shadow var(--_input-transition)}.lg-input:hover:not(.lg-input--disabled):not(.lg-input--focused){border-color:var(--_input-border-hover)}.lg-input__inner{flex:1;min-width:0;width:100%;border:none;outline:none;background:transparent;font-size:var(--_input-font-size);line-height:var(--_input-line-height);color:var(--_input-text);padding:0}.lg-input__inner::placeholder{color:var(--_input-placeholder)}.lg-input__inner:disabled{cursor:not-allowed;color:var(--_input-text)}.lg-input__inner::-webkit-inner-spin-button,.lg-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lg-input__inner[type=number]{-moz-appearance:textfield}.lg-input__prefix,.lg-input__suffix{display:inline-flex;align-items:center;flex-shrink:0;color:var(--_input-placeholder);font-size:16px}.lg-input__clear{display:inline-flex;align-items:center;flex-shrink:0;cursor:pointer;color:var(--_input-clear-color);font-size:16px;transition:color var(--_input-transition)}.lg-input__clear:hover{color:var(--_input-clear-hover)}.lg-input--sm{height:var(--_input-height-sm);padding-top:var(--_input-padding-y-sm);padding-bottom:var(--_input-padding-y-sm)}.lg-input--md{height:var(--_input-height-md);padding-top:var(--_input-padding-y-md);padding-bottom:var(--_input-padding-y-md)}.lg-input--lg{height:var(--_input-height-lg);padding-top:var(--_input-padding-y-lg);padding-bottom:var(--_input-padding-y-lg)}.lg-input--round{border-radius:var(--_input-radius-round)}.lg-input--focused{border-color:var(--_input-border-focus)}.lg-input--error,.lg-input--error:hover{border-color:var(--_input-border-error)}.lg-input--disabled{background:var(--_input-bg-disabled);border-color:transparent;cursor:not-allowed}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React, { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
type InputSize = "sm" | "md" | "lg";
|
|
4
|
+
type InputShape = "default" | "round";
|
|
5
|
+
interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> {
|
|
6
|
+
/** 输入框尺寸,默认 "md" */
|
|
7
|
+
size?: InputSize;
|
|
8
|
+
/** 输入框形状,默认 "default";"round" 为全圆角 */
|
|
9
|
+
shape?: InputShape;
|
|
10
|
+
/** 前缀图标/内容 */
|
|
11
|
+
prefix?: ReactNode;
|
|
12
|
+
/** 后缀图标/内容 */
|
|
13
|
+
suffix?: ReactNode;
|
|
14
|
+
/** 是否显示清空按钮(有内容时展示,hover 时替换 suffix),默认 false */
|
|
15
|
+
allowClear?: boolean;
|
|
16
|
+
/** 错误状态 */
|
|
17
|
+
error?: boolean;
|
|
18
|
+
/** 禁用状态 */
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* Input 输入框组件
|
|
24
|
+
* 支持三种尺寸(sm/md/lg)、两种形状(default/round)、前后缀插槽、清空按钮、错误态
|
|
25
|
+
*/
|
|
26
|
+
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
27
|
+
|
|
28
|
+
export { Input, type InputProps, type InputShape, type InputSize };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React, { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
type InputSize = "sm" | "md" | "lg";
|
|
4
|
+
type InputShape = "default" | "round";
|
|
5
|
+
interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> {
|
|
6
|
+
/** 输入框尺寸,默认 "md" */
|
|
7
|
+
size?: InputSize;
|
|
8
|
+
/** 输入框形状,默认 "default";"round" 为全圆角 */
|
|
9
|
+
shape?: InputShape;
|
|
10
|
+
/** 前缀图标/内容 */
|
|
11
|
+
prefix?: ReactNode;
|
|
12
|
+
/** 后缀图标/内容 */
|
|
13
|
+
suffix?: ReactNode;
|
|
14
|
+
/** 是否显示清空按钮(有内容时展示,hover 时替换 suffix),默认 false */
|
|
15
|
+
allowClear?: boolean;
|
|
16
|
+
/** 错误状态 */
|
|
17
|
+
error?: boolean;
|
|
18
|
+
/** 禁用状态 */
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* Input 输入框组件
|
|
24
|
+
* 支持三种尺寸(sm/md/lg)、两种形状(default/round)、前后缀插槽、清空按钮、错误态
|
|
25
|
+
*/
|
|
26
|
+
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
27
|
+
|
|
28
|
+
export { Input, type InputProps, type InputShape, type InputSize };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var chunk4DCMYPI5_js=require('../chunk-4DCMYPI5.js');require('../chunk-DCDWEVW4.js');Object.defineProperty(exports,"Input",{enumerable:true,get:function(){return chunk4DCMYPI5_js.a}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{a as Input}from'../chunk-FPGKD7AM.mjs';import'../chunk-DN2VKVCV.mjs';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--lg-primary-50: #F3F5FF;--lg-primary-100: #E9EDFF;--lg-primary-200: #D4DBFF;--lg-primary-300: #B7C1FF;--lg-primary-400: #95A2FF;--lg-primary-500: #6D80FF;--lg-primary-600: #495DFF;--lg-primary-700: #3B47F2;--lg-primary-800: #2F37C7;--lg-primary-900: #272F9C;--lg-primary-950: #1B2169;--lg-primary-500-0: rgba(109, 128, 255, 0);--lg-primary-500-3: rgba(109, 128, 255, .03);--lg-primary-500-6: rgba(109, 128, 255, .06);--lg-primary-500-8: rgba(109, 128, 255, .08);--lg-primary-500-12: rgba(109, 128, 255, .12);--lg-primary-500-28: rgba(109, 128, 255, .28);--lg-primary-500-46: rgba(109, 128, 255, .46);--lg-primary-500-64: rgba(109, 128, 255, .64);--lg-primary-500-82: rgba(109, 128, 255, .82);--lg-primary-500-94: rgba(109, 128, 255, .94);--lg-primary-500-100: #6d80ff;--lg-red-10: #FFF5F5;--lg-red-50: #FFF0F1;--lg-red-100: #FFE0E3;--lg-red-200: #FFC7CC;--lg-red-300: #FF9EA6;--lg-red-400: #FF5765;--lg-red-500: #FF293B;--lg-red-600: #F12234;--lg-red-700: #DA0B20;--lg-red-800: #B30F25;--lg-red-900: #991519;--lg-red-950: #580405;--lg-red-500-0: rgba(251, 41, 59, 0);--lg-red-500-3: rgba(251, 41, 59, .03);--lg-red-500-6: rgba(251, 41, 59, .06);--lg-red-500-8: rgba(251, 41, 59, .08);--lg-red-500-12: rgba(251, 41, 59, .12);--lg-red-500-28: rgba(251, 41, 59, .28);--lg-red-500-46: rgba(251, 41, 59, .46);--lg-red-500-64: rgba(251, 41, 59, .64);--lg-red-500-82: rgba(251, 41, 59, .82);--lg-red-500-94: rgba(251, 41, 59, .94);--lg-red-500-100: #fb293b;--lg-orange-10: #FFF7F0;--lg-orange-50: #FFF4ED;--lg-orange-100: #FFE5D4;--lg-orange-200: #FFC7A8;--lg-orange-300: #FFA070;--lg-orange-400: #FF6D37;--lg-orange-500: #FF5522;--lg-orange-600: #F05513;--lg-orange-700: #BB4C02;--lg-orange-800: #983A08;--lg-orange-900: #7C300B;--lg-orange-950: #521A00;--lg-orange-500-0: rgba(255, 119, 0, 0);--lg-orange-500-3: rgba(255, 119, 0, .03);--lg-orange-500-6: rgba(255, 119, 0, .06);--lg-orange-500-8: rgba(255, 119, 0, .08);--lg-orange-500-12: rgba(255, 119, 0, .12);--lg-orange-500-28: rgba(255, 119, 0, .28);--lg-orange-500-46: rgba(255, 119, 0, .46);--lg-orange-500-64: rgba(255, 119, 0, .64);--lg-orange-500-82: rgba(255, 119, 0, .82);--lg-orange-500-94: rgba(255, 119, 0, .94);--lg-orange-500-100: #ff7700;--lg-amber-50: #FFFDEA;--lg-amber-100: #FFF8C5;--lg-amber-200: #FFF285;--lg-amber-300: #FFDB38;--lg-amber-400: #FFD414;--lg-amber-500: #FFB200;--lg-amber-600: #E28800;--lg-amber-700: #BB5F02;--lg-amber-800: #984908;--lg-amber-900: #7C3C0B;--lg-amber-950: #612800;--lg-amber-500-0: rgba(255, 178, 0, 0);--lg-amber-500-3: rgba(255, 178, 0, .03);--lg-amber-500-6: rgba(255, 178, 0, .06);--lg-amber-500-8: rgba(255, 178, 0, .08);--lg-amber-500-12: rgba(255, 178, 0, .12);--lg-amber-500-28: rgba(255, 178, 0, .28);--lg-amber-500-46: rgba(255, 178, 0, .46);--lg-amber-500-64: rgba(255, 178, 0, .64);--lg-amber-500-82: rgba(255, 178, 0, .82);--lg-amber-500-94: rgba(255, 178, 0, .94);--lg-amber-500-100: #ffb200;--lg-yellow-50: #FEFFE7;--lg-yellow-100: #FBFFC1;--lg-yellow-200: #FFFB86;--lg-yellow-300: #FFEC3D;--lg-yellow-400: #FFE51C;--lg-yellow-500: #FFE600;--lg-yellow-600: #D1A600;--lg-yellow-700: #A67802;--lg-yellow-800: #895D0A;--lg-yellow-900: #744C0F;--lg-yellow-950: #5C3C05;--lg-yellow-500-0: rgba(255, 230, 0, 0);--lg-yellow-500-3: rgba(255, 230, 0, .03);--lg-yellow-500-6: rgba(255, 230, 0, .06);--lg-yellow-500-8: rgba(255, 230, 0, .08);--lg-yellow-500-12: rgba(255, 230, 0, .12);--lg-yellow-500-28: rgba(255, 230, 0, .28);--lg-yellow-500-46: rgba(255, 230, 0, .46);--lg-yellow-500-64: rgba(255, 230, 0, .64);--lg-yellow-500-82: rgba(255, 230, 0, .82);--lg-yellow-500-94: rgba(255, 230, 0, .94);--lg-yellow-500-100: #ffe600;--lg-lime-50: #F0FBE4;--lg-lime-100: #EBFADC;--lg-lime-200: #CBF2A5;--lg-lime-300: #9CE356;--lg-lime-400: #84D533;--lg-lime-500: #74D70B;--lg-lime-600: #5FBA04;--lg-lime-700: #438308;--lg-lime-800: #38670D;--lg-lime-900: #305710;--lg-lime-950: #1E4203;--lg-lime-500-0: rgba(116, 215, 11, 0);--lg-lime-500-3: rgba(116, 215, 11, .03);--lg-lime-500-6: rgba(116, 215, 11, .06);--lg-lime-500-8: rgba(116, 215, 11, .08);--lg-lime-500-12: rgba(116, 215, 11, .12);--lg-lime-500-28: rgba(116, 215, 11, .28);--lg-lime-500-46: rgba(116, 215, 11, .46);--lg-lime-500-64: rgba(116, 215, 11, .64);--lg-lime-500-82: rgba(116, 215, 11, .82);--lg-lime-500-94: rgba(116, 215, 11, .94);--lg-lime-500-100: #74d70b;--lg-green-10: #F7FFF8;--lg-green-50: #EEFFF0;--lg-green-100: #DBFFE1;--lg-green-200: #B4F5BF;--lg-green-300: #7AEB9C;--lg-green-400: #45E57A;--lg-green-500: #08CC50;--lg-green-600: #04B545;--lg-green-700: #078E3B;--lg-green-800: #0C6F37;--lg-green-900: #0C5B31;--lg-green-950: #003D1D;--lg-green-500-0: rgba(8, 204, 80, 0);--lg-green-500-3: rgba(8, 204, 80, .03);--lg-green-500-6: rgba(8, 204, 80, .06);--lg-green-500-8: rgba(8, 204, 80, .08);--lg-green-500-12: rgba(8, 204, 80, .12);--lg-green-500-28: rgba(8, 204, 80, .28);--lg-green-500-46: rgba(8, 204, 80, .46);--lg-green-500-64: rgba(8, 204, 80, .64);--lg-green-500-82: rgba(8, 204, 80, .82);--lg-green-500-94: rgba(8, 204, 80, .94);--lg-green-500-100: #08cc50;--lg-emerald-50: #EBFEF7;--lg-emerald-100: #D4FCE9;--lg-emerald-200: #A9EBD3;--lg-emerald-300: #83EBC8;--lg-emerald-400: #50E6B9;--lg-emerald-500: #08C787;--lg-emerald-600: #009D72;--lg-emerald-700: #007E5E;--lg-emerald-800: #02634C;--lg-emerald-900: #025240;--lg-emerald-950: #003D31;--lg-emerald-500-0: rgba(8, 199, 135, 0);--lg-emerald-500-3: rgba(8, 199, 135, .03);--lg-emerald-500-6: rgba(8, 199, 135, .06);--lg-emerald-500-8: rgba(8, 199, 135, .08);--lg-emerald-500-12: rgba(8, 199, 135, .12);--lg-emerald-500-28: rgba(8, 199, 135, .28);--lg-emerald-500-46: rgba(8, 199, 135, .46);--lg-emerald-500-64: rgba(8, 199, 135, .64);--lg-emerald-500-82: rgba(8, 199, 135, .82);--lg-emerald-500-94: rgba(8, 199, 135, .94);--lg-emerald-500-100: #08c787;--lg-teal-50: #EFFEFC;--lg-teal-100: #C9FEF5;--lg-teal-200: #87EBDB;--lg-teal-300: #71F5E5;--lg-teal-400: #4CEBE9;--lg-teal-500: #00E5E5;--lg-teal-600: #00BFB8;--lg-teal-700: #027F83;--lg-teal-800: #086367;--lg-teal-900: #0F5052;--lg-teal-950: #013A3D;--lg-teal-500-0: rgba(0, 229, 229, 0);--lg-teal-500-3: rgba(0, 229, 229, .03);--lg-teal-500-6: rgba(0, 229, 229, .06);--lg-teal-500-8: rgba(0, 229, 229, .08);--lg-teal-500-12: rgba(0, 229, 229, .12);--lg-teal-500-28: rgba(0, 229, 229, .28);--lg-teal-500-46: rgba(0, 229, 229, .46);--lg-teal-500-64: rgba(0, 229, 229, .64);--lg-teal-500-82: rgba(0, 229, 229, .82);--lg-teal-500-94: rgba(0, 229, 229, .94);--lg-teal-500-100: #00e5e5;--lg-cyan-50: #F0F9FF;--lg-cyan-100: #DEF1FF;--lg-cyan-200: #B6E5FF;--lg-cyan-300: #75D3FF;--lg-cyan-400: #2CBDFF;--lg-cyan-500: #00A3F4;--lg-cyan-600: #0083D4;--lg-cyan-700: #0068AB;--lg-cyan-800: #00588D;--lg-cyan-900: #064A74;--lg-cyan-950: #053A61;--lg-cyan-500-0: rgba(0, 163, 244, 0);--lg-cyan-500-3: rgba(0, 163, 244, .03);--lg-cyan-500-6: rgba(0, 163, 244, .06);--lg-cyan-500-8: rgba(0, 163, 244, .08);--lg-cyan-500-12: rgba(0, 163, 244, .12);--lg-cyan-500-28: rgba(0, 163, 244, .28);--lg-cyan-500-46: rgba(0, 163, 244, .46);--lg-cyan-500-64: rgba(0, 163, 244, .64);--lg-cyan-500-82: rgba(0, 163, 244, .82);--lg-cyan-500-94: rgba(0, 163, 244, .94);--lg-cyan-500-100: #00a3f4;--lg-blue-10: #F7FBFF;--lg-blue-50: #F2F7FF;--lg-blue-100: #E4EEFF;--lg-blue-200: #C8DCFF;--lg-blue-300: #A4C5FF;--lg-blue-400: #74A5FF;--lg-blue-500: #4D89FF;--lg-blue-600: #2970FF;--lg-blue-700: #155BE8;--lg-blue-800: #164ABE;--lg-blue-900: #183F96;--lg-blue-950: #172A5E;--lg-blue-500-0: rgba(77, 137, 255, 0);--lg-blue-500-3: rgba(77, 137, 255, .03);--lg-blue-500-6: rgba(77, 137, 255, .06);--lg-blue-500-8: rgba(77, 137, 255, .08);--lg-blue-500-12: rgba(77, 137, 255, .12);--lg-blue-500-28: rgba(77, 137, 255, .28);--lg-blue-500-46: rgba(77, 137, 255, .46);--lg-blue-500-64: rgba(77, 137, 255, .64);--lg-blue-500-82: rgba(77, 137, 255, .82);--lg-blue-500-94: rgba(77, 137, 255, .94);--lg-blue-500-100: #4d89ff;--lg-indigo-50: #F5F6FF;--lg-indigo-100: #E5E9FF;--lg-indigo-200: #CCD3FF;--lg-indigo-300: #9BA6FD;--lg-indigo-400: #737CFC;--lg-indigo-500: #5155F6;--lg-indigo-600: #4343F5;--lg-indigo-700: #322FCC;--lg-indigo-800: #1A18A3;--lg-indigo-900: #0D097A;--lg-indigo-950: #060066;--lg-indigo-500-0: rgba(81, 85, 246, 0);--lg-indigo-500-3: rgba(81, 85, 246, .03);--lg-indigo-500-6: rgba(81, 85, 246, .06);--lg-indigo-500-8: rgba(81, 85, 246, .08);--lg-indigo-500-12: rgba(81, 85, 246, .12);--lg-indigo-500-28: rgba(81, 85, 246, .28);--lg-indigo-500-46: rgba(81, 85, 246, .46);--lg-indigo-500-64: rgba(81, 85, 246, .64);--lg-indigo-500-82: rgba(81, 85, 246, .82);--lg-indigo-500-94: rgba(81, 85, 246, .94);--lg-indigo-500-100: #5155f6;--lg-violet-50: #F5F2FF;--lg-violet-100: #E9E3FF;--lg-violet-200: #CEC2FF;--lg-violet-300: #B19EFF;--lg-violet-400: #9980FF;--lg-violet-500: #7858F9;--lg-violet-600: #572FF7;--lg-violet-700: #3C17CF;--lg-violet-800: #2505A6;--lg-violet-900: #1A0080;--lg-violet-950: #140066;--lg-violet-500-0: rgba(120, 88, 249, 0);--lg-violet-500-3: rgba(120, 88, 249, .03);--lg-violet-500-6: rgba(120, 88, 249, .06);--lg-violet-500-8: rgba(120, 88, 249, .08);--lg-violet-500-12: rgba(120, 88, 249, .12);--lg-violet-500-28: rgba(120, 88, 249, .28);--lg-violet-500-46: rgba(120, 88, 249, .46);--lg-violet-500-64: rgba(120, 88, 249, .64);--lg-violet-500-82: rgba(120, 88, 249, .82);--lg-violet-500-94: rgba(120, 88, 249, .94);--lg-violet-500-100: #7858f9;--lg-purple-50: #F9F5FF;--lg-purple-100: #F1E7FF;--lg-purple-200: #E5D3FF;--lg-purple-300: #D0B0FF;--lg-purple-400: #B37EFF;--lg-purple-500: #8F40FF;--lg-purple-600: #7F2AF3;--lg-purple-700: #6C1AD6;--lg-purple-800: #5D1AAF;--lg-purple-900: #4D178C;--lg-purple-950: #320269;--lg-purple-500-0: rgba(143, 64, 255, 0);--lg-purple-500-3: rgba(143, 64, 255, .03);--lg-purple-500-6: rgba(143, 64, 255, .06);--lg-purple-500-8: rgba(143, 64, 255, .08);--lg-purple-500-12: rgba(143, 64, 255, .12);--lg-purple-500-28: rgba(143, 64, 255, .28);--lg-purple-500-46: rgba(143, 64, 255, .46);--lg-purple-500-64: rgba(143, 64, 255, .64);--lg-purple-500-82: rgba(143, 64, 255, .82);--lg-purple-500-94: rgba(143, 64, 255, .94);--lg-purple-500-100: #8f40ff;--lg-fuchsia-50: #FFF2FC;--lg-fuchsia-100: #FFE3F8;--lg-fuchsia-200: #FFC2F0;--lg-fuchsia-300: #FF9EE7;--lg-fuchsia-400: #FF80DF;--lg-fuchsia-500: #F858D0;--lg-fuchsia-600: #ED1DB9;--lg-fuchsia-700: #B8148F;--lg-fuchsia-800: #950471;--lg-fuchsia-900: #66004D;--lg-fuchsia-950: #5C0044;--lg-fuchsia-500-0: rgba(248, 88, 208, 0);--lg-fuchsia-500-3: rgba(248, 88, 208, .03);--lg-fuchsia-500-6: rgba(248, 88, 208, .06);--lg-fuchsia-500-8: rgba(248, 88, 208, .08);--lg-fuchsia-500-12: rgba(248, 88, 208, .12);--lg-fuchsia-500-28: rgba(248, 88, 208, .28);--lg-fuchsia-500-46: rgba(248, 88, 208, .46);--lg-fuchsia-500-64: rgba(248, 88, 208, .64);--lg-fuchsia-500-82: rgba(248, 88, 208, .82);--lg-fuchsia-500-94: rgba(248, 88, 208, .94);--lg-fuchsia-500-100: #f858d0;--lg-pink-50: #FFF0F3;--lg-pink-100: #FFE2EA;--lg-pink-200: #FFCADA;--lg-pink-300: #FF9FBB;--lg-pink-400: #FF6997;--lg-pink-500: #FF246D;--lg-pink-600: #ED1165;--lg-pink-700: #C80856;--lg-pink-800: #A8094F;--lg-pink-900: #8F0C49;--lg-pink-950: #6B0130;--lg-pink-500-0: rgba(255, 36, 109, 0);--lg-pink-500-3: rgba(255, 36, 109, .03);--lg-pink-500-6: rgba(255, 36, 109, .06);--lg-pink-500-8: rgba(255, 36, 109, .08);--lg-pink-500-12: rgba(255, 36, 109, .12);--lg-pink-500-28: rgba(255, 36, 109, .28);--lg-pink-500-46: rgba(255, 36, 109, .46);--lg-pink-500-64: rgba(255, 36, 109, .64);--lg-pink-500-82: rgba(255, 36, 109, .82);--lg-pink-500-94: rgba(255, 36, 109, .94);--lg-pink-500-100: #ff246d;--lg-gray-blue-50: #FAFBFC;--lg-gray-blue-100: #F7F8FA;--lg-gray-blue-200: #F1F4F6;--lg-gray-blue-300: #EBEEF2;--lg-gray-blue-400: #EAEEF2;--lg-gray-blue-500: #D0D4DC;--lg-gray-blue-600: #B3B8C5;--lg-gray-blue-700: #989EAC;--lg-gray-blue-800: #797F91;--lg-gray-blue-900: #646A78;--lg-gray-blue-950: #3A3C46;--lg-black-0: rgba(0, 0, 0, 0);--lg-black-2: rgba(0, 0, 0, .02);--lg-black-3: rgba(0, 0, 0, .03);--lg-black-6: rgba(0, 0, 0, .06);--lg-black-8: rgba(0, 0, 0, .08);--lg-black-12: rgba(0, 0, 0, .12);--lg-black-18: rgba(0, 0, 0, .18);--lg-black-28: rgba(0, 0, 0, .28);--lg-black-46: rgba(0, 0, 0, .46);--lg-black-64: rgba(0, 0, 0, .64);--lg-black-82: rgba(0, 0, 0, .82);--lg-black-94: rgba(0, 0, 0, .94);--lg-black-100: #000000;--lg-white-0: rgba(255, 255, 255, 0);--lg-white-3: rgba(255, 255, 255, .03);--lg-white-6: rgba(255, 255, 255, .06);--lg-white-12: rgba(255, 255, 255, .12);--lg-white-18: rgba(255, 255, 255, .18);--lg-white-28: rgba(255, 255, 255, .28);--lg-white-46: rgba(255, 255, 255, .46);--lg-white-64: rgba(255, 255, 255, .64);--lg-white-82: rgba(255, 255, 255, .82);--lg-white-94: rgba(255, 255, 255, .94);--lg-white-100: #ffffff}:root{--lg-g-fg-color-white: var(--lg-white-100);--lg-g-fg-color-attention: var(--lg-black-94);--lg-g-fg-color-default: var(--lg-black-82);--lg-g-fg-color-muted: var(--lg-black-64);--lg-g-fg-color-description: var(--lg-black-46);--lg-g-fg-color-disabled: var(--lg-black-28);--lg-g-fg-color-primary-default: var(--lg-primary-600);--lg-g-fg-color-primary-hover: var(--lg-primary-500);--lg-g-fg-color-primary-pressed: var(--lg-primary-700);--lg-g-fg-color-primary-disabled: var(--lg-primary-300);--lg-g-fg-color-warning-default: var(--lg-orange-600);--lg-g-fg-color-danger-default: var(--lg-red-600);--lg-g-fg-color-danger-hover: var(--lg-red-500);--lg-g-fg-color-danger-pressed: var(--lg-red-700);--lg-g-fg-color-danger-disabled: var(--lg-red-300);--lg-g-fg-color-success-default: var(--lg-green-600);--lg-g-fg-color-progress-default: var(--lg-blue-600);--lg-g-fg-color-link-default: var(--lg-blue-600);--lg-g-fg-color-link-hover: var(--lg-blue-500);--lg-g-fg-color-link-pressed: var(--lg-blue-700);--lg-g-border-color-emphasis: var(--lg-black-18);--lg-g-border-color-muted: var(--lg-black-6);--lg-g-border-color-default: var(--lg-black-8);--lg-g-border-color-hover: var(--lg-black-8);--lg-g-border-color-pressed: var(--lg-black-8);--lg-g-border-color-leaf: var(--lg-black-8);--lg-g-border-color-primary-default: var(--lg-primary-600);--lg-g-border-color-primary-muted: var(--lg-primary-100);--lg-g-border-color-primary-hover: var(--lg-primary-500);--lg-g-border-color-primary-pressed: var(--lg-primary-700);--lg-g-border-color-primary-disabled: var(--lg-primary-300);--lg-g-border-color-warning-default: var(--lg-orange-600);--lg-g-border-color-warning-muted: var(--lg-orange-100);--lg-g-border-color-danger-default: var(--lg-red-600);--lg-g-border-color-danger-muted: var(--lg-red-100);--lg-g-border-color-danger-hover: var(--lg-red-500);--lg-g-border-color-danger-pressed: var(--lg-red-700);--lg-g-border-color-danger-disabled: var(--lg-red-300);--lg-g-border-color-success-default: var(--lg-green-600);--lg-g-border-color-success-muted: var(--lg-green-100);--lg-g-border-color-progress-default: var(--lg-blue-600);--lg-g-border-color-progress-muted: var(--lg-blue-100);--lg-g-bg-color-default: var(--lg-white-100);--lg-g-bg-color-emphasis: var(--lg-white-64);--lg-g-bg-color-subtle: var(--lg-black-2);--lg-g-bg-color-muted: var(--lg-black-3);--lg-g-bg-color-neutral-emphasis: var(--lg-black-12);--lg-g-bg-color-neutral-muted: var(--lg-black-6);--lg-g-bg-color-inset: #FCFCFC;--lg-g-bg-color-primary-emphasis: var(--lg-primary-600);--lg-g-bg-color-primary-muted: var(--lg-primary-500-8);--lg-g-bg-color-primary-hover: var(--lg-primary-500);--lg-g-bg-color-primary-pressed: var(--lg-primary-700);--lg-g-bg-color-primary-disabled: var(--lg-primary-300);--lg-g-bg-color-primary-gradient-from: var(--lg-primary-50);--lg-g-bg-color-primary-gradient-to: var(--lg-blue-10);--lg-g-bg-color-warning-default: var(--lg-orange-600);--lg-g-bg-color-warning-muted: var(--lg-orange-500-8);--lg-g-bg-color-warning-gradient-from: var(--lg-orange-50);--lg-g-bg-color-warning-gradient-to: var(--lg-orange-10);--lg-g-bg-color-danger-default: var(--lg-red-600);--lg-g-bg-color-danger-muted: var(--lg-red-500-8);--lg-g-bg-color-danger-hover: var(--lg-red-500);--lg-g-bg-color-danger-pressed: var(--lg-red-700);--lg-g-bg-color-danger-disabled: var(--lg-red-300);--lg-g-bg-color-danger-gradient-from: var(--lg-red-50);--lg-g-bg-color-danger-gradient-to: var(--lg-red-10);--lg-g-bg-color-success-default: var(--lg-green-600);--lg-g-bg-color-success-gradient-from: var(--lg-green-50);--lg-g-bg-color-success-gradient-to: var(--lg-green-10);--lg-g-bg-color-success-muted: var(--lg-green-500-8);--lg-g-bg-color-progress-default: var(--lg-blue-600);--lg-g-bg-color-progress-gradient-from: var(--lg-blue-50);--lg-g-bg-color-progress-gradient-to: var(--lg-blue-10);--lg-g-bg-color-progress-muted: var(--lg-blue-500-8)}:root{--lg-radius-small-raw: 4px;--lg-radius-medium-raw: 6px;--lg-radius-x-medium-raw: 8px;--lg-radius-large-raw: 12px;--lg-radius-x-large-raw: 16px;--lg-radius-2x-large-raw: 20px;--lg-radius-3x-large-raw: 24px;--lg-radius-4x-large-raw: 28px;--lg-radius-5x-large-raw: 32px;--lg-radius-circle-raw: 50%;--lg-radius-pill-raw: 999px;--lg-spacing-3x-small-raw: 2px;--lg-spacing-2x-small-raw: 4px;--lg-spacing-1-5x-small-raw: 6px;--lg-spacing-x-small-raw: 8px;--lg-spacing-0-5x-small-raw: 10px;--lg-spacing-small-raw: 12px;--lg-spacing-medium-raw: 16px;--lg-spacing-large-raw: 20px;--lg-spacing-x-large-raw: 28px;--lg-spacing-2x-large-raw: 36px;--lg-spacing-3x-large-raw: 48px;--lg-spacing-4x-large-raw: 72px;--lg-shadow-sm-raw: 0 1px 2px 0 rgba(0, 0, 0, .04), 0 1px 4px 0 rgba(0, 0, 0, .04);--lg-shadow-md-raw: 0 4px 12px 0 rgba(0, 0, 0, .06), 0 2px 4px 0 rgba(0, 0, 0, .04);--lg-shadow-lg-raw: 0 8px 24px 0 rgba(0, 0, 0, .08), 0 4px 8px 0 rgba(0, 0, 0, .04);--lg-font-size-sm-raw: 12px;--lg-font-size-raw: 14px;--lg-font-size-lg-raw: 16px;--lg-transition-duration-raw: .2s;--lg-transition-timing-raw: cubic-bezier(.645, .045, .355, 1)}:root{--lg-radius-small: var(--lg-radius-small-raw);--lg-radius-medium: var(--lg-radius-medium-raw);--lg-radius-x-medium: var(--lg-radius-x-medium-raw);--lg-radius-large: var(--lg-radius-large-raw);--lg-radius-x-large: var(--lg-radius-x-large-raw);--lg-radius-2x-large: var(--lg-radius-2x-large-raw);--lg-radius-3x-large: var(--lg-radius-3x-large-raw);--lg-radius-4x-large: var(--lg-radius-4x-large-raw);--lg-radius-5x-large: var(--lg-radius-5x-large-raw);--lg-radius-circle: var(--lg-radius-circle-raw);--lg-radius-pill: var(--lg-radius-pill-raw);--lg-spacing-3x-small: var(--lg-spacing-3x-small-raw);--lg-spacing-2x-small: var(--lg-spacing-2x-small-raw);--lg-spacing-1-5x-small: var(--lg-spacing-1-5x-small-raw);--lg-spacing-x-small: var(--lg-spacing-x-small-raw);--lg-spacing-0-5x-small: var(--lg-spacing-0-5x-small-raw);--lg-spacing-small: var(--lg-spacing-small-raw);--lg-spacing-medium: var(--lg-spacing-medium-raw);--lg-spacing-large: var(--lg-spacing-large-raw);--lg-spacing-x-large: var(--lg-spacing-x-large-raw);--lg-spacing-2x-large: var(--lg-spacing-2x-large-raw);--lg-spacing-3x-large: var(--lg-spacing-3x-large-raw);--lg-spacing-4x-large: var(--lg-spacing-4x-large-raw);--lg-shadow-sm: var(--lg-shadow-sm-raw);--lg-shadow-md: var(--lg-shadow-md-raw);--lg-shadow-lg: var(--lg-shadow-lg-raw);--lg-font-size-sm: var(--lg-font-size-sm-raw);--lg-font-size: var(--lg-font-size-raw);--lg-font-size-lg: var(--lg-font-size-lg-raw);--lg-transition-duration: var(--lg-transition-duration-raw);--lg-transition-timing: var(--lg-transition-timing-raw)}.lg-switch{--_switch-width-sm: 28px;--_switch-height-sm: 16px;--_switch-thumb-sm: 12px;--_switch-width-md: 36px;--_switch-height-md: 20px;--_switch-thumb-md: 16px;--_switch-width-lg: 44px;--_switch-height-lg: 24px;--_switch-thumb-lg: 20px;--_switch-padding: 2px;--_switch-bg-off: var(--lg-g-bg-color-neutral-emphasis);--_switch-bg-on: var(--lg-g-bg-color-primary-emphasis);--_switch-bg-off-disabled: var(--lg-g-border-color-default);--_switch-bg-on-disabled: var(--lg-g-bg-color-primary-muted);--_switch-thumb-color: var(--lg-g-bg-color-default);--_switch-transition: var(--lg-transition-duration) var(--lg-transition-timing)}.lg-switch{position:relative;display:inline-flex;align-items:center;padding:var(--_switch-padding);border:none;border-radius:var(--lg-radius-pill);background:var(--_switch-bg-off);cursor:pointer;outline:none;transition:background var(--_switch-transition);flex-shrink:0}.lg-switch:focus-visible{box-shadow:0 0 0 2px var(--lg-g-bg-color-primary-muted)}.lg-switch__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.lg-switch__thumb{display:block;border-radius:100px;background:var(--_switch-thumb-color);transition:transform var(--_switch-transition);flex-shrink:0}.lg-switch--sm{width:var(--_switch-width-sm);height:var(--_switch-height-sm)}.lg-switch--sm .lg-switch__thumb{width:var(--_switch-thumb-sm);height:var(--_switch-thumb-sm)}.lg-switch--md{width:var(--_switch-width-md);height:var(--_switch-height-md)}.lg-switch--md .lg-switch__thumb{width:var(--_switch-thumb-md);height:var(--_switch-thumb-md)}.lg-switch--lg{width:var(--_switch-width-lg);height:var(--_switch-height-lg)}.lg-switch--lg .lg-switch__thumb{width:var(--_switch-thumb-lg);height:var(--_switch-thumb-lg)}.lg-switch--checked{background:var(--_switch-bg-on)}.lg-switch--checked.lg-switch--sm .lg-switch__thumb{transform:translate(12px)}.lg-switch--checked.lg-switch--md .lg-switch__thumb{transform:translate(16px)}.lg-switch--checked.lg-switch--lg .lg-switch__thumb{transform:translate(20px)}.lg-switch--disabled{cursor:not-allowed;opacity:1;background:var(--_switch-bg-off-disabled)}.lg-switch--disabled.lg-switch--checked{background:var(--_switch-bg-on-disabled)}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React, { InputHTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
type SwitchSize = "sm" | "md" | "lg";
|
|
4
|
+
interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "onChange"> {
|
|
5
|
+
/** 开关状态(受控) */
|
|
6
|
+
checked?: boolean;
|
|
7
|
+
/** 默认开关状态(非受控) */
|
|
8
|
+
defaultChecked?: boolean;
|
|
9
|
+
/** 开关尺寸,默认 "md" */
|
|
10
|
+
size?: SwitchSize;
|
|
11
|
+
/** 禁用状态 */
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
/** 状态变更回调 */
|
|
14
|
+
onChange?: (checked: boolean) => void;
|
|
15
|
+
/** 额外 className */
|
|
16
|
+
className?: string;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* Switch 开关组件
|
|
21
|
+
* 支持三种尺寸(sm/md/lg)、受控与非受控两种模式、禁用状态
|
|
22
|
+
*/
|
|
23
|
+
declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
|
|
24
|
+
|
|
25
|
+
export { Switch, type SwitchProps, type SwitchSize };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React, { InputHTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
type SwitchSize = "sm" | "md" | "lg";
|
|
4
|
+
interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "onChange"> {
|
|
5
|
+
/** 开关状态(受控) */
|
|
6
|
+
checked?: boolean;
|
|
7
|
+
/** 默认开关状态(非受控) */
|
|
8
|
+
defaultChecked?: boolean;
|
|
9
|
+
/** 开关尺寸,默认 "md" */
|
|
10
|
+
size?: SwitchSize;
|
|
11
|
+
/** 禁用状态 */
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
/** 状态变更回调 */
|
|
14
|
+
onChange?: (checked: boolean) => void;
|
|
15
|
+
/** 额外 className */
|
|
16
|
+
className?: string;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* Switch 开关组件
|
|
21
|
+
* 支持三种尺寸(sm/md/lg)、受控与非受控两种模式、禁用状态
|
|
22
|
+
*/
|
|
23
|
+
declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
|
|
24
|
+
|
|
25
|
+
export { Switch, type SwitchProps, type SwitchSize };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var chunkLUX7TZYO_js=require('../chunk-LUX7TZYO.js');require('../chunk-DCDWEVW4.js');Object.defineProperty(exports,"Switch",{enumerable:true,get:function(){return chunkLUX7TZYO_js.a}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{a as Switch}from'../chunk-QPAXCNVH.mjs';import'../chunk-DN2VKVCV.mjs';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--lg-primary-50: #F3F5FF;--lg-primary-100: #E9EDFF;--lg-primary-200: #D4DBFF;--lg-primary-300: #B7C1FF;--lg-primary-400: #95A2FF;--lg-primary-500: #6D80FF;--lg-primary-600: #495DFF;--lg-primary-700: #3B47F2;--lg-primary-800: #2F37C7;--lg-primary-900: #272F9C;--lg-primary-950: #1B2169;--lg-primary-500-0: rgba(109, 128, 255, 0);--lg-primary-500-3: rgba(109, 128, 255, .03);--lg-primary-500-6: rgba(109, 128, 255, .06);--lg-primary-500-8: rgba(109, 128, 255, .08);--lg-primary-500-12: rgba(109, 128, 255, .12);--lg-primary-500-28: rgba(109, 128, 255, .28);--lg-primary-500-46: rgba(109, 128, 255, .46);--lg-primary-500-64: rgba(109, 128, 255, .64);--lg-primary-500-82: rgba(109, 128, 255, .82);--lg-primary-500-94: rgba(109, 128, 255, .94);--lg-primary-500-100: #6d80ff;--lg-red-10: #FFF5F5;--lg-red-50: #FFF0F1;--lg-red-100: #FFE0E3;--lg-red-200: #FFC7CC;--lg-red-300: #FF9EA6;--lg-red-400: #FF5765;--lg-red-500: #FF293B;--lg-red-600: #F12234;--lg-red-700: #DA0B20;--lg-red-800: #B30F25;--lg-red-900: #991519;--lg-red-950: #580405;--lg-red-500-0: rgba(251, 41, 59, 0);--lg-red-500-3: rgba(251, 41, 59, .03);--lg-red-500-6: rgba(251, 41, 59, .06);--lg-red-500-8: rgba(251, 41, 59, .08);--lg-red-500-12: rgba(251, 41, 59, .12);--lg-red-500-28: rgba(251, 41, 59, .28);--lg-red-500-46: rgba(251, 41, 59, .46);--lg-red-500-64: rgba(251, 41, 59, .64);--lg-red-500-82: rgba(251, 41, 59, .82);--lg-red-500-94: rgba(251, 41, 59, .94);--lg-red-500-100: #fb293b;--lg-orange-10: #FFF7F0;--lg-orange-50: #FFF4ED;--lg-orange-100: #FFE5D4;--lg-orange-200: #FFC7A8;--lg-orange-300: #FFA070;--lg-orange-400: #FF6D37;--lg-orange-500: #FF5522;--lg-orange-600: #F05513;--lg-orange-700: #BB4C02;--lg-orange-800: #983A08;--lg-orange-900: #7C300B;--lg-orange-950: #521A00;--lg-orange-500-0: rgba(255, 119, 0, 0);--lg-orange-500-3: rgba(255, 119, 0, .03);--lg-orange-500-6: rgba(255, 119, 0, .06);--lg-orange-500-8: rgba(255, 119, 0, .08);--lg-orange-500-12: rgba(255, 119, 0, .12);--lg-orange-500-28: rgba(255, 119, 0, .28);--lg-orange-500-46: rgba(255, 119, 0, .46);--lg-orange-500-64: rgba(255, 119, 0, .64);--lg-orange-500-82: rgba(255, 119, 0, .82);--lg-orange-500-94: rgba(255, 119, 0, .94);--lg-orange-500-100: #ff7700;--lg-amber-50: #FFFDEA;--lg-amber-100: #FFF8C5;--lg-amber-200: #FFF285;--lg-amber-300: #FFDB38;--lg-amber-400: #FFD414;--lg-amber-500: #FFB200;--lg-amber-600: #E28800;--lg-amber-700: #BB5F02;--lg-amber-800: #984908;--lg-amber-900: #7C3C0B;--lg-amber-950: #612800;--lg-amber-500-0: rgba(255, 178, 0, 0);--lg-amber-500-3: rgba(255, 178, 0, .03);--lg-amber-500-6: rgba(255, 178, 0, .06);--lg-amber-500-8: rgba(255, 178, 0, .08);--lg-amber-500-12: rgba(255, 178, 0, .12);--lg-amber-500-28: rgba(255, 178, 0, .28);--lg-amber-500-46: rgba(255, 178, 0, .46);--lg-amber-500-64: rgba(255, 178, 0, .64);--lg-amber-500-82: rgba(255, 178, 0, .82);--lg-amber-500-94: rgba(255, 178, 0, .94);--lg-amber-500-100: #ffb200;--lg-yellow-50: #FEFFE7;--lg-yellow-100: #FBFFC1;--lg-yellow-200: #FFFB86;--lg-yellow-300: #FFEC3D;--lg-yellow-400: #FFE51C;--lg-yellow-500: #FFE600;--lg-yellow-600: #D1A600;--lg-yellow-700: #A67802;--lg-yellow-800: #895D0A;--lg-yellow-900: #744C0F;--lg-yellow-950: #5C3C05;--lg-yellow-500-0: rgba(255, 230, 0, 0);--lg-yellow-500-3: rgba(255, 230, 0, .03);--lg-yellow-500-6: rgba(255, 230, 0, .06);--lg-yellow-500-8: rgba(255, 230, 0, .08);--lg-yellow-500-12: rgba(255, 230, 0, .12);--lg-yellow-500-28: rgba(255, 230, 0, .28);--lg-yellow-500-46: rgba(255, 230, 0, .46);--lg-yellow-500-64: rgba(255, 230, 0, .64);--lg-yellow-500-82: rgba(255, 230, 0, .82);--lg-yellow-500-94: rgba(255, 230, 0, .94);--lg-yellow-500-100: #ffe600;--lg-lime-50: #F0FBE4;--lg-lime-100: #EBFADC;--lg-lime-200: #CBF2A5;--lg-lime-300: #9CE356;--lg-lime-400: #84D533;--lg-lime-500: #74D70B;--lg-lime-600: #5FBA04;--lg-lime-700: #438308;--lg-lime-800: #38670D;--lg-lime-900: #305710;--lg-lime-950: #1E4203;--lg-lime-500-0: rgba(116, 215, 11, 0);--lg-lime-500-3: rgba(116, 215, 11, .03);--lg-lime-500-6: rgba(116, 215, 11, .06);--lg-lime-500-8: rgba(116, 215, 11, .08);--lg-lime-500-12: rgba(116, 215, 11, .12);--lg-lime-500-28: rgba(116, 215, 11, .28);--lg-lime-500-46: rgba(116, 215, 11, .46);--lg-lime-500-64: rgba(116, 215, 11, .64);--lg-lime-500-82: rgba(116, 215, 11, .82);--lg-lime-500-94: rgba(116, 215, 11, .94);--lg-lime-500-100: #74d70b;--lg-green-10: #F7FFF8;--lg-green-50: #EEFFF0;--lg-green-100: #DBFFE1;--lg-green-200: #B4F5BF;--lg-green-300: #7AEB9C;--lg-green-400: #45E57A;--lg-green-500: #08CC50;--lg-green-600: #04B545;--lg-green-700: #078E3B;--lg-green-800: #0C6F37;--lg-green-900: #0C5B31;--lg-green-950: #003D1D;--lg-green-500-0: rgba(8, 204, 80, 0);--lg-green-500-3: rgba(8, 204, 80, .03);--lg-green-500-6: rgba(8, 204, 80, .06);--lg-green-500-8: rgba(8, 204, 80, .08);--lg-green-500-12: rgba(8, 204, 80, .12);--lg-green-500-28: rgba(8, 204, 80, .28);--lg-green-500-46: rgba(8, 204, 80, .46);--lg-green-500-64: rgba(8, 204, 80, .64);--lg-green-500-82: rgba(8, 204, 80, .82);--lg-green-500-94: rgba(8, 204, 80, .94);--lg-green-500-100: #08cc50;--lg-emerald-50: #EBFEF7;--lg-emerald-100: #D4FCE9;--lg-emerald-200: #A9EBD3;--lg-emerald-300: #83EBC8;--lg-emerald-400: #50E6B9;--lg-emerald-500: #08C787;--lg-emerald-600: #009D72;--lg-emerald-700: #007E5E;--lg-emerald-800: #02634C;--lg-emerald-900: #025240;--lg-emerald-950: #003D31;--lg-emerald-500-0: rgba(8, 199, 135, 0);--lg-emerald-500-3: rgba(8, 199, 135, .03);--lg-emerald-500-6: rgba(8, 199, 135, .06);--lg-emerald-500-8: rgba(8, 199, 135, .08);--lg-emerald-500-12: rgba(8, 199, 135, .12);--lg-emerald-500-28: rgba(8, 199, 135, .28);--lg-emerald-500-46: rgba(8, 199, 135, .46);--lg-emerald-500-64: rgba(8, 199, 135, .64);--lg-emerald-500-82: rgba(8, 199, 135, .82);--lg-emerald-500-94: rgba(8, 199, 135, .94);--lg-emerald-500-100: #08c787;--lg-teal-50: #EFFEFC;--lg-teal-100: #C9FEF5;--lg-teal-200: #87EBDB;--lg-teal-300: #71F5E5;--lg-teal-400: #4CEBE9;--lg-teal-500: #00E5E5;--lg-teal-600: #00BFB8;--lg-teal-700: #027F83;--lg-teal-800: #086367;--lg-teal-900: #0F5052;--lg-teal-950: #013A3D;--lg-teal-500-0: rgba(0, 229, 229, 0);--lg-teal-500-3: rgba(0, 229, 229, .03);--lg-teal-500-6: rgba(0, 229, 229, .06);--lg-teal-500-8: rgba(0, 229, 229, .08);--lg-teal-500-12: rgba(0, 229, 229, .12);--lg-teal-500-28: rgba(0, 229, 229, .28);--lg-teal-500-46: rgba(0, 229, 229, .46);--lg-teal-500-64: rgba(0, 229, 229, .64);--lg-teal-500-82: rgba(0, 229, 229, .82);--lg-teal-500-94: rgba(0, 229, 229, .94);--lg-teal-500-100: #00e5e5;--lg-cyan-50: #F0F9FF;--lg-cyan-100: #DEF1FF;--lg-cyan-200: #B6E5FF;--lg-cyan-300: #75D3FF;--lg-cyan-400: #2CBDFF;--lg-cyan-500: #00A3F4;--lg-cyan-600: #0083D4;--lg-cyan-700: #0068AB;--lg-cyan-800: #00588D;--lg-cyan-900: #064A74;--lg-cyan-950: #053A61;--lg-cyan-500-0: rgba(0, 163, 244, 0);--lg-cyan-500-3: rgba(0, 163, 244, .03);--lg-cyan-500-6: rgba(0, 163, 244, .06);--lg-cyan-500-8: rgba(0, 163, 244, .08);--lg-cyan-500-12: rgba(0, 163, 244, .12);--lg-cyan-500-28: rgba(0, 163, 244, .28);--lg-cyan-500-46: rgba(0, 163, 244, .46);--lg-cyan-500-64: rgba(0, 163, 244, .64);--lg-cyan-500-82: rgba(0, 163, 244, .82);--lg-cyan-500-94: rgba(0, 163, 244, .94);--lg-cyan-500-100: #00a3f4;--lg-blue-10: #F7FBFF;--lg-blue-50: #F2F7FF;--lg-blue-100: #E4EEFF;--lg-blue-200: #C8DCFF;--lg-blue-300: #A4C5FF;--lg-blue-400: #74A5FF;--lg-blue-500: #4D89FF;--lg-blue-600: #2970FF;--lg-blue-700: #155BE8;--lg-blue-800: #164ABE;--lg-blue-900: #183F96;--lg-blue-950: #172A5E;--lg-blue-500-0: rgba(77, 137, 255, 0);--lg-blue-500-3: rgba(77, 137, 255, .03);--lg-blue-500-6: rgba(77, 137, 255, .06);--lg-blue-500-8: rgba(77, 137, 255, .08);--lg-blue-500-12: rgba(77, 137, 255, .12);--lg-blue-500-28: rgba(77, 137, 255, .28);--lg-blue-500-46: rgba(77, 137, 255, .46);--lg-blue-500-64: rgba(77, 137, 255, .64);--lg-blue-500-82: rgba(77, 137, 255, .82);--lg-blue-500-94: rgba(77, 137, 255, .94);--lg-blue-500-100: #4d89ff;--lg-indigo-50: #F5F6FF;--lg-indigo-100: #E5E9FF;--lg-indigo-200: #CCD3FF;--lg-indigo-300: #9BA6FD;--lg-indigo-400: #737CFC;--lg-indigo-500: #5155F6;--lg-indigo-600: #4343F5;--lg-indigo-700: #322FCC;--lg-indigo-800: #1A18A3;--lg-indigo-900: #0D097A;--lg-indigo-950: #060066;--lg-indigo-500-0: rgba(81, 85, 246, 0);--lg-indigo-500-3: rgba(81, 85, 246, .03);--lg-indigo-500-6: rgba(81, 85, 246, .06);--lg-indigo-500-8: rgba(81, 85, 246, .08);--lg-indigo-500-12: rgba(81, 85, 246, .12);--lg-indigo-500-28: rgba(81, 85, 246, .28);--lg-indigo-500-46: rgba(81, 85, 246, .46);--lg-indigo-500-64: rgba(81, 85, 246, .64);--lg-indigo-500-82: rgba(81, 85, 246, .82);--lg-indigo-500-94: rgba(81, 85, 246, .94);--lg-indigo-500-100: #5155f6;--lg-violet-50: #F5F2FF;--lg-violet-100: #E9E3FF;--lg-violet-200: #CEC2FF;--lg-violet-300: #B19EFF;--lg-violet-400: #9980FF;--lg-violet-500: #7858F9;--lg-violet-600: #572FF7;--lg-violet-700: #3C17CF;--lg-violet-800: #2505A6;--lg-violet-900: #1A0080;--lg-violet-950: #140066;--lg-violet-500-0: rgba(120, 88, 249, 0);--lg-violet-500-3: rgba(120, 88, 249, .03);--lg-violet-500-6: rgba(120, 88, 249, .06);--lg-violet-500-8: rgba(120, 88, 249, .08);--lg-violet-500-12: rgba(120, 88, 249, .12);--lg-violet-500-28: rgba(120, 88, 249, .28);--lg-violet-500-46: rgba(120, 88, 249, .46);--lg-violet-500-64: rgba(120, 88, 249, .64);--lg-violet-500-82: rgba(120, 88, 249, .82);--lg-violet-500-94: rgba(120, 88, 249, .94);--lg-violet-500-100: #7858f9;--lg-purple-50: #F9F5FF;--lg-purple-100: #F1E7FF;--lg-purple-200: #E5D3FF;--lg-purple-300: #D0B0FF;--lg-purple-400: #B37EFF;--lg-purple-500: #8F40FF;--lg-purple-600: #7F2AF3;--lg-purple-700: #6C1AD6;--lg-purple-800: #5D1AAF;--lg-purple-900: #4D178C;--lg-purple-950: #320269;--lg-purple-500-0: rgba(143, 64, 255, 0);--lg-purple-500-3: rgba(143, 64, 255, .03);--lg-purple-500-6: rgba(143, 64, 255, .06);--lg-purple-500-8: rgba(143, 64, 255, .08);--lg-purple-500-12: rgba(143, 64, 255, .12);--lg-purple-500-28: rgba(143, 64, 255, .28);--lg-purple-500-46: rgba(143, 64, 255, .46);--lg-purple-500-64: rgba(143, 64, 255, .64);--lg-purple-500-82: rgba(143, 64, 255, .82);--lg-purple-500-94: rgba(143, 64, 255, .94);--lg-purple-500-100: #8f40ff;--lg-fuchsia-50: #FFF2FC;--lg-fuchsia-100: #FFE3F8;--lg-fuchsia-200: #FFC2F0;--lg-fuchsia-300: #FF9EE7;--lg-fuchsia-400: #FF80DF;--lg-fuchsia-500: #F858D0;--lg-fuchsia-600: #ED1DB9;--lg-fuchsia-700: #B8148F;--lg-fuchsia-800: #950471;--lg-fuchsia-900: #66004D;--lg-fuchsia-950: #5C0044;--lg-fuchsia-500-0: rgba(248, 88, 208, 0);--lg-fuchsia-500-3: rgba(248, 88, 208, .03);--lg-fuchsia-500-6: rgba(248, 88, 208, .06);--lg-fuchsia-500-8: rgba(248, 88, 208, .08);--lg-fuchsia-500-12: rgba(248, 88, 208, .12);--lg-fuchsia-500-28: rgba(248, 88, 208, .28);--lg-fuchsia-500-46: rgba(248, 88, 208, .46);--lg-fuchsia-500-64: rgba(248, 88, 208, .64);--lg-fuchsia-500-82: rgba(248, 88, 208, .82);--lg-fuchsia-500-94: rgba(248, 88, 208, .94);--lg-fuchsia-500-100: #f858d0;--lg-pink-50: #FFF0F3;--lg-pink-100: #FFE2EA;--lg-pink-200: #FFCADA;--lg-pink-300: #FF9FBB;--lg-pink-400: #FF6997;--lg-pink-500: #FF246D;--lg-pink-600: #ED1165;--lg-pink-700: #C80856;--lg-pink-800: #A8094F;--lg-pink-900: #8F0C49;--lg-pink-950: #6B0130;--lg-pink-500-0: rgba(255, 36, 109, 0);--lg-pink-500-3: rgba(255, 36, 109, .03);--lg-pink-500-6: rgba(255, 36, 109, .06);--lg-pink-500-8: rgba(255, 36, 109, .08);--lg-pink-500-12: rgba(255, 36, 109, .12);--lg-pink-500-28: rgba(255, 36, 109, .28);--lg-pink-500-46: rgba(255, 36, 109, .46);--lg-pink-500-64: rgba(255, 36, 109, .64);--lg-pink-500-82: rgba(255, 36, 109, .82);--lg-pink-500-94: rgba(255, 36, 109, .94);--lg-pink-500-100: #ff246d;--lg-gray-blue-50: #FAFBFC;--lg-gray-blue-100: #F7F8FA;--lg-gray-blue-200: #F1F4F6;--lg-gray-blue-300: #EBEEF2;--lg-gray-blue-400: #EAEEF2;--lg-gray-blue-500: #D0D4DC;--lg-gray-blue-600: #B3B8C5;--lg-gray-blue-700: #989EAC;--lg-gray-blue-800: #797F91;--lg-gray-blue-900: #646A78;--lg-gray-blue-950: #3A3C46;--lg-black-0: rgba(0, 0, 0, 0);--lg-black-2: rgba(0, 0, 0, .02);--lg-black-3: rgba(0, 0, 0, .03);--lg-black-6: rgba(0, 0, 0, .06);--lg-black-8: rgba(0, 0, 0, .08);--lg-black-12: rgba(0, 0, 0, .12);--lg-black-18: rgba(0, 0, 0, .18);--lg-black-28: rgba(0, 0, 0, .28);--lg-black-46: rgba(0, 0, 0, .46);--lg-black-64: rgba(0, 0, 0, .64);--lg-black-82: rgba(0, 0, 0, .82);--lg-black-94: rgba(0, 0, 0, .94);--lg-black-100: #000000;--lg-white-0: rgba(255, 255, 255, 0);--lg-white-3: rgba(255, 255, 255, .03);--lg-white-6: rgba(255, 255, 255, .06);--lg-white-12: rgba(255, 255, 255, .12);--lg-white-18: rgba(255, 255, 255, .18);--lg-white-28: rgba(255, 255, 255, .28);--lg-white-46: rgba(255, 255, 255, .46);--lg-white-64: rgba(255, 255, 255, .64);--lg-white-82: rgba(255, 255, 255, .82);--lg-white-94: rgba(255, 255, 255, .94);--lg-white-100: #ffffff}:root{--lg-g-fg-color-white: var(--lg-white-100);--lg-g-fg-color-attention: var(--lg-black-94);--lg-g-fg-color-default: var(--lg-black-82);--lg-g-fg-color-muted: var(--lg-black-64);--lg-g-fg-color-description: var(--lg-black-46);--lg-g-fg-color-disabled: var(--lg-black-28);--lg-g-fg-color-primary-default: var(--lg-primary-600);--lg-g-fg-color-primary-hover: var(--lg-primary-500);--lg-g-fg-color-primary-pressed: var(--lg-primary-700);--lg-g-fg-color-primary-disabled: var(--lg-primary-300);--lg-g-fg-color-warning-default: var(--lg-orange-600);--lg-g-fg-color-danger-default: var(--lg-red-600);--lg-g-fg-color-danger-hover: var(--lg-red-500);--lg-g-fg-color-danger-pressed: var(--lg-red-700);--lg-g-fg-color-danger-disabled: var(--lg-red-300);--lg-g-fg-color-success-default: var(--lg-green-600);--lg-g-fg-color-progress-default: var(--lg-blue-600);--lg-g-fg-color-link-default: var(--lg-blue-600);--lg-g-fg-color-link-hover: var(--lg-blue-500);--lg-g-fg-color-link-pressed: var(--lg-blue-700);--lg-g-border-color-emphasis: var(--lg-black-18);--lg-g-border-color-muted: var(--lg-black-6);--lg-g-border-color-default: var(--lg-black-8);--lg-g-border-color-hover: var(--lg-black-8);--lg-g-border-color-pressed: var(--lg-black-8);--lg-g-border-color-leaf: var(--lg-black-8);--lg-g-border-color-primary-default: var(--lg-primary-600);--lg-g-border-color-primary-muted: var(--lg-primary-100);--lg-g-border-color-primary-hover: var(--lg-primary-500);--lg-g-border-color-primary-pressed: var(--lg-primary-700);--lg-g-border-color-primary-disabled: var(--lg-primary-300);--lg-g-border-color-warning-default: var(--lg-orange-600);--lg-g-border-color-warning-muted: var(--lg-orange-100);--lg-g-border-color-danger-default: var(--lg-red-600);--lg-g-border-color-danger-muted: var(--lg-red-100);--lg-g-border-color-danger-hover: var(--lg-red-500);--lg-g-border-color-danger-pressed: var(--lg-red-700);--lg-g-border-color-danger-disabled: var(--lg-red-300);--lg-g-border-color-success-default: var(--lg-green-600);--lg-g-border-color-success-muted: var(--lg-green-100);--lg-g-border-color-progress-default: var(--lg-blue-600);--lg-g-border-color-progress-muted: var(--lg-blue-100);--lg-g-bg-color-default: var(--lg-white-100);--lg-g-bg-color-emphasis: var(--lg-white-64);--lg-g-bg-color-subtle: var(--lg-black-2);--lg-g-bg-color-muted: var(--lg-black-3);--lg-g-bg-color-neutral-emphasis: var(--lg-black-12);--lg-g-bg-color-neutral-muted: var(--lg-black-6);--lg-g-bg-color-inset: #FCFCFC;--lg-g-bg-color-primary-emphasis: var(--lg-primary-600);--lg-g-bg-color-primary-muted: var(--lg-primary-500-8);--lg-g-bg-color-primary-hover: var(--lg-primary-500);--lg-g-bg-color-primary-pressed: var(--lg-primary-700);--lg-g-bg-color-primary-disabled: var(--lg-primary-300);--lg-g-bg-color-primary-gradient-from: var(--lg-primary-50);--lg-g-bg-color-primary-gradient-to: var(--lg-blue-10);--lg-g-bg-color-warning-default: var(--lg-orange-600);--lg-g-bg-color-warning-muted: var(--lg-orange-500-8);--lg-g-bg-color-warning-gradient-from: var(--lg-orange-50);--lg-g-bg-color-warning-gradient-to: var(--lg-orange-10);--lg-g-bg-color-danger-default: var(--lg-red-600);--lg-g-bg-color-danger-muted: var(--lg-red-500-8);--lg-g-bg-color-danger-hover: var(--lg-red-500);--lg-g-bg-color-danger-pressed: var(--lg-red-700);--lg-g-bg-color-danger-disabled: var(--lg-red-300);--lg-g-bg-color-danger-gradient-from: var(--lg-red-50);--lg-g-bg-color-danger-gradient-to: var(--lg-red-10);--lg-g-bg-color-success-default: var(--lg-green-600);--lg-g-bg-color-success-gradient-from: var(--lg-green-50);--lg-g-bg-color-success-gradient-to: var(--lg-green-10);--lg-g-bg-color-success-muted: var(--lg-green-500-8);--lg-g-bg-color-progress-default: var(--lg-blue-600);--lg-g-bg-color-progress-gradient-from: var(--lg-blue-50);--lg-g-bg-color-progress-gradient-to: var(--lg-blue-10);--lg-g-bg-color-progress-muted: var(--lg-blue-500-8)}:root{--lg-radius-small-raw: 4px;--lg-radius-medium-raw: 6px;--lg-radius-x-medium-raw: 8px;--lg-radius-large-raw: 12px;--lg-radius-x-large-raw: 16px;--lg-radius-2x-large-raw: 20px;--lg-radius-3x-large-raw: 24px;--lg-radius-4x-large-raw: 28px;--lg-radius-5x-large-raw: 32px;--lg-radius-circle-raw: 50%;--lg-radius-pill-raw: 999px;--lg-spacing-3x-small-raw: 2px;--lg-spacing-2x-small-raw: 4px;--lg-spacing-1-5x-small-raw: 6px;--lg-spacing-x-small-raw: 8px;--lg-spacing-0-5x-small-raw: 10px;--lg-spacing-small-raw: 12px;--lg-spacing-medium-raw: 16px;--lg-spacing-large-raw: 20px;--lg-spacing-x-large-raw: 28px;--lg-spacing-2x-large-raw: 36px;--lg-spacing-3x-large-raw: 48px;--lg-spacing-4x-large-raw: 72px;--lg-shadow-sm-raw: 0 1px 2px 0 rgba(0, 0, 0, .04), 0 1px 4px 0 rgba(0, 0, 0, .04);--lg-shadow-md-raw: 0 4px 12px 0 rgba(0, 0, 0, .06), 0 2px 4px 0 rgba(0, 0, 0, .04);--lg-shadow-lg-raw: 0 8px 24px 0 rgba(0, 0, 0, .08), 0 4px 8px 0 rgba(0, 0, 0, .04);--lg-font-size-sm-raw: 12px;--lg-font-size-raw: 14px;--lg-font-size-lg-raw: 16px;--lg-transition-duration-raw: .2s;--lg-transition-timing-raw: cubic-bezier(.645, .045, .355, 1)}:root{--lg-radius-small: var(--lg-radius-small-raw);--lg-radius-medium: var(--lg-radius-medium-raw);--lg-radius-x-medium: var(--lg-radius-x-medium-raw);--lg-radius-large: var(--lg-radius-large-raw);--lg-radius-x-large: var(--lg-radius-x-large-raw);--lg-radius-2x-large: var(--lg-radius-2x-large-raw);--lg-radius-3x-large: var(--lg-radius-3x-large-raw);--lg-radius-4x-large: var(--lg-radius-4x-large-raw);--lg-radius-5x-large: var(--lg-radius-5x-large-raw);--lg-radius-circle: var(--lg-radius-circle-raw);--lg-radius-pill: var(--lg-radius-pill-raw);--lg-spacing-3x-small: var(--lg-spacing-3x-small-raw);--lg-spacing-2x-small: var(--lg-spacing-2x-small-raw);--lg-spacing-1-5x-small: var(--lg-spacing-1-5x-small-raw);--lg-spacing-x-small: var(--lg-spacing-x-small-raw);--lg-spacing-0-5x-small: var(--lg-spacing-0-5x-small-raw);--lg-spacing-small: var(--lg-spacing-small-raw);--lg-spacing-medium: var(--lg-spacing-medium-raw);--lg-spacing-large: var(--lg-spacing-large-raw);--lg-spacing-x-large: var(--lg-spacing-x-large-raw);--lg-spacing-2x-large: var(--lg-spacing-2x-large-raw);--lg-spacing-3x-large: var(--lg-spacing-3x-large-raw);--lg-spacing-4x-large: var(--lg-spacing-4x-large-raw);--lg-shadow-sm: var(--lg-shadow-sm-raw);--lg-shadow-md: var(--lg-shadow-md-raw);--lg-shadow-lg: var(--lg-shadow-lg-raw);--lg-font-size-sm: var(--lg-font-size-sm-raw);--lg-font-size: var(--lg-font-size-raw);--lg-font-size-lg: var(--lg-font-size-lg-raw);--lg-transition-duration: var(--lg-transition-duration-raw);--lg-transition-timing: var(--lg-transition-timing-raw)}.lg-tabs{--_tabs-gap: 4px;--_tabs-padding: 4px;--_tabs-tab-height-md: 32px;--_tabs-tab-height-sm: 28px;--_tabs-tab-padding-x: 16px;--_tabs-font-size-md: 14px;--_tabs-font-size-sm: 12px;--_tabs-slider-duration: .3s;display:inline-flex}.lg-tabs__list{position:relative;display:inline-flex;align-items:center;gap:var(--_tabs-gap)}.lg-tabs__tab{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--lg-spacing-2x-small);height:var(--_tabs-tab-height-md);padding:0 var(--_tabs-tab-padding-x);border:1px solid transparent;border-radius:var(--lg-radius-2x-large);font-size:var(--_tabs-font-size-md);font-weight:400;line-height:1;white-space:nowrap;color:var(--lg-g-fg-color-muted);background-color:transparent;cursor:pointer;user-select:none;transition-property:color,background-color;transition-duration:var(--lg-transition-duration);transition-timing-function:var(--lg-transition-timing)}.lg-tabs__tab:focus-visible{outline:2px solid var(--lg-g-border-color-primary-default);outline-offset:2px}.lg-tabs__tab-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0}.lg-tabs__tab-label{display:inline-flex;align-items:center}.lg-tabs__tab-suffix{display:inline-flex;align-items:center;flex-shrink:0}.lg-tabs--md .lg-tabs__tab{height:var(--_tabs-tab-height-md);padding:0 var(--_tabs-tab-padding-x);font-size:var(--_tabs-font-size-md)}.lg-tabs--sm .lg-tabs__tab{height:var(--_tabs-tab-height-sm);padding:0 var(--lg-spacing-small);font-size:var(--_tabs-font-size-sm)}.lg-tabs--segmented .lg-tabs__list{padding:var(--_tabs-padding);background-color:var(--lg-g-bg-color-muted);border-radius:var(--lg-radius-2x-large)}.lg-tabs--segmented .lg-tabs__tab{border-radius:var(--lg-radius-2x-large)}.lg-tabs--segmented .lg-tabs__tab[data-state=active]{color:var(--lg-g-fg-color-attention);font-weight:500}.lg-tabs--segmented .lg-tabs__tab[data-state=inactive]{color:var(--lg-g-fg-color-muted)}.lg-tabs--segmented .lg-tabs__tab:hover:not([data-state=active]):not(:disabled){background-color:var(--lg-g-bg-color-muted)}.lg-tabs--solid .lg-tabs__tab{border-radius:var(--lg-radius-x-large)}.lg-tabs--solid .lg-tabs__tab[data-state=active]{color:var(--lg-g-fg-color-white);font-weight:500}.lg-tabs--solid .lg-tabs__tab[data-state=inactive]{color:var(--lg-g-fg-color-description)}.lg-tabs--solid .lg-tabs__tab:hover:not([data-state=active]):not(:disabled){background-color:var(--lg-g-bg-color-muted)}.lg-tabs--outline .lg-tabs__tab{border-radius:var(--lg-radius-x-large)}.lg-tabs--outline .lg-tabs__tab[data-state=active]{color:var(--lg-g-fg-color-primary-default);font-weight:500}.lg-tabs--outline .lg-tabs__tab[data-state=inactive]{color:var(--lg-g-fg-color-description)}.lg-tabs--outline .lg-tabs__tab:hover:not([data-state=active]):not(:disabled){background-color:var(--lg-g-bg-color-muted)}.lg-tabs--underline .lg-tabs__list{width:100%;border-bottom:1px solid var(--lg-g-border-color-default)}.lg-tabs--underline .lg-tabs__tab{font-size:var(--_tabs-font-size-sm)}.lg-tabs--underline .lg-tabs__tab[data-state=active]{color:var(--lg-g-fg-color-attention);font-weight:500}.lg-tabs--underline .lg-tabs__tab[data-state=inactive]{color:var(--lg-g-fg-color-description)}.lg-tabs--underline .lg-tabs__tab:hover:not([data-state=active]):not(:disabled){color:var(--lg-g-fg-color-muted)}.lg-tabs__slider{position:absolute;top:0;left:0;pointer-events:none;will-change:transform,width;z-index:0}.lg-tabs__slider--segmented{top:var(--_tabs-padding);height:var(--_tabs-tab-height-md);background-color:var(--lg-g-bg-color-default);border-radius:var(--lg-radius-2x-large);box-shadow:var(--lg-shadow-sm)}.lg-tabs__slider--solid{top:0;height:var(--_tabs-tab-height-md);background-color:var(--lg-g-bg-color-primary-emphasis);border-radius:var(--lg-radius-x-large)}.lg-tabs__slider--outline{top:0;height:var(--_tabs-tab-height-md);background-color:transparent;border:1px solid var(--lg-g-border-color-primary-default);border-radius:var(--lg-radius-x-large)}.lg-tabs__slider--underline{top:auto;bottom:0;height:1px!important;background-color:var(--lg-g-fg-color-attention);border-radius:0;box-shadow:none}.lg-tabs--sm .lg-tabs__slider--segmented,.lg-tabs--sm .lg-tabs__slider--solid,.lg-tabs--sm .lg-tabs__slider--outline{height:var(--_tabs-tab-height-sm)}.lg-tabs__tab--disabled,.lg-tabs__tab:disabled{opacity:.4;cursor:not-allowed}.lg-tabs--wrap .lg-tabs__list{flex-wrap:wrap;row-gap:var(--lg-spacing-x-small, 8px)}.lg-tabs--wrap .lg-tabs__slider{display:none}.lg-tabs--wrap.lg-tabs--outline .lg-tabs__tab[data-state=active]{border-color:var(--lg-g-border-color-primary-default)}.lg-tabs--wrap.lg-tabs--segmented .lg-tabs__tab[data-state=active]{background-color:var(--lg-g-bg-color-default);box-shadow:var(--lg-shadow-sm)}.lg-tabs--wrap.lg-tabs--solid .lg-tabs__tab[data-state=active]{background-color:var(--lg-g-bg-color-primary-emphasis);color:var(--lg-g-fg-color-white)}.lg-tabs--has-content{display:flex;flex-direction:column;width:100%}.lg-tabs--has-content .lg-tabs__list{align-self:flex-start}.lg-tabs__content-wrapper{position:relative;overflow:hidden;flex:1}.lg-tabs__panel{outline:none}.lg-tabs__panel--inactive:not(.lg-tabs__panel--animated){display:none}.lg-tabs__panel--animated[hidden]{display:block!important}.lg-tabs__panel--animated.lg-tabs__panel--active{animation:lg-tabs-slide-in var(--lg-transition-duration) var(--lg-transition-timing) forwards}.lg-tabs__panel--animated.lg-tabs__panel--inactive{position:absolute;top:0;left:0;right:0;pointer-events:none;animation:lg-tabs-slide-out var(--lg-transition-duration) var(--lg-transition-timing) forwards}.lg-tabs__panel--slide-right.lg-tabs__panel--active{animation-name:lg-tabs-slide-in-from-right}.lg-tabs__panel--slide-right.lg-tabs__panel--inactive{animation-name:lg-tabs-slide-out-to-left}.lg-tabs__panel--slide-left.lg-tabs__panel--active{animation-name:lg-tabs-slide-in-from-left}.lg-tabs__panel--slide-left.lg-tabs__panel--inactive{animation-name:lg-tabs-slide-out-to-right}@keyframes lg-tabs-slide-in-from-right{0%{transform:translate(30%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes lg-tabs-slide-out-to-left{0%{transform:translate(0);opacity:1}to{transform:translate(-30%);opacity:0}}@keyframes lg-tabs-slide-in-from-left{0%{transform:translate(-30%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes lg-tabs-slide-out-to-right{0%{transform:translate(0);opacity:1}to{transform:translate(30%);opacity:0}}@keyframes lg-tabs-slide-in{0%{opacity:0}to{opacity:1}}@keyframes lg-tabs-slide-out{0%{opacity:1}to{opacity:0}}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
+
import React, { ReactNode, HTMLAttributes } from 'react';
|
|
3
|
+
|
|
4
|
+
/** Tabs 视觉风格变体:对齐 Figma「Tab - 芝芝」4 种风格,由显式 API 控制而非隐式判断 */
|
|
5
|
+
type TabsVariant = "segmented" | "solid" | "outline" | "underline";
|
|
6
|
+
/** Tabs 尺寸变体:md 为默认,sm 用于次级/紧凑场景 */
|
|
7
|
+
type TabsSize = "sm" | "md";
|
|
8
|
+
/** 单个标签项配置:以配置数组驱动渲染,避免消费方手写 Trigger 结构 */
|
|
9
|
+
interface TabItem<T extends string = string> {
|
|
10
|
+
/** 唯一标识,作为 Radix Trigger 的 value,消费方据此识别选中项 */
|
|
11
|
+
key: T;
|
|
12
|
+
/** 标签内容,用 ReactNode 以支持文本以外的富内容 */
|
|
13
|
+
label: ReactNode;
|
|
14
|
+
/** 是否禁用,禁用项不可点击且不触发 onChange,交由 Radix 处理可聚焦性 */
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
/** label 左侧图标插槽,与 label 分离以便独立控制布局与间距 */
|
|
17
|
+
icon?: ReactNode;
|
|
18
|
+
/** label 右侧后缀插槽(如数量徽标),与 label 分离以便右对齐渲染 */
|
|
19
|
+
suffix?: ReactNode;
|
|
20
|
+
/** 无障碍标签,label 为非文本 ReactNode 时建议提供以保障可读性 */
|
|
21
|
+
ariaLabel?: string;
|
|
22
|
+
/** tab 对应的面板内容,传入后由组件管理内容区渲染与切换动画 */
|
|
23
|
+
children?: ReactNode;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Tabs Props
|
|
27
|
+
* 通过 Omit 继承原生 div 属性,排除与组件自身语义冲突的 onChange / defaultValue,
|
|
28
|
+
* 避免原生事件签名与「key 维度」回调、Radix defaultValue 产生类型歧义
|
|
29
|
+
*/
|
|
30
|
+
interface TabsProps<T extends string = string> extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
|
|
31
|
+
/** 标签项数组,按顺序渲染 */
|
|
32
|
+
items: TabItem<T>[];
|
|
33
|
+
/** 受控选中 key,传入即进入受控模式 */
|
|
34
|
+
activeKey?: T;
|
|
35
|
+
/** 非受控默认选中 key,仅在未传 activeKey 时生效 */
|
|
36
|
+
defaultActiveKey?: T;
|
|
37
|
+
/** 选中项变化回调,入参为目标项的 key */
|
|
38
|
+
onChange?: (key: T) => void;
|
|
39
|
+
/** 视觉风格变体,默认 "segmented" */
|
|
40
|
+
variant?: TabsVariant;
|
|
41
|
+
/** 尺寸,默认 "md" */
|
|
42
|
+
size?: TabsSize;
|
|
43
|
+
/** 追加到根元素的自定义类名,供消费方做样式覆盖 */
|
|
44
|
+
className?: string;
|
|
45
|
+
/** 标签列表是否允许换行,默认 false(单行滚动),适用于分类筛选等多标签场景 */
|
|
46
|
+
wrap?: boolean;
|
|
47
|
+
/** 是否启用内容面板切换动画,默认 true(仅在有 children 时生效) */
|
|
48
|
+
animated?: boolean;
|
|
49
|
+
/** 面板切换是否销毁非活跃面板 DOM,默认 false(保持 DOM 仅隐藏) */
|
|
50
|
+
destroyInactivePanel?: boolean;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
declare const tabsVariants: (props?: ({
|
|
54
|
+
variant?: "segmented" | "solid" | "outline" | "underline" | null | undefined;
|
|
55
|
+
size?: "sm" | "md" | null | undefined;
|
|
56
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
57
|
+
declare const Tabs: <T extends string = string>(props: TabsProps<T> & {
|
|
58
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
59
|
+
}) => React.ReactElement | null;
|
|
60
|
+
|
|
61
|
+
export { type TabItem, Tabs, type TabsProps, type TabsSize, type TabsVariant, tabsVariants };
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
+
import React, { ReactNode, HTMLAttributes } from 'react';
|
|
3
|
+
|
|
4
|
+
/** Tabs 视觉风格变体:对齐 Figma「Tab - 芝芝」4 种风格,由显式 API 控制而非隐式判断 */
|
|
5
|
+
type TabsVariant = "segmented" | "solid" | "outline" | "underline";
|
|
6
|
+
/** Tabs 尺寸变体:md 为默认,sm 用于次级/紧凑场景 */
|
|
7
|
+
type TabsSize = "sm" | "md";
|
|
8
|
+
/** 单个标签项配置:以配置数组驱动渲染,避免消费方手写 Trigger 结构 */
|
|
9
|
+
interface TabItem<T extends string = string> {
|
|
10
|
+
/** 唯一标识,作为 Radix Trigger 的 value,消费方据此识别选中项 */
|
|
11
|
+
key: T;
|
|
12
|
+
/** 标签内容,用 ReactNode 以支持文本以外的富内容 */
|
|
13
|
+
label: ReactNode;
|
|
14
|
+
/** 是否禁用,禁用项不可点击且不触发 onChange,交由 Radix 处理可聚焦性 */
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
/** label 左侧图标插槽,与 label 分离以便独立控制布局与间距 */
|
|
17
|
+
icon?: ReactNode;
|
|
18
|
+
/** label 右侧后缀插槽(如数量徽标),与 label 分离以便右对齐渲染 */
|
|
19
|
+
suffix?: ReactNode;
|
|
20
|
+
/** 无障碍标签,label 为非文本 ReactNode 时建议提供以保障可读性 */
|
|
21
|
+
ariaLabel?: string;
|
|
22
|
+
/** tab 对应的面板内容,传入后由组件管理内容区渲染与切换动画 */
|
|
23
|
+
children?: ReactNode;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Tabs Props
|
|
27
|
+
* 通过 Omit 继承原生 div 属性,排除与组件自身语义冲突的 onChange / defaultValue,
|
|
28
|
+
* 避免原生事件签名与「key 维度」回调、Radix defaultValue 产生类型歧义
|
|
29
|
+
*/
|
|
30
|
+
interface TabsProps<T extends string = string> extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
|
|
31
|
+
/** 标签项数组,按顺序渲染 */
|
|
32
|
+
items: TabItem<T>[];
|
|
33
|
+
/** 受控选中 key,传入即进入受控模式 */
|
|
34
|
+
activeKey?: T;
|
|
35
|
+
/** 非受控默认选中 key,仅在未传 activeKey 时生效 */
|
|
36
|
+
defaultActiveKey?: T;
|
|
37
|
+
/** 选中项变化回调,入参为目标项的 key */
|
|
38
|
+
onChange?: (key: T) => void;
|
|
39
|
+
/** 视觉风格变体,默认 "segmented" */
|
|
40
|
+
variant?: TabsVariant;
|
|
41
|
+
/** 尺寸,默认 "md" */
|
|
42
|
+
size?: TabsSize;
|
|
43
|
+
/** 追加到根元素的自定义类名,供消费方做样式覆盖 */
|
|
44
|
+
className?: string;
|
|
45
|
+
/** 标签列表是否允许换行,默认 false(单行滚动),适用于分类筛选等多标签场景 */
|
|
46
|
+
wrap?: boolean;
|
|
47
|
+
/** 是否启用内容面板切换动画,默认 true(仅在有 children 时生效) */
|
|
48
|
+
animated?: boolean;
|
|
49
|
+
/** 面板切换是否销毁非活跃面板 DOM,默认 false(保持 DOM 仅隐藏) */
|
|
50
|
+
destroyInactivePanel?: boolean;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
declare const tabsVariants: (props?: ({
|
|
54
|
+
variant?: "segmented" | "solid" | "outline" | "underline" | null | undefined;
|
|
55
|
+
size?: "sm" | "md" | null | undefined;
|
|
56
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
57
|
+
declare const Tabs: <T extends string = string>(props: TabsProps<T> & {
|
|
58
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
59
|
+
}) => React.ReactElement | null;
|
|
60
|
+
|
|
61
|
+
export { type TabItem, Tabs, type TabsProps, type TabsSize, type TabsVariant, tabsVariants };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var chunkPN2SZLLY_js=require('../chunk-PN2SZLLY.js');require('../chunk-DCDWEVW4.js');Object.defineProperty(exports,"Tabs",{enumerable:true,get:function(){return chunkPN2SZLLY_js.b}});Object.defineProperty(exports,"tabsVariants",{enumerable:true,get:function(){return chunkPN2SZLLY_js.a}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{b as Tabs,a as tabsVariants}from'../chunk-OBAN7QPT.mjs';import'../chunk-DN2VKVCV.mjs';
|