@nutui/nutui 4.0.5-beta.1 → 4.0.5-beta.2

package/dist/packages/_es/DatePicker.js

@@ -187,6 +187,9 @@ const _sfc_main = create({
         case "datehour":
           result = result.slice(0, 4);
           break;
+        case "hour-minute":
+          result = result.slice(3, 5);
+          break;
       }
       return result;
     });

package/dist/packages/_es/Input.js

@@ -104,7 +104,7 @@ const _sfc_main = create({
     }
   },
   components: { MaskClose },
-  emits: ["update:modelValue", "blur", "focus", "clear", "keypress", "click-input"],
+  emits: ["update:modelValue", "blur", "focus", "clear", "keypress", "click", "click-input"],
   setup(props, { emit, slots }) {
     const active = ref(false);
     const inputRef = ref();
@@ -221,6 +221,9 @@ const _sfc_main = create({
       }
       emit("click-input", event);
     };
+    const onClick = (event) => {
+      emit("click", event);
+    };
     const startComposing = ({ target }) => {
       target.composing = true;
     };
@@ -253,6 +256,7 @@ const _sfc_main = create({
       clear,
       startComposing,
       endComposing,
+      onClick,
       onClickInput
     };
   }
@@ -274,7 +278,8 @@ const _hoisted_8 = { class: "nut-input-right-box" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_MaskClose = resolveComponent("MaskClose");
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
+    class: normalizeClass(_ctx.classes),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, [
     createElementVNode("view", _hoisted_1, [
       createElementVNode("view", _hoisted_2, [

package/dist/packages/_es/Tabs.js

@@ -232,6 +232,9 @@ const _sfc_main = create({
         currentIndex.value = index;
       }
     };
+    const getScrollY = computed(() => {
+      return props.titleScroll && props.direction === "vertical";
+    });
     const navRef = ref();
     const titleRef = ref([]);
     const scrollIntoView = (immediate) => {
@@ -241,15 +244,25 @@ const _sfc_main = create({
         return;
       }
       const title = _titles[currentIndex.value];
-      const to = title.offsetLeft - (nav.offsetWidth - title.offsetWidth) / 2;
-      scrollLeftTo(nav, to, immediate ? 0 : 0.3);
+      let to = 0;
+      if (props.direction === "vertical") {
+        const runTop = title.offsetTop - nav.offsetTop + 10;
+        to = runTop - (nav.offsetHeight - title.offsetHeight) / 2;
+      } else {
+        to = title.offsetLeft - (nav.offsetWidth - title.offsetWidth) / 2;
+      }
+      scrollDirection(nav, to, immediate ? 0 : 0.3, props.direction);
     };
-    const scrollLeftTo = (nav, to, duration) => {
+    const scrollDirection = (nav, to, duration, direction) => {
       let count = 0;
-      const from = nav.scrollLeft;
+      const from = direction === "horizontal" ? nav.scrollLeft : nav.scrollTop;
       const frames = duration === 0 ? 1 : Math.round(duration * 1e3 / 16);
       function animate() {
-        nav.scrollLeft += (to - from) / frames;
+        if (direction === "horizontal") {
+          nav.scrollLeft += (to - from) / frames;
+        } else {
+          nav.scrollTop += (to - from) / frames;
+        }
         if (++count < frames) {
           requestAniFrame(animate);
         }
@@ -371,6 +384,7 @@ const _sfc_main = create({
       titleStyle,
       tabsActiveStyle,
       container,
+      getScrollY,
       onStickyScroll,
       ...tabMethods,
       ...touchMethods
@@ -428,7 +442,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 3
     }, 8, ["top", "container", "onScroll"])) : (openBlock(), createElementBlock("view", {
       key: 1,
-      class: normalizeClass(["nut-tabs__titles", { [_ctx.type]: _ctx.type, scrollable: _ctx.titleScroll, [_ctx.size]: _ctx.size }]),
+      class: normalizeClass(["nut-tabs__titles", { [_ctx.type]: _ctx.type, scrollable: _ctx.titleScroll, "scroll-vertical": _ctx.getScrollY, [_ctx.size]: _ctx.size }]),
       style: normalizeStyle(_ctx.tabsNavStyle),
       ref: "navRef"
     }, [

package/dist/packages/tabs/index.scss

@@ -48,6 +48,13 @@
           padding: 0 10px 0 15px;
         }
       }
+      &.scroll-vertical {
+        overflow-y: scroll;
+        height: auto;
+        .nut-tabs__titles-placeholder {
+          height: 22px;
+        }
+      }
       &-item {
         height: $tabs-vertical-titles-item-height;
         flex: none;
@@ -92,7 +99,7 @@
 
   &__titles {
     height: $tabs-horizontal-titles-height;
-    padding: 0 10px;
+    // padding: 0 10px;
     display: flex;
     user-select: none;
     background: $tabs-titles-background-color;

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.5-beta.1",
+  "version": "4.0.5-beta.2",
   "contributions": {
     "html": {
       "tags": [
@@ -1686,8 +1686,8 @@
             },
             {
               "name": "type",
-              "default": "`'date'`",
-              "description": "时间类型，可选值 `date` `time` `year-month` `month-day` `datehour`",
+              "default": "`date`",
+              "description": "时间类型，可选值 `date`(年月日) `time`(时分秒) `year-month`(年月) `month-day`(月日) `datehour`(年月日时) `hour-minute`(时分)",
               "value": {
                 "type": "string",
                 "kind": "expression"
@@ -2182,7 +2182,7 @@
             },
             {
               "name": "card-buy-min",
-              "default": "`9999`",
+              "default": "`1`",
               "description": "购买数量最小值",
               "value": {
                 "type": "number",