@nutui/nutui 3.2.1 → 3.2.2-beta.1

package/dist/packages/_es/InputNumber.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, createElementVNode } from "vue";
+import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, mergeProps, createElementVNode } from "vue";
 import { c as createComponent } from "./component.js";
 import { p as pxCheck } from "./pxCheck.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
@@ -46,6 +46,14 @@ const _sfc_main = create({
     readonly: {
       type: Boolean,
       default: false
+    },
+    iconLeft: {
+      type: String,
+      default: "minus"
+    },
+    iconRight: {
+      type: String,
+      default: "plus"
     }
   },
   emits: ["update:modelValue", "change", "blur", "focus", "reduce", "add", "overlimit"],
@@ -135,12 +143,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle({ height: _ctx.pxCheck(_ctx.buttonSize) })
   }, [
-    createVNode(_component_nut_icon, {
-      name: "minus",
-      class: normalizeClass(["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.reduceAllow() }]),
-      size: _ctx.buttonSize,
-      onClick: _ctx.reduce
-    }, null, 8, ["class", "size", "onClick"]),
+    createVNode(_component_nut_icon, mergeProps({
+      name: _ctx.iconLeft,
+      class: ["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.reduceAllow() }],
+      size: _ctx.buttonSize
+    }, _ctx.$attrs, { onClick: _ctx.reduce }), null, 16, ["name", "class", "size", "onClick"]),
     createElementVNode("input", {
       type: "number",
       min: _ctx.min,
@@ -153,12 +160,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onBlur: _cache[1] || (_cache[1] = (...args) => _ctx.blur && _ctx.blur(...args)),
       onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args))
     }, null, 44, _hoisted_1),
-    createVNode(_component_nut_icon, {
-      name: "plus",
-      class: normalizeClass(["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.addAllow() }]),
-      size: _ctx.buttonSize,
-      onClick: _ctx.add
-    }, null, 8, ["class", "size", "onClick"])
+    createVNode(_component_nut_icon, mergeProps({
+      name: _ctx.iconRight,
+      class: ["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.addAllow() }],
+      size: _ctx.buttonSize
+    }, _ctx.$attrs, { onClick: _ctx.add }), null, 16, ["name", "class", "size", "onClick"])
   ], 6);
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package/dist/packages/_es/Layout.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/List.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -64,9 +64,12 @@ const _sfc_main = create({
       }
       state.startOffset = scrollTop - scrollTop % props.height;
     };
-    watch(() => props.listData, () => {
-      state.list = props.listData.slice();
-    });
+    watch(
+      () => props.listData,
+      () => {
+        state.list = props.listData.slice();
+      }
+    );
     return {
       ...toRefs(state),
       list,

package/dist/packages/_es/Menu.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -56,11 +56,17 @@ const _sfc_main = create({
             publicChildren.push(child.proxy);
           }
         };
-        provide("menuParent", Object.assign({
-          link,
-          children: publicChildren,
-          internalChildren
-        }, value));
+        provide(
+          "menuParent",
+          Object.assign(
+            {
+              link,
+              children: publicChildren,
+              internalChildren
+            },
+            value
+          )
+        );
       };
       return {
         children: publicChildren,

package/dist/packages/_es/MenuItem.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Navbar.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/NoticeBar.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -152,12 +152,18 @@ const _sfc_main = create({
       }
       return styles;
     });
-    watch(() => props.text, (value) => {
-      initScrollWrap();
-    });
-    watch(() => props.list, (value) => {
-      state.scrollList = [].concat(value);
-    });
+    watch(
+      () => props.text,
+      (value) => {
+        initScrollWrap();
+      }
+    );
+    watch(
+      () => props.list,
+      (value) => {
+        state.scrollList = [].concat(value);
+      }
+    );
     const initScrollWrap = (value) => {
       if (state.showNoticeBar == false) {
         return;

package/dist/packages/_es/Notify.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -77,11 +77,14 @@ const _sfc_main = create({
     if (props.duration) {
       show();
     }
-    watch(() => props.duration, (val) => {
-      if (val) {
-        show();
+    watch(
+      () => props.duration,
+      (val) => {
+        if (val) {
+          show();
+        }
       }
-    });
+    );
     const onAfterLeave = () => {
       clearTimer();
       props.unmount && props.unmount(props.id);

package/dist/packages/_es/NumberKeyboard.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -106,7 +106,11 @@ const _sfc_main = create({
           keys.push({ id: 0, type: "number" }, { id: customKeys[0], type: "custom" });
         }
       } else if (customKeys.length === 2) {
-        keys.push({ id: customKeys[0], type: "custom" }, { id: 0, type: "number" }, { id: customKeys[1], type: "custom" });
+        keys.push(
+          { id: customKeys[0], type: "custom" },
+          { id: 0, type: "number" },
+          { id: customKeys[1], type: "custom" }
+        );
       }
       return keys;
     }
@@ -116,9 +120,12 @@ const _sfc_main = create({
       }
       return defaultKey();
     });
-    watch(() => props.visible, (value) => {
-      show.value = value;
-    });
+    watch(
+      () => props.visible,
+      (value) => {
+        show.value = value;
+      }
+    );
     function onTouchstart(item, event) {
       event.stopPropagation();
       clickKeyIndex.value = item.id;

package/dist/packages/_es/OldPicker.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -158,16 +158,23 @@ const _sfc_main$1 = create$1({
       type && setChooseValue();
       setMove(-move);
     };
-    watch(() => props.listData, (val) => {
-      state.transformY = 0;
-      modifyStatus(false);
-    }, {
-      deep: true
-    });
-    watch(() => props.defaultIndex, (val) => {
-      state.transformY = 0;
-      modifyStatus(false);
-    });
+    watch(
+      () => props.listData,
+      (val) => {
+        state.transformY = 0;
+        modifyStatus(false);
+      },
+      {
+        deep: true
+      }
+    );
+    watch(
+      () => props.defaultIndex,
+      (val) => {
+        state.transformY = 0;
+        modifyStatus(false);
+      }
+    );
     onMounted(() => {
       modifyStatus(true);
     });
@@ -362,7 +369,9 @@ const _sfc_main = create({
         _defaultIndex = dataIndex;
       } else if (dataType.value === "multipleColumns") {
         defaultIndexList[columnIndex] = dataIndex;
-        const val = defaultIndexList.map((res, i) => toRaw(state.formattedColumns)[i].values[res]);
+        const val = defaultIndexList.map(
+          (res, i) => toRaw(state.formattedColumns)[i].values[res]
+        );
         emit("change", val, columnIndex, dataIndex);
       }
     };
@@ -374,7 +383,9 @@ const _sfc_main = create({
         for (let i = 0; i < defaultIndexList.length; i++) {
           state.formattedColumns[i].defaultIndex = defaultIndexList[i];
         }
-        const checkedArr = toRaw(state.formattedColumns).map((res) => res.values && res.values[res.defaultIndex]);
+        const checkedArr = toRaw(state.formattedColumns).map(
+          (res) => res.values && res.values[res.defaultIndex]
+        );
         emit("confirm", checkedArr);
       } else if (dataType.value === "cascade") {
         emit("confirm", getCascadeData(toRaw(state.formattedColumns), state.defaultIndex));
@@ -389,12 +400,18 @@ const _sfc_main = create({
       if (props.visible)
         state.show = false;
     });
-    watch(() => props.visible, (val) => {
-      state.show = val;
-    });
-    watch(() => props.listData, (val) => {
-      state.formattedColumns = val;
-    });
+    watch(
+      () => props.visible,
+      (val) => {
+        state.show = val;
+      }
+    );
+    watch(
+      () => props.listData,
+      (val) => {
+        state.formattedColumns = val;
+      }
+    );
     return {
       classes,
       ...toRefs(state),

package/dist/packages/_es/OverLay.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -48,9 +48,12 @@ const _sfc_main = create({
         [props.overlayClass]: true
       };
     });
-    watch(() => props.visible, (value) => {
-      value ? lock() : unlock();
-    });
+    watch(
+      () => props.visible,
+      (value) => {
+        value ? lock() : unlock();
+      }
+    );
     const lock = () => {
       if (props.lockScroll && props.visible) {
         document.body.classList.add("nut-overflow-hidden");

package/dist/packages/_es/Pagination.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Picker.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -32,6 +32,10 @@ const _sfc_main$1 = create$1({
     threeDimensional: {
       type: Boolean,
       default: true
+    },
+    swipeDuration: {
+      type: [Number, String],
+      default: 1e3
     }
   },
   emits: ["click", "change"],
@@ -59,6 +63,7 @@ const _sfc_main$1 = create$1({
     const moving = ref(false);
     const touchDeg = ref(0);
     const touchTime = ref(0);
+    const DEFAULT_DURATION = 200;
     const INERTIA_TIME = 300;
     const INERTIA_DISTANCE = 15;
     const touchRollerStyle = computed(() => {
@@ -107,7 +112,7 @@ const _sfc_main$1 = create$1({
       let moveTime = state.touchParams.lastTime - state.touchParams.startTime;
       if (moveTime <= INERTIA_TIME && Math.abs(move) > INERTIA_DISTANCE) {
         const distance = momentum(move, moveTime);
-        setMove(distance, "end", moveTime + 1e3);
+        setMove(distance, "end", +props.swipeDuration);
         return;
       } else {
         setMove(move, "end");
@@ -129,7 +134,7 @@ const _sfc_main$1 = create$1({
         return false;
       }
     };
-    const setTransform = (translateY = 0, type, time = 1e3, deg) => {
+    const setTransform = (translateY = 0, type, time = DEFAULT_DURATION, deg) => {
       if (type === "end") {
         touchTime.value = time;
       } else {
@@ -186,20 +191,28 @@ const _sfc_main$1 = create$1({
       moving.value = false;
       setChooseValue();
     };
-    watch(() => props.column, (val) => {
-      if (props.column && props.column.length > 0) {
+    watch(
+      () => props.column,
+      (val) => {
+        if (props.column && props.column.length > 0) {
+          state.transformY = 0;
+          modifyStatus(false);
+        }
+      },
+      {
+        deep: true
+      }
+    );
+    watch(
+      () => props.value,
+      (val) => {
         state.transformY = 0;
         modifyStatus(false);
+      },
+      {
+        deep: true
       }
-    }, {
-      deep: true
-    });
-    watch(() => props.value, (val) => {
-      state.transformY = 0;
-      modifyStatus(false);
-    }, {
-      deep: true
-    });
+    );
     onMounted(() => {
       modifyStatus(true);
     });
@@ -304,6 +317,10 @@ const _sfc_main = create({
     threeDimensional: {
       type: Boolean,
       default: true
+    },
+    swipeDuration: {
+      type: [Number, String],
+      default: 1e3
     }
   },
   emits: ["close", "change", "confirm", "update:visible", "update:modelValue"],
@@ -423,25 +440,39 @@ const _sfc_main = create({
       if (props.visible)
         state.show = false;
     });
-    watch(() => props.modelValue, (newValues) => {
-      const isSameValue = JSON.stringify(newValues) === JSON.stringify(defaultValues.value);
-      if (!isSameValue) {
-        defaultValues.value = newValues;
+    watch(
+      () => props.modelValue,
+      (newValues) => {
+        const isSameValue = JSON.stringify(newValues) === JSON.stringify(defaultValues.value);
+        if (!isSameValue) {
+          defaultValues.value = newValues;
+        }
+      },
+      { deep: true }
+    );
+    watch(
+      defaultValues,
+      (newValues) => {
+        const isSameValue = JSON.stringify(newValues) === JSON.stringify(props.modelValue);
+        if (!isSameValue) {
+          emit("update:modelValue", newValues);
+        }
+      },
+      { immediate: true }
+    );
+    watch(
+      () => props.visible,
+      (val) => {
+        state.show = val;
       }
-    }, { deep: true });
-    watch(defaultValues, (newValues) => {
-      const isSameValue = JSON.stringify(newValues) === JSON.stringify(props.modelValue);
-      if (!isSameValue) {
-        emit("update:modelValue", newValues);
+    );
+    watch(
+      () => props.columns,
+      (val) => {
+        if (val.length)
+          state.formattedColumns = val;
       }
-    }, { immediate: true });
-    watch(() => props.visible, (val) => {
-      state.show = val;
-    });
-    watch(() => props.columns, (val) => {
-      if (val.length)
-        state.formattedColumns = val;
-    });
+    );
     return {
       classes,
       ...toRefs(state),
@@ -507,10 +538,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 columnsType: _ctx.columnsType,
                 value: _ctx.defaultValues[columnIndex],
                 threeDimensional: _ctx.threeDimensional,
+                swipeDuration: _ctx.swipeDuration,
                 onChange: (option) => {
                   _ctx.changeHandler(columnIndex, option);
                 }
-              }, null, 8, ["itemShow", "column", "readonly", "columnsType", "value", "threeDimensional", "onChange"])
+              }, null, 8, ["itemShow", "column", "readonly", "columnsType", "value", "threeDimensional", "swipeDuration", "onChange"])
             ]);
           }), 128))
         ], 512),

package/dist/packages/_es/Popover.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -38,32 +38,47 @@ function isShadowRoot(node) {
   return node instanceof OwnElement || node instanceof ShadowRoot;
 }
 var round = Math.round;
-function getBoundingClientRect(element, includeScale) {
+function getUAString() {
+  var uaData = navigator.userAgentData;
+  if (uaData != null && uaData.brands) {
+    return uaData.brands.map(function(item) {
+      return item.brand + "/" + item.version;
+    }).join(" ");
+  }
+  return navigator.userAgent;
+}
+function isLayoutViewport() {
+  return !/^((?!chrome|android).)*safari/i.test(getUAString());
+}
+function getBoundingClientRect(element, includeScale, isFixedStrategy) {
   if (includeScale === void 0) {
     includeScale = false;
   }
-  var rect = element.getBoundingClientRect();
+  if (isFixedStrategy === void 0) {
+    isFixedStrategy = false;
+  }
+  var clientRect = element.getBoundingClientRect();
   var scaleX = 1;
   var scaleY = 1;
-  if (isHTMLElement(element) && includeScale) {
-    var offsetHeight = element.offsetHeight;
-    var offsetWidth = element.offsetWidth;
-    if (offsetWidth > 0) {
-      scaleX = round(rect.width) / offsetWidth || 1;
-    }
-    if (offsetHeight > 0) {
-      scaleY = round(rect.height) / offsetHeight || 1;
-    }
-  }
+  if (includeScale && isHTMLElement(element)) {
+    scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
+    scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
+  }
+  var _ref = isElement(element) ? getWindow(element) : window, visualViewport = _ref.visualViewport;
+  var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
+  var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
+  var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
+  var width = clientRect.width / scaleX;
+  var height = clientRect.height / scaleY;
   return {
-    width: rect.width / scaleX,
-    height: rect.height / scaleY,
-    top: rect.top / scaleY,
-    right: rect.right / scaleX,
-    bottom: rect.bottom / scaleY,
-    left: rect.left / scaleX,
-    x: rect.left / scaleX,
-    y: rect.top / scaleY
+    width,
+    height,
+    top: y,
+    right: x + width,
+    bottom: y + height,
+    left: x,
+    x,
+    y
   };
 }
 function getWindowScroll(node) {
@@ -117,7 +132,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
   var isOffsetParentAnElement = isHTMLElement(offsetParent);
   var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
   var documentElement = getDocumentElement(offsetParent);
-  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
+  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
   var scroll = {
     scrollLeft: 0,
     scrollTop: 0
@@ -199,8 +214,8 @@ function getTrueOffsetParent(element) {
   return element.offsetParent;
 }
 function getContainingBlock(element) {
-  var isFirefox = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1;
-  var isIE = navigator.userAgent.indexOf("Trident") !== -1;
+  var isFirefox = /firefox/i.test(getUAString());
+  var isIE = /Trident/i.test(getUAString());
   if (isIE && isHTMLElement(element)) {
     var elementCss = getComputedStyle(element);
     if (elementCss.position === "fixed") {
@@ -888,13 +903,19 @@ const _sfc_main = create({
     onUnmounted(() => {
       window.removeEventListener("click", clickAway, true);
     });
-    watch(() => props.visible, (value) => {
-      showPopup.value = value;
-      uploadLocation();
-    });
-    watch(() => props.location, (value) => {
-      uploadLocation();
-    });
+    watch(
+      () => props.visible,
+      (value) => {
+        showPopup.value = value;
+        uploadLocation();
+      }
+    );
+    watch(
+      () => props.location,
+      (value) => {
+        uploadLocation();
+      }
+    );
     const update = (val) => {
       emit("update", val);
       emit("update:visible", val);