fantasia-ui 0.2.2 → 0.2.4

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.
Files changed (87) hide show
  1. package/README.en.md +14 -1
  2. package/README.md +16 -3
  3. package/dist/fantasia-ui.css +1 -0
  4. package/dist/fantasia-ui.es.js +888 -1020
  5. package/dist/fantasia-ui.umd.js +1 -2
  6. package/dist/types/components/index.d.ts +29 -27
  7. package/dist/types/components/index.js +29 -27
  8. package/dist/types/index.d.ts +3 -2
  9. package/dist/types/index.js +6 -12
  10. package/dist/types/types/components/index.d.ts +3 -0
  11. package/dist/types/types/components/index.js +3 -0
  12. package/dist/types/types/components/modules/f-checkbox.d.ts +5 -0
  13. package/dist/types/types/components/modules/f-checkbox.js +1 -0
  14. package/dist/types/types/components/modules/f-form-item.d.ts +4 -0
  15. package/dist/types/types/components/modules/f-form-item.js +1 -0
  16. package/dist/types/types/components/modules/f-form.d.ts +21 -78
  17. package/dist/types/utils/general.d.ts +4 -0
  18. package/dist/types/utils/general.js +4 -0
  19. package/dist/types/utils/index.d.ts +2 -0
  20. package/dist/types/utils/index.js +2 -0
  21. package/dist/types/utils/validator.d.ts +23 -0
  22. package/dist/types/utils/validator.js +181 -0
  23. package/package.json +37 -15
  24. package/dist/assets/index.d.ts +0 -5
  25. package/dist/components/index.d.ts +0 -27
  26. package/dist/components/modules/FAffix.vue.d.ts +0 -21
  27. package/dist/components/modules/FAvatar.vue.d.ts +0 -6
  28. package/dist/components/modules/FBadge.vue.d.ts +0 -24
  29. package/dist/components/modules/FBreadcrumb.vue.d.ts +0 -24
  30. package/dist/components/modules/FButton.vue.d.ts +0 -21
  31. package/dist/components/modules/FCard.vue.d.ts +0 -31
  32. package/dist/components/modules/FCol.vue.d.ts +0 -22
  33. package/dist/components/modules/FContainer.vue.d.ts +0 -20
  34. package/dist/components/modules/FDivider.vue.d.ts +0 -6
  35. package/dist/components/modules/FDropdown.vue.d.ts +0 -35
  36. package/dist/components/modules/FIcon.vue.d.ts +0 -20
  37. package/dist/components/modules/FImage.vue.d.ts +0 -23
  38. package/dist/components/modules/FInput.vue.d.ts +0 -27
  39. package/dist/components/modules/FLink.vue.d.ts +0 -21
  40. package/dist/components/modules/FLoading.vue.d.ts +0 -6
  41. package/dist/components/modules/FPagination.vue.d.ts +0 -16
  42. package/dist/components/modules/FProgress.vue.d.ts +0 -6
  43. package/dist/components/modules/FRate.vue.d.ts +0 -22
  44. package/dist/components/modules/FRow.vue.d.ts +0 -24
  45. package/dist/components/modules/FSelect.vue.d.ts +0 -17
  46. package/dist/components/modules/FSpace.vue.d.ts +0 -9
  47. package/dist/components/modules/FTabs.vue.d.ts +0 -24
  48. package/dist/components/modules/FTag.vue.d.ts +0 -25
  49. package/dist/components/modules/FText.vue.d.ts +0 -22
  50. package/dist/components/modules/FTooltip.vue.d.ts +0 -31
  51. package/dist/components/modules/FTypography.vue.d.ts +0 -22
  52. package/dist/index.css +0 -1
  53. package/dist/index.d.ts +0 -3
  54. package/dist/types/components/modules/base.d.ts +0 -7
  55. package/dist/types/components/modules/f-affix.d.ts +0 -5
  56. package/dist/types/components/modules/f-avatar.d.ts +0 -10
  57. package/dist/types/components/modules/f-badge.d.ts +0 -9
  58. package/dist/types/components/modules/f-breadcrumb.d.ts +0 -10
  59. package/dist/types/components/modules/f-button.d.ts +0 -9
  60. package/dist/types/components/modules/f-card.d.ts +0 -6
  61. package/dist/types/components/modules/f-col.d.ts +0 -15
  62. package/dist/types/components/modules/f-container.d.ts +0 -4
  63. package/dist/types/components/modules/f-dialog.d.ts +0 -6
  64. package/dist/types/components/modules/f-divider.d.ts +0 -8
  65. package/dist/types/components/modules/f-dropdown.d.ts +0 -17
  66. package/dist/types/components/modules/f-form.d.ts +0 -83
  67. package/dist/types/components/modules/f-icon.d.ts +0 -5
  68. package/dist/types/components/modules/f-image.d.ts +0 -8
  69. package/dist/types/components/modules/f-input.d.ts +0 -9
  70. package/dist/types/components/modules/f-link.d.ts +0 -8
  71. package/dist/types/components/modules/f-loading.d.ts +0 -6
  72. package/dist/types/components/modules/f-menu.d.ts +0 -13
  73. package/dist/types/components/modules/f-pagination.d.ts +0 -6
  74. package/dist/types/components/modules/f-progress.d.ts +0 -7
  75. package/dist/types/components/modules/f-rate.d.ts +0 -12
  76. package/dist/types/components/modules/f-row.d.ts +0 -9
  77. package/dist/types/components/modules/f-slider-captcha.d.ts +0 -16
  78. package/dist/types/components/modules/f-space.d.ts +0 -11
  79. package/dist/types/components/modules/f-table.d.ts +0 -12
  80. package/dist/types/components/modules/f-tabs.d.ts +0 -12
  81. package/dist/types/components/modules/f-tag.d.ts +0 -10
  82. package/dist/types/components/modules/f-tagsview.d.ts +0 -7
  83. package/dist/types/components/modules/f-text.d.ts +0 -10
  84. package/dist/types/components/modules/f-toolbar.d.ts +0 -26
  85. package/dist/types/components/modules/f-tooltip.d.ts +0 -10
  86. package/dist/types/components/modules/f-upload.d.ts +0 -11
  87. package/dist/types/models/index.d.ts +0 -26
