@nutui/nutui 3.1.11 → 3.1.12-beta.0

package/dist/packages/_es/Uploader.js

@@ -19,11 +19,11 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui v3.1.11 Mon Nov 15 2021 22:27:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, Fragment, createCommentVNode, renderList, createVNode, createElementVNode, toDisplayString, createBlock, createTextVNode } from "vue";
+import { reactive, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, Fragment, createCommentVNode, renderList, createElementVNode, toDisplayString, createVNode, createBlock, createTextVNode } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 class UploadOptions {
@@ -258,6 +258,7 @@ const _sfc_main = create({
         fileItem.status = "ready";
         fileItem.type = file.type;
         fileItem.formData = formData;
+        fileItem.message = "\u7B49\u5F85\u4E0A\u4F20";
         executeUpload(fileItem, index2);
         if (props.isPreview && file.type.includes("image")) {
           const reader = new FileReader();
@@ -352,20 +353,25 @@ const _hoisted_5 = {
   class: "nut-uploader__preview__progress"
 };
 const _hoisted_6 = { class: "nut-uploader__preview__progress__msg" };
-const _hoisted_7 = ["onClick", "src"];
-const _hoisted_8 = {
-  key: 3,
+const _hoisted_7 = {
+  key: 1,
+  class: "nut-uploader__preview__progress"
+};
+const _hoisted_8 = { class: "nut-uploader__preview__progress__msg" };
+const _hoisted_9 = ["onClick", "src"];
+const _hoisted_10 = {
+  key: 4,
   class: "nut-uploader__preview-img__file"
 };
-const _hoisted_9 = ["onClick"];
-const _hoisted_10 = { class: "tips" };
-const _hoisted_11 = {
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = { class: "tips" };
+const _hoisted_13 = {
   key: 1,
   class: "nut-uploader__preview-list"
 };
-const _hoisted_12 = ["onClick"];
-const _hoisted_13 = ["accept", "multiple", "name", "disabled"];
-const _hoisted_14 = ["accept", "multiple", "name", "disabled"];
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = ["accept", "multiple", "name", "disabled"];
+const _hoisted_16 = ["accept", "multiple", "name", "disabled"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   const _component_nut_progress = resolveComponent("nut-progress");
@@ -403,26 +409,28 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         key: item.uid
       }, [
         _ctx.listType == "picture" && !_ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_4, [
-          item.status != "success" ? (openBlock(), createElementBlock("view", _hoisted_5, [
+          item.status == "ready" ? (openBlock(), createElementBlock("view", _hoisted_5, [
+            createElementVNode("view", _hoisted_6, toDisplayString(item.message), 1)
+          ])) : item.status != "success" ? (openBlock(), createElementBlock("view", _hoisted_7, [
             createVNode(_component_nut_icon, {
               color: "#fff",
               name: item.status == "error" ? "failure" : "loading"
             }, null, 8, ["name"]),
-            createElementVNode("view", _hoisted_6, toDisplayString(item.message), 1)
+            createElementVNode("view", _hoisted_8, toDisplayString(item.message), 1)
           ])) : createCommentVNode("", true),
           _ctx.isDeletable ? (openBlock(), createBlock(_component_nut_icon, {
-            key: 1,
+            key: 2,
             color: "rgba(0,0,0,0.6)",
             onClick: ($event) => _ctx.onDelete(item, index2),
             class: "close",
             name: "failure"
           }, null, 8, ["onClick"])) : createCommentVNode("", true),
           item.type.includes("image") && item.url ? (openBlock(), createElementBlock("img", {
-            key: 2,
+            key: 3,
             class: "nut-uploader__preview-img__c",
             onClick: ($event) => _ctx.fileItemClick(item),
             src: item.url
-          }, null, 8, _hoisted_7)) : (openBlock(), createElementBlock("view", _hoisted_8, [
+          }, null, 8, _hoisted_9)) : (openBlock(), createElementBlock("view", _hoisted_10, [
             createElementVNode("view", {
               onClick: ($event) => _ctx.fileItemClick(item),
               class: "nut-uploader__preview-img__file__name"
@@ -432,17 +440,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 name: "link"
               }),
               createTextVNode("\xA0" + toDisplayString(item.name), 1)
-            ], 8, _hoisted_9)
+            ], 8, _hoisted_11)
           ])),
-          createElementVNode("view", _hoisted_10, toDisplayString(item.name), 1)
-        ])) : _ctx.listType == "list" ? (openBlock(), createElementBlock("view", _hoisted_11, [
+          createElementVNode("view", _hoisted_12, toDisplayString(item.name), 1)
+        ])) : _ctx.listType == "list" ? (openBlock(), createElementBlock("view", _hoisted_13, [
           createElementVNode("view", {
             onClick: ($event) => _ctx.fileItemClick(item),
             class: normalizeClass(["nut-uploader__preview-img__file__name", [item.status]])
           }, [
             createVNode(_component_nut_icon, { name: "link" }),
             createTextVNode("\xA0" + toDisplayString(item.name), 1)
-          ], 10, _hoisted_12),
+          ], 10, _hoisted_14),
           createVNode(_component_nut_icon, {
             class: "nut-uploader__preview-img__file__del",
             onClick: ($event) => _ctx.onDelete(item, index2),
@@ -478,7 +486,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         name: _ctx.name,
         disabled: _ctx.disabled,
         onChange: _cache[2] || (_cache[2] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-      }, null, 40, _hoisted_13)) : (openBlock(), createElementBlock("input", {
+      }, null, 40, _hoisted_15)) : (openBlock(), createElementBlock("input", {
         key: 1,
         class: "nut-uploader__input",
         type: "file",
@@ -487,7 +495,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         name: _ctx.name,
         disabled: _ctx.disabled,
         onChange: _cache[3] || (_cache[3] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-      }, null, 40, _hoisted_14))
+      }, null, 40, _hoisted_16))
     ], 2)) : createCommentVNode("", true)
   ], 2);
 }

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.11 Mon Nov 15 2021 22:27:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/component.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.11 Mon Nov 15 2021 22:27:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/index.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.11 Mon Nov 15 2021 22:27:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/index2.js

