@dtjoy/dt-design 1.1.1 → 1.1.5

package/lib/table/style/virtual.less

@@ -1,65 +1,95 @@
-@import '../../style/themes/index.less';
-
-@table-prefix-cls: ~'@{ant-prefix}-table';
-
-.@{table-prefix-cls}-wrapper {
-    .@{table-prefix-cls}-tbody-virtual {
-        .@{table-prefix-cls}-tbody-virtual-holder-inner {
-            & > .@{table-prefix-cls}-row,
-            & > div:not(.@{table-prefix-cls}-row) > .@{table-prefix-cls}-row {
-                display: flex;
-                box-sizing: border-box;
-                width: 100%;
-            }
-        }
-
-        .@{table-prefix-cls}-cell {
-            border-bottom: @border-width-base @border-style-base @border-color-base;
-            transition: background 0.2s;
-        }
-
-        .@{table-prefix-cls}-expanded-row {
-            .@{table-prefix-cls}-expanded-row-cell.@{table-prefix-cls}-expanded-row-cell-fixed {
-                position: sticky;
-                left: 0;
-                overflow: hidden;
-
-                width: calc(var(--virtual-width) - @border-width-base);
-                border-right: none;
-            }
-        }
-    }
-
-    .@{table-prefix-cls}-bordered {
-        .@{table-prefix-cls}-tbody-virtual {
-            &:after {
-                content: '';
-                left: 0;
-                right: 0;
-                bottom: 0;
-                border-bottom: @border-width-base @border-style-base @border-color-base;
-                position: absolute;
-            }
-
-            .@{table-prefix-cls}-cell {
-                border-right: @border-width-base @border-style-base @border-color-base;
-
-                &.@{table-prefix-cls}-cell-fix-right-first:before {
-                    content: '';
-                    position: absolute;
-                    top: 0;
-                    bottom: 0;
-                    left: calc(-@border-width-base);
-                    border-left: @border-width-base @border-style-base @border-color-base;
-                }
-            }
-        }
-
-        &.@{table-prefix-cls}-virtual {
-            .@{table-prefix-cls}-placeholder .@{table-prefix-cls}-cell {
-                border-right: @border-width-base @border-style-base @border-color-base;
-                border-bottom: @border-width-base @border-style-base @border-color-base;
-            }
-        }
-    }
-}
+@import './variables.less';
+
+// ============================================================
+// === virtual.ts: genVirtualStyle ===
+// ============================================================
+.@{table-prefix-cls}-wrapper {
+  .@{table-prefix-cls}-tbody-virtual {
+    .@{table-prefix-cls}-tbody-virtual-holder-inner {
+      & > .@{table-prefix-cls}-row,
+      & > div:not(.@{table-prefix-cls}-row) > .@{table-prefix-cls}-row {
+        display: flex;
+        box-sizing: border-box;
+        width: 100%;
+      }
+    }
+
+    .@{table-prefix-cls}-cell {
+      border-bottom: @table-border;
+      transition: background-color @table-motion-duration-mid;
+    }
+  }
+
+  // Bordered virtual
+  .@{table-prefix-cls}-bordered {
+    .@{table-prefix-cls}-tbody-virtual {
+      &::after {
+        position: absolute;
+        bottom: 0;
+        border-bottom: @table-border;
+        content: '';
+        inset-inline: 0;
+      }
+
+      .@{table-prefix-cls}-cell {
+        border-inline-end: @table-border;
+
+        &.@{table-prefix-cls}-cell-fix-right-first::before {
+          position: absolute;
+          content: '';
+          inset-block: 0;
+          inset-inline-start: -@table-line-width;
+          border-inline-start: @table-border;
+        }
+      }
+    }
+
+    // Empty placeholder
+    &.@{table-prefix-cls}-virtual {
+      .@{table-prefix-cls}-placeholder .@{table-prefix-cls}-cell {
+        border-inline-end: @table-border;
+        border-bottom: @table-border;
+      }
+    }
+  }
+
+  // Virtual list styles (for BodyGrid component)
+  .@{table-prefix-cls}-virtual-list {
+    position: relative;
+
+    .@{table-prefix-cls}-virtual-row {
+      display: flex;
+      box-sizing: border-box;
+      width: 100%;
+      border-bottom: @table-border;
+      transition: background @table-motion-duration-mid;
+
+      &:hover {
+        background: @table-row-hover-bg;
+      }
+    }
+
+    .@{table-prefix-cls}-row-hover {
+      background: @table-row-hover-bg;
+    }
+
+    .@{table-prefix-cls}-virtual-cell {
+      display: flex;
+      flex-shrink: 0;
+      align-items: center;
+      box-sizing: border-box;
+      padding: @table-padding-vertical @table-padding-horizontal;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+  }
+
+  .@{table-prefix-cls}.@{table-prefix-cls}-bordered {
+    .@{table-prefix-cls}-virtual-list {
+      .@{table-prefix-cls}-virtual-cell {
+        border-right: @table-border;
+      }
+    }
+  }
+}

package/package.json

@@ -1,155 +1,148 @@
-{
-  "name": "@dtjoy/dt-design",
-  "version": "1.1.1",
-  "description": "react-component",
-  "author": {
-    "name": "夕颜",
-    "email": "wx-zhaog@dtjoy.com",
-    "url": "https://github.com/ZhaoFxxkSky/dt-design"
-  },
-  "license": "MIT",
-  "repository": "https://github.com/ZhaoFxxkSky/dt-design",
-  "keywords": [
-    "react",
-    "react-component",
-    "ui-library",
-    "typescript",
-    "ant-design"
-  ],
-  "sideEffects": [
-    "esm/**/style/*",
-    "lib/**/style/*",
-    "**/style/*"
-  ],
-  "main": "lib/index.js",
-  "module": "esm/index.js",
-  "types": "esm/index.d.ts",
-  "files": [
-    "esm",
-    "lib"
-  ],
-  "scripts": {
-    "start": "npm run dev",
-    "dev": "dumi dev",
-    "build": "father build",
-    "build:watch": "father dev",
-    "format": "biome format --write .",
-    "lint:script": "eslint . --cache",
-    "lint:biome": "biome lint",
-    "biome": "biome check --write",
-    "test": "jest",
-    "docs:build": "dumi build",
-    "prepare": "husky install && dumi setup",
-    "doctor": "father doctor",
-    "lint": "npm run tsc && npm run lint:script && npm run lint:biome",
-    "lint:es-fix": "eslint \"components/**/*.{js,jsx,ts,tsx}\" \".dumi/**/*.{js,jsx,ts,tsx}\" --fix",
-    "lint:css-fix": "stylelint \"components/**/*.{css,less,scss}\" \".dumi/**/*.{css,less,scss}\" --fix",
-    "lint:css": "stylelint \"components/**/*.{css,less,scss}\" \".dumi/**/*.{css,less,scss}\"",
-    "lint:es": "eslint \"components/**/*.{js,jsx,ts,tsx}\" \".dumi/**/*.{js,jsx,ts,tsx}\"",
-    "prepublishOnly": "npm run build",
-    "deploy": "npm run docs:build && gh-pages -d docs-dist",
-    "release": "./scripts/release.sh",
-    "tsc": "tsc --noEmit",
-    "tsc:old": "tsc --noEmit -p tsconfig-old-react.json"
-  },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "peerDependencies": {
-    "antd": "^4.x",
-    "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
-  },
-  "dependencies": {
-    "@ant-design/icons": "^4.8.3",
-    "@dtinsight/dt-utils": "^1.3.1",
-    "@rc-component/table": "^1.9.1",
-    "@rc-component/util": "^1.7.0",
-    "clsx": "^2.1.1",
-    "immer": "~10.1.1",
-    "lodash-es": "^4.17.21",
-    "rc-drawer": "~5.1.0",
-    "rc-resize-observer": "^1.4.3",
-    "rc-util": "^5.44.4",
-    "rc-virtual-list": "^3.4.13"
-  },
-  "devDependencies": {
-    "@antfu/eslint-config": "^6.6.1",
-    "@biomejs/biome": "^2.3.10",
-    "@commitlint/cli": "^17.1.2",
-    "@commitlint/config-conventional": "^17.1.0",
-    "@eslint-react/eslint-plugin": "^2.5.0",
-    "@faker-js/faker": "^7.6.0",
-    "@ianvs/prettier-plugin-sort-imports": "^4.7.0",
-    "@npmcli/run-script": "^10.0.3",
-    "@prettier/sync": "^0.6.1",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@testing-library/user-event": "^14.4.3",
-    "@types/jest": "^29.2.3",
-    "@types/lodash-es": "^4.17.12",
-    "@types/node": "^24.3.1",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "18.0.0",
-    "@types/react-resizable": "^3.0.8",
-    "@types/react-syntax-highlighter": "~15.5.13",
-    "@types/shortid": "^0.0.31",
-    "@types/showdown": "^1.9.0",
-    "@types/testing-library__jest-dom": "^5.14.5",
-    "ant-design-testing": "^1.1.0",
-    "babel-plugin-import": "^1.13.8",
-    "cz-conventional-changelog": "^3.3.0",
-    "dumi": "~2.4.21",
-    "eslint": "^9.39.2",
-    "eslint-plugin-compat": "^6.0.2",
-    "eslint-plugin-jest": "^29.12.0",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.26",
-    "father": "4.6.13",
-    "gh-pages": "^6.3.0",
-    "husky": "^8.0.1",
-    "jest": "^29.3.1",
-    "jest-environment-jsdom": "^29.3.1",
-    "ko-lint-config": "2.2.21",
-    "lint-staged": "^13.0.3",
-    "prettier": "^2.7.1",
-    "rc-motion": "2.6.2",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "react-test-renderer": "^18.2.0",
-    "resize-observer-polyfill": "^1.5.1",
-    "standard-version": "^9.5.0",
-    "stylelint": "^14.9.0",
-    "stylelint-config-prettier": "^9.0.2",
-    "stylelint-config-rational-order": "^0.1.2",
-    "stylelint-config-standard": "^29.0.0",
-    "stylelint-declaration-block-no-ignored-properties": "^2.1.0",
-    "stylelint-order": "^5.0.0",
-    "ts-jest": "^29.0.3",
-    "typescript": "~5.9.3"
-  },
-  "config": {
-    "commitizen": {
-      "path": "./node_modules/cz-conventional-changelog"
-    }
-  },
-  "resolutions": {
-    "rc-motion": "2.6.2"
-  },
-  "lint-staged": {
-    "*.{ts,tsx,js,jsx,css,mjs,json}": [
-      "biome check --write --no-errors-on-unmatched",
-      "eslint"
-    ],
-    "*.{md,yml}": [
-      "prettier --ignore-unknown --write"
-    ]
-  }
-}
+{
+  "name": "@dtjoy/dt-design",
+  "version": "1.1.5",
+  "description": "react-component",
+  "author": {
+    "name": "夕颜",
+    "email": "wx-zhaog@dtjoy.com",
+    "url": "https://github.com/ZhaoFxxkSky/dt-design"
+  },
+  "license": "MIT",
+  "repository": "https://github.com/ZhaoFxxkSky/dt-design",
+  "keywords": [
+    "react",
+    "react-component",
+    "ui-library",
+    "typescript",
+    "ant-design"
+  ],
+  "sideEffects": [
+    "dist/*",
+    "es/**/style/*",
+    "lib/**/style/*",
+    "components/**/style/*"
+  ],
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "unpkg": "dist/dt-design.min.js",
+  "typings": "es/index.d.ts",
+  "files": [
+    "dist",
+    "es",
+    "lib"
+  ],
+  "browserslist": [
+    "defaults and not op_mini all"
+  ],
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "antd": ">=4.24.0 <5.0.0",
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  },
+  "dependencies": {
+    "@ant-design/icons": "^4.8.3",
+    "@dtinsight/dt-utils": "^1.3.1",
+    "clsx": "^2.1.1",
+    "lodash": "^4.17.21",
+    "rc-resize-observer": "^1.4.3",
+    "rc-tree": "5.7.12",
+    "rc-util": "^5.44.4",
+    "rc-virtual-list": "^3.4.13"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^6.6.1",
+    "@commitlint/cli": "^17.1.2",
+    "@commitlint/config-conventional": "^17.1.0",
+    "@eslint-react/eslint-plugin": "^2.5.0",
+    "@faker-js/faker": "^7.6.0",
+    "@ianvs/prettier-plugin-sort-imports": "^4.7.0",
+    "@npmcli/run-script": "^10.0.3",
+    "@prettier/sync": "^0.6.1",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/jest": "^29.2.3",
+    "@types/lodash": "^4.17.12",
+    "@types/node": "^24.3.1",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "18.0.0",
+    "@types/react-resizable": "^3.0.8",
+    "@types/showdown": "^1.9.0",
+    "@types/testing-library__jest-dom": "^5.14.5",
+    "ant-design-testing": "^1.1.0",
+    "babel-plugin-import": "^1.13.8",
+    "cz-conventional-changelog": "^3.3.0",
+    "dumi": "~2.4.21",
+    "eslint": "^9.39.2",
+    "eslint-plugin-compat": "^6.0.2",
+    "eslint-plugin-jest": "^29.12.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.26",
+    "father": "4.6.13",
+    "gh-pages": "^6.3.0",
+    "husky": "^8.0.1",
+    "jest": "^29.3.1",
+    "jest-environment-jsdom": "^29.3.1",
+    "ko-lint-config": "2.2.21",
+    "lint-staged": "^13.0.3",
+    "prettier": "^2.7.1",
+    "publint": "^0.3.21",
+    "rc-motion": "2.6.2",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-test-renderer": "^18.2.0",
+    "resize-observer-polyfill": "^1.5.1",
+    "stylelint": "^14.9.0",
+    "stylelint-config-prettier": "^9.0.2",
+    "stylelint-config-rational-order": "^0.1.2",
+    "stylelint-config-standard": "^29.0.0",
+    "stylelint-declaration-block-no-ignored-properties": "^2.1.0",
+    "stylelint-order": "^5.0.0",
+    "ts-jest": "^29.0.3",
+    "typescript": "~5.9.3"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  },
+  "lint-staged": {
+    "*.{ts,tsx,js,jsx,css,mjs,json}": [
+      "eslint --fix"
+    ],
+    "*.{md,yml}": [
+      "prettier --ignore-unknown --write"
+    ]
+  },
+  "scripts": {
+    "start": "npm run dev",
+    "dev": "dumi dev",
+    "build": "father build",
+    "build:dts": "tsc -p tsconfig.build.json",
+    "build:watch": "father dev",
+    "format": "prettier --write .",
+    "lint:script": "eslint . --cache",
+    "lint:pkg": "publint",
+    "test": "jest",
+    "docs:build": "dumi build",
+    "doctor": "father doctor",
+    "lint": "npm run tsc && npm run lint:script",
+    "lint:es-fix": "eslint \"components/**/*.{js,jsx,ts,tsx}\" \".dumi/**/*.{js,jsx,ts,tsx}\" --fix",
+    "lint:css-fix": "stylelint \"components/**/*.{css,less,scss}\" \".dumi/**/*.{css,less,scss}\" --fix",
+    "lint:css": "stylelint \"components/**/*.{css,less,scss}\" \".dumi/**/*.{css,less,scss}\"",
+    "lint:es": "eslint \"components/**/*.{js,jsx,ts,tsx}\" \".dumi/**/*.{js,jsx,ts,tsx}\"",
+    "deploy": "npm run docs:build && gh-pages -d docs-dist",
+    "release": "node -e \"const{execSync:e}=require('child_process');const v=require('./package.json').version;e('git tag v'+v+' && git push origin v'+v,{stdio:'inherit'})\"",
+    "tsc": "tsc --noEmit"
+  }
+}