@@ -1,10 +0,0 @@
1
- interface BreadcrumbItem {
2
- label: string;
3
- href?: string;
4
- }
5
- interface FBreadcrumbProps {
6
- items: BreadcrumbItem[];
7
- separator?: string;
8
- animated?: boolean;
9
- }
10
- export type { FBreadcrumbProps, BreadcrumbItem };
@@ -1,9 +0,0 @@
1
- import { Size } from './base';
2
- interface FButtonProps {
3
- size?: Size;
4
- round?: boolean | number;
5
- disabled?: boolean;
6
- bgColor?: string;
7
- variant?: 'default' | 'primary' | 'accent2' | 'ghost' | 'text';
8
- }
9
- export type { FButtonProps };
@@ -1,6 +0,0 @@
1
- import { Direction } from './base';
2
- interface FCardProps {
3
- hoverable?: boolean;
4
- direction?: Direction;
5
- }
6
- export type { FCardProps };
@@ -1,15 +0,0 @@
1
- type ColSize = number | {
2
- span?: number;
3
- offset?: number;
4
- order?: number;
5
- };
6
- interface FColProps {
7
- span?: number;
8
- offset?: number;
9
- order?: number;
10
- xs?: ColSize;
11
- sm?: ColSize;
12
- md?: ColSize;
13
- lg?: ColSize;
14
- }
15
- export type { FColProps, ColSize };
@@ -1,4 +0,0 @@
1
- interface FContainerProps {
2
- gap?: number | string;
3
- }
4
- export type { FContainerProps };
@@ -1,6 +0,0 @@
1
- interface FDialogProps {
2
- maskClosable?: boolean;
3
- maskColor?: 'white' | 'black' | 'transparent';
4
- showMask?: boolean;
5
- }
6
- export type { FDialogProps };
@@ -1,8 +0,0 @@
1
- import { Direction } from './base';
2
- type Line = 'none' | 'solid' | 'hidden' | 'dashed';
3
- interface FDividerProps {
4
- color: string;
5
- direction?: Direction;
6
- line: Line;
7
- }
8
- export type { FDividerProps };
@@ -1,17 +0,0 @@
1
- import { Component } from 'vue';
2
- import { Placement } from './base';
3
- interface FDropdownOption {
4
- key: string | number;
5
- label: string;
6
- disabled?: boolean;
7
- children?: FDropdownOption[];
8
- icon?: string | Component;
9
- }
10
- interface FDropdownProps {
11
- placement?: Placement;
12
- offset?: number | [number, number];
13
- zIndex?: number;
14
- trigger?: 'hover' | 'click';
15
- options?: FDropdownOption[];
16
- }
17
- export type { FDropdownProps, FDropdownOption };
@@ -1,83 +0,0 @@
1
- type SizeType = '' | 'small' | 'default' | 'large';
2
- interface OptionsType {
3
- label: string;
4
- value: string | number;
5
- }
6
- interface FormItemRule {
7
- required?: boolean;
8
- message?: string;
9
- trigger?: string | string[];
10
- [key: string]: any;
11
- }
12
- interface CascaderOption {
13
- label: string;
14
- value: string | number;
15
- children?: CascaderOption[];
16
- [key: string]: any;
17
- }
18
- interface BaseConfig {
19
- id: number;
20
- schema_id: number;
21
- prop: string;
22
- label: string;
23
- placeholder?: string;
24
- size?: SizeType;
25
- sort_order: number;
26
- default_val?: string;
27
- status?: boolean;
28
- is_hidden?: boolean;
29
- is_disabled?: boolean;
30
- is_readonly?: boolean;
31
- props?: {
32
- value: string;
33
- label: string;
34
- children: string;
35
- };
36
- option_id: number;
37
- options?: OptionsType[];
38
- rules?: FormItemRule[];
39
- }
40
- type SpecificConfig = {
41
- 'input': object;
42
- 'input-number': object;
43
- 'input-textarea': object;
44
- 'date-picker': object;
45
- 'cascader': {
46
- options: CascaderOption[];
47
- };
48
- 'radio-group': {
49
- options: OptionsType[];
50
- };
51
- 'checkbox-group': {
52
- options: OptionsType[];
53
- };
54
- 'select': {
55
- option_id: number;
56
- options: CascaderOption[];
57
- };
58
- 'select-v2': {
59
- options: OptionsType[];
60
- };
61
- 'select-multiple': {
62
- option_id: number;
63
- options: CascaderOption[];
64
- };
65
- 'upload': {
66
- placeholder: string;
67
- tip: string;
68
- };
69
- 'input-autocomplete': {
70
- placeholder: string;
71
- };
72
- 'date-time-range': object;
73
- };
74
- export type GroupForm = BaseConfig & {
75
- [K in keyof SpecificConfig]: {
76
- component: K;
77
- } & SpecificConfig[K];
78
- }[keyof SpecificConfig];
79
- export interface Forms {
80
- modal: GroupForm;
81
- search_form: GroupForm;
82
- }
83
- export {};
@@ -1,5 +0,0 @@
1
- interface FIconProps {
2
- color?: string;
3
- size?: string | number;
4
- }
5
- export type { FIconProps };
@@ -1,8 +0,0 @@
1
- type fitType = "fill" | "contain" | "none" | "cover" | "scale-down";
2
- interface FImageProps {
3
- src: string;
4
- alt?: string;
5
- fit?: fitType;
6
- lazy?: boolean;
7
- }
8
- export type { FImageProps };
@@ -1,9 +0,0 @@
1
- interface FInputProps {
2
- placeholder?: string;
3
- type?: string;
4
- disabled?: boolean;
5
- readonly?: boolean;
6
- name?: string;
7
- id?: string;
8
- }
9
- export type { FInputProps };
@@ -1,8 +0,0 @@
1
- interface FLinkProps {
2
- href?: string;
3
- target?: '_self' | '_blank' | '_parent' | '_top';
4
- underline?: 'none' | 'always' | 'hover';
5
- color?: 'default' | 'muted' | 'accent' | 'accent2' | 'green' | 'red' | 'blue' | 'gold';
6
- disabled?: boolean;
7
- }
8
- export type { FLinkProps };
@@ -1,6 +0,0 @@
1
- interface FLoadingProps {
2
- type: string;
3
- text?: string;
4
- mask?: boolean;
5
- }
6
- export type { FLoadingProps };
@@ -1,13 +0,0 @@
1
- import { MenuItem } from '../../models';
2
- interface FMenu {
3
- items: MenuItem[];
4
- depth?: number;
5
- collapsed?: boolean;
6
- variant?: 'default' | 'dropdown';
7
- }
8
- interface FMenuItem {
9
- item: MenuItem;
10
- depth?: number;
11
- collapsed?: boolean;
12
- }
13
- export type { FMenu, FMenuItem };
@@ -1,6 +0,0 @@
1
- interface FPaginationProps {
2
- total: number;
3
- pageSize?: number;
4
- hideOnSingle: false;
5
- }
6
- export type { FPaginationProps };
@@ -1,7 +0,0 @@
1
- interface FProgressProps {
2
- percent: number;
3
- color?: string;
4
- showText?: boolean;
5
- height?: number;
6
- }
7
- export type { FProgressProps };
@@ -1,12 +0,0 @@
1
- interface FRateProps {
2
- modelValue?: number;
3
- count?: number;
4
- readonly?: boolean;
5
- allowHalf?: boolean;
6
- color?: string;
7
- voidColor?: string;
8
- showText?: boolean;
9
- scoreTemplate?: string;
10
- size?: 'large' | 'normal' | 'small';
11
- }
12
- export type { FRateProps };
@@ -1,9 +0,0 @@
1
- import { Align, Justify, Wrap } from './base';
2
- interface FRowProps {
3
- gutter?: number | [number, number];
4
- justify?: Justify;
5
- align?: Align;
6
- wrap?: Wrap;
7
- tag?: string;
8
- }
9
- export type { FRowProps };
@@ -1,16 +0,0 @@
1
- type ProgressStatus = '' | 'moving' | 'success' | 'error';
2
- interface FSliderCaptchaProps {
3
- bgImage: string;
4
- fragmentImage: string;
5
- token: string;
6
- y: number;
7
- initialAngle: number;
8
- }
9
- interface verifiedData {
10
- token: string;
11
- offsetX: number;
12
- finalAngle: number;
13
- data: string;
14
- startX: number;
15
- }
16
- export type { ProgressStatus, verifiedData, FSliderCaptchaProps };
@@ -1,11 +0,0 @@
1
- import { Justify, Direction, Size } from './base';
2
- type Align = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
3
- interface FSpaceProps {
4
- direction?: Direction;
5
- size?: Size | [Size, Size];
6
- align?: Align;
7
- justify?: Justify;
8
- wrap?: boolean;
9
- split?: string;
10
- }
11
- export type { FSpaceProps };
@@ -1,12 +0,0 @@
1
- import { Actions, Columns } from '../../models';
2
- interface FTableProps {
3
- data: any;
4
- columns: Columns[];
5
- size?: '' | 'large' | 'default' | 'small';
6
- border?: boolean;
7
- actions?: Actions[];
8
- rowKey?: string;
9
- order?: boolean;
10
- selectable?: boolean;
11
- }
12
- export type { FTableProps };
@@ -1,12 +0,0 @@
1
- type TabsType = 'line' | 'bar' | 'card' | 'segment';
2
- interface TabItem {
3
- label: string;
4
- name: string;
5
- disabled?: boolean;
6
- }
7
- interface FTabsProps {
8
- tabs: TabItem[];
9
- active?: string;
10
- type?: TabsType;
11
- }
12
- export type { FTabsProps };
@@ -1,10 +0,0 @@
1
- import { Size } from './base';
2
- type TagColor = 'purple' | 'pink' | 'blue' | 'cyan' | 'green' | 'gold' | 'orange' | 'red' | 'default';
3
- interface FTagProps {
4
- color?: TagColor;
5
- type?: 'round' | 'square' | 'dot' | 'bookmark';
6
- effect?: 'light' | 'dark' | 'plain';
7
- closable?: boolean;
8
- size?: Size;
9
- }
10
- export type { FTagProps };
@@ -1,7 +0,0 @@
1
- interface Tags {
2
- title: string;
3
- path: string;
4
- type: 'plain' | 'dark' | 'light' | string;
5
- closable: boolean;
6
- }
7
- export type { Tags };
@@ -1,10 +0,0 @@
1
- interface FTextProps {
2
- tag?: string;
3
- heading?: 1 | 2 | 3 | 4 | 5 | 6;
4
- size?: 'xs' | 'sm' | 'normal' | 'lg' | 'xl' | '2xl' | '3xl';
5
- weight?: 'normal' | 'medium' | 'bold' | 'bolder';
6
- color?: 'default' | 'muted' | 'dim' | 'link' | 'accent' | 'accent2' | 'accent3' | 'gold' | 'green' | 'red' | 'blue' | 'orange';
7
- truncate?: boolean;
8
- italic?: boolean;
9
- }
10
- export type { FTextProps };
@@ -1,26 +0,0 @@
1
- import { Actions } from '../../models';
2
- interface StyleProps {
3
- bg?: string;
4
- align?: string;
5
- shadow?: {
6
- x: number;
7
- y: number;
8
- blur: number;
9
- spread: number;
10
- color: string;
11
- };
12
- radius?: number;
13
- border?: {
14
- top: number;
15
- right: number;
16
- bottom: number;
17
- left: number;
18
- borderStyle: string;
19
- color: string;
20
- };
21
- }
22
- interface FToolbarProps {
23
- data: Actions[];
24
- style?: StyleProps;
25
- }
26
- export type { FToolbarProps };
@@ -1,10 +0,0 @@
1
- type TooltipPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
2
- interface FTooltipProps {
3
- content?: string;
4
- placement?: TooltipPlacement;
5
- disabled?: boolean;
6
- delay?: number;
7
- offset?: number;
8
- maxWidth?: number;
9
- }
10
- export type { FTooltipProps };
@@ -1,11 +0,0 @@
1
- type imageType = 'image/png' | 'image/jpeg' | 'image/webp' | 'image/jpg' | 'image/bmp' | 'image/gif' | 'image/svg+xml' | 'image/svg';
2
- type fileType = imageType;
3
- type fileTypes = 'image';
4
- type fileTypesMap = {
5
- [key in fileTypes]: fileType[];
6
- };
7
- interface SheetData {
8
- sheetName: string;
9
- data: any[];
10
- }
11
- export type { fileTypesMap, SheetData, imageType };
@@ -1,26 +0,0 @@
1
- export interface MenuItem {
2
- id?: string | number;
3
- label: string;
4
- icon?: string;
5
- path?: string;
6
- children?: MenuItem[];
7
- [key: string]: any;
8
- }
9
- export interface Columns {
10
- prop: string;
11
- label: string;
12
- width?: string | number;
13
- minWidth?: string | number;
14
- align?: 'left' | 'center' | 'right';
15
- sortable?: boolean;
16
- fixed?: boolean | 'left' | 'right';
17
- [key: string]: any;
18
- }
19
- export interface Actions {
20
- label: string;
21
- type?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
22
- icon?: string;
23
- onClick?: (...args: any[]) => void;
24
- disabled?: boolean;
25
- [key: string]: any;
26
- }