@lambo-design/shared 1.0.0-beta.38 → 1.0.0-beta.382

package/nstyles/third/ag.less

@@ -0,0 +1,226 @@
+/*
+ * 更改 AgGrid 的默认样式
+ *
+ * @Author: huxuetong
+ * @Date: 2024-03-12 20:08:55
+ * @Last Modified by: huxuetong
+ * @Last Modified time: 2024-03-18 10:36:38
+ */
+
+.ind-theme,
+.ind-modal.v-transfer-dom {
+  .ag-theme-balham {
+    --ag-grid-size: var(--ind-ag-grid-size);
+    --ag-font-size: var(--ind-ag-font-size);
+    --ag-list-item-height: var(--ind-ag-list-item-height);
+    --ag-odd-row-background-color: var(--ind-ag-odd-row-background-color);
+    --ag-row-hover-color: var(--ind-ag-row-hover-color);
+    --ag-column-hover-color: var(--ind-ag-column-hover-color);
+    --ag-cell-horizontal-padding: var(--ind-ag-cell-horizontal-padding);
+    --ag-row-group-indent-size: var(--ind-ag-row-group-indent-size);
+    --ag-selected-row-background-color: var(
+      --ind-ag-selected-row-background-color
+    );
+    --ag-header-background-color: var(--ind-ag-header-background-color);
+    --ag-odd-row-background-color: var(--ind-ag-odd-row-background-color);
+    --ag-cell-widget-spacing: var(--ind-ag-cell-widget-spacing);
+  }
+
+  .ag-theme-balham .ag-filter-toolpanel-header,
+  .ag-theme-balham .ag-filter-toolpanel-search,
+  .ag-theme-balham .ag-status-bar,
+  .ag-theme-balham .ag-header-row,
+  .ag-theme-balham .ag-multi-filter-group-title-bar,
+  .ag-theme-balham-dark .ag-filter-toolpanel-header,
+  .ag-theme-balham-dark .ag-filter-toolpanel-search,
+  .ag-theme-balham-dark .ag-status-bar,
+  .ag-theme-balham-dark .ag-header-row,
+  .ag-theme-balham-dark .ag-multi-filter-group-title-bar,
+  .ag-header-cell-text {
+    font-weight: 700;
+  }
+
+  .ag-center-aligned-cell {
+    text-align: center;
+    justify-content: center;
+  }
+
+  .ag-right-aligned-cell {
+    justify-content: flex-end;
+    text-align: right;
+  }
+
+  .ag-theme-balham .ag-cell.ag-wrap-cell {
+    line-height: var(--ind-ag-cell-line-height);
+    align-items: center;
+    display: flex;
+    // overflow: unset;
+    .ag-cell-wrapper {
+      display: flex;
+      align-items: center;
+      width: 100%;
+    }
+  }
+
+  .ag-header-cell,
+  .ag-header-group-cell {
+    padding-left: var(--ind-ag-cell-header-horizontal-padding);
+    padding-right: var(--ind-ag-cell-header-horizontal-padding);
+    color: var(--ind-black);
+  }
+  .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon {
+    margin-left: var(--ind-ag-cell-icon-margin-left);
+  }
+
+  .ind-ag-check-cell .ag-cell-wrapper .ag-selection-checkbox {
+    width: 100%;
+    justify-content: center;
+  }
+
+  .ind-ag-check-cell {
+    .ag-cell-wrapper {
+      display: -webkit-inline-box;
+      text-align: center;
+      .ag-selection-checkbox {
+        margin-right: 0;
+      }
+    }
+  }
+
+  .ind-radio {
+    .ag-checkbox-input-wrapper {
+      border-radius: 50%;
+    }
+    .ag-checkbox-input-wrapper::after {
+      content: var(--ag-icon-font-code-radio-button-off, "\f127") !important;
+    }
+    .ag-checkbox-input-wrapper.ag-checked::after {
+      content: var(--ag-icon-font-code-radio-button-on, "\f128") !important;
+    }
+  }
+
+  .ag-theme-balham {
+    --ag-icon-font-code-none: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzAzNzMzOTk0NzQzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI1MzQiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Ik0yNzMuMDY2NjY3IDQwNS4zMzMzMzNoNDc1LjczMzMzM2MxMC42NjY2NjcgMCAyMS4zMzMzMzMtNC4yNjY2NjcgMjkuODY2NjY3LTEyLjggMTcuMDY2NjY3LTE3LjA2NjY2NyAxNy4wNjY2NjctNDIuNjY2NjY3IDAtNTkuNzMzMzMzTDU0MS44NjY2NjcgOTMuODY2NjY3Yy0xNy4wNjY2NjctMTcuMDY2NjY3LTQyLjY2NjY2Ny0xNy4wNjY2NjctNTkuNzMzMzM0IDBMMjQzLjIgMzMyLjhjLTguNTMzMzMzIDguNTMzMzMzLTEyLjggMTkuMi0xMi44IDI5Ljg2NjY2NyAwIDIzLjQ2NjY2NyAxOS4yIDQyLjY2NjY2NyA0Mi42NjY2NjcgNDIuNjY2NjY2ek03NTAuOTMzMzMzIDYxOC42NjY2NjdIMjczLjA2NjY2N2MtMTAuNjY2NjY3IDAtMjEuMzMzMzMzIDQuMjY2NjY3LTI5Ljg2NjY2NyAxMi44LTE3LjA2NjY2NyAxNy4wNjY2NjctMTcuMDY2NjY3IDQyLjY2NjY2NyAwIDU5LjczMzMzM2wyMzguOTMzMzMzIDIzOC45MzMzMzNjMTcuMDY2NjY3IDE3LjA2NjY2NyA0Mi42NjY2NjcgMTcuMDY2NjY3IDU5LjczMzMzNCAwbDIzOC45MzMzMzMtMjM4LjkzMzMzM2M4LjUzMzMzMy04LjUzMzMzMyAxMi44LTE5LjIgMTIuOC0yOS44NjY2NjcgMC0yMy40NjY2NjctMTkuMi00Mi42NjY2NjctNDIuNjY2NjY3LTQyLjY2NjY2NnoiIGZpbGw9IiM4YThhOGEiIHAtaWQ9IjI1MzUiPjwvcGF0aD48L3N2Zz4=");
+    --ag-icon-font-code-desc: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzAzNzM0MDY4NzY3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjkzMzQiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Ik04MDQuNTcxNDI5IDYyMS43MTQyODZhMzYuMjA1NzE0IDM2LjIwNTcxNCAwIDAgMS0xMC44NjE3MTUgMjUuNzA5NzE0bC0yNTYgMjU2QzUzMC44NzA4NTcgOTEwLjI2Mjg1NyA1MjEuNjkxNDI5IDkxNC4yODU3MTQgNTEyIDkxNC4yODU3MTRzLTE4Ljg3MDg1Ny0zLjk4NjI4Ni0yNS43MDk3MTQtMTAuODYxNzE0bC0yNTYtMjU2QTM2LjQyNTE0MyAzNi40MjUxNDMgMCAwIDEgMjE5LjQyODU3MSA2MjEuNzE0Mjg2YzAtMjAuMDA0NTcxIDE2LjU2Njg1Ny0zNi41NzE0MjkgMzYuNTcxNDI5LTM2LjU3MTQyOWg1MTJjMjAuMDA0NTcxIDAgMzYuNTcxNDI5IDE2LjU2Njg1NyAzNi41NzE0MjkgMzYuNTcxNDI5eiIgZmlsbD0iIzhhOGE4YSIgcC1pZD0iOTMzNSI+PC9wYXRoPjwvc3ZnPg==");
+    --ag-icon-font-code-asc: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzAzNzMzOTAxMDQzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE0MzQiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik04MDQuNTcxNDI5IDQwMi4yODU3MTRxMCAxNC44NTcxNDMtMTAuODU3MTQzIDI1LjcxNDI4NnQtMjUuNzE0Mjg2IDEwLjg1NzE0M0gyNTZxLTE0Ljg1NzE0MyAwLTI1LjcxNDI4Ni0xMC44NTcxNDN0LTEwLjg1NzE0My0yNS43MTQyODYgMTAuODU3MTQzLTI1LjcxNDI4NWwyNTYtMjU2cTEwLjg1NzE0My0xMC44NTcxNDMgMjUuNzE0Mjg2LTEwLjg1NzE0M3QyNS43MTQyODYgMTAuODU3MTQzbDI1NiAyNTZxMTAuODU3MTQzIDEwLjg1NzE0MyAxMC44NTcxNDMgMjUuNzE0Mjg1eiIgcC1pZD0iMTQzNSIgZmlsbD0iIzhhOGE4YSI+PC9wYXRoPjwvc3ZnPg==");
+
+    // --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 2);
+  }
+
+  .ag-pinned-left-floating-top,
+  .ag-floating-top-viewport,
+  .ag-pinned-right-floating-top {
+    .ag-cell {
+      font-weight: bold;
+    }
+  }
+
+  .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(
+      .ag-cell-range-single-cell
+    ),
+  .ag-pinned-left-sticky-top,
+  .ag-pinned-left-header,
+  .ag-pinned-left-floating-top,
+  .ag-pinned-left-cols-container {
+    border-right: 1px solid var(--ag-border-color) !important;
+  }
+
+  .ag-pinned-right-cols-container,
+  .ag-pinned-right-sticky-top,
+  .ag-pinned-right-sticky-bottom,
+  .ag-pinned-right-floating-top,
+  .ag-pinned-right-header {
+    border-left: 1px solid var(--ag-border-color) !important;
+  }
+  .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(
+      .ag-cell-range-single-cell
+    ) {
+    border-left: 0 solid var(--ag-border-color) !important;
+  }
+
+  .ind-table-sum-level1,
+  .ind-table-sum-level2,
+  .ind-table-sum-level3,
+  .ind-table-sum-level4,
+  .ind-table-sum-level5 {
+    .ag-cell {
+      background-color: #2d8cf033;
+      color: #333333;
+      font-weight: bold;
+    }
+  }
+
+  // .ind-table-sum-level2 {
+  //   .ag-cell {
+  //     background-color: var(--ind-blue-3);
+  //     color: var(--ind-white);
+  //   }
+  // }
+
+  // .ind-table-sum-level3 {
+  //   .ag-cell {
+  //     background-color: var(--ind-blue-2);
+  //     color: var(--ind-white);
+  //   }
+  // }
+
+  // .ind-table-sum-level3 {
+  //   .ag-cell {
+  //     background-color: var(--ind-blue-1);
+  //     color: var(--ind-white);
+  //   }
+  // }
+  .ag-row-selected {
+    .cell-span {
+      background: var(--ag-selected-row-background-color);
+    }
+  }
+  .ag-body.ag-layout-auto-height {
+    min-height: calc(var(--ind-ag-grid-size) * 6); // 28px; // 一行数据的高度
+  }
+}
+.ag-cell-label-container {
+  display: flex;
+  justify-content: space-between;
+  flex-direction: row-reverse;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  padding: 5px 0;
+  text-align: center !important;
+}
+/* 使 \n 生效为换行 */
+.header-with-newline .ag-header-cell-text {
+  white-space: pre-line !important;
+}
+// master-detial单元格居中对齐
+.ag-cell-value,
+.ag-group-value {
+  align-items: center;
+  display: flex;
+  line-height: min(
+    var(--ag-internal-calculated-line-height),
+    var(--ag-internal-padded-row-height)
+  ) !important;
+}
+
+.column-highlight {
+  background: var(--ag-selected-row-background-color);
+}
+.heard-highlight {
+  background: var(--ag-selected-row-background-color) !important;
+  border-bottom: 2px solid rgb(120, 180, 99) !important;
+  color: #000 !important;
+}
+.cellClick-highlight {
+  background: rgb(120, 180, 99) !important;
+  font-weight: 700 !important;
+  color: #000 !important;
+}
+.cellClick-index-highlight {
+  border-left: 2px solid rgb(120, 180, 99) !important;
+  background: var(--ag-selected-row-background-color) !important;
+  font-weight: 700 !important;
+  color: #000 !important;
+}

