@web-utils/component 2.7.16 → 2.7.18

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

@@ -1,276 +1,142 @@
-import { c } from "../../chunks/config.46422d7f.js";
-import { d as l, o as r, u, j as a } from "../../chunks/util.23fe58fb.js";
-import { isBlank as o } from "@web-utils/core";
-import { n as h } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var p = function() {
-  var t = this, e = t.$createElement, i = t._self._c || e;
-  return t.boxVisible ? i("div", [i(t.dialogType, t._b({
+import { isEmpty as a } from "@web-utils/core";
+import { d as l } from "../../chunks/util.23fe58fb.js";
+import { n } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var r = function() {
+  var e = this, t = e.$createElement, o = e._self._c || t;
+  return o(e.dialogType, e._b({
     tag: "Component",
-    class: ["avue-dialog", "avue-crud__dialog", {
-      "avue-dialog--fullscreen": t.fullscreen
-    }],
+    staticClass: "dialog-form",
     attrs: {
-      "lock-scroll": "",
-      "show-full-screen": "",
-      "destroy-on-close": t.crud.tableOption.dialogDestroy,
-      "wrapper-closable": t.crud.tableOption.dialogClickModal,
-      direction: t.direction,
-      "custom-class": t.crud.tableOption.dialogCustomClass,
-      "modal-append-to-body": "",
-      "append-to-body": "",
-      top: t.dialogTop,
-      title: t.dialogTitle,
-      "close-on-press-escape": t.crud.tableOption.dialogEscape,
-      "close-on-click-modal": t.optVal(t.crud.tableOption.dialogClickModal, !1),
-      modal: t.crud.tableOption.dialogModal,
-      "show-close": t.crud.tableOption.dialogCloseBtn,
-      visible: t.boxVisible,
-      "before-close": t.hide
+      visible: e.visible,
+      "destroy-on-close": "",
+      "before-close": e.beforeClose
     },
     on: {
-      "update:visible": function(s) {
-        t.boxVisible = s;
+      "update:visible": function(i) {
+        e.visible = i;
       }
     }
-  }, "Component", t.params, !1), [i("FyForm", t._b({
-    ref: "tableForm",
+  }, "Component", e.dialog, !1), [o("FyForm", {
+    ref: "form",
     attrs: {
-      status: t.disabled,
-      option: t.option
+      option: Object.assign({}, e.deepClone(e.option), {
+        menuBtn: !1
+      }),
+      status: e.disabled
     },
     on: {
-      "update:status": function(s) {
-        t.disabled = s;
+      "update:status": function(i) {
+        e.disabled = i;
       },
-      change: t.handleChange,
-      submit: t.handleSubmit,
-      "reset-change": t.hide,
-      "tab-click": t.handleTabClick,
-      error: t.handleError
+      submit: e.handleSubmit,
+      "reset-change": e.close
     },
-    scopedSlots: t._u([t._l(t.crud.formSlot, function(s) {
-      return {
-        key: t.getSlotName(s),
-        fn: function(d) {
-          return [t._t(s, null, null, Object.assign(d, {
-            type: t.boxType
-          }))];
-        }
-      };
-    })], null, !0),
     model: {
-      value: t.crud.tableForm,
-      callback: function(s) {
-        t.$set(t.crud, "tableForm", s);
+      value: e.data,
+      callback: function(i) {
+        e.data = i;
       },
-      expression: "crud.tableForm"
+      expression: "data"
     }
-  }, "FyForm", t.uploadFun({}, t.crud), !1)), i("span", {
+  }), e.isEmpty(e.option.menuBtn, !0) ? o("span", {
     staticClass: "avue-dialog__footer",
-    class: `avue-dialog__footer--${t.dialogMenuPosition}`
-  }, [t.optVal(t.option.submitBtn, !0) && !t.isView ? i("ElButton", {
+    class: `avue-dialog__footer--${e.menuPosition}`
+  }, [e.isEmpty(e.option.submitBtn, !0) ? o("ElButton", {
     attrs: {
-      disabled: t.disabled,
-      size: t.crud.controlSize,
-      icon: t.option.submitIcon,
+      size: e.$AVUE.size,
+      icon: e.option.submitIcon,
+      loading: e.disabled,
       type: "primary"
     },
     on: {
-      click: t.submit
+      click: e.submit
     }
-  }, [t._v(t._s(t.option.submitText))]) : t._e(), t.optVal(t.option.emptyBtn, !0) && !t.isView ? i("ElButton", {
+  }, [e._v(e._s(e.option.submitText))]) : e._e(), e.isEmpty(e.option.emptyBtn, !0) ? o("ElButton", {
     attrs: {
-      disabled: t.disabled,
-      size: t.crud.controlSize,
-      icon: t.option.emptyIcon
+      disabled: e.disabled,
+      size: e.$AVUE.size,
+      icon: e.option.emptyIcon
     },
     on: {
-      click: t.reset
+      click: e.reset
     }
-  }, [t._v(t._s(t.option.emptyText))]) : t._e(), t._t("menuForm", null, {
-    disabled: t.disabled,
-    size: t.crud.controlSize,
-    type: t.boxType
-  })], 2)], 1)], 1) : t._e();
-}, b = [];
-const m = {
+  }, [e._v(e._s(e.option.emptyText))]) : e._e()], 1) : e._e()], 1);
+}, c = [];
+const d = {
   name: "DialogForm",
-  inject: ["crud"],
-  props: {
-    value: {
-      type: Object,
-      default: () => ({})
-    }
-  },
   data() {
     return {
+      opt: {},
       disabled: !1,
-      boxType: "",
-      fullscreen: !1,
-      size: null,
-      boxVisible: !1
+      callback: null,
+      visible: !1,
+      dialog: {
+        closeOnClickModal: !1
+      },
+      isDrawer: !1,
+      option: {
+        submitText: "提交",
+        emptyText: "关闭",
+        submitIcon: "el-icon-check",
+        emptyIcon: "el-icon-close",
+        column: []
+      },
+      data: {}
     };
   },
   computed: {
-    option() {
-      const t = l(this.crud.tableOption);
-      return t.boxType = this.boxType, t.column = l(this.crud.propOption), t.menuBtn = !1, this.isAdd ? (t.submitBtn = t.saveBtn, t.submitText = this.crud.menuIcon("saveBtn"), t.submitIcon = this.crud.getBtnIcon("saveBtn")) : this.isEdit ? (t.submitBtn = t.updateBtn, t.submitText = this.crud.menuIcon("updateBtn"), t.submitIcon = this.crud.getBtnIcon("updateBtn")) : this.isView && (t.detail = !0), t.emptyBtn = t.cancelBtn, t.emptyText = this.crud.menuIcon("cancelBtn"), t.emptyIcon = this.crud.getBtnIcon("cancelBtn"), this.crud.isGroup || (t.dicFlag = !1, t.dicData = this.crud.DIC), o(t.dicFlag) || t.column.forEach((e) => {
-        e.boxType = this.boxType, e.dicFlag = e.dicFlag || t.dicFlag;
-      }), t;
-    },
-    isView() {
-      return this.boxType === "view";
-    },
-    isAdd() {
-      return this.boxType === "add";
-    },
-    isEdit() {
-      return this.boxType === "edit";
-    },
-    direction() {
-      return this.crud.tableOption.dialogDirection;
-    },
-    width() {
-      return r(`${this.crud.tableOption.dialogWidth}`, this.crud.isMobile ? "100%" : `${c.dialogWidth}`);
-    },
     dialogType() {
       return this.isDrawer ? "ElDrawer" : "ElementDialog";
     },
-    dialogTop() {
-      return !this.isDrawer && !this.fullscreen ? this.crud.tableOption.dialogTop : "0";
-    },
-    isDrawer() {
-      return this.crud.tableOption.dialogType === "drawer";
-    },
-    params() {
-      return this.isDrawer ? {
-        size: this.fullscreen ? "100%" : this.width,
-        direction: this.crud.tableOption.dialogDirection
-      } : {
-        width: this.width,
-        fullscreen: this.fullscreen
-      };
-    },
-    dialogTitle() {
-      const t = `${this.boxType}`;
-      if (!o(this.boxType)) {
-        const e = {
-          tipStartTitle: "当前表格已选择",
-          tipEndTitle: "项",
-          editTitle: "编 辑",
-          copyTitle: "复 制",
-          addTitle: "新 增",
-          viewTitle: "查 看",
-          filterTitle: "过滤条件",
-          showTitle: "列显隐"
-        };
-        return this.crud.tableOption[`${t}Title`] || e[`${t}Title`];
-      }
-      return "";
-    },
-    dialogMenuPosition() {
-      return this.crud.option.dialogMenuPosition || "right";
+    menuPosition() {
+      return this.opt.menuPosition || "center";
     }
   },
   methods: {
-    isBlank: o,
-    optVal: r,
-    uploadFun: u,
+    isEmpty: a,
+    deepClone: l,
     submit() {
-      this.$refs.tableForm.submit();
+      this.$refs.form.submit();
     },
     reset() {
-      this.$refs.tableForm.resetForm(!1);
-    },
-    getSlotName(t) {
-      return t.replace("Form", "");
-    },
-    initFun() {
-      ["clearValidate", "validate", "resetForm", "validateField"].forEach((t) => {
-        this.crud[t] = this.$refs.tableForm[t];
-      });
-    },
-    handleChange() {
-      this.crud.setVal();
-    },
-    handleTabClick(t, e) {
-      this.crud.$emit("tab-click", t, e);
+      this.$refs.form.resetForm();
     },
-    handleFullScreen() {
-      this.isDrawer && (o(this.size) ? this.size = "100%" : this.size = ""), this.fullscreen = !this.fullscreen;
+    beforeClose(e) {
+      e(), this.close();
     },
-    handleError(t) {
-      this.crud.$emit("error", t);
+    show(e) {
+      this.opt = e, this.callback = e.callback;
+      const t = this.deepClone(e);
+      ["callback", "option", "data"].forEach((o) => delete t[o]), this.dialog = Object.assign(this.dialog, t), this.dialog.size = this.dialog.width, this.isDrawer = this.dialog.type === "drawer", this.option = Object.assign(this.option, e.option), this.data = e.data, this.visible = !0;
     },
-    handleSubmit(t, e) {
-      this.isAdd ? this.rowSave(e) : this.isEdit && this.rowUpdate(e);
-    },
-    // 保存
-    rowSave(t) {
-      this.crud.$emit(
-        "row-save",
-        a(this.crud.tableForm),
-        this.closeDialog,
-        t
-      );
-    },
-    // 更新
-    rowUpdate(t) {
-      this.crud.$emit(
-        "row-update",
-        a(this.crud.tableForm),
-        this.crud.tableIndex,
-        this.closeDialog,
-        t
-      );
-    },
-    closeDialog(t) {
-      t = l(t), t && (() => {
-        if (this.isEdit) {
-          const { parentList: i, index: s } = this.crud.findData(t[this.crud.rowKey]);
-          i && i.splice(s, 1, t);
-        } else if (this.isAdd) {
-          const { item: i } = this.crud.findData(t[this.crud.rowParentKey]);
-          i ? (i[this.crud.childrenKey] || this.$set(i, this.crud.childrenKey, []), this.crud.tableOption.lazy && this.$set(i, this.crud.hasChildrenKey, !0), i[this.crud.childrenKey].push(t)) : this.crud.list.push(t);
-        }
-      })(), this.hide();
-    },
-    // 隐藏表单
-    hide(t) {
+    close() {
       const e = () => {
-        t && t(), this.crud.tableIndex = -1, this.crud.tableForm = {}, this.crud.setVal(), this.boxVisible = !1;
+        this.visible = !1, this.$destroy(), this.$el.remove();
       };
-      typeof this.crud.beforeClose == "function" ? this.crud.beforeClose(e, this.boxType) : e();
+      typeof this.dialog.beforeClose == "function" ? this.dialog.beforeClose(e) : e();
     },
-    // 显示表单
-    show(t) {
-      this.boxType = t;
-      const e = () => {
-        this.fullscreen = this.crud.tableOption.dialogFullscreen, this.boxVisible = !0, this.$nextTick(() => {
-          this.initFun();
-        });
-      };
-      typeof this.crud.beforeOpen == "function" ? this.crud.beforeOpen(e, this.boxType) : e();
+    handleSubmit(e, t) {
+      this.callback && this.callback({ data: e, close: this.close, done: t });
     }
   }
-}, n = {};
-var f = /* @__PURE__ */ h(
-  m,
-  p,
-  b,
+}, s = {};
+var m = /* @__PURE__ */ n(
+  d,
+  r,
+  c,
   !1,
-  g,
+  u,
   null,
   null,
   null
 );
-function g(t) {
-  for (let e in n)
-    this[e] = n[e];
+function u(e) {
+  for (let t in s)
+    this[t] = s[t];
 }
-const F = /* @__PURE__ */ function() {
-  return f.exports;
+const h = /* @__PURE__ */ function() {
+  return m.exports;
 }();
 export {
-  F as default
+  h as default
 };

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

@@ -106,6 +106,10 @@ const u = {
     closeOnPressEscape: {
       type: Boolean,
       default: !0
+    },
+    maxHeight: {
+      type: String,
+      default: "76vh"
     }
   }
 }, c = {
@@ -144,7 +148,7 @@ const u = {
     },
     top: {
       type: String,
-      default: "15vh"
+      default: "10vh"
     },
     beforeClose: {
       type: Function
@@ -170,8 +174,10 @@ const u = {
   },
   computed: {
     style() {
-      const e = {};
-      return this.fullScreen || (e.marginTop = this.top, this.width && (e.width = this.width)), e;
+      const e = {
+        maxHeight: "100%"
+      };
+      return this.fullScreen || (e.marginTop = this.top, this.width && (e.width = this.width), e.maxHeight = this.maxHeight), e;
     }
   },
   watch: {

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

@@ -1 +1 @@
-.element-dialog.el-dialog.el-dialog-resizeable{display:flex;flex-direction:column}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body{position:relative;flex:1 1 auto;padding:0}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__header{position:relative;font-size:18px}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__footer{padding-bottom:10px;text-align:right}.element-dialog.el-dialog.el-dialog-resizeable .dialog-head-group{position:absolute;top:50%;right:14px;transform:translateY(-50%)}.element-dialog.el-dialog.is-fullscreen{position:absolute;top:0!important;left:0!important;width:100%!important;height:100%!important}.element-dialog.el-dialog.el-dialog--center .el-dialog__header{justify-content:center}.element-dialog.el-dialog.el-dialog--flex-column .el-dialog__body{display:flex;flex-direction:column}.element-dialog.el-dialog.el-dialog--flex-row .el-dialog__body{display:flex;flex-direction:row}.element-dialog.el-dialog.el-dialog__body-padding .el-dialog__body{padding:10px}.element-dialog.el-dialog .el-dialog__body{padding:0}.element-dialog.el-dialog .el-dialog__header{display:flex;flex-direction:row;position:relative;align-items:center;padding:4px 10px;font-size:16px;background-color:#409eff}.element-dialog.el-dialog .el-dialog__header .el-dialog__title{color:#fff;font-weight:400;font-size:16px}.element-dialog.el-dialog .header-button-wrapper{position:absolute;top:50%;right:10px;display:flex;transform:translateY(-50%)}.element-dialog.el-dialog .header-button{padding:2px;color:#fff;border:none;outline:0;cursor:pointer}.element-dialog.el-dialog .header-button.header-dialog-close:hover{background:#e34e55}.element-dialog.el-dialog .header-button:hover{background:rgba(0,0,0,.3)}
+.element-dialog.el-dialog.el-dialog-resizeable{display:flex;flex-direction:column}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body{position:relative;flex:1 1 auto;padding:0}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__header{position:relative;font-size:18px}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__footer{padding-bottom:10px;text-align:right}.element-dialog.el-dialog.el-dialog-resizeable .dialog-head-group{position:absolute;top:50%;right:14px;transform:translateY(-50%)}.element-dialog.el-dialog.is-fullscreen{position:absolute;top:0!important;left:0!important;width:100%!important;height:100%!important}.element-dialog.el-dialog.el-dialog--center .el-dialog__header{justify-content:center}.element-dialog.el-dialog.el-dialog--flex-column .el-dialog__body{display:flex;flex-direction:column}.element-dialog.el-dialog.el-dialog--flex-row .el-dialog__body{display:flex;flex-direction:row}.element-dialog.el-dialog.el-dialog__body-padding .el-dialog__body{padding:10px}.element-dialog.el-dialog .el-dialog__body{padding:0;overflow:auto}.element-dialog.el-dialog .el-dialog__header{display:flex;flex-direction:row;position:relative;align-items:center;padding:4px 10px;font-size:16px;background-color:#409eff}.element-dialog.el-dialog .el-dialog__header .el-dialog__title{color:#fff;font-weight:400;font-size:16px}.element-dialog.el-dialog .header-button-wrapper{position:absolute;top:50%;right:10px;display:flex;transform:translateY(-50%)}.element-dialog.el-dialog .header-button{padding:2px;color:#fff;border:none;outline:0;cursor:pointer}.element-dialog.el-dialog .header-button.header-dialog-close:hover{background:#e34e55}.element-dialog.el-dialog .header-button:hover{background:rgba(0,0,0,.3)}

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

@@ -1,10 +1,10 @@
-import { c as a } from "../../chunks/config.46422d7f.js";
-import { d as l, o as n, u, j as c } from "../../chunks/util.23fe58fb.js";
+import { c as d } from "../../chunks/config.46422d7f.js";
+import { d as l, o as a, u, j as n } from "../../chunks/util.23fe58fb.js";
 import { isBlank as r } from "@web-utils/core";
 import { n as h } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var p = function() {
   var t = this, e = t.$createElement, i = t._self._c || e;
-  return t.boxVisible ? i("div", [i(t.dialogType, t._b({
+  return t.boxVisible ? i(t.dialogType, t._b({
     tag: "Component",
     class: {
       "dialog-form": !t.isView
@@ -91,7 +91,7 @@ var p = function() {
     disabled: t.disabled,
     size: t.crud.controlSize,
     type: t.boxType
-  })], 2)], 1)], 1) : t._e();
+  })], 2)], 1) : t._e();
 }, b = [];
 const m = {
   name: "FyDialogForm",
@@ -105,7 +105,6 @@ const m = {
   data() {
     return {
       disabled: !1,
-      config: a,
       boxType: "",
       fullscreen: !1,
       size: null,
@@ -132,7 +131,7 @@ const m = {
       return this.crud.tableOption.dialogDirection;
     },
     width() {
-      return n(`${this.crud.tableOption.dialogWidth}`, this.crud.isMobile ? "100%" : `${a.dialogWidth}`);
+      return a(`${this.crud.tableOption.dialogWidth}`, this.crud.isMobile ? "100%" : `${d.dialogWidth}`);
     },
     dialogType() {
       return this.isDrawer ? "ElDrawer" : "ElementDialog";
@@ -174,7 +173,7 @@ const m = {
     }
   },
   methods: {
-    optVal: n,
+    optVal: a,
     uploadFun: u,
     submit() {
       this.$refs.tableForm.submit();
@@ -197,7 +196,7 @@ const m = {
       this.crud.$emit("tab-click", t, e);
     },
     handleFullScreen() {
-      this.isDrawer && (r(this.size) ? this.size = "100%" : this.size = ""), this.fullscreen ? this.fullscreen = !1 : this.fullscreen = !0;
+      this.isDrawer && (r(this.size) ? this.size = "100%" : this.size = ""), this.fullscreen = !this.fullscreen;
     },
     handleError(t) {
       this.crud.$emit("error", t);
@@ -209,7 +208,7 @@ const m = {
     rowSave(t) {
       this.crud.$emit(
         "row-save",
-        c(this.crud.tableForm, ["$"]),
+        n(this.crud.tableForm, ["$"]),
         this.closeDialog,
         t
       );
@@ -218,7 +217,7 @@ const m = {
     rowUpdate(t) {
       this.crud.$emit(
         "row-update",
-        c(this.crud.tableForm, ["$"]),
+        n(this.crud.tableForm, ["$"]),
         this.crud.tableIndex,
         this.closeDialog,
         t
@@ -256,7 +255,7 @@ const m = {
       typeof this.crud.beforeOpen == "function" ? this.crud.beforeOpen(e, this.boxType) : e();
     }
   }
-}, d = {};
+}, c = {};
 var f = /* @__PURE__ */ h(
   m,
   p,
@@ -268,8 +267,8 @@ var f = /* @__PURE__ */ h(
   null
 );
 function y(t) {
-  for (let e in d)
-    this[e] = d[e];
+  for (let e in c)
+    this[e] = c[e];
 }
 const x = /* @__PURE__ */ function() {
   return f.exports;

package/dist/components/image-cropper/index.js

@@ -231,8 +231,8 @@ const d = /* @__PURE__ */ function() {
     data: {
       option: t
     }
-  });
-  return i.$mount(), document.body.appendChild(i.$el), i.show(), i;
+  }).$mount();
+  return document.body.appendChild(i.$el), i.show(), i;
 }, g = {
   name: "ImageCropper",
   imageCropper: u,

package/dist/components/image-preview/index.js

@@ -241,8 +241,8 @@ const w = /* @__PURE__ */ function() {
     }
   }, o = new i({
     data: a
-  });
-  return o.$mount(), document.body.appendChild(o.$el), o.isShow = !0, o;
+  }).$mount();
+  return document.body.appendChild(o.$el), o.isShow = !0, o;
 }, x = {
   name: "ImagePreview",
   imagePreview: p,

package/dist/index.css

@@ -2256,6 +2256,7 @@ body {
 }
 .element-dialog.el-dialog .el-dialog__body {
   padding: 0;
+  overflow: auto;
 }
 .element-dialog.el-dialog .el-dialog__header {
   display: flex;