x-next 0.0.0-alpha.58 → 0.0.0-alpha.59

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 (32) hide show
  1. package/dist/_utils/types.d.ts +2 -0
  2. package/dist/components/form-checkbox/Checkbox.d.ts +148 -0
  3. package/dist/components/form-checkbox/CheckboxGroup.d.ts +122 -0
  4. package/dist/components/form-checkbox/context.d.ts +10 -0
  5. package/dist/components/form-checkbox/icon-check.d.ts +2 -0
  6. package/dist/components/form-checkbox/index.d.ts +309 -0
  7. package/dist/components/form-checkbox/interface.d.ts +23 -0
  8. package/dist/components/form-switch/Switch.vue.d.ts +326 -0
  9. package/dist/components/form-switch/index.d.ts +375 -0
  10. package/dist/components/image/Image.vue.d.ts +1 -1
  11. package/dist/components/image/index.d.ts +3 -3
  12. package/dist/components/index.d.ts +4 -1
  13. package/dist/components/network/Network.vue.d.ts +3 -3
  14. package/dist/components/network/index.d.ts +6 -6
  15. package/dist/components/steps/Step.vue.d.ts +181 -0
  16. package/dist/components/steps/Steps.vue.d.ts +187 -0
  17. package/dist/components/steps/context.d.ts +17 -0
  18. package/dist/components/steps/index.d.ts +499 -0
  19. package/dist/components/steps/interface.d.ts +8 -0
  20. package/dist/components/tag/Tag.vue.d.ts +2 -2
  21. package/dist/components/tag/index.d.ts +6 -6
  22. package/dist/index.es.js +5071 -4211
  23. package/dist/index.umd.js +1 -1
  24. package/dist/style.css +1 -1
  25. package/dist/types.d.ts +5 -0
  26. package/package.json +1 -1
  27. package/volar.d.ts +5 -0
  28. /package/dist/components/{input → form-input}/Input.d.ts +0 -0
  29. /package/dist/components/{input → form-input}/InputGroup.vue.d.ts +0 -0
  30. /package/dist/components/{input → form-input}/InputPassword.vue.d.ts +0 -0
  31. /package/dist/components/{input → form-input}/InputSearch.d.ts +0 -0
  32. /package/dist/components/{input → form-input}/index.d.ts +0 -0
