@dhccmobile/vue3-lo-form 2.0.0 → 2.0.1

package/src/styles/index.scss

@@ -1,195 +1,195 @@
-.w-100 {
-  width: 100%;
-}
-.h-100 {
-  height: 100%;
-}
-.lo-fw {
-  font-weight: 600;
-}
-.ant-radio-group {
-  text-align: left;
-}
-.ant-time-picker-panel,
-.ant-calendar-picker-container,
-.ant-select-dropdown,
-.ant-cascader-menus{
-  z-index: 2300;
-}
-.lo-form-item-tooltip {
-  .ant-tooltip-arrow {
-    &::before {
-      background-color: #FFFFFF;
-    }
-  }
-  .ant-tooltip-inner {
-    color: #666666;
-    background-color: #FFFFFF;
-  }
-}
-.lo-label-history-popconfirm {
-  .anticon-exclamation-circle {
-    display: none;
-  }
-  .ant-popover-message-title {
-    padding-left: 0;
-  }
-  .ant-popover-inner-content {
-    padding-left: 0;
-    padding-right: 0;
-    .ant-popover-message {
-      overflow-y: auto;
-      padding-left: 16px;
-      padding-right: 16px;
-      max-height: 250px;
-      padding-bottom: 0;
-    }
-    .ant-popover-buttons {
-      padding: 10px 15px 0 15px;
-      button:first-child {
-        display: none;
-      }
-    }
-  }
-  .lo-history-popconfirm-title {
-    margin-bottom: 15px;
-    font-weight: 600;
-  }
-  .ant-timeline.lo-history-timeline {
-    .lo-history-context {
-      display: flex;
-      flex-direction: row;
-      .lo-mx-10 {
-        margin-left: 10px;
-        margin-right: 10px;
-      }
-      .lo-ml-10 {
-        margin-left: 10px;
-      }
-      .lo-important {
-        font-weight: 600;
-        color: black;
-      }
-    }
-    .ant-timeline-item-last {
-      padding-bottom: 0;
-    }
-  }
-}
-.lo-form-error-modal {
-  .ant-modal-wrap {
-    overflow-y: hidden;
-    display: flex;
-    align-items: center;
-    .ant-modal {
-      top: 0;
-      .ant-modal-body {
-        padding: 0;
-        .ant-modal-confirm-body {
-          .anticon {
-            display: none;
-          }
-          .ant-modal-confirm-title {
-            height: 50px;
-            padding: 0 20px;
-            display: flex;
-            align-items: center;
-            line-height: initial;
-            border-bottom: 1px solid #f2f2f2;
-            box-shadow: 4px 0 8px rgb(135 140 185 / 15%);
-            > div {
-              display: flex;
-              align-items: center;
-              width: 100%;
-              img {
-                width: 18px;
-                height: 18px;
-                margin-right: 8px;
-                margin-bottom: -1px;
-              }
-            }
-          }
-          .ant-modal-confirm-content {
-            margin: 0;
-            > div {
-              height: calc(100vh - 200px);
-              overflow-y: auto;
-              padding: 10px 20px;
-              display: flex;
-              flex-direction: column;
-              .lo-error-item {
-                display: flex;
-                flex-direction: row;
-                line-height: 32px;
-                font-size: 16px;
-                .lo-error-describe {
-                  font-weight: 700;
-                  color: #333;
-                }
-              }
-            }
-          }
-        }
-        .ant-modal-confirm-btns {
-          margin-top: 0;
-          width: 100%;
-          border-top: 1px solid #e8e8e8;
-          height: 50px;
-          padding: 0 20px;
-          display: flex;
-          justify-content: flex-end;
-          align-items: center;
-          & > :first-child {
-            display: none;
-          }
-          .ant-btn {
-            color: #666;
-            background-color: white;
-            border: 1px solid #ddd;
-          }
-        }
-      }
-    }
-  }
-}
-.lo-multiple-select-suffix-icon {
-  cursor: pointer;
-  height: 100%;
-  width: 25px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.lo-select-hide-drop-down-content {
-  display: none;
-}
-.lo-form-model-item-textarea-box {
-  .ant-form-item-control {
-    &:not(.has-error){
-      padding-bottom: 19px !important;
-      .ant-form-explain {
-        display: none;
-      }
-    }
-  }
-}
-.lo-custom-control-box {
-  width: 100%;
-  display: inline-block;
-}
-.ant-checkbox + span, .ant-checkbox + span > span {
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  padding-right: 0 !important;
-}
-/** 下拉框滚动条样式 */
-.rc-virtual-list-scrollbar-thumb {
-  width: 6px !important;
-  background: #E1E1E1 !important;
-}
-/** 下拉选项的层级 */
-.ant-select-arrow {
-  z-index: 10;
-}
+.w-100 {
+  width: 100%;
+}
+.h-100 {
+  height: 100%;
+}
+.lo-fw {
+  font-weight: 600;
+}
+.ant-radio-group {
+  text-align: left;
+}
+.ant-time-picker-panel,
+.ant-calendar-picker-container,
+.ant-select-dropdown,
+.ant-cascader-menus{
+  z-index: 2300;
+}
+.lo-form-item-tooltip {
+  .ant-tooltip-arrow {
+    &::before {
+      background-color: #FFFFFF;
+    }
+  }
+  .ant-tooltip-inner {
+    color: #666666;
+    background-color: #FFFFFF;
+  }
+}
+.lo-label-history-popconfirm {
+  .anticon-exclamation-circle {
+    display: none;
+  }
+  .ant-popover-message-title {
+    padding-left: 0;
+  }
+  .ant-popover-inner-content {
+    padding-left: 0;
+    padding-right: 0;
+    .ant-popover-message {
+      overflow-y: auto;
+      padding-left: 16px;
+      padding-right: 16px;
+      max-height: 250px;
+      padding-bottom: 0;
+    }
+    .ant-popover-buttons {
+      padding: 10px 15px 0 15px;
+      button:first-child {
+        display: none;
+      }
+    }
+  }
+  .lo-history-popconfirm-title {
+    margin-bottom: 15px;
+    font-weight: 600;
+  }
+  .ant-timeline.lo-history-timeline {
+    .lo-history-context {
+      display: flex;
+      flex-direction: row;
+      .lo-mx-10 {
+        margin-left: 10px;
+        margin-right: 10px;
+      }
+      .lo-ml-10 {
+        margin-left: 10px;
+      }
+      .lo-important {
+        font-weight: 600;
+        color: black;
+      }
+    }
+    .ant-timeline-item-last {
+      padding-bottom: 0;
+    }
+  }
+}
+.lo-form-error-modal {
+  .ant-modal-wrap {
+    overflow-y: hidden;
+    display: flex;
+    align-items: center;
+    .ant-modal {
+      top: 0;
+      .ant-modal-body {
+        padding: 0;
+        .ant-modal-confirm-body {
+          .anticon {
+            display: none;
+          }
+          .ant-modal-confirm-title {
+            height: 50px;
+            padding: 0 20px;
+            display: flex;
+            align-items: center;
+            line-height: initial;
+            border-bottom: 1px solid #f2f2f2;
+            box-shadow: 4px 0 8px rgb(135 140 185 / 15%);
+            > div {
+              display: flex;
+              align-items: center;
+              width: 100%;
+              img {
+                width: 18px;
+                height: 18px;
+                margin-right: 8px;
+                margin-bottom: -1px;
+              }
+            }
+          }
+          .ant-modal-confirm-content {
+            margin: 0;
+            > div {
+              height: calc(100vh - 200px);
+              overflow-y: auto;
+              padding: 10px 20px;
+              display: flex;
+              flex-direction: column;
+              .lo-error-item {
+                display: flex;
+                flex-direction: row;
+                line-height: 32px;
+                font-size: 16px;
+                .lo-error-describe {
+                  font-weight: 700;
+                  color: #333;
+                }
+              }
+            }
+          }
+        }
+        .ant-modal-confirm-btns {
+          margin-top: 0;
+          width: 100%;
+          border-top: 1px solid #e8e8e8;
+          height: 50px;
+          padding: 0 20px;
+          display: flex;
+          justify-content: flex-end;
+          align-items: center;
+          & > :first-child {
+            display: none;
+          }
+          .ant-btn {
+            color: #666;
+            background-color: white;
+            border: 1px solid #ddd;
+          }
+        }
+      }
+    }
+  }
+}
+.lo-multiple-select-suffix-icon {
+  cursor: pointer;
+  height: 100%;
+  width: 25px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.lo-select-hide-drop-down-content {
+  display: none;
+}
+.lo-form-model-item-textarea-box {
+  .ant-form-item-control {
+    &:not(.has-error){
+      padding-bottom: 19px !important;
+      .ant-form-explain {
+        display: none;
+      }
+    }
+  }
+}
+.lo-custom-control-box {
+  width: 100%;
+  display: inline-block;
+}
+.ant-checkbox + span, .ant-checkbox + span > span {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding-right: 0 !important;
+}
+/** 下拉框滚动条样式 */
+.rc-virtual-list-scrollbar-thumb {
+  width: 6px !important;
+  background: #E1E1E1 !important;
+}
+/** 下拉选项的层级 */
+.ant-select-arrow {
+  z-index: 10;
+}