@cniot/mdd-editor 0.2.0-beta.5 → 0.2.0-beta.7

package/build/style.css

@@ -1 +1 @@
-@charset "UTF-8";.monaco-clone-btn{position:absolute;right:10px;top:10px;z-index:101;display:none}.monaco-container{min-height:400px}.form-item-exart-abs{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;position:absolute;top:0;right:0;font-size:12px}.help-link{margin-left:5px}.ajax-schema-form-container{display:flex}.data-source-item{margin:0 0 15px;padding:3px;border:1px solid #000;border-radius:4px;border-color:#49cc90;background-color:#49cc9033;display:flex;align-items:center;cursor:pointer}.data-source-item:hover{box-shadow:0 0 5px #49cc90}.data-source-item .method{font-size:14px;font-weight:700;padding:3px 5px;text-align:center;border-radius:3px;background:#000;font-family:sans-serif;color:#fff;background:#1cce75}.data-source-item .host{font-weight:700;margin-left:5px}.data-source-item .url{font-weight:700;margin-left:10px;overflow:hidden;text-overflow:ellipsis}.data-source-item .description{margin-left:10px}.kv-table .table-operation-row{font-size:12px;margin-top:5px;display:flex;justify-content:space-between}.kv-table .table-operation-row .fast-select{width:200px}._dsType_mxilv_1{margin-bottom:10px}._dsJSONContent_mxilv_5{margin-top:10px}._dsJSONContent_mxilv_5 ._dsJSONContentTip_mxilv_8{margin-top:6px;font-weight:700}._dsAjaxContent_mxilv_13{margin-top:10px}._dsTitle_mxilv_17{font-weight:700;margin-top:10px}._actionButton_mxilv_22{margin-bottom:8px}._watchContainer_mxilv_26{display:flex;align-items:center;margin-top:10px}._dsTitleWatch_mxilv_32{margin-right:8px;font-weight:700}._staticValueOkBtn_mxilv_37{margin-left:4px}._tableDeleteBtn_mxilv_41{margin-left:8px}._secondConfirm_mxilv_45{margin-top:10px}._dsType_1islj_1{margin-bottom:10px}._dsJSONContent_1islj_5{margin-top:10px}._dsJSONContent_1islj_5 ._dsJSONContentTip_1islj_8{margin-top:6px;font-weight:700}._dsTitle_1islj_13{font-weight:700;margin-top:10px}._actionButton_1islj_18{margin-bottom:8px}._watchContainer_1islj_22{display:flex;align-items:center;margin-top:10px}._dsTitleWatch_1islj_28{margin-right:8px;font-weight:700}._staticValueOkBtn_1islj_33{margin-left:4px}._tableDeleteBtn_1islj_37{margin-left:8px}._secondConfirm_1islj_41{margin-top:10px}.next-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;top:0;margin:-1px}.next-select{box-sizing:border-box;display:inline-block;position:relative;font-size:0;vertical-align:middle}.next-select *,.next-select *:before,.next-select *:after{box-sizing:border-box}.next-select-trigger{min-width:100px;outline:0;transition:all .1s linear}.next-select-trigger .next-input-label{flex:0 0 auto;width:auto}.next-select-trigger .next-select-values{display:block;width:100%;flex:1 1 0;overflow:hidden}.next-select-trigger .next-select-values>em{font-style:inherit}.next-select-trigger .next-select-values input{padding-left:0;padding-right:0}.next-select-trigger .next-input-control{flex:0 0 auto;width:auto}.next-select-trigger .next-input-control>*{display:inline-block;width:auto}.next-select-trigger .next-input-control>.next-select-arrow{padding-right:0}.next-select-trigger .next-input.next-disabled em{color:#ccc}.next-select-trigger .next-input.next-disabled .next-select-arrow{cursor:not-allowed}.next-select-trigger .next-select-clear{display:none}.next-select-trigger.next-has-clear:hover .next-select-clear{display:inline-block}.next-select-trigger.next-has-clear:hover .next-select-arrow{display:none}.next-select .next-select-inner{display:inline-flex;align-items:center;width:100%;min-width:100px;outline:0;color:#333}.next-select .next-select-inner .next-tag{line-height:1;margin-right:4px;margin-bottom:3px;padding-left:0;padding-right:0}.next-select .next-select-inner .next-input-inner{width:auto}.next-select-trigger-search{position:relative;display:inline-block;vertical-align:top;overflow:hidden;width:100%;max-width:100%}.next-select-trigger-search>input,.next-select-trigger-search>span{display:block;font-size:inherit;font-family:inherit;letter-spacing:inherit;white-space:nowrap;overflow:hidden}.next-select-trigger-search input{position:absolute;background-color:transparent;width:100%;height:100%!important;z-index:1;left:0;border:0;outline:0;margin:0;padding:0;cursor:inherit}.next-select-trigger-search>span{position:relative;visibility:hidden;white-space:pre;max-width:100%;z-index:-1}.next-select-single.next-no-search{cursor:pointer}.next-select-single.next-has-search.next-active .next-select-values>em{display:none}.next-select-single.next-no-search .next-select-values>em+.next-select-trigger-search,.next-select-single.next-inactive .next-select-values>em+.next-select-trigger-search{width:1px;opacity:0;filter:alpha(opacity=0)}.next-select-single .next-select-values{display:inline-flex;align-items:center}.next-select-single .next-select-values>em{vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-select-multiple .next-select-compact{position:relative;white-space:nowrap}.next-select-multiple .next-select-compact .next-select-trigger-search{width:auto}.next-select-multiple .next-select-compact .next-select-tag-compact{position:absolute;top:0;right:0;z-index:1;padding:0 4px 0 16px;color:#333;background:linear-gradient(90deg,transparent,#FFFFFF 10px)}.next-select-multiple .next-disabled .next-select-tag-compact{background:linear-gradient(90deg,transparent,#F7F8FA 10px)}.next-select-multiple .next-select-values,.next-select-tag .next-select-values{margin-bottom:-3px;height:auto!important}.next-select-multiple .next-select-trigger-search,.next-select-tag .next-select-trigger-search{margin-bottom:3px}.next-select-multiple .next-tag+.next-select-trigger-search,.next-select-tag .next-tag+.next-select-trigger-search{width:auto;min-width:1px}.next-select-multiple .next-input,.next-select-tag .next-input{height:auto;align-items:start}.next-select-multiple.next-small .next-select-values,.next-select-tag.next-small .next-select-values{min-height:18px;padding-top:2px;padding-bottom:2px;line-height:14px}.next-select-multiple.next-small .next-select-values-compact,.next-select-tag.next-small .next-select-values-compact{height:20px!important}.next-select-multiple.next-small .next-tag,.next-select-tag.next-small .next-tag{border:0;padding-top:0;padding-bottom:0;height:14px}.next-select-multiple.next-small .next-tag .next-tag-body,.next-select-multiple.next-small .next-tag .next-tag-close-btn,.next-select-tag.next-small .next-tag .next-tag-body,.next-select-tag.next-small .next-tag .next-tag-close-btn,.next-select-multiple.next-small .next-tag-body,.next-select-tag.next-small .next-tag-body{line-height:14px}.next-select-multiple.next-small .next-input-label,.next-select-multiple.next-small .next-input-inner,.next-select-multiple.next-small .next-input-control,.next-select-multiple.next-small .next-select-tag-compact,.next-select-tag.next-small .next-input-label,.next-select-tag.next-small .next-input-inner,.next-select-tag.next-small .next-input-control,.next-select-tag.next-small .next-select-tag-compact{line-height:18px}.next-select-multiple.next-medium .next-select-values,.next-select-tag.next-medium .next-select-values{min-height:26px;padding-top:3px;padding-bottom:3px;line-height:20px}.next-select-multiple.next-medium .next-select-values-compact,.next-select-tag.next-medium .next-select-values-compact{height:28px!important}.next-select-multiple.next-medium .next-tag,.next-select-tag.next-medium .next-tag{padding-top:1px;padding-bottom:1px;height:20px}.next-select-multiple.next-medium .next-tag .next-tag-body,.next-select-multiple.next-medium .next-tag .next-tag-close-btn,.next-select-tag.next-medium .next-tag .next-tag-body,.next-select-tag.next-medium .next-tag .next-tag-close-btn{line-height:18px}.next-select-multiple.next-medium .next-input-label,.next-select-multiple.next-medium .next-input-inner,.next-select-multiple.next-medium .next-input-control,.next-select-multiple.next-medium .next-select-tag-compact,.next-select-tag.next-medium .next-input-label,.next-select-tag.next-medium .next-input-inner,.next-select-tag.next-medium .next-input-control,.next-select-tag.next-medium .next-select-tag-compact{line-height:26px}.next-select-multiple.next-large .next-select-values,.next-select-tag.next-large .next-select-values{min-height:38px;padding-top:7px;padding-bottom:7px;line-height:24px}.next-select-multiple.next-large .next-select-values-compact,.next-select-tag.next-large .next-select-values-compact{height:40px!important}.next-select-multiple.next-large .next-tag,.next-select-tag.next-large .next-tag{padding-top:3px;padding-bottom:3px;height:24px}.next-select-multiple.next-large .next-tag .next-tag-body,.next-select-multiple.next-large .next-tag .next-tag-close-btn,.next-select-tag.next-large .next-tag .next-tag-body,.next-select-tag.next-large .next-tag .next-tag-close-btn{line-height:18px}.next-select-multiple.next-large .next-input-label,.next-select-multiple.next-large .next-input-inner,.next-select-multiple.next-large .next-input-control,.next-select-multiple.next-large .next-select-tag-compact,.next-select-tag.next-large .next-input-label,.next-select-tag.next-large .next-input-inner,.next-select-tag.next-large .next-input-control,.next-select-tag.next-large .next-select-tag-compact{line-height:38px}.next-select-auto-complete{width:160px}.next-select-auto-complete .next-input{width:100%}.next-select-auto-complete .next-input .next-input-hint-wrap{padding-right:1px}.next-select-auto-complete .next-input .next-select-arrow{padding-left:0}.next-select.next-active .next-select-arrow .next-icon-arrow-down{transform:rotate(180deg)}.next-select .next-select-unfold-icon:before{content:""}.next-select-symbol-fold:before{content:"\e63d"}.next-select-arrow{cursor:pointer;width:auto!important;text-align:center;transition:all .1s linear}.next-select-popup-wrap{animation-duration:.3s;animation-timing-function:ease;padding:0}.next-select-spacing-tb{padding:0}.next-select-menu-wrapper{max-height:260px;overflow:auto;border:1px solid #DCDEE3;border-radius:3px;box-shadow:none}.next-select-menu-wrapper .next-select-menu{max-height:none;border:none}.next-select-menu{max-height:260px;overflow:auto}.next-select-menu .next-select-menu-empty-content{padding-left:8px;padding-right:8px;color:#999}.next-select-menu.next-select-auto-complete-menu.next-select-menu-empty{display:none}.next-select-menu .next-menu-item-text .next-icon{vertical-align:middle}.next-select-all{display:block;cursor:pointer;padding:0 8px;margin:0 12px 8px;border-bottom:1px solid #DCDEE3}.next-select-all:hover{color:#3e71f7}.next-select-all .next-menu-icon-selected.next-icon{display:inline-block!important;top:initial;color:#5584ff}.next-select-highlight{color:#5584ff;font-size:12px}.next-select-in-ie.next-select-trigger .next-select-values{overflow:visible}.next-select-in-ie.next-select-trigger .next-input-control,.next-select-in-ie.next-select-trigger .next-input-label{width:1px}.next-select-in-ie.next-select-trigger .next-input-control>*{display:table-cell;width:1%}.next-select-in-ie.next-select-trigger .next-select-arrow{display:table-cell}.next-select-in-ie.next-select-trigger .next-select-clear{display:none}.next-select-in-ie.next-select-trigger.next-select-multiple .next-select-inner,.next-select-in-ie.next-select-trigger.next-select-tag .next-select-inner{vertical-align:top}.next-select-in-ie.next-select-trigger .next-select-inner,.next-select-in-ie.next-select-trigger.next-select-single .next-select-values{display:inline-table}.next-select-in-ie.next-select-trigger.next-select-single .next-input.next-small .next-select-values{line-height:20px}.next-select-in-ie.next-select-trigger.next-select-single .next-input.next-medium .next-select-values{line-height:28px}.next-select-in-ie.next-select-trigger.next-select-single .next-input.next-large .next-select-values{line-height:40px}.next-select-in-ie.next-select-trigger .next-select-trigger-search>span{max-width:100px}.next-select-in-ie.next-select-trigger.next-select-single.next-select-in-ie-fixwidth .next-select-values{position:relative}.next-select-in-ie.next-select-trigger.next-select-single.next-select-in-ie-fixwidth .next-select-values>em{position:absolute;display:inline-block;height:100%;line-height:1;vertical-align:middle;overflow:hidden;left:4px;right:0;top:30%}.next-select-in-ie.next-select-trigger.next-select-single.next-no-search .next-select-values>em+.next-select-trigger-search,.next-select-in-ie.next-select-trigger.next-select-single.next-inactive .next-select-values>em+.next-select-trigger-search{filter:alpha(opacity=0);font-size:0}.next-select-in-ie.next-select-trigger.next-no-search .next-select-trigger-search input{color:inherit}@media screen and (-webkit-min-device-pixel-ratio: 0){.next-select-multiple .next-select-compact .next-select-tag-compact{background:linear-gradient(90deg,rgba(255,255,255,0),#FFFFFF 10px)}.next-select-multiple .next-disabled .next-select-tag-compact{background:linear-gradient(90deg,rgba(255,255,255,0),#F7F8FA 10px)}}.next-select.next-select-multiple[dir=rtl] .next-select-compact .next-select-tag-compact{left:0;right:auto;padding:0 16px 0 4px;background:linear-gradient(270deg,rgba(255,255,255,0),#FFFFFF 10px)}.next-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;top:0;margin:-1px}.next-menu[dir=rtl] .next-menu-item-helper{float:left}.next-menu[dir=rtl] .next-menu-item .next-checkbox,.next-menu[dir=rtl] .next-menu-item .next-radio{margin-left:4px;margin-right:0}.next-menu[dir=rtl] .next-menu-hoz-right{float:left}.next-menu[dir=rtl] .next-menu-hoz-icon-arrow.next-icon{left:6px;right:auto}.next-menu[dir=rtl] .next-menu-icon-selected.next-icon{margin-left:0;margin-right:-16px}.next-menu[dir=rtl] .next-menu-icon-selected.next-icon:before,.next-menu[dir=rtl] .next-menu-icon-selected.next-icon .next-icon-remote{width:12px;font-size:12px;line-height:inherit}.next-menu[dir=rtl] .next-menu-icon-selected.next-icon.next-menu-icon-right{right:auto;left:4px}.next-menu[dir=rtl] .next-menu-icon-arrow.next-icon{left:10px;right:auto}.next-menu{box-sizing:border-box;position:relative;min-width:100px;margin:0;list-style:none;border:1px solid #DCDEE3;border-radius:3px;box-shadow:none;background:#FFFFFF;line-height:32px;font-size:12px;animation-duration:.3s;animation-timing-function:ease}.next-menu *,.next-menu *:before,.next-menu *:after{box-sizing:border-box}.next-menu:focus,.next-menu *:focus{outline:0}.next-menu-spacing-lr{padding:0}.next-menu-spacing-lr.next-menu-outside>.next-menu{height:100%;overflow-y:auto}.next-menu-spacing-tb{padding:0}.next-menu.next-ver{padding:8px 0}.next-menu.next-ver .next-menu-item{padding:0 20px}.next-menu.next-hoz{padding:8px 0}.next-menu.next-hoz .next-menu-item{padding:0 20px}.next-menu-embeddable,.next-menu-embeddable .next-menu-item.next-disabled,.next-menu-embeddable .next-menu-item.next-disabled .next-menu-item-text>a{background:transparent;border:none}.next-menu-embeddable{box-shadow:none}.next-menu-embeddable .next-menu-item-inner{height:100%}.next-menu-content{position:relative;padding:0;margin:0;list-style:none}.next-menu-sub-menu{padding:0;margin:0;list-style:none}.next-menu-sub-menu.next-expand-enter{overflow:hidden}.next-menu-sub-menu.next-expand-enter-active{transition:height .3s ease}.next-menu-sub-menu.next-expand-leave{overflow:hidden}.next-menu-sub-menu.next-expand-leave-active{transition:height .3s ease}.next-menu-item{position:relative;transition:background .1s linear;color:#333;cursor:pointer}.next-menu-item-helper{float:right;color:#999;font-style:normal;font-size:12px}.next-menu-item .next-checkbox,.next-menu-item .next-radio{margin-right:4px}.next-menu-item.next-selected{color:#333;background-color:#fff}.next-menu-item.next-selected .next-menu-icon-arrow{color:#666}.next-menu-item.next-selected .next-menu-icon-selected{color:#5584ff}.next-menu-item.next-disabled,.next-menu-item.next-disabled .next-menu-item-text>a{color:#ccc;background-color:#fff;cursor:not-allowed}.next-menu-item.next-disabled .next-menu-icon-arrow,.next-menu-item.next-disabled .next-menu-item-text>a .next-menu-icon-arrow{color:#ccc}.next-menu-item.next-disabled .next-menu-icon-selected,.next-menu-item.next-disabled .next-menu-item-text>a .next-menu-icon-selected{color:#ccc}.next-menu-item:not(.next-disabled):hover,.next-menu-item:not(.next-disabled).next-selected:hover,.next-menu-item:not(.next-disabled).next-selected.next-focused:hover,.next-menu-item:not(.next-disabled).next-selected:focus:hover,.next-menu-item:not(.next-disabled).next-focused,.next-menu-item:not(.next-disabled).next-selected.next-focused,.next-menu-item:not(.next-disabled).next-selected:focus{color:#333;background-color:#f2f3f7}.next-menu-item:not(.next-disabled):hover .next-menu-icon-arrow,.next-menu-item:not(.next-disabled).next-selected:hover .next-menu-icon-arrow,.next-menu-item:not(.next-disabled).next-selected.next-focused:hover .next-menu-icon-arrow,.next-menu-item:not(.next-disabled).next-selected:focus:hover .next-menu-icon-arrow,.next-menu-item:not(.next-disabled).next-focused .next-menu-icon-arrow,.next-menu-item:not(.next-disabled).next-selected.next-focused .next-menu-icon-arrow,.next-menu-item:not(.next-disabled).next-selected:focus .next-menu-icon-arrow{color:#333}.next-menu-item:not(.next-disabled):hover .next-menu-icon-selected,.next-menu-item:not(.next-disabled).next-selected:hover .next-menu-icon-selected,.next-menu-item:not(.next-disabled).next-selected.next-focused:hover .next-menu-icon-selected,.next-menu-item:not(.next-disabled).next-selected:focus:hover .next-menu-icon-selected,.next-menu-item:not(.next-disabled).next-focused .next-menu-icon-selected,.next-menu-item:not(.next-disabled).next-selected.next-focused .next-menu-icon-selected,.next-menu-item:not(.next-disabled).next-selected:focus .next-menu-icon-selected{color:#5584ff}.next-menu-item-inner{height:32px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.next-menu-item .next-menu-item-text{vertical-align:middle}.next-menu-item .next-menu-item-text>a{display:inline-block;text-decoration:none;color:#333}.next-menu-item .next-menu-item-text>a:before{position:absolute;background-color:transparent;top:0;left:0;bottom:0;right:0;content:""}.next-menu.next-hoz{padding:0}.next-menu.next-hoz.next-menu-nowrap{overflow:hidden;white-space:nowrap}.next-menu.next-hoz.next-menu-nowrap .next-menu-more{text-align:center}.next-menu.next-hoz>.next-menu-item,.next-menu.next-hoz>.next-menu-sub-menu-wrapper,.next-menu.next-hoz .next-menu-content>.next-menu-item{display:inline-block;vertical-align:top}.next-menu.next-hoz .next-menu-header,.next-menu.next-hoz .next-menu-content,.next-menu.next-hoz .next-menu-footer{display:inline-block}.next-menu-hoz-right{float:right}.next-menu-group-label{padding:0 12px;color:#999}.next-menu-divider{margin:8px 12px;border-bottom:1px solid #E6E7EB}.next-menu .next-menu-icon-selected.next-icon{position:absolute;top:0;margin-left:-16px}.next-menu .next-menu-icon-selected.next-icon:before,.next-menu .next-menu-icon-selected.next-icon .next-icon-remote{width:12px;font-size:12px;line-height:inherit}.next-menu .next-menu-icon-selected.next-icon.next-menu-icon-right{right:4px}.next-menu .next-menu-symbol-icon-selected.next-menu-icon-selected:before{content:"\e632"}.next-menu .next-menu-icon-arrow.next-icon{position:absolute;top:0;right:10px;color:#666;transition:all .1s linear}.next-menu .next-menu-icon-arrow.next-icon:before,.next-menu .next-menu-icon-arrow.next-icon .next-icon-remote{width:8px;font-size:8px;line-height:inherit}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.next-menu .next-menu-icon-arrow.next-icon{transform:scale(.5);margin-left:-4px;margin-right:-4px}.next-menu .next-menu-icon-arrow.next-icon:before{width:16px;font-size:16px}}.next-menu .next-menu-icon-arrow-down:before{content:"\e63d"}.next-menu .next-menu-icon-arrow-down.next-open{transform:rotate(180deg)}.next-menu .next-menu-icon-arrow-down.next-open:before,.next-menu .next-menu-icon-arrow-down.next-open .next-icon-remote{width:8px;font-size:8px;line-height:inherit}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.next-menu .next-menu-icon-arrow-down.next-open{transform:scale(.5) rotate(180deg);margin-left:-4px;margin-right:-4px}.next-menu .next-menu-icon-arrow-down.next-open:before{width:16px;font-size:16px}}.next-menu .next-menu-symbol-popupfold:before{content:"\e619"}.next-menu .next-menu-icon-arrow-right.next-open{transform:rotate(-90deg)}.next-menu .next-menu-icon-arrow-right.next-open:before,.next-menu .next-menu-icon-arrow-right.next-open .next-icon-remote{width:8px;font-size:8px;line-height:inherit}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.next-menu .next-menu-icon-arrow-right.next-open{transform:scale(.5) rotate(-90deg);margin-left:-4px;margin-right:-4px}.next-menu .next-menu-icon-arrow-right.next-open:before{width:16px;font-size:16px}}.next-menu .next-menu-hoz-icon-arrow.next-icon{position:absolute;top:0;right:6px;color:#666;transition:all .1s linear}.next-menu .next-menu-hoz-icon-arrow.next-icon:before,.next-menu .next-menu-hoz-icon-arrow.next-icon .next-icon-remote{width:12px;font-size:12px;line-height:inherit}.next-menu .next-menu-hoz-icon-arrow.next-icon:before{content:"\e63d"}.next-menu-unfold-icon:before{content:""}.next-menu .next-menu-hoz-icon-arrow.next-open{transform:rotate(180deg)}.next-menu .next-menu-hoz-icon-arrow.next-open:before,.next-menu .next-menu-hoz-icon-arrow.next-open .next-icon-remote{width:12px;font-size:12px;line-height:inherit}.next-menu.next-context{line-height:24px}.next-menu.next-context .next-menu-item-inner{height:24px}.cn-address{min-width:160px}.cn-address-popup .cn-address-list,.cn-address-popup .cn-address-item{width:184px}.cn-address-popup .cn-address-footer{display:flex;border-top:1px solid #dcdee3;background-color:#fff}.cn-address-popup .cn-address-footer .cn-address-footer-item{display:flex;flex:1}.cn-address-popup .cn-address-footer .cn-address-footer-item .cn-address-footer-btn{display:flex;flex:1;justify-content:center;align-items:center;font-size:12px;color:#333;margin:0;border-radius:0;border:0;border-right:1px solid #dcdee3}.cn-address-popup .cn-address--mark-deletion{text-decoration:line-through;font-style:oblique}.cn-address-header-search{width:100%;padding:10px 0;background-color:#fff}.cn-address-header-search .cn-address-header-search-inner{width:164px;margin:0 10px}.cn-address--search-loading-container{padding:16px 40px;font-size:12px}.cn-address-search-text{background-color:#fff;color:#999;text-align:center}.cn-address-suffix-icon{margin-top:2px;margin-right:4px;color:#999}.next-cascader-select{box-sizing:border-box}.next-cascader-select *,.next-cascader-select *:before,.next-cascader-select *:after{box-sizing:border-box}.next-cascader-select-dropdown{box-sizing:border-box;border:1px solid #DCDEE3;border-radius:3px;box-shadow:none}.next-cascader-select-dropdown *,.next-cascader-select-dropdown *:before,.next-cascader-select-dropdown *:after{box-sizing:border-box}.next-cascader-select-dropdown .next-cascader{display:block;border:none;box-shadow:none}.next-cascader-select-not-found{padding:0;border:none;box-shadow:none;overflow:auto;color:#999}.next-cascader-select-not-found .next-menu-item:hover{color:#999;background:#FFFFFF;cursor:default}.mdd-formily-select .next-select-values{width:0!important}._container_t9q14_1 .next-formily-item-feedback-layout-loose{margin-bottom:10px}._container_t9q14_1 .next-formily-item-label,._container_t9q14_1 .cn-ui-form-item .cn-ui-form-item-label{line-height:24px}._container_t9q14_1 ._footer_t9q14_8{display:flex;justify-content:flex-end}._mddTableForm_tl8oe_1{display:flex;flex-direction:column;padding:0 12px 12px}._mddTableForm_tl8oe_1 .cn-next-collapse .cn-next-collapse-panel-icon{line-height:38px}._mddTableForm_tl8oe_1 .cn-next-radio-group .cn-next-radio-label{font-size:12px}._tableFormTitle_tl8oe_14{padding-bottom:8px;display:flex;justify-content:space-between}._tableFormContent_tl8oe_20 .cn-next-collapse>.cn-next-collapse-panel .cn-next-collapse-panel-title{padding:0 0 0 36px}._tableFormContent_tl8oe_20 .cn-next-collapse>.cn-next-collapse-panel .cn-next-collapse-panel-title .cn-next-icon{height:100%;line-height:1;display:flex;align-items:center}._tableFormContent_tl8oe_20 .cn-next-collapse>.cn-next-collapse-panel .cn-next-collapse-panel-title .cn-next-icon.cn-next-icon-close{padding:0 6px;cursor:pointer}._tableFormBottom_tl8oe_34{padding-top:12px;display:flex;justify-content:center;align-items:center}._itemTitle_tl8oe_41{display:flex;align-items:center;padding:4px}._itemTitle_tl8oe_41 .cn-next-input.cn-next-medium{height:24px}._itemTitle_tl8oe_41 .cn-next-input.cn-next-medium input{height:24px;line-height:24px;font-size:12px}._itemTitle_tl8oe_41 .cn-next-input.cn-next-medium .cn-next-select-values{height:24px;font-size:12px}._itemTitle_tl8oe_41 .cn-next-input.cn-next-medium .cn-next-input-inner i{margin:0 4px!important}._drop-over-downward_tl8oe_62{border-bottom:2px dashed #3080fe!important}._drop-over-upward_tl8oe_66{border-top:2px dashed #3080fe!important}._itemComponent_tl8oe_70{display:flex;align-items:center;padding:0 12px}._itemLabel_tl8oe_76{padding-right:12px;font-size:12px}._collapseContent_tl8oe_81{padding:0 12px}._itemClose_tl8oe_85{position:absolute;right:12px;top:0;height:48px;line-height:48px}._mddForm_1e2nn_1{display:flex;flex-direction:column;padding:12px}._mddForm_1e2nn_1 .cn-next-collapse .cn-next-collapse-panel-icon{line-height:38px}._mddForm_1e2nn_1 .cn-next-number-picker .cn-next-input.cn-next-small{height:24px;display:flex}._mddForm_1e2nn_1 .cn-next-number-picker-normal .cn-next-input .cn-next-input-control{width:22px}._mddForm_1e2nn_1 .cn-next-form-item-label{color:#000000d9}._FormTitle_1e2nn_20{padding-bottom:8px}._FormTitleHelp_1e2nn_24{font-size:12px;color:#999;padding-bottom:8px}._FormContent_1e2nn_30{padding:28px;background:#f9f9f9}._content_1e2nn_35{padding:12px}._mddTableArray_16ght_1{display:flex;flex-direction:column;padding:0 12px 12px}._mddTableArray_16ght_1 .cn-next-collapse .cn-next-collapse-panel-icon{line-height:38px}._mddTableArray_16ght_1 .cn-next-radio-group .cn-next-radio-label{font-size:12px}._tableArrayTitle_16ght_14{padding-bottom:8px}._tableArrayContent_16ght_18 .cn-next-collapse>.cn-next-collapse-panel .cn-next-collapse-panel-title{padding:0 0 0 36px}._tableArrayContent_16ght_18 .cn-next-collapse>.cn-next-collapse-panel .cn-next-collapse-panel-title .cn-next-icon{height:100%;line-height:1;display:flex;align-items:center}._tableArrayContent_16ght_18 .cn-next-collapse>.cn-next-collapse-panel .cn-next-collapse-panel-title .cn-next-icon.cn-next-icon-close{padding:0 6px;cursor:pointer}._tableArrayBottom_16ght_32{padding-top:12px;display:flex;justify-content:center;align-items:center}._itemTitle_16ght_39{display:flex;align-items:center;padding:4px;position:relative}._itemTitle_16ght_39 .cn-next-input.cn-next-medium{height:24px}._itemTitle_16ght_39 .cn-next-input.cn-next-medium input{height:24px;line-height:24px;font-size:12px}._itemTitle_16ght_39 .cn-next-input.cn-next-medium .cn-next-select-values{height:24px;font-size:12px}._itemTitle_16ght_39 .cn-next-input.cn-next-medium .cn-next-input-inner i{margin:0 4px!important}._drop-over-downward_16ght_61{border-bottom:2px dashed #3080fe!important}._drop-over-upward_16ght_65{border-top:2px dashed #3080fe!important}._collapseContent_16ght_69{padding:0 12px}._itemClose_16ght_73{position:absolute;right:12px;top:0;height:48px;line-height:48px}._customTabItem_119xt_1{padding:8px}._tabTitle_119xt_5{font-size:14px}._tabLabel_119xt_9{display:inline-block;padding:0 2px}._middleBox_119xt_20{margin-left:"10px";margin-bottom:8px;display:flex}._middleBoxLeft_119xt_26{width:100px;text-align:right}._middleBoxRight_119xt_31{flex:1}._mddTableArray_16ght_1{display:flex;flex-direction:column;padding:0 12px 12px}._mddTableArray_16ght_1 .cn-next-collapse .cn-next-collapse-panel-icon{line-height:38px}._mddTableArray_16ght_1 .cn-next-radio-group .cn-next-radio-label{font-size:12px}._tableArrayTitle_16ght_14{padding-bottom:8px}._tableArrayContent_16ght_18 .cn-next-collapse>.cn-next-collapse-panel .cn-next-collapse-panel-title{padding:0 0 0 36px}._tableArrayContent_16ght_18 .cn-next-collapse>.cn-next-collapse-panel .cn-next-collapse-panel-title .cn-next-icon{height:100%;line-height:1;display:flex;align-items:center}._tableArrayContent_16ght_18 .cn-next-collapse>.cn-next-collapse-panel .cn-next-collapse-panel-title .cn-next-icon.cn-next-icon-close{padding:0 6px;cursor:pointer}._tableArrayBottom_16ght_32{padding-top:12px;display:flex;justify-content:center;align-items:center}._itemTitle_16ght_39{display:flex;align-items:center;padding:4px;position:relative}._itemTitle_16ght_39 .cn-next-input.cn-next-medium{height:24px}._itemTitle_16ght_39 .cn-next-input.cn-next-medium input{height:24px;line-height:24px;font-size:12px}._itemTitle_16ght_39 .cn-next-input.cn-next-medium .cn-next-select-values{height:24px;font-size:12px}._itemTitle_16ght_39 .cn-next-input.cn-next-medium .cn-next-input-inner i{margin:0 4px!important}._drop-over-downward_16ght_61{border-bottom:2px dashed #3080fe!important}._drop-over-upward_16ght_65{border-top:2px dashed #3080fe!important}._collapseContent_16ght_69{padding:0 12px}._itemClose_16ght_73{position:absolute;right:12px;top:0;height:48px;line-height:48px}._customTabItem_1lh1l_1{padding:8px}._tabTitle_1lh1l_5{font-size:14px}._tabLabel_1lh1l_9{display:inline-block;padding:0 2px}._mddDetailItems_1lh1l_14 ._itemComponent_1lh1l_14{display:flex;align-items:center;padding:0 12px}._mddDetailItems_1lh1l_14 ._itemLabel_1lh1l_19{padding-right:12px;font-size:12px}.build-page-tab-detail-help{font-size:13px;color:#999;padding:0 12px 12px}._customTabItem_ac2i9_1{padding:8px}._tabTitle_ac2i9_5{font-size:14px}._tabLabel_ac2i9_9{display:inline-block;padding:0 2px}.formily-form-v2-kv{padding:0 12px;display:flex;flex-direction:column;margin-bottom:12px}.formily-form-v2-kv .formily-form-v2-title-wrapper{margin-bottom:8px;line-height:1}.formily-form-v2-kv .formily-form-v2-title-wrapper .title{margin-right:8px}.formily-form-v2-kv .formily-form-v2-title-wrapper .subTitle{color:#585d66;font-size:12px}._kvContainer_rfbib_1{padding:0 12px;display:flex;flex-direction:column;margin-bottom:12px}._kvContainer_rfbib_1 ._kvWrapper_rfbib_7{margin-bottom:8px;line-height:1}._kvContainer_rfbib_1 ._kvWrapper_rfbib_7 ._kvTitle_rfbib_11{margin-right:8px}._kvContainer_rfbib_1 ._kvWrapper_rfbib_7 ._kvSubTitle_rfbib_14{color:#585d66;font-size:12px}.mdd-editor-build-content{flex:1;position:relative}.mdd-editor-build-content .mdd-editor-toolbar{cursor:zoom-in;position:absolute;z-index:100;text-align:right;top:0;right:0;padding:4px 18px;display:flex;align-items:center;gap:8px}.mdd-editor-build-content .preview-tool-full>i{cursor:pointer}.mdd-editor-build-content .preview-tool-full .icon-box{position:absolute;right:12px;top:4px;padding:4px;width:1.5em;height:1.5em;display:flex;justify-content:center;align-items:center;background-color:#00000052;border-radius:2px;cursor:pointer;z-index:19}.mdd-editor-build-content .preview-tool-full .icon-box img{display:inline-block;width:14px;height:14px}.mdd-script-card{position:relative}.mdd-script-card .mdd-script-top-buttons{position:absolute;right:22px;top:12px;display:flex;gap:12px;z-index:10}._customTabItem_1y6va_1{padding:8px}._tabTitle_1y6va_5{font-size:14px}._tabLabel_1y6va_9{display:inline-block;padding:0 2px}.mdd-tip{color:#999;display:inline;padding-left:20px}
+.monaco-clone-btn{position:absolute;right:10px;top:10px;z-index:101;display:none}.monaco-container{min-height:400px}.form-item-exart-abs{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;position:absolute;top:0;right:0;font-size:12px}.help-link{margin-left:5px}.ajax-schema-form-container{display:flex}.data-source-item{margin:0 0 15px;padding:3px;border:1px solid #000;border-radius:4px;border-color:#49cc90;background-color:#49cc9033;display:flex;align-items:center;cursor:pointer}.data-source-item:hover{box-shadow:0 0 5px #49cc90}.data-source-item .method{font-size:14px;font-weight:700;padding:3px 5px;text-align:center;border-radius:3px;background:#000;font-family:sans-serif;color:#fff;background:#1cce75}.data-source-item .host{font-weight:700;margin-left:5px}.data-source-item .url{font-weight:700;margin-left:10px;overflow:hidden;text-overflow:ellipsis}.data-source-item .description{margin-left:10px}.kv-table .table-operation-row{font-size:12px;margin-top:5px;display:flex;justify-content:space-between}.kv-table .table-operation-row .fast-select{width:200px}._dsType_mxilv_1{margin-bottom:10px}._dsJSONContent_mxilv_5{margin-top:10px}._dsJSONContent_mxilv_5 ._dsJSONContentTip_mxilv_8{margin-top:6px;font-weight:700}._dsAjaxContent_mxilv_13{margin-top:10px}._dsTitle_mxilv_17{font-weight:700;margin-top:10px}._actionButton_mxilv_22{margin-bottom:8px}._watchContainer_mxilv_26{display:flex;align-items:center;margin-top:10px}._dsTitleWatch_mxilv_32{margin-right:8px;font-weight:700}._staticValueOkBtn_mxilv_37{margin-left:4px}._tableDeleteBtn_mxilv_41{margin-left:8px}._secondConfirm_mxilv_45{margin-top:10px}._dsType_1islj_1{margin-bottom:10px}._dsJSONContent_1islj_5{margin-top:10px}._dsJSONContent_1islj_5 ._dsJSONContentTip_1islj_8{margin-top:6px;font-weight:700}._dsTitle_1islj_13{font-weight:700;margin-top:10px}._actionButton_1islj_18{margin-bottom:8px}._watchContainer_1islj_22{display:flex;align-items:center;margin-top:10px}._dsTitleWatch_1islj_28{margin-right:8px;font-weight:700}._staticValueOkBtn_1islj_33{margin-left:4px}._tableDeleteBtn_1islj_37{margin-left:8px}._secondConfirm_1islj_41{margin-top:10px}@charset "UTF-8";.next-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;top:0;margin:-1px}.next-select{box-sizing:border-box;display:inline-block;position:relative;font-size:0;vertical-align:middle}.next-select *,.next-select *:before,.next-select *:after{box-sizing:border-box}.next-select-trigger{min-width:100px;outline:0;transition:all .1s linear}.next-select-trigger .next-input-label{flex:0 0 auto;width:auto}.next-select-trigger .next-select-values{display:block;width:100%;flex:1 1 0;overflow:hidden}.next-select-trigger .next-select-values>em{font-style:inherit}.next-select-trigger .next-select-values input{padding-left:0;padding-right:0}.next-select-trigger .next-input-control{flex:0 0 auto;width:auto}.next-select-trigger .next-input-control>*{display:inline-block;width:auto}.next-select-trigger .next-input-control>.next-select-arrow{padding-right:0}.next-select-trigger .next-input.next-disabled em{color:#ccc}.next-select-trigger .next-input.next-disabled .next-select-arrow{cursor:not-allowed}.next-select-trigger .next-select-clear{display:none}.next-select-trigger.next-has-clear:hover .next-select-clear{display:inline-block}.next-select-trigger.next-has-clear:hover .next-select-arrow{display:none}.next-select .next-select-inner{display:inline-flex;align-items:center;width:100%;min-width:100px;outline:0;color:#333}.next-select .next-select-inner .next-tag{line-height:1;margin-right:4px;margin-bottom:3px;padding-left:0;padding-right:0}.next-select .next-select-inner .next-input-inner{width:auto}.next-select-trigger-search{position:relative;display:inline-block;vertical-align:top;overflow:hidden;width:100%;max-width:100%}.next-select-trigger-search>input,.next-select-trigger-search>span{display:block;font-size:inherit;font-family:inherit;letter-spacing:inherit;white-space:nowrap;overflow:hidden}.next-select-trigger-search input{position:absolute;background-color:transparent;width:100%;height:100%!important;z-index:1;left:0;border:0;outline:0;margin:0;padding:0;cursor:inherit}.next-select-trigger-search>span{position:relative;visibility:hidden;white-space:pre;max-width:100%;z-index:-1}.next-select-single.next-no-search{cursor:pointer}.next-select-single.next-has-search.next-active .next-select-values>em{display:none}.next-select-single.next-no-search .next-select-values>em+.next-select-trigger-search,.next-select-single.next-inactive .next-select-values>em+.next-select-trigger-search{width:1px;opacity:0;filter:alpha(opacity=0)}.next-select-single .next-select-values{display:inline-flex;align-items:center}.next-select-single .next-select-values>em{vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-select-multiple .next-select-compact{position:relative;white-space:nowrap}.next-select-multiple .next-select-compact .next-select-trigger-search{width:auto}.next-select-multiple .next-select-compact .next-select-tag-compact{position:absolute;top:0;right:0;z-index:1;padding:0 4px 0 16px;color:#333;background:linear-gradient(90deg,transparent,#FFFFFF 10px)}.next-select-multiple .next-disabled .next-select-tag-compact{background:linear-gradient(90deg,transparent,#F7F8FA 10px)}.next-select-multiple .next-select-values,.next-select-tag .next-select-values{margin-bottom:-3px;height:auto!important}.next-select-multiple .next-select-trigger-search,.next-select-tag .next-select-trigger-search{margin-bottom:3px}.next-select-multiple .next-tag+.next-select-trigger-search,.next-select-tag .next-tag+.next-select-trigger-search{width:auto;min-width:1px}.next-select-multiple .next-input,.next-select-tag .next-input{height:auto;align-items:start}.next-select-multiple.next-small .next-select-values,.next-select-tag.next-small .next-select-values{min-height:18px;padding-top:2px;padding-bottom:2px;line-height:14px}.next-select-multiple.next-small .next-select-values-compact,.next-select-tag.next-small .next-select-values-compact{height:20px!important}.next-select-multiple.next-small .next-tag,.next-select-tag.next-small .next-tag{border:0;padding-top:0;padding-bottom:0;height:14px}.next-select-multiple.next-small .next-tag .next-tag-body,.next-select-multiple.next-small .next-tag .next-tag-close-btn,.next-select-tag.next-small .next-tag .next-tag-body,.next-select-tag.next-small .next-tag .next-tag-close-btn,.next-select-multiple.next-small .next-tag-body,.next-select-tag.next-small .next-tag-body{line-height:14px}.next-select-multiple.next-small .next-input-label,.next-select-multiple.next-small .next-input-inner,.next-select-multiple.next-small .next-input-control,.next-select-multiple.next-small .next-select-tag-compact,.next-select-tag.next-small .next-input-label,.next-select-tag.next-small .next-input-inner,.next-select-tag.next-small .next-input-control,.next-select-tag.next-small .next-select-tag-compact{line-height:18px}.next-select-multiple.next-medium .next-select-values,.next-select-tag.next-medium .next-select-values{min-height:26px;padding-top:3px;padding-bottom:3px;line-height:20px}.next-select-multiple.next-medium .next-select-values-compact,.next-select-tag.next-medium .next-select-values-compact{height:28px!important}.next-select-multiple.next-medium .next-tag,.next-select-tag.next-medium .next-tag{padding-top:1px;padding-bottom:1px;height:20px}.next-select-multiple.next-medium .next-tag .next-tag-body,.next-select-multiple.next-medium .next-tag .next-tag-close-btn,.next-select-tag.next-medium .next-tag .next-tag-body,.next-select-tag.next-medium .next-tag .next-tag-close-btn{line-height:18px}.next-select-multiple.next-medium .next-input-label,.next-select-multiple.next-medium .next-input-inner,.next-select-multiple.next-medium .next-input-control,.next-select-multiple.next-medium .next-select-tag-compact,.next-select-tag.next-medium .next-input-label,.next-select-tag.next-medium .next-input-inner,.next-select-tag.next-medium .next-input-control,.next-select-tag.next-medium .next-select-tag-compact{line-height:26px}.next-select-multiple.next-large .next-select-values,.next-select-tag.next-large .next-select-values{min-height:38px;padding-top:7px;padding-bottom:7px;line-height:24px}.next-select-multiple.next-large .next-select-values-compact,.next-select-tag.next-large .next-select-values-compact{height:40px!important}.next-select-multiple.next-large .next-tag,.next-select-tag.next-large .next-tag{padding-top:3px;padding-bottom:3px;height:24px}.next-select-multiple.next-large .next-tag .next-tag-body,.next-select-multiple.next-large .next-tag .next-tag-close-btn,.next-select-tag.next-large .next-tag .next-tag-body,.next-select-tag.next-large .next-tag .next-tag-close-btn{line-height:18px}.next-select-multiple.next-large .next-input-label,.next-select-multiple.next-large .next-input-inner,.next-select-multiple.next-large .next-input-control,.next-select-multiple.next-large .next-select-tag-compact,.next-select-tag.next-large .next-input-label,.next-select-tag.next-large .next-input-inner,.next-select-tag.next-large .next-input-control,.next-select-tag.next-large .next-select-tag-compact{line-height:38px}.next-select-auto-complete{width:160px}.next-select-auto-complete .next-input{width:100%}.next-select-auto-complete .next-input .next-input-hint-wrap{padding-right:1px}.next-select-auto-complete .next-input .next-select-arrow{padding-left:0}.next-select.next-active .next-select-arrow .next-icon-arrow-down{transform:rotate(180deg)}.next-select .next-select-unfold-icon:before{content:""}.next-select-symbol-fold:before{content:"\e63d"}.next-select-arrow{cursor:pointer;width:auto!important;text-align:center;transition:all .1s linear}.next-select-popup-wrap{animation-duration:.3s;animation-timing-function:ease;padding:0}.next-select-spacing-tb{padding:0}.next-select-menu-wrapper{max-height:260px;overflow:auto;border:1px solid #DCDEE3;border-radius:3px;box-shadow:none}.next-select-menu-wrapper .next-select-menu{max-height:none;border:none}.next-select-menu{max-height:260px;overflow:auto}.next-select-menu .next-select-menu-empty-content{padding-left:8px;padding-right:8px;color:#999}.next-select-menu.next-select-auto-complete-menu.next-select-menu-empty{display:none}.next-select-menu .next-menu-item-text .next-icon{vertical-align:middle}.next-select-all{display:block;cursor:pointer;padding:0 8px;margin:0 12px 8px;border-bottom:1px solid #DCDEE3}.next-select-all:hover{color:#3e71f7}.next-select-all .next-menu-icon-selected.next-icon{display:inline-block!important;top:initial;color:#5584ff}.next-select-highlight{color:#5584ff;font-size:12px}.next-select-in-ie.next-select-trigger .next-select-values{overflow:visible}.next-select-in-ie.next-select-trigger .next-input-control,.next-select-in-ie.next-select-trigger .next-input-label{width:1px}.next-select-in-ie.next-select-trigger .next-input-control>*{display:table-cell;width:1%}.next-select-in-ie.next-select-trigger .next-select-arrow{display:table-cell}.next-select-in-ie.next-select-trigger .next-select-clear{display:none}.next-select-in-ie.next-select-trigger.next-select-multiple .next-select-inner,.next-select-in-ie.next-select-trigger.next-select-tag .next-select-inner{vertical-align:top}.next-select-in-ie.next-select-trigger .next-select-inner,.next-select-in-ie.next-select-trigger.next-select-single .next-select-values{display:inline-table}.next-select-in-ie.next-select-trigger.next-select-single .next-input.next-small .next-select-values{line-height:20px}.next-select-in-ie.next-select-trigger.next-select-single .next-input.next-medium .next-select-values{line-height:28px}.next-select-in-ie.next-select-trigger.next-select-single .next-input.next-large .next-select-values{line-height:40px}.next-select-in-ie.next-select-trigger .next-select-trigger-search>span{max-width:100px}.next-select-in-ie.next-select-trigger.next-select-single.next-select-in-ie-fixwidth .next-select-values{position:relative}.next-select-in-ie.next-select-trigger.next-select-single.next-select-in-ie-fixwidth .next-select-values>em{position:absolute;display:inline-block;height:100%;line-height:1;vertical-align:middle;overflow:hidden;left:4px;right:0;top:30%}.next-select-in-ie.next-select-trigger.next-select-single.next-no-search .next-select-values>em+.next-select-trigger-search,.next-select-in-ie.next-select-trigger.next-select-single.next-inactive .next-select-values>em+.next-select-trigger-search{filter:alpha(opacity=0);font-size:0}.next-select-in-ie.next-select-trigger.next-no-search .next-select-trigger-search input{color:inherit}@media screen and (-webkit-min-device-pixel-ratio: 0){.next-select-multiple .next-select-compact .next-select-tag-compact{background:linear-gradient(90deg,rgba(255,255,255,0),#FFFFFF 10px)}.next-select-multiple .next-disabled .next-select-tag-compact{background:linear-gradient(90deg,rgba(255,255,255,0),#F7F8FA 10px)}}.next-select.next-select-multiple[dir=rtl] .next-select-compact .next-select-tag-compact{left:0;right:auto;padding:0 16px 0 4px;background:linear-gradient(270deg,rgba(255,255,255,0),#FFFFFF 10px)}.next-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;top:0;margin:-1px}.next-menu[dir=rtl] .next-menu-item-helper{float:left}.next-menu[dir=rtl] .next-menu-item .next-checkbox,.next-menu[dir=rtl] .next-menu-item .next-radio{margin-left:4px;margin-right:0}.next-menu[dir=rtl] .next-menu-hoz-right{float:left}.next-menu[dir=rtl] .next-menu-hoz-icon-arrow.next-icon{left:6px;right:auto}.next-menu[dir=rtl] .next-menu-icon-selected.next-icon{margin-left:0;margin-right:-16px}.next-menu[dir=rtl] .next-menu-icon-selected.next-icon:before,.next-menu[dir=rtl] .next-menu-icon-selected.next-icon .next-icon-remote{width:12px;font-size:12px;line-height:inherit}.next-menu[dir=rtl] .next-menu-icon-selected.next-icon.next-menu-icon-right{right:auto;left:4px}.next-menu[dir=rtl] .next-menu-icon-arrow.next-icon{left:10px;right:auto}.next-menu{box-sizing:border-box;position:relative;min-width:100px;margin:0;list-style:none;border:1px solid #DCDEE3;border-radius:3px;box-shadow:none;background:#FFFFFF;line-height:32px;font-size:12px;animation-duration:.3s;animation-timing-function:ease}.next-menu *,.next-menu *:before,.next-menu *:after{box-sizing:border-box}.next-menu:focus,.next-menu *:focus{outline:0}.next-menu-spacing-lr{padding:0}.next-menu-spacing-lr.next-menu-outside>.next-menu{height:100%;overflow-y:auto}.next-menu-spacing-tb{padding:0}.next-menu.next-ver{padding:8px 0}.next-menu.next-ver .next-menu-item{padding:0 20px}.next-menu.next-hoz{padding:8px 0}.next-menu.next-hoz .next-menu-item{padding:0 20px}.next-menu-embeddable,.next-menu-embeddable .next-menu-item.next-disabled,.next-menu-embeddable .next-menu-item.next-disabled .next-menu-item-text>a{background:transparent;border:none}.next-menu-embeddable{box-shadow:none}.next-menu-embeddable .next-menu-item-inner{height:100%}.next-menu-content{position:relative;padding:0;margin:0;list-style:none}.next-menu-sub-menu{padding:0;margin:0;list-style:none}.next-menu-sub-menu.next-expand-enter{overflow:hidden}.next-menu-sub-menu.next-expand-enter-active{transition:height .3s ease}.next-menu-sub-menu.next-expand-leave{overflow:hidden}.next-menu-sub-menu.next-expand-leave-active{transition:height .3s ease}.next-menu-item{position:relative;transition:background .1s linear;color:#333;cursor:pointer}.next-menu-item-helper{float:right;color:#999;font-style:normal;font-size:12px}.next-menu-item .next-checkbox,.next-menu-item .next-radio{margin-right:4px}.next-menu-item.next-selected{color:#333;background-color:#fff}.next-menu-item.next-selected .next-menu-icon-arrow{color:#666}.next-menu-item.next-selected .next-menu-icon-selected{color:#5584ff}.next-menu-item.next-disabled,.next-menu-item.next-disabled .next-menu-item-text>a{color:#ccc;background-color:#fff;cursor:not-allowed}.next-menu-item.next-disabled .next-menu-icon-arrow,.next-menu-item.next-disabled .next-menu-item-text>a .next-menu-icon-arrow{color:#ccc}.next-menu-item.next-disabled .next-menu-icon-selected,.next-menu-item.next-disabled .next-menu-item-text>a .next-menu-icon-selected{color:#ccc}.next-menu-item:not(.next-disabled):hover,.next-menu-item:not(.next-disabled).next-selected:hover,.next-menu-item:not(.next-disabled).next-selected.next-focused:hover,.next-menu-item:not(.next-disabled).next-selected:focus:hover,.next-menu-item:not(.next-disabled).next-focused,.next-menu-item:not(.next-disabled).next-selected.next-focused,.next-menu-item:not(.next-disabled).next-selected:focus{color:#333;background-color:#f2f3f7}.next-menu-item:not(.next-disabled):hover .next-menu-icon-arrow,.next-menu-item:not(.next-disabled).next-selected:hover .next-menu-icon-arrow,.next-menu-item:not(.next-disabled).next-selected.next-focused:hover .next-menu-icon-arrow,.next-menu-item:not(.next-disabled).next-selected:focus:hover .next-menu-icon-arrow,.next-menu-item:not(.next-disabled).next-focused .next-menu-icon-arrow,.next-menu-item:not(.next-disabled).next-selected.next-focused .next-menu-icon-arrow,.next-menu-item:not(.next-disabled).next-selected:focus .next-menu-icon-arrow{color:#333}.next-menu-item:not(.next-disabled):hover .next-menu-icon-selected,.next-menu-item:not(.next-disabled).next-selected:hover .next-menu-icon-selected,.next-menu-item:not(.next-disabled).next-selected.next-focused:hover .next-menu-icon-selected,.next-menu-item:not(.next-disabled).next-selected:focus:hover .next-menu-icon-selected,.next-menu-item:not(.next-disabled).next-focused .next-menu-icon-selected,.next-menu-item:not(.next-disabled).next-selected.next-focused .next-menu-icon-selected,.next-menu-item:not(.next-disabled).next-selected:focus .next-menu-icon-selected{color:#5584ff}.next-menu-item-inner{height:32px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.next-menu-item .next-menu-item-text{vertical-align:middle}.next-menu-item .next-menu-item-text>a{display:inline-block;text-decoration:none;color:#333}.next-menu-item .next-menu-item-text>a:before{position:absolute;background-color:transparent;top:0;left:0;bottom:0;right:0;content:""}.next-menu.next-hoz{padding:0}.next-menu.next-hoz.next-menu-nowrap{overflow:hidden;white-space:nowrap}.next-menu.next-hoz.next-menu-nowrap .next-menu-more{text-align:center}.next-menu.next-hoz>.next-menu-item,.next-menu.next-hoz>.next-menu-sub-menu-wrapper,.next-menu.next-hoz .next-menu-content>.next-menu-item{display:inline-block;vertical-align:top}.next-menu.next-hoz .next-menu-header,.next-menu.next-hoz .next-menu-content,.next-menu.next-hoz .next-menu-footer{display:inline-block}.next-menu-hoz-right{float:right}.next-menu-group-label{padding:0 12px;color:#999}.next-menu-divider{margin:8px 12px;border-bottom:1px solid #E6E7EB}.next-menu .next-menu-icon-selected.next-icon{position:absolute;top:0;margin-left:-16px}.next-menu .next-menu-icon-selected.next-icon:before,.next-menu .next-menu-icon-selected.next-icon .next-icon-remote{width:12px;font-size:12px;line-height:inherit}.next-menu .next-menu-icon-selected.next-icon.next-menu-icon-right{right:4px}.next-menu .next-menu-symbol-icon-selected.next-menu-icon-selected:before{content:"\e632"}.next-menu .next-menu-icon-arrow.next-icon{position:absolute;top:0;right:10px;color:#666;transition:all .1s linear}.next-menu .next-menu-icon-arrow.next-icon:before,.next-menu .next-menu-icon-arrow.next-icon .next-icon-remote{width:8px;font-size:8px;line-height:inherit}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.next-menu .next-menu-icon-arrow.next-icon{transform:scale(.5);margin-left:-4px;margin-right:-4px}.next-menu .next-menu-icon-arrow.next-icon:before{width:16px;font-size:16px}}.next-menu .next-menu-icon-arrow-down:before{content:"\e63d"}.next-menu .next-menu-icon-arrow-down.next-open{transform:rotate(180deg)}.next-menu .next-menu-icon-arrow-down.next-open:before,.next-menu .next-menu-icon-arrow-down.next-open .next-icon-remote{width:8px;font-size:8px;line-height:inherit}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.next-menu .next-menu-icon-arrow-down.next-open{transform:scale(.5) rotate(180deg);margin-left:-4px;margin-right:-4px}.next-menu .next-menu-icon-arrow-down.next-open:before{width:16px;font-size:16px}}.next-menu .next-menu-symbol-popupfold:before{content:"\e619"}.next-menu .next-menu-icon-arrow-right.next-open{transform:rotate(-90deg)}.next-menu .next-menu-icon-arrow-right.next-open:before,.next-menu .next-menu-icon-arrow-right.next-open .next-icon-remote{width:8px;font-size:8px;line-height:inherit}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.next-menu .next-menu-icon-arrow-right.next-open{transform:scale(.5) rotate(-90deg);margin-left:-4px;margin-right:-4px}.next-menu .next-menu-icon-arrow-right.next-open:before{width:16px;font-size:16px}}.next-menu .next-menu-hoz-icon-arrow.next-icon{position:absolute;top:0;right:6px;color:#666;transition:all .1s linear}.next-menu .next-menu-hoz-icon-arrow.next-icon:before,.next-menu .next-menu-hoz-icon-arrow.next-icon .next-icon-remote{width:12px;font-size:12px;line-height:inherit}.next-menu .next-menu-hoz-icon-arrow.next-icon:before{content:"\e63d"}.next-menu-unfold-icon:before{content:""}.next-menu .next-menu-hoz-icon-arrow.next-open{transform:rotate(180deg)}.next-menu .next-menu-hoz-icon-arrow.next-open:before,.next-menu .next-menu-hoz-icon-arrow.next-open .next-icon-remote{width:12px;font-size:12px;line-height:inherit}.next-menu.next-context{line-height:24px}.next-menu.next-context .next-menu-item-inner{height:24px}.cn-address{min-width:160px}.cn-address-popup .cn-address-list,.cn-address-popup .cn-address-item{width:184px}.cn-address-popup .cn-address-footer{display:flex;border-top:1px solid #dcdee3;background-color:#fff}.cn-address-popup .cn-address-footer .cn-address-footer-item{display:flex;flex:1}.cn-address-popup .cn-address-footer .cn-address-footer-item .cn-address-footer-btn{display:flex;flex:1;justify-content:center;align-items:center;font-size:12px;color:#333;margin:0;border-radius:0;border:0;border-right:1px solid #dcdee3}.cn-address-popup .cn-address--mark-deletion{text-decoration:line-through;font-style:oblique}.cn-address-header-search{width:100%;padding:10px 0;background-color:#fff}.cn-address-header-search .cn-address-header-search-inner{width:164px;margin:0 10px}.cn-address--search-loading-container{padding:16px 40px;font-size:12px}.cn-address-search-text{background-color:#fff;color:#999;text-align:center}.cn-address-suffix-icon{margin-top:2px;margin-right:4px;color:#999}.next-cascader-select{box-sizing:border-box}.next-cascader-select *,.next-cascader-select *:before,.next-cascader-select *:after{box-sizing:border-box}.next-cascader-select-dropdown{box-sizing:border-box;border:1px solid #DCDEE3;border-radius:3px;box-shadow:none}.next-cascader-select-dropdown *,.next-cascader-select-dropdown *:before,.next-cascader-select-dropdown *:after{box-sizing:border-box}.next-cascader-select-dropdown .next-cascader{display:block;border:none;box-shadow:none}.next-cascader-select-not-found{padding:0;border:none;box-shadow:none;overflow:auto;color:#999}.next-cascader-select-not-found .next-menu-item:hover{color:#999;background:#FFFFFF;cursor:default}.mdd-formily-select .next-select-values{width:0!important}._container_t9q14_1 .next-formily-item-feedback-layout-loose{margin-bottom:10px}._container_t9q14_1 .next-formily-item-label,._container_t9q14_1 .cn-ui-form-item .cn-ui-form-item-label{line-height:24px}._container_t9q14_1 ._footer_t9q14_8{display:flex;justify-content:flex-end}._mddTableForm_tl8oe_1{display:flex;flex-direction:column;padding:0 12px 12px}._mddTableForm_tl8oe_1 .cn-next-collapse .cn-next-collapse-panel-icon{line-height:38px}._mddTableForm_tl8oe_1 .cn-next-radio-group .cn-next-radio-label{font-size:12px}._tableFormTitle_tl8oe_14{padding-bottom:8px;display:flex;justify-content:space-between}._tableFormContent_tl8oe_20 .cn-next-collapse>.cn-next-collapse-panel .cn-next-collapse-panel-title{padding:0 0 0 36px}._tableFormContent_tl8oe_20 .cn-next-collapse>.cn-next-collapse-panel .cn-next-collapse-panel-title .cn-next-icon{height:100%;line-height:1;display:flex;align-items:center}._tableFormContent_tl8oe_20 .cn-next-collapse>.cn-next-collapse-panel .cn-next-collapse-panel-title .cn-next-icon.cn-next-icon-close{padding:0 6px;cursor:pointer}._tableFormBottom_tl8oe_34{padding-top:12px;display:flex;justify-content:center;align-items:center}._itemTitle_tl8oe_41{display:flex;align-items:center;padding:4px}._itemTitle_tl8oe_41 .cn-next-input.cn-next-medium{height:24px}._itemTitle_tl8oe_41 .cn-next-input.cn-next-medium input{height:24px;line-height:24px;font-size:12px}._itemTitle_tl8oe_41 .cn-next-input.cn-next-medium .cn-next-select-values{height:24px;font-size:12px}._itemTitle_tl8oe_41 .cn-next-input.cn-next-medium .cn-next-input-inner i{margin:0 4px!important}._drop-over-downward_tl8oe_62{border-bottom:2px dashed #3080fe!important}._drop-over-upward_tl8oe_66{border-top:2px dashed #3080fe!important}._itemComponent_tl8oe_70{display:flex;align-items:center;padding:0 12px}._itemLabel_tl8oe_76{padding-right:12px;font-size:12px}._collapseContent_tl8oe_81{padding:0 12px}._itemClose_tl8oe_85{position:absolute;right:12px;top:0;height:48px;line-height:48px}._mddForm_1e2nn_1{display:flex;flex-direction:column;padding:12px}._mddForm_1e2nn_1 .cn-next-collapse .cn-next-collapse-panel-icon{line-height:38px}._mddForm_1e2nn_1 .cn-next-number-picker .cn-next-input.cn-next-small{height:24px;display:flex}._mddForm_1e2nn_1 .cn-next-number-picker-normal .cn-next-input .cn-next-input-control{width:22px}._mddForm_1e2nn_1 .cn-next-form-item-label{color:#000000d9}._FormTitle_1e2nn_20{padding-bottom:8px}._FormTitleHelp_1e2nn_24{font-size:12px;color:#999;padding-bottom:8px}._FormContent_1e2nn_30{padding:28px;background:#f9f9f9}._content_1e2nn_35{padding:12px}._mddTableArray_16ght_1{display:flex;flex-direction:column;padding:0 12px 12px}._mddTableArray_16ght_1 .cn-next-collapse .cn-next-collapse-panel-icon{line-height:38px}._mddTableArray_16ght_1 .cn-next-radio-group .cn-next-radio-label{font-size:12px}._tableArrayTitle_16ght_14{padding-bottom:8px}._tableArrayContent_16ght_18 .cn-next-collapse>.cn-next-collapse-panel .cn-next-collapse-panel-title{padding:0 0 0 36px}._tableArrayContent_16ght_18 .cn-next-collapse>.cn-next-collapse-panel .cn-next-collapse-panel-title .cn-next-icon{height:100%;line-height:1;display:flex;align-items:center}._tableArrayContent_16ght_18 .cn-next-collapse>.cn-next-collapse-panel .cn-next-collapse-panel-title .cn-next-icon.cn-next-icon-close{padding:0 6px;cursor:pointer}._tableArrayBottom_16ght_32{padding-top:12px;display:flex;justify-content:center;align-items:center}._itemTitle_16ght_39{display:flex;align-items:center;padding:4px;position:relative}._itemTitle_16ght_39 .cn-next-input.cn-next-medium{height:24px}._itemTitle_16ght_39 .cn-next-input.cn-next-medium input{height:24px;line-height:24px;font-size:12px}._itemTitle_16ght_39 .cn-next-input.cn-next-medium .cn-next-select-values{height:24px;font-size:12px}._itemTitle_16ght_39 .cn-next-input.cn-next-medium .cn-next-input-inner i{margin:0 4px!important}._drop-over-downward_16ght_61{border-bottom:2px dashed #3080fe!important}._drop-over-upward_16ght_65{border-top:2px dashed #3080fe!important}._collapseContent_16ght_69{padding:0 12px}._itemClose_16ght_73{position:absolute;right:12px;top:0;height:48px;line-height:48px}._customTabItem_119xt_1{padding:8px}._tabTitle_119xt_5{font-size:14px}._tabLabel_119xt_9{display:inline-block;padding:0 2px}._middleBox_119xt_20{margin-left:"10px";margin-bottom:8px;display:flex}._middleBoxLeft_119xt_26{width:100px;text-align:right}._middleBoxRight_119xt_31{flex:1}._mddTableArray_16ght_1{display:flex;flex-direction:column;padding:0 12px 12px}._mddTableArray_16ght_1 .cn-next-collapse .cn-next-collapse-panel-icon{line-height:38px}._mddTableArray_16ght_1 .cn-next-radio-group .cn-next-radio-label{font-size:12px}._tableArrayTitle_16ght_14{padding-bottom:8px}._tableArrayContent_16ght_18 .cn-next-collapse>.cn-next-collapse-panel .cn-next-collapse-panel-title{padding:0 0 0 36px}._tableArrayContent_16ght_18 .cn-next-collapse>.cn-next-collapse-panel .cn-next-collapse-panel-title .cn-next-icon{height:100%;line-height:1;display:flex;align-items:center}._tableArrayContent_16ght_18 .cn-next-collapse>.cn-next-collapse-panel .cn-next-collapse-panel-title .cn-next-icon.cn-next-icon-close{padding:0 6px;cursor:pointer}._tableArrayBottom_16ght_32{padding-top:12px;display:flex;justify-content:center;align-items:center}._itemTitle_16ght_39{display:flex;align-items:center;padding:4px;position:relative}._itemTitle_16ght_39 .cn-next-input.cn-next-medium{height:24px}._itemTitle_16ght_39 .cn-next-input.cn-next-medium input{height:24px;line-height:24px;font-size:12px}._itemTitle_16ght_39 .cn-next-input.cn-next-medium .cn-next-select-values{height:24px;font-size:12px}._itemTitle_16ght_39 .cn-next-input.cn-next-medium .cn-next-input-inner i{margin:0 4px!important}._drop-over-downward_16ght_61{border-bottom:2px dashed #3080fe!important}._drop-over-upward_16ght_65{border-top:2px dashed #3080fe!important}._collapseContent_16ght_69{padding:0 12px}._itemClose_16ght_73{position:absolute;right:12px;top:0;height:48px;line-height:48px}._title_10adh_1{width:100%;display:flex;gap:12px}._titleItem_10adh_7{display:flex;align-items:center}._titleItemLabel_10adh_12{padding-right:12px}._titleItemLabel_10adh_12:first-of-type{padding-left:0}._customTabItem_1lh1l_1{padding:8px}._tabTitle_1lh1l_5{font-size:14px}._tabLabel_1lh1l_9{display:inline-block;padding:0 2px}._mddDetailItems_1lh1l_14 ._itemComponent_1lh1l_14{display:flex;align-items:center;padding:0 12px}._mddDetailItems_1lh1l_14 ._itemLabel_1lh1l_19{padding-right:12px;font-size:12px}.build-page-tab-detail-help{font-size:13px;color:#999;padding:0 12px 12px}._customTabItem_ac2i9_1{padding:8px}._tabTitle_ac2i9_5{font-size:14px}._tabLabel_ac2i9_9{display:inline-block;padding:0 2px}.formily-form-v2-kv{padding:0 12px;display:flex;flex-direction:column;margin-bottom:12px}.formily-form-v2-kv .formily-form-v2-title-wrapper{margin-bottom:8px;line-height:1}.formily-form-v2-kv .formily-form-v2-title-wrapper .title{margin-right:8px}.formily-form-v2-kv .formily-form-v2-title-wrapper .subTitle{color:#585d66;font-size:12px}._kvContainer_rfbib_1{padding:0 12px;display:flex;flex-direction:column;margin-bottom:12px}._kvContainer_rfbib_1 ._kvWrapper_rfbib_7{margin-bottom:8px;line-height:1}._kvContainer_rfbib_1 ._kvWrapper_rfbib_7 ._kvTitle_rfbib_11{margin-right:8px}._kvContainer_rfbib_1 ._kvWrapper_rfbib_7 ._kvSubTitle_rfbib_14{color:#585d66;font-size:12px}.mdd-editor-build-content{flex:1;position:relative}.mdd-editor-build-content .mdd-editor-toolbar{cursor:zoom-in;position:absolute;z-index:100;text-align:right;top:0;right:0;padding:4px 18px;display:flex;align-items:center;gap:8px}.mdd-editor-build-content .preview-tool-full>i{cursor:pointer}.mdd-editor-build-content .preview-tool-full .icon-box{position:absolute;right:12px;top:4px;padding:4px;width:1.5em;height:1.5em;display:flex;justify-content:center;align-items:center;background-color:#00000052;border-radius:2px;cursor:pointer;z-index:19}.mdd-editor-build-content .preview-tool-full .icon-box img{display:inline-block;width:14px;height:14px}.mdd-script-card{position:relative}.mdd-script-card .mdd-script-top-buttons{position:absolute;right:22px;top:12px;display:flex;gap:12px;z-index:10}._customTabItem_1y6va_1{padding:8px}._tabTitle_1y6va_5{font-size:14px}._tabLabel_1y6va_9{display:inline-block;padding:0 2px}.mdd-tip{color:#999;display:inline;padding-left:20px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cniot/mdd-editor",
-  "version": "0.2.0-beta.5",
+  "version": "0.2.0-beta.7",
   "description": "模型驱动编辑器",
   "scripts": {
     "build": "vite build"

package/src/schema/detail/detail-item.js

@@ -18,6 +18,9 @@ export default class DetailItemSchema extends JSONWatch {
       pagination,
       actions = [], // 详情支持卡片上 自定义按钮
       current = 1, // 步骤条，当前步数
+      columnsDirection = 'row', // 分栏组件 方向，默认横向分栏
+      columnsBoxes = [],
+      hideCardTitle = false,
       ...more
     } = props || {};
     super({
@@ -36,6 +39,9 @@ export default class DetailItemSchema extends JSONWatch {
       pagination,
       actions,
       current,
+      columnsDirection,
+      columnsBoxes,
+      hideCardTitle,
       ...more,
     });
   }
@@ -137,7 +143,7 @@ export default class DetailItemSchema extends JSONWatch {
      * {array} actionColumns 操作列
      * {object} pagination 分页
      */
-    if (['columns', 'actionColumns', 'bulkActions'].includes(key)) {
+    if (['columnsBoxes','columns', 'actionColumns', 'bulkActions'].includes(key)) {
       this.data[key].splice(index, 1, record);
     } else {
       this.data[key] = record;
@@ -189,5 +195,5 @@ export default class DetailItemSchema extends JSONWatch {
     this.emit('$updated');
   }
 
-  delete() {}
+  delete() { }
 }

package/src/template/detail/DetailItems.jsx

@@ -6,6 +6,7 @@ import DetailImageView from './components/DetailImageView';
 import DetailTable from './components/DetailTable';
 import DetailCustom from './components/DetailCustom';
 import DetailStaticStep from './components/DetailStaticStep';
+import DetailColumns from './components/DetailColumns';
 import styles from './index.module.scss';
 
 const typeContent = [
@@ -37,6 +38,13 @@ const typeContent = [
       return <DetailStaticStep {...props} />;
     },
   },
+  {
+    label: '布局',
+    value: 'detail-columns',
+    contentRender: (props) => {
+      return <DetailColumns {...props} />;
+    },
+  },
   {
     label: '内嵌页面',
     value: 'import-component',

package/src/template/detail/components/DetailColumns.jsx

@@ -0,0 +1,216 @@
+import React from 'react';
+import { Select, Form, CnNumberPicker, Dialog, CnSwitch, CnRadioGroup, CnRadio, Collapse, Icon, Balloon, } from '@cainiaofe/cn-ui';
+
+import MddTableForm from '@src/components/mdd-table-form';
+import MultiAjaxSchemaForm from './MultiAjaxSchemaForm';
+import ActionPanel from './Actions';
+import useSwagger from '@src/hooks/useSwagger';
+import buildSwaggerApiJson from '@src/utils/buildSwaggerApiJson';
+import buildFieldsToCompJson from '@src/utils/buildFieldsToCompJson';
+import MddTableSimpleArray from '@src/components/mdd-table-simple-array';
+import FormilySelect from '@src/components/formily-select';
+import TableFormProxy from '@src/components/ajax-schema-form/formily-table-form-proxy';
+import { columnsTypeOptions } from '../../const';
+import styles from './DetailColumns.module.scss';
+
+const { Panel } = Collapse;
+
+export default function DetailColumns(props) {
+  const { data, index: idx, onChange } = props;
+  const [_, forceUpdate] = React.useState({});
+
+  // 当是 详情 分栏时 把 hideCardTitle 默认置为 true
+  React.useEffect(() => {
+    data.set('hideCardTitle', true);
+    forceUpdate();
+
+    return () => { data.set('hideCardTitle', false); forceUpdate(); };
+  }, [])
+
+  const onAddHandle = () => {
+    data.add(
+      {
+        moduleName: '',
+        cols: 1,
+        params: [],
+        canUpdateOtherColumns: true,
+        canBeUpdated: true,
+      },
+      'columnsBoxes',
+    );
+    forceUpdate({});
+  };
+  const onRemoveHandle = (index) => {
+    data.remove(index, 'columnsBoxes');
+    forceUpdate({});
+  };
+
+  const onChangeHandle = ({ index, record }) => {
+    data.update(index, record, 'columnsBoxes');
+    forceUpdate({});
+  };
+
+  return (
+    <Form
+      labelCol={{ span: 4 }}
+      wrapperCol={{ span: 19 }}
+      size="small"
+      onChange={(values, item) => {
+        data.set(item.name, item.value);
+        onChange({ index: idx, record: data });
+      }}
+    >
+      <Form.Item labelAlign="left" label="布局方式" name="columnsDirection">
+        <CnRadioGroup defaultValue={data.get('columnsDirection')}>
+          <CnRadio value="row">左右布局</CnRadio>
+          <CnRadio value="column">上下布局</CnRadio>
+        </CnRadioGroup>
+      </Form.Item>
+      <Form.Item labelAlign="left" label="隐藏卡片头部" name="hideCardTitle">
+        <CnSwitch checked={data.get('hideCardTitle')} />
+      </Form.Item>
+      <Form.Item labelAlign="top" label="">
+        <MddTableSimpleArray
+          data={data.get('columnsBoxes')}
+          titleRender={customTitleRender}
+          contentRender={contentRender}
+          title="配置分栏信息"
+          tip={'左右布局时，占列数之和应为24'}
+          onChange={onChangeHandle}
+          onSort={(newList) => {
+            data.setItemAll(newList, 'columnsBoxes');
+            forceUpdate({});
+          }}
+          onAdd={onAddHandle}
+          onRemove={(index) => onRemoveHandle(index)}
+        // onRemove={onRemoveHandle}
+        />
+      </Form.Item>
+      {data.get('hideCardTitle') ? null : <ActionPanel schema={data} />}
+    </Form>
+  );
+}
+
+
+function customTitleRender(props) {
+  const { data, index, onChange, moduleDataSource } = props;
+
+  return <div className={styles.title}>
+    <div className={styles.titleItem} >
+      <label className={styles.titleItemLabel}>模块地址</label>
+      <Select.AutoComplete
+        placeholder='请选择或者输入模块地址'
+        hasClear
+        size='small'
+        style={{
+          minWidth: 280,
+        }}
+        dataSource={moduleDataSource?.l4ModuleOptions || moduleDataSource || []}
+
+        value={data?.moduleName}
+        onChange={(v) => onChange({ ...data, moduleName: v })}
+      />
+    </div>
+    <div className={styles.titleItem}>
+      <label className={styles.titleItemLabel}>
+        <Balloon trigger={<div style={{ display: 'flex', alignItems: 'center' }}>占列数 <Icon type="help" size="small" /></div>} align="t">
+          <b>左右布局时，占列数之和应为24</b>
+        </Balloon>
+      </label>
+      <CnNumberPicker
+        size="small"
+        min={0}
+        max={24}
+        value={data?.cols}
+        onChange={(v) => onChange({ ...data, cols: v })}
+        placeholder="占列数 之和应为24"
+      />
+    </div>
+  </div>
+}
+
+const layoutConfig = {
+  wrapperCol: { span: 16 },
+  labelCol: { span: 8 }
+}
+
+function contentRender(props) {
+  return <ContentRender {...props} />
+}
+
+const ContentRender = (props) => {
+  const { data, index, onChange } = props;
+  // const [_, forceUpdate] = React.useState({});
+
+  return <>
+    <Form.Item name=""
+      wrapperCol={{ span: 22 }}
+      labelCol={{ span: 2 }}
+      style={{ position: 'relative' }}
+      label={
+        <div>
+          参数
+          <a
+            rel="noreferrer"
+            target="_blank"
+            href="https://yuque.antfin.com/docs/share/b146be2b-dec0-4f0d-80e4-c11a34a701bc"
+            title="在vscode插件中按住ctrl再点击查看"
+            className="help-link"
+          >
+            帮助
+          </a>
+        </div>
+      }
+    >
+      <TableFormProxy
+        keyTitle={'key(参数名)'}
+        valueTitle={'value(参数值) - .$ALL 可获取整个动态对象'}
+        value={data?.params}
+        onChange={(v) => onChange({ index, record: { ...data, params: v } })}
+      />
+    </Form.Item>
+    <Collapse accordion>
+      <Panel
+        title={
+          <Balloon trigger={<div style={{ width: 'fit-content', display: 'flex', alignItems: 'center' }}>其他配置：<Icon type="help" size="small" /></div>} align="t">
+            配置以下属性后，方可在每个分栏中 使用【触发其他分栏刷新】事件，引擎会监听 并自动更新其他分栏（触发一个 detail:updateColumns 事件。若分栏为 FTP 类型 则支持自动刷新，其他页面类型暂不支持）。
+            <div><b>建议在每个分栏模块中写胶水代码，手动控制其他分栏刷新。</b></div>
+          </Balloon>
+        }
+      >
+        <Form.Item {...layoutConfig} label="可以触发其他分栏刷新" name="">
+          <CnSwitch
+            defaultChecked={data?.canUpdateOtherColumns}
+            onChange={(v) => onChange({ index, record: { ...data, canUpdateOtherColumns: v } })}
+          />
+        </Form.Item>
+        {/* <Form.Item {...layoutConfig} label={
+          <Balloon trigger={<div>可被其他分栏刷新<Icon type="help" size="small" /></div>} align="t">
+            <b>以FTP页面格式 被更新，其他页面类型暂不支持</b>
+          </Balloon>
+        } name="">
+          <CnSwitch
+            defaultChecked={data?.canBeUpdated}
+            onChange={(v) => onChange({ index, record: { ...data, canBeUpdated: v } })}
+          />
+        </Form.Item> */}
+        <Form.Item {...layoutConfig} label={'可被其他分栏刷新'} name="">
+          <CnSwitch
+            defaultChecked={data?.canBeUpdated}
+            onChange={(v) => onChange({ index, record: { ...data, canBeUpdated: v } })}
+          />
+        </Form.Item>
+        <Form.Item {...layoutConfig} label={
+          <Balloon trigger={<div >当前分栏为FTP时自动刷新<Icon type="help" size="small" /></div>} align="t">
+            <b>以FTP页面格式 被更新，其他页面类型暂不支持</b>
+          </Balloon>
+        } name="">
+          <CnSwitch
+            defaultChecked={data?.autoUpdateWhenIsFTP}
+            onChange={(v) => onChange({ index, record: { ...data, autoUpdateWhenIsFTP: v } })}
+          />
+        </Form.Item>
+      </Panel>
+    </Collapse>
+  </>
+}

package/src/template/detail/components/DetailColumns.module.scss

@@ -0,0 +1,18 @@
+.title {
+    width: 100%;
+  display: flex;
+  gap: 12px;
+}
+
+.titleItem {
+  display: flex;
+  align-items: center;
+}
+
+
+.titleItemLabel {
+    padding-right: 12px;
+    &:first-of-type{
+        padding-left: 0;
+    }
+}