@web-utils/component 2.0.13 → 2.2.0

package/address-input/index.mjs

@@ -0,0 +1,113 @@
+import { n as d } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var r = function() {
+  var e = this, a = e.$createElement, t = e._self._c || a;
+  return t("div", {
+    staticClass: "address-input-wrapper flex-row"
+  }, [t("div", {
+    staticClass: "address-input-item-wrapper"
+  }, [t("ElCascader", {
+    attrs: {
+      options: e.options,
+      disabled: e.inputDisabled,
+      props: {
+        label: "name",
+        value: e.labelAsValue ? "name" : "id"
+      }
+    },
+    model: {
+      value: e.internalVal.address,
+      callback: function(s) {
+        e.$set(e.internalVal, "address", s);
+      },
+      expression: "internalVal.address"
+    }
+  })], 1), t("div", {
+    staticClass: "address-input-item-wrapper flex-item"
+  }, [t("ElInput", {
+    attrs: {
+      placeholder: "请输入详细地址！",
+      disabled: e.inputDisabled
+    },
+    model: {
+      value: e.internalVal.detailAddress,
+      callback: function(s) {
+        e.$set(e.internalVal, "detailAddress", s);
+      },
+      expression: "internalVal.detailAddress"
+    }
+  })], 1)]);
+}, i = [];
+const n = {
+  name: "AddressInput",
+  inject: {
+    elForm: {
+      default: ""
+    },
+    elFormItem: {
+      default: ""
+    }
+  },
+  props: {
+    options: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    value: {
+      type: Object,
+      default: () => ({})
+    },
+    labelAsValue: Boolean,
+    disabled: Boolean
+  },
+  data() {
+    return {
+      internalVal: {
+        address: [],
+        detailAddress: ""
+      }
+    };
+  },
+  computed: {
+    inputDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    }
+  },
+  watch: {
+    value: {
+      immediate: !0,
+      deep: !0,
+      handler(e) {
+        e && (this.internalVal.address = e.address, this.internalVal.detailAddress = e.detailAddress);
+      }
+    },
+    internalVal: {
+      immediate: !0,
+      deep: !0,
+      handler(e) {
+        !e.address && !e.detailAddress ? this.$emit("input", void 0) : this.$emit("input", e);
+      }
+    }
+  }
+}, l = {};
+var u = /* @__PURE__ */ d(
+  n,
+  r,
+  i,
+  !1,
+  o,
+  null,
+  null,
+  null
+);
+function o(e) {
+  for (let a in l)
+    this[a] = l[a];
+}
+const c = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  c as default
+};

package/address-input/style.css

@@ -0,0 +1 @@
+.address-input-wrapper{width:100%}.address-input-item-wrapper{padding-right:5px}.address-input-item-wrapper .el-cascader,.address-input-item-wrapper .el-input{width:100%}

package/affix/index.mjs

