zartui 3.1.10 → 3.1.12

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 (146) hide show
  1. package/README.md +23 -23
  2. package/es/cascader/Cascader.d.ts +1 -1
  3. package/es/cascader/index.d.ts +1 -1
  4. package/es/cell/Cell.d.ts +24 -1
  5. package/es/cell/Cell.mjs +30 -5
  6. package/es/cell/index.css +1 -1
  7. package/es/cell/index.d.ts +14 -1
  8. package/es/checkbox/Checkbox.d.ts +1 -1
  9. package/es/checkbox/index.d.ts +1 -1
  10. package/es/checkbox-group/CheckboxGroup.d.ts +1 -1
  11. package/es/checkbox-group/index.d.ts +1 -1
  12. package/es/collapse/Collapse.d.ts +1 -1
  13. package/es/collapse/index.d.ts +1 -1
  14. package/es/composables/use-touch.d.ts +1 -0
  15. package/es/composables/use-touch.mjs +8 -1
  16. package/es/config-provider/types.d.ts +1 -1
  17. package/es/date-time-picker/DateTimePicker.d.ts +1 -1
  18. package/es/date-time-picker/DateTimePickerWrapper.d.ts +1 -1
  19. package/es/date-time-picker/index.d.ts +1 -1
  20. package/es/dropdown-item/DropdownItem.d.ts +1 -1
  21. package/es/dropdown-item/index.d.ts +1 -1
  22. package/es/field/Field.d.ts +17 -2
  23. package/es/field/index.d.ts +12 -2
  24. package/es/floating-bubble/FloatingBubble.d.ts +81 -0
  25. package/es/floating-bubble/FloatingBubble.mjs +181 -0
  26. package/es/floating-bubble/index.css +1 -0
  27. package/es/floating-bubble/index.d.ts +63 -0
  28. package/es/floating-bubble/index.mjs +10 -0
  29. package/es/floating-bubble/style/index.d.ts +1 -0
  30. package/es/floating-bubble/style/index.mjs +4 -0
  31. package/es/floating-bubble/types.d.ts +20 -0
  32. package/es/floating-bubble/types.mjs +0 -0
  33. package/es/hierarchy-select/HierarchySelect.mjs +1 -0
  34. package/es/index-bar/IndexBar.mjs +27 -19
  35. package/es/index-bar/index.css +1 -1
  36. package/es/index-bar/types.d.ts +1 -0
  37. package/es/index.d.ts +2 -1
  38. package/es/index.mjs +4 -1
  39. package/es/lazyload/vue-lazyload/index.d.ts +55 -55
  40. package/es/number-keyboard/NumberKeyboard.d.ts +1 -1
  41. package/es/number-keyboard/index.d.ts +1 -1
  42. package/es/picker/Picker.d.ts +1 -1
  43. package/es/picker/index.d.ts +1 -1
  44. package/es/pull-refresh/PullRefresh.d.ts +1 -1
  45. package/es/pull-refresh/index.d.ts +1 -1
  46. package/es/radio-group/RadioGroup.d.ts +1 -1
  47. package/es/radio-group/index.d.ts +1 -1
  48. package/es/radio-picker/RadioPicker.d.ts +1 -1
  49. package/es/radio-picker/index.d.ts +1 -1
  50. package/es/rate/Rate.d.ts +1 -1
  51. package/es/rate/index.d.ts +1 -1
  52. package/es/search/Search.d.ts +2 -2
  53. package/es/search/index.d.ts +2 -2
  54. package/es/stepper/Stepper.d.ts +1 -1
  55. package/es/stepper/index.d.ts +1 -1
  56. package/es/switch/Switch.d.ts +1 -1
  57. package/es/switch/index.d.ts +1 -1
  58. package/es/tabbar/Tabbar.d.ts +1 -1
  59. package/es/tabbar/index.d.ts +1 -1
  60. package/es/tabbar-item/index.css +1 -1
  61. package/es/time-picker/TimePicker.d.ts +1 -1
  62. package/es/time-picker/index.d.ts +1 -1
  63. package/es/utils/closest.d.ts +1 -0
  64. package/es/utils/closest.mjs +8 -0
  65. package/es/utils/constant.d.ts +1 -0
  66. package/es/utils/constant.mjs +3 -1
  67. package/es/utils/index.d.ts +1 -0
  68. package/es/utils/index.mjs +1 -0
  69. package/es/vue-sfc-shim.d.ts +6 -6
  70. package/es/vue-tsx-shim.d.ts +23 -23
  71. package/lib/cascader/Cascader.d.ts +1 -1
  72. package/lib/cascader/index.d.ts +1 -1
  73. package/lib/cell/Cell.d.ts +24 -1
  74. package/lib/cell/Cell.js +28 -3
  75. package/lib/cell/index.css +1 -1
  76. package/lib/cell/index.d.ts +14 -1
  77. package/lib/checkbox/Checkbox.d.ts +1 -1
  78. package/lib/checkbox/index.d.ts +1 -1
  79. package/lib/checkbox-group/CheckboxGroup.d.ts +1 -1
  80. package/lib/checkbox-group/index.d.ts +1 -1
  81. package/lib/collapse/Collapse.d.ts +1 -1
  82. package/lib/collapse/index.d.ts +1 -1
  83. package/lib/composables/use-touch.d.ts +1 -0
  84. package/lib/composables/use-touch.js +8 -1
  85. package/lib/config-provider/types.d.ts +1 -1
  86. package/lib/date-time-picker/DateTimePicker.d.ts +1 -1
  87. package/lib/date-time-picker/DateTimePickerWrapper.d.ts +1 -1
  88. package/lib/date-time-picker/index.d.ts +1 -1
  89. package/lib/dropdown-item/DropdownItem.d.ts +1 -1
  90. package/lib/dropdown-item/index.d.ts +1 -1
  91. package/lib/field/Field.d.ts +17 -2
  92. package/lib/field/index.d.ts +12 -2
  93. package/lib/floating-bubble/FloatingBubble.d.ts +81 -0
  94. package/lib/floating-bubble/FloatingBubble.js +210 -0
  95. package/lib/floating-bubble/index.css +1 -0
  96. package/lib/floating-bubble/index.d.ts +63 -0
  97. package/lib/floating-bubble/index.js +39 -0
  98. package/lib/floating-bubble/style/index.d.ts +1 -0
  99. package/lib/floating-bubble/style/index.js +4 -0
  100. package/lib/floating-bubble/types.d.ts +20 -0
  101. package/lib/floating-bubble/types.js +15 -0
  102. package/lib/hierarchy-select/HierarchySelect.js +1 -0
  103. package/lib/index-bar/IndexBar.js +27 -19
  104. package/lib/index-bar/index.css +1 -1
  105. package/lib/index-bar/types.d.ts +1 -0
  106. package/lib/index.css +1 -1
  107. package/lib/index.d.ts +2 -1
  108. package/lib/index.js +4 -1
  109. package/lib/lazyload/vue-lazyload/index.d.ts +55 -55
  110. package/lib/number-keyboard/NumberKeyboard.d.ts +1 -1
  111. package/lib/number-keyboard/index.d.ts +1 -1
  112. package/lib/picker/Picker.d.ts +1 -1
  113. package/lib/picker/index.d.ts +1 -1
  114. package/lib/pull-refresh/PullRefresh.d.ts +1 -1
  115. package/lib/pull-refresh/index.d.ts +1 -1
  116. package/lib/radio-group/RadioGroup.d.ts +1 -1
  117. package/lib/radio-group/index.d.ts +1 -1
  118. package/lib/radio-picker/RadioPicker.d.ts +1 -1
  119. package/lib/radio-picker/index.d.ts +1 -1
  120. package/lib/rate/Rate.d.ts +1 -1
  121. package/lib/rate/index.d.ts +1 -1
  122. package/lib/search/Search.d.ts +2 -2
  123. package/lib/search/index.d.ts +2 -2
  124. package/lib/stepper/Stepper.d.ts +1 -1
  125. package/lib/stepper/index.d.ts +1 -1
  126. package/lib/switch/Switch.d.ts +1 -1
  127. package/lib/switch/index.d.ts +1 -1
  128. package/lib/tabbar/Tabbar.d.ts +1 -1
  129. package/lib/tabbar/index.d.ts +1 -1
  130. package/lib/tabbar-item/index.css +1 -1
  131. package/lib/time-picker/TimePicker.d.ts +1 -1
  132. package/lib/time-picker/index.d.ts +1 -1
  133. package/lib/utils/closest.d.ts +1 -0
  134. package/lib/utils/closest.js +27 -0
  135. package/lib/utils/constant.d.ts +1 -0
  136. package/lib/utils/constant.js +3 -1
  137. package/lib/utils/index.d.ts +1 -0
  138. package/lib/utils/index.js +1 -0
  139. package/lib/vue-sfc-shim.d.ts +6 -6
  140. package/lib/vue-tsx-shim.d.ts +23 -23
  141. package/lib/web-types.json +1 -1
  142. package/lib/zartui.cjs.js +698 -478
  143. package/lib/zartui.es.js +698 -478
  144. package/lib/zartui.js +698 -478
  145. package/lib/zartui.min.js +1 -1
  146. package/package.json +6 -5
