@web-utils/component 2.0.13 → 2.2.0

package/login/index.mjs

@@ -0,0 +1,250 @@
+import { s as l } from "../chunks/util.C2Bhx22L.mjs";
+import { isBlank as a } from "@web-utils/core";
+import { n as c } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var p = function() {
+  var e = this, s = e.$createElement, t = e._self._c || s;
+  return t("div", {
+    staticClass: "avue-login",
+    style: {
+      width: e.setPx(e.width)
+    }
+  }, [t("ElForm", {
+    ref: "form",
+    attrs: {
+      model: e.form,
+      "label-suffix": ":",
+      "label-width": e.setPx(e.labelWidth)
+    }
+  }, [e.username.hide ? e._e() : t("ElFormItem", {
+    attrs: {
+      label: e.username.label || "用户名",
+      rules: e.username.rules,
+      "label-width": e.setPx(e.username.labelWidth),
+      prop: "username"
+    }
+  }, [t("ElTooltip", {
+    attrs: {
+      content: e.username.tip,
+      disabled: e.username.tip === void 0,
+      placement: "top-start"
+    }
+  }, [t("ElInput", {
+    attrs: {
+      size: "small",
+      "prefix-icon": e.username.prefixIcon || "el-icon-user",
+      placeholder: e.username.placeholder || "请输入用户名",
+      autocomplete: e.username.autocomplete
+    },
+    model: {
+      value: e.form.username,
+      callback: function(o) {
+        e.$set(e.form, "username", o);
+      },
+      expression: "form.username"
+    }
+  })], 1)], 1), e.password.hide ? e._e() : t("ElFormItem", {
+    attrs: {
+      label: e.password.label || "密码",
+      rules: e.password.rules,
+      "label-width": e.setPx(e.password.labelWidth),
+      prop: "password"
+    }
+  }, [t("ElTooltip", {
+    attrs: {
+      content: e.password.tip,
+      disabled: e.password.tip === void 0,
+      placement: "top-start"
+    }
+  }, [t("ElInput", {
+    attrs: {
+      type: "password",
+      size: "small",
+      "prefix-icon": e.password.prefixIcon || "el-icon-unlock",
+      placeholder: e.password.placeholder || "请输入密码",
+      "show-password": "",
+      autocomplete: e.password.autocomplete
+    },
+    model: {
+      value: e.form.password,
+      callback: function(o) {
+        e.$set(e.form, "password", o);
+      },
+      expression: "form.password"
+    }
+  })], 1)], 1), e.code.hide ? e._e() : t("ElFormItem", {
+    attrs: {
+      label: e.code.label || "验证码",
+      rules: e.code.rules,
+      "label-width": e.setPx(e.code.labelWidth),
+      prop: "code"
+    }
+  }, [t("ElTooltip", {
+    attrs: {
+      content: e.code.tip,
+      disabled: e.code.tip === void 0,
+      placement: "top-start"
+    }
+  }, [t("ElInput", {
+    attrs: {
+      size: "small",
+      "prefix-icon": e.code.prefixIcon || "el-icon-c-scale-to-original",
+      placeholder: e.code.placeholder || "请输入验证码",
+      autocomplete: e.code.autocomplete
+    },
+    scopedSlots: e._u([{
+      key: "append",
+      fn: function() {
+        return [e.isPhone ? t("ElButton", {
+          staticClass: "avue-login__send",
+          attrs: {
+            type: "primary",
+            disabled: e.sendDisabled
+          },
+          on: {
+            click: e.onSend
+          }
+        }, [e._v(" " + e._s(e.text) + " ")]) : e._e(), e.isImg ? t("span", [t("img", {
+          attrs: {
+            src: e.codesrc,
+            alt: "",
+            width: "80",
+            height: "25"
+          },
+          on: {
+            click: e.onRefresh
+          }
+        })]) : e._e()];
+      },
+      proxy: !0
+    }], null, !1, 2861735427),
+    model: {
+      value: e.form.code,
+      callback: function(o) {
+        e.$set(e.form, "code", o);
+      },
+      expression: "form.code"
+    }
+  })], 1)], 1), t("ElFormItem", [t("ElButton", {
+    staticClass: "avue-login__submit",
+    attrs: {
+      type: "primary"
+    },
+    on: {
+      click: e.onSubmit
+    }
+  }, [e._v(" 登录 ")])], 1)], 1)], 1);
+}, d = [];
+const r = "发送验证码", i = "{{time}}s后重获取", m = {
+  name: "Login",
+  props: {
+    value: {
+      type: Object,
+      default: () => ({})
+    },
+    codesrc: {
+      type: String
+    },
+    option: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      text: r,
+      nowtime: "",
+      check: {},
+      flag: !1
+    };
+  },
+  computed: {
+    form: {
+      get() {
+        return this.value;
+      },
+      set(e) {
+        this.$emit("input", e), this.$emit("change", e);
+      }
+    },
+    labelWidth() {
+      return this.option.labelWidth || 80;
+    },
+    time() {
+      return this.option.time || 60;
+    },
+    isImg() {
+      return this.codeType === "img";
+    },
+    isPhone() {
+      return this.codeType === "phone";
+    },
+    codeType() {
+      return this.option.codeType || "img";
+    },
+    width() {
+      return this.option.width || "100%";
+    },
+    username() {
+      return this.column.username || {};
+    },
+    password() {
+      return this.column.password || {};
+    },
+    code() {
+      return this.column.code || {};
+    },
+    column() {
+      return this.option.column || {};
+    },
+    sendDisabled() {
+      return !a(this.check);
+    }
+  },
+  methods: {
+    setPx: l,
+    onSend() {
+      const e = () => {
+        this.nowtime = this.time, this.text = i.replace("{{time}}", this.nowtime), this.check = setInterval(() => {
+          this.nowtime--, this.nowtime === 0 ? (this.text = r, clearInterval(this.check), this.check = null) : this.text = i.replace("{{time}}", this.nowtime);
+        }, 1e3);
+      };
+      this.sendDisabled || this.$emit("send", e);
+    },
+    onRefresh() {
+      this.$emit("refresh");
+    },
+    onSubmit() {
+      const e = () => {
+        const s = {};
+        for (const t in this.form) {
+          let o = t;
+          this[t].prop && (o = this[t].prop), s[o] = this.form[t];
+        }
+        return s;
+      };
+      this.$refs.form.validate((s) => {
+        s && this.$emit("submit", e());
+      });
+    }
+  }
+}, n = {};
+var u = /* @__PURE__ */ c(
+  m,
+  p,
+  d,
+  !1,
+  h,
+  null,
+  null,
+  null
+);
+function h(e) {
+  for (let s in n)
+    this[s] = n[s];
+}
+const _ = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  _ as default
+};

