x-next 0.0.0-alpha.51 → 0.0.0-alpha.53

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 (115) hide show
  1. package/README.md +28 -21
  2. package/dist/_hooks/_types.d.ts +6 -0
  3. package/dist/_hooks/use-cursor.d.ts +2 -0
  4. package/dist/_hooks/use-form-item.d.ts +16 -0
  5. package/dist/_hooks/use-trigger.d.ts +13 -0
  6. package/dist/_utils/get-value-by-path.d.ts +5 -0
  7. package/dist/_utils/keycode.d.ts +36 -0
  8. package/dist/_utils/pick.d.ts +1 -0
  9. package/dist/_utils/responsive-observe.d.ts +24 -0
  10. package/dist/_utils/vue-eco.d.ts +4 -0
  11. package/dist/components/button/Button.d.ts +11 -5
  12. package/dist/components/button/ButtonGroup.vue.d.ts +90 -0
  13. package/dist/components/button/context.d.ts +11 -0
  14. package/dist/components/button/index.d.ts +143 -29
  15. package/dist/components/button/props.d.ts +10 -6
  16. package/dist/components/dialog/Dialog.d.ts +3 -3
  17. package/dist/components/dialog/index.d.ts +11 -11
  18. package/dist/components/drawer/index.d.ts +225 -133
  19. package/dist/components/drawer/src/Drawer.vue.d.ts +111 -65
  20. package/dist/components/dropdown/Dropdown.vue.d.ts +1143 -0
  21. package/dist/components/dropdown/DropdownButton.vue.d.ts +1612 -0
  22. package/dist/components/dropdown/DropdownGroup.vue.d.ts +21 -0
  23. package/dist/components/dropdown/DropdownOption.vue.d.ts +63 -0
  24. package/dist/components/dropdown/DropdownSubmenu.vue.d.ts +1234 -0
  25. package/dist/components/dropdown/context.d.ts +6 -0
  26. package/dist/components/dropdown/dropdown-panel.vue.d.ts +432 -0
  27. package/dist/components/dropdown/index.d.ts +7614 -0
  28. package/dist/components/dropdown/interface.d.ts +33 -0
  29. package/dist/components/dropdown/utils.d.ts +5 -0
  30. package/dist/components/empty/Empty.d.ts +44 -0
  31. package/dist/components/empty/index.d.ts +43 -0
  32. package/dist/components/form/Form.vue.d.ts +313 -0
  33. package/dist/components/form/FormItem.vue.d.ts +2218 -0
  34. package/dist/components/form/context.d.ts +49 -0
  35. package/dist/components/form/form-item-label.vue.d.ts +1435 -0
  36. package/dist/components/form/form-item-message.vue.d.ts +24 -0
  37. package/dist/components/form/index.d.ts +4189 -0
  38. package/dist/components/form/interface.d.ts +185 -0
  39. package/dist/components/form/utils.d.ts +9 -0
  40. package/dist/components/form/validateMessages.d.ts +46 -0
  41. package/dist/components/grid/Col.vue.d.ts +188 -0
  42. package/dist/components/grid/Grid.vue.d.ts +108 -0
  43. package/dist/components/grid/GridItem.vue.d.ts +78 -0
  44. package/dist/components/grid/Row.vue.d.ts +102 -0
  45. package/dist/components/grid/context.d.ts +19 -0
  46. package/dist/components/grid/hook/use-responsive-state.d.ts +3 -0
  47. package/dist/components/grid/hook/use-responsive-value.d.ts +24 -0
  48. package/dist/components/grid/index.d.ts +562 -0
  49. package/dist/components/grid/interface.d.ts +80 -0
  50. package/dist/components/grid/utils/index.d.ts +11 -0
  51. package/dist/components/image/Image.vue.d.ts +2179 -0
  52. package/dist/components/image/ImagePreview.vue.d.ts +1879 -0
  53. package/dist/components/image/ImagePreviewAction.d.ts +15 -15
  54. package/dist/components/image/ImagePreviewGroup.vue.d.ts +1975 -0
  55. package/dist/components/image/index.d.ts +14126 -0
  56. package/dist/components/image/interface.d.ts +8 -0
  57. package/dist/components/image/preview-toolbar.vue.d.ts +16 -22
  58. package/dist/components/index.d.ts +6 -1
  59. package/dist/components/input/Input.d.ts +233 -161
  60. package/dist/components/input/InputGroup.vue.d.ts +9 -0
  61. package/dist/components/input/InputPassword.vue.d.ts +337 -0
  62. package/dist/components/input/InputSearch.d.ts +123 -0
  63. package/dist/components/input/index.d.ts +927 -270
  64. package/dist/components/message/Message.d.ts +1 -1
  65. package/dist/components/message/MessageVue.vue.d.ts +1 -1
  66. package/dist/components/message/index.d.ts +5 -5
  67. package/dist/components/message-box/index.d.ts +2 -2
  68. package/dist/components/notification/index.d.ts +2 -2
  69. package/dist/components/popconfirm/index.d.ts +8 -8
  70. package/dist/components/popconfirm/src/Popconfirm.d.ts +2 -2
  71. package/dist/components/popconfirm/src/popup.vue.d.ts +18 -9
  72. package/dist/components/popup/Popup.d.ts +3 -3
  73. package/dist/components/popup/index.d.ts +11 -11
  74. package/dist/components/{scrollbar/src → scrollbar-v2}/Scrollbar.vue.d.ts +96 -28
  75. package/dist/components/{scrollbar → scrollbar-v2}/index.d.ts +94 -57
  76. package/dist/components/{scrollbar/src/types.d.ts → scrollbar-v2/interface.d.ts} +0 -2
  77. package/dist/components/scrollbar-v2/thumb.vue.d.ts +62 -0
  78. package/dist/components/space/index.d.ts +2 -2
  79. package/dist/components/tabs/index.d.ts +3 -3
  80. package/dist/components/tabs/tabs-nav.d.ts +1 -1
  81. package/dist/components/tabs/tabs-tab.vue.d.ts +1 -1
  82. package/dist/components/tag/index.d.ts +2 -2
  83. package/dist/components/timeline/index.d.ts +2 -2
  84. package/dist/components/timeline-item/index.d.ts +2 -2
  85. package/dist/components/tooltip/Tooltip.vue.d.ts +7 -7
  86. package/dist/components/tooltip/index.d.ts +17 -17
  87. package/dist/components/trend-chart/index.d.ts +2 -2
  88. package/dist/components/trigger/index.d.ts +6 -6
  89. package/dist/components/trigger/src/trigger.d.ts +2 -2
  90. package/dist/components/trigger-v2/index.d.ts +6 -6
  91. package/dist/components/trigger-v2/trigger.d.ts +2 -2
  92. package/dist/icons/_self/empty-better.d.ts +50 -0
  93. package/dist/icons/_self/empty.d.ts +50 -0
  94. package/dist/icons/_self/eye-invisible.d.ts +50 -0
  95. package/dist/icons/_self/eye.d.ts +50 -0
  96. package/dist/icons/_self/more-dot.d.ts +50 -0
  97. package/dist/icons/_self/question-message.d.ts +50 -0
  98. package/dist/icons/_self/search.d.ts +50 -0
  99. package/dist/index.es.js +7166 -3475
  100. package/dist/index.umd.js +1 -1
  101. package/dist/style.css +1 -1
  102. package/dist/types.d.ts +38 -21
  103. package/package.json +5 -3
  104. package/volar.d.ts +38 -21
  105. package/dist/components/form/constants.d.ts +0 -4
  106. package/dist/components/form/form-item.d.ts +0 -31
  107. package/dist/components/form/form.d.ts +0 -39
  108. package/dist/components/form/hooks.d.ts +0 -4
  109. package/dist/components/form/types.d.ts +0 -31
  110. package/dist/components/input/props.d.ts +0 -95
  111. package/dist/components/input/utils.d.ts +0 -6
  112. package/dist/components/scrollbar/src/constant.d.ts +0 -1
  113. package/dist/components/scrollbar/src/scrollbar.d.ts +0 -24
  114. package/dist/components/scrollbar/src/thumb.d.ts +0 -20
  115. package/dist/components/scrollbar/src/thumb.vue.d.ts +0 -47
