zartui 3.1.7 → 3.1.8

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.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/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: 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/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.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;

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

@@ -111,13 +111,13 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     "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;

package/lib/button/Button.d.ts

@@ -142,11 +142,11 @@ declare const _default: import("vue").DefineComponent<{
     type: ButtonType;
     tag: keyof HTMLElementTagNameMap;
     disabled: boolean;
-    size: ButtonSize;
     round: boolean;
-    loading: boolean;
-    square: boolean;
     block: boolean;
+    size: ButtonSize;
+    square: boolean;
+    loading: boolean;
     borderLess: boolean;
     blockInner: boolean;
     plain: boolean;

package/lib/button/index.d.ts

@@ -93,11 +93,11 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     type: import("./types").ButtonType;
     tag: keyof HTMLElementTagNameMap;
     disabled: boolean;
-    size: import("./types").ButtonSize;
     round: boolean;
-    loading: boolean;
-    square: boolean;
     block: boolean;
+    size: import("./types").ButtonSize;
+    square: boolean;
+    loading: boolean;
     borderLess: boolean;
     blockInner: boolean;
     plain: boolean;

package/lib/calendar/Calendar.d.ts

@@ -282,11 +282,11 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     type: CalendarType;
     position: PopupPosition;
-    readonly: boolean;
+    round: boolean;
     show: boolean;
+    readonly: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
-    round: boolean;
     closeOnPopstate: boolean;
     safeAreaInsetTop: boolean;
     safeAreaInsetBottom: boolean;

package/lib/calendar/index.d.ts

@@ -188,11 +188,11 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
 }, {
     type: import("./types").CalendarType;
     position: import("..").PopupPosition;
-    readonly: boolean;
+    round: boolean;
     show: boolean;
+    readonly: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
-    round: boolean;
     closeOnPopstate: boolean;
     safeAreaInsetTop: boolean;
     safeAreaInsetBottom: boolean;

package/lib/cascader/Cascader.d.ts

@@ -156,10 +156,10 @@ declare const _default: import("vue").DefineComponent<{
     onFinish?: ((...args: any[]) => any) | undefined;
 }, {
     position: PopupPosition;
+    round: boolean;
     show: boolean;
     teleport: string;
     closeOnClickOverlay: boolean;
-    round: boolean;
     closeable: boolean;
     closeOnPopstate: boolean;
     safeAreaInsetTop: boolean;

package/lib/cascader/index.d.ts

@@ -103,10 +103,10 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
     onFinish?: ((...args: any[]) => any) | undefined;
 }, {
     position: import("..").PopupPosition;
+    round: boolean;
     show: boolean;
     teleport: string;
     closeOnClickOverlay: boolean;
-    round: boolean;
     closeable: boolean;
     closeOnPopstate: boolean;
     safeAreaInsetTop: boolean;

package/lib/cell/Cell.d.ts

@@ -141,10 +141,10 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     replace: boolean;
     value: string;
-    direction: CellDirection;
     center: boolean;
-    isLink: boolean;
     border: boolean;
+    direction: CellDirection;
+    isLink: boolean;
     required: boolean;
     clickable: boolean | null;
 }, {}>;

package/lib/cell/index.d.ts

@@ -71,10 +71,10 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
 }, {
     replace: boolean;
     value: string;
-    direction: import("./types").CellDirection;
     center: boolean;
-    isLink: boolean;
     border: boolean;
+    direction: import("./types").CellDirection;
+    isLink: boolean;
     required: boolean;
     clickable: boolean | null;
 }, {}>>;

package/lib/cell-group/CellGroup.d.ts

@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
 }>>, {
-    border: boolean;
     inset: boolean;
+    border: boolean;
 }, {}>;
 export default _default;

package/lib/cell-group/CellGroup.js

@@ -23,6 +23,7 @@ module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_utils = require("../utils");
+var import_use_scope_id = require("../composables/use-scope-id");
 const [name, bem] = (0, import_utils.createNamespace)("cell-group");
 const cellGroupProps = {
   title: String,
@@ -45,7 +46,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }), {
           [import_utils.BORDER_TOP_BOTTOM]: props.border && !props.inset
         }]
-      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+      }, attrs, (0, import_use_scope_id.useScopeId)()), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
     const renderTitle = () => (0, import_vue.createVNode)("div", {
       "class": bem("title", {

package/lib/cell-group/index.d.ts

@@ -13,8 +13,8 @@ export declare const CellGroup: import("../utils").WithInstall<import("vue").Def
         default: true;
     };
 }>>, {
-    border: boolean;
     inset: boolean;
+    border: boolean;
 }, {}>>;
 export default CellGroup;
 export type { CellGroupProps } from './CellGroup';