@nutui/nutui 3.1.23-beta.2 → 3.1.23-beta.5

package/dist/nutui.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:46 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:27 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -529,7 +529,7 @@
     key: 1,
     class: "nut-cell__title"
   };
-  const _hoisted_3$P = { class: "title" };
+  const _hoisted_3$Q = { class: "title" };
   const _hoisted_4$E = { class: "nut-cell__title-desc" };
   function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
@@ -551,7 +551,7 @@
         _ctx.title || _ctx.subTitle || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$14, [
           _ctx.subTitle ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
             vue.renderSlot(_ctx.$slots, "title", {}, () => [
-              vue.createElementVNode("view", _hoisted_3$P, vue.toDisplayString(_ctx.title), 1)
+              vue.createElementVNode("view", _hoisted_3$Q, vue.toDisplayString(_ctx.title), 1)
             ]),
             vue.createElementVNode("view", _hoisted_4$E, vue.toDisplayString(_ctx.subTitle), 1)
           ], 64)) : vue.renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
@@ -648,14 +648,14 @@
     key: 3,
     class: "nut-cell-group__desc"
   };
-  const _hoisted_3$O = { class: "nut-cell-group__warp" };
+  const _hoisted_3$P = { class: "nut-cell-group__warp" };
   function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
       _ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1j, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
       _ctx.$slots.desc ? vue.renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$13, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
-      vue.createElementVNode("view", _hoisted_3$O, [
+      vue.createElementVNode("view", _hoisted_3$P, [
         vue.renderSlot(_ctx.$slots, "default")
       ])
     ], 2);
@@ -1155,7 +1155,7 @@
     key: 0,
     class: "nut-img-loading"
   };
-  const _hoisted_3$N = {
+  const _hoisted_3$O = {
     key: 1,
     class: "nut-img-error"
   };
@@ -1181,7 +1181,7 @@
         })) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "loading")
       ])) : vue.createCommentVNode("", true),
-      _ctx.isError && !_ctx.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$N, [
+      _ctx.isError && !_ctx.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$O, [
         !_ctx.slotError ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 0,
           name: "image-error"
@@ -1883,7 +1883,7 @@
     key: 1,
     class: "nut-navbar__text"
   };
-  const _hoisted_3$M = { class: "nut-navbar__title" };
+  const _hoisted_3$N = { class: "nut-navbar__title" };
   const _hoisted_4$D = {
     key: 0,
     class: "nut-navbar__text"
@@ -1917,7 +1917,7 @@
           _ctx.leftText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$11, vue.toDisplayString(_ctx.leftText), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "left")
         ]),
-        vue.createElementVNode("view", _hoisted_3$M, [
+        vue.createElementVNode("view", _hoisted_3$N, [
           _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", {
             key: 0,
             class: "title",
@@ -2044,7 +2044,7 @@
   });
   const _hoisted_1$1e = { class: "nut-fixednav__list" };
   const _hoisted_2$10 = ["onClick"];
-  const _hoisted_3$L = ["src"];
+  const _hoisted_3$M = ["src"];
   const _hoisted_4$C = { class: "span" };
   const _hoisted_5$s = {
     key: 0,
@@ -2074,7 +2074,7 @@
             }, [
               vue.createElementVNode("img", {
                 src: item.icon
-              }, null, 8, _hoisted_3$L),
+              }, null, 8, _hoisted_3$M),
               vue.createElementVNode("view", _hoisted_4$C, vue.toDisplayString(item.text), 1),
               item.num ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$s, vue.toDisplayString(item.num), 1)) : vue.createCommentVNode("", true)
             ], 8, _hoisted_2$10);
@@ -2465,10 +2465,10 @@
         val: props.visible,
         children: []
       });
