@nutui/nutui 4.0.2 → 4.0.3-beta.1

package/dist/packages/_es/Toast.js

@@ -1,9 +1,9 @@
 import { reactive, onMounted, watch, computed, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, resolveDynamicComponent, createCommentVNode, toDisplayString, vShow, createVNode, render } from "vue";
-import { c as createComponent } from "./component-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-import { C as CreateComponent } from "./mountComponent-3865592f.js";
+import { C as CreateComponent } from "./mountComponent-1ece4110.js";
 import { Success, Failure, Tips, Loading } from "@nutui/icons-vue";
 const { create } = createComponent("toast");
 const _sfc_main = create({
@@ -196,7 +196,9 @@ const defaultOptions = {
   msg: "",
   id: "",
   duration: 2e3,
+  //显示时间(毫秒)
   center: true,
+  // 未实现
   type: "text",
   title: "",
   customClass: "",
@@ -205,13 +207,19 @@ const defaultOptions = {
   iconSize: "20",
   icon: null,
   textAlignCenter: true,
+  // 未实现
   loadingRotate: true,
+  // 未实现
   bgColor: "",
   onClose: null,
+  // 未实现
   unmount: null,
   cover: false,
+  //透明遮罩层 // 未实现
   coverColor: "",
+  // 未实现
   closeOnClickOverlay: false
+  // 未实现
 };
 let idsMap = [];
 let optsMap = [];

package/dist/packages/_es/Tour.js

@@ -1,12 +1,12 @@
 import { reactive, ref, computed, onMounted, watch, toRefs, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, vShow, Fragment, renderList, normalizeStyle, createCommentVNode, createVNode, withCtx, renderSlot, toDisplayString } from "vue";
-import { c as createComponent } from "./component-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { u as useRect } from "./index-29892cda.js";
 import { Close } from "@nutui/icons-vue";
 import Popover from "./Popover.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./renderIcon-3d0fd47c.js";
-import "./index-a564e25f.js";
+import "./index-c55ad69e.js";
 import "./Overlay.js";
 const { create } = createComponent("tour");
 const _sfc_main = create({
@@ -19,6 +19,7 @@ const _sfc_main = create({
     type: {
       type: String,
       default: "step"
+      // tile
     },
     steps: {
       type: Array,

package/dist/packages/_es/TrendArrow.js

@@ -1,5 +1,5 @@
 import { reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createVNode } from "vue";
-import { m as myFixed, c as createComponent } from "./component-bb5ff48e.js";
+import { m as myFixed, c as createComponent } from "./component-81a4c1d0.js";
 import { TriangleUp, TriangleDown } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";

package/dist/packages/_es/Uploader.js

@@ -5,8 +5,8 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { reactive, computed, h, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, createElementVNode, toDisplayString, createVNode } from "vue";
-import { c as createComponent } from "./component-bb5ff48e.js";
-import { f as funInterceptor } from "./interceptor-648bf3d0.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { f as funInterceptor } from "./interceptor-956b24fc.js";
 import Progress from "./Progress.js";
 import { Photograph, Failure, Loading, Del, Link } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
@@ -103,9 +103,11 @@ const _sfc_main = create({
   props: {
     name: { type: String, default: "file" },
     url: { type: String, default: "" },
+    // defaultFileList: { type: Array, default: () => new Array<FileItem>() },
     timeout: { type: [Number, String], default: 1e3 * 30 },
     fileList: { type: Array, default: () => [] },
     isPreview: { type: Boolean, default: true },
+    // picture、list
     listType: { type: String, default: "picture" },
     isDeletable: { type: Boolean, default: true },
     method: { type: String, default: "post" },

package/dist/packages/_es/Video.js

@@ -1,5 +1,5 @@
 import { reactive, ref, computed, watch, nextTick, onMounted, toRefs, openBlock, createElementBlock, createElementVNode, createCommentVNode, withDirectives, vShow, normalizeClass, toDisplayString, normalizeStyle, withModifiers } from "vue";
-import { c as createComponent } from "./component-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 function throttle(fn, delay) {
@@ -29,13 +29,17 @@ const _sfc_main = create({
       type: Object,
       default: {
         autoplay: false,
+        //是否自动播放
         volume: 0.5,
         poster: "",
         loop: false,
         controls: true,
         muted: false,
+        //是否静音
         disabled: false,
+        //禁止操作
         playsinline: false,
+        //行内展示
         touchPlay: false,
         preload: ""
       },
@@ -52,30 +56,44 @@ const _sfc_main = create({
     const state = reactive({
       videoElm: null,
       initial: true,
+      //控制封面的显示
       showToolbox: false,
+      //控制控制器和标题的显示
+      // 视频容器元素
       player: {
         $player: null,
         pos: null
       },
+      // progress进度条元素
       progressBar: {
         progressElm: null,
+        // 进度条DOM对象
         pos: null
       },
+      // video控制显示设置
       videoSet: {
         loaded: 0,
+        // 缓存长度
         displayTime: "00:00",
+        // 进度时间
         totalTime: "00:00",
+        // 总时间
         progress: {
           width: 0,
+          // 进度条长度
           current: 0
+          // 进度条当前位置
         }
       },
       state: {
         controlShow: true,
         vol: 0.5,
+        //音量
         currentTime: 0,
+        //当前时间
         fullScreen: false,
         playing: false,
+        //是否正在播放
         isLoading: false,
         isEnd: false,
         isError: false,

package/dist/packages/_es/Watermark.js

@@ -1,5 +1,5 @@
 import { reactive, watch, computed, toRefs, openBlock, createElementBlock, normalizeClass, normalizeStyle } from "vue";
-import { c as createComponent } from "./component-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("watermark");

package/dist/packages/_es/{common-05c67d9a.js → common-b9a5e726.js}

@@ -1,5 +1,5 @@
 import { shallowReactive, getCurrentInstance, provide, markRaw, isVNode, computed, h } from "vue";
-import { c as createComponent } from "./component-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 function flattenVNodes(children, childName) {
   const result = [];
@@ -68,33 +68,41 @@ function useProvide(key, childName) {
 const { componentName } = createComponent("grid");
 const GRID_KEY = Symbol("grid");
 const gridProps = {
+  // 列数
   columnNum: {
     type: [Number, String],
     default: 4
   },
+  // 是否显示边框
   border: {
     type: Boolean,
     default: true
   },
+  // 格子之间间隔距离
   gutter: {
     type: [Number, String],
     default: 0
   },
+  // 是否内容居中
   center: {
     type: Boolean,
     default: true
   },
+  // 是否固定正方形
   square: {
     type: Boolean,
     default: false
   },
+  // 内容与文字翻转
   reverse: {
     type: Boolean,
     default: false
   },
+  // 内容排列方向
   direction: {
     type: String
   },
+  // 是否开启点击反馈
   clickable: {
     type: Boolean,
     default: false

package/dist/packages/_es/{component-bb5ff48e.js → component-81a4c1d0.js}

@@ -127,15 +127,15 @@ function createComponent(name) {
 }
 export {
   TypeOfFun as T,
-  isArray as a,
+  isDate as a,
   body as b,
   createComponent as c,
-  isDate as d,
-  preventDefault as e,
-  clamp as f,
-  isPromise as g,
+  preventDefault as d,
+  clamp as e,
+  isPromise as f,
+  isObject as g,
   getPropByPath as h,
-  isObject as i,
+  isArray as i,
   isString as j,
   isFunction as k,
   getScrollTopRoot as l,

package/dist/packages/_es/{index-a564e25f.js → index-c55ad69e.js}

@@ -1,4 +1,4 @@
-import { c as createComponent } from "./component-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { reactive, computed, watch, watchEffect, toRefs, resolveComponent, openBlock, createBlock, Teleport, mergeProps, createCommentVNode, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, vShow } from "vue";
 import Overlay from "./Overlay.js";
 import { Close } from "@nutui/icons-vue";
@@ -149,8 +149,8 @@ const component = (componentName2, components) => {
         emit("update:visible", false);
       };
       const onClickOverlay = (e) => {
+        emit("click-overlay", e);
         if (props.closeOnClickOverlay) {
-          emit("click-overlay", e);
           emit("update:visible", false);
         }
       };

package/dist/packages/_es/{index-c4bbec14.js → index-cb5fe1dc.js}

@@ -1,18 +1,30 @@
 import { ref, computed, reactive, watch, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, renderSlot, Fragment, renderList, normalizeStyle, createTextVNode } from "vue";
-import { c as createComponent } from "./component-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { r as requestAniFrame } from "./raf-729dad54.js";
 import { u as useExpose } from "./index-79c5dc33.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 const Utils = {
+  /**
+   * 是否为闫年
+   * @return {Boolse} true|false
+   */
   isLeapYear: function(y) {
     return y % 4 == 0 && y % 100 != 0 || y % 400 == 0;
   },
+  /**
+   * 返回星期数
+   * @return {String}
+   */
   getWhatDay: function(year, month, day) {
     const date = new Date(year + "/" + month + "/" + day);
     const index = date.getDay();
     const dayNames = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
     return dayNames[index];
   },
+  /**
+   * 返回星期数
+   * @return {Number}
+   */
   getMonthPreDay: function(year, month) {
     const date = new Date(year + "/" + month + "/01");
     let day = date.getDay();
@@ -21,16 +33,28 @@ const Utils = {
     }
     return day;
   },
+  /**
+   * 返回月份天数
+   * @return {Number}
+   */
   getMonthDays: function(year, month) {
     if (/^0/.test(month)) {
       month = month.split("")[1];
     }
     return [0, 31, this.isLeapYear(Number(year)) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month];
   },
+  /**
+   * 补齐数字位数
+   * @return {string}
+   */
   getNumTwoBit: function(n) {
     n = Number(n);
     return (n > 9 ? "" : "0") + n;
   },
+  /**
+   * 日期对象转成字符串
+   * @return {string}
+   */
   date2Str: function(date, split) {
     split = split || "-";
     const y = date.getFullYear();
@@ -38,6 +62,11 @@ const Utils = {
     const d = this.getNumTwoBit(date.getDate());
     return [y, m, d].join(split);
   },
+  /**
+   * 返回日期格式字符串
+   * @param {Number} 0返回今天的日期、1返回明天的日期，2返回后天得日期，依次类推
+   * @return {string} '2014-12-31'
+   */
   getDay: function(i) {
     i = i || 0;
     let date = new Date();
@@ -45,6 +74,10 @@ const Utils = {
     date = new Date(date.getTime() + diff);
     return this.date2Str(date);
   },
+  /**
+   * 时间比较
+   * @return {Boolean}
+   */
   compareDate: function(date1, date2) {
     const startTime = new Date(date1.replace("-", "/").replace("-", "/"));
     const endTime = new Date(date2.replace("-", "/").replace("-", "/"));
@@ -53,6 +86,10 @@ const Utils = {
     }
     return true;
   },
+  /**
+   * 时间是否相等
+   * @return {Boolean}
+   */
   isEqual: function(date1, date2) {
     const startTime = new Date(date1).getTime();
     const endTime = new Date(date2).getTime();

package/dist/packages/_es/{index.vue_vue_type_script_lang-ee936659.js → index.vue_vue_type_script_lang-22dfc112.js}

@@ -1,5 +1,5 @@
 import { provide, readonly, computed, watch, h } from "vue";
-import { c as createComponent } from "./component-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 const { componentName, create } = createComponent("radio-group");
 const _sfc_main = create({
   props: {
@@ -10,6 +10,7 @@ const _sfc_main = create({
     direction: {
       type: String,
       default: "vertical"
+      //horizontal
     },
     textPosition: {
       type: String,

package/dist/packages/_es/{index.vue_vue_type_script_lang-8b9f3de5.js → index.vue_vue_type_script_lang-442e4704.js}

@@ -1,5 +1,5 @@
 import { inject, computed, h } from "vue";
-import { c as createComponent } from "./component-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { CheckNormal, CheckChecked } from "@nutui/icons-vue";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 const { componentName, create } = createComponent("radio");
@@ -16,6 +16,7 @@ const _sfc_main = create({
     shape: {
       type: String,
       default: "round"
+      // button
     },
     label: {
       type: [String, Number, Boolean],

package/dist/packages/_es/{index.vue_vue_type_script_lang-8f90bbd8.js → index.vue_vue_type_script_lang-cc5c4086.js}

@@ -1,5 +1,5 @@
 import { ref, reactive, computed, watch, onMounted, onUnmounted, h, unref } from "vue";
-import { c as createComponent } from "./component-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { u as useRect } from "./index-29892cda.js";
 const { componentName, create } = createComponent("sticky");
 const _sfc_main = create({

package/dist/packages/_es/{interceptor-648bf3d0.js → interceptor-956b24fc.js}

@@ -1,4 +1,4 @@
-import { g as isPromise } from "./component-bb5ff48e.js";
+import { f as isPromise } from "./component-81a4c1d0.js";
 const funInterceptor = (interceptor, {
   args = [],
   done,

package/dist/packages/_es/{mountComponent-3865592f.js → mountComponent-1ece4110.js}

@@ -1,5 +1,5 @@
 import { createApp } from "vue";
-import { j as isString, k as isFunction } from "./component-bb5ff48e.js";
+import { j as isString, k as isFunction } from "./component-81a4c1d0.js";
 const CreateComponent = (options, component) => {
   let elWarp = document.body;
   const teleport = options.teleport || "body";

package/dist/packages/input/index.scss

@@ -55,8 +55,8 @@ textarea {
   }
   .input-text {
     font-size: $input-font-size;
-    height: auto;
-    min-height: auto;
+    // height: auto;
+    // min-height: auto;
   }
   &__label {
     width: 80px;

package/dist/packages/menuitem/index.scss

@@ -40,7 +40,7 @@
 
 .nut-menu__pop {
   transition: height linear 3s;
-  // transform: none;
+  transform: none;
 }
 
 .nut-menu-item-placeholder-element {

package/dist/packages/navbar/index.scss

@@ -33,7 +33,6 @@
     width: 100%;
   }
   &--placeholder {
-    display: inline-block;
     width: 100%;
   }
   &--safe-area-inset-top {

package/dist/packages/price/index.scss

@@ -2,10 +2,14 @@
   font-size: 0;
   display: inline;
   color: $primary-color;
+  &--strike {
+    [class*='nut-price'] {
+      text-decoration: line-through;
+    }
+  }
   &--symbol {
     display: inline-block;
     font-size: $font-size-3;
-    // margin-right: 4px;
   }
   &--large {
     display: inline-block;
@@ -15,11 +19,6 @@
     display: inline-block;
     font-size: $price-big-size;
   }
-  // &--small {
-  //   display: inline-block;
-  //   font-size: $font-size-4;
-  // }
-
   &--decimal-large {
     display: inline-block;
     font-size: $price-decimal-big-size;
@@ -52,8 +51,4 @@
     display: inline-block;
     font-size: $price-symbol-small-size;
   }
-  // &--decimal--big {
-  //   display: inline-block;
-  //   font-size: $price-medium-size;
-  // }
 }

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.2",
+  "version": "4.0.3-beta.1",
   "contributions": {
     "html": {
       "tags": [
@@ -1428,24 +1428,6 @@
                 "type": "string",
                 "kind": "expression"
               }
-            },
-            {
-              "name": "font-class-name",
-              "default": "`nutui-iconfont`",
-              "description": "自定义 icon 字体基础类名",
-              "value": {
-                "type": "string",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "class-prefix",
-              "default": "`nut-icon`",
-              "description": "自定义 icon 类名前缀，用于使用自定义图标",
-              "value": {
-                "type": "string",
-                "kind": "expression"
-              }
             }
           ]
         },
@@ -3840,7 +3822,7 @@
             {
               "name": "close-on-click-overlay",
               "default": "`true`",
-              "description": "点击遮罩时是否关闭，如果设置 `false`,那么 `click`事件将失效",
+              "description": "点击遮罩时是否关闭",
               "value": {
                 "type": "boolean",
                 "kind": "expression"
@@ -4438,6 +4420,15 @@
                 "type": "string",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "strike-through",
+              "default": "false",
+              "description": "是否展示划线价",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ]
         },
@@ -5892,6 +5883,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "swipeable",
+              "default": "`false`",
+              "description": "是否开启手势左右滑动切换",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "title-scroll",
               "default": "`false`",