@nutui/nutui 3.3.1 → 4.0.0-beta.0

package/dist/packages/_es/Form.js

@@ -1,163 +1,170 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { f as isObject, h as getPropByPath, e as isPromise, c as createComponent } from "./component.js";
+import { g as isObject, h as getPropByPath, f as isPromise, c as createComponent } from "./component.fb9ce7ad.js";
 import { computed, reactive, provide, watch, resolveComponent, openBlock, createElementBlock, withModifiers, createVNode, withCtx, renderSlot } from "vue";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import CellGroup from "./CellGroup.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
-const component = {
-  props: {
-    modelValue: {
-      type: Object,
-      default: {}
+const component = (components) => {
+  return {
+    props: {
+      modelValue: {
+        type: Object,
+        default: {}
+      },
+      rules: {
+        type: Object,
+        default: {}
+      }
     },
-    rules: {
-      type: Object,
-      default: {}
-    }
-  },
-  components: {},
-  emits: ["validate"],
-  setup(props, { emit, slots }) {
-    const formErrorTip = computed(() => reactive({}));
-    provide("formErrorTip", formErrorTip);
-    const clearErrorTips = () => {
-      Object.keys(formErrorTip.value).forEach((item) => {
-        formErrorTip.value[item] = "";
-      });
-    };
-    const reset = () => {
-      clearErrorTips();
-    };
-    watch(
-      () => props.modelValue,
-      () => {
+    components,
+    emits: ["validate"],
+    setup(props, { emit, slots }) {
+      const formErrorTip = computed(() => reactive({}));
+      provide("formErrorTip", formErrorTip);
+      const clearErrorTips = () => {
+        Object.keys(formErrorTip.value).forEach((item) => {
+          formErrorTip.value[item] = "";
+        });
+      };
+      const reset = () => {
         clearErrorTips();
-      },
-      { immediate: true }
-    );
-    const findFormItem = (vnodes) => {
-      let task = [];
-      vnodes.forEach((vnode) => {
-        var _a, _b, _c, _d;
-        let type = vnode.type;
-        type = type.name || type;
-        if (type == "nut-form-item" || (type == null ? void 0 : type.toString().endsWith("form-item"))) {
-          task.push({
-            prop: (_a = vnode.props) == null ? void 0 : _a["prop"],
-            rules: ((_b = vnode.props) == null ? void 0 : _b["rules"]) || []
-          });
-        } else if (Array.isArray(vnode.children) && ((_c = vnode.children) == null ? void 0 : _c.length)) {
-          task = task.concat(findFormItem(vnode.children));
-        } else if (isObject(vnode.children) && Object.keys(vnode.children)) {
-          if ((_d = vnode.children) == null ? void 0 : _d.default) {
-            vnode.children = vnode.children.default();
+      };
+      watch(
+        () => props.modelValue,
+        () => {
+          clearErrorTips();
+        },
+        { immediate: true }
+      );
+      const findFormItem = (vnodes) => {
+        let task = [];
+        vnodes.forEach((vnode) => {
+          var _a, _b, _c, _d;
+          let type = vnode.type;
+          type = type.name || type;
+          if (type == "nut-form-item" || (type == null ? void 0 : type.toString().endsWith("form-item"))) {
+            task.push({
+              prop: (_a = vnode.props) == null ? void 0 : _a["prop"],
+              rules: ((_b = vnode.props) == null ? void 0 : _b["rules"]) || []
+            });
+          } else if (Array.isArray(vnode.children) && ((_c = vnode.children) == null ? void 0 : _c.length)) {
             task = task.concat(findFormItem(vnode.children));
-          }
-        }
-      });
-      return task;
-    };
-    const tipMessage = (errorMsg) => {
-      if (errorMsg.message) {
-        emit("validate", errorMsg);
-      }
-      formErrorTip.value[errorMsg.prop] = errorMsg.message;
-    };
-    const checkRule = (item) => {
-      const { rules, prop } = item;
-      const _Promise = (errorMsg) => {
-        return new Promise((resolve, reject) => {
-          try {
-            tipMessage(errorMsg);
-            resolve(errorMsg);
-          } catch (error) {
-            reject(error);
+          } else if (isObject(vnode.children) && Object.keys(vnode.children)) {
+            if ((_d = vnode.children) == null ? void 0 : _d.default) {
+              vnode.children = vnode.children.default();
+              task = task.concat(findFormItem(vnode.children));
+            }
           }
         });
+        return task;
       };
-      if (!prop) {
-        console.warn("[NutUI] <FormItem> \u4F7F\u7528 rules \u6821\u9A8C\u89C4\u5219\u65F6 , \u5FC5\u987B\u8BBE\u7F6E prop \u53C2\u6570");
-      }
-      const value = getPropByPath(props.modelValue, prop || "");
-      tipMessage({ prop, message: "" });
-      const formRules = props.rules || {};
-      const _rules = [...(formRules == null ? void 0 : formRules[prop]) || [], ...rules];
-      while (_rules.length) {
-        const rule = _rules.shift();
-        const { validator, ...ruleWithoutValidator } = rule;
-        const { required, regex, message } = ruleWithoutValidator;
-        const errorMsg = { prop, message };
-        if (required) {
-          if (!value) {
-            return _Promise(errorMsg);
-          }
+      const tipMessage = (errorMsg) => {
+        if (errorMsg.message) {
+          emit("validate", errorMsg);
         }
-        if (regex && !regex.test(String(value))) {
-          return _Promise(errorMsg);
+        formErrorTip.value[errorMsg.prop] = errorMsg.message;
+      };
+      const checkRule = (item) => {
+        const { rules, prop } = item;
+        const _Promise = (errorMsg) => {
+          return new Promise((resolve, reject) => {
+            try {
+              tipMessage(errorMsg);
+              resolve(errorMsg);
+            } catch (error) {
+              reject(error);
+            }
+          });
+        };
+        if (!prop) {
+          console.warn("[NutUI] <FormItem> \u4F7F\u7528 rules \u6821\u9A8C\u89C4\u5219\u65F6 , \u5FC5\u987B\u8BBE\u7F6E prop \u53C2\u6570");
         }
-        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));
-            });
-          } else {
-            if (!result) {
+        const value = getPropByPath(props.modelValue, prop || "");
+        tipMessage({ prop, message: "" });
+        const formRules = props.rules || {};
+        const _rules = [...(formRules == null ? void 0 : formRules[prop]) || [], ...rules];
+        while (_rules.length) {
+          const rule = _rules.shift();
+          const { validator, ...ruleWithoutValidator } = rule;
+          const { required, regex, message } = ruleWithoutValidator;
+          const errorMsg = { prop, message };
+          if (required) {
+            if (!value) {
               return _Promise(errorMsg);
             }
           }
-        }
-      }
-      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);
-              }
+          if (regex && !regex.test(String(value))) {
+            return _Promise(errorMsg);
+          }
+          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));
+              });
             } else {
-              return checkRule(item);
-            }
-          });
-          Promise.all(errors).then((errorRes) => {
-            errorRes = errorRes.filter((item) => item != true);
-            const res = { valid: true, errors: [] };
-            if (errorRes.length) {
-              res.valid = false;
-              res.errors = errorRes;
+              if (!result) {
+                return _Promise(errorMsg);
+              }
             }
-            resolve(res);
-          });
-        } catch (error) {
-          reject(error);
+          }
         }
