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.
Files changed (103) hide show
  1. package/es/cascader/Cascader.d.ts +1 -1
  2. package/es/cascader/index.d.ts +1 -1
  3. package/es/cell/Cell.d.ts +24 -1
  4. package/es/cell/Cell.mjs +30 -5
  5. package/es/cell/index.css +1 -1
  6. package/es/cell/index.d.ts +14 -1
  7. package/es/checkbox/Checkbox.d.ts +1 -1
  8. package/es/checkbox/index.d.ts +1 -1
  9. package/es/checkbox-group/CheckboxGroup.d.ts +1 -1
  10. package/es/checkbox-group/index.d.ts +1 -1
  11. package/es/collapse/Collapse.d.ts +1 -1
  12. package/es/collapse/index.d.ts +1 -1
  13. package/es/date-time-picker/DateTimePicker.d.ts +1 -1
  14. package/es/date-time-picker/DateTimePickerWrapper.d.ts +1 -1
  15. package/es/date-time-picker/index.d.ts +1 -1
  16. package/es/dropdown-item/DropdownItem.d.ts +1 -1
  17. package/es/dropdown-item/index.d.ts +1 -1
  18. package/es/field/Field.d.ts +17 -2
  19. package/es/field/index.d.ts +12 -2
  20. package/es/hierarchy-select/HierarchySelect.mjs +1 -0
  21. package/es/index-bar/IndexBar.mjs +27 -19
  22. package/es/index-bar/index.css +1 -1
  23. package/es/index-bar/types.d.ts +1 -0
  24. package/es/index.d.ts +1 -1
  25. package/es/index.mjs +1 -1
  26. package/es/number-keyboard/NumberKeyboard.d.ts +1 -1
  27. package/es/number-keyboard/index.d.ts +1 -1
  28. package/es/picker/Picker.d.ts +1 -1
  29. package/es/picker/index.d.ts +1 -1
  30. package/es/pull-refresh/PullRefresh.d.ts +1 -1
  31. package/es/pull-refresh/index.d.ts +1 -1
  32. package/es/radio-group/RadioGroup.d.ts +1 -1
  33. package/es/radio-group/index.d.ts +1 -1
  34. package/es/radio-picker/RadioPicker.d.ts +1 -1
  35. package/es/radio-picker/index.d.ts +1 -1
  36. package/es/rate/Rate.d.ts +1 -1
  37. package/es/rate/index.d.ts +1 -1
  38. package/es/search/Search.d.ts +2 -2
  39. package/es/search/index.d.ts +2 -2
  40. package/es/stepper/Stepper.d.ts +1 -1
  41. package/es/stepper/index.d.ts +1 -1
  42. package/es/switch/Switch.d.ts +1 -1
  43. package/es/switch/index.d.ts +1 -1
  44. package/es/tabbar/Tabbar.d.ts +1 -1
  45. package/es/tabbar/index.d.ts +1 -1
  46. package/es/tabbar-item/index.css +1 -1
  47. package/es/time-picker/TimePicker.d.ts +1 -1
  48. package/es/time-picker/index.d.ts +1 -1
  49. package/lib/cascader/Cascader.d.ts +1 -1
  50. package/lib/cascader/index.d.ts +1 -1
  51. package/lib/cell/Cell.d.ts +24 -1
  52. package/lib/cell/Cell.js +28 -3
  53. package/lib/cell/index.css +1 -1
  54. package/lib/cell/index.d.ts +14 -1
  55. package/lib/checkbox/Checkbox.d.ts +1 -1
  56. package/lib/checkbox/index.d.ts +1 -1
  57. package/lib/checkbox-group/CheckboxGroup.d.ts +1 -1
  58. package/lib/checkbox-group/index.d.ts +1 -1
  59. package/lib/collapse/Collapse.d.ts +1 -1
  60. package/lib/collapse/index.d.ts +1 -1
  61. package/lib/date-time-picker/DateTimePicker.d.ts +1 -1
  62. package/lib/date-time-picker/DateTimePickerWrapper.d.ts +1 -1
  63. package/lib/date-time-picker/index.d.ts +1 -1
  64. package/lib/dropdown-item/DropdownItem.d.ts +1 -1
  65. package/lib/dropdown-item/index.d.ts +1 -1
  66. package/lib/field/Field.d.ts +17 -2
  67. package/lib/field/index.d.ts +12 -2
  68. package/lib/hierarchy-select/HierarchySelect.js +1 -0
  69. package/lib/index-bar/IndexBar.js +27 -19
  70. package/lib/index-bar/index.css +1 -1
  71. package/lib/index-bar/types.d.ts +1 -0
  72. package/lib/index.css +1 -1
  73. package/lib/index.d.ts +1 -1
  74. package/lib/index.js +1 -1
  75. package/lib/number-keyboard/NumberKeyboard.d.ts +1 -1
  76. package/lib/number-keyboard/index.d.ts +1 -1
  77. package/lib/picker/Picker.d.ts +1 -1
  78. package/lib/picker/index.d.ts +1 -1
  79. package/lib/pull-refresh/PullRefresh.d.ts +1 -1
  80. package/lib/pull-refresh/index.d.ts +1 -1
  81. package/lib/radio-group/RadioGroup.d.ts +1 -1
  82. package/lib/radio-group/index.d.ts +1 -1
  83. package/lib/radio-picker/RadioPicker.d.ts +1 -1
  84. package/lib/radio-picker/index.d.ts +1 -1
  85. package/lib/rate/Rate.d.ts +1 -1
  86. package/lib/rate/index.d.ts +1 -1
  87. package/lib/search/Search.d.ts +2 -2
  88. package/lib/search/index.d.ts +2 -2
  89. package/lib/stepper/Stepper.d.ts +1 -1
  90. package/lib/stepper/index.d.ts +1 -1
  91. package/lib/switch/Switch.d.ts +1 -1
  92. package/lib/switch/index.d.ts +1 -1
  93. package/lib/tabbar/Tabbar.d.ts +1 -1
  94. package/lib/tabbar/index.d.ts +1 -1
  95. package/lib/tabbar-item/index.css +1 -1
  96. package/lib/time-picker/TimePicker.d.ts +1 -1
  97. package/lib/time-picker/index.d.ts +1 -1
  98. package/lib/web-types.json +1 -1
  99. package/lib/zartui.cjs.js +56 -23
  100. package/lib/zartui.es.js +56 -23
  101. package/lib/zartui.js +56 -23
  102. package/lib/zartui.min.js +1 -1
  103. 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" | "update:modelValue" | "change" | "close" | "opened" | "closed" | "confirm")[], "reset" | "open" | "update:modelValue" | "change" | "close" | "opened" | "closed" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
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" | "update:modelValue" | "change" | "close" | "opened" | "closed" | "confirm")[], "reset" | "open" | "update:modelValue" | "change" | "close" | "opened" | "closed" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
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[]>;
@@ -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" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
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;
@@ -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" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
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;
@@ -58,6 +58,7 @@ const hierarchySelectProps = {
58
58
  asyncGetter: {
59
59
  type: Function
60
60
  },
61
+ // 是否开启自动全选、半选功能
61
62
  unanimous: {
62
63
  type: Boolean,
63
64
  default: true
@@ -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)("\xB7")
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() / getIndexHeight());
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
- "fill-rule": "evenodd"
338
- }, [(0, import_vue.createVNode)("path", {
339
- "d": "M-1,0 C7.836556,-1.623249e-15 15,7.163444 15,16 C15,24.836556 7.836556,32 -1,32 L-1,32 L-1,32 L-1,0 Z",
340
- "fill": "#8093AB",
341
- "mask": "url(#7rkhbmqvk__9ahlxl93tb)"
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.2406862,7.01475705 L19.4355101,15.3463801 C19.7597461,15.7218113 19.7597461,16.2781887 19.4355101,16.6536199 L12.2406862,24.9852429 C13.9822172,22.423901 15,19.3308084 15,16 C15,12.6691916 13.9822172,9.57609904 12.2406862,7.01475705 Z",
344
- "fill": "#8093AB",
345
- "mask": "url(#7rkhbmqvk__9ahlxl93tb)"
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,
@@ -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:end;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{display:inline-block;box-sizing:border-box;padding:0 4px;min-width:var(--zt-line-height-md);color:var(--zt-white);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{position:relative;right:-1px;height:32px;line-height:32px;border-radius:16px 0 0 16px;padding:0 0 0 14px;font-size:var(--zt-font-size-lg);color:var(--zt-white);text-align:center;background:#8093ab}.zt-index-bar__touch--active{display:flex;position:relative;top:-6px;right:8px}.zt-index-bar__icon{position:relative;width:20px;height:32px}
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)}
@@ -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;