@web-utils/component 2.7.36 → 2.8.0

package/card/index.mjs

@@ -0,0 +1,130 @@
+import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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/card/style.css

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

package/carousel/index.mjs

@@ -0,0 +1,70 @@
+import { n } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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/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{display:block;width:100%;height:100%}.avue-carousel__img{height:100%;background-position:center center;background-size:cover}.avue-carousel__title{position:absolute;bottom:0;left:0;z-index:1024;width:100%;height:50px;color:#fff;font-size:16px;line-height:50px;text-align:center;background-color:#0009}