@jiaozhiye/qm-design-react 1.8.2 → 1.8.4

package/lib/table/style/header.less

@@ -1,207 +1,205 @@
-/*
- * @Author: 焦质晔
- * @Date: 2020-02-28 22:11:53
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2022-11-26 21:07:50
- */
-@prefix-table: ~'@{qm-prefix}-table';
-
-.TheadAlignCenter {
-  .cell--text {
-    justify-content: center !important;
-  }
-}
-
-.TheadAlignRight {
-  .cell--text {
-    justify-content: flex-end !important;
-  }
-}
-
-.@{prefix-table}--header-wrapper {
-  background-color: @v-table-header-background-color;
-  .@{prefix-table}--header {
-    tr > th[colspan]:not([colspan='1']) {
-      .TheadAlignCenter();
-    }
-  }
-  .gutter {
-    background-color: @v-table-header-background-color;
-  }
-}
-
-.header--column {
-  .cell--wrapper {
-    display: flex;
-    align-items: center;
-    .cell--text {
-      display: flex;
-      align-items: center;
-      justify-content: flex-start;
-      flex: 1;
-      /* 重要 */
-      width: 0;
-      .cell {
-        padding-right: 2px;
-        line-height: 24px;
-      }
-      .tip {
-        padding: 2px;
-        cursor: default;
-      }
-    }
-  }
-  &.column-has-filter {
-    .cell--wrapper {
-      margin-right: 16px;
-    }
-  }
-  &.col--center {
-    .TheadAlignCenter();
-  }
-  &.col--right {
-    .TheadAlignRight();
-  }
-  &:not(.column-has-sorter):not(.column-has-filter) {
-    .cell--text {
-      .cell {
-        padding-right: @v-module-distance;
-      }
-      .tip {
-        margin-left: -8px;
-      }
-    }
-  }
-  &.column--required {
-    .cell {
-      &::before {
-        content: '*';
-        color: @v-danger-color;
-        margin-right: 2px;
-      }
-    }
-  }
-
-  /* 全选 */
-  .cell--selection {
-    display: flex;
-    align-items: center;
-    .icon {
-      padding: 2px;
-      margin-left: 2px;
-      margin-top: 1px;
-      font-size: @v-font-size;
-      color: @v-icon-color;
-      cursor: pointer;
-    }
-    .info {
-      flex-shrink: 0;
-      margin-left: 4px;
-      font-size: @v-font-size - 1px;
-      color: @v-font-secondary-color;
-    }
-  }
-
-  /* 排序 */
-  .cell--sorter {
-    font-size: 0.8em;
-    flex-shrink: 0;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    cursor: pointer;
-    // transform: scale(0.8, 0.8);
-    &__asc,
-    &__desc {
-      color: @v-icon-color;
-      &.actived {
-        color: @v-primary-color;
-      }
-    }
-    &__asc {
-      transform: translateY(1.5px);
-    }
-    &__desc {
-      transform: translateY(-1.5px);
-    }
-  }
-
-  /* 筛选 */
-  .cell--filter {
-    width: 16px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    color: @v-icon-color;
-    transition: all 0.3s ease;
-    cursor: pointer;
-    .icon {
-      transform: scale(0.8, 0.9);
-    }
-    &:hover,
-    &.selected {
-      color: @v-font-secondary-color;
-      background-color: @v-table-column-filter-hover-color;
-    }
-    &.actived {
-      color: @v-primary-color;
-    }
-  }
-
-  .resizable {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    right: -5px;
-    width: 10px;
-    z-index: 1;
-    cursor: col-resize;
-    &.is--line {
-      &:before {
-        content: '';
-        position: absolute;
-        left: 50%;
-        top: 20%;
-        width: 1px;
-        height: 60%;
-        background-color: @v-table-resizable-color;
-      }
-    }
-  }
-}
-
-.head-filter__popper {
-  padding: @v-module-distance !important;
-  max-height: 300px;
-  overflow-y: auto;
-}
-
-.head-filter--wrap {
-  ul {
-    margin: 0;
-    li {
-      display: flex;
-      align-items: center;
-      margin-bottom: 5px;
-      &:last-of-type {
-        margin-bottom: 0;
-      }
-      & > span {
-        margin-right: 5px;
-      }
-    }
-  }
-}
-
-.all-selection__popper {
-  .ant-dropdown-menu {
-    &-item {
-      padding-left: 12px;
-      padding-right: 12px;
-    }
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2020-02-28 22:11:53
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2022-11-26 21:07:50
+ */
+.TheadAlignCenter {
+  .cell--text {
+    justify-content: center !important;
+  }
+}
+
+.TheadAlignRight {
+  .cell--text {
+    justify-content: flex-end !important;
+  }
+}
+
+.@{prefix-table}--header-wrapper {
+  background-color: @v-table-header-background-color;
+  .@{prefix-table}--header {
+    tr > th[colspan]:not([colspan='1']) {
+      .TheadAlignCenter();
+    }
+  }
+  .gutter {
+    background-color: @v-table-header-background-color;
+  }
+}
+
+.header--column {
+  .cell--wrapper {
+    display: flex;
+    align-items: center;
+    .cell--text {
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+      flex: 1;
+      /* 重要 */
+      width: 0;
+      .cell {
+        padding-right: 2px;
+        line-height: 24px;
+      }
+      .tip {
+        padding: 2px;
+        cursor: default;
+      }
+    }
+  }
+  &.column-has-filter {
+    .cell--wrapper {
+      margin-right: 16px;
+    }
+  }
+  &.col--center {
+    .TheadAlignCenter();
+  }
+  &.col--right {
+    .TheadAlignRight();
+  }
+  &:not(.column-has-sorter):not(.column-has-filter) {
+    .cell--text {
+      .cell {
+        padding-right: @v-module-distance;
+      }
+      .tip {
+        margin-left: -8px;
+      }
+    }
+  }
+  &.column--required {
+    .cell {
+      &::before {
+        content: '*';
+        color: @v-danger-color;
+        margin-right: 2px;
+      }
+    }
+  }
+
+  /* 全选 */
+  .cell--selection {
+    display: flex;
+    align-items: center;
+    .icon {
+      padding: 2px;
+      margin-left: 2px;
+      margin-top: 1px;
+      font-size: @v-font-size;
+      color: @v-icon-color;
+      cursor: pointer;
+    }
+    .info {
+      flex-shrink: 0;
+      margin-left: 4px;
+      font-size: @v-font-size - 1px;
+      color: @v-font-secondary-color;
+    }
+  }
+
+  /* 排序 */
+  .cell--sorter {
+    font-size: 0.8em;
+    flex-shrink: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    cursor: pointer;
+    // transform: scale(0.8, 0.8);
+    &__asc,
+    &__desc {
+      color: @v-icon-color;
+      &.actived {
+        color: @v-primary-color;
+      }
+    }
+    &__asc {
+      transform: translateY(1.5px);
+    }
+    &__desc {
+      transform: translateY(-1.5px);
+    }
+  }
+
+  /* 筛选 */
+  .cell--filter {
+    width: 16px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    color: @v-icon-color;
+    transition: all 0.3s ease;
+    cursor: pointer;
+    .icon {
+      transform: scale(0.8, 0.9);
+    }
+    &:hover,
+    &.selected {
+      color: @v-font-secondary-color;
+      background-color: @v-table-column-filter-hover-color;
+    }
+    &.actived {
+      color: @v-primary-color;
+    }
+  }
+
+  .resizable {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: -5px;
+    width: 10px;
+    z-index: 1;
+    cursor: col-resize;
+    &.is--line {
+      &:before {
+        content: '';
+        position: absolute;
+        left: 50%;
+        top: 20%;
+        width: 1px;
+        height: 60%;
+        background-color: @v-table-resizable-color;
+      }
+    }
+  }
+}
+
+.head-filter__popper {
+  padding: @v-module-distance !important;
+  max-height: 300px;
+  overflow-y: auto;
+}
+
+.head-filter--wrap {
+  ul {
+    margin: 0;
+    li {
+      display: flex;
+      align-items: center;
+      margin-bottom: 5px;
+      &:last-of-type {
+        margin-bottom: 0;
+      }
+      & > span {
+        margin-right: 5px;
+      }
+    }
+  }
+}
+
+.all-selection__popper {
+  .ant-dropdown-menu {
+    &-item {
+      padding-left: 12px;
+      padding-right: 12px;
+    }
+  }
+}

package/lib/table/style/import.less

@@ -1,25 +1,23 @@
-/*
- * @Author: 焦质晔
- * @Date: 2020-03-26 11:26:46
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2022-04-28 12:03:38
- */
-@prefix-table: ~'@{qm-prefix}-table';
-
-.@{prefix-table}-import {
-  display: inline-block;
-  padding: 5px 3px;
-  line-height: 1;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  .icon {
-    font-size: 1.05em;
-  }
-  &:hover {
-    color: @v-primary-color;
-  }
-}
-
-.@{prefix-table}--file-form {
-  display: none;
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2020-03-26 11:26:46
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2022-04-28 12:03:38
+ */
+.@{prefix-table}-import {
+  display: inline-block;
+  padding: 5px 3px;
+  line-height: 1;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  .icon {
+    font-size: 1.05em;
+  }
+  &:hover {
+    color: @v-primary-color;
+  }
+}
+
+.@{prefix-table}--file-form {
+  display: none;
+}

package/lib/table/style/pager.less

@@ -1,29 +1,27 @@
-/*
- * @Author: 焦质晔
- * @Date: 2020-03-26 11:45:02
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2021-09-04 10:17:37
- */
-@prefix-table: ~'@{qm-prefix}-table';
-
-.@{prefix-table}-pager {
-  margin-top: @v-module-distance;
-  display: flex;
-  justify-content: space-between;
-  .pager-alert {
-    .@{prefix-table}__alert {
-      height: 100%;
-    }
-  }
-  .ant-pagination {
-    line-height: 1;
-    &-options-size-changer.ant-select {
-      width: auto;
-      &.ant-select-status-error {
-        .ant-select-selector {
-          border-color: @--border-color-base !important;
-        }
-      }
-    }
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2020-03-26 11:45:02
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-09-04 10:17:37
+ */
+.@{prefix-table}-pager {
+  margin-top: @v-module-distance;
+  display: flex;
+  justify-content: space-between;
+  .pager-alert {
+    .@{prefix-table}__alert {
+      height: 100%;
+    }
+  }
+  .ant-pagination {
+    line-height: 1;
+    &-options-size-changer.ant-select {
+      width: auto;
+      &.ant-select-status-error {
+        .ant-select-selector {
+          border-color: @--border-color-base !important;
+        }
+      }
+    }
+  }
+}

package/lib/table/style/print.less

@@ -1,21 +1,19 @@
-/*
- * @Author: 焦质晔
- * @Date: 2020-03-26 11:45:02
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2022-01-09 10:06:27
- */
-@prefix-table: ~'@{qm-prefix}-table';
-
-.@{prefix-table}-print {
-  display: inline-block;
-  padding: 5px 3px;
-  line-height: 1;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  .icon {
-    font-size: 1.05em;
-  }
-  &:hover {
-    color: @v-primary-color;
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2020-03-26 11:45:02
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2022-01-09 10:06:27
+ */
+.@{prefix-table}-print {
+  display: inline-block;
+  padding: 5px 3px;
+  line-height: 1;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  .icon {
+    font-size: 1.05em;
+  }
+  &:hover {
+    color: @v-primary-color;
+  }
+}

package/lib/table/style/reload.less

@@ -1,21 +1,19 @@
-/*
- * @Author: 焦质晔
- * @Date: 2020-03-26 11:45:02
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2021-12-31 14:12:41
- */
-@prefix-table: ~'@{qm-prefix}-table';
-
-.@{prefix-table}-reload {
-  display: inline-block;
-  padding: 5px 3px;
-  line-height: 1;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  .icon {
-    font-size: 1.05em;
-  }
-  &:hover {
-    color: @v-primary-color;
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2020-03-26 11:45:02
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-12-31 14:12:41
+ */
+.@{prefix-table}-reload {
+  display: inline-block;
+  padding: 5px 3px;
+  line-height: 1;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  .icon {
+    font-size: 1.05em;
+  }
+  &:hover {
+    color: @v-primary-color;
+  }
+}

package/lib/table/style/select-collection.less

@@ -1,21 +1,19 @@
-/*
- * @Author: 焦质晔
- * @Date: 2020-03-26 11:45:02
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2022-01-06 10:27:07
- */
-@prefix-table: ~'@{qm-prefix}-table';
-
-.@{prefix-table}-select-collection {
-  display: inline-block;
-  padding: 5px 3px;
-  line-height: 1;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  .icon {
-    font-size: 1.05em;
-  }
-  &:hover {
-    color: @v-primary-color;
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2020-03-26 11:45:02
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2022-01-06 10:27:07
+ */
+.@{prefix-table}-select-collection {
+  display: inline-block;
+  padding: 5px 3px;
+  line-height: 1;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  .icon {
+    font-size: 1.05em;
+  }
+  &:hover {
+    color: @v-primary-color;
+  }
+}