@nutui/nutui 3.1.10-beta.3 → 3.1.12-beta.0

package/dist/packages/_es/MenuItem.js

@@ -1,29 +1,168 @@
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:48 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, openBlock, createElementBlock, renderSlot } from "vue";
+import { reactive, computed, inject, getCurrentInstance, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, vShow, createVNode, mergeProps, withCtx, Fragment, renderList, createBlock, createCommentVNode, toDisplayString, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
+import _sfc_main$1 from "./Icon.js";
+import Popup from "./Popup.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-var index_vue_vue_type_style_index_0_scoped_true_lang = "";
-const { create, componentName } = createComponent("menu-item");
+import "./pxCheck.js";
+import "./OverLay.js";
+const { componentName, create } = createComponent("menu-item");
 const _sfc_main = create({
-  setup() {
-    let pro = getCurrentInstance().proxy;
-    pro.toggle = () => {
-      pro.$parent.activeTitle = "";
-      pro.$parent.isShowCustomer = false;
-      pro.$parent.showMask = false;
-      pro.$parent.nutMenuIndex = "auto";
+  props: {
+    title: String,
+    options: {
+      type: Array,
+      default: []
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    modelValue: null,
+    cols: {
+      type: Number,
+      default: 1
+    },
+    titleIcon: {
+      type: String,
+      default: "down-arrow"
+    }
+  },
+  components: {
+    [_sfc_main$1.name]: _sfc_main$1,
+    [Popup.name]: Popup
+  },
+  emits: ["update:modelValue", "change"],
+  setup(props, { emit, slots }) {
+    const state = reactive({
+      showPopup: false,
+      transition: true,
+      showWrapper: false,
+      isShowPlaceholderElement: false
+    });
+    const useParent = () => {
+      const parent2 = inject("menuParent", null);
+      if (parent2) {
+        const instance = getCurrentInstance();
+        const { link } = parent2;
+        link(instance);
+        return {
+          parent: parent2
+        };
+      }
+    };
+    const { parent } = useParent();
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const toggle = (show = !state.showPopup, options = {}) => {
+      if (show === state.showPopup) {
+        return;
+      }
+      state.showPopup = show;
+      state.isShowPlaceholderElement = show;
+      if (show) {
+        state.showWrapper = true;
+      }
+    };
+    const renderTitle = () => {
+      var _a;
+      if (props.title) {
+        return props.title;
+      }
+      const match = (_a = props.options) == null ? void 0 : _a.find((option) => option.value === props.modelValue);
+      return match ? match.text : "";
+    };
+    const onClick = (option) => {
+      state.showPopup = false;
+      state.isShowPlaceholderElement = false;
+      if (option.value !== props.modelValue) {
+        emit("update:modelValue", option.value);
+        emit("change", option.value);
+      }
+    };
+    const handleClose = () => {
+      state.showWrapper = false;
+      state.isShowPlaceholderElement = false;
+    };
+    const handleClickOutside = () => {
+      state.showPopup = false;
+    };
+    return {
+      classes,
+      renderTitle,
+      state,
+      parent,
+      toggle,
+      onClick,
+      handleClose,
+      handleClickOutside
     };
-    return {};
   }
 });
+const _hoisted_1 = { class: "nut-menu-item__content" };
+const _hoisted_2 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    renderSlot(_ctx.$slots, "default", {}, void 0, true)
+  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return withDirectives((openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    withDirectives(createElementVNode("div", {
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClickOutside && _ctx.handleClickOutside(...args)),
+      class: "placeholder-element",
+      style: normalizeStyle({ height: _ctx.parent.offset.value + "px" })
+    }, null, 4), [
+      [vShow, _ctx.state.isShowPlaceholderElement]
+    ]),
+    createVNode(_component_nut_popup, mergeProps({
+      style: { top: _ctx.parent.offset.value + "px" },
+      overlayStyle: { top: _ctx.parent.offset.value + "px" }
+    }, _ctx.$attrs, {
+      visible: _ctx.state.showPopup,
+      "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.state.showPopup = $event),
+      position: "top",
+      duration: _ctx.parent.props.duration,
+      "pop-class": "nut-menu__pop",
+      overlayClass: "nut-menu__overlay",
+      overlay: _ctx.parent.props.overlay,
+      onClosed: _ctx.handleClose,
+      isWrapTeleport: false
+    }), {
+      default: withCtx(() => [
+        createElementVNode("view", _hoisted_1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index2) => {
+            return openBlock(), createElementBlock("view", {
+              key: index2,
+              class: normalizeClass(["nut-menu-item__option", { active: option.value === _ctx.modelValue }]),
+              style: normalizeStyle({ "flex-basis": 100 / _ctx.cols + "%" }),
+              onClick: ($event) => _ctx.onClick(option)
+            }, [
+              option.value === _ctx.modelValue ? (openBlock(), createBlock(_component_nut_icon, {
+                key: 0,
+                name: "Check",
+                color: _ctx.parent.props.activeColor
+              }, null, 8, ["color"])) : createCommentVNode("", true),
+              createElementVNode("view", {
+                style: normalizeStyle({ color: option.value === _ctx.modelValue ? _ctx.parent.props.activeColor : "" })
+              }, toDisplayString(option.text), 5)
+            ], 14, _hoisted_2);
+          }), 128)),
+          renderSlot(_ctx.$slots, "default")
+        ])
+      ]),
+      _: 3
+    }, 16, ["style", "overlayStyle", "visible", "duration", "overlay", "onClosed"])
+  ], 2)), [
+    [vShow, _ctx.state.showWrapper]
   ]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-02edb907"]]);
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { index as default };

