@nutui/nutui 4.0.0-beta.9 → 4.0.0

package/dist/packages/_es/Searchbar.js

@@ -1,4 +1,4 @@
-import { reactive, computed, ref, onMounted, toRefs, openBlock, createElementBlock, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createElementVNode, withModifiers, withDirectives, createBlock, resolveDynamicComponent, vShow } from "vue";
+import { reactive, computed, ref, onMounted, toRefs, openBlock, createElementBlock, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createElementVNode, normalizeClass, withModifiers, withDirectives, createBlock, resolveDynamicComponent, vShow } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
 import { CircleClose } from "@nutui/icons-vue";
@@ -45,6 +45,7 @@ const _sfc_main = create({
     },
     focusStyle: {
       type: Object,
+      // eslint-disable-next-line @typescript-eslint/no-empty-function
       default: () => {
       }
     },
@@ -80,7 +81,6 @@ const _sfc_main = create({
     const state = reactive({
       active: false
     });
-    console.log(slots);
     const searchbarStyle = computed(() => {
       return {
         background: props.background
@@ -177,8 +177,11 @@ const _hoisted_2 = {
   key: 1,
   class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
 };
-const _hoisted_3 = { class: "nut-searchbar__input-inner" };
-const _hoisted_4 = ["type", "maxlength", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_3 = ["type", "maxlength", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_4 = {
+  key: 1,
+  class: "nut-searchbar__search-icon nut-searchbar__iptright-search-icon"
+};
 const _hoisted_5 = {
   key: 2,
   class: "nut-searchbar__search-icon nut-searchbar__right-search-icon"
@@ -203,14 +206,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         renderSlot(_ctx.$slots, "leftin")
       ])) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_3, [
+      createElementVNode("view", {
+        class: normalizeClass(["nut-searchbar__input-inner", _ctx.$slots.rightin && "nut-searchbar__input-inner-absolute"])
+      }, [
         createElementVNode("form", {
+          class: "nut-searchbar__input-form",
           action: "#",
           onSubmit: _cache[5] || (_cache[5] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
         }, [
           createElementVNode("input", {
             ref: "inputsearch",
-            class: "nut-searchbar__input-bar",
+            class: normalizeClass(["nut-searchbar__input-bar", _ctx.clearable && "nut-searchbar__input-bar_clear"]),
             type: _ctx.inputType,
             maxlength: _ctx.maxLength,
             placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
@@ -222,25 +228,25 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
             onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args)),
             style: normalizeStyle(_ctx.styleSearchbar)
-          }, null, 44, _hoisted_4)
-        ], 32),
+          }, null, 46, _hoisted_3)
+        ], 32)
+      ], 2),
+      createElementVNode("view", {
+        class: normalizeClass(["nut-searchbar__input-inner-icon", _ctx.$slots.rightin && "nut-searchbar__input-inner-icon-absolute"])
+      }, [
         _ctx.clearable ? withDirectives((openBlock(), createElementBlock("view", {
           key: 0,
           onClick: _cache[6] || (_cache[6] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
-          class: "nut-searchbar__input-clear"
+          class: "nut-searchbar__search-icon nut-searchbar__input-clear"
         }, [
-          _ctx.$slots.clearIcon ? renderSlot(_ctx.$slots, "clearIcon", { key: 0 }) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.clearIcon)), { key: 1 }))
+          _ctx.$slots["clear-icon"] ? renderSlot(_ctx.$slots, "clear-icon", { key: 0 }) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.clearIcon)), { key: 1 }))
         ], 512)), [
           [vShow, String(_ctx.modelValue).length > 0]
-        ]) : createCommentVNode("", true)
-      ]),
-      _ctx.$slots.rightin ? (openBlock(), createElementBlock("view", {
-        key: 1,
-        class: "nut-searchbar__search-icon nut-searchbar__iptright-sarch-icon",
-        onClick: _cache[7] || (_cache[7] = (...args) => _ctx.rightIconClick && _ctx.rightIconClick(...args))
-      }, [
-        renderSlot(_ctx.$slots, "rightin")
-      ])) : createCommentVNode("", true)
+        ]) : createCommentVNode("", true),
+        _ctx.$slots.rightin ? (openBlock(), createElementBlock("view", _hoisted_4, [
+          renderSlot(_ctx.$slots, "rightin")
+        ])) : createCommentVNode("", true)
+      ], 2)
     ], 4),
     _ctx.$slots.rightout ? (openBlock(), createElementBlock("view", _hoisted_5, [
       renderSlot(_ctx.$slots, "rightout")

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-da7aa231.js";
+import { P as Popup } from "./index-991c279f.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
     }
   },
@@ -50,10 +51,10 @@ const _sfc_main = create({
     const realInput = ref(props.modelValue);
     const comLen = computed(() => range(Number(props.length)));
     const show = ref(props.visible);
-    function focus(event) {
+    const onTouchStart = (event) => {
       event.stopPropagation();
       emit("focus");
-    }
+    };
     watch(
       () => props.visible,
       (value) => {
@@ -69,20 +70,20 @@ const _sfc_main = create({
         }
       }
     );
-    function close() {
+    const close = () => {
       emit("update:visible", false);
       emit("close");
-    }
-    function range(val) {
+    };
+    const range = (val) => {
       return Math.min(Math.max(4, val), 6);
-    }
-    function onTips() {
+    };
+    const onTips = () => {
       emit("tips");
-    }
+    };
     return {
       comLen,
       realInput,
-      focus,
+      onTouchStart,
       range,
       close,
       onTips,
@@ -129,7 +130,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("div", _hoisted_3, [
           createElementVNode("view", {
             class: "nut-short-password__list",
-            onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.focus && _ctx.focus(...args))
+            onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args))
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(new Array(_ctx.comLen), (sublen, index2) => {
               return openBlock(), createElementBlock("view", {

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"
+        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
@@ -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-da7aa231.js";
-import Price from "./Price.js";
 import InputNumber from "./InputNumber.js";
+import { p as popupProps, P as Popup } from "./index-991c279f.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 {
@@ -36,6 +39,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_price = resolveComponent("nut-price");
   return openBlock(), createElementBlock("view", _hoisted_1$4, [
     createElementVNode("img", {
+      class: "nut-sku-header-img",
       src: _ctx.goods.imagePath
     }, null, 8, _hoisted_2$4),
     createElementVNode("view", _hoisted_3$3, [
@@ -120,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
@@ -128,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(() => {
@@ -207,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"]
@@ -215,10 +226,12 @@ const _sfc_main$1 = create$1({
       type: String,
       default: ""
     },
+    // 立即购买文案
     buyText: {
       type: String,
       default: "立即购买"
     },
+    // 加入购物车文案
     addCartText: {
       type: String,
       default: "加入购物车"
@@ -253,7 +266,10 @@ const _hoisted_1$1 = {
   key: 0,
   class: "nut-sku-operate"
 };
-const _hoisted_2$1 = ["innerHTML"];
+const _hoisted_2$1 = {
+  key: 0,
+  class: "nut-sku-operate-desc"
+};
 const _hoisted_3 = {
   key: 1,
   class: "nut-sku-operate-btn"
@@ -261,11 +277,7 @@ const _hoisted_3 = {
 const _hoisted_4 = ["onClick"];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.btnOptions.length > 0 ? (openBlock(), createElementBlock("view", _hoisted_1$1, [
-    _ctx.btnExtraText ? (openBlock(), createElementBlock("view", {
-      key: 0,
-      class: "nut-sku-operate-desc",
-      innerHTML: _ctx.btnExtraText
-    }, null, 8, _hoisted_2$1)) : createCommentVNode("", true),
+    _ctx.btnExtraText ? (openBlock(), createElementBlock("view", _hoisted_2$1, toDisplayString(_ctx.btnExtraText), 1)) : createCommentVNode("", true),
     renderSlot(_ctx.$slots, "operate-btn"),
     !_ctx.getSlots("operate-btn") ? (openBlock(), createElementBlock("view", _hoisted_3, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.btnOptions, (btn, i) => {
@@ -291,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
@@ -315,14 +332,17 @@ const _sfc_main = create({
       type: String,
       default: ""
     },
+    // 立即购买文案
     buyText: {
       type: String,
       default: ""
     },
+    // 加入购物车文案
     addCartText: {
       type: String,
       default: ""
     },
+    // 确定文案
     confirmText: {
       type: String,
       default: ""
@@ -345,9 +365,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/Switch.js

@@ -97,7 +97,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createElementVNode("view", _hoisted_1, [
       _ctx.loading ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
-        createVNode(_component_Loading1, { name: "loading" })
+        createVNode(_component_Loading1, {
+          name: "loading",
+          color: _ctx.activeColor
+        }, null, 8, ["color"])
       ]) : createCommentVNode("", true),
       _ctx.activeText ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         withDirectives(createElementVNode("view", { class: "nut-switch-label open" }, toDisplayString(_ctx.activeText), 513), [

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();