@web-utils/component 2.7.20 → 2.7.21

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

@@ -1,99 +1,99 @@
-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(t.dialogType, t._b({
+import { c as config } from "../../chunks/config.7dec2bf2.js";
+import { d as deepClone, o as optVal, u as uploadFun, v as filterParams } from "../../chunks/util.89913643.js";
+import { isBlank } from "@web-utils/core";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _vm.boxVisible ? _c(_vm.dialogType, _vm._b({
     tag: "Component",
     class: {
-      "dialog-form": !t.isView
+      "dialog-form": !_vm.isView
     },
     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,
+      "destroy-on-close": _vm.crud.tableOption.dialogDestroy,
+      "wrapper-closable": _vm.crud.tableOption.dialogClickModal,
+      direction: _vm.direction,
+      "custom-class": _vm.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
+      top: _vm.dialogTop,
+      title: _vm.dialogTitle,
+      "close-on-press-escape": _vm.crud.tableOption.dialogEscape,
+      "close-on-click-modal": _vm.optVal(_vm.crud.tableOption.dialogClickModal, !1),
+      modal: _vm.crud.tableOption.dialogModal,
+      "show-close": _vm.crud.tableOption.dialogCloseBtn,
+      visible: _vm.boxVisible,
+      "before-close": _vm.hide
     },
     on: {
-      "update:visible": function(s) {
-        t.boxVisible = s;
+      "update:visible": function($event) {
+        _vm.boxVisible = $event;
       }
     }
-  }, "Component", t.params, !1), [i("FyForm", t._b({
+  }, "Component", _vm.params, !1), [_c("FyForm", _vm._b({
     ref: "tableForm",
     attrs: {
-      status: t.disabled,
-      option: t.option
+      status: _vm.disabled,
+      option: _vm.option
     },
     on: {
-      "update:status": function(s) {
-        t.disabled = s;
+      "update:status": function($event) {
+        _vm.disabled = $event;
       },
-      change: t.handleChange,
-      submit: t.handleSubmit,
-      "reset-change": t.hide,
-      "tab-click": t.handleTabClick,
-      error: t.handleError
+      change: _vm.handleChange,
+      submit: _vm.handleSubmit,
+      "reset-change": _vm.hide,
+      "tab-click": _vm.handleTabClick,
+      error: _vm.handleError
     },
-    scopedSlots: t._u([t._l(t.crud.formSlot, function(s) {
+    scopedSlots: _vm._u([_vm._l(_vm.crud.formSlot, function(item) {
       return {
-        key: t.getSlotName(s),
-        fn: function(o) {
-          return [t._t(s, null, null, Object.assign(o, {
-            type: t.boxType
+        key: _vm.getSlotName(item),
+        fn: function(scope) {
+          return [_vm._t(item, null, null, Object.assign(scope, {
+            type: _vm.boxType
           }))];
         }
       };
     })], null, !0),
     model: {
-      value: t.crud.tableForm,
-      callback: function(s) {
-        t.$set(t.crud, "tableForm", s);
+      value: _vm.crud.tableForm,
+      callback: function($$v) {
+        _vm.$set(_vm.crud, "tableForm", $$v);
       },
       expression: "crud.tableForm"
     }
-  }, "FyForm", t.uploadFun({}, t.crud), !1)), i("span", {
+  }, "FyForm", _vm.uploadFun({}, _vm.crud), !1)), _c("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--${_vm.dialogMenuPosition}`
+  }, [_vm.optVal(_vm.option.submitBtn, !0) && !_vm.isView ? _c("ElButton", {
     attrs: {
-      loading: t.disabled,
-      size: t.crud.controlSize,
-      icon: t.option.submitIcon,
+      loading: _vm.disabled,
+      size: _vm.crud.controlSize,
+      icon: _vm.option.submitIcon,
       type: "primary"
     },
     on: {
-      click: t.submit
+      click: _vm.submit
     }
-  }, [t._v(t._s(t.option.submitText))]) : t._e(), t.optVal(t.option.emptyBtn, !0) && !t.isView ? i("ElButton", {
+  }, [_vm._v(_vm._s(_vm.option.submitText))]) : _vm._e(), _vm.optVal(_vm.option.emptyBtn, !0) && !_vm.isView ? _c("ElButton", {
     attrs: {
-      disabled: t.disabled,
-      size: t.crud.controlSize,
-      icon: t.option.emptyIcon
+      disabled: _vm.disabled,
+      size: _vm.crud.controlSize,
+      icon: _vm.option.emptyIcon
     },
     on: {
-      click: t.reset
+      click: _vm.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) : t._e();
-}, b = [];
-const m = {
+  }, [_vm._v(_vm._s(_vm.option.emptyText))]) : _vm._e(), _vm._t("menuForm", null, {
+    disabled: _vm.disabled,
+    size: _vm.crud.controlSize,
+    type: _vm.boxType
+  })], 2)], 1) : _vm._e();
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "FyDialogForm",
   inject: ["crud"],
   props: {
@@ -113,10 +113,10 @@ const m = {
   },
   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), r(t.dicFlag) || t.column.forEach((e) => {
-        e.boxType = this.boxType, e.dicFlag = e.dicFlag || t.dicFlag;
-      }), t;
+      const option = deepClone(this.crud.tableOption);
+      return option.boxType = this.boxType, option.column = deepClone(this.crud.propOption), option.menuBtn = !1, this.isAdd ? (option.submitBtn = option.saveBtn, option.submitText = this.crud.menuIcon("saveBtn"), option.submitIcon = this.crud.getBtnIcon("saveBtn")) : this.isEdit ? (option.submitBtn = option.updateBtn, option.submitText = this.crud.menuIcon("updateBtn"), option.submitIcon = this.crud.getBtnIcon("updateBtn")) : this.isView && (option.detail = !0), option.emptyBtn = option.cancelBtn, option.emptyText = this.crud.menuIcon("cancelBtn"), option.emptyIcon = this.crud.getBtnIcon("cancelBtn"), this.crud.isGroup || (option.dicFlag = !1, option.dicData = this.crud.DIC), isBlank(option.dicFlag) || option.column.forEach((ele) => {
+        ele.boxType = this.boxType, ele.dicFlag = ele.dicFlag || option.dicFlag;
+      }), option;
     },
     isView() {
       return this.boxType === "view";
@@ -131,7 +131,7 @@ const m = {
       return this.crud.tableOption.dialogDirection;
     },
     width() {
-      return a(`${this.crud.tableOption.dialogWidth}`, this.crud.isMobile ? "100%" : `${d.dialogWidth}`);
+      return optVal(`${this.crud.tableOption.dialogWidth}`, this.crud.isMobile ? "100%" : `${config.dialogWidth}`);
     },
     dialogType() {
       return this.isDrawer ? "ElDrawer" : "ElementDialog";
@@ -152,9 +152,9 @@ const m = {
       };
     },
     dialogTitle() {
-      const t = `${this.boxType}`;
-      if (!r(this.boxType)) {
-        const e = {
+      const key = `${this.boxType}`;
+      if (!isBlank(this.boxType)) {
+        const map = {
           tipStartTitle: "当前表格已选择",
           tipEndTitle: "项",
           editTitle: "编 辑",
@@ -164,7 +164,7 @@ const m = {
           filterTitle: "过滤条件",
           showTitle: "列显隐"
         };
-        return this.crud.tableOption[`${t}Title`] || e[`${t}Title`];
+        return this.crud.tableOption[`${key}Title`] || map[`${key}Title`];
       }
       return "";
     },
@@ -173,106 +173,106 @@ const m = {
     }
   },
   methods: {
-    optVal: a,
-    uploadFun: u,
+    optVal,
+    uploadFun,
     submit() {
       this.$refs.tableForm.submit();
     },
     reset() {
       this.$refs.tableForm.resetForm(!1);
     },
-    getSlotName(t) {
-      return t.replace("Form", "");
+    getSlotName(item) {
+      return item.replace("Form", "");
     },
     initFun() {
-      ["clearValidate", "validate", "resetForm", "validateField"].forEach((t) => {
-        this.crud[t] = this.$refs.tableForm[t];
+      ["clearValidate", "validate", "resetForm", "validateField"].forEach((ele) => {
+        this.crud[ele] = this.$refs.tableForm[ele];
       });
     },
     handleChange() {
       this.crud.setVal();
     },
-    handleTabClick(t, e) {
-      this.crud.$emit("tab-click", t, e);
+    handleTabClick(tab, event) {
+      this.crud.$emit("tab-click", tab, event);
     },
     handleFullScreen() {
-      this.isDrawer && (r(this.size) ? this.size = "100%" : this.size = ""), this.fullscreen = !this.fullscreen;
+      this.isDrawer && (isBlank(this.size) ? this.size = "100%" : this.size = ""), this.fullscreen = !this.fullscreen;
     },
-    handleError(t) {
-      this.crud.$emit("error", t);
+    handleError(error) {
+      this.crud.$emit("error", error);
     },
-    handleSubmit(t, e) {
-      this.isAdd ? this.rowSave(e) : this.isEdit && this.rowUpdate(e);
+    handleSubmit(form, hide) {
+      this.isAdd ? this.rowSave(hide) : this.isEdit && this.rowUpdate(hide);
     },
     // 保存
-    rowSave(t) {
+    rowSave(hide) {
       this.crud.$emit(
         "row-save",
-        n(this.crud.tableForm, ["$"]),
+        filterParams(this.crud.tableForm, ["$"]),
         this.closeDialog,
-        t
+        hide
       );
     },
     // 更新
-    rowUpdate(t) {
+    rowUpdate(hide) {
       this.crud.$emit(
         "row-update",
-        n(this.crud.tableForm, ["$"]),
+        filterParams(this.crud.tableForm, ["$"]),
         this.crud.tableIndex,
         this.closeDialog,
-        t
+        hide
       );
     },
-    closeDialog(t) {
-      t = l(t), t && (() => {
+    closeDialog(row) {
+      row = deepClone(row), row && (() => {
         if (this.isEdit) {
-          const { parentList: i, index: s } = this.crud.findData(t[this.crud.rowKey]);
-          if (i) {
-            const o = i.splice(s, 1)[0];
-            t[this.crud.childrenKey] = o[this.crud.childrenKey], i.splice(s, 0, t);
+          const { parentList, index } = this.crud.findData(row[this.crud.rowKey]);
+          if (parentList) {
+            const oldRow = parentList.splice(index, 1)[0];
+            row[this.crud.childrenKey] = oldRow[this.crud.childrenKey], parentList.splice(index, 0, row);
           }
         } 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);
+          const { item } = this.crud.findData(row[this.crud.rowParentKey]);
+          item ? (item[this.crud.childrenKey] || this.$set(item, this.crud.childrenKey, []), this.crud.tableOption.lazy && this.$set(item, this.crud.hasChildrenKey, !0), item[this.crud.childrenKey].push(row)) : this.crud.list.push(row);
         }
       })(), this.hide();
     },
     // 隐藏表单
-    hide(t) {
-      const e = () => {
-        t && t(), this.crud.tableIndex = -1, this.crud.tableForm = {}, this.crud.setVal(), this.boxVisible = !1;
+    hide(done) {
+      const callback = () => {
+        done && done(), this.crud.tableIndex = -1, this.crud.tableForm = {}, this.crud.setVal(), this.boxVisible = !1;
       };
-      typeof this.crud.beforeClose == "function" ? this.crud.beforeClose(e, this.boxType) : e();
+      typeof this.crud.beforeClose == "function" ? this.crud.beforeClose(callback, this.boxType) : callback();
     },
     // 显示表单
-    show(t) {
-      this.boxType = t;
-      const e = () => {
+    show(type) {
+      this.boxType = type;
+      const callback = () => {
         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();
+      typeof this.crud.beforeOpen == "function" ? this.crud.beforeOpen(callback, this.boxType) : callback();
     }
   }
-}, c = {};
-var f = /* @__PURE__ */ h(
-  m,
-  p,
-  b,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  y,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function y(t) {
-  for (let e in c)
-    this[e] = c[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const x = /* @__PURE__ */ function() {
-  return f.exports;
+const FyDialogForm = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  x as default
+  FyDialogForm as default
 };