zartui 3.1.10 → 3.1.11
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/es/cascader/Cascader.d.ts +1 -1
- package/es/cascader/index.d.ts +1 -1
- package/es/cell/Cell.d.ts +24 -1
- package/es/cell/Cell.mjs +30 -5
- package/es/cell/index.css +1 -1
- package/es/cell/index.d.ts +14 -1
- package/es/checkbox/Checkbox.d.ts +1 -1
- package/es/checkbox/index.d.ts +1 -1
- package/es/checkbox-group/CheckboxGroup.d.ts +1 -1
- package/es/checkbox-group/index.d.ts +1 -1
- package/es/collapse/Collapse.d.ts +1 -1
- package/es/collapse/index.d.ts +1 -1
- package/es/date-time-picker/DateTimePicker.d.ts +1 -1
- package/es/date-time-picker/DateTimePickerWrapper.d.ts +1 -1
- package/es/date-time-picker/index.d.ts +1 -1
- package/es/dropdown-item/DropdownItem.d.ts +1 -1
- package/es/dropdown-item/index.d.ts +1 -1
- package/es/field/Field.d.ts +17 -2
- package/es/field/index.d.ts +12 -2
- package/es/hierarchy-select/HierarchySelect.mjs +1 -0
- package/es/index-bar/IndexBar.mjs +27 -19
- package/es/index-bar/index.css +1 -1
- package/es/index-bar/types.d.ts +1 -0
- package/es/index.d.ts +1 -1
- package/es/index.mjs +1 -1
- package/es/number-keyboard/NumberKeyboard.d.ts +1 -1
- package/es/number-keyboard/index.d.ts +1 -1
- package/es/picker/Picker.d.ts +1 -1
- package/es/picker/index.d.ts +1 -1
- package/es/pull-refresh/PullRefresh.d.ts +1 -1
- package/es/pull-refresh/index.d.ts +1 -1
- package/es/radio-group/RadioGroup.d.ts +1 -1
- package/es/radio-group/index.d.ts +1 -1
- package/es/radio-picker/RadioPicker.d.ts +1 -1
- package/es/radio-picker/index.d.ts +1 -1
- package/es/rate/Rate.d.ts +1 -1
- package/es/rate/index.d.ts +1 -1
- package/es/search/Search.d.ts +2 -2
- package/es/search/index.d.ts +2 -2
- package/es/stepper/Stepper.d.ts +1 -1
- package/es/stepper/index.d.ts +1 -1
- package/es/switch/Switch.d.ts +1 -1
- package/es/switch/index.d.ts +1 -1
- package/es/tabbar/Tabbar.d.ts +1 -1
- package/es/tabbar/index.d.ts +1 -1
- package/es/tabbar-item/index.css +1 -1
- package/es/time-picker/TimePicker.d.ts +1 -1
- package/es/time-picker/index.d.ts +1 -1
- package/lib/cascader/Cascader.d.ts +1 -1
- package/lib/cascader/index.d.ts +1 -1
- package/lib/cell/Cell.d.ts +24 -1
- package/lib/cell/Cell.js +28 -3
- package/lib/cell/index.css +1 -1
- package/lib/cell/index.d.ts +14 -1
- package/lib/checkbox/Checkbox.d.ts +1 -1
- package/lib/checkbox/index.d.ts +1 -1
- package/lib/checkbox-group/CheckboxGroup.d.ts +1 -1
- package/lib/checkbox-group/index.d.ts +1 -1
- package/lib/collapse/Collapse.d.ts +1 -1
- package/lib/collapse/index.d.ts +1 -1
- package/lib/date-time-picker/DateTimePicker.d.ts +1 -1
- package/lib/date-time-picker/DateTimePickerWrapper.d.ts +1 -1
- package/lib/date-time-picker/index.d.ts +1 -1
- package/lib/dropdown-item/DropdownItem.d.ts +1 -1
- package/lib/dropdown-item/index.d.ts +1 -1
- package/lib/field/Field.d.ts +17 -2
- package/lib/field/index.d.ts +12 -2
- package/lib/hierarchy-select/HierarchySelect.js +1 -0
- package/lib/index-bar/IndexBar.js +27 -19
- package/lib/index-bar/index.css +1 -1
- package/lib/index-bar/types.d.ts +1 -0
- package/lib/index.css +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/number-keyboard/NumberKeyboard.d.ts +1 -1
- package/lib/number-keyboard/index.d.ts +1 -1
- package/lib/picker/Picker.d.ts +1 -1
- package/lib/picker/index.d.ts +1 -1
- package/lib/pull-refresh/PullRefresh.d.ts +1 -1
- package/lib/pull-refresh/index.d.ts +1 -1
- package/lib/radio-group/RadioGroup.d.ts +1 -1
- package/lib/radio-group/index.d.ts +1 -1
- package/lib/radio-picker/RadioPicker.d.ts +1 -1
- package/lib/radio-picker/index.d.ts +1 -1
- package/lib/rate/Rate.d.ts +1 -1
- package/lib/rate/index.d.ts +1 -1
- package/lib/search/Search.d.ts +2 -2
- package/lib/search/index.d.ts +2 -2
- package/lib/stepper/Stepper.d.ts +1 -1
- package/lib/stepper/index.d.ts +1 -1
- package/lib/switch/Switch.d.ts +1 -1
- package/lib/switch/index.d.ts +1 -1
- package/lib/tabbar/Tabbar.d.ts +1 -1
- package/lib/tabbar/index.d.ts +1 -1
- package/lib/tabbar-item/index.css +1 -1
- package/lib/time-picker/TimePicker.d.ts +1 -1
- package/lib/time-picker/index.d.ts +1 -1
- package/lib/web-types.json +1 -1
- package/lib/zartui.cjs.js +56 -23
- package/lib/zartui.es.js +56 -23
- package/lib/zartui.js +56 -23
- package/lib/zartui.min.js +1 -1
- package/package.json +5 -4
package/es/picker/Picker.d.ts
CHANGED
|
@@ -143,7 +143,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
143
143
|
type: BooleanConstructor;
|
|
144
144
|
default: true;
|
|
145
145
|
};
|
|
146
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
146
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "confirm" | "update:showPicker" | "clickOption")[], "cancel" | "change" | "update:modelValue" | "confirm" | "update:showPicker" | "clickOption", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
147
147
|
loading: BooleanConstructor;
|
|
148
148
|
readonly: BooleanConstructor;
|
|
149
149
|
allowHtml: BooleanConstructor;
|
package/es/picker/index.d.ts
CHANGED
|
@@ -53,7 +53,7 @@ export declare const Picker: import("../utils").WithInstall<import("vue").Define
|
|
|
53
53
|
type: BooleanConstructor;
|
|
54
54
|
default: true;
|
|
55
55
|
};
|
|
56
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
56
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "confirm" | "update:showPicker" | "clickOption")[], "cancel" | "change" | "update:modelValue" | "confirm" | "update:showPicker" | "clickOption", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
57
57
|
loading: BooleanConstructor;
|
|
58
58
|
readonly: BooleanConstructor;
|
|
59
59
|
allowHtml: BooleanConstructor;
|
|
@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
41
41
|
type: (NumberConstructor | StringConstructor)[];
|
|
42
42
|
default: number;
|
|
43
43
|
};
|
|
44
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
44
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "refresh")[], "change" | "update:modelValue" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
45
45
|
disabled: BooleanConstructor;
|
|
46
46
|
modelValue: BooleanConstructor;
|
|
47
47
|
headHeight: {
|
|
@@ -18,7 +18,7 @@ export declare const PullRefresh: import("../utils").WithInstall<import("vue").D
|
|
|
18
18
|
type: (NumberConstructor | StringConstructor)[];
|
|
19
19
|
default: number;
|
|
20
20
|
};
|
|
21
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
21
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "refresh")[], "change" | "update:modelValue" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
22
22
|
disabled: BooleanConstructor;
|
|
23
23
|
modelValue: BooleanConstructor;
|
|
24
24
|
headHeight: {
|
|
@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
26
26
|
};
|
|
27
27
|
modelValue: import("vue").PropType<unknown>;
|
|
28
28
|
checkedColor: StringConstructor;
|
|
29
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
29
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
30
30
|
disabled: BooleanConstructor;
|
|
31
31
|
iconSize: (NumberConstructor | StringConstructor)[];
|
|
32
32
|
direction: {
|
|
@@ -7,7 +7,7 @@ export declare const RadioGroup: import("../utils").WithInstall<import("vue").De
|
|
|
7
7
|
};
|
|
8
8
|
modelValue: import("vue").PropType<unknown>;
|
|
9
9
|
checkedColor: StringConstructor;
|
|
10
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
10
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
11
|
disabled: BooleanConstructor;
|
|
12
12
|
iconSize: (NumberConstructor | StringConstructor)[];
|
|
13
13
|
direction: {
|
|
@@ -129,7 +129,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
129
129
|
type: PropType<string>;
|
|
130
130
|
default: string;
|
|
131
131
|
};
|
|
132
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
132
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "confirm" | "update:showPicker" | "clickOption")[], "cancel" | "change" | "update:modelValue" | "confirm" | "update:showPicker" | "clickOption", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
133
133
|
loading: BooleanConstructor;
|
|
134
134
|
readonly: BooleanConstructor;
|
|
135
135
|
allowHtml: BooleanConstructor;
|
|
@@ -50,7 +50,7 @@ export declare const RadioPicker: import("../utils").WithInstall<import("vue").D
|
|
|
50
50
|
type: import("vue").PropType<string>;
|
|
51
51
|
default: string;
|
|
52
52
|
};
|
|
53
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
53
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "confirm" | "update:showPicker" | "clickOption")[], "cancel" | "change" | "update:modelValue" | "confirm" | "update:showPicker" | "clickOption", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
54
54
|
loading: BooleanConstructor;
|
|
55
55
|
readonly: BooleanConstructor;
|
|
56
56
|
allowHtml: BooleanConstructor;
|
package/es/rate/Rate.d.ts
CHANGED
|
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
61
61
|
default: number;
|
|
62
62
|
};
|
|
63
63
|
disabledColor: StringConstructor;
|
|
64
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
64
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
65
65
|
size: (NumberConstructor | StringConstructor)[];
|
|
66
66
|
icon: {
|
|
67
67
|
type: import("vue").PropType<string>;
|
package/es/rate/index.d.ts
CHANGED
|
@@ -28,7 +28,7 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
|
|
|
28
28
|
default: number;
|
|
29
29
|
};
|
|
30
30
|
disabledColor: StringConstructor;
|
|
31
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
31
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
32
32
|
size: (NumberConstructor | StringConstructor)[];
|
|
33
33
|
icon: {
|
|
34
34
|
type: import("vue").PropType<string>;
|
package/es/search/Search.d.ts
CHANGED
|
@@ -128,7 +128,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
128
128
|
inputBackground: StringConstructor;
|
|
129
129
|
actionText: StringConstructor;
|
|
130
130
|
showAction: BooleanConstructor;
|
|
131
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "
|
|
131
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "blur" | "cancel" | "focus" | "clickInput" | "clickRightIcon" | "update:modelValue")[], "search" | "clear" | "blur" | "cancel" | "focus" | "clickInput" | "clickRightIcon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
132
132
|
id: StringConstructor;
|
|
133
133
|
name: StringConstructor;
|
|
134
134
|
titleIcon: StringConstructor;
|
|
@@ -207,10 +207,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
207
207
|
leftIcon: string;
|
|
208
208
|
clearable: boolean;
|
|
209
209
|
clearIcon: string;
|
|
210
|
+
error: boolean;
|
|
210
211
|
modelValue: string | number;
|
|
211
212
|
clearTrigger: import("../field").FieldClearTrigger;
|
|
212
213
|
formatTrigger: import("../field").FieldFormatTrigger;
|
|
213
|
-
error: boolean;
|
|
214
214
|
readonly: boolean;
|
|
215
215
|
showAction: boolean;
|
|
216
216
|
}, {}>;
|
package/es/search/index.d.ts
CHANGED
|
@@ -62,7 +62,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
|
|
|
62
62
|
inputBackground: StringConstructor;
|
|
63
63
|
actionText: StringConstructor;
|
|
64
64
|
showAction: BooleanConstructor;
|
|
65
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "
|
|
65
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "blur" | "cancel" | "focus" | "clickInput" | "clickRightIcon" | "update:modelValue")[], "search" | "clear" | "blur" | "cancel" | "focus" | "clickInput" | "clickRightIcon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
66
66
|
id: StringConstructor;
|
|
67
67
|
name: StringConstructor;
|
|
68
68
|
titleIcon: StringConstructor;
|
|
@@ -141,10 +141,10 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
|
|
|
141
141
|
leftIcon: string;
|
|
142
142
|
clearable: boolean;
|
|
143
143
|
clearIcon: string;
|
|
144
|
+
error: boolean;
|
|
144
145
|
modelValue: string | number;
|
|
145
146
|
clearTrigger: import("..").FieldClearTrigger;
|
|
146
147
|
formatTrigger: import("..").FieldFormatTrigger;
|
|
147
|
-
error: boolean;
|
|
148
148
|
readonly: boolean;
|
|
149
149
|
showAction: boolean;
|
|
150
150
|
}, {}>>;
|
package/es/stepper/Stepper.d.ts
CHANGED
|
@@ -103,7 +103,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
103
103
|
default: number;
|
|
104
104
|
};
|
|
105
105
|
decimalLength: (NumberConstructor | StringConstructor)[];
|
|
106
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
106
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "update:modelValue" | "minus" | "plus" | "overlimit")[], "blur" | "change" | "focus" | "update:modelValue" | "minus" | "plus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
107
107
|
min: {
|
|
108
108
|
type: (NumberConstructor | StringConstructor)[];
|
|
109
109
|
default: number;
|
package/es/stepper/index.d.ts
CHANGED
|
@@ -48,7 +48,7 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
|
|
|
48
48
|
default: number;
|
|
49
49
|
};
|
|
50
50
|
decimalLength: (NumberConstructor | StringConstructor)[];
|
|
51
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
51
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "update:modelValue" | "minus" | "plus" | "overlimit")[], "blur" | "change" | "focus" | "update:modelValue" | "minus" | "plus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
52
52
|
min: {
|
|
53
53
|
type: (NumberConstructor | StringConstructor)[];
|
|
54
54
|
default: number;
|
package/es/switch/Switch.d.ts
CHANGED
|
@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
31
31
|
type: import("vue").PropType<unknown>;
|
|
32
32
|
default: unknown;
|
|
33
33
|
};
|
|
34
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
34
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
35
35
|
size: (NumberConstructor | StringConstructor)[];
|
|
36
36
|
loading: BooleanConstructor;
|
|
37
37
|
disabled: BooleanConstructor;
|
package/es/switch/index.d.ts
CHANGED
|
@@ -13,7 +13,7 @@ export declare const Switch: import("../utils").WithInstall<import("vue").Define
|
|
|
13
13
|
type: import("vue").PropType<unknown>;
|
|
14
14
|
default: unknown;
|
|
15
15
|
};
|
|
16
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
16
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
17
17
|
size: (NumberConstructor | StringConstructor)[];
|
|
18
18
|
loading: BooleanConstructor;
|
|
19
19
|
disabled: BooleanConstructor;
|
package/es/tabbar/Tabbar.d.ts
CHANGED
|
@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
53
53
|
type: PropType<boolean | null>;
|
|
54
54
|
default: null;
|
|
55
55
|
};
|
|
56
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
56
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
57
57
|
route: BooleanConstructor;
|
|
58
58
|
fixed: {
|
|
59
59
|
type: BooleanConstructor;
|
package/es/tabbar/index.d.ts
CHANGED
|
@@ -21,7 +21,7 @@ export declare const Tabbar: import("../utils").WithInstall<import("vue").Define
|
|
|
21
21
|
type: import("vue").PropType<boolean | null>;
|
|
22
22
|
default: null;
|
|
23
23
|
};
|
|
24
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
24
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
25
25
|
route: BooleanConstructor;
|
|
26
26
|
fixed: {
|
|
27
27
|
type: BooleanConstructor;
|
package/es/tabbar-item/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--zt-tabbar-item-text-color: var(--zt-gray-a6);--zt-tabbar-item-active-color: var(--zt-primary-color);--zt-tabbar-item-margin: 8px auto 6px;--zt-tabbar-item-icon-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0 rgba(45, 75, 115, .1);--zt-tabbar-item-box-width: 36px;--zt-tabbar-item-box-height: 36px;--zt-tabbar-item-box-border-radius: var(--zt-radius-lg);--zt-tabbar-item-icon-border: 0;--zt-tabbar-item-text-padding-top: 4px;--zt-tabbar-item-text-height: 12px;--zt-tabbar-item-icon-background: linear-gradient(135deg, #f0f0f0 0%, #ffffff 100%);--zt-tabbar-item-icon-font-size: 24px}:root[zt-theme-size=large]{--zt-tabbar-item-icon-font-size: 30px}.zt-tabbar-item{color:var(--zt-tabbar-item-text-color);margin:var(--zt-tabbar-item-margin);-webkit-text-size-adjust:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.zt-tabbar-item__icon{font-size:var(--zt-tabbar-item-icon-font-size);border:var(--zt-tabbar-item-icon-border);display:flex;justify-content:center;align-items:center;width:var(--zt-tabbar-item-box-width);height:var(--zt-tabbar-item-box-height);box-shadow:var(--zt-tabbar-item-icon-box-shadow);background:var(--zt-tabbar-item-icon-background);border-radius:var(--zt-tabbar-item-box-border-radius)}.zt-tabbar-item__text{font-size:var(--zt-font-size-sm);padding-top:var(--zt-tabbar-item-text-padding-top);transform:scale(.83333);text-align:center;height:var(--zt-tabbar-item-text-height);line-height:var(--zt-tabbar-item-text-height)}.zt-tabbar-item--active{color:var(--zt-tabbar-item-active-color);font-weight:var(--zt-font-bold)}.zt-theme-dark{--zt-tabbar-item-text-color: var(--zt-gray);--zt-tabbar-item-icon-border: 1px solid rgba(151, 151, 151, .12);--zt-tabbar-item-icon-box-shadow: -4px -4px 8px 0 rgba(255, 255, 255, .12), 4px 4px 8px 0 rgba(0, 12, 24, .8);--zt-tabbar-item-icon-background: linear-gradient(135deg, #121d2a 0%, #1d2c3d 100%)}
|
|
1
|
+
:root{--zt-tabbar-item-text-color: var(--zt-gray-a6);--zt-tabbar-item-active-color: var(--zt-primary-color);--zt-tabbar-item-margin: 8px auto 6px;--zt-tabbar-item-icon-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0 rgba(45, 75, 115, .1);--zt-tabbar-item-box-width: 36px;--zt-tabbar-item-box-height: 36px;--zt-tabbar-item-box-border-radius: var(--zt-radius-lg);--zt-tabbar-item-icon-border: 0;--zt-tabbar-item-text-padding-top: 4px;--zt-tabbar-item-text-height: 12px;--zt-tabbar-item-icon-background: linear-gradient(135deg, #f0f0f0 0%, #ffffff 100%);--zt-tabbar-item-icon-active-box-shadow: inset 4px 4px 8px 0 var(--zt-gray-a2);--zt-tabbar-item-icon-font-size: 24px}:root[zt-theme-size=large]{--zt-tabbar-item-icon-font-size: 30px}.zt-tabbar-item{color:var(--zt-tabbar-item-text-color);margin:var(--zt-tabbar-item-margin);-webkit-text-size-adjust:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.zt-tabbar-item__icon{font-size:var(--zt-tabbar-item-icon-font-size);border:var(--zt-tabbar-item-icon-border);display:flex;justify-content:center;align-items:center;width:var(--zt-tabbar-item-box-width);height:var(--zt-tabbar-item-box-height);box-shadow:var(--zt-tabbar-item-icon-box-shadow);background:var(--zt-tabbar-item-icon-background);border-radius:var(--zt-tabbar-item-box-border-radius);box-sizing:border-box}.zt-tabbar-item__icon:active{background:rgba(45,75,115,.04);box-shadow:var(--zt-tabbar-item-icon-active-box-shadow)}.zt-tabbar-item__text{font-size:var(--zt-font-size-sm);padding-top:var(--zt-tabbar-item-text-padding-top);transform:scale(.83333);text-align:center;height:var(--zt-tabbar-item-text-height);line-height:var(--zt-tabbar-item-text-height)}.zt-tabbar-item--active{color:var(--zt-tabbar-item-active-color);font-weight:var(--zt-font-bold)}.zt-theme-dark{--zt-tabbar-item-text-color: var(--zt-gray);--zt-tabbar-item-icon-border: 1px solid rgba(151, 151, 151, .12);--zt-tabbar-item-icon-box-shadow: -4px -4px 8px 0 rgba(255, 255, 255, .12), 4px 4px 8px 0 rgba(0, 12, 24, .8);--zt-tabbar-item-icon-background: linear-gradient(135deg, #121d2a 0%, #1d2c3d 100%);--zt-tabbar-item-icon-active-box-shadow: inset 6px 6px 6px 0 #000d1b}
|
|
@@ -173,7 +173,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
173
173
|
type: PropType<TimePickerColumnType[]>;
|
|
174
174
|
default: () => string[];
|
|
175
175
|
};
|
|
176
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
176
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "clickOption")[], "change" | "update:modelValue" | "clickOption", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
177
177
|
loading: BooleanConstructor;
|
|
178
178
|
readonly: BooleanConstructor;
|
|
179
179
|
allowHtml: BooleanConstructor;
|
|
@@ -84,7 +84,7 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
|
|
|
84
84
|
type: import("vue").PropType<import("./TimePicker").TimePickerColumnType[]>;
|
|
85
85
|
default: () => string[];
|
|
86
86
|
};
|
|
87
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
87
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "clickOption")[], "change" | "update:modelValue" | "clickOption", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
88
88
|
loading: BooleanConstructor;
|
|
89
89
|
readonly: BooleanConstructor;
|
|
90
90
|
allowHtml: BooleanConstructor;
|
|
@@ -99,7 +99,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
99
99
|
type: BooleanConstructor;
|
|
100
100
|
default: true;
|
|
101
101
|
};
|
|
102
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
102
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "update:show" | "clickTab" | "finish")[], "cancel" | "change" | "update:modelValue" | "update:show" | "clickTab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
103
103
|
title: StringConstructor;
|
|
104
104
|
show: BooleanConstructor;
|
|
105
105
|
round: {
|
package/lib/cascader/index.d.ts
CHANGED
|
@@ -46,7 +46,7 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
|
|
|
46
46
|
type: BooleanConstructor;
|
|
47
47
|
default: true;
|
|
48
48
|
};
|
|
49
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
49
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "update:show" | "clickTab" | "finish")[], "cancel" | "change" | "update:modelValue" | "update:show" | "clickTab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
50
50
|
title: StringConstructor;
|
|
51
51
|
show: BooleanConstructor;
|
|
52
52
|
round: {
|
package/lib/cell/Cell.d.ts
CHANGED
|
@@ -31,6 +31,11 @@ export declare const cellSharedProps: {
|
|
|
31
31
|
type: PropType<boolean | null>;
|
|
32
32
|
default: null;
|
|
33
33
|
};
|
|
34
|
+
clearable: BooleanConstructor;
|
|
35
|
+
clearIcon: {
|
|
36
|
+
type: PropType<string>;
|
|
37
|
+
default: string;
|
|
38
|
+
};
|
|
34
39
|
};
|
|
35
40
|
declare const cellProps: {
|
|
36
41
|
leftIcon: StringConstructor;
|
|
@@ -62,6 +67,11 @@ declare const cellProps: {
|
|
|
62
67
|
type: PropType<boolean | null>;
|
|
63
68
|
default: null;
|
|
64
69
|
};
|
|
70
|
+
clearable: BooleanConstructor;
|
|
71
|
+
clearIcon: {
|
|
72
|
+
type: PropType<string>;
|
|
73
|
+
default: string;
|
|
74
|
+
};
|
|
65
75
|
} & {
|
|
66
76
|
to: PropType<import("vue-router").RouteLocationRaw>;
|
|
67
77
|
url: StringConstructor;
|
|
@@ -98,11 +108,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
98
108
|
type: PropType<boolean | null>;
|
|
99
109
|
default: null;
|
|
100
110
|
};
|
|
111
|
+
clearable: BooleanConstructor;
|
|
112
|
+
clearIcon: {
|
|
113
|
+
type: PropType<string>;
|
|
114
|
+
default: string;
|
|
115
|
+
};
|
|
101
116
|
} & {
|
|
102
117
|
to: PropType<import("vue-router").RouteLocationRaw>;
|
|
103
118
|
url: StringConstructor;
|
|
104
119
|
replace: BooleanConstructor;
|
|
105
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
120
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "click")[], "clear" | "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
106
121
|
leftIcon: StringConstructor;
|
|
107
122
|
titleIcon: StringConstructor;
|
|
108
123
|
title: (NumberConstructor | StringConstructor)[];
|
|
@@ -132,12 +147,18 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
132
147
|
type: PropType<boolean | null>;
|
|
133
148
|
default: null;
|
|
134
149
|
};
|
|
150
|
+
clearable: BooleanConstructor;
|
|
151
|
+
clearIcon: {
|
|
152
|
+
type: PropType<string>;
|
|
153
|
+
default: string;
|
|
154
|
+
};
|
|
135
155
|
} & {
|
|
136
156
|
to: PropType<import("vue-router").RouteLocationRaw>;
|
|
137
157
|
url: StringConstructor;
|
|
138
158
|
replace: BooleanConstructor;
|
|
139
159
|
}>> & {
|
|
140
160
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
161
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
141
162
|
}, {
|
|
142
163
|
replace: boolean;
|
|
143
164
|
value: string;
|
|
@@ -147,5 +168,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
147
168
|
isLink: boolean;
|
|
148
169
|
required: boolean;
|
|
149
170
|
clickable: boolean | null;
|
|
171
|
+
clearable: boolean;
|
|
172
|
+
clearIcon: string;
|
|
150
173
|
}, {}>;
|
|
151
174
|
export default _default;
|
package/lib/cell/Cell.js
CHANGED
|
@@ -25,6 +25,7 @@ var import_vue = require("vue");
|
|
|
25
25
|
var import_vue2 = require("vue");
|
|
26
26
|
var import_utils = require("../utils");
|
|
27
27
|
var import_use_route = require("../composables/use-route");
|
|
28
|
+
var import_use = require("@zartui/use");
|
|
28
29
|
var import_icon = require("../icon");
|
|
29
30
|
const [name, bem] = (0, import_utils.createNamespace)("cell");
|
|
30
31
|
const cellSharedProps = {
|
|
@@ -47,18 +48,21 @@ const cellSharedProps = {
|
|
|
47
48
|
clickable: {
|
|
48
49
|
type: Boolean,
|
|
49
50
|
default: null
|
|
50
|
-
}
|
|
51
|
+
},
|
|
52
|
+
clearable: Boolean,
|
|
53
|
+
clearIcon: (0, import_utils.makeStringProp)("clear-r")
|
|
51
54
|
};
|
|
52
55
|
const cellProps = (0, import_utils.extend)({}, cellSharedProps, import_use_route.routeProps);
|
|
53
56
|
var stdin_default = (0, import_vue2.defineComponent)({
|
|
54
57
|
name,
|
|
55
58
|
props: cellProps,
|
|
56
|
-
emits: ["click"],
|
|
59
|
+
emits: ["click", "clear"],
|
|
57
60
|
setup(props, {
|
|
58
61
|
slots,
|
|
59
62
|
emit
|
|
60
63
|
}) {
|
|
61
64
|
const route = (0, import_use_route.useRoute)();
|
|
65
|
+
const clearIconRef = (0, import_vue2.ref)();
|
|
62
66
|
const renderLabel = () => {
|
|
63
67
|
const showLabel = slots.label || (0, import_utils.isDef)(props.label);
|
|
64
68
|
if (showLabel) {
|
|
@@ -117,11 +121,28 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
|
117
121
|
emit("click");
|
|
118
122
|
}
|
|
119
123
|
};
|
|
124
|
+
const onClear = (event) => {
|
|
125
|
+
(0, import_utils.preventDefault)(event, true);
|
|
126
|
+
emit("clear", event);
|
|
127
|
+
};
|
|
128
|
+
function getClearIconListenerEvent() {
|
|
129
|
+
if ("ontouchstart" in document.documentElement) {
|
|
130
|
+
return "touchstart";
|
|
131
|
+
}
|
|
132
|
+
return "click";
|
|
133
|
+
}
|
|
134
|
+
(0, import_use.useEventListener)(getClearIconListenerEvent(), onClear, {
|
|
135
|
+
target: (0, import_vue2.computed)(() => {
|
|
136
|
+
var _a;
|
|
137
|
+
return (_a = clearIconRef.value) == null ? void 0 : _a.$el;
|
|
138
|
+
})
|
|
139
|
+
});
|
|
120
140
|
const renderValue = () => {
|
|
121
141
|
var _a;
|
|
122
142
|
const slot = slots.value || slots.default;
|
|
123
143
|
const hasValue = slot || (0, import_utils.isDef)(props.value);
|
|
124
144
|
const isHorizontal = props.direction === "horizontal";
|
|
145
|
+
const showClear = props.clearable && (0, import_utils.isDef)(props.value) && props.value !== "";
|
|
125
146
|
if (hasValue) {
|
|
126
147
|
return (0, import_vue.createVNode)("div", {
|
|
127
148
|
"class": [bem("value", {
|
|
@@ -130,7 +151,11 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
|
130
151
|
"onClick": () => onClick(isHorizontal)
|
|
131
152
|
}, [slot ? slot() : (0, import_vue.createVNode)("span", {
|
|
132
153
|
"class": bem("value-text")
|
|
133
|
-
}, [props.value]),
|
|
154
|
+
}, [props.value]), showClear && (0, import_vue.createVNode)(import_icon.Icon, {
|
|
155
|
+
"ref": clearIconRef,
|
|
156
|
+
"name": props.clearIcon,
|
|
157
|
+
"class": bem("value-clear")
|
|
158
|
+
}, null), (_a = slots.extra) == null ? void 0 : _a.call(slots), renderRightIcon()]);
|
|
134
159
|
}
|
|
135
160
|
};
|
|
136
161
|
const renderLeftIcon = () => {
|
package/lib/cell/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--zt-cell-text-color: var(--zt-text-color);--zt-cell-border-color: var(--zt-border-color);--zt-cell-active-color: var(--zt-active-color);--zt-cell-required-color: var(--zt-danger-color);--zt-cell-label-color: var(--zt-gray-a4);--zt-cell-right-icon-color: var(--zt-gray-a4);--zt-cell-vertical-background: var(--zt-background-card);--zt-cell-horizontal-background: var(--zt-background-card);--zt-cell-background: var(--zt-background);--zt-cell-value-padding: 12px;--zt-cell-value-radius: 4px;--zt-cell-direction: column;--zt-cell-padding: 16px;--zt-cell-row-title-max-width: 100px;--zt-cell-left-icon-font-size: 48px;--zt-cell-left-icon-size: 48px}:root[zt-theme-size=large]{--zt-cell-left-icon-size: 60px;--zt-cell-left-icon-font-size: 54px}.zt-cell{position:relative;display:flex;box-sizing:border-box;width:100%;overflow:hidden;color:var(--zt-cell-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);background:var(--zt-cell-background);flex-direction:var(--zt-cell-direction);padding:var(--zt-cell-padding)}.zt-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-cell-border-color);transform:scaleY(.5)}.zt-cell--borderless:after{display:none}.zt-cell__label{color:var(--zt-cell-label-color);line-height:var(--zt-line-height-md);font-size:var(--zt-font-size-md);flex:1;text-align:right}.zt-cell__value{position:relative;overflow:hidden;vertical-align:middle;word-wrap:break-word;background:var(--zt-cell-background);box-sizing:border-box;display:flex;border-radius:var(--zt-cell-value-radius);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);word-break:break-all}.zt-cell__value--horizontal{padding:0;flex:1;justify-content:flex-end;align-items:center;text-align:right;background:transparent}.zt-cell__value--vertical{padding:var(--zt-cell-value-padding);background:var(--zt-cell-vertical-background)}.zt-cell__value-text{display:inline-block;flex:1}.zt-cell__title{margin-bottom:8px;display:flex;align-items:center}.zt-cell__title--horizontal{padding:0;margin:0;flex:1}.zt-cell__title--with-value{margin-right:8px;max-width:var(--zt-cell-row-title-max-width)}.zt-cell__title-text{font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);word-break:break-all;display:inline-block;overflow:hidden;flex:1}.zt-cell__title-icon,.zt-cell__right-icon{height:var(--zt-line-height-md);font-size:var(--zt-font-size-xxl);line-height:var(--zt-line-height-md)}.zt-cell__left-icon{width:var(--zt-cell-left-icon-size);height:var(--zt-cell-left-icon-size);font-size:var(--zt-cell-left-icon-font-size);line-height:var(--zt-cell-left-icon-size);margin-right:var(--zt-padding-base)}.zt-cell__right-icon{margin-left:var(--zt-padding-base);color:var(--zt-cell-right-icon-color)}.zt-cell__title-icon{margin-right:var(--zt-padding-base)}.zt-cell__with-left{position:relative;display:flex}.zt-cell__with-left:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-cell-border-color);transform:scaleY(.5)}.zt-cell__with-left--borderless:after{display:none}.zt-cell__left-icon{margin:16px 0 16px 16px}.zt-cell--clickable{cursor:pointer}.zt-cell--clickable .zt-cell__value:active,.zt-cell--clickable.zt-cell--horizontal:active{background-color:var(--zt-cell-active-color)}.zt-cell--clickable.zt-cell--horizontal:active .zt-cell__value:active{background-color:transparent}.zt-cell--required{overflow:visible}.zt-cell--required:before{position:absolute;left:var(--zt-padding-xs);color:var(--zt-cell-required-color);font-size:var(--zt-font-size-md);content:"*"}.zt-cell--center .zt-cell__value{align-items:center}.zt-cell--horizontal{flex-direction:row;justify-content:space-between;background:var(--zt-cell-horizontal-background);padding:12px 16px}.zt-cell--horizontal:last-child:after{display:none}
|
|
1
|
+
:root{--zt-cell-text-color: var(--zt-text-color);--zt-cell-border-color: var(--zt-border-color);--zt-cell-active-color: var(--zt-active-color);--zt-cell-required-color: var(--zt-danger-color);--zt-cell-label-color: var(--zt-gray-a4);--zt-cell-right-icon-color: var(--zt-gray-a4);--zt-cell-vertical-background: var(--zt-background-card);--zt-cell-horizontal-background: var(--zt-background-card);--zt-cell-background: var(--zt-background);--zt-cell-value-padding: 12px;--zt-cell-value-radius: 4px;--zt-cell-direction: column;--zt-cell-padding: 16px;--zt-cell-row-title-max-width: 100px;--zt-cell-left-icon-font-size: 48px;--zt-cell-left-icon-size: 48px;--zt-cell-clear-icon-color: var(--zt-gray-a6)}:root[zt-theme-size=large]{--zt-cell-left-icon-size: 60px;--zt-cell-left-icon-font-size: 54px}.zt-cell{position:relative;display:flex;box-sizing:border-box;width:100%;overflow:hidden;color:var(--zt-cell-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);background:var(--zt-cell-background);flex-direction:var(--zt-cell-direction);padding:var(--zt-cell-padding)}.zt-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-cell-border-color);transform:scaleY(.5)}.zt-cell--borderless:after{display:none}.zt-cell__label{color:var(--zt-cell-label-color);line-height:var(--zt-line-height-md);font-size:var(--zt-font-size-md);flex:1;text-align:right}.zt-cell__value{position:relative;overflow:hidden;vertical-align:middle;word-wrap:break-word;background:var(--zt-cell-background);box-sizing:border-box;display:flex;align-items:center;border-radius:var(--zt-cell-value-radius);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);word-break:break-all}.zt-cell__value--horizontal{padding:0;flex:1;justify-content:flex-end;align-items:center;text-align:right;background:transparent}.zt-cell__value--vertical{padding:var(--zt-cell-value-padding);background:var(--zt-cell-vertical-background)}.zt-cell__value-text{display:inline-block;flex:1}.zt-cell__value-clear{color:var(--zt-cell-clear-icon-color);font-size:var(--zt-font-size-xxl);margin:0 4px 0 10px;cursor:pointer}.zt-cell__title{margin-bottom:8px;display:flex;align-items:center}.zt-cell__title--horizontal{padding:0;margin:0;flex:1}.zt-cell__title--with-value{margin-right:8px;max-width:var(--zt-cell-row-title-max-width)}.zt-cell__title-text{font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);word-break:break-all;display:inline-block;overflow:hidden;flex:1}.zt-cell__title-icon,.zt-cell__right-icon{height:var(--zt-line-height-md);font-size:var(--zt-font-size-xxl);line-height:var(--zt-line-height-md)}.zt-cell__left-icon{width:var(--zt-cell-left-icon-size);height:var(--zt-cell-left-icon-size);font-size:var(--zt-cell-left-icon-font-size);line-height:var(--zt-cell-left-icon-size);margin-right:var(--zt-padding-base)}.zt-cell__right-icon{margin-left:var(--zt-padding-base);color:var(--zt-cell-right-icon-color)}.zt-cell__title-icon{margin-right:var(--zt-padding-base)}.zt-cell__with-left{position:relative;display:flex}.zt-cell__with-left:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-cell-border-color);transform:scaleY(.5)}.zt-cell__with-left--borderless:after{display:none}.zt-cell__left-icon{margin:16px 0 16px 16px}.zt-cell--clickable{cursor:pointer}.zt-cell--clickable .zt-cell__value:active,.zt-cell--clickable.zt-cell--horizontal:active{background-color:var(--zt-cell-active-color)}.zt-cell--clickable.zt-cell--horizontal:active .zt-cell__value:active{background-color:transparent}.zt-cell--required{overflow:visible}.zt-cell--required:before{position:absolute;left:var(--zt-padding-xs);color:var(--zt-cell-required-color);font-size:var(--zt-font-size-md);content:"*"}.zt-cell--center .zt-cell__value{align-items:center}.zt-cell--horizontal{flex-direction:row;justify-content:space-between;background:var(--zt-cell-horizontal-background);padding:12px 16px}.zt-cell--horizontal:last-child:after{display:none}
|
package/lib/cell/index.d.ts
CHANGED
|
@@ -28,11 +28,16 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
|
|
|
28
28
|
type: import("vue").PropType<boolean | null>;
|
|
29
29
|
default: null;
|
|
30
30
|
};
|
|
31
|
+
clearable: BooleanConstructor;
|
|
32
|
+
clearIcon: {
|
|
33
|
+
type: import("vue").PropType<string>;
|
|
34
|
+
default: string;
|
|
35
|
+
};
|
|
31
36
|
} & {
|
|
32
37
|
to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
|
|
33
38
|
url: StringConstructor;
|
|
34
39
|
replace: BooleanConstructor;
|
|
35
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
40
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "click")[], "clear" | "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
36
41
|
leftIcon: StringConstructor;
|
|
37
42
|
titleIcon: StringConstructor;
|
|
38
43
|
title: (NumberConstructor | StringConstructor)[];
|
|
@@ -62,12 +67,18 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
|
|
|
62
67
|
type: import("vue").PropType<boolean | null>;
|
|
63
68
|
default: null;
|
|
64
69
|
};
|
|
70
|
+
clearable: BooleanConstructor;
|
|
71
|
+
clearIcon: {
|
|
72
|
+
type: import("vue").PropType<string>;
|
|
73
|
+
default: string;
|
|
74
|
+
};
|
|
65
75
|
} & {
|
|
66
76
|
to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
|
|
67
77
|
url: StringConstructor;
|
|
68
78
|
replace: BooleanConstructor;
|
|
69
79
|
}>> & {
|
|
70
80
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
81
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
71
82
|
}, {
|
|
72
83
|
replace: boolean;
|
|
73
84
|
value: string;
|
|
@@ -77,6 +88,8 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
|
|
|
77
88
|
isLink: boolean;
|
|
78
89
|
required: boolean;
|
|
79
90
|
clickable: boolean | null;
|
|
91
|
+
clearable: boolean;
|
|
92
|
+
clearIcon: string;
|
|
80
93
|
}, {}>>;
|
|
81
94
|
export default Cell;
|
|
82
95
|
export type { CellProps, CellArrowDirection } from './Cell';
|
|
@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
44
44
|
type: PropType<boolean | null>;
|
|
45
45
|
default: null;
|
|
46
46
|
};
|
|
47
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
47
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
48
48
|
name: PropType<unknown>;
|
|
49
49
|
shape: {
|
|
50
50
|
type: PropType<import("./Checker").CheckerShape>;
|
package/lib/checkbox/index.d.ts
CHANGED
|
@@ -19,7 +19,7 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
|
|
|
19
19
|
type: import("vue").PropType<boolean | null>;
|
|
20
20
|
default: null;
|
|
21
21
|
};
|
|
22
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
22
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
23
23
|
name: import("vue").PropType<unknown>;
|
|
24
24
|
shape: {
|
|
25
25
|
type: import("vue").PropType<import("./Checker").CheckerShape>;
|
|
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
30
30
|
default: () => unknown[];
|
|
31
31
|
};
|
|
32
32
|
checkedColor: StringConstructor;
|
|
33
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
33
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
34
34
|
max: (NumberConstructor | StringConstructor)[];
|
|
35
35
|
disabled: BooleanConstructor;
|
|
36
36
|
iconSize: (NumberConstructor | StringConstructor)[];
|
|
@@ -11,7 +11,7 @@ export declare const CheckboxGroup: import("../utils").WithInstall<import("vue")
|
|
|
11
11
|
default: () => unknown[];
|
|
12
12
|
};
|
|
13
13
|
checkedColor: StringConstructor;
|
|
14
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
14
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
15
15
|
max: (NumberConstructor | StringConstructor)[];
|
|
16
16
|
disabled: BooleanConstructor;
|
|
17
17
|
iconSize: (NumberConstructor | StringConstructor)[];
|
|
@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
34
34
|
type: PropType<Numeric | Numeric[]>;
|
|
35
35
|
default: string;
|
|
36
36
|
};
|
|
37
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
37
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
38
38
|
border: {
|
|
39
39
|
type: BooleanConstructor;
|
|
40
40
|
default: true;
|
package/lib/collapse/index.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ export declare const Collapse: import("../utils").WithInstall<import("vue").Defi
|
|
|
8
8
|
type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
|
|
9
9
|
default: string;
|
|
10
10
|
};
|
|
11
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
11
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
12
12
|
border: {
|
|
13
13
|
type: BooleanConstructor;
|
|
14
14
|
default: true;
|
|
@@ -102,7 +102,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
102
102
|
type: import("vue").PropType<string[]>;
|
|
103
103
|
default: () => string[];
|
|
104
104
|
};
|
|
105
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
105
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue")[], "cancel" | "change" | "update:modelValue" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
106
106
|
loading: BooleanConstructor;
|
|
107
107
|
readonly: BooleanConstructor;
|
|
108
108
|
allowHtml: BooleanConstructor;
|
|
@@ -201,7 +201,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
201
201
|
type: PropType<string[]>;
|
|
202
202
|
default: () => string[];
|
|
203
203
|
};
|
|
204
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
204
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
205
205
|
loading: BooleanConstructor;
|
|
206
206
|
readonly: BooleanConstructor;
|
|
207
207
|
allowHtml: BooleanConstructor;
|
|
@@ -99,7 +99,7 @@ export declare const DateTimePicker: import("../utils").WithInstall<import("vue"
|
|
|
99
99
|
type: import("vue").PropType<string[]>;
|
|
100
100
|
default: () => string[];
|
|
101
101
|
};
|
|
102
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
102
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue")[], "cancel" | "change" | "update:modelValue" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
103
103
|
loading: BooleanConstructor;
|
|
104
104
|
readonly: BooleanConstructor;
|
|
105
105
|
allowHtml: BooleanConstructor;
|