@dtjoy/dt-design 1.0.2 → 1.0.4

package/lib/resizeObserver/index.js

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ObserverProperty = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = require("react-dom");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+let ObserverProperty = exports.ObserverProperty = /*#__PURE__*/function (ObserverProperty) {
+  ObserverProperty["Width"] = "width";
+  ObserverProperty["Height"] = "height";
+  ObserverProperty["All"] = "all";
+  return ObserverProperty;
+}({});
+class ReactResizeObserver extends _react.default.Component {
+  static defaultProps = {
+    onResize: () => {},
+    observeParent: false,
+    observerProperty: ObserverProperty.All,
+    delayTick: 0
+  };
+  observer = null;
+  childNode = null;
+  element = null;
+  _parentNode = null;
+  formerPropertyValue = new Map();
+  constructor(props) {
+    super(props);
+    if (typeof window !== 'undefined' && window.ResizeObserver) {
+      this.observer = new window.ResizeObserver(this.handleResizeEventTriggered);
+    }
+  }
+  getElement = () => {
+    try {
+      // eslint-disable-next-line react/no-find-dom-node
+      return (0, _reactDom.findDOMNode)(this.childNode || this);
+    } catch (error) {
+      return null;
+    }
+  };
+  handleResizeEventTriggered = entries => {
+    const {
+      observerProperty,
+      onResize
+    } = this.props;
+    if (observerProperty === ObserverProperty.All) {
+      onResize?.(entries);
+    } else {
+      const finalEntries = [];
+      for (const entry of entries) {
+        const currentValue = entry.contentRect[observerProperty];
+        if (this.formerPropertyValue.has(entry.target)) {
+          if (currentValue !== this.formerPropertyValue.get(entry.target)) {
+            this.formerPropertyValue.set(entry.target, currentValue);
+            finalEntries.push(entry);
+          }
+        } else {
+          this.formerPropertyValue.set(entry.target, currentValue);
+          finalEntries.push(entry);
+        }
+      }
+      if (finalEntries.length > 0) {
+        onResize?.(finalEntries);
+      }
+    }
+  };
+  observeElement = (force = false) => {
+    if (!this.observer) return;
+    const element = this.getElement();
+    if (!(element && element instanceof Element)) {
+      this.observer.disconnect();
+      return;
+    }
+    if (element === this.element && !force) {
+      return;
+    } else {
+      this.observer.disconnect();
+      this.element = element;
+    }
+    this.observer.observe(element);
+    if (this.props.observeParent && element.parentNode) {
+      const parentNode = element.parentNode;
+      if (parentNode.ownerDocument && parentNode.ownerDocument.defaultView && parentNode instanceof parentNode.ownerDocument.defaultView.HTMLElement) {
+        this._parentNode = parentNode;
+        this.observer.observe(parentNode);
+      }
+    }
+  };
+  mergeRef = (ref, node) => {
+    this.childNode = node;
+    // 转发外部ref
+    if (typeof ref === 'function') {
+      ref(node);
+    } else if (typeof ref === 'object' && ref && 'current' in ref) {
+      ref.current = node;
+    }
+  };
+  componentDidMount() {
+    this.observeElement?.();
+  }
+  componentDidUpdate(prevProps) {
+    if (this.props.observeParent !== prevProps.observeParent) {
+      this.observeElement?.(true);
+    }
+  }
+  componentWillUnmount() {
+    if (this.observer) {
+      this.observer.disconnect();
+      this.observer = null;
+    }
+    this.element = null;
+    this._parentNode = null;
+    this.formerPropertyValue.clear();
+  }
+  render() {
+    const {
+      children,
+      className,
+      style,
+      ...rest
+    } = this.props;
+    const child = _react.default.Children.only(children);
+    const childRef = child.ref;
+    return /*#__PURE__*/_react.default.cloneElement(child, {
+      ...rest,
+      className: className ? `${child.props.className || ''} ${className}` : child.props.className,
+      style: {
+        ...child.props.style,
+        ...style
+      },
+      ref: node => this.mergeRef(childRef, node)
+    });
+  }
+}
+exports.default = ReactResizeObserver;

package/lib/splitter/SplitBar.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactIcons = require("@dtinsight/react-icons");
+var _icons = require("@ant-design/icons");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _useEvent = _interopRequireDefault(require("rc-util/lib/hooks/useEvent"));
 var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