@@ -89,7 +89,7 @@ export declare const Image: {
89
89
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("preview-visible-change" | "update:previewVisible")[], import('vue').PublicProps, {
90
90
  renderToBody: boolean;
91
91
  hideFooter: boolean | "never";
92
- footerPosition: "inner" | "outer";
92
+ footerPosition: "outer" | "inner";
93
93
  showLoader: boolean;
94
94
  preview: boolean;
95
95
  previewVisible: boolean;
@@ -2091,7 +2091,7 @@ export declare const Image: {
2091
2091
  }, {}, {}, {}, {
2092
2092
  renderToBody: boolean;
2093
2093
  hideFooter: boolean | "never";
2094
- footerPosition: "inner" | "outer";
2094
+ footerPosition: "outer" | "inner";
2095
2095
  showLoader: boolean;
2096
2096
  preview: boolean;
2097
2097
  previewVisible: boolean;
@@ -2190,7 +2190,7 @@ export declare const Image: {
2190
2190
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("preview-visible-change" | "update:previewVisible")[], "preview-visible-change" | "update:previewVisible", {
2191
2191
  renderToBody: boolean;
2192
2192
  hideFooter: boolean | "never";
2193
- footerPosition: "inner" | "outer";
2193
+ footerPosition: "outer" | "inner";
2194
2194
  showLoader: boolean;
2195
2195
  preview: boolean;
2196
2196
  previewVisible: boolean;
@@ -4,9 +4,11 @@ export * from './drawer';
4
4
  export * from './dropdown';
5
5
  export * from './empty';
6
6
  export * from './form';
7
+ export * from './form-checkbox';
8
+ export * from './form-input';
9
+ export * from './form-switch';
7
10
  export * from './grid';
8
11
  export * from './image';
9
- export * from './input';
10
12
  export * from './message';
11
13
  export * from './message-box';
12
14
  export * from './network';
@@ -15,6 +17,7 @@ export * from './popconfirm';
15
17
  export * from './popup';
16
18
  export * from './scrollbar-v2';
17
19
  export * from './space';
20
+ export * from './steps';
18
21
  export * from './tabs';
19
22
  export * from './tag';
20
23
  export * from './timeline';
@@ -10,7 +10,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
10
10
  * @description 强|中|弱
11
11
  */
12
12
  signalStrengthColor: {
13
- type: PropType<string[]>;
13
+ type: PropType<[string, string]>;
14
14
  default: () => string[];
15
15
  };
16
16
  ping: {
@@ -38,7 +38,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
38
38
  * @description 强|中|弱
39
39
  */
40
40
  signalStrengthColor: {
41
- type: PropType<string[]>;
41
+ type: PropType<[string, string]>;
42
42
  default: () => string[];
43
43
  };
44
44
  ping: {
@@ -49,6 +49,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
49
49
  };
50
50
  }>> & Readonly<{}>, {
51
51
  size: NetworkSize;
52
- signalStrengthColor: string[];
52
+ signalStrengthColor: [string, string];
53
53
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
54
54
  export default _default;
@@ -5,7 +5,7 @@ export declare const Network: {
5
5
  default: string;
6
6
  };
7
7
  signalStrengthColor: {
8
- type: import('vue').PropType<string[]>;
8
+ type: import('vue').PropType<[string, string]>;
9
9
  default: () => string[];
10
10
  };
11
11
  ping: {
@@ -25,7 +25,7 @@ export declare const Network: {
25
25
  lines: import('vue').Ref<any[], any[]>;
26
26
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
27
27
  size: import('./props').NetworkSize;
28
- signalStrengthColor: string[];
28
+ signalStrengthColor: [string, string];
29
29
  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
30
30
  P: {};
31
31
  B: {};
@@ -39,7 +39,7 @@ export declare const Network: {
39
39
  default: string;
40
40
  };
41
41
  signalStrengthColor: {
42
- type: import('vue').PropType<string[]>;
42
+ type: import('vue').PropType<[string, string]>;
43
43
  default: () => string[];
44
44
  };
45
45
  ping: {
@@ -59,7 +59,7 @@ export declare const Network: {
59
59
  lines: import('vue').Ref<any[], any[]>;
60
60
  }, {}, {}, {}, {
61
61
  size: import('./props').NetworkSize;
62
- signalStrengthColor: string[];
62
+ signalStrengthColor: [string, string];
63
63
  }>;
64
64
  __isFragment?: never;
65
65
  __isTeleport?: never;
@@ -70,7 +70,7 @@ export declare const Network: {
70
70
  default: string;
71
71
  };
72
72
  signalStrengthColor: {
73
- type: import('vue').PropType<string[]>;
73
+ type: import('vue').PropType<[string, string]>;
74
74
  default: () => string[];
75
75
  };
76
76
  ping: {
@@ -90,7 +90,7 @@ export declare const Network: {
90
90
  lines: import('vue').Ref<any[], any[]>;
91
91
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
92
92
  size: import('./props').NetworkSize;
93
- signalStrengthColor: string[];
93
+ signalStrengthColor: [string, string];
94
94
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
95
95
  install(app: import('vue').App): void;
96
96
  };
@@ -0,0 +1,181 @@
1
+ import { PropType } from 'vue';
2
+ import { StepStatus } from './interface';
3
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
4
+ /**
5
+ * @zh 步骤的标题
6
+ * @en Title of the step
7
+ */
8
+ title: StringConstructor;
9
+ /**
10
+ * @zh 步骤的描述信息
11
+ * @en Description of the step
12
+ */
13
+ description: StringConstructor;
14
+ /**
15
+ * @zh 步骤的状态
16
+ * @en Status of the step
17
+ * @values 'wait', 'process', 'finish', 'error'
18
+ */
19
+ status: {
20
+ type: PropType<StepStatus>;
21
+ };
22
+ /**
23
+ * @zh 是否禁用
24
+ * @en Whether to disable
25
+ */
26
+ disabled: {
27
+ type: BooleanConstructor;
28
+ default: boolean;
29
+ };
30
+ }>, {
31
+ className: {
32
+ block: string;
33
+ element: (className: string) => string;
34
+ modifier: (className: string) => string;
35
+ is: (className: string) => string;
36
+ };
37
+ iconClassName: {
38
+ block: string;
39
+ element: (className: string) => string;
40
+ modifier: (className: string) => string;
41
+ is: (className: string) => string;
42
+ };
43
+ cls: import('vue').ComputedRef<(string | {
44
+ [x: string]: boolean;
45
+ })[]>;
46
+ itemRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
47
+ showTail: import('vue').ComputedRef<boolean>;
48
+ stepNumber: import('vue').ComputedRef<number>;
49
+ computedStatus: import('vue').ComputedRef<"error" | "wait" | "process" | "finish">;
50
+ type: import('vue').ComputedRef<"default" | "dot" | "arrow" | "navigation">;
51
+ handleClick: (ev: Event) => void;
52
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
53
+ /**
54
+ * @zh 步骤的标题
55
+ * @en Title of the step
56
+ */
57
+ title: StringConstructor;
58
+ /**
59
+ * @zh 步骤的描述信息
60
+ * @en Description of the step
61
+ */
62
+ description: StringConstructor;
63
+ /**
64
+ * @zh 步骤的状态
65
+ * @en Status of the step
66
+ * @values 'wait', 'process', 'finish', 'error'
67
+ */
68
+ status: {
69
+ type: PropType<StepStatus>;
70
+ };
71
+ /**
72
+ * @zh 是否禁用
73
+ * @en Whether to disable
74
+ */
75
+ disabled: {
76
+ type: BooleanConstructor;
77
+ default: boolean;
78
+ };
79
+ }>> & Readonly<{}>, {
80
+ disabled: boolean;
81
+ }, {}, {
82
+ IconCheck: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
83
+ size: {
84
+ type: (NumberConstructor | StringConstructor)[];
85
+ default: undefined;
86
+ };
87
+ rotate: {
88
+ type: NumberConstructor;
89
+ default: undefined;
90
+ };
91
+ spin: {
92
+ type: BooleanConstructor;
93
+ default: boolean;
94
+ };
95
+ color: {
96
+ type: StringConstructor;
97
+ default: undefined;
98
+ };
99
+ fillColor: {
100
+ type: ArrayConstructor;
101
+ default: undefined;
102
+ };
103
+ }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
104
+ size: {
105
+ type: (NumberConstructor | StringConstructor)[];
106
+ default: undefined;
107
+ };
108
+ rotate: {
109
+ type: NumberConstructor;
110
+ default: undefined;
111
+ };
112
+ spin: {
113
+ type: BooleanConstructor;
114
+ default: boolean;
115
+ };
116
+ color: {
117
+ type: StringConstructor;
118
+ default: undefined;
119
+ };
120
+ fillColor: {
121
+ type: ArrayConstructor;
122
+ default: undefined;
123
+ };
124
+ }>> & Readonly<{}>, {
125
+ size: string | number;
126
+ rotate: number;
127
+ spin: boolean;
128
+ color: string;
129
+ fillColor: unknown[];
130
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
131
+ IconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
132
+ size: {
133
+ type: (NumberConstructor | StringConstructor)[];
134
+ default: undefined;
135
+ };
136
+ rotate: {
137
+ type: NumberConstructor;
138
+ default: undefined;
139
+ };
140
+ spin: {
141
+ type: BooleanConstructor;
142
+ default: boolean;
143
+ };
144
+ color: {
145
+ type: StringConstructor;
146
+ default: undefined;
147
+ };
148
+ fillColor: {
149
+ type: ArrayConstructor;
150
+ default: undefined;
151
+ };
152
+ }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
153
+ size: {
154
+ type: (NumberConstructor | StringConstructor)[];
155
+ default: undefined;
156
+ };
157
+ rotate: {
158
+ type: NumberConstructor;
159
+ default: undefined;
160
+ };
161
+ spin: {
162
+ type: BooleanConstructor;
163
+ default: boolean;
164
+ };
165
+ color: {
166
+ type: StringConstructor;
167
+ default: undefined;
168
+ };
169
+ fillColor: {
170
+ type: ArrayConstructor;
171
+ default: undefined;
172
+ };
173
+ }>> & Readonly<{}>, {
174
+ size: string | number;
175
+ rotate: number;
176
+ spin: boolean;
177
+ color: string;
178
+ fillColor: unknown[];
179
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
180
+ }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
181
+ export default _default;
@@ -0,0 +1,187 @@
1
+ import { PropType } from 'vue';
2
+ import { Direction } from '../../_utils/constant';
3
+ import { StepStatus, StepsType } from './interface';
4
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
5
+ /**
6
+ * @zh 步骤条的类型
7
+ * @en The type of the steps
8
+ * @values 'default', 'arrow', 'dot', 'navigation'
9
+ */
10
+ type: {
11
+ type: PropType<StepsType>;
12
+ default: string;
13
+ };
14
+ /**
15
+ * @zh 步骤条的显示方向
16
+ * @en The direction of the steps
17
+ * @values 'horizontal', 'vertical'
18
+ */
19
+ direction: {
20
+ type: PropType<Direction>;
21
+ default: string;
22
+ };
23
+ /**
24
+ * @zh 标签描述文字放置的位置
25
+ * @en The location where the label description is placed.
26
+ * @values 'horizontal', 'vertical'
27
+ */
28
+ labelPlacement: {
29
+ type: PropType<Direction>;
30
+ default: string;
31
+ };
32
+ /**
33
+ * @zh 当前步骤数
34
+ * @en Number of current step
35
+ * @vModel
36
+ */
37
+ current: {
38
+ type: NumberConstructor;
39
+ default: undefined;
40
+ };
41
+ /**
42
+ * @zh 默认的步骤数(非受控状态)
43
+ * @en The default number of step (uncontrolled state)
44
+ */
45
+ defaultCurrent: {
46
+ type: NumberConstructor;
47
+ default: number;
48
+ };
49
+ /**
50
+ * @zh 当前步骤的状态
51
+ * @en The status of the current step
52
+ * @values 'wait', 'process', 'finish', 'error'
53
+ */
54
+ status: {
55
+ type: PropType<StepStatus>;
56
+ default: string;
57
+ };
58
+ /**
59
+ * @zh 是否使用无连接线样式
60
+ * @en Whether to use the connectionless style
61
+ */
62
+ lineLess: {
63
+ type: BooleanConstructor;
64
+ default: boolean;
65
+ };
66
+ /**
67
+ * @zh 是否使用小型步骤条
68
+ * @en Whether to use a small step bar
69
+ */
70
+ small: {
71
+ type: BooleanConstructor;
72
+ default: boolean;
73
+ };
74
+ /**
75
+ * @zh 是否可以点击切换
76
+ * @en Whether you can click to switch
77
+ */
78
+ changeable: {
79
+ type: BooleanConstructor;
80
+ default: boolean;
81
+ };
82
+ }>, {
83
+ cls: import('vue').ComputedRef<(string | {
84
+ [x: string]: boolean;
85
+ })[]>;
86
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
87
+ 'update:current': (step: number) => true;
88
+ /**
89
+ * @zh 步骤数发生改变时触发
90
+ * @en Triggered when the number of steps changes
91
+ * @param {number} step
92
+ * @param {Event} ev
93
+ */
94
+ change: (step: number, ev: Event) => true;
95
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
96
+ /**
97
+ * @zh 步骤条的类型
98
+ * @en The type of the steps
99
+ * @values 'default', 'arrow', 'dot', 'navigation'
100
+ */
101
+ type: {
102
+ type: PropType<StepsType>;
103
+ default: string;
104
+ };
105
+ /**
106
+ * @zh 步骤条的显示方向
107
+ * @en The direction of the steps
108
+ * @values 'horizontal', 'vertical'
109
+ */
110
+ direction: {
111
+ type: PropType<Direction>;
112
+ default: string;
113
+ };
114
+ /**
115
+ * @zh 标签描述文字放置的位置
116
+ * @en The location where the label description is placed.
117
+ * @values 'horizontal', 'vertical'
118
+ */
119
+ labelPlacement: {
120
+ type: PropType<Direction>;
121
+ default: string;
122
+ };
123
+ /**
124
+ * @zh 当前步骤数
125
+ * @en Number of current step
126
+ * @vModel
127
+ */
128
+ current: {
129
+ type: NumberConstructor;
130
+ default: undefined;
131
+ };
132
+ /**
133
+ * @zh 默认的步骤数(非受控状态)
134
+ * @en The default number of step (uncontrolled state)
135
+ */
136
+ defaultCurrent: {
137
+ type: NumberConstructor;
138
+ default: number;
139
+ };
140
+ /**
141
+ * @zh 当前步骤的状态
142
+ * @en The status of the current step
143
+ * @values 'wait', 'process', 'finish', 'error'
144
+ */
145
+ status: {
146
+ type: PropType<StepStatus>;
147
+ default: string;
148
+ };
149
+ /**
150
+ * @zh 是否使用无连接线样式
151
+ * @en Whether to use the connectionless style
152
+ */
153
+ lineLess: {
154
+ type: BooleanConstructor;
155
+ default: boolean;
156
+ };
157
+ /**
158
+ * @zh 是否使用小型步骤条
159
+ * @en Whether to use a small step bar
160
+ */
161
+ small: {
162
+ type: BooleanConstructor;
163
+ default: boolean;
164
+ };
165
+ /**
166
+ * @zh 是否可以点击切换
167
+ * @en Whether you can click to switch
168
+ */
169
+ changeable: {
170
+ type: BooleanConstructor;
171
+ default: boolean;
172
+ };
173
+ }>> & Readonly<{
174
+ onChange?: ((step: number, ev: Event) => any) | undefined;
175
+ "onUpdate:current"?: ((step: number) => any) | undefined;
176
+ }>, {
177
+ small: boolean;
178
+ type: "default" | "dot" | "arrow" | "navigation";
179
+ status: "error" | "wait" | "process" | "finish";
180
+ direction: "horizontal" | "vertical";
181
+ current: number;
182
+ defaultCurrent: number;
183
+ labelPlacement: "horizontal" | "vertical";
184
+ lineLess: boolean;
185
+ changeable: boolean;
186
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
187
+ export default _default;
@@ -0,0 +1,17 @@
1
+ import { InjectionKey } from 'vue';
2
+ import { StepData, StepStatus, StepsType } from './interface';
3
+ import { Direction } from '../../_utils/constant';
4
+ export interface StepsContext {
5
+ current: number;
6
+ direction: Direction;
7
+ labelPlacement: Direction;
8
+ lineLess: boolean;
9
+ type: StepsType;
10
+ errorSteps: number[];
11
+ addItem: (step: number, data: StepData) => void;
12
+ removeItem: (step: number) => void;
13
+ getStatus: (step: number) => StepStatus;
14
+ onClick: (step: number, ev: Event) => void;
15
+ parentCls: string;
16
+ }
17
+ export declare const stepsInjectionKey: InjectionKey<StepsContext>;