tdesign-react 0.23.0 → 0.23.1

package/es/dropdown/DropdownMenu.js

@@ -1,35 +1,35 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _toConsumableArray } from '../_chunks/dep-a2bc34d5.js';
-import { _ as _slicedToArray } from '../_chunks/dep-442ff40f.js';
-import React, { useState } from 'react';
+import { _ as _toConsumableArray } from '../_chunks/dep-f0919110.js';
+import { _ as _slicedToArray } from '../_chunks/dep-543c3536.js';
+import React, { useState, isValidElement } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
 import DropdownItem from './DropdownItem.js';
-import '../_chunks/dep-42dfd306.js';
+import '../_chunks/dep-c7bc4d7c.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
-import '../_chunks/dep-72ef6cf6.js';
+import '../_chunks/dep-b71058fe.js';
 import 'tdesign-icons-react';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import '../_util/helper.js';
-import '../_chunks/dep-c611ea38.js';
-import '../_chunks/dep-9bf19387.js';
-import '../_chunks/dep-3882ffcd.js';
-import '../_chunks/dep-184b21c3.js';
-import '../_chunks/dep-9f80f9d6.js';
-import '../_chunks/dep-55ec31d6.js';
-import '../_chunks/dep-ae12755c.js';
-import '../_chunks/dep-9f46a2fc.js';
-import '../_chunks/dep-f326b5da.js';
-import '../_chunks/dep-abd9fbed.js';
-import '../_chunks/dep-cdcdc773.js';
-import '../_chunks/dep-1bcb0f03.js';
+import '../_chunks/dep-bc6012b1.js';
+import '../_chunks/dep-c35a0ebd.js';
+import '../_chunks/dep-60f5bd8f.js';
+import '../_chunks/dep-27b799a5.js';
+import '../_chunks/dep-adec0da9.js';
+import '../_chunks/dep-195c3d75.js';
+import '../_chunks/dep-3222ad5b.js';
+import '../_chunks/dep-73c3d91b.js';
+import '../_chunks/dep-8f1f4b9f.js';
+import '../_chunks/dep-3078962f.js';
+import '../_chunks/dep-e2086850.js';
+import '../_chunks/dep-6cb7fff9.js';
 import '../divider/index.js';
 import '../divider/Divider.js';
 import './style/css.js';