package/dist/packages/_es/Navbar.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:48 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/NoticeBar.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:48 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/Notify.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:48 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/NumberKeyboard.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:48 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/OverLay.js

@@ -15,7 +15,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:48 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/Pagination.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:48 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/Picker.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:48 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/Popover.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:48 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/Popup.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:48 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.
 */
@@ -87,6 +87,10 @@ const popupProps = __spreadProps(__spreadValues({}, overlayProps), {
   round: {
     type: Boolean,
     default: false
+  },
+  isWrapTeleport: {
+    type: Boolean,
+    default: true
   }
 });
 const _sfc_main = create({
@@ -95,16 +99,7 @@ const _sfc_main = create({
     [_sfc_main$1.name]: _sfc_main$1
   },
   props: __spreadValues({}, popupProps),
-  emits: [
-    "click",
-    "click-close-icon",
-    "open",
-    "close",
-    "opend",
-    "closed",
-    "update:visible",
-    "click-overlay"
-  ],
+  emits: ["click", "click-close-icon", "open", "close", "opend", "closed", "update:visible", "click-overlay"],
   setup(props, { emit }) {
     const state = reactive({
       zIndex: props.zIndex ? props.zIndex : _zIndex,
@@ -219,10 +214,14 @@ const _sfc_main = create({
     });
   }
 });
+const _hoisted_1 = { key: 1 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_overlay = resolveComponent("nut-overlay");
   const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createBlock(Teleport, { to: _ctx.teleport }, [
+  return _ctx.isWrapTeleport ? (openBlock(), createBlock(Teleport, {
+    key: 0,
+    to: _ctx.teleport
+  }, [
     _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
       key: 0,
       visible: _ctx.visible,
@@ -262,7 +261,47 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 3
     }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-  ], 8, ["to"]);
+  ], 8, ["to"])) : (openBlock(), createElementBlock("view", _hoisted_1, [
+    _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
+      key: 0,
+      visible: _ctx.visible,
+      "close-on-click-overlay": _ctx.closeOnClickOverlay,
+      class: normalizeClass(_ctx.overlayClass),
+      style: normalizeStyle(_ctx.overlayStyle),
+      "z-index": _ctx.zIndex,
+      "lock-scroll": _ctx.lockScroll,
+      duration: _ctx.duration,
+      onClick: _ctx.onClickOverlay
+    }, null, 8, ["visible", "close-on-click-overlay", "class", "style", "z-index", "lock-scroll", "duration", "onClick"])) : createCommentVNode("", true),
+    createVNode(Transition, {
+      name: _ctx.transitionName,
+      onAfterEnter: _ctx.onOpened,
+      onAfterLeave: _ctx.onClosed
+    }, {
+      default: withCtx(() => [
+        withDirectives(createElementVNode("view", {
+          class: normalizeClass(_ctx.classes),
+          style: normalizeStyle(_ctx.popStyle),
+          onClick: _cache[3] || (_cache[3] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+        }, [
+          _ctx.showSlot ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
+          _ctx.closeable ? (openBlock(), createElementBlock("view", {
+            key: 1,
+            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
+            class: normalizeClass(["nutui-popup__close-icon", "nutui-popup__close-icon--" + _ctx.closeIconPosition])
+          }, [
+            createVNode(_component_nut_icon, {
+              name: _ctx.closeIcon,
+              size: "12px"
+            }, null, 8, ["name"])
+          ], 2)) : createCommentVNode("", true)
+        ], 6), [
+          [vShow, _ctx.visible]
+        ])
+      ]),
+      _: 3
+    }, 8, ["name", "onAfterEnter", "onAfterLeave"])
+  ]));
 }
 var Popup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { Popup as default, popupProps };

