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
|
@@ -40,7 +40,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
40
40
|
};
|
|
41
41
|
titleClass: PropType<unknown>;
|
|
42
42
|
multiSelect: BooleanConstructor;
|
|
43
|
-
}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "open" | "
|
|
43
|
+
}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "open" | "change" | "close" | "update:modelValue" | "opened" | "closed" | "confirm")[], "reset" | "open" | "change" | "close" | "update:modelValue" | "opened" | "closed" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
44
44
|
title: StringConstructor;
|
|
45
45
|
options: {
|
|
46
46
|
type: PropType<DropdownItemOption[]>;
|
|
@@ -18,7 +18,7 @@ export declare const DropdownItem: import("../utils").WithInstall<import("vue").
|
|
|
18
18
|
};
|
|
19
19
|
titleClass: import("vue").PropType<unknown>;
|
|
20
20
|
multiSelect: BooleanConstructor;
|
|
21
|
-
}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "open" | "
|
|
21
|
+
}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "open" | "change" | "close" | "update:modelValue" | "opened" | "closed" | "confirm")[], "reset" | "open" | "change" | "close" | "update:modelValue" | "opened" | "closed" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
22
22
|
title: StringConstructor;
|
|
23
23
|
options: {
|
|
24
24
|
type: import("vue").PropType<import("./types").DropdownItemOption[]>;
|
package/lib/field/Field.d.ts
CHANGED
|
@@ -74,6 +74,11 @@ declare const fieldProps: {
|
|
|
74
74
|
type: PropType<boolean | null>;
|
|
75
75
|
default: null;
|
|
76
76
|
};
|
|
77
|
+
clearable: BooleanConstructor;
|
|
78
|
+
clearIcon: {
|
|
79
|
+
type: PropType<string>;
|
|
80
|
+
default: string;
|
|
81
|
+
};
|
|
77
82
|
} & {
|
|
78
83
|
id: StringConstructor;
|
|
79
84
|
name: StringConstructor;
|
|
@@ -171,6 +176,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
171
176
|
type: PropType<boolean | null>;
|
|
172
177
|
default: null;
|
|
173
178
|
};
|
|
179
|
+
clearable: BooleanConstructor;
|
|
180
|
+
clearIcon: {
|
|
181
|
+
type: PropType<string>;
|
|
182
|
+
default: string;
|
|
183
|
+
};
|
|
174
184
|
} & {
|
|
175
185
|
id: StringConstructor;
|
|
176
186
|
name: StringConstructor;
|
|
@@ -236,7 +246,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
236
246
|
type: BooleanConstructor;
|
|
237
247
|
default: null;
|
|
238
248
|
};
|
|
239
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "
|
|
249
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "focus" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "clear" | "blur" | "focus" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
240
250
|
leftIcon: StringConstructor;
|
|
241
251
|
titleIcon: StringConstructor;
|
|
242
252
|
title: (NumberConstructor | StringConstructor)[];
|
|
@@ -266,6 +276,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
266
276
|
type: PropType<boolean | null>;
|
|
267
277
|
default: null;
|
|
268
278
|
};
|
|
279
|
+
clearable: BooleanConstructor;
|
|
280
|
+
clearIcon: {
|
|
281
|
+
type: PropType<string>;
|
|
282
|
+
default: string;
|
|
283
|
+
};
|
|
269
284
|
} & {
|
|
270
285
|
id: StringConstructor;
|
|
271
286
|
name: StringConstructor;
|
|
@@ -355,10 +370,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
355
370
|
clickable: boolean | null;
|
|
356
371
|
clearable: boolean;
|
|
357
372
|
clearIcon: string;
|
|
373
|
+
error: boolean;
|
|
358
374
|
modelValue: string | number;
|
|
359
375
|
clearTrigger: FieldClearTrigger;
|
|
360
376
|
formatTrigger: FieldFormatTrigger;
|
|
361
|
-
error: boolean;
|
|
362
377
|
readonly: boolean;
|
|
363
378
|
showWordLimit: boolean;
|
|
364
379
|
description: string;
|
package/lib/field/index.d.ts
CHANGED
|
@@ -29,6 +29,11 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
|
|
|
29
29
|
type: import("vue").PropType<boolean | null>;
|
|
30
30
|
default: null;
|
|
31
31
|
};
|
|
32
|
+
clearable: BooleanConstructor;
|
|
33
|
+
clearIcon: {
|
|
34
|
+
type: import("vue").PropType<string>;
|
|
35
|
+
default: string;
|
|
36
|
+
};
|
|
32
37
|
} & {
|
|
33
38
|
id: StringConstructor;
|
|
34
39
|
name: StringConstructor;
|
|
@@ -94,7 +99,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
|
|
|
94
99
|
type: BooleanConstructor;
|
|
95
100
|
default: null;
|
|
96
101
|
};
|
|
97
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "
|
|
102
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "focus" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "clear" | "blur" | "focus" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
98
103
|
leftIcon: StringConstructor;
|
|
99
104
|
titleIcon: StringConstructor;
|
|
100
105
|
title: (NumberConstructor | StringConstructor)[];
|
|
@@ -124,6 +129,11 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
|
|
|
124
129
|
type: import("vue").PropType<boolean | null>;
|
|
125
130
|
default: null;
|
|
126
131
|
};
|
|
132
|
+
clearable: BooleanConstructor;
|
|
133
|
+
clearIcon: {
|
|
134
|
+
type: import("vue").PropType<string>;
|
|
135
|
+
default: string;
|
|
136
|
+
};
|
|
127
137
|
} & {
|
|
128
138
|
id: StringConstructor;
|
|
129
139
|
name: StringConstructor;
|
|
@@ -213,10 +223,10 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
|
|
|
213
223
|
clickable: boolean | null;
|
|
214
224
|
clearable: boolean;
|
|
215
225
|
clearIcon: string;
|
|
226
|
+
error: boolean;
|
|
216
227
|
modelValue: string | number;
|
|
217
228
|
clearTrigger: import("./types").FieldClearTrigger;
|
|
218
229
|
formatTrigger: import("./types").FieldFormatTrigger;
|
|
219
|
-
error: boolean;
|
|
220
230
|
readonly: boolean;
|
|
221
231
|
showWordLimit: boolean;
|
|
222
232
|
description: string;
|
|
@@ -49,7 +49,7 @@ const indexBarProps = {
|
|
|
49
49
|
default: genAlphabet
|
|
50
50
|
},
|
|
51
51
|
indexBarMaxHeight: (0, import_utils.makeNumericProp)("70vh"),
|
|
52
|
-
contractionPointText: (0, import_utils.makeStringProp)("\
|
|
52
|
+
contractionPointText: (0, import_utils.makeStringProp)("\u2022")
|
|
53
53
|
};
|
|
54
54
|
const INDEX_BAR_KEY = Symbol(name);
|
|
55
55
|
const MIN_CONTRACTION_NUM = 2;
|
|
@@ -65,9 +65,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
|
65
65
|
const sidebar = (0, import_vue2.ref)();
|
|
66
66
|
const activeAnchor = (0, import_use_sync_prop_ref.useSyncPropRef)(() => props.activeAnchor, (value) => emit("update:activeAnchor", value));
|
|
67
67
|
const touchIndex = (0, import_vue2.ref)("");
|
|
68
|
-
const indexBarMaxHeight = () => {
|
|
68
|
+
const indexBarMaxHeight = (0, import_vue2.computed)(() => {
|
|
69
69
|
return props.indexBarMaxHeight ? (0, import_utils.unitToPx)(props.indexBarMaxHeight) : (0, import_utils.unitToPx)("100vh");
|
|
70
|
-
};
|
|
70
|
+
});
|
|
71
71
|
const touch = (0, import_use_touch.useTouch)();
|
|
72
72
|
const scrollParent = (0, import_use.useScrollParent)(root);
|
|
73
73
|
const {
|
|
@@ -266,9 +266,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
|
266
266
|
};
|
|
267
267
|
const adaptorIndexListByHeight = () => {
|
|
268
268
|
const actualIndexListHeight = props.indexList.length * getIndexHeight();
|
|
269
|
-
if (actualIndexListHeight && actualIndexListHeight > indexBarMaxHeight
|
|
269
|
+
if (actualIndexListHeight && actualIndexListHeight > indexBarMaxHeight.value) {
|
|
270
270
|
const adaptedIndexList = (0, import_deep_clone.deepClone)(props.indexList);
|
|
271
|
-
const renderedNum = Math.floor(indexBarMaxHeight
|
|
271
|
+
const renderedNum = Math.floor(indexBarMaxHeight.value / getIndexHeight());
|
|
272
272
|
const renderedPointNum = Math.floor(renderedNum / MIN_CONTRACTION_NUM);
|
|
273
273
|
const renderedIndexNum = renderedNum - renderedPointNum;
|
|
274
274
|
const hiddenIndexNum = adaptedIndexList.length - renderedIndexNum;
|
|
@@ -326,23 +326,31 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
|
326
326
|
}, [(0, import_vue.createVNode)("div", {
|
|
327
327
|
"class": bem("touch-text")
|
|
328
328
|
}, [touchActiveText]), (0, import_vue.createVNode)("svg", {
|
|
329
|
-
"class": bem("icon"),
|
|
330
329
|
"xmlns": "http://www.w3.org/2000/svg",
|
|
331
|
-
"viewBox": "0 0 20 32"
|
|
332
|
-
}, [(0, import_vue.createVNode)("defs", null, [(0, import_vue.createVNode)("path", {
|
|
333
|
-
"id": "7rkhbmqvk__gc482iacwa",
|
|
334
|
-
"d": "M0 0H20V32H0z"
|
|
335
|
-
}, null)]), (0, import_vue.createVNode)("g", {
|
|
336
330
|
"fill": "none",
|
|
337
|
-
"
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
"
|
|
341
|
-
|
|
331
|
+
"viewBox": "0 0 20 32",
|
|
332
|
+
"class": bem("icon")
|
|
333
|
+
}, [(0, import_vue.createVNode)("defs", null, [(0, import_vue.createVNode)("mask", {
|
|
334
|
+
"id": "ei8r0nsyx__b6fjzymnfa"
|
|
335
|
+
}, [(0, import_vue.createVNode)("rect", {
|
|
336
|
+
"width": "20",
|
|
337
|
+
"height": "32",
|
|
338
|
+
"rx": "0",
|
|
339
|
+
"fill": "#FFF"
|
|
340
|
+
}, null)])]), (0, import_vue.createVNode)("g", {
|
|
341
|
+
"mask": "url(#ei8r0nsyx__b6fjzymnfa)"
|
|
342
|
+
}, [(0, import_vue.createVNode)("rect", {
|
|
343
|
+
"width": "20",
|
|
344
|
+
"height": "32",
|
|
345
|
+
"rx": "0"
|
|
346
|
+
}, null), (0, import_vue.createVNode)("path", {
|
|
347
|
+
"d": "M-1.0000000000000497,0C7.83656,0,15,7.16344,15,16C15,24.8366,7.83656,32,-1,32L-1.0000000000000497,0Z",
|
|
348
|
+
"fill-rule": "evenodd",
|
|
349
|
+
"class": bem("icon-fill")
|
|
342
350
|
}, null), (0, import_vue.createVNode)("path", {
|
|
343
|
-
"d": "M12.
|
|
344
|
-
"fill": "
|
|
345
|
-
"
|
|
351
|
+
"d": "M12.243150099299784,24.98157383041382L19.435507386779786,16.65358383041382C19.759737386779786,16.27815383041382,19.759737386779786,15.721773830413818,19.435507386779786,15.346343830413819L12.243151433939785,7.018357001713818C13.983177386779785,9.578993830413818,14.999997386779786,12.670733830413818,14.999997386779786,15.999963830413819C14.999997386779786,19.32917383041382,13.983177386779785,22.420973830413818,12.243150099299784,24.98157383041382Z",
|
|
352
|
+
"fill-rule": "evenodd",
|
|
353
|
+
"class": bem("icon-fill")
|
|
346
354
|
}, null)])])]), (0, import_vue.createVNode)("div", {
|
|
347
355
|
"data-index": index,
|
|
348
356
|
"data-index-map": contractionPointMapList,
|
package/lib/index-bar/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--zt-index-bar-sidebar-z-index: 2}.zt-index-bar__sidebar{position:fixed;top:50%;right:var(--zt-padding-xs);z-index:var(--zt-index-bar-sidebar-z-index);display:flex;flex-direction:column;align-items:
|
|
1
|
+
:root{--zt-index-bar-sidebar-z-index: 2;--zt-index-bar-sidebar-touch-index-background-color: #8093ab}.zt-index-bar__sidebar{position:fixed;top:50%;right:var(--zt-padding-xs);z-index:var(--zt-index-bar-sidebar-z-index);display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none}.zt-index-bar__index{position:relative;color:var(--zt-text-color);padding:0 var(--zt-padding-base);font-size:var(--zt-font-size-sm);line-height:var(--zt-line-height-sm);display:flex;height:var(--zt-line-height-sm)}.zt-index-bar__index--active{color:var(--zt-primary-color);font-weight:700}.zt-index-bar__index--touch{position:relative;color:var(--zt-white)}.zt-index-bar__index--touch:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;z-index:-1;padding:0;background:var(--zt-primary-color);border-radius:calc(var(--zt-line-height-sm) / 2)}.zt-index-bar__touch{display:none}.zt-index-bar__touch-text{width:-webkit-max-content;width:max-content;margin-right:-1px;height:32px;line-height:32px;border-radius:16px 0 0 16px;padding:0 1px 0 14px;font-size:var(--zt-font-size-lg);color:var(--zt-white);text-align:center;background:var(--zt-index-bar-sidebar-touch-index-background-color)}.zt-index-bar__touch--active{display:flex;position:absolute;top:-6px;right:100%}.zt-index-bar__icon{position:relative;width:20px;height:32px}.zt-index-bar__icon-fill{fill:var(--zt-index-bar-sidebar-touch-index-background-color)}
|
package/lib/index-bar/types.d.ts
CHANGED
|
@@ -10,6 +10,7 @@ export type IndexBarExpose = {
|
|
|
10
10
|
export type IndexBarInstance = ComponentPublicInstance<IndexBarProps, IndexBarExpose>;
|
|
11
11
|
export type IndexBarThemeVars = {
|
|
12
12
|
indexBarSidebarZIndex?: number | string;
|
|
13
|
+
indexBarSidebarTouchIndexBackgroundColor?: string;
|
|
13
14
|
};
|
|
14
15
|
export interface IndexBarContractionItem {
|
|
15
16
|
index: Numeric;
|