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.
- package/README.md +23 -23
- 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/composables/use-touch.d.ts +1 -0
- package/es/composables/use-touch.mjs +8 -1
- package/es/config-provider/types.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/floating-bubble/FloatingBubble.d.ts +81 -0
- package/es/floating-bubble/FloatingBubble.mjs +181 -0
- package/es/floating-bubble/index.css +1 -0
- package/es/floating-bubble/index.d.ts +63 -0
- package/es/floating-bubble/index.mjs +10 -0
- package/es/floating-bubble/style/index.d.ts +1 -0
- package/es/floating-bubble/style/index.mjs +4 -0
- package/es/floating-bubble/types.d.ts +20 -0
- package/es/floating-bubble/types.mjs +0 -0
- 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 +2 -1
- package/es/index.mjs +4 -1
- package/es/lazyload/vue-lazyload/index.d.ts +55 -55
- 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/es/utils/closest.d.ts +1 -0
- package/es/utils/closest.mjs +8 -0
- package/es/utils/constant.d.ts +1 -0
- package/es/utils/constant.mjs +3 -1
- package/es/utils/index.d.ts +1 -0
- package/es/utils/index.mjs +1 -0
- package/es/vue-sfc-shim.d.ts +6 -6
- package/es/vue-tsx-shim.d.ts +23 -23
- 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/composables/use-touch.d.ts +1 -0
- package/lib/composables/use-touch.js +8 -1
- package/lib/config-provider/types.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/floating-bubble/FloatingBubble.d.ts +81 -0
- package/lib/floating-bubble/FloatingBubble.js +210 -0
- package/lib/floating-bubble/index.css +1 -0
- package/lib/floating-bubble/index.d.ts +63 -0
- package/lib/floating-bubble/index.js +39 -0
- package/lib/floating-bubble/style/index.d.ts +1 -0
- package/lib/floating-bubble/style/index.js +4 -0
- package/lib/floating-bubble/types.d.ts +20 -0
- package/lib/floating-bubble/types.js +15 -0
- 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 +2 -1
- package/lib/index.js +4 -1
- package/lib/lazyload/vue-lazyload/index.d.ts +55 -55
- 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/utils/closest.d.ts +1 -0
- package/lib/utils/closest.js +27 -0
- package/lib/utils/constant.d.ts +1 -0
- package/lib/utils/constant.js +3 -1
- package/lib/utils/index.d.ts +1 -0
- package/lib/utils/index.js +1 -0
- package/lib/vue-sfc-shim.d.ts +6 -6
- package/lib/vue-tsx-shim.d.ts +23 -23
- package/lib/web-types.json +1 -1
- package/lib/zartui.cjs.js +698 -478
- package/lib/zartui.es.js +698 -478
- package/lib/zartui.js +698 -478
- package/lib/zartui.min.js +1 -1
- 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,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);
|
|
@@ -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;
|