package/volar.d.ts CHANGED
@@ -1,27 +1,44 @@
1
1
  // Auto generated component declarations
2
2
  declare module 'vue' {
3
3
  export interface GlobalComponents {
4
- XButton: (typeof import('x-next'))['XButton'];
5
- XDialog: (typeof import('x-next'))['XDialog'];
6
- XMessage: (typeof import('x-next'))['XMessage'];
7
- XMessageBox: (typeof import('x-next'))['XMessageBox'];
8
- XNotification: (typeof import('x-next'))['XNotification'];
9
- XSpace: (typeof import('x-next'))['XSpace'];
10
- XPopconfirm: (typeof import('x-next'))['XPopconfirm'];
11
- XTrendChart: (typeof import('x-next'))['XTrendChart'];
12
- XTimeline: (typeof import('x-next'))['XTimeline'];
13
- XTimelineItem: (typeof import('x-next'))['XTimelineItem'];
14
- XPopup: (typeof import('x-next'))['XPopup'];
15
- XScrollbar: (typeof import('x-next'))['XScrollbar'];
16
- XDrawer: (typeof import('x-next'))['XDrawer'];
17
- XTag: (typeof import('x-next'))['XTag'];
18
- XTooltip: (typeof import('x-next'))['XTooltip'];
19
- XImage: (typeof import('x-next'))['XImage'];
20
- XImagePreview: (typeof import('x-next'))['XImagePreview'];
21
- XImagePreviewGroup: (typeof import('x-next'))['XImagePreviewGroup'];
22
- XImagePreviewAction: (typeof import('x-next'))['XImagePreviewAction'];
23
- XTabPane: (typeof import('x-next'))['XTabPane'];
24
- XTabs: (typeof import('x-next'))['XTabs'];
4
+ XButton: (typeof import('x-next'))['Button'];
5
+ XDialog: (typeof import('x-next'))['Dialog'];
6
+ XMessage: (typeof import('x-next'))['Message'];
7
+ XMessageBox: (typeof import('x-next'))['MessageBox'];
8
+ XNotification: (typeof import('x-next'))['Notification'];
9
+ XSpace: (typeof import('x-next'))['Space'];
10
+ XPopconfirm: (typeof import('x-next'))['Popconfirm'];
11
+ XTrendChart: (typeof import('x-next'))['TrendChart'];
12
+ XTimeline: (typeof import('x-next'))['Timeline'];
13
+ XTimelineItem: (typeof import('x-next'))['TimelineItem'];
14
+ XPopup: (typeof import('x-next'))['Popup'];
15
+ XScrollbar: (typeof import('x-next'))['Scrollbar'];
16
+ XDrawer: (typeof import('x-next'))['Drawer'];
17
+ XTag: (typeof import('x-next'))['Tag'];
18
+ XTooltip: (typeof import('x-next'))['Tooltip'];
19
+ XImage: (typeof import('x-next'))['Image'];
20
+ XImagePreview: (typeof import('x-next'))['ImagePreview'];
21
+ XImagePreviewGroup: (typeof import('x-next'))['ImagePreviewGroup'];
22
+ XImagePreviewAction: (typeof import('x-next'))['ImagePreviewAction'];
23
+ XTabPane: (typeof import('x-next'))['TabPane'];
24
+ XTabs: (typeof import('x-next'))['Tabs'];
25
+ XButtonGroup: (typeof import('x-next'))['ButtonGroup'];
26
+ XDropdown: (typeof import('x-next'))['Dropdown'];
27
+ XDropdownButton: (typeof import('x-next'))['DropdownButton'];
28
+ XEmpty: (typeof import('x-next'))['Empty'];
29
+ XDropdownOption: (typeof import('x-next'))['DropdownOption'];
30
+ XDropdownGroup: (typeof import('x-next'))['DropdownGroup'];
31
+ XDropdownSubmenu: (typeof import('x-next'))['DropdownSubmenu'];
32
+ XInput: (typeof import('x-next'))['Input'];
33
+ XInputGroup: (typeof import('x-next'))['InputGroup'];
34
+ XInputPassword: (typeof import('x-next'))['InputPassword'];
35
+ XInputSearch: (typeof import('x-next'))['InputSearch'];
36
+ XCol: (typeof import('x-next'))['Col'];
37
+ XGrid: (typeof import('x-next'))['Grid'];
38
+ XGridItem: (typeof import('x-next'))['GridItem'];
39
+ XRow: (typeof import('x-next'))['Row'];
40
+ XForm: (typeof import('x-next'))['Form'];
41
+ XFormItem: (typeof import('x-next'))['FormItem'];
25
42
  }
26
43
  }
