@nutui/nutui 4.0.1 → 4.0.2

package/dist/packages/_es/Address.js

@@ -41,17 +41,14 @@ const _sfc_main = create({
       type: Array,
       default: () => []
     },
-    // 市
     country: {
       type: Array,
       default: () => []
     },
-    // 县
     town: {
       type: Array,
       default: () => []
     },
-    // 镇
     isShowCustomAddress: {
       type: Boolean,
       default: true
@@ -84,7 +81,10 @@ const _sfc_main = create({
     const showPopup = ref(props.visible);
     const privateType = ref(props.type);
     const tabIndex = ref(0);
+    const prevTabIndex = ref(0);
     const tabName = ref(["province", "city", "country", "town"]);
+    const scrollDom = ref(null);
+    const scrollDis = ref([0, 0, 0, 0]);
     const regionList = computed(() => {
       switch (tabIndex.value) {
         case 0:
@@ -166,6 +166,7 @@ const _sfc_main = create({
       }
     };
     const lineAnimation = () => {
+      scrollTo();
       nextTick(() => {
         const name = tabRegion.value && tabRegion.value.getElementsByClassName("active")[0];
         if (name) {
@@ -176,6 +177,7 @@ const _sfc_main = create({
     };
     const nextAreaList = (item) => {
       const tab = tabIndex.value;
+      prevTabIndex.value = tabIndex.value;
       const callBackParams = {
         custom: tabName.value[tab]
       };
@@ -195,11 +197,24 @@ const _sfc_main = create({
       }
     };
     const changeRegionTab = (item, index2) => {
+      prevTabIndex.value = tabIndex.value;
       if (getTabName(item, index2)) {
         tabIndex.value = index2;
         lineAnimation();
       }
     };
+    const scrollTo = () => {
+      const dom = scrollDom.value;
+      const prev = prevTabIndex.value;
+      const cur = scrollDis.value[tabIndex.value];
+      (dom == null ? void 0 : dom.scrollTop) && (scrollDis.value[prev] = dom == null ? void 0 : dom.scrollTop);
+      nextTick(() => {
+        dom == null ? void 0 : dom.scrollTo({
+          top: cur,
+          behavior: "auto"
+        });
+      });
+    };
     const selectedExist = (item) => {
       const copyExistAdd = props.existAddress;
       let prevExistAdd = {};
@@ -302,7 +317,8 @@ const _sfc_main = create({
       ...toRefs(props),
       translate,
       regionList,
-      transformData
+      transformData,
+      scrollDom
     };
   }
 });
@@ -326,7 +342,10 @@ const _hoisted_8 = {
   key: 0,
   class: "nut-address__detail"
 };
-const _hoisted_9 = { class: "nut-address__detail-list" };
+const _hoisted_9 = {
+  class: "nut-address__detail-list",
+  ref: "scrollDom"
+};
 const _hoisted_10 = ["onClick"];
 const _hoisted_11 = {
   key: 1,
@@ -434,7 +453,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   ])
                 ], 10, _hoisted_10);
               }), 128))
-            ])
+            ], 512)
           ])) : (openBlock(), createElementBlock("view", _hoisted_11, [
             createVNode(_component_nut_elevator, {
               height: _ctx.height,

package/dist/packages/_es/Audio.js

@@ -13,32 +13,26 @@ 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,7 +7,6 @@ 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,9 +33,7 @@ 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,7 +57,6 @@ const _sfc_main = create({
     });
     return {
       classes,
-      // styles,
       avatarGroupRef
     };
   }

package/dist/packages/_es/Barrage.js

@@ -128,9 +128,6 @@ const _sfc_main = create({
     };
     const play = () => {
       var _a;
-      if (!props.loop && index2.value >= danmuList.value.length) {
-        return;
-      }
       const _index = props.loop ? index2.value % danmuList.value.length : index2.value;
       let el = document.createElement(`view`);
       if (slotDefault && typeof danmuList.value[_index] == "object") {
@@ -159,6 +156,9 @@ const _sfc_main = create({
             dmContainer.value.removeChild(el);
           }
         });
+        if (!props.loop && index2.value >= danmuList.value.length - 1) {
+          return;
+        }
         index2.value++;
         if (index2.value >= danmuList.value.length) {
           index2.value = 0;

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-0432a798.js";
+import { C as CalendarItem, U as Utils } from "./index-c4bbec14.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";

package/dist/packages/_es/CalendarItem.js

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

package/dist/packages/_es/Cascader.js

@@ -99,7 +99,6 @@ class Tree {
       parent.children = formatTree(nodes, parent, this.config);
     }
   }
-  // for test
   getNodeByValue(value) {
     let foundNode;
     eachTree(this.nodes, (node) => {
@@ -291,7 +290,6 @@ 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,12 +5,10 @@ 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,17 +5,14 @@ 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,7 +20,6 @@ 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

@@ -34,7 +34,6 @@ const component = (componentName2, components) => {
       shape: {
         type: String,
         default: "round"
-        // button
       }
     },
     emits: ["change", "update:modelValue"],

package/dist/packages/_es/CollapseItem.js

@@ -44,7 +44,6 @@ 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,7 +16,6 @@ const _sfc_main$3 = create$3({
     type: {
       type: String,
       default: "default"
-      // default，complex
     },
     info: {
       type: Object,
@@ -118,7 +117,6 @@ const _sfc_main$2 = create$2({
     type: {
       type: String,
       default: "one"
-      // one multi
     },
     videos: {
       type: Array,
@@ -221,7 +219,6 @@ const _sfc_main$1 = create$1({
     type: {
       type: String,
       default: "base"
-      // simple，base，complex
     },
     info: {
       type: Object,
@@ -305,12 +302,10 @@ 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,7 +23,6 @@ const _sfc_main = create({
       type: Boolean
     },
     startTime: {
-      // 可以是服务器当前时间
       type: [Number, String],
       validator(v) {
         const dateStr = new Date(v).toString().toLowerCase();
@@ -37,12 +36,10 @@ const _sfc_main = create({
         return dateStr !== "invalid date";
       }
     },
-    // 是否开启毫秒
     millisecond: {
       default: false,
       type: Boolean
     },
-    // 时间格式化
     format: {
       type: String,
       default: "HH:mm:ss"
@@ -51,7 +48,6 @@ const _sfc_main = create({
       type: Boolean,
       default: true
     },
-    // 倒计时时长，单位毫秒
     time: {
       type: [Number, String],
       default: 0
@@ -61,14 +57,10 @@ 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,7 +35,6 @@ const _sfc_main = create({
       type: Boolean,
       default: true
     },
-    // 数字滚动
     numWidth: {
       type: Number,
       default: 20
@@ -48,7 +47,6 @@ const _sfc_main = create({
       type: Boolean,
       default: false
     },
-    // 自定义图片
     customBgImg: {
       type: String,
       default: ""
@@ -61,7 +59,6 @@ const _sfc_main = create({
       type: Number,
       default: 1
     },
-    // 抽奖
     type: {
       type: String,
       default: ""
@@ -103,20 +100,14 @@ 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: ""
@@ -404,7 +395,6 @@ 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,12 +62,10 @@ 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,7 +70,6 @@ const _sfc_main = create({
     footerDirection: {
       type: String,
       default: "horizontal"
-      //vertical
     },
     customClass: {
       type: String,
@@ -238,8 +237,6 @@ 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,9 +42,7 @@ 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,16 +13,13 @@ const _sfc_main = create({
     image: {
       type: String,
       default: "empty"
-      //默认empty
     },
     imageSize: {
       type: [Number, String],
-      // 图片大小，正方形
       default: ""
     },
     description: {
       type: String,
-      // 文字区
       default: ""
     }
   },

package/dist/packages/_es/Form.js

@@ -88,7 +88,7 @@ const component = (components) => {
           const { required, regex, message } = ruleWithoutValidator;
           const errorMsg = { prop, message };
           if (required) {
-            if (!value) {
+            if (!value && value !== 0) {
               return _Promise(errorMsg);
             }
           }

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-0c815463.js";
+import { c as component } from "./common-05c67d9a.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-0c815463.js";
+import { G as GRID_KEY } from "./common-05c67d9a.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 function useInject(key) {
@@ -29,7 +29,6 @@ const _sfc_main = create({
     text: {
       type: String
     },
-    // router
     to: {
       type: [String, Object]
     },

package/dist/packages/_es/ImagePreview.js

@@ -296,7 +296,6 @@ const _sfc_main = create({
     closeIconPosition: {
       type: String,
       default: "top-right"
-      // top-right  top-left
     },
     beforeClose: Function,
     isLoop: {
@@ -349,7 +348,6 @@ const _sfc_main = create({
     const init = () => {
       if (swipeRef.value) {
         const rect = useRect(swipeRef.value);
-        console.log("show");
         state.rootHeight = rect.height;
         state.rootWidth = rect.width;
       }

package/dist/packages/_es/Input.js

@@ -97,6 +97,10 @@ const _sfc_main = create({
     error: {
       type: Boolean,
       default: false
+    },
+    showClearIcon: {
+      type: Boolean,
+      default: false
     }
   },
   components: { MaskClose },
@@ -114,9 +118,7 @@ const _sfc_main = create({
     const state = reactive({
       focused: false,
       validateFailed: false,
-      // 校验失败
       validateMessage: ""
-      // 校验信息
     });
     const classes = computed(() => {
       const prefixCls = componentName;
@@ -309,7 +311,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             }), null, 16, ["size", "width", "height", "onClick"])
           ])
         ], 512)), [
-          [vShow, _ctx.active && _ctx.modelValue.length > 0]
+          [vShow, (_ctx.active || _ctx.showClearIcon) && _ctx.modelValue.length > 0]
         ]) : createCommentVNode("", true),
         createElementVNode("view", _hoisted_8, [
           renderSlot(_ctx.$slots, "right")

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-9c679f64.js";
-import { _ as _sfc_main$2 } from "./index.vue_vue_type_script_lang-0725f0ae.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 Button from "./Button.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -39,9 +39,7 @@ const _sfc_main = create({
   setup(props, { emit }) {
     const formRef = ref();
     const list = ref([]);
-    const state = reactive({
-      // list: []
-    });
+    const state = reactive({});
     const classes = computed(() => {
       const prefixCls = componentName;
       return {