package/nstyles/third/icons/sort-desc.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1703734068767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9334" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="16"><path d="M804.571429 621.714286a36.205714 36.205714 0 0 1-10.861715 25.709714l-256 256C530.870857 910.262857 521.691429 914.285714 512 914.285714s-18.870857-3.986286-25.709714-10.861714l-256-256A36.425143 36.425143 0 0 1 219.428571 621.714286c0-20.004571 16.566857-36.571429 36.571429-36.571429h512c20.004571 0 36.571429 16.566857 36.571429 36.571429z" fill="#8a8a8a" p-id="9335"></path></svg>

package/nstyles/third/icons/sort-up.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1703733901043" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1434" width="10" height="16" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M804.571429 402.285714q0 14.857143-10.857143 25.714286t-25.714286 10.857143H256q-14.857143 0-25.714286-10.857143t-10.857143-25.714286 10.857143-25.714285l256-256q10.857143-10.857143 25.714286-10.857143t25.714286 10.857143l256 256q10.857143 10.857143 10.857143 25.714285z" p-id="1435" fill="#8a8a8a"></path></svg>

package/nstyles/third/icons/sorting.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1703733994743" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2534" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="16"><path d="M273.066667 405.333333h475.733333c10.666667 0 21.333333-4.266667 29.866667-12.8 17.066667-17.066667 17.066667-42.666667 0-59.733333L541.866667 93.866667c-17.066667-17.066667-42.666667-17.066667-59.733334 0L243.2 332.8c-8.533333 8.533333-12.8 19.2-12.8 29.866667 0 23.466667 19.2 42.666667 42.666667 42.666666zM750.933333 618.666667H273.066667c-10.666667 0-21.333333 4.266667-29.866667 12.8-17.066667 17.066667-17.066667 42.666667 0 59.733333l238.933333 238.933333c17.066667 17.066667 42.666667 17.066667 59.733334 0l238.933333-238.933333c8.533333-8.533333 12.8-19.2 12.8-29.866667 0-23.466667-19.2-42.666667-42.666667-42.666666z" fill="#8a8a8a" p-id="2535"></path></svg>