@@ -0,0 +1,102 @@
+import { n as r } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var h = function() {
+  var t = this, e = t.$createElement, s = t._self._c || e;
+  return s("div", [s("div", {
+    ref: "point",
+    class: {
+      affix: t.affix
+    },
+    style: t.styles
+  }, [t._t("default")], 2), s("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: t.slot,
+      expression: "slot"
+    }],
+    style: t.slotStyle
+  })]);
+}, c = [];
+const a = {
+  name: "Affix",
+  props: {
+    target: String,
+    offsetTop: {
+      type: Number,
+      default: 0
+    },
+    offsetBottom: {
+      type: Number
+    }
+  },
+  data() {
+    return {
+      container: null,
+      affix: !1,
+      styles: {},
+      slot: !1,
+      slotStyle: {}
+    };
+  },
+  computed: {
+    offsetType() {
+      let t = "top";
+      return this.offsetBottom >= 0 && (t = "bottom"), t;
+    }
+  },
+  mounted() {
+    this.target ? this.container = document.querySelector(this.target) : this.container = document, this.container.addEventListener("scroll", this.handleScroll, !1), this.container.addEventListener("resize", this.handleScroll, !1);
+  },
+  beforeDestroy() {
+    this.container.removeEventListener("scroll", this.handleScroll, !1), this.container.removeEventListener("resize", this.handleScroll, !1);
+  },
+  methods: {
+    getScroll(t, e) {
+      const s = e ? "pageYOffset" : "pageXOffset", i = e ? "scrollTop" : "scrollLeft";
+      let o = t[s];
+      return typeof o != "number" && (o = document.documentElement[i]), o;
+    },
+    getOffset(t) {
+      const e = t.getBoundingClientRect(), s = this.getScroll(this.container, !0), i = this.getScroll(this.container), o = document.body, n = o.clientTop || 0, f = o.clientLeft || 0;
+      return {
+        top: e.top + s - n,
+        left: e.left + i - f
+      };
+    },
+    handleScroll() {
+      const t = this.affix, e = this.getScroll(this.container, !0), s = this.getOffset(this.$el), i = this.container.innerHeight, o = this.$el.getElementsByTagName("div")[0].offsetHeight;
+      s.top - this.offsetTop < e && this.offsetType === "top" && !t ? (this.affix = !0, this.slotStyle = {
+        width: `${this.$refs.point.clientWidth}px`,
+        height: `${this.$refs.point.clientHeight}px`
+      }, this.slot = !0, this.styles = {
+        top: `${this.offsetTop}px`,
+        left: `${s.left}px`,
+        width: `${this.$el.offsetWidth}px`
+      }, this.$emit("on-change", !0)) : s.top - this.offsetTop > e && this.offsetType === "top" && t && (this.slot = !1, this.slotStyle = {}, this.affix = !1, this.styles = null, this.$emit("on-change", !1)), s.top + this.offsetBottom + o > e + i && this.offsetType === "bottom" && !t ? (this.affix = !0, this.styles = {
+        bottom: `${this.offsetBottom}px`,
+        left: `${s.left}px`,
+        width: `${this.$el.offsetWidth}px`
+      }, this.$emit("on-change", !0)) : s.top + this.offsetBottom + o < e + i && this.offsetType === "bottom" && t && (this.affix = !1, this.styles = null, this.$emit("on-change", !1));
+    }
+  }
+}, l = {};
+var p = /* @__PURE__ */ r(
+  a,
+  h,
+  c,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(t) {
+  for (let e in l)
+    this[e] = l[e];
+}
+const m = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  m as default
+};

package/affix/style.css

@@ -0,0 +1 @@
+.affix{z-index:10;position:fixed}

package/aside-menu/index.mjs

@@ -0,0 +1,58 @@
+import { n as a } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var o = function() {
+  var e = this, n = e.$createElement, r = e._self._c || n;
+  return r("div", {
+    staticStyle: {
+      "padding-top": "4px"
+    }
+  }, e._l(e.menu, function(t) {
+    return r("div", {
+      key: t.key,
+      staticClass: "aside-menu-item hover-active",
+      class: {
+        active: e.$route.path === t.path
+      },
+      on: {
+        click: function(_) {
+          return e.$router.push(t.path);
+        }
+      }
+    }, [e._t("default", function() {
+      return [r("i", {
+        staticClass: "egd-icon-common",
+        class: t.icon
+      }), e._v(" " + e._s(t.label) + " ")];
+    }, {
+      item: t
+    })], 2);
+  }), 0);
+}, c = [];
+const u = {
+  name: "AsideMenu",
+  props: {
+    menu: {
+      type: Array,
+      default: () => []
+    }
+  }
+}, s = {};
+var i = /* @__PURE__ */ a(
+  u,
+  o,
+  c,
+  !1,
+  l,
+  null,
+  null,
+  null
+);
+function l(e) {
+  for (let n in s)
+    this[n] = s[n];
+}
+const v = /* @__PURE__ */ function() {
+  return i.exports;
+}();
+export {
+  v as default
+};

package/aside-menu/style.css

@@ -0,0 +1 @@
+.aside-menu-item{padding:8px 10px}

package/avatar/index.mjs