-      function changeIndex(active) {
+      function changeIndex(index, active) {
         emit("update:visible", active);
         parentData.modelValue = active;
-        emit("tab-switch", parentData.children[active], active);
+        emit("tab-switch", parentData.children[index], active);
       }
       let parentData = vue.reactive({
         children: mdValue.children,
@@ -2502,6 +2502,9 @@
         type: String,
         default: ""
       },
+      name: {
+        type: String
+      },
       icon: {
         type: String,
         default: ""
@@ -2547,15 +2550,25 @@
       });
       const router = useRouter();
       const relation = (child) => {
+        var _a;
         if (child.proxy) {
-          let index = parent.children.length;
-          state.index = index;
           parent.children.push(child.proxy);
+          const index = vue.computed(() => parent.children.indexOf(child.proxy));
+          state.index = (_a = props.name) != null ? _a : index.value;
         }
       };
       relation(vue.getCurrentInstance());
-      function change(index) {
-        parent.changeIndex(index);
+      const active = vue.computed(() => state.index === state.active);
+      function change() {
+        var _a;
+        let key = (_a = props.name) != null ? _a : state.index;
+        let index = null;
+        if (props.name) {
+          index = parent.children.findIndex((item) => {
+            return item.name == key;
+          });
+        }
+        parent.changeIndex(index != null ? index : key, state.index);
       }
       const choosed = vue.computed(() => {
         if (parent) {
@@ -2565,13 +2578,19 @@
       });
       vue.watch(choosed, (value, oldValue) => {
         state.active = value;
+        let index = value;
+        if (props.name) {
+          index = parent.children.findIndex((item) => {
+            return item.name == value;
+          });
+        }
         setTimeout(() => {
-          if (parent.children[value].href) {
-            window.location.href = parent.children[value].href;
+          if (parent.children[index].href) {
+            window.location.href = parent.children[index].href;
             return;
           }
-          if (parent.children[value].to) {
-            let to = parent.children[value].to;
+          if (parent.children[index].to) {
+            let to = parent.children[index].to;
             if (to && router) {
               router.push(to);
             } else {
@@ -2582,6 +2601,7 @@
       });
       return {
         state,
+        active,
         change
       };
     }
@@ -2591,7 +2611,7 @@
     key: 0,
     class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_num"
   };
-  const _hoisted_3$K = {
+  const _hoisted_3$L = {
     key: 1,
     class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_nums"
   };
@@ -2604,15 +2624,15 @@
   function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass(["nut-tabbar-item", { "nut-tabbar-item__icon--unactive": _ctx.state.active != _ctx.state.index }]),
+      class: vue.normalizeClass(["nut-tabbar-item", { "nut-tabbar-item__icon--unactive": !_ctx.active }]),
       style: vue.normalizeStyle({
-        color: _ctx.state.active == _ctx.state.index ? _ctx.state.activeColor : _ctx.state.unactiveColor
+        color: _ctx.active ? _ctx.state.activeColor : _ctx.state.unactiveColor
       }),
-      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.change(_ctx.state.index))
+      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.change())
     }, [
       vue.createElementVNode("view", _hoisted_1$1b, [
         !_ctx.dot ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          _ctx.num && _ctx.num <= 99 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$Z, vue.toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$K, vue.toDisplayString("99+"))) : vue.createCommentVNode("", true)
+          _ctx.num && _ctx.num <= 99 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$Z, vue.toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$L, vue.toDisplayString("99+"))) : vue.createCommentVNode("", true)
         ], 64)) : vue.createCommentVNode("", true),
         _ctx.dot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$B)) : vue.createCommentVNode("", true),
         _ctx.icon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$r, [
@@ -2628,7 +2648,7 @@
           key: 3,
           class: "nut-tabbar-item_icon-box_icon",
           style: vue.normalizeStyle({
-            backgroundImage: `url(${_ctx.state.active == _ctx.state.index ? _ctx.activeImg : _ctx.img})`,
+            backgroundImage: `url(${_ctx.active ? _ctx.activeImg : _ctx.img})`,
             width: _ctx.state.size,
             height: _ctx.state.size
           })
@@ -2825,7 +2845,7 @@
   });
   const _hoisted_1$1a = { class: "nut-elevator__list__item__code" };
   const _hoisted_2$Y = ["onClick"];
-  const _hoisted_3$J = ["innerHTML"];
+  const _hoisted_3$K = ["innerHTML"];
   const _hoisted_4$A = { class: "fixed-title" };
   const _hoisted_5$q = { class: "nut-elevator__bars__inner" };
   const _hoisted_6$n = ["data-index", "onClick"];
