dcp-design-react 1.11.24 → 1.12.0

package/lib/table/style/fast-search.less

@@ -1,150 +1,151 @@
-/*
- * @Author: 焦质晔
- * @Date: 2022-03-16 19:05:30
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2022-11-26 21:11:04
- */
-.@{prefix-table}-fast-search {
-  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}-fast-search__setting {
-  height: 100%;
-  .main {
-    display: flex;
-    flex-direction: row;
-    height: 100%;
-    .container {
-      flex: 1;
-      min-width: 0;
-      display: flex;
-      flex-direction: column;
-      .search-box {
-        display: flex;
-        align-items: center;
-        .label {
-          width: 100px;
-        }
-      }
-      .condition {
-        margin-top: @v-module-distance;
-        margin-bottom: @v-module-distance;
-      }
-      .all-list {
-        flex: 1 0;
-        min-height: 0;
-        overflow-y: auto;
-        .rtable {
-          width: 100%;
-          border: 1px solid @v-table-border-color;
-          thead {
-            position: sticky;
-            top: 0;
-            th {
-              background-color: @v-table-header-background-color;
-              height: 30px;
-              text-align: center;
-            }
-          }
-          tbody {
-            tr {
-              &.active {
-                td {
-                  background-color: @--primary-1;
-                  color: @v-primary-color;
-                }
-              }
-              &:hover {
-                td {
-                  text-decoration: underline;
-                }
-              }
-              td {
-                height: 30px;
-                text-align: center;
-                border-top: 1px solid @v-table-border-color;
-                cursor: pointer;
-                .text-overflow-cut();
-                max-width: 0;
-              }
-            }
-          }
-        }
-      }
-    }
-    .saved {
-      width: 240px;
-      .form-wrap {
-        display: flex;
-      }
-      .card-wrap {
-        margin-top: @v-module-distance;
-        border: 1px solid @v-table-border-color;
-        > h5 {
-          display: flex;
-          align-items: center;
-          font-size: inherit;
-          font-weight: normal;
-          margin-bottom: 0;
-          padding: 0 @v-module-distance;
-          border-bottom: 1px solid @v-table-border-color;
-          background-color: @v-table-header-background-color;
-        }
-        > ul {
-          margin-bottom: 0;
-          li {
-            display: flex;
-            align-items: center;
-            position: relative;
-            padding: 6px @v-module-distance;
-            border-bottom: 1px solid @v-table-border-color;
-            cursor: pointer;
-            transition: all 0.3s ease;
-            &:last-of-type {
-              border-bottom: 0;
-            }
-            &:hover {
-              background-color: @v-table-row-hover-background-color;
-              .close {
-                visibility: visible;
-              }
-            }
-            &.selected {
-              background-color: @v-table-row-selected-background-color;
-            }
-            .title {
-              i {
-                margin-right: 5px;
-              }
-            }
-            .close {
-              position: absolute;
-              right: @v-module-distance;
-              visibility: hidden;
-            }
-          }
-        }
-      }
-    }
-    .line {
-      border-left: 1px dashed @--border-color-base;
-      padding-left: @v-module-distance;
-      margin-left: @v-module-distance;
-    }
-  }
-  .bottom-bar {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2022-03-16 19:05:30
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2022-11-26 21:11:04
+ */
+.@{prefix-table}-fast-search {
+  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}-fast-search__setting {
+  height: 100%;
+  .main {
+    display: flex;
+    flex-direction: row;
+    height: 100%;
+    .container {
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      .search-box {
+        display: flex;
+        align-items: center;
+        .label {
+          width: 75px;
+        }
+      }
+      .condition {
+        padding-left: 75px;
+        margin-top: @v-module-distance;
+        margin-bottom: @v-module-distance;
+      }
+      .all-list {
+        flex: 1 0;
+        min-height: 0;
+        overflow-y: auto;
+        .rtable {
+          width: 100%;
+          border: 1px solid @v-table-border-color;
+          thead {
+            position: sticky;
+            top: 0;
+            th {
+              background-color: @v-table-header-background-color;
+              height: 30px;
+              text-align: center;
+            }
+          }
+          tbody {
+            tr {
+              &.active {
+                td {
+                  background-color: @--primary-1;
+                  color: @v-primary-color;
+                }
+              }
+              &:hover {
+                td {
+                  text-decoration: underline;
+                }
+              }
+              td {
+                height: 30px;
+                text-align: center;
+                border-top: 1px solid @v-table-border-color;
+                cursor: pointer;
+                .text-overflow-cut();
+                max-width: 0;
+              }
+            }
+          }
+        }
+      }
+    }
+    .saved {
+      width: 240px;
+      .form-wrap {
+        display: flex;
+      }
+      .card-wrap {
+        margin-top: @v-module-distance;
+        border: 1px solid @v-table-border-color;
+        > h5 {
+          display: flex;
+          align-items: center;
+          font-size: inherit;
+          font-weight: normal;
+          margin-bottom: 0;
+          padding: 0 @v-module-distance;
+          border-bottom: 1px solid @v-table-border-color;
+          background-color: @v-table-header-background-color;
+        }
+        > ul {
+          margin-bottom: 0;
+          li {
+            display: flex;
+            align-items: center;
+            position: relative;
+            padding: 6px @v-module-distance;
+            border-bottom: 1px solid @v-table-border-color;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            &:last-of-type {
+              border-bottom: 0;
+            }
+            &:hover {
+              background-color: @v-table-row-hover-background-color;
+              .close {
+                visibility: visible;
+              }
+            }
+            &.selected {
+              background-color: @v-table-row-selected-background-color;
+            }
+            .title {
+              i {
+                margin-right: 5px;
+              }
+            }
+            .close {
+              position: absolute;
+              right: @v-module-distance;
+              visibility: hidden;
+            }
+          }
+        }
+      }
+    }
+    .line {
+      border-left: 1px dashed @--border-color-base;
+      padding-left: @v-module-distance;
+      margin-left: @v-module-distance;
+    }
+  }
+  .bottom-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+}

package/lib/table/style/header.less

@@ -2,7 +2,7 @@
  * @Author: 焦质晔
  * @Date: 2020-02-28 22:11:53
  * @Last Modified by: 焦质晔
- * @Last Modified time: 2022-11-26 21:07:50
+ * @Last Modified time: 2025-06-17 10:44:57
  */
 .TheadAlignCenter {
   .cell--text {
@@ -174,24 +174,122 @@
 
 .head-filter__popper {
   padding: @v-module-distance !important;
-  max-height: 300px;
+  max-height: 424px;
   overflow-y: auto;
 }
 
 .head-filter--wrap {
-  ul {
-    margin: 0;
-    li {
+  @modulePadding: 6px;
+  .filter-list {
+    ul {
+      li {
+        display: flex;
+        align-items: center;
+        margin-bottom: @modulePadding;
+        .label {
+          width: 20px;
+        }
+      }
+    }
+  }
+  .filter-box {
+    display: flex;
+    align-items: center;
+    .condition {
+      .ant-select-selector {
+        padding: 0 @modulePadding;
+        .ant-select-selection-item {
+          padding-right: @v-module-distance;
+        }
+      }
+      .ant-select-arrow {
+        right: @modulePadding;
+      }
+    }
+  }
+  .list-panel {
+    .btn {
+      display: inline-block;
+      text-align: center;
+      text-transform: none;
+      text-decoration: none;
+      background: transparent;
+      border: 0;
+      outline: 0;
+      box-shadow: none;
+      cursor: pointer;
+    }
+    .select-all {
       display: flex;
       align-items: center;
-      margin-bottom: 5px;
-      &:last-of-type {
-        margin-bottom: 0;
+      justify-content: space-between;
+      margin: 5px 0 2px;
+      .action {
+        flex: 1 0;
+      }
+      .ant-checkbox + span {
+        padding-right: 4px;
+      }
+      .divider {
+        font-style: normal;
+        color: @v-font-disabled-color;
       }
-      & > span {
-        margin-right: 5px;
+      .invert {
+        padding: 0 4px;
+        cursor: pointer;
+        &:disabled {
+          color: @v-font-disabled-color;
+          cursor: not-allowed;
+        }
+      }
+      .total {
+        font-size: @v-font-size - 1px;
+        color: @v-font-color-placeholder;
       }
     }
+    .select-list {
+      margin-right: -10px;
+      .list-item {
+        width: 200px;
+        height: 26px;
+        display: flex;
+        align-items: center;
+        &:hover {
+          .right {
+            display: block;
+          }
+        }
+        .ant-checkbox-wrapper {
+          flex: auto;
+          min-width: 0;
+          & > span:nth-child(2) {
+            padding-right: 4px;
+            .text-overflow-cut();
+          }
+        }
+        .right {
+          flex-shrink: 0;
+          padding: 0;
+          font-size: @v-font-size - 1px;
+          color: @v-primary-color;
+          display: none;
+        }
+      }
+    }
+  }
+  .tree-panel {
+    width: 200px;
+    .ant-tree {
+      margin-right: -5px;
+    }
+  }
+  .footer {
+    margin-top: @modulePadding;
+    padding-top: @modulePadding + 2px;
+    margin-left: -@v-module-distance;
+    width: calc(100% + @v-module-distance + @v-module-distance);
+    padding-right: @v-module-distance;
+    border-top: 1px solid @--border-color-secondary;
   }
 }
 

package/lib/table/style/variable.less

@@ -1,51 +1,51 @@
-/*
- * @Author: 焦质晔
- * @Date: 2020-02-28 21:58:58
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2021-09-04 16:24:06
- */
-@prefix-table: ~'@{qm-prefix}-table';
-
-/* font-size */
-@v-font-size: @--font-size-base;
-@v-font-size-large: @--font-size-base;
-@v-font-size-small: @--font-size-sm;
-
-@v-font-color: @--text-color;
-@v-font-color-secondary: @--text-color-secondary;
-@v-font-color-placeholder: @--text-color-placeholder;
-@v-font-disabled-color: @--disabled-color;
-
-/* primary color */
-@v-primary-color: @--primary-color;
-@v-danger-color: @--error-color;
-
-// module distance
-@v-module-distance: @--padding-md;
-
-/* border radius */
-@v-border-radius: @--border-radius-base;
-
-/* icon */
-@v-icon-color: #bfbfbf;
-
-/* table color */
-@v-table-header-background-color: #fafafa;
-@v-table-border-color: #e8e8e8;
-@v-table-resizable-color: #d9d9d9;
-@v-table-background-color: #ffffff;
-@v-table-footer-background-color: #fafafa;
-@v-table-column-sort-hover-color: #f2f2f2;
-@v-table-column-sorted-color: #f5f5f5;
-@v-table-column-filter-hover-color: #e5e5e5;
-
-/* table row */
-@v-table-row-height: 34px;
-@v-table-row-height-large: 42px;
-@v-table-row-height-small: 26px;
-@v-table-row-line-height: 24px;
-@v-table-row-hover-background-color: #f5f5f5;
-@v-table-row-selected-background-color: @--primary-2;
-@v-table-row-current-background-color: @--primary-4;
-@v-table-row-expanded-background-color: #fafafa;
-@v-table-row-active-color: rgba(250, 173, 20, 0.3);
+/*
+ * @Author: 焦质晔
+ * @Date: 2020-02-28 21:58:58
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-09-04 16:24:06
+ */
+@prefix-table: ~'@{qm-prefix}-table';
+
+/* font-size */
+@v-font-size: @--font-size-base;
+@v-font-size-large: @--font-size-base;
+@v-font-size-small: @--font-size-sm;
+
+@v-font-color: @--text-color;
+@v-font-color-secondary: @--text-color-secondary;
+@v-font-color-placeholder: @--text-color-placeholder;
+@v-font-disabled-color: @--disabled-color;
+
+/* primary color */
+@v-primary-color: @--primary-color;
+@v-danger-color: @--error-color;
+
+// module distance
+@v-module-distance: @--padding-md;
+
+/* border radius */
+@v-border-radius: @--border-radius-base;
+
+/* icon */
+@v-icon-color: #bfbfbf;
+
+/* table color */
+@v-table-header-background-color: #fafafa;
+@v-table-border-color: #e8e8e8;
+@v-table-resizable-color: #d9d9d9;
+@v-table-background-color: #ffffff;
+@v-table-footer-background-color: #fafafa;
+@v-table-column-sort-hover-color: #f2f2f2;
+@v-table-column-sorted-color: #f5f5f5;
+@v-table-column-filter-hover-color: #e5e5e5;
+
+/* table row */
+@v-table-row-height: 34px;
+@v-table-row-height-large: 42px;
+@v-table-row-height-small: 26px;
+@v-table-row-line-height: 24px;
+@v-table-row-hover-background-color: #f5f5f5;
+@v-table-row-selected-background-color: @--primary-2;
+@v-table-row-current-background-color: @--primary-4;
+@v-table-row-expanded-background-color: #fafafa;
+@v-table-row-active-color: rgba(250, 173, 20, 0.3);

package/lib/virtual-list/src/core.d.ts

@@ -76,6 +76,7 @@ export interface VirtualizerOptions<TScrollElement extends Element | Window, TIt
     useScrollendEvent?: boolean;
     enabled?: boolean;
     isRtl?: boolean;
+    useAnimationFrameWithResizeObserver?: boolean;
 }
 export declare class Virtualizer<TScrollElement extends Element | Window, TItemElement extends Element> {
     private unsubs;
@@ -83,7 +84,6 @@ export declare class Virtualizer<TScrollElement extends Element | Window, TItemE
     scrollElement: TScrollElement | null;
     targetWindow: (Window & typeof globalThis) | null;
     isScrolling: boolean;
-    private scrollToIndexTimeoutId;
     measurementsCache: Array<VirtualItem>;
     private itemSizeCache;
     private pendingMeasuredCacheIndexes;
@@ -115,7 +115,7 @@ export declare class Virtualizer<TScrollElement extends Element | Window, TItemE
             startIndex: number;
             endIndex: number;
         } | null;
-        updateDeps(newDeps: [VirtualItem[], number, number]): void;
+        updateDeps(newDeps: [VirtualItem[], number, number, number]): void;
     };
     getVirtualIndexes: {
         (): number[];
@@ -130,10 +130,9 @@ export declare class Virtualizer<TScrollElement extends Element | Window, TItemE
         updateDeps(newDeps: [number[], VirtualItem[]]): void;
     };
     getVirtualItemForOffset: (offset: number) => VirtualItem | undefined;
-    getOffsetForAlignment: (toOffset: number, align: ScrollAlignment) => number;
-    getOffsetForIndex: (index: number, align?: ScrollAlignment) => readonly [number, "auto"] | readonly [number, "center"] | readonly [number, "end"] | readonly [number, "start"] | undefined;
+    getOffsetForAlignment: (toOffset: number, align: ScrollAlignment, itemSize?: number) => number;
+    getOffsetForIndex: (index: number, align?: ScrollAlignment) => readonly [number, "auto"] | readonly [number, "center" | "start" | "end"] | undefined;
     private isDynamicMode;
-    private cancelScrollToIndex;
     scrollToOffset: (toOffset: number, { align, behavior }?: ScrollToOffsetOptions) => void;
     scrollToIndex: (index: number, { align: initialAlign, behavior }?: ScrollToIndexOptions) => void;
     scrollBy: (delta: number, { behavior }?: ScrollToOffsetOptions) => void;

package/lib/virtual-list/src/useVirtual.d.ts

@@ -1,5 +1,5 @@
 import { Virtualizer } from './core';
 import type { PartialKeys, VirtualizerOptions } from './core';
 export * from './core';
-export declare const useVirtualizer: <TScrollElement extends Element, TItemElement extends Element>(options: PartialKeys<VirtualizerOptions<TScrollElement, TItemElement>, "scrollToFn" | "observeElementRect" | "observeElementOffset">) => Virtualizer<TScrollElement, TItemElement>;
-export declare const useWindowVirtualizer: <TItemElement extends Element>(options: PartialKeys<VirtualizerOptions<Window, TItemElement>, "getScrollElement" | "scrollToFn" | "observeElementRect" | "observeElementOffset">) => Virtualizer<Window, TItemElement>;
+export declare function useVirtualizer<TScrollElement extends Element, TItemElement extends Element>(options: PartialKeys<VirtualizerOptions<TScrollElement, TItemElement>, 'observeElementRect' | 'observeElementOffset' | 'scrollToFn'>): Virtualizer<TScrollElement, TItemElement>;
+export declare function useWindowVirtualizer<TItemElement extends Element>(options: PartialKeys<VirtualizerOptions<Window, TItemElement>, 'getScrollElement' | 'observeElementRect' | 'observeElementOffset' | 'scrollToFn'>): Virtualizer<Window, TItemElement>;

package/lib/virtual-list/src/utils.d.ts

@@ -1,4 +1,3 @@
-import { AnyFunction } from '../../_utils/types';
 export type NoInfer<A> = [A][A extends any ? 0 : never];
 export type PartialKeys<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
 export declare function memo<TDeps extends ReadonlyArray<any>, TResult>(getDeps: () => [...TDeps], fn: (...args: NoInfer<[...TDeps]>) => TResult, opts: {
@@ -13,4 +12,4 @@ export declare function memo<TDeps extends ReadonlyArray<any>, TResult>(getDeps:
 };
 export declare function notUndefined<T>(value: T | undefined, msg?: string): T;
 export declare const approxEqual: (a: number, b: number) => boolean;
-export declare const debounce: (targetWindow: Window & typeof globalThis, fn: AnyFunction<any>, ms: number) => (this: any, ...args: Array<any>) => void;
+export declare const debounce: (targetWindow: Window & typeof globalThis, fn: any, ms: any) => (this: any, ...args: Array<any>) => void;

package/lib/virtual-list/style/index.less

@@ -1,22 +1,22 @@
-/*
- * @Author: 焦质晔
- * @Date: 2024-12-02 09:06:20
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2024-12-26 14:23:49
- */
-@import '../../style/common';
-
-@prefix-virtual-list: ~'@{qm-prefix}-virtual-list';
-
-.@{prefix-virtual-list} {
-  .reset-container();
-  .container {
-    display: block;
-    ul {
-      will-change: transform;
-      li.list-item {
-        list-style: none;
-      }
-    }
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2024-12-02 09:06:20
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2024-12-26 14:23:49
+ */
+@import '../../style/common';
+
+@prefix-virtual-list: ~'@{qm-prefix}-virtual-list';
+
+.@{prefix-virtual-list} {
+  .reset-container();
+  .container {
+    display: block;
+    ul {
+      will-change: transform;
+      li.list-item {
+        list-style: none;
+      }
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dcp-design-react",
-  "version": "1.11.24",
+  "version": "1.12.0",
   "description": "A Component Library for React",
   "keywords": [
     "React",