@web-utils/component 2.7.36 → 2.8.0

package/dist/components/loading-view/index.js

@@ -1,67 +0,0 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "loading-view",
-    style: {
-      fontSize: _vm.fontSize,
-      height: _vm.height
-    }
-  }, [_vm._t("default", function() {
-    return [_c("div", {
-      staticClass: "flex-column horizon-center"
-    }, [_c("i", {
-      staticClass: "el-icon-loading",
-      style: {
-        fontSize: _vm.iconSize
-      }
-    }), _c("p", [_vm._v(_vm._s(_vm.loadingTips))])])];
-  })], 2);
-};
-var staticRenderFns = [];
-const LoadingView_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "LoadingView",
-  props: {
-    loadingTips: {
-      type: String,
-      default: "加载中..."
-    },
-    fontSize: {
-      type: String,
-      default: "20px"
-    },
-    iconSize: {
-      type: String,
-      default: "20px"
-    },
-    height: {
-      type: String,
-      default: "100%"
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const LoadingView = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  LoadingView as default
-};

package/dist/components/loading-view/style.css

@@ -1,17 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.loading-view {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  color: #909399;
-  font-size: 20px;
-  background-color: #fff;
-}

package/dist/components/login/index.js

@@ -1,279 +0,0 @@
-import { s as setPx } from "../../chunks/util.b0d0b0ad.js";
-import { isBlank } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "avue-login",
-    style: {
-      width: _vm.setPx(_vm.width)
-    }
-  }, [_c("ElForm", {
-    ref: "form",
-    attrs: {
-      "model": _vm.form,
-      "label-suffix": ":",
-      "label-width": _vm.setPx(_vm.labelWidth)
-    }
-  }, [!_vm.username.hide ? _c("ElFormItem", {
-    attrs: {
-      "label": _vm.username.label || "用户名",
-      "rules": _vm.username.rules,
-      "label-width": _vm.setPx(_vm.username.labelWidth),
-      "prop": "username"
-    }
-  }, [_c("ElTooltip", {
-    attrs: {
-      "content": _vm.username.tip,
-      "disabled": _vm.username.tip === void 0,
-      "placement": "top-start"
-    }
-  }, [_c("ElInput", {
-    attrs: {
-      "size": "small",
-      "prefix-icon": _vm.username.prefixIcon || "el-icon-user",
-      "placeholder": _vm.username.placeholder || "请输入用户名",
-      "autocomplete": _vm.username.autocomplete
-    },
-    model: {
-      value: _vm.form.username,
-      callback: function($$v) {
-        _vm.$set(_vm.form, "username", $$v);
-      },
-      expression: "form.username"
-    }
-  })], 1)], 1) : _vm._e(), !_vm.password.hide ? _c("ElFormItem", {
-    attrs: {
-      "label": _vm.password.label || "密码",
-      "rules": _vm.password.rules,
-      "label-width": _vm.setPx(_vm.password.labelWidth),
-      "prop": "password"
-    }
-  }, [_c("ElTooltip", {
-    attrs: {
-      "content": _vm.password.tip,
-      "disabled": _vm.password.tip === void 0,
-      "placement": "top-start"
-    }
-  }, [_c("ElInput", {
-    attrs: {
-      "type": "password",
-      "size": "small",
-      "prefix-icon": _vm.password.prefixIcon || "el-icon-unlock",
-      "placeholder": _vm.password.placeholder || "请输入密码",
-      "show-password": "",
-      "autocomplete": _vm.password.autocomplete
-    },
-    model: {
-      value: _vm.form.password,
-      callback: function($$v) {
-        _vm.$set(_vm.form, "password", $$v);
-      },
-      expression: "form.password"
-    }
-  })], 1)], 1) : _vm._e(), !_vm.code.hide ? _c("ElFormItem", {
-    attrs: {
-      "label": _vm.code.label || "验证码",
-      "rules": _vm.code.rules,
-      "label-width": _vm.setPx(_vm.code.labelWidth),
-      "prop": "code"
-    }
-  }, [_c("ElTooltip", {
-    attrs: {
-      "content": _vm.code.tip,
-      "disabled": _vm.code.tip === void 0,
-      "placement": "top-start"
-    }
-  }, [_c("ElInput", {
-    attrs: {
-      "size": "small",
-      "prefix-icon": _vm.code.prefixIcon || "el-icon-c-scale-to-original",
-      "placeholder": _vm.code.placeholder || "请输入验证码",
-      "autocomplete": _vm.code.autocomplete
-    },
-    scopedSlots: _vm._u([{
-      key: "append",
-      fn: function() {
-        return [_vm.isPhone ? _c("ElButton", {
-          staticClass: "avue-login__send",
-          attrs: {
-            "type": "primary",
-            "disabled": _vm.sendDisabled
-          },
-          on: {
-            "click": _vm.onSend
-          }
-        }, [_vm._v(" " + _vm._s(_vm.text) + " ")]) : _vm._e(), _vm.isImg ? _c("span", [_c("img", {
-          attrs: {
-            "src": _vm.codesrc,
-            "alt": "",
-            "width": "80",
-            "height": "25"
-          },
-          on: {
-            "click": _vm.onRefresh
-          }
-        })]) : _vm._e()];
-      },
-      proxy: true
-    }], null, false, 2861735427),
-    model: {
-      value: _vm.form.code,
-      callback: function($$v) {
-        _vm.$set(_vm.form, "code", $$v);
-      },
-      expression: "form.code"
-    }
-  })], 1)], 1) : _vm._e(), _c("ElFormItem", [_c("ElButton", {
-    staticClass: "avue-login__submit",
-    attrs: {
-      "type": "primary"
-    },
-    on: {
-      "click": _vm.onSubmit
-    }
-  }, [_vm._v(" 登录 ")])], 1)], 1)], 1);
-};
-var staticRenderFns = [];
-const Login_vue_vue_type_style_index_0_lang = "";
-const INIT_TEXT = "发送验证码";
-const TIP_TEXT = "{{time}}s后重获取";
-const __vue2_script = {
-  name: "Login",
-  props: {
-    value: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    codesrc: {
-      type: String
-    },
-    option: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    }
-  },
-  data() {
-    return {
-      text: INIT_TEXT,
-      nowtime: "",
-      check: {},
-      flag: false
-    };
-  },
-  computed: {
-    form: {
-      get() {
-        return this.value;
-      },
-      set(val) {
-        this.$emit("input", val);
-        this.$emit("change", val);
-      }
-    },
-    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 !isBlank(this.check);
-    }
-  },
-  methods: {
-    setPx,
-    onSend() {
-      const callback = () => {
-        this.nowtime = this.time;
-        this.text = TIP_TEXT.replace("{{time}}", this.nowtime);
-        this.check = setInterval(() => {
-          this.nowtime--;
-          if (this.nowtime === 0) {
-            this.text = INIT_TEXT;
-            clearInterval(this.check);
-            this.check = null;
-          } else {
-            this.text = TIP_TEXT.replace("{{time}}", this.nowtime);
-          }
-        }, 1e3);
-      };
-      if (this.sendDisabled)
-        return;
-      this.$emit("send", callback);
-    },
-    onRefresh() {
-      this.$emit("refresh");
-    },
-    onSubmit() {
-      const onCover = () => {
-        const form = {};
-        for (const o in this.form) {
-          let key = o;
-          if (this[o].prop) {
-            key = this[o].prop;
-          }
-          form[key] = this.form[o];
-        }
-        return form;
-      };
-      this.$refs.form.validate((valid) => {
-        if (valid) {
-          this.$emit("submit", onCover());
-        }
-      });
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const Login = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  Login as default
-};

package/dist/components/login/style.css

@@ -1,25 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-login .el-form-item {
-  margin-bottom: 18px;
-}
-.avue-login .el-input-group__append {
-  padding: 0;
-  overflow: hidden;
-}
-.avue-login__send {
-  min-width: 150px;
-  box-sizing: border-box;
-}
-.avue-login__send:hover {
-  color: #C0C4CC !important;
-  border-color: #EBEEF5 !important;
-  background-color: #F5F7FA !important;
-}
-.avue-login__submit {
-  width: 100%;
-}

package/dist/components/name-avatar/index.js

@@ -1,88 +0,0 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "name-avatar",
-    class: _vm.square ? "square" : "round"
-  }, [_vm.faceUrl && !_vm.num ? _c("img", {
-    staticClass: "name-avatar-image",
-    attrs: {
-      "src": _vm.faceUrl,
-      "alt": ""
-    }
-  }) : _c("div", {
-    staticClass: "name-avatar-text",
-    style: _vm.styles
-  }, [_vm._v(" " + _vm._s(_vm.text) + " ")])]);
-};
-var staticRenderFns = [];
-const NameAvatar_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  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() {
-      if (this.num !== void 0) {
-        return `+${this.num}`;
-      } else {
-        if (this.name) {
-          return this.name.slice(-2);
-        }
-      }
-      return "";
-    },
-    styles() {
-      const style = {};
-      if (this.size) {
-        style["font-size"] = "12px";
-      }
-      if (this.fontColor) {
-        style.color = this.fontColor;
-      }
-      if (this.backgroundColor) {
-        style.background = this.backgroundColor;
-      }
-      return style;
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const NameAvatar = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  NameAvatar as default
-};

