@nutui/nutui 4.1.0-beta.1 → 4.1.0-beta.3

package/dist/packages/_es/CollapseItem.js

@@ -1,4 +1,4 @@
-import { inject, reactive, computed, getCurrentInstance, ref, watch, onMounted, toRefs, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, toDisplayString, createCommentVNode, normalizeStyle, createBlock, resolveDynamicComponent } from "vue";
+import { ref, inject, reactive, computed, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, toDisplayString, createCommentVNode, normalizeStyle, createBlock, resolveDynamicComponent } from "vue";
 import { DownArrow } from "@nutui/icons-vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
@@ -44,8 +44,9 @@ const _sfc_main = create({
       default: 180
     }
   },
-  // components: { DownArrow },
-  setup(props, ctx) {
+  setup(props) {
+    const wrapperRef = ref(null);
+    const contentRef = ref(null);
     const collapse = inject("collapseParent");
     const parent = reactive(collapse);
     const classes = computed(() => {
@@ -55,123 +56,54 @@ const _sfc_main = create({
         [prefixCls + "__border"]: props.border
       };
     });
-    const relation = (child) => {
-      if (child.proxy) {
-        parent.children.push(child.proxy);
+    const expanded = computed(() => {
+      if (parent) {
+        return parent.isExpanded(props.name);
       }
-    };
-    relation(getCurrentInstance());
-    const proxyData = reactive({
-      openExpanded: false
+      return false;
     });
-    const wrapperRef = ref(null);
-    const contentRef = ref(null);
-    const onTransitionEnd = () => {
-      const wrapperRefEle = document.getElementsByClassName("nut-collapse__item-wrapper")[0];
-      if (wrapperRefEle) {
-        wrapperRefEle.style.willChange = "auto";
-      }
+    const wrapperHeight = ref(expanded.value ? "auto" : "0px");
+    const toggle = () => {
+      parent.updateVal(props.name);
     };
-    const animation = () => {
-      const wrapperRefEle = wrapperRef.value;
-      const contentRefEle = contentRef.value;
-      if (!wrapperRefEle || !contentRefEle) {
-        return;
-      }
-      const offsetHeight = contentRefEle.offsetHeight || "auto";
-      if (offsetHeight) {
-        const contentHeight = `${offsetHeight}px`;
-        wrapperRefEle.style.willChange = "height";
-        wrapperRefEle.style.height = !proxyData.openExpanded ? 0 : contentHeight;
-      }
-      if (!proxyData.openExpanded) {
-        onTransitionEnd();
+    const onTransitionEnd = () => {
+      if (expanded.value) {
+        wrapperHeight.value = "auto";
       }
     };
     const open = () => {
-      proxyData.openExpanded = !proxyData.openExpanded;
-      animation();
-    };
-    const defaultOpen = () => {
-      open();
-    };
-    const currentName = computed(() => props.name);
-    const toggleOpen = () => {
-      if (parent.props.accordion) {
-        nextTick(() => {
-          if (currentName.value == parent.props.modelValue) {
-            open();
-          } else {
-            parent.changeVal(currentName.value);
-          }
+      wrapperHeight.value = "0px";
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          var _a;
+          const height = (_a = contentRef.value) == null ? void 0 : _a.offsetHeight;
+          wrapperHeight.value = height ? `${height}px` : "auto";
         });
-      } else {
-        parent.changeValAry(String(props.name));
-        open();
-      }
-    };
-    const changeOpen = (bol) => {
-      proxyData.openExpanded = bol;
-    };
-    const expanded = computed(() => {
-      if (parent) {
-        return parent.isExpanded(props.name);
-      }
-      return null;
-    });
-    watch(expanded, (value, oldValue) => {
-      if (value) {
-        proxyData.openExpanded = true;
-      }
-    });
-    const init = () => {
-      const { name } = props;
-      const active = parent && parent.props.modelValue;
-      nextTick(() => {
-        if (typeof active == "number" || typeof active == "string") {
-          if (name == active) {
-            defaultOpen();
-          }
-        } else if (Object.values(active) instanceof Array) {
-          const f = Object.values(active).filter((item) => item == name);
-          if (f.length > 0) {
-            defaultOpen();
-          }
-        }
       });
     };
-    onMounted(() => {
-      var observer = new MutationObserver(() => {
-        animation();
-      });
-      const ele = document.getElementsByClassName("nut-collapse__item-wrapper")[0];
-      if (ele) {
-        observer.observe(ele, {
-          childList: true,
-          subtree: true
+    const close = () => {
+      var _a;
+      const height = (_a = contentRef.value) == null ? void 0 : _a.offsetHeight;
+      wrapperHeight.value = height ? `${height}px` : "auto";
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          wrapperHeight.value = "0px";
         });
-      }
-      init();
-    });
-    const emptyContent = computed(() => {
-      let ele = contentRef.value;
-      let _class = "";
-      if (!(ele == null ? void 0 : ele.innerText)) {
-        _class = "nut-collapse__item-wrapper__content--empty";
-      }
-      return _class;
+      });
+    };
+    watch(expanded, (value) => {
+      value ? open() : close();
     });
     return {
       classes,
-      emptyContent,
-      ...toRefs(proxyData),
       renderIcon,
       wrapperRef,
       contentRef,
       open,
-      toggleOpen,
-      changeOpen,
-      animation
+      toggle,
+      wrapperHeight,
+      expanded,
+      onTransitionEnd
     };
   }
 });
@@ -193,8 +125,8 @@ const _hoisted_7 = {
 };
 const _hoisted_8 = { class: "nut-collapse__item-extraWrapper__extraRender" };
 const _hoisted_9 = {
-  class: "nut-collapse__item-wrapper",
-  ref: "wrapperRef"
+  class: "nut-collapse__item-wrapper__content",
+  ref: "contentRef"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
@@ -202,7 +134,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createElementVNode("view", {
       class: normalizeClass(["nut-collapse-item__title", { "nut-collapse-item__title--disabled": _ctx.disabled }]),
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggleOpen && _ctx.toggleOpen(...args))
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggle && _ctx.toggle(...args))
     }, [
       createElementVNode("view", _hoisted_1, [
         createElementVNode("view", _hoisted_2, [
@@ -222,8 +154,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "nut-collapse-item__title-sub"
       }, null, 8, _hoisted_6)),
       createElementVNode("view", {
-        class: normalizeClass(["nut-collapse-item__title-icon", { "nut-collapse-item__title-icon--expanded": _ctx.openExpanded }]),
-        style: normalizeStyle({ transform: "rotate(" + (_ctx.openExpanded ? _ctx.rotate : 0) + "deg)" })
+        class: normalizeClass(["nut-collapse-item__title-icon", { "nut-collapse-item__title-icon--expanded": _ctx.expanded }]),
+        style: normalizeStyle({ transform: "rotate(" + (_ctx.expanded ? _ctx.rotate : 0) + "deg)" })
       }, [
         (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.icon))))
       ], 6)
@@ -233,14 +165,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         renderSlot(_ctx.$slots, "extra")
       ])
     ])) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_9, [
-      createElementVNode("view", {
-        class: normalizeClass(["nut-collapse__item-wrapper__content", _ctx.emptyContent]),
-        ref: "contentRef"
-      }, [
+    createElementVNode("view", {
+      class: "nut-collapse__item-wrapper",
+      ref: "wrapperRef",
+      style: normalizeStyle({
+        willChange: "height",
+        height: _ctx.wrapperHeight
+      }),
+      onTransitionend: _cache[1] || (_cache[1] = (...args) => _ctx.onTransitionEnd && _ctx.onTransitionEnd(...args))
+    }, [
+      createElementVNode("view", _hoisted_9, [
         renderSlot(_ctx.$slots, "default")
-      ], 2)
-    ], 512)
+      ], 512)
+    ], 36)
   ], 2);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package/dist/packages/_es/Countdown.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { reactive, computed, onBeforeMount, watch, toRefs, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
 import { p as padZero, c as createComponent } from "./component-81a4c1d0.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
@@ -125,7 +144,7 @@ const _sfc_main = create({
         rest.s = Math.floor(ts % MINUTE / SECOND);
         rest.ms = Math.floor(ts % SECOND);
       }
-      return type == "custom" ? rest : parseFormat({ ...rest });
+      return type == "custom" ? rest : parseFormat(__spreadValues({}, rest));
     };
     const parseFormat = (time) => {
       let { d, h, m, s, ms } = time;
@@ -225,8 +244,7 @@ const _sfc_main = create({
         initTime();
       }
     );
-    return {
-      ...toRefs(props),
+    return __spreadProps(__spreadValues({}, toRefs(props)), {
       slots,
       classes,
       start,
@@ -234,7 +252,7 @@ const _sfc_main = create({
       renderTime,
       translate,
       reset
-    };
+    });
   }
 });
 const _hoisted_1 = ["innerHTML"];

package/dist/packages/_es/Countup.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { getCurrentInstance, ref, reactive, watch, nextTick, onMounted, onUnmounted, toRefs, openBlock, createElementBlock, Fragment, normalizeStyle, renderList, createCommentVNode, toDisplayString, createTextVNode } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
@@ -457,14 +476,12 @@ const _sfc_main = create({
       clearIntervalTime();
       data.timer = null;
     });
-    return {
-      ...toRefs(data),
-      ...toRefs(reactive(props)),
+    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(data)), toRefs(reactive(props))), {
       runNumberImg,
       setRef,
       topNumber,
       turnNumber
-    };
+    });
   }
 });
 const _hoisted_1 = { class: "nut-countup" };