@@ -144,8 +144,8 @@ const SplitBar = props => {
   const transformStyle = {
     [`--${splitBarPrefixCls}-preview-offset`]: `${constrainedOffset}px`
   };
-  const StartIcon = vertical ? _reactIcons.UpOutlined : _reactIcons.LeftOutlined;
-  const EndIcon = vertical ? _reactIcons.DownOutlined : _reactIcons.RightOutlined;
+  const StartIcon = vertical ? _icons.UpOutlined : _icons.LeftOutlined;
+  const EndIcon = vertical ? _icons.DownOutlined : _icons.RightOutlined;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: splitBarPrefixCls,
     role: "separator",

package/lib/splitter/Splitter.js

@@ -8,8 +8,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _configProvider = require("antd/es/config-provider");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _rcResizeObserver = _interopRequireDefault(require("rc-resize-observer"));
-var _useEvent = _interopRequireDefault(require("rc-util/lib/hooks/useEvent"));
-var _warning = _interopRequireDefault(require("rc-util/lib/warning"));
+var _useEvent = _interopRequireDefault(require("rc-util/es/hooks/useEvent"));
+var _warning = _interopRequireDefault(require("rc-util/es/warning"));
 var _useItems = _interopRequireDefault(require("./hooks/useItems"));
 var _useResizable = _interopRequireDefault(require("./hooks/useResizable"));
 var _useResize = _interopRequireDefault(require("./hooks/useResize"));
@@ -20,8 +20,7 @@ require("./style/index.less");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* eslint-disable react/no-array-index-key */ // 替换 v5 配置为 v4 ConfigContext
-// 替换 devUseWarning 为 v4 原生 warning
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const Splitter = props => {
   const {
     prefixCls: customizePrefixCls,
@@ -40,16 +39,10 @@ const Splitter = props => {
     direction
   } = (0, _react.useContext)(_configProvider.ConfigContext);
   const prefixCls = getPrefixCls('splitter', customizePrefixCls);
-
-  // ======================== Direct ========================
   const isVertical = layout === 'vertical';
   const isRTL = direction === 'rtl';
   const reverse = !isVertical && isRTL;
-
-  // ====================== Items Data ======================
   const items = (0, _useItems.default)(children);
-
-  // >>> Warning 适配 v4
   if (process.env.NODE_ENV !== 'production') {
     let existSize = false;
     let existUndefinedSize = false;
@@ -64,8 +57,6 @@ const Splitter = props => {
       (0, _warning.default)(false, 'When part of `Splitter.Panel` has `size`, `onResize` is required or change `size` to `defaultSize`.');
     }
   }
-
-  // ====================== Container =======================
   const [containerSize, setContainerSize] = (0, _react.useState)();
   const onContainerResize = size => {
     const {
@@ -78,15 +69,9 @@ const Splitter = props => {
     }
     setContainerSize(containerSize);
   };
-
-  // ========================= Size =========================
   const [panelSizes, itemPxSizes, itemPtgSizes, itemPtgMinSizes, itemPtgMaxSizes, updateSizes] = (0, _useSizes.default)(items, containerSize);
-
-  // ====================== Resizable =======================
   const resizableInfos = (0, _useResizable.default)(items, itemPxSizes, isRTL);
   const [onOffsetStart, onOffsetUpdate, onOffsetEnd, onCollapse, movingIndex] = (0, _useResize.default)(items, resizableInfos, itemPtgSizes, containerSize, updateSizes, isRTL);
-
-  // ======================== Events ========================
   const onInternalResizeStart = (0, _useEvent.default)(index => {
     onOffsetStart(index);
     onResizeStart?.(itemPxSizes);
@@ -109,51 +94,36 @@ const Splitter = props => {
     const nextSizes = onCollapse(index, type);
     onResize?.(nextSizes);
     onResizeEnd?.(nextSizes);
+    const collapsed = nextSizes.map(size => Math.abs(size) < Number.EPSILON);
+    props.onCollapse?.(collapsed, nextSizes);
   });
-
-  // ======================== Styles ========================
-  // 构建 v4 风格类名（移除 cssinjs 相关 hash 和变量类）
   const containerClassName = (0, _classnames.default)(prefixCls, className, `${prefixCls}-${layout}`, {
     [`${prefixCls}-rtl`]: isRTL
-  }, rootClassName
-  // 移除 v5 cssinjs 类名
-  // contextClassName,
-  // cssVarCls,
-  // rootCls,
-  // hashId
-  );
-
-  // ======================== Render ========================
+  }, rootClassName);
   const maskCls = `${prefixCls}-mask`;
   const stackSizes = _react.default.useMemo(() => {
     const mergedSizes = [];
     let stack = 0;
-    for (let i = 0; i < items.length; i += 1) {
+    const len = items.length;
+    for (let i = 0; i < len; i += 1) {
       stack += itemPtgSizes[i];
       mergedSizes.push(stack);
     }
     return mergedSizes;
-  }, [itemPtgSizes]);
-
-  // 合并样式（移除 v5 上下文样式）
+  }, [itemPtgSizes, items.length]);
   const mergedStyle = {
     ...style
   };
-
-  // 移除 wrapCSSVar 包装（v4 无需 cssinjs 变量注入）
   return /*#__PURE__*/_react.default.createElement(_rcResizeObserver.default, {
     onResize: onContainerResize
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: mergedStyle,
     className: containerClassName
   }, items.map((item, idx) => {
-    // Panel
     const panel = /*#__PURE__*/_react.default.createElement(_Panel.InternalPanel, _extends({}, item, {
       prefixCls: prefixCls,
       size: panelSizes[idx]
     }));
-
-    // Split Bar
     let splitBar = null;
     const resizableInfo = resizableInfos[idx];
     if (resizableInfo) {

package/lib/splitter/hooks/sizeUtil.js

@@ -16,6 +16,18 @@ function autoPtgSizes(ptgSizes, minPtgSizes, maxPtgSizes) {
   });
   const restPtg = 1 - currentTotalPtg;
   const undefinedCount = undefinedIndexes.length;
+
+  // If all sizes are defined but don't sum to 1, scale them.
+  if (ptgSizes.length && !undefinedIndexes.length && currentTotalPtg !== 1) {
+    // Handle the case when all sizes are 0
+    if (currentTotalPtg === 0) {
+      const avg = 1 / ptgSizes.length;
+      return ptgSizes.map(() => avg);
+    }
+    const scale = 1 / currentTotalPtg;
+    // We know `size` is a number here because undefinedIndexes is empty.
+    return ptgSizes.map(size => size * scale);
+  }
   if (restPtg < 0) {
     const scale = 1 / currentTotalPtg;
     return ptgSizes.map(size => size === undefined ? 0 : size * scale);

package/lib/splitter/hooks/useSizes.js

@@ -55,8 +55,8 @@ function useSizes(items, containerSize) {
       }
     }
     return (0, _sizeUtil.autoPtgSizes)(ptgList, postPercentMinSizes, postPercentMaxSizes);
-  }, [sizes, mergedContainerSize, postPercentMinSizes, postPercentMaxSizes]);
+  }, [itemsCount, sizes, mergedContainerSize, postPercentMinSizes, postPercentMaxSizes]);
   const postPxSizes = _react.default.useMemo(() => postPercentSizes.map(ptg2px), [postPercentSizes, mergedContainerSize]);
-  const panelSizes = _react.default.useMemo(() => containerSize ? postPxSizes : sizes, [postPxSizes, containerSize]);
+  const panelSizes = _react.default.useMemo(() => containerSize ? postPxSizes : sizes, [postPxSizes, sizes, containerSize]);
   return [panelSizes, postPxSizes, postPercentSizes, postPercentMinSizes, postPercentMaxSizes, setInnerSizes];
 }

