@gct-paas/word 0.1.73-patch.4 → 0.1.73-patch.5

package/dist/word.css

@@ -5298,37 +5298,36 @@
   gap: 6px;
   flex-shrink: 0;
 }
-.gct-dtp-panel[data-v-b11c16c5] {
+.gct-dtp-panel[data-v-3ad083f2] {
   position: relative;
   background: #fff;
   border-radius: 8px;
-  border: 1px solid rgba(13, 13, 13, 0.12);
   padding: 0;
   font-size: 14px;
   box-shadow: 0 12px 32px rgba(13, 13, 13, 0.08);
   user-select: none;
 }
-.gct-dtp-panel.datetime[data-v-b11c16c5] {
+.gct-dtp-panel.datetime[data-v-3ad083f2] {
   width: 510px;
 }
-.gct-dtp-panel.datetime.f-a[data-v-b11c16c5] {
+.gct-dtp-panel.datetime.f-a[data-v-3ad083f2] {
   width: 480px;
 }
-.gct-dtp-panel.datetime.f-b[data-v-b11c16c5] {
+.gct-dtp-panel.datetime.f-b[data-v-3ad083f2] {
   width: 486px;
 }
-.gct-dtp-panel.date[data-v-b11c16c5] {
+.gct-dtp-panel.date[data-v-3ad083f2] {
   width: 324px;
 }
-.gct-dtp-panel .gct-dtp-panel-inner[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-panel-inner[data-v-3ad083f2] {
   position: relative;
   display: flex;
 }
-.gct-dtp-panel .gct-dtp-date[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-date[data-v-3ad083f2] {
   position: relative;
   padding: 12px;
 }
-.gct-dtp-panel .gct-date-footer[data-v-b11c16c5] {
+.gct-dtp-panel .gct-date-footer[data-v-3ad083f2] {
   border-top: 1px solid #f0f0f0;
   display: flex;
   padding-top: 6px;
@@ -5336,21 +5335,21 @@
   justify-content: center;
   margin-top: 6px;
 }
-.gct-dtp-panel .gct-date-footer .gct-clear-btn[data-v-b11c16c5] {
+.gct-dtp-panel .gct-date-footer .gct-clear-btn[data-v-3ad083f2] {
   line-height: 20px;
   font-size: 12px;
   letter-spacing: 2px;
   width: 100%;
   border: none;
 }
-.gct-dtp-panel .gct-dtp-time[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-time[data-v-3ad083f2] {
   height: 344px;
   overflow: hidden;
   border-left: 1px solid #f0f0f0;
   display: flex;
   flex-direction: column;
 }
-.gct-dtp-panel .gct-dtp-time .gct-dtp-time-header[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-time .gct-dtp-time-header[data-v-3ad083f2] {
   color: #0d0d0d;
   text-align: center;
   font-size: 14px;
@@ -5359,11 +5358,11 @@
   line-height: 32px;
   border-bottom: 1px solid #f0f0f0;
 }
-.gct-dtp-panel .gct-dtp-time .gct-dtp-time-container[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-time .gct-dtp-time-container[data-v-3ad083f2] {
   flex: 1;
   overflow: hidden;
 }
-.gct-dtp-panel .gct-dtp-header[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-header[data-v-3ad083f2] {
   position: relative;
   display: flex;
   align-items: center;
@@ -5371,52 +5370,52 @@
   padding: 5px 4px;
   margin-bottom: 6px;
 }
-.gct-dtp-panel .gct-dtp-header .nav[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-header .nav[data-v-3ad083f2] {
   width: 28px;
   height: 28px;
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.gct-dtp-panel .gct-dtp-header .nav[data-v-b11c16c5]:hover {
+.gct-dtp-panel .gct-dtp-header .nav[data-v-3ad083f2]:hover {
   background: rgba(13, 13, 13, 0.06);
   border-radius: 4px;
 }
-.gct-dtp-panel .gct-dtp-header .text[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-header .text[data-v-3ad083f2] {
   font-size: 18px;
   font-weight: bold;
   width: 120px;
   text-align: center;
   line-height: 28px;
 }
-.gct-dtp-panel .gct-dtp-head[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-head[data-v-3ad083f2] {
   display: flex;
   gap: 8px;
   margin-bottom: 4px;
 }
-.gct-dtp-panel .gct-dtp-head .head[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-head .head[data-v-3ad083f2] {
   color: #0d0d0d;
   text-align: center;
   font-size: 14px;
   cursor: default;
 }
-.gct-dtp-panel .gct-dtp-rows-wrapper[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-rows-wrapper[data-v-3ad083f2] {
   overflow: hidden;
 }
-.gct-dtp-panel .gct-dtp-rows[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-rows[data-v-3ad083f2] {
   display: flex;
   flex-direction: column;
   gap: 4px;
 }
-.gct-dtp-panel .gct-dtp-rows .row[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-rows .row[data-v-3ad083f2] {
   display: flex;
   gap: 8px;
 }
-.gct-dtp-panel .gct-dtp-rows .row .dtp-day-label[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-rows .row .dtp-day-label[data-v-3ad083f2] {
   font-size: 14px;
   font-weight: bold;
 }
-.gct-dtp-panel .day[data-v-b11c16c5] {
+.gct-dtp-panel .day[data-v-3ad083f2] {
   position: relative;
   width: 36px;
   height: 36px;
@@ -5426,41 +5425,41 @@
   cursor: pointer;
   box-sizing: border-box;
 }
-.gct-dtp-panel .day[data-v-b11c16c5]:not(.day--muted):hover {
+.gct-dtp-panel .day[data-v-3ad083f2]:not(.day--muted):hover {
   background: rgba(13, 13, 13, 0.06);
   border-radius: 4px;
 }
-.gct-dtp-panel .day--muted[data-v-b11c16c5] {
+.gct-dtp-panel .day--muted[data-v-3ad083f2] {
   pointer-events: none;
   opacity: 0.2;
 }
-.gct-dtp-panel .day--today[data-v-b11c16c5] {
+.gct-dtp-panel .day--today[data-v-3ad083f2] {
   border: 1px solid #64748b;
   border-radius: 4px;
 }
-.gct-dtp-panel .day--selected[data-v-b11c16c5] {
+.gct-dtp-panel .day--selected[data-v-3ad083f2] {
   background: rgba(147, 197, 253, 0.4) !important;
   color: #026ac8 !important;
   border: 1px solid #026ac8;
   border-radius: 4px;
   font-weight: 600;
 }
-.gct-dtp-panel .day--disabled[data-v-b11c16c5] {
+.gct-dtp-panel .day--disabled[data-v-3ad083f2] {
   color: #e0e0e0;
   cursor: not-allowed;
 }
-.gct-dtp-panel .day--disabled.day--selected[data-v-b11c16c5] {
+.gct-dtp-panel .day--disabled.day--selected[data-v-3ad083f2] {
   opacity: 0.3;
 }
-.gct-dtp-panel .day--disabled.day--today[data-v-b11c16c5] {
+.gct-dtp-panel .day--disabled.day--today[data-v-3ad083f2] {
   border-color: rgba(13, 13, 13, 0.12);
 }
-.gct-dtp-panel .gct-dtp-footer[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-footer[data-v-3ad083f2] {
   margin-top: 8px;
   padding-top: 8px;
   border-top: 1px solid #f0f0f0;
 }
-.gct-dtp-panel .gct-dtp-footer .gct-dtp-option[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-footer .gct-dtp-option[data-v-3ad083f2] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -5468,19 +5467,19 @@
   margin-bottom: 12px;
   padding-right: 6px;
 }
-.gct-dtp-panel .gct-dtp-footer .opt[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-footer .opt[data-v-3ad083f2] {
   display: flex;
   align-items: center;
   gap: 6px;
   font-size: 14px;
   padding-left: 6px;
 }
-.gct-dtp-panel .gct-dtp-footer .opt .opt-checkbox[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-footer .opt .opt-checkbox[data-v-3ad083f2] {
   width: 15px;
   height: 15px;
   margin: 0;
 }
-.gct-dtp-panel .gct-dtp-footer .timeinput[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-footer .timeinput[data-v-3ad083f2] {
   display: flex;
   align-items: center;
   gap: 4px;
@@ -5492,14 +5491,14 @@
   padding-right: 6px;
   padding-left: 2px;
 }
-.gct-dtp-panel .gct-dtp-footer .timeinput[data-v-b11c16c5]:has(input:focus) {
+.gct-dtp-panel .gct-dtp-footer .timeinput[data-v-3ad083f2]:has(input:focus) {
   border-color: #026ac8;
 }
-.gct-dtp-panel .gct-dtp-footer .timeinput.is-disabled[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-footer .timeinput.is-disabled[data-v-3ad083f2] {
   opacity: 0.5;
   pointer-events: none;
 }
-.gct-dtp-panel .gct-dtp-footer .timeinput .input[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-footer .timeinput .input[data-v-3ad083f2] {
   width: 60px;
   text-align: center;
   border: none;
@@ -5507,40 +5506,40 @@
   outline: none;
   padding: 0;
 }
-.gct-dtp-panel .gct-dtp-footer .timeinput .stepper[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-footer .timeinput .stepper[data-v-3ad083f2] {
   display: flex;
   flex-direction: column;
   gap: 2px;
 }
-.gct-dtp-panel .gct-dtp-footer .timeinput .stepper .step[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-footer .timeinput .stepper .step[data-v-3ad083f2] {
   cursor: pointer;
   user-select: none;
   line-height: 0;
 }
-.gct-dtp-panel .gct-dtp-footer .timeinput .stepper .step.add[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-footer .timeinput .stepper .step.add[data-v-3ad083f2] {
   margin-top: -2px;
 }
-.gct-dtp-panel .gct-dtp-footer .timeinput .stepper .step.reduce[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-footer .timeinput .stepper .step.reduce[data-v-3ad083f2] {
   margin-top: -6px;
 }
-.gct-dtp-panel .gct-dtp-footer .timeinput .stepper .step:hover .gct-icon[data-v-b11c16c5] {
+.gct-dtp-panel .gct-dtp-footer .timeinput .stepper .step:hover .gct-icon[data-v-3ad083f2] {
   color: #026ac8 !important;
 }
 /* slide animation */
-.slide-left-enter-from[data-v-b11c16c5],
-.slide-right-leave-to[data-v-b11c16c5] {
+.slide-left-enter-from[data-v-3ad083f2],
+.slide-right-leave-to[data-v-3ad083f2] {
   transform: translateX(100%);
   opacity: 0;
 }
-.slide-left-leave-to[data-v-b11c16c5],
-.slide-right-enter-from[data-v-b11c16c5] {
+.slide-left-leave-to[data-v-3ad083f2],
+.slide-right-enter-from[data-v-3ad083f2] {
   transform: translateX(-100%);
   opacity: 0;
 }
-.slide-left-enter-active[data-v-b11c16c5],
-.slide-left-leave-active[data-v-b11c16c5],
-.slide-right-enter-active[data-v-b11c16c5],
-.slide-right-leave-active[data-v-b11c16c5] {
+.slide-left-enter-active[data-v-3ad083f2],
+.slide-left-leave-active[data-v-3ad083f2],
+.slide-right-enter-active[data-v-3ad083f2],
+.slide-right-leave-active[data-v-3ad083f2] {
   transition: all 0.25s ease;
 }
 .gct-checkbox[data-v-90f28e3c] {
@@ -6705,23 +6704,23 @@ textarea[data-v-2de31883]::placeholder {
 .message-move[data-v-284e47b1] {
   transition: transform 0.25s ease;
 }
-.gct-modal-mask[data-v-9c01f8ec] {
+.gct-modal-mask[data-v-697dc7d8] {
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, 0.15);
 }
-.gct-modal-wrapper[data-v-9c01f8ec] {
+.gct-modal-wrapper[data-v-697dc7d8] {
   position: fixed;
   inset: 0;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.gct-modal-wrapper.is-draggable[data-v-9c01f8ec] {
+.gct-modal-wrapper.is-draggable[data-v-697dc7d8] {
   display: block;
   pointer-events: none;
 }
-.gct-modal-wrapper .gct-modal[data-v-9c01f8ec] {
+.gct-modal-wrapper .gct-modal[data-v-697dc7d8] {
   background: #fff;
   border-radius: 6px;
   display: flex;
@@ -6730,31 +6729,31 @@ textarea[data-v-2de31883]::placeholder {
   overflow: hidden;
   box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
 }
-.gct-modal-wrapper .gct-modal.gct-draggable-modal .modal-header[data-v-9c01f8ec] {
+.gct-modal-wrapper .gct-modal.gct-draggable-modal .modal-header[data-v-697dc7d8] {
   padding: 8px 16px 6px;
   background-color: #f2f5f8;
   border-bottom: none;
 }
-.gct-modal-wrapper .gct-modal.gct-draggable-modal .modal-header .header-title-wrap[data-v-9c01f8ec] {
+.gct-modal-wrapper .gct-modal.gct-draggable-modal .modal-header .header-title-wrap[data-v-697dc7d8] {
   display: flex;
   align-items: center;
   min-width: 0;
   flex: 1;
 }
-.gct-modal-wrapper .gct-modal.gct-draggable-modal .modal-header .header-drag-icon[data-v-9c01f8ec] {
+.gct-modal-wrapper .gct-modal.gct-draggable-modal .modal-header .header-drag-icon[data-v-697dc7d8] {
   flex-shrink: 0;
   margin-right: 4px;
   color: #999;
   font-size: 16px;
 }
-.gct-modal-wrapper .gct-modal.gct-draggable-modal .modal-header .header-title[data-v-9c01f8ec] {
+.gct-modal-wrapper .gct-modal.gct-draggable-modal .modal-header .header-title[data-v-697dc7d8] {
   flex: none;
   color: #1a1d23;
   font-weight: 600;
   font-size: 14px;
   line-height: 22px;
 }
-.gct-modal-wrapper .gct-modal.gct-draggable-modal .modal-header .header-close-button[data-v-9c01f8ec] {
+.gct-modal-wrapper .gct-modal.gct-draggable-modal .modal-header .header-close-button[data-v-697dc7d8] {
   width: auto;
   height: auto;
   padding: 8px 0 8px 16px;
@@ -6762,42 +6761,42 @@ textarea[data-v-2de31883]::placeholder {
   line-height: 1;
   color: #1a1d23;
 }
-.gct-modal-wrapper .gct-modal.gct-draggable-modal .modal-header .header-close-button[data-v-9c01f8ec]:hover {
+.gct-modal-wrapper .gct-modal.gct-draggable-modal .modal-header .header-close-button[data-v-697dc7d8]:hover {
   background-color: transparent;
   opacity: 0.75;
 }
-.gct-modal-wrapper .gct-modal.gct-draggable-modal .modal-body[data-v-9c01f8ec] {
+.gct-modal-wrapper .gct-modal.gct-draggable-modal .modal-body[data-v-697dc7d8] {
   padding: 24px;
 }
-.gct-modal-wrapper .gct-modal .modal-header[data-v-9c01f8ec],
-.gct-modal-wrapper .gct-modal .modal-footer[data-v-9c01f8ec] {
+.gct-modal-wrapper .gct-modal .modal-header[data-v-697dc7d8],
+.gct-modal-wrapper .gct-modal .modal-footer[data-v-697dc7d8] {
   display: flex;
   align-items: center;
   padding: 12px 16px;
   flex-shrink: 0;
 }
-.gct-modal-wrapper .gct-modal .modal-header[data-v-9c01f8ec] {
+.gct-modal-wrapper .gct-modal .modal-header[data-v-697dc7d8] {
   border-bottom: 1px solid #eee;
   justify-content: space-between;
   gap: 8px;
 }
-.gct-modal-wrapper .gct-modal .modal-header.is-draggable[data-v-9c01f8ec] {
+.gct-modal-wrapper .gct-modal .modal-header.is-draggable[data-v-697dc7d8] {
   cursor: move;
   user-select: none;
 }
-.gct-modal-wrapper .gct-modal .modal-header .header-drag-icon[data-v-9c01f8ec] {
+.gct-modal-wrapper .gct-modal .modal-header .header-drag-icon[data-v-697dc7d8] {
   flex-shrink: 0;
   color: #999;
   font-size: 14px;
 }
-.gct-modal-wrapper .gct-modal .modal-header .header-close-icon[data-v-9c01f8ec] {
+.gct-modal-wrapper .gct-modal .modal-header .header-close-icon[data-v-697dc7d8] {
   color: #000;
 }
-.gct-modal-wrapper .gct-modal .modal-header .header-title[data-v-9c01f8ec] {
+.gct-modal-wrapper .gct-modal .modal-header .header-title[data-v-697dc7d8] {
   flex: 1;
   font-weight: 500;
 }
-.gct-modal-wrapper .gct-modal .modal-header .header-close-button[data-v-9c01f8ec] {
+.gct-modal-wrapper .gct-modal .modal-header .header-close-button[data-v-697dc7d8] {
   width: 28px;
   height: 28px;
   border: none;
@@ -6808,45 +6807,52 @@ textarea[data-v-2de31883]::placeholder {
   border-radius: 2px;
   color: #999;
 }
-.gct-modal-wrapper .gct-modal .modal-header .header-close-button[data-v-9c01f8ec]:hover {
+.gct-modal-wrapper .gct-modal .modal-header .header-close-button[data-v-697dc7d8]:hover {
   background-color: #efefef;
 }
-.gct-modal-wrapper .gct-modal .modal-body[data-v-9c01f8ec] {
+.gct-modal-wrapper .gct-modal .modal-body[data-v-697dc7d8] {
   padding: 16px;
   overflow: auto;
   flex: 1;
 }
-.gct-modal-wrapper .gct-modal .modal-footer[data-v-9c01f8ec] {
+.gct-modal-wrapper .gct-modal .modal-body.is-readonly[data-v-697dc7d8] {
+  user-select: none;
+}
+.gct-modal-wrapper .gct-modal .modal-body.is-readonly[data-v-697dc7d8] * {
+  cursor: default !important;
+  pointer-events: none !important;
+}
+.gct-modal-wrapper .gct-modal .modal-footer[data-v-697dc7d8] {
   border-top: 1px solid #eee;
   justify-content: flex-end;
 }
-.gct-modal-wrapper .gct-modal .modal-footer .gct-button ~ .gct-button[data-v-9c01f8ec] {
+.gct-modal-wrapper .gct-modal .modal-footer .gct-button ~ .gct-button[data-v-697dc7d8] {
   margin-left: 10px;
 }
-.gct-modal-wrapper.is-draggable .gct-modal[data-v-9c01f8ec] {
+.gct-modal-wrapper.is-draggable .gct-modal[data-v-697dc7d8] {
   pointer-events: auto;
 }
-.gct-modal-mask-enter-active[data-v-9c01f8ec],
-.gct-modal-mask-leave-active[data-v-9c01f8ec] {
+.gct-modal-mask-enter-active[data-v-697dc7d8],
+.gct-modal-mask-leave-active[data-v-697dc7d8] {
   transition: opacity 0.2s;
 }
-.gct-modal-mask-enter-from[data-v-9c01f8ec],
-.gct-modal-mask-leave-to[data-v-9c01f8ec] {
+.gct-modal-mask-enter-from[data-v-697dc7d8],
+.gct-modal-mask-leave-to[data-v-697dc7d8] {
   opacity: 0;
 }
-.gct-modal-wrapper-enter-active[data-v-9c01f8ec],
-.gct-modal-wrapper-leave-active[data-v-9c01f8ec],
-.gct-modal-draggable-enter-active[data-v-9c01f8ec],
-.gct-modal-draggable-leave-active[data-v-9c01f8ec] {
+.gct-modal-wrapper-enter-active[data-v-697dc7d8],
+.gct-modal-wrapper-leave-active[data-v-697dc7d8],
+.gct-modal-draggable-enter-active[data-v-697dc7d8],
+.gct-modal-draggable-leave-active[data-v-697dc7d8] {
   transition: all 0.2s ease;
 }
-.gct-modal-wrapper-enter-from[data-v-9c01f8ec],
-.gct-modal-wrapper-leave-to[data-v-9c01f8ec] {
+.gct-modal-wrapper-enter-from[data-v-697dc7d8],
+.gct-modal-wrapper-leave-to[data-v-697dc7d8] {
   opacity: 0;
   transform: scale(0.95);
 }
-.gct-modal-draggable-enter-from[data-v-9c01f8ec],
-.gct-modal-draggable-leave-to[data-v-9c01f8ec] {
+.gct-modal-draggable-enter-from[data-v-697dc7d8],
+.gct-modal-draggable-leave-to[data-v-697dc7d8] {
   opacity: 0;
 }
 
@@ -9110,327 +9116,327 @@ textarea[data-v-2de31883]::placeholder {
   user-select: none;
   cursor: pointer;
 }
-.table-action[data-v-c49cd3d6] {
+.table-action[data-v-61b83416] {
   position: absolute;
-  inset: 0;
   z-index: 999;
-  user-select: none;
-  pointer-events: auto;
   width: 0;
   height: 0;
+  pointer-events: auto;
+  user-select: none;
+  inset: 0;
 }
-.table-action.preview[data-v-c49cd3d6] {
+.table-action.preview[data-v-61b83416] {
   pointer-events: none;
 }
-.table-action .guide-line[data-v-c49cd3d6] {
+.table-action .guide-line[data-v-61b83416] {
   position: absolute;
-  pointer-events: none;
   background: #026ac8;
+  pointer-events: none;
 }
-.table-action .guide-line.vertical[data-v-c49cd3d6] {
+.table-action .guide-line.vertical[data-v-61b83416] {
+  z-index: 99;
   top: 0;
   width: 2px;
-  z-index: 99;
 }
-.table-action .guide-line.horizontal[data-v-c49cd3d6] {
+.table-action .guide-line.horizontal[data-v-61b83416] {
+  z-index: 99;
   left: 0;
   height: 2px;
-  z-index: 99;
 }
-.table-action .guide-resize-handle[data-v-c49cd3d6] {
+.table-action .guide-resize-handle[data-v-61b83416] {
   position: absolute;
   z-index: 99;
   background: transparent;
 }
-.table-action .guide-resize-handle[data-v-c49cd3d6]:hover {
+.table-action .guide-resize-handle[data-v-61b83416]:hover {
   background: #026ac8;
 }
-.table-action .guide-resize-handle.is-drag[data-v-c49cd3d6] {
+.table-action .guide-resize-handle.is-drag[data-v-61b83416] {
   display: none;
 }
-.table-action .guide-resize-handle.col-resize-handle[data-v-c49cd3d6] {
-  width: 2px;
+.table-action .guide-resize-handle.col-resize-handle[data-v-61b83416] {
   top: 100%;
   left: 100%;
+  width: 2px;
   cursor: col-resize;
 }
-.table-action .guide-resize-handle.row-resize-handle[data-v-c49cd3d6] {
-  height: 2px;
+.table-action .guide-resize-handle.row-resize-handle[data-v-61b83416] {
   left: 100%;
+  height: 2px;
   cursor: row-resize;
 }
-.table-action .corner[data-v-c49cd3d6] {
+.table-action .corner[data-v-61b83416] {
   position: absolute;
-  left: -10px;
   top: -10px;
+  left: -10px;
   width: 10px;
   height: 10px;
-  border-radius: 6px 0 0 0;
+  transition: background 0.2s;
+  border-radius: 6px 0 0;
   background: #f0f0f0;
   cursor: pointer;
-  transition: background 0.2s;
 }
-.table-action .corner[data-v-c49cd3d6]:hover {
+.table-action .corner[data-v-61b83416]:hover {
   background: #d4d4d4;
 }
-.table-action .corner.active[data-v-c49cd3d6] {
+.table-action .corner.active[data-v-61b83416] {
   background: #026ac8;
 }
-.table-action .corner .remove-all-btn[data-v-c49cd3d6] {
+.table-action .corner .remove-all-btn[data-v-61b83416] {
+  display: flex;
   position: absolute;
-  border: 1px solid #dadada;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
   width: 20px;
   height: 20px;
+  border: 1px solid #dadada;
   border-radius: 2px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   background: #fff;
-  box-sizing: border-box;
   cursor: pointer;
   top: -22px;
   left: -22px;
 }
-.table-action .corner .remove-all-btn[data-v-c49cd3d6]:hover {
+.table-action .corner .remove-all-btn[data-v-61b83416]:hover {
   border-color: #ff4d4f;
 }
-.table-action .corner .remove-all-btn[data-v-c49cd3d6]:hover .gct-icon {
+.table-action .corner .remove-all-btn[data-v-61b83416]:hover .gct-icon {
   color: #ff4d4f !important;
 }
-.table-action .col-headers[data-v-c49cd3d6],
-.table-action .row-headers[data-v-c49cd3d6] {
+.table-action .col-headers[data-v-61b83416],
+.table-action .row-headers[data-v-61b83416] {
   position: absolute;
 }
-.table-action .header-handle[data-v-c49cd3d6] {
+.table-action .header-handle[data-v-61b83416] {
+  box-sizing: border-box;
+  transition: background 0.2s;
   background: #f0f0f0;
   cursor: pointer;
-  transition: background 0.2s;
-  box-sizing: border-box;
 }
-.table-action .header-handle[data-v-c49cd3d6]:hover {
+.table-action .header-handle[data-v-61b83416]:hover {
   background: #d4d4d4;
 }
-.table-action .header-handle.active[data-v-c49cd3d6] {
+.table-action .header-handle.active[data-v-61b83416] {
   background: #026ac8;
 }
-.table-action .header-handle.active.is-remove-hover[data-v-c49cd3d6] {
+.table-action .header-handle.active.is-remove-hover[data-v-61b83416] {
   transition: background 0s;
   background: rgba(255, 77, 79, 0.6);
 }
-.table-action .add-btn[data-v-c49cd3d6] {
+.table-action .add-btn[data-v-61b83416] {
   position: absolute;
   pointer-events: auto;
 }
-.table-action .add-btn[data-v-c49cd3d6] .gct-icon {
-  position: absolute;
-  width: 20px;
-  height: 20px;
+.table-action .add-btn[data-v-61b83416] .gct-icon {
   display: flex;
+  position: absolute;
+  box-sizing: border-box;
   align-items: center;
   justify-content: center;
-  background: #fff;
+  width: 20px;
+  height: 20px;
   border: 1px solid #dadada;
   border-radius: 2px;
+  background: #fff;
   cursor: pointer;
-  box-sizing: border-box;
 }
-.table-action .add-btn[data-v-c49cd3d6] .gct-icon:hover {
+.table-action .add-btn[data-v-61b83416] .gct-icon:hover {
   border-color: #026ac8;
   color: #026ac8 !important;
 }
-.table-action .remove-btn[data-v-c49cd3d6] {
+.table-action .remove-btn[data-v-61b83416] {
+  display: flex;
   position: absolute;
-  border: 1px solid #dadada;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
   width: 20px;
   height: 20px;
+  border: 1px solid #dadada;
   border-radius: 2px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   background: #fff;
-  box-sizing: border-box;
   cursor: pointer;
 }
-.table-action .remove-btn[data-v-c49cd3d6]:hover {
+.table-action .remove-btn[data-v-61b83416]:hover {
   border-color: #ff4d4f;
 }
-.table-action .remove-btn[data-v-c49cd3d6]:hover .gct-icon {
+.table-action .remove-btn[data-v-61b83416]:hover .gct-icon {
   color: #ff4d4f !important;
 }
-.table-action .col-headers[data-v-c49cd3d6] {
-  top: -10px;
+.table-action .col-headers[data-v-61b83416] {
   display: flex;
+  top: -10px;
 }
-.table-action .col-headers .col-header[data-v-c49cd3d6] {
+.table-action .col-headers .col-header[data-v-61b83416] {
   position: relative;
 }
-.table-action .col-headers .col-header .col-header-handle[data-v-c49cd3d6] {
+.table-action .col-headers .col-header .col-header-handle[data-v-61b83416] {
+  box-sizing: border-box;
+  transition: background 0.2s;
   background: #f0f0f0;
   cursor: pointer;
-  transition: background 0.2s;
-  box-sizing: border-box;
   height: 10px;
   border-left: 1px solid #dadada;
 }
-.table-action .col-headers .col-header .col-header-handle[data-v-c49cd3d6]:hover {
+.table-action .col-headers .col-header .col-header-handle[data-v-61b83416]:hover {
   background: #d4d4d4;
 }
-.table-action .col-headers .col-header .col-header-handle.active[data-v-c49cd3d6] {
+.table-action .col-headers .col-header .col-header-handle.active[data-v-61b83416] {
   background: #026ac8;
 }
-.table-action .col-headers .col-header .col-header-handle.active.is-remove-hover[data-v-c49cd3d6] {
+.table-action .col-headers .col-header .col-header-handle.active.is-remove-hover[data-v-61b83416] {
   transition: background 0s;
   background: rgba(255, 77, 79, 0.6);
 }
-.table-action .col-headers .col-header .col-add-btn[data-v-c49cd3d6] {
+.table-action .col-headers .col-header .col-add-btn[data-v-61b83416] {
   position: absolute;
   pointer-events: auto;
+  top: -24px;
   width: 100%;
   height: 24px;
-  top: -24px;
 }
-.table-action .col-headers .col-header .col-add-btn[data-v-c49cd3d6] .gct-icon {
-  position: absolute;
-  width: 20px;
-  height: 20px;
+.table-action .col-headers .col-header .col-add-btn[data-v-61b83416] .gct-icon {
   display: flex;
+  position: absolute;
+  box-sizing: border-box;
   align-items: center;
   justify-content: center;
-  background: #fff;
+  width: 20px;
+  height: 20px;
   border: 1px solid #dadada;
   border-radius: 2px;
+  background: #fff;
   cursor: pointer;
-  box-sizing: border-box;
 }
-.table-action .col-headers .col-header .col-add-btn[data-v-c49cd3d6] .gct-icon:hover {
+.table-action .col-headers .col-header .col-add-btn[data-v-61b83416] .gct-icon:hover {
   border-color: #026ac8;
   color: #026ac8 !important;
 }
-.table-action .col-headers .col-header .col-add-btn[data-v-c49cd3d6] .gct-icon.left {
+.table-action .col-headers .col-header .col-add-btn[data-v-61b83416] .gct-icon.left {
   transform: translateX(-50%);
 }
-.table-action .col-headers .col-header .col-add-btn[data-v-c49cd3d6] .gct-icon.right {
+.table-action .col-headers .col-header .col-add-btn[data-v-61b83416] .gct-icon.right {
   left: 100%;
   transform: translateX(-50%);
 }
-.table-action .col-headers .col-header .col-remove-btn[data-v-c49cd3d6] {
+.table-action .col-headers .col-header .col-remove-btn[data-v-61b83416] {
+  display: flex;
   position: absolute;
-  border: 1px solid #dadada;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
   width: 20px;
   height: 20px;
+  border: 1px solid #dadada;
   border-radius: 2px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   background: #fff;
-  box-sizing: border-box;
   cursor: pointer;
   top: -24px;
-  transform: translateX(-50%);
   left: 50%;
+  transform: translateX(-50%);
 }
-.table-action .col-headers .col-header .col-remove-btn[data-v-c49cd3d6]:hover {
+.table-action .col-headers .col-header .col-remove-btn[data-v-61b83416]:hover {
   border-color: #ff4d4f;
 }
-.table-action .col-headers .col-header .col-remove-btn[data-v-c49cd3d6]:hover .gct-icon {
+.table-action .col-headers .col-header .col-remove-btn[data-v-61b83416]:hover .gct-icon {
   color: #ff4d4f !important;
 }
-.table-action .col-headers .col-header:first-child .col-add-btn[data-v-c49cd3d6] .gct-icon.left {
+.table-action .col-headers .col-header:first-child .col-add-btn[data-v-61b83416] .gct-icon.left {
   left: 0;
   transform: translateX(0);
 }
-.table-action .col-headers .col-header:last-child .col-header-handle[data-v-c49cd3d6] {
+.table-action .col-headers .col-header:last-child .col-header-handle[data-v-61b83416] {
   border-top-right-radius: 6px;
 }
-.table-action .col-headers .col-header:last-child .col-add-btn[data-v-c49cd3d6] .gct-icon.right {
+.table-action .col-headers .col-header:last-child .col-add-btn[data-v-61b83416] .gct-icon.right {
   transform: translateX(-100%);
 }
-.table-action .row-headers[data-v-c49cd3d6] {
+.table-action .row-headers[data-v-61b83416] {
   left: -10px;
 }
-.table-action .row-headers .row-header[data-v-c49cd3d6] {
+.table-action .row-headers .row-header[data-v-61b83416] {
   position: relative;
 }
-.table-action .row-headers .row-header .row-header-handle[data-v-c49cd3d6] {
+.table-action .row-headers .row-header .row-header-handle[data-v-61b83416] {
+  box-sizing: border-box;
+  transition: background 0.2s;
   background: #f0f0f0;
   cursor: pointer;
-  transition: background 0.2s;
-  box-sizing: border-box;
   width: 10px;
   border-top: 1px solid #dadada;
 }
-.table-action .row-headers .row-header .row-header-handle[data-v-c49cd3d6]:hover {
+.table-action .row-headers .row-header .row-header-handle[data-v-61b83416]:hover {
   background: #d4d4d4;
 }
-.table-action .row-headers .row-header .row-header-handle.active[data-v-c49cd3d6] {
+.table-action .row-headers .row-header .row-header-handle.active[data-v-61b83416] {
   background: #026ac8;
 }
-.table-action .row-headers .row-header .row-header-handle.active.is-remove-hover[data-v-c49cd3d6] {
+.table-action .row-headers .row-header .row-header-handle.active.is-remove-hover[data-v-61b83416] {
   transition: background 0s;
   background: rgba(255, 77, 79, 0.6);
 }
-.table-action .row-headers .row-header .row-add-btn[data-v-c49cd3d6] {
+.table-action .row-headers .row-header .row-add-btn[data-v-61b83416] {
   position: absolute;
   pointer-events: auto;
+  top: 0;
+  left: -24px;
   width: 24px;
   height: 100%;
-  left: -24px;
-  top: 0;
 }
-.table-action .row-headers .row-header .row-add-btn[data-v-c49cd3d6] .gct-icon {
-  position: absolute;
-  width: 20px;
-  height: 20px;
+.table-action .row-headers .row-header .row-add-btn[data-v-61b83416] .gct-icon {
   display: flex;
+  position: absolute;
+  box-sizing: border-box;
   align-items: center;
   justify-content: center;
-  background: #fff;
+  width: 20px;
+  height: 20px;
   border: 1px solid #dadada;
   border-radius: 2px;
+  background: #fff;
   cursor: pointer;
-  box-sizing: border-box;
 }
-.table-action .row-headers .row-header .row-add-btn[data-v-c49cd3d6] .gct-icon:hover {
+.table-action .row-headers .row-header .row-add-btn[data-v-61b83416] .gct-icon:hover {
   border-color: #026ac8;
   color: #026ac8 !important;
 }
-.table-action .row-headers .row-header .row-add-btn[data-v-c49cd3d6] .gct-icon.top {
+.table-action .row-headers .row-header .row-add-btn[data-v-61b83416] .gct-icon.top {
   top: 0;
   transform: translateY(-50%);
 }
-.table-action .row-headers .row-header .row-add-btn[data-v-c49cd3d6] .gct-icon.bottom {
+.table-action .row-headers .row-header .row-add-btn[data-v-61b83416] .gct-icon.bottom {
   top: 100%;
   transform: translateY(-50%);
 }
-.table-action .row-headers .row-header .row-remove-btn[data-v-c49cd3d6] {
+.table-action .row-headers .row-header .row-remove-btn[data-v-61b83416] {
+  display: flex;
   position: absolute;
-  border: 1px solid #dadada;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
   width: 20px;
   height: 20px;
+  border: 1px solid #dadada;
   border-radius: 2px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   background: #fff;
-  box-sizing: border-box;
   cursor: pointer;
-  left: -24px;
   top: 50%;
+  left: -24px;
   transform: translateY(-50%);
 }
-.table-action .row-headers .row-header .row-remove-btn[data-v-c49cd3d6]:hover {
+.table-action .row-headers .row-header .row-remove-btn[data-v-61b83416]:hover {
   border-color: #ff4d4f;
 }
-.table-action .row-headers .row-header .row-remove-btn[data-v-c49cd3d6]:hover .gct-icon {
+.table-action .row-headers .row-header .row-remove-btn[data-v-61b83416]:hover .gct-icon {
   color: #ff4d4f !important;
 }
-.table-action .row-headers .row-header:first-child .row-add-btn[data-v-c49cd3d6] .gct-icon.top {
+.table-action .row-headers .row-header:first-child .row-add-btn[data-v-61b83416] .gct-icon.top {
   transform: translateY(0);
 }
-.table-action .row-headers .row-header:last-child .row-header-handle[data-v-c49cd3d6] {
+.table-action .row-headers .row-header:last-child .row-header-handle[data-v-61b83416] {
   border-bottom-left-radius: 6px;
 }
-.table-action .row-headers .row-header:last-child .row-add-btn[data-v-c49cd3d6] .gct-icon.bottom {
+.table-action .row-headers .row-header:last-child .row-add-btn[data-v-61b83416] .gct-icon.bottom {
   transform: translateY(-100%);
 }
 .sub-table-action-container[data-v-d4a2947b] {
@@ -10120,7 +10126,7 @@ ul li[data-v-393cb2aa] {
 ul li .widget-icon[data-v-393cb2aa] {
   margin-right: 6px;
 }
-.designer_toolkit-wrapper[data-v-f9443079] {
+.designer_toolkit-wrapper[data-v-f7629063] {
   position: relative;
   background: #fff;
   width: 48px;
@@ -10129,7 +10135,7 @@ ul li .widget-icon[data-v-393cb2aa] {
   flex-direction: column;
   overflow: hidden;
 }
-.designer_toolkit-wrapper[data-v-f9443079]::after {
+.designer_toolkit-wrapper[data-v-f7629063]::after {
   content: '';
   position: absolute;
   width: 1px;
@@ -10137,76 +10143,95 @@ ul li .widget-icon[data-v-393cb2aa] {
   background-color: #e0e3eb;
   right: 0;
 }
-.designer_panel-wrapper[data-v-9dd53f82] {
-  position: relative;
+.designer_panel-wrapper[data-v-a741f537] {
   display: flex;
+  position: relative;
+  flex: 1;
   flex-direction: column;
   height: 100%;
-  flex: 1;
   overflow: hidden;
 }
-.designer_panel-wrapper .panel-breadcrumb[data-v-9dd53f82] {
+.designer_panel-wrapper.is-design-readonly .panel-breadcrumb[data-v-a741f537],
+.designer_panel-wrapper.is-design-readonly .panel-container[data-v-a741f537] {
+  user-select: none;
+}
+.designer_panel-wrapper.is-design-readonly .panel-container[data-v-a741f537] .scrollbar__view,
+.designer_panel-wrapper.is-design-readonly .panel-container[data-v-a741f537] .scrollbar__view * {
+  cursor: not-allowed !important;
+  pointer-events: none !important;
+}
+.designer_panel-wrapper.is-design-readonly .panel-container[data-v-a741f537] .collapse-header,
+.designer_panel-wrapper.is-design-readonly .panel-container[data-v-a741f537] .allow-readonly-interact,
+.designer_panel-wrapper.is-design-readonly .panel-container[data-v-a741f537] .allow-readonly-view {
+  cursor: pointer !important;
+  pointer-events: auto !important;
+}
+.designer_panel-wrapper.is-design-readonly .panel-container[data-v-a741f537] .allow-readonly-view,
+.designer_panel-wrapper.is-design-readonly .panel-container[data-v-a741f537] .allow-readonly-view * {
+  cursor: pointer !important;
+}
+.designer_panel-wrapper.is-design-readonly .panel-breadcrumb[data-v-a741f537] .gct-breadcrumb-item:hover,
+.designer_panel-wrapper.is-design-readonly .panel-breadcrumb[data-v-a741f537] .gct-breadcrumb-link:hover {
+  color: #8b8b8b !important;
+}
+.designer_panel-wrapper .panel-breadcrumb[data-v-a741f537] {
   position: relative;
   -webkit-box-flex: 0;
-  -ms-flex: none;
-  -webkit-flex: none;
   flex: none;
 }
-.designer_panel-wrapper .panel-breadcrumb .breadcrumb[data-v-9dd53f82] {
+.designer_panel-wrapper .panel-breadcrumb .breadcrumb[data-v-a741f537] {
   padding: 9px 12px;
   font-size: 13px;
   line-height: 22px;
 }
-.designer_panel-wrapper .panel-breadcrumb .breadcrumb[data-v-9dd53f82] .gct-breadcrumb-item .gct-breadcrumb-link {
+.designer_panel-wrapper .panel-breadcrumb .breadcrumb[data-v-a741f537] .gct-breadcrumb-item .gct-breadcrumb-link {
   color: rgba(0, 0, 0, 0.45);
 }
-.designer_panel-wrapper .panel-breadcrumb .breadcrumb[data-v-9dd53f82] .gct-breadcrumb-item .gct-breadcrumb-link:hover {
+.designer_panel-wrapper .panel-breadcrumb .breadcrumb[data-v-a741f537] .gct-breadcrumb-item .gct-breadcrumb-link:hover {
   color: rgba(0, 0, 0, 0.7);
 }
-.designer_panel-wrapper .panel-breadcrumb .breadcrumb[data-v-9dd53f82] .gct-breadcrumb-item:last-child .gct-breadcrumb-link {
+.designer_panel-wrapper .panel-breadcrumb .breadcrumb[data-v-a741f537] .gct-breadcrumb-item:last-child .gct-breadcrumb-link {
   color: #212528;
 }
-.designer_panel-wrapper .panel-breadcrumb .title[data-v-9dd53f82] {
+.designer_panel-wrapper .panel-breadcrumb .title[data-v-a741f537] {
   padding: 9px 12px;
   font-size: 14px;
   font-weight: 500;
   line-height: 22px;
   color: #212528;
 }
-.designer_panel-wrapper .panel-breadcrumb[data-v-9dd53f82]::before {
+.designer_panel-wrapper .panel-breadcrumb[data-v-a741f537]::before {
   content: '';
   position: absolute;
+  bottom: 0;
+  left: 0;
   width: 100%;
   height: 1px;
   background-color: #e0e3eb;
-  bottom: 0;
-  left: 0;
 }
-.designer_panel-wrapper .panel-container[data-v-9dd53f82] {
+.designer_panel-wrapper .panel-container[data-v-a741f537] {
   -webkit-box-flex: 1;
-  -ms-flex: 1 1 0%;
-  -webkit-flex: 1 1 0%;
   flex: 1 1 0%;
   overflow: hidden;
 }
-.designer_panel-wrapper .panel-container .panel-scrollbar[data-v-9dd53f82] {
+.designer_panel-wrapper .panel-container .panel-scrollbar[data-v-a741f537] {
   position: relative;
 }
-.designer_panel-wrapper .panel-container .panel-scrollbar .container[data-v-9dd53f82] {
+.designer_panel-wrapper .panel-container .panel-scrollbar .container[data-v-a741f537] {
   padding: 12px;
 }
-.designer_panel-wrapper .panel-container .panel-scrollbar .empty[data-v-9dd53f82] {
+.designer_panel-wrapper .panel-container .panel-scrollbar .empty[data-v-a741f537] {
   padding: 12px;
   color: #999;
   font-size: 12px;
   text-align: center;
 }
-[data-v-9dd53f82] .collapse.panel-collapse.is-first .collapse-header::before {
+[data-v-a741f537] .collapse.panel-collapse.is-first .collapse-header::before {
   display: none;
 }
-[data-v-9dd53f82] .collapse.panel-collapse .collapse-header {
-  background: #f7f7f7;
+[data-v-a741f537] .collapse.panel-collapse .collapse-header {
   padding: 8px 12px;
+  background: #f7f7f7;
   color: #212528;
   font-size: 12px;
   font-weight: 500;
@@ -10489,80 +10514,80 @@ ul li .widget-icon[data-v-393cb2aa] {
   position: relative;
   background-color: #f0f0f0;
 }
-.doc-design-layout[data-v-149ac4bc] {
+.doc-design-layout[data-v-b0446176] {
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
 }
-.doc-design-layout.preview[data-v-149ac4bc] {
+.doc-design-layout.preview[data-v-b0446176] {
   pointer-events: none;
 }
-.doc-design-layout .design-body[data-v-149ac4bc] {
-  flex: 1;
+.doc-design-layout .design-body[data-v-b0446176] {
   display: flex;
+  flex: 1;
   min-height: 0;
 }
-.doc-design-layout .design-body .design-sidebar[data-v-149ac4bc] {
+.doc-design-layout .design-body .design-sidebar[data-v-b0446176] {
   position: relative;
+  flex-shrink: 0;
   overflow: hidden;
   background: #fff;
-  flex-shrink: 0;
 }
-.doc-design-layout .design-body .design-sidebar.left[data-v-149ac4bc] {
+.doc-design-layout .design-body .design-sidebar.left[data-v-b0446176] {
   border-right: 1px solid #e0e3eb;
 }
-.doc-design-layout .design-body .design-sidebar.right[data-v-149ac4bc] {
+.doc-design-layout .design-body .design-sidebar.right[data-v-b0446176] {
   border-left: 1px solid #e0e3eb;
 }
-.doc-design-layout .design-body .design-sidebar .right-container[data-v-149ac4bc] {
-  position: relative;
+.doc-design-layout .design-body .design-sidebar .right-container[data-v-b0446176] {
   display: flex;
+  position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
-.doc-design-layout .design-body .design-sidebar .right-container .divider[data-v-149ac4bc] {
+.doc-design-layout .design-body .design-sidebar .right-container .divider[data-v-b0446176] {
   position: absolute;
-  left: 0;
-  top: 0;
   z-index: 10;
+  top: 0;
+  left: 0;
+  left: 46px;
   width: 6px;
   height: 100%;
-  cursor: ew-resize;
-  left: 46px;
   transform: translateX(-50%);
+  cursor: ew-resize;
 }
-.doc-design-layout .design-body .design-main[data-v-149ac4bc] {
+.doc-design-layout .design-body .design-main[data-v-b0446176] {
   position: relative;
   flex: 1;
   min-height: 0;
   overflow: hidden;
 }
-.doc-design-layout .design-body .design-main .empty-container[data-v-149ac4bc] {
+.doc-design-layout .design-body .design-main .empty-container[data-v-b0446176] {
+  display: flex;
   position: absolute;
+  z-index: 2;
   top: 0;
   left: 50%;
-  z-index: 2;
-  display: flex;
+  box-sizing: border-box;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
-  box-sizing: border-box;
-  pointer-events: all;
   transform: translateX(-50%);
+  pointer-events: all;
 }
-.doc-design-layout .design-footer[data-v-149ac4bc] {
-  flex-shrink: 0;
+.doc-design-layout .design-footer[data-v-b0446176] {
   display: flex;
+  flex-shrink: 0;
   align-items: center;
-  height: 0px;
+  height: 0;
   padding: 0 12px;
-  font-size: 12px;
-  background: #f8f8f8;
-  border-top: 1px solid #e0e3eb;
   border: none;
+  border-top: 1px solid #e0e3eb;
+  background: #f8f8f8;
+  font-size: 12px;
 }
 .render-container[data-v-6394e9f9] {
   overflow-y: auto;
@@ -10855,7 +10880,7 @@ svg.portrait-icon[data-v-8bdb451e] {
   align-items: center;
   gap: 6px;
 }
-.form-item-end[data-v-424c7947] {
+.form-item-end[data-v-494bbd16] {
   width: 100%;
   display: flex;
   line-height: 22px;
@@ -10863,7 +10888,7 @@ svg.portrait-icon[data-v-8bdb451e] {
   align-items: center;
   justify-content: flex-end;
 }
-.tooltip-text[data-v-424c7947] {
+.tooltip-text[data-v-494bbd16] {
   padding: 6px;
   width: 240px;
   color: #666;
@@ -10953,7 +10978,7 @@ svg.portrait-icon[data-v-8bdb451e] {
   line-height: 20px;
   margin-top: 4px;
 }
-.qrcode-parse-button[data-v-739255c3] {
+.qrcode-parse-button[data-v-aba5f82e] {
   height: 32px;
   border: 1px solid #d9d9d9;
   color: #333;
@@ -10964,11 +10989,11 @@ svg.portrait-icon[data-v-8bdb451e] {
   cursor: pointer;
   box-sizing: border-box;
 }
-.qrcode-parse-button[data-v-739255c3]:hover {
+.qrcode-parse-button[data-v-aba5f82e]:hover {
   border-color: #026ac8;
   color: #026ac8;
 }
-.qrcode-parse-button.primary[data-v-739255c3] {
+.qrcode-parse-button.primary[data-v-aba5f82e] {
   border-color: #026ac8;
   background-color: #026ac8;
   color: #fff;
@@ -12142,34 +12167,34 @@ svg.portrait-icon[data-v-8bdb451e] {
 .panel-rule .collapse-inner[data-v-1da79152] {
   padding: 16px;
 }
-.field-dependency-form .form-row[data-v-c1906135] {
+.field-dependency-form .form-row[data-v-8c49df87] {
   display: flex;
   align-items: center;
   margin-bottom: 16px;
   gap: 12px;
   padding-right: 24px;
 }
-.field-dependency-form .form-row.current-component[data-v-c1906135] {
+.field-dependency-form .form-row.current-component[data-v-8c49df87] {
   align-items: flex-start;
 }
-.field-dependency-form .form-row.current-component .control[data-v-c1906135] {
+.field-dependency-form .form-row.current-component .control[data-v-8c49df87] {
   flex-direction: column;
   align-items: flex-start;
 }
-.field-dependency-form .label[data-v-c1906135] {
+.field-dependency-form .label[data-v-8c49df87] {
   width: 100px;
   text-align: right;
   line-height: 32px;
   color: rgba(0, 0, 0, 0.85);
   font-size: 13px;
 }
-.field-dependency-form .label[data-v-c1906135]:after {
+.field-dependency-form .label[data-v-8c49df87]:after {
   content: ':';
   margin: 0 2px 0 2px;
   position: relative;
   top: -0.5px;
 }
-.field-dependency-form .label.required[data-v-c1906135]::before {
+.field-dependency-form .label.required[data-v-8c49df87]::before {
   color: #ff4d4f;
   content: '*';
   display: inline-block;
@@ -12178,59 +12203,59 @@ svg.portrait-icon[data-v-8bdb451e] {
   line-height: 1;
   margin-right: 4px;
 }
-.field-dependency-form .control[data-v-c1906135] {
+.field-dependency-form .control[data-v-8c49df87] {
   flex: 1;
   display: flex;
   align-items: center;
   position: relative;
 }
-.field-dependency-form .field-icon[data-v-c1906135] {
+.field-dependency-form .field-icon[data-v-8c49df87] {
   display: flex;
   align-items: center;
   color: rgba(0, 0, 0, 0.85);
   font-size: 13px;
   line-height: 32px;
 }
-.field-dependency-form .field-icon .icon[data-v-c1906135] {
+.field-dependency-form .field-icon .icon[data-v-8c49df87] {
   margin-right: 8px;
 }
-.field-dependency-form .message[data-v-c1906135] {
+.field-dependency-form .message[data-v-8c49df87] {
   font-size: 12px;
   color: #c3c3c3;
   margin-top: 4px;
 }
-.field-dependency-form .error[data-v-c1906135] {
+.field-dependency-form .error[data-v-8c49df87] {
   color: #ff4d4f;
   font-size: 12px;
   line-height: 20px;
   margin-top: 4px;
 }
-.field-dependency-form[data-v-c1906135] .field-dependency-breadcrumb-link.gct-breadcrumb {
+.field-dependency-form[data-v-8c49df87] .field-dependency-breadcrumb-link.gct-breadcrumb {
   font-size: 13px;
 }
-.field-dependency-form[data-v-c1906135] .field-dependency-breadcrumb-link.gct-breadcrumb .gct-breadcrumb-separator {
+.field-dependency-form[data-v-8c49df87] .field-dependency-breadcrumb-link.gct-breadcrumb .gct-breadcrumb-separator {
   margin: 0 2px;
 }
-.field-dependency-form[data-v-c1906135] .field-dependency-breadcrumb-link.gct-breadcrumb .gct-breadcrumb-link {
+.field-dependency-form[data-v-8c49df87] .field-dependency-breadcrumb-link.gct-breadcrumb .gct-breadcrumb-link {
   color: rgba(0, 0, 0, 0.45);
 }
-.field-dependency-form[data-v-c1906135] .field-dependency-breadcrumb-link.gct-breadcrumb .gct-breadcrumb-item:last-child .gct-breadcrumb-link {
+.field-dependency-form[data-v-8c49df87] .field-dependency-breadcrumb-link.gct-breadcrumb .gct-breadcrumb-item:last-child .gct-breadcrumb-link {
   color: rgba(0, 0, 0, 0.85);
 }
-.field-dependency-form[data-v-c1906135] .field-dependency-radio.gct-radio-group {
+.field-dependency-form[data-v-8c49df87] .field-dependency-radio.gct-radio-group {
   gap: 24px;
   color: rgba(0, 0, 0, 0.85);
 }
-.field-dependency-module[data-v-8e863286] {
+.field-dependency-module[data-v-de8e9e5b] {
   position: relative;
   padding: 16px;
 }
-.field-dependency-module .field-dependency-message[data-v-8e863286] {
+.field-dependency-module .field-dependency-message[data-v-de8e9e5b] {
   font-size: 13px;
   color: #c3c3c3;
   margin-bottom: 8px;
 }
-.field-dependency-module .field-dependency-button[data-v-8e863286] {
+.field-dependency-module .field-dependency-button[data-v-de8e9e5b] {
   height: 32px;
   border: 1px solid #026ac8;
   color: #026ac8;
@@ -12241,22 +12266,22 @@ svg.portrait-icon[data-v-8bdb451e] {
   cursor: pointer;
   box-sizing: border-box;
 }
-.field-dependency-module .field-dependency-button[data-v-8e863286]:hover {
+.field-dependency-module .field-dependency-button[data-v-de8e9e5b]:hover {
   border-color: #026ac8;
   background-color: #026ac8;
   color: #fff;
 }
-.field-dependency-module .field-dependency-list[data-v-8e863286] {
+.field-dependency-module .field-dependency-list[data-v-de8e9e5b] {
   position: relative;
 }
-.field-dependency-module .field-dependency-list .field-dependency-item[data-v-8e863286] {
+.field-dependency-module .field-dependency-list .field-dependency-item[data-v-de8e9e5b] {
   padding: 4px;
   border-radius: 4px;
   background-color: #f2f4f7;
   position: relative;
   margin-top: 8px;
 }
-.field-dependency-module .field-dependency-list .field-dependency-item .item-header[data-v-8e863286] {
+.field-dependency-module .field-dependency-list .field-dependency-item .item-header[data-v-de8e9e5b] {
   display: flex;
   justify-content: space-between;
   padding: 3px 6px;
@@ -12265,16 +12290,16 @@ svg.portrait-icon[data-v-8bdb451e] {
   color: #212528;
   align-items: center;
 }
-.field-dependency-module .field-dependency-list .field-dependency-item .item-header .label[data-v-8e863286] {
+.field-dependency-module .field-dependency-list .field-dependency-item .item-header .label[data-v-de8e9e5b] {
   margin-left: 4px;
   color: #c3c3c3;
 }
-.field-dependency-module .field-dependency-list .field-dependency-item .item-header .action[data-v-8e863286] {
+.field-dependency-module .field-dependency-list .field-dependency-item .item-header .action[data-v-de8e9e5b] {
   display: inline-flex;
   gap: 8px;
   cursor: pointer;
 }
-.field-dependency-module .field-dependency-list .field-dependency-item .content[data-v-8e863286] {
+.field-dependency-module .field-dependency-list .field-dependency-item .content[data-v-de8e9e5b] {
   padding: 4px 6px;
   color: #797a7d;
   background-color: #fff;
@@ -12555,14 +12580,14 @@ svg.portrait-icon[data-v-8bdb451e] {
   line-height: 20px;
   margin-top: 4px;
 }
-.form-item.default.ref-autofill-editor.is-content-hidden[data-v-449fd707] .form-item__label {
+.form-item.default.ref-autofill-editor.is-content-hidden[data-v-27e2f694] .form-item__label {
   margin-bottom: 0 !important ;
 }
-.ref-autofill-editor__extra[data-v-449fd707] {
+.ref-autofill-editor__extra[data-v-27e2f694] {
   display: inline-flex;
   align-items: center;
 }
-.data-filter-button[data-v-449fd707] {
+.data-filter-button[data-v-27e2f694] {
   height: 32px;
   border: 1px solid #d9d9d9;
   color: #333;
@@ -12573,11 +12598,11 @@ svg.portrait-icon[data-v-8bdb451e] {
   cursor: pointer;
   box-sizing: border-box;
 }
-.data-filter-button[data-v-449fd707]:hover {
+.data-filter-button[data-v-27e2f694]:hover {
   border-color: #026ac8;
   color: #026ac8;
 }
-.data-filter-button.primary[data-v-449fd707] {
+.data-filter-button.primary[data-v-27e2f694] {
   border-color: #026ac8;
   background-color: #026ac8;
   color: #fff;
@@ -12630,47 +12655,47 @@ svg.portrait-icon[data-v-8bdb451e] {
 .panel-field-e-sop-version-config[data-v-9e0cdf07] {
   padding: 16px;
 }
-.enum-option-item[data-v-ae49da84] {
+.enum-option-item[data-v-e91c9c0e] {
   margin-bottom: 4px;
   background: #f0f0f0;
   border-radius: 4px;
   overflow: hidden;
 }
-.enum-option-item__main[data-v-ae49da84] {
+.enum-option-item__main[data-v-e91c9c0e] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 4px;
 }
-.enum-option-item .left[data-v-ae49da84] {
+.enum-option-item .left[data-v-e91c9c0e] {
   flex-grow: 1;
   display: flex;
   align-items: center;
 }
-.enum-option-item .option-drag[data-v-ae49da84] {
+.enum-option-item .option-drag[data-v-e91c9c0e] {
   color: #c3c3c3;
   cursor: move;
   margin-right: 4px;
   line-height: 1;
 }
-.enum-option-item .actions[data-v-ae49da84] {
+.enum-option-item .actions[data-v-e91c9c0e] {
   display: inline-flex;
   align-items: center;
 }
-.enum-option-item .actions .option-edit[data-v-ae49da84] {
+.enum-option-item .actions .option-edit[data-v-e91c9c0e] {
   line-height: 1;
   width: 16px;
   margin-left: 6px;
   cursor: pointer;
   color: #797a7d;
 }
-.enum-option-item .actions .option-edit[data-v-ae49da84]:hover {
+.enum-option-item .actions .option-edit[data-v-e91c9c0e]:hover {
   color: #333;
 }
-.enum-option-item .actions .option-enable[data-v-ae49da84] {
+.enum-option-item .actions .option-enable[data-v-e91c9c0e] {
   margin-left: 6px;
 }
-.enum-option-item .option__attach-field[data-v-ae49da84] {
+.enum-option-item .option__attach-field[data-v-e91c9c0e] {
   margin-top: 0;
 }
 .enum-form .form-row[data-v-da530c22] {
@@ -12700,17 +12725,17 @@ svg.portrait-icon[data-v-8bdb451e] {
   bottom: -22px;
   line-height: 20px;
 }
-.extra-area[data-v-74ed3434] {
+.extra-area[data-v-72d224de] {
   display: inline-flex;
 }
-.extra-area .extra-item[data-v-74ed3434] {
+.extra-area .extra-item[data-v-72d224de] {
   display: inline-flex;
   align-items: center;
   color: #026ac8;
   gap: 3px;
   cursor: pointer;
 }
-.empty[data-v-74ed3434] {
+.empty[data-v-72d224de] {
   display: flex;
   align-items: center;
   justify-content: center;