@@ -2856,7 +2876,7 @@
                 !_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
                   key: 0,
                   innerHTML: subitem.name
-                }, null, 8, _hoisted_3$J)) : vue.renderSlot(_ctx.$slots, "default", {
+                }, null, 8, _hoisted_3$K)) : vue.renderSlot(_ctx.$slots, "default", {
                   key: 1,
                   item: subitem
                 })
@@ -3012,7 +3032,7 @@
     key: 0,
     class: "nut-pagination-contain"
   };
-  const _hoisted_3$I = ["onClick"];
+  const _hoisted_3$J = ["onClick"];
   const _hoisted_4$z = {
     key: 1,
     class: "nut-pagination-contain"
@@ -3038,7 +3058,7 @@
             vue.renderSlot(_ctx.$slots, "page", { item }, () => [
               vue.createTextVNode(vue.toDisplayString(item.text), 1)
             ])
-          ], 10, _hoisted_3$I);
+          ], 10, _hoisted_3$J);
         }), 128))
       ])) : vue.createCommentVNode("", true),
       _ctx.mode == "simple" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$z, [
@@ -3513,7 +3533,7 @@
   });
   const _hoisted_1$15 = ["ikey"];
   const _hoisted_2$U = { class: "nut-subsidenavbar__title__text" };