package/login/style.css

@@ -0,0 +1 @@
+.avue-login .el-form-item{margin-bottom:18px}.avue-login .el-input-group__append{padding:0;overflow:hidden}.avue-login__send{box-sizing:border-box;min-width:150px}.avue-login__send:hover{color:#c0c4cc!important;background-color:#f5f7fa!important;border-color:#ebeef5!important}.avue-login__submit{width:100%}

package/monaco-editor/index.mjs

@@ -0,0 +1,197 @@
+var c = Object.defineProperty;
+var d = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, g = Object.prototype.propertyIsEnumerable;
+var r = (t, e, i) => e in t ? c(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, h = (t, e) => {
+  for (var i in e || (e = {}))
+    f.call(e, i) && r(t, i, e[i]);
+  if (d)
+    for (var i of d(e))
+      g.call(e, i) && r(t, i, e[i]);
+  return t;
+};
+import * as o from "monaco-editor/esm/vs/editor/editor.api";
+import "monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution";
+import { c as l } from "../chunks/json-beautifier.fUZFSW5j.mjs";
+import { NOOP as a } from "@web-utils/core";
+import { n as m } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+const p = {
+  name: "MonacoEditor",
+  props: {
+    diffEditor: { type: Boolean, default: !1 },
+    // 是否使用diff模式
+    width: { type: [String, Number], default: "100%" },
+    height: { type: [String, Number], default: "100%" },
+    original: String,
+    // 只有在diff模式下有效
+    value: [String, Object],
+    language: { type: String, default: "javascript" },
+    theme: { type: String, default: "vs" },
+    readOnly: { type: Boolean, default: !1 },
+    options: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    editorMounted: { type: Function, default: a },
+    editorBeforeMount: { type: Function, default: a },
+    keyIndex: { type: String }
+  },
+  computed: {
+    style() {
+      return {
+        width: /^\d+$/.test(this.width) ? `${this.width}px` : this.width,
+        height: /^\d+$/.test(this.height) ? `${this.height}px` : this.height,
+        position: "relative"
+      };
+    }
+  },
+  watch: {
+    options: {
+      deep: !0,
+      handler(t) {
+        this.editor && this.editor.updateOptions(t);
+      }
+    },
+    keyIndex() {
+      let t = this.value;
+      typeof t == "object" && (t = l(t)), this.editor && t !== this._getValue() && this._setValue(t);
+    },
+    language() {
+      if (this.editor)
+        if (this.diffEditor) {
+          const { original: t, modified: e } = this.editor.getModel();
+          o.editor.setModelLanguage(t, this.language), o.editor.setModelLanguage(e, this.language);
+        } else
+          o.editor.setModelLanguage(this.editor.getModel(), this.language);
+    },
+    theme() {
+      this.editor && o.editor.setTheme(this.theme);
+    },
+    style() {
+      this.editor && this.$nextTick(() => {
+        this.editor.layout();
+      });
+    },
+    value(t) {
+      this.editor && t !== this._getValue() && this._setValue(t);
+    }
+  },
+  mounted() {
+    this.initMonaco();
+  },
+  beforeDestroy() {
+    var t;
+    (t = this.editor) == null || t.dispose();
+  },
+  methods: {
+    initMonaco() {
+      const { value: t, language: e, theme: i, readOnly: n, options: s } = this;
+      Object.assign(s, this._editorBeforeMount()), this.editor = o.editor[this.diffEditor ? "createDiffEditor" : "create"](this.$el, h({
+        value: typeof t == "string" ? t : l(t),
+        language: e,
+        theme: i,
+        readOnly: n
+      }, s)), this.diffEditor && this._setModel(this.value, this.original), this._editorMounted(this.editor);
+    },
+    _handleFullScreen() {
+      this.isMaximum ? this.minEditor() : this.maxEditor();
+    },
+    // 放大
+    maxEditor() {
+      this.isMaximum = !0;
+      const t = this.$el;
+      this.originSize = {
+        width: t.clientWidth,
+        height: t.clientHeight
+      }, t.classList.add("editor-fullscreen"), this.editor.layout({
+        height: document.body.clientHeight,
+        width: document.body.clientWidth
+      }), document.addEventListener("keyup", this.handleEsc);
+    },
+    handleEsc(t) {
+      t.keyCode === 27 && this.minEditor();
+    },
+    // 缩小
+    minEditor() {
+      this.isMaximum = !1, this.$el.classList.remove("editor-fullscreen"), this.editor.layout({
+        height: this.originSize.height,
+        width: this.originSize.width
+      }), document.removeEventListener("keyup", this.handleEsc);
+    },
+    _getEditor() {
+      return this.editor ? this.diffEditor ? this.editor.modifiedEditor : this.editor : null;
+    },
+    _setModel(t, e) {
+      const { language: i } = this, n = o.editor.createModel(e, i), s = o.editor.createModel(t, i);
+      this.editor.setModel({
+        original: n,
+        modified: s
+      });
+    },
+    _setValue(t) {
+      const e = this._getEditor();
+      if (e)
+        return e.setValue(t);
+    },
+    _getValue() {
+      const t = this._getEditor();
+      return t ? t.getValue() : "";
+    },
+    _editorBeforeMount() {
+      return this.editorBeforeMount(o) || {};
+    },
+    _editorMounted(t) {
+      this.editorMounted(t, o), this.diffEditor ? t.onDidUpdateDiff((e) => {
+        const i = this._getValue();
+        this._emitChange(i, e);
+      }) : t.onDidChangeModelContent((e) => {
+        const i = this._getValue();
+        this._emitChange(i, e);
+      });
+    },
+    _emitChange(t, e) {
+      this.$emit("change", t, e), this.$emit("input", t);
+    }
+  },
+  render(t) {
+    const e = this.options.fullScreen;
+    return t("div", { class: "monaco_editor_container", style: this.style }, [
+      e ? t("i", {
+        class: "el-icon-full-screen",
+        style: {
+          width: "1.2em",
+          height: "1.2em",
+          position: "absolute",
+          left: "0px",
+          top: "0px",
+          zIndex: "1",
+          cursor: "pointer"
+        },
+        on: { click: this._handleFullScreen }
+      }) : ""
+    ]);
+  }
+};
+let _, y;
+const u = {};
+var M = /* @__PURE__ */ m(
+  p,
+  _,
+  y,
+  !1,
+  E,
+  null,
+  null,
+  null
+);
+function E(t) {
+  for (let e in u)
+    this[e] = u[e];
+}
+const V = /* @__PURE__ */ function() {
+  return M.exports;
+}();
+export {
+  V as default
+};

package/name-avatar/index.mjs

@@ -0,0 +1,66 @@
+import { n as a } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var s = function() {
+  var t = this, e = t.$createElement, r = t._self._c || e;
+  return r("div", {
+    staticClass: "name-avatar",
+    class: t.square ? "square" : "round"
+  }, [t.faceUrl && !t.num ? r("img", {
+    staticClass: "name-avatar-image",
+    attrs: {
+      src: t.faceUrl,
+      alt: ""
+    }
+  }) : r("div", {
+    staticClass: "name-avatar-text",
+    style: t.styles
+  }, [t._v(" " + t._s(t.text) + " ")])]);
+}, o = [];
+const i = {
+  name: "NameAvatar",
+  props: {
+    num: [Number, String],
+    name: String,
+    square: Boolean,
+    fontColor: {
+      type: String,
+      default: "#fff"
+    },
+    backgroundColor: {
+      type: String,
+      default: "#3696F2"
+    },
+    faceUrl: {
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    text() {
+      return this.num !== void 0 ? `+${this.num}` : this.name ? this.name.slice(-2) : "";
+    },
+    styles() {
+      const t = {};
+      return this.size && (t["font-size"] = "12px"), this.fontColor && (t.color = this.fontColor), this.backgroundColor && (t.background = this.backgroundColor), t;
+    }
+  }
+}, n = {};
+var l = /* @__PURE__ */ a(
+  i,
+  s,
+  o,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(t) {
+  for (let e in n)
+    this[e] = n[e];
+}
+const f = /* @__PURE__ */ function() {
+  return l.exports;
+}();
+export {
+  f as default
+};

package/name-avatar/style.css

@@ -0,0 +1 @@
+.name-avatar{width:40px;height:40px;overflow:hidden}.name-avatar .name-avatar-image,.name-avatar .name-avatar-text{width:100%;height:100%}.name-avatar .name-avatar-text{justify-content:center;align-items:center;display:flex}.round{z-index:10;text-align:center;vertical-align:bottom;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:50%;font-size:8px;display:inline-block;position:relative}.square{border-radius:8px;display:block;overflow:hidden}

package/nav-bar/index.mjs

@@ -0,0 +1,52 @@
+import { n as a } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var r = function() {
+  var t = this, e = t.$createElement, o = t._self._c || e;
+  return o("div", {
+    staticClass: "nav-bar"
+  }, [t.showBack ? o("ElButton", {
+    attrs: {
+      type: "text",
+      icon: "el-icon-arrow-left"
+    },
+    on: {
+      click: t.goBack
+    }
+  }, [t._v(" 返回 ")]) : t._e(), t.$slots.right ? o("div", {
+    staticClass: "flex-item flex-row-column vertical-center"
+  }, [t._t("right")], 2) : t._e()], 1);
+}, s = [];
+const c = {
+  name: "NavBar",
+  props: {
+    onGoBack: Function,
+    showBack: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  methods: {
+    goBack() {
+      this.onGoBack ? this.onGoBack() : this.$router.back();
+    }
+  }
+}, n = {};
+var l = /* @__PURE__ */ a(
+  c,
+  r,
+  s,
+  !1,
+  i,
+  null,
+  null,
+  null
+);
+function i(t) {
+  for (let e in n)
+    this[e] = n[e];
+}
+const u = /* @__PURE__ */ function() {
+  return l.exports;
+}();
+export {
+  u as default
+};

package/nav-bar/style.css

@@ -0,0 +1 @@
+.nav-bar{background-color:#fff;border-bottom:1px solid #eee;flex-shrink:0;width:100%;height:40px;display:flex}.nav-bar .el-button--text{margin-left:12px}

package/not-implement/index.mjs

@@ -0,0 +1,35 @@
+import { n as s } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var a = function() {
+  var t = this, e = t.$createElement;
+  return t._self._c, t._m(0);
+}, o = [function() {
+  var t = this, e = t.$createElement, n = t._self._c || e;
+  return n("div", {
+    staticClass: "not-implement"
+  }, [n("div", [n("i", {
+    staticClass: "fa fa-wrench"
+  }), t._v(" 建设中... ")])]);
+}];
+const _ = {
+  name: "NotImplement"
+}, r = {};
+var c = /* @__PURE__ */ s(
+  _,
+  a,
+  o,
+  !1,
+  l,
+  null,
+  null,
+  null
+);
+function l(t) {
+  for (let e in r)
+    this[e] = r[e];
+}
+const m = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  m as default
+};

package/not-implement/style.css

@@ -0,0 +1 @@
+.not-implement{color:gray;text-align:center;justify-content:center;align-items:center;height:100%;font-size:3em;display:flex}