package/lib/splitter/interface.d.ts

@@ -9,6 +9,7 @@ export interface SplitterProps {
     onResizeStart?: (sizes: number[]) => void;
     onResize?: (sizes: number[]) => void;
     onResizeEnd?: (sizes: number[]) => void;
+    onCollapse?: (collapsed: boolean[], sizes: number[]) => void;
     lazy?: boolean;
 }
 export interface PanelProps {

package/lib/statusTag/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.STATUS_TAG_TYPES = exports.PRESET_COLOR_TYPES = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactIcons = require("@dtinsight/react-icons");
+var _icons = require("@ant-design/icons");
 var _antd = require("antd");
 var _configProvider = require("antd/es/config-provider");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -17,19 +17,19 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 const PRESET_COLOR_TYPES = exports.PRESET_COLOR_TYPES = Object.freeze(['blue', 'yellow', 'green', 'gray', 'red', 'purple', 'cyan', 'pink']);
 const STATUS_TAG_TYPES = exports.STATUS_TAG_TYPES = Object.freeze(['default', 'outline', 'fill']);
 const DEFAULT_OPACITY = 0.15;
-/**
- * 校验是否为预设颜色
- * @param color 待校验颜色值
+/**
+ * 校验是否为预设颜色
+ * @param color 待校验颜色值
  */
 function isPresetColor(color) {
   if (!color || typeof color !== 'string') return false;
   return PRESET_COLOR_TYPES.includes(color);
 }
 
-/**
- * 计算颜色的透明版本
- * @param color 原始颜色（支持hex/rgb/rgba）
- * @param opacity 透明度（默认0.15）
+/**
+ * 计算颜色的透明版本
+ * @param color 原始颜色（支持hex/rgb/rgba）
+ * @param opacity 透明度（默认0.15）
  */
 function calculateTransparentColor(color, opacity = DEFAULT_OPACITY) {
   if (!color) return 'rgba(0, 0, 0, 0.15)';
@@ -96,7 +96,7 @@ const StatusTag = /*#__PURE__*/_react.default.memo(props => {
       }
     };
   }, [color, icon, prefixCls]);