-  const _hoisted_3$H = { class: "nut-subsidenavbar__title__icon" };
+  const _hoisted_3$I = { class: "nut-subsidenavbar__title__icon" };
   function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -3525,7 +3545,7 @@
         onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
       }, [
         vue.createElementVNode("span", _hoisted_2$U, vue.toDisplayString(_ctx.title), 1),
-        vue.createElementVNode("span", _hoisted_3$H, [
+        vue.createElementVNode("span", _hoisted_3$I, [
           vue.createVNode(_component_nut_icon, {
             name: "down-arrow",
             class: vue.normalizeClass(_ctx.direction)
@@ -3899,7 +3919,7 @@
     key: 0,
     class: "nut-range-mark"
   };
-  const _hoisted_3$G = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
+  const _hoisted_3$H = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
   const _hoisted_4$y = {
     key: 0,
     class: "number"
@@ -3974,7 +3994,7 @@
               }, [
                 !_ctx.hiddenTag ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$y, vue.toDisplayString(_ctx.curValue(index)), 1)) : vue.createCommentVNode("", true)
               ], 4))
-            ], 42, _hoisted_3$G);
+            ], 42, _hoisted_3$H);
           }), 64)) : (vue.openBlock(), vue.createElementBlock("view", {
             key: 1,
             role: "slider",
@@ -4163,7 +4183,7 @@
     key: 1,
     class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
   };
-  const _hoisted_3$F = { class: "nut-searchbar__input-inner" };
+  const _hoisted_3$G = { class: "nut-searchbar__input-inner" };
   const _hoisted_4$x = ["type", "maxlength", "placeholder", "value", "disabled", "readonly"];
   const _hoisted_5$n = {
     key: 2,
@@ -4190,7 +4210,7 @@
         }, [
           vue.renderSlot(_ctx.$slots, "leftin")
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_3$F, [
+        vue.createElementVNode("view", _hoisted_3$G, [
           vue.createElementVNode("form", {
             action: "#",
             onSubmit: _cache[5] || (_cache[5] = vue.withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
@@ -4582,7 +4602,7 @@
     class: "nut-cascader-pane"
   };
   const _hoisted_2$R = ["aria-checked", "aria-disabled", "onClick"];
-  const _hoisted_3$E = { class: "nut-cascader-item__title" };
+  const _hoisted_3$F = { class: "nut-cascader-item__title" };
   const _hoisted_4$w = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-cascader-pane" }, null, -1);
   function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
@@ -4612,7 +4632,7 @@
                     role: "menuitemradio",
                     onClick: ($event) => _ctx.handleNode(node, false)
                   }, [
-                    vue.createElementVNode("view", _hoisted_3$E, vue.toDisplayString(node.text), 1),
+                    vue.createElementVNode("view", _hoisted_3$F, vue.toDisplayString(node.text), 1),
                     node.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
                       key: 0,
                       class: "nut-cascader-item__icon-loading",
@@ -5409,7 +5429,7 @@
     key: 1,
     class: "calendar-top-slot"
   };
-  const _hoisted_3$D = {
+  const _hoisted_3$E = {
     key: 2,
     class: "calendar-curr-month"
   };
@@ -5459,7 +5479,7 @@
         _ctx.showTopBtn ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$Q, [
           vue.renderSlot(_ctx.$slots, "btn")
         ])) : vue.createCommentVNode("", true),
-        _ctx.showSubTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$D, vue.toDisplayString(_ctx.yearMonthTitle), 1)) : vue.createCommentVNode("", true),
+        _ctx.showSubTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$E, vue.toDisplayString(_ctx.yearMonthTitle), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("view", _hoisted_4$v, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.weeks, (item, index) => {
             return vue.openBlock(), vue.createElementBlock("view", {
@@ -6007,6 +6027,10 @@
       readonly: {
         type: Boolean,
         default: false
+      },
+      threeDimensional: {
+        type: Boolean,
+        default: true
       }
     },
     emits: ["click", "change"],
@@ -6031,7 +6055,6 @@
       });
       const roller = vue.ref(null);
       const list = vue.ref(null);
-      const listItem = vue.ref(null);
       const moving = vue.ref(false);
       const touchDeg = vue.ref(0);
       const touchTime = vue.ref(0);
@@ -6043,7 +6066,7 @@
           transform: `rotate3d(1, 0, 0, ${touchDeg.value})`
         };
       });
-      const touchListStyle = vue.computed(() => {
+      const touchTileStyle = vue.computed(() => {
         return {
           transition: `transform ${touchTime.value}ms cubic-bezier(0.17, 0.89, 0.45, 1)`,
           transform: `translate3d(0, ${state.scrollDistance}px, 0)`
@@ -6055,7 +6078,11 @@
       const onTouchStart = (event) => {
         touch.start(event);
         if (moving.value) {
-          const { transform } = window.getComputedStyle(list.value);
+          let dom = list.value;
+          if (!props.threeDimensional) {
+            dom = roller.value;
+          }
+          const { transform } = window.getComputedStyle(dom);
           state.scrollDistance = +transform.slice(7, transform.length - 1).split(", ")[5];
         }
         state.touchParams.startY = touch.deltaY.value;
@@ -6069,13 +6096,8 @@
           preventDefault2(event, true);
         }
         state.touchParams.lastY = touch.deltaY.value;
-        const now = Date.now();
         let move = state.touchParams.lastY - state.touchParams.startY;
         setMove(move);
-        if (now - state.touchParams.startTime > INERTIA_TIME) {
-          state.touchParams.startTime = now;
-          state.touchParams.startY = state.touchParams.lastY;
-        }
       };
       const onTouchEnd = (event) => {
         state.touchParams.lastY = touch.deltaY.value;
@@ -6129,13 +6151,15 @@
           setTransform(endMove, type, time, deg);
           state.currIndex = Math.abs(Math.round(endMove / state.lineSpacing)) + 1;
         } else {
-          let deg = "0deg";
+          let deg = 0;
           let currentDeg = (-updateMove / state.lineSpacing + 1) * state.rotation;
           const maxDeg = (props.column.length + 1) * state.rotation;
           const minDeg = 0;
-          deg = Math.min(Math.max(currentDeg, minDeg), maxDeg) + "deg";
-          setTransform(updateMove, null, void 0, deg);
-          state.currIndex = Math.abs(Math.round(updateMove / state.lineSpacing)) + 1;
+          deg = Math.min(Math.max(currentDeg, minDeg), maxDeg);
+          if (minDeg < deg && deg < maxDeg) {
+            setTransform(updateMove, null, void 0, deg + "deg");
+            state.currIndex = Math.abs(Math.round(updateMove / state.lineSpacing)) + 1;
+          }
         }
       };
       const setChooseValue = () => {
@@ -6162,7 +6186,14 @@
         setChooseValue();
       };
       vue.watch(() => props.column, (val) => {
-        console.log("props.column\u53D8\u5316", props.column);
+        if (props.column && props.column.length > 0) {
+          state.transformY = 0;
+          modifyStatus(false);
+        }
+      }, {
+        deep: true
+      });
+      vue.watch(() => props.value, (val) => {
         state.transformY = 0;
         modifyStatus(false);
       }, {
@@ -6179,19 +6210,25 @@
         isHidden,
         roller,
         list,
-        listItem,
         onTouchStart,
         onTouchMove,
         onTouchEnd,
         touchRollerStyle,
-        touchListStyle,
+        touchTileStyle,
         setMove,
         stopMomentum
       };
     }
   });
-  const _hoisted_1$$ = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-picker-roller-mask" }, null, -1);
-  const _hoisted_2$P = { class: "nut-picker-content" };
+  const _hoisted_1$$ = {
+    key: 1,
+    class: "nut-picker-roller-item-tile"
+  };
+  const _hoisted_2$P = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-picker-roller-mask" }, null, -1);
+  const _hoisted_3$D = {
+    key: 0,
+    class: "nut-picker-content"
+  };
   function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: "nut-picker__list",
@@ -6202,29 +6239,30 @@
       vue.createElementVNode("view", {
         class: "nut-picker-roller",
         ref: "roller",
-        style: vue.normalizeStyle(_ctx.touchRollerStyle),
+        style: vue.normalizeStyle(_ctx.threeDimensional ? _ctx.touchRollerStyle : _ctx.touchTileStyle),
         onTransitionend: _cache[0] || (_cache[0] = (...args) => _ctx.stopMomentum && _ctx.stopMomentum(...args))
       }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.column, (item, index) => {
           return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: item.value ? item.value : index
           }, [
-            item && item.text ? (vue.openBlock(), vue.createElementBlock("view", {
+            item && item.text && _ctx.threeDimensional ? (vue.openBlock(), vue.createElementBlock("view", {
               key: 0,
               class: vue.normalizeClass(["nut-picker-roller-item", { "nut-picker-roller-item-hidden": _ctx.isHidden(index + 1) }]),
               style: vue.normalizeStyle(_ctx.setRollerStyle(index + 1))
-            }, vue.toDisplayString(item.text), 7)) : vue.createCommentVNode("", true)
+            }, vue.toDisplayString(item.text), 7)) : vue.createCommentVNode("", true),
+            item && item.text && !_ctx.threeDimensional ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$$, vue.toDisplayString(item.text), 1)) : vue.createCommentVNode("", true)
           ], 64);
         }), 128))
       ], 36),
