@zscreate/form-component 1.1.650 → 1.1.651

package/dist/form-component.css

@@ -1609,45 +1609,45 @@ li.CodeMirror-hint-active {
   color: white;
 }
 
-.option_row_header[data-v-3cd409c4] {
+.option_row_header[data-v-242a9df4] {
   background: #eee;
   text-align: center;
   line-height: 45px;
 }
-.option_row[data-v-3cd409c4] {
+.option_row[data-v-242a9df4] {
   border-left: 1px solid #eee;
 }
-.option_row .ant-col[data-v-3cd409c4] {
+.option_row .ant-col[data-v-242a9df4] {
   border-right: 1px solid #eee;
   border-bottom: 1px solid #eee;
   text-align: left;
   height: 180px;
 }
-.option_row .ant-col[data-v-3cd409c4]:not(.code-col) {
+.option_row .ant-col[data-v-242a9df4]:not(.code-col) {
   line-height: 180px;
   text-align: center;
 }
-.no-data[data-v-3cd409c4] {
+.no-data[data-v-242a9df4] {
   border: 1px solid #eee;
   line-height: 45px;
   text-align: center;
   cursor: pointer;
   color: #ccc;
 }
-.code[data-v-3cd409c4] {
+.code[data-v-242a9df4] {
   height: 180px;
   width: 100%;
 }
-.delete[data-v-3cd409c4] {
+.delete[data-v-242a9df4] {
   color: #ff0000;
 }
-[data-v-3cd409c4] .vue-codemirror {
+[data-v-242a9df4] .vue-codemirror {
   height: 100%;
 }
-[data-v-3cd409c4] .CodeMirror {
+[data-v-242a9df4] .CodeMirror {
   height: 178px !important;
 }
-[data-v-3cd409c4] .CodeMirror-hints {
+[data-v-242a9df4] .CodeMirror-hints {
   z-index: 999999 !important;
   max-height: 200px;
   overflow-y: auto;
@@ -1657,7 +1657,7 @@ li.CodeMirror-hint-active {
   border: 1px solid #d9d9d9 !important;
   position: fixed !important;
 }
-[data-v-3cd409c4] .CodeMirror-hint {
+[data-v-242a9df4] .CodeMirror-hint {
   padding: 6px 12px;
   font-size: 13px;
   line-height: 1.5;
@@ -1666,59 +1666,91 @@ li.CodeMirror-hint-active {
   background: white !important;
   cursor: pointer;
 }
-[data-v-3cd409c4] .CodeMirror-hint:hover {
+[data-v-242a9df4] .CodeMirror-hint:hover {
   background-color: #f5f5f5 !important;
 }
-[data-v-3cd409c4] .CodeMirror-hint-active {
+[data-v-242a9df4] .CodeMirror-hint-active {
   background-color: #1890ff !important;
   color: white !important;
 }
-[data-v-3cd409c4] .custom-hint-item {
+[data-v-242a9df4] .custom-hint-item {
   font-weight: 500;
 }
-[data-v-3cd409c4]:global(.CodeMirror-hints) {
+[data-v-242a9df4]:global(.CodeMirror-hints) {
   z-index: 999999 !important;
   position: fixed !important;
   background: white !important;
   border: 1px solid #d9d9d9 !important;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
 }
-.debug-result .debug-status[data-v-3cd409c4] {
+[data-v-242a9df4] .CodeMirror-gutter.breakpoints {
+  width: 16px !important;
+  background: #2c3e50;
+  border-right: 1px solid #34495e;
+}
+[data-v-242a9df4] .CodeMirror-breakpoint {
+  width: 12px !important;
+  height: 12px !important;
+  border-radius: 50% !important;
+  background-color: #e74c3c !important;
+  border: 2px solid #c0392b !important;
+  margin-left: 2px !important;
+  cursor: pointer !important;
+  position: relative !important;
+  display: inline-block !important;
+}
+[data-v-242a9df4] .CodeMirror-breakpoint:hover {
+  background-color: #c0392b !important;
+  transform: scale(1.1) !important;
+}
+[data-v-242a9df4] .CodeMirror-breakpoint-line {
+  background-color: rgba(231, 76, 60, 0.1) !important;
+}
+[data-v-242a9df4] .CodeMirror-linenumber {
+  cursor: pointer !important;
+  -webkit-user-select: none !important;
+     -moz-user-select: none !important;
+          user-select: none !important;
+}
+[data-v-242a9df4] .CodeMirror-linenumber:hover {
+  background-color: rgba(255, 255, 255, 0.1) !important;
+}
+.debug-result .debug-status[data-v-242a9df4] {
   padding: 16px;
   border-radius: 6px;
   margin-bottom: 20px;
 }
-.debug-result .debug-status.success[data-v-3cd409c4] {
+.debug-result .debug-status.success[data-v-242a9df4] {
   background-color: #f6ffed;
   border: 1px solid #b7eb8f;
   color: #389e0d;
 }
-.debug-result .debug-status.error[data-v-3cd409c4] {
+.debug-result .debug-status.error[data-v-242a9df4] {
   background-color: #fff2f0;
   border: 1px solid #ffccc7;
   color: #cf1322;
 }
-.debug-result .debug-status h3[data-v-3cd409c4] {
+.debug-result .debug-status h3[data-v-242a9df4] {
   margin: 0 0 8px 0;
   font-size: 16px;
   font-weight: 600;
 }
-.debug-result .debug-status p[data-v-3cd409c4] {
+.debug-result .debug-status p[data-v-242a9df4] {
   margin: 0;
   white-space: pre-wrap;
   font-family: 'Courier New', monospace;
   font-size: 12px;
 }
-.debug-result .debug-section[data-v-3cd409c4] {
+.debug-result .debug-section[data-v-242a9df4] {
   margin-bottom: 20px;
 }
-.debug-result .debug-section h4[data-v-3cd409c4] {
+.debug-result .debug-section h4[data-v-242a9df4] {
   margin: 0 0 8px 0;
   font-size: 14px;
   font-weight: 600;
   color: #1890ff;
 }
-.debug-result .debug-code[data-v-3cd409c4] {
+.debug-result .debug-code[data-v-242a9df4] {
   background-color: #f5f5f5;
   border: 1px solid #d9d9d9;
   border-radius: 4px;
@@ -1730,7 +1762,7 @@ li.CodeMirror-hint-active {
   max-height: 200px;
   overflow-y: auto;
 }
-.debug-result .debug-outputs[data-v-3cd409c4] {
+.debug-result .debug-outputs[data-v-242a9df4] {
   background-color: #fafafa;
   border: 1px solid #e8e8e8;
   border-radius: 4px;
@@ -1738,24 +1770,60 @@ li.CodeMirror-hint-active {
   max-height: 300px;
   overflow-y: auto;
 }
-.debug-result .debug-outputs .debug-output-item[data-v-3cd409c4] {
+.debug-result .debug-outputs .debug-output-item[data-v-242a9df4] {
   font-family: 'Courier New', monospace;
   font-size: 12px;
   line-height: 1.5;
   color: #333;
   margin-bottom: 4px;
 }
-.debug-result .debug-outputs .debug-output-item[data-v-3cd409c4]:last-child {
+.debug-result .debug-outputs .debug-output-item[data-v-242a9df4]:last-child {
   margin-bottom: 0;
 }
-.debug-result .debug-actions[data-v-3cd409c4] {
+.debug-result .debug-actions[data-v-242a9df4] {
   text-align: right;
   padding-top: 16px;
   border-top: 1px solid #e8e8e8;
 }
-.debug-result .debug-actions .ant-btn[data-v-3cd409c4] {
+.debug-result .debug-actions .ant-btn[data-v-242a9df4] {
   margin-left: 8px;
 }
+.debug-result .thumbnail-section[data-v-242a9df4] {
+  margin-top: 16px;
+  padding: 12px;
+  background-color: #f9f9f9;
+  border: 1px solid #e8e8e8;
+  border-radius: 4px;
+  display: flex;
+  justify-content: flex-start;
+}
+.debug-result .thumbnail-section .thumbnail-container[data-v-242a9df4] {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+}
+.debug-result .thumbnail-section .thumbnail-image[data-v-242a9df4] {
+  max-width: 150px;
+  max-height: 100px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+.debug-result .thumbnail-section .thumbnail-image[data-v-242a9df4]:hover {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  transform: scale(1.05);
+}
+.debug-result .thumbnail-section .debug-time[data-v-242a9df4] {
+  font-size: 12px;
+  color: #666;
+  text-align: left;
+  background-color: rgba(255, 255, 255, 0.8);
+  padding: 4px 8px;
+  border-radius: 4px;
+  border: 1px solid #e8e8e8;
+}
 
 
 [data-v-dd940658] .ant-select-selection__rendered {