@vtj/designer 0.9.0-alpha.9 → 0.9.1

package/dist/style.css

@@ -1 +1 @@
-::-webkit-scrollbar{z-index:11;width:6px}::-webkit-scrollbar:horizontal{height:6px}::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#0000001a}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-track-piece{background:transparent;width:6px}html,body{height:100%;width:100%;padding:0;margin:0}.el-loading-mask{background-color:var(--el-mask-color-extra-light)!important}.v-panel>.x-panel__header{padding:0 5px 0 10px!important}.v-panel .el-empty{--el-empty-padding: 10px 0;--el-empty-description-margin-top: 10px}.v-panel>.x-panel__body{transition:height .2s}.v-panel.is-collapsed{border-bottom:3px solid var(--el-bg-color);overflow:hidden}.v-panel.is-collapsed>.x-panel__body{height:0;padding:0}.v-sub-panel>.x-panel__body{background-color:var(--el-bg-color)}.v-sub-panel .x-header__content{color:var(--el-text-color-regular);font-weight:400}.v-sub-panel .el-form-item{margin-bottom:10px}.v-sub-panel .el-form-item:last-child{margin-bottom:0!important}.v-sub-panel .v-sub-panel+.v-sub-panel{margin-top:10px}.v-sub-panel .v-sub-panel .x-header__content{font-weight:400}.v-tabs__header{display:flex;justify-content:space-between;align-items:center;height:30px!important}.v-tabs__tabs{flex-grow:1;flex-shrink:1;overflow:hidden;margin-bottom:0!important}.v-tabs__tabs .el-tabs__header .el-tabs__nav{border-radius:0!important;border-top:none!important;border-left:none!important}.v-tabs__tabs .el-tabs__item.is-active{background-color:var(--el-fill-color-lighter)!important;border-bottom-color:var(--el-fill-color-lighter)!important}.v-tabs__actions{padding-right:5px;padding-left:5px;border-bottom:1px solid var(--el-border-color-light);height:30px;display:flex;justify-content:center;align-items:center}.v-tabs__checked{opacity:0}.v-tabs__checked.is-checked{opacity:1}.v-tabs>.x-panel__body{background-color:var(--el-fill-color-lighter)}.v-item{padding:3px 5px;border-radius:4px;font-size:14px;margin-bottom:4px;min-height:28px;border:1px solid transparent;cursor:pointer}.v-item:hover{border:1px dashed var(--el-color-primary-light-7)!important;background-color:var(--el-color-primary-light-9)!important}.v-item .el-switch--small{height:16px}.v-item .x-action__inner:hover{background-color:var(--el-color-primary-light-7)}.v-item__switch{margin-left:5px}.v-item__index{font-size:12px;color:var(--el-text-color-secondary);display:inline-block;width:30px}.v-item__tag{margin-right:10px;zoom:.7}.v-item__title>.x-icon{margin-right:3px}.v-item__subtitle{margin-left:5px;font-style:italic;opacity:.5}.v-item.is-small{min-height:24px;height:24px}.v-item.is-active{background-color:var(--el-color-primary-light-9)!important;color:var(--el-color-primary)!important}.v-item.is-background{background-color:var(--el-fill-color-lighter)}.v-item.is-border{border:1px dashed var(--el-border-color-lighter)}.v-item.is-hover .v-item__actions{display:none}.v-item.is-hover:hover .v-item__actions{display:block}.v-box{position:relative;mini-height:60px;overflow:hidden;background-color:var(--el-fill-color-lighter);border:1px dashed transparent;padding:10px;border-radius:4px;flex-wrap:1;flex-shrink:1;margin-bottom:5px}.v-box:hover{border:1px dashed var(--el-border-color-light)}.v-box:hover .v-box__footer{opacity:1}.v-box.is-active{background-color:var(--el-color-primary-light-9)}.v-box.is-draggable{cursor:move}.v-box__footer{position:absolute;opacity:1;width:100%;height:20px;top:0;right:0;font-size:12px}.v-box__footer>.x-icon{cursor:pointer}.v-box__name{font-size:14px;color:var(--el-color-primary-light-3);line-height:1.5em}.v-box__label{font-size:12px;color:var(--el-text-color-regular);line-height:1.5em}.v-box__tag{position:absolute;left:0;top:0;font-size:12px;padding:2px 3px;border-radius:2px;zoom:.9}.v-box__tag.is-primary{background-color:var(--el-color-primary-light-8);color:var(--el-color-primary-dark-2)}.v-box__tag.is-warning{background-color:var(--el-color-warning-light-9);color:var(--el-color-warning)}.v-box__tag.is-danger{background-color:var(--el-color-danger-light-9);color:var(--el-color-danger)}.v-binder__tabs .x-panel__header{background-color:var(--el-bg-color)!important;padding:0!important}.v-binder__tabs .el-tabs__item{border-top:1px solid var(--el-border-color-light)!important}.v-binder__tab-content{background-color:var(--el-bg-color);border-radius:4px;overflow:auto}.v-binder__tab-content .el-divider__text{font-size:12px;color:var(--el-text-color-regular)}.v-binder__tab-content .el-divider--horizontal{margin:14px 0}.v-binder__form{width:100%;height:100%;display:flex;flex-direction:column}.v-binder__form .v-binder__editor{flex-grow:1;display:flex;flex-direction:column}.v-binder__form .v-binder__editor .el-form-item__content{flex-grow:1;position:relative}.v-binder__form .v-binder__editor .x-field__editor_wrap{position:absolute;inset:0}.v-context-viewer .el-tree{--el-tree-node-hover-bg-color: transparent}.v-context-viewer .el-tree .v-item{margin:0}.v-context-viewer .el-tree .v-item__subtitle{font-size:12px}.v-context-viewer .el-tree .v-item__subtitle.Function,.v-context-viewer .el-tree .v-item__subtitle.AsyncFunction{color:var(--el-color-warning)}.v-context-viewer .el-tree .v-item__subtitle.Object,.v-context-viewer .el-tree .v-item__subtitle.Array{color:var(--el-color-success)}.v-context-viewer .el-tree .v-item__subtitle.Module{color:var(--el-color-primary)}.v-context-viewer .el-tree-node__content{height:28px}.v-slots-picker__content{padding:20px 0}.v-slots-picker__item{border:1px solid var(--el-border-color);padding:10px;border-radius:4px;text-align:center;cursor:pointer;position:relative;font-size:14px;min-width:120px}.v-slots-picker__item:hover{background-color:var(--el-color-primary-light-9)}.v-slots-picker__item.is-active{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary);border:1px solid var(--el-color-primary)}.v-slots-picker__sn{position:absolute;left:0;top:0;padding:10px;color:var(--el-text-color-placeholder)}.v-viewport{width:100%;height:100%;position:absolute;left:0;top:0;background-color:var(--el-fill-color-dark);overflow:hidden}.v-code-editor{overflow:hidden;width:100%}.v-code-editor.is-border{border:1px solid var(--el-border-color)}.v-skeleton{width:100%;height:100%;overflow:hidden;background-color:var(--el-bg-color);font-size:14px;color:var(--el-text-color-primary);font-family:Microsoft YaHei,Arial,sans-serif}.v-skeleton *{box-sizing:border-box}.v-skeleton__header{padding:0!important;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.v-skeleton__main{border-left:1px solid var(--el-border-color);border-right:1px solid var(--el-border-color);padding:0!important}.v-skeleton__wrapper{border-top:1px solid var(--el-border-color);border-bottom:1px solid var(--el-border-color)}.v-skeleton__footer{padding:0!important;font-size:12px;align-items:center;display:flex}.v-skeleton__left.is-resizing{border-right:2px solid var(--el-color-primary)}.v-skeleton__left.is-collapsed{width:49px!important;overflow:hidden}.v-skeleton__right.is-resizing{border-left:2px solid var(--el-color-primary)}.v-brand-region{text-align:left;white-space:nowrap;display:flex;align-items:center;flex-grow:1;flex-shrink:1;width:30%}.v-toolbar-region{text-align:center;white-space:nowrap;flex-grow:0;display:flex;justify-content:center}.v-actions-region{flex-grow:1;flex-shrink:1;display:flex;justify-content:flex-end;width:30%;white-space:nowrap}.v-actions-region .el-badge__content{zoom:.9;top:3px!important;margin-right:2px}.v-apps-region{display:flex;height:100%;overflow:hidden}.v-apps-region__header{width:50px;height:100%;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--el-border-color);text-align:center;color:var(--el-text-color-primary);flex-shrink:0}.v-apps-region__icon{padding:8px 0;cursor:pointer;font-size:20px;border-left:2px solid transparent;border-top:1px solid transparent;border-bottom:1px solid transparent}.v-apps-region__icon:first-child{border-top:1px solid transparent}.v-apps-region__icon i{margin-left:-2px}.v-apps-region__icon:hover,.v-apps-region__icon.is-active{color:var(--el-color-primary)}.v-apps-region__icon.is-open{border-left:2px solid var(--el-color-primary);background-color:var(--el-bg-color);margin-right:-1px;border-top:1px solid var(--el-border-color);border-bottom:1px solid var(--el-border-color)}.v-apps-region__icon.is-open:first-child{border-top:1px solid transparent}.v-apps-region__icon.is-open i{margin-left:-3px}.v-apps-region__panels{flex-grow:1;overflow:hidden;min-width:160px}.v-settings-region{overflow:hidden}.v-settings-region>.el-empty{height:100%}.v-settings-region__header{height:30px;padding:0 10px;border-bottom:1px solid var(--el-border-color)}.v-settings-region__title span{font-size:12px;padding-left:5px;color:var(--el-text-color-regular)}.v-settings-region__title span i{padding-left:5px;color:var(--el-text-color-secondary)}.v-status-region{display:flex;justify-content:flex-start;align-items:center}.v-logo-widget{font-size:18px;font-weight:700;color:var(--el-color-primary);width:50px;text-align:center;text-shadow:0 0 1px var(--el-border-color)}.v-logo-widget__icon{width:24px;height:24px;display:inline-block;vertical-align:bottom}.v-switcher-widget{padding-left:10px;color:var(--el-text-color-secondary);font-size:14px}.v-switcher-widget__back{margin-right:5px}.v-toolbar-widget{width:200px;text-align:center;white-space:nowrap}.v-toolbar-widget .el-radio-group{display:inline-block;vertical-align:middle;margin-right:5px;position:relative}.v-toolbar-widget .el-radio-group .el-radio-button__inner{padding:5px 10px 4px}.v-toolbar-widget .el-input-group{width:100px;line-height:24px;margin-right:20px}.v-toolbar-widget .el-input-group .el-button{height:24px;padding:6px}.v-toolbar-widget .el-input-group .el-input__inner{text-align:center}.v-toolbar-widget .el-input-group__append,.v-toolbar-widget .el-input-group__prepend{padding:0 15px}.v-actions-widget{padding:0 10px}.v-actions-widget .el-button+.el-button,.v-actions-widget .el-dropdown+.el-dropdown{margin-left:5px}.v-actions-widget .el-button:focus-visible{outline:none}.v-actions-widget .el-dropdown .el-dropdown__caret-button{width:20px}.v-actions-widget .el-button-group .el-button{margin-left:0!important}.v-designer{width:100%;height:100%;box-sizing:border-box;position:relative;overflow:auto}.v-designer iframe{width:100%;height:100%;border:none}.v-designer .el-empty{position:absolute;width:100%;height:100%;background-color:var(--el-bg-color)}.v-designer__hover{border:2px dashed var(--el-color-warning-dark-2);background-color:#e6a23c1a;position:absolute;left:0;top:0;pointer-events:none;border-radius:4px}.v-designer__hover>span{display:inline-block;color:var(--el-color-warning-dark-2);position:absolute;background-color:var(--el-color-warning-light-7);border-radius:4px;font-size:12px;padding:4px 8px;white-space:nowrap;box-shadow:var(--el-box-shadow-lighter);z-index:10}.v-designer__hover>span>i{color:var(--el-text-color-secondary)}.v-designer__hover>span.is-inner{left:4px;top:4px}.v-designer__hover>span.is-left-top{left:-2px;top:-4px;transform:translateY(-100%)}.v-designer__hover>span.is-left-bottom{left:-2px;bottom:-4px;transform:translateY(100%)}.v-designer__hover>span.is-right-top{right:0;top:-4px;transform:translateY(-100%)}.v-designer__hover>span.is-right-bottom{right:0;bottom:-4px;transform:translateY(100%)}.v-designer__dropping{border:4px solid var(--el-color-success-dark-2);border-radius:4px;background-color:#529b2e1a;position:absolute;pointer-events:none;z-index:20}.v-designer__dropping.is-inner{border:2px solid var(--el-color-success-dark-2)}.v-designer__selected{border:2px solid var(--el-color-primary-dark-2);border-radius:4px;background-color:#409eff1a;position:absolute;left:0;top:0;pointer-events:none;z-index:10}.v-designer__placeholder{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:16px;color:var(--el-text-color-placeholder);opacity:.6;pointer-events:none}.v-actions{position:absolute;pointer-events:initial;font-size:12px;white-space:nowrap;display:flex}.v-actions>.x-action,.v-actions>.x-action-bar{background-color:var(--el-color-primary-dark-2);border-radius:4px;padding:2px 5px;box-shadow:var(--el-box-shadow-lighter)}.v-actions>.x-action .x-action__inner,.v-actions>.x-action-bar .x-action__inner{color:var(--el-color-primary-light-9)}.v-actions>.x-action-bar{margin-left:5px}.v-actions .x-action:hover{background-color:var(--el-color-primary);border-radius:4px}.v-actions.is-inner{right:2px;top:2px}.v-actions.is-left-top{left:-2px;top:-4px;transform:translateY(-100%)}.v-actions.is-left-bottom{left:0;bottom:-4px;transform:translateY(100%)}.v-actions.is-right-top{right:0;top:-4px;transform:translateY(-100%)}.v-actions.is-right-bottom{right:-2px;bottom:-4px;transform:translateY(100%)}.v-components-widget__search{margin-bottom:10px}.v-components-widget__list .el-collapse{--el-collapse-header-height: 36px !important}.v-components-widget .x-tabs{flex-grow:1;display:flex;overflow:hidden;margin-bottom:0!important}.v-components-widget .el-tabs__content{overflow:auto;overflow-x:hidden;padding-top:15px}.v-outline-widget .el-tree{--el-tree-node-hover-bg-color: transparent}.v-outline-widget .el-tree .v-item{margin:0}.v-outline-widget .el-tree .v-item.is-slot{color:var(--el-color-warning-dark-2);cursor:not-allowed!important}.v-outline-widget .el-tree-node__content{height:28px}.v-outline-widget .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:transparent}.v-outline-widget .v-item__subtitle{font-size:12px}.v-outline-widget .v-item__title>.x-icon{color:var(--el-color-warning)}.v-outline-widget .is-drop-inner .is-drop-inner{background:var(--el-color-warning-light-8)}.v-outline-widget .is-drop-inner .is-drop-inner .v-item{opacity:.6}.v-outline-widget__item.is-dragging{background:var(--el-color-danger-light-8);opacity:.5}.v-outline-widget__item.is-locked{color:var(--el-color-warning)!important}.v-outline-widget__item.is-locked .v-item__title>.x-icon{color:var(--el-color-warning)}.v-outline-widget__item.is-invisible{color:var(--el-color-danger);cursor:not-allowed!important}.v-outline-widget__item.is-invisible:hover{background-color:var(--el-fill-color-lighter)!important}.v-outline-widget__item.is-invisible .v-item__title>.x-icon{color:var(--el-color-danger)}.v-drawer .el-drawer__header{margin-bottom:0}.v-pages-widget .el-tree{--el-tree-node-hover-bg-color: transparent}.v-pages-widget .el-tree .v-item{margin:0}.v-pages-widget .el-tree-node__content{height:28px}.v-pages-widget .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:transparent}.v-pages-widget .v-item__subtitle{font-size:12px}.v-pages-widget .is-drop-inner .is-drop-inner{background:var(--el-color-warning-light-8)}.v-pages-widget .is-drop-inner .is-drop-inner .v-item{opacity:.6}.v-previewer{width:100%;height:100%;position:relative}.v-previewer iframe{width:100%;height:100%}.v-nodepath-widget{font-size:12px;padding:0 20px}.v-nodepath-widget .el-breadcrumb__item{cursor:pointer;font-size:12px}.v-docs-widget{overflow:hidden}.v-docs-widget iframe{width:100%;height:100%;border:none;display:block}.v-about-widget{text-align:center;padding:20px}.v-about-widget__logo{margin-bottom:20px}.v-about-widget__logo img{width:130px}.v-about-widget__name{font-size:30px;font-weight:700;margin-bottom:10px}.v-about-widget__version{font-size:16px}.spacing-wrap{position:relative;display:grid;grid-template-columns:36px 4px 36px 1fr 36px 4px 36px;grid-template-rows:24px 4px 24px 1fr 24px 4px 24px;width:100%;height:120px;margin:0 auto;outline-style:none;cursor:default;user-select:none}.spacing-wrap .spacing-max-icon{grid-area:1/1/-1/-1;display:grid;grid-template-columns:36px 1fr 36px;grid-template-rows:24px minmax(16px,1fr) 24px;justify-items:center;width:100%;height:100%}.spacing-wrap .spacing-min-icon{grid-area:3/3/span 3/span 3;display:grid;grid-template-columns:36px 1fr 36px;grid-template-rows:24px minmax(16px,1fr) 24px;justify-items:center;width:100%;height:64px}.spacing-wrap .spacing-edit{cursor:pointer;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;font-weight:400;line-height:10px;letter-spacing:-.2px;display:flex;color:var(--vtj-toolbar-breadcrumb-color);background:transparent;padding:2px 4px;margin-left:-2px;border-radius:2px;max-width:100%;box-sizing:content-box;place-self:center;position:relative;opacity:1;align-items:center;justify-content:center}.spacing-wrap .spacing-edit.is-setting{background-color:var(--vtj-style-setting-label-bg)}.spacing-wrap .spacing-edit.is-show{background-color:#6b6b6b}.spacing-wrap .spacing-edit.margin-top,.spacing-wrap .spacing-edit.padding-top{grid-area:1/2/2/3}.spacing-wrap .spacing-edit.margin-right,.spacing-wrap .spacing-edit.padding-right{grid-area:2/3/3/4}.spacing-wrap .spacing-edit.margin-bottom,.spacing-wrap .spacing-edit.padding-bottom{grid-area:3/2/4/3}.spacing-wrap .spacing-edit.margin-left,.spacing-wrap .spacing-edit.padding-left{grid-area:2/1/3/2}.spacing-wrap .spacing-edit .reference-wrapper>div{padding:2px}.spacing-wrap .spacing-edit .reference-wrapper>div.active{background:var(--vtj-button-hover-bg)}.spacing-wrap .lr-path-color{cursor:pointer;color:var(--vtj-spacing-lr-color)}.spacing-wrap .lr-path-color:hover{color:var(--vtj-spacing-lr-hover-color)}.spacing-wrap .tb-path-color{cursor:pointer;color:var(--vtj-spacing-tb-color)}.spacing-wrap .tb-path-color:hover{color:var(--vtj-spacing-tb-hover-color)}.spacing-wrap .stroke{stroke:var(--vtj-spacing-border-color)}.v-style-widget{--vtj-spacing-tb-color: var(--el-fill-color);--vtj-spacing-tb-hover-color: var(--el-fill-color-light);--vtj-spacing-lr-color: var(--el-fill-color-darker);--vtj-spacing-lr-hover-color: var(--el-fill-color-dark);--vtj-spacing-border-color: var(--el-border-color);--vtj-style-setting-label-bg: var(--el-color-primary-light-7)}.v-style-widget__collapse{--el-collapse-header-height: 30px}.v-style-widget__collapse .el-collapse-item__header{padding-left:10px}.v-style-widget__spacing{position:relative}.v-style-widget__sizing .el-form-item,.v-style-widget__texting .el-form-item{margin:0!important;width:50%;padding-bottom:6px}.v-style-widget__positioning .spacing-wrap{height:64px;display:block}.v-spacing-input{position:absolute;inset:0}.v-spacing-input__modal{position:absolute;inset:0;background-color:var(--el-mask-color-extra-light);z-index:1}.v-spacing-input__content{position:absolute;inset:0;background-color:var(--el-mask-color);z-index:2}.v-spacing-input__body{width:100%;height:120px;margin:0 auto;padding:5px;border:1px solid var(--el-border-color);background-color:var(--el-bg-color);box-shadow:var(--el-box-shadow-light)}.v-spacing-input__values{padding:5px 0}.v-spacing-input__values>span{display:block;font-size:12px;font-weight:500;border:1px solid var(--el-border-color);width:20%;height:20px;line-height:20px;text-align:center;margin:2px;flex-grow:1;flex-shrink:1;background-color:#fff;cursor:pointer}.v-spacing-input__values>span:hover{background-color:var(--el-color-primary-light-9)}.v-spacing-input__auto{padding:5px 0}.v-spacing-input__auto>span{display:flex;font-size:12px;font-weight:500;border:1px solid var(--el-border-color);width:100%;height:100%;text-align:center;margin:2px;flex-grow:1;flex-shrink:1;background-color:#fff;cursor:pointer;justify-content:center;align-items:center}.v-spacing-input__auto>span:hover{background-color:var(--el-color-primary-light-9)}.v-apis__search{margin-bottom:10px}.v-apis-widget .el-collapse{--el-collapse-header-height: 36px !important}.v-apis-widget .el-collapse-item:last-child .el-collapse-item__wrap{border-bottom:none}.v-apis-widget .v-item__tag{width:50px}.v-blocks__search{margin-bottom:10px}.v-blocks-widget>.x-panel__body{display:flex;flex-direction:column}.v-blocks-widget .el-collapse{--el-collapse-header-height: 36px !important;flex-grow:1;overflow:auto}.v-blocks-widget .el-collapse-item:last-child .el-collapse-item__wrap{border-bottom:none}.v-templates-widgets__item{min-height:200px}.v-templates-widgets__item:hover .use-handle,.v-templates-widgets__item:hover .v-templates-widgets__title{opacity:1}.v-templates-widgets__item .el-image{width:100%;height:200px;border-radius:4px}.v-templates-widgets__item .is-vip{position:absolute;right:5px;top:5px;z-index:10}.v-templates-widgets__download{padding-right:20px!important}.v-templates-widgets__title{position:absolute;width:100%;bottom:0;z-index:1;height:60px;text-align:center;background-color:var(--el-mask-color);border-radius:0 0 4px 4px;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.v-templates-widgets__title>span{display:block}.v-templates-widgets .use-handle{position:absolute;inset:0;background-color:var(--el-mask-color-extra-light);display:flex;justify-content:center;align-items:center;opacity:0}.v-market-widget{overflow:hidden}.v-market-widget iframe{width:100%;height:100%;border:none;display:block}.v-setter{align-items:center}.v-setter .el-form-item__label .el-tooltip__trigger{border-bottom:1px dashed var(--el-color-primary);cursor:help}.v-setter .el-form-item__label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v-setter:hover .el-form-item__label{color:var(--el-color-primary)}.v-setter .el-select{display:block}.v-setter__content{display:flex;flex-direction:row;justify-content:space-between;width:100%;align-items:center}.v-setter__input{flex-grow:1}.v-setter__action{font-size:14px;white-space:nowrap}.v-setter__action .el-dropdown.is-disabled{opacity:.6}.v-setter__action .el-dropdown.is-disabled i{cursor:not-allowed}.v-setter__action i{cursor:pointer;color:var(--el-text-color-secondary);background-color:var(--el-color-primary-light-9);margin-left:3px;padding:4px;border-radius:4px}.v-setter__action i:hover,.v-setter__action i.is-active{color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.v-setter-switch .is-placeholder{opacity:0}.v-expression-setter .el-input__inner{text-align:center}.v-icon-setter .el-input-group__prepend{background-color:var(--el-fill-color-blank)}.v-icon-setter__list{display:inline-block;flex-grow:1;height:1px;overflow:auto;position:relative;margin:10px 0}.v-icon-setter__list .x-icon{width:50px;height:50px;margin:5px;font-size:20px;border:1px dashed var(--el-border-color);border-radius:4px;text-align:center;line-height:54px}.v-icon-setter__list .x-icon:hover{border:1px solid #409eff;cursor:pointer}.v-icon-setter__list .x-icon.is-active{background-color:#409eff;color:#fff;border:none}.v-icon-setter__list .x-icon+.x-icon{margin-left:5px}.v-icon-setter__content{height:100%;display:flex;flex-direction:column}.v-json-setter.is-active .el-input__suffix{color:var(--el-color-primary)}.v-json-setter.is-active .el-input__wrapper{background-color:var(--el-color-primary-light-9);box-shadow:0 0 0 1px var(--el-color-primary-light-7, var(--el-color-primary-light-7)) inset}.v-json-setter.is-active .el-input__inner{color:var(--el-color-primary)}.v-number-setter{width:100%!important}.v-function-setter.is-active .el-input__suffix{color:var(--el-color-primary)}.v-function-setter.is-active .el-input__wrapper{background-color:var(--el-color-primary-light-9);box-shadow:0 0 0 1px var(--el-color-primary-light-7, var(--el-color-primary-light-7)) inset}.v-function-setter.is-active .el-input__inner{color:var(--el-color-primary)}.v-radio-setter{position:relative;top:-1px}.v-radio-setter .is-active .x-icon img{filter:invert(1)}.v-tag-setter{display:flex;justify-content:flex-start;align-items:center}.v-tag-setter .x-icon img{opacity:.8;position:relative;top:-1px}.v-tag-setter>span{padding:1px 2px;display:inline-flex;justify-content:center;align-items:center;height:20px;cursor:pointer;border-radius:2px;border:1px solid transparent}.v-tag-setter>span.is-active{background-color:var(--el-color-primary-light-7);border:1px solid var(--el-color-primary)}.v-tag-setter>span+span{margin-left:8px}.v-image-setter--addable .el-upload{display:block!important}.v-image-setter__img{width:100%;height:100%;display:block}.v-image-setter__plus{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:28px;cursor:pointer;position:relative;overflow:hidden}.v-image-setter .el-upload-list{--el-upload-list-picture-card-size: 80px}.v-image-setter .el-upload{width:80px;height:80px;border:1px dashed var(--el-border-color);border-radius:4px;cursor:pointer;position:relative;overflow:hidden;display:none}.v-image-setter .el-upload:hover{border-color:var(--el-color-primary)}.v-image-setter .el-upload-list__item-preview{display:none!important}.v-image-setter .el-upload-list__item-delete{margin-left:0!important}.v-image-setter .el-upload-list__item{margin-bottom:0!important}.v-image-setter .el-upload-list__item-status-label{display:none!important}.v-section-setter{display:flex}.v-section-setter__item+.v-section-setter__item{margin-left:6px}.v-slider-setter{display:flex;justify-content:space-between;align-items:center}.v-slider-setter .el-slider{--el-slider-height: 4px;--el-slider-button-size: 16px;margin:0 10px}.v-slider-setter__close{margin:0 10px;cursor:pointer}.v-slider-setter__close:hover{opacity:.7}.v-actions-widget__cover[data-v-0c29fc53]{width:100%;height:300px;background-color:var(--el-fill-color-dark);border:1px solid var(--el-border-color)}.v-actions-widget__cover .el-image[data-v-0c29fc53]{width:100%;height:100%}iframe[data-v-d44d0728]{width:100%;height:100%;border:none;display:block}
+::-webkit-scrollbar{z-index:11;width:6px}::-webkit-scrollbar:horizontal{height:6px}::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#0000001a}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-track-piece{background:transparent;width:6px}html,body{height:100%;width:100%;padding:0;margin:0}.el-loading-mask{background-color:var(--el-mask-color-extra-light)!important}.v-panel>.x-panel__header{padding:0 5px 0 10px!important}.v-panel .el-empty{--el-empty-padding: 10px 0;--el-empty-description-margin-top: 10px}.v-panel>.x-panel__body{transition:height .2s}.v-panel.is-collapsed{border-bottom:3px solid var(--el-bg-color);overflow:hidden}.v-panel.is-collapsed>.x-panel__body{height:0;padding:0}.v-sub-panel>.x-panel__body{background-color:var(--el-bg-color)}.v-sub-panel .x-header__content{color:var(--el-text-color-regular);font-weight:400}.v-sub-panel .el-form-item{margin-bottom:10px}.v-sub-panel .el-form-item:last-child{margin-bottom:0!important}.v-sub-panel .v-sub-panel+.v-sub-panel{margin-top:10px}.v-sub-panel .v-sub-panel .x-header__content{font-weight:400}.v-tabs__header{display:flex;justify-content:space-between;align-items:center;height:30px!important}.v-tabs__tabs{flex-grow:1;flex-shrink:1;overflow:hidden;margin-bottom:0!important}.v-tabs__tabs .el-tabs__header .el-tabs__nav{border-radius:0!important;border-top:none!important;border-left:none!important}.v-tabs__tabs .el-tabs__item.is-active{background-color:var(--el-fill-color-lighter)!important;border-bottom-color:var(--el-fill-color-lighter)!important}.v-tabs__actions{padding-right:5px;padding-left:5px;border-bottom:1px solid var(--el-border-color-light);height:30px;display:flex;justify-content:center;align-items:center}.v-tabs__checked{opacity:0}.v-tabs__checked.is-checked{opacity:1}.v-tabs>.x-panel__body{background-color:var(--el-fill-color-lighter)}.v-item{padding:3px 5px;border-radius:4px;font-size:14px;margin-bottom:4px;min-height:28px;border:1px solid transparent;cursor:pointer}.v-item:hover{border:1px dashed var(--el-color-primary-light-7)!important;background-color:var(--el-color-primary-light-9)!important}.v-item .el-switch--small{height:16px}.v-item .x-action__inner:hover{background-color:var(--el-color-primary-light-7)}.v-item__switch{margin-left:5px}.v-item__index{font-size:12px;color:var(--el-text-color-secondary);display:inline-block;width:30px}.v-item__tag{margin-right:10px;zoom:.7}.v-item__tags{position:absolute;right:30px;font-size:12px}.v-item__tags>span{margin:0 2px;zoom:.9;color:var(--el-color-info);opacity:.8}.v-item__title>.x-icon{margin-right:3px}.v-item__subtitle{margin-left:5px;font-style:italic;opacity:.5}.v-item.is-small{min-height:24px;height:24px}.v-item.is-active{background-color:var(--el-color-primary-light-9)!important;color:var(--el-color-primary)!important}.v-item.is-background{background-color:var(--el-fill-color-lighter)}.v-item.is-border{border:1px dashed var(--el-border-color-lighter)}.v-item.is-hover .v-item__actions{display:none}.v-item.is-hover:hover .v-item__actions{display:block}.v-box{position:relative;mini-height:60px;overflow:hidden;background-color:var(--el-fill-color-lighter);border:1px dashed transparent;padding:10px;border-radius:4px;flex-wrap:1;flex-shrink:1;margin-bottom:5px}.v-box:hover{border:1px dashed var(--el-border-color-light)}.v-box:hover .v-box__footer{opacity:1}.v-box.is-active{background-color:var(--el-color-primary-light-9)}.v-box.is-draggable{cursor:move}.v-box__footer{position:absolute;opacity:1;width:100%;height:20px;top:0;right:0;font-size:12px}.v-box__footer>.x-icon{cursor:pointer}.v-box__name{font-size:14px;color:var(--el-color-primary-light-3);line-height:1.5em}.v-box__label{font-size:12px;color:var(--el-text-color-regular);line-height:1.5em}.v-box__tag{position:absolute;left:0;top:0;font-size:12px;padding:2px 3px;border-radius:2px;zoom:.9}.v-box__tag.is-primary{background-color:var(--el-color-primary-light-8);color:var(--el-color-primary-dark-2)}.v-box__tag.is-warning{background-color:var(--el-color-warning-light-9);color:var(--el-color-warning)}.v-box__tag.is-danger{background-color:var(--el-color-danger-light-9);color:var(--el-color-danger)}.v-binder__tabs .x-panel__header{background-color:var(--el-bg-color)!important;padding:0!important}.v-binder__tabs .el-tabs__item{border-top:1px solid var(--el-border-color-light)!important}.v-binder__tab-content{background-color:var(--el-bg-color);border-radius:4px;overflow:auto}.v-binder__tab-content .el-divider__text{font-size:12px;color:var(--el-text-color-regular)}.v-binder__tab-content .el-divider--horizontal{margin:14px 0}.v-binder__form{width:100%;height:100%;display:flex;flex-direction:column}.v-binder__form .v-binder__editor{flex-grow:1;display:flex;flex-direction:column}.v-binder__form .v-binder__editor .el-form-item__content{flex-grow:1;position:relative}.v-binder__form .v-binder__editor .x-field__editor_wrap{position:absolute;inset:0}.v-context-viewer .el-tree{--el-tree-node-hover-bg-color: transparent}.v-context-viewer .el-tree .v-item{margin:0}.v-context-viewer .el-tree .v-item__subtitle{font-size:12px}.v-context-viewer .el-tree .v-item__subtitle.Function,.v-context-viewer .el-tree .v-item__subtitle.AsyncFunction{color:var(--el-color-warning)}.v-context-viewer .el-tree .v-item__subtitle.Object,.v-context-viewer .el-tree .v-item__subtitle.Array{color:var(--el-color-success)}.v-context-viewer .el-tree .v-item__subtitle.Module{color:var(--el-color-primary)}.v-context-viewer .el-tree-node__content{height:28px}.v-slots-picker__content{padding:20px 0}.v-slots-picker__item{border:1px solid var(--el-border-color);padding:10px;border-radius:4px;text-align:center;cursor:pointer;position:relative;font-size:14px;min-width:120px}.v-slots-picker__item:hover{background-color:var(--el-color-primary-light-9)}.v-slots-picker__item.is-active{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary);border:1px solid var(--el-color-primary)}.v-slots-picker__sn{position:absolute;left:0;top:0;padding:10px;color:var(--el-text-color-placeholder)}.v-viewport{width:100%;height:100%;position:absolute;left:0;top:0;background-color:var(--el-fill-color-dark);overflow:hidden}.v-code-editor{overflow:hidden;width:100%}.v-code-editor.is-border{border:1px solid var(--el-border-color)}.v-skeleton{width:100%;height:100%;overflow:hidden;background-color:var(--el-bg-color);font-size:14px;color:var(--el-text-color-primary);font-family:Microsoft YaHei,Arial,sans-serif}.v-skeleton *{box-sizing:border-box}.v-skeleton__header{padding:0!important;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.v-skeleton__main{border-left:1px solid var(--el-border-color);border-right:1px solid var(--el-border-color);padding:0!important}.v-skeleton__wrapper{border-top:1px solid var(--el-border-color);border-bottom:1px solid var(--el-border-color)}.v-skeleton__footer{padding:0!important;font-size:12px;align-items:center;display:flex}.v-skeleton__left.is-resizing{border-right:2px solid var(--el-color-primary)}.v-skeleton__left.is-collapsed{width:49px!important;overflow:hidden}.v-skeleton__right.is-resizing{border-left:2px solid var(--el-color-primary)}.v-brand-region{text-align:left;white-space:nowrap;display:flex;align-items:center;flex-grow:1;flex-shrink:1;width:30%}.v-toolbar-region{text-align:center;white-space:nowrap;flex-grow:0;display:flex;justify-content:center}.v-actions-region{flex-grow:1;flex-shrink:1;display:flex;justify-content:flex-end;width:30%;white-space:nowrap}.v-actions-region .el-badge__content{zoom:.9;top:3px!important;margin-right:2px}.v-apps-region{display:flex;height:100%;overflow:hidden}.v-apps-region__header{width:50px;height:100%;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--el-border-color);text-align:center;color:var(--el-text-color-primary);flex-shrink:0}.v-apps-region__top i{margin-left:-2px}.v-apps-region__icon{padding:8px 0;cursor:pointer;font-size:20px;border-left:2px solid transparent;border-top:1px solid transparent;border-bottom:1px solid transparent}.v-apps-region__icon:first-child{border-top:1px solid transparent}.v-apps-region__icon:hover,.v-apps-region__icon.is-active{color:var(--el-color-primary)}.v-apps-region__icon.is-open{border-left:2px solid var(--el-color-primary);background-color:var(--el-bg-color);margin-right:-1px;border-top:1px solid var(--el-border-color);border-bottom:1px solid var(--el-border-color)}.v-apps-region__icon.is-open:first-child{border-top:1px solid transparent}.v-apps-region__icon.is-open i{margin-left:-3px}.v-apps-region__panels{flex-grow:1;overflow:hidden;min-width:160px}.v-settings-region{overflow:hidden}.v-settings-region>.el-empty{height:100%}.v-settings-region__header{height:30px;padding:0 10px;border-bottom:1px solid var(--el-border-color)}.v-settings-region__title span{font-size:12px;padding-left:5px;color:var(--el-text-color-regular)}.v-settings-region__title span i{padding-left:5px;color:var(--el-text-color-secondary)}.v-status-region{display:flex;justify-content:flex-start;align-items:center}.v-logo-widget{font-size:18px;font-weight:700;color:var(--el-color-primary);width:50px;text-align:center;text-shadow:0 0 1px var(--el-border-color)}.v-logo-widget__icon{width:24px;height:24px;display:inline-block;vertical-align:bottom}.v-switcher-widget{padding-left:10px;color:var(--el-text-color-secondary);font-size:14px}.v-switcher-widget__back{margin-right:5px}.v-toolbar-widget{width:200px;text-align:center;white-space:nowrap}.v-toolbar-widget .el-radio-group{display:inline-block;vertical-align:middle;margin-right:5px;position:relative}.v-toolbar-widget .el-radio-group .el-radio-button__inner{padding:5px 10px 4px}.v-toolbar-widget .el-input-group{width:100px;line-height:24px;margin-right:20px}.v-toolbar-widget .el-input-group .el-button{height:24px;padding:6px}.v-toolbar-widget .el-input-group .el-input__inner{text-align:center}.v-toolbar-widget .el-input-group__append,.v-toolbar-widget .el-input-group__prepend{padding:0 15px}.v-actions-widget{padding:0 10px}.v-actions-widget .el-button+.el-button,.v-actions-widget .el-button+.el-dropdown,.v-actions-widget .el-dropdown+.el-dropdown{margin-left:5px}.v-actions-widget .el-button:focus-visible{outline:none}.v-actions-widget .el-dropdown .el-dropdown__caret-button{width:20px}.v-actions-widget .el-button-group .el-button{margin-left:0!important}.x-coder-result{font-size:14px}.x-coder-result a{word-wrap:break-word}.x-coder-result div{padding:5px 0}.v-designer{width:100%;height:100%;box-sizing:border-box;position:relative;overflow:auto}.v-designer iframe{width:100%;height:100%;border:none}.v-designer .el-empty{position:absolute;width:100%;height:100%;background-color:var(--el-bg-color)}.v-designer__hover{border:2px dashed var(--el-color-warning-dark-2);background-color:#e6a23c1a;position:absolute;left:0;top:0;pointer-events:none;border-radius:4px}.v-designer__hover>span{display:inline-block;color:var(--el-color-warning-dark-2);position:absolute;background-color:var(--el-color-warning-light-7);border-radius:4px;font-size:12px;padding:4px 8px;white-space:nowrap;box-shadow:var(--el-box-shadow-lighter);z-index:10}.v-designer__hover>span>i{color:var(--el-text-color-secondary)}.v-designer__hover>span.is-inner{left:4px;top:4px}.v-designer__hover>span.is-left-top{left:-2px;top:-4px;transform:translateY(-100%)}.v-designer__hover>span.is-left-bottom{left:-2px;bottom:-4px;transform:translateY(100%)}.v-designer__hover>span.is-right-top{right:0;top:-4px;transform:translateY(-100%)}.v-designer__hover>span.is-right-bottom{right:0;bottom:-4px;transform:translateY(100%)}.v-designer__dropping{border:4px solid var(--el-color-success-dark-2);border-radius:4px;background-color:#529b2e1a;position:absolute;pointer-events:none;z-index:20}.v-designer__dropping.is-inner{border:2px solid var(--el-color-success-dark-2)}.v-designer__selected{border:2px solid var(--el-color-primary-dark-2);border-radius:4px;background-color:#409eff1a;position:absolute;left:0;top:0;pointer-events:none;z-index:10}.v-designer__placeholder{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:16px;color:var(--el-text-color-placeholder);opacity:.6;pointer-events:none}.v-actions{position:absolute;pointer-events:initial;font-size:12px;white-space:nowrap;display:flex}.v-actions>.x-action,.v-actions>.x-action-bar{background-color:var(--el-color-primary-dark-2);border-radius:4px;padding:2px 5px;box-shadow:var(--el-box-shadow-lighter)}.v-actions>.x-action .x-action__inner,.v-actions>.x-action-bar .x-action__inner{color:var(--el-color-primary-light-9)}.v-actions>.x-action-bar{margin-left:5px}.v-actions .x-action:hover{background-color:var(--el-color-primary);border-radius:4px}.v-actions.is-inner{right:2px;top:2px}.v-actions.is-left-top{left:-2px;top:-4px;transform:translateY(-100%)}.v-actions.is-left-bottom{left:0;bottom:-4px;transform:translateY(100%)}.v-actions.is-right-top{right:0;top:-4px;transform:translateY(-100%)}.v-actions.is-right-bottom{right:-2px;bottom:-4px;transform:translateY(100%)}.v-components-widget__search{margin-bottom:10px}.v-components-widget__list .el-collapse{--el-collapse-header-height: 36px !important}.v-components-widget .x-tabs{flex-grow:1;display:flex;overflow:hidden;margin-bottom:0!important}.v-components-widget .el-tabs__content{overflow:auto;overflow-x:hidden;padding-top:15px}.v-outline-widget .el-tree{--el-tree-node-hover-bg-color: transparent}.v-outline-widget .el-tree .v-item{margin:0}.v-outline-widget .el-tree .v-item.is-slot{color:var(--el-color-warning-dark-2);cursor:not-allowed!important}.v-outline-widget .el-tree-node__content{height:28px}.v-outline-widget .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:transparent}.v-outline-widget .v-item__subtitle{font-size:12px}.v-outline-widget .v-item__title>.x-icon{color:var(--el-color-warning)}.v-outline-widget .is-drop-inner .is-drop-inner{background:var(--el-color-warning-light-8)}.v-outline-widget .is-drop-inner .is-drop-inner .v-item{opacity:.6}.v-outline-widget__item.is-dragging{background:var(--el-color-danger-light-8);opacity:.5}.v-outline-widget__item.is-locked{color:var(--el-color-warning)!important}.v-outline-widget__item.is-locked .v-item__title>.x-icon{color:var(--el-color-warning)}.v-outline-widget__item.is-invisible{color:var(--el-color-danger);cursor:not-allowed!important}.v-outline-widget__item.is-invisible:hover{background-color:var(--el-fill-color-lighter)!important}.v-outline-widget__item.is-invisible .v-item__title>.x-icon{color:var(--el-color-danger)}.v-drawer .el-drawer__header{margin-bottom:0}.v-pages-widget .el-tree{--el-tree-node-hover-bg-color: transparent}.v-pages-widget .el-tree .v-item{margin:0}.v-pages-widget .el-tree-node__content{height:28px}.v-pages-widget .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:transparent}.v-pages-widget .v-item__subtitle{font-size:12px}.v-pages-widget .is-drop-inner .is-drop-inner{background:var(--el-color-warning-light-8)}.v-pages-widget .is-drop-inner .is-drop-inner .v-item{opacity:.6}.v-previewer{width:100%;height:100%;position:relative}.v-previewer iframe{width:100%;height:100%}.v-nodepath-widget{font-size:12px;padding:0 20px}.v-nodepath-widget .el-breadcrumb__item{cursor:pointer;font-size:12px}.v-docs-widget{overflow:hidden}.v-docs-widget iframe{width:100%;height:100%;border:none;display:block}.v-about-widget{text-align:center;padding:20px}.v-about-widget__logo{margin-bottom:20px}.v-about-widget__logo img{width:130px}.v-about-widget__name{font-size:30px;font-weight:700;margin-bottom:10px}.v-about-widget__version{font-size:16px}.spacing-wrap{position:relative;display:grid;grid-template-columns:36px 4px 36px 1fr 36px 4px 36px;grid-template-rows:24px 4px 24px 1fr 24px 4px 24px;width:100%;height:120px;margin:0 auto;outline-style:none;cursor:default;user-select:none}.spacing-wrap .spacing-max-icon{grid-area:1/1/-1/-1;display:grid;grid-template-columns:36px 1fr 36px;grid-template-rows:24px minmax(16px,1fr) 24px;justify-items:center;width:100%;height:100%}.spacing-wrap .spacing-min-icon{grid-area:3/3/span 3/span 3;display:grid;grid-template-columns:36px 1fr 36px;grid-template-rows:24px minmax(16px,1fr) 24px;justify-items:center;width:100%;height:64px}.spacing-wrap .spacing-edit{cursor:pointer;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;font-weight:400;line-height:10px;letter-spacing:-.2px;display:flex;color:var(--vtj-toolbar-breadcrumb-color);background:transparent;padding:2px 4px;margin-left:-2px;border-radius:2px;max-width:100%;box-sizing:content-box;place-self:center;position:relative;opacity:1;align-items:center;justify-content:center}.spacing-wrap .spacing-edit.is-setting{background-color:var(--vtj-style-setting-label-bg)}.spacing-wrap .spacing-edit.is-show{background-color:#6b6b6b}.spacing-wrap .spacing-edit.margin-top,.spacing-wrap .spacing-edit.padding-top{grid-area:1/2/2/3}.spacing-wrap .spacing-edit.margin-right,.spacing-wrap .spacing-edit.padding-right{grid-area:2/3/3/4}.spacing-wrap .spacing-edit.margin-bottom,.spacing-wrap .spacing-edit.padding-bottom{grid-area:3/2/4/3}.spacing-wrap .spacing-edit.margin-left,.spacing-wrap .spacing-edit.padding-left{grid-area:2/1/3/2}.spacing-wrap .spacing-edit .reference-wrapper>div{padding:2px}.spacing-wrap .spacing-edit .reference-wrapper>div.active{background:var(--vtj-button-hover-bg)}.spacing-wrap .lr-path-color{cursor:pointer;color:var(--vtj-spacing-lr-color)}.spacing-wrap .lr-path-color:hover{color:var(--vtj-spacing-lr-hover-color)}.spacing-wrap .tb-path-color{cursor:pointer;color:var(--vtj-spacing-tb-color)}.spacing-wrap .tb-path-color:hover{color:var(--vtj-spacing-tb-hover-color)}.spacing-wrap .stroke{stroke:var(--vtj-spacing-border-color)}.v-style-widget{--vtj-spacing-tb-color: var(--el-fill-color);--vtj-spacing-tb-hover-color: var(--el-fill-color-light);--vtj-spacing-lr-color: var(--el-fill-color-darker);--vtj-spacing-lr-hover-color: var(--el-fill-color-dark);--vtj-spacing-border-color: var(--el-border-color);--vtj-style-setting-label-bg: var(--el-color-primary-light-7)}.v-style-widget__collapse{--el-collapse-header-height: 30px}.v-style-widget__collapse .el-collapse-item__header{padding-left:10px}.v-style-widget__spacing{position:relative}.v-style-widget__sizing .el-form-item,.v-style-widget__texting .el-form-item{margin:0!important;width:50%;padding-bottom:6px}.v-style-widget__positioning .spacing-wrap{height:64px;display:block}.v-spacing-input{position:absolute;inset:0}.v-spacing-input__modal{position:absolute;inset:0;background-color:var(--el-mask-color-extra-light);z-index:1}.v-spacing-input__content{position:absolute;inset:0;background-color:var(--el-mask-color);z-index:2}.v-spacing-input__body{width:100%;height:120px;margin:0 auto;padding:5px;border:1px solid var(--el-border-color);background-color:var(--el-bg-color);box-shadow:var(--el-box-shadow-light)}.v-spacing-input__values{padding:5px 0}.v-spacing-input__values>span{display:block;font-size:12px;font-weight:500;border:1px solid var(--el-border-color);width:20%;height:20px;line-height:20px;text-align:center;margin:2px;flex-grow:1;flex-shrink:1;background-color:#fff;cursor:pointer}.v-spacing-input__values>span:hover{background-color:var(--el-color-primary-light-9)}.v-spacing-input__auto{padding:5px 0}.v-spacing-input__auto>span{display:flex;font-size:12px;font-weight:500;border:1px solid var(--el-border-color);width:100%;height:100%;text-align:center;margin:2px;flex-grow:1;flex-shrink:1;background-color:#fff;cursor:pointer;justify-content:center;align-items:center}.v-spacing-input__auto>span:hover{background-color:var(--el-color-primary-light-9)}.v-apis__search{margin-bottom:10px}.v-apis-widget .el-collapse{--el-collapse-header-height: 36px !important}.v-apis-widget .el-collapse-item:last-child .el-collapse-item__wrap{border-bottom:none}.v-apis-widget .v-item__tag{width:50px}.v-blocks__search{margin-bottom:10px}.v-blocks-widget>.x-panel__body{display:flex;flex-direction:column}.v-blocks-widget .el-collapse{--el-collapse-header-height: 36px !important;flex-grow:1;overflow:auto}.v-blocks-widget .el-collapse-item:last-child .el-collapse-item__wrap{border-bottom:none}.v-templates-widgets__item{min-height:200px}.v-templates-widgets__item:hover .use-handle,.v-templates-widgets__item:hover .v-templates-widgets__title{opacity:1}.v-templates-widgets__item .el-image{width:100%;height:200px;border-radius:4px}.v-templates-widgets__item .is-vip{position:absolute;left:5px;top:5px;z-index:10}.v-templates-widgets__item .is-delete{position:absolute;right:5px;top:5px;z-index:10}.v-templates-widgets__download{padding-right:20px!important}.v-templates-widgets__title{position:absolute;width:100%;bottom:0;z-index:1;height:60px;text-align:center;background-color:var(--el-mask-color);border-radius:0 0 4px 4px;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.v-templates-widgets__title>span{display:block}.v-templates-widgets .use-handle{position:absolute;inset:0;background-color:var(--el-mask-color-extra-light);display:flex;justify-content:center;align-items:center;opacity:0}.v-market-widget{overflow:hidden}.v-market-widget iframe{width:100%;height:100%;border:none;display:block}.v-setter{align-items:center}.v-setter .el-form-item__label .el-tooltip__trigger{border-bottom:1px dashed var(--el-color-primary);cursor:help}.v-setter .el-form-item__label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v-setter:hover .el-form-item__label{color:var(--el-color-primary)}.v-setter .el-select{display:block}.v-setter__content{display:flex;flex-direction:row;justify-content:space-between;width:100%;align-items:center}.v-setter__input{flex-grow:1}.v-setter__action{font-size:14px;white-space:nowrap}.v-setter__action .el-dropdown.is-disabled{opacity:.6}.v-setter__action .el-dropdown.is-disabled i{cursor:not-allowed}.v-setter__action i{cursor:pointer;color:var(--el-text-color-secondary);background-color:var(--el-color-primary-light-9);margin-left:3px;padding:4px;border-radius:4px}.v-setter__action i:hover,.v-setter__action i.is-active{color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.v-setter-switch .is-placeholder{opacity:0}.v-expression-setter .el-input__inner{text-align:center}.v-icon-setter .el-input-group__prepend{background-color:var(--el-fill-color-blank)}.v-icon-setter__list{display:inline-block;flex-grow:1;height:1px;overflow:auto;position:relative;margin:10px 0}.v-icon-setter__list .x-icon{width:50px;height:50px;margin:5px;font-size:20px;border:1px dashed var(--el-border-color);border-radius:4px;text-align:center;line-height:54px}.v-icon-setter__list .x-icon:hover{border:1px solid #409eff;cursor:pointer}.v-icon-setter__list .x-icon.is-active{background-color:#409eff;color:#fff;border:none}.v-icon-setter__list .x-icon+.x-icon{margin-left:5px}.v-icon-setter__content{height:100%;display:flex;flex-direction:column}.v-json-setter.is-active .el-input__suffix{color:var(--el-color-primary)}.v-json-setter.is-active .el-input__wrapper{background-color:var(--el-color-primary-light-9);box-shadow:0 0 0 1px var(--el-color-primary-light-7, var(--el-color-primary-light-7)) inset}.v-json-setter.is-active .el-input__inner{color:var(--el-color-primary)}.v-number-setter{width:100%!important}.v-function-setter.is-active .el-input__suffix{color:var(--el-color-primary)}.v-function-setter.is-active .el-input__wrapper{background-color:var(--el-color-primary-light-9);box-shadow:0 0 0 1px var(--el-color-primary-light-7, var(--el-color-primary-light-7)) inset}.v-function-setter.is-active .el-input__inner{color:var(--el-color-primary)}.v-radio-setter{position:relative;top:-1px}.v-radio-setter .is-active .x-icon img{filter:invert(1)}.v-tag-setter{display:flex;justify-content:flex-start;align-items:center}.v-tag-setter .x-icon img{opacity:.8;position:relative;top:-1px}.v-tag-setter>span{padding:1px 2px;display:inline-flex;justify-content:center;align-items:center;height:20px;cursor:pointer;border-radius:2px;border:1px solid transparent}.v-tag-setter>span.is-active{background-color:var(--el-color-primary-light-7);border:1px solid var(--el-color-primary)}.v-tag-setter>span+span{margin-left:8px}.v-image-setter--addable .el-upload{display:block!important}.v-image-setter__img{width:100%;height:100%;display:block}.v-image-setter__plus{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:28px;cursor:pointer;position:relative;overflow:hidden}.v-image-setter .el-upload-list{--el-upload-list-picture-card-size: 80px}.v-image-setter .el-upload{width:80px;height:80px;border:1px dashed var(--el-border-color);border-radius:4px;cursor:pointer;position:relative;overflow:hidden;display:none}.v-image-setter .el-upload:hover{border-color:var(--el-color-primary)}.v-image-setter .el-upload-list__item-preview{display:none!important}.v-image-setter .el-upload-list__item-delete{margin-left:0!important}.v-image-setter .el-upload-list__item{margin-bottom:0!important}.v-image-setter .el-upload-list__item-status-label{display:none!important}.v-section-setter{display:flex}.v-section-setter__item+.v-section-setter__item{margin-left:6px}.v-slider-setter{display:flex;justify-content:space-between;align-items:center}.v-slider-setter .el-slider{--el-slider-height: 4px;--el-slider-button-size: 16px;margin:0 10px}.v-slider-setter__close{margin:0 10px;cursor:pointer}.v-slider-setter__close:hover{opacity:.7}.v-actions-widget__cover[data-v-5a4f8523]{width:100%;height:300px;background-color:var(--el-fill-color-dark);border:1px solid var(--el-border-color)}.v-actions-widget__cover .el-image[data-v-5a4f8523]{width:100%;height:100%}iframe[data-v-d44d0728]{width:100%;height:100%;border:none;display:block}.v-user-avatar[data-v-450620bf]{box-shadow:0 0 3px var(--el-border-color);margin-left:-4px;border:1px solid var(--el-border-color)}

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "@vtj/designer",
   "private": false,
