@rainbow-oh/yee-c 0.1.0 → 0.3.0

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

@@ -1,5 +1,12 @@
 /// <reference types="react" />
 import type { DataAttributeProps } from '../utils/types';
+export type PanelRect = {
+    type: 'default' | 'percent' | 'auto';
+    size: number;
+    currentSize: number;
+    min?: string | number;
+    max?: string | number;
+};
 export interface SplitterItemProps {
     /**
      * custom item element class name prefix
@@ -67,14 +74,13 @@ export interface SplitterProps extends DataAttributeProps {
     /**
      * children
      */
-    children?: React.ReactElement[];
+    children?: Array<React.ReactElement | null>;
     /**
      * display border or not
      * */
     bordered?: boolean;
-    itemPadding?: number | string;
     /**
      * panel size change event
      * */
-    onResize?: (sizes: number[]) => void;
+    onResize?: (sizes: PanelRect[]) => void;
 }

package/dist/esm/Splitter/splitter-handler.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PanelRect } from './splitter';
+import type { PanelRect } from './interface';
 interface SplitterHandlerProps {
     layout: 'horizontal' | 'vertical';
     resizable?: boolean;

package/dist/esm/Splitter/splitter-handler.js

@@ -36,7 +36,8 @@ var SplitterHandler = function SplitterHandler(_ref) {
   var _useContext = useContext(SplitterWrapperCtx),
     refs = _useContext.refs;
   var _useContext2 = useContext(SplitterCtx),
-    prefixCls = _useContext2.prefixCls;
+    prefixCls = _useContext2.prefixCls,
+    onResize = _useContext2.onResize;
   var status = records[index - 1] || {};
   var next = records[index] || {};
   var onMove = function onMove(dis) {
@@ -80,6 +81,7 @@ var SplitterHandler = function SplitterHandler(_ref) {
         size: e,
         currentSize: e
       });
+      onResize === null || onResize === void 0 || onResize(newState);
       return newState;
     });
   };

