@nutui/nutui 4.0.9 → 4.0.10-beta.1

package/dist/packages/_es/Menu.js

@@ -25,9 +25,8 @@ const _sfc_main = create({
     },
     duration: {
       type: [Number, String],
-      default: 0
+      default: 0.3
     },
-    titleIcon: String,
     closeOnClickOverlay: {
       type: Boolean,
       default: true

package/dist/packages/_es/MenuItem.js

@@ -17,14 +17,14 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { reactive, computed, inject, getCurrentInstance, onUnmounted, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, vShow, createVNode, mergeProps, withCtx, Fragment, renderList, renderSlot, createCommentVNode, toDisplayString } from "vue";
+import { reactive, computed, inject, getCurrentInstance, onUnmounted, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeStyle, createElementVNode, vShow, createVNode, mergeProps, withCtx, Fragment, renderList, normalizeClass, renderSlot, createCommentVNode, toDisplayString } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { P as Popup } from "./index-da0a7662.js";
 import { Check } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";
-const { componentName, create } = createComponent("menu-item");
+const { create } = createComponent("menu-item");
 const _sfc_main = create({
   props: {
     title: String,
@@ -42,23 +42,17 @@ const _sfc_main = create({
       default: 1
     },
     activeTitleClass: String,
-    inactiveTitleClass: String,
-    optionIcon: {
-      type: String,
-      default: "Check"
-    }
+    inactiveTitleClass: String
   },
   components: {
     [Popup.name]: Popup,
     Check
   },
   emits: ["update:modelValue", "change", "open", "close"],
-  setup(props, { emit, slots }) {
+  setup(props, { emit }) {
     const state = reactive({
       showPopup: false,
-      transition: true,
-      showWrapper: false,
-      isShowPlaceholderElement: false
+      showWrapper: false
     });
     const useParent = () => {
       const parent2 = inject("menuParent", null);
@@ -69,32 +63,30 @@ const _sfc_main = create({
         onUnmounted(() => {
           removeLink(instance);
         });
-        return {
-          parent: parent2
-        };
+        return { parent: parent2 };
       }
     };
     const { parent } = useParent();
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
+    const style = computed(() => {
+      return parent.props.direction === "down" ? {
+        top: parent.offset.value + "px"
+      } : {
+        bottom: parent.offset.value + "px"
       };
     });
     const placeholderElementStyle = computed(() => {
       const heightStyle = { height: parent.offset.value + "px" };
       if (parent.props.direction === "down") {
-        return heightStyle;
+        return __spreadProps(__spreadValues({}, heightStyle), { top: "0px" });
       } else {
-        return __spreadProps(__spreadValues({}, heightStyle), { top: "auto" });
+        return __spreadProps(__spreadValues({}, heightStyle), { bottom: "0px" });
       }
     });
-    const toggle = (show = !state.showPopup, options = {}) => {
+    const toggle = (show = !state.showPopup) => {
       if (show === state.showPopup) {
         return;
       }
       state.showPopup = show;
-      state.isShowPlaceholderElement = show;
       if (show) {
         state.showWrapper = true;
         emit("open");
@@ -110,7 +102,6 @@ const _sfc_main = create({
     };
     const onClick = (option) => {
       state.showPopup = false;
-      state.isShowPlaceholderElement = false;
       if (option.value !== props.modelValue) {
         emit("update:modelValue", option.value);
         emit("change", option.value);
@@ -119,14 +110,13 @@ const _sfc_main = create({
     const handleClose = () => {
       emit("close");
       state.showWrapper = false;
-      state.isShowPlaceholderElement = false;
     };
     const handleClickOutside = () => {
       state.showPopup = false;
       emit("close");
     };
     return {
-      classes,
+      style,
       placeholderElementStyle,
       renderTitle,
       state,
@@ -144,24 +134,24 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Check = resolveComponent("Check");
   const _component_nut_popup = resolveComponent("nut-popup");
   return withDirectives((openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
+    class: "nut-menu-item",
+    style: normalizeStyle(_ctx.style)
   }, [
     withDirectives(createElementVNode("div", {
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClickOutside && _ctx.handleClickOutside(...args)),
-      class: normalizeClass(["nut-menu-item-placeholder-element", { up: _ctx.parent.props.direction === "up" }]),
+      class: "nut-menu-item-placeholder-element",
       style: normalizeStyle(_ctx.placeholderElementStyle)
-    }, null, 6), [
-      [vShow, _ctx.state.isShowPlaceholderElement]
+    }, null, 4), [
+      [vShow, _ctx.state.showPopup]
     ]),
     createVNode(_component_nut_popup, mergeProps({
-      style: _ctx.parent.props.direction === "down" ? { top: _ctx.parent.offset.value + "px" } : { bottom: _ctx.parent.offset.value + "px" },
-      overlayStyle: _ctx.parent.props.direction === "down" ? { top: _ctx.parent.offset.value + "px" } : { bottom: _ctx.parent.offset.value + "px", top: "auto" }
+      style: { position: "absolute" },
+      overlayStyle: { position: "absolute" }
     }, _ctx.$attrs, {
       visible: _ctx.state.showPopup,
       "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.state.showPopup = $event),
       position: _ctx.parent.props.direction === "down" ? "top" : "bottom",
       duration: _ctx.parent.props.duration,
-      "pop-class": "nut-menu__pop",
       "destroy-on-close": false,
       overlay: _ctx.parent.props.overlay,
       onClosed: _ctx.handleClose,
@@ -198,8 +188,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       _: 3
-    }, 16, ["style", "overlayStyle", "visible", "position", "duration", "overlay", "onClosed", "lockScroll", "close-on-click-overlay"])
-  ], 2)), [
+    }, 16, ["visible", "position", "duration", "overlay", "onClosed", "lockScroll", "close-on-click-overlay"])
+  ], 4)), [
     [vShow, _ctx.state.showWrapper]
   ]);
 }

package/dist/packages/_es/Picker.js

@@ -28,7 +28,7 @@ const usePicker = (props, emit) => {
   const state = reactive({
     formattedColumns: props.columns
   });
-  let defaultValues = ref([]);
+  const defaultValues = ref([]);
   const pickerColumn = ref([]);
   const swipeRef = (el) => {
     if (el && pickerColumn.value.length < columnsList.value.length) {
@@ -42,13 +42,9 @@ const usePicker = (props, emit) => {
     };
   });
   const selectedOptions = computed(() => {
-    let optins = [];
-    columnsList.value.map((column2, index) => {
-      let currOptions = [];
-      currOptions = column2.filter((item) => item.value == defaultValues.value[index]);
-      optins.push(currOptions[0]);
+    return columnsList.value.map((column2, index) => {
+      return column2.find((item) => item.value === defaultValues.value[index]);
     });
-    return optins;
   });
   const columnsType = computed(() => {
     const firstColumn = state.formattedColumns[0];
@@ -83,8 +79,8 @@ const usePicker = (props, emit) => {
     while (cursor && cursor.children) {
       const options = cursor.children;
       const value = defaultValues2[columnIndex];
-      let index = options.findIndex((columnItem) => columnItem.value == value);
-      if (index == -1)
+      let index = options.findIndex((columnItem) => columnItem.value === value);
+      if (index === -1)
         index = 0;
       cursor = cursor.children[index];
       columnIndex++;
@@ -110,7 +106,7 @@ const usePicker = (props, emit) => {
           index++;
           cursor = cursor.children[0];
         }
-        if (cursor && cursor.children && cursor.children.length == 0) {
+        if (cursor && cursor.children && cursor.children.length === 0) {
           defaultValues.value = defaultValues.value.slice(0, index + 1);
         }
       } else {
@@ -350,7 +346,7 @@ const _sfc_main$1 = create$1({
     };
     const modifyStatus = (type) => {
       const { column: column2 } = props;
-      let index = column2.findIndex((columnItem) => columnItem.value == props.value);
+      let index = column2.findIndex((columnItem) => columnItem.value === props.value);
       state.currIndex = index === -1 ? 1 : index + 1;
       let move = index === -1 ? 0 : index * +props.optionHeight;
       type && setChooseValue();

package/dist/packages/_es/Row.js

@@ -1,4 +1,4 @@
-import { provide, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { provide, computed, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -33,23 +33,23 @@ const _sfc_main = create({
     const getClass = (prefix, type) => {
       return prefix ? type ? `nut-row-${prefix}-${type}` : "" : `nut-row-${type}`;
     };
-    const getClasses = () => {
-      return `
-              ${getClass("", props.type)}
-              ${getClass("justify", props.justify)}
-              ${getClass("align", props.align)}
-              ${getClass("flex", props.flexWrap)}
-              ${prefixCls}
-              `;
-    };
+    const classes = computed(() => {
+      return [
+        prefixCls,
+        getClass("", props.type),
+        getClass("justify", props.justify),
+        getClass("align", props.align),
+        getClass("flex", props.flexWrap)
+      ];
+    });
     return {
-      getClasses
+      classes
     };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.getClasses())
+    class: normalizeClass(_ctx.classes)
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);

package/dist/packages/_es/Searchbar.js

@@ -32,12 +32,16 @@ const _sfc_main = create({
     },
     inputType: {
       type: String,
-      default: "textarea"
+      default: "text"
     },
     label: {
       type: String,
       default: ""
     },
+    shape: {
+      type: String,
+      default: "round"
+    },
     maxLength: {
       type: [String, Number],
       default: "9999"
@@ -64,9 +68,7 @@ const _sfc_main = create({
     },
     focusStyle: {
       type: Object,
-      // eslint-disable-next-line @typescript-eslint/no-empty-function
-      default: () => {
-      }
+      default: () => ({})
     },
     autofocus: {
       type: Boolean,
@@ -96,7 +98,7 @@ const _sfc_main = create({
     "click-left-icon",
     "click-right-icon"
   ],
-  setup(props, { slots, emit }) {
+  setup(props, { emit }) {
     const state = reactive({
       active: false
     });
@@ -215,7 +217,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "leftout")
     ])) : createCommentVNode("", true),
     createElementVNode("view", {
-      class: "nut-searchbar__search-input",
+      class: normalizeClass([`nut-searchbar__search-input`, _ctx.shape]),
       style: normalizeStyle(__spreadValues(__spreadValues({}, _ctx.inputSearchbarStyle), _ctx.focusCss))
     }, [
       _ctx.$slots.leftin ? (openBlock(), createElementBlock("view", {
@@ -266,7 +268,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "rightin")
         ])) : createCommentVNode("", true)
       ], 2)
-    ], 4),
+    ], 6),
     _ctx.$slots.rightout ? (openBlock(), createElementBlock("view", _hoisted_5, [
       renderSlot(_ctx.$slots, "rightout")
     ])) : createCommentVNode("", true)

package/dist/packages/col/index.scss

@@ -15,10 +15,10 @@
 
 @for $i from 1 through 24 {
   .nut-col-offset-#{$i} {
-    margin-left: calc(100 / 24) * $i * 1%;
+    margin-left: calc((100 / 24) * #{$i} * 1%);
   }
 
   .nut-col-#{$i} {
-    width: calc(100 / 24) * $i * 1%;
+    width: calc((100 / 24) * #{$i} * 1%);
   }
 }

package/dist/packages/menuitem/index.scss

@@ -9,6 +9,13 @@
 }
 
 .nut-menu-item {
+  position: fixed;
+  z-index: $menu-bar-opened-z-index;
+  left: 0;
+  right: 0;
+  height: 100vh;
+  overflow: hidden;
+
   .active {
     font-weight: $menu-active-item-font-weight;
     color: $menu-item-active-text-color !important;
@@ -40,20 +47,10 @@
   }
 }
 
-.nut-menu__pop {
-  transition: height linear 3s;
-  transform: none;
-}
-
 .nut-menu-item-placeholder-element {
   position: fixed;
-  top: $menu-bar-line-height;
   left: 0;
   right: 0;
   z-index: $menu-bar-opened-z-index;
   background-color: transparent;
-
-  &.up {
-    bottom: $menu-bar-line-height;
-  }
 }

package/dist/packages/searchbar/index.scss

@@ -48,6 +48,10 @@
     background: $searchbar-input-background;
     box-sizing: border-box;
 
+    &.square {
+      border-radius: 0;
+    }
+
     .nut-searchbar__input-inner {
       display: flex;
       position: relative;

package/dist/smartips/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "NutUI",
-  "version": "4.0.9",
+  "version": "4.0.10-beta.1",
   "contributions": {
     "html": {
       "tags": [
@@ -4924,7 +4924,7 @@
             },
             {
               "name": "shape",
-              "default": "`square`",
+              "default": "`round`",
               "description": "搜索框形状，可选值为 `square` `round`",
               "value": {
                 "type": "string",