-  "version": "0.9.0-alpha.9",
+  "version": "0.9.1",
   "type": "module",
   "dependencies": {
     "html2canvas": "~1.4.1",
     "mockjs": "~1.1.0",
     "monaco-editor": "~0.51.0",
-    "@vtj/icons": "~0.9.0-alpha.9",
-    "@vtj/core": "~0.9.0-alpha.9",
-    "@vtj/ui": "~0.9.0-alpha.9",
-    "@vtj/utils": "~0.9.0-alpha.9",
-    "@vtj/renderer": "~0.9.0-alpha.9"
+    "@vtj/core": "~0.9.1",
+    "@vtj/ui": "~0.9.1",
+    "@vtj/utils": "~0.9.1",
+    "@vtj/icons": "~0.9.1",
+    "@vtj/renderer": "~0.9.1"
   },
   "devDependencies": {
     "@types/mockjs": "~1.0.10",
     "vue": "~3.5.5",
-    "vue-router": "~4.4.0",
-    "@vtj/cli": "~0.9.0-alpha.2"
+    "vue-router": "~4.5.0",
+    "@vtj/cli": "~0.9.1"
   },
   "files": [
     "dist",

package/types/components/hooks/useOpenApi.d.ts

@@ -4,7 +4,7 @@ import { Engine } from '../..';
 import { Access } from '@vtj/renderer';
 export interface PublishTemplateDto {
     name: string;
-    title: string;
+    label: string;
     category: string;
     cover: Blob;
     share: boolean;
@@ -16,11 +16,12 @@ export interface PublishTemplateDto {
 export interface TemplateDto {
     id: string;
     name: string;
-    title: string;
+    label: string;
     vip: boolean;
     share: boolean;
     cover: string;
     author: string;
+    userId: string;
     category: string;
     latest: string;
 }
@@ -28,7 +29,6 @@ export declare function useOpenApi(): {
     engine: ShallowReactive<Engine>;
     access: Access | undefined;
     remote: string | undefined;
-    auth: any;
     toRemoteAuth: () => void;
     isLogined: () => Promise<boolean>;
     getTemplates: () => Promise<TemplateDto[]>;
@@ -37,4 +37,5 @@ export declare function useOpenApi(): {
     getTemplateCategories: () => Promise<any>;
     publishTemplate: (dto: PublishTemplateDto) => Promise<any>;
     getTemplateById: (id: string) => Promise<TemplateDto>;
+    removeTemplate: (id: string) => Promise<boolean>;
 };

package/types/components/hooks/useTemplates.d.ts

@@ -13,6 +13,7 @@ export declare function useTemplates(): {
     getTemplates: () => Promise<TemplateDto[]>;
     getTemplateDsl: (id: string) => Promise< BlockSchema | null>;
     installTemplate: (templateId: string) => Promise< MessageBoxData | undefined>;
+    removeTemplate: (id: string) => Promise<boolean>;
     groups: ComputedRef<Dictionary<TemplateDto[]>>;
     access: Access | undefined;
     refreshTemplates: () => void;

package/types/components/shared/binder.d.ts

@@ -29,19 +29,21 @@ declare function __VLS_template(): {
                 model: Record<string, any>;
                 submitText: string | null;
                 resetText: string | null;
+                enterSubmit: boolean;
             }> & Omit<{
                 readonly footer: boolean;
                 readonly inline: boolean;
                 readonly submitText: string | null;
                 readonly resetText: string | null;
+                readonly enterSubmit: boolean;
                 readonly model?: Record<string, any> | undefined;
                 readonly submitMethod?: ((model: FormModel) => Promise<any>) | undefined;
                 readonly tooltipMessage?: boolean | Partial< ElTooltipProps> | undefined;
                 readonly inlineColumns?: number | undefined;
-                readonly onReset?: (() => any) | undefined;
-                readonly onSubmit?: ((model: Record<string, any>) => any) | undefined;
-                readonly onChange?: ((model: Record<string, any>) => any) | undefined;
-            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "footer" | "model" | "tooltipMessage" | "inline" | "submitText" | "resetText">;
+                readonly onReset?: (() => any) | undefined | undefined;
+                readonly onSubmit?: ((model: Record<string, any>) => any) | undefined | undefined;
+                readonly onChange?: ((model: Record<string, any>) => any) | undefined | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "footer" | "model" | "tooltipMessage" | "inline" | "submitText" | "resetText" | "enterSubmit">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -86,6 +88,10 @@ declare function __VLS_template(): {
                     type: PropType<boolean | Partial< ElTooltipProps>>;
                     default: undefined;
                 };
+                enterSubmit: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 onReset?: (() => any) | undefined;
                 onSubmit?: ((model: Record<string, any>) => any) | undefined;
@@ -108,6 +114,7 @@ declare function __VLS_template(): {
                 model: Record<string, any>;
                 submitText: string | null;
                 resetText: string | null;
+                enterSubmit: boolean;
             }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -135,6 +142,7 @@ declare function __VLS_template(): {
             model: Record<string, any>;
             submitText: string | null;
             resetText: string | null;
+            enterSubmit: boolean;
         }> & Omit<Readonly< ExtractPropTypes<{
             model: {
                 type: PropType<Record<string, any>>;
@@ -165,11 +173,15 @@ declare function __VLS_template(): {
                 type: PropType<boolean | Partial< ElTooltipProps>>;
                 default: undefined;
             };
+            enterSubmit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             onReset?: (() => any) | undefined;
             onSubmit?: ((model: Record<string, any>) => any) | undefined;
             onChange?: ((model: Record<string, any>) => any) | undefined;
-        }>, "footer" | "reset" | "submit" | "model" | "formRef" | "tooltipMessage" | "inline" | "submitText" | "resetText" | "validate" | "clearValidate"> & ShallowUnwrapRef<{
+        }>, "footer" | "reset" | "submit" | "model" | "formRef" | "tooltipMessage" | "inline" | "submitText" | "resetText" | "enterSubmit" | "validate" | "clearValidate"> & ShallowUnwrapRef<{
             formRef: Ref<any, any>;
             model: FormModel;
             submit: () => Promise<void>;

package/types/components/shared/box.d.ts

@@ -18,16 +18,16 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     copy: (...args: any[]) => void;
-    edit: (...args: any[]) => void;
-    remove: (...args: any[]) => void;
     dragend: (...args: any[]) => void;
     dragstart: (...args: any[]) => void;
+    edit: (...args: any[]) => void;
+    remove: (...args: any[]) => void;
 }, string, PublicProps, Readonly<Props> & Readonly<{
     onCopy?: ((...args: any[]) => any) | undefined;
-    onEdit?: ((...args: any[]) => any) | undefined;
-    onRemove?: ((...args: any[]) => any) | undefined;
     onDragend?: ((...args: any[]) => any) | undefined;
     onDragstart?: ((...args: any[]) => any) | undefined;
+    onEdit?: ((...args: any[]) => any) | undefined;
+    onRemove?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/types/components/shared/item.d.ts

@@ -63,6 +63,7 @@ export interface Props {
     hover?: boolean;
     small?: boolean;
     actionInMore?: boolean;
+    textTags?: string[];
 }
 declare function __VLS_template(): {
     slots: {

package/types/components/widgets/actions/coder.d.ts

@@ -0,0 +1,6 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export interface Props {
+    link?: string;
+}
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/types/components/widgets/actions/index.d.ts

@@ -1,8 +1,10 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 export interface Props {
+    onlyPublishTemplate?: boolean;
     coder?: boolean;
 }
 declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
     coder: boolean;
+    onlyPublishTemplate: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/types/components/widgets/actions/publisher.d.ts

@@ -3,7 +3,7 @@ export interface Props {
     id?: string;
     canvas: any;
     name: string;
-    title: string;
+    label: string;
     dsl: any;
 }
 declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

package/types/components/widgets/index.d.ts

@@ -21,6 +21,7 @@ export declare const widgets: {
     }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
     Actions: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< Props> & Readonly<{}>, {
         coder: boolean;
+        onlyPublishTemplate: boolean;
     }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
     Pages: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
     Blocks: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
@@ -61,4 +62,5 @@ export declare const widgets: {
     Templates: DefineComponent<{}, {
         refreshTemplates: () => void;
     }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+    UserAvatar: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 };

package/types/components/widgets/scripts/group.d.ts

@@ -64,10 +64,10 @@ declare function __VLS_template(): {
                 readonly cascader?: string | string[] | undefined;
                 readonly tip?: string | undefined;
                 readonly defaultValue?: string | number | boolean | Record<string, any> | unknown[] | undefined;
-                readonly onFocus?: (() => any) | undefined;
-                readonly onBlur?: (() => any) | undefined;
-                readonly onChange?: ((value: any, data?: any) => any) | undefined;
-                readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+                readonly onFocus?: (() => any) | undefined | undefined;
+                readonly onBlur?: (() => any) | undefined | undefined;
+                readonly onChange?: ((value: any, data?: any) => any) | undefined | undefined;
+                readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "visible" | "hidden" | "modelValue" | "editor" | "tooltipMessage" | "tooltipPosition" | "inline" | "defaultValue">;
             $attrs: {
                 [x: string]: unknown;

package/types/components/widgets/user-avatar/index.d.ts

@@ -0,0 +1,3 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/framework/engine.d.ts

@@ -15,11 +15,11 @@ export interface EngineOptions {
     globals?: Record<string, any>;
     adapter?: Partial<ProvideAdapter>;
     install?: (app: App, engine?: Engine) => void;
-    remoteHost?: string;
+    pageBasePath?: string;
 }
 export declare const SAVE_BLOCK_FILE_FINISH = "SAVE_BLOCK_FILE_FINISH";
 export declare class Engine extends Base {
-    private options;
+    options: EngineOptions;
     app?: App;
     skeleton?: SkeletonWrapperInstance | null;
     container: MaybeRef<HTMLElement | undefined>;
@@ -55,6 +55,7 @@ export declare class Engine extends Base {
     private saveHistory;
     private loadHistory;
     private publish;
+    genSource(): Promise<string | undefined>;
     private publishCurrent;
     dispose(): void;
     openFile(fileId?: string): Promise<void>;

package/types/version.d.ts

@@ -2,7 +2,7 @@
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/designer
  * @author CHC chenhuachun1549@dingtalk.com
- * @version 0.9.0-alpha.8
+ * @version 0.9.0
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-export declare const version = "0.9.0-alpha.8";
+export declare const version = "0.9.0";