package/dist/esm/Splitter/splitter.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { SplitterProps } from './interface';
+import type { PanelRect, SplitterProps } from './interface';
 import './style/index.less';
 type SplitterWrapperCtxType = {
     refs: {
@@ -8,16 +8,9 @@ type SplitterWrapperCtxType = {
 };
 type SplitterCtxType = {
     prefixCls: string;
-    onResize?: (sizes: number[]) => void;
+    onResize?: (sizes: PanelRect[]) => void;
 };
 export declare const SplitterWrapperCtx: React.Context<SplitterWrapperCtxType>;
 export declare const SplitterCtx: React.Context<SplitterCtxType>;
-export type PanelRect = {
-    type: 'default' | 'percent' | 'auto';
-    size: number;
-    currentSize: number;
-    min?: string | number;
-    max?: string | number;
-};
 declare const Splitter: React.ForwardRefExoticComponent<SplitterProps & React.RefAttributes<HTMLDivElement>>;
 export default Splitter;

package/dist/esm/Splitter/splitter.js

@@ -128,64 +128,67 @@ var Wrapper = function Wrapper(_ref3) {
   var refs = useRef({});
   var arr = React.Children.toArray(children);
   React.Children.forEach(children, function (child, index) {
-    var n = index + 1;
-    var _ref4 = child.props || {},
-      style = _ref4.style;
-    var currentSize;
-    var min = undefined;
-    var max = undefined;
-    if (itemsSize && itemsSize[index]) {
-      var _itemsSize$index = itemsSize[index];
-      currentSize = _itemsSize$index.currentSize;
-      min = _itemsSize$index.min;
-      max = _itemsSize$index.max;
-    }
-    wrappered.push( /*#__PURE__*/React.cloneElement(child, {
-      style: _objectSpread(_objectSpread({}, style), {}, {
-        // If there is a border or other size-related design, it may cause calculation issues
-        flexBasis: currentSize
-      }),
-      min: min,
-      max: max,
-      index: n,
-      key: n,
-      ref: function ref(el) {
-        refs.current["item".concat(n)] = {
-          el: el,
-          props: child.props,
-          size: {
-            min: min,
-            max: max
-          }
-        };
+    if ( /*#__PURE__*/React.isValidElement(child)) {
+      var n = index + 1;
+      var _ref4 = child.props || {},
+        style = _ref4.style;
+      var currentSize;
+      var min = undefined;
+      var max = undefined;
+      if (itemsSize && itemsSize[index]) {
+        var _itemsSize$index = itemsSize[index];
+        currentSize = _itemsSize$index.currentSize;
+        min = _itemsSize$index.min;
+        max = _itemsSize$index.max;
       }
-    }));
-    var next = arr[index + 1];
-    if (!next || ! /*#__PURE__*/React.isValidElement(next)) {
-      return;
-    }
-    var _ref5 = child.props || {},
-      flexable = _ref5.flexable,
-      expandable = _ref5.expandable;
-    var _ref6 = next.props || {},
-      nextExpandable = _ref6.expandable;
-    var _expandable = {
-      start: false,
-      end: false
-    };
-    if (expandable) {
-      _expandable.start = true;
-    }
-    if (nextExpandable) {
-      _expandable.end = true;
+      wrappered.push( /*#__PURE__*/React.cloneElement(child, {
+        // @ts-ignore
+        style: _objectSpread(_objectSpread({}, style), {}, {
+          // If there is a border or other size-related design, it may cause calculation issues
+          flexBasis: currentSize
+        }),
+        min: min,
+        max: max,
+        index: n,
+        key: n,
+        ref: function ref(el) {
+          refs.current["item".concat(n)] = {
+            el: el,
+            props: child.props,
+            size: {
+              min: min,
+              max: max
+            }
+          };
+        }
+      }));
+      var next = arr[index + 1];
+      if (!next || ! /*#__PURE__*/React.isValidElement(next)) {
+        return;
+      }
+      var _ref5 = child.props || {},
+        flexable = _ref5.flexable,
+        expandable = _ref5.expandable;
+      var _ref6 = next.props || {},
+        nextExpandable = _ref6.expandable;
+      var _expandable = {
+        start: false,
+        end: false
+      };
+      if (expandable) {
+        _expandable.start = true;
+      }
+      if (nextExpandable) {
+        _expandable.end = true;
+      }
+      wrappered.push( /*#__PURE__*/React.createElement(SplitterHandler, _extends({}, props, {
+        index: n,
+        flexable: flexable,
+        expandable: _expandable,
+        onClick: onClick,
+        key: "handler-".concat(n)
+      })));
     }
-    wrappered.push( /*#__PURE__*/React.createElement(SplitterHandler, _extends({}, props, {
-      index: n,
-      flexable: flexable,
-      expandable: _expandable,
-      onClick: onClick,
-      key: "handler-".concat(n)
-    })));
   });
   return /*#__PURE__*/React.createElement(SplitterWrapperCtx.Provider, {
     value: {

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

@@ -10,8 +10,18 @@
       var(--yee-splitter-border-color);
   }
 
+  &-horizontal {
+    @{pls}-handler {
+      cursor: e-resize;
+    }
+  }
+
   &-vertical {
     flex-direction: column;
+
+    @{pls}-handler {
+      cursor: n-resize;
+    }
   }
 }
 
@@ -77,8 +87,19 @@
       transition:
         background 0.2s ease-in-out,
         opacity 0.2s ease-in-out;
+      border-radius: 2px;
       content: '';
     }
+
+    &:hover {
+      &::after {
+        background-color: color-mix(
+          in srgb,
+          var(--yee-splitter-handler-color),
+          black 20%
+        );
+      }
+    }
   }
 
   &-flexable {

package/dist/esm/Steps/step.js

@@ -54,7 +54,10 @@ var Step = function Step(props) {
     }
     return index < current ? /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-item-serial ").concat(prefixCls, "-item-icon-check")
-    }, /*#__PURE__*/React.createElement(Check, null)) : /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/React.createElement(Check, {
+      size: 18,
+      strokeWidth: 3
+    })) : /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-item-serial")
     }, index + 1);
   }, [icon, current, index, mergedStatus, dot, type, prefixCls]);

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