@@ -1,13 +1,36 @@
 /*!
-* @nutui/nutui v3.1.11 Mon Nov 15 2021 22:27:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 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);
-  }
+import { unref } from "vue";
+function isWindow(val) {
+  return val === window;
 }
-export { useExpose as u };
+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();
+  }
+  return {
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: 0,
+    height: 0
+  };
+};
+export { useRect as u };

package/dist/packages/_es/index3.js

@@ -0,0 +1,13 @@
+/*!
+* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 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);
+  }
+}
+export { useExpose as u };

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

@@ -1,12 +1,13 @@
 /*!
-* @nutui/nutui v3.1.11 Mon Nov 15 2021 22:27:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
-    sfc[key] = val;
+    target[key] = val;
   }
-  return sfc;
+  return target;
 };
 export { _export_sfc as _ };

package/dist/packages/_es/pxCheck.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.11 Mon Nov 15 2021 22:27:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/raf.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.11 Mon Nov 15 2021 22:27:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/menu/index.scss

@@ -1,73 +1,45 @@
-.nut-menu {
+.nut-menu__bar {
   position: relative;
-  font-size: 14px;
-  color: #1a1a1a;
+  display: flex;
+  line-height: $nut-menu-bar-line-height;
+  background-color: $white;
+  border-bottom: 1px solid $nut-menu-bar-border-bottom-color;
 
-  .title-list {
-    display: flex;
-    line-height: 46px;
-    align-items: center;
-    background-color: #fff;
-    border-bottom: 1px solid #eaf0fb;
-
-    .title {
-      flex: 1;
-      text-align: center;
-
-      &.is-active {
-        font-weight: 600;
-      }
-
-      &.disabled {
-        color: #999;
-      }
-
-      [class*='nut-icon-arrow'] {
-        vertical-align: middle;
-        margin-right: 2px;
-      }
-    }
+  &.opened {
+    z-index: $nut-menu-bar-opened-z-index;
   }
 
-  %itemCommon {
-    position: absolute;
-    left: 0;
-    width: 100%;
-    padding-top: 12px;
-    padding-bottom: 12px;
-    border-radius: 0 0 12px 12px;
-    background-color: #fff;
-  }
+  .nut-menu__item {
+    flex: 1;
+    text-align: center;
+    font-size: $font-size-2;
+    color: $title-color;
+    min-width: 0;
 
-  .option-list {
-    @extend %itemCommon;
-    max-height: 214px;
-    overflow-y: auto;
+    &.disabled {
+      color: $nut-menu-item-disabled-color;
+    }
 
-    ul {
-      display: flex;
-      flex-wrap: wrap;
-      list-style: none;
-      margin: 0;
-      padding: 0;
+    .nut-menu__title-icon {
+      transition: all 0.2s linear;
     }
 
-    li {
-      line-height: 38px;
-      padding-left: 24px;
-      box-sizing: border-box;
+    .nut-menu__title {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      max-width: 100%;
+
+      .nut-menu__title-text {
+        @include text-ellipsis;
+        display: block;
+        padding-left: $nut-menu-title-text-padding-left;
+        padding-right: $nut-menu-title-text-padding-right;
+      }
 
-      .nut-icon-Check {
-        vertical-align: middle;
-        margin-right: 6px;
+      &.active .nut-menu__title-icon {
+        transform: rotate(180deg);
       }
     }
   }
-
-  .customer-item {
-    @extend %itemCommon;
-    padding-left: 24px;
-    padding-right: 24px;
-    box-sizing: border-box;
-  }
 }

package/dist/packages/menuitem/index.scss

@@ -1,109 +1,46 @@
 .nut-menu-item {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  padding: 0 5px;
-  &.disabled {
-    color: #999;
-  }
-  &.nut-menu-item-active {
-    .nut-menu-title {
-      font-weight: bold;
-      .icon {
-        color: #1a1a1a;
-        transition: all ease 0.3s;
-        transform: rotate(-180deg);
-        background: url('https://img14.360buyimg.com/imagetools/jfs/t1/144044/16/20214/521/5fe5bb14Ebf213fe3/40f271b982f31898.png')
-          no-repeat;
-        background-size: contain;
-      }
-    }
-    .nut-menu-panel {
-      display: block;
-    }
+  .active {
+    font-weight: 500;
   }
 }
-.nut-menu-title {
-  font-size: 14px;
+
+.nut-menu-item__content {
+  padding: $nut-menu-item-content-padding;
+  max-height: $nut-menu-item-content-max-height;
+  overflow-y: auto;
   display: flex;
-  align-items: center;
-  .title-name {
-    white-space: nowrap;
-    max-width: 100px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-  .icon {
-    display: inline-block;
-    width: 6px;
-    height: 6px;
-    background: url('https://img13.360buyimg.com/imagetools/jfs/t1/152898/12/10149/452/5fd990b5Ec7c12d70/3bf06076b758bed1.png')
-      no-repeat;
-    background-size: contain;
-    color: #909ca4;
-    transform: rotate(0deg);
-    transition: all ease 0.3s;
-    margin: 0 2px;
+  flex-wrap: wrap;
+
+  .nut-menu-item__option {
+    color: $title-color;
+    font-size: $font-size-2;
+    padding-top: $nut-menu-item-option-padding-top;
+    padding-bottom: $nut-menu-item-option-padding-bottom;
+    display: flex;
+    align-items: center;
+
+    i {
+      margin-right: $nut-menu-item-option-i-margin-right;
+    }
   }
 }
-.nut-menu-panel {
-  display: none;
-  width: 100%;
+
+.nut-menu__overlay {
   position: absolute;
-  left: 0;
-  top: 46px;
-  color: #2d2d2d;
-  overflow: hidden;
-  background-color: #fff;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  -webkit-overflow-scrolling: touch;
-  z-index: 9998;
-  border-top: 1px solid #f7f8fa;
-  border-radius: 0 0 15px 15px;
-  box-shadow: 0 4px 5px 0px rgba(236, 236, 236, 0.25);
-  overflow: auto;
-  // &.active{
-  //   display: block;
-  // }
+  top: auto !important;
 }
 
-.menu-list {
-  display: flex;
-  padding: 10px 15px;
-  flex-direction: column;
-  &.bubble-line {
-    flex-flow: wrap;
-    .menu-option {
-      width: 50%;
-    }
-  }
-  &.three-line {
-    flex-flow: wrap;
-    .menu-option {
-      width: 33%;
-    }
-  }
-  .menu-option {
-    min-height: 24px;
-    line-height: 42px;
-    font-size: 14px;
-    color: #1a1a1a;
-    width: 100%;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    padding: 0 5px;
-    &.checked {
-      font-weight: bold;
-    }
-  }
-  .check-icon {
-    width: 14px;
-    height: 14px;
-    margin-right: 5px;
-    color: #fa2c19;
-  }
+.nut-menu__pop {
+  transition: all 0 ease 0;
+  transform: none;
+  top: auto !important;
+}
+
+.placeholder-element {
+  position: fixed;
+  top: -$nut-menu-bar-line-height;
+  left: 0;
+  right: 0;
+  z-index: $nut-menu-bar-opened-z-index;
+  background-color: transparent;
 }