-      _hoisted_1$$,
-      vue.createElementVNode("view", _hoisted_2$P, [
+      _hoisted_2$P,
+      _ctx.threeDimensional ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$D, [
         vue.createElementVNode("view", {
           class: "nut-picker-list-panel",
           ref: "list",
-          style: vue.normalizeStyle(_ctx.touchListStyle)
+          style: vue.normalizeStyle(_ctx.touchTileStyle)
         }, null, 4)
-      ])
+      ])) : vue.createCommentVNode("", true)
     ], 32);
   }
   var column$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1a]]);
@@ -6261,6 +6299,10 @@
       readonly: {
         type: Boolean,
         default: false
+      },
+      threeDimensional: {
+        type: Boolean,
+        default: true
       }
     },
     emits: ["close", "change", "confirm", "update:visible", "update:modelValue"],
@@ -6341,11 +6383,14 @@
             defaultValues.value[columnIndex] = option.value ? option.value : "";
             let index = columnIndex;
             let cursor = option;
-            while (cursor && cursor.children) {
+            while (cursor && cursor.children && cursor.children[0]) {
               defaultValues.value[index + 1] = cursor.children[0].value;
               index++;
               cursor = cursor.children[0];
             }
+            if (cursor && cursor.children && cursor.children.length == 0) {
+              defaultValues.value = defaultValues.value.slice(0, index + 1);
+            }
           } else {
             defaultValues.value[columnIndex] = option.hasOwnProperty("value") ? option.value : "";
           }