@@ -57,7 +57,7 @@ var DropdownMenu = function DropdownMenu(props) {
 
   var isActive = function isActive(item, pathPrefix) {
     var excludeSelf = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-    var itemPath = "".concat(pathPrefix, "/").concat(item.value);
+    var itemPath = /*#__PURE__*/isValidElement(item) ? "".concat(pathPrefix, "/").concat(item.props.value) : "".concat(pathPrefix, "/").concat(item.value);
 
     if (excludeSelf && path === itemPath) {
       return false;
@@ -66,14 +66,50 @@ var DropdownMenu = function DropdownMenu(props) {
     return path.indexOf(itemPath) === 0;
   };
 
+  var isDropdownItem = function isDropdownItem(child) {
+    if ( /*#__PURE__*/isValidElement(child) && child.type === DropdownItem) {
+      return true;
+    }
+
+    return false;
+  };
+
+  var getActiveItemChild = function getActiveItemChild(children) {
+    var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "DropdownItem";
+
+    if (!children) {
+      return [];
+    }
+
+    var activeItemChildren = React.Children.toArray(children);
+    return type === "DropdownItem" ? activeItemChildren.filter(function (e) {
+      return isDropdownItem(e);
+    }) : activeItemChildren.filter(function (e) {
+      return !isDropdownItem(e);
+    });
+  };
+
   var handleHoverItem = function handleHoverItem(path2) {
     setPath(path2);
   };
 
-  var handleItemClick = function handleItemClick(data, context, idx) {
-    var _options$idx, _options$idx$onClick;
+  var handleItemClick = function handleItemClick(options2) {
+    var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "Normal";
+    var child = arguments.length > 2 ? arguments[2] : undefined;
+    var data = options2.data,
+        context = options2.context,
+        idx = options2.idx;
+
+    if (type === "Normal") {
+      var _options2$idx, _options2$idx$onClick;
+
+      (_options2$idx = options2[idx]) === null || _options2$idx === void 0 ? void 0 : (_options2$idx$onClick = _options2$idx.onClick) === null || _options2$idx$onClick === void 0 ? void 0 : _options2$idx$onClick.call(_options2$idx, data, context);
+    } else {
+      var _child$props, _child$props$onClick;
+
+      child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : (_child$props$onClick = _child$props.onClick) === null || _child$props$onClick === void 0 ? void 0 : _child$props$onClick.call(_child$props, data, context);
+    }
 
-    (_options$idx = options[idx]) === null || _options$idx === void 0 ? void 0 : (_options$idx$onClick = _options$idx.onClick) === null || _options$idx$onClick === void 0 ? void 0 : _options$idx$onClick.call(_options$idx, data, context);
     props.onClick(data, context);
   };
 
@@ -88,21 +124,47 @@ var DropdownMenu = function DropdownMenu(props) {
         maxHeight: "".concat(maxHeight, "px")
       }
     }, children.map(function (item, idx) {
-      return /* @__PURE__ */React.createElement(DropdownItem, {
+      if (!isDropdownItem(item)) {
+        var optionItem = item;
+        return /* @__PURE__ */React.createElement(DropdownItem, {
+          key: idx,
+          disabled: optionItem.disabled,
+          active: isActive(optionItem, pathPrefix) || optionItem.active,
+          value: optionItem.value,
+          content: optionItem.content,
+          divider: optionItem.divider,
+          hasChildren: optionItem.children && optionItem.children.length > 0,
+          path: "".concat(pathPrefix, "/").concat(optionItem.value),
+          maxColumnWidth: maxColumnWidth,
+          minColumnWidth: minColumnWidth,
+          onClick: function onClick(data, context) {
+            return handleItemClick({
+              data: data,
+              context: context,
+              idx: idx
+            });
+          },
+          onHover: handleHoverItem
+        });
+      }
+
+      var childItem = item;
+      return /*#__PURE__*/React.cloneElement(childItem, {
         key: idx,
-        disabled: item.disabled,
-        active: isActive(item, pathPrefix) || item.active,
-        value: item.value,
-        content: item.content,
-        divider: item.divider,
-        hasChildren: item.children && item.children.length > 0,
-        path: "".concat(pathPrefix, "/").concat(item.value),
+        hasChildren: getActiveItemChild(childItem.props.children).length > 0,
+        path: "".concat(pathPrefix, "/").concat(childItem.props.value),
         maxColumnWidth: maxColumnWidth,
         minColumnWidth: minColumnWidth,
+        onHover: handleHoverItem,
+        active: isActive(item, pathPrefix) || childItem.props.active,
+        children: getActiveItemChild(childItem.props.children, "Normal"),
         onClick: function onClick(data, context) {
-          return handleItemClick(data, context, idx);
-        },
-        onHover: handleHoverItem
+          return handleItemClick({
+            data: data,
+            context: context,
+            idx: idx
+          }, "DropdownItem", childItem);
+        }
       });
     }));
   };
@@ -117,18 +179,27 @@ var DropdownMenu = function DropdownMenu(props) {
     });
     columns.push(renderDropdownColumn(options2, !!activeItem, pathPrefix));
 
-    if (activeItem !== null && activeItem !== void 0 && (_activeItem$children = activeItem.children) !== null && _activeItem$children !== void 0 && _activeItem$children.length) {
+    if ( /*#__PURE__*/isValidElement(activeItem)) {
+      var activeItemChildren = getActiveItemChild(activeItem.props.children);
+
+      if (activeItemChildren.length > 0) {
+        columns.push.apply(columns, _toConsumableArray(dropdownItems(activeItemChildren, "".concat(pathPrefix, "/").concat(activeItem.props.value))));
+      }
+    } else if (activeItem !== null && activeItem !== void 0 && (_activeItem$children = activeItem.children) !== null && _activeItem$children !== void 0 && _activeItem$children.length) {
       columns.push.apply(columns, _toConsumableArray(dropdownItems(activeItem.children, "".concat(pathPrefix, "/").concat(activeItem.value))));
     }
 
     return columns;
   };
 
-  var renderDropdownItems = dropdownItems(options);
+  var itemContent = getActiveItemChild(props === null || props === void 0 ? void 0 : props.children);
+  var renderDropdownItems = dropdownItems(itemContent.length > 0 ? itemContent : options);
   return /* @__PURE__ */React.createElement("div", {
     className: dropdownMenuClass
   }, renderDropdownItems);
 };
 
