@nutui/nutui 3.2.2 → 3.2.4-beta.0

package/dist/packages/_es/Button.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Calendar.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -171,7 +171,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           name: "btn",
           fn: withCtx(() => [
             renderSlot(_ctx.$slots, "btn")
-          ])
+          ]),
+          key: "0"
         } : void 0,
         _ctx.dayInfo ? {
           name: "day",
@@ -179,7 +180,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             renderSlot(_ctx.$slots, "day", {
               date: date.date
             })
-          ])
+          ]),
+          key: "1"
         } : void 0,
         _ctx.topInfo ? {
           name: "topInfo",
@@ -187,7 +189,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             renderSlot(_ctx.$slots, "topInfo", {
               date: date.date
             })
-          ])
+          ]),
+          key: "2"
         } : void 0,
         _ctx.bottomInfo ? {
           name: "bottomInfo",
@@ -195,7 +198,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             renderSlot(_ctx.$slots, "bottomInfo", {
               date: date.date
             })
-          ])
+          ]),
+          key: "3"
         } : void 0
       ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "onUpdate", "onClose", "onChoose", "onSelect", "show-today", "show-title", "show-sub-title", "to-date-animation"])) : createCommentVNode("", true)
     ]),
@@ -226,7 +230,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       name: "btn",
       fn: withCtx(() => [
         renderSlot(_ctx.$slots, "btn")
-      ])
+      ]),
+      key: "0"
     } : void 0,
     _ctx.dayInfo ? {
       name: "day",
@@ -234,7 +239,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         renderSlot(_ctx.$slots, "day", {
           date: date.date
         })
-      ])
+      ]),
+      key: "1"
     } : void 0,
     _ctx.topInfo ? {
       name: "topInfo",
@@ -242,7 +248,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         renderSlot(_ctx.$slots, "topInfo", {
           date: date.date
         })
-      ])
+      ]),
+      key: "2"
     } : void 0,
     _ctx.bottomInfo ? {
       name: "bottomInfo",
@@ -250,7 +257,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         renderSlot(_ctx.$slots, "bottomInfo", {
           date: date.date
         })
-      ])
+      ]),
+      key: "3"
     } : void 0
   ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "onUpdate", "onClose", "onChoose", "onSelect", "show-today", "show-title", "show-sub-title", "to-date-animation"]));
 }

package/dist/packages/_es/CalendarItem.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Card.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Cascader.js

