tiny-ui 0.0.94 → 1.0.0

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

@@ -1,46 +1,212 @@
-@import '../../style/variables';
+@use '../../style/variables' as *;
 
-.#{$prefix}-time-picker {
-  display: inline-block;
+$tp: #{$prefix}-time-picker;
+
+.#{$tp} {
+  display: inline-flex;
+  position: relative;
   font-size: $font-size-base;
   font-family: $font-family;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 
+  // ---- Input ----
+  &__input {
+    display: inline-flex;
+    align-items: center;
+    width: 100%;
+    padding: 4px 11px;
+    border: 1px solid var(--ty-input-border);
+    border-radius: 6px;
+    background: var(--ty-picker-input-bg);
+    cursor: pointer;
+    transition: border-color 0.3s, box-shadow 0.3s;
+
+    &:hover {
+      border-color: var(--ty-color-primary);
+    }
+  }
+
+  &_open &__input {
+    border-color: var(--ty-color-primary);
+    box-shadow: var(--ty-input-focus-shadow);
+  }
+
+  &__input-field {
+    flex: 1;
+    border: none;
+    outline: none;
+    background: transparent;
+    font-size: inherit;
+    font-family: inherit;
+    color: var(--ty-color-text);
+    cursor: pointer;
+    min-width: 90px;
+
+    &::placeholder {
+      color: var(--ty-color-text-quaternary);
+    }
+
+    &:disabled {
+      cursor: not-allowed;
+    }
+  }
+
+  &__suffix {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 14px;
+    height: 14px;
+    margin-left: 4px;
+    color: var(--ty-color-text-quaternary);
+  }
+
+  &__icon {
+    display: inline-flex;
+    font-size: 14px;
+  }
+
+  &__clear {
+    display: none;
+    position: absolute;
+    inset: 0;
+    align-items: center;
+    justify-content: center;
+    font-size: 14px;
+    color: var(--ty-color-text-quaternary);
+    background: var(--ty-picker-clear-bg);
+    cursor: pointer;
+    transition: color 0.2s;
+    border: none;
+    padding: 0;
+
+    &:hover {
+      color: var(--ty-color-text-tertiary);
+    }
+  }
+
+  &_has-value:hover &__clear {
+    display: inline-flex;
+  }
+
+  // ---- Sizes ----
+  &_sm &__input {
+    padding: 0 7px;
+    font-size: 12px;
+  }
+
+  &_sm &__input-field {
+    min-width: 70px;
+  }
+
+  &_lg &__input {
+    padding: 6px 11px;
+    font-size: 16px;
+  }
+
+  &_lg &__input-field {
+    min-width: 110px;
+  }
+
+  // ---- Disabled ----
+  &_disabled {
+    opacity: 0.65;
+
+    .#{$tp}__input {
+      background: var(--ty-color-bg-disabled);
+      cursor: not-allowed;
+      border-color: var(--ty-input-border);
+
+      &:hover {
+        border-color: var(--ty-input-border);
+      }
+    }
+
+    .#{$tp}__input-field {
+      color: var(--ty-color-text-quaternary);
+    }
+  }
+
+  // ---- Dropdown ----
+  &__dropdown {
+    background: var(--ty-picker-dropdown-bg);
+    border-radius: 8px;
+    box-shadow: var(--ty-shadow-popup);
+    overflow: hidden;
+  }
+
+  // ---- Panel ----
   &__panel {
-    display: inline-block;
-    max-height: 210px;
+    display: flex;
+  }
+
+  &__column {
+    flex: 1;
+    max-height: 224px;
     overflow-y: auto;
-    color: rgba(0, 0, 0, 0.65);
-    border-left: 1px solid #e8e8e8;
+    border-left: 1px solid var(--ty-color-border-light);
+    scrollbar-width: thin;
 
     &:first-child {
-      border-left: 0;
+      border-left: none;
+    }
+
+    &::-webkit-scrollbar {
+      width: 4px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: var(--ty-color-text-quaternary);
+      border-radius: 2px;
     }
   }
 
