zartui 3.1.9 → 3.1.11

package/lib/hierarchy-select/svg/SubIcon.js

@@ -21,32 +21,13 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-const SubIcon = () => (0, import_vue.createVNode)("svg", {
-  "width": "20px",
-  "height": "20px",
-  "viewBox": "0 0 20 20",
-  "version": "1.1",
-  "xmlns": "http://www.w3.org/2000/svg"
-}, [(0, import_vue.createVNode)("title", null, [(0, import_vue.createTextVNode)("-mockplus-")]), (0, import_vue.createVNode)("g", {
-  "id": "\u5343\u5206\u5236\u8BC4\u5206\u7CFB\u7EDF",
-  "stroke": "none",
-  "stroke-width": "1",
-  "fill": "none",
-  "fill-rule": "evenodd"
-}, [(0, import_vue.createVNode)("g", {
-  "id": "2-2-\u4E8C\u7EA7",
-  "transform": "translate(-303.000000, -180.000000)",
-  "fill": "#0091fa",
-  "fill-rule": "nonzero"
-}, [(0, import_vue.createVNode)("g", {
-  "id": "list",
-  "transform": "translate(0.000000, 168.000000)"
-}, [(0, import_vue.createVNode)("g", {
-  "id": "-mockplus-",
-  "transform": "translate(303.000000, 12.000000)"
-}, [(0, import_vue.createVNode)("g", {
-  "id": "ic",
-  "transform": "translate(1.000000, 1.000000)"
+const SubIcon = (bem) => (0, import_vue.createVNode)("svg", {
+  "class": bem("svg-sub-icon"),
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 14 14"
 }, [(0, import_vue.createVNode)("path", {
-  "d": "M2.14317706,0.666666667 L2.22223941,0.668944438 C2.85659925,0.701997774 3.40241118,1.14563083 3.56824813,1.77287529 C3.71984748,2.34626892 3.52076148,2.94764607 3.07824755,3.31404308 L3.01338689,3.36475861 L2.98117698,3.38692192 L2.99854276,7.96851143 L6.45837186,7.96851143 L6.4906636,7.92242957 C6.70010816,7.63994553 7.00294966,7.43994322 7.35182725,7.361073 L7.43997833,7.3439014 L7.52988313,7.33191117 L7.6692854,7.32536694 C8.3837757,7.32585828 8.99437829,7.8461057 9.11812542,8.55870349 C9.24180953,9.27093832 8.84363091,9.97085988 8.17282427,10.2188787 C7.57700711,10.4391716 6.91923866,10.2463364 6.52883188,9.76213793 L6.47945255,9.69733927 L6.457968,9.66562226 L2.99854276,9.66480927 L2.98077313,14.9931275 L6.43817909,14.9931275 L6.46054677,14.9607514 C6.78337751,14.5127274 7.32688536,14.2830957 7.86795816,14.3658534 L7.95333794,14.3815301 L8.03075658,14.4003564 C8.67421418,14.5754457 9.12114112,15.1665172 9.12114112,15.8412592 C9.12114112,16.5160012 8.67421418,17.1070728 8.03075658,17.282162 C7.46526323,17.4360366 6.87234558,17.2347803 6.51062104,16.7873487 L6.46054677,16.721767 L6.43817909,16.6890189 L2.14293988,16.689376 C1.75471326,16.689277 1.42412847,16.4204314 1.33123628,16.0433526 L1.31798598,15.9795315 L1.30932263,15.9138712 L1.30596651,15.8407337 L1.30558099,3.3881414 L1.27366107,3.36611374 C0.829669171,3.03959222 0.601729085,2.48805959 0.682853956,1.93886294 L0.698245114,1.85220024 L0.716763107,1.773617 C0.882433394,1.14570649 1.42884,0.701620365 2.06379274,0.668899133 L2.14317706,0.666666667 Z M16.4991461,14.9765217 C16.9438894,14.9769436 17.3105373,15.3322646 17.3323164,15.7826586 C17.3531195,16.212871 17.0525873,16.5872728 16.6303383,16.6599846 L16.5692105,16.6682931 L16.4968837,16.6717041 L11.4076594,16.6717041 C10.9615199,16.6705571 10.5951522,16.3154549 10.5737275,15.8648797 C10.5532819,15.4348956 10.8537702,15.0608774 11.2757903,14.9882337 L11.3368841,14.9799327 L11.409211,14.9765217 L16.4991461,14.9765217 Z M16.4991461,7.96971132 C16.9438894,7.97013329 17.3105373,8.3254543 17.3323164,8.77584828 C17.3531195,9.2060606 17.0525873,9.58046244 16.6303382,9.6531742 L16.5692105,9.66148273 L16.4968837,9.66489375 L11.4076594,9.66489375 C10.9615199,9.66374664 10.5951523,9.30864449 10.5737276,8.8580693 C10.553282,8.42808526 10.8537703,8.05406711 11.2757903,7.98142337 L11.3368841,7.97312235 L11.409211,7.96971132 L16.4991461,7.96971132 Z M16.4788602,1.09703911 C16.9326749,1.08805607 17.3101999,1.44528695 17.3323171,1.9030475 C17.353414,2.3396908 17.0437664,2.71759912 16.6148696,2.7828049 L16.5528102,2.78996537 L16.4838666,2.79218225 L6.74173256,2.79218225 C6.2955931,2.79103514 5.92922548,2.43593299 5.90780078,1.9853578 C5.88735518,1.55537376 6.18784345,1.18135561 6.60986349,1.10871187 L6.67095729,1.10041085 L6.74328413,1.09699982 L16.4788602,1.09703911 Z"
-}, null)])])])])])]);
+  "d": "M4.51454165,3.33333333 L4.57779153,3.33515555 C5.0852794,3.36159822 5.52192895,3.71650466 5.6545985,4.21830023 C5.77587798,4.67701514 5.61660918,5.15811685 5.26259804,5.45123446 L5.21070951,5.49180689 L5.18494159,5.50953754 L5.19883421,9.17480914 L7.96669749,9.17480914 L7.99253088,9.13794366 C8.16008653,8.91195643 8.40235973,8.75195457 8.6814618,8.6888584 L8.75198266,8.67512112 L8.8239065,8.66552894 L8.93542832,8.66029356 C9.50702056,8.66068663 9.99550263,9.07688456 10.0945003,9.6469628 C10.1934476,10.2167507 9.87490473,10.7766879 9.33825942,10.975103 C8.86160569,11.1513373 8.33539093,10.9970691 8.0230655,10.6097103 L7.98356204,10.5578714 L7.9663744,10.5324978 L5.19883421,10.5318474 L5.1846185,14.794502 L7.95054327,14.794502 L7.96843742,14.7686011 C8.22670201,14.410182 8.66150829,14.2264765 9.09436653,14.2926827 L9.16267035,14.3052241 L9.22460526,14.3202851 C9.73937135,14.4603565 10.0969129,14.9332138 10.0969129,15.4730074 C10.0969129,16.012801 9.73937135,16.4856582 9.22460526,16.6257296 C8.77221058,16.7488293 8.29787647,16.5878242 8.00849683,16.229879 L7.96843742,16.1774136 L7.95054327,16.1512151 L4.5143519,16.1515008 C4.20377061,16.1514216 3.93930278,15.9363451 3.86498903,15.634682 L3.85438878,15.5836252 L3.84745811,15.5310969 L3.84477321,15.4725869 L3.84446479,5.51051312 L3.81892886,5.49289099 C3.46373534,5.23167377 3.28138327,4.79044767 3.34628316,4.35109035 L3.35859609,4.28176019 L3.37341049,4.2188936 C3.50594671,3.71656519 3.943072,3.36129629 4.45103419,3.33511931 L4.51454165,3.33333333 Z M15.9993169,14.7812173 C16.3551115,14.7815549 16.6484298,15.0658117 16.6658531,15.4261269 C16.6824956,15.7702968 16.4420698,16.0698182 16.1042706,16.1279876 L16.0553684,16.1346345 L15.9975069,16.1373633 L11.9261276,16.1373633 C11.5692159,16.1364457 11.2761217,15.8523639 11.258982,15.4919037 C11.2426255,15.1479164 11.4830162,14.8487019 11.8206323,14.790587 L11.8695073,14.7839462 L11.9273688,14.7812173 L15.9993169,14.7812173 Z M15.9993169,9.17576905 C16.3551115,9.17610663 16.6484298,9.46036344 16.6658531,9.82067862 C16.6824956,10.1648485 16.4420698,10.46437 16.1042706,10.5225394 L16.0553684,10.5291862 L15.9975069,10.531915 L11.9261275,10.531915 C11.5692159,10.5309973 11.2761218,10.2469156 11.2589821,9.88645544 C11.2426256,9.54246821 11.4830162,9.24325369 11.8206323,9.18513869 L11.8695073,9.17849788 L11.9273688,9.17576905 L15.9993169,9.17576905 Z M15.9830882,3.67763129 C16.3461399,3.67044486 16.6481599,3.95622956 16.6658537,4.322438 C16.6827312,4.67175264 16.4350131,4.97407929 16.0918956,5.02624392 L16.0422482,5.03197229 L15.9870933,5.0337458 L8.19338605,5.0337458 C7.83647448,5.03282811 7.54338038,4.74874639 7.52624062,4.38828624 C7.50988414,4.04429901 7.75027476,3.74508449 8.0878908,3.68696949 L8.13676583,3.68032868 L8.1946273,3.67759985 L15.9830882,3.67763129 Z",
+  "class": bem("svg-defs-path-fill"),
+  "fill-rule": "nonzero",
+  "transform": "translate(-3.333333 -3.333333)"
+}, null)]);

