@nutui/nutui 3.1.17 → 3.1.18-beta.0

package/dist/packages/_es/TimeSelect.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
@@ -30,6 +30,10 @@ const _sfc_main = create({
       default: () => {
         return [];
       }
+    },
+    isWrapTeleport: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["update:visible", "select"],
@@ -72,6 +76,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     position: "bottom",
     closeable: "",
     round: "",
+    isWrapTeleport: _ctx.isWrapTeleport,
     visible: _ctx.visible,
     style: normalizeStyle(_ctx.popStyle),
     onClickOverlay: _ctx.close,
@@ -95,7 +100,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)
     ]),
     _: 3
-  }, 8, ["visible", "style", "onClickOverlay", "onClickCloseIcon"]);
+  }, 8, ["isWrapTeleport", "visible", "style", "onClickOverlay", "onClickCloseIcon"]);
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { index as default };

package/dist/packages/_es/Toast.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
@@ -53,6 +53,10 @@ const _sfc_main = create({
       type: [String, Number],
       default: "base"
     },
+    iconSize: {
+      type: String,
+      default: "20"
+    },
     icon: String,
     textAlignCenter: {
       type: Boolean,
@@ -64,7 +68,7 @@ const _sfc_main = create({
     },
     bgColor: {
       type: String,
-      default: "rgba(0, 0, 0, .8)"
+      default: ""
     },
     onClose: Function,
     unmount: Function,
@@ -74,7 +78,7 @@ const _sfc_main = create({
     },
     coverColor: {
       type: String,
-      default: "rgba(0, 0, 0, 0)"
+      default: ""
     },
     title: {
       type: String,
@@ -85,7 +89,8 @@ const _sfc_main = create({
       default: false
     }
   },
-  setup(props) {
+  emits: ["close"],
+  setup(props, { emit }) {
     let timer;
     const state = reactive({
       mounted: false
@@ -113,6 +118,7 @@ const _sfc_main = create({
     const clickCover = () => {
       if (props.closeOnClickOverlay) {
         hide();
+        emit("close");
       }
     };
     if (props.duration) {
@@ -189,10 +195,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           _ctx.hasIcon ? (openBlock(), createElementBlock("view", _hoisted_1, [
             createVNode(_component_nut_icon, {
-              size: "20",
+              size: _ctx.iconSize,
               color: "#ffffff",
               name: _ctx.icon
-            }, null, 8, ["name"])
+            }, null, 8, ["size", "name"])
           ])) : createCommentVNode("", true),
           _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
           createElementVNode("view", {
@@ -218,14 +224,15 @@ const defaultOptions = {
   customClass: "",
   bottom: "30px",
   size: "base",
+  iconSize: "20",
   icon: null,
   textAlignCenter: true,
   loadingRotate: true,
-  bgColor: "rgba(0, 0, 0, .8)",
+  bgColor: "",
   onClose: null,
   unmount: null,
   cover: false,
-  coverColor: "rgba(0, 0, 0, 0)",
+  coverColor: "",
   closeOnClickOverlay: false
 };
 let idsMap = [];

package/dist/packages/_es/Uploader.js

@@ -19,7 +19,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Video.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/common.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/component.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/index.js

@@ -1,13 +1,11 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { getCurrentInstance } from "vue";
-function useExpose(apis) {
-  const instance = getCurrentInstance();
-  if (instance) {
-    Object.assign(instance.proxy, apis);
-  }
+function useRouter() {
+  const proxy = getCurrentInstance().proxy;
+  return proxy.$router || null;
 }
-export { useExpose as u };
+export { useRouter as u };

package/dist/packages/_es/index2.js

@@ -1,36 +1,13 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { unref } from "vue";
-function isWindow(val) {
-  return val === window;
-}
-const useRect = (elementRef) => {
-  const element = unref(elementRef);
-  if (isWindow(element)) {
-    const width = element.innerWidth;
-    const height = element.innerHeight;
-    return {
-      top: 0,
-      left: 0,
-      right: width,
-      bottom: height,
-      width,
-      height
-    };
-  }
-  if (element && element.getBoundingClientRect) {
-    return element.getBoundingClientRect();
+import { getCurrentInstance } from "vue";
+function useExpose(apis) {
+  const instance = getCurrentInstance();
+  if (instance) {
+    Object.assign(instance.proxy, apis);
   }
-  return {
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: 0,
-    height: 0
-  };
-};
-export { useRect as u };
+}
+export { useExpose as u };

package/dist/packages/_es/index3.js

@@ -1,64 +1,36 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { ref } from "vue";
-const MIN_DISTANCE = 10;
-function getDirection(x, y) {
-  if (x > y && x > MIN_DISTANCE) {
-    return "horizontal";
+import { unref } from "vue";
+function isWindow(val) {
+  return val === window;
+}
+const useRect = (elementRef) => {
+  const element = unref(elementRef);
+  if (isWindow(element)) {
+    const width = element.innerWidth;
+    const height = element.innerHeight;
+    return {
+      top: 0,
+      left: 0,
+      right: width,
+      bottom: height,
+      width,
+      height
+    };
   }
-  if (y > x && y > MIN_DISTANCE) {
-    return "vertical";
+  if (element && element.getBoundingClientRect) {
+    return element.getBoundingClientRect();
   }
-  return "";
-}
-function useTouch() {
-  const startX = ref(0);
-  const startY = ref(0);
-  const deltaX = ref(0);
-  const deltaY = ref(0);
-  const offsetX = ref(0);
-  const offsetY = ref(0);
-  const direction = ref("");
-  const isVertical = () => direction.value === "vertical";
-  const isHorizontal = () => direction.value === "horizontal";
-  const reset = () => {
-    deltaX.value = 0;
-    deltaY.value = 0;
-    offsetX.value = 0;
-    offsetY.value = 0;
-    direction.value = "";
-  };
-  const start = (event) => {
-    reset();
-    startX.value = event.touches[0].clientX;
-    startY.value = event.touches[0].clientY;
-  };
-  const move = (event) => {
-    const touch = event.touches[0];
-    deltaX.value = touch.clientX - startX.value;
-    deltaY.value = touch.clientY - startY.value;
-    offsetX.value = Math.abs(deltaX.value);
-    offsetY.value = Math.abs(deltaY.value);
-    if (!direction.value) {
-      direction.value = getDirection(offsetX.value, offsetY.value);
-    }
-  };
   return {
-    move,
-    start,
-    reset,
-    startX,
-    startY,
-    deltaX,
-    deltaY,
-    offsetX,
-    offsetY,
-    direction,
-    isVertical,
-    isHorizontal
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: 0,
+    height: 0
   };
-}
-export { useTouch as u };
+};
+export { useRect as u };

package/dist/packages/_es/index4.js

@@ -0,0 +1,64 @@
+/*!
+* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { ref } from "vue";
+const MIN_DISTANCE = 10;
+function getDirection(x, y) {
+  if (x > y && x > MIN_DISTANCE) {
+    return "horizontal";
+  }
+  if (y > x && y > MIN_DISTANCE) {
+    return "vertical";
+  }
+  return "";
+}
+function useTouch() {
+  const startX = ref(0);
+  const startY = ref(0);
+  const deltaX = ref(0);
+  const deltaY = ref(0);
+  const offsetX = ref(0);
+  const offsetY = ref(0);
+  const direction = ref("");
+  const isVertical = () => direction.value === "vertical";
+  const isHorizontal = () => direction.value === "horizontal";
+  const reset = () => {
+    deltaX.value = 0;
+    deltaY.value = 0;
+    offsetX.value = 0;
+    offsetY.value = 0;
+    direction.value = "";
+  };
+  const start = (event) => {
+    reset();
+    startX.value = event.touches[0].clientX;
+    startY.value = event.touches[0].clientY;
+  };
+  const move = (event) => {
+    const touch = event.touches[0];
+    deltaX.value = touch.clientX - startX.value;
+    deltaY.value = touch.clientY - startY.value;
+    offsetX.value = Math.abs(deltaX.value);
+    offsetY.value = Math.abs(deltaY.value);
+    if (!direction.value) {
+      direction.value = getDirection(offsetX.value, offsetY.value);
+    }
+  };
+  return {
+    move,
+    start,
+    reset,
+    startX,
+    startY,
+    deltaX,
+    deltaY,
+    offsetX,
+    offsetY,
+    direction,
+    isVertical,
+    isHorizontal
+  };
+}
+export { useTouch as u };

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

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/pxCheck.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/raf.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/util.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/actionsheet/index.scss

@@ -37,22 +37,23 @@
     display: block;
     //   height: 24px;
     padding: 10px;
-    line-height: 24px;
-    font-size: $font-size-base;
-    color: $title-color;
+    line-height: $actionsheet-item-line-height;
+    font-size: $actionsheet-item-font-size;
+    color: $actionsheet-item-font-color;
     text-align: center;
     background-color: #fff;
+    border-bottom: $actionsheet-item-border-bottom;
     cursor: pointer;
   }
 
   .desc {
-    font-size: $font-size-2;
+    font-size: $actionsheet-item-font-size;
     color: #999;
   }
 
   .subdesc {
     display: block;
-    font-size: $font-size-small;
+    font-size: $actionsheet-item-subdesc-font-size;
     color: #999;
   }
 
@@ -63,6 +64,6 @@
 
   .nut-actionsheet-cancel {
     margin-top: 5px;
-    border-top: 1px solid $actionsheet-light-color;
+    border-top: $actionsheet-item-cancel-border-top;
   }
 }

package/dist/packages/button/index.scss

@@ -126,21 +126,21 @@
   }
 
   &--normal {
-    padding: 0 18px;
+    padding: $button-default-padding;
     font-size: $button-default-font-size;
   }
 
   &--small {
     height: $button-small-height;
     line-height: $button-small-line-height;
-    padding: 0 $padding-xs;
-    font-size: $font-size-1;
+    padding: $button-small-padding;
+    font-size: $button-small-font-size;
   }
   &--mini {
     height: $button-mini-height;
     line-height: 1.2;
-    padding: 0 $padding-xs;
-    font-size: $font-size-1;
+    padding: $button-mini-padding;
+    font-size: $button-mini-font-size;
   }
 
   &--block {

package/dist/packages/cell/index.scss

@@ -2,8 +2,8 @@
   position: relative;
   display: flex;
   width: 100%;
-  line-height: 20px;
-  padding: 13px 16px;
+  line-height: $cell-line-height;
+  padding: $cell-padding;
   background: $white;
   border-radius: $cell-border-radius;
   box-shadow: 0px 1px 7px 0px rgba(237, 238, 241, 1);
@@ -23,7 +23,7 @@
     box-sizing: border-box;
     content: ' ';
     pointer-events: none;
-    right: 16px;
+    right: $cell-after-right;
     bottom: 0;
     left: 16px;
     transform: scaleY(0.5);

package/dist/packages/cellgroup/index.scss

@@ -32,7 +32,7 @@
   }
   .nut-cell {
     &::after {
-      border-bottom: 2px solid #f5f6f7;
+      border-bottom: $cell-after-border-bottom;
     }
   }
 }

package/dist/packages/navbar/index.scss

@@ -41,6 +41,8 @@
     min-width: 53%;
     margin: 0 auto;
     text-align: center;
+    display: flex;
+    justify-content: center;
     &.icon {
       .icon {
         margin-left: 13px;

package/dist/packages/noticebar/index.scss

@@ -1,13 +1,15 @@
 .nut-noticebar-page {
-  width: 100%;
+  // width: 100%;
   display: flex;
+  padding: 0px $noticebar-box-padding-right 0 $noticebar-box-padding-left;
   height: $noticebar-height;
   font-size: $noticebar-font-size;
   position: relative;
   align-items: center;
   &.wrapable {
     height: auto;
-    padding: 8px 16px;
+    padding: $noticebar-wrapable-padding-bottom $noticebar-wrapable-padding-right $noticebar-wrapable-padding-bottom
+      $noticebar-wrapable-padding-left;
     .wrap {
       height: auto;
       .content {
@@ -25,7 +27,8 @@
   .left-icon {
     height: $noticebar-left-icon-width;
     min-width: $noticebar-left-icon-width;
-    margin: 0 5px 0 10px;
+    margin: $noticebar-lefticon-padding-top $noticebar-lefticon-padding-right $noticebar-lefticon-padding-bottom
+      $noticebar-lefticon-padding-left;
     background-size: 100% 100%;
   }
   .right-icon {
@@ -33,9 +36,11 @@
     align-items: center;
     justify-content: center;
     width: $noticebar-right-icon-width;
-    margin: 0 10px 0 5px;
+    margin: $noticebar-righticon-padding-top $noticebar-righticon-padding-right $noticebar-righticon-padding-bottom
+      $noticebar-righticon-padding-left;
   }
   .wrap {
+    display: flex;
     flex: 1;
     height: $noticebar-line-height;
     line-height: $noticebar-line-height;
@@ -72,7 +77,7 @@
 
 @keyframes nut-notice-bar-play-infinite {
   to {
-    transform: translate3d(-100%, 0, 0);
+    transform: translateX(-100%);
   }
 }
 // 垂直方向的滚动
@@ -90,6 +95,7 @@
   height: $noticebar-height;
   font-size: $noticebar-font-size;
   overflow: hidden;
+  padding: 0px $noticebar-box-padding-right 0 $noticebar-box-padding-left;
 
   .horseLamp_list {
     margin: 0;

package/dist/packages/notify/index.scss

@@ -29,6 +29,7 @@
   text-align: center;
   word-wrap: break-word;
   height: $notify-height;
+  line-height: $notify-line-height;
   &--base {
     background: $notify-base-background-color;
   }

package/dist/packages/progress/index.scss

@@ -4,13 +4,13 @@
   display: flex;
   .nut-progress-outer {
     flex: 1;
-    background-color: #f3f3f3;
-    border-radius: 12px;
+    background-color: $progress-outer-background-color;
+    border-radius: $progress-outer-border-radius;
     height: 10px;
     .nut-progress-inner {
       width: 30%;
       height: 100%;
-      border-radius: 12px;
+      border-radius: $progress-outer-border-radius;
       background: $progress-inner-background-color;
       -webkit-transition: all 0.4s;
       transition: all 0.4s;
@@ -30,7 +30,7 @@
         left: 0;
         right: 0;
         bottom: 0;
-        border-radius: 10px;
+        border-radius: $progress-outer-border-radius;
         animation: progressActive 2s ease-in-out infinite;
       }
     }
@@ -49,26 +49,30 @@
       }
     }
     &.nut-progress-small {
-      height: 5px;
+      height: $progress-small-height;
       .nut-progress-text {
-        font-size: 7px;
-        line-height: 10px;
-        padding: 2px 4px;
-        top: -100%;
+        font-size: $progress-small-text-font-size;
+        line-height: $progress-small-text-line-height;
+        padding: $progress-small-text-padding;
+        top: $progress-small-text-top;
       }
     }
     &.nut-progress-base {
-      height: 10px;
+      height: $progress-base-height;
       .nut-progress-text {
-        font-size: 9px;
-        line-height: 13px;
+        font-size: $progress-base-text-font-size;
+        line-height: $progress-base-text-line-height;
+        padding: $progress-base-text-padding;
+        top: $progress-base-text-top;
       }
     }
     &.nut-progress-large {
-      height: 15px;
+      height: $progress-large-height;
       .nut-progress-text {
-        font-size: 13px;
-        line-height: 18px;
+        font-size: $progress-large-text-font-size;
+        line-height: $progress-large-text-line-height;
+        padding: $progress-large-text-padding;
+        top: $progress-large-text-top;
       }
     }
   }
@@ -82,9 +86,9 @@
     min-width: 35px;
   }
   .nut-progress-insidetext {
-    padding: 3px 5px 3px 6px;
+    padding: $progress-insidetext-padding;
     background: $progress-insidetext-background;
-    border-radius: 5px;
+    border-radius: $progress-insidetext-border-radius;
     position: absolute;
     transition: all 0.4s;
     top: -42%;