-  const loadingIndicator = (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_reactIcons.SpinOutlined, {
+  const loadingIndicator = (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_icons.LoadingOutlined, {
     className: `${prefixCls}__icon ${prefixCls}__icon--loading`
   }), [prefixCls]);
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, restProps, {

package/package.json

@@ -1,148 +1,139 @@
 {
-    "name": "@dtjoy/dt-design",
-    "version": "1.0.2",
-    "description": "react-component",
-    "repository": "https://github.com/ZhaoFxxkSky/dt-design",
-    "main": "lib/index.js",
-    "module": "esm/index.js",
-    "types": "esm/index.d.ts",
-    "scripts": {
-        "start": "npm run dev",
-        "dev": "dumi dev",
-        "build": "father build",
-        "build:watch": "father dev",
-        "test": "jest",
-        "docs:build": "dumi build",
-        "prepare": "husky install && dumi setup",
-        "doctor": "father doctor",
-        "lint": "npm run lint:es && npm run lint:css",
-        "lint:es-fix": "eslint \"src/**/*.{js,jsx,ts,tsx}\" \".dumi/**/*.{js,jsx,ts,tsx}\" --fix",
-        "lint:css-fix": "stylelint \"src/**/*.{css,less,scss}\" \".dumi/**/*.{css,less,scss}\" --fix",
-        "lint:css": "stylelint \"src/**/*.{css,less,scss}\" \".dumi/**/*.{css,less,scss}\"",
-        "lint:es": "eslint \"src/**/*.{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"
-    },
-    "author": {
-        "name": "夕颜",
-        "email": "wx-zhaog@dtjoy.com",
-        "url": "https://github.com/ZhaoFxxkSky/dt-design"
-    },
-    "license": "MIT",
-    "files": [
-        "lib",
-        "esm"
+  "name": "@dtjoy/dt-design",
+  "version": "1.0.4",
+  "description": "react-component",
+  "repository": "https://github.com/ZhaoFxxkSky/dt-design",
+  "main": "lib/index.js",
+  "module": "esm/index.js",
+  "types": "esm/index.d.ts",
+  "scripts": {
+    "start": "npm run dev",
+    "dev": "dumi dev",
+    "build": "father build",
+    "build:watch": "father dev",
+    "test": "jest",
+    "docs:build": "dumi build",
+    "prepare": "husky install && dumi setup",
+    "doctor": "father doctor",
+    "lint": "npm run lint:es && npm run lint:css",
+    "lint:es-fix": "eslint \"src/**/*.{js,jsx,ts,tsx}\" \".dumi/**/*.{js,jsx,ts,tsx}\" --fix",
+    "lint:css-fix": "stylelint \"src/**/*.{css,less,scss}\" \".dumi/**/*.{css,less,scss}\" --fix",
+    "lint:css": "stylelint \"src/**/*.{css,less,scss}\" \".dumi/**/*.{css,less,scss}\"",
+    "lint:es": "eslint \"src/**/*.{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"
+  },
+  "author": {
+    "name": "夕颜",
+    "email": "wx-zhaog@dtjoy.com",
+    "url": "https://github.com/ZhaoFxxkSky/dt-design"
+  },
+  "license": "MIT",
+  "files": [
+    "lib",
+    "esm"
+  ],
+  "sideEffects": [
+    "esm/**/style/*",
+    "lib/**/style/*",
+    "**/style/*"
+  ],
+  "keywords": [
+    "react",
+    "react-component",
+    "ui-library",
+    "typescript",
+    "ant-design"
+  ],
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "lint-staged": {
+    "*.{md,json}": [
+      "prettier --write --no-error-on-unmatched-pattern"
     ],
-    "sideEffects": [
-        "esm/**/style/*",
-        "lib/**/style/*",
-        "*.less",
-        "**/style/*"
+    "*.{css,scss}": [
+      "stylelint --fix"
     ],
-    "keywords": [
-        "react",
-        "react-component",
-        "ui-library",
-        "typescript",
-        "ant-design"
+    "*.{js,jsx}": [
+      "eslint --fix",
+      "prettier --write"
     ],
-    "commitlint": {
-        "extends": [
-            "@commitlint/config-conventional"
-        ]
-    },
-    "lint-staged": {
-        "*.{md,json}": [
-            "prettier --write --no-error-on-unmatched-pattern"
-        ],
-        "*.{css,scss}": [
-            "stylelint --fix"
-        ],
-        "*.{js,jsx}": [
-            "eslint --fix",
-            "prettier --write"
-        ],
-        "*.{ts,tsx}": [
-            "eslint --fix",
-            "prettier --parser=typescript --write"
-        ]
-    },
-    "publishConfig": {
-        "access": "public"
-    },
-    "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-    },
-    "devDependencies": {
-        "@commitlint/cli": "^17.1.2",
-        "@commitlint/config-conventional": "^17.1.0",
-        "@faker-js/faker": "^7.6.0",
-        "@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-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.2.12",
-        "eslint": "^8.23.0",
-        "father": "~4.1.0",
-        "gh-pages": "^4.0.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",
-        "rc-util": "^5.44.4",
-        "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.1",
-        "ts-jest": "^29.0.3",
-        "typescript": "~4.5.2"
-    },
-    "dependencies": {
-        "@dtinsight/dt-utils": "^1.3.1",
-        "@dtinsight/react-icons": "^1.0.0",
-        "@handsontable/react": "2.1.0",
-        "antd": "4.24.16",
-        "classnames": "^2.2.6",
-        "handsontable": "6.2.2",
-        "highlight.js": "^10.5.0",
-        "immer": "~10.1.1",
-        "lodash-es": "^4.17.21",
-        "rc-drawer": "~5.1.0",
-        "rc-resize-observer": "^1.4.3",
-        "rc-virtual-list": "^3.4.13",
-        "react-draggable": "~4.4.6",
-        "react-markdown": "~8.0.6",
-        "react-resizable": "^3.0.5",
-        "react-syntax-highlighter": "~15.5.0",
-        "remark-gfm": "~3.0.1",
-        "shortid": "^2.2.16",
-        "showdown": "^1.9.0"
-    },
-    "config": {
-        "commitizen": {
-            "path": "./node_modules/cz-conventional-changelog"
-        }
-    },
-    "resolutions": {
-        "rc-motion": "2.6.2"
+    "*.{ts,tsx}": [
+      "eslint --fix",
+      "prettier --parser=typescript --write"
+
+    ]
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0",
+    "antd": "^4.x"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.1.2",
+    "@commitlint/config-conventional": "^17.1.0",
+    "@faker-js/faker": "^7.6.0",
+    "@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-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.2.12",
+    "eslint": "^8.23.0",
+    "father": "~4.1.0",
+    "gh-pages": "^4.0.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.1",
+    "ts-jest": "^29.0.3",
+    "typescript": "~4.5.2"
+  },
+  "dependencies": {
+    "@ant-design/icons": "^4.8.3",
+    "@dtinsight/dt-utils": "^1.3.1",
+    "rc-util": "^5.44.4",
+    "classnames": "^2.2.6",
+    "immer": "~10.1.1",
+    "lodash-es": "^4.17.21",
+    "rc-drawer": "~5.1.0",
+    "rc-resize-observer": "^1.4.3",
+    "rc-virtual-list": "^3.4.13"
+  },
+
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
     }
+  },
+  "resolutions": {
+    "rc-motion": "2.6.2"
+  }
 }