package/dist/packages/_es/DatePicker.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { reactive, computed, onBeforeMount, watch, toRefs, resolveComponent, openBlock, createBlock, withCtx, renderSlot } from "vue";
 import Picker from "./Picker.js";
 import { c as createComponent, a as isDate$1, p as padZero } from "./component-81a4c1d0.js";
@@ -324,13 +343,12 @@ const _sfc_main = create({
         state.title = val;
       }
     );
-    return {
-      ...toRefs(state),
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
       changeHandler,
       closeHandler,
       confirm,
       columns
-    };
+    });
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {

package/dist/packages/_es/Dialog.js

@@ -1,5 +1,22 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
@@ -7,7 +24,7 @@ var __publicField = (obj, key, value) => {
 import { ref, onMounted, watch, computed, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, Fragment, createTextVNode, toDisplayString, createCommentVNode, resolveDynamicComponent, nextTick, h } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { f as funInterceptor } from "./Interceptor-956b24fc.js";
-import { P as Popup, p as popupProps } from "./index-c55ad69e.js";
+import { P as Popup, p as popupProps } from "./index-da0a7662.js";
 import Button from "./Button.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import Overlay from "./Overlay.js";
@@ -21,11 +38,10 @@ const _sfc_main = create({
     [Popup.name]: Popup,
     [Button.name]: Button
   },
-  props: {
-    ...popupProps,
+  props: __spreadProps(__spreadValues({}, popupProps), {
     closeOnClickOverlay: {
       type: Boolean,
-      default: false
+      default: true
     },
     title: {
       type: String,
@@ -80,7 +96,7 @@ const _sfc_main = create({
       type: Object
     },
     beforeClose: Function
-  },
+  }),
   emits: ["update", "update:visible", "ok", "cancel", "opened", "closed"],
   setup(props, { emit }) {
     const showPopup = ref(props.visible);
@@ -131,6 +147,11 @@ const _sfc_main = create({
       emit("ok");
       closed("ok");
     };
+    const onClickOverlay = () => {
+      if (props.closeOnClickOverlay) {
+        closed("");
+      }
+    };
     const contentStyle = computed(() => {
       return {
         textAlign: props.textAlign
@@ -142,6 +163,7 @@ const _sfc_main = create({
       onCancel,
       onOk,
       showPopup,
+      onClickOverlay,
       contentStyle,
       translate
     };
@@ -159,14 +181,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     teleport: _ctx.teleport,
     visible: _ctx.showPopup,
     "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.showPopup = $event),
-    "close-on-click-overlay": _ctx.closeOnClickOverlay,
+    "close-on-click-overlay": false,
     "lock-scroll": _ctx.lockScroll,
     "pop-class": _ctx.popClass,
     "overlay-class": _ctx.overlayClass,
     "overlay-style": _ctx.overlayStyle,
     style: normalizeStyle(_ctx.popStyle),
     round: "",
-    onClickOverlay: _ctx.closed,
+    onClickOverlay: _ctx.onClickOverlay,
     onClickCloseIcon: _ctx.closed
   }, {
     default: withCtx(() => [
@@ -222,7 +244,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)
     ]),
     _: 3
-  }, 8, ["teleport", "visible", "close-on-click-overlay", "lock-scroll", "pop-class", "overlay-class", "overlay-style", "style", "onClickOverlay", "onClickCloseIcon"]);
+  }, 8, ["teleport", "visible", "lock-scroll", "pop-class", "overlay-class", "overlay-style", "style", "onClickOverlay", "onClickCloseIcon"]);
 }
 const Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 class DialogOptions {
@@ -254,6 +276,7 @@ class DialogOptions {
     __publicField(this, "noCancelBtn", false);
     __publicField(this, "okBtnDisabled", false);
     __publicField(this, "closeOnPopstate", false);
+    __publicField(this, "closeOnClickOverlay", true);
     __publicField(this, "lockScroll", true);
   }
 }

package/dist/packages/_es/Divider.js

@@ -1,4 +1,4 @@
-import { computed, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -22,17 +22,12 @@ const _sfc_main = create({
       default: "horizontal"
     }
   },
-  components: {},
   setup(props, context) {
     const classes = computed(() => {
       const prefixCls = componentName;
-      let defaultClassesObj = {
-        [prefixCls]: true
-      };
-      let classesObj = {};
       if (props.direction === "horizontal") {
-        classesObj = {
-          ...defaultClassesObj,
+        return {
+          [prefixCls]: true,
           [`${prefixCls}-center`]: context.slots.default,
           [`${prefixCls}-left`]: props.contentPosition === "left",
           [`${prefixCls}-right`]: props.contentPosition === "right",
@@ -40,26 +35,21 @@ const _sfc_main = create({
           [`${prefixCls}-hairline`]: props.hairline
         };
       } else {
-        classesObj = {
-          ...defaultClassesObj,
+        return {
+          [prefixCls]: true,
           [`${prefixCls}-vertical`]: props.direction === "vertical"
         };
       }
-      return classesObj;
     });
     return { classes };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.direction === "horizontal" ? (openBlock(), createElementBlock("view", {
-    key: 0,
+  return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 2)) : (openBlock(), createElementBlock("view", {
-    key: 1,
-    class: normalizeClass(_ctx.classes)
-  }, null, 2));
+    _ctx.direction === "horizontal" ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)
+  ], 2);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/Elevator.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { ref, reactive, computed, onMounted, watch, nextTick, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, toDisplayString, renderSlot, withDirectives, vShow, createCommentVNode, withModifiers } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { u as useExpose } from "./index-79c5dc33.js";
@@ -174,9 +193,9 @@ const _sfc_main = create({
         context.emit("change", newVal);
       }
     );
-    return {
-      classes,
-      ...toRefs(state),
+    return __spreadProps(__spreadValues({
+      classes
+    }, toRefs(state)), {
       fixedStyle,
       clientHeight,
       setListGroup,
@@ -186,7 +205,7 @@ const _sfc_main = create({
       touchEnd,
       handleClickItem,
       handleClickIndex
-    };
+    });
   }
 });
 const _hoisted_1 = { class: "nut-elevator__list__item__code" };

package/dist/packages/_es/Ellipsis.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { ref, reactive, computed, watch, onMounted, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createTextVNode, withModifiers } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
@@ -174,7 +193,7 @@ const _sfc_main = create({
     const handleClick = () => {
       emit("click");
     };
-    return { ...toRefs(state), root, ellipsis, classes, clickHandle, handleClick };
+    return __spreadProps(__spreadValues({}, toRefs(state)), { root, ellipsis, classes, clickHandle, handleClick });
   }
 });
 const _hoisted_1 = { key: 0 };