@nutui/nutui 4.1.0-beta.2 → 4.1.0-beta.3

package/dist/packages/_es/DatePicker.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { reactive, computed, onBeforeMount, watch, toRefs, resolveComponent, openBlock, createBlock, withCtx, renderSlot } from "vue";
 import Picker from "./Picker.js";
 import { c as createComponent, a as isDate$1, p as padZero } from "./component-81a4c1d0.js";
@@ -324,13 +343,12 @@ const _sfc_main = create({
         state.title = val;
       }
     );
-    return {
-      ...toRefs(state),
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
       changeHandler,
       closeHandler,
       confirm,
       columns
-    };
+    });
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {

package/dist/packages/_es/Dialog.js

@@ -1,5 +1,22 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
@@ -7,7 +24,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, nextTick, 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-c55ad69e.js";
+import { P as Popup, p as popupProps } from "./index-da0a7662.js";
 import Button from "./Button.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import Overlay from "./Overlay.js";
@@ -21,11 +38,10 @@ const _sfc_main = create({
     [Popup.name]: Popup,
     [Button.name]: Button
   },
-  props: {
-    ...popupProps,
+  props: __spreadProps(__spreadValues({}, popupProps), {
     closeOnClickOverlay: {
       type: Boolean,
-      default: false
+      default: true
     },
     title: {
       type: String,
@@ -80,7 +96,7 @@ const _sfc_main = create({
       type: Object
     },
     beforeClose: Function
-  },
+  }),
   emits: ["update", "update:visible", "ok", "cancel", "opened", "closed"],
   setup(props, { emit }) {
     const showPopup = ref(props.visible);
@@ -131,6 +147,11 @@ const _sfc_main = create({
       emit("ok");
       closed("ok");
     };
+    const onClickOverlay = () => {
+      if (props.closeOnClickOverlay) {
+        closed("");
+      }
+    };
     const contentStyle = computed(() => {
       return {
         textAlign: props.textAlign
@@ -142,6 +163,7 @@ const _sfc_main = create({
       onCancel,
       onOk,
       showPopup,
+      onClickOverlay,
       contentStyle,
       translate
     };
@@ -159,14 +181,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     teleport: _ctx.teleport,
     visible: _ctx.showPopup,
     "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.showPopup = $event),
-    "close-on-click-overlay": _ctx.closeOnClickOverlay,
+    "close-on-click-overlay": false,
     "lock-scroll": _ctx.lockScroll,
     "pop-class": _ctx.popClass,
     "overlay-class": _ctx.overlayClass,
     "overlay-style": _ctx.overlayStyle,
     style: normalizeStyle(_ctx.popStyle),
     round: "",
-    onClickOverlay: _ctx.closed,
+    onClickOverlay: _ctx.onClickOverlay,
     onClickCloseIcon: _ctx.closed
   }, {
     default: withCtx(() => [
@@ -222,7 +244,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)
     ]),
     _: 3
-  }, 8, ["teleport", "visible", "close-on-click-overlay", "lock-scroll", "pop-class", "overlay-class", "overlay-style", "style", "onClickOverlay", "onClickCloseIcon"]);
+  }, 8, ["teleport", "visible", "lock-scroll", "pop-class", "overlay-class", "overlay-style", "style", "onClickOverlay", "onClickCloseIcon"]);
 }
 const Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 class DialogOptions {
@@ -254,6 +276,7 @@ class DialogOptions {
     __publicField(this, "noCancelBtn", false);
     __publicField(this, "okBtnDisabled", false);
     __publicField(this, "closeOnPopstate", false);
+    __publicField(this, "closeOnClickOverlay", true);
     __publicField(this, "lockScroll", true);
   }
 }

package/dist/packages/_es/Divider.js

@@ -1,4 +1,4 @@
-import { computed, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -22,17 +22,12 @@ const _sfc_main = create({
       default: "horizontal"
     }
   },
-  components: {},
   setup(props, context) {
     const classes = computed(() => {
       const prefixCls = componentName;
-      let defaultClassesObj = {
-        [prefixCls]: true
-      };
-      let classesObj = {};
       if (props.direction === "horizontal") {
-        classesObj = {
-          ...defaultClassesObj,
+        return {
+          [prefixCls]: true,
           [`${prefixCls}-center`]: context.slots.default,
           [`${prefixCls}-left`]: props.contentPosition === "left",
           [`${prefixCls}-right`]: props.contentPosition === "right",
@@ -40,26 +35,21 @@ const _sfc_main = create({
           [`${prefixCls}-hairline`]: props.hairline
         };
       } else {
-        classesObj = {
-          ...defaultClassesObj,
+        return {
+          [prefixCls]: true,
           [`${prefixCls}-vertical`]: props.direction === "vertical"
         };
       }
-      return classesObj;
     });
     return { classes };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.direction === "horizontal" ? (openBlock(), createElementBlock("view", {
-    key: 0,
+  return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 2)) : (openBlock(), createElementBlock("view", {
-    key: 1,
-    class: normalizeClass(_ctx.classes)
-  }, null, 2));
+    _ctx.direction === "horizontal" ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)
+  ], 2);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/Elevator.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { ref, reactive, computed, onMounted, watch, nextTick, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, toDisplayString, renderSlot, withDirectives, vShow, createCommentVNode, withModifiers } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { u as useExpose } from "./index-79c5dc33.js";
@@ -174,9 +193,9 @@ const _sfc_main = create({
         context.emit("change", newVal);
       }
     );
-    return {
-      classes,
-      ...toRefs(state),
+    return __spreadProps(__spreadValues({
+      classes
+    }, toRefs(state)), {
       fixedStyle,
       clientHeight,
       setListGroup,
@@ -186,7 +205,7 @@ const _sfc_main = create({
       touchEnd,
       handleClickItem,
       handleClickIndex
-    };
+    });
   }
 });
 const _hoisted_1 = { class: "nut-elevator__list__item__code" };

package/dist/packages/_es/Ellipsis.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { ref, reactive, computed, watch, onMounted, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createTextVNode, withModifiers } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
@@ -174,7 +193,7 @@ const _sfc_main = create({
     const handleClick = () => {
       emit("click");
     };
-    return { ...toRefs(state), root, ellipsis, classes, clickHandle, handleClick };
+    return __spreadProps(__spreadValues({}, toRefs(state)), { root, ellipsis, classes, clickHandle, handleClick });
   }
 });
 const _hoisted_1 = { key: 0 };

package/dist/packages/_es/Form.js

@@ -1,3 +1,38 @@
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 import { g as isObject, h as getPropByPath, f as isPromise, c as createComponent } from "./component-81a4c1d0.js";
 import { computed, reactive, provide, watch, resolveComponent, openBlock, createElementBlock, withModifiers, createVNode, withCtx, renderSlot } from "vue";
 import CellGroup from "./CellGroup.js";
@@ -63,7 +98,7 @@ const component = (components) => {
         }
         formErrorTip.value[errorMsg.prop] = errorMsg.message;
       };
-      const checkRule = (item) => {
+      const checkRule = (item) => __async(this, null, function* () {
         const { rules, prop } = item;
         const _Promise = (errorMsg) => {
           return new Promise((resolve, reject) => {
@@ -84,7 +119,7 @@ const component = (components) => {
         const _rules = [...(formRules == null ? void 0 : formRules[prop]) || [], ...rules];
         while (_rules.length) {
           const rule = _rules.shift();
-          const { validator, ...ruleWithoutValidator } = rule;
+          const _a = rule, { validator } = _a, ruleWithoutValidator = __objRest(_a, ["validator"]);
           const { required, regex, message } = ruleWithoutValidator;
           const errorMsg = { prop, message };
           if (required) {
@@ -98,16 +133,15 @@ const component = (components) => {
           if (validator) {
             const result = validator(value, ruleWithoutValidator);
             if (isPromise(result)) {
-              return new Promise((r, j) => {
-                result.then((res) => {
-                  if (!res) {
-                    tipMessage(errorMsg);
-                    r(errorMsg);
-                  } else {
-                    r(true);
-                  }
-                }).catch((e) => j(e));
-              });
+              try {
+                const value2 = yield result;
+                if (value2 === false) {
+                  return _Promise(errorMsg);
+                }
+              } catch (error) {
+                const validateErrorMsg = { prop, message: error };
+                return _Promise(validateErrorMsg);
+              }
             } else {
               if (!result) {
                 return _Promise(errorMsg);
@@ -116,24 +150,19 @@ const component = (components) => {
           }
         }
         return Promise.resolve(true);
-      };
+      });
       const validate = (customProp = "") => {
         return new Promise((resolve, reject) => {
           try {
             const task = findFormItem(slots.default());
             const errors = task.map((item) => {
-              if (customProp) {
-                if (customProp == item.prop) {
-                  return checkRule(item);
-                } else {
-                  return Promise.resolve(true);
-                }
-              } else {
-                return checkRule(item);
+              if (customProp && customProp !== item.prop) {
+                return Promise.resolve(true);
               }
+              return checkRule(item);
             });
             Promise.all(errors).then((errorRes) => {
-              errorRes = errorRes.filter((item) => item != true);
+              errorRes = errorRes.filter((item) => item !== true);
               const res = { valid: true, errors: [] };
               if (errorRes.length) {
                 res.valid = false;
@@ -160,12 +189,13 @@ const _sfc_main = create(
     [CellGroup.name]: CellGroup
   })
 );
+const _hoisted_1 = ["onSubmit"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_cell_group = resolveComponent("nut-cell-group");
   return openBlock(), createElementBlock("form", {
     class: "nut-form",
     action: "#",
-    onSubmit: _cache[0] || (_cache[0] = withModifiers(() => false, ["prevent"]))
+    onSubmit: withModifiers(() => false, ["prevent"])
   }, [
     createVNode(_component_nut_cell_group, null, {
       default: withCtx(() => [
@@ -173,7 +203,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 3
     })
-  ], 32);
+  ], 40, _hoisted_1);
 }
 const Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/Image.js

@@ -1,4 +1,23 @@
-import { reactive, useSlots, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot } from "vue";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { reactive, useSlots, computed, ref, onMounted, onBeforeUnmount, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 import { Image, ImageError } from "@nutui/icons-vue";
@@ -40,6 +59,10 @@ const _sfc_main = create({
     showLoading: {
       type: Boolean,
       default: true
+    },
+    lazyLoad: {
+      type: Boolean,
+      default: false
     }
   },
   components: {
@@ -61,6 +84,30 @@ const _sfc_main = create({
         [`${prefixCls}-round`]: props.round
       };
     });
+    const observer = ref(null);
+    const show = ref(false);
+    const imgRef = ref(null);
+    const initObserver = () => {
+      const options = {
+        threshold: [0],
+        rootMargin: "0px"
+      };
+      observer.value = new IntersectionObserver((entires) => {
+        entires.forEach((item) => {
+          if (item.isIntersecting) {
+            show.value = true;
+            observer.value.disconnect();
+          }
+        });
+      }, options);
+      imgRef.value && observer.value.observe(imgRef.value);
+    };
+    onMounted(() => {
+      props.lazyLoad && initObserver();
+    });
+    onBeforeUnmount(() => {
+      observer.value && observer.value.disconnect();
+    });
     const stylebox = computed(() => {
       let style = {};
       if (props.width)
@@ -87,6 +134,7 @@ const _sfc_main = create({
       }
     );
     const load = () => {
+      state.isError = false;
       state.loading = false;
       emit("load");
     };
@@ -98,10 +146,10 @@ const _sfc_main = create({
     const imageClick = (event) => {
       emit("click", event);
     };
-    return { ...toRefs(state), imageClick, classes, styles, stylebox, error, load };
+    return __spreadProps(__spreadValues({}, toRefs(state)), { imageClick, classes, styles, stylebox, error, load, show, imgRef });
   }
 });
-const _hoisted_1 = ["src", "alt"];
+const _hoisted_1 = ["src", "date-src", "alt"];
 const _hoisted_2 = {
   key: 0,
   class: "nut-img-loading"
@@ -113,20 +161,22 @@ const _hoisted_3 = {
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Image = resolveComponent("Image");
   const _component_ImageError = resolveComponent("ImageError");
-  return openBlock(), createElementBlock("view", {
+  return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.stylebox),
     onClick: _cache[2] || (_cache[2] = (...args) => _ctx.imageClick && _ctx.imageClick(...args))
   }, [
     createElementVNode("img", {
+      ref: "imgRef",
       class: "nut-img",
-      src: _ctx.src,
+      src: _ctx.lazyLoad ? _ctx.show ? _ctx.src : void 0 : _ctx.src,
+      "date-src": _ctx.lazyLoad ? _ctx.show ? void 0 : _ctx.src : void 0,
       alt: _ctx.alt,
       onLoad: _cache[0] || (_cache[0] = (...args) => _ctx.load && _ctx.load(...args)),
       onError: _cache[1] || (_cache[1] = (...args) => _ctx.error && _ctx.error(...args)),
       style: normalizeStyle(_ctx.styles)
     }, null, 44, _hoisted_1),
-    _ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_2, [
+    _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [
       !_ctx.slotLoding ? (openBlock(), createBlock(_component_Image, {
         key: 0,
         width: "16px",
@@ -135,7 +185,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       })) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "loading")
     ])) : createCommentVNode("", true),
-    _ctx.isError && !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_3, [
+    _ctx.isError && !_ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_3, [
       !_ctx.slotError ? (openBlock(), createBlock(_component_ImageError, {
         key: 0,
         width: "16px",