ls-pro-common 3.0.14 → 3.0.16

package/es/components/antd-custom.less

@@ -0,0 +1,356 @@
+.ant-timeline-item-tail {
+  border-left: 2px dotted var(--ant-primary-color);
+}
+
+.ant-timeline-item-head-blue {
+  background: var(--ant-primary-color);
+}
+
+.ant-row {
+  width: 100%;
+}
+
+.ant-popover {
+  max-width: min-content !important;
+}
+
+
+
+.ant-input-has-value:hover {
+  .ant-input-clear-icon {
+    visibility: visible;
+  }
+}
+
+.ant-modal-confirm-body {
+  .ant-modal-confirm-content {
+    max-height: 60vh;
+    overflow: auto;
+  }
+}
+
+.ant-message-notice-content {
+  border-radius: 4px !important;
+}
+
+.ant-modal-content {
+  border-radius: 8px !important;
+
+  .ant-modal-header {
+    border-radius: 8px 8px 0 0 !important;
+  }
+}
+
+.ant-input-number,
+.ant-input-affix-wrapper,
+.ant-picker,
+.ant-select-selector {
+  border-radius: 4px !important;
+}
+
+.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
+.ant-picker-range-separator {
+  padding: 0 2px !important;
+
+  .ant-picker-separator {
+    font-size: 13px;
+  }
+}
+
+
+.ant-btn {
+  height: 32px;
+  background-color: var(--ant-primary-1);
+  border-color: transparent;
+  color: var(--ant-primary-color);
+  border-radius: 4px;
+
+  &.ant-btn-lg {
+    height: 40px
+  }
+
+  &:hover,
+  &:focus {
+    background-color: var(--ant-primary-2);
+    border-color: transparent;
+    color: var(--ant-primary-color);
+  }
+
+  &:active {
+    background-color: var(--ant-primary-3);
+    border-color: transparent;
+    color: var(--ant-primary-color);
+  }
+
+  &[disabled],
+  &[disabled]:hover,
+  &[disabled]:focus,
+  &[disabled]:active {
+    background-color: #EAEEF2;
+    border-color: transparent;
+    color: #D9D9D9;
+  }
+}
+
+.ant-btn-primary {
+  background-color: var(--ant-primary-color);
+  border-color: transparent;
+  color: #fff;
+
+  &:hover,
+  &:focus {
+    background-color: var(--ant-primary-color-hover);
+    border-color: transparent;
+    color: #fff;
+  }
+
+  &:active {
+    background-color: var(--ant-primary-color-active);
+    border-color: transparent;
+    color: #fff;
+  }
+
+  &[disabled],
+  &[disabled]:hover,
+  &[disabled]:focus,
+  &[disabled]:active {
+    background-color: var(--ant-primary-color-outline);
+    border-color: transparent;
+    color: #fff;
+  }
+}
+
+.ant-btn-gray {
+  background-color: #F1F4F6;
+  color: #1B1F2A;
+
+  &:hover,
+  &:focus {
+    background-color: #D2D6DD;
+    color: #1B1F2A;
+  }
+
+  &:active {
+    background-color: #B5BBC5;
+    color: #1B1F2A;
+  }
+
+  &[disabled],
+  &[disabled]:hover,
+  &[disabled]:focus,
+  &[disabled]:active {
+    background-color: #F1F4F6;
+    color: #818999;
+  }
+}
+
+
+.ant-btn-dangerous {
+  background-color: #FFCCC7;
+  border-color: transparent;
+  color: #F5222D;
+
+  &:hover,
+  &:focus {
+    background-color: #FFF1F0;
+    border-color: transparent;
+    color: #F5222D;
+  }
+
+  &:active {
+    background-color: #FFA39E;
+    border-color: transparent;
+    color: #F5222D;
+  }
+
+  &[disabled],
+  &[disabled]:hover,
+  &[disabled]:focus,
+  &[disabled]:active {
+    background-color: #FFCCC7;
+    border-color: transparent;
+    color: #FFA39E;
+  }
+}
+
+.ant-btn-link {
+  background-color: transparent;
+  border-color: transparent;
+  color: var(--ant-primary-color);
+  padding: 4px 8px;
+
+  &[disabled],
+  &[disabled]:hover,
+  &[disabled]:focus,
+  &[disabled]:active,
+  &:hover,
+  &:focus,
+  &:active {
+    background-color: transparent;
+    border-color: transparent;
+  }
+
+  &:hover,
+  &:focus {
+    color: var(--ant-primary-color-hover);
+  }
+
+  &:active {
+    color: var(--ant-primary-color-active);
+  }
+
+  &[disabled],
+  &[disabled]:hover,
+  &[disabled]:focus,
+  &[disabled]:active {
+    color: #A7B5CC;
+  }
+}
+
+.ant-btn-text {
+  background-color: transparent;
+  border-color: transparent;
+  color: #8C8C8C;
+  padding: 4px 8px;
+
+  &[disabled],
+  &[disabled]:hover,
+  &[disabled]:focus,
+  &[disabled]:active,
+  &:hover,
+  &:focus,
+  &:active {
+    background-color: transparent;
+    border-color: transparent;
+
+  }
+
+  &:hover,
+  &:active,
+  &:focus {
+    color: var(--ant-primary-color-hover);
+  }
+
+  &[disabled],
+  &[disabled]:hover,
+  &[disabled]:focus,
+  &[disabled]:active {
+    color: #d9d9d9;
+  }
+}
+
+.ant-checkbox-checked::after {
+  animation: none !important;
+  animation-fill-mode: none !important;
+}
+
+
+.ant-descriptions-item-label {
+  color: #8c8c8c !important;
+
+  .ant-typography {
+    color: #8c8c8c;
+  }
+
+  &::after {
+    margin-right: 12px !important;
+  }
+}
+
+.ant-descriptions-item-content {
+  color: #1f1f1f !important;
+}
+
+.ant-table-filter-dropdown .ant-dropdown-menu {
+  max-height: 200px;
+
+  .ant-dropdown-menu-title-content {
+    display: inline-flex;
+    vertical-align: middle;
+  }
+
+  .ant-tree-switcher {
+    width: 4px;
+  }
+}
+
+.ant-table-filter-dropdown .ant-checkbox-wrapper+span,
+.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span {
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 200px;
+}
+
+// 以下为调整字体大小及行高
+
+.ant-picker,
+.ant-form-item-label>label,
+.ant-form-item,
+.ant-input,
+.ant-select,
+.ant-pagination,
+.ant-badge-status-text {
+  font-size: 13px !important;
+}
+
+.ant-btn,
+.ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
+.ant-form-item-label>label {
+  height: 28px !important;
+  min-height: 28px !important;
+}
+
+.ant-form-item-control-input {
+  min-height: 28px !important;
+}
+
+.ant-form-item {
+  margin-bottom: 12px !important;
+}
+
+.ant-select-single .ant-select-selector .ant-select-selection-item,
+.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
+  line-height: 26px !important;
+}
+
+.ant-select-multiple .ant-select-selection-item {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+
+.ant-select-multiple .ant-select-selector::after {
+  line-height: 20px !important;
+}
+
+.ant-btn,
+.ant-picker,
+.ant-input-affix-wrapper {
+  padding-top: 2px !important;
+  padding-bottom: 2px !important;
+}
+
+
+.ant-picker-range {
+  padding: 2px 4px !important;
+
+  .ant-picker-range-separator {
+    font-size: 12px !important;
+  }
+
+  .ant-picker-active-bar {
+    margin-left: 4px !important;
+  }
+
+  .ant-picker-clear {
+    right: 3px !important;
+  }
+
+  .ant-picker-input>input {
+    letter-spacing: -0.8px !important;
+  }
+}