@@ -0,0 +1,106 @@
+import { n as r } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var n = function() {
+  var e = this, t = e.$createElement, s = e._self._c || t;
+  return s("span", {
+    class: ["avue-avatar", e.sizeCls, "avue-avatar__icon"],
+    style: e.sizeStyle
+  }, [e.src ? s("img", {
+    staticClass: "avue-avatar__images",
+    attrs: {
+      src: e.src,
+      alt: ""
+    }
+  }) : e.icon ? s("i", {
+    class: e.icon
+  }) : s("span", {
+    ref: "avatarChildren",
+    staticClass: "avue-avatar__string",
+    style: e.sizeChildrenStyle
+  }, [e._t("default")], 2)]);
+}, l = [];
+const i = "avue-avatar", c = {
+  name: "Avatar",
+  props: {
+    src: String,
+    shape: {
+      validator: (e) => ["circle", "square"].includes(e),
+      type: String,
+      default: "circle"
+    },
+    size: {
+      validator: (e) => typeof e == "number" || ["small", "large", "default"].includes(e),
+      default: "default"
+    },
+    icon: String
+  },
+  data() {
+    return {
+      scale: 1
+    };
+  },
+  computed: {
+    sizeChildrenStyle() {
+      let e = {};
+      const t = `scale(${this.scale}) translateX(-50%)`;
+      return e = {
+        msTransform: t,
+        WebkitTransform: t,
+        transform: t
+      }, typeof size == "number" && (e.lineHeight = `${this.size}px`), e;
+    },
+    sizeCls() {
+      return {
+        [`${i}--${this.shape}`]: this.shape,
+        [`${i}--lg`]: this.size === "large",
+        [`${i}--sm`]: this.size === "small"
+      };
+    },
+    sizeStyle() {
+      return typeof this.size == "number" ? {
+        width: `${this.size}px`,
+        height: `${this.size}px`,
+        lineHeight: `${this.size}px`,
+        fontSize: this.icon ? `${this.size / 2}px` : "18px"
+      } : {};
+    }
+  },
+  updated() {
+    this.$nextTick(() => {
+      this.setScale();
+    });
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.setScale();
+    });
+  },
+  methods: {
+    setScale() {
+      const e = this.$refs.avatarChildren;
+      if (e) {
+        const t = e.offsetWidth, s = this.$el.getBoundingClientRect().width;
+        s - 8 < t ? this.scale = (s - 8) / t : this.scale = 1;
+      }
+    }
+  }
+}, a = {};
+var o = /* @__PURE__ */ r(
+  c,
+  n,
+  l,
+  !1,
+  h,
+  null,
+  null,
+  null
+);
+function h(e) {
+  for (let t in a)
+    this[t] = a[t];
+}
+const d = /* @__PURE__ */ function() {
+  return o.exports;
+}();
+export {
+  d as default
+};

package/avatar/style.css

