@nutui/nutui 4.0.4 → 4.0.5-beta.1

package/dist/packages/_es/Navbar.js

@@ -8,10 +8,15 @@ const _sfc_main = create({
   components: { Left },
   props: {
     leftShow: { type: Boolean, default: false },
+    //左侧  是否显示返回icon
     title: { type: String, default: "" },
+    //中间  文字标题
     titleIcon: { type: Boolean, default: false },
+    //中间
     leftText: { type: String, default: "" },
+    //左侧文字
     desc: { type: String, default: "" },
+    //右侧   按钮文字
     fixed: {
       type: Boolean,
       default: false
@@ -25,6 +30,7 @@ const _sfc_main = create({
       default: false
     },
     placeholder: {
+      // 生成一个等高的占位元素
       type: Boolean,
       default: true
     },

package/dist/packages/_es/Noticebar.js

@@ -7,6 +7,7 @@ import "../locale/lang";
 const { componentName, create } = createComponent("noticebar");
 const _sfc_main = create({
   props: {
+    // 滚动方向  across 横向 vertical 纵向
     direction: {
       type: String,
       default: "across"

package/dist/packages/_es/Notify.js

@@ -109,6 +109,9 @@ const defaultOptions = {
   duration: 3e3,
   className: "",
   onClose: Function,
+  // onClick: null,
+  // onOpened: null,
+  // textTimer: null,
   teleport: "",
   unmount: new Function()
 };
@@ -156,7 +159,7 @@ const mountNotify = (opts) => {
       return updateNotify(opts);
     }
   } else {
-    _id = new Date().getTime() + "";
+    _id = (/* @__PURE__ */ new Date()).getTime() + "";
   }
   opts = { ...defaultOptions, ...opts };
   opts.id = _id;

package/dist/packages/_es/Picker.js

@@ -159,12 +159,14 @@ const usePicker = (props, emit) => {
 const { create: create$1 } = createComponent("picker-column");
 const _sfc_main$1 = create$1({
   props: {
+    // 当前选中项
     value: [String, Number],
     columnsType: String,
     column: {
       type: Array,
       default: () => []
     },
+    // 是否开启3D效果
     threeDimensional: {
       type: Boolean,
       default: true

package/dist/packages/_es/PullRefresh.js

@@ -25,6 +25,10 @@ const _sfc_main = create({
       type: String,
       default: translate("loading")
     },
+    // completeTxt: {
+    //   type: String,
+    //   default: ''
+    // },
     headHeight: {
       type: [String, Number],
       default: 50

package/dist/packages/_es/Radio.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-d4c88f85.js";
+import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-442e4704.js";
 import "vue";
 import "./component-81a4c1d0.js";
 import "../locale/lang";

package/dist/packages/_es/RadioGroup.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-1291fceb.js";
+import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-22dfc112.js";
 import "vue";
 import "./component-81a4c1d0.js";
 import "../locale/lang";

package/dist/packages/_es/Searchbar.js

@@ -45,6 +45,7 @@ const _sfc_main = create({
     },
     focusStyle: {
       type: Object,
+      // eslint-disable-next-line @typescript-eslint/no-empty-function
       default: () => {
       }
     },

package/dist/packages/_es/ShortPassword.js

@@ -42,6 +42,7 @@ const _sfc_main = create({
     },
     length: {
       type: [String, Number],
+      //4～6
       default: 6
     }
   },

package/dist/packages/_es/Skeleton.js

@@ -7,42 +7,52 @@ const component = (components) => {
   return {
     components,
     props: {
+      //每行宽度
       width: {
         type: String,
         default: "100px"
       },
+      //每行高度
       height: {
         type: String,
         default: "15px"
       },
+      //是否显示动画
       animated: {
         type: Boolean,
         default: false
       },
+      //头像
       avatar: {
         type: Boolean,
         default: false
       },
+      //头像形状：正方形/圆形
       avatarShape: {
         type: String,
         default: "round"
       },
+      //头像大小
       avatarSize: {
         type: String,
         default: "50px"
       },
+      //是否显示骨架屏
       loading: {
         type: Boolean,
         default: true
       },
+      //标题/段落 圆角风格
       round: {
         type: Boolean,
         default: false
       },
+      //显示段落行数
       row: {
         type: String,
         default: "1"
       },
+      //是否显示段落标题
       title: {
         type: Boolean,
         default: true

package/dist/packages/_es/Sku.js

@@ -124,6 +124,7 @@ const SkuSelect = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_rend
 const { componentName: componentName$2, create: create$2 } = createComponent("sku-stepper");
 const _sfc_main$2 = create$2({
   props: {
+    // 购买数量最大值
     stepperMax: {
       type: [Number, String],
       default: 99999
@@ -132,10 +133,12 @@ const _sfc_main$2 = create$2({
       type: [Number, String],
       default: 1
     },
+    // stepper 前文案提示
     stepperExtraText: {
       type: [Function, Boolean],
       default: false
     },
+    // 数量选择左侧文案
     stepperTitle: {
       type: String,
       default: "购买数量"
@@ -214,6 +217,7 @@ const SkuStepper = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_ren
 const { componentName: componentName$1, create: create$1 } = createComponent("sku-operate");
 const _sfc_main$1 = create$1({
   props: {
+    // 底部按钮配置  confirm cart  buy
     btnOptions: {
       type: Array,
       default: () => ["confirm"]
@@ -222,10 +226,12 @@ const _sfc_main$1 = create$1({
       type: String,
       default: ""
     },
+    // 立即购买文案
     buyText: {
       type: String,
       default: "立即购买"
     },
+    // 加入购物车文案
     addCartText: {
       type: String,
       default: "加入购物车"
@@ -297,22 +303,27 @@ const _sfc_main = create({
       type: Object,
       default: {}
     },
+    // stepper 最大值
     stepperMax: {
       type: [Number, String],
       default: 99999
     },
+    // stepper 最小值
     stepperMin: {
       type: [Number, String],
       default: 1
     },
+    // 底部按钮配置  confirm cart  buy
     btnOptions: {
       type: Array,
       default: () => ["confirm"]
     },
+    // 数量选择左侧文案
     stepperTitle: {
       type: String,
       default: ""
     },
+    // stepper 前面文案
     stepperExtraText: {
       type: [Function, Boolean],
       default: false
@@ -321,14 +332,17 @@ const _sfc_main = create({
       type: String,
       default: ""
     },
+    // 立即购买文案
     buyText: {
       type: String,
       default: ""
     },
+    // 加入购物车文案
     addCartText: {
       type: String,
       default: ""
     },
+    // 确定文案
     confirmText: {
       type: String,
       default: ""

package/dist/packages/_es/Swiper.js

@@ -19,6 +19,7 @@ const _sfc_main = create({
     direction: {
       type: String,
       default: "horizontal"
+      //horizontal and vertical
     },
     paginationVisible: {
       type: Boolean,

package/dist/packages/_es/TabbarItem.js

@@ -10,6 +10,7 @@ const _sfc_main = create({
   components: { [Badge.name]: Badge },
   props: {
     tabTitle: {
+      // 标签页的标题
       type: String,
       default: ""
     },
@@ -17,9 +18,11 @@ const _sfc_main = create({
       type: String
     },
     icon: {
+      // 标签页显示的icon
       type: Object
     },
     href: {
+      // 标签页的跳转链接
       type: String,
       default: ""
     },
@@ -32,7 +35,9 @@ const _sfc_main = create({
     const parent = inject("parent");
     const state = reactive({
       unactiveColor: parent.unactiveColor,
+      // 未选中的颜色
       activeColor: parent.activeColor,
+      // 选中的颜色
       index: 0
     });
     const router = useRouter();

package/dist/packages/_es/Tabs.js

@@ -138,6 +138,7 @@ const _sfc_main = create({
     direction: {
       type: String,
       default: "horizontal"
+      //vertical
     },
     size: {
       type: String,
@@ -146,6 +147,7 @@ const _sfc_main = create({
     type: {
       type: String,
       default: "line"
+      //card、line、smile
     },
     titleScroll: {
       type: Boolean,

package/dist/packages/_es/Textarea.js

@@ -67,6 +67,7 @@ const _sfc_main = create({
     const styles = computed(() => {
       return {
         textAlign: props.textAlign
+        // resize: props.autosize ? 'vertical' : 'none'
       };
     });
     const getContentHeight = () => {

package/dist/packages/_es/Toast.js

@@ -3,7 +3,7 @@ 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-1ece4110.js";
+import { C as CreateComponent } from "./mountComponent-8b24c346.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 = [];
@@ -257,7 +265,7 @@ const mountToast = (opts) => {
       return updateToast(opts);
     }
   } else {
-    _id = new Date().getTime() + "";
+    _id = (/* @__PURE__ */ new Date()).getTime() + "";
   }
   opts = { ...defaultOptions, ...opts };
   opts.id = _id;

package/dist/packages/_es/Tour.js

@@ -19,6 +19,7 @@ const _sfc_main = create({
     type: {
       type: String,
       default: "step"
+      // tile
     },
     steps: {
       type: Array,

package/dist/packages/_es/Uploader.js

@@ -81,7 +81,7 @@ class FileItem {
   constructor() {
     __publicField(this, "status", "ready");
     __publicField(this, "message", translate$1("ready"));
-    __publicField(this, "uid", new Date().getTime().toString());
+    __publicField(this, "uid", (/* @__PURE__ */ new Date()).getTime().toString());
     __publicField(this, "name");
     __publicField(this, "url");
     __publicField(this, "type");
@@ -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

@@ -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/{common-ceb98554.js → common-b9a5e726.js}

@@ -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/{index-2a2f92bd.js → index-f933fcf6.js}

@@ -4,33 +4,57 @@ 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 date = /* @__PURE__ */ 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");
+    const date = /* @__PURE__ */ new Date(year + "/" + month + "/01");
     let day = date.getDay();
     if (day == 0) {
       day = 7;
     }
     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,13 +62,22 @@ 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();
+    let date = /* @__PURE__ */ new Date();
     const diff = i * (1e3 * 60 * 60 * 24);
     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();
@@ -669,7 +706,7 @@ const _sfc_main = create({
     };
     const isCurrDay = (dateInfo) => {
       const date = `${dateInfo.year}-${dateInfo.month}-${Number(dateInfo.day) < 10 ? "0" + dateInfo.day : dateInfo.day}`;
-      return Utils.isEqual(date, Utils.date2Str(new Date()));
+      return Utils.isEqual(date, Utils.date2Str(/* @__PURE__ */ new Date()));
     };
     const mothsViewScroll = (e) => {
       if (state.monthsData.length <= 1) {

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

@@ -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-d4c88f85.js → index.vue_vue_type_script_lang-442e4704.js}

@@ -16,6 +16,7 @@ const _sfc_main = create({
     shape: {
       type: String,
       default: "round"
+      // button
     },
     label: {
       type: [String, Number, Boolean],

package/dist/packages/_es/{mountComponent-1ece4110.js → mountComponent-8b24c346.js}

@@ -1,22 +1,22 @@
 import { createApp } from "vue";
 import { j as isString, k as isFunction } from "./component-81a4c1d0.js";
 const CreateComponent = (options, component) => {
-  let elWarp = document.body;
+  let elWrap = document.body;
   const teleport = options.teleport || "body";
   if (teleport != "body") {
     if (isString(teleport)) {
-      elWarp = document.querySelector(teleport);
+      elWrap = document.querySelector(teleport);
     } else {
-      elWarp = options.teleport;
+      elWrap = options.teleport;
     }
   }
   const root = document.createElement("view");
   const name = component.name ? component.name + "-" : "";
-  const id1 = options.id || new Date().getTime();
+  const id1 = options.id || (/* @__PURE__ */ new Date()).getTime();
   root.id = name + id1;
   let Wrapper = {};
   if (isFunction(component.wrapper)) {
-    Wrapper = component.wrapper(elWarp, root);
+    Wrapper = component.wrapper(elWrap, root);
   } else {
     Wrapper = component.wrapper;
   }
@@ -25,12 +25,12 @@ const CreateComponent = (options, component) => {
   componens && componens.forEach((comp) => {
     instance.use(comp);
   });
-  elWarp.appendChild(root);
+  elWrap.appendChild(root);
   return {
     instance: instance.mount(root),
     unmount: () => {
       instance.unmount();
-      elWarp.removeChild(root);
+      elWrap.removeChild(root);
     }
   };
 };

package/dist/packages/button/index.scss

@@ -42,7 +42,7 @@
   &:active::before {
     opacity: 0.1;
   }
-  &__warp {
+  &__wrap {
     height: 100%;
     width: 100%;
     display: flex;