@nutui/nutui 3.1.22-beta.3 → 3.1.23-beta.0

package/dist/packages/_es/FixedNav.js

@@ -1,20 +1,127 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed as e, resolveComponent as t, openBlock as i, createElementBlock as l, normalizeClass as s, normalizeStyle as a, createBlock as n, createCommentVNode as o, renderSlot as c, createElementVNode as u, Fragment as v, renderList as r, toDisplayString as p, createVNode as d } from "vue";
-import { c as m } from "./component.js";
-import f from "./OverLay.js";
-import { _ as y } from "./plugin-vue_export-helper.js";
+import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createCommentVNode, renderSlot, createElementVNode, Fragment, renderList, toDisplayString, createVNode } from "vue";
+import { c as createComponent } from "./component.js";
+import overlay from "./OverLay.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName: x, create: b, translate: _ } = m("fixednav"), g = b({ components: { [f.name]: f }, props: { visible: { type: Boolean, default: false }, overlay: { type: Boolean, default: true }, navList: { default: () => [], type: Array }, activeText: { default: "", type: String }, unActiveText: { default: "", type: String }, position: { default: () => ({ top: "auto", bottom: "auto" }), type: Object }, type: { default: "right", type: String } }, emits: ["update:visible", "selected"], setup: (t2, { emit: i2 }) => ({ classes: e(() => ({ [x]: true, active: t2.visible, [t2.type]: true })), updateValue: (e2 = !t2.visible) => {
-  i2("update:visible", e2);
-}, selected: (e2, t3) => {
-  i2("selected", { item: e2, event: t3 });
-}, translate: _ }) }), k = { class: "nut-fixednav__list" }, w = ["onClick"], T = ["src"], j = { class: "span" }, A = { key: 0, class: "b" }, C = { class: "text" };
-var L = y(g, [["render", function(e2, m2, f2, y2, x2, b2) {
-  const _2 = t("nut-overlay"), g2 = t("nut-icon");
-  return i(), l("view", { class: s(e2.classes), style: a(e2.position) }, [e2.overlay ? (i(), n(_2, { key: 0, visible: e2.visible, "z-index": 200, onClick: m2[0] || (m2[0] = (t2) => e2.updateValue(false)) }, null, 8, ["visible"])) : o("", true), c(e2.$slots, "list", {}, () => [u("view", k, [(i(true), l(v, null, r(e2.navList, (t2, s2) => (i(), l("view", { class: "nut-fixednav__list-item", onClick: (i2) => e2.selected(t2, i2), key: t2.id || s2 }, [u("img", { src: t2.icon }, null, 8, T), u("view", j, p(t2.text), 1), t2.num ? (i(), l("view", A, p(t2.num), 1)) : o("", true)], 8, w))), 128))])]), u("div", { class: "nut-fixednav__btn", onClick: m2[1] || (m2[1] = (t2) => e2.updateValue()) }, [c(e2.$slots, "btn", {}, () => [d(g2, { name: "left", color: "#fff" }), u("view", C, p(e2.visible ? e2.activeText || e2.translate("activeText") : e2.unActiveText || e2.translate("unActiveText")), 1)])])], 6);
-}]]);
-export { L as default };
+const { componentName, create, translate } = createComponent("fixednav");
+const _sfc_main = create({
+  components: {
+    [overlay.name]: overlay
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    overlay: {
+      type: Boolean,
+      default: true
+    },
+    navList: {
+      default: () => [],
+      type: Array
+    },
+    activeText: {
+      default: "",
+      type: String
+    },
+    unActiveText: {
+      default: "",
+      type: String
+    },
+    position: {
+      default: () => {
+        return {
+          top: "auto",
+          bottom: "auto"
+        };
+      },
+      type: Object
+    },
+    type: {
+      default: "right",
+      type: String
+    }
+  },
+  emits: ["update:visible", "selected"],
+  setup(props, { emit }) {
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        active: props.visible,
+        [props.type]: true
+      };
+    });
+    const updateValue = (value = !props.visible) => {
+      emit("update:visible", value);
+    };
+    const selected = (item, event) => {
+      emit("selected", {
+        item,
+        event
+      });
+    };
+    return { classes, updateValue, selected, translate };
+  }
+});
+const _hoisted_1 = { class: "nut-fixednav__list" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = ["src"];
+const _hoisted_4 = { class: "span" };
+const _hoisted_5 = {
+  key: 0,
+  class: "b"
+};
+const _hoisted_6 = { class: "text" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_overlay = resolveComponent("nut-overlay");
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    style: normalizeStyle(_ctx.position)
+  }, [
+    _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
+      key: 0,
+      visible: _ctx.visible,
+      "z-index": 200,
+      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.updateValue(false))
+    }, null, 8, ["visible"])) : createCommentVNode("", true),
+    renderSlot(_ctx.$slots, "list", {}, () => [
+      createElementVNode("view", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.navList, (item, index2) => {
+          return openBlock(), createElementBlock("view", {
+            class: "nut-fixednav__list-item",
+            onClick: ($event) => _ctx.selected(item, $event),
+            key: item.id || index2
+          }, [
+            createElementVNode("img", {
+              src: item.icon
+            }, null, 8, _hoisted_3),
+            createElementVNode("view", _hoisted_4, toDisplayString(item.text), 1),
+            item.num ? (openBlock(), createElementBlock("view", _hoisted_5, toDisplayString(item.num), 1)) : createCommentVNode("", true)
+          ], 8, _hoisted_2);
+        }), 128))
+      ])
+    ]),
+    createElementVNode("div", {
+      class: "nut-fixednav__btn",
+      onClick: _cache[1] || (_cache[1] = ($event) => _ctx.updateValue())
+    }, [
+      renderSlot(_ctx.$slots, "btn", {}, () => [
+        createVNode(_component_nut_icon, {
+          name: "left",
+          color: "#fff"
+        }),
+        createElementVNode("view", _hoisted_6, toDisplayString(_ctx.visible ? _ctx.activeText || _ctx.translate("activeText") : _ctx.unActiveText || _ctx.translate("unActiveText")), 1)
+      ])
+    ])
+  ], 6);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Form.js

@@ -1,71 +1,158 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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 { 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 "../locale/lang";
-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();
-  }, { 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));
-            });
+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"]) || []
           });
-        if (!e4)
-          return n2(m3);
+        } 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);
       }
-    }
-    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 };
+      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);
+                }
+              });
+            });
+          } else {
+            if (!result) {
+              return _Promise(errorMsg);
+            }
+          }
+        }
+      }
+      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(() => false, ["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 };

package/dist/packages/_es/FormItem.js

@@ -1,20 +1,119 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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 { p as pxCheck } from "./pxCheck.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 "../locale/lang";
-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 };
+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)
+      }, [
+        renderSlot(_ctx.$slots, "label", {}, () => [
+          createTextVNode(toDisplayString(_ctx.label), 1)
+        ])
+      ], 6)) : 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 };

package/dist/packages/_es/Grid.js

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