tiny-ui 0.0.95 → 1.0.1

package/lib/color-picker/style/_index.scss

@@ -0,0 +1,196 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-color-picker {
+  display: inline-block;
+  position: relative;
+
+  &_disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+
+    .#{$prefix}-color-picker__trigger,
+    .#{$prefix}-color-picker__swatch {
+      cursor: not-allowed;
+      pointer-events: none;
+    }
+  }
+
+  &__trigger {
+    cursor: pointer;
+    display: inline-flex;
+  }
+
+  &__swatch {
+    width: 32px;
+    height: 32px;
+    border-radius: $border-radius;
+    border: 1px solid var(--ty-color-picker-border, #{$gray-300});
+    padding: 3px;
+    cursor: pointer;
+  }
+
+  &__swatch-inner {
+    width: 100%;
+    height: 100%;
+    border-radius: 2px;
+  }
+
+  &__panel {
+    padding: 12px;
+    background: var(--ty-color-picker-bg, #fff);
+    border-radius: 8px;
+    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+    width: 240px;
+  }
+
+  &__spectrum {
+    position: relative;
+    width: 100%;
+    height: 150px;
+    border-radius: 4px;
+    cursor: crosshair;
+    overflow: hidden;
+  }
+
+  &__spectrum-white {
+    position: absolute;
+    inset: 0;
+    background: linear-gradient(to right, #fff, transparent);
+  }
+
+  &__spectrum-black {
+    position: absolute;
+    inset: 0;
+    background: linear-gradient(to bottom, transparent, #000);
+  }
+
+  &__spectrum-handle {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-radius: 50%;
+    border: 2px solid #fff;
+    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
+    transform: translate(-50%, -50%);
+    pointer-events: none;
+  }
+
+  &__controls {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-top: 12px;
+  }
+
+  &__preview {
+    width: 28px;
+    height: 28px;
+    border-radius: 50%;
+    border: 1px solid var(--ty-color-picker-border, #{$gray-300});
+    flex-shrink: 0;
+  }
+
+  &__sliders {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  &__hue {
+    position: relative;
+    height: 12px;
+    border-radius: 6px;
+    background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
+    cursor: pointer;
+  }
+
+  &__alpha {
+    position: relative;
+    height: 12px;
+    border-radius: 6px;
+    cursor: pointer;
+
+    &::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      border-radius: 6px;
+      background: repeating-conic-gradient(#{$gray-300} 0% 25%, transparent 0% 50%) 0 0 / 8px 8px;
+      z-index: -1;
+    }
+  }
+
+  &__slider-handle {
+    position: absolute;
+    top: 50%;
+    width: 14px;
+    height: 14px;
+    border-radius: 50%;
+    border: 2px solid #fff;
+    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
+    transform: translate(-50%, -50%);
+    pointer-events: none;
+    background: transparent;
+  }
+
+  &__input-row {
+    display: flex;
+    gap: 6px;
+    margin-top: 12px;
+    align-items: center;
+  }
+
+  &__format-btn {
+    border: 1px solid var(--ty-color-picker-border, #{$gray-300});
+    background: transparent;
+    border-radius: $border-radius;
+    padding: 2px 6px;
+    cursor: pointer;
+    font-size: 12px;
+    color: var(--ty-color-text, #{$gray-700});
+    white-space: nowrap;
+
+    &:hover {
+      border-color: var(--ty-color-primary, #{$primary-color});
+    }
+  }
+
+  &__hex-input {
+    flex: 1;
+    border: 1px solid var(--ty-color-picker-border, #{$gray-300});
+    border-radius: $border-radius;
+    padding: 2px 6px;
+    font-size: 12px;
+    font-family: $font-family-monospace;
+    color: var(--ty-color-text, #{$gray-800});
+    outline: none;
+    min-width: 0;
+
+    &:focus {
+      border-color: var(--ty-color-primary, #{$primary-color});
+    }
+  }
+
+  &__presets {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+    margin-top: 12px;
+    padding-top: 12px;
+    border-top: 1px solid var(--ty-color-picker-border, #{$gray-200});
+  }
+
+  &__preset {
+    width: 20px;
+    height: 20px;
+    border-radius: $border-radius;
+    cursor: pointer;
+    border: 1px solid var(--ty-color-picker-border, #{$gray-300});
+    transition: transform 0.15s;
+
+    &:hover {
+      transform: scale(1.2);
+    }
+  }
+}

package/lib/color-picker/style/css.js

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

package/lib/color-picker/style/index.d.ts

@@ -0,0 +1 @@
+import './index.scss';

package/lib/color-picker/style/index.js

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

package/lib/color-picker/style/index.js.map

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

package/lib/color-picker/types.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { BaseProps } from '../_utils/props';
+export type ColorFormat = 'hex' | 'rgb' | 'hsb';
+export interface Color {
+    h: number;
+    s: number;
+    b: number;
+    a: number;
+}
+export interface ColorPickerProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'onChange' | 'defaultValue'> {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (color: string) => void;
+    format?: ColorFormat;
+    defaultFormat?: ColorFormat;
+    onFormatChange?: (format: ColorFormat) => void;
+    presets?: string[];
+    showAlpha?: boolean;
+    disabled?: boolean;
+    trigger?: 'click' | 'hover';
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: React.ReactNode;
+}

package/lib/color-picker/types.js

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

package/lib/color-picker/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/color-picker/types.ts"],"names":[],"mappings":""}

package/lib/color-picker/utils.d.ts

@@ -0,0 +1,6 @@
+import { Color } from './types';
+export declare const hexToHsb: (hex: string) => Color;
+export declare const hsbToHex: (color: Color) => string;
+export declare const hsbToRgb: (color: Color) => string;
+export declare const formatColor: (color: Color, format: string) => string;
+export declare const parseColor: (input: string) => Color;

package/lib/color-picker/utils.js

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseColor = exports.formatColor = exports.hsbToRgb = exports.hsbToHex = exports.hexToHsb = void 0;
+const hexToHsb = (hex) => {
+    let h = hex.replace('#', '');
+    if (h.length === 3)
+        h = h.split('').map((c) => c + c).join('');
+    let a = 1;
+    if (h.length === 8) {
+        a = parseInt(h.slice(6, 8), 16) / 255;
+        h = h.slice(0, 6);
+    }
+    const r = parseInt(h.slice(0, 2), 16) / 255;
+    const g = parseInt(h.slice(2, 4), 16) / 255;
+    const b = parseInt(h.slice(4, 6), 16) / 255;
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    const d = max - min;
+    let hue = 0;
+    if (d !== 0) {
+        if (max === r)
+            hue = ((g - b) / d + 6) % 6;
+        else if (max === g)
+            hue = (b - r) / d + 2;
+        else
+            hue = (r - g) / d + 4;
+        hue *= 60;
+    }
+    const saturation = max === 0 ? 0 : (d / max) * 100;
+    const brightness = max * 100;
+    return { h: Math.round(hue), s: Math.round(saturation), b: Math.round(brightness), a };
+};
+exports.hexToHsb = hexToHsb;
+const hsbToHex = (color) => {
+    const { h, s, b, a } = color;
+    const sNorm = s / 100;
+    const bNorm = b / 100;
+    const c = bNorm * sNorm;
+    const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
+    const m = bNorm - c;
+    let r = 0, g = 0, bl = 0;
+    if (h < 60) {
+        r = c;
+        g = x;
+        bl = 0;
+    }
+    else if (h < 120) {
+        r = x;
+        g = c;
+        bl = 0;
+    }
+    else if (h < 180) {
+        r = 0;
+        g = c;
+        bl = x;
+    }
+    else if (h < 240) {
+        r = 0;
+        g = x;
+        bl = c;
+    }
+    else if (h < 300) {
+        r = x;
+        g = 0;
+        bl = c;
+    }
+    else {
+        r = c;
+        g = 0;
+        bl = x;
+    }
+    const toHex = (v) => Math.round((v + m) * 255).toString(16).padStart(2, '0');
+    const hex = `#${toHex(r)}${toHex(g)}${toHex(bl)}`;
+    if (a < 1) {
+        return hex + Math.round(a * 255).toString(16).padStart(2, '0');
+    }
+    return hex;
+};
+exports.hsbToHex = hsbToHex;
+const hsbToRgb = (color) => {
+    const hex = (0, exports.hsbToHex)(color);
+    const h = hex.replace('#', '');
+    const r = parseInt(h.slice(0, 2), 16);
+    const g = parseInt(h.slice(2, 4), 16);
+    const b = parseInt(h.slice(4, 6), 16);
+    if (color.a < 1) {
+        return `rgba(${r}, ${g}, ${b}, ${color.a.toFixed(2)})`;
+    }
+    return `rgb(${r}, ${g}, ${b})`;
+};
+exports.hsbToRgb = hsbToRgb;
+const formatColor = (color, format) => {
+    switch (format) {
+        case 'rgb':
+            return (0, exports.hsbToRgb)(color);
+        case 'hsb':
+            return `hsb(${color.h}, ${color.s}%, ${color.b}%)`;
+        default:
+            return (0, exports.hsbToHex)(color);
+    }
+};
+exports.formatColor = formatColor;
+const parseColor = (input) => {
+    if (!input)
+        return { h: 0, s: 100, b: 100, a: 1 };
+    // hex
+    if (input.startsWith('#')) {
+        return (0, exports.hexToHsb)(input);
+    }
+    // rgb/rgba
+    const rgbMatch = input.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*([\d.]+))?\s*\)/);
+    if (rgbMatch) {
+        const r = parseInt(rgbMatch[1]) / 255;
+        const g = parseInt(rgbMatch[2]) / 255;
+        const b = parseInt(rgbMatch[3]) / 255;
+        const a = rgbMatch[4] ? parseFloat(rgbMatch[4]) : 1;
+        const hex = `#${Math.round(r * 255).toString(16).padStart(2, '0')}${Math.round(g * 255).toString(16).padStart(2, '0')}${Math.round(b * 255).toString(16).padStart(2, '0')}`;
+        return { ...(0, exports.hexToHsb)(hex), a };
+    }
+    return { h: 0, s: 100, b: 100, a: 1 };
+};
+exports.parseColor = parseColor;
+//# sourceMappingURL=utils.js.map

package/lib/color-picker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../components/color-picker/utils.ts"],"names":[],"mappings":"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"}

package/lib/config-provider/config-context.d.ts

@@ -1,10 +1,14 @@
 import React from 'react';
 import { SizeType } from '../_utils/props';
 import { SpaceSize } from '../space/types';
+import { Locale } from '../locale/types';
+export type ThemeMode = 'light' | 'dark' | 'system';
 export interface ConfigContextProps {
     prefixCls?: string;
     componentSize?: SizeType;
     shimmer?: boolean;
     space?: SpaceSize;
+    theme?: ThemeMode;
+    locale?: Locale;
 }
 export declare const ConfigContext: React.Context<ConfigContextProps>;

package/lib/config-provider/config-context.js

@@ -1,5 +1,9 @@
-import React from 'react';
-export var ConfigContext = React.createContext({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfigContext = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.ConfigContext = react_1.default.createContext({
     prefixCls: 'ty',
     componentSize: 'md',
     shimmer: false,

package/lib/config-provider/config-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"config-context.js","sourceRoot":"","sources":["../../components/config-provider/config-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAqB;IACnE,SAAS,EAAE,IAAI;IACf,aAAa,EAAE,IAAI;IACnB,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,IAAI;CACZ,CAAC,CAAC"}
+{"version":3,"file":"config-context.js","sourceRoot":"","sources":["../../components/config-provider/config-context.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAgBb,QAAA,aAAa,GAAG,eAAK,CAAC,aAAa,CAAqB;IACnE,SAAS,EAAE,IAAI;IACf,aAAa,EAAE,IAAI;IACnB,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,IAAI;CACZ,CAAC,CAAC"}

package/lib/config-provider/index.js

@@ -1,10 +1,26 @@
-import { __assign, __rest } from "tslib";
-import React from 'react';
-import { ConfigContext } from './config-context';
-var ConfigProvider = function (props) {
-    var children = props.children, otherProps = __rest(props, ["children"]);
-    return React.createElement(ConfigContext.Provider, { value: __assign({}, otherProps) }, children);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const config_context_1 = require("./config-context");
+const intl_provider_1 = tslib_1.__importDefault(require("../intl-provider"));
+const ConfigProvider = (props) => {
+    const { children, theme, locale, ...otherProps } = props;
+    (0, react_1.useEffect)(() => {
+        if (!theme)
+            return;
+        const html = document.documentElement;
+        if (theme === 'system') {
+            html.removeAttribute('data-theme');
+        }
+        else {
+            html.setAttribute('data-theme', theme);
+        }
+    }, [theme]);
+    const content = locale ? ((0, jsx_runtime_1.jsx)(intl_provider_1.default, { locale: locale, children: children })) : (children);
+    return ((0, jsx_runtime_1.jsx)(config_context_1.ConfigContext.Provider, { value: { theme, locale, ...otherProps }, children: content }));
 };
 ConfigProvider.displayName = 'ConfigProvider';
-export default ConfigProvider;
+exports.default = ConfigProvider;
 //# sourceMappingURL=index.js.map

package/lib/config-provider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/config-provider/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,IAAM,cAAc,GAAG,UAAC,KAA0B;IACxC,IAAA,QAAQ,GAAoB,KAAK,SAAzB,EAAK,UAAU,UAAK,KAAK,EAAnC,YAA2B,CAAF,CAAW;IAC1C,OAAO,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,eAAO,UAAU,KAAK,QAAQ,CAA0B,CAAC;AAC/F,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/config-provider/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAClC,qDAAiD;AAEjD,6EAA4C;AAE5C,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAe,EAAE;IACjE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAEzD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACtC,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;YACvB,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;QACrC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CACvB,uBAAC,uBAAY,IAAC,MAAM,EAAE,MAAM,YAAG,QAAQ,GAAgB,CACxD,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAC;IAEF,OAAO,CACL,uBAAC,8BAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE,YAC5D,OAAO,GACe,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,kBAAe,cAAc,CAAC"}

package/lib/config-provider/types.js

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

package/lib/copy-to-clipboard/index.js

@@ -1,33 +1,50 @@
-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 copy = function (value) {
-    var textArea = document.createElement('textarea');
-    textArea.style.background = 'transparent';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = 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 copy = async (value) => {
+    if (navigator.clipboard) {
+        try {
+            await navigator.clipboard.writeText(value);
+        }
+        catch {
+            fallbackCopy(value);
+        }
+    }
+    else {
+        fallbackCopy(value);
+    }
+};
+const fallbackCopy = (value) => {
+    const textArea = document.createElement('textarea');
+    textArea.style.position = 'fixed';
+    textArea.style.opacity = '0';
     textArea.value = value;
     document.body.appendChild(textArea);
     textArea.select();
     try {
         document.execCommand('copy');
     }
-    catch (err) {
-        console.log('Oops, unable to copy');
+    catch {
+        // copy failed silently
     }
     document.body.removeChild(textArea);
 };
-var CopyToClipboard = function (props) {
-    var customisedCls = props.prefixCls, text = props.text, className = props.className, children = props.children, onClick = props.onClick, otherProps = __rest(props, ["prefixCls", "text", "className", "children", "onClick"]);
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('copy', configContext.prefixCls, customisedCls);
-    var cls = classNames(prefixCls, className);
-    var btnOnClick = function (e) {
+const CopyToClipboard = (props) => {
+    const { prefixCls: customisedCls, text, className, children, onClick, ...otherProps } = props;
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('copy', configContext.prefixCls, customisedCls);
+    const cls = (0, classnames_1.default)(prefixCls, className);
+    const btnOnClick = (e) => {
         copy(text);
         onClick && onClick(e);
     };
-    return (React.createElement("span", __assign({}, otherProps, { className: cls, onClick: btnOnClick }), children));
+    return ((0, jsx_runtime_1.jsx)("span", { ...otherProps, className: cls, onClick: btnOnClick, children: children }));
 };
 CopyToClipboard.displayName = 'CopyToClipboard';
-export default CopyToClipboard;
+exports.default = CopyToClipboard;
 //# sourceMappingURL=index.js.map

package/lib/copy-to-clipboard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/copy-to-clipboard/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,IAAM,IAAI,GAAG,UAAC,KAAa;IACzB,IAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACpD,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa,CAAC;IAC1C,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACpC,QAAQ,CAAC,MAAM,EAAE,CAAC;IAClB,IAAI;QACF,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;KAC9B;IAAC,OAAO,GAAG,EAAE;QACZ,OAAO,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC;KACrC;IACD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;AACtC,CAAC,CAAC;AAEF,IAAM,eAAe,GAAG,UAAC,KAA2B;IAC1C,IAAW,aAAa,GAAwD,KAAK,UAA7D,EAAE,IAAI,GAAkD,KAAK,KAAvD,EAAE,SAAS,GAAuC,KAAK,UAA5C,EAAE,QAAQ,GAA6B,KAAK,SAAlC,EAAE,OAAO,GAAoB,KAAK,QAAzB,EAAK,UAAU,UAAK,KAAK,EAAvF,yDAA+E,CAAF,CAAW;IAC9F,IAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,IAAM,SAAS,GAAG,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC/E,IAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,IAAM,UAAU,GAAG,UAAC,CAAoC;QACtD,IAAI,CAAC,IAAI,CAAC,CAAC;QACX,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,yCAAU,UAAU,IAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,KACtD,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/copy-to-clipboard/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0C;AAC1C,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AAGjD,MAAM,IAAI,GAAG,KAAK,EAAE,KAAa,EAAE,EAAE;IACnC,IAAI,SAAS,CAAC,SAAS,EAAE,CAAC;QACxB,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAC7C,CAAC;QAAC,MAAM,CAAC;YACP,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC;SAAM,CAAC;QACN,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;IACrC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACpD,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;IAClC,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;IAC7B,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACpC,QAAQ,CAAC,MAAM,EAAE,CAAC;IAClB,IAAI,CAAC;QACH,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC;IAAC,MAAM,CAAC;QACP,uBAAuB;IACzB,CAAC;IACD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAsB,EAAE;IAC1E,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAC9F,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,MAAM,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC/E,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,MAAM,UAAU,GAAG,CAAC,CAAoC,EAAQ,EAAE;QAChE,IAAI,CAAC,IAAI,CAAC,CAAC;QACX,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,oCAAU,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,YACtD,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,kBAAe,eAAe,CAAC"}

package/lib/copy-to-clipboard/types.js

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

package/lib/countdown/index.d.ts

@@ -1,6 +1,4 @@
+import React from 'react';
 import { CountdownProps } from './types';
-declare const Countdown: {
-    (props: CountdownProps): JSX.Element;
-    displayName: string;
-};
+declare const Countdown: React.ForwardRefExoticComponent<CountdownProps & React.RefAttributes<HTMLDivElement>>;
 export default Countdown;

package/lib/countdown/index.js

@@ -1,39 +1,45 @@
-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';
-var Countdown = function (props) {
-    var _a = props.millisec, millisec = _a === void 0 ? false : _a, customisedCls = props.prefixCls, value = props.value, onFinish = props.onFinish, className = props.className, style = props.style, children = props.children;
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('countdown', configContext.prefixCls, customisedCls);
-    var cls = classNames(prefixCls, className);
-    var _b = useState({ day: 0, hour: 0, min: 0, sec: 0, millisec: 0 }), date = _b[0], setDate = _b[1];
-    var timerRef = useRef();
-    var startInterval = useCallback(function () {
-        timerRef.current = window.setInterval(function () {
-            var distance = value.getTime() - Date.now();
+"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 Countdown = react_1.default.forwardRef((props, ref) => {
+    const { millisec = false, prefixCls: customisedCls, value, onFinish, className, style, children, } = props;
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('countdown', configContext.prefixCls, customisedCls);
+    const cls = (0, classnames_1.default)(prefixCls, className);
+    const [date, setDate] = (0, react_1.useState)({ day: 0, hour: 0, min: 0, sec: 0, millisec: 0 });
+    const timerRef = (0, react_1.useRef)();
+    const startInterval = (0, react_1.useCallback)(() => {
+        timerRef.current = window.setInterval(() => {
+            const distance = value.getTime() - Date.now();
+            // when the count down finished
             if (distance < 0) {
                 window.clearInterval(timerRef.current);
                 setDate({ day: 0, hour: 0, min: 0, sec: 0, millisec: 0 });
                 onFinish && onFinish();
                 return;
             }
-            var day = Math.floor(distance / 86400000);
-            var hour = Math.floor((distance % 86400000) / 3600000);
-            var min = Math.floor((distance % 3600000) / 60000);
-            var sec = Math.floor((distance % 60000) / 1000);
-            var millisecond = Math.floor((distance % 60000) % 1000);
-            setDate({ day: day, hour: hour, min: min, sec: sec, millisec: millisecond });
+            // calculate the specific time
+            const day = Math.floor(distance / 86400000);
+            const hour = Math.floor((distance % 86400000) / 3600000);
+            const min = Math.floor((distance % 3600000) / 60000);
+            const sec = Math.floor((distance % 60000) / 1000);
+            const millisecond = Math.floor((distance % 60000) % 1000);
+            setDate({ day, hour, min, sec, millisec: millisecond });
         }, millisec ? 1 : 1000);
     }, [millisec, onFinish, value]);
-    useEffect(function () {
+    (0, react_1.useEffect)(() => {
         value && startInterval();
-        return function () {
+        return () => {
             window.clearInterval(timerRef.current);
         };
     }, [value, startInterval]);
-    return (React.createElement("div", { className: cls, style: style }, typeof children === 'function' && children(date)));
-};
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: cls, style: style, role: "timer", "aria-live": "polite", children: typeof children === 'function' && children(date) }));
+});
 Countdown.displayName = 'Countdown';
-export default Countdown;
+exports.default = Countdown;
 //# sourceMappingURL=index.js.map