@kp-ui/lowcode-pc 1.0.0-alpha.3 → 1.0.0-alpha.5

package/assets/styles/style.css

@@ -1,235 +1,4 @@
-@charset "UTF-8";
-.context-menu-trigger[data-v-8adfdf56] {
-        width: 1px;
-        height: 1px;
-        z-index: 9999;
-}
-.drag-handler[data-v-f7343dfb] {
-  position: absolute;
-  top: -1px;
-  left: -1px;
-  height: 20px;
-  line-height: 20px;
-  z-index: 10;
-  background: var(--ant-primary-color);
-  display: flex;
-  align-items: center;
-  padding: 0 4px;
-  opacity: 0;
-  transition: opacity 0.2s;
-  visibility: hidden;
-}
-.drag-handler.selected[data-v-f7343dfb] {
-  opacity: 0.6;
-  visibility: visible;
-}
-.drag-handler.selected[data-v-f7343dfb]:hover {
-  opacity: 1;
-}
-.drag-handler i[data-v-f7343dfb] {
-  font-size: 12px;
-  font-style: normal;
-  color: #fff;
-  margin: 0 2px;
-  cursor: move;
-  display: flex;
-  align-items: center;
-}/* 调试面板样式 */
-.debug-panel[data-v-68185782] {
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 400px;
-  height: 100vh;
-  background-color: #fff;
-  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
-  z-index: 9999;
-  transition: transform 0.3s ease-in-out;
-  display: flex;
-  flex-direction: column;
-  border-top-left-radius: 8px;
-  border-bottom-left-radius: 8px;
-}
-.debug-panel[data-v-68185782] .jv-container .jv-code {
-  padding: 0;
-}
-.debug-panel.collapsed[data-v-68185782] {
-  transform: translateX(400px);
-}
-.debug-panel.collapsed .debug-toggle[data-v-68185782] {
-  left: -40px;
-  border-radius: 8px 0 0 8px;
-  width: 40px;
-}
-.debug-panel .debug-toggle[data-v-68185782] {
-  position: absolute;
-  left: -40px;
-  top: 20px;
-  width: 40px;
-  height: 40px;
-  background-color: var(--ant-primary-color);
-  color: #fff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  border-radius: 8px 0 0 8px;
-  font-size: 12px;
-  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
-  writing-mode: vertical-lr;
-  padding: 8px 0;
-  user-select: none;
-}
-.debug-panel .debug-content[data-v-68185782] {
-  flex: 1;
-  overflow: auto;
-  padding: 16px;
-  background-color: #f5f7fa;
-}
-.debug-panel .debug-content .debug-section[data-v-68185782] {
-  margin-bottom: 24px;
-  background-color: #fff;
-  border-radius: 8px;
-  padding: 16px;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-}
-.debug-panel .debug-content .debug-section h3[data-v-68185782] {
-  margin: 0 0 12px 0;
-  font-size: 14px;
-  font-weight: 600;
-  color: #333;
-  border-bottom: 1px solid #e8e8e8;
-  padding-bottom: 8px;
-}
-.debug-panel .debug-content .debug-section .empty-state[data-v-68185782] {
-  color: #999;
-  font-size: 12px;
-  text-align: center;
-  padding: 20px;
-}
-.debug-panel .debug-content .debug-section .widget-list[data-v-68185782] {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-.debug-panel .debug-content .debug-section .widget-list .widget-item[data-v-68185782] {
-  border: 1px solid #e8e8e8;
-  border-radius: 4px;
-  padding: 2px 4px;
-  line-height: 1.2;
-  background-color: #fafafa;
-  cursor: pointer;
-}
-.debug-panel .debug-content .debug-section .widget-list .widget-item .widget-key[data-v-68185782] {
-  font-weight: 600;
-  color: var(--ant-primary-color);
-  font-size: 12px;
-}
-.debug-panel .debug-content pre[data-v-68185782] {
-  margin: 0;
-  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-  font-size: 12px;
-  white-space: pre-wrap;
-  word-wrap: break-word;
-  background-color: #f5f5f5;
-  padding: 8px;
-  border-radius: 4px;
-  color: #333;
-}
-
-.designer-widget-list[data-v-18b73e97] {
-  position: relative;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
-.designer-widget-list.empty-list[data-v-18b73e97] {
-  min-height: 100px;
-}
-.designer-widget-list .empty-drop-zone[data-v-18b73e97] {
-  position: absolute;
-  left: 0;
-  width: 100%;
-  z-index: 2;
-}
-.designer-widget-list[data-v-18b73e97] .sortable-ghost {
-  z-index: 99;
-}
-.list-transition-container[data-v-18b73e97] {
-  display: flex;
-  flex-direction: column;
-  padding: 2px;
-}
-.transition-group-el[data-v-18b73e97] {
-  position: relative;
-  padding: 1px;
-}
-.transition-group-el .sortable-ghost[data-v-18b73e97] {
-  width: 100%;
-}
-
-/* SortableJS 自动应用的类 */
-.ghost-placeholder[data-v-18b73e97] {
-  opacity: 0.5;
-  background: #c8ebfb;
-  border: 2px dashed var(--ant-primary-color);
-  height: 40px;
-  margin: 4px 0;
-  border-radius: 4px;
-}
-.sortable-chosen[data-v-18b73e97] {
-  background: #fdfdfd;
-}
-.empty-drop-zone[data-v-18b73e97] {
-  margin: 2px 0;
-  height: 90px;
-  background: #f5f5f5;
-  border: 1px dashed #d9d9d9;
-  border-radius: 2px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #999;
-  font-size: 14px;
-}
-.desginer-canvas[data-v-18b73e97] .ant-form-item {
-  margin-bottom: 0;
-}.widget-wrapper[data-v-d7dcbe52] {
-  position: relative;
-  padding: 2px;
-  min-height: 20px;
-  cursor: pointer;
-  border: 1px dashed #cccccc;
-  gap: 3px;
-}
-.widget-wrapper.container-wrapper[data-v-d7dcbe52] {
-  border-width: 2px;
-}
-.widget-wrapper.container-wrapper.selected[data-v-d7dcbe52] {
-  outline: solid var(--ant-primary-color);
-}
-.widget-wrapper.selected[data-v-d7dcbe52] {
-  /* background-color: rgba(24, 144, 255, 0.1); */
-  outline: 2px solid var(--ant-primary-color);
-}
-.widget-wrapper .action-buttons[data-v-d7dcbe52] {
-  position: absolute;
-  bottom: -2px;
-  right: -2px;
-  height: 22px;
-  width: 22px;
-  background-color: var(--ant-primary-color);
-  color: #fff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  z-index: 11;
-  font-size: 14px;
-}
-.widget-wrapper .action-buttons[data-v-d7dcbe52]:hover {
-  background-color: #ff4d4f;
-}.sub-form-container[data-v-ddd06b7d] {
+@charset "UTF-8";.sub-form-container[data-v-ddd06b7d] {
   margin-bottom: 16px;
   text-align: left;
   background: #fafafa;
@@ -303,7 +72,14 @@ div.row-no-column[data-v-ddd06b7d] {
 }
 .grid-cell .form-widget-list[data-v-13ad810a] {
   min-height: 28px;
-}.button-list-container[data-v-37429548] {
+}.loading-wrapper[data-v-bedb1a87] {
+  min-height: 300px;
+  padding: 20px;
+}
+.ant-form .ant-form-item-explain.ant-form-item-explain-connected[data-v-bedb1a87] {
+  display: none;
+}
+.button-list-container[data-v-37429548] {
   flex: 1;
   display: flex;
   justify-content: var(--flex);
@@ -356,12 +132,244 @@ div.row-no-column[data-v-ddd06b7d] {
 }
 .tab-container[data-v-1080446b] .tab-content-wrapper {
   min-height: 100px;
-}.loading-wrapper[data-v-bedb1a87] {
-  min-height: 300px;
+}.drag-handler[data-v-d93fc5cc] {
+  position: absolute;
+  top: -1px;
+  left: -1px;
+  height: 20px;
+  line-height: 20px;
+  z-index: 12;
+  background: var(--ant-primary-color);
+  display: flex;
+  align-items: center;
+  padding: 0 4px;
+  opacity: 0;
+  transition: opacity 0.2s;
+  visibility: hidden;
+}
+.drag-handler.selected[data-v-d93fc5cc] {
+  opacity: 0.6;
+  visibility: visible;
+}
+.drag-handler.selected[data-v-d93fc5cc]:hover {
+  opacity: 1;
+}
+.drag-handler i[data-v-d93fc5cc] {
+  font-size: 12px;
+  font-style: normal;
+  color: #fff;
+  margin: 0 2px;
+  cursor: move;
+  display: flex;
+  align-items: center;
+}
+.context-menu-trigger[data-v-8adfdf56] {
+        width: 1px;
+        height: 1px;
+        z-index: 9999;
+}
+.widget-wrapper[data-v-f2552afd] {
+  position: relative;
+  padding: 2px;
+  min-height: 20px;
+  cursor: pointer;
+  border: 1px dashed #cccccc;
+  gap: 3px;
+}
+.widget-wrapper.container-wrapper[data-v-f2552afd] {
+  border-width: 2px;
+}
+.widget-wrapper.container-wrapper.selected[data-v-f2552afd] {
+  outline: solid var(--ant-primary-color);
+}
+.widget-wrapper.selected[data-v-f2552afd] {
+  /* background-color: rgba(24, 144, 255, 0.1); */
+  outline: 2px solid var(--ant-primary-color);
+}
+.widget-wrapper .widget-hidden[data-v-f2552afd] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 10px, rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0.2) 20px);
+  z-index: 11;
+}
+.widget-wrapper .action-buttons[data-v-f2552afd] {
+  position: absolute;
+  bottom: -2px;
+  right: -2px;
+  height: 22px;
+  width: 22px;
+  background-color: var(--ant-primary-color);
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  z-index: 11;
+  font-size: 14px;
+}
+.widget-wrapper .action-buttons[data-v-f2552afd]:hover {
+  background-color: #ff4d4f;
+}
+.designer-widget-list[data-v-8ca010af] {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+.designer-widget-list.empty-list[data-v-8ca010af] {
+  min-height: 96px;
+}
+.designer-widget-list .empty-drop-zone[data-v-8ca010af] {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  z-index: 2;
+}
+.designer-widget-list[data-v-8ca010af] .sortable-ghost {
+  z-index: 99;
+}
+.list-transition-container[data-v-8ca010af] {
+  display: flex;
+  flex-direction: column;
+  padding: 2px;
+}
+.transition-group-el[data-v-8ca010af] {
+  position: relative;
+  padding: 1px;
+}
+.transition-group-el .sortable-ghost[data-v-8ca010af] {
+  width: 100%;
+}
+
+/* SortableJS 自动应用的类 */
+.ghost-placeholder[data-v-8ca010af] {
+  opacity: 0.5;
+  background: #c8ebfb;
+  border: 2px dashed var(--ant-primary-color);
+  height: 40px;
+  margin: 4px 0;
+  border-radius: 4px;
+}
+.sortable-chosen[data-v-8ca010af] {
+  background: #fdfdfd;
+}
+.empty-drop-zone[data-v-8ca010af] {
+  margin: 2px 0;
+  height: 90px;
+  background: rgba(0, 0, 0, 0.05);
+  border: 1px dashed #d9d9d9;
+  border-radius: 2px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #999;
+  font-size: 14px;
+}
+.desginer-canvas[data-v-8ca010af] .ant-form-item {
+  margin-bottom: 0;
+}/* 调试面板样式 */
+.debug-panel[data-v-68185782] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 400px;
+  height: 100vh;
+  background-color: #fff;
+  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
+  z-index: 9999;
+  transition: transform 0.3s ease-in-out;
+  display: flex;
+  flex-direction: column;
+  border-top-left-radius: 8px;
+  border-bottom-left-radius: 8px;
+}
+.debug-panel[data-v-68185782] .jv-container .jv-code {
+  padding: 0;
+}
+.debug-panel.collapsed[data-v-68185782] {
+  transform: translateX(400px);
+}
+.debug-panel.collapsed .debug-toggle[data-v-68185782] {
+  left: -40px;
+  border-radius: 8px 0 0 8px;
+  width: 40px;
+}
+.debug-panel .debug-toggle[data-v-68185782] {
+  position: absolute;
+  left: -40px;
+  top: 20px;
+  width: 40px;
+  height: 40px;
+  background-color: var(--ant-primary-color);
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border-radius: 8px 0 0 8px;
+  font-size: 12px;
+  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
+  writing-mode: vertical-lr;
+  padding: 8px 0;
+  user-select: none;
+}
+.debug-panel .debug-content[data-v-68185782] {
+  flex: 1;
+  overflow: auto;
+  padding: 16px;
+  background-color: #f5f7fa;
+}
+.debug-panel .debug-content .debug-section[data-v-68185782] {
+  margin-bottom: 24px;
+  background-color: #fff;
+  border-radius: 8px;
+  padding: 16px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+.debug-panel .debug-content .debug-section h3[data-v-68185782] {
+  margin: 0 0 12px 0;
+  font-size: 14px;
+  font-weight: 600;
+  color: #333;
+  border-bottom: 1px solid #e8e8e8;
+  padding-bottom: 8px;
+}
+.debug-panel .debug-content .debug-section .empty-state[data-v-68185782] {
+  color: #999;
+  font-size: 12px;
+  text-align: center;
   padding: 20px;
 }
-.ant-form .ant-form-item-explain.ant-form-item-explain-connected[data-v-bedb1a87] {
-  display: none;
+.debug-panel .debug-content .debug-section .widget-list[data-v-68185782] {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.debug-panel .debug-content .debug-section .widget-list .widget-item[data-v-68185782] {
+  border: 1px solid #e8e8e8;
+  border-radius: 4px;
+  padding: 2px 4px;
+  line-height: 1.2;
+  background-color: #fafafa;
+  cursor: pointer;
+}
+.debug-panel .debug-content .debug-section .widget-list .widget-item .widget-key[data-v-68185782] {
+  font-weight: 600;
+  color: var(--ant-primary-color);
+  font-size: 12px;
+}
+.debug-panel .debug-content pre[data-v-68185782] {
+  margin: 0;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 12px;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  background-color: #f5f5f5;
+  padding: 8px;
+  border-radius: 4px;
+  color: #333;
 }
 
 .field-wrapper[data-v-4322845c] {
@@ -384,34 +392,32 @@ div.row-no-column[data-v-ddd06b7d] {
 .ant-form-item[data-v-4322845c] .hide-spin-button input::-webkit-outer-spin-button,
 .ant-form-item[data-v-4322845c] .hide-spin-button input::-webkit-inner-spin-button {
   -webkit-appearance: none !important;
-}
-/* form-item-wrapper已引入，还需要重复引入吗？ */
-[data-v-038cba28] .bjs-powered-by {
+}[data-v-fb5e5201] .bjs-powered-by {
   display: none;
 }
-[data-v-038cba28] .bjs-breadcrumbs {
+[data-v-fb5e5201] .bjs-breadcrumbs {
   display: none;
 }.flex[data-v-b51e000d] {
   flex: 1;
   display: flex;
   justify-content: var(--flex);
-}.hide-text-span[data-v-7e3e590f] span {
+}.hide-text-span[data-v-f3a8f507] span {
   display: none;
 }
 /* form-item-wrapper已引入，还需要重复引入吗？ */
 /* form-item-wrapper已引入，还需要重复引入吗？ */
-.auto-full-width[data-v-deec5b65] {
+.auto-full-width[data-v-e160e0cb] {
   width: 100%;
 }
 /* form-item-wrapper已引入，还需要重复引入吗？ */
-.auto-full-width[data-v-932f89e4] {
+.auto-full-width[data-v-4aad080a] {
   width: 100%;
 }
-.auto-full-width[data-v-932f89e4] .ant-picker {
+.auto-full-width[data-v-4aad080a] .ant-picker {
   width: 100% !important;
 }.hide-text-span[data-v-41213ad4] span {
   display: none;
-}.fileUploadTip[data-v-fd798690] {
+}.fileUploadTip[data-v-98bac580] {
   font-size: 12px;
   margin-top: 10px;
 }
@@ -428,19 +434,19 @@ div.row-no-column[data-v-ddd06b7d] {
   border-color: #d9d9d9;
 }
 /* form-item-wrapper已引入，还需要重复引入吗？ */
-.design-select-box[data-v-c3c936a7] {
+.design-select-box[data-v-d0796c07] {
   display: flex;
   width: 100%;
 }
-.design-select-box.useModal[data-v-c3c936a7] .ant-select-selector {
+.design-select-box.useModal[data-v-d0796c07] .ant-select-selector {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.design-select-box .ant-select[data-v-c3c936a7] {
+.design-select-box .ant-select[data-v-d0796c07] {
   flex: 1 0 0;
   min-width: 0;
 }
-.design-select-box .useModal-svg[data-v-c3c936a7] {
+.design-select-box .useModal-svg[data-v-d0796c07] {
   border: 1px solid #d9d9d9;
   cursor: pointer;
   width: 40px;
@@ -452,7 +458,7 @@ div.row-no-column[data-v-ddd06b7d] {
   border-bottom-right-radius: 6px;
 }
 /* form-item-wrapper已引入，还需要重复引入吗？ */
-.readonly-mode-switch[data-v-55619f83] {
+.readonly-mode-switch[data-v-abb9e521] {
   display: none;
 }.readonly-mode-field[data-v-04869c36] {
   display: inline-block;
@@ -462,48 +468,54 @@ div.row-no-column[data-v-ddd06b7d] {
   overflow-y: auto;
 }
 /* form-item-wrapper已引入，还需要重复引入吗？ */
-.auto-full-width[data-v-1b009c7b] {
+.auto-full-width[data-v-f1f3f35c] {
   width: 100%;
 }
-.auto-full-width[data-v-1b009c7b] .ant-picker {
+.auto-full-width[data-v-f1f3f35c] .ant-picker {
   width: 100% !important;
 }
-.readonly-mode-time-range[data-v-1b009c7b] .ant-picker {
+.readonly-mode-time-range[data-v-f1f3f35c] .ant-picker {
   display: none;
 }
 /* form-item-wrapper已引入，还需要重复引入吗？ */
-.auto-full-width[data-v-5c22cb89] {
+.auto-full-width[data-v-3bf11597] {
   width: 100%;
 }
-.auto-full-width[data-v-5c22cb89] .ant-picker {
+.auto-full-width[data-v-3bf11597] .ant-picker {
   width: 100% !important;
 }
-.readonly-mode-time[data-v-5c22cb89] .ant-picker {
+.readonly-mode-time[data-v-3bf11597] .ant-picker {
   display: none;
-}[data-v-bad9595c] .ant-tree {
+}[data-v-83ba983b] .ant-tree {
   background: transparent;
 }
-[data-v-bad9595c] .ant-tree .ant-tree-checkbox {
+[data-v-83ba983b] .ant-tree .ant-tree-checkbox {
   margin-block-start: 0;
-}.grid-cell[data-v-a00bba10] {
+}.grid-cell[data-v-aac76d55] {
   min-height: 38px !important;
   padding: 3px;
   border: 1px dashed #336699;
   position: relative;
 }
-.grid-cell.selected[data-v-a00bba10] {
+.grid-cell.selected[data-v-aac76d55] {
   outline: 1px solid var(--ant-primary-color) !important;
 }
-.grid-cell[data-v-a00bba10] .widget-wrapper.container-wrapper {
+.grid-cell[data-v-aac76d55] .widget-wrapper.container-wrapper {
   border-width: 1px !important;
 }
-.grid-cell[data-v-a00bba10] .widget-wrapper.container-wrapper.selected {
+.grid-cell[data-v-aac76d55] .widget-wrapper.container-wrapper.selected {
   outline: 1px solid var(--ant-primary-color) !important;
 }
-.grid-cell .form-widget-list[data-v-a00bba10] {
+.grid-cell .form-widget-list[data-v-aac76d55] {
   min-height: 28px;
 }
-.grid-cell .grid-col-action[data-v-a00bba10] {
+.grid-cell[data-v-aac76d55] .designer-widget-list.empty-list {
+  min-height: 48px;
+}
+.grid-cell[data-v-aac76d55] .designer-widget-list.empty-list .empty-drop-zone {
+  height: 42px;
+}
+.grid-cell .grid-col-action[data-v-aac76d55] {
   position: absolute;
   bottom: 0;
   right: -2px;
@@ -512,13 +524,13 @@ div.row-no-column[data-v-ddd06b7d] {
   background: var(--ant-primary-4);
   z-index: 999;
 }
-.grid-cell .grid-col-action i[data-v-a00bba10] {
+.grid-cell .grid-col-action i[data-v-aac76d55] {
   font-size: 14px;
   color: #fff;
   margin: 0 5px;
   cursor: pointer;
 }
-.grid-cell .grid-col-handler[data-v-a00bba10] {
+.grid-cell .grid-col-handler[data-v-aac76d55] {
   position: absolute;
   top: -2px;
   left: -2px;
@@ -527,22 +539,22 @@ div.row-no-column[data-v-ddd06b7d] {
   background: var(--ant-primary-4);
   z-index: 9;
 }
-.grid-cell .grid-col-handler i[data-v-a00bba10] {
+.grid-cell .grid-col-handler i[data-v-aac76d55] {
   font-size: 14px;
   font-style: normal;
   color: #fff;
   margin: 4px;
   cursor: default;
 }
-.grid-col-action[data-v-a00bba10] .svg-icon,
-.grid-col-handler[data-v-a00bba10] .svg-icon {
+.grid-col-action[data-v-aac76d55] .svg-icon,
+.grid-col-handler[data-v-aac76d55] .svg-icon {
   margin-left: 0.1em;
   margin-right: 0.1em;
-}.grid-container[data-v-40047deb] {
+}.grid-container[data-v-d41dbfac] {
   min-height: 50px;
-  padding: 5px 10px;
+  padding: 3px;
 }
-.grid-container .form-widget-list[data-v-40047deb] {
+.grid-container .form-widget-list[data-v-d41dbfac] {
   min-height: 28px;
 }.talbe-wrapper[data-v-ad6fb3c4] {
   width: 100%;
@@ -554,52 +566,49 @@ div.row-no-column[data-v-ddd06b7d] {
   margin-top: 10px;
   display: flex;
   justify-content: end;
-}.sub-form-container[data-v-49c81f5e] {
-  min-height: 100px;
 }.tab-container .form-widget-list[data-v-3280ee5e] {
   min-height: 28px;
 }
 .tab-container[data-v-3280ee5e] .ant-tabs.ant-tabs-bottom .ant-tabs-nav-wrap, .tab-container[data-v-3280ee5e] .ant-tabs.ant-tabs-top .ant-tabs-nav-wrap {
   padding-left: 26px;
-}.collapse-container[data-v-3032d8b6] {
+}.collapse-container[data-v-eefdb1f5] {
   display: flex;
   margin: 2px;
   height: 100%;
   width: 100%;
   flex: 1 0 0;
 }
-.collapse-container .form-widget-list[data-v-3032d8b6] {
+.collapse-container .form-widget-list[data-v-eefdb1f5] {
   min-height: 28px;
 }
-.collapse-container[data-v-3032d8b6] .header-right {
-  background-color: #fff;
-}
-.collapse-container[data-v-3032d8b6] .header-right .form-widget-list {
+.collapse-container[data-v-eefdb1f5] .header-right .form-widget-list {
   min-width: 200px;
 }
-.tpf-collapse[data-v-3032d8b6] {
+.tpf-collapse[data-v-eefdb1f5] {
   padding: 5px;
 }
-.tpf-collapse .collapse-right[data-v-3032d8b6] {
+.tpf-collapse .collapse-right[data-v-eefdb1f5] {
   min-width: 200px;
   min-height: 30px;
-  border: 1px dashed #666;
 }
-.tpf-collapse .collapse-right[data-v-3032d8b6] .designer-widget-list {
+.tpf-collapse .collapse-right[data-v-eefdb1f5] .designer-widget-list {
   min-height: 34px;
 }
-.tpf-collapse .collapse-right[data-v-3032d8b6] .designer-widget-list .empty-drop-zone {
+.tpf-collapse .collapse-right[data-v-eefdb1f5] .designer-widget-list .empty-drop-zone {
+  background: #fff;
+}
+.tpf-collapse .collapse-right[data-v-eefdb1f5] .designer-widget-list .empty-drop-zone {
   height: 30px;
   top: 0;
 }
-.tpf-collapse[data-v-3032d8b6] .design-time-bottom-margin {
+.tpf-collapse[data-v-eefdb1f5] .design-time-bottom-margin {
   margin-bottom: 0;
 }
-.tpf-collapse[data-v-3032d8b6] .design-time-bottom-margin .static-content-item {
+.tpf-collapse[data-v-eefdb1f5] .design-time-bottom-margin .static-content-item {
   margin-bottom: 0;
   padding: 3px;
 }
-.tpf-collapse[data-v-3032d8b6] .tpf-collapse-content-wrapper {
+.tpf-collapse[data-v-eefdb1f5] .tpf-collapse-content-wrapper {
   overflow: hidden;
   background-color: #fff;
 }
@@ -618,13 +627,12 @@ div.row-no-column[data-v-ddd06b7d] {
   display: flex;
   align-items: center;
   height: 35px;
-}.box-container[data-v-e33faf2b] {
+}.box-container[data-v-c1520bd7] {
   width: 100%;
   position: relative;
   padding-bottom: 20px;
   display: flex;
-  min-height: 100px;
 }
-.box-container[data-v-e33faf2b] .designer-widget-list {
+.box-container[data-v-c1520bd7] .designer-widget-list {
   flex: 1;
 }