@@ -6454,10 +6499,11 @@
                   readonly: _ctx.readonly,
                   columnsType: _ctx.columnsType,
                   value: _ctx.defaultValues[columnIndex],
+                  threeDimensional: _ctx.threeDimensional,
                   onChange: (option) => {
                     _ctx.changeHandler(columnIndex, option);
                   }
-                }, null, 8, ["itemShow", "column", "readonly", "columnsType", "value", "onChange"])
+                }, null, 8, ["itemShow", "column", "readonly", "columnsType", "value", "threeDimensional", "onChange"])
               ]);
             }), 128))
           ], 512),
@@ -6533,6 +6579,10 @@
         type: Function,
         default: null
       },
+      threeDimensional: {
+        type: Boolean,
+        default: true
+      },
       filter: Function
     },
     emits: ["click", "update:visible", "change", "confirm", "update:moduleValue"],
@@ -6660,7 +6710,7 @@
         selectedValue,
         selectedOptions
       }) => {
-        if (["date", "datetime", "datehour", "month-day"].includes(props.type)) {
+        if (["date", "datetime", "datehour", "month-day", "year-month"].includes(props.type)) {
           let formatDate = [];
           selectedValue.forEach((item) => {
             formatDate.push(item);
@@ -6668,11 +6718,14 @@
           if (props.type == "month-day" && formatDate.length < 3) {
             formatDate.unshift(new Date(props.modelValue || props.minDate || props.maxDate).getFullYear());
           }
+          if (props.type == "year-month" && formatDate.length < 3) {
+            formatDate.push(new Date(props.modelValue || props.minDate || props.maxDate).getDate());
+          }
           const year = Number(formatDate[0]);
           const month = Number(formatDate[1]) - 1;
           const day = Math.min(Number(formatDate[2]), getMonthEndDay(Number(formatDate[0]), Number(formatDate[1])));
           let date = null;
-          if (props.type === "date" || props.type === "month-day") {
+          if (props.type === "date" || props.type === "month-day" || props.type === "year-month") {
             date = new Date(year, month, day);
           } else if (props.type === "datetime") {
             date = new Date(year, month, day, Number(formatDate[3]), Number(formatDate[4]));
@@ -6770,13 +6823,17 @@
       onChange: _ctx.changeHandler,
       title: _ctx.title,
       onConfirm: _ctx.confirm,
-      isWrapTeleport: _ctx.isWrapTeleport
+      isWrapTeleport: _ctx.isWrapTeleport,
+      threeDimensional: _ctx.threeDimensional
     }, {
+      top: vue.withCtx(() => [
+        vue.renderSlot(_ctx.$slots, "top")
+      ]),
       default: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "default")
       ]),
       _: 3
-    }, 8, ["modelValue", "visible", "okText", "cancelText", "onClose", "columns", "onChange", "title", "onConfirm", "isWrapTeleport"]);
+    }, 8, ["modelValue", "visible", "okText", "cancelText", "onClose", "columns", "onChange", "title", "onConfirm", "isWrapTeleport", "threeDimensional"]);
   }
   var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$18]]);
   const { componentName: componentName$10, create: create$1b } = createComponent("inputnumber");
@@ -8086,7 +8143,11 @@
           xhr.setRequestHeader(key, value);
         }
         (_a = options.onStart) == null ? void 0 : _a.call(options, options);
-        xhr.send(options.formData);
+        if (options.method.toLowerCase() == "put") {
+          xhr.send(options.sourceFile);
+        } else {
+          xhr.send(options.formData);
+        }
       } else {
         console.warn("\u6D4F\u89C8\u5668\u4E0D\u652F\u6301 XMLHttpRequest");
       }
@@ -8210,6 +8271,10 @@
         uploadOption.xhrState = props.xhrState;
         uploadOption.headers = props.headers;
         uploadOption.withCredentials = props.withCredentials;
+        try {
+          uploadOption.sourceFile = fileItem.formData.get(props.name);
+        } catch (error) {
+        }
         uploadOption.onStart = (option) => {
           fileItem.status = "ready";
           fileItem.message = translate$i("readyUpload");
@@ -8436,7 +8501,6 @@
             ])) : vue.createCommentVNode("", true),
             _ctx.isDeletable ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
               key: 2,