@@ -0,0 +1,63 @@
1
+ export declare const FloatingBubble: import("../utils").WithInstall<import("vue").DefineComponent<{
2
+ gap: {
3
+ type: NumberConstructor;
4
+ default: number;
5
+ };
6
+ icon: StringConstructor;
7
+ axis: {
8
+ type: import("vue").PropType<import("./types").FloatingBubbleAxis>;
9
+ default: import("./types").FloatingBubbleAxis;
10
+ };
11
+ magnetic: import("vue").PropType<import("./types").FloatingBubbleMagnetic>;
12
+ offset: {
13
+ type: import("vue").PropType<import("./types").FloatingBubbleOffset>;
14
+ default: () => {
15
+ x: number;
16
+ y: number;
17
+ };
18
+ };
19
+ teleport: {
20
+ type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
21
+ default: string;
22
+ };
23
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:offset" | "offsetChange")[], "click" | "update:offset" | "offsetChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
24
+ gap: {
25
+ type: NumberConstructor;
26
+ default: number;
27
+ };
28
+ icon: StringConstructor;
29
+ axis: {
30
+ type: import("vue").PropType<import("./types").FloatingBubbleAxis>;
31
+ default: import("./types").FloatingBubbleAxis;
32
+ };
33
+ magnetic: import("vue").PropType<import("./types").FloatingBubbleMagnetic>;
34
+ offset: {
35
+ type: import("vue").PropType<import("./types").FloatingBubbleOffset>;
36
+ default: () => {
37
+ x: number;
38
+ y: number;
39
+ };
40
+ };
41
+ teleport: {
42
+ type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
43
+ default: string;
44
+ };
45
+ }>> & {
46
+ onClick?: ((...args: any[]) => any) | undefined;
47
+ "onUpdate:offset"?: ((...args: any[]) => any) | undefined;
48
+ onOffsetChange?: ((...args: any[]) => any) | undefined;
49
+ }, {
50
+ offset: import("./types").FloatingBubbleOffset;
51
+ teleport: string | import("vue").RendererElement | null | undefined;
52
+ gap: number;
53
+ axis: import("./types").FloatingBubbleAxis;
54
+ }, {}>>;
55
+ export default FloatingBubble;
56
+ export { floatingBubbleProps } from './FloatingBubble';
57
+ export type { FloatingBubbleProps } from './FloatingBubble';
58
+ export type { FloatingBubbleThemeVars, FloatingBubbleAxis, FloatingBubbleMagnetic, FloatingBubbleOffset, } from './types';
59
+ declare module 'vue' {
60
+ interface GlobalComponents {
61
+ ZtFloatingBubble: typeof FloatingBubble;
62
+ }
63
+ }
@@ -0,0 +1,39 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
+ // If the importer is in node compatibility mode or this is not an ESM
21
+ // file that has been converted to a CommonJS file using a Babel-
22
+ // compatible transform (i.e. "__esModule" has not been set), then set
23
+ // "default" to the CommonJS "module.exports" for node compatibility.
24
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
+ mod
26
+ ));
27
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
+ var stdin_exports = {};
29
+ __export(stdin_exports, {
30
+ FloatingBubble: () => FloatingBubble,
31
+ default: () => stdin_default,
32
+ floatingBubbleProps: () => import_FloatingBubble2.floatingBubbleProps
33
+ });
34
+ module.exports = __toCommonJS(stdin_exports);
35
+ var import_utils = require("../utils");
36
+ var import_FloatingBubble = __toESM(require("./FloatingBubble"));
37
+ var import_FloatingBubble2 = require("./FloatingBubble");
38
+ const FloatingBubble = (0, import_utils.withInstall)(import_FloatingBubble.default);
39
+ var stdin_default = FloatingBubble;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,4 @@
1
+ require("../../style/base.css");
2
+ require("../../badge/index.css");
3
+ require("../../icon/index.css");
4
+ require("../index.css");
@@ -0,0 +1,20 @@
1
+ export type FloatingBubbleThemeVars = {
2
+ floatingBubbleSize?: string;
3
+ floatingBubbleInitialGap?: string;
4
+ floatingBubbleIconSize?: string;
5
+ floatingBubbleBackground?: string;
6
+ floatingBubbleColor?: string;
7
+ floatingBubbleZIndex?: number | string;
8
+ };
9
+ export type FloatingBubbleAxis = 'x' | 'y' | 'xy' | 'lock';
10
+ export type FloatingBubbleMagnetic = 'x' | 'y';
11
+ export type FloatingBubbleOffset = {
12
+ x: number;
13
+ y: number;
14
+ };
15
+ export type FloatingBubbleBoundary = {
16
+ top: number;
17
+ right: number;
18
+ bottom: number;
19
+ left: number;
20
+ };
@@ -0,0 +1,15 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __copyProps = (to, from, except, desc) => {
6
+ if (from && typeof from === "object" || typeof from === "function") {
7
+ for (let key of __getOwnPropNames(from))
8
+ if (!__hasOwnProp.call(to, key) && key !== except)
9
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
10
+ }
11
+ return to;
12
+ };
13
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
14
+ var stdin_exports = {};
15
+ module.exports = __toCommonJS(stdin_exports);
@@ -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;