@hi-ui/time-picker 4.0.0-alpha.9 → 4.0.0-beta.3

package/lib/esm/TimePicker.js

@@ -7,7 +7,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { forwardRef, useState, useRef, useEffect, useCallback, useMemo } from 'react';
+import React, { forwardRef, useState, useMemo, useCallback, useRef, useEffect } from 'react';
 import { getPrefixCls, cx } from '@hi-ui/classname';
 import { __DEV__ } from '@hi-ui/env';
 import { Input } from './Input.js';
@@ -19,10 +19,10 @@ import { valueChecker } from './utils/valueChecker.js';
 import { useFilter } from './hooks/useFilter.js';
 import { Button } from '@hi-ui/button';
 import { getNowString } from './utils/getNowString.js';
+import DayJs from 'dayjs';
+import { useLocaleContext } from '@hi-ui/locale-context';
 var _role = 'time-picker';
-
-var _prefix = getPrefixCls(_role);
-
+var timePickerPrefix = getPrefixCls(_role);
 var DefaultValue = ['', ''];
 
 var DefaultDisabledFunc = function DefaultDisabledFunc() {
@@ -30,19 +30,27 @@ var DefaultDisabledFunc = function DefaultDisabledFunc() {
 };
 
 var DefaultPlaceholder = ['', ''];
+
+var getValueMatchString = function getValueMatchString(value) {
+  if (!value) {
+    return undefined;
+  }
+
+  var result = Array.isArray(value) ? value : [value];
+  return result.map(function (item) {
+    return typeof item === 'string' ? item : DayJs(item).format('HH:mm:ss');
+  });
+};
+
 var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _cx;
 
   var _ref$prefixCls = _ref.prefixCls,
-      prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
+      prefixCls = _ref$prefixCls === void 0 ? timePickerPrefix : _ref$prefixCls,
       _ref$role = _ref.role,
       role = _ref$role === void 0 ? _role : _ref$role,
       className = _ref.className,
       controlledValue = _ref.value,
-      _ref$itemHeight = _ref.itemHeight,
-      itemHeight = _ref$itemHeight === void 0 ? 24 : _ref$itemHeight,
-      _ref$fullDisplayItemN = _ref.fullDisplayItemNumber,
-      fullDisplayItemNumber = _ref$fullDisplayItemN === void 0 ? 7 : _ref$fullDisplayItemN,
       _ref$hourStep = _ref.hourStep,
       hourStep = _ref$hourStep === void 0 ? 1 : _ref$hourStep,
       _ref$minuteStep = _ref.minuteStep,
@@ -53,6 +61,8 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
       format = _ref$format === void 0 ? 'HH:mm:ss' : _ref$format,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'single' : _ref$type,
+      _ref$appearance = _ref.appearance,
+      appearance = _ref$appearance === void 0 ? 'line' : _ref$appearance,
       _ref$defaultValue = _ref.defaultValue,
       uncontrolledValue = _ref$defaultValue === void 0 ? DefaultValue : _ref$defaultValue,
       _ref$disabled = _ref.disabled,
@@ -63,22 +73,42 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
       originalDisabledSeconds = _ref$disabledSeconds === void 0 ? DefaultDisabledFunc : _ref$disabledSeconds,
       _ref$disabledMinutes = _ref.disabledMinutes,
       originalDisabledMinutes = _ref$disabledMinutes === void 0 ? DefaultDisabledFunc : _ref$disabledMinutes,
-      _ref$bordered = _ref.bordered,
-      bordered = _ref$bordered === void 0 ? true : _ref$bordered,
       notifyOutside = _ref.onChange,
       _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === void 0 ? DefaultPlaceholder : _ref$placeholder,
+      originalPlaceholder = _ref$placeholder === void 0 ? DefaultPlaceholder : _ref$placeholder,
       _ref$inputReadonly = _ref.inputReadonly,
-      inputReadonly = _ref$inputReadonly === void 0 ? false : _ref$inputReadonly;
+      inputReadonly = _ref$inputReadonly === void 0 ? false : _ref$inputReadonly,
+      overlay = _ref.overlay,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'md' : _ref$size;
+  var i18n = useLocaleContext();
+  var confirmText = i18n.get('timePicker.ok');
+  var nowText = i18n.get('timePicker.now');
 
   var _useState = useState(null),
       attachEl = _useState[0],
       setAttachEl = _useState[1];
 
-  var _useUncontrolledState = useUncontrolledState(uncontrolledValue, controlledValue, notifyOutside),
+  var formatUncontrolledValue = useMemo(function () {
+    return getValueMatchString(uncontrolledValue);
+  }, [uncontrolledValue]);
+  var formatControlledValue = useMemo(function () {
+    return getValueMatchString(controlledValue);
+  }, [controlledValue]);
+  var formatNotifyOutside = useCallback(function (disposeValue) {
+    var result = disposeValue.filter(function (item) {
+      return item;
+    });
+    notifyOutside && notifyOutside(result.length > 1 ? result : result[0]);
+  }, [notifyOutside]);
+
+  var _useUncontrolledState = useUncontrolledState(formatUncontrolledValue, formatControlledValue, formatNotifyOutside),
       value = _useUncontrolledState[0],
       onChange = _useUncontrolledState[1];
 
+  var placeholder = useMemo(function () {
+    return Array.isArray(originalPlaceholder) ? originalPlaceholder : [originalPlaceholder];
+  }, [originalPlaceholder]);
   var inputRef = useRef(null);
 
   var _useState2 = useState(true),
@@ -159,14 +189,14 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
       setShowPopper = _useState4[1];
 
   var showPopperRef = useRef(false);
-  var cls = cx(prefixCls, className, (_cx = {}, _cx[prefixCls + "--border"] = bordered, _cx[prefixCls + "--active"] = showPopper && !disabled, _cx[prefixCls + "--disabled"] = disabled, _cx[prefixCls + "--input-not-valid"] = !isInputValid, _cx));
+  var cls = cx(prefixCls, className, prefixCls + "--appearance-" + appearance, (_cx = {}, _cx[prefixCls + "--active"] = showPopper && !disabled, _cx[prefixCls + "--disabled"] = disabled, _cx[prefixCls + "--input-not-valid"] = !isInputValid, _cx));
   var functionButtons = useMemo(function () {
     return /*#__PURE__*/React.createElement("div", {
       className: prefixCls + "__pop-function-buttons"
     }, /*#__PURE__*/React.createElement(Button, {
       className: prefixCls + "__pop-confirm-button",
       type: 'primary',
-      size: "small",
+      size: "sm",
       disabled: !isInputValid,
       onClick: function onClick() {
         // 合法，才去通知外部
@@ -176,16 +206,18 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
           }
         }
 
+        showPopperRef.current = false;
         setShowPopper(false);
       }
-    }, "\u786E\u8BA4"), type === 'single' && /*#__PURE__*/React.createElement("div", {
+    }, confirmText), type === 'single' && /*#__PURE__*/React.createElement("div", {
       className: prefixCls + "__pop-now-button",
       onClick: function onClick() {
         onCacheChange([getNowString(format)]);
+        showPopperRef.current = false;
         setShowPopper(false);
       }
-    }, "\u6B64\u523B"));
-  }, [prefixCls, isInputValid, type, format, onCacheChange, cacheValue, value, onChange, validChecker]);
+    }, nowText));
+  }, [confirmText, nowText, prefixCls, isInputValid, type, format, onCacheChange, cacheValue, value, onChange, validChecker]);
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     role: role,
@@ -194,6 +226,8 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: setAttachEl,
     className: prefixCls + "__input-wrapper"
   }, /*#__PURE__*/React.createElement(Input, {
+    size: size,
+    isFitContent: appearance === 'unset',
     ref: inputRef,
     onValidChange: setIsInputValid,
     disabled: inputReadonly || disabled,
@@ -216,22 +250,21 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }), /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "__function-button",
     onClick: function onClick() {
-      // pop正打开，此时点击按钮为清除功能
-      if (showPopperRef.current) {
-        onCacheChange(type === 'single' ? [''] : ['', '']);
-      }
-
-      showPopperRef.current = !showPopper;
+      showPopperRef.current = !showPopperRef.current;
       setShowPopper(function (pre) {
         return !pre;
       });
     }
   }, showPopper ? /*#__PURE__*/React.createElement(CloseCircleFilled, {
-    className: prefixCls + "__close-button"
-  }) : /*#__PURE__*/React.createElement(TimeOutlined, null))), /*#__PURE__*/React.createElement(PopperPortal, {
+    className: prefixCls + "__close-button",
+    onClick: function onClick() {
+      onCacheChange(type === 'single' ? [''] : ['', '']);
+    }
+  }) : /*#__PURE__*/React.createElement(TimeOutlined, null))), /*#__PURE__*/React.createElement(PopperPortal, Object.assign({}, overlay || {}, {
     unmountOnClose: false,
     visible: showPopper && !disabled,
     attachEl: attachEl,
+    autoFocus: false,
     onClose: function onClose() {
       var _a; // 关闭弹窗，视作，抛弃之前的选择行为，复位
 
@@ -243,9 +276,11 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
       (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.refresh();
     },
     preload: true
-  }, /*#__PURE__*/React.createElement(PopContent, {
-    itemHeight: itemHeight,
-    fullDisplayItemNumber: fullDisplayItemNumber,
+  }), /*#__PURE__*/React.createElement(PopContent // itemHeight={itemHeight}
+  // fullDisplayItemNumber={fullDisplayItemNumber}
+  , {
+    // itemHeight={itemHeight}
+    // fullDisplayItemNumber={fullDisplayItemNumber}
     type: type,
     prefix: prefixCls,
     format: format,
@@ -277,5 +312,5 @@ if (__DEV__) {
   TimePicker.displayName = 'TimePicker';
 }
 
-export { TimePicker, _prefix };
+export { TimePicker, timePickerPrefix };
 //# sourceMappingURL=TimePicker.js.map

package/lib/esm/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","sources":["../../src/TimePicker.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","DefaultValue","DefaultDisabledFunc","DefaultPlaceholder","TimePicker","forwardRef","ref","prefixCls","role","className","controlledValue","value","itemHeight","fullDisplayItemNumber","hourStep","minuteStep","secondStep","format","type","defaultValue","uncontrolledValue","disabled","disabledHours","originalDisabledHours","disabledSeconds","originalDisabledSeconds","disabledMinutes","originalDisabledMinutes","bordered","notifyOutside","onChange","placeholder","inputReadonly","useState","attachEl","setAttachEl","useUncontrolledState","inputRef","useRef","isInputValid","setIsInputValid","cacheValue","setCacheValue","cacheValueRef","useFilter","useEffect","current","pre","join","getPanelType","useCallback","index","validChecker","checkValue","rangeValid","every","item","valueChecker","filter","step","panelType","onCacheChange","newValue","result","slice","showPopper","setShowPopper","showPopperRef","cls","cx","functionButtons","useMemo","React","Button","size","onClick","getNowString","Input","onValidChange","placeholders","prefix","onFocus","CloseCircleFilled","TimeOutlined","PopperPortal","unmountOnClose","visible","onClose","refresh","preload","PopContent","e","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,IAAMA,KAAK,GAAG,aAAd;;IACaC,OAAO,GAAGC,YAAY,CAACF,KAAD;;AAEnC,IAAMG,YAAY,GAAG,CAAC,EAAD,EAAK,EAAL,CAArB;;AACA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB;SAAM;AAAlC,CAAA;;AACA,IAAMC,kBAAkB,GAAG,CAAC,EAAD,EAAK,EAAL,CAA3B;IAEaC,UAAU,gBAAGC,UAAU,CAClC,cAAA,EAuBEC,GAvBF;;;4BAEIC;MAAAA,wCAAYR;uBACZS;MAAAA,8BAAOV;MACPW,iBAAAA;MACOC,uBAAPC;6BACAC;MAAAA,0CAAa;mCACbC;MAAAA,2DAAwB;2BACxBC;MAAAA,sCAAW;6BACXC;MAAAA,0CAAa;6BACbC;MAAAA,0CAAa;yBACbC;MAAAA,kCAAS;uBACTC;MAAAA,8BAAO;+BACPC;MAAcC,mDAAoBnB;2BAClCoB;MAAAA,sCAAW;gCACXC;MAAeC,wDAAwBrB;kCACvCsB;MAAiBC,4DAA0BvB;kCAC3CwB;MAAiBC,4DAA0BzB;2BAC3C0B;MAAAA,sCAAW;MACDC,qBAAVC;8BACAC;MAAAA,4CAAc5B;gCACd6B;MAAAA,gDAAgB;;kBAIcC,QAAQ,CAAqB,IAArB;MAAjCC,QAAP;MAAiBC,WAAjB;;8BAC0BC,oBAAoB,CAC5ChB,iBAD4C,EAE5CV,eAF4C,EAG5CmB,aAH4C;MAAvClB,KAAP;MAAcmB,QAAd;;MAKMO,QAAQ,GAAGC,MAAM,CAAkB,IAAlB;;mBACiBL,QAAQ,CAAC,IAAD;MAAzCM,YAAP;MAAqBC,eAArB;;mBACoCP,QAAQ,CAAWtB,KAAX;MAArC8B,UAAP;MAAmBC,aAAnB;;MACMC,aAAa,GAAGL,MAAM,CAACG,UAAD;;mBAGgCG,SAAS,CAAC;AACpEtB,IAAAA,aAAa,EAAEC,qBADqD;AAEpEG,IAAAA,eAAe,EAAEC,uBAFmD;AAGpEH,IAAAA,eAAe,EAAEC;AAHmD,GAAD;MAA7DH,aAAR,cAAQA;MAAeI,eAAvB,cAAuBA;MAAiBF,eAAxC,cAAwCA;;AAMxCqB,EAAAA,SAAS,CAAC;AACRF,IAAAA,aAAa,CAACG,OAAdH,aAA4BhC,MAA5BgC;AACAD,IAAAA,aAAa,CAAC,UAACK,GAAD;UACRA,GAAG,CAACC,IAAJD,CAAS,EAATA,MAAiBpC,KAAK,CAACqC,IAANrC,CAAW,EAAXA,GAAgB;yBACxBA;;;aAENoC;AAJI,KAAA,CAAbL;AAFO,GAAA,EAQN,CAAC/B,KAAD,CARM,CAATkC;MAUMI,YAAY,GAAGC,WAAW,CAC9B,UAACC,KAAD;QACMjC,IAAI,KAAK,UAAU;aACd;AADT,WAEO;aACEiC,KAAK,KAAK,CAAVA,GAAc,aAAdA,GAA8B;;AALX,GAAA,EAQ9B,CAACjC,IAAD,CAR8B;;MAY1BkC,YAAY,GAAGF,WAAW,CAC9B,UAACG,UAAD;;;QAGQC,UAAU,GAAGD,UAAU,CAACL,IAAXK,CAAgB,EAAhBA,MAAwB,EAAxBA,IAA8BA,UAAU,CAAC,CAAD,CAAVA,GAAgBA,UAAU,CAAC,CAAD;WAEzEA,UAAU,CAACE,KAAXF,CAAiB,UAACG,IAAD,EAAOL,KAAP;aACfM,YAAY,CAAC;AACX9C,QAAAA,KAAK,EAAE6C,IADI;AAEXvC,QAAAA,MAAM,EAANA,MAFW;AAGXyC,QAAAA,MAAM,EAAE;AACNlC,UAAAA,eAAe,EAAfA,eADM;AAENE,UAAAA,eAAe,EAAfA,eAFM;AAGNJ,UAAAA,aAAa,EAAbA;AAHM,SAHG;AAQXqC,QAAAA,IAAI,EAAE;AACJ7C,UAAAA,QAAQ,EAARA,QADI;AAEJC,UAAAA,UAAU,EAAVA,UAFI;AAGJC,UAAAA,UAAU,EAAVA;AAHI,SARK;AAaX4C,QAAAA,SAAS,EAAEX,YAAY,CAACE,KAAD;AAbZ,OAAD;AADd,KAAAE;AAkBCnC,IAAAA,IAAI,KAAK,QAATA,IAAqBoC,UAlBtBD;AAN0B,GAAA,EA2B9B,CACEvC,QADF,EAEEmC,YAFF,EAGElC,UAHF,EAIEC,UAJF,EAKEM,aALF,EAMEI,eANF,EAOEF,eAPF,EAQEP,MARF,EASEC,IATF,CA3B8B;MAwC1B2C,aAAa,GAAGX,WAAW,CAC/B,UAACY,QAAD;QACQC,MAAM,GAAGD,QAAQ,CAACE,KAATF,CAAe,CAAfA,EAAkB5C,IAAI,KAAK,QAATA,GAAoB,CAApBA,GAAwB,CAA1C4C;AACfnB,IAAAA,aAAa,CAACG,OAAdH,aAA4BoB,OAA5BpB;;AAEAD,IAAAA,aAAa,CAAC,UAACK,GAAD;UACRA,GAAG,CAACC,IAAJD,CAAS,EAATA,MAAiBgB,MAAM,CAACf,IAAPe,CAAY,EAAZA,GAAiB;yBACzBA;;;aAENhB;AAJI,KAAA,CAAbL;AAL6B,GAAA,EAY/B,CAACxB,IAAD,CAZ+B;;mBAeGe,QAAQ,CAAC,KAAD;MAArCgC,UAAP;MAAmBC,aAAnB;;MACMC,aAAa,GAAG7B,MAAM,CAAC,KAAD;MAEtB8B,GAAG,GAAGC,EAAE,CAAC9D,SAAD,EAAYE,SAAZ,iBACRF,SADQ,iBACcqB,cACtBrB,SAFQ,iBAEc0D,UAAU,IAAI,CAAC5C,cACrCd,SAHQ,mBAGgBc,cACxBd,SAJQ,0BAIuB,CAACgC,iBAJxB;MAOR+B,eAAe,GAAGC,OAAO,CAAC;wBAE5BC,mBAAAA,MAAAA;AAAK/D,MAAAA,SAAS,EAAKF,SAAL;KAAdiE,eACEA,mBAAAA,CAACC,MAADD;AACE/D,MAAAA,SAAS,EAAKF,SAAL;AACTW,MAAAA,IAAI,EAAE;AACNwD,MAAAA,IAAI,EAAC;AACLrD,MAAAA,QAAQ,EAAE,CAACkB;AACXoC,MAAAA,OAAO,EAAE,gBAAA;;YAEHvB,YAAY,CAACX,UAAD,GAAc;cACxBA,UAAU,CAACO,IAAXP,CAAgB,EAAhBA,MAAwB9B,KAAK,CAACqC,IAANrC,CAAW,EAAXA,GAAgB;AAC1CmB,YAAAA,QAAQ,WAAKW,WAAL,CAARX;;;;AAGJoC,QAAAA,aAAa,CAAC,KAAD,CAAbA;;KAZJM,gBAAAA,CADFA,EAkBGtD,IAAI,KAAK,QAATA,iBACCsD,mBAAAA,MAAAA;AACE/D,MAAAA,SAAS,EAAKF,SAAL;AACToE,MAAAA,OAAO,EAAE,gBAAA;AACPd,QAAAA,aAAa,CAAC,CAACe,YAAY,CAAC3D,MAAD,CAAb,CAAD,CAAb4C;AACAK,QAAAA,aAAa,CAAC,KAAD,CAAbA;;KAJJM,gBAAAA,CAnBJA;AAF2B,GAAA,EAiC5B,CACDjE,SADC,EAEDgC,YAFC,EAGDrB,IAHC,EAIDD,MAJC,EAKD4C,aALC,EAMDpB,UANC,EAOD9B,KAPC,EAQDmB,QARC,EASDsB,YATC,CAjC4B;sBA8C7BoB,mBAAAA,MAAAA;AAAKlE,IAAAA,GAAG,EAAEA;AAAKE,IAAAA,IAAI,EAAEA;AAAMC,IAAAA,SAAS,EAAE2D;GAAtCI,eACEA,mBAAAA,MAAAA;AAAKlE,IAAAA,GAAG,EAAE6B;AAAa1B,IAAAA,SAAS,EAAKF,SAAL;GAAhCiE,eACEA,mBAAAA,CAACK,KAADL;AACElE,IAAAA,GAAG,EAAE+B;AACLyC,IAAAA,aAAa,EAAEtC;AACfnB,IAAAA,QAAQ,EAAEW,aAAa,IAAIX;AAC3BH,IAAAA,IAAI,EAAEA;AACN6D,IAAAA,YAAY,EAAEhD;AACdiD,IAAAA,MAAM,EAAEzE;AACRU,IAAAA,MAAM,EAAEA;AACRH,IAAAA,QAAQ,EAAEA;AACVE,IAAAA,UAAU,EAAEA;AACZD,IAAAA,UAAU,EAAEA;AACZO,IAAAA,aAAa,EAAEA;AACfI,IAAAA,eAAe,EAAEA;AACjBF,IAAAA,eAAe,EAAEA;AACjBb,IAAAA,KAAK,EAAE8B;AACPX,IAAAA,QAAQ,EAAE+B;AACVoB,IAAAA,OAAO,EAAE,gBAAA;AACPd,MAAAA,aAAa,CAACrB,OAAdqB,GAAwB,IAAxBA;AACAD,MAAAA,aAAa,CAAC,IAAD,CAAbA;;GAlBJM,CADFA,eAsBEA,mBAAAA,MAAAA;AACE/D,IAAAA,SAAS,EAAKF,SAAL;AACToE,IAAAA,OAAO,EAAE,gBAAA;;UAEHR,aAAa,CAACrB,SAAS;AACzBe,QAAAA,aAAa,CAAC3C,IAAI,KAAK,QAATA,GAAoB,CAAC,EAAD,CAApBA,GAA2B,CAAC,EAAD,EAAK,EAAL,CAA5B,CAAb2C;;;AAEFM,MAAAA,aAAa,CAACrB,OAAdqB,GAAwB,CAACF,UAAzBE;AACAD,MAAAA,aAAa,CAAC,UAACnB,GAAD;eAAS,CAACA;AAAX,OAAA,CAAbmB;;GARJM,EAWGP,UAAU,gBACTO,mBAAAA,CAACU,iBAADV;AAAmB/D,IAAAA,SAAS,EAAKF,SAAL;GAA5BiE,CADS,gBAGTA,mBAAAA,CAACW,YAADX,MAAAA,CAdJA,CAtBFA,CADFA,eAyCEA,mBAAAA,CAACY,YAADZ;AACEa,IAAAA,cAAc,EAAE;AAChBC,IAAAA,OAAO,EAAErB,UAAU,IAAI,CAAC5C;AACxBa,IAAAA,QAAQ,EAAEA;AACVqD,IAAAA,OAAO,EAAE,gBAAA;;;;AAEPpB,MAAAA,aAAa,CAACrB,OAAdqB,GAAwB,KAAxBA;AACAD,MAAAA,aAAa,CAAC,KAAD,CAAbA;AACAL,MAAAA,aAAa,WAAKlD,MAAL,CAAbkD;;YAEAxB,QAAQ,CAACS,iDAAS0C;;AAEpBC,IAAAA,OAAO;GAZTjB,eAcEA,mBAAAA,CAACkB,UAADlB;AACE5D,IAAAA,UAAU,EAAEA;AACZC,IAAAA,qBAAqB,EAAEA;AACvBK,IAAAA,IAAI,EAAEA;AACN8D,IAAAA,MAAM,EAAEzE;AACRU,IAAAA,MAAM,EAAEA;AACRH,IAAAA,QAAQ,EAAEA;AACVE,IAAAA,UAAU,EAAEA;AACZD,IAAAA,UAAU,EAAEA;AACZO,IAAAA,aAAa,EAAEA;AACfI,IAAAA,eAAe,EAAEA;AACjBF,IAAAA,eAAe,EAAEA;AACjBb,IAAAA,KAAK,EAAE8B;AACPX,IAAAA,QAAQ,EAAE,iBAAA,CAAC6D,CAAD;;;;;UAGJxB,aAAa,CAACrB,SAAS;;;;;cAKzBT,QAAQ,CAACS,iDAAS0C;AAClB3B,QAAAA,aAAa,CAAC8B,CAAD,CAAb9B;;;GAtBNW,CAdFA,EAwCGF,eAxCHE,CAzCFA;AAjL8B,CAAA;;AAmUpC,IAAIoB,OAAJ,EAAa;AACXxF,EAAAA,UAAU,CAACyF,WAAXzF,GAAyB,YAAzBA;;;"}
+{"version":3,"file":"TimePicker.js","sources":["../../src/TimePicker.tsx"],"sourcesContent":[null],"names":["_role","timePickerPrefix","getPrefixCls","DefaultValue","DefaultDisabledFunc","DefaultPlaceholder","getValueMatchString","value","undefined","result","Array","isArray","map","item","DayJs","format","TimePicker","forwardRef","ref","prefixCls","role","className","controlledValue","hourStep","minuteStep","secondStep","type","appearance","defaultValue","uncontrolledValue","disabled","disabledHours","originalDisabledHours","disabledSeconds","originalDisabledSeconds","disabledMinutes","originalDisabledMinutes","notifyOutside","onChange","placeholder","originalPlaceholder","inputReadonly","overlay","size","i18n","useLocaleContext","confirmText","get","nowText","useState","attachEl","setAttachEl","formatUncontrolledValue","useMemo","formatControlledValue","formatNotifyOutside","useCallback","disposeValue","filter","length","useUncontrolledState","inputRef","useRef","isInputValid","setIsInputValid","cacheValue","setCacheValue","cacheValueRef","useFilter","useEffect","current","pre","join","getPanelType","index","validChecker","checkValue","rangeValid","every","valueChecker","step","panelType","onCacheChange","newValue","slice","showPopper","setShowPopper","showPopperRef","cls","cx","functionButtons","React","Button","onClick","getNowString","Input","isFitContent","onValidChange","placeholders","prefix","onFocus","CloseCircleFilled","TimeOutlined","PopperPortal","unmountOnClose","visible","autoFocus","onClose","refresh","preload","PopContent","e","__DEV__","displayName"],"mappings":"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"}

package/lib/esm/index.js

@@ -10,5 +10,5 @@
 import './styles/index.scss.js';
 export { PopContent as TimePickerPopContent } from './PopContent.js';
 export { TimePickerSelectorType } from './@types/index.js';
-export { TimePicker, _prefix, TimePicker as default } from './TimePicker.js';
+export { TimePicker, TimePicker as default, timePickerPrefix } from './TimePicker.js';
 //# sourceMappingURL=index.js.map

package/lib/esm/styles/index.scss.js

@@ -7,7 +7,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-time-picker {\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n  border-radius: 4px; }\n.hi-v4-time-picker--border {\n    position: relative;\n    z-index: 0; }\n.hi-v4-time-picker--border .hi-v4-time-picker__input-wrapper {\n      border-radius: 4px;\n      border-radius: var(--hi-v4-border-radius-md, 4px);\n      background: #fff;\n      background: var(--hi-v4-color-static-white, #fff);\n      border: 1px solid #dfe2e8;\n      border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-time-picker--border::before {\n      content: '';\n      width: calc(100% + 4px);\n      height: calc(100% + 4px);\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      -webkit-transform: translateX(-50%) translateY(-50%);\n              transform: translateX(-50%) translateY(-50%);\n      background: #237ffa;\n      background: var(--hi-v4-color-brandblue-500, #237ffa);\n      opacity: 0;\n      pointer-events: none;\n      z-index: -1;\n      border-radius: 6px; }\n.hi-v4-time-picker--border.hi-v4-time-picker--input-not-valid .hi-v4-time-picker__input-wrapper {\n    border-color: #ff5959;\n    border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-time-picker--border.hi-v4-time-picker--input-not-valid::before {\n    background: #ff5959;\n    background: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-time-picker--active .hi-v4-time-picker__input-wrapper {\n    -webkit-box-shadow: 0 0 2px  #237ffa33;\n            box-shadow: 0 0 2px  #237ffa33;\n    border-color: #237ffa;\n    border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-time-picker--active::before {\n    opacity: 0.2; }\n.hi-v4-time-picker__input-wrapper {\n    width: -webkit-fit-content;\n    width: -moz-fit-content;\n    width: fit-content;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center; }\n.hi-v4-time-picker__input-wrapper:hover {\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-time-picker__pop-function-buttons {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    padding: 6px 8px;\n    border-top: 1px solid #f2f4f7;\n    border-top: 1px solid var(--hi-v4-color-gray-100, #f2f4f7);\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: row-reverse;\n            flex-direction: row-reverse; }\n.hi-v4-time-picker__pop-now-button {\n    height: 22px;\n    width: 48px;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    font-size: 0.75rem;\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    color: #237ffa;\n    color: var(--hi-v4-color-brandblue-500, #237ffa);\n    cursor: pointer;\n    margin-right: 12px;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none; }\n.hi-v4-time-picker__function-button {\n    margin-right: 8px;\n    font-size: 14px;\n    cursor: pointer;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    color: #929aa6;\n    color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-time-picker--disabled {\n    cursor: not-allowed;\n    background: #dfe2e8; }\n.hi-v4-time-picker--disabled .hi-v4-time-picker__input-wrapper {\n      pointer-events: none;\n      opacity: 0.3; }\n.hi-v4-time-picker__close-button:hover {\n    color: #5f6a7a; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-time-picker__selector {\n  cursor: pointer;\n  position: relative;\n  z-index: 0;\n  width: 54px;\n  color: #5f6a7a; }\n.hi-v4-time-picker__selector:hover .hi-v4-time-picker__selector__shortcut {\n    opacity: 1; }\n.hi-v4-time-picker__selector__scroll-part {\n    overflow-y: auto;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    /* firefox */\n    -ms-overflow-style: none;\n    /* IE 10+ */ }\n.hi-v4-time-picker__selector__scroll-part::-webkit-scrollbar {\n      display: none;\n      /* Chrome Safari */ }\n.hi-v4-time-picker__selector--position-left {\n    margin-right: 1px; }\n.hi-v4-time-picker__selector--position-left .hi-v4-time-picker__selector__item {\n      border-radius: 4px 0 0 4px; }\n.hi-v4-time-picker__selector--position-right {\n    margin-left: 1px; }\n.hi-v4-time-picker__selector--position-right .hi-v4-time-picker__selector__item {\n      border-radius: 0 4px 4px 0; }\n.hi-v4-time-picker__selector--position-single .hi-v4-time-picker__selector__item {\n    border-radius: 4px; }\n.hi-v4-time-picker__selector__item {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    font-size: 14px;\n    margin: 8px 0; }\n.hi-v4-time-picker__selector__item:first-of-type {\n      margin-top: 4px; }\n.hi-v4-time-picker__selector__item:last-of-type {\n      margin-bottom: 4px; }\n.hi-v4-time-picker__selector__item:hover {\n      background: #f2f4f7;\n      background: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-time-picker__selector__item.hi-v4-time-picker__selector__item--disabled {\n      opacity: 0.2;\n      cursor: not-allowed;\n      background: transparent; }\n.hi-v4-time-picker__selector__shortcut {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    height: 12px;\n    opacity: 0; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-time-picker__panel {\n  padding: 4px 8px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n.hi-v4-time-picker__panel__selector-container {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    position: relative;\n    z-index: 0;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center; }\n.hi-v4-time-picker__panel__selector-content {\n    position: relative; }\n.hi-v4-time-picker__panel__indicator {\n    position: absolute;\n    top: 50%;\n    -webkit-transform: translateY(-50%);\n            transform: translateY(-50%);\n    pointer-events: none;\n    background: #e2f3fe;\n    background: var(--hi-v4-color-brandblue-50, #e2f3fe);\n    z-index: -1;\n    width: 54px; }\n.hi-v4-time-picker__panel__indicator--left {\n      border-top-left-radius: 4px;\n      border-bottom-left-radius: 4px;\n      left: 0; }\n.hi-v4-time-picker__panel__indicator--right {\n      border-top-right-radius: 4px;\n      border-bottom-right-radius: 4px;\n      right: 0; }\n.hi-v4-time-picker__panel__indicator--middle {\n      left: 0; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-time-picker__input {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n  font-size: 0.875rem;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  color: #1f2733;\n  color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-time-picker__input--disabled {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-time-picker__input--not-valid {\n    color: #ff5959;\n    color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-time-picker__input--range .hi-v4-time-picker__input__interact-area {\n    text-align: center; }\n.hi-v4-time-picker__input__interact-area {\n    color: inherit;\n    border: none;\n    outline: none;\n    height: 30px;\n    width: 208px;\n    line-height: 30px;\n    padding: 0 12px;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    font-size: inherit;\n    background: transparent; }\n.hi-v4-time-picker__input__interact-area:disabled {\n      background: transparent; }\n.hi-v4-time-picker__input__interact-area::-webkit-input-placeholder {\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-time-picker__input__interact-area::-moz-placeholder {\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-time-picker__input__interact-area::-ms-input-placeholder {\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-time-picker__input__interact-area:-ms-input-placeholder {\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-time-picker__input__interact-area::placeholder {\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6); }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-time-picker__pop-content {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n  position: relative;\n  -webkit-box-align: stretch;\n      -ms-flex-align: stretch;\n          align-items: stretch;\n  min-width: 100%;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center; }\n.hi-v4-time-picker__pop-content__separator {\n    width: 40px;\n    border-left: 1px solid #f2f4f7;\n    border-left: 1px solid var(--hi-v4-color-gray-100, #f2f4f7);\n    border-right: 1px solid #f2f4f7;\n    border-right: 1px solid var(--hi-v4-color-gray-100, #f2f4f7); }\n";
+var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-time-picker {\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n  border-radius: 4px;\n  -webkit-box-shadow: 0 0 0 2px transparent;\n          box-shadow: 0 0 0 2px transparent; }\n.hi-v4-time-picker__input-wrapper {\n    border: 1px solid transparent;\n    border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-md, 4px); }\n.hi-v4-time-picker--appearance-line {\n    position: relative;\n    z-index: 0; }\n.hi-v4-time-picker--appearance-line .hi-v4-time-picker__input-wrapper {\n      background: #fff;\n      background: var(--hi-v4-color-static-white, #fff);\n      border-color: #dfe2e8;\n      border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-time-picker--appearance-line:hover .hi-v4-time-picker__input-wrapper {\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-time-picker--appearance-filled {\n    background: #f2f4f7;\n    background: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-time-picker--appearance-filled:hover {\n      background: #ebedf0;\n      background: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-time-picker--appearance-unset:hover {\n    background: #f2f4f7;\n    background: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-time-picker--active {\n    -webkit-box-shadow: 0 0 0 2px #bde2ff;\n            box-shadow: 0 0 0 2px #bde2ff;\n    -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n            box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n    background: transparent; }\n.hi-v4-time-picker--active .hi-v4-time-picker__input-wrapper {\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-time-picker--active:hover {\n      background: transparent; }\n.hi-v4-time-picker--input-not-valid {\n    -webkit-box-shadow: 0 0 0 2px #ffd1c9;\n            box-shadow: 0 0 0 2px #ffd1c9;\n    -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n            box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9); }\n.hi-v4-time-picker--input-not-valid .hi-v4-time-picker__input-wrapper {\n      border-color: #ff5959;\n      border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-time-picker__input-wrapper {\n    width: -webkit-fit-content;\n    width: -moz-fit-content;\n    width: fit-content;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center; }\n.hi-v4-time-picker__pop-function-buttons {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    padding: 6px 8px;\n    border-top: 1px solid #f2f4f7;\n    border-top: 1px solid var(--hi-v4-color-gray-100, #f2f4f7);\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: row-reverse;\n            flex-direction: row-reverse; }\n.hi-v4-time-picker__pop-now-button {\n    height: 22px;\n    width: 48px;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    font-size: 0.75rem;\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    color: #237ffa;\n    color: var(--hi-v4-color-brandblue-500, #237ffa);\n    cursor: pointer;\n    margin-right: 12px;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none; }\n.hi-v4-time-picker__function-button {\n    margin-right: 8px;\n    font-size: 14px;\n    cursor: pointer;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    color: #929aa6;\n    color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-time-picker--disabled {\n    cursor: not-allowed;\n    background: #dfe2e8; }\n.hi-v4-time-picker--disabled .hi-v4-time-picker__input-wrapper {\n      pointer-events: none;\n      opacity: 0.3; }\n.hi-v4-time-picker__close-button:hover {\n    color: #5f6a7a; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-time-picker__selector {\n  cursor: pointer;\n  position: relative;\n  z-index: 0;\n  width: 54px;\n  color: #5f6a7a;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center; }\n.hi-v4-time-picker__selector:hover .hi-v4-time-picker__selector__shortcut {\n    opacity: 1; }\n.hi-v4-time-picker__selector--position-left {\n    margin-right: 1px; }\n.hi-v4-time-picker__selector--position-left .hi-v4-time-picker__selector__item {\n      border-radius: 4px 0 0 4px; }\n.hi-v4-time-picker__selector--position-right {\n    margin-left: 1px; }\n.hi-v4-time-picker__selector--position-right .hi-v4-time-picker__selector__item {\n      border-radius: 0 4px 4px 0; }\n.hi-v4-time-picker__selector--position-single .hi-v4-time-picker__selector__item {\n    border-radius: 4px; }\n.hi-v4-time-picker__selector__item {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    font-size: 14px; }\n.hi-v4-time-picker__selector__item:hover {\n      background: #f2f4f7;\n      background: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-time-picker__selector__item.hi-v4-time-picker__selector__item--disabled {\n      opacity: 0.2;\n      cursor: not-allowed;\n      background: transparent; }\n.hi-v4-time-picker__selector__demarcate {\n    margin: 8px 0;\n    height: 24px; }\n.hi-v4-time-picker__selector__demarcate:first-of-type {\n      margin-top: 0; }\n.hi-v4-time-picker__selector__demarcate:last-of-type {\n      margin-bottom: 0; }\n.hi-v4-time-picker__selector__scroll-part {\n    overflow-y: auto;\n    -webkit-box-sizing: content-box;\n            box-sizing: content-box;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    /* firefox */\n    -ms-overflow-style: none;\n    /* IE 10+ */\n    padding: 100px 0;\n    width: 100%;\n    position: relative;\n    z-index: 0; }\n.hi-v4-time-picker__selector__scroll-part::-webkit-scrollbar {\n      display: none;\n      /* Chrome Safari */ }\n.hi-v4-time-picker__selector__shortcut {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    height: 12px;\n    opacity: 0; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-time-picker__panel {\n  padding: 4px 8px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  height: 100%; }\n.hi-v4-time-picker__panel__selector-container {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    position: relative;\n    z-index: 0;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center; }\n.hi-v4-time-picker__panel__selector-content {\n    position: relative; }\n.hi-v4-time-picker__panel__indicator {\n    position: absolute;\n    top: 50%;\n    -webkit-transform: translateY(-50%);\n            transform: translateY(-50%);\n    pointer-events: none;\n    background: #e2f3fe;\n    background: var(--hi-v4-color-brandblue-50, #e2f3fe);\n    z-index: -1;\n    width: 54px;\n    height: 24px; }\n.hi-v4-time-picker__panel__indicator--left {\n      border-top-left-radius: 4px;\n      border-bottom-left-radius: 4px;\n      left: 0; }\n.hi-v4-time-picker__panel__indicator--right {\n      border-top-right-radius: 4px;\n      border-bottom-right-radius: 4px;\n      right: 0; }\n.hi-v4-time-picker__panel__indicator--middle {\n      left: 0; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-time-picker__input {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n  color: #1f2733;\n  color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-time-picker__input--disabled {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-time-picker__input--not-valid {\n    color: #ff5959;\n    color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-time-picker__input--range .hi-v4-time-picker__input__interact-area {\n    text-align: center; }\n.hi-v4-time-picker__input--fit-content .hi-v4-time-picker__input__wrapper {\n    width: -webkit-fit-content;\n    width: -moz-fit-content;\n    width: fit-content; }\n.hi-v4-time-picker__input--size-sm {\n    line-height: 24px;\n    line-height: var(--hi-v4-height-xs, 24px);\n    font-size: 0.75rem;\n    font-size: var(--hi-v4-text-size-sm, 0.75rem); }\n.hi-v4-time-picker__input--size-sm .hi-v4-time-picker__input__wrapper {\n      height: 24px;\n      height: var(--hi-v4-height-xs, 24px); }\n.hi-v4-time-picker__input--size-md {\n    line-height: 32px;\n    line-height: var(--hi-v4-height-normal, 32px);\n    font-size: 0.875rem;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem); }\n.hi-v4-time-picker__input--size-md .hi-v4-time-picker__input__wrapper {\n      height: 32px;\n      height: var(--hi-v4-height-normal, 32px); }\n.hi-v4-time-picker__input--size-lg {\n    line-height: 40px;\n    line-height: var(--hi-v4-height-xl, 40px);\n    font-size: 1rem;\n    font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-time-picker__input--size-lg .hi-v4-time-picker__input__wrapper {\n      height: 40px;\n      height: var(--hi-v4-height-xl, 40px); }\n.hi-v4-time-picker__input__wrapper {\n    width: 208px;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    position: relative;\n    z-index: 0;\n    height: 30px;\n    line-height: 30px;\n    padding: 0 12px; }\n.hi-v4-time-picker__input__shadow-text {\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    font-family: inherit;\n    color: transparent; }\n.hi-v4-time-picker__input__interact-area {\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    width: 100%;\n    padding: 0 12px;\n    color: inherit;\n    border: none;\n    outline: none;\n    height: 100%;\n    font-size: inherit;\n    background: transparent;\n    font-weight: inherit;\n    font-family: inherit;\n    position: absolute;\n    left: 0;\n    top: 0; }\n.hi-v4-time-picker__input__interact-area:disabled {\n      background: transparent; }\n.hi-v4-time-picker__input__interact-area::-webkit-input-placeholder {\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-time-picker__input__interact-area::-moz-placeholder {\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-time-picker__input__interact-area::-ms-input-placeholder {\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-time-picker__input__interact-area:-ms-input-placeholder {\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-time-picker__input__interact-area::placeholder {\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6); }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-time-picker__pop-content {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n  position: relative;\n  -webkit-box-align: stretch;\n      -ms-flex-align: stretch;\n          align-items: stretch;\n  min-width: 100%;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center; }\n.hi-v4-time-picker__pop-content__separator {\n    width: 40px;\n    border-left: 1px solid #f2f4f7;\n    border-left: 1px solid var(--hi-v4-color-gray-100, #f2f4f7);\n    border-right: 1px solid #f2f4f7;\n    border-right: 1px solid var(--hi-v4-color-gray-100, #f2f4f7); }\n";
 
 var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
 

package/lib/types/@types/index.d.ts

@@ -6,6 +6,7 @@ export declare enum TimePickerSelectorType {
     minute = 2,
     second = 3
 }
+export declare type TimePickerValue = Date | number | string;
 export interface TimePickerStep {
     /**
      * 小时选项间隔

package/lib/types/Input.d.ts

@@ -11,6 +11,8 @@ interface InputProps extends ExtendType {
     onFocus: () => void;
     disabled: boolean;
     onValidChange: (isValid: boolean) => void;
+    isFitContent: boolean;
+    size: 'sm' | 'md' | 'lg';
 }
 export interface InputRef {
     /**

package/lib/types/Panel.d.ts

@@ -7,8 +7,6 @@ interface PanelProps extends ExtendType {
     value: string;
     onChange: (value: string) => void;
     format: TimePickerFormat;
-    itemHeight: number;
-    fullDisplayItemNumber: number;
 }
 export declare const Panel: FC<PanelProps>;
 export {};

package/lib/types/PopContent.d.ts

@@ -7,8 +7,6 @@ interface PopContentProps extends ExtendType {
     onChange: (value: string[]) => void;
     format: TimePickerFormat;
     type: TimePickerType;
-    itemHeight: number;
-    fullDisplayItemNumber: number;
     style?: React.CSSProperties;
 }
 export declare const PopContent: FC<PopContentProps>;

package/lib/types/Selector.d.ts

@@ -15,8 +15,6 @@ interface SelectorProps {
     value: string;
     data: SelectorItem[];
     onChange: (item: SelectorItem) => void;
-    itemHeight: number;
-    fullDisplayItemNumber: number;
     position: SelectorPosition;
 }
 export declare const Selector: FC<SelectorProps>;

package/lib/types/TimePicker.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { HiBaseHTMLProps } from '@hi-ui/core';
-import { TimePickerStep, TimePickerType, TimePickerFormat, TimePickerFilterProps } from './@types';
-export declare const _prefix: string;
+import { TimePickerStep, TimePickerType, TimePickerFormat, TimePickerFilterProps, TimePickerValue } from './@types';
+import { PopperOverlayProps } from '@hi-ui/popper';
+export declare const timePickerPrefix: string;
 export declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLDivElement | null>>;
 declare type ExtendType = Omit<HiBaseHTMLProps<'div'>, 'placeholder' | 'value' | 'onChange'> & TimePickerFilterProps & TimePickerStep;
 export interface TimePickerProps extends ExtendType {
@@ -18,21 +19,20 @@ export interface TimePickerProps extends ExtendType {
     /**
      * 当前值（type='single'取数组第一个值，type='range'取数组第一个作为开始，第二个作为结束）
      */
-    value?: string[];
+    value?: TimePickerValue[] | TimePickerValue;
     /**
      * 默认值
      */
-    defaultValue?: string[];
+    defaultValue?: TimePickerValue[] | TimePickerValue;
+    /**
+     * 自定义控制弹出层 popper
+     */
+    overlay?: PopperOverlayProps;
     /**
      * 输入框是否不可编辑
      * @default false
      */
     inputReadonly?: boolean;
-    /**
-     * 是否有边框
-     * @default true
-     */
-    bordered?: boolean;
     /**
      * 是否禁用
      * @default false
@@ -41,21 +41,21 @@ export interface TimePickerProps extends ExtendType {
     /**
      * 输入框占位符
      */
-    placeholder?: string[];
+    placeholder?: string | string[];
     /**
-     * 选择器高
-     * @default 32
+     * 选择器外观
+     * @default 'line'
      */
-    itemHeight?: number;
+    appearance?: 'line' | 'filled' | 'unset';
     /**
-     * 完全展示item的数目，必须为奇数
-     * @default 7
+     * 尺寸
+     * @default 'md'
      */
-    fullDisplayItemNumber?: number;
+    size?: 'sm' | 'md' | 'lg';
     /**
      * 值改变事件
      * @param value
      */
-    onChange?: (value: string[]) => void;
+    onChange?: (value: string | string[]) => void;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/time-picker",
-  "version": "4.0.0-alpha.9",
+  "version": "4.0.0-beta.3",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -44,23 +44,25 @@
     "url": "https://github.com/XiaoMi/hiui/issues"
   },
   "dependencies": {
-    "@hi-ui/button": "^4.0.0-alpha.17",
-    "@hi-ui/classname": "^4.0.0-alpha.3",
-    "@hi-ui/core": "^4.0.0-alpha.14",
-    "@hi-ui/core-css": "^4.0.0-alpha.10",
-    "@hi-ui/env": "^4.0.0-alpha.5",
-    "@hi-ui/icons": "^4.0.0-alpha.21",
-    "@hi-ui/popper": "^4.0.0-alpha.17",
-    "@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.12"
+    "@hi-ui/button": "^4.0.0-beta.2",
+    "@hi-ui/classname": "^4.0.0-beta.0",
+    "@hi-ui/core": "^4.0.0-beta.0",
+    "@hi-ui/core-css": "^4.0.0-beta.0",
+    "@hi-ui/env": "^4.0.0-beta.0",
+    "@hi-ui/icons": "^4.0.0-beta.0",
+    "@hi-ui/locale-context": "^4.0.0-beta.1",
+    "@hi-ui/popper": "^4.0.0-beta.0",
+    "@hi-ui/use-uncontrolled-state": "^4.0.0-beta.0",
+    "dayjs": "^1.10.7"
   },
   "peerDependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "react": ">=16.8.6",
+    "react-dom": ">=16.8.6"
   },
   "devDependencies": {
-    "@hi-ui/hi-build": "^4.0.0-alpha.4",
+    "@hi-ui/hi-build": "^4.0.0-beta.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },
-  "gitHead": "209a1d91256b476c9d42e50d66da57709579e215"
+  "gitHead": "c1dbc0c574e70ef14c6dec6494bafaf2c4f1b865"
 }