@@ -1,37 +1,5 @@
-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 __restKey = (key) => typeof key === "symbol" ? key : key + "";
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -45,16 +13,16 @@ import "./Icon.js";
 import "./pxCheck.js";
 const formatTree = (tree, parent, config) => tree.map((node) => {
   const { value: valueKey = "value", text: textKey = "text", children: childrenKey = "children" } = config;
-  const _a = node, { [valueKey]: value, [textKey]: text, [childrenKey]: children } = _a, others = __objRest(_a, [__restKey(valueKey), __restKey(textKey), __restKey(childrenKey)]);
-  const newNode = __spreadProps(__spreadValues({
-    loading: false
-  }, others), {
+  const { [valueKey]: value, [textKey]: text, [childrenKey]: children, ...others } = node;
+  const newNode = {
+    loading: false,
+    ...others,
     level: parent ? (parent && parent.level || 0) + 1 : 0,
     value,
     text,
     children,
     _parent: parent
-  });
+  };
   if (newNode.children && newNode.children.length) {
     newNode.children = formatTree(newNode.children, newNode, config);
   }
@@ -79,12 +47,15 @@ const defaultConvertConfig = {
   sortKey: ""
 };
 const convertListToOptions = (list, options) => {
-  const mergedOptions = __spreadValues(__spreadValues({}, defaultConvertConfig), options || {});
+  const mergedOptions = {
+    ...defaultConvertConfig,
+    ...options || {}
+  };
   const { topId, idKey, pidKey, sortKey } = mergedOptions;
   let result = [];
   let map = {};
   list.forEach((node) => {
-    node = __spreadValues({}, node);
+    node = { ...node };
     const { [idKey]: id, [pidKey]: pid } = node;
     const children = map[pid] = map[pid] || [];
     if (!result.length && pid === topId) {
@@ -105,11 +76,12 @@ const convertListToOptions = (list, options) => {
 };
 class Tree {
   constructor(nodes, config) {
-    this.config = __spreadValues({
+    this.config = {
       value: "value",
       text: "text",
-      children: "children"
-    }, config || {});
+      children: "children",
+      ...config || {}
+    };
     this.nodes = formatTree(nodes, null, this.config);
   }
   updateChildren(nodes, parent) {
@@ -348,7 +320,7 @@ const _sfc_main$1 = create$1({
       },
       handleTabClick(tab) {
         currentProcessNode = null;
-        tabsCursor.value = tab.paneKey;
+        tabsCursor.value = Number(tab.paneKey);
       },
       formatTabTitle(pane) {
         return pane.selectedNode ? pane.selectedNode.text : translate("select");
@@ -357,24 +329,34 @@ const _sfc_main$1 = create$1({
         return pane.selectedNode && pane.selectedNode.value === node.value;
       }
     };
-    watch([configs, () => props.options], () => {
-      init();
-    }, {
-      deep: true,
-      immediate: true
-    });
-    watch(() => props.modelValue, (value) => {
-      if (value !== innerValue.value) {
-        innerValue.value = value;
-        syncValue();
+    watch(
+      [configs, () => props.options],
+      () => {
+        init();
+      },
+      {
+        deep: true,
+        immediate: true
       }
-    });
-    watch(() => props.visible, (val) => {
-      if (val && Array.isArray(innerValue.value) && innerValue.value.length > 0) {
-        syncValue();
+    );
+    watch(
+      () => props.modelValue,
+      (value) => {
+        if (value !== innerValue.value) {
+          innerValue.value = value;
+          syncValue();
+        }
       }
-    });
-    return __spreadValues({ panes, initLoading, tabsCursor }, methods);
+    );
+    watch(
+      () => props.visible,
+      (val) => {
+        if (val && Array.isArray(innerValue.value) && innerValue.value.length > 0) {
+          syncValue();
+        }
+      }
+    );
+    return { panes, initLoading, tabsCursor, ...methods };
   }
 });
 const _hoisted_1$1 = {
@@ -447,7 +429,8 @@ const _sfc_main = create({
   components: {
     [CascaderItem.name]: CascaderItem
   },
-  props: __spreadProps(__spreadValues({}, popupProps), {
+  props: {
+    ...popupProps,
     modelValue: Array,
     visible: Boolean,
     title: String,
@@ -469,8 +452,12 @@ const _sfc_main = create({
       type: String,
       default: "children"
     },
+    poppable: {
+      type: Boolean,
+      default: true
+    },
     convertConfig: Object
-  }),
+  },
   emits: ["update:modelValue", "change", "pathChange", "update:visible"],
   setup(props, { emit }) {
     const innerValue = ref(props.modelValue);
@@ -491,11 +478,14 @@ const _sfc_main = create({
     const onPathChange = (pathNodes) => {
       emit("pathChange", pathNodes);
     };
-    watch(() => props.modelValue, (value) => {
-      if (value !== innerValue.value) {
-        innerValue.value = value;
+    watch(
+      () => props.modelValue,
+      (value) => {
+        if (value !== innerValue.value) {
+          innerValue.value = value;
+        }
       }
-    });
+    );
     return {
       onChange,
       onPathChange,
@@ -508,7 +498,8 @@ const _hoisted_1 = ["innerHTML"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_cascader_item = resolveComponent("nut-cascader-item");
   const _component_nut_popup = resolveComponent("nut-popup");
-  return openBlock(), createBlock(_component_nut_popup, {
+  return _ctx.poppable ? (openBlock(), createBlock(_component_nut_popup, {
+    key: 0,
     visible: _ctx.innerVisible,
     "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.innerVisible = $event),
     position: "bottom",
@@ -540,7 +531,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["onChange", "onPathChange", "modelValue", "options", "lazy", "lazy-load", "value-key", "text-key", "children-key", "convert-config", "visible"])
     ]),
     _: 1
-  }, 8, ["visible", "closeable", "close-icon", "close-icon-position"]);
+  }, 8, ["visible", "closeable", "close-icon", "close-icon-position"])) : (openBlock(), createBlock(_component_nut_cascader_item, {
+    key: 1,
+    onChange: _ctx.onChange,
+    onPathChange: _ctx.onPathChange,
+    modelValue: _ctx.innerValue,
+    options: _ctx.options,
+    lazy: _ctx.lazy,
+    "lazy-load": _ctx.lazyLoad,
+    "value-key": _ctx.valueKey,
+    "text-key": _ctx.textKey,
+    "children-key": _ctx.childrenKey,
+    "convert-config": _ctx.convertConfig,
+    visible: _ctx.innerVisible
+  }, null, 8, ["onChange", "onPathChange", "modelValue", "options", "lazy", "lazy-load", "value-key", "text-key", "children-key", "convert-config", "visible"]));
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { index as default };

package/dist/packages/_es/Category.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/CategoryPane.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Cell.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/CellGroup.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Checkbox.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -86,13 +86,16 @@ const component = (componentName2, nutIcon) => {
         emit("update:modelValue", value);
         emit("change", value, label);
       };
-      watch(() => props.modelValue, (v) => {
-        if (updateType == "click") {
-          updateType = "";
-        } else {
-          emit("change", v);
+      watch(
+        () => props.modelValue,
+        (v) => {
+          if (updateType == "click") {
+            updateType = "";
+          } else {
+            emit("change", v);
+          }
         }
-      });
+      );
       const renderIcon = () => {
         const { iconName, iconSize, iconActiveName, iconClassPrefix, iconFontClassName, iconIndeterminateName } = props;
         return h(nutIcon, {
@@ -105,9 +108,13 @@ const component = (componentName2, nutIcon) => {
       };
       const renderLabel = () => {
         var _a;
-        return h("view", {
-          class: `${componentName2}__label ${pDisabled.value ? `${componentName2}__label--disabled` : ""}`
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+        return h(
+          "view",
+          {
+            class: `${componentName2}__label ${pDisabled.value ? `${componentName2}__label--disabled` : ""}`
+          },
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        );
       };
       const handleClick = (e) => {
         var _a, _b;
@@ -135,14 +142,21 @@ const component = (componentName2, nutIcon) => {
       onMounted(() => {
         hasParent.value && parent["relation"](getCurrentInstance());
       });
-      watch(() => props.indeterminate, (newVal) => {
-        state.partialSelect = newVal;
-      });
+      watch(
+        () => props.indeterminate,
+        (newVal) => {
+          state.partialSelect = newVal;
+        }
+      );
       return () => {
-        return h("view", {
-          class: `${componentName2} ${props.textPosition === "left" ? `${componentName2}--reverse` : ""}`,
-          onClick: handleClick
-        }, [renderIcon(), renderLabel()]);
+        return h(
+          "view",
+          {
+            class: `${componentName2} ${props.textPosition === "left" ? `${componentName2}--reverse` : ""}`,
+            onClick: handleClick
+          },
+          [renderIcon(), renderLabel()]
+        );
       };
     }
   };

package/dist/packages/_es/CheckboxGroup.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -69,15 +69,22 @@ const _sfc_main = create({
       updateValue,
       relation
     });
-    watch(() => props.modelValue, (value) => {
-      emit("change", value);
-    });
+    watch(
+      () => props.modelValue,
+      (value) => {
+        emit("change", value);
+      }
+    );
     useExpose({ toggleAll, toggleReverse });
     return () => {
       var _a;
-      return h("view", {
-        class: `${componentName}`
-      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+      return h(
+        "view",
+        {
+          class: `${componentName}`
+        },
+        (_a = slots.default) == null ? void 0 : _a.call(slots)
+      );
     };
   }
 });

package/dist/packages/_es/CircleProgress.js

@@ -1,10 +1,10 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { useSlots, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, renderSlot, toDisplayString, createCommentVNode } from "vue";
-import { i as isObject, c as createComponent } from "./component.js";
+import { a as isObject, c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("circleprogress");
@@ -39,7 +39,7 @@ const _sfc_main = create({
       default: true
     }
   },
-  setup(props, { emit }) {
+  setup(props) {
     const slotDefault = !!useSlots().default;
     const refRandomId = Math.random().toString(36).slice(-8);
     const classes = computed(() => {
@@ -75,7 +75,7 @@ const _sfc_main = create({
       let color = props.color;
       const colorArr = Object.keys(color).sort((a, b) => parseFloat(a) - parseFloat(b));
       let stopArr = [];
-      colorArr.map((item, index2) => {
+      colorArr.map((item) => {
         let obj = {
           key: "",
           value: ""

package/dist/packages/_es/Col.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Collapse.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -53,25 +53,28 @@ const _sfc_main = create({
   setup(props, { emit, slots }) {
     const collapseDom = ref(null);
     const collapseChldren = ref([]);
-    watch(() => props.active, (newval, oldval) => {
-      let doms = collapseChldren.value;
-      Array.from(doms).forEach((item) => {
-        if (typeof newval == "number" || typeof newval == "string") {
-          if (newval == item.name) {
-            item.changeOpen(true);
-          } else {
-            item.changeOpen(false);
+    watch(
+      () => props.active,
+      (newval, oldval) => {
+        let doms = collapseChldren.value;
+        Array.from(doms).forEach((item) => {
+          if (typeof newval == "number" || typeof newval == "string") {
+            if (newval == item.name) {
+              item.changeOpen(true);
+            } else {
+              item.changeOpen(false);
+            }
+          } else if (Object.values(newval) instanceof Array) {
+            if (newval.indexOf(Number(item.name)) > -1 || newval.indexOf(String(item.name)) > -1) {
+              item.changeOpen(true);
+            } else {
+              item.changeOpen(false);
+            }
           }
-        } else if (Object.values(newval) instanceof Array) {
-          if (newval.indexOf(Number(item.name)) > -1 || newval.indexOf(String(item.name)) > -1) {
-            item.changeOpen(true);
-          } else {
-            item.changeOpen(false);
-          }
-        }
-        item.animation();
-      });
-    });
+          item.animation();
+        });
+      }
+    );
     onMounted(() => {
       collapseChldren.value = getCurrentInstance().provides.collapseParent.children || [];
     });

package/dist/packages/_es/CollapseItem.js

@@ -1,24 +1,5 @@
-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));
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -150,14 +131,17 @@ const _sfc_main = create({
         proxyData.openExpanded = true;
       }
     });
-    watch(() => {
-      var _a, _b;
-      return (_b = (_a = ctx == null ? void 0 : ctx.slots) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a);
-    }, () => {
-      setTimeout(() => {
-        animation();
-      }, 300);
-    });
+    watch(
+      () => {
+        var _a, _b;
+        return (_b = (_a = ctx == null ? void 0 : ctx.slots) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a);
+      },
+      () => {
+        setTimeout(() => {
+          animation();
+        }, 300);
+      }
+    );
     const init = () => {
       const { name } = props;
       const active = parent && parent.props.active;
@@ -185,17 +169,19 @@ const _sfc_main = create({
       }
       return _class;
     });
-    return __spreadProps(__spreadValues(__spreadValues(__spreadValues({
+    return {
       classes,
-      emptyContent
-    }, toRefs(proxyData)), toRefs(parent.props)), toRefs(titleIconStyle)), {
+      emptyContent,
+      ...toRefs(proxyData),
+      ...toRefs(parent.props),
+      ...toRefs(titleIconStyle),
       wrapperRef,
       contentRef,
       open,
       toggleOpen,
       changeOpen,
       animation
-    });
+    };
   }
 });
 const _hoisted_1 = { class: "collapse-title" };