@nutui/nutui 3.1.21 → 3.1.22-beta.5

package/dist/packages/_es/Form.js

@@ -1,158 +1,71 @@
 /*!
-* @nutui/nutui v3.1.21 Mon May 30 2022 20:20:01 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { i as isObject, g as getPropByPath, a as isPromise, c as createComponent } from "./component.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 { i as e, g as r, a as t, c as o } from "./component.js";
+import { computed as l, reactive as s, provide as n, watch as a, resolveComponent as i, openBlock as m, createElementBlock as p, withModifiers as u, createVNode as c, withCtx as d, renderSlot as f } from "vue";
+import { _ as h } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const component = {
-  props: {
-    modelValue: {
-      type: Object,
-      default: {}
-    }
-  },
-  components: {},
-  emits: ["validate"],
-  setup(props, { emit, slots }) {
-    const formErrorTip = computed(() => reactive({}));
-    provide("formErrorTip", formErrorTip);
-    const clearErrorTips = (value = props.modelValue) => {
-      Object.keys(formErrorTip.value).forEach((item) => {
-        formErrorTip.value[item] = "";
-      });
-    };
-    const reset = () => {
-      clearErrorTips();
-    };
-    watch(() => props.modelValue, (value) => {
-      clearErrorTips(value);
-    }, { immediate: true });
-    const findFormItem = (vnodes) => {
-      let task = [];
-      vnodes.forEach((vnode, index2) => {
-        var _a, _b, _c, _d;
-        let type = vnode.type;
-        type = type.name || type;
-        if (type == "nut-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();
-            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) => {
-          tipMessage(errorMsg);
-          resolve(errorMsg);
-        });
-      };
-      if (!prop) {
-        console.warn("[NutUI] <FormItem> \u4F7F\u7528 rules \u6821\u9A8C\u89C4\u5219\u65F6 , \u5FC5\u987B\u8BBE\u7F6E prop \u53C2\u6570");
-      }
-      let value = getPropByPath(props.modelValue, prop || "");
-      tipMessage({ prop, message: "" });
-      let _rules = [...rules];
-      while (_rules.length) {
-        const { required, validator, regex, message } = _rules.shift();
-        const errorMsg = { prop, message };
-        if (required) {
-          if (!value) {
-            return _Promise(errorMsg);
-          }
-        }
-        if (regex && !regex.test(String(value))) {
-          return _Promise(errorMsg);
-        }
-        if (validator) {
-          const result = validator(value);
-          if (isPromise(result)) {
-            return new Promise((r, j) => {
-              result.then((res) => {
-                if (!res) {
-                  tipMessage(errorMsg);
-                  r(errorMsg);
-                } else {
-                  r(true);
-                }
-              });
+const v = { props: { modelValue: { type: Object, default: {} } }, components: {}, emits: ["validate"], setup(o2, { emit: i2, slots: m2 }) {
+  const p2 = l(() => s({}));
+  n("formErrorTip", p2);
+  const u2 = (e2 = o2.modelValue) => {
+    Object.keys(p2.value).forEach((e3) => {
+      p2.value[e3] = "";
+    });
+  };
+  a(() => o2.modelValue, (e2) => {
+    u2(e2);
+  }, { immediate: true });
+  const c2 = (r2) => {
+    let t2 = [];
+    return r2.forEach((r3, o3) => {
+      var _a, _b, _c, _d;
+      let l2 = r3.type;
+      l2 = l2.name || l2, l2 == "nut-form-item" ? t2.push({ prop: (_a = r3.props) == null ? void 0 : _a.prop, rules: ((_b = r3.props) == null ? void 0 : _b.rules) || [] }) : Array.isArray(r3.children) && ((_c = r3.children) == null ? void 0 : _c.length) ? t2 = t2.concat(c2(r3.children)) : e(r3.children) && Object.keys(r3.children) && ((_d = r3.children) == null ? void 0 : _d.default) && (r3.children = r3.children.default(), t2 = t2.concat(c2(r3.children)));
+    }), t2;
+  }, d2 = (e2) => {
+    e2.message && i2("validate", e2), p2.value[e2.prop] = e2.message;
+  }, f2 = (e2) => {
+    const { rules: l2, prop: s2 } = e2, n2 = (e3) => new Promise((r2, t2) => {
+      d2(e3), r2(e3);
+    });
+    let a2 = r(o2.modelValue, s2 || "");
+    d2({ prop: s2, message: "" });
+    let i3 = [...l2];
+    for (; i3.length; ) {
+      const { required: e3, validator: r2, regex: o3, message: l3 } = i3.shift(), m3 = { prop: s2, message: l3 };
+      if (e3 && !a2)
+        return n2(m3);
+      if (o3 && !o3.test(String(a2)))
+        return n2(m3);
+      if (r2) {
+        const e4 = r2(a2);
+        if (t(e4))
+          return new Promise((r3, t2) => {
+            e4.then((e5) => {
+              e5 ? r3(true) : (d2(m3), r3(m3));
             });
-          } else {
-            if (!result) {
-              return _Promise(errorMsg);
-            }
-          }
-        }
+          });
+        if (!e4)
+          return n2(m3);
       }
-      return Promise.resolve(true);
-    };
-    const validate = (customProp = "") => {
-      return new Promise((resolve, reject) => {
-        let task = findFormItem(slots.default());
-        let 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);
-        });
-      });
-    };
-    const onSubmit = () => {
-      validate();
-      return false;
-    };
-    return { validate, reset, onSubmit, formErrorTip };
-  }
-};
-const { create } = createComponent("form");
-const _sfc_main = create(component);
-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((...args) => _ctx.onSubmit && _ctx.onSubmit(...args), ["prevent"]))
-  }, [
-    createVNode(_component_nut_cell_group, null, {
-      default: withCtx(() => [
-        renderSlot(_ctx.$slots, "default")
-      ]),
-      _: 3
-    })
-  ], 32);
-}
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+    }
+    return Promise.resolve(true);
+  }, h2 = (e2 = "") => new Promise((r2, t2) => {
+    let o3 = c2(m2.default()).map((r3) => e2 ? e2 == r3.prop ? f2(r3) : Promise.resolve(true) : f2(r3));
+    Promise.all(o3).then((e3) => {
+      const t3 = { valid: true, errors: [] };
+      (e3 = e3.filter((e4) => e4 != 1)).length && (t3.valid = false, t3.errors = e3), r2(t3);
+    });
+  });
+  return { validate: h2, reset: () => {
+    u2();
+  }, onSubmit: () => (h2(), false), formErrorTip: p2 };
+} }, { create: g } = o("form");
+var y = h(g(v), [["render", function(e2, r2, t2, o2, l2, s2) {
+  const n2 = i("nut-cell-group");
+  return m(), p("form", { class: "nut-form", action: "#", onSubmit: r2[0] || (r2[0] = u(() => false, ["prevent"])) }, [c(n2, null, { default: d(() => [f(e2.$slots, "default")]), _: 3 })], 32);
+}]]);
+export { y as default };

package/dist/packages/_es/FormItem.js

@@ -1,115 +1,20 @@
 /*!
-* @nutui/nutui v3.1.21 Mon May 30 2022 20:20:01 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { p as pxCheck } from "./pxCheck.js";
-import { inject, provide, computed, resolveComponent, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createElementVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { p as e } from "./pxCheck.js";
+import { inject as t, provide as r, computed as l, resolveComponent as o, openBlock as s, createBlock as a, normalizeClass as n, normalizeStyle as i, withCtx as p, createElementBlock as u, renderSlot as y, createTextVNode as m, toDisplayString as d, createCommentVNode as f, createElementVNode as g } from "vue";
+import { c } from "./component.js";
+import { _ as b } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("form-item");
-const _sfc_main = create({
-  inheritAttrs: false,
-  props: {
-    prop: {
-      type: String,
-      default: ""
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    rules: {
-      type: Array,
-      default: () => {
-        return [];
-      }
-    },
-    required: {
-      type: Boolean,
-      default: false
-    },
-    showErrorMessage: {
-      type: Boolean,
-      default: true
-    },
-    showErrorLine: {
-      type: Boolean,
-      default: true
-    },
-    labelWidth: {
-      type: [String, Number],
-      default: ""
-    },
-    labelAlign: {
-      type: String,
-      default: ""
-    },
-    errorMessageAlign: {
-      type: String,
-      default: ""
-    },
-    bodyAlign: {
-      type: String,
-      default: ""
-    }
-  },
-  components: {},
-  emits: [""],
-  setup(props, { emit }) {
-    const parent = inject("formErrorTip");
-    provide("form", {
-      props
-    });
-    const labelStyle = computed(() => {
-      return {
-        width: pxCheck(props.labelWidth),
-        textAlign: props.labelAlign
-      };
-    });
-    const bodyStyle = computed(() => {
-      return {
-        textAlign: props.bodyAlign
-      };
-    });
-    const errorMessageStyle = computed(() => {
-      return {
-        textAlign: props.errorMessageAlign
-      };
-    });
-    return { parent, labelStyle, bodyStyle, errorMessageStyle };
-  }
-});
-const _hoisted_1 = { class: "nut-cell__value nut-form-item__body" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_cell = resolveComponent("nut-cell");
-  return openBlock(), createBlock(_component_nut_cell, {
-    class: normalizeClass(["nut-form-item", [{ error: _ctx.parent[_ctx.prop], line: _ctx.showErrorLine }, _ctx.$attrs.class]]),
-    style: normalizeStyle(_ctx.$attrs.style)
-  }, {
-    default: withCtx(() => [
-      _ctx.label ? (openBlock(), createElementBlock("view", {
-        key: 0,
-        class: normalizeClass(["nut-cell__title nut-form-item__label", { required: _ctx.required }]),
-        style: normalizeStyle(_ctx.labelStyle)
-      }, toDisplayString(_ctx.label), 7)) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_1, [
-        createElementVNode("view", {
-          class: "nut-form-item__body__slots",
-          style: normalizeStyle(_ctx.bodyStyle)
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 4),
-        _ctx.parent[_ctx.prop] && _ctx.showErrorMessage ? (openBlock(), createElementBlock("view", {
-          key: 0,
-          class: "nut-form-item__body__tips",
-          style: normalizeStyle(_ctx.errorMessageStyle)
-        }, toDisplayString(_ctx.parent[_ctx.prop]), 5)) : createCommentVNode("", true)
-      ])
-    ]),
-    _: 3
-  }, 8, ["class", "style"]);
-}
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const { componentName: _, create: S } = c("form-item"), A = S({ inheritAttrs: false, props: { prop: { type: String, default: "" }, label: { type: String, default: "" }, rules: { type: Array, default: () => [] }, required: { type: Boolean, default: false }, showErrorMessage: { type: Boolean, default: true }, showErrorLine: { type: Boolean, default: true }, labelWidth: { type: [String, Number], default: "" }, labelAlign: { type: String, default: "" }, errorMessageAlign: { type: String, default: "" }, bodyAlign: { type: String, default: "" } }, components: {}, emits: [""], setup(o2, { emit: s2 }) {
+  const a2 = t("formErrorTip");
+  r("form", { props: o2 });
+  return { parent: a2, labelStyle: l(() => ({ width: e(o2.labelWidth), textAlign: o2.labelAlign })), bodyStyle: l(() => ({ textAlign: o2.bodyAlign })), errorMessageStyle: l(() => ({ textAlign: o2.errorMessageAlign })) };
+} }), h = { class: "nut-cell__value nut-form-item__body" };
+var w = b(A, [["render", function(e2, t2, r2, l2, c2, b2) {
+  const _2 = o("nut-cell");
+  return s(), a(_2, { class: n(["nut-form-item", [{ error: e2.parent[e2.prop], line: e2.showErrorLine }, e2.$attrs.class]]), style: i(e2.$attrs.style) }, { default: p(() => [e2.label ? (s(), u("view", { key: 0, class: n(["nut-cell__title nut-form-item__label", { required: e2.required }]), style: i(e2.labelStyle) }, [y(e2.$slots, "label", {}, () => [m(d(e2.label), 1)])], 6)) : f("", true), g("view", h, [g("view", { class: "nut-form-item__body__slots", style: i(e2.bodyStyle) }, [y(e2.$slots, "default")], 4), e2.parent[e2.prop] && e2.showErrorMessage ? (s(), u("view", { key: 0, class: "nut-form-item__body__tips", style: i(e2.errorMessageStyle) }, d(e2.parent[e2.prop]), 5)) : f("", true)])]), _: 3 }, 8, ["class", "style"]);
+}]]);
+export { w as default };

package/dist/packages/_es/Grid.js

@@ -1,13 +1,12 @@
 /*!
-* @nutui/nutui v3.1.21 Mon May 30 2022 20:20:01 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { c as createComponent } from "./component.js";
-import { c as component } from "./common.js";
+import { c as o } from "./component.js";
+import { c as m } from "./common.js";
 import "vue";
 import "../locale/lang";
 import "./pxCheck.js";
-const { create } = createComponent("grid");
-const _sfc_main = create(component);
-export { _sfc_main as default };
+const { create: r } = o("grid"), t = r(m);
+export { t as default };

package/dist/packages/_es/GridItem.js

@@ -1,150 +1,39 @@
 /*!
-* @nutui/nutui v3.1.21 Mon May 30 2022 20:20:01 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 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, 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 as e, getCurrentInstance as t, onUnmounted as o, computed as r, ref as n, resolveComponent as i, openBlock as l, createElementBlock as c, normalizeClass as s, normalizeStyle as a, createElementVNode as u, renderSlot as p, Fragment as m, createBlock as d, toDisplayString as f } from "vue";
+import { u as g } from "./index.js";
+import { c as y } from "./component.js";
+import { p as $ } from "./pxCheck.js";
+import { G as k } from "./common.js";
+import { _ as x } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-function useInject(key) {
-  const parent = inject(key, null);
-  if (parent) {
-    const instance = getCurrentInstance();
-    const { add, remove, internalChildren } = parent;
-    add(instance);
-    onUnmounted(() => remove(instance));
-    const index2 = computed(() => internalChildren.indexOf(instance));
-    return {
-      parent,
-      index: index2
-    };
-  }
-  return {
-    parent: null,
-    index: ref(-1)
-  };
-}
-const { create, componentName } = createComponent("grid-item");
-const _sfc_main = create({
-  props: {
-    text: {
-      type: String
-    },
-    icon: {
-      type: String
-    },
-    iconSize: {
-      type: [Number, String]
-    },
-    iconColor: {
-      type: String
-    },
-    to: {
-      type: [String, Object]
-    },
-    url: {
-      type: String,
-      default: ""
-    },
-    replace: {
-      type: Boolean,
-      default: false
+const { create: C, componentName: S } = y("grid-item"), v = C({ props: { text: { type: String }, icon: { type: String }, iconSize: { type: [Number, String] }, iconColor: { type: String }, to: { type: [String, Object] }, url: { type: String, default: "" }, replace: { type: Boolean, default: false } }, emits: ["click"], setup(i2, { emit: l2 }) {
+  const c2 = function(i3) {
+    const l3 = e(i3, null);
+    if (l3) {
+      const e2 = t(), { add: n2, remove: i4, internalChildren: c3 } = l3;
+      return n2(e2), o(() => i4(e2)), { parent: l3, index: r(() => c3.indexOf(e2)) };
     }
-  },
-  emits: ["click"],
-  setup(props, { emit }) {
-    const Parent = useInject(GRID_KEY);
-    if (!Parent.parent)
-      return;
-    const index2 = Parent.index;
-    const parent = Parent.parent.props;
-    const rootClass = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
-    const rootStyle = computed(() => {
-      const style = {
-        flexBasis: `${100 / +parent.columnNum}%`
-      };
-      if (parent.square) {
-        style.paddingTop = `${100 / +parent.columnNum}%`;
-      } else if (parent.gutter) {
-        style.paddingRight = pxCheck(parent.gutter);
-        if (index2.value >= parent.columnNum) {
-          style.marginTop = pxCheck(parent.gutter);
-        }
-      }
-      return style;
-    });
-    const contentClass = computed(() => {
-      const prefixCls = `${componentName}__content`;
-      return {
-        [`${prefixCls}`]: true,
-        [`${prefixCls}--border`]: parent.border,
-        [`${prefixCls}--surround`]: parent.border && parent.gutter,
-        [`${prefixCls}--center`]: parent.center,
-        [`${prefixCls}--square`]: parent.square,
-        [`${prefixCls}--reverse`]: parent.reverse,
-        [`${prefixCls}--${parent.direction}`]: !!parent.direction,
-        [`${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);
-      if (props.to && router) {
-        router[props.replace ? "replace" : "push"](props.to);
-      } else if (props.url) {
-        props.replace ? location.replace(props.url) : location.href = props.url;
-      }
-    };
-    return {
-      rootClass,
-      rootStyle,
-      contentClass,
-      iconProps,
-      handleClick
-    };
-  }
-});
-const _hoisted_1 = {
-  key: 3,
-  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),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-  }, [
-    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, {
-          key: 1,
-          name: _ctx.iconProps.name,
-          size: _ctx.iconProps.size,
-          color: _ctx.iconProps.color
-        }, null, 8, ["name", "size", "color"])),
-        _ctx.$slots.text ? renderSlot(_ctx.$slots, "text", { key: 2 }) : (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.text), 1))
-      ], 64))
-    ], 2)
-  ], 6);
-}
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+    return { parent: null, index: n(-1) };
+  }(k);
+  if (!c2.parent)
+    return;
+  const s2 = c2.index, a2 = c2.parent.props, u2 = r(() => ({ [S]: true })), p2 = r(() => {
+    const e2 = { flexBasis: 100 / +a2.columnNum + "%" };
+    return a2.square ? e2.paddingTop = 100 / +a2.columnNum + "%" : a2.gutter && (e2.paddingRight = $(a2.gutter), s2.value >= a2.columnNum && (e2.marginTop = $(a2.gutter))), e2;
+  }), m2 = r(() => {
+    const e2 = `${S}__content`;
+    return { [`${e2}`]: true, [`${e2}--border`]: a2.border, [`${e2}--surround`]: a2.border && a2.gutter, [`${e2}--center`]: a2.center, [`${e2}--square`]: a2.square, [`${e2}--reverse`]: a2.reverse, [`${e2}--${a2.direction}`]: !!a2.direction, [`${e2}--clickable`]: a2.clickable || i2.to || i2.url };
+  }), d2 = r(() => ({ name: i2.icon, size: i2.iconSize || a2.iconSize, color: i2.iconColor || a2.iconColor })), f2 = g();
+  return { rootClass: u2, rootStyle: p2, contentClass: m2, iconProps: d2, handleClick: (e2) => {
+    l2("click", e2), i2.to && f2 ? f2[i2.replace ? "replace" : "push"](i2.to) : i2.url && (i2.replace ? location.replace(i2.url) : location.href = i2.url);
+  } };
+} }), h = { key: 3, class: "nut-grid-item__text" };
+var b = x(v, [["render", function(e2, t2, o2, r2, n2, g2) {
+  const y2 = i("nut-icon");
+  return l(), c("view", { class: s(e2.rootClass), style: a(e2.rootStyle), onClick: t2[0] || (t2[0] = (...t3) => e2.handleClick && e2.handleClick(...t3)) }, [u("view", { class: s(e2.contentClass) }, [e2.$slots.default ? p(e2.$slots, "default", { key: 0 }) : (l(), c(m, { key: 1 }, [e2.$slots.icon ? p(e2.$slots, "icon", { key: 0 }) : (l(), d(y2, { key: 1, name: e2.iconProps.name, size: e2.iconProps.size, color: e2.iconProps.color }, null, 8, ["name", "size", "color"])), e2.$slots.text ? p(e2.$slots, "text", { key: 2 }) : (l(), c("view", h, f(e2.text), 1))], 64))], 2)], 6);
+}]]);
+export { b as default };

package/dist/packages/_es/Icon.js

@@ -1,45 +1,20 @@
 /*!
-* @nutui/nutui v3.1.21 Mon May 30 2022 20:20:01 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 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 { h as t } from "vue";
+import { c as e } from "./component.js";
+import { p as i } from "./pxCheck.js";
 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 };
+const { componentName: n, create: o } = e("icon"), a = o({ 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(e2, { emit: o2, slots: a2 }) {
+  const s = (t2) => {
+    o2("click", t2);
+  };
+  return () => {
+    var _a;
+    const o3 = !!e2.name && e2.name.indexOf("/") !== -1;
+    return t(o3 ? "img" : e2.tag, { class: o3 ? `${n}__img` : `${e2.fontClassName} ${n} ${e2.classPrefix}-${e2.name}`, style: { color: e2.color, fontSize: i(e2.size), width: i(e2.size), height: i(e2.size) }, onClick: s, src: o3 ? e2.name : "" }, (_a = a2.default) == null ? void 0 : _a.call(a2));
+  };
+} });
+export { a as default };