27
44
  export {};
@@ -1,4 +0,0 @@
1
- import { InjectionKey } from 'vue';
2
- import { FormContext, FormItemContext } from './types';
3
- export declare const formContextKey: InjectionKey<FormContext>;
4
- export declare const formItemContextKey: InjectionKey<FormItemContext>;
@@ -1,31 +0,0 @@
1
- import { ExtractPropTypes } from 'vue';
2
- import { Arrayable, FormItemRule } from './types';
3
- export declare const formItemValidateStates: readonly ["", "error", "validating", "success"];
4
- export type FormItemValidateState = (typeof formItemValidateStates)[number];
5
- export type FormItemProp = Arrayable<string>;
6
- export declare const formItemProps: {
7
- label: StringConstructor;
8
- labelWidth: {
9
- type: (NumberConstructor | StringConstructor)[];
10
- default: string;
11
- };
12
- prop: {
13
- type: import('vue').PropType<FormItemProp>;
14
- };
15
- required: {
16
- type: BooleanConstructor;
17
- default: undefined;
18
- };
19
- rules: {
20
- type: import('vue').PropType<Arrayable<FormItemRule>>;
21
- };
22
- validateStatus: {
23
- type: StringConstructor;
24
- values: readonly ["", "error", "validating", "success"];
25
- };
26
- showMessage: {
27
- type: BooleanConstructor;
28
- default: boolean;
29
- };
30
- };
31
- export type FormItemProps = ExtractPropTypes<typeof formItemProps>;
@@ -1,39 +0,0 @@
1
- import { ExtractPropTypes, PropType } from 'vue';
2
- import { FormItemProp } from './form-item';
3
- export declare const formProps: {
4
- model: {
5
- type: ObjectConstructor;
6
- };
7
- rules: {
8
- type: PropType<Partial<Record<string, import('./types').Arrayable<import('./types').FormItemRule>>>>;
9
- };
10
- labelPosition: {
11
- type: PropType<"left" | "right" | "top">;
12
- default: string;
13
- };
14
- requireAsteriskPosition: {
15
- type: StringConstructor;
16
- default: string;
17
- };
18
- labelWidth: {
19
- type: (NumberConstructor | StringConstructor)[];
20
- default: string;
21
- };
22
- showMessage: {
23
- type: BooleanConstructor;
24
- default: boolean;
25
- };
26
- validateOnRuleChange: {
27
- type: BooleanConstructor;
28
- default: boolean;
29
- };
30
- inline: {
31
- type: BooleanConstructor;
32
- default: boolean;
33
- };
34
- };
35
- export type FormProps = ExtractPropTypes<typeof formProps>;
36
- export declare const formEmits: {
37
- validate: (prop: FormItemProp, isValid: boolean, message: string) => boolean;
38
- };
39
- export type FormEmits = typeof formEmits;
@@ -1,4 +0,0 @@
1
- export declare const useFormItem: () => {
2
- form: import('./types').FormContext | undefined;
3
- formItem: import('./types').FormItemContext | undefined;
4
- };
@@ -1,31 +0,0 @@
1
- import { SetupContext } from 'vue';
2
- import { RuleItem, ValidateError, ValidateFieldsError } from 'async-validator';
3
- import { FormProps, FormEmits } from './form';
4
- import { FormItemProp, FormItemProps, FormItemValidateState } from './form-item';
5
- export type Arrayable<T> = T | T[];
6
- export interface FormItemRule extends Omit<RuleItem, 'validator'> {
7
- trigger?: Arrayable<string>;
8
- validator?: RuleItem['validator'] | string;
9
- }
10
- export type FormRules = Partial<Record<string, Arrayable<FormItemRule>>>;
11
- export type FormValidationResult = Promise<any>;
12
- export type FormValidateCallback = (isValid: boolean, invalidFields?: any) => void;
13
- export type FormContext = FormProps & {
14
- emit: SetupContext<FormEmits>['emit'];
15
- addField: (field: FormItemContext) => void;
16
- removeField: (field: FormItemContext) => void;
17
- resetFields: (props?: Arrayable<FormItemProp>) => void;
18
- clearValidate: (props?: Arrayable<FormItemProp>) => void;
19
- validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
20
- };
21
- export interface FormItemContext extends FormItemProps {
22
- $el: HTMLDivElement | undefined;
23
- validateState: FormItemValidateState;
24
- validate: (trigger: string, callback?: FormValidateCallback) => FormValidationResult;
25
- resetField(): void;
26
- clearValidate(): void;
27
- }
28
- export interface FormValidateFailure {
29
- errors: ValidateError[] | null;
30
- fields: ValidateFieldsError;
31
- }
@@ -1,95 +0,0 @@
1
- import { ExtractPropTypes } from 'vue';
2
- export declare const inputProps: {
3
- autocomplete: {
4
- type: import('vue').PropType<"on" | "off">;
5
- default: string;
6
- };
7
- name: {
8
- type: StringConstructor;
9
- default: string;
10
- };
11
- readonly: {
12
- type: BooleanConstructor;
13
- default: boolean;
14
- };
15
- autofocus: {
16
- type: BooleanConstructor;
17
- default: boolean;
18
- };
19
- form: {
20
- type: StringConstructor;
21
- default: undefined;
22
- };
23
- modelValue: {
24
- type: (NumberConstructor | StringConstructor)[];
25
- default: undefined;
26
- };
27
- type: {
28
- type: import('vue').PropType<"text" | "textarea">;
29
- default: string;
30
- };
31
- placeholder: {
32
- type: StringConstructor;
33
- default: string;
34
- };
35
- disabled: {
36
- type: BooleanConstructor;
37
- default: boolean;
38
- };
39
- size: {
40
- type: import('vue').PropType<"default" | "small" | "large">;
41
- default: string;
42
- };
43
- showPassword: {
44
- type: BooleanConstructor;
45
- default: boolean;
46
- };
47
- resize: {
48
- type: BooleanConstructor;
49
- default: boolean;
50
- };
51
- prefixIcon: {
52
- type: StringConstructor;
53
- default: string;
54
- };
55
- suffixIcon: {
56
- type: StringConstructor;
57
- default: string;
58
- };
59
- autosize: {
60
- type: import('vue').PropType<boolean | {
61
- minRows: number;
62
- maxRows: number;
63
- }>;
64
- default: boolean;
65
- };
66
- formatter: {
67
- type: FunctionConstructor;
68
- default: undefined;
69
- };
70
- validateEvent: {
71
- type: BooleanConstructor;
72
- default: boolean;
73
- };
74
- clearable: {
75
- type: BooleanConstructor;
76
- default: boolean;
77
- };
78
- card: {
79
- type: BooleanConstructor;
80
- default: boolean;
81
- };
82
- maxlength: {
83
- type: (NumberConstructor | StringConstructor)[];
84
- default: undefined;
85
- };
86
- showWordLimit: {
87
- type: BooleanConstructor;
88
- default: boolean;
89
- };
90
- valueType: {
91
- type: import('vue').PropType<"string" | "number">;
92
- default: string;
93
- };
94
- };
95
- export type InputProps = ExtractPropTypes<typeof inputProps>;
@@ -1,6 +0,0 @@
1
- interface TextAreaHeight {
2
- height: string;
3
- minHeight?: string;
4
- }
5
- export declare function calcTextareaHeight(targetElement: HTMLTextAreaElement, minRows?: number, maxRows?: number): TextAreaHeight;
6
- export {};
@@ -1 +0,0 @@
1
- export declare const TRACK_SIZE = 6;
@@ -1,24 +0,0 @@
1
- import { PropType, StyleValue, ExtractPropTypes } from 'vue';
2
- export declare const scrollbarProps: {
3
- type: {
4
- type: PropType<"track" | "embed">;
5
- default: string;
6
- };
7
- outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
8
- outerStyle: {
9
- type: PropType<StyleValue>;
10
- };
11
- hide: {
12
- type: BooleanConstructor;
13
- default: boolean;
14
- };
15
- disableHorizontal: {
16
- type: BooleanConstructor;
17
- default: boolean;
18
- };
19
- disableVertical: {
20
- type: BooleanConstructor;
21
- default: boolean;
22
- };
23
- };
24
- export type ScrollProps = ExtractPropTypes<typeof scrollbarProps>;
@@ -1,20 +0,0 @@
1
- import { PropType, ExtractPropTypes } from 'vue';
2
- import { Direction, ThumbData } from './types';
3
- export declare const thumbProps: {
4
- data: {
5
- type: PropType<ThumbData>;
6
- };
7
- direction: {
8
- type: PropType<Direction>;
9
- default: string;
10
- };
11
- alwaysShow: {
12
- type: BooleanConstructor;
13
- default: boolean;
14
- };
15
- both: {
16
- type: BooleanConstructor;
17
- default: boolean;
18
- };
19
- };
20
- export type ThumbProps = ExtractPropTypes<typeof thumbProps>;
@@ -1,47 +0,0 @@
1
- declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
- data: {
3
- type: import('vue').PropType<import('./types').ThumbData>;
4
- };
5
- direction: {
6
- type: import('vue').PropType<import('./types').Direction>;
7
- default: string;
8
- };
9
- alwaysShow: {
10
- type: BooleanConstructor;
11
- default: boolean;
12
- };
13
- both: {
14
- type: BooleanConstructor;
15
- default: boolean;
16
- };
17
- }>, {
18
- setOffset: (_offset: number) => void;
19
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
20
- scroll: (...args: any[]) => void;
21
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
22
- data: {
23
- type: import('vue').PropType<import('./types').ThumbData>;
24
- };
25
- direction: {
26
- type: import('vue').PropType<import('./types').Direction>;
27
- default: string;
28
- };
29
- alwaysShow: {
30
- type: BooleanConstructor;
31
- default: boolean;
32
- };
33
- both: {
34
- type: BooleanConstructor;
35
- default: boolean;
36
- };
37
- }>> & Readonly<{
38
- onScroll?: ((...args: any[]) => any) | undefined;
39
- }>, {
40
- direction: "horizontal" | "vertical";
41
- both: boolean;
42
- alwaysShow: boolean;
43
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
44
- trackRef: HTMLDivElement;
45
- thumbRef: HTMLDivElement;
46
- }, HTMLDivElement>;
47
- export default _default;