x-ui-design 0.8.14 → 0.8.16
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/dist/esm/types/components/Icons/Icons.d.ts +3 -1
- package/dist/esm/types/components/Result/Result.d.ts +5 -0
- package/dist/esm/types/components/Result/index.d.ts +1 -0
- package/dist/esm/types/index.d.ts +3 -1
- package/dist/esm/types/types/result.d.ts +13 -0
- package/dist/esm/types/utils/index.d.ts +1 -0
- package/dist/index.d.ts +4 -1
- package/dist/index.esm.js +699 -57
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +699 -56
- package/dist/index.js.map +1 -1
- package/lib/components/Icons/Icons.tsx +225 -1
- package/lib/components/Popover/Popover.tsx +27 -29
- package/lib/components/Result/Result.tsx +39 -0
- package/lib/components/Result/index.ts +1 -0
- package/lib/components/Result/style.css +173 -0
- package/lib/index.ts +9 -1
- package/lib/styles/global.css +10 -0
- package/lib/types/result.ts +22 -0
- package/lib/utils/index.ts +1 -0
- package/package.json +1 -1
- package/src/app/page.tsx +14 -55
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ResultStatusType } from '../../types/result';
|
|
2
3
|
declare const ClearIcon: () => React.JSX.Element;
|
|
3
4
|
declare const ArrowIcon: ({ isOpen }: {
|
|
4
5
|
isOpen: boolean;
|
|
@@ -14,4 +15,5 @@ declare const TimeIcon: () => React.JSX.Element;
|
|
|
14
15
|
declare const StampleIcon: () => React.JSX.Element;
|
|
15
16
|
declare const TrashIcon: () => React.JSX.Element;
|
|
16
17
|
declare const SpinerIcon: () => React.JSX.Element;
|
|
17
|
-
|
|
18
|
+
declare const renderDefaultIcon: (status: ResultStatusType) => React.JSX.Element | null;
|
|
19
|
+
export { ClearIcon, ArrowIcon, LoadingIcon, CheckIcon, SearchIcon, CalendarIcon, SuccessIcon, ErrorIcon, DateDistanceIcon, TimeIcon, StampleIcon, TrashIcon, SpinerIcon, renderDefaultIcon };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Result } from '../Result/Result';
|
|
@@ -27,7 +27,8 @@ declare const MenuItem: import("react").ComponentType<import("@/types/menu").Ite
|
|
|
27
27
|
declare const MenuSubMenu: import("react").ComponentType<import("@/types/menu").SubMenuItem>;
|
|
28
28
|
declare const Dropdown: import("react").ComponentType<import("@/types/dropdown").DropdownProps>;
|
|
29
29
|
declare const Popover: import("react").ComponentType<import("@/types/popover").PopoverProps>;
|
|
30
|
-
|
|
30
|
+
declare const Result: import("react").ComponentType<import("@/types/result").ResultProps>;
|
|
31
|
+
export { Button, Checkbox, Empty, DatePicker, RangePicker, TimePicker, Form, FormItem, Input, Textarea, Radio, RadioButton, RadioGroup, Select, Option, Tag, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonImage, SkeletonInput, Upload, Switch, Menu, MenuItem, MenuSubMenu, Dropdown, Popover, Result };
|
|
31
32
|
export { ClearIcon, ArrowIcon, LoadingIcon, CheckIcon, SearchIcon, CalendarIcon, SuccessIcon, ErrorIcon, DateDistanceIcon, TimeIcon, StampleIcon, TrashIcon, SpinerIcon, } from '@/components/Icons';
|
|
32
33
|
export { useForm } from '@/hooks/useForm';
|
|
33
34
|
export { useWatch } from '@/hooks/useWatch';
|
|
@@ -39,6 +40,7 @@ export type { PopoverProps } from '@/types/popover';
|
|
|
39
40
|
export type { ButtonType, ButtonProps, BaseButtonProps } from '@/types/button';
|
|
40
41
|
export type { ItemType, MenuProps, SubMenuItem } from '@/types/menu';
|
|
41
42
|
export type { DropdownProps, DropdownItemType, } from '@/types/dropdown';
|
|
43
|
+
export type { ResultProps, ResultStatusType } from '@/types/result';
|
|
42
44
|
export type { RadioProps, RadioGroupProps, RadioButtonProps } from '@/types/radio';
|
|
43
45
|
export type { TDatePickerProps, TRangePickerProps, TimePickerProps } from '@/types/datepicker';
|
|
44
46
|
export type { SelectProps, OptionType, OptionProps, CustomTagProps, TagProps, DisplayValueType } from '@/types/select';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from "react";
|
|
2
|
+
export type ResultStatusType = "success" | "error" | "info" | "warning" | "403" | "404" | "500";
|
|
3
|
+
export interface ResultProps {
|
|
4
|
+
icon?: ReactNode;
|
|
5
|
+
status?: ResultStatusType;
|
|
6
|
+
title?: ReactNode;
|
|
7
|
+
subTitle?: ReactNode;
|
|
8
|
+
extra?: ReactNode;
|
|
9
|
+
prefixCls?: string;
|
|
10
|
+
className?: string;
|
|
11
|
+
style?: CSSProperties;
|
|
12
|
+
children?: ReactNode;
|
|
13
|
+
}
|
|
@@ -16,6 +16,7 @@ export declare const prefixClsSkeleton = "xUi-skeleton";
|
|
|
16
16
|
export declare const prefixClsMenu = "xUi-menu";
|
|
17
17
|
export declare const prefixClsDropdown = "xUi-dropdown";
|
|
18
18
|
export declare const prefixClsPopover = "xUi-popover";
|
|
19
|
+
export declare const prefixClsResult = "xUi-result";
|
|
19
20
|
export declare const prefixClsFormV3 = "v3-form";
|
|
20
21
|
export declare const prefixClsFormItemV3 = "v3-form-item";
|
|
21
22
|
export declare const prefixClsEmptyV3 = "v3-empty";
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import * as __types_result from '@/types/result';
|
|
2
|
+
export { ResultProps, ResultStatusType } from '@/types/result';
|
|
1
3
|
import * as __types_popover from '@/types/popover';
|
|
2
4
|
export { PopoverProps } from '@/types/popover';
|
|
3
5
|
import * as __types_dropdown from '@/types/dropdown';
|
|
@@ -138,5 +140,6 @@ declare const MenuItem: react.ComponentType<__types_menu.ItemType>;
|
|
|
138
140
|
declare const MenuSubMenu: react.ComponentType<__types_menu.SubMenuItem>;
|
|
139
141
|
declare const Dropdown: react.ComponentType<__types_dropdown.DropdownProps>;
|
|
140
142
|
declare const Popover: react.ComponentType<__types_popover.PopoverProps>;
|
|
143
|
+
declare const Result: react.ComponentType<__types_result.ResultProps>;
|
|
141
144
|
|
|
142
|
-
export { Button, Checkbox, DatePicker, Dropdown, Empty, Form, FormItem, Input, Menu, MenuItem, MenuSubMenu, Option, Popover, Radio, RadioButton, RadioGroup, RangePicker, Select, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonImage, SkeletonInput, Switch, Tag, Textarea, TimePicker, Upload };
|
|
145
|
+
export { Button, Checkbox, DatePicker, Dropdown, Empty, Form, FormItem, Input, Menu, MenuItem, MenuSubMenu, Option, Popover, Radio, RadioButton, RadioGroup, RangePicker, Result, Select, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonImage, SkeletonInput, Switch, Tag, Textarea, TimePicker, Upload };
|