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

package/dist/nutui.es.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.
 */
@@ -526,7 +526,7 @@ const _hoisted_2$14 = {
   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 = resolveComponent("nut-icon");
@@ -548,7 +548,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.title || _ctx.subTitle || _ctx.$slots.title ? (openBlock(), createElementBlock("view", _hoisted_2$14, [
         _ctx.subTitle ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           renderSlot(_ctx.$slots, "title", {}, () => [
-            createElementVNode("view", _hoisted_3$P, toDisplayString(_ctx.title), 1)
+            createElementVNode("view", _hoisted_3$Q, toDisplayString(_ctx.title), 1)
           ]),
           createElementVNode("view", _hoisted_4$E, toDisplayString(_ctx.subTitle), 1)
         ], 64)) : renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
@@ -645,14 +645,14 @@ const _hoisted_2$13 = {
   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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
     _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$1j, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
     _ctx.$slots.desc ? renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_2$13, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_3$O, [
+    createElementVNode("view", _hoisted_3$P, [
       renderSlot(_ctx.$slots, "default")
     ])
   ], 2);
@@ -1152,7 +1152,7 @@ const _hoisted_2$12 = {
   key: 0,
   class: "nut-img-loading"
 };
-const _hoisted_3$N = {
+const _hoisted_3$O = {
   key: 1,
   class: "nut-img-error"
 };
@@ -1178,7 +1178,7 @@ function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
       })) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "loading")
     ])) : createCommentVNode("", true),
