@web-utils/component 2.7.29 → 2.7.31

package/dist/components/dialog-filter/index.js

@@ -1,16 +1,18 @@
-import { d as deepClone } from "../../chunks/util.89913643.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { d as deepClone } from "../../chunks/util.b0d0b0ad.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 _vm.box ? _c("div", [_c("ElDrawer", {
     staticClass: "avue-dialog",
     class: ["avue-crud__dialog", "avue-crud__filter"],
     attrs: {
       "lock-scroll": "",
       "append-to-body": "",
-      title: "过滤条件",
-      size: _vm.crud.isMobile ? "100%" : "60%",
-      visible: _vm.box
+      "title": "过滤条件",
+      "size": _vm.crud.isMobile ? "100%" : "60%",
+      "visible": _vm.box
     },
     on: {
       "update:visible": function($event) {
@@ -19,52 +21,52 @@ var render = function() {
     }
   }, [_c("ElRow", {
     attrs: {
-      span: 24
+      "span": 24
     }
   }, [_c("div", {
     staticClass: "avue-crud__filter-menu"
   }, [_c("ElButtonGroup", [_c("ElButton", {
     attrs: {
-      type: "primary",
-      size: _vm.crud.isMediumSize
+      "type": "primary",
+      "size": _vm.crud.isMediumSize
     },
     on: {
-      click: _vm.handleAdd
+      "click": _vm.handleAdd
     }
   }, [_vm._v(" 新增条件 ")]), _c("ElButton", {
     attrs: {
-      type: "primary",
-      size: _vm.crud.isMediumSize
+      "type": "primary",
+      "size": _vm.crud.isMediumSize
     },
     on: {
-      click: _vm.handleClear
+      "click": _vm.handleClear
     }
   }, [_vm._v(" 清空条件 ")]), _c("ElButton", {
     attrs: {
-      type: "primary",
-      size: _vm.crud.isMediumSize
+      "type": "primary",
+      "size": _vm.crud.isMediumSize
     },
     on: {
-      click: _vm.handleValueClear
+      "click": _vm.handleValueClear
     }
   }, [_vm._v(" 清空数据 ")])], 1)], 1), _vm._l(_vm.list, function(column, index) {
     return _c("ElCol", {
       key: index,
       staticClass: "avue-crud__filter-item",
       attrs: {
-        md: 12,
-        xs: 24,
-        sm: 12
+        "md": 12,
+        "xs": 24,
+        "sm": 12
       }
     }, [_c("FySelect", {
       staticClass: "avue-crud__filter-label",
       attrs: {
-        dic: _vm.columnOption,
-        clearable: !1,
-        size: _vm.crud.isMediumSize
+        "dic": _vm.columnOption,
+        "clearable": false,
+        "size": _vm.crud.isMediumSize
       },
       on: {
-        change: function($event) {
+        "change": function($event) {
           return _vm.handleChange(index);
         }
       },
@@ -78,9 +80,9 @@ var render = function() {
     }), _c("FySelect", {
       staticClass: "avue-crud__filter-symbol",
       attrs: {
-        dic: _vm.symbolDic,
-        clearable: !1,
-        size: _vm.crud.isMediumSize
+        "dic": _vm.symbolDic,
+        "clearable": false,
+        "size": _vm.crud.isMediumSize
       },
       model: {
         value: column.symbol,
@@ -92,7 +94,7 @@ var render = function() {
     }), _c("FyInput", {
       staticClass: "avue-crud__filter-value",
       attrs: {
-        size: _vm.crud.isMediumSize
+        "size": _vm.crud.isMediumSize
       },
       model: {
         value: column.value,
@@ -104,13 +106,13 @@ var render = function() {
     }), _c("ElButton", {
       staticClass: "avue-crud__filter-icon",
       attrs: {
-        type: "danger",
-        size: "mini",
-        circle: "",
-        icon: "el-icon-minus"
+        "type": "danger",
+        "size": "mini",
+        "circle": "",
+        "icon": "el-icon-minus"
       },
       on: {
-        click: function($event) {
+        "click": function($event) {
           return _vm.handleDelete(index);
         }
       }
@@ -118,33 +120,34 @@ var render = function() {
   }), _c("ElCol", {
     staticClass: "avue-form__menu avue-form__menu--right",
     attrs: {
-      span: 24
+      "span": 24
     }
   }, [_c("ElButton", {
     attrs: {
-      type: "primary",
-      size: _vm.crud.isMediumSize
+      "type": "primary",
+      "size": _vm.crud.isMediumSize
     },
     on: {
-      click: _vm.handleSubmit
+      "click": _vm.handleSubmit
     }
   }, [_vm._v(" 确 定 ")]), _c("ElButton", {
     attrs: {
-      size: _vm.crud.isMediumSize
+      "size": _vm.crud.isMediumSize
     },
     on: {
-      click: function($event) {
-        _vm.box = !1;
+      "click": function($event) {
+        _vm.box = false;
       }
     }
   }, [_vm._v(" 取 消 ")])], 1)], 2)], 1)], 1) : _vm._e();
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
 const __vue2_script = {
   name: "DialogFilter",
   inject: ["crud"],
   data() {
     return {
-      box: !1,
+      box: false,
       columnObj: {},
       symbolDic: [
         {
@@ -186,15 +189,21 @@ const __vue2_script = {
   },
   methods: {
     handleShow() {
-      this.getColumnOption(), this.box = !0;
+      this.getColumnOption();
+      this.box = true;
     },
     getColumnOption() {
       const result = [];
-      deepClone(this.crud.propOption).forEach((ele) => {
-        ele.showColumn !== !1 && result.push(Object.assign(ele, {
-          value: ele.prop
-        }));
-      }), this.columnOption = result, this.columnObj = this.columnOption[0];
+      const column = deepClone(this.crud.propOption);
+      column.forEach((ele) => {
+        if (ele.showColumn !== false) {
+          result.push(Object.assign(ele, {
+            value: ele.prop
+          }));
+        }
+      });
+      this.columnOption = result;
+      this.columnObj = this.columnOption[0];
     },
     handleDelete(index) {
       this.list.splice(index, 1);
@@ -209,7 +218,9 @@ const __vue2_script = {
       const result = [];
       this.list.forEach((ele) => {
         result.push([ele.text, ele.symbol, ele.value]);
-      }), this.crud.$emit("filter", result), this.box = !1;
+      });
+      this.crud.$emit("filter", result);
+      this.box = false;
     },
     handleChange(index) {
       this.list[index].value = "";
@@ -223,20 +234,22 @@ const __vue2_script = {
       });
     }
   }
-}, __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 DialogFilter = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/dialog-form/index.js

@@ -1,14 +1,15 @@
 import { isEmpty } from "@web-utils/core";
-import { d as deepClone } from "../../chunks/util.89913643.js";
-import Vue from "vue";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { d as deepClone } from "../../chunks/util.b0d0b0ad.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(_vm.dialogType, _vm._b({
     tag: "Component",
     staticClass: "dialog-form",
     attrs: {
-      visible: _vm.visible,
+      "visible": _vm.visible,
       "destroy-on-close": "",
       "before-close": _vm.beforeClose
     },
@@ -17,19 +18,19 @@ var render = function() {
         _vm.visible = $event;
       }
     }
-  }, "Component", _vm.dialog, !1), [_c("FyForm", {
+  }, "Component", _vm.dialog, false), [_c("FyForm", {
     ref: "form",
     attrs: {
-      option: Object.assign({}, _vm.deepClone(_vm.option), {
-        menuBtn: !1
+      "option": Object.assign({}, _vm.deepClone(_vm.option), {
+        menuBtn: false
       }),
-      status: _vm.disabled
+      "status": _vm.disabled
     },
     on: {
       "update:status": function($event) {
         _vm.disabled = $event;
       },
-      submit: _vm.handleSubmit,
+      "submit": _vm.handleSubmit,
       "reset-change": _vm.close
     },
     model: {
@@ -39,121 +40,45 @@ var render = function() {
       },
       expression: "data"
     }
-  }), _vm.isEmpty(_vm.option.menuBtn, !0) ? _c("span", {
+  }), _vm.isEmpty(_vm.option.menuBtn, true) ? _c("span", {
     staticClass: "avue-dialog__footer",
     class: `avue-dialog__footer--${_vm.menuPosition}`
-  }, [_vm.isEmpty(_vm.option.submitBtn, !0) ? _c("ElButton", {
+  }, [_vm.isEmpty(_vm.option.submitBtn, true) ? _c("ElButton", {
     attrs: {
-      size: _vm.$AVUE.size,
-      icon: _vm.option.submitIcon,
-      loading: _vm.disabled,
-      type: "primary"
+      "size": _vm.$AVUE.size,
+      "icon": _vm.option.submitIcon,
+      "loading": _vm.disabled,
+      "type": "primary"
     },
     on: {
-      click: _vm.submit
+      "click": _vm.submit
     }
-  }, [_vm._v(_vm._s(_vm.option.submitText))]) : _vm._e(), _vm.isEmpty(_vm.option.emptyBtn, !0) ? _c("ElButton", {
+  }, [_vm._v(_vm._s(_vm.option.submitText))]) : _vm._e(), _vm.isEmpty(_vm.option.emptyBtn, true) ? _c("ElButton", {
     attrs: {
-      disabled: _vm.disabled,
-      size: _vm.$AVUE.size,
-      icon: _vm.option.emptyIcon
+      "disabled": _vm.disabled,
+      "size": _vm.$AVUE.size,
+      "icon": _vm.option.emptyIcon
     },
     on: {
-      click: _vm.reset
+      "click": _vm.reset
     }
   }, [_vm._v(_vm._s(_vm.option.emptyText))]) : _vm._e()], 1) : _vm._e()], 1);
-}, staticRenderFns = [];
-const __vue2_script$1 = {
-  name: "DialogForm",
-  showForm,
-  data() {
-    return {
-      opt: {},
-      disabled: !1,
-      callback: null,
-      visible: !1,
-      dialog: {
-        closeOnClickModal: !1
-      },
-      isDrawer: !1,
-      option: {
-        submitText: "提交",
-        emptyText: "关闭",
-        submitIcon: "el-icon-check",
-        emptyIcon: "el-icon-close",
-        column: []
-      },
-      data: {}
-    };
-  },
-  computed: {
-    dialogType() {
-      return this.isDrawer ? "ElDrawer" : "ElementDialog";
-    },
-    menuPosition() {
-      return this.opt.menuPosition || "center";
-    }
-  },
-  methods: {
-    isEmpty,
-    deepClone,
-    submit() {
-      this.$refs.form.submit();
-    },
-    reset() {
-      this.$refs.form.resetForm();
-    },
-    beforeClose(done) {
-      done(), this.close();
-    },
-    show(opt) {
-      this.opt = opt, this.callback = opt.callback;
-      const dialog = this.deepClone(opt);
-      ["callback", "option", "data"].forEach((ele) => delete dialog[ele]), this.dialog = Object.assign(this.dialog, dialog), this.dialog.size = this.dialog.width, this.isDrawer = this.dialog.type === "drawer", this.option = Object.assign(this.option, opt.option), this.data = opt.data, this.visible = !0;
-    },
-    close() {
-      const callback = () => {
-        this.visible = !1, this.$destroy(), this.$el.remove();
-      };
-      typeof this.dialog.beforeClose == "function" ? this.dialog.beforeClose(callback) : callback();
-    },
-    handleSubmit(data, done) {
-      this.callback && this.callback({ data, close: this.close, done });
-    }
-  }
-}, __cssModules$1 = {};
-var __component__$1 = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$1,
-  render,
-  staticRenderFns,
-  !1,
-  __vue2_injectStyles$1,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles$1(context) {
-  for (let o in __cssModules$1)
-    this[o] = __cssModules$1[o];
-}
-const DialogFormConstructor = /* @__PURE__ */ function() {
-  return __component__$1.exports;
-}(), showForm = (opt) => {
-  const DialogConstructor = Vue.extend(DialogFormConstructor), instance = new DialogConstructor().$mount();
-  return document.body.appendChild(instance.$el), instance.show(opt), instance;
-}, __vue2_script = {
+};
+var staticRenderFns = [];
+const DialogForm_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "DialogForm",
-  showForm,
+  // showForm,
   data() {
     return {
       opt: {},
-      disabled: !1,
+      disabled: false,
       callback: null,
-      visible: !1,
+      visible: false,
       dialog: {
-        closeOnClickModal: !1
+        closeOnClickModal: false
       },
-      isDrawer: !1,
+      isDrawer: false,
       option: {
         submitText: "提交",
         emptyText: "关闭",
@@ -182,37 +107,53 @@ const DialogFormConstructor = /* @__PURE__ */ function() {
       this.$refs.form.resetForm();
     },
     beforeClose(done) {
-      done(), this.close();
+      done();
+      this.close();
     },
     show(opt) {
-      this.opt = opt, this.callback = opt.callback;
+      this.opt = opt;
+      this.callback = opt.callback;
       const dialog = this.deepClone(opt);
-      ["callback", "option", "data"].forEach((ele) => delete dialog[ele]), this.dialog = Object.assign(this.dialog, dialog), this.dialog.size = this.dialog.width, this.isDrawer = this.dialog.type === "drawer", this.option = Object.assign(this.option, opt.option), this.data = opt.data, this.visible = !0;
+      ["callback", "option", "data"].forEach((ele) => delete dialog[ele]);
+      this.dialog = Object.assign(this.dialog, dialog);
+      this.dialog.size = this.dialog.width;
+      this.isDrawer = this.dialog.type === "drawer";
+      this.option = Object.assign(this.option, opt.option);
+      this.data = opt.data;
+      this.visible = true;
     },
     close() {
       const callback = () => {
-        this.visible = !1, this.$destroy(), this.$el.remove();
+        this.visible = false;
+        this.$destroy();
+        this.$el.remove();
       };
-      typeof this.dialog.beforeClose == "function" ? this.dialog.beforeClose(callback) : callback();
+      if (typeof this.dialog.beforeClose === "function") {
+        this.dialog.beforeClose(callback);
+      } else {
+        callback();
+      }
     },
     handleSubmit(data, done) {
       this.callback && this.callback({ data, close: this.close, done });
     }
   }
-}, __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 DialogForm = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/dialog-form/style.css

@@ -1 +1,10 @@
-.dialog-form .element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body,.dialog-form .el-drawer__body{position:static;margin-bottom:53px}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.dialog-form .element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body, .dialog-form .el-drawer__body {
+  position: static;
+  margin-bottom: 53px;
+}