@rainbow-oh/yee-c 0.1.0 → 0.3.0

package/dist/cjs/version.js

@@ -22,7 +22,7 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-var version = "0.1.0";
+var version = "0.3.0";
 if (typeof window !== "undefined") {
   window.__yee_c_version__ = version;
 }

package/dist/esm/Alert/alert.js

@@ -17,20 +17,36 @@ var ICON_STROKE_WIDTH = 1.5; // Icon stroke width
 
 var iconMap = {
   info: {
-    small: /*#__PURE__*/React.createElement(Info, null),
-    large: /*#__PURE__*/React.createElement(Info, null)
+    small: /*#__PURE__*/React.createElement(Info, {
+      size: 16
+    }),
+    large: /*#__PURE__*/React.createElement(Info, {
+      size: 24
+    })
   },
   success: {
-    small: /*#__PURE__*/React.createElement(CircleCheckBig, null),
-    large: /*#__PURE__*/React.createElement(CircleCheckBig, null)
+    small: /*#__PURE__*/React.createElement(CircleCheckBig, {
+      size: 16
+    }),
+    large: /*#__PURE__*/React.createElement(CircleCheckBig, {
+      size: 24
+    })
   },
   warning: {
-    small: /*#__PURE__*/React.createElement(CircleAlert, null),
-    large: /*#__PURE__*/React.createElement(CircleAlert, null)
+    small: /*#__PURE__*/React.createElement(CircleAlert, {
+      size: 16
+    }),
+    large: /*#__PURE__*/React.createElement(CircleAlert, {
+      size: 24
+    })
   },
   error: {
-    small: /*#__PURE__*/React.createElement(CircleX, null),
-    large: /*#__PURE__*/React.createElement(CircleX, null)
+    small: /*#__PURE__*/React.createElement(CircleX, {
+      size: 16
+    }),
+    large: /*#__PURE__*/React.createElement(CircleX, {
+      size: 24
+    })
   }
 };
 var Alert = function Alert(baseprops) {

package/dist/esm/Alert/style/index.less

@@ -69,4 +69,7 @@
     border: none;
     border-radius: 0;
   }
+
+  &-small {
+  }
 }

package/dist/esm/Anchor/anchor-item.js