@@ -142,7 +142,7 @@
         background-color: var(--yee-steps-serial-done-bg-color, #fff);
         background-clip: padding-box;
         border-color: var(--yee-steps-serial-done-border-color, #1890ff);
-        color: var(--yee-steps-serial-done-color, #1890ff);
+        color: var(--yee-steps-step-done-color);
       }
 
       @{pls}-item-title {
@@ -283,9 +283,15 @@
       margin-bottom: 8px;
       padding-left: 0;
 
+      &-title {
+        &::after {
+          display: none;
+        }
+      }
+
       &-content {
         align-items: flex-start;
-        margin-left: 8px;
+        margin-left: 12px;
       }
 
       &-icon {

package/dist/esm/Switch/demo/content.js

@@ -5,12 +5,21 @@ export default (function () {
     direction: "vertical"
   }, /*#__PURE__*/React.createElement(Switch, {
     checkedChildren: "ON",
-    unCheckedChildren: "OFF"
+    unCheckedChildren: "OFF",
+    style: {
+      width: 60
+    }
   }), /*#__PURE__*/React.createElement(Switch, {
     checkedChildren: "On",
-    unCheckedChildren: "Off"
+    unCheckedChildren: "OFF",
+    style: {
+      width: 60
+    }
   }), /*#__PURE__*/React.createElement(Switch, {
     checkedChildren: "\u2705",
-    unCheckedChildren: "\u274C"
+    unCheckedChildren: "\u274C",
+    style: {
+      width: 48
+    }
   }));
 });

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

@@ -15,6 +15,10 @@
   cursor: pointer;
   transition: background 0.2s linear;
 
+  &-spin {
+    position: absolute;
+  }
+
   &-handle {
     position: absolute;
     top: var(--yee-switch-handle-top);
@@ -67,6 +71,12 @@
         var(--m-switch-handle-size) + var(--yee-switch-inner-padding-offset)
       );
     }
+
+    @{pls}-spin {
+      inset-inline-end: calc(
+        var(--m-switch-handle-size) + var(--yee-switch-handle-offset)
+      );
+    }
   }
 
   &-unchecked {
@@ -77,6 +87,12 @@
         var(--m-switch-handle-size) + var(--yee-switch-inner-padding-offset)
       );
     }
+
+    @{pls}-spin {
+      padding-inline-start: calc(
+        var(--m-switch-handle-size) + var(--yee-switch-inner-padding-offset)
+      );
+    }
   }
 
   --m-switch-handle-size: var(--yee-switch-handle-size);

package/dist/esm/Switch/switch.js

