ls-pro-common 3.0.11 → 3.0.13

package/lib/components/antd-custom.less

@@ -1,262 +0,0 @@
-.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: 14px;
-  }
-}
-
-
-.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-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;
-}

package/lib/components/common.less

@@ -1,468 +0,0 @@
-body {
-
-  --bg-color: #F9FAFB;
-
-
-  --ant-primary-color: #1869ED;
-  --ant-primary-color-hover: #418efa;
-  --ant-primary-color-active: #0a4cc7;
-  --ant-primary-color-outline: rgba(24, 105, 237, 0.4);
-  --ant-primary-1: #e6f4ff;
-  --ant-primary-2: #bddfff;
-  --ant-primary-3: #94c8ff;
-  --ant-primary-4: #6baeff;
-  --ant-primary-5: #418efa;
-  --ant-primary-6: #1869ED;
-  --ant-primary-7: #0a4cc7;
-  --ant-primary-color-deprecated-pure: #bed5fa;
-  --ant-primary-color-deprecated-l-35: #bed5fa;
-  --ant-primary-color-deprecated-l-20: #77a6f4;
-  --ant-primary-color-deprecated-t-20: #4687f1;
-  --ant-primary-color-deprecated-t-50: #8cb4f6;
-  --ant-primary-color-deprecated-f-12: rgba(24, 105, 237, 0.12);
-  --ant-primary-color-active-deprecated-f-30: rgba(230, 244, 255, 0.3);
-  --ant-primary-color-active-deprecated-d-02: #dcf0ff;
-  --ant-success-color: #52c41a;
-  --ant-success-color-hover: #73d13d;
-  --ant-success-color-active: #389e0d;
-  --ant-success-color-outline: rgba(82, 196, 26, 0.2);
-  --ant-success-color-deprecated-bg: #f6ffed;
-  --ant-success-color-deprecated-border: #b7eb8f;
-  --ant-error-color: #ff4d4f;
-  --ant-error-color-hover: #ff7875;
-  --ant-error-color-active: #d9363e;
-  --ant-error-color-outline: rgba(255, 77, 79, 0.2);
-  --ant-error-color-deprecated-bg: #fff2f0;
-  --ant-error-color-deprecated-border: #ffccc7;
-  --ant-warning-color: #faad14;
-  --ant-warning-color-hover: #ffc53d;
-  --ant-warning-color-active: #d48806;
-  --ant-warning-color-outline: rgba(250, 173, 20, 0.2);
-  --ant-warning-color-deprecated-bg: #fffbe6;
-  --ant-warning-color-deprecated-border: #ffe58f;
-  --ant-info-color: #1869ED;
-  --ant-info-color-deprecated-bg: #e6f4ff;
-  --ant-info-color-deprecated-border: #94c8ff;
-  
-}
-
-* ::-webkit-scrollbar-thumb {
-  background-color: #EFF2F4;
-  border-radius   : 6px;
-
-  &:hover {
-    background-color: #E4E7EA;
-    border-radius   : 6px;
-  }
-}
-
-* ::-webkit-scrollbar {
-  width           : 8px;
-  height          : 8px;
-  background-color: transparent;
-}
-
-* {
-  scrollbar-width: thin;
-}
-
-
-body.theme-yellow {
-  --ant-primary-color                       : #fa8500;
-  --ant-primary-color-hover                 : #ffa229;
-  --ant-primary-color-active                : #d46a00;
-  --ant-primary-color-outline               : rgba(250, 133, 0, 0.4);
-  --ant-primary-bg                          : #fff;
-  --ant-primary-side                        : #fff7e6;
-  --ant-primary-0                           : #ffd9ad;
-  --ant-primary-1                           : #fff7e6;
-  --ant-primary-2                           : #ffe0a3;
-  --ant-primary-3                           : #ffce7a;
-  --ant-primary-4                           : #ffba52;
-  --ant-primary-5                           : #ffa229;
-  --ant-primary-6                           : #fa8500;
-  --ant-primary-7                           : #d46a00;
-  --ant-primary-color-deprecated-pure       : #ffd9ad;
-  --ant-primary-color-deprecated-l-35       : #ffd9ad;
-  --ant-primary-color-deprecated-l-20       : #ffb561;
-  --ant-primary-color-deprecated-t-20       : #fb9d33;
-  --ant-primary-color-deprecated-t-50       : #fdc280;
-  --ant-primary-color-deprecated-f-12       : rgba(250, 133, 0, 0.12);
-  --ant-primary-color-active-deprecated-f-30: rgba(255, 247, 230, 0.3);
-  --ant-primary-color-active-deprecated-d-02: #fff4dc;
-  --ant-success-color                       : #52c41a;
-  --ant-success-color-hover                 : #73d13d;
-  --ant-success-color-active                : #389e0d;
-  --ant-success-color-outline               : rgba(82, 196, 26, 0.2);
-  --ant-success-color-deprecated-bg         : #f6ffed;
-  --ant-success-color-deprecated-border     : #b7eb8f;
-  --ant-error-color                         : #ff4d4f;
-  --ant-error-color-hover                   : #ff7875;
-  --ant-error-color-active                  : #d9363e;
-  --ant-error-color-outline                 : rgba(255, 77, 79, 0.2);
-  --ant-error-color-deprecated-bg           : #fff2f0;
-  --ant-error-color-deprecated-border       : #ffccc7;
-  --ant-warning-color                       : #faad14;
-  --ant-warning-color-hover                 : #ffc53d;
-  --ant-warning-color-active                : #d48806;
-  --ant-warning-color-outline               : rgba(250, 173, 20, 0.2);
-  --ant-warning-color-deprecated-bg         : #fffbe6;
-  --ant-warning-color-deprecated-border     : #ffe58f;
-  --ant-info-color                          : #fa8500;
-  --ant-info-color-deprecated-bg            : #fff7e6;
-  --ant-info-color-deprecated-border        : #ffce7a;
-  --antd-wave-shadow-color                  : #fa8500;
-
-  .ant-table-cell,
-  .ant-pro-table-alert-info-content {
-    a {
-      color: var(--ant-primary-color);
-    }
-
-    a:hover {
-      color: var(--ant-primary-color-hover);
-    }
-
-    a:active {
-      color: var(--ant-primary-color-active);
-    }
-  }
-}
-
-.dtl-layout {
-  position      : absolute;
-  top           : 0;
-  left          : 0;
-  right         : 0;
-  bottom        : 0;
-  background    : var(--bg-color, #f9fafb);
-  display       : flex;
-  flex-direction: column;
-  z-index       : 50;
-
-  .dtl-header {
-    display         : flex;
-    justify-items   : center;
-    padding         : 8px 20px;
-    background      : #fff;
-    // border-bottom: 1px solid #f0f0f0;
-
-    // .dtl-back {
-    //   display      : flex;
-    //   align-items  : center;
-    //   padding-right: 5px;
-
-    //   >span {
-    //     padding      : 3px;
-    //     border-radius: 2px;
-
-    //     &:hover {
-    //       background: var(--ant-primary-2);
-    //       color     : var(--ant-primary-color)
-    //     }
-    // }
-    // }
-
-    .dtl-title {
-      font-size: 16px;
-      font-weight: 700;
-    }
-
-    .dtl-btns {
-      flex      : 1;
-      text-align: right;
-    }
-  }
-
-  .dtl-body {
-    height  : 0;
-    flex    : 1;
-    overflow: auto;
-  }
-
-  .dtl-flex {
-    display       : flex;
-    flex-direction: column;
-  }
-}
-
-.flex {
-  flex: 1;
-}
-
-.flex-column {
-  display       : flex;
-  flex-direction: column;
-
-  .flex {
-    height: 0;
-  }
-}
-
-.flex-row {
-  display       : flex;
-  flex-direction: row;
-
-  .flex {
-    width: 0;
-  }
-}
-
-.page404 {
-  width           : 100%;
-  height          : 100%;
-  text-align      : center;
-  padding-top     : 10%;
-  font-size       : 15px;
-  font-weight     : 600;
-  color           : gray;
-  background-color: #fff;
-
-  img {
-    vertical-align: bottom;
-    padding-right : 5px;
-  }
-}
-
-.loading {
-  height         : 100%;
-  width          : 100%;
-  position       : absolute;
-  display        : flex;
-  align-items    : center;
-  justify-content: center;
-  background     : #fff;
-}
-
-#myloading {
-  position        : fixed;
-  top             : 0;
-  left            : 0;
-  bottom          : 0;
-  right           : 0;
-  z-index         : 9999;
-  display         : flex;
-  align-items     : center;
-  background-color: rgba(226, 227, 231, 0.35);
-  justify-content : center;
-
-  .load-text {
-    padding         : 4px 20px;
-    background-color: #fff;
-    border-radius   : 4px;
-  }
-}
-
-
-a {
-  color: var(--ant-primary-color);
-}
-
-a:hover {
-  color: var(--ant-primary-5);
-}
-
-.image-selector,
-.icon-selector {
-  .img-upload {
-    width : 40px;
-    height: 40px;
-  }
-
-  .ant-upload-select {
-
-    .img-wrapper {
-      position: relative;
-
-      .clear-btn {
-        position       : absolute;
-        left           : 0;
-        top            : 0;
-        width          : 100%;
-        height         : 100%;
-        background     : rgba(199, 202, 212, 0.9);
-        display        : flex;
-        align-items    : flex-start;
-        padding        : 4px;
-        color          : #1f4265;
-        justify-content: end;
-        display        : none;
-      }
-
-      &:hover {
-        .clear-btn {
-          display: flex;
-        }
-      }
-
-      .img-preview {
-        max-width : 150px;
-        max-height: 150px;
-      }
-    }
-  }
-
-
-
-  .img-choose {
-    margin: 8px 0;
-  }
-
-  .img-desc {
-    color: rgba(69, 77, 100, 0.7)
-  }
-
-  .ant-modal-body {
-    padding   : 8px;
-    max-height: calc(100vh - 180px);
-    overflow-y: auto;
-  }
-}
-
-
-.description-card {
-
-  .ant-pro-card-header {
-    height: 50px;
-  }
-
-  .ant-pro-card-body {
-    padding: 12px 24px 2px;
-  }
-
-  .ant-pro-card-header-border {
-    border-bottom: 1px solid #dbeafa;
-  } 
-}
-
-.has-background {
-  background: #f6fafe;
-
-  .ant-descriptions-row>td,
-  .ant-descriptions-row>th {
-    padding-bottom: 10px
-  }
-}
-
-
-.ls-group-tip {
-  display       : flex;
-  position      : relative;
-  width         : 100%;
-  align-items   : center;
-  background    : #fff;
-  padding-bottom: 12px;
-
-  .ls-group-divider {
-    height      : 14px;
-    border-right: 2px solid var(--ant-primary-color);
-  }
-
-  .ls-group-text {
-    font-size   : 14px;
-    color       : #181818;
-    padding-left: 8px;
-  }
-}
-
-
-
-//-------------------省市区组件样式-----------
-//最外层盒子
-.ls-area-cascaded-box {
-  width         : 600px;
-  display       : flex;
-  flex-direction: column;
-  transition    : all 0.3s;
-
-  .ls-area-cascaded-header {
-    width          : 100%;
-    padding        : 2px 0 6px;
-    border-bottom  : 1px solid #f0f0f0;
-    display        : flex;
-    flex-direction : row;
-    justify-content: space-around;
-    justify-content: center;
-
-    .ls-word-box-display {
-      margin     : 0 10px;
-      font-size  : 14px;
-      font-weight: 100;
-
-      button {
-        border          : none;
-        background-color: var(--ant-primary-2, #f0f9ff);
-
-        &[disabled] {
-          background-color: #fafafa !important;
-
-          .ls-myself-select-title-style {
-            color     : var(--ant-primary-4, #a3d7ff);
-            transition: all 0.3s;
-          }
-        }
-      }
-
-      .ls-myself-select-title-style {
-        color      : var(--ant-primary-color, rgb(69, 154, 220));
-        font-size  : 14px;
-        font-weight: 600;
-        transition : all 0.3s;
-      }
-    }
-
-    .ls-icon-box-display {
-      display    : flex;
-      align-items: center;
-    }
-  }
-
-  .ls-area-cascaded-body {
-    width                : 100%;
-    min-height           : 100px;
-    max-height           : 350px;
-    overflow             : auto;
-    padding              : 8px 12px 4px;
-    display              : grid;
-    grid-template-columns: repeat(4, 1fr);
-    gap                  : 4px;
-    justify-content      : start;
-    align-content        : flex-start;
-    align-items          : center;
-
-    .ls-area-cascaded-span {
-      text-align: center;
-      padding   : 6px 10px;
-
-      //文字不换行，超出省略
-      overflow     : hidden;
-      text-overflow: ellipsis;
-      white-space  : nowrap;
-      cursor       : pointer;
-
-      &.ls-area-selected,
-      &:hover {
-        color     : var(--ant-primary-color, rgb(69, 154, 220));
-        transition: all 0.3s;
-      }
-    }
-  }
-}
-
-//手动指定盒子位置
-.ls-area-box-position {
-  .ls-ant-select-dropdown {
-    top: 36px !important;
-  }
-}
-
-.ls-input-table {
-  .ant-pro-table-list-toolbar {
-    padding-top: 0px;
-  }
-}
-
-
-@import url('./antd-custom.less');
-
-//-------------------省市区组件样式-----------