@nutui/nutui 3.2.7 → 3.2.8-beta.0

package/dist/packages/_es/TextArea.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TimeDetail.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TimePannel.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TimeSelect.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -36,7 +36,7 @@ const _sfc_main = create({
       type: [Boolean],
       default: false
     },
-    isWrapTeleport: {
+    teleportDisable: {
       type: Boolean,
       default: false
     }
@@ -84,7 +84,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     position: "bottom",
     closeable: "",
     round: "",
-    isWrapTeleport: _ctx.isWrapTeleport,
+    teleportDisable: _ctx.teleportDisable,
     visible: _ctx.visible,
     style: normalizeStyle(_ctx.popStyle),
     "lock-scroll": _ctx.lockScroll,
@@ -111,7 +111,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)
     ]),
     _: 3
-  }, 8, ["isWrapTeleport", "visible", "style", "lock-scroll", "onClickOverlay", "onClickCloseIcon"]);
+  }, 8, ["teleportDisable", "visible", "style", "lock-scroll", "onClickOverlay", "onClickCloseIcon"]);
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { index as default };

package/dist/packages/_es/Toast.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -8,6 +8,7 @@ import { c as createComponent } from "./component.js";
 import _sfc_main$1 from "./Icon.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
+import { C as CreateComponent } from "./mountComponent.js";
 import "./pxCheck.js";
 const { create } = createComponent("toast");
 const _sfc_main = create({
@@ -272,11 +273,9 @@ const mountToast = (opts) => {
   opts.id = _id;
   idsMap.push(opts.id);
   optsMap.push(opts);
-  const container = document.createElement("div");
-  container.id = opts.id;
-  const instance = createVNode(Toast, opts);
-  render(instance, container);
-  document.body.appendChild(container);
+  CreateComponent(opts, {
+    wrapper: Toast
+  });
   return ToastFunction;
 };
 const errorMsg = (msg) => {

package/dist/packages/_es/TrendArrow.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Uploader.js

@@ -1,10 +1,10 @@
 /*!
-* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { reactive, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, Fragment, createCommentVNode, renderList, createElementVNode, toDisplayString, createVNode, createBlock, mergeProps, createTextVNode } from "vue";
-import { c as createComponent, i as isPromise } from "./component.js";
+import { c as createComponent, d as isPromise } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 class UploadOptions {

package/dist/packages/_es/Video.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/WaterMark.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/common.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/component.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -41,11 +41,16 @@ const TypeOfFun = (value) => {
       return "unknow";
   }
 };
+const isArray = Array.isArray;
+const isDate = (val) => val instanceof Date;
 const isFunction = (val) => typeof val === "function";
+const isString = (val) => typeof val === "string";
 const isObject = (val) => val !== null && typeof val === "object";
 const isPromise = (val) => {
   return isObject(val) && isFunction(val.then) && isFunction(val.catch);
 };
+const docu = document;
+const body = docu.body;
 const getPropByPath = (obj, keyPath) => {
   try {
     return keyPath.split(".").reduce((prev, curr) => prev[curr], obj);
@@ -82,6 +87,21 @@ function myFixed(num, digit = 2) {
   num = parseFloat(num);
   return (Math.round((num + Number.EPSILON) * Math.pow(10, digit)) / Math.pow(10, digit)).toFixed(digit);
 }
+function preventDefault(event, isStopPropagation) {
+  if (typeof event.cancelable !== "boolean" || event.cancelable) {
+    event.preventDefault();
+  }
+  if (isStopPropagation) {
+    event.stopPropagation();
+  }
+}
+const padZero = (num, length = 2) => {
+  num += "";
+  while (num.length < length) {
+    num = "0" + num;
+  }
+  return num.toString();
+};
 function createComponent(name) {
   const componentName = "nut-" + name;
   return {
@@ -106,4 +126,4 @@ function createComponent(name) {
     }
   };
 }
-export { TypeOfFun as T, isObject as a, createComponent as c, floatData as f, getPropByPath as g, isPromise as i, myFixed as m };
+export { TypeOfFun as T, preventDefault as a, body as b, createComponent as c, isPromise as d, isObject as e, isString as f, getPropByPath as g, isFunction as h, isDate as i, isArray as j, floatData as k, myFixed as m, padZero as p };

package/dist/packages/_es/index.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/index2.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/index3.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/index4.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/index5.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/interceptor.js

@@ -0,0 +1,32 @@
+/*!
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { d as isPromise } from "./component.js";
+const funInterceptor = (interceptor, {
+  args = [],
+  done,
+  canceled
+}) => {
+  if (interceptor) {
+    const returnVal = interceptor.apply(null, args);
+    if (isPromise(returnVal)) {
+      returnVal.then((value) => {
+        if (value) {
+          done();
+        } else if (canceled) {
+          canceled();
+        }
+      }).catch(() => {
+      });
+    } else if (returnVal) {
+      done();
+    } else if (canceled) {
+      canceled();
+    }
+  } else {
+    done();
+  }
+};
+export { funInterceptor as f };

package/dist/packages/_es/mountComponent.js

@@ -0,0 +1,42 @@
+/*!
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { createApp } from "vue";
+import { f as isString, h as isFunction } from "./component.js";
+const CreateComponent = (options, component) => {
+  let elWarp = document.body;
+  const teleport = options.teleport || "body";
+  if (teleport != "body") {
+    if (isString(teleport)) {
+      elWarp = document.querySelector(teleport);
+    } else {
+      elWarp = options.teleport;
+    }
+  }
+  const root = document.createElement("view");
+  const name = component.name && component.name + "-";
+  const id1 = options.id || new Date().getTime();
+  root.id = name + id1;
+  let Wrapper = {};
+  if (isFunction(component.wrapper)) {
+    Wrapper = component.wrapper(elWarp, root);
+  } else {
+    Wrapper = component.wrapper;
+  }
+  const instance = createApp(Wrapper, options);
+  const componens = component.components;
+  componens && componens.forEach((comp) => {
+    instance.use(comp);
+  });
+  elWarp.appendChild(root);
+  return {
+    instance: instance.mount(root),
+    unmount: () => {
+      instance.unmount();
+      elWarp.removeChild(root);
+    }
+  };
+};
+export { CreateComponent as C };

package/dist/packages/_es/plugin-vue_export-helper.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/props.js

@@ -0,0 +1,80 @@
+/*!
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+const popupProps = {
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  zIndex: {
+    type: [Number, String],
+    default: 2e3
+  },
+  duration: {
+    type: [Number, String],
+    default: 0.3
+  },
+  lockScroll: {
+    type: Boolean,
+    default: false
+  },
+  closeOnClickOverlay: {
+    type: Boolean,
+    default: true
+  },
+  position: {
+    type: String,
+    default: "center"
+  },
+  transition: {
+    type: String,
+    default: ""
+  },
+  style: {
+    type: Object,
+    default: {}
+  },
+  popClass: {
+    type: String,
+    default: ""
+  },
+  closeable: {
+    type: Boolean,
+    default: false
+  },
+  closeIconPosition: {
+    type: String,
+    default: "top-right"
+  },
+  closeIcon: {
+    type: String,
+    default: "close"
+  },
+  destroyOnClose: {
+    type: Boolean,
+    default: true
+  },
+  teleport: {
+    type: [String, Element],
+    default: "body"
+  },
+  overlay: {
+    type: Boolean,
+    default: true
+  },
+  round: {
+    type: Boolean,
+    default: false
+  },
+  teleportDisable: {
+    type: Boolean,
+    default: false
+  },
+  safeAreaInsetBottom: {
+    type: Boolean,
+    default: false
+  }
+};
+export { popupProps as p };

package/dist/packages/_es/pxCheck.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/raf.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/style.css

@@ -13,4 +13,4 @@ from {
 to {
     transform: translateX(var(--01d702ea));
 }
-}/* @import './index.scss'; */
+}

package/dist/packages/address/index.scss

@@ -9,7 +9,7 @@
     }
 
     .custom-address {
-      .region-tab {
+      .nut-address-region-tab {
         color: $dark-color;
       }
       .region-con {
@@ -63,7 +63,7 @@
   // 请选择
   .custom-address {
     display: block;
-    .region-tab {
+    .nut-address-region-tab {
       position: relative;
       margin-top: 32px;
       padding: 0 20px;
@@ -235,4 +235,9 @@
       color: $white;
     }
   }
+
+  &-select-icon {
+    margin-right: $address-item-margin-right;
+    color: $address-icon-color !important;
+  }
 }

package/dist/packages/addresslist/index.scss

@@ -1,34 +1,19 @@
 .nut-theme-dark {
   .nut-addresslist {
-    .nut-long-press-shell {
-      &__contain {
-        background-color: $dark-background2;
-        border-bottom: 1px solid $dark-color-gray;
-        color: $dark-color;
-        &-mask {
-          background-color: $dark-color3;
-          &-copy {
-            color: $dark-color-gray;
-            background-color: $dark-color;
-          }
-        }
-      }
-    }
-    .nut-swipe-shell,
-    .nut-general-shell {
+    &-swipe,
+    &-general {
       background-color: $dark-background2;
       border-bottom: 1px solid $dark-color-gray;
       color: $dark-color;
-    }
-    .nut-item-contents {
-      &__info {
-        &-contact {
-          &-default {
-            background: $addresslist-contnts-contact-default;
-            color: $addresslist-contnts-contact-color;
-          }
+      &__mask {
+        background-color: $dark-color3;
+        &-copy {
+          color: $dark-color-gray;
+          background-color: $dark-color;
         }
       }
+    }
+    &-item {
       &__addr {
         color: $dark-color-gray;
       }
@@ -40,73 +25,11 @@
 }
 .nut-addresslist {
   overflow: hidden;
-  .nut-long-press-shell {
-    &__contain {
-      width: 100%;
-      min-height: 76px;
-      padding: 5px 10px;
-      background-color: $addresslist-bg;
-      border-bottom: 1px solid $addresslist-border;
-      color: $addresslist-font-color;
-      font-size: $addresslist-font-size;
-      display: flex;
-      align-items: center;
-      position: relative;
-      box-sizing: border-box;
-      &-mask {
-        position: absolute;
-        top: 0;
-        left: 0;
-        bottom: 0;
-        right: 0;
-        background-color: $addresslist-mask-bg;
-        display: flex;
-        justify-content: space-around;
-        align-items: center;
-        padding: 0 40px;
-        z-index: 2001;
-        &-copy,
-        &-set,
-        &-del {
-          height: 55px;
-          width: 55px;
-          border-radius: 50%;
-          text-align: center;
-          background-color: $white;
-          font-size: 14px;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-        }
-        &-set {
-          color: $white;
-          background-color: $addresslist-set-bg;
-        }
-        &-del {
-          color: $white;
-          background-color: $addresslist-del-bg;
-        }
-      }
-    }
-    //设置mask
-    &__mask-bottom {
-      position: fixed;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      z-index: 2000;
-      background-color: transparent;
-    }
+  &:last-child {
+    padding-bottom: 84px;
   }
-  .nut-long-press-shell:last-child {
-    &__contain {
-      border-bottom: none;
-    }
-  }
-  .nut-swipe-shell,
-  .nut-general-shell {
-    // width:100%;
+  &-swipe,
+  &-general {
     min-height: 76px;
     padding: 5px 10px;
     background-color: $addresslist-bg;
@@ -116,15 +39,46 @@
     display: flex;
     align-items: center;
     position: relative;
-  }
-  .nut-swipe-shell:last-child,
-  .nut-general-shell:last-child {
-    border-bottom: none;
-  }
-  .nut-item-contents {
-    &__contain {
-      width: 100%;
+    &:last-child {
+      border-bottom: none;
+    }
+    &__mask {
+      position: absolute;
+      top: 0;
+      left: 0;
+      bottom: 0;
+      right: 0;
+      background-color: $addresslist-mask-bg;
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+      padding: 0 40px;
+      z-index: 2001;
+      &-copy,
+      &-set,
+      &-del {
+        height: 55px;
+        width: 55px;
+        border-radius: 50%;
+        text-align: center;
+        background-color: $white;
+        font-size: 14px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+      &-set {
+        color: $white;
+        background-color: $addresslist-set-bg;
+      }
+      &-del {
+        color: $white;
+        background-color: $addresslist-del-bg;
+      }
     }
+  }
+  &-item {
+    width: 100%;
     &__info {
       display: flex;
       justify-content: space-between;
@@ -178,7 +132,13 @@
     background-color: $addresslist-bg;
     box-sizing: border-box;
   }
-}
-.nut-addresslist:last-child {
-  padding-bottom: 84px;
+  .nut-addresslist__mask-bottom {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 2000;
+    background-color: transparent;
+  }
 }

package/dist/packages/imagepreview/index.scss

@@ -40,6 +40,13 @@
     z-index: 2002;
     top: 50px;
     right: 15px;
+
+    &-right {
+      right: 10px;
+    }
+    &-left {
+      left: 10px;
+    }
   }
 
   .popup-bg {
@@ -52,11 +59,12 @@
     background-color: transparent;
   }
 }
-.custom-pop {
+.nut-imagepreview-custom-pop {
   height: 100%;
   background: transparent !important;
   display: flex;
   align-items: center;
+  width: 100%;
 }
 .nut-imagepreview-swiper .nut-swiper-item {
   display: flex;

package/dist/packages/inputnumber/index.scss

@@ -50,10 +50,14 @@
   }
 
   input,
-  &__text--readonly {
+  &__text--readonly,
+  &__text--input {
     width: $inputnumber-input-width;
     height: 100%;
     text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
     outline: none;
     border: $inputnumber-input-border;
     font-size: $inputnumber-input-font-size;