tiny-ui 0.0.95 → 1.0.0

package/lib/drawer/index.js

@@ -1,28 +1,70 @@
-import { __assign } from "tslib";
-import React, { useContext, useState } from 'react';
-import classNames from 'classnames';
-import { CSSTransition } from 'react-transition-group';
-import Overlay from '../overlay';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-var Drawer = function (props) {
-    var visible = props.visible, _a = props.placement, placement = _a === void 0 ? 'right' : _a, _b = props.size, size = _b === void 0 ? 256 : _b, _c = props.closable, closable = _c === void 0 ? true : _c, _d = props.unmountOnClose, unmountOnClose = _d === void 0 ? true : _d, _e = props.maskType, maskType = _e === void 0 ? 'default' : _e, _f = props.maskClosable, maskClosable = _f === void 0 ? true : _f, onClose = props.onClose, customisedCls = props.prefixCls, afterClose = props.afterClose, _g = props.zIndex, zIndex = _g === void 0 ? 1000 : _g, header = props.header, footer = props.footer, className = props.className, maskStyle = props.maskStyle, style = props.style, children = props.children;
-    var _h = useState(visible), drawerVisible = _h[0], setDrawerVisible = _h[1];
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('drawer', configContext.prefixCls, customisedCls);
-    var cls = classNames(prefixCls, className, "".concat(prefixCls, "_").concat(placement));
-    var sty = placement === 'top' || placement === 'bottom' ? { height: size } : { width: size };
-    return (React.createElement(Overlay, { onEnter: function () { return setDrawerVisible(true); }, onExit: function () { return setDrawerVisible(false); }, zIndex: zIndex, type: maskType, unmountOnExit: unmountOnClose, isShow: visible, onExited: afterClose, clickCallback: function (e) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const react_transition_group_1 = require("react-transition-group");
+const overlay_1 = tslib_1.__importDefault(require("../overlay"));
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const Drawer = react_1.default.forwardRef((props, ref) => {
+    const { visible, placement = 'right', size = 256, closable = true, unmountOnClose = true, maskType = 'default', maskClosable = true, onClose, prefixCls: customisedCls, afterClose, zIndex = 1000, header, footer, className, maskStyle, style, children, } = props;
+    const [drawerVisible, setDrawerVisible] = (0, react_1.useState)(visible);
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('drawer', configContext.prefixCls, customisedCls);
+    const cls = (0, classnames_1.default)(prefixCls, className, `${prefixCls}_${placement}`);
+    const sty = placement === 'top' || placement === 'bottom' ? { height: size } : { width: size };
+    const nodeRef = (0, react_1.useRef)(null);
+    const previousFocusRef = (0, react_1.useRef)(null);
+    const titleId = (0, react_1.useId)();
+    // Focus trap + Escape key
+    (0, react_1.useEffect)(() => {
+        if (!visible)
+            return;
+        previousFocusRef.current = document.activeElement;
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape') {
+                onClose?.(e);
+                return;
+            }
+            if (e.key === 'Tab' && nodeRef.current) {
+                const focusable = nodeRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+                if (focusable.length === 0)
+                    return;
+                const first = focusable[0];
+                const last = focusable[focusable.length - 1];
+                if (e.shiftKey) {
+                    if (document.activeElement === first) {
+                        e.preventDefault();
+                        last.focus();
+                    }
+                }
+                else {
+                    if (document.activeElement === last) {
+                        e.preventDefault();
+                        first.focus();
+                    }
+                }
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        requestAnimationFrame(() => {
+            if (nodeRef.current) {
+                const focusable = nodeRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+                if (focusable.length > 0)
+                    focusable[0].focus();
+            }
+        });
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+            previousFocusRef.current?.focus();
+        };
+    }, [visible, onClose]);
+    return ((0, jsx_runtime_1.jsx)(overlay_1.default, { onEnter: () => setDrawerVisible(true), onExit: () => setDrawerVisible(false), zIndex: zIndex, type: maskType, unmountOnExit: unmountOnClose, isShow: visible, onExited: afterClose, clickCallback: (e) => {
             maskClosable && onClose ? onClose(e) : undefined;
-        }, style: maskStyle },
-        React.createElement("div", { className: cls, style: __assign(__assign({}, style), sty) },
-            React.createElement(CSSTransition, { appear: true, in: drawerVisible, timeout: 0, classNames: "".concat(prefixCls, "__content_move") },
-                React.createElement("div", { className: "".concat(prefixCls, "__content"), onClick: function (e) { return e.stopPropagation(); } },
-                    closable && (React.createElement("div", { className: "".concat(prefixCls, "__close-btn"), onClick: onClose }, "\u2715")),
-                    header && React.createElement("div", { className: "".concat(prefixCls, "__header") }, header),
-                    React.createElement("div", { className: "".concat(prefixCls, "__body") }, children),
-                    footer && React.createElement("div", { className: "".concat(prefixCls, "__footer") }, footer))))));
-};
+        }, style: maskStyle, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, className: cls, style: { ...style, ...sty }, children: (0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { appear: true, nodeRef: nodeRef, in: drawerVisible, timeout: 0, classNames: `${prefixCls}__content_move`, children: (0, jsx_runtime_1.jsxs)("div", { ref: nodeRef, className: `${prefixCls}__content`, role: "dialog", "aria-modal": "true", "aria-labelledby": header ? titleId : undefined, onClick: (e) => e.stopPropagation(), children: [closable && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__close-btn`, onClick: onClose, "aria-label": "Close", children: "\u2715" })), header && (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__header`, id: titleId, children: header }), (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__body`, children: children }), footer && (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__footer`, children: footer })] }) }) }) }));
+});
 Drawer.displayName = 'Drawer';
