@web-utils/component 2.7.30 → 2.7.31

package/dist/components/card/style.css

@@ -1 +1,90 @@
-.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}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.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;
+}

package/dist/components/carousel/index.js

@@ -1,16 +1,18 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("div", {
     class: ["avue-carousel", {
       "avue-carousel--fullscreen": _vm.option.fullscreen
     }]
   }, [_c("ElCarousel", {
     attrs: {
-      type: _vm.option.type,
-      height: `${_vm.option.height}px`,
-      autoplay: _vm.option.autoplay,
-      interval: _vm.option.interval,
+      "type": _vm.option.type,
+      "height": `${_vm.option.height}px`,
+      "autoplay": _vm.option.autoplay,
+      "interval": _vm.option.interval,
       "indicator-position": "outside"
     }
   }, _vm._l(_vm.data, function(item, index) {
@@ -20,8 +22,8 @@ var render = function() {
       staticClass: "avue-carousel__item"
     }, [_c("a", {
       attrs: {
-        href: item.href ? item.href : "javascript:void(0);",
-        target: item.target
+        "href": item.href ? item.href : "javascript:void(0);",
+        "target": item.target
       }
     }, [_c("div", {
       staticClass: "avue-carousel__img",
@@ -32,7 +34,9 @@ var render = function() {
       staticClass: "avue-carousel__title"
     }, [_vm._v(_vm._s(item.title))]) : _vm._e()])])]);
   }), 1)], 1);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const Carousel_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "Carousel",
   props: {
@@ -47,20 +51,22 @@ const __vue2_script = {
       return this.option.data || [];
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const Carousel = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/carousel/style.css

@@ -1 +1,41 @@
-.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}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.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);
+}