@nutui/nutui 4.1.0-beta.2 → 4.1.0-beta.4

package/dist/packages/_es/Cascader.js

@@ -1,12 +1,62 @@
 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;
+};
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 import { computed, ref, watch, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, createVNode } from "vue";
-import { P as Popup, p as popupProps } from "./index-c55ad69e.js";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { P as Popup, p as popupProps } from "./index-dc2ebe90.js";
+import { c as createComponent } from "./component-8f0be7eb.js";
 import { Loading, Checklist } from "@nutui/icons-vue";
 import Tabs from "./Tabs.js";
 import TabPane from "./TabPane.js";
@@ -16,20 +66,20 @@ import "../locale/lang";
 import "./pxCheck-c6b9f6b7.js";
 import "./index-29892cda.js";
 import "./raf-729dad54.js";
-import "./index.vue_vue_type_script_lang-cc5c4086.js";
+import "./index.vue_vue_type_script_lang-89366761.js";
 import "./index-7a7385e4.js";
 const formatTree = (tree, parent, config) => tree.map((node) => {
   const { value: valueKey = "value", text: textKey = "text", children: childrenKey = "children" } = config;
-  const { [valueKey]: value, [textKey]: text, [childrenKey]: children, ...others } = node;
-  const newNode = {
-    loading: false,
-    ...others,
+  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), {
     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);
   }
@@ -54,15 +104,12 @@ const defaultConvertConfig = {
   sortKey: ""
 };
 const convertListToOptions = (list, options) => {
-  const mergedOptions = {
-    ...defaultConvertConfig,
-    ...options || {}
-  };
+  const mergedOptions = __spreadValues(__spreadValues({}, defaultConvertConfig), options || {});
   const { topId, idKey, pidKey, sortKey } = mergedOptions;
   let result = [];
   let map = {};
   list.forEach((node) => {
-    node = { ...node };
+    node = __spreadValues({}, node);
     const { [idKey]: id, [pidKey]: pid } = node;
     const children = map[pid] = map[pid] || [];
     if (!result.length && pid === topId) {
@@ -85,12 +132,11 @@ class Tree {
   constructor(nodes, config) {
     __publicField(this, "nodes");
     __publicField(this, "config");
-    this.config = {
+    this.config = __spreadValues({
       value: "value",
       text: "text",
-      children: "children",
-      ...config || {}
-    };
+      children: "children"
+    }, config || {});
     this.nodes = formatTree(nodes, null, this.config);
   }
   updateChildren(nodes, parent) {
@@ -190,7 +236,7 @@ const _sfc_main$1 = create$1({
     const isLazy = computed(() => configs.value.lazy && Boolean(configs.value.lazyLoad));
     const lazyLoadMap = /* @__PURE__ */ new Map();
     let currentProcessNode;
-    const init = async () => {
+    const init = () => __async(this, null, function* () {
       lazyLoadMap.clear();
       panes.value = [];
       tabsCursor.value = 0;
@@ -206,7 +252,7 @@ const _sfc_main$1 = create$1({
         children: configs.value.childrenKey
       });
       if (isLazy.value && !tree.value.nodes.length) {
-        await invokeLazyLoad({
+        yield invokeLazyLoad({
           root: true,
           loading: true,
           text: "",
@@ -215,8 +261,8 @@ const _sfc_main$1 = create$1({
       }
       panes.value = [{ nodes: tree.value.nodes, selectedNode: null }];
       syncValue();
-    };
-    const syncValue = async () => {
+    });
+    const syncValue = () => __async(this, null, function* () {
       const currentValue = innerValue.value;
       if (currentValue === void 0 || !tree.value.nodes.length) {
         return;
@@ -233,17 +279,17 @@ const _sfc_main$1 = create$1({
         if (parent) {
           needToSync = [parent.value];
           initLoading.value = true;
-          const last = await currentValue.slice(1).reduce(async (p, value) => {
-            var _a;
-            const parent2 = await p;
-            await invokeLazyLoad(parent2);
-            const node = (_a = parent2 == null ? void 0 : parent2.children) == null ? void 0 : _a.find((item) => item.value === value);
+          const last = yield currentValue.slice(1).reduce((p, value) => __async(this, null, function* () {
+            var _a2;
+            const parent2 = yield p;
+            yield invokeLazyLoad(parent2);
+            const node = (_a2 = parent2 == null ? void 0 : parent2.children) == null ? void 0 : _a2.find((item) => item.value === value);
             if (node) {
               needToSync.push(value);
             }
             return Promise.resolve(node);
-          }, Promise.resolve(parent));
-          await invokeLazyLoad(last);
+          }), Promise.resolve(parent));
+          yield invokeLazyLoad(last);
           initLoading.value = false;
         }
       }
@@ -254,8 +300,8 @@ const _sfc_main$1 = create$1({
           methods.handleNode(node, true);
         });
       }
-    };
-    const invokeLazyLoad = async (node) => {
+    });
+    const invokeLazyLoad = (node) => __async(this, null, function* () {
       if (!node) {
         return;
       }
@@ -271,12 +317,12 @@ const _sfc_main$1 = create$1({
       let lazyLoadPromise = lazyLoadMap.get(node);
       if (!lazyLoadPromise) {
         lazyLoadPromise = new Promise((resolve) => {
-          var _a, _b;
-          (_b = (_a = configs.value).lazyLoad) == null ? void 0 : _b.call(_a, node, resolve);
+          var _a2, _b;
+          (_b = (_a2 = configs.value).lazyLoad) == null ? void 0 : _b.call(_a2, node, resolve);
         });
         lazyLoadMap.set(node, lazyLoadPromise);
       }
-      const nodes = await lazyLoadPromise;
+      const nodes = yield lazyLoadPromise;
       if (Array.isArray(nodes) && nodes.length > 0) {
         tree.value.updateChildren(nodes, parent);
       } else {
@@ -284,7 +330,7 @@ const _sfc_main$1 = create$1({
       }
       node.loading = false;
       lazyLoadMap.delete(node);
-    };
+    });
     const emitChange = (pathNodes) => {
       const emitValue = pathNodes.map((node) => node.value);
       innerValue.value = emitValue;
@@ -293,46 +339,48 @@ const _sfc_main$1 = create$1({
     };
     const methods = {
       // 选中一个节点，静默模式不触发事件
-      async handleNode(node, silent) {
-        const { disabled, loading } = node;
-        if (!silent && disabled || !panes.value[tabsCursor.value]) {
-          return;
-        }
-        if (tree.value.isLeaf(node, isLazy.value)) {
-          node.leaf = true;
-          panes.value[tabsCursor.value].selectedNode = node;
-          panes.value = panes.value.slice(0, node.level + 1);
-          if (!silent) {
-            const pathNodes = panes.value.map((pane) => pane.selectedNode);
-            emitChange(pathNodes);
-            emit("pathChange", pathNodes);
+      handleNode(node, silent) {
+        return __async(this, null, function* () {
+          const { disabled, loading } = node;
+          if (!silent && disabled || !panes.value[tabsCursor.value]) {
+            return;
           }
-          return;
-        }
-        if (tree.value.hasChildren(node, isLazy.value)) {
-          const level = node.level + 1;
-          panes.value[tabsCursor.value].selectedNode = node;
-          panes.value = panes.value.slice(0, level);
-          panes.value.push({
-            nodes: node.children || [],
-            selectedNode: null
-          });
-          tabsCursor.value = level;
-          if (!silent) {
-            const pathNodes = panes.value.map((pane) => pane.selectedNode);
-            emit("pathChange", pathNodes);
+          if (tree.value.isLeaf(node, isLazy.value)) {
+            node.leaf = true;
+            panes.value[tabsCursor.value].selectedNode = node;
+            panes.value = panes.value.slice(0, node.level + 1);
+            if (!silent) {
+              const pathNodes = panes.value.map((pane) => pane.selectedNode);
+              emitChange(pathNodes);
+              emit("pathChange", pathNodes);
+            }
+            return;
           }
-          return;
-        }
-        currentProcessNode = node;
-        if (loading) {
-          return;
-        }
-        await invokeLazyLoad(node);
-        if (currentProcessNode === node) {
-          panes.value[tabsCursor.value].selectedNode = node;
-          methods.handleNode(node, silent);
-        }
+          if (tree.value.hasChildren(node, isLazy.value)) {
+            const level = node.level + 1;
+            panes.value[tabsCursor.value].selectedNode = node;
+            panes.value = panes.value.slice(0, level);
+            panes.value.push({
+              nodes: node.children || [],
+              selectedNode: null
+            });
+            tabsCursor.value = level;
+            if (!silent) {
+              const pathNodes = panes.value.map((pane) => pane.selectedNode);
+              emit("pathChange", pathNodes);
+            }
+            return;
+          }
+          currentProcessNode = node;
+          if (loading) {
+            return;
+          }
+          yield invokeLazyLoad(node);
+          if (currentProcessNode === node) {
+            panes.value[tabsCursor.value].selectedNode = node;
+            methods.handleNode(node, silent);
+          }
+        });
       },
       handleTabClick(tab) {
         currentProcessNode = null;
@@ -342,8 +390,8 @@ const _sfc_main$1 = create$1({
         return pane.selectedNode ? pane.selectedNode.text : translate("select");
       },
       isSelected(pane, node) {
-        var _a;
-        return ((_a = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _a.value) === node.value;
+        var _a2;
+        return ((_a2 = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _a2.value) === node.value;
       }
     };
     watch(
@@ -373,7 +421,7 @@ const _sfc_main$1 = create$1({
         }
       }
     );
-    return { panes, initLoading, tabsCursor, ...methods };
+    return __spreadValues({ panes, initLoading, tabsCursor }, methods);
   }
 });
 const _hoisted_1$1 = {
@@ -448,8 +496,7 @@ const _sfc_main = create({
     [CascaderItem.name]: CascaderItem,
     [Popup.name]: Popup
   },
-  props: {
-    ...popupProps,
+  props: __spreadProps(__spreadValues({}, popupProps), {
     modelValue: Array,
     visible: Boolean,
     title: String,
@@ -476,7 +523,7 @@ const _sfc_main = create({
       default: true
     },
     convertConfig: Object
-  },
+  }),
   emits: ["update:modelValue", "change", "pathChange", "update:visible"],
   setup(props, { emit }) {
     const innerValue = ref(props.modelValue);

package/dist/packages/_es/Category.js

@@ -1,5 +1,5 @@
 import { ref, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-8f0be7eb.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("category");

package/dist/packages/_es/CategoryPane.js

@@ -1,4 +1,4 @@
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-8f0be7eb.js";
 import { openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, createCommentVNode } from "vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";

package/dist/packages/_es/Cell.js

@@ -1,5 +1,5 @@
 import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createCommentVNode, Fragment, createElementVNode, toDisplayString, createTextVNode, createBlock } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-8f0be7eb.js";
 import { u as useRouter } from "./index-54d03fc1.js";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 import { Right } from "@nutui/icons-vue";

package/dist/packages/_es/CellGroup.js

@@ -1,44 +1,32 @@
-import { computed, openBlock, createElementBlock, normalizeClass, renderSlot, toDisplayString, createCommentVNode, createElementVNode } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-8f0be7eb.js";
+import { openBlock, createElementBlock, renderSlot, toDisplayString, createCommentVNode, createElementVNode } from "vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("cell-group");
+const { create } = createComponent("cell-group");
 const _sfc_main = create({
   props: {
     title: { type: String, default: "" },
     desc: { type: String, default: "" }
-  },
-  setup() {
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
-    return {
-      classes
-    };
   }
 });
-const _hoisted_1 = {
+const _hoisted_1 = { class: "nut-cell-group" };
+const _hoisted_2 = {
   key: 1,
   class: "nut-cell-group__title"
 };
-const _hoisted_2 = {
+const _hoisted_3 = {
   key: 3,
   class: "nut-cell-group__desc"
 };
-const _hoisted_3 = { class: "nut-cell-group__wrap" };
+const _hoisted_4 = { class: "nut-cell-group__wrap" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
-  }, [
-    _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-    _ctx.$slots.desc ? renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_3, [
+  return openBlock(), createElementBlock("view", _hoisted_1, [
+    _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+    _ctx.$slots.desc ? renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
+    createElementVNode("view", _hoisted_4, [
       renderSlot(_ctx.$slots, "default")
     ])
-  ], 2);
+  ]);
 }
 const CellGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/Checkbox.js

@@ -1,4 +1,4 @@
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-8f0be7eb.js";
 import { inject, reactive, computed, watch, onMounted, getCurrentInstance, onBeforeUnmount, h } from "vue";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 import { CheckNormal, Checked, CheckDisabled } from "@nutui/icons-vue";
@@ -56,7 +56,7 @@ const component = (componentName2, components) => {
       });
       const checked = computed(() => !!props.modelValue);
       const color = computed(() => {
-        return !pDisabled.value ? !pValue.value ? "nut-checkbox__icon--unchecked" : state.partialSelect ? "nut-checkbox__icon--indeterminate" : "nut-checkbox__icon" : "nut-checkbox__icon--disable";
+        return !pDisabled.value ? state.partialSelect ? "nut-checkbox__icon--indeterminate" : !pValue.value ? "nut-checkbox__icon--unchecked" : "nut-checkbox__icon" : "nut-checkbox__icon--disable";
       });
       let updateType = "";
       const emitChange = (value, label) => {
@@ -81,7 +81,7 @@ const component = (componentName2, components) => {
           Checked: slots.checkedIcon ? slots.checkedIcon : components.Checked,
           CheckDisabled: slots.indeterminate ? slots.indeterminate : components.CheckDisabled
         };
-        const iconNode = !pValue.value ? iconNodeMap.CheckNormal : state.partialSelect ? iconNodeMap.CheckDisabled : iconNodeMap.Checked;
+        const iconNode = state.partialSelect ? iconNodeMap.CheckDisabled : !pValue.value ? iconNodeMap.CheckNormal : iconNodeMap.Checked;
         const size = pxCheck(iconSize);
         return h(iconNode, {
           width: size,
@@ -134,10 +134,10 @@ const component = (componentName2, components) => {
         }
       };
       onMounted(() => {
-        hasParent.value && parent["relation"](getCurrentInstance());
+        hasParent.value && parent.link(getCurrentInstance());
       });
       onBeforeUnmount(() => {
-        hasParent.value && parent["relation"](getCurrentInstance(), true);
+        hasParent.value && parent.unlink(getCurrentInstance());
       });
       watch(
         () => props.indeterminate,

package/dist/packages/_es/CheckboxGroup.js

@@ -1,5 +1,5 @@
 import { reactive, provide, computed, watch, h } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-8f0be7eb.js";
 import { u as useExpose } from "./index-79c5dc33.js";
 import "../locale/lang";
 const { create, componentName } = createComponent("checkbox-group");
@@ -23,31 +23,19 @@ const _sfc_main = create({
     const state = reactive({
       children: []
     });
-    const relation = (child, cancel = false) => {
-      var _a;
-      if (child.proxy) {
-        if (!cancel) {
-          state.children.push(child.proxy);
-        } else {
-          let key_1 = state.children.indexOf(child.proxy);
-          if (key_1 > -1) {
-            state.children.splice(key_1, 1);
-          }
-          let key_2 = props.modelValue.indexOf((_a = child.proxy) == null ? void 0 : _a.label);
-          if (key_2 > -1) {
-            const value = props.modelValue.filter((_, index) => index !== key_2);
-            emit("update:modelValue", value);
-          }
-        }
-      }
+    const link = (child) => {
+      child.proxy && state.children.push(child.proxy);
+    };
+    const unlink = (child) => {
+      child.proxy && (state.children = state.children.filter((p) => p !== child.proxy));
     };
     const updateValue = (value) => {
       emit("update:modelValue", value);
       emit("change", value);
     };
     const toggleAll = (checked) => {
-      let values = [];
-      if (!!checked) {
+      const values = [];
+      if (checked) {
         state.children.forEach((item) => {
           if (!(item == null ? void 0 : item.disabled)) {
             values.push(item == null ? void 0 : item.label);
@@ -57,25 +45,22 @@ const _sfc_main = create({
       emit("update:modelValue", values);
     };
     const toggleReverse = () => {
-      let values = props.modelValue.slice();
-      state.children.forEach((item) => {
-        let findIndex = values.findIndex((value) => value === item.label);
-        if (findIndex > -1) {
-          values.splice(findIndex, 1);
+      const value = state.children.filter((item) => {
+        if (item == null ? void 0 : item.disabled) {
+          return false;
         } else {
-          if (!(item == null ? void 0 : item.disabled)) {
-            values.push(item == null ? void 0 : item.label);
-          }
+          return !props.modelValue.includes(item.label);
         }
-      });
-      emit("update:modelValue", values);
+      }).map((item) => item.label);
+      emit("update:modelValue", value);
     };
     provide("parent", {
       value: computed(() => props.modelValue),
       disabled: computed(() => props.disabled),
       max: computed(() => props.max),
       updateValue,
-      relation
+      link,
+      unlink
     });
     watch(
       () => props.modelValue,

package/dist/packages/_es/CircleProgress.js

@@ -1,5 +1,5 @@
 import { useSlots, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, renderSlot, toDisplayString, createCommentVNode } from "vue";
-import { g as isObject, c as createComponent } from "./component-81a4c1d0.js";
+import { g as isObject, c as createComponent } from "./component-8f0be7eb.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("circle-progress");

package/dist/packages/_es/Col.js

@@ -1,5 +1,5 @@
 import { inject, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-8f0be7eb.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("col");

package/dist/packages/_es/Collapse.js

@@ -1,5 +1,5 @@
-import { ref, computed, provide, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { ref, computed, watch, provide, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { c as createComponent } from "./component-8f0be7eb.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { create, componentName } = createComponent("collapse");
@@ -7,7 +7,7 @@ const _sfc_main = create({
   props: {
     modelValue: {
       type: [String, Number, Array],
-      default: () => []
+      default: ""
     },
     accordion: {
       type: Boolean,
@@ -17,30 +17,38 @@ const _sfc_main = create({
   emits: ["update:modelValue", "change"],
   setup(props, { emit }) {
     const collapseDom = ref(null);
+    const innerValue = ref(props.modelValue || (props.accordion ? "" : []));
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
         [prefixCls]: true
       };
     });
+    watch(
+      () => props.modelValue,
+      (val) => {
+        innerValue.value = val;
+      }
+    );
     const changeVal = (val, name, status = true) => {
+      innerValue.value = val;
       emit("update:modelValue", val);
       emit("change", val, name, status);
     };
     const updateVal = (name) => {
       if (props.accordion) {
-        if (props.modelValue === name) {
+        if (innerValue.value === name) {
           changeVal("", name, false);
         } else {
           changeVal(name, name, true);
         }
       } else {
-        if (Array.isArray(props.modelValue)) {
-          if (props.modelValue.includes(name)) {
-            const newValue = props.modelValue.filter((v) => v !== name);
+        if (Array.isArray(innerValue.value)) {
+          if (innerValue.value.includes(name)) {
+            const newValue = innerValue.value.filter((v) => v !== name);
             changeVal(newValue, name, false);
           } else {
-            const newValue = props.modelValue.concat([name]);
+            const newValue = innerValue.value.concat([name]);
             changeVal(newValue, name, true);
           }
         } else {
@@ -50,9 +58,9 @@ const _sfc_main = create({
     };
     const isExpanded = (name) => {
       if (props.accordion) {
-        return props.modelValue === name;
-      } else if (Array.isArray(props.modelValue)) {
-        return props.modelValue.includes(name);
+        return innerValue.value === name;
+      } else if (Array.isArray(innerValue.value)) {
+        return innerValue.value.includes(name);
       }
       return false;
     };

package/dist/packages/_es/CollapseItem.js

@@ -1,6 +1,6 @@
 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 { c as createComponent } from "./component-8f0be7eb.js";
 import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";

package/dist/packages/_es/Comment.js

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, createCommentVNode, normalizeClass, toDisplayString, renderSlot, createVNode, ref, watch, onMounted, Fragment, renderList, createBlock, computed, withCtx, normalizeStyle, createTextVNode } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-8f0be7eb.js";
 import { Right, Fabulous, Comment, MoreX } from "@nutui/icons-vue";
 import Rate from "./Rate.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";

package/dist/packages/_es/ConfigProvider.js

@@ -1,4 +1,4 @@
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-8f0be7eb.js";
 import { h } from "vue";
 import "../locale/lang";
 const { componentName, create } = createComponent("config-provider");