-              color: "rgba(0,0,0,0.6)",
               onClick: ($event) => _ctx.onDelete(item, index),
               class: "close",
               name: "failure"
@@ -9711,6 +9775,10 @@
       isWrapTeleport: {
         type: Boolean,
         default: true
+      },
+      closeAbled: {
+        type: Boolean,
+        default: true
       }
     },
     emits: ["cancel", "close", "choose", "update:visible"],
@@ -9778,7 +9846,8 @@
         isWrapTeleport: _ctx.isWrapTeleport,
         position: "bottom",
         round: "",
-        onClickOverlay: _ctx.close
+        onClickOverlay: _ctx.close,
+        closeOnClickOverlay: _ctx.closeAbled
       }, {
         default: vue.withCtx(() => [
           vue.createElementVNode("view", _hoisted_1$O, [
@@ -9811,7 +9880,7 @@
           ])
         ]),
         _: 3
-      }, 8, ["visible", "isWrapTeleport", "onClickOverlay"])
+      }, 8, ["visible", "isWrapTeleport", "onClickOverlay", "closeOnClickOverlay"])
     ], 2);
   }
   var ActionSheet = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$Y]]);
@@ -17192,9 +17261,19 @@
             [`nut-table__main__head__tr--align${item.align ? item.align : ""}`]: true
           };
         };
+        const stylehead = (item) => {
+          return item.stylehead ? item.stylehead : "";
+        };
+        const stylecolumn = (item) => {
+          return item.stylecolumn ? item.stylecolumn : "";
+        };
         const getColumnItem = (value) => {
           return props.columns.filter((item) => item.key === value)[0];
         };
+        const getColumnItemStyle = (value) => {
+          const style = props.columns.filter((item) => item.key === value);
+          return style[0].stylecolumn ? style[0].stylecolumn : "";
+        };
         const handleSorterClick = (item) => {
           if (item.sorter) {
             emit("sorter", item);
@@ -17214,9 +17293,12 @@
           classes,
           cellClasses,
           getColumnItem,
+          getColumnItemStyle,
           handleSorterClick,
           sortDataItem,
-          translate: translate2
+          translate: translate2,
+          stylehead,
+          stylecolumn
         };
       }
     };
@@ -17230,17 +17312,17 @@
   const _hoisted_5$9 = { key: 1 };
   const _hoisted_6$8 = {
     key: 0,
-    class: "nut-table__summary"
-  };
-  const _hoisted_7$6 = ["innerHTML"];
-  const _hoisted_8$3 = {
-    key: 1,
     class: "nut-table__nodata"
   };
-  const _hoisted_9$3 = {
+  const _hoisted_7$6 = {
     key: 0,
     class: "nut-table__nodata__text"
   };
+  const _hoisted_8$3 = {
+    key: 1,
+    class: "nut-table__summary"
+  };
+  const _hoisted_9$3 = ["innerHTML"];
   function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     const _component_RenderColumn = vue.resolveComponent("RenderColumn");
@@ -17256,7 +17338,8 @@
               return vue.openBlock(), vue.createElementBlock("span", {
                 class: vue.normalizeClass(["nut-table__main__head__tr__th", _ctx.cellClasses(item)]),
                 key: item.key,
-                onClick: ($event) => _ctx.handleSorterClick(item)
+                onClick: ($event) => _ctx.handleSorterClick(item),
+                style: vue.normalizeStyle(item.stylehead)
               }, [
                 vue.createTextVNode(vue.toDisplayString(item.title) + " ", 1),
                 vue.renderSlot(_ctx.$slots, "icon"),
@@ -17265,7 +17348,7 @@
                   name: "down-arrow",
                   size: "12px"
                 })) : vue.createCommentVNode("", true)
-              ], 10, _hoisted_3$j);
+              ], 14, _hoisted_3$j);
             }), 128))
           ])
         ]),