package/lib/hierarchy-select/types.d.ts

@@ -1,3 +1,5 @@
+import { ComponentPublicInstance } from 'vue';
+import { HierarchySelectProps } from './HierarchySelect';
 export type HierarchyData = {
     id: string | number;
     name: string;
@@ -5,3 +7,22 @@ export type HierarchyData = {
     children?: HierarchyData[];
     [x: string]: any;
 };
+export type HierarchySelectExpose = {
+    toNodeLevel: (id: string | number, force?: boolean) => boolean;
+};
+export type HierarchySelectInstance = ComponentPublicInstance<HierarchySelectProps, HierarchySelectExpose>;
+export type HierarchySelectThemeVars = {
+    hierarchySelectColor?: string;
+    hierarchySelectDuration?: string;
+    hierarchySelectRoundIconBorder?: string;
+    hierarchySelectRoundIconBoxShadow?: string;
+    hierarchySelectRoundIconBackground?: string;
+    hierarchySelectCheckedIconColor?: string;
+    hierarchySelectCheckedIconShadow?: string;
+    hierarchySelectCheckedIconBorder?: string;
+    hierarchySelectDisabledIconShadow?: string;
+    hierarchySelectDisabledIconBorder?: string;
+    hierarchySelectDisabledCheckedIconOpacity?: string;
+    hierarchySelectDisabledIconBackground?: string;
+    hierarchyBreadcrumbLineHeight?: string;
+};

package/lib/image/index.css

@@ -1 +1 @@
-:root{--zt-image-placeholder-text-color: var(--zt-gray-a4);--zt-image-placeholder-font-size: var(--zt-font-size-md);--zt-image-placeholder-background: var(--zt-background-3);--zt-image-loading-icon-size: 32px;--zt-image-loading-icon-color: var(--zt-gray-a4);--zt-image-error-icon-size: 32px;--zt-image-error-icon-color: var(--zt-gray-a4)}.zt-image{position:relative;display:inline-block}.zt-image--round{overflow:hidden;border-radius:var(--zt-radius-max)}.zt-image--round .zt-image__img{border-radius:inherit}.zt-image--block{display:block}.zt-image__img,.zt-image__error,.zt-image__loading{display:block;width:100%;height:100%}.zt-image__error,.zt-image__loading{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--zt-image-placeholder-text-color);font-size:var(--zt-image-placeholder-font-size);background:var(--zt-image-placeholder-background)}.zt-image__loading-icon{font-size:var(--zt-image-loading-icon-size)}.zt-image__error-icon{font-size:var(--zt-image-error-icon-size)}
+:root{--zt-image-placeholder-text-color: var(--zt-gray-a4);--zt-image-placeholder-background: var(--zt-background-3);--zt-image-icon-font-size: 32px}:root[zt-theme-size=large]{--zt-image-icon-font-size: 38px}.zt-image{position:relative;display:inline-block}.zt-image--round{overflow:hidden;border-radius:var(--zt-radius-max)}.zt-image--round .zt-image__img{border-radius:inherit}.zt-image--block{display:block}.zt-image__img,.zt-image__error,.zt-image__loading{display:block;width:100%;height:100%}.zt-image__error,.zt-image__loading{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--zt-image-placeholder-text-color);font-size:var(--zt-font-size-md);background:var(--zt-image-placeholder-background)}.zt-image__loading-icon,.zt-image__error-icon{font-size:var(--zt-image-icon-font-size)}

package/lib/image/index.d.ts

@@ -70,6 +70,7 @@ export declare const Image: import("../utils").WithInstall<import("vue").DefineC
 }, {}>>;
 export default Image;
 export type { ImageFit, ImageProps } from './Image';
+export type { ImageThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtImage: typeof Image;

package/lib/image/types.d.ts

@@ -0,0 +1,5 @@
+export type ImageThemeVars = {
+    imagePlaceholderTextColor?: string;
+    imagePlaceholderBackground?: string;
+    imageIconFontSize?: string;
+};

package/lib/image/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/image-preview/ImagePreview.d.ts

@@ -195,11 +195,11 @@ declare const _default: import("vue").DefineComponent<{
     closeOnPopstate: boolean;
     closeIconPosition: PopupCloseIconPosition;
     showIndicators: boolean;
-    swipeDuration: string | number;
     minZoom: string | number;
     maxZoom: string | number;
     images: ImageItem[];
     showIndex: boolean;
+    swipeDuration: string | number;
     startPosition: string | number;
 }, {}>;
 export default _default;

package/lib/image-preview/index.css

@@ -1 +1 @@
-:root{--zt-image-preview-index-height: 48px;--zt-image-preview-index-line-height: 24px;--zt-image-preview-index-background: var(--zt-gray-a4);--zt-image-preview-index-text-color: var(--zt-white);--zt-image-preview-index-number-font-size: var(--zt-font-size-sm);--zt-image-preview-title-font-size: var(--zt-font-size-md);--zt-image-preview-overlay-background: rgba(0, 0, 0, .9);--zt-image-preview-close-icon-size: 22px;--zt-image-preview-close-icon-color: var(--zt-gray-5);--zt-image-preview-close-icon-margin: var(--zt-padding-md);--zt-image-preview-close-icon-z-index: 1}.zt-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;max-width:none;background-color:transparent;transform:none}.zt-image-preview__swipe{height:100%}.zt-image-preview__swipe-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.zt-image-preview__cover{position:absolute;top:0;left:0}.zt-image-preview__image,.zt-image-preview__image-wrap{width:100%;transition-property:transform}.zt-image-preview__image--vertical,.zt-image-preview__image-wrap--vertical{width:auto;height:100%}.zt-image-preview__image img,.zt-image-preview__image-wrap img,.zt-image-preview__image video,.zt-image-preview__image-wrap video{-webkit-user-drag:none}.zt-image-preview__image .zt-image__error,.zt-image-preview__image-wrap .zt-image__error{top:30%;height:40%}.zt-image-preview__image .zt-image__error-icon,.zt-image-preview__image-wrap .zt-image__error-icon{font-size:36px}.zt-image-preview__image .zt-image__loading,.zt-image-preview__image-wrap .zt-image__loading{background-color:transparent}.zt-image-preview__index{box-sizing:border-box;display:flex;align-items:center;position:absolute;bottom:0;left:0;width:100%;height:var(--zt-image-preview-index-height);padding:0 16px;background-color:var(--zt-image-preview-index-background);color:var(--zt-image-preview-index-text-color);overflow:hidden}.zt-image-preview__index-number{height:var(--zt-image-preview-index-line-height);background:rgba(45,75,115,.8);border-radius:2px;font-size:var(--zt-image-preview-index-number-font-size);text-align:center;line-height:var(--zt-image-preview-index-line-height);padding:0 8px}.zt-image-preview__title{flex-shrink:0;margin-left:8px;font-size:var(--zt-image-preview-title-font-size);line-height:var(--zt-image-preview-index-line-height)}.zt-image-preview__overlay{background:var(--zt-image-preview-overlay-background)}.zt-image-preview__close-icon{position:absolute;z-index:var(--zt-image-preview-close-icon-z-index);color:var(--zt-image-preview-close-icon-color);font-size:var(--zt-image-preview-close-icon-size)}.zt-image-preview__close-icon--top-left{top:var(--zt-image-preview-close-icon-margin);left:var(--zt-image-preview-close-icon-margin)}.zt-image-preview__close-icon--top-right{top:var(--zt-image-preview-close-icon-margin);right:var(--zt-image-preview-close-icon-margin)}.zt-image-preview__close-icon--bottom-left{bottom:var(--zt-image-preview-close-icon-margin);left:var(--zt-image-preview-close-icon-margin)}.zt-image-preview__close-icon--bottom-right{right:var(--zt-image-preview-close-icon-margin);bottom:var(--zt-image-preview-close-icon-margin)}
+:root{--zt-image-preview-index-height: 48px;--zt-image-preview-index-background: var(--zt-gray-a4);--zt-image-preview-index-text-color: var(--zt-white);--zt-image-preview-overlay-background: rgba(0, 0, 0, .9);--zt-image-preview-close-icon-color: var(--zt-gray-5);--zt-image-preview-close-icon-margin: var(--zt-padding-md);--zt-image-preview-close-icon-z-index: 1;--zt-image-preview-error-font-size: 36px}:root[zt-theme-size=large]{--zt-image-preview-error-font-size: 42px}.zt-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;max-width:none;background-color:transparent;transform:none}.zt-image-preview__swipe{height:100%}.zt-image-preview__swipe-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.zt-image-preview__cover{position:absolute;top:0;left:0}.zt-image-preview__image,.zt-image-preview__image-wrap{width:100%;transition-property:transform}.zt-image-preview__image--vertical,.zt-image-preview__image-wrap--vertical{width:auto;height:100%}.zt-image-preview__image img,.zt-image-preview__image-wrap img,.zt-image-preview__image video,.zt-image-preview__image-wrap video{-webkit-user-drag:none}.zt-image-preview__image .zt-image__error,.zt-image-preview__image-wrap .zt-image__error{top:30%;height:40%}.zt-image-preview__image .zt-image__error-icon,.zt-image-preview__image-wrap .zt-image__error-icon{font-size:var(--zt-image-preview-error-font-size)}.zt-image-preview__image .zt-image__loading,.zt-image-preview__image-wrap .zt-image__loading{background-color:transparent}.zt-image-preview__index{box-sizing:border-box;display:flex;align-items:center;position:absolute;bottom:0;left:0;width:100%;height:var(--zt-image-preview-index-height);padding:0 16px;background-color:var(--zt-image-preview-index-background);color:var(--zt-image-preview-index-text-color);overflow:hidden}.zt-image-preview__index-number{height:var(--zt-line-height-xl);background:rgba(45,75,115,.8);border-radius:2px;font-size:var(--zt-font-size-sm);text-align:center;line-height:var(--zt-line-height-xl);padding:0 8px}.zt-image-preview__title{flex-shrink:0;margin-left:8px;font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-xl)}.zt-image-preview__overlay{background:var(--zt-image-preview-overlay-background)}.zt-image-preview__close-icon{position:absolute;z-index:var(--zt-image-preview-close-icon-z-index);color:var(--zt-image-preview-close-icon-color);font-size:var(--zt-font-size-xxxl)}.zt-image-preview__close-icon--top-left{top:var(--zt-image-preview-close-icon-margin);left:var(--zt-image-preview-close-icon-margin)}.zt-image-preview__close-icon--top-right{top:var(--zt-image-preview-close-icon-margin);right:var(--zt-image-preview-close-icon-margin)}.zt-image-preview__close-icon--bottom-left{bottom:var(--zt-image-preview-close-icon-margin);left:var(--zt-image-preview-close-icon-margin)}.zt-image-preview__close-icon--bottom-right{right:var(--zt-image-preview-close-icon-margin);bottom:var(--zt-image-preview-close-icon-margin)}