-      });
-    };
-    const submit = () => {
-      validate();
-      return false;
-    };
-    return { validate, reset, submit, formErrorTip };
-  }
+        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);
+              }
+            });
+            Promise.all(errors).then((errorRes) => {
+              errorRes = errorRes.filter((item) => item != true);
+              const res = { valid: true, errors: [] };
+              if (errorRes.length) {
+                res.valid = false;
+                res.errors = errorRes;
+              }
+              resolve(res);
+            });
+          } catch (error) {
+            reject(error);
+          }
+        });
+      };
+      const submit = () => {
+        validate();
+        return false;
+      };
+      return { validate, reset, submit, formErrorTip };
+    }
+  };
 };
 const { create } = createComponent("form");
-const _sfc_main = create(component);
+const _sfc_main = create(
+  component({
+    [CellGroup.name]: CellGroup
+  })
+);
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_cell_group = resolveComponent("nut-cell-group");
   return openBlock(), createElementBlock("form", {
@@ -173,5 +180,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ], 32);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Form as default
+};

package/dist/packages/_es/FormItem.js

@@ -1,13 +1,16 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { p as pxCheck } from "./pxCheck.js";
+import { p as pxCheck } from "./pxCheck.09969b22.js";
 import { inject, provide, computed, resolveComponent, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component.fb9ce7ad.js";
+import Cell from "./Cell.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
+import "./index.51da6a3b.js";
+import "@nutui/icons-vue";
 const { componentName, create } = createComponent("form-item");
 const _sfc_main = create({
   inheritAttrs: false,
@@ -55,7 +58,9 @@ const _sfc_main = create({
       default: ""
     }
   },
-  components: {},
+  components: {
+    [Cell.name]: Cell
+  },
   emits: [""],
   setup(props, { emit, slots }) {
     const parent = inject("formErrorTip");
@@ -116,5 +121,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["class", "style"]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const FormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  FormItem as default
+};

package/dist/packages/_es/Grid.js

@@ -1,13 +1,15 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { c as createComponent } from "./component.js";
+import { c as createComponent } from "./component.fb9ce7ad.js";
 import "vue";
-import { c as component } from "./common.js";
+import { c as component } from "./common.4b8c0eb2.js";
 import "../locale/lang";
-import "./pxCheck.js";
+import "./pxCheck.09969b22.js";
 const { create } = createComponent("grid");
 const _sfc_main = create(component);
-export { _sfc_main as default };
+export {
+  _sfc_main as default
+};

package/dist/packages/_es/GridItem.js

@@ -1,14 +1,14 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { inject, getCurrentInstance, onUnmounted, computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, Fragment, createBlock, mergeProps, toDisplayString } from "vue";
-import { u as useRouter } from "./index.js";
-import { c as createComponent } from "./component.js";
-import { p as pxCheck } from "./pxCheck.js";
-import { G as GRID_KEY } from "./common.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { inject, getCurrentInstance, onUnmounted, computed, ref, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, Fragment, createTextVNode, toDisplayString } from "vue";
+import { u as useRouter } from "./index.51da6a3b.js";
+import { c as createComponent } from "./component.fb9ce7ad.js";
+import { p as pxCheck } from "./pxCheck.09969b22.js";
+import { G as GRID_KEY } from "./common.4b8c0eb2.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
 function useInject(key) {
   const parent = inject(key, null);
@@ -34,15 +34,6 @@ const _sfc_main = create({
     text: {
       type: String
     },
-    icon: {
-      type: String
-    },
-    iconSize: {
-      type: [Number, String]
-    },
-    iconColor: {
-      type: String
-    },
     to: {
       type: [String, Object]
     },
@@ -59,7 +50,7 @@ const _sfc_main = create({
   setup(props, { emit }) {
     const Parent = useInject(GRID_KEY);
     if (!Parent.parent)
-      return;
+      return {};
     const index2 = Parent.index;
     const parent = Parent.parent.props;
     const rootClass = computed(() => {
@@ -95,13 +86,6 @@ const _sfc_main = create({
         [`${prefixCls}--clickable`]: parent.clickable || props.to || props.url
       };
     });
-    const iconProps = computed(() => {
-      return {
-        name: props.icon,
-        size: props.iconSize || parent.iconSize,
-        color: props.iconColor || parent.iconColor
-      };
-    });
     const router = useRouter();
     const handleClick = (event) => {
       emit("click", event);
@@ -115,17 +99,12 @@ const _sfc_main = create({
       rootClass,
       rootStyle,
       contentClass,
-      iconProps,
       handleClick
     };
   }
 });
-const _hoisted_1 = {
-  key: 3,
-  class: "nut-grid-item__text"
-};
+const _hoisted_1 = { class: "nut-grid-item__text" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.rootClass),
     style: normalizeStyle(_ctx.rootStyle),
@@ -134,18 +113,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", {
       class: normalizeClass(_ctx.contentClass)
     }, [
-      _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-        _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 0 }) : (openBlock(), createBlock(_component_nut_icon, mergeProps({
-          key: 1,
-          name: _ctx.iconProps.name
-        }, _ctx.$attrs, {
-          size: _ctx.iconProps.size,
-          color: _ctx.iconProps.color
-        }), null, 16, ["name", "size", "color"])),
-        _ctx.$slots.text ? renderSlot(_ctx.$slots, "text", { key: 2 }) : (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.text), 1))
-      ], 64))
+      renderSlot(_ctx.$slots, "default"),
+      createElementVNode("view", _hoisted_1, [
+        _ctx.text ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          createTextVNode(toDisplayString(_ctx.text), 1)
+        ], 64)) : renderSlot(_ctx.$slots, "text", { key: 1 })
+      ])
     ], 2)
   ], 6);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Icon.js