package/esm/_util/extendsObject.d.ts

@@ -1,4 +0,0 @@
-declare function mergeProps<A, B>(a: A, b: B): B & A;
-declare function mergeProps<A, B, C>(a: A, b: B, c: C): C & B & A;
-declare function mergeProps<A, B, C, D>(a: A, b: B, c: C, d: D): D & C & B & A;
-export default mergeProps;

package/esm/_util/extendsObject.js

@@ -1,17 +0,0 @@
-function mergeProps() {
-  var ret = {};
-  for (var _len = arguments.length, items = new Array(_len), _key = 0; _key < _len; _key++) {
-    items[_key] = arguments[_key];
-  }
-  items.forEach(function (item) {
-    if (item) {
-      Object.keys(item).forEach(function (key) {
-        if (item[key] !== undefined) {
-          ret[key] = item[key];
-        }
-      });
-    }
-  });
-  return ret;
-}
-export default mergeProps;

package/esm/_util/hooks/index.d.ts

@@ -1,4 +0,0 @@
-export * from './useForceUpdate';
-export * from './useOrientation';
-export * from './useProxyImperativeHandle';
-export * from './useSyncState';

package/esm/_util/hooks/index.js

@@ -1,4 +0,0 @@
-export * from "./useForceUpdate";
-export * from "./useOrientation";
-export * from "./useProxyImperativeHandle";
-export * from "./useSyncState";