-export default Drawer;
+exports.default = Drawer;
 //# sourceMappingURL=index.js.map

package/lib/drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/drawer/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/drawer/index.tsx"],"names":[],"mappings":"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"}

package/lib/drawer/style/_index.scss

@@ -1,12 +1,12 @@
-@import '../../style/variables';
+@use '../../style/variables' as *;
 
 .#{$prefix}-drawer {
   position: fixed;
 
   &__content {
     height: 100%;
-    background-color: #fff;
-    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
+    background-color: var(--ty-drawer-bg);
+    box-shadow: var(--ty-shadow-modal);
     transition: all 300ms;
     display: flex;
     flex-direction: column;
@@ -19,7 +19,7 @@
   }
 
   &__header {
-    border-bottom: 1px solid #e8e8e8;
+    border-bottom: 1px solid var(--ty-drawer-border);
   }
 
   &__body {
@@ -27,12 +27,12 @@
   }
 
   &__footer {
-    border-top: 1px solid #e8e8e8;
+    border-top: 1px solid var(--ty-drawer-border);
   }
 
   &__close-btn {
     cursor: pointer;
-    color: rgba(0, 0, 0, 0.45);
+    color: var(--ty-color-text-tertiary);
     width: 56px;
     height: 56px;
     line-height: 56px;
@@ -40,6 +40,10 @@
     top: 0;
     right: 0;
     text-align: center;
+    background: none;
+    border: none;
+    padding: 0;
+    font-size: inherit;
   }
 
   &_left,

package/lib/drawer/style/css.js

@@ -1,3 +1,6 @@
-import '../style/index.css';
-import '../../overlay/style/index.css';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("../style/index.css");
+// style dependencies
+require("../../overlay/style/index.css");
 //# sourceMappingURL=index.js.map

package/lib/drawer/style/index.js

@@ -1,3 +1,6 @@
-import '../style/index.scss';
-import '../../overlay/style/index.scss';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("../style/index.scss");
+// style dependencies
+require("../../overlay/style/index.scss");
 //# sourceMappingURL=index.js.map

package/lib/drawer/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/drawer/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAG7B,OAAO,gCAAgC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/drawer/style/index.tsx"],"names":[],"mappings":";;AAAA,+BAA6B;AAE7B,qBAAqB;AACrB,0CAAwC"}

package/lib/drawer/types.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { BaseProps } from '../_utils/props';
 import { OverlayMaskType } from '../overlay/types';