@@ -26,14 +26,17 @@ var AnchorItem = function AnchorItem(props) {
   var _useContext = useContext(AnchorContext),
     prefixCls = _useContext.prefixCls,
     activeKey = _useContext.activeKey,
-    onClick = _useContext.onClick;
+    onClick = _useContext.onClick,
+    classNames = _useContext.classNames,
+    styles = _useContext.styles;
+  var isActive = targetKey === activeKey;
   var handleClick = function handleClick(e) {
     e.preventDefault();
     e.stopPropagation();
     onClick === null || onClick === void 0 || onClick(targetKey);
   };
-  var cls = clsx("".concat(prefixCls, "-item"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-item-active"), targetKey === activeKey), "".concat(prefixCls, "-item-").concat(status), status), className);
-  var itemStyle = _objectSpread(_objectSpread({}, style), {}, {
+  var cls = clsx("".concat(prefixCls, "-item"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-item-active"), isActive), "".concat(prefixCls, "-item-").concat(status), status), className, isActive && (classNames === null || classNames === void 0 ? void 0 : classNames.active));
+  var itemStyle = _objectSpread(_objectSpread(_objectSpread({}, style), isActive ? styles === null || styles === void 0 ? void 0 : styles.active : undefined), {}, {
     paddingLeft: "".concat(level * INDENT_WIDTH, "px")
   });
   var renderItem = /*#__PURE__*/React.createElement("li", _extends({

package/dist/esm/Anchor/anchor.js

@@ -61,12 +61,19 @@ var Anchor = /*#__PURE__*/forwardRef(function (baseprops, ref) {
     anchorList = _useState2[0],
     setAnchorList = _useState2[1];
   var containerRef = useRef(null);
+  var activeKeyRef = useRef(mergedActiveKey);
+  useEffect(function () {
+    activeKeyRef.current = mergedActiveKey;
+  }, [mergedActiveKey]);
 
   // Auto-generate anchor list from DOM
   var generateAnchorList = useCallback(function () {
     if (!auto || !name) return;
     var list = [];
-    var elements = document.querySelectorAll("[data-anchor-group=\"".concat(name, "\"]"));
+    // Escape `name` before interpolating into the attribute selector: a raw
+    // value containing quotes / brackets / backslashes would either break the
+    // selector (throwing) or open an injection vector.
+    var elements = document.querySelectorAll("[data-anchor-group=\"".concat(CSS.escape(name), "\"]"));
     elements.forEach(function (element) {
       var key = element.getAttribute('id') || '';
       var title = element.getAttribute('data-anchor-title') || '';
@@ -86,6 +93,12 @@ var Anchor = /*#__PURE__*/forwardRef(function (baseprops, ref) {
       generateAnchorList();
     }
   }, [auto, generateAnchorList]);
+  var getTargetOffsetTop = useCallback(function (target) {
+    var container = containerRef.current;
+    var containerTop = container === window ? 0 : container.getBoundingClientRect().top;
+    var currentScroll = container === window ? window.scrollY : container.scrollTop;
+    return currentScroll + (target.getBoundingClientRect().top - containerTop);
+  }, []);
 
   // Handle scroll to update active key
   var handleScroll = useCallback(function () {
@@ -100,27 +113,28 @@ var Anchor = /*#__PURE__*/forwardRef(function (baseprops, ref) {
       var item = currentItems[i];
       var target = document.getElementById(item.key);
       if (target) {
-        var targetTop = target.offsetTop;
+        var targetTop = getTargetOffsetTop(target);
         if (scrollTop + offsetTop >= targetTop) {
-          setMergedActiveKey(item.key);
-          onChange === null || onChange === void 0 || onChange(item.key);
+          if (activeKeyRef.current !== item.key) {
+            setMergedActiveKey(item.key);
+            onChange === null || onChange === void 0 || onChange(item.key);
+          }
           break;
         }
       }
     }
-  }, [auto, anchorList, items, offsetTop, onChange]);
+  }, [auto, anchorList, items, offsetTop, onChange, getTargetOffsetTop]);
   useEffect(function () {
-    var container = getContainer ? getContainer() : window;
-    containerRef.current = container;
-    if (container && typeof activeKey === 'undefined') {
-      var debouncedScroll = debounce(handleScroll, 100);
-      container.addEventListener('scroll', debouncedScroll);
-      handleScroll();
-      return function () {
-        container.removeEventListener('scroll', debouncedScroll);
-      };
-    }
-  }, [getContainer, handleScroll, activeKey]);
+    var container = containerRef.current;
+    if (!container) return;
+    var debouncedScroll = debounce(handleScroll, 100);
+    container.addEventListener('scroll', debouncedScroll);
+    handleScroll();
+    return function () {
+      container.removeEventListener('scroll', debouncedScroll);
+      debouncedScroll.cancel();
+    };
+  }, [getContainer, handleScroll]);
 
   // Scroll to target when activeKey changes
   var scrollToAnchor = useCallback(function (key) {
@@ -128,7 +142,7 @@ var Anchor = /*#__PURE__*/forwardRef(function (baseprops, ref) {
     if (!target) return;
     var container = containerRef.current;
     if (!container) return;
-    var targetTop = target.offsetTop - offsetTop;
+    var targetTop = getTargetOffsetTop(target) - offsetTop;
     if (container === window) {
       window.scrollTo({
         top: targetTop,
@@ -140,7 +154,10 @@ var Anchor = /*#__PURE__*/forwardRef(function (baseprops, ref) {
         behavior: 'smooth'
       });
     }
-  }, [offsetTop]);
+  }, [offsetTop, getTargetOffsetTop]);
+  useLayoutEffect(function () {
+    containerRef.current = getContainer ? getContainer() : window;
+  }, [getContainer]);
   useLayoutEffect(function () {
     if (defaultActiveKey) {
       scrollToAnchor(defaultActiveKey);
@@ -158,7 +175,9 @@ var Anchor = /*#__PURE__*/forwardRef(function (baseprops, ref) {
   var contextValue = {
     prefixCls: prefixCls,
     activeKey: mergedActiveKey,
-    onClick: handleItemClick
+    onClick: handleItemClick,
+    classNames: classNames,
+    styles: styles
   };
   var renderNavArrow = function renderNavArrow() {
     if (!affix || direction !== 'vertical') return null;

package/dist/esm/Anchor/demo/auto.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+/**
+ * `auto` mode: the anchor list is generated from the DOM. Decorate each target
+ * section with the following attributes:
+ *   - data-anchor-group="<name>"  must match the Anchor's `name` prop
+ *   - id="<key>"                  used as the anchor key and scroll target
+ *   - data-anchor-title="<title>"  the nav label (required; a section without it is skipped)
+ *   - data-anchor-status="success | error | warning"  optional status badge color
+ */
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/esm/Anchor/demo/auto.js

@@ -0,0 +1,62 @@
+import { Anchor } from "../..";
+import React from 'react';
+
+/**
+ * `auto` mode: the anchor list is generated from the DOM. Decorate each target
+ * section with the following attributes:
+ *   - data-anchor-group="<name>"  must match the Anchor's `name` prop
+ *   - id="<key>"                  used as the anchor key and scroll target
+ *   - data-anchor-title="<title>"  the nav label (required; a section without it is skipped)
+ *   - data-anchor-status="success | error | warning"  optional status badge color
+ */
+export default (function () {
+  return /*#__PURE__*/React.createElement("div", {
+    id: "auto-container",
+    style: {
+      display: 'flex',
+      height: 300,
+      overflow: 'auto'
+    }
+  }, /*#__PURE__*/React.createElement(Anchor, {
+    auto: true,
+    name: "article",
+    affix: false,
+    defaultActiveKey: "auto-intro",
+    getContainer: function getContainer() {
+      return document.getElementById('auto-container');
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1,
+      padding: 20
+    }
+  }, /*#__PURE__*/React.createElement("section", {
+    id: "auto-intro",
+    "data-anchor-group": "article",
+    "data-anchor-title": "Introduction",
+    style: {
+      height: 300,
+      background: '#f0f0f0',
+      marginBottom: 20
+    }
+  }, "Introduction"), /*#__PURE__*/React.createElement("section", {
+    id: "auto-usage",
+    "data-anchor-group": "article",
+    "data-anchor-title": "Usage",
+    "data-anchor-status": "success",
+    style: {
+      height: 300,
+      background: '#e0e0e0',
+      marginBottom: 20
+    }
+  }, "Usage"), /*#__PURE__*/React.createElement("section", {
+    id: "auto-caveats",
+    "data-anchor-group": "article",
+    "data-anchor-title": "Caveats",
+    "data-anchor-status": "warning",
+    style: {
+      height: 300,
+      background: '#d0d0d0'
+    }
+  }, "Caveats")));
+});

package/dist/esm/Anchor/demo/basic.js

@@ -14,9 +14,11 @@ export default (function () {
   return /*#__PURE__*/React.createElement("div", {
     id: "basic-container",
     style: {
+      position: 'relative',
       display: 'flex',
       height: '100vh',
-      overflow: 'auto'
+      overflow: 'auto',
+      transform: 'scale(1)'
     }
   }, /*#__PURE__*/React.createElement(Anchor, {
     items: items,

package/dist/esm/Anchor/demo/controlled.js

@@ -5,24 +5,24 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Anchor } from "../..";
-import React, { useState } from 'react';
+import React, { useRef, useState } from 'react';
 export default (function () {
   var _useState = useState('part1'),
     _useState2 = _slicedToArray(_useState, 2),
     activeKey = _useState2[0],
     setActiveKey = _useState2[1];
+  var containerRef = useRef(null);
   var onChange = function onChange(key) {
     console.log('Anchor changed to:', key);
     setActiveKey(key);
   };
   return /*#__PURE__*/React.createElement("div", {
     style: {
-      display: 'flex'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '200px'
-    }
+      display: 'flex',
+      height: '200px',
+      overflow: 'auto'
+    },
+    ref: containerRef
   }, /*#__PURE__*/React.createElement(Anchor, {
     items: [{
       key: 'part1',
@@ -34,9 +34,14 @@ export default (function () {
       key: 'part3',
       title: 'Part 3'
     }],
+    direction: "vertical",
+    affix: false,
     activeKey: activeKey,
-    onChange: onChange
-  })), /*#__PURE__*/React.createElement("div", {
+    onChange: onChange,
+    getContainer: function getContainer() {
+      return containerRef.current;
+    }
+  }), /*#__PURE__*/React.createElement("div", {
     style: {
       flex: 1,
       padding: '20px'

package/dist/esm/Anchor/interface.d.ts

@@ -119,4 +119,6 @@ export interface AnchorContextType {
     prefixCls: string;
     activeKey?: string;
     onClick?: (key: string) => void;
+    classNames?: Partial<Record<AnchorSemanticDOM, string>>;
+    styles?: Partial<Record<AnchorSemanticDOM, React.CSSProperties>>;
 }

package/dist/esm/Anchor/style/index.less

@@ -53,7 +53,7 @@
           width: var(--yee-anchor-static-item-active-width);
           height: var(--yee-anchor-static-item-active-height);
           border: none;
-          border-radius: 0;
+          border-radius: var(--yee-anchor-static-item-active-width);
           background-color: var(--yee-anchor-item-active-font-color);
         }
       }
@@ -165,7 +165,7 @@
 
   &-item {
     position: relative;
-    padding: var(--yee-anchor-item-padding);
+    margin: var(--yee-anchor-item-padding);
     white-space: nowrap;
     color: var(--yee-anchor-item-font-color);
     cursor: pointer;

package/dist/esm/Button/button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { ButtonProps } from './interface';
 import './style/index.less';
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export default Button;

package/dist/esm/Button/button.js

@@ -45,7 +45,7 @@ var Button = /*#__PURE__*/forwardRef(function (baseprops, ref) {
   if (type) {
     switch (type) {
       case 'default':
-        mergedColor = 'primary';
+        mergedColor = 'default';
         mergedVariant = 'outlined';
         break;
       case 'primary':
@@ -53,7 +53,7 @@ var Button = /*#__PURE__*/forwardRef(function (baseprops, ref) {
         mergedVariant = 'solid';
         break;
       case 'dashed':
-        mergedColor = 'primary';
+        mergedColor = 'default';
         mergedVariant = 'dashed';
         break;
       case 'link':

package/dist/esm/Button/style/index.less

@@ -41,18 +41,18 @@
     border: none;
 
     &:not(@{pls}-disabled):hover {
-      background-color: var(--m-btn-hover-color);
+      background-color: var(--m-btn-hover-bg-color);
     }
 
     &:not(@{pls}-disabled):active {
-      background-color: var(--m-btn-active-color);
+      background-color: var(--m-btn-active-bg-color);
     }
   }
 
   &-dashed {
     color: var(--m-btn-color);
     background-color: transparent;
-    border: var(--yee-btn-border-width) dashed var(--m-btn-color);
+    border: var(--yee-btn-border-width) dashed var(--m-btn-border-color);
 
     &:not(@{pls}-disabled):hover {
       color: var(--m-btn-hover-color);
@@ -84,7 +84,19 @@
   &-outlined {
     color: var(--m-btn-color);
     background-color: transparent;
-    border: var(--yee-btn-border-width) solid var(--m-btn-color);
+    border: var(--yee-btn-border-width) solid var(--m-btn-border-color);
+
+    &:not(@{pls}-disabled) {
+      &:hover {
+        color: var(--m-btn-hover-color);
+        border-color: var(--m-btn-border-hover-color);
+      }
+
+      &:active {
+        color: var(--m-btn-active-color);
+        border-color: var(--m-btn-border-active-color);
+      }
+    }
   }
 
   &-ghost {
@@ -134,11 +146,14 @@
   // ---- color ------
   &-default {
     --m-btn-color: var(--yee-text-color);
-    --m-btn-hover-color: var(--yee-text-color-auxiliary);
-    --m-btn-active-color: var(--yee-btn-default-active-color);
+    --m-btn-hover-color: var(--yee-primary-color);
+    --m-btn-border-color: var(--yee-border-color);
+    --m-btn-border-hover-color: var(--yee-primary-color);
     --m-btn-bg-color: var(--yee-btn-default-bg-color);
-    --m-btn-hover-bg-color: var(--yee-btn-default-bg-color);
-    --m-btn-active-bg-color: var(--yee-btn-default-bg-color);
+    --m-btn-hover-bg-color: var(--yee-text-color-auxiliary);
+    --m-btn-border-active-color: var(--yee-primary-color-active);
+    --m-btn-active-color: var(--yee-primary-color-active);
+    --m-btn-active-bg-color: var(--yee-text-color-auxiliary);
   }
 
   &-primary {

package/dist/esm/Card/demo/collapsible.js

@@ -9,6 +9,7 @@ export default (function () {
     }, "More"),
     style: {
       width: 300
-    }
+    },
+    bordered: true
   }, /*#__PURE__*/React.createElement("p", null, "Card content"), /*#__PURE__*/React.createElement("p", null, "Card content"), /*#__PURE__*/React.createElement("p", null, "Card content"));
 });

package/dist/esm/Carousel/demo/arrows.js

@@ -3,7 +3,7 @@ import React from 'react';
 export default (function () {
   return /*#__PURE__*/React.createElement(Carousel, {
     style: {
-      width: '500px',
+      width: '100%',
       height: '300px'
     },
     arrows: "always"

package/dist/esm/Carousel/demo/autoplay.js

@@ -3,7 +3,7 @@ import React from 'react';
 export default (function () {
   return /*#__PURE__*/React.createElement(Carousel, {
     style: {
-      width: '500px',
+      width: '100%',
       height: '300px'
     },
     autoplay: true,

package/dist/esm/Carousel/demo/effect.js

@@ -3,7 +3,7 @@ import React from 'react';
 export default (function () {
   return /*#__PURE__*/React.createElement(Carousel, {
     style: {
-      width: '500px',
+      width: '100%',
       height: '300px'
     },
     effect: "fade",

package/dist/esm/Carousel/demo/position.js

@@ -3,7 +3,7 @@ import React from 'react';
 export default (function () {
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Carousel, {
     style: {
-      width: '500px',
+      width: '100%',
       height: '300px',
       marginBottom: '20px'
     },

package/dist/esm/Checkbox/checkbox-group.js

@@ -39,6 +39,8 @@ var CheckboxGroup = function CheckboxGroup(baseprops) {
     options = props.options,
     buttonStyle = props.buttonStyle,
     disabled = props.disabled,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? 'horizontal' : _props$layout,
     onChange = props.onChange;
   var _useMergedState = useMergedState([], {
       value: value,
@@ -47,7 +49,7 @@ var CheckboxGroup = function CheckboxGroup(baseprops) {
     _useMergedState2 = _slicedToArray(_useMergedState, 2),
     mergedValue = _useMergedState2[0],
     setMergedValue = _useMergedState2[1];
-  var cls = clsx(prefixCls, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(buttonStyle), buttonStyle), "".concat(prefixCls, "-disabled"), disabled), className);
+  var cls = clsx(prefixCls, ["".concat(prefixCls, "-").concat(layout)], _defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(buttonStyle), buttonStyle), "".concat(prefixCls, "-disabled"), disabled), className);
   var handleChange = function handleChange(event) {
     var value = event.target.value;
     var newValue = mergedValue.includes(value) ? mergedValue.filter(function (i) {
@@ -71,7 +73,7 @@ var CheckboxGroup = function CheckboxGroup(baseprops) {
     }, option, {
       checked: mergedValue.includes(option.value),
       key: option.value || index
-    }));
+    }), option.label);
   })));
 };
 CheckboxGroup.displayName = 'CheckboxGroup';

package/dist/esm/Checkbox/demo/group.js

@@ -36,6 +36,7 @@ export default (function () {
   }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Checkbox.Group, {
     value: value,
     onChange: onChange,
+    layout: "vertical",
     options: [{
       value: 'A',
       label: 'Option A'

package/dist/esm/Checkbox/interface.d.ts

@@ -93,6 +93,11 @@ export interface CheckboxGroupProps {
      * Options
      */
     options?: Array<CheckboxOption>;
+    /**
+     * group layout
+     * @default horizontal
+     */
+    layout?: 'horizontal' | 'vertical';
     /**
      * Callback when value changes
      */

package/dist/esm/Checkbox/style/index.less

@@ -33,6 +33,10 @@
       background-color: var(--yee-checkbox-checked-bg-color);
       border-color: var(--yee-checkbox-checked-border-color);
 
+      --ye-checkbox-checked-border-color: var(
+        --yee-checkbox-checked-after-border-color
+      );
+
       &::after {
         position: absolute;
         top: 50%;
@@ -41,7 +45,7 @@
         width: var(--yee-checkbox-checked-after-width);
         height: var(--yee-checkbox-checked-after-height);
         border: var(--yee-checkbox-checked-after-border-width) solid
-          var(--yee-checkbox-checked-after-border-color);
+          var(--ye-checkbox-checked-border-color);
         border-top: 0;
         transform: rotate(45deg) scale(1) translate(-50%, -50%);
         content: '';
@@ -59,6 +63,14 @@
       border-color: var(--yee-checkbox-border-color);
     }
 
+    &&-checked {
+      @{pls}-inner {
+        --ye-checkbox-checked-border-color: var(
+          --yee-checkbox-disabled-checked-border-color
+        );
+      }
+    }
+
     @{pls}-input {
       display: none;
     }
@@ -100,4 +112,12 @@
       }
     }
   }
+
+  &-group {
+    &-vertical {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+  }
 }

package/dist/esm/Config-Provider/interface.d.ts

@@ -38,6 +38,7 @@ import { RadioGroupProps, RadioProps } from '../Radio';
 import { RangePickerProps } from '../RangePicker';
 import { RateProps } from '../Rate';
 import { SearchProps } from '../Search';
+import { SegmentedProps } from '../Segmented';
 import { SelectProps } from '../Select';
 import { SkeletonProps } from '../Skeleton';
 import { SliderProps } from '../Slider';
@@ -53,6 +54,7 @@ import { TextAreaProps } from '../TextArea';
 import { SpinProps } from '../Spin';
 import { TimelineProps } from '../Timeline';
 import { TooltipProps } from '../Tooltip';
+import { TourProps } from '../Tour';
 import { TransferProps } from '../Transfer';
 import { TreeProps } from '../Tree';
 import { TreeSelectProps } from '../TreeSelect';
@@ -105,6 +107,7 @@ export type GlobalCtxType = {
     rate?: RateProps;
     search?: SearchProps;
     select?: SelectProps;
+    segmented?: SegmentedProps;
     skeleton?: SkeletonProps;
     slider?: SliderProps;
     space?: SpaceProps;
@@ -121,6 +124,7 @@ export type GlobalCtxType = {
     timeline?: TimelineProps;
     highlight?: HighlightProps;
     tooltip?: TooltipProps;
+    tour?: TourProps;
     transfer?: TransferProps;
     tree?: TreeProps<unknown>;
     treeselect?: TreeSelectProps;

package/dist/esm/Dropdown/demo/placement.js

@@ -11,7 +11,8 @@ export default (function () {
     }, {
       key: '3',
       label: 'Option 3'
-    }]
+    }],
+    keyboard: true
   });
   return /*#__PURE__*/React.createElement(Space, {
     wrap: true