npm - @a2simcode/dui - Versions diffs - 0.0.58 → 0.0.60 - Mend

@a2simcode/dui 0.0.58 → 0.0.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/dui.css CHANGED Viewed

@@ -1,2 +1,2 @@
-.d-drag-move{background-color:var(--j-color-primary);z-index:2147483647;color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:move;opacity:.6;border-radius:4px;width:64px;height:24px;font-size:12px;line-height:24px;position:fixed;overflow:hidden}.d-drag-component,.d-drag-container,.d-drag-body{-webkit-user-select:none;user-select:none;position:relative}.d-drag-container:after{display:none}.d-drag-container:after,.d-drag-component:after{content:" ";pointer-events:none;border:1px dashed var(--j-color-border);box-sizing:border-box;width:100%;height:100%;position:absolute;top:0;left:0}.d-drag-container.isTopActive>.d-drag-line,.d-drag-component.isTopActive>.d-drag-line,.d-drag-container.isBottomActive>.d-drag-line,.d-drag-component.isBottomActive>.d-drag-line{content:" ";pointer-events:none;z-index:100;border-top:3px solid var(--j-color-primary);width:100%;height:100%;display:block;position:absolute;top:0;left:0}.d-drag-container.isBottomActive>.d-drag-line,.d-drag-component.isBottomActive>.d-drag-line{border-top:0;border-bottom:3px solid var(--j-color-primary)}.d-drag-container.active:before,.d-drag-component.active:before{content:" ";pointer-events:none;z-index:99;background-color:var(--j-color-primary);opacity:.1;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.d-drag-container:not(.active).hovered:after,.d-drag-component:not(.active).hovered:after{border:1px dashed var(--j-color-primary);display:block}.d-drag-container:not(.active).selected:after,.d-drag-component:not(.active).selected:after{border:2px solid var(--j-color-primary);display:block}.d-drag-container:not(.active).selected>.d-drag-btns,.d-drag-component:not(.active).selected>.d-drag-btns{display:flex}.d-drag-container.isMoveingInTopLevel .d-drag-container:after,.d-drag-container.isMoveingInTopLevel .d-drag-component:after,.d-drag-container.isMoveingInTopLevel .d-drag-container .d-drag-btns,.d-drag-container.isMoveingInTopLevel .d-drag-component .d-drag-btns,.d-drag-container.isMoveingInTopLevel .d-drag-btns,.d-drag-container.isMoveingInTopLevel:after{display:none!important}.d-drag-btns{z-index:100;display:none;position:absolute;right:0}.d-drag-btns-pname{padding-top:4px;display:none;position:absolute;top:20px;left:0}.d-drag-btns-pname .d-drag-btn{margin-bottom:4px}.d-drag-btns-pname:hover,.d-drag-btns-names:hover .d-drag-btns-pname{display:block}.d-drag-container.isBottomToolBar>.d-drag-btns,.d-drag-component.isBottomToolBar>.d-drag-btns{bottom:-24px}.d-drag-container:not(.isBottomToolBar)>.d-drag-btns,.d-drag-component:not(.isBottomToolBar)>.d-drag-btns{top:-24px}.d-drag-container.isTopLevel>.d-drag-btns{padding-right:4px;top:4px}.d-drag-btn{padding:0 4px!important}.d-drag-mask{z-index:98;width:100%;height:100%;position:absolute;top:0;left:0}.d-drag-tool{cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.d-flow-node-menus{background-color:var(--j-color-bg-container);border-radius:8px;width:160px;padding:4px;box-shadow:0 2px 8px #00000026}.d-flow-node-menus-item{cursor:pointer;border-radius:8px;align-items:center;width:100%;height:40px;padding:0 8px;display:flex}.d-flow-node-menus-item:hover{background-color:var(--j-color-hover)}.d-flow-node-menus-item-name{color:var(--j-color-text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.d-flow-node-menus-item-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;margin-right:8px;display:flex;box-shadow:0 2px 4px #0000001a}.d-flow-step{background-color:var(--j-color-bg-container);border:1px solid #0000;border-radius:8px;align-items:center;width:172px;height:40px;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.d-flow-step-name{color:var(--j-color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.d-flow-step-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;margin:0 8px;display:flex;box-shadow:0 2px 4px #0000001a}.d-flow-step-handle-plus{pointer-events:all;cursor:pointer;color:var(--j-color-primary);display:none}.d-flow-step-target-handle,.d-flow-step-source-handle{background-color:#0000!important;border:0!important;border-radius:0!important;width:2px!important;min-width:2px!important;height:8px!important}.d-flow-step-target-handle:after,.d-flow-step-source-handle:after{content:" ";background-color:var(--j-color-primary);width:2px;height:8px;margin-top:-4px;margin-left:-1px;display:block;position:absolute;top:50%;left:50%}.d-flow-step-popper{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.d-flow-step-tooltip{background:var(--j-color-bg-container)!important;border:0!important;box-shadow:0 2px 8px #00000026!important}.d-flow-step-dropdown{background:var(--j-color-bg-container)!important;border:0!important;border-radius:8px!important;box-shadow:0 2px 8px #00000026!important}.d-flow-step-dropdown .el-dropdown-menu{background:var(--j-color-bg-container)!important;border-radius:8px!important}.d-flow-step-dropdown .el-dropdown-menu__item{color:var(--j-color-danger)}.d-flow-step-dropdown .el-dropdown-menu__item:not(.is-disabled):focus,.d-flow-step-dropdown .el-dropdown-menu__item:not(.is-disabled):hover{background-color:var(--j-color-hover);color:var(--j-color-danger-hover)}.vue-flow__node.selected .d-flow-step{border-color:var(--j-color-primary)}.vue-flow__node.selected .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd),.vue-flow__node.selected .d-flow-step-source-handle{background-color:#fff!important;border-radius:100%!important;width:16px!important;height:16px!important}.vue-flow__node.selected .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd):after,.vue-flow__node.selected .d-flow-step-source-handle:after{display:none!important}.vue-flow__node.selected .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd) .d-flow-step-handle-plus,.vue-flow__node.selected .d-flow-step-source-handle .d-flow-step-handle-plus{display:block!important}.vue-flow__node:hover .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd),.vue-flow__node:hover .d-flow-step-source-handle{background-color:#fff!important;border-radius:100%!important;width:16px!important;height:16px!important}.vue-flow__node:hover .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd):after,.vue-flow__node:hover .d-flow-step-source-handle:after{display:none!important}.vue-flow__node:hover .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd) .d-flow-step-handle-plus,.vue-flow__node:hover .d-flow-step-source-handle .d-flow-step-handle-plus{display:block!important}.vue-flow__node:hover .d-flow-step-target-handle{width:16px!important;height:16px!important}.d-flow-edge-button{cursor:pointer;width:16px;height:16px;color:var(--j-color-primary);background-color:#fff;border-radius:100%}.d-flow-edge-button:hover{display:block!important}.vue-flow{z-index:0;direction:ltr;width:100%;height:100%;position:relative;overflow:hidden}.vue-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.vue-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{pointer-events:none;min-width:5px;min-height:5px;position:absolute}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.vue-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{z-index:5;margin:15px;position:absolute}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10px}}:root{--vf-node-bg:#fff;--vf-node-text:#222;--vf-connection-path:#b1b1b7;--vf-handle:#555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{text-align:center;width:150px;color:var(--vf-node-text);background-color:var(--vf-node-bg);border-style:solid;border-width:1px;border-color:var(--vf-node-color);border-radius:3px;padding:10px;font-size:12px}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{border:1px solid #555;outline:none}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color:var(--vf-node-color,#0041d0);--vf-handle:var(--vf-node-color,#0041d0);--vf-box-shadow:var(--vf-node-color,#0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color,#0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{border:1px solid var(--vf-node-color,#0041d0);outline:none}.vue-flow__node-default{--vf-handle:var(--vf-node-color,#1a192b);--vf-box-shadow:var(--vf-node-color,#1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color,#1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{border:1px solid var(--vf-node-color,#1a192b);outline:none}.vue-flow__node-output{--vf-handle:var(--vf-node-color,#ff0072);--vf-box-shadow:var(--vf-node-color,#ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color,#ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{border:1px solid var(--vf-node-color,#ff0072);outline:none}.vue-flow__nodesselection-rect,.vue-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{background:var(--vf-handle);border:1px solid #fff;border-radius:100%;width:6px;height:6px}.vue-flow__controls{box-shadow:0 0 2px 1px #00000014}.vue-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.vue-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.vue-flow__controls-button:hover{background:#f4f4f4}.vue-flow__controls-button:disabled{pointer-events:none}.vue-flow__controls-button:disabled svg{fill-opacity:.4}.d-flow-design{background-color:var(--j-color-bg);width:100%;height:100%;display:flex}.d-flow-design-canvas{flex:1;width:0;min-width:0}.d-flow-design-right{background-color:var(--j-color-bg-container);border-left:1px solid var(--j-color-border);flex-direction:column;width:320px;height:100%;transition:all .3s;display:flex;position:relative}.d-flow-design-title{border-bottom:1px solid var(--j-color-border);align-items:center;width:100%;height:40px;display:flex;position:relative;overflow:hidden}.d-flow-design-title-name{color:var(--j-color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.d-flow-design-title-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;margin:0 8px;display:flex;box-shadow:0 2px 4px #0000001a}.d-flow-design-panel{flex:1;width:100%;height:0;position:relative;overflow:hidden auto}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:var(--j-color-primary)!important}.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;width:auto;margin:0;position:absolute;z-index:0!important}.grid-stack>.grid-stack-item{width:var(--gs-column-width);height:var(--gs-cell-height);padding:0;position:absolute;top:0;left:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{width:auto;margin:0;position:absolute;overflow:hidden auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content{top:var(--gs-item-margin-top);right:var(--gs-item-margin-right);bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-handle{-ms-touch-action:none;touch-action:none;font-size:.1px;display:block;position:absolute}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"%23666\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 20 20\"><path d=\"m10 3 2 2H8l2-2v14l-2-2h4l-2 2\"/></svg>");background-position:50%;background-repeat:no-repeat}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:var(--gs-item-margin-top);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:var(--gs-item-margin-top);left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:var(--gs-item-margin-top);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px;right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:var(--gs-item-margin-bottom);right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px;left:var(--gs-item-margin-left)}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{opacity:.8;box-shadow:1px 4px 6px #0003}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left,top,height,width}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}.d-layout{background-color:var(--j-color-bg);width:100%;height:100%}.d-layout .d-layout-item{background-color:var(--j-color-bg-container);border:1px solid var(--j-color-border);box-sizing:border-box;border-radius:4px;padding:8px}.d-layout .d-layout-item:hover{border-color:var(--j-color-primary)}.d-layout .d-layout-item.ui-draggable-dragging{opacity:.8;z-index:1000}.d-layout .d-layout-item.ui-resizable-resizing{opacity:.8}.d-draggable{cursor:move;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;box-sizing:initial;border:1px dashed #0000;position:absolute}.d-draggable__mask{z-index:1;border:0;width:100%;height:100%;position:absolute;inset:0}.d-draggable--active{cursor:move;border:1px solid var(--j-color-primary);background-color:var(--j-color-primary-bg)}.d-draggable--pt{border:1px dashed var(--j-color-border);padding:0!important}.d-draggable--active.d-draggable--pt{background-color:#0000;border:1px dashed #0000}.d-draggable--move{opacity:.6;background-color:var(--j-color-primary-bg)}.d-draggable--click{cursor:pointer}.d-draggable__line--left{border-top:1px dashed var(--j-color-primary);width:10000px;height:0;position:absolute;top:-1px;transform:translate(-100%)}.d-draggable__line--top{border-left:1px dashed var(--j-color-primary);width:0;height:10000px;position:absolute;left:-1px;transform:translateY(-100%)}.d-draggable__line--label{color:#fff;background-color:var(--j-color-primary);white-space:nowrap;cursor:move;border-radius:2px;font-size:14px;position:absolute;top:-8px;left:0;transform:translateY(-100%)}.d-draggable__range{z-index:9999;border:1px solid var(--j-color-primary);background-color:var(--j-color-bg-container);border-radius:2px;position:absolute}.d-draggable__range--left,.d-draggable__range--right{top:50%;transform:translateY(-50%)}.d-draggable__range--left:hover,.d-draggable__range--right:hover{cursor:ew-resize}.d-draggable__range--left{left:-5px}.d-draggable__range--right{right:-5px}.d-draggable__range--top,.d-draggable__range--bottom{left:50%;transform:translate(-50%)}.d-draggable__range--top:hover,.d-draggable__range--bottom:hover{cursor:ns-resize}.d-draggable__range--top{top:-5px}.d-draggable__range--bottom{bottom:-5px}.d-draggable__range--bottom-right:hover,.d-draggable__range--top-left:hover{cursor:nwse-resize}.d-draggable__range--bottom-left:hover,.d-draggable__range--top-right:hover{cursor:nesw-resize}.d-draggable__range--top-right{top:-5px;right:-5px}.d-draggable__range--top-left{top:-5px;left:-5px}.d-draggable__range--bottom-right{bottom:-5px;right:-5px}.d-draggable__range--bottom-left{bottom:-5px;left:-5px}.d-form-design{background-color:var(--j-color-bg);font-size:14px;display:flex}.d-form-design-left,.d-form-design-right{background-color:var(--j-color-bg-container);flex-direction:column;width:260px;height:100%;display:flex;position:relative}.d-form-design-left .el-collapse,.d-form-design-right .el-collapse{border-top:0;border-left:0;border-right:0;border-radius:0}.d-form-design-left .el-form-item--small,.d-form-design-right .el-form-item--small{margin-bottom:8px}.d-form-design-left .el-form-item--label-top .el-form-item__label,.d-form-design-right .el-form-item--label-top .el-form-item__label{margin-bottom:4px}.d-form-design-left{border-right:1px solid var(--j-color-border);width:260px;display:flex}.d-form-design-left .el-collapse .el-collapse-item__wrap>.el-collapse-item__content{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.d-form-design-left .el-collapse .el-collapse-item__wrap>.el-collapse-item__content .d-drag-tool{position:relative}.d-form-design-left .el-collapse-item__title{font-size:13px;font-weight:700}.d-form-design-left .d-form-design-component-list{flex-direction:column;flex:1;gap:0;display:flex;overflow-y:auto}.d-form-design-left .j-component-tool{border:1px solid var(--j-color-border);-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:left;align-items:center;height:32px;font-size:12px;transition:color .1s ease-out;display:flex;position:relative}.d-form-design-left .j-component-tool-icon{color:var(--color-text-tertiary);margin-left:8px;margin-right:6px}.d-form-design-left .j-component-tool-name{color:var(--j-color-text)}.d-form-design-left .j-component-tool:hover{z-index:1;border:1px dashed var(--j-color-primary);box-shadow:0 0 10px #0000001a}.d-form-design-left .j-component-tool:hover .j-component-tool-icon,.d-form-design-left .j-component-tool:hover .j-component-tool-name{color:var(--j-color-primary)}.d-form-design-right{border-left:1px solid var(--j-color-border);width:300px}.d-form-design-right .el-collapse .el-collapse-item__wrap>.el-collapse-item__content{padding:0 16px 8px}.d-form-design-right .el-collapse-item__header{padding-left:8px}.d-form-design-right .el-collapse-item__title{font-size:13px;font-weight:700}.d-form-design-right .d-form-design-panel{flex:1;padding-bottom:8px;overflow-y:auto}.d-form-design-right .el-form-item--label-top .el-form-item__label{font-weight:700}.d-form-design .d-form-design-panel-title{border-bottom:1px solid var(--j-color-border);background:var(--j-color-bg-container);align-items:center;height:45px;padding:0 16px;font-weight:500;display:flex}.d-form-design .d-form-design-panel-title>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.d-form-design-center{flex-direction:column;flex:1;display:flex;overflow:hidden}.d-form-design-center .d-form-design-toolbar{border-bottom:1px solid var(--j-color-border);background:var(--j-color-bg-container);gap:8px;padding:8px 16px;display:flex}.d-form-design-center .d-form-design-toolbar .j-button{font-size:12px}.d-form-design-center .d-form-design-container{background:var(--j-color-bg);flex:1;padding:8px;overflow-y:auto}.d-form-design-center .d-form-design-container .d-form-design-drag-container{background:var(--j-color-bg-container);flex-direction:column;min-height:100%;padding:8px;display:flex}.d-form-design-center .d-form-design-container .d-form-design-drag-container>.d-drag-body{flex:1;width:100%}.d-form-design-center .d-form-design-container .d-form-design-empty{color:var(--j-color-text-3);justify-content:center;align-items:center;display:flex;position:absolute}.d-form-design-center .d-form-design-container .d-form-design-empty .el-empty__description p{font-size:12px}.d-index-design{background-color:var(--j-color-bg);font-size:14px;display:flex}.d-index-design-left,.d-index-design-right{background-color:var(--j-color-bg-container);flex-direction:column;height:100%;display:flex;position:relative}.d-index-design-left .el-collapse,.d-index-design-right .el-collapse{border-top:0;border-left:0;border-right:0;border-radius:0}.d-index-design-left{border-right:1px solid var(--j-color-border);width:260px;display:flex}.d-index-design-left .el-collapse .el-collapse-item__wrap>.el-collapse-item__content{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.d-index-design-left .el-collapse .el-collapse-item__wrap>.el-collapse-item__content .d-drag-tool{position:relative}.d-index-design-left .el-collapse-item__title{font-size:13px;font-weight:700}.d-index-design-left .j-component-list{flex-direction:column;flex:1;gap:0;display:flex;overflow-y:auto}.d-index-design-left .j-component-tool{border:1px solid var(--j-color-border);-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:left;align-items:center;height:32px;font-size:12px;transition:color .1s ease-out;display:flex;position:relative}.d-index-design-left .j-component-tool-icon{color:var(--color-text-tertiary);margin-left:8px;margin-right:6px}.d-index-design-left .j-component-tool-name{color:var(--j-color-text)}.d-index-design-left .j-component-tool:hover{z-index:1;border:1px dashed var(--j-color-primary);box-shadow:0 0 10px #0000001a}.d-index-design-left .j-component-tool:hover .j-component-tool-icon,.d-index-design-left .j-component-tool:hover .j-component-tool-name{color:var(--j-color-primary)}.d-index-design-right{border-left:1px solid var(--j-color-border);width:300px}.d-index-design-right .el-collapse-item__header{padding-left:8px}.d-index-design-right .el-collapse .el-collapse-item__wrap>.el-collapse-item__content{padding:0 16px 8px}.d-index-design-right .el-collapse-item__title{font-size:13px;font-weight:700}.d-index-design-right .d-index-design-panel{flex:1;padding-bottom:8px;overflow-y:auto}.d-index-design-right .el-form-item--label-top .el-form-item__label{font-weight:700}.d-index-design-center{flex-direction:column;flex:1;display:flex;overflow:hidden}.d-index-design-center .design-toolbar{border-bottom:1px solid var(--j-color-border);background:var(--j-color-bg-container);justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex}.d-index-design-center .design-toolbar .j-button{font-size:12px}.d-index-design-center .design-container{background:var(--j-color-bg);flex:1;padding:8px;overflow-y:auto}.d-index-design-center .design-container .design-drag-container{background:var(--j-color-bg);flex-direction:column;min-height:100%;padding:8px;display:flex}.d-index-design-center .design-container .design-drag-container>.d-drag-body{flex:1;width:100%}.d-index-design-center .design-container .design-empty{color:var(--j-color-text-3);justify-content:center;align-items:center;display:flex;position:absolute}.d-index-design-center .design-container .design-empty .el-empty__description p{font-size:12px}.d-index-design .j-component-tool{border:1px solid var(--j-color-border);-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:left;align-items:center;height:32px;transition:color .1s ease-out;display:flex;position:relative}.d-index-design .j-component-tool-icon{color:var(--color-text-tertiary);margin-left:8px;margin-right:6px}.d-index-design .j-component-tool-name{color:var(--j-color-text)}.d-index-design .j-component-tool:hover{z-index:1;border:1px dashed var(--j-color-primary);box-shadow:0 0 10px #0000001a}.d-index-design .j-component-tool:hover .j-component-tool-icon,.d-index-design .j-component-tool:hover .j-component-tool-name{color:var(--j-color-primary)}.d-index-design-panel-title{border-bottom:1px solid var(--j-color-border);background:var(--j-color-bg-container);align-items:center;height:45px;padding:0 16px;font-weight:500;display:flex}.d-index-design-panel-title>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.line[data-v-5dea28d6]{pointer-events:auto;position:absolute}.line .action[data-v-5dea28d6]{justify-content:center;align-items:center;display:flex;position:absolute}.line .value[data-v-5dea28d6]{pointer-events:none;transform:scale(.83)}.line .del[data-v-5dea28d6]{cursor:pointer;visibility:hidden;padding:3px 5px}.line:hover .del[data-v-5dea28d6]{visibility:visible}.line[data-v-b6c23352],.h-container[data-v-b6c23352],.v-container[data-v-b6c23352]{position:absolute}.h-container .lines[data-v-b6c23352],.v-container .lines[data-v-b6c23352]{pointer-events:none}.h-container:hover .lines[data-v-b6c23352],.v-container:hover .lines[data-v-b6c23352]{pointer-events:auto}.h-container[data-v-b6c23352]{top:0}.h-container .line[data-v-b6c23352]{height:100vh;padding-left:5px;top:0}.h-container .line .action[data-v-b6c23352]{transform:translate(-24px)}.h-container .line .action .value[data-v-b6c23352]{margin-left:4px}.h-container .indicator[data-v-b6c23352]{height:100vw;top:0}.h-container .indicator .value[data-v-b6c23352]{width:auto;margin-top:4px;margin-left:4px;padding:0 2px}.v-container[data-v-b6c23352]{left:0}.v-container .line[data-v-b6c23352]{width:100vw;padding-top:5px;left:0}.v-container .line .action[data-v-b6c23352]{flex-direction:column;transform:translateY(-24px)}.v-container .line .action .value[data-v-b6c23352]{margin-top:4px}.v-container .indicator[data-v-b6c23352]{width:100vw}.v-container .indicator .value[data-v-b6c23352]{transform-origin:0 0;width:auto;margin-top:-5px;margin-left:2px;padding:0 2px;left:0;transform:rotate(-90deg)}.style-ruler{z-index:3;pointer-events:none;width:100%;height:100%;font-size:12px;position:absolute;overflow:hidden}.style-ruler span{line-height:1}.corner{pointer-events:auto;cursor:pointer;box-sizing:content-box;transition:all .2s ease-in-out;position:absolute;top:0;left:0}.indicator{pointer-events:none;position:absolute}.indicator .value{background:#fff;position:absolute}.ruler{pointer-events:auto;width:100%;height:100%}.j-bi-design .j-component-tool:hover .j-component-tool-icon,.j-bi-design .j-component-tool:hover .j-component-tool-name{color:var(--j-color-primary)}.j-bi-design .j-component-tool:hover .j-component-tool-icon,.j-bi-design .j-component-tool:hover .j-component-tool-name{color:var(--j-color-primary)}.j-bi-design{background-color:var(--j-color-bg);width:100%;height:100%;display:flex;position:relative}.j-bi-design-left,.j-bi-design-right{background-color:var(--j-color-bg-container);flex-direction:column;width:260px;height:100%;display:flex;position:relative}.j-bi-design-left .el-collapse,.j-bi-design-right .el-collapse{border-top:0;border-left:0;border-right:0;border-radius:0}.j-bi-design-left .el-form-item--small,.j-bi-design-right .el-form-item--small{margin-bottom:8px}.j-bi-design-left .el-form-item--label-top .el-form-item__label,.j-bi-design-right .el-form-item--label-top .el-form-item__label{margin-bottom:4px}.j-bi-design-mid{flex:1;width:0;height:100%;transition:all .3s;position:relative}.j-bi-design-main{background-size:15px 15px,15px 15px;background-image:linear-gradient(var(--j-color-bg) 14px, transparent 0), linear-gradient(90deg, transparent 14px, var(--j-color-primary-hover) 0);width:100%;height:100%;position:absolute;top:0;left:0;overflow:auto}.j-bi-design-main::-webkit-scrollbar{background-color:#0000;width:0;height:0}.j-bi-design-main .screen-container{position:relative}.j-bi-design-main .canvas{position:absolute;top:50%;left:50%}.j-bi-design-right{border-left:1px solid var(--j-color-border);width:300px}.j-bi-design-right .el-collapse .el-collapse-item__wrap>.el-collapse-item__content{padding:0 16px 8px}.j-bi-design-right .el-collapse-item__header{padding-left:8px}.j-bi-design-right .el-collapse-item__title{font-size:13px;font-weight:700}.j-bi-design-right .j-bi-design-panel{flex:1;padding-bottom:8px;overflow-y:auto}.j-bi-design-right .el-form-item--label-top .el-form-item__label{font-weight:700}.j-bi-design-panel{flex:1;width:100%;height:0;position:relative;overflow:hidden auto}.j-bi-design-left{border-right:1px solid var(--j-color-border);flex-direction:column;display:flex;overflow:auto}.j-bi-design-left .j-bi-design-component-list{flex:1;overflow-y:auto}.j-bi-design-left .el-collapse .el-collapse-item__wrap>.el-collapse-item__content{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.j-bi-design-left .el-collapse-item__title{font-size:13px;font-weight:700}.j-bi-design .j-component-tool{border:1px solid var(--j-color-border);-webkit-user-select:none;user-select:none;cursor:grab;border-radius:6px;justify-content:left;align-items:center;height:32px;font-size:12px;transition:color .1s ease-out;display:flex;position:relative;overflow:hidden}.j-bi-design .j-component-tool-icon{color:var(--color-text-tertiary);margin-left:8px;margin-right:6px}.j-bi-design .j-component-tool-icon-img{object-fit:contain;width:14px;height:14px;margin-left:8px;margin-right:6px}.j-bi-design .j-component-tool-name{color:var(--j-color-text);text-overflow:ellipsis;white-space:nowrap;padding-right:8px;overflow:hidden}.j-bi-design .j-component-tool:hover{z-index:1;border:1px dashed var(--j-color-primary);box-shadow:0 0 10px #0000001a}.j-bi-design .j-component-tool:hover .j-component-tool-icon,.j-bi-design .j-component-tool:hover .j-component-tool-name{color:var(--j-color-primary)}.j-bi-design .j-bi-design-component-tool{background-color:var(--j-color-bg);border:1px solid var(--j-color-border);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:6px;height:104px;padding:28px 8px 8px;position:relative;overflow:hidden}.j-bi-design .j-bi-design-component-tool-name{font-size:12px;position:absolute;top:6px;left:8px;right:8px}.j-bi-design .j-bi-design-component-tool-img{object-fit:contain;width:100%;height:100%}.j-bi-design .j-bi-design-layer-panel{flex-direction:column;gap:8px;display:flex}.j-bi-design .j-bi-design-layer-list{overflow:auto}.j-bi-design-layer-item{cursor:pointer;border-radius:2px;align-items:center;height:40px;padding:0 4px;display:flex;position:relative}.j-bi-design-layer-item-img{border-radius:2px;height:32px;margin-right:2px;overflow:hidden}.j-bi-design-layer-item-btns{z-index:1;align-items:center;height:40px;padding-right:2px;display:flex;position:absolute;top:0;right:0}.j-bi-design-layer-item-btn{display:none}.j-bi-design-layer-item-btn.active{display:block}.j-bi-design-layer-item:hover{background-color:var(--j-color-bg)}.j-bi-design-layer-item:hover .j-bi-design-layer-item-btn{display:block}.j-bi-design-layer-item.active{color:var(--j-color-primary);background-color:var(--j-color-primary-bg)!important}.j-bi-design-title{border-bottom:1px solid var(--j-color-border);background:var(--j-color-bg-container);align-items:center;height:45px;padding:0 0 0 16px;font-weight:500;display:flex;overflow:hidden}.j-bi-design-title>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.j-bi-design .mask{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.j-bi-design-contentmenu{z-index:1024;background-color:var(--j-color-bg-container);width:120px;box-shadow:var(--el-box-shadow-light);padding:4px;position:fixed;overflow:hidden}.j-bi-design-contentmenu .item{color:var(--j-color-text);cursor:pointer;padding:4px 8px;font-size:14px}.j-bi-design-contentmenu .item:hover{color:var(--j-color-primary)}
+.d-drag-move{background-color:var(--j-color-primary);z-index:2147483647;color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:move;opacity:.6;border-radius:4px;width:64px;height:24px;font-size:12px;line-height:24px;position:fixed;overflow:hidden}.d-drag-component,.d-drag-container,.d-drag-body{-webkit-user-select:none;user-select:none;position:relative}.d-drag-container:after{display:none}.d-drag-container:after,.d-drag-component:after{content:" ";pointer-events:none;border:1px dashed var(--j-color-border);box-sizing:border-box;width:100%;height:100%;position:absolute;top:0;left:0}.d-drag-container.isTopActive>.d-drag-line,.d-drag-component.isTopActive>.d-drag-line,.d-drag-container.isBottomActive>.d-drag-line,.d-drag-component.isBottomActive>.d-drag-line{content:" ";pointer-events:none;z-index:100;border-top:3px solid var(--j-color-primary);width:100%;height:100%;display:block;position:absolute;top:0;left:0}.d-drag-container.isBottomActive>.d-drag-line,.d-drag-component.isBottomActive>.d-drag-line{border-top:0;border-bottom:3px solid var(--j-color-primary)}.d-drag-container.active:before,.d-drag-component.active:before{content:" ";pointer-events:none;z-index:99;background-color:var(--j-color-primary);opacity:.1;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.d-drag-container:not(.active).hovered:after,.d-drag-component:not(.active).hovered:after{border:1px dashed var(--j-color-primary);display:block}.d-drag-container:not(.active).selected:after,.d-drag-component:not(.active).selected:after{border:2px solid var(--j-color-primary);display:block}.d-drag-container:not(.active).selected>.d-drag-btns,.d-drag-component:not(.active).selected>.d-drag-btns{display:flex}.d-drag-container.isMoveingInTopLevel .d-drag-container:after,.d-drag-container.isMoveingInTopLevel .d-drag-component:after,.d-drag-container.isMoveingInTopLevel .d-drag-container .d-drag-btns,.d-drag-container.isMoveingInTopLevel .d-drag-component .d-drag-btns,.d-drag-container.isMoveingInTopLevel .d-drag-btns,.d-drag-container.isMoveingInTopLevel:after{display:none!important}.d-drag-btns{z-index:100;display:none;position:absolute;right:0}.d-drag-btns-pname{padding-top:4px;display:none;position:absolute;top:20px;left:0}.d-drag-btns-pname .d-drag-btn{margin-bottom:4px}.d-drag-btns-pname:hover,.d-drag-btns-names:hover .d-drag-btns-pname{display:block}.d-drag-container.isBottomToolBar>.d-drag-btns,.d-drag-component.isBottomToolBar>.d-drag-btns{bottom:-24px}.d-drag-container:not(.isBottomToolBar)>.d-drag-btns,.d-drag-component:not(.isBottomToolBar)>.d-drag-btns{top:-24px}.d-drag-container.isTopLevel>.d-drag-btns{padding-right:4px;top:4px}.d-drag-btn{padding:0 4px!important}.d-drag-mask{z-index:98;width:100%;height:100%;position:absolute;top:0;left:0}.d-drag-tool{cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.d-flow-node-menus{background-color:var(--j-color-bg-container);border-radius:8px;width:160px;padding:4px;box-shadow:0 2px 8px #00000026}.d-flow-node-menus-item{cursor:pointer;border-radius:8px;align-items:center;width:100%;height:40px;padding:0 8px;display:flex}.d-flow-node-menus-item:hover{background-color:var(--j-color-hover)}.d-flow-node-menus-item-name{color:var(--j-color-text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.d-flow-node-menus-item-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;margin-right:8px;display:flex;box-shadow:0 2px 4px #0000001a}.d-flow-step{background-color:var(--j-color-bg-container);border:1px solid #0000;border-radius:8px;align-items:center;width:172px;height:40px;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.d-flow-step-name{color:var(--j-color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.d-flow-step-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;margin:0 8px;display:flex;box-shadow:0 2px 4px #0000001a}.d-flow-step-handle-plus{pointer-events:all;cursor:pointer;color:var(--j-color-primary);display:none}.d-flow-step-target-handle,.d-flow-step-source-handle{background-color:#0000!important;border:0!important;border-radius:0!important;width:2px!important;min-width:2px!important;height:8px!important}.d-flow-step-target-handle:after,.d-flow-step-source-handle:after{content:" ";background-color:var(--j-color-primary);width:2px;height:8px;margin-top:-4px;margin-left:-1px;display:block;position:absolute;top:50%;left:50%}.d-flow-step-popper{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.d-flow-step-tooltip{background:var(--j-color-bg-container)!important;border:0!important;box-shadow:0 2px 8px #00000026!important}.d-flow-step-dropdown{background:var(--j-color-bg-container)!important;border:0!important;border-radius:8px!important;box-shadow:0 2px 8px #00000026!important}.d-flow-step-dropdown .el-dropdown-menu{background:var(--j-color-bg-container)!important;border-radius:8px!important}.d-flow-step-dropdown .el-dropdown-menu__item{color:var(--j-color-danger)}.d-flow-step-dropdown .el-dropdown-menu__item:not(.is-disabled):focus,.d-flow-step-dropdown .el-dropdown-menu__item:not(.is-disabled):hover{background-color:var(--j-color-hover);color:var(--j-color-danger-hover)}.vue-flow__node.selected .d-flow-step{border-color:var(--j-color-primary)}.vue-flow__node.selected .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd),.vue-flow__node.selected .d-flow-step-source-handle{background-color:#fff!important;border-radius:100%!important;width:16px!important;height:16px!important}.vue-flow__node.selected .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd):after,.vue-flow__node.selected .d-flow-step-source-handle:after{display:none!important}.vue-flow__node.selected .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd) .d-flow-step-handle-plus,.vue-flow__node.selected .d-flow-step-source-handle .d-flow-step-handle-plus{display:block!important}.vue-flow__node:hover .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd),.vue-flow__node:hover .d-flow-step-source-handle{background-color:#fff!important;border-radius:100%!important;width:16px!important;height:16px!important}.vue-flow__node:hover .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd):after,.vue-flow__node:hover .d-flow-step-source-handle:after{display:none!important}.vue-flow__node:hover .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd) .d-flow-step-handle-plus,.vue-flow__node:hover .d-flow-step-source-handle .d-flow-step-handle-plus{display:block!important}.vue-flow__node:hover .d-flow-step-target-handle{width:16px!important;height:16px!important}.d-flow-edge-button{cursor:pointer;width:16px;height:16px;color:var(--j-color-primary);background-color:#fff;border-radius:100%}.d-flow-edge-button:hover{display:block!important}.vue-flow{z-index:0;direction:ltr;width:100%;height:100%;position:relative;overflow:hidden}.vue-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.vue-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{pointer-events:none;min-width:5px;min-height:5px;position:absolute}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.vue-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{z-index:5;margin:15px;position:absolute}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10px}}:root{--vf-node-bg:#fff;--vf-node-text:#222;--vf-connection-path:#b1b1b7;--vf-handle:#555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{text-align:center;width:150px;color:var(--vf-node-text);background-color:var(--vf-node-bg);border-style:solid;border-width:1px;border-color:var(--vf-node-color);border-radius:3px;padding:10px;font-size:12px}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{border:1px solid #555;outline:none}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color:var(--vf-node-color,#0041d0);--vf-handle:var(--vf-node-color,#0041d0);--vf-box-shadow:var(--vf-node-color,#0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color,#0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{border:1px solid var(--vf-node-color,#0041d0);outline:none}.vue-flow__node-default{--vf-handle:var(--vf-node-color,#1a192b);--vf-box-shadow:var(--vf-node-color,#1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color,#1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{border:1px solid var(--vf-node-color,#1a192b);outline:none}.vue-flow__node-output{--vf-handle:var(--vf-node-color,#ff0072);--vf-box-shadow:var(--vf-node-color,#ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color,#ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{border:1px solid var(--vf-node-color,#ff0072);outline:none}.vue-flow__nodesselection-rect,.vue-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{background:var(--vf-handle);border:1px solid #fff;border-radius:100%;width:6px;height:6px}.vue-flow__controls{box-shadow:0 0 2px 1px #00000014}.vue-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.vue-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.vue-flow__controls-button:hover{background:#f4f4f4}.vue-flow__controls-button:disabled{pointer-events:none}.vue-flow__controls-button:disabled svg{fill-opacity:.4}.d-flow-design{background-color:var(--j-color-bg);width:100%;height:100%;display:flex}.d-flow-design-canvas{flex:1;width:0;min-width:0}.d-flow-design-right{background-color:var(--j-color-bg-container);border-left:1px solid var(--j-color-border);flex-direction:column;width:320px;height:100%;transition:all .3s;display:flex;position:relative}.d-flow-design-title{border-bottom:1px solid var(--j-color-border);align-items:center;width:100%;height:40px;display:flex;position:relative;overflow:hidden}.d-flow-design-title-name{color:var(--j-color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.d-flow-design-title-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;margin:0 8px;display:flex;box-shadow:0 2px 4px #0000001a}.d-flow-design-panel{flex:1;width:100%;height:0;position:relative;overflow:hidden auto}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:var(--j-color-primary)!important}.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;width:auto;margin:0;position:absolute;z-index:0!important}.grid-stack>.grid-stack-item{width:var(--gs-column-width);height:var(--gs-cell-height);padding:0;position:absolute;top:0;left:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{width:auto;margin:0;position:absolute;overflow:hidden auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content{top:var(--gs-item-margin-top);right:var(--gs-item-margin-right);bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-handle{-ms-touch-action:none;touch-action:none;font-size:.1px;display:block;position:absolute}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"%23666\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 20 20\"><path d=\"m10 3 2 2H8l2-2v14l-2-2h4l-2 2\"/></svg>");background-position:50%;background-repeat:no-repeat}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:var(--gs-item-margin-top);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:var(--gs-item-margin-top);left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:var(--gs-item-margin-top);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px;right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:var(--gs-item-margin-bottom);right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px;left:var(--gs-item-margin-left)}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{opacity:.8;box-shadow:1px 4px 6px #0003}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left,top,height,width}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}.d-layout{background-color:var(--j-color-bg);width:100%;height:100%}.d-layout .d-layout-item{background-color:var(--j-color-bg-container);border:1px solid var(--j-color-border);box-sizing:border-box;border-radius:4px;padding:8px}.d-layout .d-layout-item:hover{border-color:var(--j-color-primary)}.d-layout .d-layout-item.ui-draggable-dragging{opacity:.8;z-index:1000}.d-layout .d-layout-item.ui-resizable-resizing{opacity:.8}.d-draggable{cursor:move;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;box-sizing:initial;border:1px dashed #0000;position:absolute}.d-draggable__mask{z-index:1;border:0;width:100%;height:100%;position:absolute;inset:0}.d-draggable--active{cursor:move;border:1px solid var(--j-color-primary);background-color:var(--j-color-primary-bg)}.d-draggable--pt{border:1px dashed var(--j-color-border);padding:0!important}.d-draggable--active.d-draggable--pt{background-color:#0000;border:1px dashed #0000}.d-draggable--move{opacity:.6;background-color:var(--j-color-primary-bg)}.d-draggable--click{cursor:pointer}.d-draggable__line--left{border-top:1px dashed var(--j-color-primary);width:10000px;height:0;position:absolute;top:-1px;transform:translate(-100%)}.d-draggable__line--top{border-left:1px dashed var(--j-color-primary);width:0;height:10000px;position:absolute;left:-1px;transform:translateY(-100%)}.d-draggable__line--label{color:#fff;background-color:var(--j-color-primary);white-space:nowrap;cursor:move;border-radius:2px;font-size:14px;position:absolute;top:-8px;left:0;transform:translateY(-100%)}.d-draggable__range{z-index:9999;border:1px solid var(--j-color-primary);background-color:var(--j-color-bg-container);border-radius:2px;position:absolute}.d-draggable__range--left,.d-draggable__range--right{top:50%;transform:translateY(-50%)}.d-draggable__range--left:hover,.d-draggable__range--right:hover{cursor:ew-resize}.d-draggable__range--left{left:-5px}.d-draggable__range--right{right:-5px}.d-draggable__range--top,.d-draggable__range--bottom{left:50%;transform:translate(-50%)}.d-draggable__range--top:hover,.d-draggable__range--bottom:hover{cursor:ns-resize}.d-draggable__range--top{top:-5px}.d-draggable__range--bottom{bottom:-5px}.d-draggable__range--bottom-right:hover,.d-draggable__range--top-left:hover{cursor:nwse-resize}.d-draggable__range--bottom-left:hover,.d-draggable__range--top-right:hover{cursor:nesw-resize}.d-draggable__range--top-right{top:-5px;right:-5px}.d-draggable__range--top-left{top:-5px;left:-5px}.d-draggable__range--bottom-right{bottom:-5px;right:-5px}.d-draggable__range--bottom-left{bottom:-5px;left:-5px}.j-barcode-form-item .el-form-item__content{display:block}.j-barcode-form-item .el-form-item__content .j-barcode{justify-content:center;display:flex}.d-form-design{background-color:var(--j-color-bg);font-size:14px;display:flex}.d-form-design-left,.d-form-design-right{background-color:var(--j-color-bg-container);flex-direction:column;width:260px;height:100%;display:flex;position:relative}.d-form-design-left .el-collapse,.d-form-design-right .el-collapse{border-top:0;border-left:0;border-right:0;border-radius:0}.d-form-design-left .el-form-item--small,.d-form-design-right .el-form-item--small{margin-bottom:8px}.d-form-design-left .el-form-item--label-top .el-form-item__label,.d-form-design-right .el-form-item--label-top .el-form-item__label{margin-bottom:4px}.d-form-design-left{border-right:1px solid var(--j-color-border);width:260px;display:flex}.d-form-design-left .el-collapse .el-collapse-item__wrap>.el-collapse-item__content{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.d-form-design-left .el-collapse .el-collapse-item__wrap>.el-collapse-item__content .d-drag-tool{position:relative}.d-form-design-left .el-collapse-item__title{font-size:13px;font-weight:700}.d-form-design-left .d-form-design-component-list{flex-direction:column;flex:1;gap:0;display:flex;overflow-y:auto}.d-form-design-left .j-component-tool{border:1px solid var(--j-color-border);-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:left;align-items:center;height:32px;font-size:12px;transition:color .1s ease-out;display:flex;position:relative}.d-form-design-left .j-component-tool-icon{color:var(--color-text-tertiary);margin-left:8px;margin-right:6px}.d-form-design-left .j-component-tool-name{color:var(--j-color-text)}.d-form-design-left .j-component-tool:hover{z-index:1;border:1px dashed var(--j-color-primary);box-shadow:0 0 10px #0000001a}.d-form-design-left .j-component-tool:hover .j-component-tool-icon,.d-form-design-left .j-component-tool:hover .j-component-tool-name{color:var(--j-color-primary)}.d-form-design-right{border-left:1px solid var(--j-color-border);width:300px}.d-form-design-right .el-collapse .el-collapse-item__wrap>.el-collapse-item__content{padding:0 16px 8px}.d-form-design-right .el-collapse-item__header{padding-left:8px}.d-form-design-right .el-collapse-item__title{font-size:13px;font-weight:700}.d-form-design-right .d-form-design-panel{flex:1;padding-bottom:8px;overflow-y:auto}.d-form-design-right .el-form-item--label-top .el-form-item__label{font-weight:700}.d-form-design .d-form-design-panel-title{border-bottom:1px solid var(--j-color-border);background:var(--j-color-bg-container);align-items:center;height:45px;padding:0 16px;font-weight:500;display:flex}.d-form-design .d-form-design-panel-title>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.d-form-design-center{flex-direction:column;flex:1;display:flex;overflow:hidden}.d-form-design-center .d-form-design-toolbar{border-bottom:1px solid var(--j-color-border);background:var(--j-color-bg-container);gap:8px;padding:8px 16px;display:flex}.d-form-design-center .d-form-design-toolbar .j-button{font-size:12px}.d-form-design-center .d-form-design-container{background:var(--j-color-bg);flex:1;padding:8px;overflow-y:auto}.d-form-design-center .d-form-design-container .d-form-design-drag-container{background:var(--j-color-bg-container);flex-direction:column;min-height:100%;padding:8px;display:flex}.d-form-design-center .d-form-design-container .d-form-design-drag-container>.d-drag-body{flex:1;width:100%}.d-form-design-center .d-form-design-container .d-form-design-empty{color:var(--j-color-text-3);justify-content:center;align-items:center;display:flex;position:absolute}.d-form-design-center .d-form-design-container .d-form-design-empty .el-empty__description p{font-size:12px}.d-index-design{background-color:var(--j-color-bg);font-size:14px;display:flex}.d-index-design-left,.d-index-design-right{background-color:var(--j-color-bg-container);flex-direction:column;height:100%;display:flex;position:relative}.d-index-design-left .el-collapse,.d-index-design-right .el-collapse{border-top:0;border-left:0;border-right:0;border-radius:0}.d-index-design-left{border-right:1px solid var(--j-color-border);width:260px;display:flex}.d-index-design-left .el-collapse .el-collapse-item__wrap>.el-collapse-item__content{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.d-index-design-left .el-collapse .el-collapse-item__wrap>.el-collapse-item__content .d-drag-tool{position:relative}.d-index-design-left .el-collapse-item__title{font-size:13px;font-weight:700}.d-index-design-left .j-component-list{flex-direction:column;flex:1;gap:0;display:flex;overflow-y:auto}.d-index-design-left .j-component-tool{border:1px solid var(--j-color-border);-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:left;align-items:center;height:32px;font-size:12px;transition:color .1s ease-out;display:flex;position:relative}.d-index-design-left .j-component-tool-icon{color:var(--color-text-tertiary);margin-left:8px;margin-right:6px}.d-index-design-left .j-component-tool-name{color:var(--j-color-text)}.d-index-design-left .j-component-tool:hover{z-index:1;border:1px dashed var(--j-color-primary);box-shadow:0 0 10px #0000001a}.d-index-design-left .j-component-tool:hover .j-component-tool-icon,.d-index-design-left .j-component-tool:hover .j-component-tool-name{color:var(--j-color-primary)}.d-index-design-right{border-left:1px solid var(--j-color-border);width:300px}.d-index-design-right .el-collapse-item__header{padding-left:8px}.d-index-design-right .el-collapse .el-collapse-item__wrap>.el-collapse-item__content{padding:0 16px 8px}.d-index-design-right .el-collapse-item__title{font-size:13px;font-weight:700}.d-index-design-right .d-index-design-panel{flex:1;padding-bottom:8px;overflow-y:auto}.d-index-design-right .el-form-item--label-top .el-form-item__label{font-weight:700}.d-index-design-center{flex-direction:column;flex:1;display:flex;overflow:hidden}.d-index-design-center .design-toolbar{border-bottom:1px solid var(--j-color-border);background:var(--j-color-bg-container);justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex}.d-index-design-center .design-toolbar .j-button{font-size:12px}.d-index-design-center .design-container{background:var(--j-color-bg);flex:1;padding:8px;overflow-y:auto}.d-index-design-center .design-container .design-drag-container{background:var(--j-color-bg);flex-direction:column;min-height:100%;padding:8px;display:flex}.d-index-design-center .design-container .design-drag-container>.d-drag-body{flex:1;width:100%}.d-index-design-center .design-container .design-empty{color:var(--j-color-text-3);justify-content:center;align-items:center;display:flex;position:absolute}.d-index-design-center .design-container .design-empty .el-empty__description p{font-size:12px}.d-index-design .j-component-tool{border:1px solid var(--j-color-border);-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:left;align-items:center;height:32px;transition:color .1s ease-out;display:flex;position:relative}.d-index-design .j-component-tool-icon{color:var(--color-text-tertiary);margin-left:8px;margin-right:6px}.d-index-design .j-component-tool-name{color:var(--j-color-text)}.d-index-design .j-component-tool:hover{z-index:1;border:1px dashed var(--j-color-primary);box-shadow:0 0 10px #0000001a}.d-index-design .j-component-tool:hover .j-component-tool-icon,.d-index-design .j-component-tool:hover .j-component-tool-name{color:var(--j-color-primary)}.d-index-design-panel-title{border-bottom:1px solid var(--j-color-border);background:var(--j-color-bg-container);align-items:center;height:45px;padding:0 16px;font-weight:500;display:flex}.d-index-design-panel-title>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.line[data-v-5dea28d6]{pointer-events:auto;position:absolute}.line .action[data-v-5dea28d6]{justify-content:center;align-items:center;display:flex;position:absolute}.line .value[data-v-5dea28d6]{pointer-events:none;transform:scale(.83)}.line .del[data-v-5dea28d6]{cursor:pointer;visibility:hidden;padding:3px 5px}.line:hover .del[data-v-5dea28d6]{visibility:visible}.line[data-v-b6c23352],.h-container[data-v-b6c23352],.v-container[data-v-b6c23352]{position:absolute}.h-container .lines[data-v-b6c23352],.v-container .lines[data-v-b6c23352]{pointer-events:none}.h-container:hover .lines[data-v-b6c23352],.v-container:hover .lines[data-v-b6c23352]{pointer-events:auto}.h-container[data-v-b6c23352]{top:0}.h-container .line[data-v-b6c23352]{height:100vh;padding-left:5px;top:0}.h-container .line .action[data-v-b6c23352]{transform:translate(-24px)}.h-container .line .action .value[data-v-b6c23352]{margin-left:4px}.h-container .indicator[data-v-b6c23352]{height:100vw;top:0}.h-container .indicator .value[data-v-b6c23352]{width:auto;margin-top:4px;margin-left:4px;padding:0 2px}.v-container[data-v-b6c23352]{left:0}.v-container .line[data-v-b6c23352]{width:100vw;padding-top:5px;left:0}.v-container .line .action[data-v-b6c23352]{flex-direction:column;transform:translateY(-24px)}.v-container .line .action .value[data-v-b6c23352]{margin-top:4px}.v-container .indicator[data-v-b6c23352]{width:100vw}.v-container .indicator .value[data-v-b6c23352]{transform-origin:0 0;width:auto;margin-top:-5px;margin-left:2px;padding:0 2px;left:0;transform:rotate(-90deg)}.style-ruler{z-index:3;pointer-events:none;width:100%;height:100%;font-size:12px;position:absolute;overflow:hidden}.style-ruler span{line-height:1}.corner{pointer-events:auto;cursor:pointer;box-sizing:content-box;transition:all .2s ease-in-out;position:absolute;top:0;left:0}.indicator{pointer-events:none;position:absolute}.indicator .value{background:#fff;position:absolute}.ruler{pointer-events:auto;width:100%;height:100%}.j-bi-design .j-component-tool:hover .j-component-tool-icon,.j-bi-design .j-component-tool:hover .j-component-tool-name{color:var(--j-color-primary)}.j-bi-design .j-component-tool:hover .j-component-tool-icon,.j-bi-design .j-component-tool:hover .j-component-tool-name{color:var(--j-color-primary)}.j-bi-design{background-color:var(--j-color-bg);width:100%;height:100%;display:flex;position:relative}.j-bi-design-left,.j-bi-design-right{background-color:var(--j-color-bg-container);flex-direction:column;width:260px;height:100%;display:flex;position:relative}.j-bi-design-left .el-collapse,.j-bi-design-right .el-collapse{border-top:0;border-left:0;border-right:0;border-radius:0}.j-bi-design-left .el-form-item--small,.j-bi-design-right .el-form-item--small{margin-bottom:8px}.j-bi-design-left .el-form-item--label-top .el-form-item__label,.j-bi-design-right .el-form-item--label-top .el-form-item__label{margin-bottom:4px}.j-bi-design-mid{flex:1;width:0;height:100%;transition:all .3s;position:relative}.j-bi-design-main{background-size:15px 15px,15px 15px;background-image:linear-gradient(var(--j-color-bg) 14px, transparent 0), linear-gradient(90deg, transparent 14px, var(--j-color-primary-hover) 0);width:100%;height:100%;position:absolute;top:0;left:0;overflow:auto}.j-bi-design-main::-webkit-scrollbar{background-color:#0000;width:0;height:0}.j-bi-design-main .screen-container{position:relative}.j-bi-design-main .canvas{position:absolute;top:50%;left:50%}.j-bi-design-right{border-left:1px solid var(--j-color-border);width:300px}.j-bi-design-right .el-collapse .el-collapse-item__wrap>.el-collapse-item__content{padding:0 16px 8px}.j-bi-design-right .el-collapse-item__header{padding-left:8px}.j-bi-design-right .el-collapse-item__title{font-size:13px;font-weight:700}.j-bi-design-right .j-bi-design-panel{flex:1;padding-bottom:8px;overflow-y:auto}.j-bi-design-right .el-form-item--label-top .el-form-item__label{font-weight:700}.j-bi-design-panel{flex:1;width:100%;height:0;position:relative;overflow:hidden auto}.j-bi-design-left{border-right:1px solid var(--j-color-border);flex-direction:column;display:flex;overflow:auto}.j-bi-design-left .j-bi-design-component-list{flex:1;overflow-y:auto}.j-bi-design-left .el-collapse .el-collapse-item__wrap>.el-collapse-item__content{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.j-bi-design-left .el-collapse-item__title{font-size:13px;font-weight:700}.j-bi-design .j-component-tool{border:1px solid var(--j-color-border);-webkit-user-select:none;user-select:none;cursor:grab;border-radius:6px;justify-content:left;align-items:center;height:32px;font-size:12px;transition:color .1s ease-out;display:flex;position:relative;overflow:hidden}.j-bi-design .j-component-tool-icon{color:var(--color-text-tertiary);margin-left:8px;margin-right:6px}.j-bi-design .j-component-tool-icon-img{object-fit:contain;width:14px;height:14px;margin-left:8px;margin-right:6px}.j-bi-design .j-component-tool-name{color:var(--j-color-text);text-overflow:ellipsis;white-space:nowrap;padding-right:8px;overflow:hidden}.j-bi-design .j-component-tool:hover{z-index:1;border:1px dashed var(--j-color-primary);box-shadow:0 0 10px #0000001a}.j-bi-design .j-component-tool:hover .j-component-tool-icon,.j-bi-design .j-component-tool:hover .j-component-tool-name{color:var(--j-color-primary)}.j-bi-design .j-bi-design-component-tool{background-color:var(--j-color-bg);border:1px solid var(--j-color-border);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:6px;height:104px;padding:28px 8px 8px;position:relative;overflow:hidden}.j-bi-design .j-bi-design-component-tool-name{font-size:12px;position:absolute;top:6px;left:8px;right:8px}.j-bi-design .j-bi-design-component-tool-img{object-fit:contain;width:100%;height:100%}.j-bi-design .j-bi-design-layer-panel{flex-direction:column;gap:8px;display:flex}.j-bi-design .j-bi-design-layer-list{overflow:auto}.j-bi-design-layer-item{cursor:pointer;border-radius:2px;align-items:center;height:40px;padding:0 4px;display:flex;position:relative}.j-bi-design-layer-item-img{border-radius:2px;height:32px;margin-right:2px;overflow:hidden}.j-bi-design-layer-item-btns{z-index:1;align-items:center;height:40px;padding-right:2px;display:flex;position:absolute;top:0;right:0}.j-bi-design-layer-item-btn{display:none}.j-bi-design-layer-item-btn.active{display:block}.j-bi-design-layer-item:hover{background-color:var(--j-color-bg)}.j-bi-design-layer-item:hover .j-bi-design-layer-item-btn{display:block}.j-bi-design-layer-item.active{color:var(--j-color-primary);background-color:var(--j-color-primary-bg)!important}.j-bi-design-title{border-bottom:1px solid var(--j-color-border);background:var(--j-color-bg-container);align-items:center;height:45px;padding:0 0 0 16px;font-weight:500;display:flex;overflow:hidden}.j-bi-design-title>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.j-bi-design .mask{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.j-bi-design-contentmenu{z-index:1024;background-color:var(--j-color-bg-container);width:120px;box-shadow:var(--el-box-shadow-light);padding:4px;position:fixed;overflow:hidden}.j-bi-design-contentmenu .item{color:var(--j-color-text);cursor:pointer;padding:4px 8px;font-size:14px}.j-bi-design-contentmenu .item:hover{color:var(--j-color-primary)}
 /*$vite$:1*/

package/dist/dui.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as zB from "vue";
-import { Fragment as ie, Teleport as XB, computed as yA, createBlock as WA, createCommentVNode as Ae, createElementBlock as BA, createElementVNode as cA, createPropsRestProxy as $B, createTextVNode as gn, createVNode as CA, customRef as YB, defineComponent as XA, effectScope as _u, getCurrentInstance as er, getCurrentScope as xu, guardReactiveProps as WB, h as le, inject as lt, isMemoSame as JB, isRef as Ds, markRaw as Mi, mergeProps as Zt, nextTick as Qe, normalizeClass as Re, normalizeProps as Su, normalizeStyle as re, onBeforeMount as ZB, onBeforeUnmount as oo, onMounted as Ze, onScopeDispose as Oi, onUnmounted as Du, openBlock as q, provide as rt, reactive as Sr, readonly as jB, ref as gA, renderList as De, renderSlot as ue, resolveComponent as OA, resolveDynamicComponent as Ye, shallowRef as Jt, toDisplayString as ve, toRef as ce, toRefs as qB, toValue as qA, unref as $, useAttrs as Ap, useSlots as ep, vShow as jt, watch as jA, withCtx as RA, withDirectives as qt, withModifiers as se } from "vue";
+import { Fragment as ie, Teleport as XB, computed as yA, createBlock as WA, createCommentVNode as Ae, createElementBlock as BA, createElementVNode as cA, createPropsRestProxy as $B, createTextVNode as gn, createVNode as CA, customRef as YB, defineComponent as XA, effectScope as _u, getCurrentInstance as er, getCurrentScope as xu, guardReactiveProps as WB, h as le, inject as lt, isMemoSame as JB, isRef as Ds, markRaw as Mi, mergeProps as Zt, nextTick as Qe, normalizeClass as Ke, normalizeProps as Su, normalizeStyle as re, onBeforeMount as ZB, onBeforeUnmount as oo, onMounted as Ze, onScopeDispose as Oi, onUnmounted as Du, openBlock as q, provide as rt, reactive as Sr, readonly as jB, ref as gA, renderList as De, renderSlot as ue, resolveComponent as OA, resolveDynamicComponent as Ye, shallowRef as Jt, toDisplayString as ve, toRef as ce, toRefs as qB, toValue as qA, unref as $, useAttrs as Ap, useSlots as ep, vShow as jt, watch as jA, withCtx as RA, withDirectives as qt, withModifiers as se } from "vue";
 import { formatToDateTime as Lu, fullScreenLoading as Hr, getFunction as Tu, useAppInject as tr } from "@a2simcode/ui";
 import * as wU from "vue";
 var tp = Object.create, Vi = Object.defineProperty, np = Object.getOwnPropertyDescriptor, rp = Object.getOwnPropertyNames, ip = Object.getPrototypeOf, op = Object.prototype.hasOwnProperty, sp = (e, A) => () => (A || (e((A = { exports: {} }).exports, A), e = null), A.exports), ap = (e, A) => {
@@ -347,7 +347,7 @@ var tp = Object.create, Vi = Object.defineProperty, np = Object.getOwnPropertyDe
     const A = e, t = gA(), { onMouseenter: n, onMouseleave: r, activeComponent: s, handleComponentClick: u, deleteComponentByClick: c, copyComponent: f, getParentComponents: g, isHover: h, isSelect: v, isTopActive: p, isBottomActive: m, isBottomToolBar: C } = Nu(t, A.componentData, "component"), { onContextmenu: H, onMousedown: L, moveActive: T } = Mu(A.componentData, !1);
     return (K, E) => {
       const O = OA("j-button"), lA = OA("el-space");
-      return q(), BA("div", { class: Re(["d-drag-component", {
+      return q(), BA("div", { class: Ke(["d-drag-component", {
         selected: $(v),
         hovered: $(h),
         isBottomToolBar: $(C),
@@ -397,7 +397,7 @@ var tp = Object.create, Vi = Object.defineProperty, np = Object.getOwnPropertyDe
             })], 32),
             CA(O, {
               class: "d-drag-btn",
-              danger: "",
+              status: "danger",
               type: "primary",
               size: "small",
               icon: "mdi:delete",
@@ -459,7 +459,7 @@ var tp = Object.create, Vi = Object.defineProperty, np = Object.getOwnPropertyDe
       return q(), BA("div", {
         ref_key: "refDrag",
         ref: t,
-        class: Re(["d-drag-container", {
+        class: Ke(["d-drag-container", {
           selected: $(f) && !e.isComponentContainer,
           hovered: $(c) && !e.isComponentContainer,
           isTopLevel: e.componentData.level === 0,
@@ -5273,7 +5273,7 @@ var hy = [
       "data-handleid": e.id,
       "data-nodeid": $(m),
       "data-handlepos": nA.position,
-      class: Re(["vue-flow__handle", [
+      class: Ke(["vue-flow__handle", [
         `vue-flow__handle-${nA.position}`,
         `vue-flow__handle-${e.id}`,
         $(v),
@@ -6207,12 +6207,12 @@ var Oy = /* @__PURE__ */ XA({
     }
     return (C, H) => !$(u) && h.value.width && h.value.height ? (q(), BA("div", {
       key: 0,
-      class: Re(["vue-flow__nodesselection vue-flow__container", $(r)]),
+      class: Ke(["vue-flow__nodesselection vue-flow__container", $(r)]),
       style: re({ transform: `translate(${$(t).x}px,${$(t).y}px) scale(${$(t).zoom})` })
     }, [cA("div", {
       ref_key: "el",
       ref: f,
-      class: Re([{ dragging: $(g) }, "vue-flow__nodesselection-rect"]),
+      class: Ke([{ dragging: $(g) }, "vue-flow__nodesselection-rect"]),
       style: re(v.value),
       tabIndex: $(s) ? void 0 : -1,
       onContextmenu: p,
@@ -6318,7 +6318,7 @@ var Py = /* @__PURE__ */ XA({
     return (aA, Y) => (q(), BA("div", {
       ref_key: "container",
       ref: uA,
-      class: Re(["vue-flow__pane vue-flow__container", { selection: aA.isSelecting }]),
+      class: Ke(["vue-flow__pane vue-flow__container", { selection: aA.isSelecting }]),
       onClick: Y[0] || (Y[0] = (J) => x.value ? void 0 : N(D, uA.value)(J)),
       onContextmenu: Y[1] || (Y[1] = (J) => N(R, uA.value)(J)),
       onWheelPassive: Y[2] || (Y[2] = (J) => N(X, uA.value)(J)),
@@ -6479,7 +6479,7 @@ var Py = /* @__PURE__ */ XA({
     }, [CA(Py, {
       "is-selecting": xA.value,
       "selection-key-pressed": $(D),
-      class: Re({
+      class: Ke({
         connecting: aA.value,
         dragging: $(lA),
         draggable: $(v) === !0 || Array.isArray($(v)) && $(v).includes(0)
@@ -7480,7 +7480,7 @@ var dQ = /* @__PURE__ */ cA("div", { class: "vue-flow__edge-labels" }, null, -1)
   setup(e) {
     const A = e, { userSelectionActive: t } = de(), n = yA(() => `${A.position}`.split("-"));
     return (r, s) => (q(), BA("div", {
-      class: Re(["vue-flow__panel", n.value]),
+      class: Ke(["vue-flow__panel", n.value]),
       style: re({ pointerEvents: $(t) ? "none" : "all" })
     }, [ue(r.$slots, "default")], 6));
   }
@@ -7835,7 +7835,7 @@ var XQ = { render: zQ }, $Q = /* @__PURE__ */ XA({
             onClick: b[1] || (b[1] = (X) => L("t1")),
             onMousedown: E,
             id: "t1",
-            class: Re(["d-flow-step-target-handle", { "d-flow-step-target-handle-notadd": !T.value }]),
+            class: Ke(["d-flow-step-target-handle", { "d-flow-step-target-handle-notadd": !T.value }]),
             type: "target",
             position: $(TA).Left,
             "is-valid-connection": lA
@@ -9700,7 +9700,7 @@ var m0 = class extends Ws {
     const t = e.gridstack || A !== "destroy" && A !== "disable", n = tA.getElements(e);
     return n.length ? n.map((r) => r.ddElement || (t ? C0.init(r) : null)).filter((r) => r) : [];
   }
-}, Ke = new y0(), nr = class PA {
+}, Re = new y0(), nr = class PA {
   static init(A = {}, t = ".grid-stack") {
     if (typeof document > "u") return null;
     const n = PA.getGridElement(t);
@@ -10297,7 +10297,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     return r.setProperty("--gs-item-margin-top", `${this.opts.marginTop}${this.opts.marginUnit}`), r.setProperty("--gs-item-margin-bottom", `${this.opts.marginBottom}${this.opts.marginUnit}`), r.setProperty("--gs-item-margin-right", `${this.opts.marginRight}${this.opts.marginUnit}`), r.setProperty("--gs-item-margin-left", `${this.opts.marginLeft}${this.opts.marginUnit}`), this;
   }
   static getDD() {
-    return Ke;
+    return Re;
   }
   static setupDragIn(A, t, n, r = document) {
     t?.pause !== void 0 && (GA.pauseDrag = t.pause), t = {
@@ -10305,7 +10305,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       helper: "clone",
       ...t || {}
     }, (typeof A == "string" ? tA.getElements(A, r) : A).forEach((s, u) => {
-      Ke.isDraggable(s) || Ke.dragIn(s, t), n?.[u] && (s.gridstackNode = n[u]);
+      Re.isDraggable(s) || Re.dragIn(s, t), n?.[u] && (s.gridstackNode = n[u]);
     });
   }
   movable(A, t) {
@@ -10343,11 +10343,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     A && (A._isExternal ? (A._isAboutToRemove = !0, this.engine.removeNode(A)) : A._isAboutToRemove && PA._itemRemoving(A.el, !1), this.engine.restoreInitial());
   }
   _removeDD(A) {
-    return Ke.draggable(A, "destroy").resizable(A, "destroy"), A.gridstackNode && delete A.gridstackNode._initDD, delete A.ddElement, this;
+    return Re.draggable(A, "destroy").resizable(A, "destroy"), A.gridstackNode && delete A.gridstackNode._initDD, delete A.ddElement, this;
   }
   _setupAcceptWidget() {
     if (this.opts.staticGrid || !this.opts.acceptWidgets && !this.opts.removable)
-      return Ke.droppable(this.el, "destroy"), this;
+      return Re.droppable(this.el, "destroy"), this;
     let A, t;
     const n = (r, s, u) => {
       u = u || s;
@@ -10368,7 +10368,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       if (c._temporaryRemoved) {
         if (c.x = Math.max(0, Math.round(g / t)), c.y = Math.max(0, Math.round(f / A)), delete c.autoPosition, this.engine.nodeBoundFix(c), !this.engine.willItFit(c)) {
           if (c.autoPosition = !0, !this.engine.willItFit(c)) {
-            Ke.off(s, "drag");
+            Re.off(s, "drag");
             return;
           }
           c._willFitPos && (tA.copyPos(c, c._willFitPos), delete c._willFitPos);
@@ -10376,7 +10376,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         this._onStartMoving(u, r, v, c, t, A);
       } else this._dragOrResize(u, r, v, c, t, A);
     };
-    return Ke.droppable(this.el, { accept: (r) => {
+    return Re.droppable(this.el, { accept: (r) => {
       const s = r.gridstackNode || this._readAttr(r, !1);
       if (s?.grid === this) return !0;
       if (!this.opts.acceptWidgets) return !1;
@@ -10421,7 +10421,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         w: f,
         h: g,
         grid: this
-      }, delete c.x, delete c.y, this.engine.cleanupNode(c).nodeBoundFix(c), c._initDD = c._isExternal = c._temporaryRemoved = !0) : (c.w = f, c.h = g, c._temporaryRemoved = !0), PA._itemRemoving(c.el, !1), Ke.on(s, "drag", n), n(r, s, u), !1;
+      }, delete c.x, delete c.y, this.engine.cleanupNode(c).nodeBoundFix(c), c._initDD = c._isExternal = c._temporaryRemoved = !0) : (c.w = f, c.h = g, c._temporaryRemoved = !0), PA._itemRemoving(c.el, !1), Re.on(s, "drag", n), n(r, s, u), !1;
     }).on(this.el, "dropout", (r, s, u) => {
       const c = u?.gridstackNode || s.gridstackNode;
       return c && (!c.grid || c.grid === this) && (this._leave(s, u), this._isTemp && this.removeAsSubGrid(c)), !1;
@@ -10435,7 +10435,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         const p = h.grid;
         p.engine.removeNodeFromLayoutCache(h), p.engine.removedNodes.push(h), p._triggerRemoveEvent()._triggerChangeEvent(), p.parentGridNode && !p.engine.nodes.length && p.opts.subGridDynamic && p.removeAsSubGrid();
       }
-      if (!c || (f && (this.engine.cleanupNode(c), c.grid = this), delete c.grid?._isTemp, Ke.off(s, "drag"), u !== s ? (u.remove(), s = u) : s.remove(), this._removeDD(s), !f)) return !1;
+      if (!c || (f && (this.engine.cleanupNode(c), c.grid = this), delete c.grid?._isTemp, Re.off(s, "drag"), u !== s ? (u.remove(), s = u) : s.remove(), this._removeDD(s), !f)) return !1;
       const v = c.subGrid?.el?.gridstack;
       return tA.copyPos(c, this._readAttr(this.placeholder)), tA.removePositioningStyles(s), g && (c.content || c.subGridOpts || PA.addRemoveCB) ? (delete c.el, s = this.addWidget(c)) : (this._prepareElement(s, !0, c), this.el.appendChild(s), this.resizeToContentCheck(!1, c), v && (v.parentGridNode = c), this._updateContainerHeight()), this.engine.addedNodes.push(c), this._triggerAddEvent(), this._triggerChangeEvent(), this.engine.endUpdate(), this._gsEventHandler.dropped && this._gsEventHandler.dropped({
         ...r,
@@ -10451,7 +10451,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   _setupRemoveDrop() {
     if (typeof this.opts.removable != "string") return this;
     const A = document.querySelector(this.opts.removable);
-    return A ? (!this.opts.staticGrid && !Ke.isDroppable(A) && Ke.droppable(A, this.opts.removableOptions).on(A, "dropover", (t, n) => PA._itemRemoving(n, !0)).on(A, "dropout", (t, n) => PA._itemRemoving(n, !1)), this) : this;
+    return A ? (!this.opts.staticGrid && !Re.isDroppable(A) && Re.droppable(A, this.opts.removableOptions).on(A, "dropover", (t, n) => PA._itemRemoving(n, !0)).on(A, "dropout", (t, n) => PA._itemRemoving(n, !1)), this) : this;
   }
   prepareDragDrop(A, t = !1) {
     const n = A?.gridstackNode;
@@ -10477,7 +10477,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
           this._extraDragRow = 0, this._updateContainerHeight(), this._triggerChangeEvent(), this.engine.endUpdate(), p.type === "resizestop" && (Number.isInteger(n.sizeToContent) && (n.sizeToContent = n.h), this.resizeToContentCheck(m, n));
         }
       };
-      Ke.draggable(A, {
+      Re.draggable(A, {
         start: g,
         stop: v,
         drag: h
@@ -10487,7 +10487,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         resize: h
       }), n._initDD = !0;
     }
-    return Ke.draggable(A, r ? "disable" : "enable").resizable(A, s ? "disable" : "enable"), this;
+    return Re.draggable(A, r ? "disable" : "enable").resizable(A, s ? "disable" : "enable"), this;
   }
   _onStartMoving(A, t, n, r, s, u) {
     if (this.engine.cleanNodes().beginUpdate(r), this._writePosAttr(this.placeholder, r), this.el.appendChild(this.placeholder), this.placeholder.gridstackNode = r, r.grid?.el) this.dragTransform = tA.getValuesFromTransformedElement(A);
@@ -10502,7 +10502,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     };
     if (r.el = this.placeholder, r._lastUiPosition = n.position, r._prevYPix = n.position.top, r._moving = t.type === "dragstart", r._resizing = t.type === "resizestart", delete r._lastTried, t.type === "dropover" && r._temporaryRemoved && (this.engine.addNode(r), r._moving = !0), this.engine.cacheRects(s, u, this.opts.marginTop, this.opts.marginRight, this.opts.marginBottom, this.opts.marginLeft), t.type === "resizestart") {
       const c = this.getColumn() - r.x, f = (this.opts.maxRow || Number.MAX_SAFE_INTEGER) - r.y;
-      Ke.resizable(A, "option", "minWidth", s * Math.min(r.minW || 1, c)).resizable(A, "option", "minHeight", u * Math.min(r.minH || 1, f)).resizable(A, "option", "maxWidth", s * Math.min(r.maxW || Number.MAX_SAFE_INTEGER, c)).resizable(A, "option", "maxWidthMoveLeft", s * Math.min(r.maxW || Number.MAX_SAFE_INTEGER, r.x + r.w)).resizable(A, "option", "maxHeight", u * Math.min(r.maxH || Number.MAX_SAFE_INTEGER, f)).resizable(A, "option", "maxHeightMoveUp", u * Math.min(r.maxH || Number.MAX_SAFE_INTEGER, r.y + r.h));
+      Re.resizable(A, "option", "minWidth", s * Math.min(r.minW || 1, c)).resizable(A, "option", "minHeight", u * Math.min(r.minH || 1, f)).resizable(A, "option", "maxWidth", s * Math.min(r.maxW || Number.MAX_SAFE_INTEGER, c)).resizable(A, "option", "maxWidthMoveLeft", s * Math.min(r.maxW || Number.MAX_SAFE_INTEGER, r.x + r.w)).resizable(A, "option", "maxHeight", u * Math.min(r.maxH || Number.MAX_SAFE_INTEGER, f)).resizable(A, "option", "maxHeightMoveUp", u * Math.min(r.maxH || Number.MAX_SAFE_INTEGER, r.y + r.h));
     }
   }
   _dragOrResize(A, t, n, r, s, u) {
@@ -10554,7 +10554,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   _leave(A, t) {
     t = t || A;
     const n = t.gridstackNode;
-    if (!n || (t.style.transform = t.style.transformOrigin = null, Ke.off(A, "drag"), n._temporaryRemoved)) return;
+    if (!n || (t.style.transform = t.style.transformOrigin = null, Re.off(A, "drag"), n._temporaryRemoved)) return;
     n._temporaryRemoved = !0, this.engine.removeNode(n), n.el = n._isExternal && t ? t : A;
     const r = n._sidebarOrig;
     n._isExternal && this.engine.cleanupNode(n), n._sidebarOrig = r, this.opts.removable === !0 && PA._itemRemoving(A, !0), A._gridstackNodeOrig ? (A.gridstackNode = A._gridstackNodeOrig, delete A._gridstackNodeOrig) : n._isExternal && this.engine.restoreInitial();
@@ -11020,7 +11020,7 @@ var Q0 = { class: "d-layout" }, U0 = [
       setTop: R,
       setOverActive: rA
     }), (j, I) => (q(), BA("div", {
-      class: Re([
+      class: Ke([
         "d-draggable",
         { "d-draggable--active": (T.value || L.value) && O.value },
         { "d-draggable--pt": e.isPt && O.value },
@@ -11043,7 +11043,7 @@ var Q0 = { class: "d-layout" }, U0 = [
       }, " X:" + ve(m.value) + ", Y:" + ve(C.value), 5))], 64)) : Ae("", !0),
       O.value ? (q(), BA(ie, { key: 1 }, De(u, (F) => (q(), BA(ie, { key: F.classname }, [T.value ? (q(), BA("div", {
         key: 0,
-        class: Re(["d-draggable__range", `d-draggable__range--${F.classname}`]),
+        class: Ke(["d-draggable__range", `d-draggable__range--${F.classname}`]),
         style: re([dA.value, X(F.classname)]),
         onMousedown: se((_) => FA(_, F.classname), ["stop"])
       }, null, 46, _0)) : Ae("", !0)], 64))), 64)) : Ae("", !0),
@@ -11367,6 +11367,7 @@ var Q0 = { class: "d-layout" }, U0 = [
       const f = OA("j-comp"), g = OA("el-form-item");
       return e.componentData.isInput ? (q(), WA(g, {
         key: 0,
+        class: Ke(`${e.componentData?.componentName || e.componentData?.type}-form-item`),
         "label-width": r.value,
         label: $(t)(n.value),
         "label-position": A.componentData.config?.labelPosition || e.globalConfig?.labelPosition,
@@ -11386,6 +11387,7 @@ var Q0 = { class: "d-layout" }, U0 = [
         ])]),
         _: 1
       }, 8, [
+        "class",
         "label-width",
         "label",
         "label-position",
@@ -12328,7 +12330,7 @@ var xU = (0, me.defineComponent)({
 function LU(e, A, t, n, r, s) {
   const u = OA("CanvasRuler"), c = OA("RulerLine");
   return q(), BA("div", {
-    class: Re(e.rwClassName),
+    class: Ke(e.rwClassName),
     style: re(e.rwStyle)
   }, [
     CA(u, {
@@ -17814,7 +17816,7 @@ var kU = /* @__PURE__ */ vo(OU, [["render", RU]]), PU = /* @__PURE__ */ sp(((e,
           })]),
           _: 1
         }, 8, ["modelValue"]), cA("div", WU, [(q(!0), BA(ie, null, De(dA.value, (oe, on) => (q(), BA("div", { key: on }, [cA("div", {
-          class: Re(["j-bi-design-layer-item", { active: p.value.id == oe.id }]),
+          class: Ke(["j-bi-design-layer-item", { active: p.value.id == oe.id }]),
           onClick: se((Ft) => dt(oe), ["stop"]),
           "data-id": oe.id
         }, [
@@ -17833,10 +17835,10 @@ var kU = /* @__PURE__ */ vo(OU, [["render", RU]]), PU = /* @__PURE__ */ sp(((e,
           }, 1024),
           cA("div", qU, [CA(In, { size: 2 }, {
             default: RA(() => [cA("div", {
-              class: Re(["j-bi-design-layer-item-btn", { active: !oe.display }]),
+              class: Ke(["j-bi-design-layer-item-btn", { active: !oe.display }]),
               onClick: se((Ft) => uA(oe), ["stop"])
             }, [CA($A, { icon: "mdi:eye-off-outline" })], 10, AF), cA("div", {
-              class: Re(["j-bi-design-layer-item-btn", { active: oe.lock }]),
+              class: Ke(["j-bi-design-layer-item-btn", { active: oe.lock }]),
               onClick: se((Ft) => sA(oe), ["stop"])
             }, [CA($A, { icon: "mdi:lock-outline" })], 10, eF)]),
             _: 2