@@ -1,49 +1,13 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { h } from "vue";
-import { c as createComponent } from "./component.js";
-import { p as pxCheck } from "./pxCheck.js";
+import { _ as _sfc_main } from "./index.vue_vue_type_script_lang.de4367bf.js";
+import { _ } from "./index.vue_vue_type_script_lang.de4367bf.js";
+import "./component.fb9ce7ad.js";
+import "vue";
 import "../locale/lang";
-const { componentName, create } = createComponent("icon");
-const _sfc_main = create({
-  props: {
-    name: { type: String, default: "" },
-    size: { type: [String, Number], default: "" },
-    classPrefix: { type: String, default: "nut-icon" },
-    fontClassName: { type: String, default: "nutui-iconfont" },
-    color: { type: String, default: "" },
-    tag: { type: String, default: "i" }
-  },
-  emits: ["click"],
-  setup(props, { emit, slots }) {
-    const handleClick = (event) => {
-      emit("click", event);
-    };
-    const isImage = () => {
-      return props.name ? props.name.indexOf("/") !== -1 : false;
-    };
-    return () => {
-      var _a;
-      const _isImage = isImage();
-      return h(
-        _isImage ? "img" : props.tag,
-        {
-          class: _isImage ? `${componentName}__img` : `${props.fontClassName} ${componentName} ${props.classPrefix}-${props.name}`,
-          style: {
-            color: props.color,
-            fontSize: pxCheck(props.size),
-            width: pxCheck(props.size),
-            height: pxCheck(props.size)
-          },
-          onClick: handleClick,
-          src: _isImage ? props.name : ""
-        },
-        (_a = slots.default) == null ? void 0 : _a.call(slots)
-      );
-    };
-  }
-});
-export { _sfc_main as default };
+export {
+  _ as default
+};