package/esm/_util/hooks/useProxyImperativeHandle.d.ts

@@ -1,4 +0,0 @@
-import type { Ref } from 'react';
-export declare const useProxyImperativeHandle: <NativeELementType extends HTMLElement, ReturnRefType extends {
-    nativeElement: NativeELementType;
-}>(ref: Ref<any> | undefined, init: () => ReturnRefType) => void;

package/esm/_util/index.d.ts

@@ -1,3 +0,0 @@
-import type { TooltipProps } from 'antd';
-export type LabelTooltipType = TooltipProps | TooltipProps['title'];
-export declare function toTooltipProps(tooltip: LabelTooltipType): TooltipProps | null;

package/esm/_util/isNonNullable.d.ts

@@ -1,2 +0,0 @@
-declare const isNonNullable: <T>(val: T) => val is NonNullable<T>;
-export default isNonNullable;

package/esm/_util/isNonNullable.js

@@ -1,4 +0,0 @@
-var isNonNullable = function isNonNullable(val) {
-  return val !== undefined && val !== null;
-};
-export default isNonNullable;

package/esm/blockHeader/index.d.ts

@@ -1,58 +0,0 @@
-import React from 'react';
-import './style';
-import type { SizeType } from 'antd/es/config-provider/SizeContext';
-import type { LabelTooltipType } from '../_util';
-export interface IBlockHeaderProps {
-    /** id */
-    id?: string;
-    /** 标题 */
-    title: React.ReactNode;
-    /** 标题前的图标，默认是一个色块 */
-    addonBefore?: React.ReactNode;
-    /** 标题后的提示说明文字 */
-    description?: React.ReactNode;
-    /** 默认展示为问号的tooltip */
-    tooltip?: LabelTooltipType;
-    /** 后缀自定义内容块 */
-    addonAfter?: React.ReactNode;
-    /**
-     * 小标题 font-size: 12px; line-height: 32px
-     * 中标题 font-size: 14px; line-height: 40px
-     * 大标题 font-size: 16px; line-height: 40px
-     * 默认 中标题
-     */
-    size?: SizeType;
-    /** 自定义 Bottom 值 */
-    spaceBottom?: {
-        expand?: number;
-        collapse?: number;
-    } | number;
-    /** 标题一行的样式类名 */
-    className?: string;
-    /** 标题的样式类名 */
-    style?: React.CSSProperties;
-    /** 展示内容(children)的样式类名 */
-    contentClassName?: string;
-    /** 展示内容(children)的样式 */
-    contentStyle?: React.CSSProperties;
-    /** 是否显示背景, 默认 true */
-    background?: boolean;
-    /** 当前展开状态 */
-    expand?: boolean;
-    /** 是否可展开, 默认 true */
-    expandable?: boolean;
-    /** 是否默认展开内容, 默认为 false */
-    defaultExpand?: boolean;
-    /** 展开/收起的内容 */
-    children?: React.ReactNode;
-    /** 展开/收起时的回调 */
-    onExpand?: (expand: boolean) => void;
-    /** 标题的样式 */
-    titleStyle?: React.CSSProperties;
-    /** 是否保留 DOM 结构, 默认 false */
-    keepDOM?: boolean;
-    /** 是否懒加载, 默认 false */
-    lazy?: boolean;
-}
-declare const BlockHeader: React.FC<IBlockHeaderProps>;
-export default BlockHeader;