package/lib/image-preview/index.d.ts

@@ -132,18 +132,18 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
     closeOnPopstate: boolean;
     closeIconPosition: import("..").PopupCloseIconPosition;
     showIndicators: boolean;
-    swipeDuration: string | number;
     minZoom: string | number;
     maxZoom: string | number;
     images: import("./types").ImageItem[];
     showIndex: boolean;
+    swipeDuration: string | number;
     startPosition: string | number;
 }, {}>>;
 export default ImagePreview;
 export { imagePreviewProps } from './ImagePreview';
 export { showImagePreview } from './function-call';
 export type { ImagePreviewProps };
-export type { ImageItem, ImagePreviewOptions, ImagePreviewInstance, ImagePreviewScaleEventParams, } from './types';
+export type { ImageItem, ImagePreviewOptions, ImagePreviewInstance, ImagePreviewScaleEventParams, ImagePreviewThemeVars, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtImagePreview: typeof ImagePreview;

package/lib/image-preview/types.d.ts

@@ -42,3 +42,13 @@ export type ImagePreviewExpose = {
     swipeTo: (index: number, options?: SwipeToOptions) => void;
 };
 export type ImagePreviewInstance = ComponentPublicInstance<ImagePreviewProps, ImagePreviewExpose>;
+export type ImagePreviewThemeVars = {
+    imagePreviewIndexHeight?: string;
+    imagePreviewIndexBackground?: string;
+    imagePreviewIndexTextColor?: string;
+    imagePreviewOverlayBackground?: string;
+    imagePreviewCloseIconColor?: string;
+    imagePreviewCloseIconMargin?: string;
+    imagePreviewCloseIconZIndex?: string;
+    imagePreviewErrorFontSize?: string;
+};

package/lib/index-anchor/index.css

@@ -1 +1 @@
-:root{--zt-index-anchor-z-index: 1;--zt-index-anchor-padding: 0 var(--zt-padding-md);--zt-index-anchor-text-color: var(--zt-text-color);--zt-index-anchor-font-weight: var(--zt-font-bold);--zt-index-anchor-font-size: var(--zt-font-size-md);--zt-index-anchor-line-height: 44px;--zt-index-anchor-background: transparent;--zt-index-anchor-sticky-text-color: var(--zt-primary-color);--zt-index-anchor-sticky-background: var(--zt-background-2)}.zt-index-anchor{z-index:var(--zt-index-anchor-z-index);box-sizing:border-box;padding:var(--zt-index-anchor-padding);color:var(--zt-index-anchor-text-color);font-weight:var(--zt-index-anchor-font-weight);font-size:var(--zt-index-anchor-font-size);line-height:var(--zt-index-anchor-line-height);height:var(--zt-index-anchor-line-height);background:var(--zt-index-anchor-background);position:relative;display:flex}.zt-index-anchor:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5);top:unset}.zt-index-anchor:before{position:absolute;content:"";top:14px;left:0;width:4px;height:16px;background:#0091fa}.zt-index-anchor--sticky{position:fixed;top:0;right:0;left:0;color:var(--zt-index-anchor-sticky-text-color);background:var(--zt-background)}
+:root{--zt-index-anchor-z-index: 1;--zt-index-anchor-padding: 0 var(--zt-padding-md);--zt-index-anchor-text-color: var(--zt-text-color);--zt-index-anchor-font-weight: var(--zt-font-bold);--zt-index-anchor-background: transparent;--zt-index-anchor-sticky-text-color: var(--zt-primary-color);--zt-index-anchor-height: 44px}:root[zt-theme-size=large]{--zt-index-anchor-height: 56px}.zt-index-anchor{z-index:var(--zt-index-anchor-z-index);box-sizing:border-box;padding:var(--zt-index-anchor-padding);color:var(--zt-index-anchor-text-color);font-weight:var(--zt-index-anchor-font-weight);font-size:var(--zt-font-size-md);line-height:var(--zt-index-anchor-height);height:var(--zt-index-anchor-height);background:var(--zt-index-anchor-background);position:relative;display:flex}.zt-index-anchor:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5);top:unset}.zt-index-anchor:before{position:absolute;content:"";top:14px;left:0;width:4px;height:16px;background:var(--zt-primary-color)}.zt-index-anchor--sticky{position:fixed;top:0;right:0;left:0;color:var(--zt-index-anchor-sticky-text-color);background:var(--zt-background)}

