st-comp 0.0.199 → 0.0.201

package/es/el-message-box-81ffd21e.js

@@ -1,550 +0,0 @@
-import { defineComponent as Q, ref as k, computed as w, onMounted as me, onUpdated as Se, openBlock as f, createBlock as C, resolveDynamicComponent as I, normalizeClass as r, unref as Ie, normalizeStyle as G, withCtx as E, renderSlot as pe, useAttrs as Ae, nextTick as V, reactive as Re, markRaw as W, watch as se, onBeforeUnmount as $e, toRefs as ze, resolveComponent as z, Transition as Le, withDirectives as U, createVNode as A, createElementVNode as b, withModifiers as K, createElementBlock as j, createCommentVNode as S, toDisplayString as L, withKeys as N, vShow as q, createTextVNode as le, isVNode as ge, render as ve } from "vue";
-import { b as Ve, u as Oe, i as X, _ as he, w as Pe, x as Z, c as Y, s as De, y as ae, f as ye, z as ie } from "./base-a5af3db3.js";
-import { k as Fe, e as He, T as Ke, m as re } from "./use-form-common-props-815d48a6.js";
-import { E as Ne } from "./el-button-c95adb85.js";
-import { E as Ue } from "./el-input-2f75c4ba.js";
-import { E as je, b as qe, c as Ge } from "./el-overlay-09ad71cd.js";
-import { E as We, l as ue } from "./index-a871c3eb.js";
-import { o as ce, a as Xe, e as Ze } from "./el-popper-b4f97157.js";
-import { i as Je } from "./validator-764a9db0.js";
-import { u as Qe } from "./use-global-config-b5e9d3d5.js";
-import { u as de } from "./index-960806da.js";
-import { u as Ye } from "./el-dialog-41ab8417.js";
-const _e = Ve({
-  type: {
-    type: String,
-    values: ["primary", "success", "info", "warning", "danger", ""],
-    default: ""
-  },
-  size: {
-    type: String,
-    values: Fe,
-    default: ""
-  },
-  truncated: Boolean,
-  lineClamp: {
-    type: [String, Number]
-  },
-  tag: {
-    type: String,
-    default: "span"
-  }
-}), xe = Q({
-  name: "ElText"
-}), en = /* @__PURE__ */ Q({
-  ...xe,
-  props: _e,
-  setup(e) {
-    const o = e, t = k(), i = He(), l = Oe("text"), s = w(() => [
-      l.b(),
-      l.m(o.type),
-      l.m(i.value),
-      l.is("truncated", o.truncated),
-      l.is("line-clamp", !X(o.lineClamp))
-    ]), c = () => {
-      var u, m, n, M, d, P, D;
-      if (Ae().title)
-        return;
-      let h = !1;
-      const F = ((u = t.value) == null ? void 0 : u.textContent) || "";
-      if (o.truncated) {
-        const p = (m = t.value) == null ? void 0 : m.offsetWidth, y = (n = t.value) == null ? void 0 : n.scrollWidth;
-        p && y && y > p && (h = !0);
-      } else if (!X(o.lineClamp)) {
-        const p = (M = t.value) == null ? void 0 : M.offsetHeight, y = (d = t.value) == null ? void 0 : d.scrollHeight;
-        p && y && y > p && (h = !0);
-      }
-      h ? (P = t.value) == null || P.setAttribute("title", F) : (D = t.value) == null || D.removeAttribute("title");
-    };
-    return me(c), Se(c), (u, m) => (f(), C(I(u.tag), {
-      ref_key: "textRef",
-      ref: t,
-      class: r(Ie(s)),
-      style: G({ "-webkit-line-clamp": u.lineClamp })
-    }, {
-      default: E(() => [
-        pe(u.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class", "style"]));
-  }
-});
-var nn = /* @__PURE__ */ he(en, [["__file", "text.vue"]]);
-const Mn = Pe(nn), J = "_trap-focus-children", T = [], fe = (e) => {
-  if (T.length === 0)
-    return;
-  const o = T[T.length - 1][J];
-  if (o.length > 0 && e.code === Xe.tab) {
-    if (o.length === 1) {
-      e.preventDefault(), document.activeElement !== o[0] && o[0].focus();
-      return;
-    }
-    const t = e.shiftKey, i = e.target === o[0], l = e.target === o[o.length - 1];
-    i && t && (e.preventDefault(), o[o.length - 1].focus()), l && !t && (e.preventDefault(), o[0].focus());
-  }
-}, on = {
-  beforeMount(e) {
-    e[J] = ce(e), T.push(e), T.length <= 1 && document.addEventListener("keydown", fe);
-  },
-  updated(e) {
-    V(() => {
-      e[J] = ce(e);
-    });
-  },
-  unmounted() {
-    T.shift(), T.length === 0 && document.removeEventListener("keydown", fe);
-  }
-}, tn = Q({
-  name: "ElMessageBox",
-  directives: {
-    TrapFocus: on
-  },
-  components: {
-    ElButton: Ne,
-    ElFocusTrap: Ze,
-    ElInput: Ue,
-    ElOverlay: je,
-    ElIcon: We,
-    ...Ke
-  },
-  inheritAttrs: !1,
-  props: {
-    buttonSize: {
-      type: String,
-      validator: Je
-    },
-    modal: {
-      type: Boolean,
-      default: !0
-    },
-    lockScroll: {
-      type: Boolean,
-      default: !0
-    },
-    showClose: {
-      type: Boolean,
-      default: !0
-    },
-    closeOnClickModal: {
-      type: Boolean,
-      default: !0
-    },
-    closeOnPressEscape: {
-      type: Boolean,
-      default: !0
-    },
-    closeOnHashChange: {
-      type: Boolean,
-      default: !0
-    },
-    center: Boolean,
-    draggable: Boolean,
-    overflow: Boolean,
-    roundButton: Boolean,
-    container: {
-      type: String,
-      default: "body"
-    },
-    boxType: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["vanish", "action"],
-  setup(e, { emit: o }) {
-    const {
-      locale: t,
-      zIndex: i,
-      ns: l,
-      size: s
-    } = Qe("message-box", w(() => e.buttonSize)), { t: c } = t, { nextZIndex: u } = i, m = k(!1), n = Re({
-      autofocus: !0,
-      beforeClose: null,
-      callback: null,
-      cancelButtonText: "",
-      cancelButtonClass: "",
-      confirmButtonText: "",
-      confirmButtonClass: "",
-      customClass: "",
-      customStyle: {},
-      dangerouslyUseHTMLString: !1,
-      distinguishCancelAndClose: !1,
-      icon: "",
-      closeIcon: "",
-      inputPattern: null,
-      inputPlaceholder: "",
-      inputType: "text",
-      inputValue: "",
-      inputValidator: void 0,
-      inputErrorMessage: "",
-      message: "",
-      modalFade: !0,
-      modalClass: "",
-      showCancelButton: !1,
-      showConfirmButton: !0,
-      type: "",
-      title: void 0,
-      showInput: !1,
-      action: "",
-      confirmButtonLoading: !1,
-      cancelButtonLoading: !1,
-      confirmButtonLoadingIcon: W(ue),
-      cancelButtonLoadingIcon: W(ue),
-      confirmButtonDisabled: !1,
-      editorErrorMessage: "",
-      validateError: !1,
-      zIndex: u()
-    }), M = w(() => {
-      const a = n.type;
-      return { [l.bm("icon", a)]: a && re[a] };
-    }), d = de(), P = de(), D = w(() => {
-      const a = n.type;
-      return n.icon || a && re[a] || "";
-    }), _ = w(() => !!n.message), h = k(), F = k(), p = k(), y = k(), x = k(), Ce = w(() => n.confirmButtonClass);
-    se(() => n.inputValue, async (a) => {
-      await V(), e.boxType === "prompt" && a && ne();
-    }, { immediate: !0 }), se(() => m.value, (a) => {
-      var g, v;
-      a && (e.boxType !== "prompt" && (n.autofocus ? p.value = (v = (g = x.value) == null ? void 0 : g.$el) != null ? v : h.value : p.value = h.value), n.zIndex = u()), e.boxType === "prompt" && (a ? V().then(() => {
-        var te;
-        y.value && y.value.$el && (n.autofocus ? p.value = (te = Te()) != null ? te : h.value : p.value = h.value);
-      }) : (n.editorErrorMessage = "", n.validateError = !1));
-    });
-    const be = w(() => e.draggable), Ee = w(() => e.overflow), { isDragging: we } = Ye(h, F, be, Ee);
-    me(async () => {
-      await V(), e.closeOnHashChange && window.addEventListener("hashchange", $);
-    }), $e(() => {
-      e.closeOnHashChange && window.removeEventListener("hashchange", $);
-    });
-    function $() {
-      m.value && (m.value = !1, V(() => {
-        n.action && o("action", n.action);
-      }));
-    }
-    const ee = () => {
-      e.closeOnClickModal && H(n.distinguishCancelAndClose ? "close" : "cancel");
-    }, Be = Ge(ee), ke = (a) => {
-      if (n.inputType !== "textarea")
-        return a.preventDefault(), H("confirm");
-    }, H = (a) => {
-      var g;
-      e.boxType === "prompt" && a === "confirm" && !ne() || (n.action = a, n.beforeClose ? (g = n.beforeClose) == null || g.call(n, a, n, $) : $());
-    }, ne = () => {
-      if (e.boxType === "prompt") {
-        const a = n.inputPattern;
-        if (a && !a.test(n.inputValue || ""))
-          return n.editorErrorMessage = n.inputErrorMessage || c("el.messagebox.error"), n.validateError = !0, !1;
-        const g = n.inputValidator;
-        if (Z(g)) {
-          const v = g(n.inputValue);
-          if (v === !1)
-            return n.editorErrorMessage = n.inputErrorMessage || c("el.messagebox.error"), n.validateError = !0, !1;
-          if (Y(v))
-            return n.editorErrorMessage = v, n.validateError = !0, !1;
-        }
-      }
-      return n.editorErrorMessage = "", n.validateError = !1, !0;
-    }, Te = () => {
-      var a, g;
-      const v = (a = y.value) == null ? void 0 : a.$refs;
-      return (g = v == null ? void 0 : v.input) != null ? g : v == null ? void 0 : v.textarea;
-    }, oe = () => {
-      H("close");
-    }, Me = () => {
-      e.closeOnPressEscape && oe();
-    };
-    return e.lockScroll && qe(m), {
-      ...ze(n),
-      ns: l,
-      overlayEvent: Be,
-      visible: m,
-      hasMessage: _,
-      typeClass: M,
-      contentId: d,
-      inputId: P,
-      btnSize: s,
-      iconComponent: D,
-      confirmButtonClasses: Ce,
-      rootRef: h,
-      focusStartRef: p,
-      headerRef: F,
-      inputRef: y,
-      isDragging: we,
-      confirmRef: x,
-      doClose: $,
-      handleClose: oe,
-      onCloseRequested: Me,
-      handleWrapperClick: ee,
-      handleInputEnter: ke,
-      handleAction: H,
-      t: c
-    };
-  }
-});
-function sn(e, o, t, i, l, s) {
-  const c = z("el-icon"), u = z("el-input"), m = z("el-button"), n = z("el-focus-trap"), M = z("el-overlay");
-  return f(), C(Le, {
-    name: "fade-in-linear",
-    onAfterLeave: (d) => e.$emit("vanish"),
-    persisted: ""
-  }, {
-    default: E(() => [
-      U(A(M, {
-        "z-index": e.zIndex,
-        "overlay-class": [e.ns.is("message-box"), e.modalClass],
-        mask: e.modal
-      }, {
-        default: E(() => [
-          b("div", {
-            role: "dialog",
-            "aria-label": e.title,
-            "aria-modal": "true",
-            "aria-describedby": e.showInput ? void 0 : e.contentId,
-            class: r(`${e.ns.namespace.value}-overlay-message-box`),
-            onClick: e.overlayEvent.onClick,
-            onMousedown: e.overlayEvent.onMousedown,
-            onMouseup: e.overlayEvent.onMouseup
-          }, [
-            A(n, {
-              loop: "",
-              trapped: e.visible,
-              "focus-trap-el": e.rootRef,
-              "focus-start-el": e.focusStartRef,
-              onReleaseRequested: e.onCloseRequested
-            }, {
-              default: E(() => [
-                b("div", {
-                  ref: "rootRef",
-                  class: r([
-                    e.ns.b(),
-                    e.customClass,
-                    e.ns.is("draggable", e.draggable),
-                    e.ns.is("dragging", e.isDragging),
-                    { [e.ns.m("center")]: e.center }
-                  ]),
-                  style: G(e.customStyle),
-                  tabindex: "-1",
-                  onClick: K(() => {
-                  }, ["stop"])
-                }, [
-                  e.title !== null && e.title !== void 0 ? (f(), j("div", {
-                    key: 0,
-                    ref: "headerRef",
-                    class: r([e.ns.e("header"), { "show-close": e.showClose }])
-                  }, [
-                    b("div", {
-                      class: r(e.ns.e("title"))
-                    }, [
-                      e.iconComponent && e.center ? (f(), C(c, {
-                        key: 0,
-                        class: r([e.ns.e("status"), e.typeClass])
-                      }, {
-                        default: E(() => [
-                          (f(), C(I(e.iconComponent)))
-                        ]),
-                        _: 1
-                      }, 8, ["class"])) : S("v-if", !0),
-                      b("span", null, L(e.title), 1)
-                    ], 2),
-                    e.showClose ? (f(), j("button", {
-                      key: 0,
-                      type: "button",
-                      class: r(e.ns.e("headerbtn")),
-                      "aria-label": e.t("el.messagebox.close"),
-                      onClick: (d) => e.handleAction(e.distinguishCancelAndClose ? "close" : "cancel"),
-                      onKeydown: N(K((d) => e.handleAction(e.distinguishCancelAndClose ? "close" : "cancel"), ["prevent"]), ["enter"])
-                    }, [
-                      A(c, {
-                        class: r(e.ns.e("close"))
-                      }, {
-                        default: E(() => [
-                          (f(), C(I(e.closeIcon || "close")))
-                        ]),
-                        _: 1
-                      }, 8, ["class"])
-                    ], 42, ["aria-label", "onClick", "onKeydown"])) : S("v-if", !0)
-                  ], 2)) : S("v-if", !0),
-                  b("div", {
-                    id: e.contentId,
-                    class: r(e.ns.e("content"))
-                  }, [
-                    b("div", {
-                      class: r(e.ns.e("container"))
-                    }, [
-                      e.iconComponent && !e.center && e.hasMessage ? (f(), C(c, {
-                        key: 0,
-                        class: r([e.ns.e("status"), e.typeClass])
-                      }, {
-                        default: E(() => [
-                          (f(), C(I(e.iconComponent)))
-                        ]),
-                        _: 1
-                      }, 8, ["class"])) : S("v-if", !0),
-                      e.hasMessage ? (f(), j("div", {
-                        key: 1,
-                        class: r(e.ns.e("message"))
-                      }, [
-                        pe(e.$slots, "default", {}, () => [
-                          e.dangerouslyUseHTMLString ? (f(), C(I(e.showInput ? "label" : "p"), {
-                            key: 1,
-                            for: e.showInput ? e.inputId : void 0,
-                            innerHTML: e.message
-                          }, null, 8, ["for", "innerHTML"])) : (f(), C(I(e.showInput ? "label" : "p"), {
-                            key: 0,
-                            for: e.showInput ? e.inputId : void 0,
-                            textContent: L(e.message)
-                          }, null, 8, ["for", "textContent"]))
-                        ])
-                      ], 2)) : S("v-if", !0)
-                    ], 2),
-                    U(b("div", {
-                      class: r(e.ns.e("input"))
-                    }, [
-                      A(u, {
-                        id: e.inputId,
-                        ref: "inputRef",
-                        modelValue: e.inputValue,
-                        "onUpdate:modelValue": (d) => e.inputValue = d,
-                        type: e.inputType,
-                        placeholder: e.inputPlaceholder,
-                        "aria-invalid": e.validateError,
-                        class: r({ invalid: e.validateError }),
-                        onKeydown: N(e.handleInputEnter, ["enter"])
-                      }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "type", "placeholder", "aria-invalid", "class", "onKeydown"]),
-                      b("div", {
-                        class: r(e.ns.e("errormsg")),
-                        style: G({
-                          visibility: e.editorErrorMessage ? "visible" : "hidden"
-                        })
-                      }, L(e.editorErrorMessage), 7)
-                    ], 2), [
-                      [q, e.showInput]
-                    ])
-                  ], 10, ["id"]),
-                  b("div", {
-                    class: r(e.ns.e("btns"))
-                  }, [
-                    e.showCancelButton ? (f(), C(m, {
-                      key: 0,
-                      loading: e.cancelButtonLoading,
-                      "loading-icon": e.cancelButtonLoadingIcon,
-                      class: r([e.cancelButtonClass]),
-                      round: e.roundButton,
-                      size: e.btnSize,
-                      onClick: (d) => e.handleAction("cancel"),
-                      onKeydown: N(K((d) => e.handleAction("cancel"), ["prevent"]), ["enter"])
-                    }, {
-                      default: E(() => [
-                        le(L(e.cancelButtonText || e.t("el.messagebox.cancel")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["loading", "loading-icon", "class", "round", "size", "onClick", "onKeydown"])) : S("v-if", !0),
-                    U(A(m, {
-                      ref: "confirmRef",
-                      type: "primary",
-                      loading: e.confirmButtonLoading,
-                      "loading-icon": e.confirmButtonLoadingIcon,
-                      class: r([e.confirmButtonClasses]),
-                      round: e.roundButton,
-                      disabled: e.confirmButtonDisabled,
-                      size: e.btnSize,
-                      onClick: (d) => e.handleAction("confirm"),
-                      onKeydown: N(K((d) => e.handleAction("confirm"), ["prevent"]), ["enter"])
-                    }, {
-                      default: E(() => [
-                        le(L(e.confirmButtonText || e.t("el.messagebox.confirm")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["loading", "loading-icon", "class", "round", "disabled", "size", "onClick", "onKeydown"]), [
-                      [q, e.showConfirmButton]
-                    ])
-                  ], 2)
-                ], 14, ["onClick"])
-              ]),
-              _: 3
-            }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
-          ], 42, ["aria-label", "aria-describedby", "onClick", "onMousedown", "onMouseup"])
-        ]),
-        _: 3
-      }, 8, ["z-index", "overlay-class", "mask"]), [
-        [q, e.visible]
-      ])
-    ]),
-    _: 3
-  }, 8, ["onAfterLeave"]);
-}
-var ln = /* @__PURE__ */ he(tn, [["render", sn], ["__file", "index.vue"]]);
-const O = /* @__PURE__ */ new Map(), an = (e) => {
-  let o = document.body;
-  return e.appendTo && (Y(e.appendTo) && (o = document.querySelector(e.appendTo)), ie(e.appendTo) && (o = e.appendTo), ie(o) || (o = document.body)), o;
-}, rn = (e, o, t = null) => {
-  const i = A(ln, e, Z(e.message) || ge(e.message) ? {
-    default: Z(e.message) ? e.message : () => e.message
-  } : null);
-  return i.appContext = t, ve(i, o), an(e).appendChild(o.firstElementChild), i.component;
-}, un = () => document.createElement("div"), cn = (e, o) => {
-  const t = un();
-  e.onVanish = () => {
-    ve(null, t), O.delete(l);
-  }, e.onAction = (s) => {
-    const c = O.get(l);
-    let u;
-    e.showInput ? u = { value: l.inputValue, action: s } : u = s, e.callback ? e.callback(u, i.proxy) : s === "cancel" || s === "close" ? e.distinguishCancelAndClose && s !== "cancel" ? c.reject("close") : c.reject("cancel") : c.resolve(u);
-  };
-  const i = rn(e, t, o), l = i.proxy;
-  for (const s in e)
-    ae(e, s) && !ae(l.$props, s) && (s === "closeIcon" && ye(e[s]) ? l[s] = W(e[s]) : l[s] = e[s]);
-  return l.visible = !0, l;
-};
-function R(e, o = null) {
-  if (!De)
-    return Promise.reject();
-  let t;
-  return Y(e) || ge(e) ? e = {
-    message: e
-  } : t = e.callback, new Promise((i, l) => {
-    const s = cn(e, o ?? R._context);
-    O.set(s, {
-      options: e,
-      callback: t,
-      resolve: i,
-      reject: l
-    });
-  });
-}
-const dn = ["alert", "confirm", "prompt"], fn = {
-  alert: { closeOnPressEscape: !1, closeOnClickModal: !1 },
-  confirm: { showCancelButton: !0 },
-  prompt: { showCancelButton: !0, showInput: !0 }
-};
-dn.forEach((e) => {
-  R[e] = mn(e);
-});
-function mn(e) {
-  return (o, t, i, l) => {
-    let s = "";
-    return ye(t) ? (i = t, s = "") : X(t) ? s = "" : s = t, R(Object.assign({
-      title: s,
-      message: o,
-      type: "",
-      ...fn[e]
-    }, i, {
-      boxType: e
-    }), l);
-  };
-}
-R.close = () => {
-  O.forEach((e, o) => {
-    o.doClose();
-  }), O.clear();
-};
-R._context = null;
-const B = R;
-B.install = (e) => {
-  B._context = e._context, e.config.globalProperties.$msgbox = B, e.config.globalProperties.$messageBox = B, e.config.globalProperties.$alert = B.alert, e.config.globalProperties.$confirm = B.confirm, e.config.globalProperties.$prompt = B.prompt;
-};
-const Sn = B;
-export {
-  Sn as E,
-  Mn as a
-};

package/packages/User/components/EditInfoDialog.vue

@@ -1,144 +0,0 @@
-<!-- 设置资料 -->
-<script setup>
-import { ref, reactive, inject } from "vue";
-import { getUserData } from "st-func";
-
-const stConfig = inject("stConfig");
-const emit = defineEmits(["callBack"]);
-const userData = reactive(getUserData());
-
-const visible = ref(false);
-const ruleFormRef = ref();
-const ruleForm = reactive({
-  nickName: "",
-  email: "",
-  mobile: "",
-});
-const rules = reactive({
-  nickName: [
-    { required: true, message: "请输入昵称", trigger: "blur" },
-    {
-      validator: (rule, value, callback) => {
-        if (/[\s@<>&%]/.test(value)) {
-          callback("昵称不能包含空格、@、<、>、&、%等特殊字符");
-        } else if (value && value.length > 10) {
-          callback("昵称长度不能超过10个字符");
-        } else {
-          callback();
-        }
-      },
-      trigger: "blur",
-    },
-  ],
-  email: [
-    {
-      validator: (rule, value, callback) => {
-        if (value && !/^([a-zA-Z0-9._-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(value)) {
-          callback("邮箱格式错误");
-        } else {
-          callback();
-        }
-      },
-      trigger: "blur",
-    },
-  ],
-  mobile: [
-    { required: true, message: "请输入手机号", trigger: "blur" },
-    {
-      validator: (rule, value, callback) => {
-        const regex = /^1[3-9]\d{9}$/;
-        if (regex.test(value)) {
-          callback();
-        } else {
-          callback("手机号格式错误");
-        }
-      },
-      trigger: "blur",
-    },
-  ],
-});
-
-// 提交
-const handleSubmit = (formEl) => {
-  if (!formEl) return;
-  formEl.validate(async (valid) => {
-    if (!valid) return false;
-    // 仅传递修改过的字段
-    const params = {
-      ...ruleForm,
-      userId: userData.id,
-      username: userData.username,
-    };
-    if (params.nickName === userData.nickName) delete params.nickName;
-    if (params.email === userData.email) delete params.email;
-    if (params.mobile === userData.mobile) delete params.mobile;
-    await stConfig.request.post("/invest/sys/user/updateUserInfo", params);
-    ElMessage.success(`资料修改成功!`);
-    visible.value = false;
-    // 设置成功的回调函数
-    emit("callBack", ruleForm);
-  });
-};
-
-defineExpose({
-  open: () => {
-    Object.assign(userData, getUserData());
-    Object.assign(ruleForm, {
-      nickName: userData.nickName,
-      email: userData.email,
-      mobile: userData.mobile,
-    });
-    visible.value = true;
-  },
-});
-</script>
-
-<template>
-  <div class="edit-info">
-    <el-dialog
-      v-model="visible"
-      title="设置资料"
-      width="460"
-      destroy-on-close
-      :z-index="200"
-    >
-      <el-form
-        ref="ruleFormRef"
-        :rules="rules"
-        :model="ruleForm"
-        label-width="auto"
-        :validate-on-rule-change="false"
-        @submit.native.prevent="handleSubmit(ruleFormRef)"
-        @keyup.enter.native="handleSubmit(ruleFormRef)"
-      >
-        <el-form-item
-          label="昵称"
-          prop="nickName"
-        >
-          <el-input v-model="ruleForm.nickName" />
-        </el-form-item>
-        <el-form-item
-          label="邮箱"
-          prop="email"
-        >
-          <el-input v-model="ruleForm.email" />
-        </el-form-item>
-        <el-form-item
-          label="手机号"
-          prop="mobile"
-        >
-          <el-input v-model="ruleForm.mobile" />
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <el-button @click="visible = false"> 取消 </el-button>
-        <el-button
-          type="primary"
-          @click="handleSubmit(ruleFormRef)"
-        >
-          确认
-        </el-button>
-      </template>
-    </el-dialog>
-  </div>
-</template>