@web-utils/component 2.0.13 → 2.7.0

package/dist/components/base.css

@@ -1,66 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.border-bottom {
-  border-bottom: 1px solid #d7dae0;
-}
-
-.clear-fix::after {
-  display: block;
-  clear: both;
-  height: 0;
-  visibility: hidden;
-  content: " ";
-}
-
-.flex-row {
-  display: flex;
-  flex-direction: row;
-  flex-shrink: 0;
-}
-.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 {
-  display: flex;
-  flex-direction: column;
-}
-.flex-column.vertical-center {
-  justify-content: center;
-}
-.flex-column.horizon-center {
-  align-items: center;
-}
-
-.flex-item, .flex-item-relative {
-  flex: 1 1 auto;
-}
-
-.flex-item-relative {
-  position: relative;
-}
-.flex-item-relative .flex-content {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-
-.flex-not-shrink {
-  flex-shrink: 0;
-}
+.border-bottom{border-bottom:1px solid #d7dae0}.clear-fix:after{display:block;clear:both;height:0;visibility:hidden;content:" "}.flex-row{display:flex;flex-direction:row;flex-shrink:0}.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{display:flex;flex-direction:column}.flex-column.vertical-center{justify-content:center}.flex-column.horizon-center{align-items:center}.flex-item,.flex-item-relative{flex:1 1 auto}.flex-item-relative{position:relative}.flex-item-relative .flex-content{position:absolute;top:0;right:0;bottom:0;left: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,.avue--detail .el-textarea__inner::-webkit-input-placeholder{color:transparent!important}.avue--detail .el-input__inner::-moz-placeholder,.avue--detail .el-textarea__inner::-moz-placeholder{color:transparent!important}.avue--detail .el-input__inner::-ms-input-placeholder,.avue--detail .el-textarea__inner::-ms-input-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{margin:0!important;padding:0!important;border-bottom:1px solid #ebeef5;border-right:1px solid #ebeef5}.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{margin:0;background:#fafafa}.avue--detail .el-form-item__label,.avue--detail .el-form-item__content{padding:2px 0}.avue--detail .el-form-item__label{padding-right:20px;color:#909399;box-sizing:border-box}.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{border-left:1px solid #ebeef5;padding-left:20px;box-sizing:border-box;background-color:#fff}.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{padding-left:0;border-left:none}.avue-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-size:20px 20px,20px 20px;background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 0)}.avue-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#37373799;height:100%;z-index:1000}.avue--card{box-shadow:2px 1px 8px #00000026;border-radius:5px}.avue-dialog{overflow:visible}.avue-dialog .el-dialog{min-height:180px;display:flex;flex-direction:column;position:absolute;top:0;left:50%;transform:translate(-50%);border-radius:2px;max-height:calc(100% - 200px);max-width:calc(100% - 100px)}.avue-dialog .el-dialog__header{padding:16px 24px;min-height:20px;border-bottom:1px solid #f0f0f0}.avue-dialog .el-dialog__title,.avue-dialog .el-drawer__header{color:#000000d9;font-weight:500;word-wrap:break-word}.avue-dialog .el-dialog__body{padding:30px 20px 20px;margin-bottom:50px}.avue-dialog .el-dialog .el-dialog__body{flex:1;overflow:hidden;overflow-y:auto}.avue-dialog .el-drawer{position:absolute;right:0;top:0;display:flex;flex-direction:column}.avue-dialog .el-drawer__header{margin:0;min-height:20px;padding:16px 10px 16px 24px;border-bottom:1px solid #f0f0f0}.avue-dialog .el-drawer,.avue-dialog .el-drawer__body{flex:1;overflow:auto}.avue-dialog__footer{display:block;padding:10px 16px;box-sizing:border-box;border-top:1px solid #f0f0f0;width:100%;position:absolute;left:0;bottom:0;background-color:#fff;text-align:right}.avue-dialog__footer--left{text-align:left}.avue-dialog__footer--center{text-align:center}.avue-dialog--fullscreen .el-dialog{left:0;top:0;transform:translate(0);width:100%!important;height:100%;max-width:100%;max-height:100%}.avue-dialog--top .el-dialog{top:15%}.avue-dialog--none .el-dialog__body{margin-bottom:0}.avue-queue--block{display:inline-block}.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}.el-tooltip__popper{max-width:60%}.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-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-right:5px;margin-bottom:0}.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}.el-form-item--mini .el-color-picker--mini,.el-form-item--mini .el-color-picker--mini .el-color-picker__trigger{width:23px;height:23px}.el-dropdown-menu .el-button--text{width:100%!important}.el-pagination__editor.el-input .el-input__inner{line-height:28px}.el-drawer .el-drawer__body{height:100%}.el-drawer .avue-form{padding:20px}.el-checkbox:last-of-type{margin-right:8px}.el-table th.gutter,.el-table colgroup.gutter{display:table-cell!important}.el-input-number .el-input__suffix{display:none}.el-input-number__decrease,.el-input-number__increase{background-color:transparent}.el-tree-node.is-current>.el-tree-node__content{color:#409eff;background-color:#f5f7fa}.el-select-dropdown .el-scrollbar .el-scrollbar__view .el-select-dropdown__item{height:auto;padding:0}.el-select-dropdown .el-scrollbar .el-scrollbar__view .el-select-dropdown__item>span{padding:0 20px}.el-select-dropdown__item.selected,.el-select-dropdown .el-tree-node__label{font-weight:400}.el-form-item.is-error .avue-dynamic{border:1px solid #F56C6C;border-radius:3px}.el-dropdown-menu__item{padding-top:3px!important;padding-bottom:3px!important}.el-upload--picture-card .el-upload-dragger,.el-upload--picture-img .el-upload-dragger{width:inherit;height:inherit;background-color:inherit}@media screen and (max-width: 992px){.el-dialog__footer{display:flex;justify-content:center}.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-radius:0 4px 4px 0;border-right:1px solid #dcdfe6}}

package/dist/components/capsule-tab/index.js

@@ -1,28 +1,24 @@
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("ul", {
+import { n as s } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var u = function() {
+  var e = this, t = e.$createElement, a = e._self._c || t;
+  return a("ul", {
     staticClass: "capsule-tab"
-  }, _vm._l(_vm.tabs, function(item) {
-    return _c("li", {
-      key: item.value,
+  }, e._l(e.tabs, function(n) {
+    return a("li", {
+      key: n.value,
       class: ["tab-item", {
-        active: _vm.value === item.value,
-        single: _vm.tabs.length === 1
+        active: e.value === n.value,
+        single: e.tabs.length === 1
       }],
       on: {
-        "click": function($event) {
-          return _vm.$emit("input", item.value);
+        click: function(i) {
+          return e.$emit("input", n.value);
         }
       }
-    }, [_vm._v(" " + _vm._s(item.label) + " ")]);
+    }, [e._v(" " + e._s(n.label) + " ")]);
   }), 0);
-};
-var staticRenderFns = [];
-const CapsuleTab_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+}, r = [];
+const _ = {
   name: "CapsuleTab",
   props: {
     tabs: {
@@ -33,26 +29,24 @@ const __vue2_script = {
       type: String
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, l = {};
+var c = /* @__PURE__ */ s(
+  _,
+  u,
+  r,
+  !1,
+  o,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function o(e) {
+  for (let t in l)
+    this[t] = l[t];
 }
-const CapsuleTab = /* @__PURE__ */ function() {
-  return __component__.exports;
+const p = /* @__PURE__ */ function() {
+  return c.exports;
 }();
 export {
-  CapsuleTab as default
+  p as default
 };

package/dist/components/capsule-tab/style.css

@@ -1,32 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.capsule-tab {
-  display: inline;
-  margin-right: 10px;
-}
-.capsule-tab .tab-item {
-  display: inline;
-  padding: 2px 14px;
-  background-color: #fafafa;
-  border: 1px solid #ebeef5;
-  border-right: none;
-  cursor: pointer;
-}
-.capsule-tab .tab-item.active {
-  color: #fff;
-  background-color: rgb(239, 102, 102);
-}
-.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;
-}
+.capsule-tab{display:inline;margin-right:10px}.capsule-tab .tab-item{display:inline;padding:2px 14px;background-color:#fafafa;border:1px solid #ebeef5;border-right:none;cursor:pointer}.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}

package/dist/components/card/index.js

@@ -0,0 +1,130 @@
+import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var u = function() {
+  var t = this, a = t.$createElement, e = t._self._c || a;
+  return e("div", {
+    staticClass: "avue-card"
+  }, [e("ElRow", {
+    attrs: {
+      span: 24,
+      gutter: t.gutter
+    }
+  }, [t.option.addBtn ? e("ElCol", {
+    attrs: {
+      span: t.span
+    }
+  }, [e("div", {
+    staticClass: "avue-card__item avue-card__item--add",
+    on: {
+      click: function(r) {
+        return t.rowAdd();
+      }
+    }
+  }, [e("i", {
+    staticClass: "el-icon-plus"
+  }), e("span", [t._v("添加")])])]) : t._e(), t._l(t.data, function(r, s) {
+    return e("ElCol", {
+      key: s,
+      attrs: {
+        span: t.span
+      }
+    }, [e("div", {
+      staticClass: "avue-card__item",
+      on: {
+        click: function(d) {
+          return t.rowClick(r, s);
+        }
+      }
+    }, [e("div", {
+      staticClass: "avue-card__body"
+    }, [e("div", {
+      staticClass: "avue-card__avatar"
+    }, [e("img", {
+      attrs: {
+        src: r[t.imgKey],
+        alt: ""
+      }
+    })]), e("div", {
+      staticClass: "avue-card__detail"
+    }, [e("div", {
+      staticClass: "avue-card__title"
+    }, [t._v(" " + t._s(r[t.titleKey]) + " ")]), e("div", {
+      staticClass: "avue-card__info"
+    }, [t._v(" " + t._s(r[t.infoKey]) + " ")])])]), e("div", {
+      staticClass: "avue-card__menu"
+    }, [t._t("menu", null, {
+      index: s,
+      row: r
+    })], 2)])]);
+  })], 2)], 1);
+}, l = [];
+const n = {
+  img: "img",
+  title: "title",
+  info: "info"
+}, c = {
+  name: "Card",
+  props: {
+    props: {
+      type: Object,
+      default: () => n
+    },
+    option: {
+      type: Object,
+      default: () => ({})
+    },
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      propsDefault: n
+    };
+  },
+  computed: {
+    imgKey: function() {
+      return this.option.props.img || this.propsDefault.img;
+    },
+    titleKey: function() {
+      return this.option.props.title || this.propsDefault.title;
+    },
+    infoKey: function() {
+      return this.option.props.info || this.propsDefault.info;
+    },
+    span() {
+      return this.option.span || 8;
+    },
+    gutter() {
+      return this.option.gutter || 20;
+    }
+  },
+  methods: {
+    rowAdd() {
+      this.$emit("row-add");
+    },
+    rowClick(t, a) {
+      this.$emit("row-click", t, a);
+    }
+  }
+}, i = {};
+var _ = /* @__PURE__ */ o(
+  c,
+  u,
+  l,
+  !1,
+  p,
+  null,
+  null,
+  null
+);
+function p(t) {
+  for (let a in i)
+    this[a] = i[a];
+}
+const f = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  f as default
+};

package/dist/components/card/style.css

@@ -0,0 +1 @@
+.avue-card__item{margin-bottom:16px;border:1px solid #e8e8e8;background-color:#fff;box-sizing:border-box;color:#000000a6;font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;font-feature-settings:"tnum";cursor:pointer;height:200px}.avue-card__item:hover{border-color:#00000017;box-shadow:0 2px 8px #00000017}.avue-card__item--add{border:1px dashed #000;width:100%;color:#00000073;background-color:#fff;border-color:#d9d9d9;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:16px}.avue-card__item--add i{margin-right:10px}.avue-card__item--add:hover{color:#40a9ff;background-color:#fff;border-color:#40a9ff}.avue-card__body{display:flex;padding:24px}.avue-card__detail{flex:1}.avue-card__avatar{width:48px;height:48px;border-radius:48px;overflow:hidden;margin-right:12px}.avue-card__avatar img{width:100%;height:100%}.avue-card__title{color:#000000d9;margin-bottom:12px;font-size:16px}.avue-card__title:hover{color:#1890ff}.avue-card__info{color:#00000073;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:64px}.avue-card__menu{display:flex;justify-content:space-around;height:50px;background:#f7f9fa;color:#00000073;text-align:center;line-height:50px}.avue-card__menu:hover{color:#1890ff}

package/dist/components/carousel/index.js

@@ -0,0 +1,70 @@
+import { n } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var l = function() {
+  var t = this, o = t.$createElement, e = t._self._c || o;
+  return e("div", {
+    class: ["avue-carousel", {
+      "avue-carousel--fullscreen": t.option.fullscreen
+    }]
+  }, [e("ElCarousel", {
+    attrs: {
+      type: t.option.type,
+      height: t.option.height + "px",
+      autoplay: t.option.autoplay,
+      interval: t.option.interval,
+      "indicator-position": "outside"
+    }
+  }, t._l(t.data, function(a, s) {
+    return e("ElCarouselItem", {
+      key: s
+    }, [e("div", {
+      staticClass: "avue-carousel__item"
+    }, [e("a", {
+      attrs: {
+        href: a.href ? a.href : "javascript:void(0);",
+        target: a.target
+      }
+    }, [e("div", {
+      staticClass: "avue-carousel__img",
+      style: {
+        backgroundImage: "url(" + a.src + ")"
+      }
+    }), a.title ? e("div", {
+      staticClass: "avue-carousel__title"
+    }, [t._v(t._s(a.title))]) : t._e()])])]);
+  }), 1)], 1);
+}, u = [];
+const i = {
+  name: "Carousel",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    data() {
+      return this.option.data || [];
+    }
+  }
+}, r = {};
+var c = /* @__PURE__ */ n(
+  i,
+  l,
+  u,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(t) {
+  for (let o in r)
+    this[o] = r[o];
+}
+const v = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  v as default
+};

package/dist/components/carousel/style.css

@@ -0,0 +1 @@
+.avue-carousel--fullscreen{height:100%}.avue-carousel--fullscreen .el-carousel,.avue-carousel--fullscreen .el-carousel__container{height:90%}.avue-carousel__item{position:relative;width:100%;height:100%}.avue-carousel__item a{width:100%;height:100%;display:block}.avue-carousel__img{height:100%;background-size:cover;background-position:center center}.avue-carousel__title{z-index:1024;position:absolute;left:0;bottom:0;width:100%;height:50px;line-height:50px;font-size:16px;text-align:center;color:#fff;background-color:#0009}