@gct-paas/word 0.2.7-beta.3 → 0.2.7-beta.4

package/dist/word.css

@@ -5760,7 +5760,7 @@
 .v-popper--theme-gct-dropdown .v-popper__arrow-inner {
     visibility: hidden;
 }
-.popper-wrap[data-v-2e48bae3] {
+.popper-wrap[data-v-c8016f2b] {
   position: relative;
   width: 100%;
   width: var(--dropdown-popper-width, 136px);
@@ -5768,21 +5768,21 @@
   height: 100%;
   overflow: hidden;
 }
-.popper-wrap .popper-scrollbar[data-v-2e48bae3] {
+.popper-wrap .popper-scrollbar[data-v-c8016f2b] {
   position: relative;
   padding: 8px;
 }
-.popper-wrap .popper-scrollbar .popper-container[data-v-2e48bae3] {
+.popper-wrap .popper-scrollbar .popper-container[data-v-c8016f2b] {
   position: relative;
   width: 100%;
   max-height: var(--dropdown-list-max-height, 300px);
 }
-.popper-wrap .popper-scrollbar .group-label[data-v-2e48bae3] {
+.popper-wrap .popper-scrollbar .group-label[data-v-c8016f2b] {
   padding: 6px 4px;
   color: #888;
   font-size: 12px;
 }
-.popper-wrap .popper-scrollbar .option-item[data-v-2e48bae3] {
+.popper-wrap .popper-scrollbar .option-item[data-v-c8016f2b] {
   display: flex;
   position: relative;
   align-items: center;
@@ -5794,31 +5794,31 @@
   font-size: 14px;
   white-space: nowrap;
 }
-.popper-wrap .popper-scrollbar .option-item[data-v-2e48bae3]:not(.disabled):hover {
+.popper-wrap .popper-scrollbar .option-item[data-v-c8016f2b]:not(.disabled):hover {
   background: rgba(13, 13, 13, 0.06);
 }
-.popper-wrap .popper-scrollbar .option-item:not(.disabled):hover .edit-icon[data-v-2e48bae3] {
+.popper-wrap .popper-scrollbar .option-item:not(.disabled):hover .edit-icon[data-v-c8016f2b] {
   display: inline-flex;
 }
-.popper-wrap .popper-scrollbar .option-item + .option-item[data-v-2e48bae3] {
+.popper-wrap .popper-scrollbar .option-item + .option-item[data-v-c8016f2b] {
   margin-top: 4px;
 }
-.popper-wrap .popper-scrollbar .option-item.disabled[data-v-2e48bae3] {
+.popper-wrap .popper-scrollbar .option-item.disabled[data-v-c8016f2b] {
   opacity: 0.3;
   pointer-events: none;
 }
-.popper-wrap .popper-scrollbar .option-item .option-left[data-v-2e48bae3] {
+.popper-wrap .popper-scrollbar .option-item .option-left[data-v-c8016f2b] {
   display: inline-flex;
   align-items: center;
 }
-.popper-wrap .popper-scrollbar .option-item .o-icon[data-v-2e48bae3] {
+.popper-wrap .popper-scrollbar .option-item .o-icon[data-v-c8016f2b] {
   display: inline-flex;
   flex-shrink: 0;
   width: 16px;
   height: 16px;
   margin-right: 8px;
 }
-.popper-wrap .popper-scrollbar .option-item .v-popper.option-label-tooltip[data-v-2e48bae3] {
+.popper-wrap .popper-scrollbar .option-item .v-popper.option-label-tooltip[data-v-c8016f2b] {
   display: inline-flex;
   flex: 1;
   overflow: hidden;
@@ -5826,7 +5826,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.popper-wrap .popper-scrollbar .option-item .option-label[data-v-2e48bae3] {
+.popper-wrap .popper-scrollbar .option-item .option-label[data-v-c8016f2b] {
   display: inline-block;
   overflow: hidden;
   line-height: 24px;
@@ -5835,18 +5835,18 @@
   white-space: nowrap;
   cursor: default;
 }
-.popper-wrap .popper-scrollbar .option-item .option-right[data-v-2e48bae3] {
+.popper-wrap .popper-scrollbar .option-item .option-right[data-v-c8016f2b] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-.popper-wrap .popper-scrollbar .option-item .option-right .check-icon[data-v-2e48bae3] {
+.popper-wrap .popper-scrollbar .option-item .option-right .check-icon[data-v-c8016f2b] {
   flex-shrink: 0;
   margin-left: 8px;
   color: #026ac8;
   line-height: 1;
 }
-.popper-wrap .popper-scrollbar .option-item .option-right .edit-icon[data-v-2e48bae3] {
+.popper-wrap .popper-scrollbar .option-item .option-right .edit-icon[data-v-c8016f2b] {
   display: inline-flex;
   display: none;
   flex-shrink: 0;
@@ -5857,29 +5857,29 @@
   margin-left: 8px;
   border-radius: 4px;
 }
-.popper-wrap .popper-scrollbar .option-item .option-right .edit-icon[data-v-2e48bae3]:hover {
+.popper-wrap .popper-scrollbar .option-item .option-right .edit-icon[data-v-c8016f2b]:hover {
   background: rgba(13, 13, 13, 0.06);
 }
-.popper-wrap .popper-scrollbar .divider[data-v-2e48bae3] {
+.popper-wrap .popper-scrollbar .divider[data-v-c8016f2b] {
   height: 1px;
   margin: 6px 0;
   background: #f0f0f0;
 }
-.gct-dropdown-basic-select[data-v-2e48bae3] {
+.gct-dropdown-basic-select[data-v-c8016f2b] {
   display: inline-block;
   line-height: 1;
   vertical-align: middle;
   /** 文字 */
   /** icon */
 }
-.gct-dropdown-basic-select.gct-dropdown-basic-select--normal .gct-dropdown-basic-select-container[data-v-2e48bae3] {
+.gct-dropdown-basic-select.gct-dropdown-basic-select--normal .gct-dropdown-basic-select-container[data-v-c8016f2b] {
   width: 88px;
   padding-left: 12px;
 }
-.gct-dropdown-basic-select.gct-dropdown-basic-select--icon .title[data-v-2e48bae3] {
+.gct-dropdown-basic-select.gct-dropdown-basic-select--icon .title[data-v-c8016f2b] {
   line-height: 1 !important;
 }
-.gct-dropdown-basic-select .gct-dropdown-basic-select-container[data-v-2e48bae3] {
+.gct-dropdown-basic-select .gct-dropdown-basic-select-container[data-v-c8016f2b] {
   display: inline-flex;
   position: relative;
   box-sizing: border-box;
@@ -5892,7 +5892,7 @@
   border-radius: 6px;
   cursor: pointer;
 }
-.gct-dropdown-basic-select .gct-dropdown-basic-select-container .title[data-v-2e48bae3] {
+.gct-dropdown-basic-select .gct-dropdown-basic-select-container .title[data-v-c8016f2b] {
   max-width: 100%;
   overflow: hidden;
   color: #0d0d0d;
@@ -5902,19 +5902,59 @@
   word-wrap: normal;
   white-space: nowrap;
 }
-.gct-dropdown-basic-select .gct-dropdown-basic-select-container .change-icon[data-v-2e48bae3] {
+.gct-dropdown-basic-select .gct-dropdown-basic-select-container .change-icon[data-v-c8016f2b] {
   margin-left: 4px;
   transition: all 0.3s ease;
 }
-.gct-dropdown-basic-select .gct-dropdown-basic-select-container[data-v-2e48bae3]:hover {
+.gct-dropdown-basic-select .gct-dropdown-basic-select-container[data-v-c8016f2b]:hover {
   background: rgba(13, 13, 13, 0.06);
 }
-.gct-dropdown-basic-select .gct-dropdown-basic-select-container.active[data-v-2e48bae3] {
+.gct-dropdown-basic-select .gct-dropdown-basic-select-container.active[data-v-c8016f2b] {
   background: rgba(13, 13, 13, 0.1);
 }
-.gct-dropdown-basic-select .gct-dropdown-basic-select-container.active .change-icon[data-v-2e48bae3] {
+.gct-dropdown-basic-select .gct-dropdown-basic-select-container.active .change-icon[data-v-c8016f2b] {
   transform: rotate(-180deg);
 }
+.gct-dropdown-basic-select .gct-dropdown-basic-select-container.is-split[data-v-c8016f2b] {
+  padding: 0;
+  overflow: hidden;
+  border: 1px solid transparent;
+}
+.gct-dropdown-basic-select .gct-dropdown-basic-select-container.is-split .title[data-v-c8016f2b] {
+  display: inline-flex;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  min-width: 28px;
+  height: 100%;
+  padding: 2px 6px;
+}
+.gct-dropdown-basic-select .gct-dropdown-basic-select-container.is-split .right-btn[data-v-c8016f2b] {
+  display: inline-flex;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 100%;
+  border-left: 1px solid transparent;
+}
+.gct-dropdown-basic-select .gct-dropdown-basic-select-container.is-split .change-icon[data-v-c8016f2b] {
+  margin-left: 0;
+}
+.gct-dropdown-basic-select .gct-dropdown-basic-select-container.is-split[data-v-c8016f2b]:hover,
+.gct-dropdown-basic-select .gct-dropdown-basic-select-container.is-split.active[data-v-c8016f2b] {
+  border-color: rgba(13, 13, 13, 0.12);
+  background: transparent;
+}
+.gct-dropdown-basic-select .gct-dropdown-basic-select-container.is-split:hover .right-btn[data-v-c8016f2b],
+.gct-dropdown-basic-select .gct-dropdown-basic-select-container.is-split.active .right-btn[data-v-c8016f2b] {
+  border-left-color: rgba(13, 13, 13, 0.12);
+}
+.gct-dropdown-basic-select .gct-dropdown-basic-select-container.is-split .title[data-v-c8016f2b]:hover,
+.gct-dropdown-basic-select .gct-dropdown-basic-select-container.is-split .right-btn[data-v-c8016f2b]:hover,
+.gct-dropdown-basic-select .gct-dropdown-basic-select-container.is-split.active .right-btn[data-v-c8016f2b] {
+  background: rgba(13, 13, 13, 0.06);
+}
 .dropdown-popper-wrap[data-v-99f66dd1] {
   position: relative;
   height: 100%;
@@ -6402,7 +6442,7 @@ input[data-v-3653471b]::placeholder {
   opacity: 1;
   color: rgba(0, 0, 0, 0.25);
 }
-.gct-input-number[data-v-603efadc] {
+.gct-input-number[data-v-33bd8118] {
   display: inline-flex;
   box-sizing: border-box;
   align-items: stretch;
@@ -6412,10 +6452,10 @@ input[data-v-3653471b]::placeholder {
   border-radius: 4px;
   background: #fff;
 }
-.gct-input-number[data-v-603efadc]:has(input:focus) {
+.gct-input-number[data-v-33bd8118]:has(input:focus) {
   border-color: #026ac8;
 }
-.gct-input-number input[data-v-603efadc] {
+.gct-input-number input[data-v-33bd8118] {
   width: 100%;
   padding: 4px 8px;
   border: none;
@@ -6423,10 +6463,10 @@ input[data-v-3653471b]::placeholder {
   font-size: 14px;
   line-height: 1.5715;
 }
-.gct-input-number input:focus ~ .gct-input-number-clear-icon[data-v-603efadc] {
+.gct-input-number input:focus ~ .gct-input-number-clear-icon[data-v-33bd8118] {
   opacity: 1;
 }
-.gct-input-number .gct-input-number-clear-icon[data-v-603efadc] {
+.gct-input-number .gct-input-number-clear-icon[data-v-33bd8118] {
   display: flex;
   z-index: 99;
   align-items: center;
@@ -6434,11 +6474,11 @@ input[data-v-3653471b]::placeholder {
   opacity: 0;
   cursor: pointer;
 }
-.gct-input-number .gct-input-number-clear-icon:hover .gct-icon[data-v-603efadc] {
+.gct-input-number .gct-input-number-clear-icon:hover .gct-icon[data-v-33bd8118] {
   transition: color 0.3s;
   color: rgba(0, 0, 0, 0.45);
 }
-.gct-input-number .gct-input-number-clear-icon-default[data-v-603efadc] {
+.gct-input-number .gct-input-number-clear-icon-default[data-v-33bd8118] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -6446,8 +6486,8 @@ input[data-v-3653471b]::placeholder {
   height: 12px;
   font-size: 12px;
 }
-.gct-input-number .gct-input-number-prefix[data-v-603efadc],
-.gct-input-number .gct-input-number-suffix[data-v-603efadc] {
+.gct-input-number .gct-input-number-prefix[data-v-33bd8118],
+.gct-input-number .gct-input-number-suffix[data-v-33bd8118] {
   display: flex;
   flex: none;
   align-items: center;
@@ -6457,23 +6497,23 @@ input[data-v-3653471b]::placeholder {
   font-size: 13px;
   white-space: nowrap;
 }
-.gct-input-number .gct-input-number-prefix[data-v-603efadc] {
+.gct-input-number .gct-input-number-prefix[data-v-33bd8118] {
   margin-right: 4px;
 }
-.gct-input-number .gct-input-number-suffix[data-v-603efadc] {
+.gct-input-number .gct-input-number-suffix[data-v-33bd8118] {
   border-left: 1px solid #d9d9d9;
 }
-.gct-input-number .gct-input-number-prefix-text[data-v-603efadc],
-.gct-input-number .gct-input-number-suffix-text[data-v-603efadc] {
+.gct-input-number .gct-input-number-prefix-text[data-v-33bd8118],
+.gct-input-number .gct-input-number-suffix-text[data-v-33bd8118] {
   color: rgba(0, 0, 0, 0.45);
   line-height: 22px;
 }
-.gct-input-number .stepper[data-v-603efadc] {
+.gct-input-number .stepper[data-v-33bd8118] {
   display: flex;
   flex-direction: column;
   gap: 2px;
 }
-.gct-input-number .stepper .step[data-v-603efadc] {
+.gct-input-number .stepper .step[data-v-33bd8118] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -6485,23 +6525,23 @@ input[data-v-3653471b]::placeholder {
   cursor: pointer;
   user-select: none;
 }
-.gct-input-number .stepper .step[data-v-603efadc]:hover:not(.disabled) {
+.gct-input-number .stepper .step[data-v-33bd8118]:hover:not(.disabled) {
   background-color: rgba(2, 106, 200, 0.18);
 }
-.gct-input-number .stepper .step:hover:not(.disabled) .gct-icon[data-v-603efadc] {
+.gct-input-number .stepper .step:hover:not(.disabled) .gct-icon[data-v-33bd8118] {
   color: #026ac8;
 }
-.gct-input-number .stepper .step.disabled[data-v-603efadc] {
+.gct-input-number .stepper .step.disabled[data-v-33bd8118] {
   color: #ccc;
   cursor: not-allowed;
 }
-.gct-input-number .handler[data-v-603efadc] {
+.gct-input-number .handler[data-v-33bd8118] {
   display: flex;
   flex-direction: column;
   border-left: 1px solid #d9d9d9;
   background: #fafafa;
 }
-.gct-input-number .handler span[data-v-603efadc] {
+.gct-input-number .handler span[data-v-33bd8118] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -6511,19 +6551,19 @@ input[data-v-3653471b]::placeholder {
   cursor: pointer;
   user-select: none;
 }
-.gct-input-number .handler span[data-v-603efadc]:hover:not(.disabled) {
+.gct-input-number .handler span[data-v-33bd8118]:hover:not(.disabled) {
   background: #f0f0f0;
 }
-.gct-input-number .handler span.disabled[data-v-603efadc] {
+.gct-input-number .handler span.disabled[data-v-33bd8118] {
   color: #ccc;
   cursor: not-allowed;
 }
-.gct-input-number.disabled[data-v-603efadc] {
+.gct-input-number.disabled[data-v-33bd8118] {
   opacity: 0.7;
   background: #f5f5f5;
   pointer-events: none;
 }
-input[data-v-603efadc]::placeholder {
+input[data-v-33bd8118]::placeholder {
   opacity: 1;
   color: rgba(0, 0, 0, 0.25);
 }
@@ -9912,82 +9952,104 @@ to {
   width: 100%;
   overflow: hidden;
 }
-.signature-form[data-v-b612ae9b] {
+.signature-form[data-v-7336e00c] {
   position: relative;
   box-sizing: border-box;
   width: 100%;
-  padding: 8px 44px 0;
+  padding: 8px 30px 0;
 }
 @media (max-width: 640px) {
-.signature-form[data-v-b612ae9b] {
+.signature-form[data-v-7336e00c] {
     padding-right: 8px;
     padding-left: 8px;
 }
-.signature-form .signature-actions[data-v-b612ae9b] {
+.signature-form .signature-actions[data-v-7336e00c] {
     margin-right: -24px;
     margin-left: -24px;
 }
 }
-.signature-form.is-success[data-v-b612ae9b] {
+@media (hover: none) {
+.signature-form .delete[data-v-7336e00c] {
+    opacity: 1;
+}
+}
+.signature-form.is-success[data-v-7336e00c] {
   padding-bottom: 64px;
 }
-.signature-form.is-config-loading[data-v-b612ae9b] {
+.signature-form.is-config-loading[data-v-7336e00c] {
   display: flex;
   flex-direction: column;
   min-height: 220px;
 }
-.signature-form.is-config-loading .signature-actions[data-v-b612ae9b] {
+.signature-form.is-config-loading .signature-actions[data-v-7336e00c] {
   margin-top: auto;
 }
-.signature-form .signature-actions[data-v-b612ae9b] {
+.signature-form .signature-actions[data-v-7336e00c] {
   display: flex;
   justify-content: flex-end;
   gap: 12px;
-  margin: 0 -60px -16px;
+  margin: 0 -46px -16px;
   padding: 16px;
   border-top: 1px solid #e0e3eb;
 }
-.signature-form .scrollbar[data-v-b612ae9b] {
+.signature-form .scrollbar[data-v-7336e00c] {
   position: relative;
   margin-top: 8px;
-  padding-right: 24px;
 }
-.signature-form .img-box[data-v-b612ae9b] {
-  display: flex;
-  gap: 12px;
-  flex-wrap: wrap;
+.signature-form .img-box[data-v-7336e00c] {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, 130px);
+  gap: 8px;
   max-height: 200px;
   padding-top: 8px;
   padding-bottom: 8px;
 }
-.signature-form .img-item[data-v-b612ae9b] {
+.signature-form .img-item[data-v-7336e00c] {
   position: relative;
-  width: 80px;
-  height: 80px;
+  box-sizing: border-box;
+  width: 130px;
+  height: 78px;
+  padding: 4px;
+  border: 1px solid #e0e3eb;
+  border-radius: 6px;
+  background: #fff;
+}
+.signature-form .img-item[data-v-7336e00c]:hover {
+  border-color: #8bbde8;
+}
+.signature-form .img-item:hover .delete[data-v-7336e00c],
+.signature-form .img-item:focus-within .delete[data-v-7336e00c] {
+  opacity: 1;
 }
-.signature-form .img[data-v-b612ae9b] {
+.signature-form .img[data-v-7336e00c] {
   display: block;
-  width: 100%;
-  height: 100%;
+  width: 120px;
+  height: 68px;
   border-radius: 4px;
-  background-color: #f7f8fa;
+  background-color: #f6f7f9;
   cursor: pointer;
   object-fit: contain;
 }
-.signature-form .delete[data-v-b612ae9b] {
+.signature-form .delete[data-v-7336e00c] {
   display: flex;
   position: absolute;
-  top: -6px;
-  right: -6px;
+  top: 8px;
+  right: 8px;
   align-items: center;
   justify-content: center;
   width: 18px;
   height: 18px;
+  padding: 0;
+  border: 0;
   border-radius: 50%;
+  opacity: 0;
   background: #000;
   cursor: pointer;
 }
-.signature-form .preview-mask[data-v-b612ae9b] {
+.signature-form .delete[data-v-7336e00c]:focus-visible {
+  opacity: 1;
+}
+.signature-form .preview-mask[data-v-7336e00c] {
   display: flex;
   position: fixed;
   z-index: 9999;
@@ -9996,7 +10058,7 @@ to {
   background: rgba(0, 0, 0, 0.4);
   inset: 0;
 }
-.signature-form .preview-mask img[data-v-b612ae9b] {
+.signature-form .preview-mask img[data-v-7336e00c] {
   max-width: 80%;
   max-height: 80%;
 }
@@ -10967,6 +11029,71 @@ to {
 .vc-chrome-picker.color-submenu-picker[data-v-cd12b35c] .body .fieldsWrap .toggle-icon {
   color: #999;
 }
+.border-icon[data-v-2850b1af] {
+  --solid-border: 1px solid #212528;
+  --dashed-border: 1px dashed #c3c3c3;
+  display: inline-block;
+  position: relative;
+  box-sizing: border-box;
+  flex-shrink: 0;
+  width: 13px;
+  height: 13px;
+  border: var(--dashed-border);
+  vertical-align: middle;
+}
+.border-icon[data-v-2850b1af]::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 5px;
+  width: 1px;
+  height: 100%;
+  border-right: var(--dashed-border);
+}
+.border-icon[data-v-2850b1af]::before {
+  content: '';
+  position: absolute;
+  top: 5px;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  border-bottom: var(--dashed-border);
+}
+.border-icon--all[data-v-2850b1af],
+.border-icon--outer[data-v-2850b1af],
+.border-icon--thickOuter[data-v-2850b1af],
+.border-icon--left[data-v-2850b1af] {
+  border-left: var(--solid-border);
+}
+.border-icon--all[data-v-2850b1af],
+.border-icon--outer[data-v-2850b1af],
+.border-icon--thickOuter[data-v-2850b1af],
+.border-icon--top[data-v-2850b1af] {
+  border-top: var(--solid-border);
+}
+.border-icon--all[data-v-2850b1af],
+.border-icon--outer[data-v-2850b1af],
+.border-icon--thickOuter[data-v-2850b1af],
+.border-icon--right[data-v-2850b1af] {
+  border-right: var(--solid-border);
+}
+.border-icon--all[data-v-2850b1af],
+.border-icon--outer[data-v-2850b1af],
+.border-icon--thickOuter[data-v-2850b1af],
+.border-icon--bottom[data-v-2850b1af] {
+  border-bottom: var(--solid-border);
+}
+.border-icon--all[data-v-2850b1af]::after,
+.border-icon--inside[data-v-2850b1af]::after {
+  border-right: var(--solid-border);
+}
+.border-icon--all[data-v-2850b1af]::before,
+.border-icon--inside[data-v-2850b1af]::before {
+  border-bottom: var(--solid-border);
+}
+.border-icon--thickOuter[data-v-2850b1af] {
+  border-width: 2px;
+}
 .container[data-v-ba868174] {
   padding: 0 20px;
 }
@@ -10998,13 +11125,23 @@ to {
   vertical-align: middle;
   flex-shrink: 0;
 }
-.ribbon-tab-item[data-v-7b2248d9] {
+.table-border-option-icon[data-v-59a1029b] {
+  top: -1px;
+  margin-right: 6px;
+}
+.table-border-select.is-disabled[data-v-59a1029b] {
+  opacity: 0.45;
+}
+.table-border-select.is-disabled[data-v-59a1029b] .gct-dropdown-basic-select-container {
+  cursor: not-allowed;
+}
+.ribbon-tab-item[data-v-59a1029b] {
   display: inline-flex;
   flex-shrink: 0;
   align-items: center;
   gap: 6px;
 }
-.split-divider[data-v-7b2248d9] {
+.split-divider[data-v-59a1029b] {
   display: inline-block;
   flex-shrink: 0;
   width: 1px;
@@ -11012,7 +11149,7 @@ to {
   margin: 0 6px;
   background-color: rgba(13, 13, 13, 0.12);
 }
-.option-svg-icon[data-v-7b2248d9] {
+.option-svg-icon[data-v-59a1029b] {
   display: inline-flex;
   flex-shrink: 0;
   width: 16px;
@@ -11609,7 +11746,7 @@ ul li .widget-icon[data-v-393cb2aa] {
   overflow-wrap: anywhere;
   pointer-events: auto;
 }
-.page-container[data-v-e40af8a9] {
+.page-container[data-v-ae7ace70] {
   position: absolute;
   top: 0;
   right: 0;
@@ -13663,93 +13800,176 @@ svg.portrait-icon[data-v-8bdb451e] {
   font-size: 12px;
   line-height: 20px;
 }
-.autofill-rules-modal[data-v-c4dcc73a] {
+.autofill-rules-modal[data-v-56e05d71] {
   position: relative;
-  padding: 8px;
+  padding: 8px 12px;
+}
+.autofill-rules-modal .rules-section + .rules-section[data-v-56e05d71] {
+  margin-top: 20px;
+  padding-top: 18px;
+  border-top: 1px solid #e8ebef;
+}
+.autofill-rules-modal .section-heading[data-v-56e05d71] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 24px;
+  margin-bottom: 8px;
+}
+.autofill-rules-modal .section-title[data-v-56e05d71] {
+  color: #252525;
+  font-size: 14px;
+  font-weight: 600;
+}
+.autofill-rules-modal .rule-count[data-v-56e05d71] {
+  margin-left: 3px;
+  color: #8993a1;
+  font-size: 12px;
+  font-weight: 400;
+}
+.autofill-rules-modal .section-tip[data-v-56e05d71],
+.autofill-rules-modal .empty-rules[data-v-56e05d71] {
+  color: #8993a1;
+  font-size: 12px;
+}
+.autofill-rules-modal .empty-rules[data-v-56e05d71] {
+  padding: 6px 0;
+}
+.autofill-rules-modal .built-in-table[data-v-56e05d71] {
+  overflow: hidden;
+  border: 1px solid #e5e9ee;
+  border-radius: 6px;
+}
+.autofill-rules-modal .built-in-header[data-v-56e05d71] {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
+  gap: 8px;
+  padding: 7px 12px;
+  background: #f7f9fb;
+  color: #8993a1;
+  font-size: 12px;
+}
+.autofill-rules-modal .built-in-header span[data-v-56e05d71]:last-child {
+  grid-column: 3;
+}
+.autofill-rules-modal .built-in-row[data-v-56e05d71] {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
+  align-items: center;
+  gap: 8px;
+  padding: 9px 12px;
+}
+.autofill-rules-modal .built-in-row + .built-in-row[data-v-56e05d71] {
+  border-top: 1px solid #eef0f3;
+}
+.autofill-rules-modal .built-in-field[data-v-56e05d71] {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  gap: 2px;
+}
+.autofill-rules-modal .field-name[data-v-56e05d71],
+.autofill-rules-modal .field-key[data-v-56e05d71] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.autofill-rules-modal .field-name[data-v-56e05d71] {
+  color: #252525;
+  font-size: 13px;
+}
+.autofill-rules-modal .field-key[data-v-56e05d71] {
+  color: #8993a1;
+  font-size: 11px;
 }
-.autofill-rules-modal .add-rule-btn[data-v-c4dcc73a] {
+.autofill-rules-modal .built-in-arrow[data-v-56e05d71] {
+  color: #9ba8b7;
+  font-size: 16px;
+  text-align: center;
+}
+.autofill-rules-modal .add-rule-btn[data-v-56e05d71] {
   display: flex;
   align-items: center;
+  color: #026ac8;
   font-size: 13px;
   line-height: 24px;
-  gap: 4px;
   cursor: pointer;
-  color: #026ac8;
+  gap: 4px;
 }
-.autofill-rules-modal .container[data-v-c4dcc73a] {
+.autofill-rules-modal .container[data-v-56e05d71] {
   position: relative;
 }
-.autofill-rules-modal .container .header[data-v-c4dcc73a] {
+.autofill-rules-modal .container .header[data-v-56e05d71] {
   display: flex;
-  color: #c3c3c3;
   padding: 8px;
+  color: #c3c3c3;
   gap: 8px;
 }
-.autofill-rules-modal .container .header .header-title[data-v-c4dcc73a] {
+.autofill-rules-modal .container .header .header-title[data-v-56e05d71] {
   flex: 1;
 }
-.autofill-rules-modal .container .header .header-label[data-v-c4dcc73a] {
+.autofill-rules-modal .container .header .header-label[data-v-56e05d71] {
   margin: 0 12px;
   opacity: 0;
 }
-.autofill-rules-modal .container .header .header-action[data-v-c4dcc73a] {
+.autofill-rules-modal .container .header .header-action[data-v-56e05d71] {
   flex-shrink: 0;
   width: 32px;
 }
-.autofill-rules-modal .container .autofill-form[data-v-c4dcc73a] {
+.autofill-rules-modal .container .autofill-form[data-v-56e05d71] {
   position: relative;
 }
-.autofill-rules-modal .container .autofill-form .form-row[data-v-c4dcc73a] {
+.autofill-rules-modal .container .autofill-form .form-row[data-v-56e05d71] {
   display: flex;
-  font-size: 13px;
   align-items: flex-start;
+  font-size: 13px;
   gap: 8px;
 }
-.autofill-rules-modal .container .autofill-form .rule-item[data-v-c4dcc73a] {
+.autofill-rules-modal .container .autofill-form .rule-item[data-v-56e05d71] {
+  margin-bottom: 8px;
+  padding: 8px;
+  border-radius: 4px;
   background: #f9fafb;
   color: #252525;
-  border-radius: 4px;
-  padding: 8px;
-  margin-bottom: 8px;
 }
-.autofill-rules-modal .container .autofill-form .form-table-label[data-v-c4dcc73a] {
-  margin: 0 12px;
-  height: 32px;
+.autofill-rules-modal .container .autofill-form .form-table-label[data-v-56e05d71] {
   display: flex;
-  justify-content: center;
   align-items: center;
+  justify-content: center;
+  height: 32px;
+  margin: 0 12px;
 }
-.autofill-rules-modal .container .autofill-form .form-col[data-v-c4dcc73a] {
+.autofill-rules-modal .container .autofill-form .form-col[data-v-56e05d71] {
   flex: 1;
   min-width: 0;
 }
-.autofill-rules-modal .container .autofill-form .rule-item__remove[data-v-c4dcc73a] {
+.autofill-rules-modal .container .autofill-form .rule-item__remove[data-v-56e05d71] {
+  display: inline-flex;
   flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
   width: 32px;
   height: 32px;
   margin: 0;
   padding: 0;
+  transition: background-color 0.3s;
   border: none;
+  border-radius: 4px;
   background: transparent;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
   cursor: pointer;
-  border-radius: 4px;
-  transition: background-color 0.3s;
 }
-.autofill-rules-modal .container .autofill-form .rule-item__remove[data-v-c4dcc73a]:hover {
+.autofill-rules-modal .container .autofill-form .rule-item__remove[data-v-56e05d71]:hover {
   background: #e8eaee;
 }
-.autofill-rules-modal .container .autofill-form .rule-item__remove:hover .gct-icon[data-v-c4dcc73a] {
+.autofill-rules-modal .container .autofill-form .rule-item__remove:hover .gct-icon[data-v-56e05d71] {
   transition: color 0.3s;
   color: #ff7875;
 }
-.autofill-rules-modal .container .autofill-form .error-text[data-v-c4dcc73a] {
+.autofill-rules-modal .container .autofill-form .error-text[data-v-56e05d71] {
+  margin-top: 4px;
   color: #ff4d4f;
   font-size: 12px;
   line-height: 20px;
-  margin-top: 4px;
 }
 .autofill-rules-modal[data-v-9ffc16e9] {
   position: relative;
@@ -13813,14 +14033,14 @@ svg.portrait-icon[data-v-8bdb451e] {
   color: #e45151;
   font-size: 12px;
 }
-.form-item.default.ref-autofill-editor.is-content-hidden[data-v-4ca020c7] .form-item__label {
+.form-item.default.ref-autofill-editor.is-content-hidden[data-v-fb5fe71e] .form-item__label {
   margin-bottom: 0 !important ;
 }
-.ref-autofill-editor__extra[data-v-4ca020c7] {
+.ref-autofill-editor__extra[data-v-fb5fe71e] {
   display: inline-flex;
   align-items: center;
 }
-.data-filter-button[data-v-4ca020c7] {
+.data-filter-button[data-v-fb5fe71e] {
   display: flex;
   box-sizing: border-box;
   align-items: center;
@@ -13831,11 +14051,11 @@ svg.portrait-icon[data-v-8bdb451e] {
   color: #333;
   cursor: pointer;
 }
-.data-filter-button[data-v-4ca020c7]:hover {
+.data-filter-button[data-v-fb5fe71e]:hover {
   border-color: #026ac8;
   color: #026ac8;
 }
-.data-filter-button.primary[data-v-4ca020c7] {
+.data-filter-button.primary[data-v-fb5fe71e] {
   border-color: #026ac8;
   background-color: #026ac8;
   color: #fff;
@@ -14151,11 +14371,11 @@ svg.portrait-icon[data-v-8bdb451e] {
 .fixed-range-row .value-input[data-v-d5d68de5] .gct-input-number:hover {
   border-color: #026ac8;
 }
-.number-range-editor[data-v-f2c34df1] {
+.number-range-editor[data-v-28e3cb15] {
   position: relative;
   height: auto;
 }
-.content[data-v-f2c34df1] {
+.content[data-v-28e3cb15] {
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -14163,7 +14383,7 @@ svg.portrait-icon[data-v-8bdb451e] {
   height: 22px;
   line-height: 22px;
 }
-.panel-field-number-config[data-v-6e30b1cb] {
+.panel-field-number-config[data-v-25aa6817] {
   padding: 16px;
 }
 .panel-field-org-config[data-v-256cf432] {
@@ -14175,10 +14395,10 @@ svg.portrait-icon[data-v-8bdb451e] {
 .panel-field-ref-config[data-v-d2904dc3] {
   padding: 16px;
 }
-.panel-seal-config[data-v-8ea496c1] {
+.panel-seal-config[data-v-353be21a] {
   padding: 16px;
 }
-.error[data-v-8ea496c1] {
+.error[data-v-353be21a] {
   color: #ff4d4f;
   font-size: 12px;
 }
@@ -14293,7 +14513,7 @@ svg.portrait-icon[data-v-8bdb451e] {
   height: auto;
   background: #fff;
 }
-.panel-field-sign-style[data-v-75303692] {
+.panel-field-sign-style[data-v-c997272d] {
   padding: 16px;
 }
 .length-range-input[data-v-3554f1ac] {