@@ -0,0 +1 @@
+.avue-avatar{box-sizing:border-box;color:#fff;font-variant:tabular-nums;white-space:nowrap;text-align:center;vertical-align:middle;background:#ccc;border-radius:50%;width:32px;height:32px;margin:0;padding:0;font-size:14px;line-height:32px;list-style:none;display:inline-block;position:relative;overflow:hidden}.avue-avatar__images{width:100%;height:100%}.avue-avatar__icon{font-size:18px}.avue-avatar__string{transform-origin:0;position:absolute;left:50%}.avue-avatar--lg{border-radius:50%;width:40px;height:40px;font-size:24px;line-height:40px}.avue-avatar--sm{border-radius:50%;width:24px;height:24px;font-size:14px;line-height:24px}.avue-avatar--square{border-radius:4px}

package/awesome-button/index.mjs

@@ -0,0 +1,112 @@
+var h = Object.defineProperty, g = Object.defineProperties;
+var y = Object.getOwnPropertyDescriptors;
+var l = Object.getOwnPropertySymbols;
+var B = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
+var c = (o, t, e) => t in o ? h(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, u = (o, t) => {
+  for (var e in t || (t = {}))
+    B.call(t, e) && c(o, e, t[e]);
+  if (l)
+    for (var e of l(t))
+      v.call(t, e) && c(o, e, t[e]);
+  return o;
+}, p = (o, t) => g(o, y(t));
+var d = (o, t, e) => new Promise((s, a) => {
+  var f = (n) => {
+    try {
+      i(e.next(n));
+    } catch (r) {
+      a(r);
+    }
+  }, m = (n) => {
+    try {
+      i(e.throw(n));
+    } catch (r) {
+      a(r);
+    }
+  }, i = (n) => n.done ? s(n.value) : Promise.resolve(n.value).then(f, m);
+  i((e = e.apply(o, t)).next());
+});
+import { isFunction as x, error as S } from "@web-utils/core";
+import { n as k } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+const L = {
+  props: {
+    type: {
+      type: String,
+      default: "primary"
+    },
+    size: String,
+    icon: {
+      type: String,
+      default: ""
+    },
+    nativeType: {
+      type: String,
+      default: "button"
+    },
+    loading: Boolean,
+    disabled: Boolean,
+    plain: Boolean,
+    autofocus: Boolean,
+    round: Boolean
+  }
+}, b = {
+  name: "AwesomeButton",
+  mixins: [L],
+  props: {
+    text: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      isLoading: !1
+    };
+  },
+  methods: {
+    onClick(o) {
+      return d(this, null, function* () {
+        this.isLoading = !0;
+        const { click: t } = this.$listeners;
+        if (x(t))
+          try {
+            yield t(o);
+          } catch (e) {
+            S.call(this, e);
+          }
+        this.isLoading = !1;
+      });
+    }
+  },
+  render(o) {
+    var e, s;
+    const t = (s = (e = this.$scopedSlots).default) == null ? void 0 : s.call(e);
+    return o(
+      "ElButton",
+      { on: { click: this.onClick }, props: p(u({}, this.$props), { disabled: this.isLoading }) },
+      t && (t[0].tag || t[0].text) ? t : this.text
+    );
+  }
+};
+let w, C;
+const _ = {};
+var $ = /* @__PURE__ */ k(
+  b,
+  w,
+  C,
+  !1,
+  z,
+  null,
+  null,
+  null
+);
+function z(o) {
+  for (let t in _)
+    this[t] = _[t];
+}
+const E = /* @__PURE__ */ function() {
+  return $.exports;
+}();
+export {
+  E as default
+};

package/base.css

@@ -0,0 +1 @@
+.border-bottom{border-bottom:1px solid #d7dae0}.clear-fix:after{clear:both;visibility:hidden;content:" ";height:0;display:block}.flex-row{flex-direction:row;flex-shrink:0;display:flex}.flex-row.vertical-center{align-items:center}.flex-row.vertical-start{align-items:flex-start}.flex-row.horizon-center{justify-content:center}.text-center{text-align:center}.flex-column{flex-direction:column;display:flex}.flex-column.vertical-center{justify-content:center}.flex-column.horizon-center{align-items:center}.flex-item,.flex-item-relative{flex:auto}.flex-item-relative{position:relative}.flex-item-relative .flex-content{position:absolute;top:0;bottom:0;left:0;right:0}.flex-not-shrink{flex-shrink:0}body{font-family:Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}*{outline:none}.avue-canvas{display:none}.avue-ghost{opacity:.5;background:#c8ebfb}.avue--disabled{color:#ccc}.avue--detail .hover-row td{background-color:#fff!important}.avue--detail .avue-group__header{border-bottom:1px solid #eee;padding-left:10px}.avue--detail .el-collapse-item__header{margin-bottom:0}.avue--detail .el-input.is-disabled .el-input__inner,.avue--detail .el-textarea.is-disabled .el-textarea__inner,.avue--detail .el-range-editor.is-disabled,.avue--detail .el-range-editor.is-disabled input{color:#606266;background-color:#fff;padding-left:0}.avue--detail .el-input-number__decrease,.avue--detail .el-input-number__increase{display:none}.avue--detail .el-input-group__append,.avue--detail .el-input-group__prepend{background-color:transparent;border:none}.avue--detail .el-input__suffix,.avue--detail .el-input__prefix{display:none}.avue--detail .el-input__inner,.avue--detail .el-textarea__inner{border:none}.avue--detail .el-input__inner::-webkit-input-placeholder{color:transparent!important}.avue--detail .el-input__inner::-moz-placeholder{color:transparent!important}.avue--detail .el-input__inner::-ms-input-placeholder{color:transparent!important}.avue--detail .el-input__inner::placeholder{color:transparent!important}.avue--detail .el-textarea__inner::-webkit-input-placeholder{color:transparent!important}.avue--detail .el-textarea__inner::-moz-placeholder{color:transparent!important}.avue--detail .el-textarea__inner::-ms-input-placeholder{color:transparent!important}.avue--detail .el-textarea__inner::placeholder{color:transparent!important}.avue--detail .el-input__inner::-webkit-input-placeholder{color:transparent!important}.avue--detail .el-input__inner::-moz-placeholder{color:transparent!important}.avue--detail .el-input__inner::-ms-input-placeholder{color:transparent!important}.avue--detail .el-input__inner::placeholder{color:transparent!important}.avue--detail .el-textarea__inner::-webkit-input-placeholder{color:transparent!important}.avue--detail .el-textarea__inner::-moz-placeholder{color:transparent!important}.avue--detail .el-textarea__inner::-ms-input-placeholder{color:transparent!important}.avue--detail .el-textarea__inner::placeholder{color:transparent!important}.avue--detail .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#409eff;border-color:#409eff}.avue--detail .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after{border-color:#fff}.avue--detail .el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#409eff;border-color:#409eff}.avue--detail .el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:#fff}.avue--detail .el-checkbox__input.is-disabled+span.el-checkbox__label,.avue--detail .el-radio__input.is-disabled+span.el-radio__label{color:#606266}.avue--detail .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,.avue--detail .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{display:none}.avue--detail .el-row{border-top:1px solid #ebeef5;border-left:1px solid #ebeef5}.avue--detail .el-col{border-bottom:1px solid #ebeef5;border-right:1px solid #ebeef5;margin:0!important;padding:0!important}.avue--detail .el-form-item--medium.el-form-item,.avue--detail .el-form-item--mini.el-form-item,.avue--detail .el-form-item--small.el-form-item{background:#fafafa;margin:0}.avue--detail .el-form-item__label,.avue--detail .el-form-item__content{padding:2px 0}.avue--detail .el-form-item__label{box-sizing:border-box;color:#909399;padding-right:20px}.avue--detail .el-tag{margin-left:0!important;margin-right:6px!important}.avue--detail .avue-crud .el-form-item__content{border:none}.avue--detail .el-form-item__content{box-sizing:border-box;background-color:#fff;border-left:1px solid #ebeef5;padding-left:20px}.avue--detail__column .el-form-item{background-color:#fff}.avue--detail__column .el-form-item__label{padding-right:12px}.avue--detail__column .el-form-item__content{border-left:none;padding-left:0}.avue-grid{background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 0);background-size:20px 20px,20px 20px;width:100%;height:100%;position:absolute;top:0;left:0}.avue-mask{z-index:1000;background-color:rgba(55,55,55,.6);height:100%;position:fixed;top:0;bottom:0;left:0;right:0}.avue--card{border-radius:5px;box-shadow:2px 1px 8px rgba(0,0,0,.15)}.avue-dialog{overflow:visible}.avue-dialog .el-dialog{border-radius:2px;flex-direction:column;max-width:calc(100% - 100px);min-height:180px;max-height:calc(100% - 200px);display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.avue-dialog .el-dialog__header{border-bottom:1px solid #f0f0f0;min-height:20px;padding:16px 24px}.avue-dialog .el-dialog__title,.avue-dialog .el-drawer__header{color:rgba(0,0,0,.85);word-wrap:break-word;font-weight:500}.avue-dialog .el-dialog__body{margin-bottom:50px;padding:30px 20px 20px}.avue-dialog .el-dialog .el-dialog__body{flex:1;overflow-x:hidden;overflow-y:auto}.avue-dialog .el-drawer{flex-direction:column;display:flex;position:absolute;top:0;right:0}.avue-dialog .el-drawer__header{border-bottom:1px solid #f0f0f0;min-height:20px;margin:0;padding:16px 10px 16px 24px}.avue-dialog .el-drawer,.avue-dialog .el-drawer__body{flex:1;overflow:auto}.avue-dialog__footer{z-index:4;box-sizing:border-box;text-align:right;background-color:#fff;border-top:1px solid #f0f0f0;width:100%;padding:0 10px;display:block}.avue-dialog__footer>*{margin-top:10px;margin-bottom:10px}.avue-dialog__footer--left{text-align:left}.avue-dialog__footer--center{text-align:center}.avue-dialog--fullscreen .el-dialog{max-width:100%;height:100%;max-height:100%;top:0;left:0;transform:translate(0);width:100%!important}.avue-dialog--top .el-dialog{top:15%}.avue-dialog--none .el-dialog__body{margin-bottom:0}.avue-opacity{opacity:0}.avue-opacity--active{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.flow-background-image{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+)}.avue-crud .el-select,.avue-crud .el-date-editor.el-input,.avue-crud .el-date-editor.el-input__inner,.avue-crud .el-cascader,.avue-crud .avue-input-number,.avue-form .el-select,.avue-form .el-date-editor.el-input,.avue-form .el-date-editor.el-input__inner,.avue-form .el-cascader,.avue-form .avue-input-number{width:100%!important}.avue-crud .el-form-item.el-form-item--small .el-input-group--append .el-input__inner,.avue-form .el-form-item.el-form-item--small .el-input-group--append .el-input__inner{height:33px;line-height:33px}.avue-crud .el-input-number .el-input__inner,.avue-form .el-input-number .el-input__inner{text-align:left}.avue-crud .avue-crud__left .el-button+.el-button,.avue-crud .avue-crud__right .el-button+.el-button,.avue-form .avue-crud__left .el-button+.el-button,.avue-form .avue-crud__right .el-button+.el-button{margin-left:0}.avue-crud .avue-crud__left .el-button,.avue-crud .avue-crud__right .el-button,.avue-form .avue-crud__left .el-button,.avue-form .avue-crud__right .el-button{margin-bottom:0;margin-right:5px}.avue-crud .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content,.avue-form .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:#409eff}.avue-crud .el-tree-node__label,.avue-form .el-tree-node__label{margin-left:8px}.avue-crud .el-input__inner,.avue-form .el-input__inner{height:38px;line-height:38px}.avue-crud .el-range-editor--small,.avue-form .el-range-editor--small{height:32px;line-height:32px}.avue-crud .el-range-editor--mini,.avue-form .el-range-editor--mini{height:28px;line-height:28px}.avue-crud .el-input--small input,.avue-form .el-input--small input{height:32px;line-height:32px}.avue-crud .el-input--mini input,.avue-form .el-input--mini input{height:28px;line-height:28px}.avue-crud .el-table--medium td,.avue-form .el-table--medium td{padding:7px 0!important}.avue-crud .el-tooltip__popper,.avue-form .el-tooltip__popper{max-width:60%}.avue-crud .el-dropdown-menu__item,.avue-form .el-dropdown-menu__item{line-height:25px}.avue-crud .el-table-filter__list,.avue-form .el-table-filter__list{width:100%;height:300px;overflow-y:auto}@media screen and (max-width:992px){.el-dialog__footer{justify-content:center;display:flex}.el-button+.el-button{margin-left:0}.el-upload-list--picture-card .el-upload-list__item,.avue-upload__avatar,.el-upload--picture-card,.avue-upload__icon{width:100px;height:100px;line-height:100px}.avue-tip{display:none}.avue-crud__menu{display:block!important}.avue-crud .el-form-item{width:100%}.avue-crud .el-form-item__label{flex:1}.avue-crud .el-form-item__content{flex:5}.avue-crud__searchMenu{text-align:center}.avue-crud__title{display:block!important}.avue-crud__title p{margin-bottom:20px}.avue-crud__title .avue-date__group{justify-content:center}.avue-crud__title .avue-date__date{display:none}.avue-crud__title .avue-date__radio{width:100%}.avue-crud__title .avue-date__radio .el-radio-group{display:flex}.avue-crud__title .avue-date__radio .el-radio-group label,.avue-crud__title .avue-date__radio .el-radio-group .el-radio-button__inner{width:100%}.avue-crud__title .avue-date__radio .el-radio-button:last-child .el-radio-button__inner{border-right:1px solid #dcdfe6;border-radius:0 4px 4px 0}}

package/capsule-tab/index.mjs

@@ -0,0 +1,52 @@
+import { n as s } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var r = function() {
+  var e = this, t = e.$createElement, a = e._self._c || t;
+  return a("ul", {
+    staticClass: "capsule-tab"
+  }, e._l(e.tabs, function(n) {
+    return a("li", {
+      key: n.value,
+      class: ["tab-item", {
+        active: e.value === n.value,
+        single: e.tabs.length === 1
+      }],
+      on: {
+        click: function(i) {
+          return e.$emit("input", n.value);
+        }
+      }
+    }, [e._v(" " + e._s(n.label) + " ")]);
+  }), 0);
+}, u = [];
+const c = {
+  name: "CapsuleTab",
+  props: {
+    tabs: {
+      type: Array,
+      default: () => []
+    },
+    value: {
+      type: String
+    }
+  }
+}, l = {};
+var o = /* @__PURE__ */ s(
+  c,
+  r,
+  u,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(e) {
+  for (let t in l)
+    this[t] = l[t];
+}
+const p = /* @__PURE__ */ function() {
+  return o.exports;
+}();
+export {
+  p as default
+};

package/capsule-tab/style.css

@@ -0,0 +1 @@
+.capsule-tab{margin-right:10px;display:inline}.capsule-tab .tab-item{cursor:pointer;background-color:#fafafa;border:1px solid #ebeef5;border-right:none;padding:2px 14px;display:inline}.capsule-tab .tab-item.active{color:#fff;background-color:#ef6666}.capsule-tab .tab-item:first-child{border-radius:12px 0 0 12px}.capsule-tab .tab-item:last-child{border-right:1px solid #ccc;border-radius:0 12px 12px 0}.capsule-tab .tab-item:last-child.single{border-radius:12px}