package/dist/components/name-avatar/style.css

@@ -1,35 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.name-avatar {
-  overflow: hidden;
-  width: 40px;
-  height: 40px;
-}
-.name-avatar .name-avatar-image, .name-avatar .name-avatar-text {
-  width: 100%;
-  height: 100%;
-}
-.name-avatar .name-avatar-text {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.round {
-  display: inline-block;
-  position: relative;
-  text-align: center;
-  vertical-align: bottom;
-  font-size: 8px;
-  user-select: none;
-  z-index: 10;
-  border-radius: 50%;
-}
-.square {
-  display: block;
-  border-radius: 8px;
-  overflow: hidden;
-}

package/dist/components/nav-bar/index.js

@@ -1,62 +0,0 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "nav-bar"
-  }, [_vm.showBack ? _c("ElButton", {
-    attrs: {
-      "type": "text",
-      "icon": "el-icon-arrow-left"
-    },
-    on: {
-      "click": _vm.goBack
-    }
-  }, [_vm._v(" 返回 ")]) : _vm._e(), _vm.$slots.right ? _c("div", {
-    staticClass: "flex-item flex-row-column vertical-center"
-  }, [_vm._t("right")], 2) : _vm._e()], 1);
-};
-var staticRenderFns = [];
-const NavBar_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "NavBar",
-  props: {
-    onGoBack: Function,
-    showBack: {
-      type: Boolean,
-      default: true
-    }
-  },
-  methods: {
-    goBack() {
-      if (this.onGoBack) {
-        this.onGoBack();
-      } else {
-        this.$router.back();
-      }
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const NavBar = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  NavBar as default
-};

package/dist/components/nav-bar/style.css

@@ -1,17 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.nav-bar {
-  flex-shrink: 0;
-  display: flex;
-  width: 100%;
-  height: 40px;
-  background-color: #fff;
-  border-bottom: 1px #eee solid;
-}
-.nav-bar .el-button--text {
-  margin-left: 12px;
-}

package/dist/components/not-implement/index.js

@@ -1,43 +0,0 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  _vm._self._c || _h;
-  return _vm._m(0);
-};
-var staticRenderFns = [function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "not-implement"
-  }, [_c("div", [_c("i", {
-    staticClass: "fa fa-wrench"
-  }), _vm._v(" 建设中... ")])]);
-}];
-const NotImplement_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "NotImplement"
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const NotImplement = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  NotImplement as default
-};

package/dist/components/not-implement/style.css

@@ -1,15 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.not-implement {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  color: gray;
-  font-size: 3em;
-  text-align: center;
-}