-  &__ul {
-    box-sizing: border-box;
-    list-style-type: none;
-    padding: 0 0 180px;
+  &__column-list {
+    list-style: none;
+    padding: 4px 0;
     margin: 0;
   }
 
-  &__li {
+  // ---- Cell ----
+  &__cell {
+    padding: 4px 0;
+    text-align: center;
+    min-width: 52px;
     cursor: pointer;
-    box-sizing: border-box;
-    width: 100%;
-    height: 30px;
-    line-height: 30px;
+    border-radius: 4px;
+    margin: 0 4px;
+    line-height: 20px;
+    transition: background 0.2s;
     user-select: none;
-    padding: 0 15px 0 10px;
 
     &:hover {
-      background-color: lighten($primary-color, 40%);
+      background: var(--ty-picker-cell-hover-bg);
     }
 
     &_selected {
-      font-weight: bold;
-      background: #f5f5f5;
+      background: var(--ty-color-primary-bg);
+      font-weight: 500;
+
+      &:hover {
+        background: var(--ty-color-primary-bg-hover);
+      }
     }
+
+    &_disabled {
+      color: var(--ty-color-text-quaternary);
+      cursor: not-allowed;
+
+      &:hover {
+        background: transparent;
+      }
+    }
+  }
+
+  // ---- Footer ----
+  &__footer {
+    padding: 8px 12px;
+    border-top: 1px solid var(--ty-color-border-light);
+    text-align: center;
+    font-size: 12px;
   }
 }

package/lib/time-picker/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/time-picker/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/time-picker/style/index.js.map

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

package/lib/time-picker/time-panel.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
 export interface TimePanelProps {
     value: number;
-    count: number;
+    items: number[];
+    disabledItems?: number[];
     onChange: (num: number) => void;
-    prefixCls?: string;
+    prefixCls: string;
 }
 declare const TimePanel: (props: TimePanelProps) => React.ReactElement;
 export default TimePanel;

package/lib/time-picker/time-panel.js

@@ -1,46 +1,42 @@
-import { __spreadArrays } from "tslib";
-import React, { useRef, useEffect, useState } from 'react';
-import classNames from 'classnames';
-var TimePanel = function (props) {
-    var _a = props.prefixCls, prefixCls = _a === void 0 ? 'ty-time-picker' : _a, value = props.value, count = props.count, onChange = props.onChange;
-    var _b = useState(-1), selectedIdx = _b[0], setSelectedIdx = _b[1];
-    var panelRef = useRef(null);
-    var ulRef = useRef(null);
-    var scrollToTop = function (idx, elHeight) {
-        if (elHeight === void 0) { elHeight = 30; }
-        setSelectedIdx(idx);
-        panelRef.current &&
+"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 TimePanel = (props) => {
+    const { prefixCls, value, items, disabledItems = [], onChange } = props;
+    const panelRef = (0, react_1.useRef)(null);
+    const itemRefs = (0, react_1.useRef)(new Map());
+    const scrollToItem = (0, react_1.useCallback)((val, smooth = false) => {
+        const el = itemRefs.current.get(val);
+        if (el && panelRef.current) {
             panelRef.current.scrollTo({
-                top: idx * elHeight,
-                behavior: 'smooth',
+                top: el.offsetTop,
+                behavior: smooth ? 'smooth' : 'auto',
             });
-    };
-    var ulOnClick = function (e) {
-        var target = e.target;
-        if (target.nodeName === 'LI') {
-            var idx = target.dataset.idx;
-            var elHeight = target.clientHeight;
-            if (idx) {
-                scrollToTop(+idx, elHeight);
-                onChange && onChange(+idx);
-            }
         }
-    };
-    useEffect(function () {
-        scrollToTop(value);
-        ulRef.current && ulRef.current.addEventListener('click', ulOnClick);
-        return function () {
-            ulRef.current && ulRef.current.removeEventListener('click', ulOnClick);
-        };
     }, []);
-    return (React.createElement("div", { className: prefixCls + "__panel", ref: panelRef },
-        React.createElement("ul", { className: prefixCls + "__ul", ref: ulRef }, __spreadArrays(Array(count).fill(0)).map(function (_, idx) {
-            var _a;
-            var cls = classNames(prefixCls + "__li", (_a = {},
-                _a[prefixCls + "__li_selected"] = idx === selectedIdx,
-                _a));
-            return (React.createElement("li", { key: idx, className: cls, "data-idx": idx }, idx.toString().padStart(2, '0')));
-        }))));
+    (0, react_1.useEffect)(() => {
+        scrollToItem(value);
+    }, [value, scrollToItem]);
+    const handleClick = (num) => {
+        if (disabledItems.includes(num))
+            return;
+        onChange(num);
+        scrollToItem(num, true);
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__column`, ref: panelRef, children: (0, jsx_runtime_1.jsx)("ul", { className: `${prefixCls}__column-list`, children: items.map((num) => {
+                const isDisabled = disabledItems.includes(num);
+                const cls = (0, classnames_1.default)(`${prefixCls}__cell`, {
+                    [`${prefixCls}__cell_selected`]: num === value,
+                    [`${prefixCls}__cell_disabled`]: isDisabled,
+                });
+                return ((0, jsx_runtime_1.jsx)("li", { ref: (el) => {
+                        if (el)
+                            itemRefs.current.set(num, el);
+                    }, className: cls, onClick: () => handleClick(num), children: String(num).padStart(2, '0') }, num));
+            }) }) }));
 };
-export default TimePanel;
+exports.default = TimePanel;
 //# sourceMappingURL=time-panel.js.map

package/lib/time-picker/time-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-panel.js","sourceRoot":"","sources":["../../components/time-picker/time-panel.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,IAAM,SAAS,GAAG,UAAC,KAAqB;IAC9B,IAAA,KAAyD,KAAK,UAAlC,EAA5B,SAAS,mBAAG,gBAAgB,KAAA,EAAE,KAAK,GAAsB,KAAK,MAA3B,EAAE,KAAK,GAAe,KAAK,MAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IACjE,IAAA,KAAgC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAA3C,WAAW,QAAA,EAAE,cAAc,QAAgB,CAAC;IACnD,IAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACrD,IAAM,KAAK,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAEpD,IAAM,WAAW,GAAG,UAAC,GAAW,EAAE,QAAa;QAAb,yBAAA,EAAA,aAAa;QAC7C,cAAc,CAAC,GAAG,CAAC,CAAC;QACpB,QAAQ,CAAC,OAAO;YACb,QAAQ,CAAC,OAA0B,CAAC,QAAQ,CAAC;gBAC5C,GAAG,EAAE,GAAG,GAAG,QAAQ;gBACnB,QAAQ,EAAE,QAAQ;aACnB,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG,UAAC,CAAa;QAC9B,IAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;QACvC,IAAI,MAAM,CAAC,QAAQ,KAAK,IAAI,EAAE;YAC5B,IAAM,GAAG,GAAuB,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;YACnD,IAAM,QAAQ,GAAG,MAAM,CAAC,YAAY,CAAC;YACrC,IAAI,GAAG,EAAE;gBACP,WAAW,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;gBAC5B,QAAQ,IAAI,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC;aAC5B;SACF;IACH,CAAC,CAAC;IAEF,SAAS,CAAC;QACR,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,KAAK,CAAC,OAAO,IAAK,KAAK,CAAC,OAA4B,CAAC,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAE1F,OAAO;YACL,KAAK,CAAC,OAAO,IAAK,KAAK,CAAC,OAA4B,CAAC,mBAAmB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAC/F,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,6BAAK,SAAS,EAAK,SAAS,YAAS,EAAE,GAAG,EAAE,QAAQ;QAClD,4BAAI,SAAS,EAAK,SAAS,SAAM,EAAE,GAAG,EAAE,KAAK,IAC1C,eAAI,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,UAAC,CAAC,EAAE,GAAG;;YACpC,IAAM,GAAG,GAAG,UAAU,CAAI,SAAS,SAAM;gBACvC,GAAI,SAAS,kBAAe,IAAG,GAAG,KAAK,WAAW;oBAClD,CAAC;YAEH,OAAO,CACL,4BAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,cAAY,GAAG,IACxC,GAAG,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAC7B,CACN,CAAC;QACJ,CAAC,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"time-panel.js","sourceRoot":"","sources":["../../components/time-picker/time-panel.tsx"],"names":[],"mappings":";;;;AAAA,iCAAuD;AACvD,oEAAoC;AAUpC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAsB,EAAE;IAC9D,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxE,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,IAAA,cAAM,EAA6B,IAAI,GAAG,EAAE,CAAC,CAAC;IAE/D,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,CAAC,GAAW,EAAE,MAAM,GAAG,KAAK,EAAE,EAAE;QAC/D,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACrC,IAAI,EAAE,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YAC3B,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;gBACxB,GAAG,EAAE,EAAE,CAAC,SAAS;gBACjB,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;aACrC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAE1B,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE;QAClC,IAAI,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC;YAAE,OAAO;QACxC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACd,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,gCAAK,SAAS,EAAE,GAAG,SAAS,UAAU,EAAE,GAAG,EAAE,QAAQ,YACnD,+BAAI,SAAS,EAAE,GAAG,SAAS,eAAe,YACvC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBACjB,MAAM,UAAU,GAAG,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;gBAC/C,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,GAAG,SAAS,QAAQ,EAAE;oBAC3C,CAAC,GAAG,SAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,KAAK;oBAC9C,CAAC,GAAG,SAAS,iBAAiB,CAAC,EAAE,UAAU;iBAC5C,CAAC,CAAC;gBACH,OAAO,CACL,+BAEE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;wBACV,IAAI,EAAE;4BAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;oBACxC,CAAC,EACD,SAAS,EAAE,GAAG,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,YAC9B,MAAM,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IANxB,GAAG,CAOL,CACN,CAAC;YACJ,CAAC,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/time-picker/time-picker.d.ts

@@ -1,10 +1,6 @@
-import React from 'react';
-import { BaseProps } from '../_utils/props';
-export interface TimePickerProps extends BaseProps {
-    defaultValue?: Date;
-    value?: Date;
-    onChange?: (date: Date) => void;
-    children?: React.ReactNode;
-}
-declare const TimePicker: (props: TimePickerProps) => React.ReactElement;
+import { TimePickerProps } from './types';
+declare const TimePicker: {
+    (props: TimePickerProps): React.ReactElement;
+    displayName: string;
+};
 export default TimePicker;

package/lib/time-picker/time-picker.js

@@ -1,30 +1,118 @@
-import React, { useEffect, useState } from 'react';
-import classNames from 'classnames';
-import TimePanel from './time-panel';
-var TimePicker = function (props) {
-    var _a = props.prefixCls, prefixCls = _a === void 0 ? 'ty-time-picker' : _a, _b = props.defaultValue, defaultValue = _b === void 0 ? new Date() : _b, onChange = props.onChange, className = props.className, style = props.style;
-    var cls = classNames(prefixCls, className);
-    var _c = useState(props.value ? props.value : defaultValue), date = _c[0], setDate = _c[1];
-    var updateTime = function (type, num) {
-        if (type === 'h') {
-            date.setHours(num);
-        }
-        else if (type === 'm') {
-            date.setMinutes(num);
-        }
-        else if (type === 's') {
-            date.setSeconds(num);
-        }
-        setDate(date);
-        !props.value && onChange && onChange(date);
+"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 use_locale_1 = require("../_utils/use-locale");
+const hooks_1 = require("../_utils/hooks");
+const popup_1 = tslib_1.__importDefault(require("../popup"));
+const time_panel_1 = tslib_1.__importDefault(require("./time-panel"));
+const ClockIcon = () => ((0, jsx_runtime_1.jsxs)("svg", { viewBox: "64 64 896 896", width: "1em", height: "1em", fill: "currentColor", children: [(0, jsx_runtime_1.jsx)("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" }), (0, jsx_runtime_1.jsx)("path", { d: "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z" })] }));
+const ClearIcon = () => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "64 64 896 896", width: "1em", height: "1em", fill: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" }) }));
+function formatTime(date, format, use12Hours) {
+    let h = date.getHours();
+    const m = String(date.getMinutes()).padStart(2, '0');
+    const s = String(date.getSeconds()).padStart(2, '0');
+    let period = '';
+    if (use12Hours) {
+        period = h >= 12 ? ' PM' : ' AM';
+        h = h % 12 || 12;
+    }
+    return format
+        .replace('HH', String(h).padStart(2, '0'))
+        .replace('H', String(h))
+        .replace('mm', m)
+        .replace('ss', s) + period;
+}
+function generateSteps(count, step) {
+    const items = [];
+    for (let i = 0; i < count; i += step) {
+        items.push(i);
+    }
+    return items;
+}
+function showsSeconds(format) {
+    return format.includes('ss') || format.includes('s');
+}
+function showsMinutes(format) {
+    return format.includes('mm') || format.includes('m');
+}
+const TimePicker = (props) => {
+    const locale = (0, use_locale_1.useLocale)();
+    const { defaultValue, value, open: controlledOpen, format = 'HH:mm:ss', use12Hours = false, hourStep = 1, minuteStep = 1, secondStep = 1, disabled = false, placeholder = locale.TimePicker.selectTime, allowClear = true, size = 'md', inputReadOnly = true, disabledTime, hideDisabledOptions = false, renderExtraFooter, suffixIcon, onChange, onOpenChange, className, style, prefixCls: customisedCls, } = props;
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('time-picker', configContext.prefixCls, customisedCls);
+    const [date, setDate] = (0, react_1.useState)(value ?? defaultValue ?? null);
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const wrapperRef = (0, react_1.useRef)(null);
+    const isOpen = controlledOpen ?? open;
+    // Controlled value
+    (0, react_1.useEffect)(() => {
+        if (value !== undefined)
+            setDate(value);
+    }, [value]);
+    (0, react_1.useEffect)(() => {
+        if (controlledOpen !== undefined)
+            setOpen(controlledOpen);
+    }, [controlledOpen]);
+    (0, hooks_1.useClickOutside)(wrapperRef.current, () => {
+        if (controlledOpen === undefined)
+            setOpen(false);
+        onOpenChange?.(false);
+    });
+    const toggleOpen = (0, react_1.useCallback)((val) => {
+        if (controlledOpen === undefined)
+            setOpen(val);
+        onOpenChange?.(val);
+    }, [controlledOpen, onOpenChange]);
+    const updateTime = (0, react_1.useCallback)((type, num) => {
+        const base = date ? new Date(date) : new Date();
+        if (type === 'h')
+            base.setHours(num);
+        else if (type === 'm')
+            base.setMinutes(num);
+        else
+            base.setSeconds(num);
+        if (value === undefined)
+            setDate(base);
+        onChange?.(base);
+    }, [date, value, onChange]);
+    const handleClear = (e) => {
+        e.stopPropagation();
+        if (value === undefined)
+            setDate(null);
+        onChange?.(null);
+        toggleOpen(false);
     };
-    useEffect(function () {
-        props.value && setDate(props.value);
-    }, [props.value]);
-    return (React.createElement("div", { className: cls, style: style },
-        React.createElement(TimePanel, { value: date.getHours(), count: 24, onChange: function (hour) { return updateTime('h', hour); } }),
-        React.createElement(TimePanel, { value: date.getMinutes(), count: 60, onChange: function (min) { return updateTime('m', min); } }),
-        React.createElement(TimePanel, { value: date.getSeconds(), count: 60, onChange: function (sec) { return updateTime('s', sec); } })));
+    // Disabled time calculation
+    const disabled12 = (0, react_1.useMemo)(() => disabledTime?.() ?? {}, [disabledTime]);
+    const disabledHours = (0, react_1.useMemo)(() => disabled12.disabledHours?.() ?? [], [disabled12]);
+    const currentHour = date?.getHours() ?? 0;
+    const disabledMinutes = (0, react_1.useMemo)(() => disabled12.disabledMinutes?.(currentHour) ?? [], [disabled12, currentHour]);
+    const currentMinute = date?.getMinutes() ?? 0;
+    const disabledSeconds = (0, react_1.useMemo)(() => disabled12.disabledSeconds?.(currentHour, currentMinute) ?? [], [disabled12, currentHour, currentMinute]);
+    const hours = generateSteps(24, hourStep);
+    const minutes = generateSteps(60, minuteStep);
+    const seconds = generateSteps(60, secondStep);
+    const filteredHours = hideDisabledOptions ? hours.filter((h) => !disabledHours.includes(h)) : hours;
+    const filteredMinutes = hideDisabledOptions ? minutes.filter((m) => !disabledMinutes.includes(m)) : minutes;
+    const filteredSeconds = hideDisabledOptions ? seconds.filter((s) => !disabledSeconds.includes(s)) : seconds;
+    const hasValue = date !== null;
+    const displayValue = hasValue ? formatTime(date, format, use12Hours) : '';
+    const cls = (0, classnames_1.default)(prefixCls, className, `${prefixCls}_${size}`, {
+        [`${prefixCls}_disabled`]: disabled,
+        [`${prefixCls}_open`]: isOpen,
+        [`${prefixCls}_has-value`]: hasValue,
+    });
+    const renderOverlay = () => ((0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__dropdown`, children: [(0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__panel`, children: [(0, jsx_runtime_1.jsx)(time_panel_1.default, { prefixCls: prefixCls, value: date?.getHours() ?? 0, items: filteredHours, disabledItems: hideDisabledOptions ? [] : disabledHours, onChange: (h) => updateTime('h', h) }), showsMinutes(format) && ((0, jsx_runtime_1.jsx)(time_panel_1.default, { prefixCls: prefixCls, value: date?.getMinutes() ?? 0, items: filteredMinutes, disabledItems: hideDisabledOptions ? [] : disabledMinutes, onChange: (m) => updateTime('m', m) })), showsSeconds(format) && ((0, jsx_runtime_1.jsx)(time_panel_1.default, { prefixCls: prefixCls, value: date?.getSeconds() ?? 0, items: filteredSeconds, disabledItems: hideDisabledOptions ? [] : disabledSeconds, onChange: (s) => updateTime('s', s) }))] }), renderExtraFooter && ((0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__footer`, children: renderExtraFooter() }))] }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: cls, style: style, ref: wrapperRef, children: (0, jsx_runtime_1.jsx)(popup_1.default, { trigger: "manual", placement: "bottom", arrow: false, visible: isOpen, content: renderOverlay(), children: (0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__input`, onClick: () => !disabled && toggleOpen(!isOpen), children: [(0, jsx_runtime_1.jsx)("input", { className: `${prefixCls}__input-field`, readOnly: inputReadOnly, disabled: disabled, placeholder: placeholder, value: displayValue, "aria-expanded": isOpen, "aria-haspopup": "dialog", onKeyDown: (e) => {
+                            if (e.key === 'Escape' && isOpen)
+                                toggleOpen(false);
+                        } }), (0, jsx_runtime_1.jsxs)("span", { className: `${prefixCls}__suffix`, children: [allowClear && hasValue && !disabled ? ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__clear`, onClick: handleClear, "aria-label": "Clear time", children: (0, jsx_runtime_1.jsx)(ClearIcon, {}) })) : null, (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__icon`, children: suffixIcon ?? (0, jsx_runtime_1.jsx)(ClockIcon, {}) })] })] }) }) }));
 };
-export default TimePicker;
+TimePicker.displayName = 'TimePicker';
+exports.default = TimePicker;
 //# sourceMappingURL=time-picker.js.map

package/lib/time-picker/time-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-picker.js","sourceRoot":"","sources":["../../components/time-picker/time-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,SAAS,MAAM,cAAc,CAAC;AAUrC,IAAM,UAAU,GAAG,UAAC,KAAsB;IAEtC,IAAA,KAKE,KAAK,UALqB,EAA5B,SAAS,mBAAG,gBAAgB,KAAA,EAC5B,KAIE,KAAK,aAJkB,EAAzB,YAAY,mBAAG,IAAI,IAAI,EAAE,KAAA,EACzB,QAAQ,GAGN,KAAK,SAHC,EACR,SAAS,GAEP,KAAK,UAFE,EACT,KAAK,GACH,KAAK,MADF,CACG;IACV,IAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACvC,IAAA,KAAkB,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,EAAnE,IAAI,QAAA,EAAE,OAAO,QAAsD,CAAC;IAE3E,IAAM,UAAU,GAAG,UAAC,IAAY,EAAE,GAAW;QAC3C,IAAI,IAAI,KAAK,GAAG,EAAE;YAChB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;SACpB;aAAM,IAAI,IAAI,KAAK,GAAG,EAAE;YACvB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;SACtB;aAAM,IAAI,IAAI,KAAK,GAAG,EAAE;YACvB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;SACtB;QAED,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,CAAC,KAAK,CAAC,KAAK,IAAI,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,SAAS,CAAC;QACR,KAAK,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK;QAC/B,oBAAC,SAAS,IAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAA,IAAI,IAAI,OAAA,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,EAArB,CAAqB,GAAI;QACzF,oBAAC,SAAS,IAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAA,GAAG,IAAI,OAAA,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,EAApB,CAAoB,GAAI;QACzF,oBAAC,SAAS,IAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAA,GAAG,IAAI,OAAA,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,EAApB,CAAoB,GAAI,CACrF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"time-picker.js","sourceRoot":"","sources":["../../components/time-picker/time-picker.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,47 @@
+import { ReactNode } from 'react';
+import { BaseProps, SizeType } from '../_utils/props';
+export interface DisabledTime {
+    disabledHours?: () => number[];
+    disabledMinutes?: (hour: number) => number[];
+    disabledSeconds?: (hour: number, minute: number) => number[];
+}
+export interface TimePickerProps extends BaseProps {
+    /** Default time value */
+    defaultValue?: Date;
+    /** Controlled time value */
+    value?: Date;
+    /** Whether the popup is open (controlled) */
+    open?: boolean;
+    /** Display format string */
+    format?: string;
+    /** Enable 12-hour format */
+    use12Hours?: boolean;
+    /** Hour step interval */
+    hourStep?: number;
+    /** Minute step interval */
+    minuteStep?: number;
+    /** Second step interval */
+    secondStep?: number;
+    /** Disable time picker */
+    disabled?: boolean;
+    /** Input placeholder */
+    placeholder?: string;
+    /** Show clear button */
+    allowClear?: boolean;
+    /** Input size */
+    size?: SizeType;
+    /** Prevent keyboard input */
+    inputReadOnly?: boolean;
+    /** Function to specify unavailable times */
+    disabledTime?: () => DisabledTime;
+    /** Hide disabled options in the panel */
+    hideDisabledOptions?: boolean;
+    /** Extra content in the footer */
+    renderExtraFooter?: () => ReactNode;
+    /** Suffix icon */
+    suffixIcon?: ReactNode;
+    /** Callback when time changes */
+    onChange?: (date: Date | null) => void;
+    /** Callback when popup opens/closes */
+    onOpenChange?: (open: boolean) => void;
+}

package/lib/time-picker/types.js

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

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

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

package/lib/timeline/index.d.ts

@@ -1,6 +1,6 @@
 import Timeline from './timeline';
 import TimelineItem from './timeline-item';
-declare type ITimeline = typeof Timeline & {
+type ITimeline = typeof Timeline & {
     Item: typeof TimelineItem;
 };
 declare const DefaultTimeline: ITimeline;