@nutui/nutui 4.0.0-beta.16 → 4.0.0-beta.18

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

@@ -8,6 +8,7 @@ import "../locale/lang";
 const { componentName, create } = createComponent("noticebar");
 const _sfc_main = create({
   props: {
+    // 滚动方向  across 横向 vertical 纵向
     direction: {
       type: String,
       default: "across"
@@ -228,6 +229,9 @@ const _sfc_main = create({
       emit("click", item);
     };
     const handleClickIcon = () => {
+      if (props.closeMode) {
+        state.showNoticebar = !props.closeMode;
+      }
       emit("close", state.scrollList[0]);
     };
     onMounted(() => {
@@ -326,7 +330,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 6)), [
       [vShow, _ctx.showNoticebar]
     ]) : createCommentVNode("", true),
-    _ctx.scrollList.length > 0 && _ctx.direction == "vertical" ? (openBlock(), createElementBlock("view", {
+    _ctx.scrollList.length > 0 && _ctx.direction == "vertical" && _ctx.showNoticebar ? (openBlock(), createElementBlock("view", {
       key: 1,
       class: "nut-noticebar__vertical",
       style: normalizeStyle(_ctx.barStyle)

package/dist/packages/_es/Notify.js

@@ -1,6 +1,6 @@
 import { ref, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, Fragment, createTextVNode, toDisplayString, createVNode, render, onMounted, h } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
-import { P as Popup } from "./index-1006915b.js";
+import { P as Popup } from "./index-af79da1a.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";
@@ -109,6 +109,9 @@ const defaultOptions = {
   duration: 3e3,
   className: "",
   onClose: Function,
+  // onClick: null,
+  // onOpened: null,
+  // textTimer: null,
   teleport: "",
   unmount: new Function()
 };

package/dist/packages/_es/NumberKeyboard.js

@@ -1,6 +1,6 @@
 import { ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, createTextVNode } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
-import { P as Popup } from "./index-1006915b.js";
+import { P as Popup } from "./index-af79da1a.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";

package/dist/packages/_es/Overlay.js

@@ -36,7 +36,7 @@ const _sfc_main = create({
     },
     lockScroll: {
       type: Boolean,
-      default: false
+      default: true
     },
     overlayClass: {
       type: String,

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/Popover.js

@@ -2,7 +2,7 @@ import { ref, computed, onMounted, watch, resolveComponent, openBlock, createEle
 import { i as isArray, c as createComponent } from "./component-81a4c1d0.js";
 import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
 import { u as useRect } from "./index-29892cda.js";
-import { P as Popup } from "./index-1006915b.js";
+import { P as Popup } from "./index-af79da1a.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";
@@ -21,7 +21,6 @@ const _sfc_main = create({
     arrowOffset: { type: Number, default: 0 },
     customClass: { type: String, default: "" },
     showArrow: { type: Boolean, default: true },
-    iconPrefix: { type: String, default: "nut-icon" },
     duration: { type: [Number, String], default: 0.3 },
     overlay: { type: Boolean, default: false },
     overlayClass: { type: String, default: "" },

package/dist/packages/_es/Popup.js

@@ -1,4 +1,4 @@
-import { P } from "./index-1006915b.js";
+import { P } from "./index-af79da1a.js";
 import "vue";
 import "./_plugin-vue_export-helper-cc2b3d55.js";
 import "./component-81a4c1d0.js";

package/dist/packages/_es/PullRefresh.js

@@ -25,10 +25,10 @@ const _sfc_main = create({
       type: String,
       default: translate("loading")
     },
-    completeTxt: {
-      type: String,
-      default: ""
-    },
+    // completeTxt: {
+    //   type: String,
+    //   default: ''
+    // },
     headHeight: {
       type: [String, Number],
       default: 50
@@ -67,8 +67,6 @@ const _sfc_main = create({
           return !slots.loosing ? props.loosingTxt : "";
         case "loading":
           return !slots.loading ? props.loadingTxt : "";
-        case "complete":
-          return !slots.complete ? props.completeTxt : "";
       }
     });
     const getStyle = computed(() => {
@@ -204,8 +202,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("div", _hoisted_1, toDisplayString(_ctx.getPullStatus), 1),
         _ctx.status == "pulling" ? renderSlot(_ctx.$slots, "pulling", { key: 1 }) : createCommentVNode("", true),
         _ctx.status == "loosing" ? renderSlot(_ctx.$slots, "loosing", { key: 2 }) : createCommentVNode("", true),
-        _ctx.status == "loading" ? renderSlot(_ctx.$slots, "loading", { key: 3 }) : createCommentVNode("", true),
-        _ctx.status == "complete" ? renderSlot(_ctx.$slots, "complete", { key: 4 }) : createCommentVNode("", true)
+        _ctx.status == "loading" ? renderSlot(_ctx.$slots, "loading", { key: 3 }) : createCommentVNode("", true)
       ], 4),
       renderSlot(_ctx.$slots, "default")
     ], 4)

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

@@ -1,6 +1,6 @@
 import { ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, Fragment, renderList, createCommentVNode } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
-import { P as Popup } from "./index-1006915b.js";
+import { P as Popup } from "./index-af79da1a.js";
 import { Tips } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -42,6 +42,7 @@ const _sfc_main = create({
     },
     length: {
       type: [String, Number],
+      //4～6
       default: 6
     }
   },

package/dist/packages/_es/Signature.js

@@ -104,6 +104,15 @@ const _sfc_main = create({
     const confirm = () => {
       onSave(canvas.value);
     };
+    const isCanvasBlank = (canvas2) => {
+      if (!canvas2) {
+        return true;
+      }
+      var blank = document.createElement("canvas");
+      blank.width = canvas2.width;
+      blank.height = canvas2.height;
+      return (canvas2 == null ? void 0 : canvas2.toDataURL()) == blank.toDataURL();
+    };
     const onSave = (canvas2) => {
       let dataurl;
       switch (props.type) {
@@ -114,8 +123,10 @@ const _sfc_main = create({
           dataurl = canvas2.toDataURL("image/jpeg", 0.8);
           break;
       }
+      const _canvas = isCanvasBlank(canvas2) ? "请绘制签名" : canvas2;
+      const _filePath = isCanvasBlank(canvas2) ? "" : dataurl;
       clear();
-      emit("confirm", canvas2, dataurl);
+      emit("confirm", _canvas, _filePath);
     };
     onMounted(() => {
       if (isCanvasSupported()) {

package/dist/packages/_es/Skeleton.js

@@ -1,5 +1,5 @@
 import { c as createComponent } from "./component-81a4c1d0.js";
-import { toRefs, computed, onMounted, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode, createBlock, normalizeClass, normalizeStyle, Fragment, renderList } from "vue";
+import { toRefs, computed, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode, createBlock, normalizeClass, normalizeStyle, Fragment, renderList } from "vue";
 import Avatar from "./Avatar.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -7,42 +7,52 @@ const component = (components) => {
   return {
     components,
     props: {
+      //每行宽度
       width: {
         type: String,
         default: "100px"
       },
+      //每行高度
       height: {
         type: String,
         default: "100px"
       },
+      //是否显示动画
       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
@@ -75,8 +85,6 @@ const component = (components) => {
           height: "50px"
         };
       };
-      onMounted(() => {
-      });
       return {
         avatarShape,
         avatarClass,

package/dist/packages/_es/Sku.js

@@ -1,13 +1,13 @@
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createBlock, createCommentVNode, toDisplayString, ref, watch, onMounted, Fragment, renderList, normalizeClass, createVNode, withCtx, createSlots } from "vue";
+import Price from "./Price.js";
 import { c as createComponent, T as TypeOfFun } from "./component-81a4c1d0.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
-import { p as popupProps, P as Popup } from "./index-1006915b.js";
-import Price from "./Price.js";
 import InputNumber from "./InputNumber.js";
+import { p as popupProps, P as Popup } from "./index-af79da1a.js";
 import "../locale/lang";
-import "./Overlay.js";
-import "@nutui/icons-vue";
 import "./pxCheck-c6b9f6b7.js";
+import "@nutui/icons-vue";
+import "./Overlay.js";
 const { componentName: componentName$4, create: create$4, translate: translate$1 } = createComponent("sku-header");
 const _sfc_main$4 = create$4({
   props: {
@@ -17,6 +17,9 @@ const _sfc_main$4 = create$4({
     }
   },
   emits: [],
+  components: {
+    [Price.name]: Price
+  },
   setup(props, { emit, slots }) {
     const getSlots = (name) => slots[name];
     return {
@@ -121,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
@@ -129,16 +133,21 @@ const _sfc_main$2 = create$2({
       type: [Number, String],
       default: 1
     },
+    // stepper 前文案提示
     stepperExtraText: {
       type: [Function, Boolean],
       default: false
     },
+    // 数量选择左侧文案
     stepperTitle: {
       type: String,
       default: "购买数量"
     }
   },
   emits: ["click", "changeSku", "changeStepper", "clickBtnOptions", "overLimit", "reduce", "add"],
+  components: {
+    [InputNumber.name]: InputNumber
+  },
   setup(props, { emit }) {
     const goodsCount = ref(props.stepperMin);
     onMounted(() => {
@@ -208,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"]
@@ -216,10 +226,12 @@ const _sfc_main$1 = create$1({
       type: String,
       default: ""
     },
+    // 立即购买文案
     buyText: {
       type: String,
       default: "立即购买"
     },
+    // 加入购物车文案
     addCartText: {
       type: String,
       default: "加入购物车"
@@ -292,22 +304,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
@@ -316,14 +333,17 @@ const _sfc_main = create({
       type: String,
       default: ""
     },
+    // 立即购买文案
     buyText: {
       type: String,
       default: ""
     },
+    // 加入购物车文案
     addCartText: {
       type: String,
       default: ""
     },
+    // 确定文案
     confirmText: {
       type: String,
       default: ""
@@ -346,9 +366,7 @@ const _sfc_main = create({
     SkuSelect,
     SkuStepper,
     SkuOperate,
-    [Popup.name]: Popup,
-    [Price.name]: Price,
-    [InputNumber.name]: InputNumber
+    [Popup.name]: Popup
   },
   setup(props, { emit, slots }) {
     const showPopup = ref(props.visible);

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,
@@ -55,10 +56,6 @@ const _sfc_main = create({
     isStopPropagation: {
       type: Boolean,
       default: true
-    },
-    isCenter: {
-      type: Boolean,
-      default: false
     }
   },
   emits: ["change"],

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

@@ -35,6 +35,7 @@ const _sfc_main = create({
     direction: {
       type: String,
       default: "horizontal"
+      //vertical
     },
     size: {
       type: String,
@@ -43,6 +44,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/TimeDetail.js

@@ -11,10 +11,6 @@ const _sfc_main = create({
       default: () => {
         return [];
       }
-    },
-    detailKey: {
-      type: [Number, String],
-      default: 0
     }
   },
   emits: ["select"],

package/dist/packages/_es/TimeSelect.js

@@ -1,6 +1,6 @@
 import { computed, provide, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, createElementBlock, toDisplayString, renderSlot } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
-import { P as Popup } from "./index-1006915b.js";
+import { P as Popup } from "./index-af79da1a.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";
@@ -35,7 +35,7 @@ const _sfc_main = create({
     },
     lockScroll: {
       type: [Boolean],
-      default: false
+      default: true
     },
     teleportDisable: {
       type: Boolean,

package/dist/packages/_es/Toast.js

@@ -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

@@ -6,7 +6,7 @@ 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-1006915b.js";
+import "./index-af79da1a.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/Uploader.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

@@ -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,