package/dist/packages/_es/Price.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:48 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/Progress.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:48 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/Radio.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:48 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.
 */
@@ -14,8 +14,12 @@ const _sfc_main = create({
       type: Boolean,
       default: false
     },
-    label: {
+    shape: {
       type: String,
+      default: "round"
+    },
+    label: {
+      type: [String, Number],
       default: ""
     },
     iconName: {
@@ -34,7 +38,7 @@ const _sfc_main = create({
   setup(props, { emit, slots }) {
     let parent = inject("parent");
     const isCurValue = computed(() => {
-      return parent.label.value === props.label;
+      return parent.label.value == props.label;
     });
     const color = computed(() => {
       return !props.disabled ? isCurValue.value ? "nut-radio__icon" : "nut-radio__icon--unchecked" : "nut-radio__icon--disable";
@@ -56,16 +60,25 @@ const _sfc_main = create({
         class: `${componentName}__label ${props.disabled ? `${componentName}__label--disabled` : ""}`
       }, (_a = slots.default) == null ? void 0 : _a.call(slots));
     };
+    const renderButton = () => {
+      var _a;
+      return h("view", {
+        class: `${componentName}__button ${isCurValue.value && `${componentName}__button--active`} ${props.disabled ? `${componentName}__button--disabled` : ""}`
+      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
     const handleClick = () => {
       if (isCurValue.value || props.disabled)
         return;
       parent.updateValue(props.label);
     };
+    let reverseState = position.value === "left";
     return () => {
       return h("view", {
-        class: `${componentName} ${position.value === "left" ? `${componentName}--reverse` : ""}`,
+        class: `${componentName} ${componentName}--${props.shape} ${reverseState ? `${componentName}--reverse` : ""}`,
         onClick: handleClick
-      }, [renderIcon(), renderLabel()]);
+      }, [
+        props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]
+      ]);
     };
   }
 });

package/dist/packages/_es/RadioGroup.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:48 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.
 */
@@ -12,6 +12,10 @@ const _sfc_main = create({
       type: [Number, String, Boolean],
       default: ""
     },
+    direction: {
+      type: String,
+      default: "vertical"
+    },
     textPosition: {
       type: String,
       default: "right"
@@ -29,7 +33,7 @@ const _sfc_main = create({
     return () => {
       var _a;
       return h("view", {
-        class: `${componentName}`
+        class: `${componentName} ${componentName}--${props.direction}`
       }, (_a = slots.default) == null ? void 0 : _a.call(slots));
     };
   }

package/dist/packages/_es/Range.js

@@ -18,43 +18,15 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:48 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 { unref, ref, computed, toRefs, openBlock, createElementBlock, toDisplayString, createCommentVNode, createElementVNode, normalizeStyle, normalizeClass, withModifiers, Fragment, renderList, renderSlot } from "vue";
+import { ref, computed, toRefs, openBlock, createElementBlock, toDisplayString, createCommentVNode, createElementVNode, normalizeStyle, normalizeClass, withModifiers, Fragment, renderList, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
 import { u as useTouch } from "./index.js";
+import { u as useRect } from "./index2.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-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();
-  }
-  return {
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: 0,
-    height: 0
-  };
-};
 const { componentName, create } = createComponent("range");
 const _sfc_main = create({
   props: {

package/dist/packages/_es/Rate.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:48 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/Row.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:48 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.
 */