@fewbox/den-app 0.1.43
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/index-app.d.ts +13 -0
- package/index.css +1 -0
- package/index.js +2 -0
- package/index.js.map +1 -0
- package/jest.setup.d.ts +1 -0
- package/package.json +26 -0
- package/scripts/copy-templates.js +29 -0
- package/scripts/generate-packages.js +41 -0
- package/src/components/Auth/FigmaSignin/index.d.ts +9 -0
- package/src/components/Auth/GoogleGrant/index.d.ts +41 -0
- package/src/components/Auth/GoogleSignin/index.d.ts +18 -0
- package/src/components/Auth/WeComSignin/index.d.ts +8 -0
- package/src/components/Auth/util.d.ts +17 -0
- package/src/components/Debug/index.d.ts +6 -0
- package/src/components/Engine/Base/NativeAttributeMap.d.ts +2 -0
- package/src/components/Engine/Base/ViewAttributes.d.ts +2 -0
- package/src/components/Engine/Base/index.d.ts +61 -0
- package/src/components/Engine/index.d.ts +125 -0
- package/src/components/Layout/Display/index.d.ts +18 -0
- package/src/components/Layout/Dock/index.d.ts +42 -0
- package/src/components/Layout/Flex/index.d.ts +45 -0
- package/src/components/Layout/FlexItem/index.d.ts +18 -0
- package/src/components/Layout/Position/index.d.ts +32 -0
- package/src/components/Layout/PositionArea/index.d.ts +10 -0
- package/src/components/Layout/Responsive/index.d.ts +8 -0
- package/src/components/Layout/SBaseline/index.d.ts +5 -0
- package/src/components/Layout/SBottom/index.d.ts +6 -0
- package/src/components/Layout/SCenter/index.d.ts +5 -0
- package/src/components/Layout/SLeft/index.d.ts +5 -0
- package/src/components/Layout/SMiddle/index.d.ts +5 -0
- package/src/components/Layout/SRight/index.d.ts +5 -0
- package/src/components/Layout/SStretch/index.d.ts +5 -0
- package/src/components/Layout/STop/index.d.ts +5 -0
- package/src/components/Layout/X/index.d.ts +5 -0
- package/src/components/Layout/XAround/index.d.ts +5 -0
- package/src/components/Layout/XAutoBoth/index.d.ts +5 -0
- package/src/components/Layout/XAutoCenter/index.d.ts +5 -0
- package/src/components/Layout/XAutoLeft/index.d.ts +5 -0
- package/src/components/Layout/XAutoLefts/index.d.ts +5 -0
- package/src/components/Layout/XAutoRight/index.d.ts +5 -0
- package/src/components/Layout/XAutoRights/index.d.ts +5 -0
- package/src/components/Layout/XBase/index.d.ts +18 -0
- package/src/components/Layout/XBetween/index.d.ts +5 -0
- package/src/components/Layout/XCenter/index.d.ts +5 -0
- package/src/components/Layout/XCustom/index.d.ts +7 -0
- package/src/components/Layout/XCustomBoth/index.d.ts +7 -0
- package/src/components/Layout/XEvenly/index.d.ts +5 -0
- package/src/components/Layout/XLeft/index.d.ts +5 -0
- package/src/components/Layout/XRight/index.d.ts +5 -0
- package/src/components/Layout/XWrapAround/index.d.ts +5 -0
- package/src/components/Layout/XWrapBetween/index.d.ts +5 -0
- package/src/components/Layout/XWrapBottom/index.d.ts +5 -0
- package/src/components/Layout/XWrapEvenly/index.d.ts +5 -0
- package/src/components/Layout/XWrapMiddle/index.d.ts +5 -0
- package/src/components/Layout/XWrapTop/index.d.ts +5 -0
- package/src/components/Layout/Y/index.d.ts +5 -0
- package/src/components/Layout/YAround/index.d.ts +5 -0
- package/src/components/Layout/YAutoBoth/index.d.ts +5 -0
- package/src/components/Layout/YAutoBottom/index.d.ts +5 -0
- package/src/components/Layout/YAutoBottoms/index.d.ts +5 -0
- package/src/components/Layout/YAutoCenter/index.d.ts +5 -0
- package/src/components/Layout/YAutoTop/index.d.ts +5 -0
- package/src/components/Layout/YAutoTops/index.d.ts +5 -0
- package/src/components/Layout/YBase/index.d.ts +18 -0
- package/src/components/Layout/YBetween/index.d.ts +5 -0
- package/src/components/Layout/YBottom/index.d.ts +5 -0
- package/src/components/Layout/YCustom/index.d.ts +7 -0
- package/src/components/Layout/YCustomBoth/index.d.ts +7 -0
- package/src/components/Layout/YEvenly/index.d.ts +5 -0
- package/src/components/Layout/YMiddle/index.d.ts +5 -0
- package/src/components/Layout/YTop/index.d.ts +5 -0
- package/src/components/Layout/YWrapAround/index.d.ts +5 -0
- package/src/components/Layout/YWrapBetween/index.d.ts +5 -0
- package/src/components/Layout/YWrapCenter/index.d.ts +5 -0
- package/src/components/Layout/YWrapEvenly/index.d.ts +5 -0
- package/src/components/Layout/YWrapLeft/index.d.ts +5 -0
- package/src/components/Layout/YWrapRight/index.d.ts +5 -0
- package/src/components/Layout/index.d.ts +8 -0
- package/src/components/Layout/util.d.ts +6 -0
- package/src/components/View/VActionForm/index.d.ts +7 -0
- package/src/components/View/VAnimation/index.d.ts +127 -0
- package/src/components/View/VAudio/index.d.ts +10 -0
- package/src/components/View/VAvatar/index.d.ts +12 -0
- package/src/components/View/VBackground/index.d.ts +18 -0
- package/src/components/View/VBadge/index.d.ts +6 -0
- package/src/components/View/VBlock/index.d.ts +9 -0
- package/src/components/View/VBoundary/index.d.ts +6 -0
- package/src/components/View/VCard/index.d.ts +8 -0
- package/src/components/View/VCardMedia/index.d.ts +9 -0
- package/src/components/View/VCardSocial/index.d.ts +13 -0
- package/src/components/View/VCardWindow/index.d.ts +15 -0
- package/src/components/View/VChromeExtensionValidator/index.d.ts +23 -0
- package/src/components/View/VDynamic/index.d.ts +7 -0
- package/src/components/View/VErrorBoundary/index.d.ts +18 -0
- package/src/components/View/VFooter/index.d.ts +5 -0
- package/src/components/View/VForm/index.d.ts +13 -0
- package/src/components/View/VFrame/index.d.ts +12 -0
- package/src/components/View/VGoogleFont/index.d.ts +18 -0
- package/src/components/View/VHR/index.d.ts +5 -0
- package/src/components/View/VHeader/index.d.ts +5 -0
- package/src/components/View/VHyperlink/index.d.ts +13 -0
- package/src/components/View/VImage/index.d.ts +13 -0
- package/src/components/View/VInput/VBase64File/index.d.ts +10 -0
- package/src/components/View/VInput/VCheckBox/index.d.ts +6 -0
- package/src/components/View/VInput/VColor/index.d.ts +7 -0
- package/src/components/View/VInput/VDate/index.d.ts +7 -0
- package/src/components/View/VInput/VDatetimeLocal/index.d.ts +7 -0
- package/src/components/View/VInput/VDropdown/index.d.ts +38 -0
- package/src/components/View/VInput/VEmail/index.d.ts +5 -0
- package/src/components/View/VInput/VFile/index.d.ts +29 -0
- package/src/components/View/VInput/VGroup/index.d.ts +10 -0
- package/src/components/View/VInput/VHidden/index.d.ts +5 -0
- package/src/components/View/VInput/VMonth/index.d.ts +5 -0
- package/src/components/View/VInput/VNumber/index.d.ts +5 -0
- package/src/components/View/VInput/VPassword/index.d.ts +5 -0
- package/src/components/View/VInput/VRadio/index.d.ts +6 -0
- package/src/components/View/VInput/VRange/index.d.ts +10 -0
- package/src/components/View/VInput/VSearch/index.d.ts +5 -0
- package/src/components/View/VInput/VSubmit/index.d.ts +8 -0
- package/src/components/View/VInput/VSubmitWrapper/index.d.ts +6 -0
- package/src/components/View/VInput/VTel/index.d.ts +5 -0
- package/src/components/View/VInput/VTextBox/index.d.ts +6 -0
- package/src/components/View/VInput/VTime/index.d.ts +5 -0
- package/src/components/View/VInput/VUrl/index.d.ts +5 -0
- package/src/components/View/VInput/VWeek/index.d.ts +5 -0
- package/src/components/View/VInput/index.d.ts +29 -0
- package/src/components/View/VLabel/index.d.ts +57 -0
- package/src/components/View/VLoading/index.d.ts +8 -0
- package/src/components/View/VMain/index.d.ts +5 -0
- package/src/components/View/VMask/index.d.ts +5 -0
- package/src/components/View/VMount/index.d.ts +5 -0
- package/src/components/View/VPhoto/index.d.ts +20 -0
- package/src/components/View/VRoot/index.d.ts +15 -0
- package/src/components/View/VSection/index.d.ts +5 -0
- package/src/components/View/VSelect/index.d.ts +14 -0
- package/src/components/View/VShadow/index.d.ts +15 -0
- package/src/components/View/VShape/VEllipse/index.d.ts +10 -0
- package/src/components/View/VShape/VLine/index.d.ts +10 -0
- package/src/components/View/VShape/VRectangle/index.d.ts +10 -0
- package/src/components/View/VStack/index.d.ts +5 -0
- package/src/components/View/VSvg/index.d.ts +15 -0
- package/src/components/View/VSwitch/index.d.ts +13 -0
- package/src/components/View/VTemplate/index.d.ts +5 -0
- package/src/components/View/VText/index.d.ts +23 -0
- package/src/components/View/VTextArea/index.d.ts +12 -0
- package/src/components/View/VTheme/index.d.ts +42 -0
- package/src/components/View/VTooltip/index.d.ts +17 -0
- package/src/components/View/VTree/Block/index.d.ts +14 -0
- package/src/components/View/VTree/index.d.ts +15 -0
- package/src/components/View/VVideo/index.d.ts +10 -0
- package/src/components/View/VZone/index.d.ts +14 -0
- package/src/components/app.d.ts +11 -0
- package/src/components/consts.d.ts +2 -0
- package/src/components/core.d.ts +117 -0
- package/src/components/util.d.ts +1 -0
- package/src/components/web.d.ts +9 -0
- package/src/fewbox/index.d.ts +42 -0
- package/src/language/index.d.ts +13 -0
- package/src/network/FormHeaders.d.ts +2 -0
- package/src/network/IGraphQL.d.ts +6 -0
- package/src/network/JsonHeaders.d.ts +5 -0
- package/src/network/Network.d.ts +45 -0
- package/src/network/NetworkObservableBase.d.ts +14 -0
- package/src/network/StreamObservableBase.d.ts +11 -0
- package/src/network/UploadHeaders.d.ts +2 -0
- package/src/network/WS.d.ts +11 -0
- package/src/network/ajax/default/Delete.d.ts +5 -0
- package/src/network/ajax/default/DeleteText.d.ts +5 -0
- package/src/network/ajax/default/Get.d.ts +5 -0
- package/src/network/ajax/default/GetLocal.d.ts +5 -0
- package/src/network/ajax/default/GetText.d.ts +5 -0
- package/src/network/ajax/default/NetworkObservableAjax.d.ts +7 -0
- package/src/network/ajax/default/Patch.d.ts +5 -0
- package/src/network/ajax/default/PatchText.d.ts +5 -0
- package/src/network/ajax/default/Post.d.ts +5 -0
- package/src/network/ajax/default/PostText.d.ts +5 -0
- package/src/network/ajax/default/Put.d.ts +5 -0
- package/src/network/ajax/default/PutText.d.ts +5 -0
- package/src/network/ajax/external/DeleteExternal.d.ts +5 -0
- package/src/network/ajax/external/DeleteTextExternal.d.ts +5 -0
- package/src/network/ajax/external/GetExternal.d.ts +5 -0
- package/src/network/ajax/external/GetTextExternal.d.ts +5 -0
- package/src/network/ajax/external/NetworkObservableAjaxExternal.d.ts +8 -0
- package/src/network/ajax/external/PatchExternal.d.ts +5 -0
- package/src/network/ajax/external/PatchTextExternal.d.ts +5 -0
- package/src/network/ajax/external/PostExternal.d.ts +5 -0
- package/src/network/ajax/external/PostTextExternal.d.ts +5 -0
- package/src/network/ajax/external/PutExternal.d.ts +5 -0
- package/src/network/ajax/external/PutTextExternal.d.ts +5 -0
- package/src/network/fetch/default/DeleteFetch.d.ts +5 -0
- package/src/network/fetch/default/GetFetch.d.ts +5 -0
- package/src/network/fetch/default/NetworkObservableFetch.d.ts +7 -0
- package/src/network/fetch/default/PatchFetch.d.ts +5 -0
- package/src/network/fetch/default/PostFetch.d.ts +5 -0
- package/src/network/fetch/default/PutFetch.d.ts +5 -0
- package/src/network/fetch/external/DeleteFetchExternal.d.ts +5 -0
- package/src/network/fetch/external/GetFetchExternal.d.ts +5 -0
- package/src/network/fetch/external/NetworkObservableFetchExternal.d.ts +8 -0
- package/src/network/fetch/external/PatchFetchExternal.d.ts +5 -0
- package/src/network/fetch/external/PostFetchExternal.d.ts +5 -0
- package/src/network/fetch/external/PutFetchExternal.d.ts +5 -0
- package/src/network/graphql/default/GQL.d.ts +6 -0
- package/src/network/graphql/default/GQLUpload.d.ts +5 -0
- package/src/network/graphql/default/NetworkObservableGQL.d.ts +7 -0
- package/src/network/graphql/external/GQLExternal.d.ts +6 -0
- package/src/network/graphql/external/GQLExternalUpload.d.ts +6 -0
- package/src/network/graphql/external/NetworkObservableGQLExternal.d.ts +7 -0
- package/src/network/index.d.ts +47 -0
- package/src/network/sse/default/GetSSE.d.ts +5 -0
- package/src/network/sse/default/PostSSE.d.ts +5 -0
- package/src/network/sse/default/StreamObservableSSE.d.ts +5 -0
- package/src/network/sse/external/GetSSEExternal.d.ts +5 -0
- package/src/network/sse/external/PostSSEExternal.d.ts +5 -0
- package/src/network/sse/external/StreamObservableSSEExternal.d.ts +6 -0
- package/src/network/util.d.ts +5 -0
- package/src/store/EnumDictionary.d.ts +3 -0
- package/src/store/IContinuePaging.d.ts +4 -0
- package/src/store/IList.d.ts +3 -0
- package/src/store/IMetaResponse.d.ts +5 -0
- package/src/store/IPaging.d.ts +6 -0
- package/src/store/IPayloadResponse.d.ts +4 -0
- package/src/store/Json.d.ts +9 -0
- package/src/store/index.d.ts +7 -0
- package/templates/.claude/skills/fewbox-den/SKILL.md +1111 -0
- package/templates/FEWBOX.md +72 -0
- package/templates/style/_core.scss +288 -0
- package/templates/style/_root-properties.scss +55 -0
- package/templates/style/_root.scss +6 -0
- package/templates/style/_variables.scss +193 -0
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { DockAlignment, DockCategory } from "../../../Layout/Dock";
|
|
2
|
+
import { ColorType, FontSizeType } from "../../../Engine";
|
|
3
|
+
import { IBaseProps } from "../../../Engine/Base";
|
|
4
|
+
import { Property } from "csstype";
|
|
5
|
+
export interface IDropdownItemData {
|
|
6
|
+
icon?: React.JSX.Element;
|
|
7
|
+
caption: string;
|
|
8
|
+
value: string;
|
|
9
|
+
}
|
|
10
|
+
export interface IVDropdownProps extends IBaseProps<'input'> {
|
|
11
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
12
|
+
value?: string | ReadonlyArray<string> | number | undefined;
|
|
13
|
+
name?: string;
|
|
14
|
+
icon?: React.JSX.Element;
|
|
15
|
+
emptyIcon: React.JSX.Element;
|
|
16
|
+
downIcon: React.JSX.Element;
|
|
17
|
+
upIcon: React.JSX.Element;
|
|
18
|
+
iconSize?: FontSizeType;
|
|
19
|
+
enableClear?: boolean;
|
|
20
|
+
items: IDropdownItemData[];
|
|
21
|
+
dockCategory?: DockCategory;
|
|
22
|
+
dockAlignment?: DockAlignment;
|
|
23
|
+
menuBackgroundColor?: ColorType;
|
|
24
|
+
menuZIndex?: Property.ZIndex;
|
|
25
|
+
overWriteDropdownMenu?: (items: IDropdownItemData[]) => React.JSX.Element;
|
|
26
|
+
overWriteDropdownItem?: (item: IDropdownItemData) => React.JSX.Element;
|
|
27
|
+
handleChange?: (value: string) => void;
|
|
28
|
+
renderOptions?: (inputRef: React.RefObject<HTMLInputElement | null>) => React.JSX.Element;
|
|
29
|
+
}
|
|
30
|
+
export interface IVDropdownStates {
|
|
31
|
+
isSelectionShow: boolean;
|
|
32
|
+
selectIcon?: React.JSX.Element;
|
|
33
|
+
selectValue: string | ReadonlyArray<string> | number | undefined;
|
|
34
|
+
selectCaption: string | ReadonlyArray<string> | number | undefined;
|
|
35
|
+
items: IDropdownItemData[];
|
|
36
|
+
}
|
|
37
|
+
declare const VDropdown: (props: IVDropdownProps) => React.JSX.Element;
|
|
38
|
+
export default VDropdown;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { IBaseInputProps } from "..";
|
|
2
|
+
import { ColorType, FontSizeType } from "../../../Engine";
|
|
3
|
+
export declare enum FileCategory {
|
|
4
|
+
Vertical = "Vertical",
|
|
5
|
+
Horizontal = "Horizontal"
|
|
6
|
+
}
|
|
7
|
+
export interface InputFile {
|
|
8
|
+
name: string;
|
|
9
|
+
objectUrl?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface IVFileProps extends IBaseInputProps {
|
|
12
|
+
category?: FileCategory;
|
|
13
|
+
appearance: React.JSX.Element;
|
|
14
|
+
loader?: React.JSX.Element;
|
|
15
|
+
loaderSize?: FontSizeType;
|
|
16
|
+
loaderColor?: ColorType;
|
|
17
|
+
isPreview: boolean;
|
|
18
|
+
previewImageWidth?: number;
|
|
19
|
+
textLength?: number;
|
|
20
|
+
autoUpload?: (files: File[], complete: () => void) => void;
|
|
21
|
+
renderLoader?: () => React.JSX.Element;
|
|
22
|
+
renderPreview?: (inputFiles: InputFile[], isLoading: boolean) => React.JSX.Element;
|
|
23
|
+
}
|
|
24
|
+
export interface IVFileStates {
|
|
25
|
+
isLoading: boolean;
|
|
26
|
+
inputFiles: InputFile[];
|
|
27
|
+
}
|
|
28
|
+
declare const VFile: (props: IVFileProps) => React.JSX.Element;
|
|
29
|
+
export default VFile;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IBaseProps } from "../../../Engine/Base";
|
|
2
|
+
export interface IVGroupProps extends IBaseProps {
|
|
3
|
+
selectedValue: string;
|
|
4
|
+
renderGroup: (selectedValue: string, hanldeSelect: React.ChangeEventHandler<any>) => React.JSX.Element;
|
|
5
|
+
}
|
|
6
|
+
export interface IVGroupStates {
|
|
7
|
+
selectedValue: string;
|
|
8
|
+
}
|
|
9
|
+
declare const VGroup: (props: IVGroupProps) => React.JSX.Element;
|
|
10
|
+
export default VGroup;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IBaseInputProps } from "..";
|
|
2
|
+
import { ColorType } from "../../../Engine";
|
|
3
|
+
export type TLength = (string & {}) | 0;
|
|
4
|
+
export interface IVRangeProps extends IBaseInputProps {
|
|
5
|
+
thumbColor: ColorType;
|
|
6
|
+
thumbBorderColor: ColorType;
|
|
7
|
+
trackColor: ColorType;
|
|
8
|
+
}
|
|
9
|
+
declare const VRange: (props: IVRangeProps) => React.JSX.Element;
|
|
10
|
+
export default VRange;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { IBaseInputProps } from "..";
|
|
2
|
+
export interface IVSubmitProps extends IBaseInputProps {
|
|
3
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
4
|
+
caption: string | React.JSX.Element;
|
|
5
|
+
isFormNoValidate?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare const VSubmit: (props: IVSubmitProps) => React.JSX.Element;
|
|
8
|
+
export default VSubmit;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { IBaseProps, TLength } from "../../Engine/Base";
|
|
2
|
+
import { FontSizeType } from "../../Engine";
|
|
3
|
+
import { LabelCategory } from "../VLabel";
|
|
4
|
+
import { Property } from 'csstype';
|
|
5
|
+
export interface IBaseInputProps extends IBaseProps<'input'> {
|
|
6
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
7
|
+
type?: React.HTMLInputTypeAttribute | undefined;
|
|
8
|
+
label?: string;
|
|
9
|
+
icon?: React.JSX.Element;
|
|
10
|
+
value?: string | ReadonlyArray<string> | number | undefined;
|
|
11
|
+
valueHook?: string;
|
|
12
|
+
setStateHook?: (value: string) => void;
|
|
13
|
+
isValueShow?: boolean;
|
|
14
|
+
valueSize?: FontSizeType;
|
|
15
|
+
valueCategory?: LabelCategory;
|
|
16
|
+
valuePadding?: Property.Padding<TLength>;
|
|
17
|
+
inputStyle?: React.CSSProperties;
|
|
18
|
+
inputClassName?: string;
|
|
19
|
+
overWrite?: (inputRef: React.RefObject<HTMLInputElement | null>) => React.JSX.Element;
|
|
20
|
+
renderOptions?: (inputRef: React.RefObject<HTMLInputElement | null>) => React.JSX.Element;
|
|
21
|
+
}
|
|
22
|
+
export interface IVInputProps extends IBaseInputProps {
|
|
23
|
+
inheritClassName?: string;
|
|
24
|
+
}
|
|
25
|
+
export interface IVInputStates {
|
|
26
|
+
value?: string | ReadonlyArray<string> | number | undefined;
|
|
27
|
+
}
|
|
28
|
+
declare const VInput: (props: IVInputProps) => React.JSX.Element;
|
|
29
|
+
export default VInput;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { IBaseProps } from '../../Engine/Base';
|
|
2
|
+
export declare enum LabelCategory {
|
|
3
|
+
Div = "div",
|
|
4
|
+
Abbr = "abbr",
|
|
5
|
+
Span = "span",
|
|
6
|
+
H1 = "h1",
|
|
7
|
+
H2 = "h2",
|
|
8
|
+
H3 = "h3",
|
|
9
|
+
H4 = "h4",
|
|
10
|
+
H5 = "h5",
|
|
11
|
+
H6 = "h6",
|
|
12
|
+
I = "i",
|
|
13
|
+
B = "b",
|
|
14
|
+
U = "u",
|
|
15
|
+
Em = "em",
|
|
16
|
+
Strong = "strong",
|
|
17
|
+
Blockquote = "blockquote",
|
|
18
|
+
Cite = "cite",
|
|
19
|
+
Code = "code",
|
|
20
|
+
Del = "del",
|
|
21
|
+
Dfn = "dfn",
|
|
22
|
+
Ins = "ins",
|
|
23
|
+
Kbd = "kbd",
|
|
24
|
+
Mark = "mark",
|
|
25
|
+
Pre = "pre",
|
|
26
|
+
Q = "q",
|
|
27
|
+
S = "s",
|
|
28
|
+
Samp = "samp",
|
|
29
|
+
Small = "small",
|
|
30
|
+
Summary = "summary",
|
|
31
|
+
Sup = "sup",
|
|
32
|
+
Sub = "sub",
|
|
33
|
+
Time = "time",
|
|
34
|
+
Var = "var",
|
|
35
|
+
Wbr = "wbr"
|
|
36
|
+
}
|
|
37
|
+
type ElementOf<C extends LabelCategory> = C;
|
|
38
|
+
export declare enum LabelType {
|
|
39
|
+
Default = "default",
|
|
40
|
+
Circle = "circle"
|
|
41
|
+
}
|
|
42
|
+
export declare enum LabelAlignType {
|
|
43
|
+
Justify = 0,
|
|
44
|
+
Left = 1,
|
|
45
|
+
Right = 2,
|
|
46
|
+
Center = 3
|
|
47
|
+
}
|
|
48
|
+
export type IVLabelProps<C extends LabelCategory = LabelCategory.Span> = IBaseProps<ElementOf<C>> & {
|
|
49
|
+
category?: C;
|
|
50
|
+
type?: LabelType;
|
|
51
|
+
alignType?: LabelAlignType;
|
|
52
|
+
isTextOverflow?: boolean;
|
|
53
|
+
caption: string | React.JSX.Element;
|
|
54
|
+
};
|
|
55
|
+
declare const VLabel: <C extends LabelCategory>(props: IVLabelProps<C>) => React.JSX.Element;
|
|
56
|
+
declare const _default: typeof VLabel;
|
|
57
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { IBaseProps } from '../../Engine/Base';
|
|
2
|
+
import { AnimationCategory, AnimationSpeed } from '../VAnimation';
|
|
3
|
+
export interface ILoadingProps extends IBaseProps {
|
|
4
|
+
animationCategory?: AnimationCategory;
|
|
5
|
+
animationSpeed?: AnimationSpeed;
|
|
6
|
+
}
|
|
7
|
+
declare const VLoading: (props: ILoadingProps) => React.JSX.Element;
|
|
8
|
+
export default VLoading;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IBaseProps } from '../../Engine/Base';
|
|
2
|
+
export declare enum PhotoCategory {
|
|
3
|
+
Auto = "auto",
|
|
4
|
+
Contain = "contain",
|
|
5
|
+
Cover = "cover"
|
|
6
|
+
}
|
|
7
|
+
export declare enum PhotoPositionType {
|
|
8
|
+
Left = "left",
|
|
9
|
+
Center = "center",
|
|
10
|
+
Right = "right"
|
|
11
|
+
}
|
|
12
|
+
export interface IVPhotoProps extends IBaseProps {
|
|
13
|
+
category: PhotoCategory;
|
|
14
|
+
position?: PhotoPositionType;
|
|
15
|
+
src: string;
|
|
16
|
+
width?: string;
|
|
17
|
+
height?: string;
|
|
18
|
+
}
|
|
19
|
+
declare const VPhoto: (props: IVPhotoProps) => React.JSX.Element;
|
|
20
|
+
export default VPhoto;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { IBaseReturn } from '../../Engine/Base';
|
|
2
|
+
export declare enum RootCategory {
|
|
3
|
+
Display = "display",
|
|
4
|
+
Rich = "rich"
|
|
5
|
+
}
|
|
6
|
+
export interface IVRootProps {
|
|
7
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
8
|
+
_base: IBaseReturn;
|
|
9
|
+
className: string;
|
|
10
|
+
category?: RootCategory;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
children?: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
declare const VRoot: (props: IVRootProps) => React.JSX.Element;
|
|
15
|
+
export default VRoot;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { IBaseProps } from '../../Engine/Base';
|
|
2
|
+
export interface ISelectItemData {
|
|
3
|
+
caption: string;
|
|
4
|
+
value: string;
|
|
5
|
+
}
|
|
6
|
+
export interface IVSelectProps extends IBaseProps<'select'> {
|
|
7
|
+
name?: string;
|
|
8
|
+
items: ISelectItemData[];
|
|
9
|
+
value?: string;
|
|
10
|
+
isMultiple?: boolean;
|
|
11
|
+
fontFamily?: string;
|
|
12
|
+
}
|
|
13
|
+
declare const VSelect: (props: IVSelectProps) => React.JSX.Element;
|
|
14
|
+
export default VSelect;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { IBaseProps } from '../../Engine/Base';
|
|
2
|
+
export declare enum ShadowCategory {
|
|
3
|
+
Default = "default",
|
|
4
|
+
Max = "max"
|
|
5
|
+
}
|
|
6
|
+
export interface IVShadowProps extends IBaseProps {
|
|
7
|
+
category?: ShadowCategory;
|
|
8
|
+
x?: number;
|
|
9
|
+
y?: number;
|
|
10
|
+
blur?: number;
|
|
11
|
+
spread?: number;
|
|
12
|
+
color?: string;
|
|
13
|
+
}
|
|
14
|
+
declare const VShadow: (props: IVShadowProps) => React.JSX.Element;
|
|
15
|
+
export default VShadow;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IBaseProps } from '../../../Engine/Base';
|
|
2
|
+
export declare enum EllipseCategory {
|
|
3
|
+
Default = "default",
|
|
4
|
+
Fixed = "fixed"
|
|
5
|
+
}
|
|
6
|
+
export interface IVEllipseProps extends IBaseProps {
|
|
7
|
+
category?: EllipseCategory;
|
|
8
|
+
}
|
|
9
|
+
declare const VEllipse: (props: IVEllipseProps) => React.JSX.Element;
|
|
10
|
+
export default VEllipse;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IBaseProps } from '../../../Engine/Base';
|
|
2
|
+
export declare enum LineCategory {
|
|
3
|
+
Vertical = "vertical",
|
|
4
|
+
Horizontal = "horizontal"
|
|
5
|
+
}
|
|
6
|
+
export interface IVLineProps extends IBaseProps {
|
|
7
|
+
category: LineCategory;
|
|
8
|
+
}
|
|
9
|
+
declare const VLine: (props: IVLineProps) => React.JSX.Element;
|
|
10
|
+
export default VLine;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IBaseProps } from '../../../Engine/Base';
|
|
2
|
+
export declare enum RectangleCategory {
|
|
3
|
+
Default = "default",
|
|
4
|
+
Fixed = "fixed"
|
|
5
|
+
}
|
|
6
|
+
export interface IVRectangleProps extends IBaseProps {
|
|
7
|
+
category?: RectangleCategory;
|
|
8
|
+
}
|
|
9
|
+
declare const VRectangle: (props: IVRectangleProps) => React.JSX.Element;
|
|
10
|
+
export default VRectangle;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { IBaseProps } from '../../Engine/Base';
|
|
2
|
+
export declare enum SvgCategory {
|
|
3
|
+
Default = "default",
|
|
4
|
+
Circle = "circle",
|
|
5
|
+
Squared = "squared",
|
|
6
|
+
Custom = "custom"
|
|
7
|
+
}
|
|
8
|
+
export interface IVSvgProps extends IBaseProps {
|
|
9
|
+
category?: SvgCategory;
|
|
10
|
+
onClick?: React.MouseEventHandler<any>;
|
|
11
|
+
onMouseEnter?: React.MouseEventHandler<any>;
|
|
12
|
+
onMouseLeave?: React.MouseEventHandler<any>;
|
|
13
|
+
}
|
|
14
|
+
declare const _default: import("react").MemoExoticComponent<(props: IVSvgProps) => React.JSX.Element>;
|
|
15
|
+
export default _default;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { IBaseProps, IBaseStates } from '../../Engine/Base';
|
|
2
|
+
export interface IVSwitchProps extends IBaseProps {
|
|
3
|
+
isOn: boolean;
|
|
4
|
+
icon?: React.JSX.Element;
|
|
5
|
+
gap?: string;
|
|
6
|
+
isDisabled?: boolean;
|
|
7
|
+
onSwitch?: (isOn: boolean) => void;
|
|
8
|
+
}
|
|
9
|
+
export interface IVSwitchStates extends IBaseStates {
|
|
10
|
+
isOn: boolean;
|
|
11
|
+
}
|
|
12
|
+
declare const VSwitch: (props: IVSwitchProps) => React.JSX.Element;
|
|
13
|
+
export default VSwitch;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { IBaseProps } from '../../Engine/Base';
|
|
2
|
+
export declare enum TextCategory {
|
|
3
|
+
P = "p",
|
|
4
|
+
Address = "address",
|
|
5
|
+
Article = "article",
|
|
6
|
+
Aside = "aside",
|
|
7
|
+
Details = "details",
|
|
8
|
+
Section = "section"
|
|
9
|
+
}
|
|
10
|
+
type ElementOf<C extends TextCategory> = C;
|
|
11
|
+
export declare enum TextAlignType {
|
|
12
|
+
Justify = 0,
|
|
13
|
+
Left = 1,
|
|
14
|
+
Right = 2,
|
|
15
|
+
Center = 3
|
|
16
|
+
}
|
|
17
|
+
export type IVTextProps<C extends TextCategory = TextCategory.P> = IBaseProps<ElementOf<C>> & {
|
|
18
|
+
category?: C;
|
|
19
|
+
alignType?: TextAlignType;
|
|
20
|
+
renderContent: () => React.JSX.Element;
|
|
21
|
+
};
|
|
22
|
+
declare const VText: <C extends TextCategory = TextCategory.P>(props: IVTextProps<C>) => React.JSX.Element;
|
|
23
|
+
export default VText;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { IBaseProps, IBaseStates } from '../../Engine/Base';
|
|
2
|
+
export interface IVTextAreaProps extends IBaseProps<'textarea'> {
|
|
3
|
+
ref?: React.Ref<HTMLTextAreaElement>;
|
|
4
|
+
icon?: React.JSX.Element;
|
|
5
|
+
valueHook?: string;
|
|
6
|
+
setStateHook?: (value: string) => void;
|
|
7
|
+
}
|
|
8
|
+
export interface IVTextAreaStates extends IBaseStates {
|
|
9
|
+
value?: string | ReadonlyArray<string> | number | undefined;
|
|
10
|
+
}
|
|
11
|
+
declare const VTextArea: (props: IVTextAreaProps) => React.JSX.Element;
|
|
12
|
+
export default VTextArea;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { BorderRadiusType, ColorType, FontFamilyType, FontSizeType, FontWeightType, LetterSpacingType, LineHeightType, PaddingType, ViewSizeType } from '../../Engine';
|
|
2
|
+
import { IBaseProps } from '../../Engine/Base';
|
|
3
|
+
export interface Theme<C extends string, FS extends string, FW extends string, FF extends string, BR extends string, LH extends string, LS extends string, P extends string, VS extends string> {
|
|
4
|
+
colors: {
|
|
5
|
+
[key in C]: string;
|
|
6
|
+
};
|
|
7
|
+
fontSizes: {
|
|
8
|
+
[key in FS]: string;
|
|
9
|
+
};
|
|
10
|
+
fontWeights: {
|
|
11
|
+
[key in FW]: string;
|
|
12
|
+
};
|
|
13
|
+
fontFamilies: {
|
|
14
|
+
[key in FF]: string;
|
|
15
|
+
};
|
|
16
|
+
borderRadius: {
|
|
17
|
+
[key in BR]: string;
|
|
18
|
+
};
|
|
19
|
+
lineHeights: {
|
|
20
|
+
[key in LH]: string;
|
|
21
|
+
};
|
|
22
|
+
letterSpacings: {
|
|
23
|
+
[key in LS]: string;
|
|
24
|
+
};
|
|
25
|
+
paddings: {
|
|
26
|
+
[key in P]: string;
|
|
27
|
+
};
|
|
28
|
+
viewSizes: {
|
|
29
|
+
[key in VS]: string;
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
export declare enum ThemeCategory {
|
|
33
|
+
Global = "global",
|
|
34
|
+
Area = "area"
|
|
35
|
+
}
|
|
36
|
+
export interface IVThemeProps extends IBaseProps {
|
|
37
|
+
category?: ThemeCategory;
|
|
38
|
+
area?: string;
|
|
39
|
+
theme: Theme<ColorType.Font | ColorType.Body | ColorType.White | ColorType.Black | ColorType.Light | ColorType.Light75 | ColorType.Light50 | ColorType.Light25 | ColorType.Dark | ColorType.Dark75 | ColorType.Dark50 | ColorType.Dark25 | ColorType.Primary | ColorType.Primary75 | ColorType.Primary50 | ColorType.Primary25 | ColorType.Secondary | ColorType.Secondary75 | ColorType.Secondary50 | ColorType.Secondary25 | ColorType.Tertiary | ColorType.Tertiary75 | ColorType.Tertiary50 | ColorType.Tertiary25 | ColorType.Info | ColorType.Info75 | ColorType.Info50 | ColorType.Info25 | ColorType.Success | ColorType.Success75 | ColorType.Success50 | ColorType.Success25 | ColorType.Warning | ColorType.Warning75 | ColorType.Warning50 | ColorType.Warning25 | ColorType.Error | ColorType.Error75 | ColorType.Error50 | ColorType.Error25 | ColorType.Border | ColorType.Border75 | ColorType.Border50 | ColorType.Border25 | ColorType.Placeholder | ColorType.Placeholder75 | ColorType.Placeholder50 | ColorType.Placeholder25, FontSizeType.AutoExtraLarge | FontSizeType.AutoExtraSmall | FontSizeType.AutoLarge | FontSizeType.AutoNormal | FontSizeType.AutoSmall | FontSizeType.Default | FontSizeType.ExtraLarge | FontSizeType.ExtraSmall | FontSizeType.Large | FontSizeType.Normal | FontSizeType.Small, FontWeightType.Black | FontWeightType.Bold | FontWeightType.ExtraBold | FontWeightType.ExtraLight | FontWeightType.Light | FontWeightType.Medium | FontWeightType.Regular | FontWeightType.SemiBold | FontWeightType.Thin, FontFamilyType.Default, BorderRadiusType.Default | BorderRadiusType.Fixed | BorderRadiusType.Max, LineHeightType.Default, LetterSpacingType.Default, PaddingType.Default, ViewSizeType.Ellipse | ViewSizeType.Image | ViewSizeType.Rectangle | ViewSizeType.Svg | ViewSizeType.Window>;
|
|
40
|
+
}
|
|
41
|
+
declare const VTheme: React.FC<IVThemeProps>;
|
|
42
|
+
export default VTheme;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { IBaseProps, IBaseStates } from '../../Engine/Base';
|
|
2
|
+
import { DockAlignment, DockCategory } from '../../Layout/Dock';
|
|
3
|
+
export declare enum TooltipCategory {
|
|
4
|
+
Hover = "hover",
|
|
5
|
+
Click = "click"
|
|
6
|
+
}
|
|
7
|
+
export interface IVTooltipProps extends IBaseProps {
|
|
8
|
+
category?: TooltipCategory;
|
|
9
|
+
dockCategory: DockCategory;
|
|
10
|
+
dockAlignment?: DockAlignment;
|
|
11
|
+
renderOverlay: () => React.JSX.Element;
|
|
12
|
+
}
|
|
13
|
+
export interface IVTooltipStates extends IBaseStates {
|
|
14
|
+
isShow: boolean;
|
|
15
|
+
}
|
|
16
|
+
declare const VTooltip: (props: IVTooltipProps) => React.JSX.Element;
|
|
17
|
+
export default VTooltip;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { IBaseProps, IBaseStates } from '../../../Engine/Base';
|
|
2
|
+
import { IVTreeNode } from '..';
|
|
3
|
+
export interface IVTreeBlockProps extends IBaseProps {
|
|
4
|
+
node: IVTreeNode;
|
|
5
|
+
expandIcon?: React.JSX.Element;
|
|
6
|
+
collapseIcon?: React.JSX.Element;
|
|
7
|
+
isExpand?: boolean;
|
|
8
|
+
renderItem?: (node: IVTreeNode) => React.JSX.Element;
|
|
9
|
+
}
|
|
10
|
+
export interface IVTreeBlockStates extends IBaseStates {
|
|
11
|
+
isExpand?: boolean;
|
|
12
|
+
}
|
|
13
|
+
declare const VTreeBlock: (props: IVTreeBlockProps) => React.JSX.Element;
|
|
14
|
+
export default VTreeBlock;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { IBaseProps } from '../../Engine/Base';
|
|
2
|
+
export interface IVTreeNode {
|
|
3
|
+
key: string;
|
|
4
|
+
name: string;
|
|
5
|
+
icon?: React.JSX.Element;
|
|
6
|
+
children?: IVTreeNode[];
|
|
7
|
+
}
|
|
8
|
+
export interface IVTreeProps extends IBaseProps {
|
|
9
|
+
rootNode: IVTreeNode;
|
|
10
|
+
isExpand?: boolean;
|
|
11
|
+
expandIcon?: React.JSX.Element;
|
|
12
|
+
collapseIcon?: React.JSX.Element;
|
|
13
|
+
}
|
|
14
|
+
declare const VTree: (props: IVTreeProps) => React.JSX.Element;
|
|
15
|
+
export default VTree;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IBaseProps } from '../../Engine/Base';
|
|
2
|
+
export interface SourceItem {
|
|
3
|
+
src: string;
|
|
4
|
+
type: string;
|
|
5
|
+
}
|
|
6
|
+
export interface IVVideoProps extends IBaseProps<'video'> {
|
|
7
|
+
sources: SourceItem[];
|
|
8
|
+
}
|
|
9
|
+
declare const VVideo: (props: IVVideoProps) => React.JSX.Element;
|
|
10
|
+
export default VVideo;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { IBaseProps } from '../../Engine/Base';
|
|
2
|
+
export declare enum ZoneCategory {
|
|
3
|
+
Fluid = "fluid",
|
|
4
|
+
Small = "small",
|
|
5
|
+
Medium = "medium",
|
|
6
|
+
Large = "large",
|
|
7
|
+
ExtraLarge = "extra-large",
|
|
8
|
+
ExtraExtraLarge = "extra-extra-large"
|
|
9
|
+
}
|
|
10
|
+
export interface IVZoneProps extends IBaseProps {
|
|
11
|
+
category: ZoneCategory;
|
|
12
|
+
}
|
|
13
|
+
declare const VZone: (props: IVZoneProps) => React.JSX.Element;
|
|
14
|
+
export default VZone;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export * from './web';
|
|
2
|
+
export { default as VDynamic } from './View/VDynamic';
|
|
3
|
+
export { default as VAvatar } from './View/VAvatar';
|
|
4
|
+
export { default as VBlock } from './View/VBlock';
|
|
5
|
+
export { default as VCard } from './View/VCard';
|
|
6
|
+
export { default as VCardMedia } from './View/VCardMedia';
|
|
7
|
+
export { default as VCardSocial } from './View/VCardSocial';
|
|
8
|
+
export { default as VCardWindow, CardWindowSizeType } from './View/VCardWindow';
|
|
9
|
+
export { default as VPhoto, PhotoCategory, PhotoPositionType } from './View/VPhoto';
|
|
10
|
+
export { default as VStack } from './View/VStack';
|
|
11
|
+
export { default as VTree, IVTreeNode } from './View/VTree';
|