package/lib/index-anchor/types.d.ts

@@ -3,9 +3,7 @@ export type IndexAnchorThemeVars = {
     indexAnchorPadding?: string;
     indexAnchorTextColor?: string;
     indexAnchorFontWeight?: string;
-    indexAnchorFontSize?: string;
-    indexAnchorLineHeight?: number | string;
     indexAnchorBackground?: string;
     indexAnchorStickyTextColor?: string;
-    indexAnchorStickyBackground?: string;
+    indexAnchorHeight?: string;
 };

package/lib/index-bar/IndexBar.d.ts

@@ -22,6 +22,14 @@ export declare const indexBarProps: {
         type: PropType<Numeric[]>;
         default: typeof genAlphabet;
     };
+    indexBarMaxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    contractionPointText: {
+        type: PropType<string>;
+        default: string;
+    };
 };
 export type IndexBarProps = ExtractPropTypes<typeof indexBarProps>;
 export declare const INDEX_BAR_KEY: InjectionKey<IndexBarProvide>;
@@ -45,6 +53,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Numeric[]>;
         default: typeof genAlphabet;
     };
+    indexBarMaxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    contractionPointText: {
+        type: PropType<string>;
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change" | "anchorClick" | "update:activeAnchor")[], "select" | "change" | "anchorClick" | "update:activeAnchor", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     sticky: {
         type: BooleanConstructor;
@@ -65,6 +81,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Numeric[]>;
         default: typeof genAlphabet;
     };
