dcp-design-react 1.11.2 → 1.11.3

package/lib/table/style/body.less

@@ -1,103 +1,103 @@
-/*
- * @Author: 焦质晔
- * @Date: 2020-02-28 22:13:54
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2024-12-01 18:48:00
- */
-.body--row {
-  &-draggable {
-    position: relative;
-    .drop-indicator {
-      position: absolute;
-      right: 0;
-      bottom: 0;
-      z-index: 5;
-      height: 2px;
-      background-color: @v-primary-color;
-      border-radius: 1px;
-      pointer-events: none;
-      &::after {
-        position: absolute;
-        top: -3px;
-        left: 0;
-        width: 8px;
-        height: 8px;
-        background-color: #fff;
-        border: 2px solid @v-primary-color;
-        border-radius: 50%;
-        content: '';
-      }
-    }
-  }
-}
-.body--column {
-  .cell--edit {
-    margin: 0 -1 * (@v-module-distance - 1px);
-    // placeholder
-    input::placeholder {
-      text-align: left;
-    }
-    // search
-    .ant-input-search {
-      width: calc(100% + 1px);
-      & > .ant-input-group > .ant-input-group-addon {
-        line-height: 1;
-      }
-    }
-    // search-helper-multiple
-    .search-helper-multiple {
-      .ant-input-group > .ant-select:first-child {
-        z-index: 1;
-        .ant-select-selector {
-          border-top-right-radius: 0;
-          border-bottom-right-radius: 0;
-        }
-      }
-      .ant-select-multiple {
-        .ant-select-selection-overflow-item-rest {
-          pointer-events: none;
-        }
-      }
-    }
-    // textArea
-    textarea[class='ant-input'] {
-      resize: none;
-    }
-    &.is-error {
-      position: relative;
-      .ant-input,
-      .ant-input-affix-wrapper {
-        border-color: @v-danger-color;
-        box-shadow: none;
-        z-index: 1;
-      }
-      .ant-input-search {
-        & + .cell-error {
-          right: 38px;
-        }
-      }
-      .cell-error {
-        position: absolute;
-        top: calc(50% - 9px);
-        font-size: @v-font-size-small;
-        color: @v-danger-color;
-        right: 8px;
-        pointer-events: none;
-        z-index: 1;
-      }
-    }
-  }
-  &.col--center {
-    .cell--edit .ant-input {
-      text-align: center;
-    }
-  }
-  &.col--right {
-    .cell--edit .ant-input {
-      text-align: right;
-    }
-  }
-  &.selected {
-    background-color: @v-table-row-selected-background-color !important;
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2020-02-28 22:13:54
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2024-12-01 18:48:00
+ */
+.body--row {
+  &-draggable {
+    position: relative;
+    .drop-indicator {
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      z-index: 5;
+      height: 2px;
+      background-color: @v-primary-color;
+      border-radius: 1px;
+      pointer-events: none;
+      &::after {
+        position: absolute;
+        top: -3px;
+        left: 0;
+        width: 8px;
+        height: 8px;
+        background-color: #fff;
+        border: 2px solid @v-primary-color;
+        border-radius: 50%;
+        content: '';
+      }
+    }
+  }
+}
+.body--column {
+  .cell--edit {
+    margin: 0 -1 * (@v-module-distance - 1px);
+    // placeholder
+    input::placeholder {
+      text-align: left;
+    }
+    // search
+    .ant-input-search {
+      width: calc(100% + 1px);
+      & > .ant-input-group > .ant-input-group-addon {
+        line-height: 1;
+      }
+    }
+    // search-helper-multiple
+    .search-helper-multiple {
+      .ant-input-group > .ant-select:first-child {
+        z-index: 1;
+        .ant-select-selector {
+          border-top-right-radius: 0;
+          border-bottom-right-radius: 0;
+        }
+      }
+      .ant-select-multiple {
+        .ant-select-selection-overflow-item-rest {
+          pointer-events: none;
+        }
+      }
+    }
+    // textArea
+    textarea[class='ant-input'] {
+      resize: none;
+    }
+    &.is-error {
+      position: relative;
+      .ant-input,
+      .ant-input-affix-wrapper {
+        border-color: @v-danger-color;
+        box-shadow: none;
+        z-index: 1;
+      }
+      .ant-input-search {
+        & + .cell-error {
+          right: 38px;
+        }
+      }
+      .cell-error {
+        position: absolute;
+        top: calc(50% - 9px);
+        font-size: @v-font-size-small;
+        color: @v-danger-color;
+        right: 8px;
+        pointer-events: none;
+        z-index: 1;
+      }
+    }
+  }
+  &.col--center {
+    .cell--edit .ant-input {
+      text-align: center;
+    }
+  }
+  &.col--right {
+    .cell--edit .ant-input {
+      text-align: right;
+    }
+  }
+  &.selected {
+    background-color: @v-table-row-selected-background-color !important;
+  }
+}

package/lib/table/style/column-filter.less

@@ -22,14 +22,14 @@
 
 .column-filter__popper {
   padding: 0 !important;
-  min-width: 150px;
-  max-width: 200px;
+  min-width: 160px;
+  max-width: 220px;
 }
 
 .column-item__popper {
   padding-right: @v-module-distance !important;
-  min-width: 150px;
-  max-width: 200px;
+  min-width: 160px;
+  max-width: 220px;
   .ant-popover-arrow {
     display: none;
   }
@@ -46,7 +46,7 @@
     .box-sizing-content();
     li.item {
       position: relative;
-      line-height: 1.75;
+      line-height: 1.85;
       .text-overflow-cut();
       .handle {
         padding: 2px;

package/lib/table/style/index.less

@@ -1,31 +1,31 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-07-23 19:05:57
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2024-12-01 14:16:57
- */
-@import './variable.less';
-@import './toper.less';
-@import './alert.less';
-@import './full-screen.less';
-@import './reload.less';
-@import './print.less';
-@import './import.less';
-@import './export.less';
-@import './clipboard.less';
-@import './tollbox.less';
-@import './select-collection.less';
-@import './group-summary.less';
-@import './super-search.less';
-@import './fast-search.less';
-@import './pivot-grid.less';
-@import './column-filter.less';
-@import './table.less';
-@import './header.less';
-@import './body.less';
-@import './footer.less';
-@import './area-select.less';
-@import './pager.less';
-@import './empty.less';
-@import './expandable.less';
-@import './size.less';
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2024-12-01 14:16:57
+ */
+@import './variable.less';
+@import './toper.less';
+@import './alert.less';
+@import './full-screen.less';
+@import './reload.less';
+@import './print.less';
+@import './import.less';
+@import './export.less';
+@import './clipboard.less';
+@import './tollbox.less';
+@import './select-collection.less';
+@import './group-summary.less';
+@import './super-search.less';
+@import './fast-search.less';
+@import './pivot-grid.less';
+@import './column-filter.less';
+@import './table.less';
+@import './header.less';
+@import './body.less';
+@import './footer.less';
+@import './area-select.less';
+@import './pager.less';
+@import './empty.less';
+@import './expandable.less';
+@import './size.less';

package/lib/table/style/pivot-grid.less

@@ -1,19 +1,19 @@
-/*
- * @Author: 焦质晔
- * @Date: 2024-12-01 14:16:05
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2024-12-01 14:16:28
- */
-.@{prefix-table}-pivot-grid {
-  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: 2024-12-01 14:16:05
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2024-12-01 14:16:28
+ */
+.@{prefix-table}-pivot-grid {
+  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/virtual-list/index.d.ts

@@ -1,3 +1,3 @@
 import VirtualList from './src/virtual-list';
-export type { VirtualListProps } from './src/virtual-list';
+export type { VirtualListRef, VirtualListProps } from './src/virtual-list';
 export default VirtualList;

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

@@ -1,8 +1,9 @@
 import React from 'react';
 type IProps = {
+    dataIndex: number;
     className?: string;
     style?: React.CSSProperties;
     children?: React.ReactNode;
 };
-declare const ListItem: React.FC<IProps>;
+declare const ListItem: React.ForwardRefExoticComponent<IProps & React.RefAttributes<any>>;
 export default ListItem;

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

@@ -1,19 +1,20 @@
 import React from 'react';
 import { type Virtualizer } from './useVirtual';
 import type { IRecord } from '../../table/src/table/types';
-import ListItem from './list-item';
 type IProps = {
     height?: number;
+    maxHeight?: number;
     itemHeight?: number;
     dataSource?: IRecord[];
     className?: string;
     style?: React.CSSProperties;
-    children?: React.ReactNode;
     renderItem?: (item: IRecord, index: number) => React.ReactNode;
     onScroll?: (instance: Virtualizer<Element, Element>, sync: boolean) => void;
 };
 export type VirtualListProps = IProps;
-declare const VirtualList: React.FC<IProps> & {
-    Item: typeof ListItem;
+export type VirtualListRef = {
+    SCROLL_TO_INDEX: (index: number) => void;
+    SCROLL_TO_OFFSET: (offset: number) => void;
 };
+declare const VirtualList: React.ForwardRefExoticComponent<IProps & React.RefAttributes<VirtualListRef>>;
 export default VirtualList;

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

@@ -1,16 +1,21 @@
-/*
- * @Author: 焦质晔
- * @Date: 2024-12-02 09:06:20
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2024-12-02 13:16:55
- */
-@import '../../style/common';
-
-@prefix-virtual-list: ~'@{qm-prefix}-virtual-list';
-
-.@{prefix-virtual-list} {
-  .reset-container();
-  .list-item {
-    list-style: none;
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2024-12-02 09:06:20
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2024-12-02 13:16:55
+ */
+@import '../../style/common';
+
+@prefix-virtual-list: ~'@{qm-prefix}-virtual-list';
+
+.@{prefix-virtual-list} {
+  .reset-container();
+  .container {
+    display: block;
+    ul {
+      li.list-item {
+        list-style: none;
+      }
+    }
+  }
+}

package/package.json

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