zartui 3.1.7 → 3.1.9

package/es/tabs/index.d.ts

@@ -41,7 +41,7 @@ export declare const Tabs: import("../utils").WithInstall<import("vue").DefineCo
     };
     titleActiveColor: StringConstructor;
     titleInactiveColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "scroll" | "rendered" | "clickTab" | "update:active")[], "change" | "scroll" | "rendered" | "clickTab" | "update:active", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change" | "rendered" | "clickTab" | "update:active")[], "scroll" | "change" | "rendered" | "clickTab" | "update:active", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: import("vue").PropType<import("./types").TabsType>;
         default: import("./types").TabsType;
@@ -91,12 +91,12 @@ export declare const Tabs: import("../utils").WithInstall<import("vue").DefineCo
     "onUpdate:active"?: ((...args: any[]) => any) | undefined;
 }, {
     type: import("./types").TabsType;
-    border: boolean;
-    duration: string | number;
-    lazyRender: boolean;
     ellipsis: boolean;
     sticky: boolean;
+    border: boolean;
     active: string | number;
+    duration: string | number;
+    lazyRender: boolean;
     offsetTop: string | number;
     shrink: boolean;
     animated: boolean;

package/es/tag/Tag.d.ts

@@ -110,8 +110,8 @@ declare const _default: import("vue").DefineComponent<{
     mark: boolean;
     type: TagType;
     badge: boolean;
-    show: boolean;
     round: boolean;
+    show: boolean;
     closeable: boolean;
     plain: boolean;
     badgeWidth: number;

package/es/tag/index.d.ts

@@ -72,8 +72,8 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
     mark: boolean;
     type: import("./Tag").TagType;
     badge: boolean;
-    show: boolean;
     round: boolean;
+    show: boolean;
     closeable: boolean;
     plain: boolean;
     badgeWidth: number;

package/es/text-ellipsis/TextEllipsis.d.ts

@@ -4,6 +4,10 @@ export declare const textEllipsisProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    dots: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     content: {
         type: import("vue").PropType<string>;
         default: string;
@@ -16,7 +20,7 @@ export declare const textEllipsisProps: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    highlight: {
+    position: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -27,6 +31,10 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    dots: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     content: {
         type: import("vue").PropType<string>;
         default: string;
@@ -39,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    highlight: {
+    position: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -48,6 +56,10 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    dots: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     content: {
         type: import("vue").PropType<string>;
         default: string;
@@ -60,7 +72,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    highlight: {
+    position: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -68,9 +80,10 @@ declare const _default: import("vue").DefineComponent<{
     onClickAction?: ((...args: any[]) => any) | undefined;
 }, {
     content: string;
+    position: string;
     rows: string | number;
+    dots: string;
     expandText: string;
     collapseText: string;
-    highlight: string;
 }, {}>;
 export default _default;

package/es/text-ellipsis/TextEllipsis.mjs

@@ -1,14 +1,15 @@
 import { createVNode as _createVNode } from "vue";
-import { ref, watch, onMounted, defineComponent } from "vue";
+import { ref, watch, computed, onMounted, defineComponent } from "vue";
 import { useEventListener } from "@zartui/use";
 import { makeNumericProp, makeStringProp, createNamespace } from "../utils/index.mjs";
 const [name, bem] = createNamespace("text-ellipsis");
 const textEllipsisProps = {
   rows: makeNumericProp(1),
+  dots: makeStringProp("..."),
   content: makeStringProp(""),
   expandText: makeStringProp(""),
   collapseText: makeStringProp(""),
-  highlight: makeStringProp("")
+  position: makeStringProp("end")
 };
 var stdin_default = defineComponent({
   name,
@@ -21,6 +22,7 @@ var stdin_default = defineComponent({
     const expanded = ref(false);
     const hasAction = ref(false);
     const root = ref();
+    const actionText = computed(() => expanded.value ? props.collapseText : props.expandText);
     const pxToNum = (value) => {
       if (!value)
         return 0;
@@ -50,23 +52,52 @@ var stdin_default = defineComponent({
       const calcEllipsisText = (container2, maxHeight2) => {
         const {
           content,
-          expandText
+          position,
+          dots
         } = props;
-        const dot = "...";
-        let left = 0;
-        let right = content.length;
-        let res = -1;
-        while (left <= right) {
-          const mid = Math.floor((left + right) / 2);
-          container2.innerText = content.slice(0, mid) + dot + expandText;
-          if (container2.offsetHeight <= maxHeight2) {
-            left = mid + 1;
-            res = mid;
-          } else {
-            right = mid - 1;
+        const end = content.length;
+        const calcEllipse = () => {
+          const tail = (left, right) => {
+            if (right - left <= 1) {
+              if (position === "end") {
+                return content.slice(0, left) + dots;
+              }
+              return dots + content.slice(right, end);
+            }
+            const middle2 = Math.round((left + right) / 2);
+            if (position === "end") {
+              container2.innerText = content.slice(0, middle2) + dots + actionText.value;
+            } else {
+              container2.innerText = dots + content.slice(middle2, end) + actionText.value;
+            }
+            if (container2.offsetHeight > maxHeight2) {
+              if (position === "end") {
+                return tail(left, middle2);
+              }
+              return tail(middle2, right);
+            }
+            if (position === "end") {
+              return tail(middle2, right);
+            }
+            return tail(left, middle2);
+          };
+          container2.innerText = tail(0, end);
+        };
+        const middleTail = (leftPart, rightPart) => {
+          if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
+            return content.slice(0, leftPart[0]) + dots + content.slice(rightPart[1], end);
           }
-        }
-        return content.slice(0, res) + dot;
+          const leftMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
+          const rightMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
+          container2.innerText = props.content.slice(0, leftMiddle) + props.dots + props.content.slice(rightMiddle, end) + props.expandText;
+          if (container2.offsetHeight >= maxHeight2) {
+            return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
+          }
+          return middleTail([leftMiddle, leftPart[1]], [rightPart[0], rightMiddle]);
+        };
+        const middle = 0 + end >> 1;
+        props.position === "middle" ? container2.innerText = middleTail([0, middle], [middle, end]) : calcEllipse();
+        return container2.innerText;
       };
       const container = cloneContainer();
       if (!container)
@@ -76,7 +107,7 @@ var stdin_default = defineComponent({
         paddingTop,
         lineHeight
       } = container.style;
-      const maxHeight = (Number(props.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom);
+      const maxHeight = Math.ceil((Number(props.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom));
       if (maxHeight < container.offsetHeight) {
         hasAction.value = true;
         text.value = calcEllipsisText(container, maxHeight);
@@ -90,26 +121,17 @@ var stdin_default = defineComponent({
       expanded.value = !expanded.value;
       emit("clickAction", event);
     };
-    const formatSearchKeyword = (keywords, text2) => {
-      if (!keywords)
-        return text2;
-      const replaceReg = new RegExp(keywords, "ig");
-      const replaceString = `<span style="color: #0091FA; background: rgba(0, 145, 250, 0.1);">${keywords}</span>`;
-      return text2.replace(replaceReg, replaceString);
-    };
     const renderAction = () => _createVNode("span", {
       "class": bem("action"),
       "onClick": onClickAction
-    }, [expanded.value ? props.collapseText : props.expandText]);
+    }, [actionText.value]);
     onMounted(calcEllipsised);
-    watch(() => [props.content, props.rows], calcEllipsised);
+    watch(() => [props.content, props.rows, props.position], calcEllipsised);
     useEventListener("resize", calcEllipsised);
     return () => _createVNode("div", {
       "ref": root,
       "class": bem()
-    }, [_createVNode("span", {
-      "innerHTML": formatSearchKeyword(props.highlight, expanded.value ? props.content : text.value)
-    }, null), hasAction.value ? renderAction() : null]);
+    }, [expanded.value ? props.content : text.value, hasAction.value ? renderAction() : null]);
   }
 });
 export {

package/es/text-ellipsis/index.css

@@ -1 +1 @@
-:root{--zt-text-ellipsis-line-height:calc(200% - 8px);--zt-text-ellipsis-action-color: var(--zt-blue)}.zt-text-ellipsis{line-height:var(--zt-text-ellipsis-line-height);white-space:pre-wrap;word-break:break-all}.zt-text-ellipsis__action{cursor:pointer;color:var(--zt-text-ellipsis-action-color)}.zt-text-ellipsis__action:active{opacity:var(--zt-active-opacity)}
+:root{--zt-text-ellipsis-line-height:calc(200% - 8px);--zt-text-ellipsis-action-color: var(--zt-primary-color)}.zt-text-ellipsis{line-height:var(--zt-text-ellipsis-line-height);white-space:pre-wrap;word-break:break-all}.zt-text-ellipsis__action{cursor:pointer;color:var(--zt-text-ellipsis-action-color)}.zt-text-ellipsis__action:active{opacity:var(--zt-active-opacity)}

package/es/text-ellipsis/index.d.ts

@@ -3,6 +3,10 @@ export declare const TextEllipsis: import("../utils").WithInstall<import("vue").
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    dots: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     content: {
         type: import("vue").PropType<string>;
         default: string;
@@ -15,7 +19,7 @@ export declare const TextEllipsis: import("../utils").WithInstall<import("vue").
         type: import("vue").PropType<string>;
         default: string;
     };
-    highlight: {
+    position: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -24,6 +28,10 @@ export declare const TextEllipsis: import("../utils").WithInstall<import("vue").
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    dots: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     content: {
         type: import("vue").PropType<string>;
         default: string;
@@ -36,7 +44,7 @@ export declare const TextEllipsis: import("../utils").WithInstall<import("vue").
         type: import("vue").PropType<string>;
         default: string;
     };
-    highlight: {
+    position: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -44,10 +52,11 @@ export declare const TextEllipsis: import("../utils").WithInstall<import("vue").
     onClickAction?: ((...args: any[]) => any) | undefined;
 }, {
     content: string;
+    position: string;
     rows: string | number;
+    dots: string;
     expandText: string;
     collapseText: string;
-    highlight: string;
 }, {}>>;
 export default TextEllipsis;
 export { textEllipsisProps } from './TextEllipsis';

package/es/time-picker/index.css

@@ -1 +1 @@
-:root{--zt-time-picker-cancel-margin: 8px 4px 8px 16px;--zt-time-picker-confirm-margin: 8px 16px 8px 4px;--zt-time-picker-title-height: 44px;--zt-time-picker-title-border-radius: 16px 16px 0 0;--zt-time-picker-frame-background-color: var(--zt-gray-a04);--zt-time-picker-cancel-background-color: var(--zt-white);--zt-time-picker-title-text-color: var(--zt-gray-a4);--zt-time-picker-background: var(--zt-background-2);--zt-time-picker-toolbar-height: 60px;--zt-time-picker-title-font-size: var(--zt-font-size-md);--zt-time-picker-title-line-height: var(--zt-line-height-md);--zt-time-picker-action-padding: 0 var(--zt-padding-md);--zt-time-picker-action-font-size: var(--zt-font-size-lg);--zt-time-picker-confirm-action-color: var(--zt-white);--zt-time-picker-cancel-action-color: var(--zt-text-color);--zt-time-picker-option-font-size: 24px;--zt-time-picker-option-radius: 8px;--zt-time-picker-option-padding: 0 var(--zt-padding-base);--zt-time-picker-option-text-color: var(--zt-text-color);--zt-time-picker-option-disabled-opacity: .3;--zt-time-picker-loading-icon-color: var(--zt-primary-color);--zt-time-picker-loading-mask-color: rgba(255, 255, 255, .9);--zt-time-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4));--zt-time-picker-unit-font-size: var(--zt-font-size-md);--zt-time-picker-unit-background: var(--zt-white)}.zt-theme-dark{--zt-time-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1));--zt-time-picker-unit-background: rgba(255, 255, 255, .04)}.zt-time-picker{position:relative;background:var(--zt-time-picker-background);-webkit-user-select:none;user-select:none}.zt-time-picker__toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--zt-time-picker-toolbar-height)}.zt-time-picker__cancel,.zt-time-picker__confirm{width:50%}.zt-time-picker__cancel{background:#ffffff;margin:var(--zt-time-picker-cancel-margin)}.zt-time-picker__confirm{margin:var(--zt-time-picker-confirm-margin)}.zt-time-picker__title{display:flex;justify-content:center;align-items:center;width:100%;height:var(--zt-time-picker-title-height);border-radius:var(--zt-time-picker-title-border-radius);font-size:var(--zt-time-picker-title-font-size);background:#ffffff;color:var(--zt-time-picker-title-text-color)}.zt-time-picker__columns{background:var(--zt-time-picker-background);position:relative;display:flex;cursor:-webkit-grab;cursor:grab;padding:16px 0;justify-content:space-evenly}.zt-time-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--zt-time-picker-loading-icon-color);background:var(--zt-time-picker-loading-mask-color)}.zt-time-picker__frame{position:absolute;top:50%;z-index:2;transform:translateY(-50%);pointer-events:none;width:100%;background:var(--zt-time-picker-frame-background-color)}.zt-time-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--zt-time-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.zt-time-picker__separator{position:absolute;display:flex;align-items:center;width:100%;height:100%;top:0}.zt-time-picker__colon{position:relative}.zt-time-picker__colon:only-child{left:50%}.zt-time-picker__colon:not(:only-child):first-child{left:35%}.zt-time-picker__colon:not(:only-child):last-child{left:65%}.zt-time-picker__colon:before{position:absolute;content:" ";width:6px;height:6px;border-radius:50%;background:var(--zt-gray-default);left:calc(50% - 3px);top:calc(50% - 9px)}.zt-time-picker__colon:after{position:absolute;content:" ";width:6px;height:6px;border-radius:50%;background:var(--zt-gray-default);left:calc(50% - 3px);top:calc(50% + 3px)}.zt-time-picker-column{position:relative;overflow:hidden;font-size:var(--zt-time-picker-option-font-size);background:var(--zt-gray-a04);border-radius:var(--zt-time-picker-option-radius)}.zt-time-picker-column__wrapper{transition-timing-function:cubic-bezier(.23,1,.68,1)}.zt-time-picker-column__item{display:flex;align-items:center;justify-content:center;padding:var(--zt-time-picker-option-padding);color:var(--zt-time-picker-option-text-color)}.zt-time-picker-column__item--disabled{cursor:not-allowed;opacity:var(--zt-time-picker-option-disabled-opacity)}.zt-time-picker-column__unit{position:absolute;display:flex;align-items:center;justify-content:center;background:var(--zt-time-picker-unit-background);color:var(--zt-time-picker-option-text-color);font-size:var(--zt-time-picker-option-font-size);width:100%;height:100%}.zt-time-picker-column__unit-text{margin:0 4px;font-size:var(--zt-time-picker-unit-font-size);font-weight:700}.zt-time-picker-column__arrow-top{width:16px;height:6px;position:absolute;top:8px;left:calc(50% - 8px)}.zt-time-picker-column__arrow-bottom{width:16px;height:6px;transform:rotate(180deg);position:absolute;bottom:8px;left:calc(50% - 8px)}
+:root{--zt-time-picker-cancel-margin: 8px 4px 8px 16px;--zt-time-picker-confirm-margin: 8px 16px 8px 4px;--zt-time-picker-title-height: 44px;--zt-time-picker-title-border-radius: 16px 16px 0 0;--zt-time-picker-frame-background-color: var(--zt-gray-a04);--zt-time-picker-cancel-background-color: var(--zt-white);--zt-time-picker-title-text-color: var(--zt-gray-a4);--zt-time-picker-background: var(--zt-background-2);--zt-time-picker-toolbar-height: 60px;--zt-time-picker-title-font-size: var(--zt-font-size-md);--zt-time-picker-title-line-height: var(--zt-line-height-md);--zt-time-picker-action-padding: 0 var(--zt-padding-md);--zt-time-picker-action-font-size: var(--zt-font-size-lg);--zt-time-picker-confirm-action-color: var(--zt-white);--zt-time-picker-cancel-action-color: var(--zt-text-color);--zt-time-picker-option-font-size: 24px;--zt-time-picker-option-radius: 8px;--zt-time-picker-option-padding: 0 var(--zt-padding-base);--zt-time-picker-option-text-color: var(--zt-text-color);--zt-time-picker-option-disabled-opacity: var(--zt-disabled-opacity);--zt-time-picker-loading-icon-color: var(--zt-primary-color);--zt-time-picker-loading-mask-color: rgba(255, 255, 255, .9);--zt-time-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4));--zt-time-picker-unit-font-size: var(--zt-font-size-md);--zt-time-picker-unit-background: var(--zt-white)}.zt-theme-dark{--zt-time-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1));--zt-time-picker-unit-background: rgba(255, 255, 255, .04)}.zt-time-picker{position:relative;background:var(--zt-time-picker-background);-webkit-user-select:none;user-select:none}.zt-time-picker__toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--zt-time-picker-toolbar-height)}.zt-time-picker__cancel,.zt-time-picker__confirm{width:50%}.zt-time-picker__cancel{background:#ffffff;margin:var(--zt-time-picker-cancel-margin)}.zt-time-picker__confirm{margin:var(--zt-time-picker-confirm-margin)}.zt-time-picker__title{display:flex;justify-content:center;align-items:center;width:100%;height:var(--zt-time-picker-title-height);border-radius:var(--zt-time-picker-title-border-radius);font-size:var(--zt-time-picker-title-font-size);background:#ffffff;color:var(--zt-time-picker-title-text-color)}.zt-time-picker__columns{background:var(--zt-time-picker-background);position:relative;display:flex;cursor:-webkit-grab;cursor:grab;padding:16px 0;justify-content:space-evenly}.zt-time-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--zt-time-picker-loading-icon-color);background:var(--zt-time-picker-loading-mask-color)}.zt-time-picker__frame{position:absolute;top:50%;z-index:2;transform:translateY(-50%);pointer-events:none;width:100%;background:var(--zt-time-picker-frame-background-color)}.zt-time-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--zt-time-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.zt-time-picker__separator{position:absolute;display:flex;align-items:center;width:100%;height:100%;top:0}.zt-time-picker__colon{position:relative}.zt-time-picker__colon:only-child{left:50%}.zt-time-picker__colon:not(:only-child):first-child{left:35%}.zt-time-picker__colon:not(:only-child):last-child{left:65%}.zt-time-picker__colon:before{position:absolute;content:" ";width:6px;height:6px;border-radius:50%;background:var(--zt-gray);left:calc(50% - 3px);top:calc(50% - 9px)}.zt-time-picker__colon:after{position:absolute;content:" ";width:6px;height:6px;border-radius:50%;background:var(--zt-gray);left:calc(50% - 3px);top:calc(50% + 3px)}.zt-time-picker-column{position:relative;overflow:hidden;font-size:var(--zt-time-picker-option-font-size);background:var(--zt-gray-a04);border-radius:var(--zt-time-picker-option-radius)}.zt-time-picker-column__wrapper{transition-timing-function:cubic-bezier(.23,1,.68,1)}.zt-time-picker-column__item{display:flex;align-items:center;justify-content:center;padding:var(--zt-time-picker-option-padding);color:var(--zt-time-picker-option-text-color)}.zt-time-picker-column__item--disabled{cursor:not-allowed;opacity:var(--zt-time-picker-option-disabled-opacity)}.zt-time-picker-column__unit{position:absolute;display:flex;align-items:center;justify-content:center;background:var(--zt-time-picker-unit-background);color:var(--zt-time-picker-option-text-color);font-size:var(--zt-time-picker-option-font-size);width:100%;height:100%}.zt-time-picker-column__unit-text{margin:0 4px;font-size:var(--zt-time-picker-unit-font-size);font-weight:700}.zt-time-picker-column__arrow-top{width:16px;height:6px;position:absolute;top:8px;left:calc(50% - 8px)}.zt-time-picker-column__arrow-bottom{width:16px;height:6px;transform:rotate(180deg);position:absolute;bottom:8px;left:calc(50% - 8px)}

package/es/timeline/index.css

@@ -1 +1 @@
-:root{--zt-timeline-title-color: var(--zt-gray-default);--zt-timeline-sub-title-color: var(--zt-gray-a6);--zt-timeline-content-color: var(--zt-gray-default);--zt-timeline-background: var(--zt-white);--zt-timeline-bar-background: var(--zt-primary-color);--zt-timeline-time-color: var(--zt-gray-a8)}.zt-timeline{background-color:var(--zt-timeline-background)}.zt-timeline__top-bar{height:44px;display:flex;justify-content:space-between;align-items:center}.zt-timeline__top-left{display:flex;align-items:center}.zt-timeline__bar{width:4px;height:16px;background:var(--zt-timeline-bar-background);margin-right:12px}.zt-timeline__title{font-size:16px;font-weight:700;color:var(--zt-timeline-title-color);line-height:24px}.zt-timeline__top-right{padding-right:16px;display:flex;align-items:center}.zt-timeline__top-right .zt-switch--on{background:var(--zt-timeline-bar-background)}.zt-timeline__fold-text{font-size:16px;color:var(--zt-gray-a6);line-height:24px;margin-right:8px}.zt-timeline__container{padding-top:16px}.zt-timeline__item{padding:0 16px 16px;display:flex}.zt-timeline__item.last-item .zt-timeline__line-dot,.zt-timeline__item.last-item .zt-timeline__line{height:0}.zt-timeline__item.last-item .zt-timeline__dot{border-color:var(--zt-timeline-bar-background)}.zt-timeline__left-container{margin-right:8px;display:flex;flex-direction:column;align-items:center;position:relative}.zt-timeline__right-container{flex:1}.zt-timeline__dot-container{top:5px}.zt-timeline__dot{width:12px;height:12px;background-color:#fff;border:1px solid rgba(45,75,115,.2);border-radius:50%;z-index:2}.zt-timeline__avatar-box{width:40px;height:40px;z-index:2}.zt-timeline__avatar{width:40px;height:40px;background:#0091fa;border-radius:4px;font-size:14px;font-weight:700;text-align:center;color:#fff;line-height:40px}.zt-timeline__line{background-color:#f5f5f5;width:2px;height:100%;margin-top:4px;margin-bottom:-12px}.zt-timeline__line-dot{position:absolute;background-color:#f5f5f5;width:2px;height:calc(100% + 16px)}.zt-timeline__title-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.zt-timeline__time{font-size:12px;color:var(--zt-timeline-time-color);line-height:16px}.zt-timeline__content-box{font-size:14px;color:var(--zt-timeline-content-color);line-height:20px;padding-bottom:8px}.zt-timeline__main-container{background:rgba(0,0,0,.02);border-radius:4px;padding:8px 12px}.zt-timeline__main-container:before{border-radius:4px}.zt-timeline__main-container .zt-timeline__text-bold{font-weight:700}.zt-timeline__opinion-box{padding-top:7px}.zt-timeline__opinion-label{margin-bottom:4px;font-size:14px;color:var(--zt-timeline-sub-title-color);line-height:20px}.zt-timeline__opinion{font-size:14px;color:var(--zt-timeline-content-color);line-height:20px;word-break:break-all}
+:root{--zt-timeline-title-color: var(--zt-gray);--zt-timeline-sub-title-color: var(--zt-gray-a6);--zt-timeline-content-color: var(--zt-gray);--zt-timeline-background: var(--zt-white);--zt-timeline-bar-background: var(--zt-primary-color);--zt-timeline-time-color: var(--zt-gray-a8)}.zt-timeline{background-color:var(--zt-timeline-background)}.zt-timeline__top-bar{height:44px;display:flex;justify-content:space-between;align-items:center}.zt-timeline__top-left{display:flex;align-items:center}.zt-timeline__bar{width:4px;height:16px;background:var(--zt-timeline-bar-background);margin-right:12px}.zt-timeline__title{font-size:16px;font-weight:700;color:var(--zt-timeline-title-color);line-height:24px}.zt-timeline__top-right{padding-right:16px;display:flex;align-items:center}.zt-timeline__top-right .zt-switch--on{background:var(--zt-timeline-bar-background)}.zt-timeline__fold-text{font-size:16px;color:var(--zt-gray-a6);line-height:24px;margin-right:8px}.zt-timeline__container{padding-top:16px}.zt-timeline__item{padding:0 16px 16px;display:flex}.zt-timeline__item.last-item .zt-timeline__line-dot,.zt-timeline__item.last-item .zt-timeline__line{height:0}.zt-timeline__item.last-item .zt-timeline__dot{border-color:var(--zt-timeline-bar-background)}.zt-timeline__left-container{margin-right:8px;display:flex;flex-direction:column;align-items:center;position:relative}.zt-timeline__right-container{flex:1}.zt-timeline__dot-container{top:5px}.zt-timeline__dot{width:12px;height:12px;background-color:#fff;border:1px solid rgba(45,75,115,.2);border-radius:50%;z-index:2}.zt-timeline__avatar-box{width:40px;height:40px;z-index:2}.zt-timeline__avatar{width:40px;height:40px;background:#0091fa;border-radius:4px;font-size:14px;font-weight:700;text-align:center;color:#fff;line-height:40px}.zt-timeline__line{background-color:#f5f5f5;width:2px;height:100%;margin-top:4px;margin-bottom:-12px}.zt-timeline__line-dot{position:absolute;background-color:#f5f5f5;width:2px;height:calc(100% + 16px)}.zt-timeline__title-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.zt-timeline__time{font-size:12px;color:var(--zt-timeline-time-color);line-height:16px}.zt-timeline__content-box{font-size:14px;color:var(--zt-timeline-content-color);line-height:20px;padding-bottom:8px}.zt-timeline__main-container{background:rgba(0,0,0,.02);border-radius:4px;padding:8px 12px}.zt-timeline__main-container:before{border-radius:4px}.zt-timeline__main-container .zt-timeline__text-bold{font-weight:700}.zt-timeline__opinion-box{padding-top:7px}.zt-timeline__opinion-label{margin-bottom:4px;font-size:14px;color:var(--zt-timeline-sub-title-color);line-height:20px}.zt-timeline__opinion{font-size:14px;color:var(--zt-timeline-content-color);line-height:20px;word-break:break-all}

package/es/toast/Toast.d.ts

@@ -1,6 +1,6 @@
 import type { PropType, CSSProperties, ExtractPropTypes } from 'vue';
 import { LoadingType } from '../loading';
-import type { ToastType, ToastPosition } from './types';
+import type { ToastType, ToastPosition, ToastWordBreak } from './types';
 declare const toastProps: {
     icon: StringConstructor;
     show: BooleanConstructor;
@@ -20,6 +20,7 @@ declare const toastProps: {
         default: ToastPosition;
     };
     teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    wordBreak: PropType<ToastWordBreak>;
     className: PropType<unknown>;
     iconPrefix: StringConstructor;
     transition: {
@@ -53,6 +54,7 @@ declare const _default: import("vue").DefineComponent<{
         default: ToastPosition;
     };
     teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    wordBreak: PropType<ToastWordBreak>;
     className: PropType<unknown>;
     iconPrefix: StringConstructor;
     transition: {
@@ -84,6 +86,7 @@ declare const _default: import("vue").DefineComponent<{
         default: ToastPosition;
     };
     teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    wordBreak: PropType<ToastWordBreak>;
     className: PropType<unknown>;
     iconPrefix: StringConstructor;
     transition: {
@@ -101,8 +104,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     type: ToastType;
     position: ToastPosition;
-    show: boolean;
     overlay: boolean;
+    show: boolean;
     duration: number;
     closeOnClickOverlay: boolean;
     transition: string;

package/es/toast/Toast.mjs

@@ -17,6 +17,7 @@ const toastProps = {
   duration: makeNumberProp(2e3),
   position: makeStringProp("middle"),
   teleport: [String, Object],
+  wordBreak: String,
   className: unknownProp,
   iconPrefix: String,
   transition: makeStringProp("zt-fade"),
@@ -102,7 +103,7 @@ var stdin_default = defineComponent({
     onMounted(toggleClickable);
     onUnmounted(toggleClickable);
     return () => _createVNode(Popup, _mergeProps({
-      "class": [bem([props.position, {
+      "class": [bem([props.position, props.wordBreak === "normal" ? "break-normal" : props.wordBreak, {
         [props.type]: !props.icon
       }]), props.className],
       "lockScroll": false,

package/es/toast/index.css

@@ -1 +1 @@
-:root{--zt-toast-max-width: 70%;--zt-toast-font-size: var(--zt-font-size-md);--zt-toast-text-color: var(--zt-white);--zt-toast-loading-icon-color: var(--zt-white);--zt-toast-line-height: var(--zt-line-height-md);--zt-toast-radius: var(--zt-radius-lg);--zt-toast-background: rgba(45, 75, 115, .8);--zt-toast-icon-size: 36px;--zt-toast-text-min-width: 96px;--zt-toast-text-padding: var(--zt-padding-xs) var(--zt-padding-sm);--zt-toast-default-padding: var(--zt-padding-md);--zt-toast-default-width: 88px;--zt-toast-default-min-height: 84px;--zt-toast-position-top-distance: 20%;--zt-toast-position-bottom-distance: 20%}.zt-toast{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:content-box;transition:all var(--zt-duration-fast);width:var(--zt-toast-default-width);max-width:var(--zt-toast-max-width);min-height:var(--zt-toast-default-min-height);padding:var(--zt-toast-default-padding);color:var(--zt-toast-text-color);font-size:var(--zt-toast-font-size);line-height:var(--zt-toast-line-height);white-space:pre-wrap;text-align:center;word-break:break-all;background:var(--zt-toast-background);border-radius:var(--zt-toast-radius)}.zt-toast--unclickable{overflow:hidden;cursor:not-allowed}.zt-toast--unclickable *{pointer-events:none}.zt-toast--text,.zt-toast--html{width:-webkit-fit-content;width:fit-content;min-width:var(--zt-toast-text-min-width);min-height:0;padding:var(--zt-toast-text-padding)}.zt-toast--text .zt-toast__text,.zt-toast--html .zt-toast__text{margin-top:0}.zt-toast--top{top:var(--zt-toast-position-top-distance)}.zt-toast--bottom{top:auto;bottom:var(--zt-toast-position-bottom-distance)}.zt-toast__icon{font-size:var(--zt-toast-icon-size)}.zt-toast__loading{padding:var(--zt-padding-base);color:var(--zt-toast-loading-icon-color)}.zt-toast__text{margin-top:var(--zt-padding-xs)}.zt-theme-dark{--zt-toast-background: rgba(255, 255, 255, .1);--zt-toast-text-color: var(--zt-white)}
+:root{--zt-toast-max-width: 70%;--zt-toast-font-size: var(--zt-font-size-md);--zt-toast-text-color: var(--zt-white);--zt-toast-loading-icon-color: var(--zt-white);--zt-toast-line-height: var(--zt-line-height-md);--zt-toast-radius: var(--zt-radius-lg);--zt-toast-background: var(--zt-gray-a8);--zt-toast-icon-size: 36px;--zt-toast-text-min-width: 96px;--zt-toast-text-padding: var(--zt-padding-xs) var(--zt-padding-sm);--zt-toast-default-padding: var(--zt-padding-md);--zt-toast-default-width: 88px;--zt-toast-default-min-height: 84px;--zt-toast-position-top-distance: 20%;--zt-toast-position-bottom-distance: 20%}.zt-toast{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:content-box;transition:all var(--zt-duration-fast);width:var(--zt-toast-default-width);max-width:var(--zt-toast-max-width);min-height:var(--zt-toast-default-min-height);padding:var(--zt-toast-default-padding);color:var(--zt-toast-text-color);font-size:var(--zt-toast-font-size);line-height:var(--zt-toast-line-height);white-space:pre-wrap;text-align:center;word-break:break-all;background:var(--zt-toast-background);border-radius:var(--zt-toast-radius)}.zt-toast--break-normal{word-break:normal;word-wrap:normal}.zt-toast--break-word{word-break:normal;word-wrap:break-word}.zt-toast--unclickable{overflow:hidden;cursor:not-allowed}.zt-toast--unclickable *{pointer-events:none}.zt-toast--text,.zt-toast--html{width:-webkit-fit-content;width:fit-content;min-width:var(--zt-toast-text-min-width);min-height:0;padding:var(--zt-toast-text-padding)}.zt-toast--text .zt-toast__text,.zt-toast--html .zt-toast__text{margin-top:0}.zt-toast--top{top:var(--zt-toast-position-top-distance)}.zt-toast--bottom{top:auto;bottom:var(--zt-toast-position-bottom-distance)}.zt-toast__icon{font-size:var(--zt-toast-icon-size)}.zt-toast__loading{padding:var(--zt-padding-base);color:var(--zt-toast-loading-icon-color)}.zt-toast__text{margin-top:var(--zt-padding-xs)}.zt-theme-dark{--zt-toast-background: var(--zt-gray-a1)}

package/es/toast/index.d.ts

@@ -17,6 +17,7 @@ export declare const Toast: import("../utils").WithInstall<import("vue").DefineC
         default: import("./types").ToastPosition;
     };
     teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    wordBreak: import("vue").PropType<import("./types").ToastWordBreak>;
     className: import("vue").PropType<unknown>;
     iconPrefix: StringConstructor;
     transition: {
@@ -48,6 +49,7 @@ export declare const Toast: import("../utils").WithInstall<import("vue").DefineC
         default: import("./types").ToastPosition;
     };
     teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    wordBreak: import("vue").PropType<import("./types").ToastWordBreak>;
     className: import("vue").PropType<unknown>;
     iconPrefix: StringConstructor;
     transition: {
@@ -65,8 +67,8 @@ export declare const Toast: import("../utils").WithInstall<import("vue").DefineC
 }, {
     type: import("./types").ToastType;
     position: import("./types").ToastPosition;
-    show: boolean;
     overlay: boolean;
+    show: boolean;
     duration: number;
     closeOnClickOverlay: boolean;
     transition: string;
@@ -76,7 +78,7 @@ export declare const Toast: import("../utils").WithInstall<import("vue").DefineC
 export default Toast;
 export { showToast, closeToast, showFailToast, showLoadingToast, showSuccessToast, allowMultipleToast, setToastDefaultOptions, resetToastDefaultOptions, } from './function-call';
 export type { ToastProps } from './Toast';
-export type { ToastType, ToastOptions, ToastPosition } from './types';
+export type { ToastType, ToastOptions, ToastPosition, ToastWordBreak, ToastWrapperInstance, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtToast: typeof Toast;

package/es/toast/types.d.ts

@@ -3,6 +3,7 @@ import type { LoadingType } from '../loading';
 import type { Numeric } from '../utils';
 export type ToastType = 'text' | 'loading' | 'success' | 'warning' | 'html';
 export type ToastPosition = 'top' | 'middle' | 'bottom';
+export type ToastWordBreak = 'break-all' | 'break-word' | 'normal';
 export type ToastOptions = {
     icon?: string;
     type?: ToastType;
@@ -18,6 +19,7 @@ export type ToastOptions = {
     className?: unknown;
     transition?: string;
     iconPrefix?: string;
+    wordBreak?: ToastWordBreak;
     loadingType?: LoadingType;
     forbidClick?: boolean;
     closeOnClick?: boolean;

package/es/uploader/Uploader.d.ts

@@ -197,10 +197,10 @@ declare const _default: import("vue").DefineComponent<{
     name: string | number;
     disabled: boolean;
     accept: string;
+    multiple: boolean;
     modelValue: UploaderFileListItem[];
     readonly: boolean;
     lazyLoad: boolean;
-    multiple: boolean;
     resultType: UploaderResultType;
     maxCount: string | number;
     imageFit: ImageFit;

package/es/uploader/index.css

@@ -1 +1 @@
-:root{--zt-uploader-size: 80px;--zt-uploader-icon-size: 24px;--zt-uploader-icon-color: var(--zt-gray-4);--zt-uploader-text-color: var(--zt-text-color-2);--zt-uploader-text-font-size: var(--zt-font-size-sm);--zt-uploader-upload-background: var(--zt-gray-1);--zt-uploader-upload-active-color: var(--zt-active-color);--zt-uploader-delete-color: var(--zt-white);--zt-uploader-delete-icon-size: 14px;--zt-uploader-delete-background: rgba(0, 0, 0, .7);--zt-uploader-file-background: var(--zt-background);--zt-uploader-file-icon-size: 20px;--zt-uploader-file-icon-color: var(--zt-gray-7);--zt-uploader-file-name-padding: 0 var(--zt-padding-base);--zt-uploader-file-name-margin-top: var(--zt-padding-xs);--zt-uploader-file-name-font-size: var(--zt-font-size-sm);--zt-uploader-file-name-text-color: var(--zt-gray-7);--zt-uploader-mask-text-color: var(--zt-white);--zt-uploader-mask-background: rgba(50, 50, 51, .88);--zt-uploader-mask-icon-size: 22px;--zt-uploader-mask-message-font-size: var(--zt-font-size-sm);--zt-uploader-mask-message-line-height: var(--zt-line-height-xs);--zt-uploader-loading-icon-size: 22px;--zt-uploader-loading-icon-color: var(--zt-white);--zt-uploader-disabled-opacity: var(--zt-disabled-opacity)}.zt-uploader{position:relative;display:inline-block}.zt-uploader__wrapper{display:flex;flex-wrap:wrap}.zt-uploader__wrapper--disabled{opacity:var(--zt-uploader-disabled-opacity)}.zt-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.zt-uploader__input-wrapper{position:relative}.zt-uploader__input:disabled{cursor:not-allowed}.zt-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--zt-uploader-size);height:var(--zt-uploader-size);margin:0 var(--zt-padding-xs) var(--zt-padding-xs) 0;background:var(--zt-uploader-upload-background)}.zt-uploader__upload:active{background-color:var(--zt-uploader-upload-active-color)}.zt-uploader__upload--readonly:active{background-color:var(--zt-uploader-upload-background)}.zt-uploader__upload-icon{color:var(--zt-uploader-icon-color);font-size:var(--zt-uploader-icon-size)}.zt-uploader__upload-text{margin-top:var(--zt-padding-xs);color:var(--zt-uploader-text-color);font-size:var(--zt-uploader-text-font-size)}.zt-uploader__preview{position:relative;margin:0 var(--zt-padding-xs) var(--zt-padding-xs) 0;cursor:pointer}.zt-uploader__preview-image{display:block;width:var(--zt-uploader-size);height:var(--zt-uploader-size);overflow:hidden}.zt-uploader__preview-delete{position:absolute;top:0;right:0}.zt-uploader__preview-delete--shadow{width:var(--zt-uploader-delete-icon-size);height:var(--zt-uploader-delete-icon-size);background:var(--zt-uploader-delete-background);border-radius:0 0 0 12px}.zt-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--zt-uploader-delete-color);font-size:var(--zt-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.zt-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.zt-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--zt-uploader-mask-text-color);background:var(--zt-uploader-mask-background)}.zt-uploader__mask-icon{font-size:var(--zt-uploader-mask-icon-size)}.zt-uploader__mask-message{margin-top:6px;padding:0 var(--zt-padding-base);font-size:var(--zt-uploader-mask-message-font-size);line-height:var(--zt-uploader-mask-message-line-height)}.zt-uploader__loading{width:var(--zt-uploader-loading-icon-size);height:var(--zt-uploader-loading-icon-size);color:var(--zt-uploader-loading-icon-color)}.zt-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--zt-uploader-size);height:var(--zt-uploader-size);background:var(--zt-uploader-file-background)}.zt-uploader__file-icon{color:var(--zt-uploader-file-icon-color);font-size:var(--zt-uploader-file-icon-size)}.zt-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--zt-uploader-file-name-margin-top);padding:var(--zt-uploader-file-name-padding);color:var(--zt-uploader-file-name-text-color);font-size:var(--zt-uploader-file-name-font-size);text-align:center}
+:root{--zt-uploader-size: 80px;--zt-uploader-icon-size: 24px;--zt-uploader-icon-color: var(--zt-gray-4);--zt-uploader-text-color: var(--zt-gray-a2);--zt-uploader-text-font-size: var(--zt-font-size-sm);--zt-uploader-upload-background: var(--zt-gray-a1);--zt-uploader-upload-active-color: var(--zt-active-color);--zt-uploader-delete-color: var(--zt-white);--zt-uploader-delete-icon-size: 14px;--zt-uploader-delete-background: rgba(0, 0, 0, .7);--zt-uploader-file-background: var(--zt-background);--zt-uploader-file-icon-size: 20px;--zt-uploader-file-icon-color: var(--zt-gray-7);--zt-uploader-file-name-padding: 0 var(--zt-padding-base);--zt-uploader-file-name-margin-top: var(--zt-padding-xs);--zt-uploader-file-name-font-size: var(--zt-font-size-sm);--zt-uploader-file-name-text-color: var(--zt-gray-7);--zt-uploader-mask-text-color: var(--zt-white);--zt-uploader-mask-background: rgba(50, 50, 51, .88);--zt-uploader-mask-icon-size: 22px;--zt-uploader-mask-message-font-size: var(--zt-font-size-sm);--zt-uploader-mask-message-line-height: var(--zt-line-height-xs);--zt-uploader-loading-icon-size: 22px;--zt-uploader-loading-icon-color: var(--zt-white);--zt-uploader-disabled-opacity: var(--zt-disabled-opacity)}.zt-uploader{position:relative;display:inline-block}.zt-uploader__wrapper{display:flex;flex-wrap:wrap}.zt-uploader__wrapper--disabled{opacity:var(--zt-uploader-disabled-opacity)}.zt-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.zt-uploader__input-wrapper{position:relative}.zt-uploader__input:disabled{cursor:not-allowed}.zt-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--zt-uploader-size);height:var(--zt-uploader-size);margin:0 var(--zt-padding-xs) var(--zt-padding-xs) 0;background:var(--zt-uploader-upload-background)}.zt-uploader__upload:active{background-color:var(--zt-uploader-upload-active-color)}.zt-uploader__upload--readonly:active{background-color:var(--zt-uploader-upload-background)}.zt-uploader__upload-icon{color:var(--zt-uploader-icon-color);font-size:var(--zt-uploader-icon-size)}.zt-uploader__upload-text{margin-top:var(--zt-padding-xs);color:var(--zt-uploader-text-color);font-size:var(--zt-uploader-text-font-size)}.zt-uploader__preview{position:relative;margin:0 var(--zt-padding-xs) var(--zt-padding-xs) 0;cursor:pointer}.zt-uploader__preview-image{display:block;width:var(--zt-uploader-size);height:var(--zt-uploader-size);overflow:hidden}.zt-uploader__preview-delete{position:absolute;top:0;right:0}.zt-uploader__preview-delete--shadow{width:var(--zt-uploader-delete-icon-size);height:var(--zt-uploader-delete-icon-size);background:var(--zt-uploader-delete-background);border-radius:0 0 0 12px}.zt-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--zt-uploader-delete-color);font-size:var(--zt-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.zt-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.zt-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--zt-uploader-mask-text-color);background:var(--zt-uploader-mask-background)}.zt-uploader__mask-icon{font-size:var(--zt-uploader-mask-icon-size)}.zt-uploader__mask-message{margin-top:6px;padding:0 var(--zt-padding-base);font-size:var(--zt-uploader-mask-message-font-size);line-height:var(--zt-uploader-mask-message-line-height)}.zt-uploader__loading{width:var(--zt-uploader-loading-icon-size);height:var(--zt-uploader-loading-icon-size);color:var(--zt-uploader-loading-icon-color)}.zt-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--zt-uploader-size);height:var(--zt-uploader-size);background:var(--zt-uploader-file-background)}.zt-uploader__file-icon{color:var(--zt-uploader-file-icon-color);font-size:var(--zt-uploader-file-icon-size)}.zt-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--zt-uploader-file-name-margin-top);padding:var(--zt-uploader-file-name-padding);color:var(--zt-uploader-file-name-text-color);font-size:var(--zt-uploader-file-name-font-size);text-align:center}

package/es/uploader/index.d.ts

@@ -130,10 +130,10 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
     name: string | number;
     disabled: boolean;
     accept: string;
+    multiple: boolean;
     modelValue: import("./types").UploaderFileListItem[];
     readonly: boolean;
     lazyLoad: boolean;
-    multiple: boolean;
     resultType: import("./types").UploaderResultType;
     maxCount: string | number;
     imageFit: import("..").ImageFit;

package/es/utils/interceptor.d.ts

@@ -1,6 +1,7 @@
 export type Interceptor = (...args: any[]) => Promise<boolean> | boolean | undefined | void;
-export declare function callInterceptor(interceptor: Interceptor | undefined, { args, done, canceled, }: {
+export declare function callInterceptor(interceptor: Interceptor | undefined, { args, done, canceled, error, }: {
     args?: unknown[];
     done: () => void;
     canceled?: () => void;
+    error?: () => void;
 }): void;

package/es/utils/interceptor.mjs

@@ -3,7 +3,8 @@ import { isPromise } from "./validate.mjs";
 function callInterceptor(interceptor, {
   args = [],
   done,
-  canceled
+  canceled,
+  error
 }) {
   if (interceptor) {
     const returnVal = interceptor.apply(null, args);
@@ -14,7 +15,7 @@ function callInterceptor(interceptor, {
         } else if (canceled) {
           canceled();
         }
-      }).catch(noop);
+      }).catch(error || noop);
     } else if (returnVal) {
       done();
     } else if (canceled) {

package/es/vue-sfc-shim.d.ts

@@ -1,6 +1,6 @@
-declare module '*.vue' {
-  // eslint-disable-next-line
-  import { DefineComponent } from 'vue';
-  const Component: DefineComponent;
-  export default Component;
-}
+declare module '*.vue' {
+  // eslint-disable-next-line
+  import { DefineComponent } from 'vue';
+  const Component: DefineComponent;
+  export default Component;
+}

package/es/vue-tsx-shim.d.ts

@@ -1,23 +1,23 @@
-import 'vue';
-
-type EventHandler = (...args: any[]) => void;
-
-declare module 'vue' {
-  interface ComponentCustomProps {
-    id?: string;
-    role?: string;
-    tabindex?: number;
-    onClick?: EventHandler;
-    onTouchend?: EventHandler;
-    onTouchmove?: EventHandler;
-    onTouchstart?: EventHandler;
-    onTouchcancel?: EventHandler;
-    onTouchmovePassive?: EventHandler;
-    onTouchstartPassive?: EventHandler;
-  }
-
-  interface HTMLAttributes {
-    onTouchmovePassive?: EventHandler;
-    onTouchstartPassive?: EventHandler;
-  }
-}
+import 'vue';
+
+type EventHandler = (...args: any[]) => void;
+
+declare module 'vue' {
+  interface ComponentCustomProps {
+    id?: string;
+    role?: string;
+    tabindex?: number;
+    onClick?: EventHandler;
+    onTouchend?: EventHandler;
+    onTouchmove?: EventHandler;
+    onTouchstart?: EventHandler;
+    onTouchcancel?: EventHandler;
+    onTouchmovePassive?: EventHandler;
+    onTouchstartPassive?: EventHandler;
+  }
+
+  interface HTMLAttributes {
+    onTouchmovePassive?: EventHandler;
+    onTouchstartPassive?: EventHandler;
+  }
+}

package/lib/action-sheet/ActionSheet.d.ts

@@ -177,13 +177,13 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
 }, {
-    show: boolean;
     overlay: boolean;
+    round: boolean;
+    show: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    round: boolean;
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;