+    indexBarMaxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    contractionPointText: {
+        type: PropType<string>;
+        default: string;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
@@ -75,5 +99,7 @@ declare const _default: import("vue").DefineComponent<{
     activeAnchor: string | number;
     stickyOffsetTop: number;
     indexList: Numeric[];
+    indexBarMaxHeight: string | number;
+    contractionPointText: string;
 }, {}>;
 export default _default;

package/lib/index-bar/IndexBar.js

@@ -29,6 +29,8 @@ var import_use = require("@zartui/use");
 var import_use_touch = require("../composables/use-touch");
 var import_use_expose = require("../composables/use-expose");
 var import_use_sync_prop_ref = require("../composables/use-sync-prop-ref");
+var import_parse = require("../utils/parse");
+var import_deep_clone = require("../utils/deep-clone");
 function genAlphabet() {
   const charCodeOfA = "A".charCodeAt(0);
   const indexList = Array(26).fill("").map((_, i) => String.fromCharCode(charCodeOfA + i));
@@ -45,9 +47,12 @@ const indexBarProps = {
   indexList: {
     type: Array,
     default: genAlphabet
-  }
+  },
+  indexBarMaxHeight: (0, import_utils.makeNumericProp)("70vh"),
+  contractionPointText: (0, import_utils.makeStringProp)("\u2022")
 };
 const INDEX_BAR_KEY = Symbol(name);
+const MIN_CONTRACTION_NUM = 2;
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: indexBarProps,
@@ -60,6 +65,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const sidebar = (0, import_vue2.ref)();
     const activeAnchor = (0, import_use_sync_prop_ref.useSyncPropRef)(() => props.activeAnchor, (value) => emit("update:activeAnchor", value));
     const touchIndex = (0, import_vue2.ref)("");
+    const indexBarMaxHeight = (0, import_vue2.computed)(() => {
+      return props.indexBarMaxHeight ? (0, import_utils.unitToPx)(props.indexBarMaxHeight) : (0, import_utils.unitToPx)("100vh");
+    });
     const touch = (0, import_use_touch.useTouch)();
     const scrollParent = (0, import_use.useScrollParent)(root);
     const {
@@ -182,54 +190,178 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     const scrollToElement = (element) => {
       const {
-        index
+        index,
+        indexMap = ""
       } = element.dataset;
-      if (index) {
-        scrollTo(index);
+      let indexValue = index;
+      if (index === props.contractionPointText) {
+        indexValue = getIndexMapStartIndexItem(indexMap);
+      }
+      if (indexValue) {
+        scrollTo(indexValue);
       }
     };
     const onClickSidebar = (event) => {
       scrollToElement(event.target);
     };
-    const renderIndexes = () => props.indexList.map((index) => {
-      const active = index === activeAnchor.value;
-      const touch2 = index === touchIndex.value;
-      return (0, import_vue.createVNode)("div", {
-        "class": bem("index"),
-        "style": active ? highlightStyle.value : void 0
-      }, [(0, import_vue.createVNode)("div", {
-        "class": bem("touch", {
-          active: touch2
-        })
-      }, [(0, import_vue.createVNode)("div", {
-        "class": bem("touch-text")
-      }, [index]), (0, import_vue.createVNode)("svg", {
-        "class": bem("icon"),
-        "xmlns": "http://www.w3.org/2000/svg",
-        "viewBox": "0 0 20 32"
-      }, [(0, import_vue.createVNode)("defs", null, [(0, import_vue.createVNode)("path", {
-        "id": "7rkhbmqvk__gc482iacwa",
-        "d": "M0 0H20V32H0z"
-      }, null)]), (0, import_vue.createVNode)("g", {
-        "fill": "none",
-        "fill-rule": "evenodd"
-      }, [(0, import_vue.createVNode)("path", {
-        "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",
-        "fill": "#8093AB",
-        "mask": "url(#7rkhbmqvk__9ahlxl93tb)"
-      }, null), (0, import_vue.createVNode)("path", {
-        "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",
-        "fill": "#8093AB",
-        "mask": "url(#7rkhbmqvk__9ahlxl93tb)"
-      }, null)])])]), (0, import_vue.createVNode)("div", {
-        "data-index": index,
-        "onClick": onClickSidebar,
-        "class": bem("index", {
-          active,
-          touch: touch2
-        })
-      }, [index])]);
-    });
+    const getIndexHeight = () => {
+      var _a, _b;
+      let indexHeight = "0";
+      if ((_a = sidebar.value) == null ? void 0 : _a.children.length) {
+        const indexElement = (_b = sidebar.value) == null ? void 0 : _b.children[0];
+        indexHeight = getComputedStyle(indexElement).height;
+      }
+      return (0, import_parse.parseNumber)(indexHeight.replace("px", ""));
+    };
+    const toContractionListByIntervals = (options) => {
+      const {
+        hiddenIndexNum,
+        renderedPointNum
+      } = options;
+      let adaptedIndexList = (0, import_deep_clone.deepClone)(props.indexList);
+      const lastIndexItem = adaptedIndexList[adaptedIndexList.length - 1];
+      const contractionList = [];
+      const contractionMapList = [];
+      const remainder = hiddenIndexNum % renderedPointNum;
+      const contractionRate = new Array(renderedPointNum).fill(Math.floor(hiddenIndexNum / renderedPointNum));
+      contractionRate[0] += remainder;
+      const NEXT_INDEX_OFFSET = 1;
+      for (let index = 0; index < renderedPointNum; index++) {
+        contractionList.push(adaptedIndexList[0]);
+        contractionList.push(props.contractionPointText);
+        contractionMapList.push(adaptedIndexList.slice(NEXT_INDEX_OFFSET, contractionRate[index] + NEXT_INDEX_OFFSET));
+        adaptedIndexList = adaptedIndexList.splice(contractionRate[index] + NEXT_INDEX_OFFSET);
+      }
+      contractionList.push(lastIndexItem);
+      return {
+        contractionList,
+        contractionMapList
+      };
+    };
+    const toContractionListByProgression = (options) => {
+      const {
+        renderedNum
+      } = options;
+      let adaptedIndexList = (0, import_deep_clone.deepClone)(props.indexList);
+      const contractionList = [];
+      const contractionMapList = [];
+      const renderedPointNum = adaptedIndexList.length - renderedNum;
+      const contractionRate = new Array(renderedPointNum).fill(MIN_CONTRACTION_NUM);
+      const intervenedIndexListPartNum = renderedPointNum + 1;
+      const intervals = Math.ceil((adaptedIndexList.length - MIN_CONTRACTION_NUM * renderedPointNum) / intervenedIndexListPartNum);
+      for (let index = 0; index < renderedPointNum; index++) {
+        const slicedIndexList = adaptedIndexList.slice(0, intervals);
+        contractionList.push(...slicedIndexList);
+        contractionMapList.push(adaptedIndexList.slice(intervals, contractionRate[index] + intervals));
+        adaptedIndexList = adaptedIndexList.splice(contractionRate[index] + intervals);
+        if (adaptedIndexList.length) {
+          contractionList.push(props.contractionPointText);
+        }
+      }
+      contractionList.push(...adaptedIndexList);
+      return {
+        contractionList,
+        contractionMapList
+      };
+    };
+    const adaptorIndexListByHeight = () => {
+      const actualIndexListHeight = props.indexList.length * getIndexHeight();
+      if (actualIndexListHeight && actualIndexListHeight > indexBarMaxHeight.value) {
+        const adaptedIndexList = (0, import_deep_clone.deepClone)(props.indexList);
+        const renderedNum = Math.floor(indexBarMaxHeight.value / getIndexHeight());
+        const renderedPointNum = Math.floor(renderedNum / MIN_CONTRACTION_NUM);
+        const renderedIndexNum = renderedNum - renderedPointNum;
+        const hiddenIndexNum = adaptedIndexList.length - renderedIndexNum;
+        if (MIN_CONTRACTION_NUM * renderedPointNum + renderedIndexNum <= adaptedIndexList.length) {
+          return toContractionListByIntervals({
+            hiddenIndexNum,
+            renderedPointNum
+          });
+        } else {
+          return toContractionListByProgression({
+            renderedNum
+          });
+        }
+      }
+      return {
+        contractionList: props.indexList,
+        contractionMapList: []
+      };
+    };
+    const getContractionPointMapList = (contractionList, contractionMapList, order) => {
+      let contractionPointOrder = 0;
+      for (let index = 0; index < order; index++) {
+        const element = contractionList[index];
+        if (element.toString() === props.contractionPointText) {
+          contractionPointOrder++;
+        }
+      }
+      return contractionMapList[contractionPointOrder];
+    };
+    const getIndexMapStartIndexItem = (indexMap) => {
+      return indexMap.split(",")[0] || "";
+    };
+    const renderIndexes = () => {
+      const {
+        contractionList,
+        contractionMapList
+      } = adaptorIndexListByHeight();
+      return contractionList.map((index, order) => {
+        let active = index === activeAnchor.value;
+        let touch2 = index === touchIndex.value;
+        let contractionPointMapList = [];
+        if (index === props.contractionPointText) {
+          contractionPointMapList = getContractionPointMapList(contractionList, contractionMapList, order);
+          active = contractionPointMapList.includes(activeAnchor.value);
+          touch2 = contractionPointMapList.includes(touchIndex.value);
+        }
+        const touchActiveText = contractionPointMapList[0] || index;
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("index"),
+          "style": active ? highlightStyle.value : void 0
+        }, [(0, import_vue.createVNode)("div", {
+          "class": bem("touch", {
+            active: touch2
+          })
+        }, [(0, import_vue.createVNode)("div", {
+          "class": bem("touch-text")
+        }, [touchActiveText]), (0, import_vue.createVNode)("svg", {
+          "xmlns": "http://www.w3.org/2000/svg",
+          "fill": "none",
+          "viewBox": "0 0 20 32",
+          "class": bem("icon")
+        }, [(0, import_vue.createVNode)("defs", null, [(0, import_vue.createVNode)("mask", {
+          "id": "ei8r0nsyx__b6fjzymnfa"
+        }, [(0, import_vue.createVNode)("rect", {
+          "width": "20",
+          "height": "32",
+          "rx": "0",
+          "fill": "#FFF"
+        }, null)])]), (0, import_vue.createVNode)("g", {
+          "mask": "url(#ei8r0nsyx__b6fjzymnfa)"
+        }, [(0, import_vue.createVNode)("rect", {
+          "width": "20",
+          "height": "32",
+          "rx": "0"
+        }, null), (0, import_vue.createVNode)("path", {
+          "d": "M-1.0000000000000497,0C7.83656,0,15,7.16344,15,16C15,24.8366,7.83656,32,-1,32L-1.0000000000000497,0Z",
+          "fill-rule": "evenodd",
+          "class": bem("icon-fill")
+        }, null), (0, import_vue.createVNode)("path", {
+          "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",
+          "fill-rule": "evenodd",
+          "class": bem("icon-fill")
+        }, null)])])]), (0, import_vue.createVNode)("div", {
+          "data-index": index,
+          "data-index-map": contractionPointMapList,
+          "onClick": onClickSidebar,
+          "class": bem("index", {
+            active,
+            touch: touch2
+          })
+        }, [index])]);
+      });
+    };
     let touchActiveIndex;
     const onTouchStart = (event) => {
       const {
@@ -239,9 +371,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const target = document.elementFromPoint(clientX, clientY);
       if (target) {
         const {
-          index = ""
+          index = "",
+          indexMap = ""
         } = target.dataset;
-        touchIndex.value = index;
+        if (index === props.contractionPointText) {
+          touchIndex.value = getIndexMapStartIndexItem(indexMap);
+        } else {
+          touchIndex.value = index;
+        }
       }
       touch.start(event);
     };
@@ -259,11 +396,16 @@ var stdin_default = (0, import_vue2.defineComponent)({
         const target = document.elementFromPoint(clientX, clientY);
         if (target) {
           const {
-            index
+            index,
+            indexMap = ""
           } = target.dataset;
-          if (index && touchActiveIndex !== index) {
-            touchActiveIndex = index;
-            touchIndex.value = index;
+          let indexValue = index;
+          if (index === props.contractionPointText) {
+            indexValue = getIndexMapStartIndexItem(indexMap);
+          }
+          if (indexValue && touchActiveIndex !== indexValue) {
+            touchActiveIndex = indexValue;
+            touchIndex.value = indexValue;
             scrollToElement(target);
           }
         }

package/lib/index-bar/index.css

@@ -1 +1 @@
-:root{--zt-index-bar-sidebar-z-index: 2;--zt-index-bar-index-font-size: var(--zt-font-size-xs);--zt-index-bar-index-line-height: var(--zt-line-height-md);--zt-index-bar-index-active-color: var(--zt-primary-color)}.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-index-bar-index-font-size);line-height:var(--zt-index-bar-index-line-height);display:flex;height:20px}.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-index-bar-index-line-height);color:var(--zt-white);background:var(--zt-primary-color);border-radius:10px}.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:16px;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}
+: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/index.d.ts

@@ -19,6 +19,14 @@ export declare const IndexBar: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("../utils").Numeric[]>;
         default: () => string[];
     };
+    indexBarMaxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    contractionPointText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change" | "anchorClick" | "update:activeAnchor")[], "select" | "change" | "anchorClick" | "update:activeAnchor", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     sticky: {
         type: BooleanConstructor;
@@ -39,6 +47,14 @@ export declare const IndexBar: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("../utils").Numeric[]>;
         default: () => string[];
     };
+    indexBarMaxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    contractionPointText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
@@ -49,6 +65,8 @@ export declare const IndexBar: import("../utils").WithInstall<import("vue").Defi
     activeAnchor: string | number;
     stickyOffsetTop: number;
     indexList: import("../utils").Numeric[];
+    indexBarMaxHeight: string | number;
+    contractionPointText: string;
 }, {}>>;
 export default IndexBar;
 export { indexBarProps } from './IndexBar';

package/lib/index-bar/types.d.ts

@@ -10,7 +10,9 @@ export type IndexBarExpose = {
 export type IndexBarInstance = ComponentPublicInstance<IndexBarProps, IndexBarExpose>;
 export type IndexBarThemeVars = {
     indexBarSidebarZIndex?: number | string;
-    indexBarIndexFontSize?: string;
-    indexBarIndexLineHeight?: number | string;
-    indexBarIndexActiveColor?: string;
+    indexBarSidebarTouchIndexBackgroundColor?: string;
 };
+export interface IndexBarContractionItem {
+    index: Numeric;
+    indexContractionMapList: Numeric[];
+}