@hi-ui/time-picker 4.0.0-alpha.1

package/lib/cjs/Selector.js

@@ -0,0 +1,128 @@
+/** @LICENSE
+ * @hi-ui/time-picker
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/time-picker#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var React = require('react');
+
+var classname = require('@hi-ui/classname');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+exports.SelectorPosition = void 0;
+
+(function (SelectorPosition) {
+  SelectorPosition["left"] = "left";
+  SelectorPosition["right"] = "right";
+  SelectorPosition["middle"] = "middle";
+  SelectorPosition["single"] = "single";
+})(exports.SelectorPosition || (exports.SelectorPosition = {}));
+
+var ITEM_MARGIN_SIZE = 8;
+
+var Selector = function Selector(props) {
+  var prefix = props.prefix,
+      value = props.value,
+      data = props.data,
+      onChange = props.onChange,
+      itemHeight = props.itemHeight,
+      fullDisplayItemNumber = props.fullDisplayItemNumber,
+      position = props.position;
+  var componentPrefix = prefix + "__selector";
+  var stopScrollTimeoutHandler = React.useRef(-1); // 滚动容器引用
+
+  var scrollContainerRef = React.useRef(null);
+  var safePadding = React.useMemo(function () {
+    return (fullDisplayItemNumber - 1) * (itemHeight + ITEM_MARGIN_SIZE) / 2;
+  }, [fullDisplayItemNumber, itemHeight]);
+  var calcCurrentIndex = React.useCallback(function (scrollTop) {
+    return Math.floor((scrollTop - safePadding + fullDisplayItemNumber * (itemHeight + ITEM_MARGIN_SIZE) / 2) / (itemHeight + ITEM_MARGIN_SIZE));
+  }, [safePadding, itemHeight, fullDisplayItemNumber]);
+  var scrollToMatchIndex = React.useCallback(function (index) {
+    if (scrollContainerRef.current) {
+      scrollContainerRef.current.scrollTop = index * (itemHeight + ITEM_MARGIN_SIZE);
+    }
+  }, [itemHeight]);
+  var onScroll = React.useCallback(function (e) {
+    e.persist();
+    e.stopPropagation(); // 清除用做判断是否滚动停止的定时器
+
+    clearTimeout(stopScrollTimeoutHandler.current); // 计算当前选中的 index 下标
+
+    var currentIndex = calcCurrentIndex(e.target.scrollTop);
+
+    if (currentIndex > data.length) {
+      currentIndex = data.length - 1;
+    } // 200ms 后如果事件没有再次响应，则视作滚动停止
+    // 不论是否禁用，我们都需要自动滚动到对应 index
+
+
+    stopScrollTimeoutHandler.current = setTimeout(function () {
+      scrollToMatchIndex(currentIndex); // 通知外部改变
+      // 如果当前 item 被禁用了，则无通知
+
+      if (!data[currentIndex].disabled) {
+        onChange(data[currentIndex]);
+      }
+    }, 200);
+  }, [calcCurrentIndex, data, onChange, scrollToMatchIndex]);
+  var onItemClick = React.useCallback(function (item, index) {
+    if (!item.disabled) {
+      onChange(item);
+    }
+  }, [onChange]);
+  React.useEffect(function () {
+    var currentIndex = data.findIndex(function (item) {
+      return item.id === value;
+    }); // 避免非法值跳转
+
+    if (currentIndex >= 0) {
+      scrollToMatchIndex(currentIndex);
+    }
+  }, [data, value, scrollToMatchIndex]);
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: classname.cx(componentPrefix, componentPrefix + "--position-" + position)
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    onScroll: onScroll,
+    ref: scrollContainerRef,
+    className: componentPrefix + "__scroll-part",
+    style: {
+      height: fullDisplayItemNumber * (itemHeight + ITEM_MARGIN_SIZE) + "px",
+      padding: safePadding + "px 0"
+    }
+  }, data.map(function (item, index) {
+    var _cx;
+
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      className: classname.cx(componentPrefix + "__item", (_cx = {}, _cx[componentPrefix + "__item--disabled"] = item.disabled, _cx[componentPrefix + "__item--active"] = item.id === value, _cx)),
+      key: item.id,
+      onClick: function onClick() {
+        return onItemClick(item, index);
+      },
+      style: {
+        height: itemHeight + "px"
+      }
+    }, item.title);
+  })));
+};
+
+exports.Selector = Selector;
+//# sourceMappingURL=Selector.js.map

package/lib/cjs/Selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selector.js","sources":["../../src/Selector.tsx"],"sourcesContent":[null],"names":["SelectorPosition","ITEM_MARGIN_SIZE","Selector","props","prefix","value","data","onChange","itemHeight","fullDisplayItemNumber","position","componentPrefix","stopScrollTimeoutHandler","useRef","scrollContainerRef","safePadding","useMemo","calcCurrentIndex","useCallback","scrollTop","Math","floor","scrollToMatchIndex","index","current","onScroll","e","persist","stopPropagation","clearTimeout","currentIndex","target","length","setTimeout","disabled","onItemClick","item","useEffect","findIndex","id","React","className","cx","ref","style","height","padding","map","key","onClick","title"],"mappings":"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"}

package/lib/cjs/TimePicker.js

@@ -0,0 +1,310 @@
+/** @LICENSE
+ * @hi-ui/time-picker
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/time-picker#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var React = require('react');
+
+var classname = require('@hi-ui/classname');
+
+var env = require('@hi-ui/env');
+
+var Input = require('./Input.js');
+
+var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
+
+var popper = require('@hi-ui/popper');
+
+var icons = require('@hi-ui/icons');
+
+var PopContent = require('./PopContent.js');
+
+var valueChecker = require('./utils/valueChecker.js');
+
+var useFilter = require('./hooks/useFilter.js');
+
+var button = require('@hi-ui/button');
+
+var getNowString = require('./utils/getNowString.js');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _role = 'time-picker';
+
+var _prefix = classname.getPrefixCls(_role);
+
+var DefaultValue = ['', ''];
+
+var DefaultDisabledFunc = function DefaultDisabledFunc() {
+  return [];
+};
+
+var DefaultPlaceholder = ['', ''];
+var TimePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _cx;
+
+  var _ref$prefixCls = _ref.prefixCls,
+      prefixCls = _ref$prefixCls === void 0 ? _prefix : _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,
+      minuteStep = _ref$minuteStep === void 0 ? 1 : _ref$minuteStep,
+      _ref$secondStep = _ref.secondStep,
+      secondStep = _ref$secondStep === void 0 ? 1 : _ref$secondStep,
+      _ref$format = _ref.format,
+      format = _ref$format === void 0 ? 'HH:mm:ss' : _ref$format,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'single' : _ref$type,
+      _ref$defaultValue = _ref.defaultValue,
+      uncontrolledValue = _ref$defaultValue === void 0 ? DefaultValue : _ref$defaultValue,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$disabledHours = _ref.disabledHours,
+      originalDisabledHours = _ref$disabledHours === void 0 ? DefaultDisabledFunc : _ref$disabledHours,
+      _ref$disabledSeconds = _ref.disabledSeconds,
+      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,
+      _ref$inputReadonly = _ref.inputReadonly,
+      inputReadonly = _ref$inputReadonly === void 0 ? false : _ref$inputReadonly;
+
+  var _useState = React.useState(null),
+      attachEl = _useState[0],
+      setAttachEl = _useState[1];
+
+  var _useUncontrolledState = useUncontrolledState.useUncontrolledState(uncontrolledValue, controlledValue, notifyOutside),
+      value = _useUncontrolledState[0],
+      onChange = _useUncontrolledState[1];
+
+  var inputRef = React.useRef(null);
+
+  var _useState2 = React.useState(true),
+      isInputValid = _useState2[0],
+      setIsInputValid = _useState2[1];
+
+  var _useState3 = React.useState(value),
+      cacheValue = _useState3[0],
+      setCacheValue = _useState3[1];
+
+  var cacheValueRef = React.useRef(cacheValue); // 将值统一转化为函数
+
+  var _useFilter = useFilter.useFilter({
+    disabledHours: originalDisabledHours,
+    disabledMinutes: originalDisabledMinutes,
+    disabledSeconds: originalDisabledSeconds
+  }),
+      disabledHours = _useFilter.disabledHours,
+      disabledMinutes = _useFilter.disabledMinutes,
+      disabledSeconds = _useFilter.disabledSeconds;
+
+  React.useEffect(function () {
+    cacheValueRef.current = [].concat(value);
+    setCacheValue(function (pre) {
+      if (pre.join('') !== value.join('')) {
+        return [].concat(value);
+      }
+
+      return pre;
+    });
+  }, [value]);
+  var getPanelType = React.useCallback(function (index) {
+    if (type === 'single') {
+      return 'single';
+    } else {
+      return index === 0 ? 'range-start' : 'range-end';
+    }
+  }, [type]); // 检查值是否合规
+
+  var validChecker = React.useCallback(function (checkValue) {
+    // 检查 range 情况下值是否正确
+    // 视开始结束都为空值为正确值
+    var rangeValid = checkValue.join('') === '' || checkValue[1] > checkValue[0];
+    return checkValue.every(function (item, index) {
+      return valueChecker.valueChecker({
+        value: item,
+        format: format,
+        filter: {
+          disabledSeconds: disabledSeconds,
+          disabledMinutes: disabledMinutes,
+          disabledHours: disabledHours
+        },
+        step: {
+          hourStep: hourStep,
+          minuteStep: minuteStep,
+          secondStep: secondStep
+        },
+        panelType: getPanelType(index)
+      });
+    }) && ( // 单选不检查前后关系
+    type === 'single' || rangeValid);
+  }, [hourStep, getPanelType, minuteStep, secondStep, disabledHours, disabledMinutes, disabledSeconds, format, type]);
+  var onCacheChange = React.useCallback(function (newValue) {
+    var result = newValue.slice(0, type === 'single' ? 1 : 2);
+    cacheValueRef.current = [].concat(result); // 避免重复渲染
+
+    setCacheValue(function (pre) {
+      if (pre.join('') !== result.join('')) {
+        return [].concat(result);
+      }
+
+      return pre;
+    });
+  }, [type]);
+
+  var _useState4 = React.useState(false),
+      showPopper = _useState4[0],
+      setShowPopper = _useState4[1];
+
+  var showPopperRef = React.useRef(false);
+  var cls = classname.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 functionButtons = React.useMemo(function () {
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      className: prefixCls + "__pop-function-buttons"
+    }, /*#__PURE__*/React__default['default'].createElement(button.Button, {
+      className: prefixCls + "__pop-confirm-button",
+      type: 'primary',
+      size: "small",
+      disabled: !isInputValid,
+      onClick: function onClick() {
+        // 合法，才去通知外部
+        if (validChecker(cacheValue)) {
+          if (cacheValue.join('') !== value.join('')) {
+            onChange([].concat(cacheValue));
+          }
+        }
+
+        setShowPopper(false);
+      }
+    }, "\u786E\u8BA4"), type === 'single' && /*#__PURE__*/React__default['default'].createElement("div", {
+      className: prefixCls + "__pop-now-button",
+      onClick: function onClick() {
+        onCacheChange([getNowString.getNowString(format)]);
+        setShowPopper(false);
+      }
+    }, "\u6B64\u523B"));
+  }, [prefixCls, isInputValid, type, format, onCacheChange, cacheValue, value, onChange, validChecker]);
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    ref: ref,
+    role: role,
+    className: cls
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    ref: setAttachEl,
+    className: prefixCls + "__input-wrapper"
+  }, /*#__PURE__*/React__default['default'].createElement(Input.Input, {
+    ref: inputRef,
+    onValidChange: setIsInputValid,
+    disabled: inputReadonly || disabled,
+    type: type,
+    placeholders: placeholder,
+    prefix: prefixCls,
+    format: format,
+    hourStep: hourStep,
+    secondStep: secondStep,
+    minuteStep: minuteStep,
+    disabledHours: disabledHours,
+    disabledMinutes: disabledMinutes,
+    disabledSeconds: disabledSeconds,
+    value: cacheValue,
+    onChange: onCacheChange,
+    onFocus: function onFocus() {
+      showPopperRef.current = true;
+      setShowPopper(true);
+    }
+  }), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: prefixCls + "__function-button",
+    onClick: function onClick() {
+      // pop正打开，此时点击按钮为清除功能
+      if (showPopperRef.current) {
+        onCacheChange(type === 'single' ? [''] : ['', '']);
+      }
+
+      showPopperRef.current = !showPopper;
+      setShowPopper(function (pre) {
+        return !pre;
+      });
+    }
+  }, showPopper ? /*#__PURE__*/React__default['default'].createElement(icons.CloseCircleFilled, {
+    className: prefixCls + "__close-button"
+  }) : /*#__PURE__*/React__default['default'].createElement(icons.TimeOutlined, null))), /*#__PURE__*/React__default['default'].createElement(popper.PopperPortal, {
+    unmountOnClose: false,
+    visible: showPopper && !disabled,
+    attachEl: attachEl,
+    onClose: function onClose() {
+      var _a; // 关闭弹窗，视作，抛弃之前的选择行为，复位
+
+
+      showPopperRef.current = false;
+      setShowPopper(false);
+      onCacheChange([].concat(value)); // 强制刷新 input 内容，复位
+
+      (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.refresh();
+    },
+    preload: true
+  }, /*#__PURE__*/React__default['default'].createElement(PopContent.PopContent, {
+    itemHeight: itemHeight,
+    fullDisplayItemNumber: fullDisplayItemNumber,
+    type: type,
+    prefix: prefixCls,
+    format: format,
+    hourStep: hourStep,
+    secondStep: secondStep,
+    minuteStep: minuteStep,
+    disabledHours: disabledHours,
+    disabledMinutes: disabledMinutes,
+    disabledSeconds: disabledSeconds,
+    value: cacheValue,
+    onChange: function onChange(e) {
+      var _a; // 只有弹窗展开的时候才接受 pop content 的值改变
+      // WARNING: 当值错误，弹窗收起，默认会滚动到 00:00:00，并且通知外部（非期望），所以我们需要这个FLAG来避免错误值获取
+
+
+      if (showPopperRef.current) {
+        // 强制刷新 input 内容，复位
+        // 解决此情况：
+        //  输入框输入错误数据，故而input不通知外部，time-picker cache-value 不变化，input接受value不变
+        //  此时我们再次在pop-content点击当前选中值，time-picker cache-value 依旧不变化，input接受value不变，展示的依旧是错误的cache-value
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.refresh();
+        onCacheChange(e);
+      }
+    }
+  }), functionButtons));
+});
+
+if (env.__DEV__) {
+  TimePicker.displayName = 'TimePicker';
+}
+
+exports.TimePicker = TimePicker;
+exports._prefix = _prefix;
+//# sourceMappingURL=TimePicker.js.map

