@web-utils/component 2.7.35 → 2.7.37

package/dist/components/card/style.css

@@ -1,90 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-card__item {
-  margin-bottom: 16px;
-  border: 1px solid #e8e8e8;
-  background-color: #fff;
-  box-sizing: border-box;
-  color: rgba(0, 0, 0, 0.65);
-  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: rgba(0, 0, 0, 0.09);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
-}
-.avue-card__item--add {
-  border: 1px dashed #000;
-  width: 100%;
-  color: rgba(0, 0, 0, 0.45);
-  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: rgba(0, 0, 0, 0.85);
-  margin-bottom: 12px;
-  font-size: 16px;
-}
-.avue-card__title:hover {
-  color: #1890ff;
-}
-.avue-card__info {
-  color: rgba(0, 0, 0, 0.45);
-  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: rgba(0, 0, 0, 0.45);
-  text-align: center;
-  line-height: 50px;
-}
-.avue-card__menu:hover {
-  color: #1890ff;
-}
+.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.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/dist/components/carousel/style.css

@@ -1,41 +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: rgba(0, 0, 0, 0.6);
-}
+.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}