package/esm/flex/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import './style';
-import type { FlexProps } from './interface';
-declare const Flex: React.ForwardRefExoticComponent<FlexProps<import("../_util/type").AnyObject> & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLElement>>;
-export default Flex;

package/esm/index.d.ts

@@ -1,17 +0,0 @@
-export { default as BlockHeader } from './blockHeader';
-export type { ButtonProps } from './button';
-export { default as Button } from './button';
-export { default as Collapsible } from './collapsible';
-export { default as CollapsibleActionItems } from './collapsibleActionItems';
-export { default as Flex } from './flex';
-export type { FlexProps } from './flex/interface';
-export { default as FormList } from './formList';
-export * from './formList';
-export { default as OverflowList } from './overflowList';
-export { default as Resize } from './resize';
-export { default as Splitter } from './splitter';
-export * from './splitter';
-export { default as StatusTag } from './statusTag';
-export * from './statusTag';
-export { default as Table } from './table';
-export type { ColumnGroupType as TableColumnGroupType, ColumnProps as TableColumnProps, ColumnsType as TableColumnsType, ColumnType as TableColumnType, TablePaginationConfig, TableProps, } from './table';

package/esm/index.js

@@ -1,14 +0,0 @@
-export { default as BlockHeader } from "./blockHeader";
-export { default as Button } from "./button";
-export { default as Collapsible } from "./collapsible";
-export { default as CollapsibleActionItems } from "./collapsibleActionItems";
-export { default as Flex } from "./flex";
-export { default as FormList } from "./formList";
-export * from "./formList";
-export { default as OverflowList } from "./overflowList";
-export { default as Resize } from "./resize";
-export { default as Splitter } from "./splitter";
-export * from "./splitter";
-export { default as StatusTag } from "./statusTag";
-export * from "./statusTag";
-export { default as Table } from "./table";