package/nstyles/third/index.less

@@ -0,0 +1,11 @@
+/*
+ * 更改第三方UI组件的样式，在定义时尽量使用我们自己的Css变量，即以ind开头的变量，以便切换主题
+ *
+ * @Author: huxuetong 
+ * @Date: 2023-08-16 16:25:48 
+ * @Last Modified by: huxuetong
+ * @Last Modified time: 2024-03-12 20:09:41
+ */
+
+@import './ag.less';
+@import './view-design.less';

package/nstyles/third/view-design.less

@@ -0,0 +1,402 @@
+/*
+ * 更改 view-design 的默认样式
+ *
+ * @Author: huxuetong 
+ * @Date: 2023-08-16 16:24:23 
+ * @Last Modified by: huxuetong
+ * @Last Modified time: 2024-04-06 14:15:41
+ */
+
+// form-item
+.ivu-input {
+  height: var(--input-height);
+}
+
+.ivu-input-wrapper .ivu-input-icon,
+.ivu-select .ivu-select-input,
+.ivu-select.ivu-select .ivu-select-selection,
+.ivu-select.ivu-select .ivu-select-selection .ivu-select-placeholder,
+.ivu-select.ivu-select .ivu-select-selection .ivu-select-selected-value,
+.ivu-select-multiple .ivu-select-selection .ivu-select-placeholder,
+.ivu-input-wrapper .ivu-input-prefix i,
+.ivu-select.ivu-select-multiple .ivu-select-selection .ivu-select-placeholder,
+.ivu-select.ivu-select-multiple .ivu-select-selection .ivu-select-selected-value,
+.ivu-input-wrapper .ivu-input-suffix i {
+  height: var(--input-height);
+  line-height: var(--input-height);
+}
+.ivu-select .ivu-select-input,
+.ivu-select.ivu-select-multiple .ivu-select-input {
+  top: auto;
+}
+
+.ivu-page.mini .ivu-page-total,
+.ivu-page.mini .ivu-page-options-elevator,
+.ivu-page.mini .ivu-page-item {
+  height: var(--input-height);
+  line-height: var(--input-height);
+}
+
+.ivu-select-default.ivu-select-multiple .ivu-select-selection {
+  min-height: var(--input-height) !important;
+}
+
+.ivu-page.mini .ivu-page-next,
+.ivu-page.mini .ivu-page-prev,
+.ivu-page.mini .ivu-page-options-elevator input {
+  height: var(--input-height);
+  line-height: calc(var(--input-height) - 2px);
+}
+
+// 双滚动条问题，加上一个像素就好
+ul.ivu-page.mini {
+  margin-bottom: 1px !important;
+}
+
+.ivu-input,
+.ivu-select-selection,
+.ivu-input-number-input,
+.ivu-input-number,
+.ivu-radio-inner,
+.ivu-checkbox-inner,
+.ivu-table-cell-tree {
+  border-color: #ccc !important;
+}
+
+.ivu-radio-wrapper {
+  white-space: pre-wrap !important;
+}
+
+.ivu-radio .ivu-radio-inner::after {
+  top: 50%;
+  left: 50%;
+  transform: scale(1) translateX(-50%) translateY(-50%) !important;
+}
+
+.ivu-radio-checked .ivu-radio-inner,
+.ivu-checkbox-checked .ivu-checkbox-inner {
+  border-color: #488aff !important;
+}
+
+.ivu-select-multiple .ivu-select-selection > div {
+  display: flex;
+  .ivu-tag {
+    position: relative;
+    height: var(--ind-tag-height);
+    line-height: var(--ind-tag-height);
+
+    .ivu-icon {
+      position: absolute;
+      top: calc(50% + 1px);
+      transform: translateY(-50%);
+    }
+  }
+}
+
+.ivu-select-dropdown,
+.ivu-tooltip-popper {
+  z-index: 99999999 !important;
+}
+
+.ivu-select-dropdown,
+.ivu-dropdown-transfer {
+  max-height: 400px;
+}
+
+.ivu-select-item {
+  padding-top: 4px !important;
+  padding-bottom: 4px !important;
+}
+
+.selected-input {
+  .ivu-input {
+    cursor: pointer;
+  }
+
+  &.readonly {
+    .ivu-input {
+      cursor: default;
+    }
+  }
+}
+
+// button
+//全局样式，按钮高度-2022年11月11日
+.ivu-btn {
+  height: var(--ind-button-height-md);
+  padding-left: var(--ind-button-padding-md);
+  padding-right: var(--ind-button-padding-md);
+}
+.ivu-btn-small {
+  height: var(--ind-button-height-sm);
+  padding-left: var(--ind-button-padding-sm);
+  padding-right: var(--ind-button-padding-sm);
+}
+.ivu-btn-icon-only.ivu-btn {
+  width: var(--ind-button-height-sm);
+  padding-left: unset;
+  padding-right: unset;
+}
+
+// poptip
+//全局样式，树形选择框宽度-2022年11月11日
+.ivu-poptip {
+  width: 100%;
+  .ivu-poptip-rel {
+    width: 100%;
+  }
+}
+
+// tooltip
+// 领导让换个色 begin
+.ivu-tooltip-arrow {
+  border-bottom-color: rgb(232, 233, 234) !important;
+}
+.ivu-tooltip-inner {
+  background-color: rgb(232, 233, 234) !important;
+  color: #333 !important;
+}
+body > .ivu-tooltip-popper {
+  .ivu-tooltip-inner {
+    white-space: pre-wrap;
+  }
+}
+
+// 领导让换个色 end
+
+// card
+.ivu-card:hover {
+  box-shadow: none !important;
+}
+.ivu-card,
+.ivu-card-bordered {
+  border: 1px solid var(--ind-border-color);
+  .ivu-card-head {
+    padding: var(--ivu-card-head-padding) !important;
+    line-height: var(--ivu-card-head-line-height) !important;
+    height: var(--ivu-card-head-height) !important;
+    background: #ffffff;
+  }
+}
+
+.ivu-card-body {
+  padding: var(--ivu-card-body-padding);
+}
+
+// steps
+.ivu-steps.ivu-steps-small .ivu-steps-title {
+  font-size: 14px !important;
+  margin-top: 2px;
+}
+
+.ivu-steps .ivu-steps-head-inner {
+  display: block;
+  width: 26px !important;
+  height: 26px !important;
+  line-height: 24px !important;
+  margin-right: 8px !important;
+  text-align: center;
+  border: 1px solid #ccc;
+}
+
+.ivu-steps.ivu-steps-small .ivu-steps-tail {
+  top: 13px !important;
+  padding: 0 10px !important;
+}
+
+.ivu-steps .ivu-steps-head-inner > .ivu-steps-icon.ivu-icon {
+  font-size: 24px !important;
+}
+
+// modal
+.ivu-modal-close .ivu-icon-ios-close {
+  color: #444;
+}
+
+// row
+// 栅格布局的宽度为啥不是100%呢
+.ivu-row {
+  width: 100%;
+  // min-height: 100%;
+}
+
+// menu
+.ivu-menu-vertical .ivu-menu-item,
+.ivu-menu-vertical .ivu-menu-submenu-title {
+  padding-left: 8px;
+}
+
+.ivu-spin-fix {
+  // z-index: 999999998 !important;
+}
+
+// message
+.ivu-message {
+  zoom: 2;
+  z-index: 999999999 !important;
+}
+
+.ivu-message-notice-content {
+  .ivu-message-notice-content-text:nth-child(2) {
+    display: none;
+  }
+}
+
+.ind-modal:has(.ivu-modal-confirm) {
+  z-index: 999999998 !important;
+}
+
+// tabs
+.ivu-tabs {
+  display: flex;
+  flex-direction: column;
+
+  &.ivu-tabs-auto-height {
+    height: 100%;
+  }
+
+  .ivu-tabs-bar {
+    flex-shrink: 0;
+    margin-bottom: 0px !important;
+    background-color: #f5f7f9;
+    border-bottom: 1px solid #bebebe;
+  }
+
+  .ivu-tabs-content {
+    flex-grow: 1;
+  }
+}
+
+// collapse
+.ivu-collapse .ivu-collapse-item {
+  .ivu-collapse-header {
+    padding: var(--ivu-card-head-padding) !important;
+    line-height: var(--ivu-card-head-line-height);
+    height: var(--ivu-card-head-height);
+    // padding-bottom: 17px;
+    background-color: #ecf0f4;
+    border: 1px solid #d2dbe4;
+    border-bottom: none;
+    font-size: 16px;
+    font-weight: bold;
+    color: #333333;
+  }
+  &:last-child {
+    .ivu-collapse-header {
+      border-bottom: 1px solid #d2dbe4;
+    }
+    .ivu-collapse-content {
+      border-bottom: 1px solid #d2dbe4;
+    }
+  }
+}
+.ivu-collapse-content {
+  border: 1px solid #d2dbe4;
+  border-bottom: none;
+}
+
+// menu
+.ivu-menu {
+  .ivu-menu {
+    border-top: 1px solid var(--menu-black-active-bg);
+    border-bottom: none;
+  }
+}
+
+.ivu-menu-dark {
+  background: var(--menu-dark-active-bg) !important;
+}
+.ivu-menu-submenu-title {
+  background: var(--menu-dark-active-bg);
+}
+
+.ivu-menu-item > i {
+  margin-right: 12px !important;
+}
+
+.ivu-menu-submenu > .ivu-menu > .ivu-menu-item > i {
+  margin-right: 8px !important;
+}
+
+// layout
+.ivu-layout-sider-children {
+  margin-right: 1px;
+  background-color: var(--menu-black-active-bg);
+  overflow-y: auto;
+
+  &::-webkit-scrollbar {
+    width: 0;
+  }
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-item:hover,
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title:hover,
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item:hover {
+    color: var(--main-color);
+    background: var(--selected-background-hover) !important;
+  }
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-item,
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title,
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item {
+    font-size: var(--ivu-menu-item-font-size);
+    background-color: var(--menu-black-active-bg) !important;
+  }
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-child-item-active > .ivu-menu-submenu-title {
+    color: black;
+    font-size: 14px;
+  }
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active,
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover {
+    background: var(--selected-background) !important;
+    border-right: 3px solid var(--deep-mian-color);
+    color: var(--deep-menu-color) !important;
+  }
+  .ivu-menu-vertical .ivu-menu-submenu-title-icon {
+    right: 0px;
+  }
+}
+
+// table
+.ivu-table {
+  line-height: unset !important;
+}
+
+.ivu-input::-webkit-input-placeholder {
+  font-size: 12px;
+  // font-size: 14px;
+}
+
+.ivu-spin-large.ivu-spin-fix.ivu-spin-fullscreen{
+  background-color:rgba(255,255,255,0.1)
+}
+.extend-height{
+  min-height: calc(100vh - 85px);
+}
+
+.ivu-card-extra {
+  top: var(--ivu-card-extra, 3px) !important;
+}
+
+.ag-cell .ivu-table-cell-tooltip-content {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  line-height: 1.2;
+}
+
+// checkbox 默认选中 湖北客户要求加深颜色
+.ivu-checkbox-disabled.ivu-checkbox-checked .ivu-checkbox-inner:after 
+{
+   border-color: var(--ivu-tree-disabled-check-color,#ccc) !important;
+}
+
+.ivu-checkbox-disabled.ivu-checkbox-checked .ivu-checkbox-inner
+{
+  background-color: var(--ivu-tree-disabled-background-color,#f3f3f3)   !important;
+  
+}
+
+.ivu-checkbox-indeterminate.ivu-checkbox-disabled .ivu-checkbox-inner
+{
+  background-color: var(--ivu-tree-disabled-background-color,#f3f3f3)   !important;
+  
+}