@zscreate/form-component 1.1.648 → 1.1.649

package/dist/form-component.css

@@ -1574,50 +1574,121 @@ dd[data-v-f7c20cf8] {
   color: #cccccc;
 }
 
-.option_row_header[data-v-33ffd3e6] {
+.CodeMirror-hints {
+  position: absolute;
+  z-index: 10;
+  overflow: hidden;
+  list-style: none;
+
+  margin: 0;
+  padding: 2px;
+  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
+  border-radius: 3px;
+  border: 1px solid silver;
+
+  background: white;
+  font-size: 90%;
+  font-family: monospace;
+
+  max-height: 20em;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+
+.CodeMirror-hint {
+  margin: 0;
+  padding: 0 4px;
+  border-radius: 2px;
+  white-space: pre;
+  color: black;
+  cursor: pointer;
+}
+
+li.CodeMirror-hint-active {
+  background: #08f;
+  color: white;
+}
+
+.option_row_header[data-v-0bed63c4] {
   background: #eee;
   text-align: center;
   line-height: 45px;
 }
-.option_row[data-v-33ffd3e6] {
+.option_row[data-v-0bed63c4] {
   border-left: 1px solid #eee;
 }
-.option_row .ant-col[data-v-33ffd3e6] {
+.option_row .ant-col[data-v-0bed63c4] {
   border-right: 1px solid #eee;
   border-bottom: 1px solid #eee;
   text-align: left;
   height: 180px;
 }
-.option_row .ant-col[data-v-33ffd3e6]:not(.code-col) {
+.option_row .ant-col[data-v-0bed63c4]:not(.code-col) {
   line-height: 180px;
   text-align: center;
 }
-.no-data[data-v-33ffd3e6] {
+.no-data[data-v-0bed63c4] {
   border: 1px solid #eee;
   line-height: 45px;
   text-align: center;
   cursor: pointer;
   color: #ccc;
 }
-.code[data-v-33ffd3e6] {
+.code[data-v-0bed63c4] {
   height: 180px;
   width: 100%;
 }
-.getTemp[data-v-33ffd3e6] {
+.getTemp[data-v-0bed63c4] {
   position: absolute;
   right: -10px;
   top: 45px;
   cursor: pointer;
 }
-.delete[data-v-33ffd3e6] {
+.delete[data-v-0bed63c4] {
   color: #ff0000;
 }
-[data-v-33ffd3e6] .vue-codemirror {
+[data-v-0bed63c4] .vue-codemirror {
   height: 100%;
 }
-[data-v-33ffd3e6] .CodeMirror {
+[data-v-0bed63c4] .CodeMirror {
   height: 178px !important;
 }
+[data-v-0bed63c4] .CodeMirror-hints {
+  z-index: 999999 !important;
+  max-height: 200px;
+  overflow-y: auto;
+  border-radius: 4px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+  background: white !important;
+  border: 1px solid #d9d9d9 !important;
+  position: fixed !important;
+}
+[data-v-0bed63c4] .CodeMirror-hint {
+  padding: 6px 12px;
+  font-size: 13px;
+  line-height: 1.5;
+  border-radius: 2px;
+  color: #333 !important;
+  background: white !important;
+  cursor: pointer;
+}
+[data-v-0bed63c4] .CodeMirror-hint:hover {
+  background-color: #f5f5f5 !important;
+}
+[data-v-0bed63c4] .CodeMirror-hint-active {
+  background-color: #1890ff !important;
+  color: white !important;
+}
+[data-v-0bed63c4] .custom-hint-item {
+  font-weight: 500;
+}
+[data-v-0bed63c4]: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;
+}
 
 
 [data-v-dd940658] .ant-select-selection__rendered {
@@ -8013,41 +8084,6 @@ div {
   background: rgba(24, 144, 255, 0.6);
 }
 
-.CodeMirror-hints {
-  position: absolute;
-  z-index: 10;
-  overflow: hidden;
-  list-style: none;
-
-  margin: 0;
-  padding: 2px;
-  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
-  border-radius: 3px;
-  border: 1px solid silver;
-
-  background: white;
-  font-size: 90%;
-  font-family: monospace;
-
-  max-height: 20em;
-  overflow-y: auto;
-  box-sizing: border-box;
-}
-
-.CodeMirror-hint {
-  margin: 0;
-  padding: 0 4px;
-  border-radius: 2px;
-  white-space: pre;
-  color: black;
-  cursor: pointer;
-}
-
-li.CodeMirror-hint-active {
-  background: #08f;
-  color: white;
-}
-
 .cm-s-eclipse span.cm-meta { color: #FF1717; }
 .cm-s-eclipse span.cm-keyword { line-height: 1em; font-weight: bold; color: #7F0055; }
 .cm-s-eclipse span.cm-atom { color: #219; }