@web-utils/component 2.8.24 → 2.8.26

package/base.css

@@ -1 +1 @@
-.border-bottom{border-bottom:1px solid #d7dae0}.clear-fix:after{display:block;clear:both;height:0;visibility:hidden;content:" "}.flex-row{display:flex;flex-direction:row;flex-shrink:0}.flex-row.vertical-center{align-items:center}.flex-row.vertical-start{align-items:flex-start}.flex-row.horizon-center{justify-content:center}.text-center{text-align:center}.flex-column{display:flex;flex-direction:column}.flex-column.vertical-center{justify-content:center}.flex-column.horizon-center{align-items:center}.flex-item,.flex-item-relative{flex:1 1 auto}.flex-item-relative{position:relative}.flex-item-relative .flex-content{position:absolute;inset:0}.flex-not-shrink{flex-shrink:0}body{font-family:Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}*{outline:none}.avue-canvas{display:none}.avue-ghost{background:#c8ebfb;opacity:.5}.avue--disabled{color:#ccc}.avue--detail .hover-row td{background-color:#fff!important}.avue--detail .avue-group__header{padding-left:10px;border-bottom:1px solid #eee}.avue--detail .el-collapse-item__header{margin-bottom:0}.avue--detail .el-input.is-disabled .el-input__inner,.avue--detail .el-textarea.is-disabled .el-textarea__inner,.avue--detail .el-range-editor.is-disabled,.avue--detail .el-range-editor.is-disabled input{padding-left:0;color:#606266;background-color:#fff}.avue--detail .el-input-number__decrease,.avue--detail .el-input-number__increase{display:none}.avue--detail .el-input-group__append,.avue--detail .el-input-group__prepend{background-color:transparent;border:none}.avue--detail .el-input__suffix,.avue--detail .el-input__prefix{display:none}.avue--detail .el-input__inner,.avue--detail .el-textarea__inner{border:none}.avue--detail .el-input__inner::placeholder,.avue--detail .el-textarea__inner::placeholder{color:transparent!important}.avue--detail .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#409eff;border-color:#409eff}.avue--detail .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after{border-color:#fff}.avue--detail .el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#409eff;border-color:#409eff}.avue--detail .el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:#fff}.avue--detail .el-checkbox__input.is-disabled+span.el-checkbox__label,.avue--detail .el-radio__input.is-disabled+span.el-radio__label{color:#606266}.avue--detail .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,.avue--detail .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{display:none}.avue--detail .el-row{border-top:1px solid #ebeef5;border-left:1px solid #ebeef5}.avue--detail .el-col{margin:0!important;padding:0!important;border-right:1px solid #ebeef5;border-bottom:1px solid #ebeef5}.avue--detail .el-form-item--medium.el-form-item,.avue--detail .el-form-item--mini.el-form-item,.avue--detail .el-form-item--small.el-form-item{margin:0;background:#fafafa}.avue--detail .el-form-item__label,.avue--detail .el-form-item__content{padding:2px 0}.avue--detail .el-form-item__label{box-sizing:border-box;padding-right:20px;color:#909399}.avue--detail .el-tag{margin-right:6px!important;margin-left:0!important}.avue--detail .avue-crud .el-form-item__content{border:none}.avue--detail .el-form-item__content{box-sizing:border-box;padding-left:20px;background-color:#fff;border-left:1px solid #ebeef5}.avue--detail__column .el-form-item{background-color:#fff}.avue--detail__column .el-form-item__label{padding-right:12px}.avue--detail__column .el-form-item__content{padding-left:0;border-left:none}.avue-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 0);background-size:20px 20px,20px 20px}.avue-mask{position:fixed;inset:0;z-index:1000;height:100%;background-color:#37373799}.avue--card{border-radius:5px;box-shadow:2px 1px 8px #00000026}.avue-dialog{overflow:visible}.avue-dialog .el-dialog{position:absolute;top:0;left:50%;display:flex;flex-direction:column;max-width:calc(100% - 100px);min-height:180px;max-height:calc(100% - 200px);border-radius:2px;transform:translate(-50%)}.avue-dialog .el-dialog__header{min-height:20px;padding:16px 24px;border-bottom:1px solid #f0f0f0}.avue-dialog .el-dialog__title,.avue-dialog .el-drawer__header{color:#000000d9;font-weight:500;word-wrap:break-word}.avue-dialog .el-dialog__body{margin-bottom:50px;padding:30px 20px 20px}.avue-dialog .el-dialog .el-dialog__body{flex:1;overflow:hidden;overflow-y:auto}.avue-dialog .el-drawer{position:absolute;top:0;right:0;display:flex;flex-direction:column}.avue-dialog .el-drawer__header{min-height:20px;margin:0;padding:16px 10px 16px 24px;border-bottom:1px solid #f0f0f0}.avue-dialog .el-drawer,.avue-dialog .el-drawer__body{flex:1;overflow:auto}.avue-dialog__footer{position:absolute;bottom:0;left:0;display:block;box-sizing:border-box;width:100%;padding:10px 16px;text-align:right;background-color:#fff;border-top:1px solid #f0f0f0}.avue-dialog__footer--left{text-align:left}.avue-dialog__footer--center{text-align:center}.avue-dialog--fullscreen .el-dialog{top:0;left:0;width:100%!important;max-width:100%;height:100%;max-height:100%;transform:translate(0)}.avue-dialog--top .el-dialog{top:15%}.avue-dialog--none .el-dialog__body{margin-bottom:0}.avue-opacity{opacity:0}.avue-opacity--active{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.el-tooltip__popper{max-width:60%}.avue-crud .el-select,.avue-crud .el-date-editor.el-input,.avue-crud .el-date-editor.el-input__inner,.avue-crud .el-cascader,.avue-crud .avue-input-number,.avue-form .el-select,.avue-form .el-date-editor.el-input,.avue-form .el-date-editor.el-input__inner,.avue-form .el-cascader,.avue-form .avue-input-number{width:100%!important}.avue-crud .el-form-item.el-form-item--small .el-input-group--append .el-input__inner,.avue-form .el-form-item.el-form-item--small .el-input-group--append .el-input__inner{height:33px;line-height:33px}.avue-crud .el-input-number .el-input__inner,.avue-form .el-input-number .el-input__inner{text-align:left}.avue-crud .avue-crud__left .el-button+.el-button,.avue-crud .avue-crud__right .el-button+.el-button,.avue-form .avue-crud__left .el-button+.el-button,.avue-form .avue-crud__right .el-button+.el-button{margin-left:0}.avue-crud .avue-crud__left .el-button,.avue-crud .avue-crud__right .el-button,.avue-form .avue-crud__left .el-button,.avue-form .avue-crud__right .el-button{margin-right:5px;margin-bottom:0}.avue-crud .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content,.avue-form .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:#409eff}.avue-crud .el-tree-node__label,.avue-form .el-tree-node__label{margin-left:8px}.avue-crud .el-input__inner,.avue-form .el-input__inner{height:38px;line-height:38px}.avue-crud .el-range-editor--small,.avue-form .el-range-editor--small{height:32px;line-height:32px}.avue-crud .el-range-editor--mini,.avue-form .el-range-editor--mini{height:28px;line-height:28px}.avue-crud .el-input--small input,.avue-form .el-input--small input{height:32px;line-height:32px}.avue-crud .el-input--mini input,.avue-form .el-input--mini input{height:28px;line-height:28px}.avue-crud .el-table--medium td,.avue-form .el-table--medium td{padding:7px 0!important}.avue-crud .el-tooltip__popper,.avue-form .el-tooltip__popper{max-width:60%}.avue-crud .el-dropdown-menu__item,.avue-form .el-dropdown-menu__item{line-height:25px}.avue-crud .el-table-filter__list,.avue-form .el-table-filter__list{width:100%;height:300px;overflow-y:auto}.el-form-item--mini .el-color-picker--mini,.el-form-item--mini .el-color-picker--mini .el-color-picker__trigger{width:23px;height:23px}.el-dropdown-menu .el-button--text{width:100%!important}.el-pagination__editor.el-input .el-input__inner{line-height:28px}.el-drawer .el-drawer__body{height:100%}.el-drawer .avue-form{padding:20px}.el-checkbox:last-of-type{margin-right:8px}.el-table th.gutter,.el-table colgroup.gutter{display:table-cell!important}.el-input-number .el-input__suffix{display:none}.el-input-number__decrease,.el-input-number__increase{background-color:transparent}.el-tree-node.is-current>.el-tree-node__content{color:#409eff;background-color:#f5f7fa}.el-select-dropdown .el-scrollbar .el-scrollbar__view .el-select-dropdown__item{height:auto}.el-select-dropdown .el-scrollbar .el-scrollbar__view .el-select-dropdown__item>span{padding:0 20px}.el-select-dropdown__item.selected,.el-select-dropdown .el-tree-node__label{font-weight:400}.el-form-item.is-error .avue-dynamic{border:1px solid #F56C6C;border-radius:3px}.el-dropdown-menu__item{padding-top:3px!important;padding-bottom:3px!important}.el-upload--picture-card .el-upload-dragger,.el-upload--picture-img .el-upload-dragger{width:inherit;height:inherit;background-color:inherit}@media screen and (max-width: 992px){.el-dialog__footer{display:flex;justify-content:center}.el-button+.el-button{margin-left:0}.el-upload-list--picture-card .el-upload-list__item,.avue-upload__avatar,.el-upload--picture-card,.avue-upload__icon{width:100px;height:100px;line-height:100px}.avue-tip{display:none}.avue-crud__menu{display:block!important}.avue-crud .el-form-item{width:100%}.avue-crud .el-form-item__label{flex:1}.avue-crud .el-form-item__content{flex:5}.avue-crud__searchMenu{text-align:center}.avue-crud__title{display:block!important}.avue-crud__title p{margin-bottom:20px}.avue-crud__title .avue-date__group{justify-content:center}.avue-crud__title .avue-date__date{display:none}.avue-crud__title .avue-date__radio{width:100%}.avue-crud__title .avue-date__radio .el-radio-group{display:flex}.avue-crud__title .avue-date__radio .el-radio-group label,.avue-crud__title .avue-date__radio .el-radio-group .el-radio-button__inner{width:100%}.avue-crud__title .avue-date__radio .el-radio-button:last-child .el-radio-button__inner{border-right:1px solid #dcdfe6;border-radius:0 4px 4px 0}}
+.border-bottom{border-bottom:1px solid #d7dae0}.clear-fix:after{display:block;clear:both;height:0;visibility:hidden;content:" "}.flex-row{display:flex;flex-direction:row;flex-shrink:0}.flex-row.vertical-center{align-items:center}.flex-row.vertical-start{align-items:flex-start}.flex-row.horizon-center{justify-content:center}.text-center{text-align:center}.flex-column{display:flex;flex-direction:column}.flex-column.vertical-center{justify-content:center}.flex-column.horizon-center{align-items:center}.flex-item,.flex-item-relative{flex:1 1 auto}.flex-item-relative{position:relative}.flex-item-relative .flex-content{position:absolute;inset:0}.flex-not-shrink{flex-shrink:0}body{font-family:Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}*{outline:none}.avue-canvas{display:none}.avue-ghost{background:#c8ebfb;opacity:.5}.avue--disabled{color:#ccc}.avue--detail .hover-row td{background-color:#fff!important}.avue--detail .avue-group__header{padding-left:10px;border-bottom:1px solid #eee}.avue--detail .el-collapse-item__header{margin-bottom:0}.avue--detail .el-input.is-disabled .el-input__inner,.avue--detail .el-textarea.is-disabled .el-textarea__inner,.avue--detail .el-range-editor.is-disabled,.avue--detail .el-range-editor.is-disabled input{padding-left:0;color:#606266;background-color:#fff}.avue--detail .el-input-number__decrease,.avue--detail .el-input-number__increase{display:none}.avue--detail .el-input-group__append,.avue--detail .el-input-group__prepend{background-color:transparent;border:none}.avue--detail .el-input__suffix,.avue--detail .el-input__prefix{display:none}.avue--detail .el-input__inner,.avue--detail .el-textarea__inner{border:none}.avue--detail .el-input__inner::placeholder,.avue--detail .el-textarea__inner::placeholder{color:transparent!important}.avue--detail .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#409eff;border-color:#409eff}.avue--detail .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after{border-color:#fff}.avue--detail .el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#409eff;border-color:#409eff}.avue--detail .el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:#fff}.avue--detail .el-checkbox__input.is-disabled+span.el-checkbox__label,.avue--detail .el-radio__input.is-disabled+span.el-radio__label{color:#606266}.avue--detail .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,.avue--detail .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{display:none}.avue--detail .el-row{border-top:1px solid #ebeef5;border-left:1px solid #ebeef5}.avue--detail .el-col{margin:0!important;padding:0!important;border-right:1px solid #ebeef5;border-bottom:1px solid #ebeef5}.avue--detail .el-form-item--medium.el-form-item,.avue--detail .el-form-item--mini.el-form-item,.avue--detail .el-form-item--small.el-form-item{margin:0;background:#fafafa}.avue--detail .el-form-item__label,.avue--detail .el-form-item__content{padding:2px 0}.avue--detail .el-form-item__label{box-sizing:border-box;padding-right:20px;color:#909399}.avue--detail .el-tag{margin-right:6px!important;margin-left:0!important}.avue--detail .avue-crud .el-form-item__content{border:none}.avue--detail .el-form-item__content{box-sizing:border-box;padding-left:20px;background-color:#fff;border-left:1px solid #ebeef5}.avue--detail__column .el-form-item{background-color:#fff}.avue--detail__column .el-form-item__label{padding-right:12px}.avue--detail__column .el-form-item__content{padding-left:0;border-left:none}.avue-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 0);background-size:20px 20px,20px 20px}.avue-mask{position:fixed;inset:0;z-index:1000;height:100%;background-color:#37373799}.avue--card{border-radius:5px;box-shadow:2px 1px 8px #00000026}.avue-dialog{overflow:visible}.avue-dialog .el-dialog{position:absolute;top:0;left:50%;display:flex;flex-direction:column;max-width:calc(100% - 100px);min-height:180px;max-height:calc(100% - 200px);border-radius:2px;transform:translate(-50%)}.avue-dialog .el-dialog__header{min-height:20px;padding:16px 24px;border-bottom:1px solid #f0f0f0}.avue-dialog .el-dialog__title,.avue-dialog .el-drawer__header{color:#000000d9;font-weight:500;word-wrap:break-word}.avue-dialog .el-dialog__body{margin-bottom:50px;padding:30px 20px 20px}.avue-dialog .el-dialog .el-dialog__body{flex:1;overflow:hidden;overflow-y:auto}.avue-dialog .el-drawer{position:absolute;top:0;right:0;display:flex;flex-direction:column}.avue-dialog .el-drawer__header{min-height:20px;margin:0;padding:16px 10px 16px 24px;border-bottom:1px solid #f0f0f0}.avue-dialog .el-drawer,.avue-dialog .el-drawer__body{flex:1;overflow:auto}.avue-dialog__footer{position:absolute;bottom:0;left:0;display:block;box-sizing:border-box;width:100%;padding:10px 16px;text-align:right;background-color:#fff;border-top:1px solid #f0f0f0}.avue-dialog__footer--left{text-align:left}.avue-dialog__footer--center{text-align:center}.avue-dialog--fullscreen .el-dialog{top:0;left:0;width:100%!important;max-width:100%;height:100%;max-height:100%;transform:translate(0)}.avue-dialog--top .el-dialog{top:15%}.avue-dialog--none .el-dialog__body{margin-bottom:0}.avue-opacity{opacity:0}.avue-opacity--active{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.avue-crud .el-select,.avue-crud .el-date-editor.el-input,.avue-crud .el-date-editor.el-input__inner,.avue-crud .el-cascader,.avue-crud .avue-input-number,.avue-form .el-select,.avue-form .el-date-editor.el-input,.avue-form .el-date-editor.el-input__inner,.avue-form .el-cascader,.avue-form .avue-input-number{width:100%!important}.avue-crud .el-form-item.el-form-item--small .el-input-group--append .el-input__inner,.avue-form .el-form-item.el-form-item--small .el-input-group--append .el-input__inner{height:33px;line-height:33px}.avue-crud .el-input-number .el-input__inner,.avue-form .el-input-number .el-input__inner{text-align:left}.avue-crud .avue-crud__left .el-button+.el-button,.avue-crud .avue-crud__right .el-button+.el-button,.avue-form .avue-crud__left .el-button+.el-button,.avue-form .avue-crud__right .el-button+.el-button{margin-left:0}.avue-crud .avue-crud__left .el-button,.avue-crud .avue-crud__right .el-button,.avue-form .avue-crud__left .el-button,.avue-form .avue-crud__right .el-button{margin-right:5px;margin-bottom:0}.avue-crud .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content,.avue-form .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:#409eff}.avue-crud .el-tree-node__label,.avue-form .el-tree-node__label{margin-left:8px}.avue-crud .el-input__inner,.avue-form .el-input__inner{height:38px;line-height:38px}.avue-crud .el-range-editor--small,.avue-form .el-range-editor--small{height:32px;line-height:32px}.avue-crud .el-range-editor--mini,.avue-form .el-range-editor--mini{height:28px;line-height:28px}.avue-crud .el-input--small input,.avue-form .el-input--small input{height:32px;line-height:32px}.avue-crud .el-input--mini input,.avue-form .el-input--mini input{height:28px;line-height:28px}.avue-crud .el-table--medium td,.avue-form .el-table--medium td{padding:7px 0!important}.avue-crud .el-tooltip__popper,.avue-form .el-tooltip__popper{max-width:60%}.avue-crud .el-dropdown-menu__item,.avue-form .el-dropdown-menu__item{line-height:25px}.avue-crud .el-table-filter__list,.avue-form .el-table-filter__list{width:100%;height:300px;overflow-y:auto}@media screen and (max-width: 992px){.el-dialog__footer{display:flex;justify-content:center}.el-button+.el-button{margin-left:0}.el-upload-list--picture-card .el-upload-list__item,.avue-upload__avatar,.el-upload--picture-card,.avue-upload__icon{width:100px;height:100px;line-height:100px}.avue-tip{display:none}.avue-crud__menu{display:block!important}.avue-crud .el-form-item{width:100%}.avue-crud .el-form-item__label{flex:1}.avue-crud .el-form-item__content{flex:5}.avue-crud__searchMenu{text-align:center}.avue-crud__title{display:block!important}.avue-crud__title p{margin-bottom:20px}.avue-crud__title .avue-date__group{justify-content:center}.avue-crud__title .avue-date__date{display:none}.avue-crud__title .avue-date__radio{width:100%}.avue-crud__title .avue-date__radio .el-radio-group{display:flex}.avue-crud__title .avue-date__radio .el-radio-group label,.avue-crud__title .avue-date__radio .el-radio-group .el-radio-button__inner{width:100%}.avue-crud__title .avue-date__radio .el-radio-button:last-child .el-radio-button__inner{border-right:1px solid #dcdfe6;border-radius:0 4px 4px 0}}

package/element-dialog/index.mjs

@@ -1,5 +1,5 @@
 import i from "element-ui/lib/dialog";
-import { dialogDrag as a } from "@web-utils/vue/directives/dialog-drag";
+import { dialogDrag as s } from "@web-utils/vue/directives/dialog-drag";
 import { n } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 var r = function() {
   var e = this, l = e.$createElement, t = e._self._c || l;
@@ -91,6 +91,18 @@ var r = function() {
 }, d = [];
 const u = {
   props: {
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    openDelay: {},
+    closeDelay: {},
+    zIndex: {},
+    modalFade: {
+      type: Boolean,
+      default: !0
+    },
+    modalClass: {},
     modal: {
       type: Boolean,
       default: !0
@@ -115,7 +127,7 @@ const u = {
 }, c = {
   name: "ElementDialog",
   directives: {
-    dialogDrag: a
+    dialogDrag: s
   },
   mixins: [...i.mixins || i.default.mixins, u],
   props: {
@@ -226,7 +238,7 @@ const u = {
       this.exitFullScreen(), this.$emit("closed");
     }
   }
-}, s = {};
+}, a = {};
 var p = /* @__PURE__ */ n(
   c,
   r,
@@ -238,8 +250,8 @@ var p = /* @__PURE__ */ n(
   null
 );
 function h(e) {
-  for (let l in s)
-    this[l] = s[l];
+  for (let l in a)
+    this[l] = a[l];
 }
 const _ = /* @__PURE__ */ function() {
   return p.exports;

package/flow-designer/index.mjs

@@ -4999,7 +4999,7 @@ var Un = function() {
   })], 1), e.elementType === "Process" ? t("ElCollapseItem", {
     key: "message",
     attrs: {
-      name: "condition"
+      name: "message"
     },
     scopedSlots: e._u([{
       key: "title",
@@ -5043,7 +5043,7 @@ var Un = function() {
     return [e.formVisible ? t("ElCollapseItem", {
       key: "form",
       attrs: {
-        name: "condition"
+        name: "form"
       },
       scopedSlots: e._u([{
         key: "title",
@@ -5220,8 +5220,9 @@ var Un = function() {
     type: e.elementType
   })], 2)], 1);
 }, Nn = [];
-const ye = "base", Gn = {
+const ye = ["base", "task", "form", "multiInstance"], Gn = {
   name: "PropertiesPanel",
+  componentName: "MyPropertiesPanel",
   components: {
     UserTaskListeners: zn,
     ElementForm: Pn,
@@ -5234,7 +5235,6 @@ const ye = "base", Gn = {
     ElementOtherConfig: Tt,
     ElementBaseInfo: vt
   },
-  componentName: "MyPropertiesPanel",
   provide() {
     return {
       prefix: this.prefix,
@@ -5243,6 +5243,10 @@ const ye = "base", Gn = {
     };
   },
   props: {
+    tab: {
+      type: Array,
+      default: () => ["base", "task", "form", "multiInstance"]
+    },
     bpmnModeler: Object,
     prefix: {
       type: String,
@@ -5261,7 +5265,7 @@ const ye = "base", Gn = {
     return {
       element: {},
       bpmnInstances: {},
-      activeTab: ye,
+      activeTab: ["base"],
       elementId: "",
       elementType: "",
       conditionFormVisible: !1,
@@ -5272,6 +5276,12 @@ const ye = "base", Gn = {
     };
   },
   watch: {
+    tab: {
+      immediate: !0,
+      handler() {
+        this.activeTab = ye;
+      }
+    },
     elementId: {
       handler() {
         this.activeTab = ye;

package/fy-curd/style.css

@@ -1 +1 @@
-.dialog-form .element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body,.dialog-form .el-drawer__body{position:static;margin-bottom:53px}.avue-crud{width:100%;margin:0 auto}.avue-crud .el-card+.el-card{margin-top:8px}.avue-crud--card .el-card{border:none}.avue-crud--card .el-card__body{padding:0}.avue-crud--card .el-card+.el-card{margin-top:0}.avue-crud .el-table .el-form-item{display:inline-block;width:100%;margin-bottom:0}.avue-crud .el-table .el-form-item__label{position:absolute;left:2px}.avue-crud .el-table .el-form-item__content{font-size:inherit;line-height:inherit}.avue-crud .el-table .el-form-item__error{position:relative;width:100%;text-align:left}.avue-crud .el-dropdown+.el-button{margin-left:10px}.avue-crud .el-checkbox:last-of-type{margin-right:0}.avue-crud .el-range-editor--mini{height:28px}.avue-crud__img{display:flex;justify-content:center}.avue-crud__img>*{height:50px;margin-right:5px;object-fit:contain;font-size:50px}.avue-crud__column .el-checkbox{margin-bottom:10px;cursor:move}.avue-crud__menu{position:relative;display:flex;justify-content:space-between;width:100%;height:auto;min-height:40px;margin-bottom:5px;overflow:hidden;background-color:#fff}.avue-crud__search .el-form-item--medium.el-form-item{margin-bottom:22px}.avue-crud__search .el-form-item--mini.el-form-item,.avue-crud__search .el-form-item--small.el-form-item{margin-bottom:14px}.avue-crud .el-table--mini .avue-crud__color{width:20px;height:20px}.avue-crud .el-table--mini .avue-crud__icon{font-size:20px}.avue-crud .el-table--small .avue-crud__color{width:30px;height:30px}.avue-crud .el-table--small .avue-crud__icon{font-size:30px}.avue-crud th{color:#000000d9;word-break:break-word;background-color:#fafafa}.avue-crud table td{line-height:26px}.avue-crud--indeterminate .is-indeterminate .el-checkbox__inner{background-color:#fff;border-color:#dcdfe6}.avue-crud .el-table th{color:#000000d9;word-break:break-word;background-color:#fafafa}.avue-crud__color{display:block;width:40px;height:40px;margin:0 auto;border-radius:5px}.avue-crud__icon{font-size:45px}.avue-crud__icon--small{width:20px;height:20px;font-size:20px}.avue-crud__ghost{cursor:move;opacity:.4}.is-always-shadow+.avue-crud__pagination{padding:0}.avue-crud__pagination{position:relative;padding:25px 0 20px 20px;text-align:right}.avue-crud__pagination .el-pagination{display:inline-block}.avue-crud__form{padding:0 8px}.avue-crud__empty{padding:20px 0}.avue-crud__empty .el-empty__description{margin-top:0}.avue-crud__header{margin-bottom:10px}.avue-crud__header>.el-button{padding:12px 25px}.avue-crud__title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-weight:700;font-size:22px}.avue-crud__tip{display:flex;align-items:center;margin:0 0 8px;font-size:12px}.avue-crud__tip-name{margin-right:10px}.avue-crud__tip-count{font-weight:600;font-size:16px}.avue-crud__tip .el-button{margin-bottom:0}.avue-crud__filter-item{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.avue-crud__filter-menu{margin-bottom:20px;padding:0 5px}.avue-crud__filter-label{width:120px!important;margin:0 5px}.avue-crud__filter-symbol{width:80px!important;margin:0 5px}.avue-crud__filter-value{width:150px!important;margin:0 5px}.avue-crud__filter-value .el-date-editor.el-input,.avue-crud__filter-value .el-date-editor.el-input__inner{width:100%}.avue-crud__filter-icon{margin-left:10px}.avue-crud__dialog .el-drawer__header .avue-crud__dialog__menu{padding-right:0}.avue-crud__dialog__header{display:flex;align-items:center;justify-content:space-between}.avue-crud__dialog__menu{padding-right:20px}.avue-crud__dialog__menu i{color:#909399;font-size:15px}.avue-crud__dialog__menu i:hover{color:#409eff}.avue-crud__dialog .el-dialog__body,.avue-crud__dialog .el-drawer__body{padding:20px 20px 5px 10px}.avue-crud__dialog .el-drawer__close-btn{margin-top:2px;font-size:18px}.avue-crud__dialog .el-scrollbar__wrap{overflow-x:hidden}.avue-crud__dialog .avue-form__menu{padding-top:15px}
+.dialog-form .element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body,.dialog-form .el-drawer__body{position:static;margin-bottom:53px}.dialog-form .el-drawer .el-drawer__body{height:100%}.dialog-form .el-drawer .avue-form{padding:20px}.avue-crud{width:100%;margin:0 auto}.avue-crud .el-card+.el-card{margin-top:8px}.avue-crud--card .el-card{border:none}.avue-crud--card .el-card__body{padding:0}.avue-crud--card .el-card+.el-card{margin-top:0}.avue-crud .el-table .el-form-item{display:inline-block;width:100%;margin-bottom:0}.avue-crud .el-table .el-form-item__label{position:absolute;left:2px}.avue-crud .el-table .el-form-item__content{font-size:inherit;line-height:inherit}.avue-crud .el-table .el-form-item__error{position:relative;width:100%;text-align:left}.avue-crud .el-dropdown+.el-button{margin-left:10px}.avue-crud .el-checkbox:last-of-type{margin-right:0}.avue-crud .el-range-editor--mini{height:28px}.avue-crud__img{display:flex;justify-content:center}.avue-crud__img>*{height:50px;margin-right:5px;object-fit:contain;font-size:50px}.avue-crud__column .el-checkbox{margin-bottom:10px;cursor:move}.avue-crud__menu{position:relative;display:flex;justify-content:space-between;width:100%;height:auto;min-height:40px;margin-bottom:5px;overflow:hidden;background-color:#fff}.avue-crud__search .el-form-item--medium.el-form-item{margin-bottom:22px}.avue-crud__search .el-form-item--mini.el-form-item,.avue-crud__search .el-form-item--small.el-form-item{margin-bottom:14px}.avue-crud .el-table--mini .avue-crud__color{width:20px;height:20px}.avue-crud .el-table--mini .avue-crud__icon{font-size:20px}.avue-crud .el-table--small .avue-crud__color{width:30px;height:30px}.avue-crud .el-table--small .avue-crud__icon{font-size:30px}.avue-crud th{color:#000000d9;word-break:break-word;background-color:#fafafa}.avue-crud table td{line-height:26px}.avue-crud--indeterminate .is-indeterminate .el-checkbox__inner{background-color:#fff;border-color:#dcdfe6}.avue-crud .el-table th{color:#000000d9;word-break:break-word;background-color:#fafafa}.avue-crud__color{display:block;width:40px;height:40px;margin:0 auto;border-radius:5px}.avue-crud__icon{font-size:45px}.avue-crud__icon--small{width:20px;height:20px;font-size:20px}.avue-crud__ghost{cursor:move;opacity:.4}.is-always-shadow+.avue-crud__pagination{padding:0}.avue-crud__pagination{position:relative;padding:25px 0 20px 20px;text-align:right}.avue-crud__pagination .el-pagination{display:inline-block}.avue-crud__form{padding:0 8px}.avue-crud__empty{padding:20px 0}.avue-crud__empty .el-empty__description{margin-top:0}.avue-crud__header{margin-bottom:10px}.avue-crud__header>.el-button{padding:12px 25px}.avue-crud__title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-weight:700;font-size:22px}.avue-crud__tip{display:flex;align-items:center;margin:0 0 8px;font-size:12px}.avue-crud__tip-name{margin-right:10px}.avue-crud__tip-count{font-weight:600;font-size:16px}.avue-crud__tip .el-button{margin-bottom:0}.avue-crud__filter-item{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.avue-crud__filter-menu{margin-bottom:20px;padding:0 5px}.avue-crud__filter-label{width:120px!important;margin:0 5px}.avue-crud__filter-symbol{width:80px!important;margin:0 5px}.avue-crud__filter-value{width:150px!important;margin:0 5px}.avue-crud__filter-value .el-date-editor.el-input,.avue-crud__filter-value .el-date-editor.el-input__inner{width:100%}.avue-crud__filter-icon{margin-left:10px}.avue-crud__dialog .el-drawer__header .avue-crud__dialog__menu{padding-right:0}.avue-crud__dialog__header{display:flex;align-items:center;justify-content:space-between}.avue-crud__dialog__menu{padding-right:20px}.avue-crud__dialog__menu i{color:#909399;font-size:15px}.avue-crud__dialog__menu i:hover{color:#409eff}.avue-crud__dialog .el-dialog__body,.avue-crud__dialog .el-drawer__body{padding:20px 20px 5px 10px}.avue-crud__dialog .el-drawer__close-btn{margin-top:2px;font-size:18px}.avue-crud__dialog .el-scrollbar__wrap{overflow-x:hidden}.avue-crud__dialog .avue-form__menu{padding-top:15px}

package/fy-dynamic/style.css

@@ -1 +1 @@
-.avue-dynamic__item{display:flex;align-items:center;width:100%;margin-bottom:10px}.avue-dynamic__header{padding-left:40px}.avue-dynamic__row{position:relative;padding-top:13px;border-top:1px dashed #eee}.avue-dynamic__row:first-child{border-top:0}.avue-dynamic__menu{position:absolute;right:0;z-index:1024}.avue-dynamic__input{width:100%;margin-right:8px}.avue-dynamic__button{margin-bottom:0!important}
+.avue-dynamic__item{display:flex;align-items:center;width:100%;margin-bottom:10px}.avue-dynamic__header{padding-left:40px}.avue-dynamic__row{position:relative;padding-top:13px;border-top:1px dashed #eee}.avue-dynamic__row:first-child{border-top:0}.avue-dynamic__menu{position:absolute;right:0;z-index:1024}.avue-dynamic__input{width:100%;margin-right:8px}.avue-dynamic__button{margin-bottom:0!important}.el-form-item.is-error .avue-dynamic{border:1px solid #F56C6C;border-radius:3px}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "2.8.24",
+  "version": "2.8.26",
   "author": "Simple",
   "license": "MIT",
   "type": "module",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "2.8.24",
+  "version": "2.8.26",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -1879,6 +1879,54 @@
           "name": "ElementDialog",
           "description": "",
           "attributes": [
+            {
+              "name": "visible",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "openDelay",
+              "value": {
+                "kind": "expression",
+                "type": "any"
+              },
+              "default": ""
+            },
+            {
+              "name": "closeDelay",
+              "value": {
+                "kind": "expression",
+                "type": "any"
+              },
+              "default": ""
+            },
+            {
+              "name": "zIndex",
+              "value": {
+                "kind": "expression",
+                "type": "any"
+              },
+              "default": ""
+            },
+            {
+              "name": "modalFade",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "true"
+            },
+            {
+              "name": "modalClass",
+              "value": {
+                "kind": "expression",
+                "type": "any"
+              },
+              "default": ""
+            },
             {
               "name": "modal",
               "value": {