-    _ctx.isError && !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_3$N, [
+    _ctx.isError && !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_3$O, [
       !_ctx.slotError ? (openBlock(), createBlock(_component_nut_icon, {
         key: 0,
         name: "image-error"
@@ -1880,7 +1880,7 @@ const _hoisted_2$11 = {
   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"
@@ -1914,7 +1914,7 @@ function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
         _ctx.leftText ? (openBlock(), createElementBlock("view", _hoisted_2$11, toDisplayString(_ctx.leftText), 1)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "left")
       ]),
-      createElementVNode("view", _hoisted_3$M, [
+      createElementVNode("view", _hoisted_3$N, [
         _ctx.title ? (openBlock(), createElementBlock("view", {
           key: 0,
           class: "title",
@@ -2041,7 +2041,7 @@ const _sfc_main$1z = create$1z({
 });
 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,
@@ -2071,7 +2071,7 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             createElementVNode("img", {
               src: item.icon
-            }, null, 8, _hoisted_3$L),
+            }, null, 8, _hoisted_3$M),
             createElementVNode("view", _hoisted_4$C, toDisplayString(item.text), 1),
             item.num ? (openBlock(), createElementBlock("view", _hoisted_5$s, toDisplayString(item.num), 1)) : createCommentVNode("", true)
           ], 8, _hoisted_2$10);
@@ -2462,10 +2462,10 @@ const _sfc_main$1w = create$1w({
       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 = reactive({
       children: mdValue.children,
@@ -2499,6 +2499,9 @@ const _sfc_main$1v = create$1v({
       type: String,
       default: ""
     },
+    name: {
+      type: String
+    },
     icon: {
       type: String,
       default: ""
@@ -2544,15 +2547,25 @@ const _sfc_main$1v = create$1v({
     });
     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 = computed(() => parent.children.indexOf(child.proxy));
+        state.index = (_a = props.name) != null ? _a : index.value;
       }
     };
     relation(getCurrentInstance());
-    function change(index) {
-      parent.changeIndex(index);
+    const active = 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 = computed(() => {
       if (parent) {
@@ -2562,13 +2575,19 @@ const _sfc_main$1v = create$1v({
     });
     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 {
@@ -2579,6 +2598,7 @@ const _sfc_main$1v = create$1v({
     });
     return {
       state,
+      active,
       change
     };
   }
@@ -2588,7 +2608,7 @@ const _hoisted_2$Z = {
   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"
 };
@@ -2601,15 +2621,15 @@ const _hoisted_6$o = { key: 0 };
 function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["nut-tabbar-item", { "nut-tabbar-item__icon--unactive": _ctx.state.active != _ctx.state.index }]),
+    class: normalizeClass(["nut-tabbar-item", { "nut-tabbar-item__icon--unactive": !_ctx.active }]),
     style: 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())
   }, [
     createElementVNode("view", _hoisted_1$1b, [
       !_ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        _ctx.num && _ctx.num <= 99 ? (openBlock(), createElementBlock("view", _hoisted_2$Z, toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (openBlock(), createElementBlock("view", _hoisted_3$K, toDisplayString("99+"))) : createCommentVNode("", true)
+        _ctx.num && _ctx.num <= 99 ? (openBlock(), createElementBlock("view", _hoisted_2$Z, toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (openBlock(), createElementBlock("view", _hoisted_3$L, toDisplayString("99+"))) : createCommentVNode("", true)
       ], 64)) : createCommentVNode("", true),
       _ctx.dot ? (openBlock(), createElementBlock("div", _hoisted_4$B)) : createCommentVNode("", true),
       _ctx.icon ? (openBlock(), createElementBlock("view", _hoisted_5$r, [
@@ -2625,7 +2645,7 @@ function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
         key: 3,
         class: "nut-tabbar-item_icon-box_icon",
         style: 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
         })
@@ -2822,7 +2842,7 @@ const _sfc_main$1u = create$1u({
 });
 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"];
@@ -2853,7 +2873,7 @@ function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
               !_ctx.$slots.default ? (openBlock(), createElementBlock("span", {
                 key: 0,
                 innerHTML: subitem.name
-              }, null, 8, _hoisted_3$J)) : renderSlot(_ctx.$slots, "default", {
+              }, null, 8, _hoisted_3$K)) : renderSlot(_ctx.$slots, "default", {
                 key: 1,
                 item: subitem
               })
@@ -3009,7 +3029,7 @@ const _hoisted_2$X = {
   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"
@@ -3035,7 +3055,7 @@ function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "page", { item }, () => [
             createTextVNode(toDisplayString(item.text), 1)
           ])
-        ], 10, _hoisted_3$I);
+        ], 10, _hoisted_3$J);
       }), 128))
     ])) : createCommentVNode("", true),
     _ctx.mode == "simple" ? (openBlock(), createElementBlock("view", _hoisted_4$z, [
@@ -3510,7 +3530,7 @@ const _sfc_main$1n = create$1n({
 });
 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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -3522,7 +3542,7 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
     }, [
       createElementVNode("span", _hoisted_2$U, toDisplayString(_ctx.title), 1),
-      createElementVNode("span", _hoisted_3$H, [
+      createElementVNode("span", _hoisted_3$I, [
         createVNode(_component_nut_icon, {
           name: "down-arrow",
           class: normalizeClass(_ctx.direction)
@@ -3896,7 +3916,7 @@ const _hoisted_2$T = {
   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"
@@ -3971,7 +3991,7 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
             }, [
               !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_4$y, toDisplayString(_ctx.curValue(index)), 1)) : createCommentVNode("", true)
             ], 4))
-          ], 42, _hoisted_3$G);
+          ], 42, _hoisted_3$H);
         }), 64)) : (openBlock(), createElementBlock("view", {
           key: 1,
           role: "slider",
@@ -4160,7 +4180,7 @@ const _hoisted_2$S = {
   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,
@@ -4187,7 +4207,7 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         renderSlot(_ctx.$slots, "leftin")
       ])) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_3$F, [
+      createElementVNode("view", _hoisted_3$G, [
         createElementVNode("form", {
           action: "#",
           onSubmit: _cache[5] || (_cache[5] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
@@ -4579,7 +4599,7 @@ const _hoisted_1$12 = {
   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__ */ createElementVNode("view", { class: "nut-cascader-pane" }, null, -1);
 function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
@@ -4609,7 +4629,7 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
                   role: "menuitemradio",
                   onClick: ($event) => _ctx.handleNode(node, false)
                 }, [
-                  createElementVNode("view", _hoisted_3$E, toDisplayString(node.text), 1),
+                  createElementVNode("view", _hoisted_3$F, toDisplayString(node.text), 1),
                   node.loading ? (openBlock(), createBlock(_component_nut_icon, {
                     key: 0,
                     class: "nut-cascader-item__icon-loading",
@@ -5406,7 +5426,7 @@ const _hoisted_2$Q = {
   key: 1,
   class: "calendar-top-slot"
 };
-const _hoisted_3$D = {
+const _hoisted_3$E = {
   key: 2,
   class: "calendar-curr-month"
 };
@@ -5456,7 +5476,7 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.showTopBtn ? (openBlock(), createElementBlock("view", _hoisted_2$Q, [
         renderSlot(_ctx.$slots, "btn")
       ])) : createCommentVNode("", true),
-      _ctx.showSubTitle ? (openBlock(), createElementBlock("view", _hoisted_3$D, toDisplayString(_ctx.yearMonthTitle), 1)) : createCommentVNode("", true),
+      _ctx.showSubTitle ? (openBlock(), createElementBlock("view", _hoisted_3$E, toDisplayString(_ctx.yearMonthTitle), 1)) : createCommentVNode("", true),
       createElementVNode("view", _hoisted_4$v, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weeks, (item, index) => {
           return openBlock(), createElementBlock("view", {
@@ -6004,6 +6024,10 @@ const _sfc_main$1e = create$1e({
     readonly: {
       type: Boolean,
       default: false
+    },
+    threeDimensional: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["click", "change"],
@@ -6028,7 +6052,6 @@ const _sfc_main$1e = create$1e({
     });
     const roller = ref(null);
     const list = ref(null);
-    const listItem = ref(null);
     const moving = ref(false);
     const touchDeg = ref(0);
     const touchTime = ref(0);
@@ -6040,7 +6063,7 @@ const _sfc_main$1e = create$1e({
         transform: `rotate3d(1, 0, 0, ${touchDeg.value})`
       };
     });
-    const touchListStyle = computed(() => {
+    const touchTileStyle = computed(() => {
       return {
         transition: `transform ${touchTime.value}ms cubic-bezier(0.17, 0.89, 0.45, 1)`,
         transform: `translate3d(0, ${state.scrollDistance}px, 0)`
@@ -6052,7 +6075,11 @@ const _sfc_main$1e = create$1e({
     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;
@@ -6066,13 +6093,8 @@ const _sfc_main$1e = create$1e({
         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;
@@ -6126,13 +6148,15 @@ const _sfc_main$1e = create$1e({
         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 = () => {
@@ -6159,7 +6183,14 @@ const _sfc_main$1e = create$1e({
       setChooseValue();
     };
     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
+    });
+    watch(() => props.value, (val) => {
       state.transformY = 0;
       modifyStatus(false);
     }, {
@@ -6176,19 +6207,25 @@ const _sfc_main$1e = create$1e({
       isHidden,
       roller,
       list,
-      listItem,
       onTouchStart,
       onTouchMove,
       onTouchEnd,
       touchRollerStyle,
-      touchListStyle,
+      touchTileStyle,
       setMove,
       stopMomentum
     };
   }
 });
-const _hoisted_1$$ = /* @__PURE__ */ 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__ */ 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 openBlock(), createElementBlock("view", {
     class: "nut-picker__list",
@@ -6199,29 +6236,30 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", {
       class: "nut-picker-roller",
       ref: "roller",
-      style: normalizeStyle(_ctx.touchRollerStyle),
+      style: normalizeStyle(_ctx.threeDimensional ? _ctx.touchRollerStyle : _ctx.touchTileStyle),
       onTransitionend: _cache[0] || (_cache[0] = (...args) => _ctx.stopMomentum && _ctx.stopMomentum(...args))
     }, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.column, (item, index) => {
         return openBlock(), createElementBlock(Fragment, {
           key: item.value ? item.value : index
         }, [
-          item && item.text ? (openBlock(), createElementBlock("view", {
+          item && item.text && _ctx.threeDimensional ? (openBlock(), createElementBlock("view", {
             key: 0,
             class: normalizeClass(["nut-picker-roller-item", { "nut-picker-roller-item-hidden": _ctx.isHidden(index + 1) }]),
             style: normalizeStyle(_ctx.setRollerStyle(index + 1))
-          }, toDisplayString(item.text), 7)) : createCommentVNode("", true)
+          }, toDisplayString(item.text), 7)) : createCommentVNode("", true),
+          item && item.text && !_ctx.threeDimensional ? (openBlock(), createElementBlock("view", _hoisted_1$$, toDisplayString(item.text), 1)) : createCommentVNode("", true)
         ], 64);
       }), 128))
     ], 36),
-    _hoisted_1$$,
-    createElementVNode("view", _hoisted_2$P, [
+    _hoisted_2$P,
+    _ctx.threeDimensional ? (openBlock(), createElementBlock("view", _hoisted_3$D, [
       createElementVNode("view", {
         class: "nut-picker-list-panel",
         ref: "list",
-        style: normalizeStyle(_ctx.touchListStyle)
+        style: normalizeStyle(_ctx.touchTileStyle)
       }, null, 4)
-    ])
+    ])) : createCommentVNode("", true)
   ], 32);
 }
 var column$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1a]]);
@@ -6258,6 +6296,10 @@ const _sfc_main$1d = create$1d({
     readonly: {
       type: Boolean,
       default: false
+    },
+    threeDimensional: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["close", "change", "confirm", "update:visible", "update:modelValue"],
@@ -6338,11 +6380,14 @@ const _sfc_main$1d = create$1d({
           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 : "";
         }
@@ -6451,10 +6496,11 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
                 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),
@@ -6530,6 +6576,10 @@ const _sfc_main$1c = create$1c({
       type: Function,
       default: null
     },
+    threeDimensional: {
+      type: Boolean,
+      default: true
+    },
     filter: Function
   },
   emits: ["click", "update:visible", "change", "confirm", "update:moduleValue"],
@@ -6657,7 +6707,7 @@ const _sfc_main$1c = create$1c({
       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);
@@ -6665,11 +6715,14 @@ const _sfc_main$1c = create$1c({
         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]));
@@ -6767,13 +6820,17 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
     onChange: _ctx.changeHandler,
     title: _ctx.title,
     onConfirm: _ctx.confirm,
-    isWrapTeleport: _ctx.isWrapTeleport
+    isWrapTeleport: _ctx.isWrapTeleport,
+    threeDimensional: _ctx.threeDimensional
   }, {
+    top: withCtx(() => [
+      renderSlot(_ctx.$slots, "top")
+    ]),
     default: withCtx(() => [
       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");
@@ -8083,7 +8140,11 @@ class Uploader$1 {
         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");
     }
@@ -8207,6 +8268,10 @@ const _sfc_main$14 = create$14({
       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");
@@ -8433,7 +8498,6 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
           ])) : createCommentVNode("", true),
           _ctx.isDeletable ? (openBlock(), createBlock(_component_nut_icon, {
             key: 2,
-            color: "rgba(0,0,0,0.6)",
             onClick: ($event) => _ctx.onDelete(item, index),
             class: "close",
             name: "failure"
@@ -9708,6 +9772,10 @@ const _sfc_main$Z = create$Z({
     isWrapTeleport: {
       type: Boolean,
       default: true
+    },
+    closeAbled: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["cancel", "close", "choose", "update:visible"],
@@ -9775,7 +9843,8 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
       isWrapTeleport: _ctx.isWrapTeleport,
       position: "bottom",
       round: "",
-      onClickOverlay: _ctx.close
+      onClickOverlay: _ctx.close,
+      closeOnClickOverlay: _ctx.closeAbled
     }, {
       default: withCtx(() => [
         createElementVNode("view", _hoisted_1$O, [
@@ -9808,7 +9877,7 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       _: 3
-    }, 8, ["visible", "isWrapTeleport", "onClickOverlay"])
+    }, 8, ["visible", "isWrapTeleport", "onClickOverlay", "closeOnClickOverlay"])
   ], 2);
 }
 var ActionSheet = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$Y]]);
@@ -17189,9 +17258,19 @@ const component = (componentName2, translate2) => {
           [`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);
@@ -17211,9 +17290,12 @@ const component = (componentName2, translate2) => {
         classes,
         cellClasses,
         getColumnItem,
+        getColumnItemStyle,
         handleSorterClick,
         sortDataItem,
-        translate: translate2
+        translate: translate2,
+        stylehead,
+        stylecolumn
       };
     }
   };
@@ -17227,17 +17309,17 @@ const _hoisted_4$g = { class: "nut-table__main__body" };
 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 = resolveComponent("nut-icon");
   const _component_RenderColumn = resolveComponent("RenderColumn");
@@ -17253,7 +17335,8 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
             return openBlock(), createElementBlock("span", {
               class: normalizeClass(["nut-table__main__head__tr__th", _ctx.cellClasses(item)]),
               key: item.key,
-              onClick: ($event) => _ctx.handleSorterClick(item)
+              onClick: ($event) => _ctx.handleSorterClick(item),
+              style: normalizeStyle(item.stylehead)
             }, [
               createTextVNode(toDisplayString(item.title) + " ", 1),
               renderSlot(_ctx.$slots, "icon"),
@@ -17262,7 +17345,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
                 name: "down-arrow",
                 size: "12px"
               })) : createCommentVNode("", true)
-            ], 10, _hoisted_3$j);
+            ], 14, _hoisted_3$j);
           }), 128))
         ])
       ]),
@@ -17275,32 +17358,33 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.sortDataItem(), ([value, render2]) => {
               return openBlock(), createElementBlock("span", {
                 class: normalizeClass(["nut-table__main__body__tr__td", _ctx.cellClasses(_ctx.getColumnItem(value))]),
-                key: value
+                key: value,
+                style: normalizeStyle(_ctx.getColumnItemStyle(value))
               }, [
                 typeof item[value] === "function" || typeof render2 === "function" ? (openBlock(), createBlock(_component_RenderColumn, {
                   key: 0,
                   slots: [render2, item[value]],
                   record: item
                 }, null, 8, ["slots", "record"])) : (openBlock(), createElementBlock("view", _hoisted_5$9, toDisplayString(item[value]), 1))
-              ], 2);
+              ], 6);
             }), 128))
           ]);
         }), 128))
       ])
     ], 2),
-    _ctx.summary ? (openBlock(), createElementBlock("view", _hoisted_6$8, [
-      createElementVNode("span", {
-        class: "nut-table__summary__text",
-        innerHTML: _ctx.summary().value
-      }, null, 8, _hoisted_7$6)
-    ])) : createCommentVNode("", true),
-    !_ctx.curData.length ? (openBlock(), createElementBlock("view", _hoisted_8$3, [
+    !_ctx.curData.length ? (openBlock(), createElementBlock("view", _hoisted_6$8, [
       createElementVNode("div", {
         class: normalizeClass(["nut-table__nodata", { "nut-table__nodata--border": _ctx.bordered }])
       }, [
         renderSlot(_ctx.$slots, "nodata"),
-        !_ctx.$slots.nodata ? (openBlock(), createElementBlock("div", _hoisted_9$3, toDisplayString(_ctx.translate("noData")), 1)) : createCommentVNode("", true)
+        !_ctx.$slots.nodata ? (openBlock(), createElementBlock("div", _hoisted_7$6, toDisplayString(_ctx.translate("noData")), 1)) : createCommentVNode("", true)
       ], 2)
+    ])) : createCommentVNode("", true),
+    _ctx.summary ? (openBlock(), createElementBlock("view", _hoisted_8$3, [
+      createElementVNode("span", {
+        class: "nut-table__summary__text",
+        innerHTML: _ctx.summary().value
+      }, null, 8, _hoisted_9$3)
     ])) : createCommentVNode("", true)
   ], 2);
 }
@@ -19321,9 +19405,12 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", _hoisted_5$6, toDisplayString(_ctx.title), 1),
       renderSlot(_ctx.$slots, "prolist"),
       _ctx.isNeedPrice ? (openBlock(), createElementBlock("div", _hoisted_6$5, [
-        createVNode(_component_nut_price, { price: _ctx.price }, null, 8, ["price"]),
-        _ctx.isHaveSlot("origin") ? renderSlot(_ctx.$slots, "origin", { key: 0 }) : (openBlock(), createBlock(_component_nut_price, {
+        _ctx.isHaveSlot("price") ? renderSlot(_ctx.$slots, "price", { key: 0 }) : (openBlock(), createBlock(_component_nut_price, {
           key: 1,
+          price: _ctx.price
+        }, null, 8, ["price"])),
+        _ctx.isHaveSlot("origin") ? renderSlot(_ctx.$slots, "origin", { key: 2 }) : (openBlock(), createBlock(_component_nut_price, {
+          key: 3,
           class: "nut-card__right__price__origin",
           price: _ctx.vipPrice
         }, null, 8, ["price"]))
@@ -20342,7 +20429,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
               "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"])
           ])
@@ -20366,7 +20453,8 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
         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"]),
       createElementVNode("i", {
         class: normalizeClass([`nut-comment-header__${_ctx.type}-score-i`])
@@ -20717,6 +20805,6 @@ function install(app) {
     }
   });
 }
-const version = "3.1.23-beta.2";
+const version = "3.1.23-beta.5";
 var nutui_vue_build = { install, version, Locale };
 export { ActionSheet, Address, AddressList, Animate, Audio, AudioOperate, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cascader, Category, CategoryPane, Cell, CellGroup, _sfc_main$1g as Checkbox, _sfc_main$1f as CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, Comment, _sfc_main$1J as ConfigProvider, CountDown, CountUp, DatePicker, _Dialog as Dialog, Divider, Drag, Ecard, Elevator, Ellipsis, Empty, FixedNav, Form, FormItem, _sfc_main$1C as Grid, GridItem, _sfc_main$1P as Icon, Image$1 as Image, _ImagePreview as ImagePreview, Indicator, InfiniteLoading, Input, InputNumber, _sfc_main$1H as Layout, List, Locale, Menu, MenuItem, Navbar, NoticeBar, NotifyFunction as Notify, NumberKeyboard, OldPicker, OverLay, Pagination, Picker, Popover, Popup, Price, Progress, PullRefresh, _sfc_main$19 as Radio, _sfc_main$18 as RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Sku, Step, _sfc_main$G as Steps, _sfc_main$1E as Sticky, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, ToastFunction as Toast, Uploader, Video, WaterMark, nutui_vue_build as default, install, version };