@web-utils/component 2.7.17 → 2.7.18

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

@@ -8353,6 +8353,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 +8395,7 @@ const ElementDialog_vue_vue_type_style_index_0_lang = "", defaults = {
     },
     top: {
       type: String,
-      default: "15vh"
+      default: "10vh"
     },
     beforeClose: {
       type: Function
@@ -8417,8 +8421,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 +14179,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 +35891,7 @@ function __vue2_injectStyles(t) {
 }
 const Watermark = /* @__PURE__ */ function() {
   return __component__.exports;
-}(), version = "2.7.17";
+}(), version = "2.7.18";
 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.18",
   "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.18",
   "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",