doui-react 1.0.2 → 2.0.1-dev

package/lib/tooltip/component/index.d.ts

@@ -4,45 +4,55 @@ import { TooltipProps } from "..";
 export declare const tooltipOverlayClassName: string;
 export declare function getTooltipProps(props: TooltipProps): {
     color?: string | undefined;
-    title?: import("react").ReactNode | import("antd/lib/tooltip").RenderFunction;
-    overlay?: import("react").ReactNode | import("antd/lib/tooltip").RenderFunction;
+    title?: import("react").ReactNode | import("antd/es/_util/getRenderPropValue").RenderFunction;
+    overlay?: import("react").ReactNode | import("antd/es/_util/getRenderPropValue").RenderFunction;
+    styles?: Partial<Record<"body" | "root", import("react").CSSProperties>> | undefined;
+    classNames: Partial<Record<"body" | "root", string>>;
     style?: import("react").CSSProperties | undefined;
     className?: string | undefined;
-    placement?: import("antd/lib/tooltip").TooltipPlacement | undefined;
-    builtinPlacements?: import("rc-trigger").BuildInPlacements | undefined;
+    rootClassName?: string | undefined;
+    placement?: import("antd/es/tooltip").TooltipPlacement | undefined;
+    builtinPlacements?: import("@rc-component/trigger").BuildInPlacements | undefined;
     openClassName?: string | undefined;
-    arrowPointAtCenter: boolean;
-    autoAdjustOverflow?: boolean | import("antd/lib/tooltip").AdjustOverflow | undefined;
+    arrowPointAtCenter?: boolean | undefined;
+    arrow: boolean | {
+        arrowPointAtCenter?: boolean | undefined;
+        pointAtCenter?: boolean | undefined;
+    };
+    autoAdjustOverflow?: boolean | import("antd/es/tooltip").AdjustOverflow | undefined;
     getPopupContainer: typeof getPopupContainer;
     children?: import("react").ReactNode;
-    visible?: boolean | undefined;
+    destroyTooltipOnHide?: boolean | {
+        keepParent?: boolean | undefined;
+    } | undefined;
+    destroyOnHidden?: boolean | undefined;
     open?: boolean | undefined;
-    defaultVisible?: boolean | undefined;
     defaultOpen?: boolean | undefined;
-    onVisibleChange?: ((visible: boolean) => void) | undefined;
     onOpenChange?: ((visible: boolean) => void) | undefined;
-    afterVisibleChange?: ((visible: boolean) => void) | undefined;
     afterOpenChange?: ((visible: boolean) => void) | undefined;
-    zIndex?: number | undefined;
+    visible?: boolean | undefined;
+    defaultVisible?: boolean | undefined;
+    onVisibleChange?: ((visible: boolean) => void) | undefined;
+    afterVisibleChange?: ((visible: boolean) => void) | undefined;
     animation?: string | undefined;
-    motion?: import("rc-motion").CSSMotionProps | undefined;
-    id?: string | undefined;
-    prefixCls?: string | undefined;
-    onPopupAlign?: ((element: HTMLElement, align: import("rc-trigger/lib/interface").AlignType) => void) | undefined;
-    trigger?: string | string[] | undefined;
     transitionName?: string | undefined;
-    overlayStyle?: import("react").CSSProperties | undefined;
-    overlayClassName: string;
+    prefixCls?: string | undefined;
+    zIndex?: number | undefined;
+    forceRender?: boolean | undefined;
+    id?: string | undefined;
+    align?: import("@rc-component/trigger").AlignType | undefined;
+    motion?: import("rc-motion").CSSMotionProps | undefined;
     mouseEnterDelay?: number | undefined;
     mouseLeaveDelay?: number | undefined;
+    onPopupAlign?: ((element: HTMLElement, align: import("@rc-component/trigger").AlignType) => void) | undefined;
+    overlayClassName?: string | undefined;
+    overlayStyle?: import("react").CSSProperties | undefined;
+    trigger?: import("@rc-component/trigger").ActionType | import("@rc-component/trigger").ActionType[] | undefined;
+    popupVisible?: boolean | undefined;
+    fresh?: boolean | undefined;
     getTooltipContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
-    destroyTooltipOnHide?: boolean | {
-        keepParent?: boolean | undefined;
-    } | undefined;
-    align?: import("rc-trigger/lib/interface").AlignType | undefined;
-    showArrow?: boolean | undefined;
+    showArrow?: boolean | import("@rc-component/trigger").ArrowType | undefined;
     arrowContent?: import("react").ReactNode;
-    popupVisible?: boolean | undefined;
     overlayInnerStyle?: import("react").CSSProperties | undefined;
 };
 export declare function Tooltip(props: TooltipProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/tooltip/component/index.js

@@ -17,8 +17,12 @@ var _templateObject;
 var tooltipOverlayClassName = exports.tooltipOverlayClassName = (0, _css.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  --tooltip-background-color: #02334a;\n\n  .ant-tooltip-inner {\n    border-radius: 8px;\n    white-space: pre-wrap;\n    line-height: 1.3;\n    background-color: var(--tooltip-background-color);\n  }\n\n  .ant-tooltip-arrow-content {\n    --antd-arrow-background-color: var(--tooltip-background-color);\n  }\n"])));
 function getTooltipProps(props) {
   return (0, _objectSpread2.default)({
-    overlayClassName: tooltipOverlayClassName,
-    arrowPointAtCenter: true,
+    classNames: {
+      root: tooltipOverlayClassName
+    },
+    arrow: {
+      pointAtCenter: true
+    },
     getPopupContainer: _api.getPopupContainer
   }, props);
 }

package/lib/tooltip/type/index.d.ts

@@ -1,4 +1,4 @@
-import { TooltipPropsWithOverlay } from 'antd/lib/tooltip';
+import { TooltipPropsWithOverlay } from 'antd/es/tooltip';
 export interface TooltipProps extends TooltipPropsWithOverlay {
     /**
      * @description 背景颜色

package/lib/tree/component/index.d.ts

@@ -1,2 +1,2 @@
-import { TreeProps } from '../type';
+import { TreeProps } from "..";
 export declare function Tree(props: TreeProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/tree/style/index.js

@@ -9,6 +9,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _templateObject;
 var style = {
-  wrapper: (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    height: 100%;\n\n    .ant-select-tree,\n    .ant-tree-select-dropdown {\n      background: unset;\n      box-shadow: unset;\n    }\n\n    .ant-select-selector,\n    .ant-select-arrow {\n      opacity: 0 !important;\n      height: 0 !important;\n      border: none !important;\n      padding: 0 !important;\n      overflow: hidden !important;\n\n      ~ div {\n        position: unset !important;\n      }\n    }\n\n    .ant-tree-select-dropdown {\n      position: unset !important;\n      width: 100% !important;\n      min-width: unset !important;\n      padding: 0;\n    }\n  "])))
+  wrapper: (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    height: 100%;\n\n    .ant-select-tree,\n    .ant-tree-select-dropdown {\n      background: unset;\n      box-shadow: unset;\n    }\n\n    .ant-select-selector,\n    .ant-select-arrow {\n      display: none !important;\n\n      ~ div {\n        position: unset !important;\n      }\n    }\n\n    .ant-tree-select-dropdown {\n      position: unset !important;\n      width: 100% !important;\n      min-width: unset !important;\n      padding: 0;\n    }\n  "])))
 };
 var _default = exports.default = style;

package/lib/tree-select/component/use-tree-select.js

@@ -9,11 +9,10 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _checkbox = require("../../checkbox");
 var _useSelect2 = require("../../select/component/use-select");
-var _css = require("@emotion/css");
 var _style = _interopRequireDefault(require("../style"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _excluded = ["presetProcessOption", "treeNodeAlign"],
-  _excluded2 = ["optionFilterProp", "optionLabelProp", "options", "popupClassName", "activeBackgroundColor", "indent", "multiple"];
+  _excluded2 = ["optionFilterProp", "optionLabelProp", "options", "activeBackgroundColor", "indent", "multiple"];
 function useTreeSelect(_ref) {
   var presetProcessOption = _ref.presetProcessOption,
     _ref$treeNodeAlign = _ref.treeNodeAlign,
@@ -25,7 +24,6 @@ function useTreeSelect(_ref) {
     treeNodeFilterProp = _useSelect.optionFilterProp,
     treeNodeLabelProp = _useSelect.optionLabelProp,
     treeData = _useSelect.options,
-    popupClassName = _useSelect.popupClassName,
     _useSelect$activeBack = _useSelect.activeBackgroundColor,
     activeBackgroundColor = _useSelect$activeBack === void 0 ? '#e6f7ff' : _useSelect$activeBack,
     indent = _useSelect.indent,
@@ -58,7 +56,9 @@ function useTreeSelect(_ref) {
     treeNodeLabelProp: treeNodeLabelProp,
     treeData: treeData,
     multiple: multiple,
-    popupClassName: (0, _css.cx)(popupClassName, classString),
+    classNames: {
+      root: classString
+    },
     treeCheckable: multiple,
     treeExpandAction: multiple ? false : 'click',
     treeIcon: multiple

package/lib/tree-select/style/index.js

@@ -16,7 +16,7 @@ var style = {
       indent = _ref.indent,
       switcherIcon = _ref.switcherIcon,
       treeNodeAlign = _ref.treeNodeAlign;
-    return (0, _css.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    span.ant-select-tree-node-content-wrapper {\n      display: flex;\n      align-items: ", ";\n      overflow: hidden;\n\n      &.ant-select-tree-node-selected {\n        background-color: ", ";\n      }\n    }\n\n    .ant-select-tree .ant-select-tree-treenode {\n      &:has(.ant-select-tree-indent-unit) .ant-select-tree-node-content-wrapper {\n        margin-left: ", ";\n      }\n\n      .ant-select-tree-switcher {\n        display: ", ";\n      }\n\n      .ant-select-tree-checkbox {\n        display: none !important;\n      }\n\n      .ant-select-tree-iconEle {\n        width: unset;\n        height: unset;\n        margin-right: 10px;\n      }\n\n      .ant-select-tree-title {\n        min-width: 0;\n        overflow: hidden;\n      }\n    }\n  "])), (0, _style.getAlign)(treeNodeAlign), activeBackgroundColor, (0, _api.transformValueWithStyleUnit)(indent), switcherIcon === false ? 'none' : undefined);
+    return (0, _css.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    span.ant-select-tree-node-content-wrapper {\n      display: flex;\n      align-items: ", ";\n      overflow: hidden;\n\n      &.ant-select-tree-node-selected {\n        background-color: ", ";\n      }\n    }\n\n    .ant-select-tree .ant-select-tree-treenode {\n      &:has(.ant-select-tree-indent-unit) .ant-select-tree-node-content-wrapper {\n        margin-left: ", ";\n      }\n\n      .ant-select-tree-switcher {\n        display: ", ";\n      }\n\n      .ant-select-tree-checkbox {\n        display: none !important;\n      }\n\n      .ant-select-tree-iconEle {\n        width: unset;\n        height: unset;\n        margin-right: 10px;\n      }\n\n      .ant-select-tree-title {\n        min-width: 0;\n        overflow: hidden;\n      }\n\n      &.filter-node:not(.ant-select-tree-treenode-disabled) .ant-select-tree-title {\n        color: inherit;\n        font-weight: inherit;\n      }\n    }\n  "])), (0, _style.getAlign)(treeNodeAlign), activeBackgroundColor, (0, _api.transformValueWithStyleUnit)(indent), switcherIcon === false ? 'none' : undefined);
   }
 };
 var _default = exports.default = style;

package/lib/virtual-list/component/index.d.ts

@@ -1,2 +1,2 @@
 import { VirtualListProps } from "..";
-export declare function VirtualList({ data, emptyText, children, ...props }: VirtualListProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function VirtualList({ refs, data, emptyText, children, ...props }: VirtualListProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/virtual-list/component/index.js

@@ -11,9 +11,10 @@ var _empty = require("../../empty");
 var _lodash = _interopRequireDefault(require("lodash"));
 var _reactVirtuoso = require("react-virtuoso");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _excluded = ["data", "emptyText", "children"];
+var _excluded = ["refs", "data", "emptyText", "children"];
 function VirtualList(_ref) {
-  var data = _ref.data,
+  var refs = _ref.refs,
+    data = _ref.data,
     emptyText = _ref.emptyText,
     children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -27,6 +28,7 @@ function VirtualList(_ref) {
     });
   }
   return (0, _jsxRuntime.jsx)(_reactVirtuoso.Virtuoso, (0, _objectSpread2.default)({
+    ref: refs,
     data: data,
     itemContent: function itemContent(index, item, context) {
       return children(item, index, context);

package/lib/virtual-list/type/index.d.ts

@@ -1,6 +1,7 @@
+import { BaseComponentProps } from "../../api";
 import { ReactNode } from 'react';
 import { VirtuosoProps } from 'react-virtuoso';
-export interface VirtualListProps extends VirtuosoProps<any, any> {
+export interface VirtualListProps extends Omit<VirtuosoProps<any, any>, 'children'>, BaseComponentProps {
     /**
      * @description 数据
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "doui-react",
-  "version": "1.0.2",
+  "version": "2.0.1-dev",
   "description": "A React UI library based on Ant Design",
   "license": "MIT",
   "main": "lib/index.js",
@@ -12,16 +12,16 @@
   ],
   "scripts": {
     "build": "father build",
-    "build:docs": "dumi build",
     "build:all": "npm-run-all build build:docs",
+    "build:docs": "dumi build",
     "dev": "PORT=3060 dumi dev",
     "lint": "yarn lint:es && yarn lint:css && tsc --noEmit && father doctor",
     "lint:css": "stylelint \".dumi/**/*.less\" --allow-empty-input",
     "lint:es": "eslint \"{src,__tests__,.dumi/theme}/**/*.{js,jsx,ts,tsx}\" --fix",
-    "setup": "husky && dumi setup && patch-package",
     "prepare": "if [ -z \"$SKIP_PREPARE\" ]; then yarn setup; fi",
     "prepublishOnly": "yarn lint && yarn build",
     "preview:docs": "dumi preview --port 3060",
+    "setup": "husky && dumi setup && patch-package",
     "test": "jest --coverage"
   },
   "lint-staged": {
@@ -42,15 +42,14 @@
     ]
   },
   "dependencies": {
-    "@ant-design/icons": "^4.7.0",
+    "@ant-design/icons": "^5.6.1",
     "@babel/runtime": "^7.26.0",
     "@emotion/css": "^11.13.5",
     "@emotion/react": "^11.11.1",
+    "dayjs": "^1.11.13",
     "delay": "^5.0.0",
     "lodash": "^4.17.21",
     "match-path-parser": "^8.2.2",
-    "moment": "^2.30.1",
-    "moment-timezone": "^0.5.47",
     "query-string": "^7.1.3",
     "rc-resize-observer": "^1.4.3",
     "react-copy-to-clipboard": "^5.1.0",
@@ -82,9 +81,9 @@
     "@types/he": "^1.2.3",
     "@types/jest": "^29",
     "@types/lodash": "^4.14.195",
-    "@types/react": "^17",
+    "@types/react": "^18.2.27",
     "@types/react-copy-to-clipboard": "^5.0.7",
-    "@types/react-dom": "^17",
+    "@types/react-dom": "^18.2.12",
     "@types/testing-library__jest-dom": "^5.14.5",
     "@typescript-eslint/eslint-plugin": "^8.20.0",
     "@typescript-eslint/parser": "^8.20.0",
@@ -92,9 +91,7 @@
     "@umijs/test": "^4",
     "@utopia/eslint-config-react": "^0.0.13",
     "@utopia/prettier-config-base": "^0.0.13",
-    "antd": "~4",
     "cross-env": "^7",
-    "dayjs": "^1.11.13",
     "dumi": "2.4.17",
     "eslint": "^8.23.0",
     "eslint-import-resolver-typescript": "^3.7.0",
@@ -126,8 +123,8 @@
     "rc-footer": "0.6.8",
     "rc-util": "^5.41.0",
     "re-resizable": "^6.11.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-intersection-observer": "^9.8.2",
     "react-typed": "^2.0.12",
     "stylelint": "^14.9.1",
@@ -137,7 +134,7 @@
     "typescript": "^5"
   },
   "peerDependencies": {
-    "antd": "^4",
+    "antd": "^5",
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },