tiny-ui 1.0.2 → 1.0.4

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

@@ -1,118 +1,210 @@
-"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" }) }));
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_components = require("../_utils/components.js");
+const require_index = require("../popup/index.js");
+const require_use_locale = require("../_utils/use-locale.js");
+const require_time_panel = require("./time-panel.js");
+let react = require("react");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/time-picker/time-picker.tsx
 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;
+	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;
+	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');
+	return format.includes("ss") || format.includes("s");
 }
 function showsMinutes(format) {
-    return format.includes('mm') || format.includes('m');
+	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);
-    };
-    // 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, {}) })] })] }) }) }));
+	const locale = require_use_locale.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, loop = false, showNow = true, renderExtraFooter, suffixIcon, onChange, onOpenChange, className, style, prefixCls: customisedCls } = props;
+	const prefixCls = require_general.getPrefixCls("time-picker", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const [date, setDate] = (0, react.useState)(value ?? defaultValue ?? null);
+	const [open, setOpen] = (0, react.useState)(false);
+	const wrapperRef = (0, react.useRef)(null);
+	const dropdownRef = (0, react.useRef)(null);
+	const isOpen = controlledOpen ?? open;
+	(0, react.useEffect)(() => {
+		if (value !== void 0) setDate(value);
+	}, [value]);
+	(0, react.useEffect)(() => {
+		if (controlledOpen !== void 0) setOpen(controlledOpen);
+	}, [controlledOpen]);
+	(0, react.useEffect)(() => {
+		const listener = (event) => {
+			const target = event.target;
+			if (wrapperRef.current?.contains(target) || dropdownRef.current?.contains(target)) return;
+			if (controlledOpen === void 0) setOpen(false);
+			onOpenChange?.(false);
+		};
+		document.addEventListener("click", listener);
+		return () => document.removeEventListener("click", listener);
+	}, [controlledOpen, onOpenChange]);
+	const toggleOpen = (0, react.useCallback)((val) => {
+		if (controlledOpen === void 0) setOpen(val);
+		onOpenChange?.(val);
+	}, [controlledOpen, onOpenChange]);
+	const updateTime = (0, react.useCallback)((type, num) => {
+		const base = date ? new Date(date) : new Date(0, 0, 0, 0, 0, 0, 0);
+		if (type === "h") base.setHours(num);
+		else if (type === "m") base.setMinutes(num);
+		else base.setSeconds(num);
+		if (value === void 0) setDate(base);
+		onChange?.(base);
+	}, [
+		date,
+		value,
+		onChange
+	]);
+	const handleClear = (e) => {
+		e.stopPropagation();
+		if (value === void 0) setDate(null);
+		onChange?.(null);
+		toggleOpen(false);
+	};
+	const handleNow = () => {
+		const now = /* @__PURE__ */ new Date();
+		if (value === void 0) setDate(now);
+		onChange?.(now);
+		toggleOpen(false);
+	};
+	const handleOk = () => {
+		toggleOpen(false);
+	};
+	const disabled12 = (0, react.useMemo)(() => disabledTime?.() ?? {}, [disabledTime]);
+	const disabledHours = (0, react.useMemo)(() => disabled12.disabledHours?.() ?? [], [disabled12]);
+	const currentHour = date?.getHours() ?? 0;
+	const disabledMinutes = (0, react.useMemo)(() => disabled12.disabledMinutes?.(currentHour) ?? [], [disabled12, currentHour]);
+	const currentMinute = date?.getMinutes() ?? 0;
+	const disabledSeconds = (0, react.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.default)(prefixCls, className, `${prefixCls}_${size}`, {
+		[`${prefixCls}_disabled`]: disabled,
+		[`${prefixCls}_open`]: isOpen,
+		[`${prefixCls}_has-value`]: hasValue
+	});
+	const renderOverlay = () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: `${prefixCls}__dropdown`,
+		ref: dropdownRef,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: `${prefixCls}__panel`,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_time_panel.default, {
+					prefixCls,
+					value: date?.getHours() ?? 0,
+					items: filteredHours,
+					disabledItems: hideDisabledOptions ? [] : disabledHours,
+					loop,
+					onChange: (h) => updateTime("h", h)
+				}),
+				showsMinutes(format) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_time_panel.default, {
+					prefixCls,
+					value: date?.getMinutes() ?? 0,
+					items: filteredMinutes,
+					disabledItems: hideDisabledOptions ? [] : disabledMinutes,
+					loop,
+					onChange: (m) => updateTime("m", m)
+				}),
+				showsSeconds(format) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_time_panel.default, {
+					prefixCls,
+					value: date?.getSeconds() ?? 0,
+					items: filteredSeconds,
+					disabledItems: hideDisabledOptions ? [] : disabledSeconds,
+					loop,
+					onChange: (s) => updateTime("s", s)
+				})
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: `${prefixCls}__footer`,
+			children: [renderExtraFooter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefixCls}__extra-footer`,
+				children: renderExtraFooter()
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `${prefixCls}__footer-actions`,
+				children: [showNow && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+					className: `${prefixCls}__now-btn`,
+					onClick: handleNow,
+					children: locale.TimePicker.now
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: `${prefixCls}__ok-btn`,
+					onClick: handleOk,
+					children: locale.TimePicker.okText
+				})]
+			})]
+		})]
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: cls,
+		style,
+		ref: wrapperRef,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+			trigger: "manual",
+			placement: "bottom-start",
+			arrow: false,
+			visible: isOpen,
+			content: renderOverlay(),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `${prefixCls}__input`,
+				onClick: () => !disabled && toggleOpen(!isOpen),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					className: `${prefixCls}__input-field`,
+					readOnly: inputReadOnly,
+					disabled,
+					placeholder,
+					value: displayValue,
+					"aria-expanded": isOpen,
+					"aria-haspopup": "dialog",
+					onKeyDown: (e) => {
+						if (e.key === "Escape" && isOpen) toggleOpen(false);
+					}
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: `${prefixCls}__suffix`,
+					children: [allowClear && hasValue && !disabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: `${prefixCls}__clear`,
+						onClick: handleClear,
+						"aria-label": "Clear time",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.ClearIcon, { size: "1em" })
+					}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: `${prefixCls}__icon`,
+						children: suffixIcon ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.ClockIcon, { size: "1em" })
+					})]
+				})]
+			})
+		})
+	});
 };
-TimePicker.displayName = 'TimePicker';
+TimePicker.displayName = "TimePicker";
+//#endregion
 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":"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"}
+{"version":3,"file":"time-picker.js","names":["useLocale","getPrefixCls","ConfigContext","TimePanel","Popup","ClearIcon","ClockIcon"],"sources":["../../components/time-picker/time-picker.tsx"],"sourcesContent":["import { useEffect, useState, useRef, useCallback, useContext, useMemo } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { useLocale } from '../_utils/use-locale';\nimport { ClockIcon, ClearIcon } from '../_utils/components';\nimport Popup from '../popup';\nimport TimePanel from './time-panel';\nimport { TimePickerProps } from './types';\n\nfunction formatTime(date: Date, format: string, use12Hours: boolean): string {\n  let h = date.getHours();\n  const m = String(date.getMinutes()).padStart(2, '0');\n  const s = String(date.getSeconds()).padStart(2, '0');\n  let period = '';\n\n  if (use12Hours) {\n    period = h >= 12 ? ' PM' : ' AM';\n    h = h % 12 || 12;\n  }\n\n  return format\n    .replace('HH', String(h).padStart(2, '0'))\n    .replace('H', String(h))\n    .replace('mm', m)\n    .replace('ss', s) + period;\n}\n\nfunction generateSteps(count: number, step: number): number[] {\n  const items: number[] = [];\n  for (let i = 0; i < count; i += step) {\n    items.push(i);\n  }\n  return items;\n}\n\nfunction showsSeconds(format: string): boolean {\n  return format.includes('ss') || format.includes('s');\n}\n\nfunction showsMinutes(format: string): boolean {\n  return format.includes('mm') || format.includes('m');\n}\n\nconst TimePicker = (props: TimePickerProps): React.ReactElement => {\n  const locale = useLocale();\n  const {\n    defaultValue,\n    value,\n    open: controlledOpen,\n    format = 'HH:mm:ss',\n    use12Hours = false,\n    hourStep = 1,\n    minuteStep = 1,\n    secondStep = 1,\n    disabled = false,\n    placeholder = locale.TimePicker.selectTime,\n    allowClear = true,\n    size = 'md',\n    inputReadOnly = true,\n    disabledTime,\n    hideDisabledOptions = false,\n    loop = false,\n    showNow = true,\n    renderExtraFooter,\n    suffixIcon,\n    onChange,\n    onOpenChange,\n    className,\n    style,\n    prefixCls: customisedCls,\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('time-picker', configContext.prefixCls, customisedCls);\n\n  const [date, setDate] = useState<Date | null>(value ?? defaultValue ?? null);\n  const [open, setOpen] = useState(false);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const isOpen = controlledOpen ?? open;\n\n  // Controlled value\n  useEffect(() => {\n    if (value !== undefined) setDate(value);\n  }, [value]);\n\n  useEffect(() => {\n    if (controlledOpen !== undefined) setOpen(controlledOpen);\n  }, [controlledOpen]);\n\n  useEffect(() => {\n    const listener = (event: MouseEvent) => {\n      const target = event.target as HTMLElement;\n      if (wrapperRef.current?.contains(target) || dropdownRef.current?.contains(target)) return;\n      if (controlledOpen === undefined) setOpen(false);\n      onOpenChange?.(false);\n    };\n    document.addEventListener('click', listener);\n    return () => document.removeEventListener('click', listener);\n  }, [controlledOpen, onOpenChange]);\n\n  const toggleOpen = useCallback((val: boolean) => {\n    if (controlledOpen === undefined) setOpen(val);\n    onOpenChange?.(val);\n  }, [controlledOpen, onOpenChange]);\n\n  const updateTime = useCallback((type: 'h' | 'm' | 's', num: number) => {\n    const base = date ? new Date(date) : new Date(0, 0, 0, 0, 0, 0, 0);\n    if (type === 'h') base.setHours(num);\n    else if (type === 'm') base.setMinutes(num);\n    else base.setSeconds(num);\n\n    if (value === undefined) setDate(base);\n    onChange?.(base);\n  }, [date, value, onChange]);\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (value === undefined) setDate(null);\n    onChange?.(null);\n    toggleOpen(false);\n  };\n\n  const handleNow = () => {\n    const now = new Date();\n    if (value === undefined) setDate(now);\n    onChange?.(now);\n    toggleOpen(false);\n  };\n\n  const handleOk = () => {\n    toggleOpen(false);\n  };\n\n  // Disabled time calculation\n  const disabled12 = useMemo(() => disabledTime?.() ?? {}, [disabledTime]);\n  const disabledHours = useMemo(() => disabled12.disabledHours?.() ?? [], [disabled12]);\n  const currentHour = date?.getHours() ?? 0;\n  const disabledMinutes = useMemo(\n    () => disabled12.disabledMinutes?.(currentHour) ?? [],\n    [disabled12, currentHour]\n  );\n  const currentMinute = date?.getMinutes() ?? 0;\n  const disabledSeconds = useMemo(\n    () => disabled12.disabledSeconds?.(currentHour, currentMinute) ?? [],\n    [disabled12, currentHour, currentMinute]\n  );\n\n  const hours = generateSteps(24, hourStep);\n  const minutes = generateSteps(60, minuteStep);\n  const seconds = generateSteps(60, secondStep);\n\n  const filteredHours = hideDisabledOptions ? hours.filter((h) => !disabledHours.includes(h)) : hours;\n  const filteredMinutes = hideDisabledOptions ? minutes.filter((m) => !disabledMinutes.includes(m)) : minutes;\n  const filteredSeconds = hideDisabledOptions ? seconds.filter((s) => !disabledSeconds.includes(s)) : seconds;\n\n  const hasValue = date !== null;\n  const displayValue = hasValue ? formatTime(date, format, use12Hours) : '';\n\n  const cls = classNames(prefixCls, className, `${prefixCls}_${size}`, {\n    [`${prefixCls}_disabled`]: disabled,\n    [`${prefixCls}_open`]: isOpen,\n    [`${prefixCls}_has-value`]: hasValue,\n  });\n\n  const renderOverlay = () => (\n    <div className={`${prefixCls}__dropdown`} ref={dropdownRef}>\n      <div className={`${prefixCls}__panel`}>\n        <TimePanel\n          prefixCls={prefixCls}\n          value={date?.getHours() ?? 0}\n          items={filteredHours}\n          disabledItems={hideDisabledOptions ? [] : disabledHours}\n          loop={loop}\n          onChange={(h) => updateTime('h', h)}\n        />\n        {showsMinutes(format) && (\n          <TimePanel\n            prefixCls={prefixCls}\n            value={date?.getMinutes() ?? 0}\n            items={filteredMinutes}\n            disabledItems={hideDisabledOptions ? [] : disabledMinutes}\n            loop={loop}\n            onChange={(m) => updateTime('m', m)}\n          />\n        )}\n        {showsSeconds(format) && (\n          <TimePanel\n            prefixCls={prefixCls}\n            value={date?.getSeconds() ?? 0}\n            items={filteredSeconds}\n            disabledItems={hideDisabledOptions ? [] : disabledSeconds}\n            loop={loop}\n            onChange={(s) => updateTime('s', s)}\n          />\n        )}\n      </div>\n      <div className={`${prefixCls}__footer`}>\n        {renderExtraFooter && <div className={`${prefixCls}__extra-footer`}>{renderExtraFooter()}</div>}\n        <div className={`${prefixCls}__footer-actions`}>\n          {showNow && <a className={`${prefixCls}__now-btn`} onClick={handleNow}>{locale.TimePicker.now}</a>}\n          <button type=\"button\" className={`${prefixCls}__ok-btn`} onClick={handleOk}>{locale.TimePicker.okText}</button>\n        </div>\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={cls} style={style} ref={wrapperRef}>\n      <Popup\n        trigger=\"manual\"\n        placement=\"bottom-start\"\n        arrow={false}\n        visible={isOpen}\n        content={renderOverlay()}>\n        <div\n          className={`${prefixCls}__input`}\n          onClick={() => !disabled && toggleOpen(!isOpen)}>\n          <input\n            className={`${prefixCls}__input-field`}\n            readOnly={inputReadOnly}\n            disabled={disabled}\n            placeholder={placeholder}\n            value={displayValue}\n            aria-expanded={isOpen}\n            aria-haspopup=\"dialog\"\n            onKeyDown={(e) => {\n              if (e.key === 'Escape' && isOpen) toggleOpen(false);\n            }}\n          />\n          <span className={`${prefixCls}__suffix`}>\n            {allowClear && hasValue && !disabled ? (\n              <button type=\"button\" className={`${prefixCls}__clear`} onClick={handleClear} aria-label=\"Clear time\">\n                <ClearIcon size=\"1em\" />\n              </button>\n            ) : null}\n            <span className={`${prefixCls}__icon`}>\n              {suffixIcon ?? <ClockIcon size=\"1em\" />}\n            </span>\n          </span>\n        </div>\n      </Popup>\n    </div>\n  );\n};\n\nTimePicker.displayName = 'TimePicker';\n\nexport default TimePicker;\n"],"mappings":"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"}

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

@@ -1,47 +1,56 @@
-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[];
+import { BaseProps, SizeType } from "../_utils/props.js";
+import { ReactNode } from "react";
+
+//#region components/time-picker/types.d.ts
+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;
+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;
+  /** Show "Now" button in footer (default: true) */
+  showNow?: 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;
+  /** Enable infinite circular scrolling for h/m/s columns */
+  loop?: boolean;
 }
+//#endregion
+export { TimePickerProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/timeline/index.d.ts

@@ -1,7 +1,11 @@
-import Timeline from './timeline';
-import TimelineItem from './timeline-item';
+import { Timeline } from "./timeline.js";
+import { TimelineItem } from "./timeline-item.js";
+
+//#region components/timeline/index.d.ts
 type ITimeline = typeof Timeline & {
-    Item: typeof TimelineItem;
+  Item: typeof TimelineItem;
 };
 declare const DefaultTimeline: ITimeline;
-export default DefaultTimeline;
+//#endregion
+export { DefaultTimeline };
+//# sourceMappingURL=index.d.ts.map

package/lib/timeline/index.js

@@ -1,9 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const timeline_1 = tslib_1.__importDefault(require("./timeline"));
-const timeline_item_1 = tslib_1.__importDefault(require("./timeline-item"));
-const DefaultTimeline = timeline_1.default;
-DefaultTimeline.Item = timeline_item_1.default;
+require('../style/base.css');
+require('./style/index.css');
+const require_timeline = require("./timeline.js");
+const require_timeline_item = require("./timeline-item.js");
+//#region components/timeline/index.tsx
+const DefaultTimeline = require_timeline.default;
+DefaultTimeline.Item = require_timeline_item.default;
+//#endregion
 exports.default = DefaultTimeline;
+
 //# sourceMappingURL=index.js.map

package/lib/timeline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/timeline/index.tsx"],"names":[],"mappings":";;;AAAA,kEAAkC;AAClC,4EAA2C;AAM3C,MAAM,eAAe,GAAG,kBAAqB,CAAC;AAC9C,eAAe,CAAC,IAAI,GAAG,uBAAY,CAAC;AAEpC,kBAAe,eAAe,CAAC"}
+{"version":3,"file":"index.js","names":["Timeline","TimelineItem"],"sources":["../../components/timeline/index.tsx"],"sourcesContent":["import Timeline from './timeline';\nimport TimelineItem from './timeline-item';\n\ntype ITimeline = typeof Timeline & {\n  Item: typeof TimelineItem;\n};\n\nconst DefaultTimeline = Timeline as ITimeline;\nDefaultTimeline.Item = TimelineItem;\n\nexport default DefaultTimeline;\n"],"mappings":";;;AAOA,MAAM,kBAAkBA,iBAAAA;AACxB,gBAAgB,OAAOC,sBAAAA"}

package/lib/timeline/style/_index.scss

@@ -0,0 +1,91 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-timeline {
+  box-sizing: border-box;
+  color: var(--ty-color-text-secondary);
+  font-size: $font-size-base;
+  line-height: 1.5;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.#{$prefix}-timeline-item {
+  position: relative;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0 0 20px;
+  font-size: 14px;
+  list-style: none;
+
+  &:last-child {
+    .#{$prefix}-timeline-item__head {
+      &:before {
+        display: none;
+      }
+    }
+  }
+
+  &__head {
+    width: 16px;
+    background-color: transparent;
+    position: absolute;
+    color: var(--ty-color-primary);
+    height: 100%;
+
+    &:before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 50%;
+      transform: translateX(-50%);
+      height: 100%;
+      border-left: 2px solid var(--ty-timeline-line-color);
+    }
+  }
+
+  &__dot-container {
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    background-color: transparent;
+  }
+
+  &__dot {
+    display: inline-block;
+    width: 10px;
+    height: 10px;
+    border: 2px solid var(--ty-color-primary);
+    border-radius: 100px;
+    background-color: var(--ty-color-bg);
+  }
+
+  &__content {
+    position: relative;
+    top: 0;
+    padding-left: 25px;
+  }
+
+  &_left,
+  &_right {
+    .#{$prefix}-timeline-item__head {
+      left: 50%;
+    }
+  }
+
+  &_left {
+    .#{$prefix}-timeline-item__content {
+      left: 50%;
+      width: 50%;
+    }
+  }
+
+  &_right {
+    .#{$prefix}-timeline-item__content {
+      width: 50%;
+      text-align: right;
+      padding-left: 0;
+      padding-right: 9px;
+    }
+  }
+}