@@ -60,7 +60,7 @@ var Switch = function Switch(baseprops) {
     role: "switch",
     "aria-checked": mergedChecked,
     className: cls,
-    disabled: disabled,
+    disabled: disabled || loading,
     onClick: onClick,
     style: style
   }), /*#__PURE__*/React.createElement(motion.span, {
@@ -71,11 +71,13 @@ var Switch = function Switch(baseprops) {
       visualDuration: 0.2,
       bounce: 0.2
     }
-  }, loading ? /*#__PURE__*/React.createElement(Spin, {
-    size: "small"
-  }) : /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: clsx("".concat(prefixCls, "-handle-inner"))
-  })), /*#__PURE__*/React.createElement("span", {
+  }, loading ? /*#__PURE__*/React.createElement(Spin, {
+    size: "small",
+    className: "".concat(prefixCls, "-spin"),
+    color: checked ? '#fff' : undefined
+  }) : null)), /*#__PURE__*/React.createElement("span", {
     className: clsx("".concat(prefixCls, "-inner"), classNames === null || classNames === void 0 ? void 0 : classNames.inner),
     style: styles === null || styles === void 0 ? void 0 : styles.inner
   }, mergedChecked ? /*#__PURE__*/React.createElement("span", {

package/dist/esm/Table/demo/size.js

@@ -1,4 +1,4 @@
-import { Space, Table } from "../..";
+import { Table } from "../..";
 import React from 'react';
 export default (function () {
   var columns = [{
@@ -30,12 +30,7 @@ export default (function () {
     age: 32,
     address: 'Sidney No. 1 Lake Park'
   }];
-  return /*#__PURE__*/React.createElement(Space, {
-    direction: "vertical",
-    style: {
-      width: '100%'
-    }
-  }, /*#__PURE__*/React.createElement(Table, {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Table, {
     columns: columns,
     dataSource: dataSource,
     size: "small"

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

@@ -240,7 +240,7 @@ export interface ColumnProps {
     /**
      * Custom render cell content
      */
-    render?: (record: HeadCellProps | Record<string, unknown>, rowIndex: number) => React.ReactNode;
+    render?: (record: Record<string, unknown>, rowIndex: number) => React.ReactNode;
 }
 export interface WrapedColumnProps extends ColumnProps, ExpandableType, Omit<RowSelectionType, 'onCell'> {
     /**
@@ -420,6 +420,10 @@ export interface TableProps extends FooterProps, Omit<HeaderProps, 'pageData'>,
      * Locale text, including sort and empty data hints
      */
     locale?: Record<string, string>;
+    /**
+     * Content displayed when no data is available
+     * */
+    noData?: React.ReactNode;
     /**
      * Data
      */

package/dist/esm/Table/theader/cell.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["fixed", "isFixedLeftLast", "isFixedRightFirst", "align", "title", "dataIndex", "sorter", "filter", "sorters", "className", "styles", "classNames", "showSorterTooltip", "tableActionBarShowOnHover", "internalFilters", "style", "width", "onHeaderCell", "onSort", "onInternalFilter", "render"];
+var _excluded = ["fixed", "isFixedLeftLast", "isFixedRightFirst", "align", "title", "dataIndex", "sorter", "filter", "sorters", "className", "styles", "classNames", "showSorterTooltip", "tableActionBarShowOnHover", "internalFilters", "style", "width", "onHeaderCell", "onSort", "onInternalFilter"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -37,7 +37,6 @@ var HeadCell = function HeadCell(props) {
     onHeaderCell = props.onHeaderCell,
     onSort = props.onSort,
     onInternalFilter = props.onInternalFilter,
-    render = props.render,
     rest = _objectWithoutProperties(props, _excluded);
   var _useContext = useContext(TableCtx),
     prefixCls = _useContext.prefixCls;
@@ -111,7 +110,7 @@ var HeadCell = function HeadCell(props) {
       style: {
         justifyContent: align
       }
-    }, render ? render(props, 0) : /*#__PURE__*/React.createElement(React.Fragment, null, renderTitle(), renderFilter()));
+    }, renderTitle(), renderFilter());
   };
   var cls = clsx("".concat(prefixCls, "-cell"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-cell-fixed-").concat(fixed), fixed), "".concat(prefixCls, "-cell-fixed-").concat(fixed, "-last"), isFixedLeftLast), "".concat(prefixCls, "-cell-fixed-").concat(fixed, "-first"), isFixedRightFirst), "".concat(prefixCls, "-cell-operate-hover"), tableActionBarShowOnHover), className);
   var getThProps = function getThProps() {

package/dist/esm/Tabs/hooks/useTabScroll.d.ts

@@ -7,6 +7,6 @@ interface UseTabScrollOptions {
 }
 export declare function useTabScroll({ direction, navContainer, navList, enabled, }: UseTabScrollOptions): {
     refreshKey: number;
-    updateShadow: () => void;
+    updateShadow: import("../../utils/debounce").Debounced<() => void>;
 };
 export {};

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { DataAttributeProps } from '../utils/types';
-type SemanticDOM = 'header' | 'content';
+type SemanticDOM = 'header' | 'content' | 'track' | 'list' | 'activeBar';
 export type TabItemType = {
     /**
      * Unique key corresponding to activeKey

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

@@ -522,6 +522,10 @@
   // background-color: var(--yee-color-bg-container);
 }
 
+@{pls}-tab-content {
+  height: 100%;
+}
+
 @{pls}-active {
   z-index: 2;
 

package/dist/esm/Tabs/tab-header/index.js

@@ -24,6 +24,8 @@ var TabHeader = function TabHeader(props) {
     _props$position = props.position,
     position = _props$position === void 0 ? 'top' : _props$position,
     headerExtra = props.headerExtra,
+    classNames = props.classNames,
+    styles = props.styles,
     onEdit = props.onEdit;
   var direction = position === 'top' || position === 'bottom' ? 'horizontal' : 'vertical';
 
@@ -105,7 +107,7 @@ var TabHeader = function TabHeader(props) {
       handleAddTab(e);
     }
   }, [handleAddTab]);
-  var cls = clsx("".concat(prefixCls, "-nav-wrapper"), "".concat(prefixCls, "-nav-wrapper-").concat(position));
+  var cls = clsx("".concat(prefixCls, "-nav-wrapper"), "".concat(prefixCls, "-nav-wrapper-").concat(position), classNames === null || classNames === void 0 ? void 0 : classNames.header);
   var contextValue = {
     activetab: activetab,
     navList: navList,
@@ -115,14 +117,17 @@ var TabHeader = function TabHeader(props) {
     setRange: setRange
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: cls
+    className: cls,
+    style: styles === null || styles === void 0 ? void 0 : styles.header
   }, renderPrefixExtra(), /*#__PURE__*/React.createElement(TabHeaderCtx.Provider, {
     value: contextValue
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-nav-wrap"),
+    className: clsx("".concat(prefixCls, "-nav-wrap"), classNames === null || classNames === void 0 ? void 0 : classNames.track),
+    style: styles === null || styles === void 0 ? void 0 : styles.track,
     ref: navContainer
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-nav-list"),
+    className: clsx("".concat(prefixCls, "-nav-list"), classNames === null || classNames === void 0 ? void 0 : classNames.list),
+    style: styles === null || styles === void 0 ? void 0 : styles.list,
     ref: navList
   }, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
     return /*#__PURE__*/React.createElement(TabHeaderTitle, _extends({}, item, {
@@ -131,7 +136,8 @@ var TabHeader = function TabHeader(props) {
       index: index
     }));
   }), !type && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-active-bar"),
+    className: clsx("".concat(prefixCls, "-active-bar"), classNames === null || classNames === void 0 ? void 0 : classNames.activeBar),
+    style: styles === null || styles === void 0 ? void 0 : styles.activeBar,
     ref: activebar,
     "aria-hidden": "true"
   }), type === 'editable-card' && /*#__PURE__*/React.createElement("span", {

package/dist/esm/Tag/demo/size.js

@@ -3,13 +3,17 @@ import React from 'react';
 export default (function () {
   return /*#__PURE__*/React.createElement(Space, {
     direction: "vertical"
-  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Tag, {
+  }, /*#__PURE__*/React.createElement(Space, {
+    block: true
+  }, /*#__PURE__*/React.createElement(Tag, {
     size: "small"
   }, "Small"), /*#__PURE__*/React.createElement(Tag, {
     size: "default"
   }, "Default"), /*#__PURE__*/React.createElement(Tag, {
     size: "large"
-  }, "Large")), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Tag, {
+  }, "Large")), /*#__PURE__*/React.createElement(Space, {
+    block: true
+  }, /*#__PURE__*/React.createElement(Tag, {
     size: "small",
     status: "success"
   }, "Small Success"), /*#__PURE__*/React.createElement(Tag, {

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

@@ -5,6 +5,7 @@
   align-items: center;
   box-sizing: content-box;
   max-width: 100%;
+  white-space: nowrap;
   height: var(--yee-tag-height);
   padding: var(--yee-tag-padding);
   color: var(--yee-tag-color);

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

@@ -10,4 +10,8 @@ export interface TooltipProps extends Omit<TriggerProps, 'popup'> {
      * @default 0.1
      */
     mouseEnterDelay?: number;
+    /***
+     * Tooltip custom background color
+     * */
+    color?: string;
 }

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

@@ -8,19 +8,19 @@
 
   &-arrow {
     &::after {
-      position: absolute;
-      bottom: 0;
-      z-index: 0;
-      width: var(--yee-tooltip-arrow-width);
-      height: var(--yee-tooltip-arrow-height);
-      margin: auto;
+      // position: absolute;
+      // bottom: 0;
+      // z-index: 0;
+      // width: var(--yee-tooltip-arrow-width);
+      // height: var(--yee-tooltip-arrow-height);
+      // margin: auto;
       background-color: var(--yee-tooltip-bg-color);
       border-radius: var(--yee-tooltip-arrow-border-radius);
       box-shadow: var(--yee-box-shadow-popover-arrow);
       transform: translateY(var(--yee-tooltip-arrow-translate-y))
         rotate(var(--yee-tooltip-arrow-rotate));
-      content: '';
-      inset-inline: 0;
+      // content: '';
+      // inset-inline: 0;
     }
   }
 }

package/dist/esm/Tooltip/tooltip.js

@@ -1,5 +1,11 @@
-var _excluded = ["prefixCls", "title", "arrow", "children", "placement", "trigger", "mouseEnterDelay"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["prefixCls", "title", "arrow", "children", "placement", "trigger", "mouseEnterDelay", "color", "popupStyle", "hideOnClick"];
 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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useContext } from 'react';
@@ -25,7 +31,12 @@ var Tooltip = function Tooltip(baseprops) {
     trigger = _props$trigger === void 0 ? ['hover', 'focus'] : _props$trigger,
     _props$mouseEnterDela = props.mouseEnterDelay,
     mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0.1 : _props$mouseEnterDela,
+    color = props.color,
+    popupStyle = props.popupStyle,
+    _props$hideOnClick = props.hideOnClick,
+    hideOnClick = _props$hideOnClick === void 0 ? false : _props$hideOnClick,
     rest = _objectWithoutProperties(props, _excluded);
+  var mergedPopupStyle = _objectSpread(_objectSpread({}, color ? _defineProperty({}, '--yee-tooltip-bg-color', color) : null), popupStyle);
   var popup = /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefixCls, "-content"),
     role: "tooltip"
@@ -36,7 +47,8 @@ var Tooltip = function Tooltip(baseprops) {
     popup: popup,
     arrow: arrow,
     placement: placement,
-    hideOnClick: false,
+    hideOnClick: hideOnClick,
+    popupStyle: mergedPopupStyle,
     mouseEnterDelay: mouseEnterDelay
   }), children);
 };

package/dist/esm/Tour/demo/basic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;