package/dist/packages/_es/Image.js

@@ -1,12 +1,13 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { reactive, useSlots, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { p as pxCheck } from "./pxCheck.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component.fb9ce7ad.js";
+import { p as pxCheck } from "./pxCheck.09969b22.js";
+import { Image, ImageError } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("image");
 const _sfc_main = create({
@@ -46,6 +47,10 @@ const _sfc_main = create({
       default: true
     }
   },
+  components: {
+    Image,
+    ImageError
+  },
   emits: ["click", "load", "error"],
   setup(props, { emit }) {
     const state = reactive({
@@ -111,7 +116,8 @@ const _hoisted_3 = {
   class: "nut-img-error"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_Image = resolveComponent("Image");
+  const _component_ImageError = resolveComponent("ImageError");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.stylebox),
@@ -126,20 +132,26 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle(_ctx.styles)
     }, null, 44, _hoisted_1),
     _ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_2, [
-      !_ctx.slotLoding ? (openBlock(), createBlock(_component_nut_icon, {
+      !_ctx.slotLoding ? (openBlock(), createBlock(_component_Image, {
         key: 0,
+        width: "16px",
+        height: "20px",
         name: "image"
       })) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "loading")
     ])) : createCommentVNode("", true),
     _ctx.isError && !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_3, [
-      !_ctx.slotError ? (openBlock(), createBlock(_component_nut_icon, {
+      !_ctx.slotError ? (openBlock(), createBlock(_component_ImageError, {
         key: 0,
-        name: "image-error"
+        width: "16px",
+        height: "20px",
+        name: "imageError"
       })) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "error")
     ])) : createCommentVNode("", true)
   ], 6);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};