@nutui/nutui 4.0.0-beta.8 → 4.0.0

package/dist/packages/_es/ConfigProvider.js

@@ -14,10 +14,44 @@ const _sfc_main = create({
       str = str.replace(str.charAt(0), str.charAt(0).toLocaleLowerCase());
       return str.replace(/([a-z])([A-Z])/g, (_, p1, p2) => p1 + "-" + p2.toLowerCase());
     };
+    const colorRgb = (str) => {
+      if (!str)
+        return;
+      var sColor = str.toLowerCase();
+      var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
+      if (sColor && reg.test(sColor)) {
+        if (sColor.length === 4) {
+          var sColorNew = "#";
+          for (var i = 1; i < 4; i += 1) {
+            sColorNew += sColor.slice(i, i + 1).concat(sColor.slice(i, i + 1));
+          }
+          sColor = sColorNew;
+        }
+        var sColorChange = [];
+        for (var i = 1; i < 7; i += 2) {
+          sColorChange.push(parseInt("0x" + sColor.slice(i, i + 2)));
+        }
+        return sColorChange.join(",");
+      }
+      return null;
+    };
     const mapThemeVarsToCSSVars = (themeVars) => {
+      var _a;
       if (!themeVars)
         return;
       const cssVars = {};
+      const primaryColor = (_a = props == null ? void 0 : props.themeVars) == null ? void 0 : _a.primaryColor;
+      if (primaryColor) {
+        cssVars[`--nut-address-region-tab-line`] = `linear-gradient(90deg, ${primaryColor} 0%, rgba(${colorRgb(
+          primaryColor
+        )},0.15) 100%) `;
+        cssVars[`--nut-tabs-horizontal-tab-line-color`] = `linear-gradient(90deg, ${primaryColor} 0%, rgba(${colorRgb(
+          primaryColor
+        )},0.15)100%)`;
+        cssVars[`--nut-tabs-vertical-tab-line-color`] = `linear-gradient(180deg, ${primaryColor} 0%, rgba(${colorRgb(
+          primaryColor
+        )},0.15) 100%) `;
+      }
       Object.keys(themeVars).forEach((key) => {
         cssVars[`--nut-${kebabCase(key)}`] = themeVars[key];
       });

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: ""
@@ -338,11 +347,7 @@ const _sfc_main = create({
           timeOut && clearTimeout(timeOut);
           el.style.transition = "none";
           el.style.top = "0";
-          if (turningNum == 10) {
-            if (el.previousSibling) {
-              runStep(el.previousSibling);
-            }
-          }
+          reset(el, turningNum);
         }, 0.975 * props.during);
       } else {
         el.style.top = `-${data.sortFlag == "add" ? turningNum * 100 : (10 - turningNum) * 100}%`;
@@ -351,6 +356,15 @@ const _sfc_main = create({
         runStep(el.previousSibling);
       }
     };
+    const reset = (el, turningNum) => {
+      setTimeout(() => {
+        if (turningNum == 10) {
+          if (el.previousSibling) {
+            runStep(el.previousSibling);
+          }
+        }
+      }, 200);
+    };
     const imgNumberScroll = () => {
       if (data.pointNum != 0) {
         Math.pow(10, data.pointNum);
@@ -390,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

@@ -7,7 +7,7 @@ var __publicField = (obj, key, value) => {
 import { ref, onMounted, watch, computed, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, Fragment, createTextVNode, toDisplayString, createCommentVNode, resolveDynamicComponent, h } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { f as funInterceptor } from "./interceptor-956b24fc.js";
-import { P as Popup, p as popupProps } from "./index-da7aa231.js";
+import { P as Popup, p as popupProps } from "./index-991c279f.js";
 import Button from "./Button.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import Overlay from "./Overlay.js";
@@ -70,6 +70,7 @@ const _sfc_main = create({
     footerDirection: {
       type: String,
       default: "horizontal"
+      //vertical
     },
     customClass: {
       type: String,
@@ -159,6 +160,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "close-on-click-overlay": _ctx.closeOnClickOverlay,
     "lock-scroll": _ctx.lockScroll,
     "pop-class": _ctx.popClass,
+    "overlay-class": _ctx.overlayClass,
+    "overlay-style": _ctx.overlayStyle,
     style: normalizeStyle(_ctx.popStyle),
     round: "",
     onClickOverlay: _ctx.closed,
@@ -217,7 +220,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)
     ]),
     _: 3
-  }, 8, ["teleport", "visible", "close-on-click-overlay", "lock-scroll", "pop-class", "style", "onClickOverlay", "onClickCloseIcon"]);
+  }, 8, ["teleport", "visible", "close-on-click-overlay", "lock-scroll", "pop-class", "overlay-class", "overlay-style", "style", "onClickOverlay", "onClickCloseIcon"]);
 }
 const Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 class DialogOptions {
@@ -235,16 +238,13 @@ class DialogOptions {
     __publicField(this, "teleport", "body");
     __publicField(this, "id", new Date().getTime());
     __publicField(this, "footerDirection", "horizontal");
-    __publicField(this, "onUpdate", (value) => {
-    });
-    __publicField(this, "onOk", () => {
-    });
-    __publicField(this, "onCancel", () => {
-    });
-    __publicField(this, "onOpened", () => {
-    });
-    __publicField(this, "onClosed", () => {
-    });
+    //使用横纵方向 可选值 horizontal、vertical
+    // function
+    __publicField(this, "onUpdate");
+    __publicField(this, "onOk");
+    __publicField(this, "onCancel");
+    __publicField(this, "onOpened");
+    __publicField(this, "onClosed");
     __publicField(this, "beforeClose");
     __publicField(this, "visible", true);
     __publicField(this, "noFooter", false);
@@ -252,14 +252,14 @@ class DialogOptions {
     __publicField(this, "noCancelBtn", false);
     __publicField(this, "okBtnDisabled", false);
     __publicField(this, "closeOnPopstate", false);
-    __publicField(this, "lockScroll", false);
+    __publicField(this, "lockScroll", true);
   }
 }
 class DialogFunction {
   constructor(_options) {
     __publicField(this, "options", new DialogOptions());
     __publicField(this, "instance");
-    let options = Object.assign(this.options, _options);
+    const options = Object.assign(this.options, _options);
     const { unmount } = CreateComponent(options, {
       name: "dialog",
       components: [Popup, Button, Overlay],
@@ -284,15 +284,14 @@ class DialogFunction {
     });
   }
 }
-const _Dialog = function(options) {
+const showDialog = function(options) {
   return new DialogFunction(options);
 };
-_Dialog.install = (app) => {
+showDialog.install = (app) => {
   app.use(Dialog);
-  app.config.globalProperties.$dialog = _Dialog;
 };
 export {
-  Dialog,
   DialogOptions,
-  _Dialog as default
+  Dialog as default,
+  showDialog
 };

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;
@@ -54,9 +56,6 @@ const _sfc_main = create({
       () => props.content,
       (newV, oldVal) => {
         if (newV != oldVal) {
-          if (container) {
-            document.body.appendChild(container);
-          }
           createContainer();
         }
       }
@@ -95,6 +94,7 @@ const _sfc_main = create({
     const calcEllipse = () => {
       if (container.offsetHeight <= maxHeight) {
         state.exceeded = false;
+        document.body.removeChild(container);
       } else {
         state.exceeded = true;
         const end = props.content.length;

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-81a4c1d0.js";
 import "vue";
-import { c as component } from "./common-ceb98554.js";
+import { c as component } from "./common-b9a5e726.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-81a4c1d0.js";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
-import { G as GRID_KEY } from "./common-ceb98554.js";
+import { G as GRID_KEY } from "./common-b9a5e726.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

@@ -9,11 +9,11 @@ import { c as createComponent, e as clamp, d as preventDefault, i as isArray } f
 import { u as useRect } from "./index-29892cda.js";
 import { u as useTouch } from "./index-7a7385e4.js";
 import Video from "./Video.js";
+import SwiperItem from "./SwiperItem.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import { CircleClose } from "@nutui/icons-vue";
-import { P as Popup } from "./index-da7aa231.js";
+import { P as Popup } from "./index-991c279f.js";
 import Swiper from "./Swiper.js";
-import SwiperItem from "./SwiperItem.js";
 import { f as funInterceptor } from "./interceptor-956b24fc.js";
 import "../locale/lang";
 import { C as CreateComponent } from "./mountComponent-1ece4110.js";
@@ -50,7 +50,8 @@ const _sfc_main$1 = create$1({
   },
   emits: ["close", "scale"],
   components: {
-    [Video.name]: Video
+    [Video.name]: Video,
+    [SwiperItem.name]: SwiperItem
   },
   setup(props, { emit }) {
     const state = reactive({
@@ -295,6 +296,7 @@ const _sfc_main = create({
     closeIconPosition: {
       type: String,
       default: "top-right"
+      // top-right  top-left
     },
     beforeClose: Function,
     isLoop: {
@@ -307,8 +309,7 @@ const _sfc_main = create({
     ImagePreviewItem,
     CircleClose,
     [Popup.name]: Popup,
-    [Swiper.name]: Swiper,
-    [SwiperItem.name]: SwiperItem
+    [Swiper.name]: Swiper
   },
   setup(props, { emit }) {
     const swipeRef = ref();
@@ -470,8 +471,6 @@ class ImagePreviewOptions {
     __publicField(this, "maxZoom", 3);
     __publicField(this, "minZoom", 1 / 3);
     __publicField(this, "isLoop", true);
-    __publicField(this, "onClose", () => {
-    });
     __publicField(this, "teleport", "body");
   }
 }
@@ -479,7 +478,7 @@ class ImagePreviewFunction {
   constructor(_options) {
     __publicField(this, "options", new ImagePreviewOptions());
     const options = Object.assign(this.options, _options);
-    const { instance, unmount } = CreateComponent(options, {
+    const { unmount } = CreateComponent(options, {
       name: "image-preview",
       components: [Popup, Video, Swiper, SwiperItem, Overlay],
       wrapper: () => {
@@ -497,13 +496,12 @@ class ImagePreviewFunction {
     });
   }
 }
-const _ImagePreview = (options) => new ImagePreviewFunction(options);
-_ImagePreview.install = (app) => {
+const showImagePreview = (options) => new ImagePreviewFunction(options);
+showImagePreview.install = (app) => {
   app.use(ImagePreview);
-  app.config.globalProperties.$imagepreview = _ImagePreview;
 };
 export {
-  ImagePreview,
   ImagePreviewOptions,
-  _ImagePreview as default
+  ImagePreview as default,
+  showImagePreview
 };

package/dist/packages/_es/InfiniteLoading.js

@@ -28,14 +28,6 @@ const _sfc_main = create({
       type: String,
       default: ""
     },
-    useWindow: {
-      type: Boolean,
-      default: true
-    },
-    containerId: {
-      type: String,
-      default: ""
-    },
     useCapture: {
       type: Boolean,
       default: false
@@ -159,7 +151,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", _hoisted_2, [
       _ctx.isInfiniting ? (openBlock(), createElementBlock("view", _hoisted_3, [
         renderSlot(_ctx.$slots, "loading", {}, () => [
-          renderSlot(_ctx.$slots, "loadIcon", {}, () => [
+          renderSlot(_ctx.$slots, "loading-icon", {}, () => [
             createVNode(_component_Loading, { class: "nut-icon-loading nut-infinite__bottom-box__img" })
           ]),
           createElementVNode("view", _hoisted_4, toDisplayString(_ctx.loadTxt || _ctx.translate("loading")), 1)

package/dist/packages/_es/Input.js

@@ -30,10 +30,6 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
 const { componentName, create } = createComponent("input");
 const _sfc_main = create({
   props: {
-    ref: {
-      type: String,
-      default: ""
-    },
     type: {
       type: String,
       default: "text"
@@ -50,10 +46,6 @@ const _sfc_main = create({
       type: String,
       default: "left"
     },
-    center: {
-      type: Boolean,
-      default: false
-    },
     required: {
       type: Boolean,
       default: false
@@ -68,7 +60,7 @@ const _sfc_main = create({
     },
     maxLength: {
       type: [String, Number],
-      default: "9999"
+      default: ""
     },
     clearable: {
       type: Boolean,
@@ -90,14 +82,6 @@ const _sfc_main = create({
       type: Function,
       default: null
     },
-    rules: {
-      type: Array,
-      default: []
-    },
-    rows: {
-      type: [String, Number],
-      default: null
-    },
     showWordLimit: {
       type: Boolean,
       default: false
@@ -116,7 +100,7 @@ const _sfc_main = create({
     }
   },
   components: { MaskClose },
-  emits: ["update:modelValue", "change", "blur", "focus", "clear", "keypress", "click-input"],
+  emits: ["update:modelValue", "blur", "focus", "clear", "keypress", "click-input"],
   setup(props, { emit, slots }) {
     const active = ref(false);
     const inputRef = ref();
@@ -130,13 +114,14 @@ const _sfc_main = create({
     const state = reactive({
       focused: false,
       validateFailed: false,
+      // 校验失败
       validateMessage: ""
+      // 校验信息
     });
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
         [prefixCls]: true,
-        center: props.center,
         [`${prefixCls}--disabled`]: props.disabled,
         [`${prefixCls}--required`]: props.required,
         [`${prefixCls}--error`]: props.error,
@@ -158,12 +143,14 @@ const _sfc_main = create({
       }
     };
     const onInput = (event) => {
-      const input = event.target;
-      let value = input.value;
-      if (props.maxLength && value.length > Number(props.maxLength)) {
-        value = value.slice(0, Number(props.maxLength));
+      if (!event.target.composing) {
+        const input = event.target;
+        let value = input.value;
+        if (props.maxLength && value.length > Number(props.maxLength)) {
+          value = value.slice(0, Number(props.maxLength));
+        }
+        updateValue(value);
       }
-      updateValue(value);
     };
     const updateValue = (value, trigger = "onChange") => {
       var _a;
@@ -181,7 +168,6 @@ const _sfc_main = create({
       }
       if (value !== props.modelValue) {
         emit("update:modelValue", value);
-        emit("change", value);
       }
     };
     const onFocus = (event) => {
@@ -215,7 +201,6 @@ const _sfc_main = create({
       if (props.disabled)
         return;
       emit("update:modelValue", "", event);
-      emit("change", "", event);
       emit("clear", "", event);
     };
     const resetValidation = () => {
@@ -230,6 +215,15 @@ const _sfc_main = create({
       }
       emit("click-input", event);
     };
+    const startComposing = ({ target }) => {
+      target.composing = true;
+    };
+    const endComposing = ({ target }) => {
+      if (target.composing) {
+        target.composing = false;
+        target.dispatchEvent(new Event("input"));
+      }
+    };
     watch(
       () => props.modelValue,
       () => {
@@ -251,6 +245,8 @@ const _sfc_main = create({
       onFocus,
       onBlur,
       clear,
+      startComposing,
+      endComposing,
       onClickInput
     };
   }
@@ -290,8 +286,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onInput: _ctx.onInput,
             onFocus: _ctx.onFocus,
             onBlur: _ctx.onBlur,
-            onClick: _ctx.onClickInput
-          }, null, 40, ["style", "maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus", "enterkeyhint", "onInput", "onFocus", "onBlur", "onClick"])),
+            onClick: _ctx.onClickInput,
+            onChange: _ctx.endComposing,
+            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),
             createTextVNode("/" + toDisplayString(_ctx.maxLength), 1)
@@ -301,8 +300,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "clear", {}, () => [
             createVNode(_component_MaskClose, mergeProps({ class: "nut-input-clear" }, _ctx.$attrs, {
               size: _ctx.clearSize,
+              width: _ctx.clearSize,
+              height: _ctx.clearSize,
               onClick: _ctx.clear
-            }), null, 16, ["size", "onClick"])
+            }), null, 16, ["size", "width", "height", "onClick"])
           ])
         ], 512)), [
           [vShow, _ctx.active && _ctx.modelValue.length > 0]

package/dist/packages/_es/InputNumber.js

@@ -14,11 +14,11 @@ const _sfc_main = create({
     },
     inputWidth: {
       type: [Number, String],
-      default: "40px"
+      default: ""
     },
     buttonSize: {
       type: [Number, String],
-      default: "20px"
+      default: ""
     },
     min: {
       type: [Number, String],
@@ -136,7 +136,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["nut-input-number__icon nut-input-number__left", { "nut-input-number__icon--disabled": !_ctx.reduceAllow() }]),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.reduce && _ctx.reduce(...args))
     }, [
-      renderSlot(_ctx.$slots, "leftIcon", {}, () => [
+      renderSlot(_ctx.$slots, "left-icon", {}, () => [
         createVNode(_component_Minus, {
           width: _ctx.pxCheck(_ctx.buttonSize),
           height: _ctx.pxCheck(_ctx.buttonSize)
@@ -147,7 +147,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       type: "number",
       min: _ctx.min,
       max: _ctx.max,
-      style: normalizeStyle({ width: _ctx.pxCheck(_ctx.inputWidth) }),
+      style: normalizeStyle({ width: _ctx.pxCheck(_ctx.inputWidth), height: _ctx.pxCheck(_ctx.buttonSize) }),
       disabled: _ctx.disabled,
       readonly: _ctx.readonly,
       value: _ctx.modelValue,
@@ -159,7 +159,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["nut-input-number__icon nut-input-number__right", { "nut-input-number__icon--disabled": !_ctx.addAllow() }]),
       onClick: _cache[4] || (_cache[4] = (...args) => _ctx.add && _ctx.add(...args))
     }, [
-      renderSlot(_ctx.$slots, "rightIcon", {}, () => [
+      renderSlot(_ctx.$slots, "right-icon", {}, () => [
         createVNode(_component_Plus, {
           width: _ctx.pxCheck(_ctx.buttonSize),
           height: _ctx.pxCheck(_ctx.buttonSize)

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-81a4c1d0.js";
 import Form from "./Form.js";
 import FormItem from "./FormItem.js";
-import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_lang-d4c88f85.js";
-import { _ as _sfc_main$2 } from "./index.vue_vue_type_script_lang-1291fceb.js";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_lang-442e4704.js";
+import { _ as _sfc_main$2 } from "./index.vue_vue_type_script_lang-22dfc112.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/List.js

@@ -57,8 +57,7 @@ const _sfc_main = create({
       var _a;
       const scrollTop = (_a = list.value) == null ? void 0 : _a.scrollTop;
       state.start = Math.floor(scrollTop / props.height);
-      if (end.value > state.list.length) {
-        emit("scroll");
+      if (end.value >= state.list.length) {
         emit("scroll-bottom");
       }
       state.startOffset = scrollTop - scrollTop % props.height;