+DropdownMenu.displayName = "DropdownMenu";
+
 export { DropdownMenu as default };
 //# sourceMappingURL=DropdownMenu.js.map

package/es/dropdown/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sources":["../../src/dropdown/DropdownMenu.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport { DropdownOption } from './type';\nimport useConfig from '../_util/useConfig';\nimport { DropdownProps } from './Dropdown';\nimport DropdownItem from './DropdownItem';\n\nconst DropdownMenu = (props: DropdownProps) => {\n  const { options = [], maxHeight = 300, maxColumnWidth = 100, minColumnWidth = 10 } = props;\n  const [path, setPath] = useState<string>('');\n  const { classPrefix } = useConfig();\n  const dropdownMenuClass = `${classPrefix}-dropdown__menu`;\n  const isActive = (item: DropdownOption, pathPrefix: string, excludeSelf = true): boolean => {\n    const itemPath = `${pathPrefix}/${item.value}`;\n    if (excludeSelf && path === itemPath) {\n      return false;\n    }\n    return path.indexOf(itemPath) === 0;\n  };\n  const handleHoverItem = (path: string) => {\n    setPath(path);\n  };\n  const handleItemClick = (\n    data: DropdownOption,\n    context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> },\n    idx: number,\n  ) => {\n    options[idx]?.onClick?.(data, context);\n    props.onClick(data, context);\n  };\n  const renderDropdownColumn = (children: Array<DropdownOption>, showSubmenu: boolean, pathPrefix: string) => {\n    // eslint-disable-next-line\n    const menuClass = [`${dropdownMenuClass}-column`, 'narrow-scrollbar', { submenu__visible: showSubmenu }];\n    return (\n      <div\n        key={`/${pathPrefix}`}\n        className={classNames(menuClass)}\n        style={{\n          maxHeight: `${maxHeight}px`,\n        }}\n      >\n        {children.map((item, idx) => (\n          <DropdownItem\n            key={idx}\n            disabled={item.disabled}\n            active={isActive(item, pathPrefix) || item.active}\n            value={item.value}\n            content={item.content}\n            divider={item.divider}\n            hasChildren={item.children && item.children.length > 0}\n            path={`${pathPrefix}/${item.value}`}\n            maxColumnWidth={maxColumnWidth}\n            minColumnWidth={minColumnWidth}\n            onClick={(data: DropdownOption, context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> }) =>\n              handleItemClick(data, context, idx)\n            }\n            onHover={handleHoverItem}\n          />\n        ))}\n      </div>\n    );\n  };\n\n  const dropdownItems = (options: Array<DropdownOption>, pathPrefix = '') => {\n    const columns = [];\n    const activeItem = options.find((item) => isActive(item, pathPrefix, false));\n    columns.push(renderDropdownColumn(options, !!activeItem, pathPrefix));\n    if (activeItem?.children?.length) {\n      columns.push(...dropdownItems(activeItem.children, `${pathPrefix}/${activeItem.value}`));\n    }\n    return columns;\n  };\n  const renderDropdownItems = dropdownItems(options);\n  return <div className={dropdownMenuClass}>{renderDropdownItems}</div>;\n};\n\nexport default DropdownMenu;\n"],"names":["DropdownMenu","props","options","maxHeight","maxColumnWidth","minColumnWidth","useState","path","setPath","useConfig","classPrefix","dropdownMenuClass","isActive","item","pathPrefix","excludeSelf","itemPath","value","indexOf","handleHoverItem","path2","handleItemClick","data","context","idx","onClick","renderDropdownColumn","children","showSubmenu","menuClass","submenu__visible","React","createElement","key","className","classNames","style","map","DropdownItem","disabled","active","content","divider","hasChildren","length","onHover","dropdownItems","options2","columns","activeItem","find","push","renderDropdownItems"],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.js","sources":["../../src/dropdown/DropdownMenu.tsx"],"sourcesContent":["import React, { useState, isValidElement } from 'react';\nimport classNames from 'classnames';\nimport { DropdownOption } from './type';\nimport useConfig from '../_util/useConfig';\nimport { DropdownProps } from './Dropdown';\nimport DropdownItem from './DropdownItem';\n\ntype RenderType = 'Normal' | 'DropdownItem';\n\nconst DropdownMenu = (props: DropdownProps) => {\n  const { options = [], maxHeight = 300, maxColumnWidth = 100, minColumnWidth = 10 } = props;\n  const [path, setPath] = useState<string>('');\n  const { classPrefix } = useConfig();\n  const dropdownMenuClass = `${classPrefix}-dropdown__menu`;\n\n  const isActive = (item: DropdownOption | React.ReactChild, pathPrefix: string, excludeSelf = true): boolean => {\n    const itemPath = isValidElement(item)\n      ? `${pathPrefix}/${item.props.value}`\n      : `${pathPrefix}/${(item as DropdownOption).value}`;\n    if (excludeSelf && path === itemPath) {\n      return false;\n    }\n    return path.indexOf(itemPath) === 0;\n  };\n\n  const isDropdownItem = (child) => {\n    if (isValidElement(child) && child.type === DropdownItem) {\n      return true;\n    }\n    return false;\n  };\n\n  const getActiveItemChild = (children, type: RenderType = 'DropdownItem') => {\n    if (!children) {\n      return [];\n    }\n    const activeItemChildren = React.Children.toArray(children);\n    return type === 'DropdownItem'\n      ? activeItemChildren.filter((e) => isDropdownItem(e))\n      : activeItemChildren.filter((e) => !isDropdownItem(e));\n  };\n\n  const handleHoverItem = (path: string) => {\n    setPath(path);\n  };\n\n  const handleItemClick = (\n    options: {\n      data: DropdownOption;\n      context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> };\n      idx: number;\n    },\n    type: RenderType = 'Normal',\n    child?: React.ReactElement,\n  ) => {\n    const { data, context, idx } = options;\n    if (type === 'Normal') {\n      options[idx]?.onClick?.(data, context);\n    } else {\n      child?.props?.onClick?.(data, context);\n    }\n    props.onClick(data, context);\n  };\n  const renderDropdownColumn = (\n    children: Array<DropdownOption | React.ReactChild>,\n    showSubmenu: boolean,\n    pathPrefix: string,\n  ) => {\n    // eslint-disable-next-line\n    const menuClass = [`${dropdownMenuClass}-column`, 'narrow-scrollbar', { submenu__visible: showSubmenu }];\n    return (\n      <div\n        key={`/${pathPrefix}`}\n        className={classNames(menuClass)}\n        style={{\n          maxHeight: `${maxHeight}px`,\n        }}\n      >\n        {children.map((item, idx) => {\n          if (!isDropdownItem(item)) {\n            const optionItem = item as DropdownOption;\n            return (\n              <DropdownItem\n                key={idx}\n                disabled={optionItem.disabled}\n                active={isActive(optionItem, pathPrefix) || optionItem.active}\n                value={optionItem.value}\n                content={optionItem.content}\n                divider={optionItem.divider}\n                hasChildren={optionItem.children && optionItem.children.length > 0}\n                path={`${pathPrefix}/${optionItem.value}`}\n                maxColumnWidth={maxColumnWidth}\n                minColumnWidth={minColumnWidth}\n                onClick={(data: DropdownOption, context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> }) =>\n                  handleItemClick({ data, context, idx })\n                }\n                onHover={handleHoverItem}\n              />\n            );\n          }\n          const childItem = item as React.ReactElement;\n          return React.cloneElement(childItem, {\n            key: idx,\n            hasChildren: getActiveItemChild(childItem.props.children).length > 0,\n            path: `${pathPrefix}/${childItem.props.value}`,\n            maxColumnWidth,\n            minColumnWidth,\n            onHover: handleHoverItem,\n            active: isActive(item, pathPrefix) || childItem.props.active,\n            children: getActiveItemChild(childItem.props.children, 'Normal'),\n            onClick: (data: DropdownOption, context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> }) =>\n              handleItemClick({ data, context, idx }, 'DropdownItem', childItem),\n          });\n        })}\n      </div>\n    );\n  };\n\n  const dropdownItems = (options: Array<DropdownOption | React.ReactChild>, pathPrefix = '') => {\n    const columns = [];\n    // 获取当前活跃状态item\n    const activeItem = options.find((item) => isActive(item, pathPrefix, false));\n    columns.push(renderDropdownColumn(options, !!activeItem, pathPrefix));\n\n    if (isValidElement(activeItem)) {\n      const activeItemChildren = getActiveItemChild(activeItem.props.children);\n      if (activeItemChildren.length > 0) {\n        columns.push(...dropdownItems(activeItemChildren, `${pathPrefix}/${activeItem.props.value}`));\n      }\n    } else if ((activeItem as DropdownOption)?.children?.length) {\n      columns.push(\n        ...dropdownItems(\n          (activeItem as DropdownOption).children,\n          `${pathPrefix}/${(activeItem as DropdownOption).value}`,\n        ),\n      );\n    }\n    return columns;\n  };\n\n  const itemContent = getActiveItemChild(props?.children);\n\n  const renderDropdownItems = dropdownItems(itemContent.length > 0 ? itemContent : options);\n  return <div className={dropdownMenuClass}>{renderDropdownItems}</div>;\n};\n\nDropdownMenu.displayName = 'DropdownMenu';\n\nexport default DropdownMenu;\n"],"names":["DropdownMenu","props","options","maxHeight","maxColumnWidth","minColumnWidth","useState","path","setPath","useConfig","classPrefix","dropdownMenuClass","isActive","item","pathPrefix","excludeSelf","itemPath","isValidElement","value","indexOf","isDropdownItem","child","type","DropdownItem","getActiveItemChild","children","activeItemChildren","React","Children","toArray","filter","e","handleHoverItem","path2","handleItemClick","options2","data","context","idx","onClick","renderDropdownColumn","showSubmenu","menuClass","submenu__visible","createElement","key","className","classNames","style","map","optionItem","disabled","active","content","divider","hasChildren","length","onHover","childItem","cloneElement","dropdownItems","columns","activeItem","find","push","itemContent","renderDropdownItems","displayName"],"mappings":"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"}

package/es/dropdown/index.d.ts

@@ -2,8 +2,19 @@
 import './style/index.js';
 export type { DropdownProps } from './Dropdown';
 export * from './type';
-export declare const Dropdown: {
-    (props: import("./Dropdown").DropdownProps): JSX.Element;
+export declare const Dropdown: import("react").FunctionComponent<import("./Dropdown").DropdownProps & import("react").RefAttributes<any>> & {
     displayName: string;
+    DropdownMenu: {
+        (props: import("./Dropdown").DropdownProps): JSX.Element;
+        displayName: string;
+    };
+    DropdownItem: import("react").ForwardRefExoticComponent<Pick<import("./type").DropdownOption, "content" | "value" | "onClick" | "divider"> & Pick<import("./type").TdDropdownProps, "maxColumnWidth" | "minColumnWidth"> & {
+        path?: string;
+        hasChildren?: boolean;
+        active?: boolean;
+        disabled?: boolean;
+        onHover?: (path: string) => void;
+        children?: import("react").ReactChild;
+    } & import("react").RefAttributes<HTMLButtonElement>>;
 };
 export default Dropdown;

package/es/dropdown/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -7,43 +7,43 @@
 import Dropdown$1 from './Dropdown.js';
 import './style/css.js';
 import './type.js';
-import '../_chunks/dep-72ef6cf6.js';
-import '../_chunks/dep-442ff40f.js';
-import '../_chunks/dep-42dfd306.js';
+import '../_chunks/dep-195c3d75.js';
+import '../_chunks/dep-b71058fe.js';
+import '../_chunks/dep-543c3536.js';
+import '../_chunks/dep-c7bc4d7c.js';
 import 'react';
 import 'classnames';
-import '../_chunks/dep-3882ffcd.js';
-import '../_chunks/dep-184b21c3.js';
-import '../_chunks/dep-9f80f9d6.js';
-import '../_chunks/dep-55ec31d6.js';
-import '../_chunks/dep-ae12755c.js';
-import '../_chunks/dep-9f46a2fc.js';
-import '../_chunks/dep-f326b5da.js';
-import '../_chunks/dep-abd9fbed.js';
-import '../_chunks/dep-30477921.js';
-import '../_chunks/dep-7556f79a.js';
-import '../_chunks/dep-3a07fdc5.js';
-import '../_chunks/dep-5469de86.js';
-import '../_chunks/dep-3ef615a3.js';
-import '../_chunks/dep-e273b26f.js';
-import '../_chunks/dep-9825193d.js';
-import '../_chunks/dep-a57dc5be.js';
-import '../_chunks/dep-27db1e3c.js';
-import '../_chunks/dep-42431ee2.js';
-import '../_chunks/dep-44534aa1.js';
-import '../_chunks/dep-8fede92a.js';
-import '../_chunks/dep-61768ea7.js';
-import '../_chunks/dep-a57a3adc.js';
-import '../_chunks/dep-50f46574.js';
-import '../_chunks/dep-b4546e0e.js';
-import '../_chunks/dep-d4c7e673.js';
-import '../_chunks/dep-71117f38.js';
-import '../_chunks/dep-cbb0c1c0.js';
-import '../_chunks/dep-c27cb807.js';
-import '../_chunks/dep-26028aac.js';
-import '../_chunks/dep-98b17dae.js';
-import '../_chunks/dep-6216481e.js';
-import '../_chunks/dep-1bcb0f03.js';
+import '../_chunks/dep-60f5bd8f.js';
+import '../_chunks/dep-27b799a5.js';
+import '../_chunks/dep-adec0da9.js';
+import '../_chunks/dep-3222ad5b.js';
+import '../_chunks/dep-73c3d91b.js';
+import '../_chunks/dep-8f1f4b9f.js';
+import '../_chunks/dep-3078962f.js';
+import '../_chunks/dep-b946aae4.js';
+import '../_chunks/dep-eae5e73b.js';
+import '../_chunks/dep-178c8e4e.js';
+import '../_chunks/dep-f91a0619.js';
+import '../_chunks/dep-ea6cd97e.js';
+import '../_chunks/dep-966f4d8b.js';
+import '../_chunks/dep-42d06a7e.js';
+import '../_chunks/dep-2fc7ff7b.js';
+import '../_chunks/dep-37aa0312.js';
+import '../_chunks/dep-4bc313e1.js';
+import '../_chunks/dep-f479b641.js';
+import '../_chunks/dep-8ec2d92c.js';
+import '../_chunks/dep-71e7a5f0.js';
+import '../_chunks/dep-a902ad33.js';
+import '../_chunks/dep-ca76867d.js';
+import '../_chunks/dep-e4aca6cc.js';
+import '../_chunks/dep-82c64961.js';
+import '../_chunks/dep-7b191072.js';
+import '../_chunks/dep-3ceef599.js';
+import '../_chunks/dep-c7e83c21.js';
+import '../_chunks/dep-a3d78aac.js';
+import '../_chunks/dep-93fce92a.js';
+import '../_chunks/dep-a63e82ae.js';
+import '../_chunks/dep-6cb7fff9.js';
 import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
@@ -54,25 +54,27 @@ import 'react-popper';
 import '../_util/useDefault.js';
 import '../_util/noop.js';
 import '../_util/composeRefs.js';
-import '../popup/Portal.js';
+import '../common/Portal.js';
 import 'react-dom';
 import '../popup/hooks/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import '../popup/hooks/usePopupCssTransition.js';
 import '../popup/type.js';
 import './DropdownMenu.js';
-import '../_chunks/dep-a2bc34d5.js';
+import '../_chunks/dep-f0919110.js';
 import './DropdownItem.js';
 import 'tdesign-icons-react';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import '../_util/helper.js';
-import '../_chunks/dep-c611ea38.js';
-import '../_chunks/dep-9bf19387.js';
-import '../_chunks/dep-cdcdc773.js';
+import '../_chunks/dep-bc6012b1.js';
+import '../_chunks/dep-c35a0ebd.js';
+import '../_chunks/dep-e2086850.js';
 import '../divider/index.js';
 import '../divider/Divider.js';
 import '../divider/type.js';
+import '../_util/forwardRefWithStatics.js';
+import 'hoist-non-react-statics';
 
 var Dropdown = Dropdown$1;
 

package/es/dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/dropdown/index.ts"],"sourcesContent":["import _Dropdown from './Dropdown';\n\nimport './style/index.js';\n\nexport type { DropdownProps } from './Dropdown';\nexport * from './type';\n\nexport const Dropdown = _Dropdown;\n\nexport default Dropdown;\n"],"names":["Dropdown","_Dropdown"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,QAAQ,GAAGC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/dropdown/index.ts"],"sourcesContent":["import _Dropdown from './Dropdown';\n\nimport './style/index.js';\n\nexport type { DropdownProps } from './Dropdown';\nexport * from './type';\n\nexport const Dropdown = _Dropdown;\n\nexport default Dropdown;\n"],"names":["Dropdown","_Dropdown"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,QAAQ,GAAGC;;;;"}

package/es/dropdown/style/index.css

@@ -1,21 +1,3 @@
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-dropdown {
   background-color: var(--td-bg-color-container);
   position: relative;

package/es/dropdown/style/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */

package/es/dropdown/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */

package/es/form/Form.js

@@ -1,76 +1,76 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../_chunks/dep-442ff40f.js';
-import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
+import { _ as _slicedToArray } from '../_chunks/dep-543c3536.js';
+import { _ as _defineProperty } from '../_chunks/dep-b71058fe.js';
 import React, { useRef, useImperativeHandle } from 'react';
 import classNames from 'classnames';
-import { i as isEmpty_1 } from '../_chunks/dep-c55cb8a1.js';
-import { i as isFunction_1 } from '../_chunks/dep-3ef615a3.js';
-import { f as flatten_1 } from '../_chunks/dep-26028aac.js';
+import { i as isEmpty_1 } from '../_chunks/dep-fee68d62.js';
+import { i as isFunction_1 } from '../_chunks/dep-ea6cd97e.js';
+import { f as flatten_1 } from '../_chunks/dep-a3d78aac.js';
 import useConfig from '../_util/useConfig.js';
 import noop from '../_util/noop.js';
 import forwardRefWithStatics from '../_util/forwardRefWithStatics.js';
 import FormContext from './FormContext.js';
 import FormItem from './FormItem.js';
-import '../_chunks/dep-42dfd306.js';
-import '../_chunks/dep-3882ffcd.js';
-import '../_chunks/dep-8fede92a.js';
-import '../_chunks/dep-9f80f9d6.js';
-import '../_chunks/dep-55ec31d6.js';
-import '../_chunks/dep-61768ea7.js';
-import '../_chunks/dep-abd9fbed.js';
-import '../_chunks/dep-a57a3adc.js';
-import '../_chunks/dep-50f46574.js';
-import '../_chunks/dep-b4546e0e.js';
-import '../_chunks/dep-5469de86.js';
-import '../_chunks/dep-a57dc5be.js';
-import '../_chunks/dep-e273b26f.js';
-import '../_chunks/dep-9825193d.js';
-import '../_chunks/dep-44534aa1.js';
-import '../_chunks/dep-ae12755c.js';
-import '../_chunks/dep-9f46a2fc.js';
-import '../_chunks/dep-71117f38.js';
-import '../_chunks/dep-98b17dae.js';
-import '../_chunks/dep-42431ee2.js';
+import '../_chunks/dep-c7bc4d7c.js';
+import '../_chunks/dep-60f5bd8f.js';
+import '../_chunks/dep-8ec2d92c.js';
+import '../_chunks/dep-adec0da9.js';
+import '../_chunks/dep-195c3d75.js';
+import '../_chunks/dep-71e7a5f0.js';
+import '../_chunks/dep-3078962f.js';
+import '../_chunks/dep-a902ad33.js';
+import '../_chunks/dep-ca76867d.js';
+import '../_chunks/dep-e4aca6cc.js';
+import '../_chunks/dep-f91a0619.js';
+import '../_chunks/dep-2fc7ff7b.js';
+import '../_chunks/dep-966f4d8b.js';
+import '../_chunks/dep-42d06a7e.js';
+import '../_chunks/dep-f479b641.js';
+import '../_chunks/dep-3222ad5b.js';
+import '../_chunks/dep-73c3d91b.js';
+import '../_chunks/dep-7b191072.js';
+import '../_chunks/dep-93fce92a.js';
+import '../_chunks/dep-4bc313e1.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import 'hoist-non-react-statics';
 import 'tdesign-icons-react';
 import '../checkbox/index.js';
-import '../_chunks/dep-f2705322.js';
+import '../_chunks/dep-2f14ad8e.js';
 import '../common/Check.js';
-import '../_chunks/dep-c611ea38.js';
+import '../_chunks/dep-bc6012b1.js';
 import '../_util/helper.js';
-import '../_chunks/dep-9bf19387.js';
-import '../_chunks/dep-184b21c3.js';
-import '../_chunks/dep-f326b5da.js';
-import '../_chunks/dep-cdcdc773.js';
-import '../_chunks/dep-1bcb0f03.js';
+import '../_chunks/dep-c35a0ebd.js';
+import '../_chunks/dep-27b799a5.js';
+import '../_chunks/dep-8f1f4b9f.js';
+import '../_chunks/dep-e2086850.js';
+import '../_chunks/dep-6cb7fff9.js';
 import '../_util/useDefault.js';
-import '../_chunks/dep-1ae028f2.js';
+import '../_chunks/dep-d605b249.js';
 import './style/css.js';
 import '../checkbox/type.js';
 import '../upload/index.js';
 import '../upload/upload.js';
-import '../_chunks/dep-a2bc34d5.js';
-import '../_chunks/dep-eddcc10b.js';
-import '../_chunks/dep-711e796f.js';
-import '../_chunks/dep-3a07fdc5.js';
-import '../_chunks/dep-27db1e3c.js';
-import '../_chunks/dep-7556f79a.js';
-import '../_chunks/dep-d4c7e673.js';
-import '../_chunks/dep-a3ebf465.js';
-import '../_chunks/dep-ec5da0c1.js';
-import '../_chunks/dep-045d914f.js';
-import '../_chunks/dep-45ba95e4.js';
-import '../_chunks/dep-f253fe70.js';
+import '../_chunks/dep-f0919110.js';
+import '../_chunks/dep-5056c08a.js';
+import '../_chunks/dep-6c7ebad8.js';
+import '../_chunks/dep-178c8e4e.js';
+import '../_chunks/dep-37aa0312.js';
+import '../_chunks/dep-eae5e73b.js';
+import '../_chunks/dep-82c64961.js';
+import '../_chunks/dep-53dd2095.js';
+import '../_chunks/dep-e50910a4.js';
+import '../_chunks/dep-1bb17190.js';
+import '../_chunks/dep-56f9520b.js';
+import '../_chunks/dep-c1bcd3ad.js';
 import '../dialog/index.js';
 import '../dialog/Dialog.js';
-import '../_chunks/dep-ba7f3134.js';
+import '../_chunks/dep-cf8954fb.js';
 import '../locale/LocalReceiver.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
@@ -88,6 +88,7 @@ import 'react-dom';
 import '../loading/gradient.js';
 import '../_common/js/loading/circle-adapter.js';
 import '../_common/js/utils/set-style.js';
+import '../_common/js/utils/helper.js';
 import '../loading/type.js';
 import '../loading/plugin.js';
 import '../button/type.js';
@@ -173,7 +174,7 @@ var Form = forwardRefWithStatics(function (props, ref) {
   }
 
   function scrollTo(selector) {
-    var dom = document.querySelector(selector);
+    var dom = formRef.current.querySelector(selector);
     var behavior = scrollToFirstError;
     dom && dom.scrollIntoView({
       behavior: behavior
@@ -251,12 +252,14 @@ var Form = forwardRefWithStatics(function (props, ref) {
   }
 
   function getFieldValue(name) {
+    var _target$current;
+
     if (!name) return null;
     var target = formItemsRef.current.find(function (_ref6) {
       var formItemRef = _ref6.current;
       return (formItemRef === null || formItemRef === void 0 ? void 0 : formItemRef.name) === name;
     });
-    return target && target.value;
+    return (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.value;
   }
 
   function setFieldsValue() {