@nutui/nutui 3.1.10 → 3.1.12-beta.1

package/dist/packages/_es/Input.js

@@ -1,20 +1,19 @@
 /*!
-* @nutui/nutui v3.1.10 Fri Nov 05 2021 19:52:49 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, normalizeStyle, withDirectives, createVNode, vShow } from "vue";
 import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 function trimExtraChar(value, char, regExp) {
-  const index2 = value.indexOf(char);
-  if (index2 === -1) {
+  const index = value.indexOf(char);
+  if (index === -1) {
     return value;
   }
-  if (char === "-" && index2 !== 0) {
-    return value.slice(0, index2);
+  if (char === "-" && index !== 0) {
+    return value.slice(0, index);
   }
-  return value.slice(0, index2 + 1) + value.slice(index2).replace(regExp, "");
+  return value.slice(0, index + 1) + value.slice(index).replace(regExp, "");
 }
 function formatNumber(value, allowDot = true, allowMinus = true) {
   if (allowDot) {
@@ -31,7 +30,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   return value.replace(regExp, "");
 }
 const { componentName, create } = createComponent("input");
-const _sfc_main = create({
+var _sfc_main = create({
   props: {
     type: {
       type: String,
@@ -67,7 +66,7 @@ const _sfc_main = create({
     },
     maxLength: {
       type: [String, Number],
-      default: ""
+      default: "99999999"
     },
     clearable: {
       type: Boolean,
@@ -93,15 +92,15 @@ const _sfc_main = create({
     const valueChange = (event) => {
       const input = event.target;
       let val = input.value;
+      if (props.maxLength && val.length > Number(props.maxLength)) {
+        val = val.slice(0, Number(props.maxLength));
+      }
       if (props.type === "digit") {
         val = formatNumber(val, true);
       }
       if (props.type === "number") {
         val = formatNumber(val, false);
       }
-      if (props.maxLength && val.length > Number(props.maxLength)) {
-        val = val.slice(0, Number(props.maxLength));
-      }
       emit("update:modelValue", val, event);
       emit("change", val, event);
     };
@@ -117,9 +116,6 @@ const _sfc_main = create({
       }, 0);
       const input = event.target;
       let value = input.value;
-      if (props.maxLength && value.length > Number(props.maxLength)) {
-        value = value.slice(0, Number(props.maxLength));
-      }
       emit("blur", value, event);
     };
     const handleClear = (event) => {
@@ -143,7 +139,11 @@ const _hoisted_2 = {
   key: 0,
   class: "label-string"
 };
-const _hoisted_3 = ["type", "maxlength", "placeholder", "disabled", "readonly", "value"];
+const _hoisted_3 = {
+  key: 0,
+  class: "input-text"
+};
+const _hoisted_4 = ["type", "maxlength", "placeholder", "disabled", "readonly", "value"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -152,7 +152,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", _hoisted_1, [
       _ctx.label ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
     ]),
-    createElementVNode("input", {
+    _ctx.readonly ? (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(_ctx.modelValue), 1)) : (openBlock(), createElementBlock("input", {
+      key: 1,
       class: "input-text",
       style: normalizeStyle(_ctx.styles),
       type: _ctx.type,
@@ -164,9 +165,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onInput: _cache[0] || (_cache[0] = (...args) => _ctx.valueChange && _ctx.valueChange(...args)),
       onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
       onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args))
-    }, null, 44, _hoisted_3),
+    }, null, 44, _hoisted_4)),
     _ctx.clearable && !_ctx.readonly ? withDirectives((openBlock(), createElementBlock("view", {
-      key: 0,
+      key: 2,
       onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
       class: "nut-textinput-clear"
     }, [
@@ -179,5 +180,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ]) : createCommentVNode("", true)
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+_sfc_main.render = _sfc_render;
+export { _sfc_main as default };

package/dist/packages/_es/InputNumber.js

@@ -1,14 +1,13 @@
 /*!
-* @nutui/nutui v3.1.10 Fri Nov 05 2021 19:52:49 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
 * (c) 2021 @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, toDisplayString } 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";
 const { componentName, create } = createComponent("inputnumber");
-const _sfc_main = create({
+var _sfc_main = create({
   props: {
     modelValue: {
       type: [Number, String],
@@ -61,7 +60,7 @@ const _sfc_main = create({
     };
     const change = (event) => {
       const input = event.target;
-      emit("update:modelValue", input.valueAsNumber, event);
+      emit("update:modelValue", input.value, event);
     };
     const emitChange = (value, event) => {
       let output_value = fixedDecimalPlaces(value);
@@ -92,20 +91,13 @@ const _sfc_main = create({
         emit("overlimit", event, "add");
       }
     };
-    const focus = (event) => {
-      if (props.disabled)
-        return;
-      if (props.readonly)
-        return;
-      emit("focus", event);
-    };
     const blur = (event) => {
       if (props.disabled)
         return;
       if (props.readonly)
         return;
       const input = event.target;
-      let value = input.valueAsNumber;
+      let value = +input.value;
       if (value < Number(props.min)) {
         value = Number(props.min);
       } else if (value > Number(props.max)) {
@@ -114,6 +106,15 @@ const _sfc_main = create({
       emitChange(value, event);
       emit("blur", event);
     };
+    const focus = (event) => {
+      if (props.disabled)
+        return;
+      if (props.readonly) {
+        blur(event);
+        return;
+      }
+      emit("focus", event);
+    };
     return {
       classes,
       change,
@@ -127,7 +128,11 @@ const _sfc_main = create({
     };
   }
 });
-const _hoisted_1 = ["min", "max", "disabled", "readonly", "value"];
+const _hoisted_1 = {
+  key: 0,
+  class: "nut-inputnumber__text--readonly"
+};
+const _hoisted_2 = ["min", "max", "disabled", "readonly", "value"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -140,7 +145,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       size: _ctx.buttonSize,
       onClick: _ctx.reduce
     }, null, 8, ["class", "size", "onClick"]),
-    createElementVNode("input", {
+    _ctx.readonly ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.modelValue), 1)) : (openBlock(), createElementBlock("input", {
+      key: 1,
       type: "number",
       min: _ctx.min,
       max: _ctx.max,
@@ -151,7 +157,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onInput: _cache[0] || (_cache[0] = (...args) => _ctx.change && _ctx.change(...args)),
       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),
+    }, null, 44, _hoisted_2)),
     createVNode(_component_nut_icon, {
       name: "plus",
       class: normalizeClass(["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.addAllow() }]),
@@ -160,5 +166,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["class", "size", "onClick"])
   ], 6);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+_sfc_main.render = _sfc_render;
+export { _sfc_main as default };

package/dist/packages/_es/Layout.js

@@ -1,10 +1,10 @@
 /*!
-* @nutui/nutui v3.1.10 Fri Nov 05 2021 19:52:49 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { c as createComponent } from "./component.js";
 import "vue";
 const { create } = createComponent("layout");
-const _sfc_main = create({});
+var _sfc_main = create({});
 export { _sfc_main as default };

package/dist/packages/_es/Menu.js

@@ -1,203 +1,121 @@
 /*!
-* @nutui/nutui v3.1.10 Fri Nov 05 2021 19:52:49 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, ref, computed, resolveComponent, openBlock, createElementBlock, createVNode, mergeProps, createElementVNode, normalizeClass, normalizeStyle, Fragment, renderList, createTextVNode, toDisplayString, createBlock, withDirectives, createCommentVNode, vShow, renderSlot } from "vue";
+import { ref, computed, reactive, provide, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, createVNode, renderSlot } from "vue";
 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 "./pxCheck.js";
-var index_vue_vue_type_style_index_0_lang = "";
+import Taro from "@tarojs/taro";
 const { componentName, create } = createComponent("menu");
-const _sfc_main = create({
-  components: {
-    [_sfc_main$1.name]: _sfc_main$1
-  },
+var _sfc_main = create({
   props: {
-    col: {
-      type: [String, Number],
-      default: 1
-    },
     activeColor: {
       type: String,
-      default: "#f00"
+      default: "#FA2C19"
+    },
+    overlay: {
+      type: Boolean,
+      default: true
+    },
+    duration: {
+      type: [Number, String],
+      default: 0.3
     }
   },
-  emits: ["choose"],
-  setup(props, { slots, emit }) {
-    const menuList = reactive([]);
-    let activeTitle = ref("");
-    let showMask = ref(false);
-    let styleObj = reactive({
-      flexBasis: 100 / Number(props.col) + "%"
-    });
-    let nutMenuIndex = ref("auto");
-    let hasOptions = ref(true);
-    let isShowCustomer = ref(false);
-    if (slots.default) {
-      for (let i = 0; i < slots.default().length; i++) {
-        if (slots.default()[i].type["name"] === "nut-menu-item") {
-          let item = {
-            title: slots.default()[i].props["title"],
-            disabled: !!slots.default()[i].props["disabled"]
-          };
-          if (slots.default()[i].props["options"]) {
-            item["options"] = slots.default()[i].props["options"];
-          } else {
-            hasOptions.value = false;
+  setup(props, { emit, slots }) {
+    const barRef = ref();
+    const offset = ref(0);
+    const useChildren = () => {
+      const publicChildren = reactive([]);
+      const internalChildren = reactive([]);
+      const linkChildren2 = (value) => {
+        const link = (child) => {
+          if (child.proxy) {
+            internalChildren.push(child);
+            publicChildren.push(child.proxy);
           }
-          menuList.push(item);
-        }
-      }
-    }
-    const handleClickTitle = (title, index2) => {
-      if (!hasOptions.value) {
-        if (activeTitle.value) {
-          activeTitle.value = "";
-          isShowCustomer.value = false;
-          showMask.value = false;
-          nutMenuIndex.value = "auto";
-        } else {
-          activeTitle.value = title;
-          isShowCustomer.value = true;
-          showMask.value = true;
-          nutMenuIndex.value = 2001;
-        }
-        return;
-      }
-      if (menuList.length > 1) {
-        if (activeTitle.value === title) {
-          activeTitle.value = "";
-          nutMenuIndex.value = "auto";
-          showMask.value = false;
-        } else {
-          activeTitle.value = title;
-          nutMenuIndex.value = 2001;
-          showMask.value = true;
-        }
-      } else {
-        if (activeTitle.value) {
-          activeTitle.value = "";
-          nutMenuIndex.value = "auto";
-          showMask.value = false;
-        } else {
-          activeTitle.value = title;
-          nutMenuIndex.value = 2001;
-          showMask.value = true;
-        }
-      }
-    };
-    const handleClickOption = (text, index2, value) => {
-      menuList[index2].title = text;
-      activeTitle.value = "";
-      showMask.value = false;
-      nutMenuIndex.value = "auto";
-      emit("choose", text, value);
+        };
+        provide("menuParent", Object.assign({
+          link,
+          children: publicChildren,
+          internalChildren
+        }, value));
+      };
+      return {
+        children: publicChildren,
+        linkChildren: linkChildren2
+      };
     };
+    const { children, linkChildren } = useChildren();
+    const opened = computed(() => children.some((item) => item.state.showWrapper));
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
         [prefixCls]: true
       };
     });
-    const handleClose = () => {
-      activeTitle.value = "";
-      nutMenuIndex.value = "auto";
-      if (isShowCustomer.value) {
-        isShowCustomer.value = false;
+    const updateOffset = () => {
+      if (barRef.value) {
+        setTimeout(() => {
+          Taro.createSelectorQuery().select(".nut-menu__bar.opened").boundingClientRect((rect) => {
+            offset.value = rect.bottom;
+          }).exec();
+        }, 100);
       }
     };
+    linkChildren({ props, offset });
+    const toggleItem = (active) => {
+      children.forEach((item, index) => {
+        if (index === active) {
+          updateOffset();
+          item.toggle();
+        } else if (item.state.showPopup) {
+          item.toggle(false, { immediate: true });
+        }
+      });
+    };
     return {
-      menuList,
-      activeTitle,
+      toggleItem,
+      children,
+      opened,
       classes,
-      showMask,
-      styleObj,
-      nutMenuIndex,
-      hasOptions,
-      isShowCustomer,
-      handleClickTitle,
-      handleClickOption,
-      handleClose
+      barRef
     };
   }
 });
-const _hoisted_1 = { class: "title-list" };
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "customer-item" };
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = { class: "nut-menu__title-text" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_popup = resolveComponent("nut-popup");
   const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("view", null, [
-    createVNode(_component_nut_popup, mergeProps(_ctx.$attrs, {
-      visible: _ctx.showMask,
-      "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.showMask = $event),
-      onClose: _ctx.handleClose
-    }), null, 16, ["visible", "onClose"]),
-    createElementVNode("div", {
-      class: normalizeClass(_ctx.classes),
-      style: normalizeStyle({ "z-index": _ctx.nutMenuIndex })
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createElementVNode("view", {
+      class: normalizeClass(["nut-menu__bar", { opened: _ctx.opened }]),
+      ref: "barRef"
     }, [
-      createElementVNode("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuList, (menu, index2) => {
-          return openBlock(), createElementBlock("div", {
-            key: index2,
-            class: normalizeClass(["title", {
-              "is-active": _ctx.activeTitle === menu.title,
-              disabled: menu.disabled
-            }]),
-            onClick: ($event) => !menu.disabled && _ctx.handleClickTitle(menu.title, index2)
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.children, (item, index) => {
+        return openBlock(), createElementBlock("view", {
+          key: index,
+          class: normalizeClass(["nut-menu__item", { disabled: item.disabled }]),
+          onClick: ($event) => !item.disabled && _ctx.toggleItem(index),
+          style: normalizeStyle({ color: item.state.showPopup ? _ctx.activeColor : "" })
+        }, [
+          createElementVNode("view", {
+            class: normalizeClass(["nut-menu__title", { active: item.state.showPopup }])
           }, [
-            createTextVNode(toDisplayString(menu.title) + " ", 1),
-            _ctx.activeTitle === menu.title ? (openBlock(), createBlock(_component_nut_icon, {
-              key: 0,
+            createElementVNode("view", _hoisted_2, toDisplayString(item.renderTitle()), 1),
+            createVNode(_component_nut_icon, {
+              name: item.titleIcon,
               size: "10",
-              color: "#333",
-              name: "arrow-up"
-            })) : (openBlock(), createBlock(_component_nut_icon, {
-              key: 1,
-              size: "10",
-              color: "#999",
-              name: "arrow-down"
-            }))
-          ], 10, _hoisted_2);
-        }), 128))
-      ]),
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuList, (menu, index2) => {
-        return withDirectives((openBlock(), createElementBlock("div", {
-          key: index2,
-          class: "option-list"
-        }, [
-          createElementVNode("ul", null, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(menu.options, (option, index22) => {
-              return openBlock(), createElementBlock("li", {
-                key: index22,
-                onClick: ($event) => _ctx.handleClickOption(option.text, index2, option.value),
-                style: normalizeStyle(_ctx.styleObj)
-              }, [
-                menu.title === option.text ? (openBlock(), createBlock(_component_nut_icon, {
-                  key: 0,
-                  size: "20",
-                  color: _ctx.activeColor,
-                  name: "Check"
-                }, null, 8, ["color"])) : createCommentVNode("", true),
-                createTextVNode(toDisplayString(option.text), 1)
-              ], 12, _hoisted_3);
-            }), 128))
-          ])
-        ], 512)), [
-          [vShow, _ctx.hasOptions && _ctx.activeTitle === menu.title]
-        ]);
-      }), 128)),
-      withDirectives(createElementVNode("view", _hoisted_4, [
-        renderSlot(_ctx.$slots, "default")
-      ], 512), [
-        [vShow, !_ctx.hasOptions && _ctx.isShowCustomer]
-      ])
-    ], 6)
-  ]);
+              class: "nut-menu__title-icon"
+            }, null, 8, ["name"])
+          ], 2)
+        ], 14, _hoisted_1);
+      }), 128))
+    ], 2),
+    renderSlot(_ctx.$slots, "default")
+  ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+_sfc_main.render = _sfc_render;
+export { _sfc_main as default };