@web-utils/component 2.7.30 → 2.7.31

package/dist/components/search/index.js

@@ -1,29 +1,31 @@
-import { D as DIC_PROPS } from "../../chunks/util.89913643.js";
-import { i as init } from "../../chunks/init.e0133910.js";
+import { D as DIC_PROPS } from "../../chunks/util.b0d0b0ad.js";
+import { i as init } from "../../chunks/init.38cbb3a2.js";
 import { isBlank } from "@web-utils/core";
-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("ElRow", {
     class: ["avue-search", {
       "avue--card": _vm.isCard
     }],
     attrs: {
-      span: 24
+      "span": 24
     }
   }, _vm._l(_vm.columnOption, function(column) {
     return _c("ElCol", {
       key: column.prop,
       staticClass: "avue-search__item",
       attrs: {
-        span: column.span || 24
+        "span": column.span || 24
       }
     }, [_c("p", {
       staticClass: "avue-search__title"
     }, [_vm._v(" " + _vm._s(column.label) + ": ")]), _c("div", {
       staticClass: "avue-search__content"
     }, [_vm.mainSlot.includes(column.prop) ? _vm._t(column.prop, null, {
-      dic: _vm.DIC[column.prop]
+      "dic": _vm.DIC[column.prop]
     }) : _vm._l(_vm.DIC[column.prop], function(item) {
       return _c("span", {
         key: _vm.getKey(item, column.props, _vm.valueKey),
@@ -31,14 +33,16 @@ var render = function() {
           "avue-search__tags--active": _vm.getActive(item, column)
         }],
         on: {
-          click: function($event) {
+          "click": function($event) {
             return _vm.handleClick(column, item);
           }
         }
       }, [_vm._v(_vm._s(_vm.getKey(item, column.props, _vm.labelKey)))]);
     })], 2)]);
   }), 1);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const Search_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "Search",
   mixins: [init],
@@ -65,9 +69,11 @@ const __vue2_script = {
     },
     mainSlot() {
       const result = [];
-      return this.propOption.forEach((item) => {
-        this.$scopedSlots[item.prop] && result.push(item.prop);
-      }), result;
+      this.propOption.forEach((item) => {
+        if (this.$scopedSlots[item.prop])
+          result.push(item.prop);
+      });
+      return result;
     },
     isCard() {
       return this.parentOption.card;
@@ -87,7 +93,7 @@ const __vue2_script = {
       handler(val) {
         this.setVal(val);
       },
-      deep: !0
+      deep: true
     }
   },
   created() {
@@ -95,7 +101,8 @@ const __vue2_script = {
   },
   methods: {
     setVal(val) {
-      this.$emit("input", val), this.$emit("change", val);
+      this.$emit("input", val);
+      this.$emit("change", val);
     },
     getKey(item = {}, props = {}, key) {
       return item[props[key] || this.props[key] || key];
@@ -103,37 +110,49 @@ const __vue2_script = {
     dataFormat() {
       this.propOption.forEach((ele) => {
         const prop = ele.prop;
-        isBlank(this.form[prop]) && this.$set(this.form, prop, ele.multiple === !1 ? "" : []);
+        if (isBlank(this.form[prop])) {
+          this.$set(this.form, prop, ele.multiple === false ? "" : []);
+        }
       });
     },
     getActive(item, column) {
       const value = this.getKey(item, column.props, this.valueKey);
-      return column.multiple === !1 ? this.form[column.prop] === value : this.form[column.prop].includes(value);
+      if (column.multiple === false) {
+        return this.form[column.prop] === value;
+      } else {
+        return this.form[column.prop].includes(value);
+      }
     },
     handleClick(column, item) {
       const value = this.getKey(item, column.props, this.valueKey);
-      if (column.multiple === !1)
+      if (column.multiple === false) {
         this.form[column.prop] = value;
-      else {
+      } else {
         const index = this.form[column.prop].indexOf(value);
-        index === -1 ? this.form[column.prop].push(value) : this.form[column.prop].splice(index, 1);
+        if (index === -1) {
+          this.form[column.prop].push(value);
+        } else {
+          this.form[column.prop].splice(index, 1);
+        }
       }
     }
   }
-}, __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 Search = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/search/style.css

@@ -1 +1,57 @@
-.avue-search{padding:0 20px}.avue-search__item{padding:20px 0 10px;display:flex;align-items:flex-start;border-bottom:1px dashed #e8e8e8}.avue-search__item:last-child{border-bottom:none}.avue-search__tags{padding:0 12px;margin-right:24px;margin-bottom:12px;font-size:14px;color:#000000a6;cursor:pointer;white-space:nowrap;display:inline-block}.avue-search__tags:hover{color:#1890ff}.avue-search__tags--active{color:#fff;background-color:#1890ff;border-radius:5px}.avue-search__tags--active:hover{opacity:.85;color:#fff}.avue-search__title{margin:0;padding:0 20px;width:120px;font-size:14px;text-align:right;display:inline-block;box-sizing:border-box}.avue-search__content{width:calc(100% - 190px);display:inline-block}.avue-search__content .el-tag{margin-right:10px;margin-bottom:10px}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.avue-search {
+  padding: 0 20px;
+}
+.avue-search__item {
+  padding: 20px 0 10px 0;
+  display: flex;
+  align-items: flex-start;
+  border-bottom: 1px dashed #e8e8e8;
+}
+.avue-search__item:last-child {
+  border-bottom: none;
+}
+.avue-search__tags {
+  padding: 0 12px;
+  margin-right: 24px;
+  margin-bottom: 12px;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.65);
+  cursor: pointer;
+  white-space: nowrap;
+  display: inline-block;
+}
+.avue-search__tags:hover {
+  color: #1890ff;
+}
+.avue-search__tags--active {
+  color: #fff;
+  background-color: #1890ff;
+  border-radius: 5px;
+}
+.avue-search__tags--active:hover {
+  opacity: 0.85;
+  color: #fff;
+}
+.avue-search__title {
+  margin: 0;
+  padding: 0 20px 0 20px;
+  width: 120px;
+  font-size: 14px;
+  text-align: right;
+  display: inline-block;
+  box-sizing: border-box;
+}
+.avue-search__content {
+  width: calc(100% - 190px);
+  display: inline-block;
+}
+.avue-search__content .el-tag {
+  margin-right: 10px;
+  margin-bottom: 10px;
+}