package/lib/cjs/TimePicker.js.map

@@ -0,0 +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":"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"}

package/lib/cjs/hooks/useFilter.js

@@ -0,0 +1,39 @@
+/** @LICENSE
+ * @hi-ui/time-picker
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/time-picker#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var React = require('react');
+
+var useFilter = function useFilter(original) {
+  return React.useMemo(function () {
+    function disabledCompatibility(disposeValue) {
+      if (Array.isArray(disposeValue)) {
+        return function () {
+          return disposeValue;
+        };
+      }
+
+      return disposeValue;
+    }
+
+    return {
+      disabledHours: disabledCompatibility(original.disabledHours),
+      disabledMinutes: disabledCompatibility(original.disabledMinutes),
+      disabledSeconds: disabledCompatibility(original.disabledSeconds)
+    };
+  }, [original.disabledHours, original.disabledSeconds, original.disabledMinutes]);
+};
+
+exports.useFilter = useFilter;
+//# sourceMappingURL=useFilter.js.map

package/lib/cjs/hooks/useFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilter.js","sources":["../../../src/hooks/useFilter.ts"],"sourcesContent":[null],"names":["useFilter","original","useMemo","disabledCompatibility","disposeValue","Array","isArray","disabledHours","disabledMinutes","disabledSeconds"],"mappings":";;;;;;;;;;;;;;;;;IASaA,SAAS,GAAG,SAAZA,SAAY,CAACC,QAAD;SAChBC,aAAAA,CAAQ;aACJC,sBAAyBC;UAC5BC,KAAK,CAACC,OAAND,CAAcD,YAAdC,GAA6B;eACtB;iBAAMD;AAAf;;;aAEKA;;;WAEF;AACLG,MAAAA,aAAa,EAAEJ,qBAAqB,CAAkCF,QAAQ,CAACM,aAA3C,CAD/B;AAELC,MAAAA,eAAe,EAAEL,qBAAqB,CACpCF,QAAQ,CAACO,eAD2B,CAFjC;AAKLC,MAAAA,eAAe,EAAEN,qBAAqB,CACpCF,QAAQ,CAACQ,eAD2B;AALjC;AAPK,GAAPP,EAgBJ,CAACD,QAAQ,CAACM,aAAV,EAAyBN,QAAQ,CAACQ,eAAlC,EAAmDR,QAAQ,CAACO,eAA5D,CAhBIN;;;"}

package/lib/cjs/index.js

@@ -0,0 +1,34 @@
+/** @LICENSE
+ * @hi-ui/time-picker
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/time-picker#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+require('./styles/index.scss.js');
+
+var PopContent = require('./PopContent.js');
+
+var index = require('./@types/index.js');
+
+var TimePicker = require('./TimePicker.js');
+
+exports.TimePickerPopContent = PopContent.PopContent;
+Object.defineProperty(exports, 'TimePickerSelectorType', {
+  enumerable: true,
+  get: function get() {
+    return index.TimePickerSelectorType;
+  }
+});
+exports.TimePicker = TimePicker.TimePicker;
+exports._prefix = TimePicker._prefix;
+exports["default"] = TimePicker.TimePicker;
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,22 @@
+/** @LICENSE
+ * @hi-ui/time-picker
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/time-picker#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+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 __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
+
+__styleInject__(css_248z);
+
+exports["default"] = css_248z;
+//# sourceMappingURL=index.scss.js.map

package/lib/cjs/styles/index.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/utils/analysisFormat.js

@@ -0,0 +1,42 @@
+/** @LICENSE
+ * @hi-ui/time-picker
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/time-picker#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var index = require('../@types/index.js');
+
+var analysisFormat = function analysisFormat(format) {
+  var searchList = [{
+    identifier: 'HH',
+    type: index.TimePickerSelectorType.hour
+  }, {
+    identifier: 'mm',
+    type: index.TimePickerSelectorType.minute
+  }, {
+    identifier: 'ss',
+    type: index.TimePickerSelectorType.second
+  }];
+  var result = [];
+  searchList.forEach(function (_ref) {
+    var identifier = _ref.identifier,
+        type = _ref.type;
+
+    if (format.includes(identifier)) {
+      result.push(type);
+    }
+  });
+  return result;
+};
+
+exports.analysisFormat = analysisFormat;
+//# sourceMappingURL=analysisFormat.js.map