@nutui/nutui 4.0.1-beta.1 → 4.0.1-beta.3

package/dist/packages/_es/Address.js

@@ -41,14 +41,17 @@ const _sfc_main = create({
       type: Array,
       default: () => []
     },
+    // 市
     country: {
       type: Array,
       default: () => []
     },
+    // 县
     town: {
       type: Array,
       default: () => []
     },
+    // 镇
     isShowCustomAddress: {
       type: Boolean,
       default: true

package/dist/packages/_es/Audio.js

@@ -13,26 +13,32 @@ const _sfc_main = create({
       type: String,
       default: ""
     },
+    // 静音
     muted: {
       type: Boolean,
       default: false
     },
+    // 自动播放
     autoplay: {
       type: Boolean,
       default: false
     },
+    // 循环播放
     loop: {
       type: Boolean,
       default: false
     },
+    // 是否预加载音频
     preload: {
       type: String,
       default: "auto"
     },
+    /* 总时长秒数 */
     second: {
       type: Number,
       default: 0
     },
+    // 展示的形式   controls 控制面板   progress 进度条  icon 图标 none 自定义
     type: {
       type: String,
       default: "progress"

package/dist/packages/_es/AudioOperate.js

@@ -7,6 +7,7 @@ import "@nutui/icons-vue";
 const { componentName, create, translate } = createComponent("audio-operate");
 const _sfc_main = create({
   props: {
+    // 展示的形式   back 倒退   play 开始 or 暂停  forward 快进 mute 静音
     type: {
       type: String,
       default: () => "play"

package/dist/packages/_es/Avatar.js

@@ -33,7 +33,9 @@ const _sfc_main = create({
     const state = reactive({
       index: 1,
       showMax: false,
+      // 是否显示的最大头像个数
       maxIndex: 0
+      // avatarGroup里的avatar的个数
     });
     onMounted(() => {
       var _a, _b;

package/dist/packages/_es/AvatarGroup.js

@@ -57,6 +57,7 @@ const _sfc_main = create({
     });
     return {
       classes,
+      // styles,
       avatarGroupRef
     };
   }

package/dist/packages/_es/Badge.js

@@ -16,6 +16,10 @@ const _sfc_main = create({
       type: Boolean,
       default: false
     },
+    bubble: {
+      type: Boolean,
+      default: false
+    },
     hidden: {
       type: Boolean,
       default: false
@@ -79,7 +83,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default"),
     withDirectives(createElementVNode("view", {
       textContent: toDisplayString(_ctx.content),
-      class: normalizeClass(["nut-badge__content nut-badge__content--sup", { "nut-badge__content--dot": _ctx.dot }]),
+      class: normalizeClass(["nut-badge__content nut-badge__content--sup", { "nut-badge__content--dot": _ctx.dot, "nut-badge__content--bubble": !_ctx.dot && _ctx.bubble }]),
       style: normalizeStyle(_ctx.stl)
     }, null, 14, _hoisted_2), [
       [vShow, !_ctx.hidden && (_ctx.content || _ctx.dot)]

package/dist/packages/_es/Barrage.js

@@ -42,7 +42,7 @@ const _sfc_main = create({
     });
     let dmBody = ref(document.createElement("div"));
     let dmContainer = ref(document.createElement("div"));
-    let timer = 0;
+    let timer = null;
     const danmuList = ref(props.danmu);
     const rows = ref(props.rows);
     const top = ref(props.top);
@@ -99,8 +99,10 @@ const _sfc_main = create({
       }
     };
     const clearTime = () => {
-      clearTimeout(timer);
-      timer = 0;
+      if (timer) {
+        clearTimeout(timer);
+        timer = null;
+      }
     };
     watch(
       () => props.danmu,

package/dist/packages/_es/Calendar.js

@@ -1,6 +1,6 @@
 import { computed, ref, resolveComponent, openBlock, createBlock, withCtx, createSlots, renderSlot, createCommentVNode } from "vue";
 import { c as createComponent } from "./component-bb5ff48e.js";
-import { C as CalendarItem, U as Utils } from "./index-4f2972bc.js";
+import { C as CalendarItem, U as Utils } from "./index-0432a798.js";
 import { P as Popup } from "./index-a564e25f.js";
 import { u as useExpose } from "./index-79c5dc33.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
@@ -99,8 +99,13 @@ const _sfc_main = create({
       var _a;
       (_a = calendarRef.value) == null ? void 0 : _a.scrollToDate(date);
     };
+    const initPosition = () => {
+      var _a;
+      (_a = calendarRef.value) == null ? void 0 : _a.initPosition();
+    };
     useExpose({
-      scrollToDate
+      scrollToDate,
+      initPosition
     });
     const update = () => {
       emit("update:visible", false);

package/dist/packages/_es/CalendarItem.js

@@ -1,4 +1,4 @@
-import { C } from "./index-4f2972bc.js";
+import { C } from "./index-0432a798.js";
 import "vue";
 import "./_plugin-vue_export-helper-cc2b3d55.js";
 import "./component-bb5ff48e.js";

package/dist/packages/_es/Cascader.js

@@ -99,6 +99,7 @@ class Tree {
       parent.children = formatTree(nodes, parent, this.config);
     }
   }
+  // for test
   getNodeByValue(value) {
     let foundNode;
     eachTree(this.nodes, (node) => {
@@ -290,6 +291,7 @@ const _sfc_main$1 = create$1({
       emit("update:modelValue", emitValue, pathNodes);
     };
     const methods = {
+      // 选中一个节点，静默模式不触发事件
       async handleNode(node, silent) {
         const { disabled, loading } = node;
         if (!silent && disabled || !panes.value[tabsCursor.value]) {

package/dist/packages/_es/Category.js

@@ -5,10 +5,12 @@ import "../locale/lang";
 const { componentName, create } = createComponent("category");
 const _sfc_main = create({
   props: {
+    //分类模式
     type: {
       type: String,
       default: "classify"
     },
+    //左侧导航栏
     category: {
       type: Array,
       default: []

package/dist/packages/_es/CategoryPane.js

@@ -5,14 +5,17 @@ import "../locale/lang";
 const { componentName, create } = createComponent("category-pane");
 const _sfc_main = create({
   props: {
+    //分类模式
     type: {
       type: String,
       default: "classify"
     },
+    //右侧导航数据
     categoryChild: {
       type: Array,
       default: () => []
     },
+    //模式传入自定义数据
     customCategory: {
       type: Array,
       default: () => []

package/dist/packages/_es/Cell.js

@@ -20,6 +20,7 @@ const _sfc_main = create({
     url: { type: String, default: "" },
     center: { type: Boolean, default: false },
     size: { type: String, default: "" }
+    // large
   },
   emits: ["click"],
   setup(props, { emit }) {

package/dist/packages/_es/Checkbox.js

@@ -30,6 +30,11 @@ const component = (componentName2, components) => {
       indeterminate: {
         type: Boolean,
         default: false
+      },
+      shape: {
+        type: String,
+        default: "round"
+        // button
       }
     },
     emits: ["change", "update:modelValue"],
@@ -95,6 +100,16 @@ const component = (componentName2, components) => {
           (_a = slots.default) == null ? void 0 : _a.call(slots)
         );
       };
+      const renderButton = () => {
+        var _a;
+        return h(
+          "view",
+          {
+            class: `${componentName2}__button ${pValue.value && `${componentName2}__button--active`} ${pDisabled.value ? `${componentName2}__button--disabled` : ""}`
+          },
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        );
+      };
       const handleClick = (e) => {
         var _a, _b;
         if (pDisabled.value)
@@ -131,10 +146,10 @@ const component = (componentName2, components) => {
         return h(
           "view",
           {
-            class: `${componentName2} ${props.textPosition === "left" ? `${componentName2}--reverse` : ""}`,
+            class: `${componentName2} ${componentName2}--${props.shape} ${props.textPosition === "left" ? `${componentName2}--reverse` : ""}`,
             onClick: handleClick
           },
-          [renderIcon(), renderLabel()]
+          [props.shape == "button" ? renderButton() : [renderIcon(), renderLabel()]]
         );
       };
     }

package/dist/packages/_es/CollapseItem.js

@@ -44,6 +44,7 @@ const _sfc_main = create({
       default: 180
     }
   },
+  // components: { DownArrow },
   setup(props, ctx) {
     const collapse = inject("collapseParent");
     const parent = reactive(collapse);

package/dist/packages/_es/Comment.js

@@ -16,6 +16,7 @@ const _sfc_main$3 = create$3({
     type: {
       type: String,
       default: "default"
+      // default，complex
     },
     info: {
       type: Object,
@@ -117,6 +118,7 @@ const _sfc_main$2 = create$2({
     type: {
       type: String,
       default: "one"
+      // one multi
     },
     videos: {
       type: Array,
@@ -219,6 +221,7 @@ const _sfc_main$1 = create$1({
     type: {
       type: String,
       default: "base"
+      // simple，base，complex
     },
     info: {
       type: Object,
@@ -302,10 +305,12 @@ const _sfc_main = create({
     headerType: {
       type: String,
       default: "default"
+      //头部展示风格 default，complex
     },
     imagesRows: {
       type: String,
       default: "one"
+      // 'one'  'multi'
     },
     ellipsis: {
       type: [String, Number, Boolean],

package/dist/packages/_es/Countdown.js

@@ -23,6 +23,7 @@ const _sfc_main = create({
       type: Boolean
     },
     startTime: {
+      // 可以是服务器当前时间
       type: [Number, String],
       validator(v) {
         const dateStr = new Date(v).toString().toLowerCase();
@@ -36,10 +37,12 @@ const _sfc_main = create({
         return dateStr !== "invalid date";
       }
     },
+    // 是否开启毫秒
     millisecond: {
       default: false,
       type: Boolean
     },
+    // 时间格式化
     format: {
       type: String,
       default: "HH:mm:ss"
@@ -48,6 +51,7 @@ const _sfc_main = create({
       type: Boolean,
       default: true
     },
+    // 倒计时时长，单位毫秒
     time: {
       type: [Number, String],
       default: 0
@@ -57,10 +61,14 @@ const _sfc_main = create({
   setup(props, { emit, slots }) {
     const state = reactive({
       restTime: 0,
+      // 倒计时剩余时间时间
       timer: null,
       counting: !props.paused && props.autoStart,
+      // 是否处于倒计时中
       handleEndTime: Date.now(),
+      // 最终截止时间
       diffTime: 0
+      // 设置了 startTime 时，与 date.now() 的差异
     });
     const classes = computed(() => {
       const prefixCls = componentName;

package/dist/packages/_es/Countup.js

@@ -35,6 +35,7 @@ const _sfc_main = create({
       type: Boolean,
       default: true
     },
+    // 数字滚动
     numWidth: {
       type: Number,
       default: 20
@@ -47,6 +48,7 @@ const _sfc_main = create({
       type: Boolean,
       default: false
     },
+    // 自定义图片
     customBgImg: {
       type: String,
       default: ""
@@ -59,6 +61,7 @@ const _sfc_main = create({
       type: Number,
       default: 1
     },
+    // 抽奖
     type: {
       type: String,
       default: ""
@@ -100,14 +103,20 @@ const _sfc_main = create({
       to10_0: [0, 9, 8, 7, 6, 5, 4, 3, 2, 1, 1],
       timer: null,
       totalCount: 0,
+      //正整数
       pointNum: 0,
+      //小数位
       numberVal: 0,
+      //数字
       num_total_len: 0,
+      //数字长度
       relNum: 0,
+      //去除小数点
       customNumber: 1,
       prizeLevelTrun: 0,
       prizeY: [],
       prizeYPrev: [],
+      // machineTransition: 'none',
       finshMachine: 0,
       notPrize: [],
       typeMachine: ""
@@ -395,6 +404,7 @@ const _sfc_main = create({
           }
           scrollTime(
             i,
+            // parseFloat((this.machinePrizeNum-(this.prizeLevelTrun-1))*this.numHeight + turn + local),
             newLocation,
             local
           );

package/dist/packages/_es/DatePicker.js

@@ -62,10 +62,12 @@ const _sfc_main = create({
       type: Function,
       default: null
     },
+    // 是否开启3D效果
     threeDimensional: {
       type: Boolean,
       default: true
     },
+    // 惯性滚动 时长
     swipeDuration: {
       type: [Number, String],
       default: 1e3

package/dist/packages/_es/Dialog.js

@@ -70,6 +70,7 @@ const _sfc_main = create({
     footerDirection: {
       type: String,
       default: "horizontal"
+      //vertical
     },
     customClass: {
       type: String,
@@ -237,6 +238,8 @@ class DialogOptions {
     __publicField(this, "teleport", "body");
     __publicField(this, "id", new Date().getTime());
     __publicField(this, "footerDirection", "horizontal");
+    //使用横纵方向 可选值 horizontal、vertical
+    // function
     __publicField(this, "onUpdate");
     __publicField(this, "onOk");
     __publicField(this, "onCancel");

package/dist/packages/_es/Ellipsis.js

@@ -42,7 +42,9 @@ const _sfc_main = create({
     const ellipsis = ref();
     const state = reactive({
       exceeded: false,
+      //是否超出
       expanded: false
+      //是否折叠
     });
     const classes = computed(() => {
       const prefixCls = componentName;

package/dist/packages/_es/Empty.js

@@ -13,13 +13,16 @@ const _sfc_main = create({
     image: {
       type: String,
       default: "empty"
+      //默认empty
     },
     imageSize: {
       type: [Number, String],
+      // 图片大小，正方形
       default: ""
     },
     description: {
       type: String,
+      // 文字区
       default: ""
     }
   },

package/dist/packages/_es/Grid.js

@@ -1,6 +1,6 @@
 import { c as createComponent } from "./component-bb5ff48e.js";
 import "vue";
-import { c as component } from "./common-05c67d9a.js";
+import { c as component } from "./common-0c815463.js";
 import "../locale/lang";
 import "./pxCheck-c6b9f6b7.js";
 const { create } = createComponent("grid");

package/dist/packages/_es/GridItem.js

@@ -2,7 +2,7 @@ import { inject, getCurrentInstance, onUnmounted, computed, ref, openBlock, crea
 import { u as useRouter } from "./index-54d03fc1.js";
 import { c as createComponent } from "./component-bb5ff48e.js";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
-import { G as GRID_KEY } from "./common-05c67d9a.js";
+import { G as GRID_KEY } from "./common-0c815463.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 function useInject(key) {
@@ -29,6 +29,7 @@ const _sfc_main = create({
     text: {
       type: String
     },
+    // router
     to: {
       type: [String, Object]
     },

package/dist/packages/_es/ImagePreview.js

@@ -296,6 +296,7 @@ const _sfc_main = create({
     closeIconPosition: {
       type: String,
       default: "top-right"
+      // top-right  top-left
     },
     beforeClose: Function,
     isLoop: {

package/dist/packages/_es/Input.js

@@ -1,4 +1,4 @@
-import { ref, reactive, computed, watch, onMounted, h, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, resolveDynamicComponent, normalizeStyle, toDisplayString, createTextVNode, createCommentVNode, withDirectives, renderSlot, createVNode, mergeProps, vShow } from "vue";
+import { ref, reactive, computed, watch, onMounted, h, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, resolveDynamicComponent, normalizeStyle, toDisplayString, createTextVNode, createCommentVNode, withDirectives, createVNode, mergeProps, vShow } from "vue";
 import { c as createComponent } from "./component-bb5ff48e.js";
 import { MaskClose } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
@@ -114,7 +114,9 @@ const _sfc_main = create({
     const state = reactive({
       focused: false,
       validateFailed: false,
+      // 校验失败
       validateMessage: ""
+      // 校验信息
     });
     const classes = computed(() => {
       const prefixCls = componentName;
@@ -173,10 +175,9 @@ const _sfc_main = create({
         return;
       }
       const input = event.target;
-      let value = input.value;
+      input.value;
       active.value = true;
       emit("focus", event);
-      emit("update:modelValue", value);
     };
     const onBlur = (event) => {
       if (props.disabled || props.readonly) {
@@ -192,7 +193,6 @@ const _sfc_main = create({
       }
       updateValue(getModelValue(), "onBlur");
       emit("blur", event);
-      emit("update:modelValue", value);
     };
     const clear = (event) => {
       event.stopPropagation();
@@ -251,16 +251,18 @@ const _sfc_main = create({
 });
 const _hoisted_1 = { class: "nut-input-value" };
 const _hoisted_2 = { class: "nut-input-inner" };
-const _hoisted_3 = { class: "nut-input-box" };
-const _hoisted_4 = {
+const _hoisted_3 = { class: "nut-input-left-box" };
+const _hoisted_4 = { class: "nut-input-box" };
+const _hoisted_5 = {
   key: 0,
   class: "nut-input-word-limit"
 };
-const _hoisted_5 = { class: "nut-input-word-num" };
-const _hoisted_6 = {
+const _hoisted_6 = { class: "nut-input-word-num" };
+const _hoisted_7 = {
   key: 0,
   class: "nut-input-clear-box"
 };
+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", {
@@ -269,6 +271,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", _hoisted_1, [
       createElementVNode("view", _hoisted_2, [
         createElementVNode("view", _hoisted_3, [
+          renderSlot(_ctx.$slots, "left")
+        ]),
+        createElementVNode("view", _hoisted_4, [
           (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderInput(_ctx.type)), {
             class: "input-text",
             ref: "inputRef",
@@ -289,12 +294,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onCompositionend: _ctx.endComposing,
             onCompositionstart: _ctx.startComposing
           }, null, 40, ["style", "maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus", "enterkeyhint", "onInput", "onFocus", "onBlur", "onClick", "onChange", "onCompositionend", "onCompositionstart"])),
-          _ctx.showWordLimit && _ctx.maxLength ? (openBlock(), createElementBlock("view", _hoisted_4, [
-            createElementVNode("span", _hoisted_5, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0), 1),
+          _ctx.showWordLimit && _ctx.maxLength ? (openBlock(), createElementBlock("view", _hoisted_5, [
+            createElementVNode("span", _hoisted_6, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0), 1),
             createTextVNode("/" + toDisplayString(_ctx.maxLength), 1)
           ])) : createCommentVNode("", true)
         ]),
-        _ctx.clearable && !_ctx.readonly ? withDirectives((openBlock(), createElementBlock("view", _hoisted_6, [
+        _ctx.clearable && !_ctx.readonly ? withDirectives((openBlock(), createElementBlock("view", _hoisted_7, [
           renderSlot(_ctx.$slots, "clear", {}, () => [
             createVNode(_component_MaskClose, mergeProps({ class: "nut-input-clear" }, _ctx.$attrs, {
               size: _ctx.clearSize,
@@ -305,7 +310,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         ], 512)), [
           [vShow, _ctx.active && _ctx.modelValue.length > 0]
-        ]) : createCommentVNode("", true)
+        ]) : createCommentVNode("", true),
+        createElementVNode("view", _hoisted_8, [
+          renderSlot(_ctx.$slots, "right")
+        ])
       ])
     ])
   ], 2);

package/dist/packages/_es/Invoice.js

@@ -2,8 +2,8 @@ import { ref, reactive, computed, onMounted, watch, toRefs, resolveComponent, op
 import { c as createComponent } from "./component-bb5ff48e.js";
 import Form from "./Form.js";
 import FormItem from "./FormItem.js";
-import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_lang-8b9f3de5.js";
-import { _ as _sfc_main$2 } from "./index.vue_vue_type_script_lang-ee936659.js";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_lang-9c679f64.js";
+import { _ as _sfc_main$2 } from "./index.vue_vue_type_script_lang-0725f0ae.js";
 import Button from "./Button.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -39,7 +39,9 @@ const _sfc_main = create({
   setup(props, { emit }) {
     const formRef = ref();
     const list = ref([]);
-    const state = reactive({});
+    const state = reactive({
+      // list: []
+    });
     const classes = computed(() => {
       const prefixCls = componentName;
       return {

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