-export declare type DrawerPlacement = 'top' | 'bottom' | 'left' | 'right';
+export type DrawerPlacement = 'top' | 'bottom' | 'left' | 'right';
 export interface DrawerProps extends BaseProps {
     onClose?: (e: React.MouseEvent) => void;
     placement?: DrawerPlacement;

package/lib/drawer/types.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/lib/dropdown/index.js

@@ -1,86 +1,104 @@
-import { __assign, __rest } from "tslib";
-import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-import Popup from '../popup';
-var Dropdown = function (props) {
-    var _a = props.trigger, trigger = _a === void 0 ? 'hover' : _a, _b = props.placement, placement = _b === void 0 ? 'bottom-start' : _b, _c = props.disabled, disabled = _c === void 0 ? false : _c, _d = props.arrow, arrow = _d === void 0 ? false : _d, onVisibleChange = props.onVisibleChange, overlay = props.overlay, className = props.className, children = props.children, customisedCls = props.prefixCls, otherProps = __rest(props, ["trigger", "placement", "disabled", "arrow", "onVisibleChange", "overlay", "className", "children", "prefixCls"]);
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('dropdown', configContext.prefixCls, customisedCls);
-    var cls = classNames(prefixCls, className);
-    var _e = useState('visible' in props ? props.visible : false), popupVisible = _e[0], setPopupVisible = _e[1];
-    var delayDisplayPopupTimer = useRef(undefined);
-    var delayHidePopupTimer = useRef(undefined);
-    var displayPopup = useCallback(function () {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const popup_1 = tslib_1.__importDefault(require("../popup"));
+const Dropdown = (props) => {
+    const { trigger = 'hover', placement = 'bottom-start', disabled = false, arrow = false, onVisibleChange, overlay, className, children, prefixCls: customisedCls, ...otherProps } = props;
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('dropdown', configContext.prefixCls, customisedCls);
+    const cls = (0, classnames_1.default)(prefixCls, className);
+    const [popupVisible, setPopupVisible] = (0, react_1.useState)('visible' in props ? props.visible : false);
+    const delayDisplayPopupTimer = (0, react_1.useRef)(undefined);
+    const delayHidePopupTimer = (0, react_1.useRef)(undefined);
+    const displayPopup = (0, react_1.useCallback)(() => {
         !('visible' in props) && setPopupVisible(true);
         onVisibleChange && onVisibleChange(true);
     }, [props, onVisibleChange]);
-    var hidePopup = useCallback(function () {
+    const hidePopup = (0, react_1.useCallback)(() => {
         !('visible' in props) && setPopupVisible(false);
         onVisibleChange && onVisibleChange(false);
     }, [props, onVisibleChange]);
-    var delayHidePopup = useCallback(function () {
-        delayHidePopupTimer.current = window.setTimeout(function () {
+    const delayHidePopup = (0, react_1.useCallback)(() => {
+        delayHidePopupTimer.current = window.setTimeout(() => {
             hidePopup();
         }, 100);
     }, [hidePopup]);
-    var renderOverlay = function () {
+    const renderOverlay = () => {
         if (!overlay) {
             return null;
         }
-        var overlayProps = {
+        const overlayProps = {
             overlayClassName: cls,
             mode: 'vertical',
             theme: 'light',
-            onMouseEnter: function () {
+            onMouseEnter: () => {
                 if (trigger === 'hover') {
                     displayPopup();
                     window.clearTimeout(delayHidePopupTimer.current);
                 }
             },
-            onMouseLeave: function () {
+            onMouseLeave: () => {
                 if (trigger === 'hover') {
                     delayHidePopup();
                     window.clearTimeout(delayDisplayPopupTimer.current);
                 }
             },
-            onSelect: function (selectedIndex) {
-                var onSelect = overlay.props.onSelect;
+            onSelect: (selectedIndex) => {
+                const { onSelect } = overlay.props;
                 onSelect && onSelect(selectedIndex);
                 hidePopup();
             },
         };
-        return React.cloneElement(overlay, overlayProps);
+        return react_1.default.cloneElement(overlay, overlayProps);
     };
-    var handleTargetOnMouseEnter = function () {
+    const handleTargetOnMouseEnter = () => {
         if (trigger === 'hover') {
             displayPopup();
             window.clearTimeout(delayHidePopupTimer.current);
         }
     };
-    var handleTargetOnMouseLeave = function () {
+    const handleTargetOnMouseLeave = () => {
         if (trigger === 'hover') {
             delayHidePopup();
             window.clearTimeout(delayDisplayPopupTimer.current);
         }
     };
-    var handleTargetOnClick = function () {
+    const handleTargetOnClick = () => {
         if (trigger === 'click') {
             displayPopup();
         }
     };
-    useEffect(function () {
+    // Clear timers on unmount
+    (0, react_1.useEffect)(() => {
+        return () => {
+            window.clearTimeout(delayDisplayPopupTimer.current);
+            window.clearTimeout(delayHidePopupTimer.current);
+        };
+    }, []);
+    (0, react_1.useEffect)(() => {
         'visible' in props && setPopupVisible(props.visible);
     }, [props]);
-    var childrenProps = {
+    const handleKeyDown = (e) => {
+        if (e.key === 'Escape' && popupVisible) {
+            hidePopup();
+        }
+    };
+    const childrenProps = {
         onMouseEnter: handleTargetOnMouseEnter,
         onMouseLeave: handleTargetOnMouseLeave,
         onClick: handleTargetOnClick,
+        onKeyDown: handleKeyDown,
+        'aria-expanded': popupVisible,
+        'aria-haspopup': true,
     };
-    React.Children.only(children);
-    return (React.createElement(Popup, __assign({}, otherProps, { biZoom: false, arrow: arrow, disabled: disabled, placement: placement, flip: !('placement' in props), trigger: "manual", className: cls, visible: popupVisible, content: renderOverlay() }), React.cloneElement(children, childrenProps)));
+    react_1.default.Children.only(children);
+    return ((0, jsx_runtime_1.jsx)(popup_1.default, { ...otherProps, biZoom: false, arrow: arrow, disabled: disabled, placement: placement, flip: !('placement' in props), trigger: "manual", className: cls, visible: popupVisible, content: renderOverlay(), children: react_1.default.cloneElement(children, childrenProps) }));
 };
 Dropdown.displayName = 'Dropdown';
-export default Dropdown;
+exports.default = Dropdown;
 //# sourceMappingURL=index.js.map

package/lib/dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/dropdown/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/dropdown/index.tsx"],"names":[],"mappings":"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"}

package/lib/dropdown/style/_index.scss

@@ -1,4 +1,4 @@
-@import '../../style/variables';
+@use '../../style/variables' as *;
 
 .#{$prefix}-dropdown {
 
@@ -7,7 +7,7 @@
 
     .#{$prefix}-menu-item_active {
       background-color: transparent;
-      color: $font-color;
+      color: var(--ty-color-text);
     }
 
     .#{$prefix}-menu-item {
@@ -15,8 +15,8 @@
       margin: 0;
 
       &:hover:not(.#{$prefix}-menu-item_disabled) {
-        background-color: #f5f5f5;
-        color: $font-color;
+        background-color: var(--ty-color-bg-spotlight);
+        color: var(--ty-color-text);
       }
     }
   }

package/lib/dropdown/style/css.js

@@ -1,3 +1,6 @@
-import './index.css';
-import '../../popup/style/index.css';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.css");
+// style dependency
+require("../../popup/style/index.css");
 //# sourceMappingURL=index.js.map

package/lib/dropdown/style/index.js

@@ -1,3 +1,6 @@
-import './index.scss';
-import '../../popup/style/index.scss';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.scss");
+// style dependency
+require("../../popup/style/index.scss");
 //# sourceMappingURL=index.js.map

package/lib/dropdown/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/dropdown/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,8BAA8B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/dropdown/style/index.tsx"],"names":[],"mappings":";;AAAA,wBAAsB;AAEtB,mBAAmB;AACnB,wCAAsC"}

package/lib/dropdown/types.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { BaseProps } from '../_utils/props';
 import { MenuProps } from '../menu/types';
-export declare type DropdownTrigger = 'click' | 'hover';
-export declare type DropdownPlacement = 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end';
+export type DropdownTrigger = 'click' | 'hover';
+export type DropdownPlacement = 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end';
 export interface DropdownProps extends BaseProps {
     disabled?: boolean;
     trigger?: DropdownTrigger;

package/lib/dropdown/types.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/lib/empty/index.d.ts

@@ -1,7 +1,4 @@
 import React from 'react';
 import { EmptyProps } from './types';
-declare const Empty: {
-    (props: EmptyProps): React.ReactElement;
-    displayName: string;
-};
+declare const Empty: React.ForwardRefExoticComponent<EmptyProps & React.RefAttributes<HTMLDivElement>>;
 export default Empty;

package/lib/empty/index.js

@@ -1,34 +1,31 @@
-import { __assign, __rest } from "tslib";
-import React, { useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-var Empty = function (props) {
-    var _a = props.description, description = _a === void 0 ? 'No Data' : _a, image = props.image, imageStyle = props.imageStyle, descStyle = props.descStyle, className = props.className, style = props.style, children = props.children, customisedCls = props.prefixCls, otherProps = __rest(props, ["description", "image", "imageStyle", "descStyle", "className", "style", "children", "prefixCls"]);
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('empty', configContext.prefixCls, customisedCls);
-    var cls = classNames(prefixCls, className);
-    var renderImage = function () {
-        if (React.isValidElement(image)) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const use_locale_1 = require("../_utils/use-locale");
+const Empty = react_1.default.forwardRef((props, ref) => {
+    const locale = (0, use_locale_1.useLocale)();
+    const { description = locale.Empty.description, image, imageStyle, descStyle, className, style, children, prefixCls: customisedCls, ...otherProps } = props;
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('empty', configContext.prefixCls, customisedCls);
+    const cls = (0, classnames_1.default)(prefixCls, className);
+    const renderImage = () => {
+        if (react_1.default.isValidElement(image)) {
             return image;
         }
         else if (typeof image === 'string') {
-            return React.createElement("img", { src: image, alt: "empty", style: imageStyle, className: "".concat(prefixCls, "__image") });
+            return (0, jsx_runtime_1.jsx)("img", { src: image, alt: "empty", style: imageStyle, className: `${prefixCls}__image` });
         }
         else {
-            return (React.createElement("svg", { width: "61px", height: "40px", viewBox: "0 0 61 40", version: "1.1" },
-                React.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
-                    React.createElement("g", { transform: "translate(0.000000, 1.000000)" },
-                        React.createElement("ellipse", { fill: "#F5F5F5", cx: "30.5", cy: "30.5", rx: "30.5", ry: "8.5" }),
-                        React.createElement("path", { d: "M8,14 L16.1016016,14 C17.4262005,14 18.5,15.0737995 18.5,16.3983984 C18.5,17.7229972 19.5737995,18.7967967 20.8983984,18.7967967 L39.1016016,18.7967967 C40.4262005,18.7967967 41.5,17.7229972 41.5,16.3983984 C41.5,15.0737995 42.5737995,14 43.8983984,14 L52,14 C52.5522847,14 53,14.4477153 53,15 L53,29 C53,31.209139 51.209139,33 49,33 L11,33 C8.790861,33 7,31.209139 7,29 L7,15 C7,14.4477153 7.44771525,14 8,14 Z", stroke: "#D9D9D9", fill: "#FAFAFA" }),
-                        React.createElement("path", { d: "M7.34587252,14.1911631 L14.8857295,1.90750067 C15.6132226,0.722295128 16.9040854,1.14364005e-15 18.2947537,0 L41.70114,0 C43.0918102,8.62632224e-15 44.3826743,0.722296971 45.1101669,1.90750495 L52.65,14.1911631 L52.65,14.1911631 L44.0201775,14.1911631 C42.6922539,14.1911631 41.6157591,15.2676579 41.6157591,16.5955815 C41.6157591,17.9235052 40.5392643,19 39.2113406,19 L20.7845564,19 C19.4566328,19 18.380138,17.9235052 18.380138,16.5955815 C18.380138,15.2676579 17.3036432,14.1911631 15.9757195,14.1911631 L7.34587252,14.1911631 L7.34587252,14.1911631 Z", stroke: "#D9D9D9", fill: "#FFFFFF" })))));
+            return ((0, jsx_runtime_1.jsx)("svg", { width: "61px", height: "40px", viewBox: "0 0 61 40", version: "1.1", children: (0, jsx_runtime_1.jsx)("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: (0, jsx_runtime_1.jsxs)("g", { transform: "translate(0.000000, 1.000000)", children: [(0, jsx_runtime_1.jsx)("ellipse", { fill: "#F5F5F5", cx: "30.5", cy: "30.5", rx: "30.5", ry: "8.5" }), (0, jsx_runtime_1.jsx)("path", { d: "M8,14 L16.1016016,14 C17.4262005,14 18.5,15.0737995 18.5,16.3983984 C18.5,17.7229972 19.5737995,18.7967967 20.8983984,18.7967967 L39.1016016,18.7967967 C40.4262005,18.7967967 41.5,17.7229972 41.5,16.3983984 C41.5,15.0737995 42.5737995,14 43.8983984,14 L52,14 C52.5522847,14 53,14.4477153 53,15 L53,29 C53,31.209139 51.209139,33 49,33 L11,33 C8.790861,33 7,31.209139 7,29 L7,15 C7,14.4477153 7.44771525,14 8,14 Z", stroke: "#D9D9D9", fill: "#FAFAFA" }), (0, jsx_runtime_1.jsx)("path", { d: "M7.34587252,14.1911631 L14.8857295,1.90750067 C15.6132226,0.722295128 16.9040854,1.14364005e-15 18.2947537,0 L41.70114,0 C43.0918102,8.62632224e-15 44.3826743,0.722296971 45.1101669,1.90750495 L52.65,14.1911631 L52.65,14.1911631 L44.0201775,14.1911631 C42.6922539,14.1911631 41.6157591,15.2676579 41.6157591,16.5955815 C41.6157591,17.9235052 40.5392643,19 39.2113406,19 L20.7845564,19 C19.4566328,19 18.380138,17.9235052 18.380138,16.5955815 C18.380138,15.2676579 17.3036432,14.1911631 15.9757195,14.1911631 L7.34587252,14.1911631 L7.34587252,14.1911631 Z", stroke: "#D9D9D9", fill: "#FFFFFF" })] }) }) }));
         }
     };
-    return (React.createElement("div", __assign({}, otherProps, { className: cls, style: style }),
-        React.createElement("div", { className: "".concat(prefixCls, "__image-container") }, renderImage()),
-        typeof props.description === 'boolean' && !description ? null : (React.createElement("p", { className: "".concat(prefixCls, "__desc"), style: descStyle }, description)),
-        children && React.createElement("div", { className: "".concat(prefixCls, "__footer") }, children)));
-};
+    return ((0, jsx_runtime_1.jsxs)("div", { ...otherProps, ref: ref, className: cls, style: style, children: [(0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__image-container`, children: renderImage() }), typeof props.description === 'boolean' && !description ? null : ((0, jsx_runtime_1.jsx)("p", { className: `${prefixCls}__desc`, style: descStyle, children: description })), children && (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__footer`, children: children })] }));
+});
 Empty.displayName = 'Empty';
-export default Empty;
+exports.default = Empty;
 //# sourceMappingURL=index.js.map

package/lib/empty/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/empty/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,IAAM,KAAK,GAAG,UAAC,KAAiB;IAE5B,IAAA,KASE,KAAK,YATgB,EAAvB,WAAW,mBAAG,SAAS,KAAA,EACvB,KAAK,GAQH,KAAK,MARF,EACL,UAAU,GAOR,KAAK,WAPG,EACV,SAAS,GAMP,KAAK,UANE,EACT,SAAS,GAKP,KAAK,UALE,EACT,KAAK,GAIH,KAAK,MAJF,EACL,QAAQ,GAGN,KAAK,SAHC,EACG,aAAa,GAEtB,KAAK,UAFiB,EACrB,UAAU,UACX,KAAK,EAVH,kGAUL,CADc,CACL;IACV,IAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,IAAM,SAAS,GAAG,YAAY,CAAC,OAAO,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAChF,IAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,IAAM,WAAW,GAAG;QAClB,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;YAC/B,OAAO,KAAK,CAAC;SACd;aAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YACpC,OAAO,6BAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,OAAO,EAAC,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,UAAG,SAAS,YAAS,GAAI,CAAC;SAC7F;aAAM;YACL,OAAO,CACL,6BAAK,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAC,KAAK;gBAC/D,2BAAG,MAAM,EAAC,MAAM,EAAC,WAAW,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;oBAC7D,2BAAG,SAAS,EAAC,+BAA+B;wBAC1C,iCAAS,IAAI,EAAC,SAAS,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,KAAK,GAAG;wBACjE,8BACE,CAAC,EAAC,6ZAA6Z,EAC/Z,MAAM,EAAC,SAAS,EAChB,IAAI,EAAC,SAAS,GACd;wBACF,8BACE,CAAC,EAAC,6iBAA6iB,EAC/iB,MAAM,EAAC,SAAS,EAChB,IAAI,EAAC,SAAS,GACd,CACA,CACF,CACA,CACP,CAAC;SACH;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wCAAS,UAAU,IAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK;QAC/C,6BAAK,SAAS,EAAE,UAAG,SAAS,sBAAmB,IAAG,WAAW,EAAE,CAAO;QACrE,OAAO,KAAK,CAAC,WAAW,KAAK,SAAS,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC/D,2BAAG,SAAS,EAAE,UAAG,SAAS,WAAQ,EAAE,KAAK,EAAE,SAAS,IACjD,WAAW,CACV,CACL;QACA,QAAQ,IAAI,6BAAK,SAAS,EAAE,UAAG,SAAS,aAAU,IAAG,QAAQ,CAAO,CACjE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/empty/index.tsx"],"names":[],"mappings":";;;;AAAA,uDAAqD;AACrD,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AACjD,qDAAiD;AAGjD,MAAM,KAAK,GAAG,eAAK,CAAC,UAAU,CAA6B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACxE,MAAM,MAAM,GAAG,IAAA,sBAAS,GAAE,CAAC;IAC3B,MAAM,EACJ,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,EACtC,KAAK,EACL,UAAU,EACV,SAAS,EACT,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,OAAO,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAChF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,MAAM,WAAW,GAAG,GAAc,EAAE;QAClC,IAAI,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YAChC,OAAO,KAAK,CAAC;QACf,CAAC;aAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YACrC,OAAO,gCAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,OAAO,EAAC,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,SAAS,SAAS,GAAI,CAAC;QAC9F,CAAC;aAAM,CAAC;YACN,OAAO,CACL,gCAAK,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAC,KAAK,YAC/D,8BAAG,MAAM,EAAC,MAAM,EAAC,WAAW,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,YAC7D,+BAAG,SAAS,EAAC,+BAA+B,aAC1C,oCAAS,IAAI,EAAC,SAAS,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,KAAK,GAAG,EACjE,iCACE,CAAC,EAAC,6ZAA6Z,EAC/Z,MAAM,EAAC,SAAS,EAChB,IAAI,EAAC,SAAS,GACd,EACF,iCACE,CAAC,EAAC,6iBAA6iB,EAC/iB,MAAM,EAAC,SAAS,EAChB,IAAI,EAAC,SAAS,GACd,IACA,GACF,GACA,CACP,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oCAAS,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,aACzD,gCAAK,SAAS,EAAE,GAAG,SAAS,mBAAmB,YAAG,WAAW,EAAE,GAAO,EACrE,OAAO,KAAK,CAAC,WAAW,KAAK,SAAS,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC/D,8BAAG,SAAS,EAAE,GAAG,SAAS,QAAQ,EAAE,KAAK,EAAE,SAAS,YACjD,WAAW,GACV,CACL,EACA,QAAQ,IAAI,gCAAK,SAAS,EAAE,GAAG,SAAS,UAAU,YAAG,QAAQ,GAAO,IACjE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,kBAAe,KAAK,CAAC"}

package/lib/empty/style/_index.scss

@@ -1,4 +1,4 @@
-@import '../../style/variables';
+@use '../../style/variables' as *;
 
 .#{$prefix}-empty {
   display: flex;
@@ -15,7 +15,7 @@
   }
 
   &__desc {
-    color: rgba(0, 0, 0, 0.35);
+    color: var(--ty-empty-desc-color);
     font-size: $font-size-base;
     margin: 0;
   }

package/lib/empty/style/css.js

@@ -1,2 +1,4 @@
-import './index.css';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.css");
 //# sourceMappingURL=index.js.map

package/lib/empty/style/index.js

@@ -1,2 +1,4 @@
-import './index.scss';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.scss");
 //# sourceMappingURL=index.js.map

package/lib/empty/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/empty/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/empty/style/index.tsx"],"names":[],"mappings":";;AAAA,wBAAsB"}

package/lib/empty/types.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/lib/flex/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FlexProps } from './types';
+declare const Flex: React.ForwardRefExoticComponent<Omit<FlexProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export default Flex;