@web-utils/component 2.7.17 → 2.7.19

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

@@ -1,7 +1,8 @@
 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() {
+import { d as n } from "../../chunks/util.23fe58fb.js";
+import m from "vue";
+import { n as r } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var c = function() {
   var e = this, t = e.$createElement, o = e._self._c || t;
   return o(e.dialogType, e._b({
     tag: "Component",
@@ -12,8 +13,8 @@ var r = function() {
       "before-close": e.beforeClose
     },
     on: {
-      "update:visible": function(i) {
-        e.visible = i;
+      "update:visible": function(s) {
+        e.visible = s;
       }
     }
   }, "Component", e.dialog, !1), [o("FyForm", {
@@ -25,16 +26,16 @@ var r = function() {
       status: e.disabled
     },
     on: {
-      "update:status": function(i) {
-        e.disabled = i;
+      "update:status": function(s) {
+        e.disabled = s;
       },
       submit: e.handleSubmit,
       "reset-change": e.close
     },
     model: {
       value: e.data,
-      callback: function(i) {
-        e.data = i;
+      callback: function(s) {
+        e.data = s;
       },
       expression: "data"
     }
@@ -61,9 +62,10 @@ var r = function() {
       click: e.reset
     }
   }, [e._v(e._s(e.option.emptyText))]) : e._e()], 1) : e._e()], 1);
-}, c = [];
-const d = {
+}, d = [];
+const h = {
   name: "DialogForm",
+  showForm: u,
   data() {
     return {
       opt: {},
@@ -94,7 +96,7 @@ const d = {
   },
   methods: {
     isEmpty: a,
-    deepClone: l,
+    deepClone: n,
     submit() {
       this.$refs.form.submit();
     },
@@ -119,24 +121,102 @@ const d = {
       this.callback && this.callback({ data: e, close: this.close, done: t });
     }
   }
-}, s = {};
-var m = /* @__PURE__ */ n(
+}, i = {};
+var p = /* @__PURE__ */ r(
+  h,
+  c,
   d,
-  r,
+  !1,
+  b,
+  null,
+  null,
+  null
+);
+function b(e) {
+  for (let t in i)
+    this[t] = i[t];
+}
+const f = /* @__PURE__ */ function() {
+  return p.exports;
+}(), u = (e) => {
+  const t = m.extend(f), o = new t().$mount();
+  return document.body.appendChild(o.$el), o.show(e), o;
+}, _ = {
+  name: "DialogForm",
+  showForm: u,
+  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: a,
+    deepClone: n,
+    submit() {
+      this.$refs.form.submit();
+    },
+    reset() {
+      this.$refs.form.resetForm();
+    },
+    beforeClose(e) {
+      e(), this.close();
+    },
+    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;
+    },
+    close() {
+      const e = () => {
+        this.visible = !1, this.$destroy(), this.$el.remove();
+      };
+      typeof this.dialog.beforeClose == "function" ? this.dialog.beforeClose(e) : e();
+    },
+    handleSubmit(e, t) {
+      this.callback && this.callback({ data: e, close: this.close, done: t });
+    }
+  }
+}, l = {};
+var g = /* @__PURE__ */ r(
+  _,
   c,
+  d,
   !1,
-  u,
+  v,
   null,
   null,
   null
 );
-function u(e) {
-  for (let t in s)
-    this[t] = s[t];
+function v(e) {
+  for (let t in l)
+    this[t] = l[t];
 }
-const h = /* @__PURE__ */ function() {
-  return m.exports;
+const w = /* @__PURE__ */ function() {
+  return g.exports;
 }();
 export {
-  h as default
+  w 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

@@ -196,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);

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;

package/dist/index.es.js

@@ -6574,7 +6574,10 @@ function __vue2_injectStyles$2p(t) {
 }
 const DialogFilter = /* @__PURE__ */ function() {
   return __component__$2p.exports;
-}();
+}(), showForm = (t) => {
+  const n = Vue.extend(DialogForm), s = new n().$mount();
+  return document.body.appendChild(s.$el), s.show(t), s;
+};
 var render$2c = function() {
   var t = this, n = t.$createElement, s = t._self._c || n;
   return s(t.dialogType, t._b({
@@ -6638,6 +6641,7 @@ var render$2c = function() {
 }, staticRenderFns$2c = [];
 const DialogForm_vue_vue_type_style_index_0_lang = "", __vue2_script$2o = {
   name: "DialogForm",
+  showForm,
   data() {
     return {
       opt: {},
@@ -8353,6 +8357,10 @@ const ElementDialog_vue_vue_type_style_index_0_lang = "", defaults = {
     closeOnPressEscape: {
       type: Boolean,
       default: !0
+    },
+    maxHeight: {
+      type: String,
+      default: "76vh"
     }
   }
 }, __vue2_script$2h = {
@@ -8391,7 +8399,7 @@ const ElementDialog_vue_vue_type_style_index_0_lang = "", defaults = {
     },
     top: {
       type: String,
-      default: "15vh"
+      default: "10vh"
     },
     beforeClose: {
       type: Function
@@ -8417,8 +8425,10 @@ const ElementDialog_vue_vue_type_style_index_0_lang = "", defaults = {
   },
   computed: {
     style() {
-      const t = {};
-      return this.fullScreen || (t.marginTop = this.top, this.width && (t.width = this.width)), t;
+      const t = {
+        maxHeight: "100%"
+      };
+      return this.fullScreen || (t.marginTop = this.top, this.width && (t.width = this.width), t.maxHeight = this.maxHeight), t;
     }
   },
   watch: {
@@ -14173,7 +14183,7 @@ const FyDialogForm_vue_vue_type_style_index_0_lang = "", __vue2_script$1I = {
       this.crud.$emit("tab-click", t, n);
     },
     handleFullScreen() {
-      this.isDrawer && (isBlank(this.size) ? this.size = "100%" : this.size = ""), this.fullscreen ? this.fullscreen = !1 : this.fullscreen = !0;
+      this.isDrawer && (isBlank(this.size) ? this.size = "100%" : this.size = ""), this.fullscreen = !this.fullscreen;
     },
     handleError(t) {
       this.crud.$emit("error", t);
@@ -35885,7 +35895,7 @@ function __vue2_injectStyles(t) {
 }
 const Watermark = /* @__PURE__ */ function() {
   return __component__.exports;
-}(), version = "2.7.17";
+}(), version = "2.7.19";
 function index(t) {
   t.component(AddressInput.name, AddressInput), t.component(Affix.name, Affix), t.component(AsideMenu.name, AsideMenu), t.component(Avatar.name, Avatar), t.component(AwesomeButton.name, AwesomeButton), t.component(CapsuleTab.name, CapsuleTab), t.component(Card.name, Card), t.component(Carousel.name, Carousel), t.component(Chat.name, Chat), t.component(ChunkFileUploader.name, ChunkFileUploader), t.component(ChunkFileUploaderButton.name, ChunkFileUploaderButton), t.component(ChunkFileUploaderDrop.name, ChunkFileUploaderDrop), t.component(ChunkFileUploaderFile.name, ChunkFileUploaderFile), t.component(ChunkFileUploaderFiles.name, ChunkFileUploaderFiles), t.component(ChunkFileUploaderList.name, ChunkFileUploaderList), t.component(ChunkFileUploaderUnSupport.name, ChunkFileUploaderUnSupport), t.component(CodeMirrorEditor.name, CodeMirrorEditor), t.component(ColorPicker.name, ColorPicker), t.component(Column.name, Column), t.component(ColumnDefault.name, ColumnDefault), t.component(ColumnDynamic.name, ColumnDynamic), t.component(ColumnMenu.name, ColumnMenu), t.component(ColumnSlot.name, ColumnSlot), t.component(Comment.name, Comment), t.component(Confirmable.name, Confirmable), t.component(ConfirmButton.name, ConfirmButton), t.component(ContextMenu.name, ContextMenu), t.component(CountUp.name, CountUp), t.component(CustomScrollbar.name, CustomScrollbar), t.component(DataBox.name, DataBox), t.component(DataCard.name, DataCard), t.component(DataCardtext.name, DataCardtext), t.component(DataDisplay.name, DataDisplay), t.component(DataIcons.name, DataIcons), t.component(DataImgtext.name, DataImgtext), t.component(DataOperatext.name, DataOperatext), t.component(DataPanel.name, DataPanel), t.component(DataPay.name, DataPay), t.component(DataPrice.name, DataPrice), t.component(DataProgress.name, DataProgress), t.component(DataRotate.name, DataRotate), t.component(DataTablePicker.name, DataTablePicker), t.component(DataTabs.name, DataTabs), t.component(DialogColumn.name, DialogColumn), t.component(DialogExcel.name, DialogExcel), t.component(DialogFilter.name, DialogFilter), t.component(DialogForm.name, DialogForm), t.component(DynamicTable.name, DynamicTable), t.component(ECharts.name, ECharts), t.component(EditableProgress.name, EditableProgress), t.component(EditableTree.name, EditableTree), t.component(EgdCollapse.name, EgdCollapse), t.component(EgdCollapseItem.name, EgdCollapseItem), t.component(ElementDialog.name, ElementDialog), t.component(EmptyView.name, EmptyView), t.component(ErrorView.name, ErrorView), t.component(FlexColumn.name, FlexColumn), t.component(FlexItem.name, FlexItem), t.component(FlexRow.name, FlexRow), t.component(FlexScroller.name, FlexScroller), t.component(Flow.name, Flow), t.component(FlowNode.name, FlowNode), t.component(FormButton.name, FormButton), t.component(FormCascader.name, FormCascader), t.component(FormCheckboxGroup.name, FormCheckboxGroup), t.component(FormDatePicker.name, FormDatePicker), t.component(FormGroup.name, FormGroup), t.component(FormHolder.name, FormHolder), t.component(FormInput.name, FormInput), t.component(FormInputEmail.name, FormInputEmail), t.component(FormInputIdCard.name, FormInputIdCard), t.component(FormInputNumber.name, FormInputNumber), t.component(FormInputPhoneNumber.name, FormInputPhoneNumber), t.component(FormInputTime.name, FormInputTime), t.component(FormItem.name, FormItem), t.component(FormItemConfigProvider.name, FormItemConfigProvider), t.component(FormItemGroup.name, FormItemGroup), t.component(FormRadioGroup.name, FormRadioGroup), t.component(FormSelect.name, FormSelect), t.component(FormSwitch.name, FormSwitch), t.component(FormTemp.name, FormTemp), t.component(FormTextarea.name, FormTextarea), t.component(FormView.name, FormView), t.component(FyArray.name, FyArray), t.component(FyArticle.name, FyArticle), t.component(FyCascader.name, FyCascader), t.component(FyCheckbox.name, FyCheckbox), t.component(FyCode.name, FyCode), t.component(FyCurd.name, FyCurd), t.component(FyDate.name, FyDate), t.component(FyDialogForm.name, FyDialogForm), t.component(FyDraggable.name, FyDraggable), t.component(FyDynamic.name, FyDynamic), t.component(FyEmpty.name, FyEmpty), t.component(FyForm.name, FyForm), t.component(FyFormDesign.name, FyFormDesign), t.component(FyFormMenu.name, FyFormMenu), t.component(FyInput.name, FyInput), t.component(FyInputColor.name, FyInputColor), t.component(FyInputIcon.name, FyInputIcon), t.component(FyInputMap.name, FyInputMap), t.component(FyInputNumber.name, FyInputNumber), t.component(FyInputTable.name, FyInputTable), t.component(FyInputTree.name, FyInputTree), t.component(FyProgress.name, FyProgress), t.component(FyRadio.name, FyRadio), t.component(FyRate.name, FyRate), t.component(FySelect.name, FySelect), t.component(FySlider.name, FySlider), t.component(FySwitch.name, FySwitch), t.component(FyTabs.name, FyTabs), t.component(FyTime.name, FyTime), t.component(FyTitle.name, FyTitle), t.component(FyTree.name, FyTree), t.component(FyUEditor.name, FyUEditor), t.component(FyUpload.name, FyUpload), t.component(GuideSteps.name, GuideSteps), t.component(HeaderMenu.name, HeaderMenu), t.component(HeaderSearch.name, HeaderSearch), t.component(IconCard.name, IconCard), t.component(IconTemp.name, IconTemp), t.component(IframeWindow.name, IframeWindow), t.component(ImageCropper.name, ImageCropper), t.component(ImagePreview.name, ImagePreview), t.component(ImageViewer.name, ImageViewer), t.component(InputNumber.name, InputNumber), t.component(InputNumberRange.name, InputNumberRange), t.component(JSXComponent.name, JSXComponent), t.component(KeepViewAlive.name, KeepViewAlive), t.component(Keyboard.name, Keyboard), t.component(License.name, License), t.component(LoadingView.name, LoadingView), t.component(Login.name, Login), t.component(NameAvatar.name, NameAvatar), t.component(NavBar.name, NavBar), t.component(Notice.name, Notice), t.component(NotImplement.name, NotImplement), t.component(Page.name, Page), t.component(PageableTable.name, PageableTable), t.component(PageableView.name, PageableView), t.component(PageHeader.name, PageHeader), t.component(PageIndex.name, PageIndex), t.component(PageIndexTop.name, PageIndexTop), t.component(PageSkeleton.name, PageSkeleton), t.component(PageSkeletonNew.name, PageSkeletonNew), t.component(PhotoSwipe.name, PhotoSwipe), t.component(Queue.name, Queue), t.component(RecordVideo.name, RecordVideo), t.component(ResizeObserver.name, ResizeObserver), t.component(Search.name, Search), t.component(SearchPopover.name, SearchPopover), t.component(Sign.name, Sign), t.component(SignPanel.name, SignPanel), t.component(Skeleton.name, Skeleton), t.component(SplitPane.name, SplitPane), t.component(Stateful.name, Stateful), t.component(StaticPageableTable.name, StaticPageableTable), t.component(Swiper.name, Swiper), t.component(Tab.name, Tab), t.component(TabItem.name, TabItem), t.component(TableColumn.name, TableColumn), t.component(TablePage.name, TablePage), t.component(TableView.name, TableView), t.component(TagRender.name, TagRender), t.component(TextEllipsis.name, TextEllipsis), t.component(TinymceEditor.name, TinymceEditor), t.component(TinymceWrapper.name, TinymceWrapper), t.component(Toolbar.name, Toolbar), t.component(ToolbarButton.name, ToolbarButton), t.component(Trigger.name, Trigger), t.component(Verify.name, Verify), t.component(VueTagsInput.name, VueTagsInput), t.component(Watermark.name, Watermark);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-utils/component",
-  "version": "2.7.17",
+  "version": "2.7.19",
   "type": "module",
   "private": false,
   "license": "MIT",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "2.7.17",
+  "version": "2.7.19",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -2095,6 +2095,14 @@
               },
               "default": "true"
             },
+            {
+              "name": "maxHeight",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "'76vh'"
+            },
             {
               "name": "title",
               "value": {
@@ -2165,7 +2173,7 @@
                 "kind": "expression",
                 "type": "string"
               },
-              "default": "'15vh'"
+              "default": "'10vh'"
             },
             {
               "name": "beforeClose",