zartui 3.1.7 → 3.1.8

package/lib/sticky/Sticky.d.ts

@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "scroll")[], "change" | "scroll", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     zIndex: (NumberConstructor | StringConstructor)[];
     position: {
         type: PropType<StickyPosition>;

package/lib/sticky/index.d.ts

@@ -13,7 +13,7 @@ export declare const Sticky: import("../utils").WithInstall<import("vue").Define
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "scroll")[], "change" | "scroll", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     zIndex: (NumberConstructor | StringConstructor)[];
     position: {
         type: import("vue").PropType<import("./Sticky").StickyPosition>;

package/lib/swipe/Swipe.js

@@ -88,7 +88,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const trackStyle = (0, import_vue2.computed)(() => {
       const style = {
         transitionDuration: `${state.swiping ? 0 : props.duration}ms`,
-        transform: `translate${props.vertical ? "Y" : "X"}(${state.offset}px)`
+        transform: `translate${props.vertical ? "Y" : "X"}(${+state.offset.toFixed(2)}px)`
       };
       if (size.value) {
         const mainAxis = props.vertical ? "height" : "width";

package/lib/swipe/index.css

@@ -1 +1 @@
-:root{--zt-swipe-indicator-size: 4px;--zt-swipe-indicator-active-opacity: 1;--zt-swipe-indicator-inactive-opacity: .4;--zt-swipe-indicator-active-background: var(--zt-white);--zt-swipe-indicator-inactive-background: var(--zt-white);--zt-swipe-title-font-size: 16px;--zt-swipe-title-color: var(--zt-white);--zt-footer-padding: 0 16px;--zt-footer-height: 44px}.zt-swipe{position:relative;overflow:hidden;transform:translateZ(0);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.zt-swipe__track{display:flex;height:100%}.zt-swipe__track--vertical{flex-direction:column}.zt-swipe__foot{background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));height:var(--zt-footer-height);position:absolute;bottom:0;width:100%;padding:var(--zt-footer-padding);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.zt-swipe__title{font-size:var(--zt-swipe-title-font-size);color:var(--zt-swipe-title-color)}.zt-swipe__indicators{display:flex}.zt-swipe__indicators--vertical{flex-direction:column}.zt-swipe__indicators--vertical .zt-swipe__indicator:not(:last-child){margin-bottom:var(--zt-swipe-indicator-size)}.zt-swipe__indicator{width:var(--zt-swipe-indicator-size);height:var(--zt-swipe-indicator-size);background-color:var(--zt-swipe-indicator-inactive-background);border-radius:100%;opacity:var(--zt-swipe-indicator-inactive-opacity);transition:opacity var(--zt-duration-fast),background-color var(--zt-duration-fast)}.zt-swipe__indicator:not(:last-child){margin-right:var(--zt-swipe-indicator-size)}.zt-swipe__indicator--active{background-color:var(--zt-swipe-indicator-active-background);opacity:var(--zt-swipe-indicator-active-opacity)}
+:root{--zt-swipe-indicator-size: 4px;--zt-swipe-indicator-active-opacity: 1;--zt-swipe-indicator-inactive-opacity: .4;--zt-swipe-indicator-active-background: var(--zt-white);--zt-swipe-indicator-inactive-background: var(--zt-white);--zt-swipe-title-font-size: 16px;--zt-swipe-title-color: var(--zt-white);--zt-footer-padding: 0 16px;--zt-footer-height: 44px}.zt-swipe{position:relative;overflow:hidden;transform:translateZ(0);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.zt-swipe__track{display:flex;height:100%;transition-property:transform}.zt-swipe__track--vertical{flex-direction:column}.zt-swipe__foot{background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));height:var(--zt-footer-height);position:absolute;bottom:0;width:100%;padding:var(--zt-footer-padding);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.zt-swipe__title{font-size:var(--zt-swipe-title-font-size);color:var(--zt-swipe-title-color)}.zt-swipe__indicators{display:flex}.zt-swipe__indicators--vertical{flex-direction:column}.zt-swipe__indicators--vertical .zt-swipe__indicator:not(:last-child){margin-bottom:var(--zt-swipe-indicator-size)}.zt-swipe__indicator{width:var(--zt-swipe-indicator-size);height:var(--zt-swipe-indicator-size);background-color:var(--zt-swipe-indicator-inactive-background);border-radius:100%;opacity:var(--zt-swipe-indicator-inactive-opacity);transition:opacity var(--zt-duration-fast),background-color var(--zt-duration-fast)}.zt-swipe__indicator:not(:last-child){margin-right:var(--zt-swipe-indicator-size)}.zt-swipe__indicator--active{background-color:var(--zt-swipe-indicator-active-background);opacity:var(--zt-swipe-indicator-active-opacity)}

package/lib/swipe-cell/SwipeCell.js

@@ -47,6 +47,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     let opened;
     let lockClick;
     let startOffset;
+    let isInBeforeClosing;
     const root = (0, import_vue2.ref)();
     const leftRef = (0, import_vue2.ref)();
     const rightRef = (0, import_vue2.ref)();
@@ -123,14 +124,22 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     const onClick = (position = "outside") => {
+      if (isInBeforeClosing)
+        return;
       emit("click", position);
       if (opened && !lockClick) {
+        isInBeforeClosing = true;
         (0, import_utils.callInterceptor)(props.beforeClose, {
           args: [{
             name: props.name,
             position
           }],
-          done: () => close(position)
+          done: () => {
+            isInBeforeClosing = false;
+            close(position);
+          },
+          canceled: () => isInBeforeClosing = false,
+          error: () => isInBeforeClosing = false
         });
       }
     };

package/lib/tabs/Tabs.d.ts

@@ -88,7 +88,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     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<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<ExtractPropTypes<{
     type: {
         type: PropType<TabsType>;
         default: TabsType;
@@ -138,12 +138,12 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:active"?: ((...args: any[]) => any) | undefined;
 }, {
     type: 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/lib/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/lib/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/lib/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/lib/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/lib/text-ellipsis/TextEllipsis.js

@@ -28,10 +28,11 @@ var import_utils = require("../utils");
 const [name, bem] = (0, import_utils.createNamespace)("text-ellipsis");
 const textEllipsisProps = {
   rows: (0, import_utils.makeNumericProp)(1),
+  dots: (0, import_utils.makeStringProp)("..."),
   content: (0, import_utils.makeStringProp)(""),
   expandText: (0, import_utils.makeStringProp)(""),
   collapseText: (0, import_utils.makeStringProp)(""),
-  highlight: (0, import_utils.makeStringProp)("")
+  position: (0, import_utils.makeStringProp)("end")
 };
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
@@ -44,6 +45,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const expanded = (0, import_vue2.ref)(false);
     const hasAction = (0, import_vue2.ref)(false);
     const root = (0, import_vue2.ref)();
+    const actionText = (0, import_vue2.computed)(() => expanded.value ? props.collapseText : props.expandText);
     const pxToNum = (value) => {
       if (!value)
         return 0;
@@ -73,23 +75,52 @@ var stdin_default = (0, import_vue2.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)
@@ -99,7 +130,7 @@ var stdin_default = (0, import_vue2.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);
@@ -113,25 +144,16 @@ var stdin_default = (0, import_vue2.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 = () => (0, import_vue.createVNode)("span", {
       "class": bem("action"),
       "onClick": onClickAction
-    }, [expanded.value ? props.collapseText : props.expandText]);
+    }, [actionText.value]);
     (0, import_vue2.onMounted)(calcEllipsised);
-    (0, import_vue2.watch)(() => [props.content, props.rows], calcEllipsised);
+    (0, import_vue2.watch)(() => [props.content, props.rows, props.position], calcEllipsised);
     (0, import_use.useEventListener)("resize", calcEllipsised);
     return () => (0, import_vue.createVNode)("div", {
       "ref": root,
       "class": bem()
-    }, [(0, import_vue.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]);
   }
 });

package/lib/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/lib/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/lib/toast/Toast.js

@@ -39,6 +39,7 @@ const toastProps = {
   duration: (0, import_utils.makeNumberProp)(2e3),
   position: (0, import_utils.makeStringProp)("middle"),
   teleport: [String, Object],
+  wordBreak: String,
   className: import_utils.unknownProp,
   iconPrefix: String,
   transition: (0, import_utils.makeStringProp)("zt-fade"),
@@ -124,7 +125,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     (0, import_vue2.onMounted)(toggleClickable);
     (0, import_vue2.onUnmounted)(toggleClickable);
     return () => (0, import_vue.createVNode)(import_popup.Popup, (0, import_vue.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/lib/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: 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--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: rgba(255, 255, 255, .1);--zt-toast-text-color: var(--zt-white)}

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/utils/interceptor.js

@@ -25,7 +25,8 @@ var import_validate = require("./validate");
 function callInterceptor(interceptor, {
   args = [],
   done,
-  canceled
+  canceled,
+  error
 }) {
   if (interceptor) {
     const returnVal = interceptor.apply(null, args);
@@ -36,7 +37,7 @@ function callInterceptor(interceptor, {
         } else if (canceled) {
           canceled();
         }
-      }).catch(import_basic.noop);
+      }).catch(error || import_basic.noop);
     } else if (returnVal) {
       done();
     } else if (canceled) {

package/lib/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/lib/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;
+  }
+}