@@ -17278,32 +17361,33 @@
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.sortDataItem(), ([value, render2]) => {
                 return vue.openBlock(), vue.createElementBlock("span", {
                   class: vue.normalizeClass(["nut-table__main__body__tr__td", _ctx.cellClasses(_ctx.getColumnItem(value))]),
-                  key: value
+                  key: value,
+                  style: vue.normalizeStyle(_ctx.getColumnItemStyle(value))
                 }, [
                   typeof item[value] === "function" || typeof render2 === "function" ? (vue.openBlock(), vue.createBlock(_component_RenderColumn, {
                     key: 0,
                     slots: [render2, item[value]],
                     record: item
                   }, null, 8, ["slots", "record"])) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$9, vue.toDisplayString(item[value]), 1))
-                ], 2);
+                ], 6);
               }), 128))
             ]);
           }), 128))
         ])
       ], 2),
-      _ctx.summary ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$8, [
-        vue.createElementVNode("span", {
-          class: "nut-table__summary__text",
-          innerHTML: _ctx.summary().value
-        }, null, 8, _hoisted_7$6)
-      ])) : vue.createCommentVNode("", true),
-      !_ctx.curData.length ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_8$3, [
+      !_ctx.curData.length ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$8, [
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["nut-table__nodata", { "nut-table__nodata--border": _ctx.bordered }])
         }, [
           vue.renderSlot(_ctx.$slots, "nodata"),
-          !_ctx.$slots.nodata ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$3, vue.toDisplayString(_ctx.translate("noData")), 1)) : vue.createCommentVNode("", true)
+          !_ctx.$slots.nodata ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$6, vue.toDisplayString(_ctx.translate("noData")), 1)) : vue.createCommentVNode("", true)
         ], 2)
+      ])) : vue.createCommentVNode("", true),
+      _ctx.summary ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_8$3, [
+        vue.createElementVNode("span", {
+          class: "nut-table__summary__text",
+          innerHTML: _ctx.summary().value
+        }, null, 8, _hoisted_9$3)
       ])) : vue.createCommentVNode("", true)
     ], 2);
   }
@@ -19324,9 +19408,12 @@
         vue.createElementVNode("div", _hoisted_5$6, vue.toDisplayString(_ctx.title), 1),
         vue.renderSlot(_ctx.$slots, "prolist"),
         _ctx.isNeedPrice ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$5, [
-          vue.createVNode(_component_nut_price, { price: _ctx.price }, null, 8, ["price"]),
-          _ctx.isHaveSlot("origin") ? vue.renderSlot(_ctx.$slots, "origin", { key: 0 }) : (vue.openBlock(), vue.createBlock(_component_nut_price, {
+          _ctx.isHaveSlot("price") ? vue.renderSlot(_ctx.$slots, "price", { key: 0 }) : (vue.openBlock(), vue.createBlock(_component_nut_price, {
             key: 1,
+            price: _ctx.price
+          }, null, 8, ["price"])),
+          _ctx.isHaveSlot("origin") ? vue.renderSlot(_ctx.$slots, "origin", { key: 2 }) : (vue.openBlock(), vue.createBlock(_component_nut_price, {
+            key: 3,
             class: "nut-card__right__price__origin",
             price: _ctx.vipPrice
           }, null, 8, ["price"]))
@@ -20345,7 +20432,7 @@
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.info.score = $event),
                 "icon-size": "10",
                 spacing: "5",
-                readOnly: "",
+                readonly: "",
                 onChange: _ctx.handleClick
               }, null, 8, ["modelValue", "onChange"])
             ])
@@ -20369,7 +20456,8 @@
           modelValue: _ctx.info.score,
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.info.score = $event),
           "icon-size": "12",
-          spacing: "3"
+          spacing: "3",
+          readonly: ""
         }, null, 8, ["modelValue"]),
         vue.createElementVNode("i", {
           class: vue.normalizeClass([`nut-comment-header__${_ctx.type}-score-i`])
@@ -20720,7 +20808,7 @@
       }
     });
   }
-  const version = "3.1.23-beta.2";
+  const version = "3.1.23-beta.5";
   var nutui_vue_build = { install, version, Locale };
   exports2.ActionSheet = ActionSheet;
   exports2.Address = Address;