@pisell/materials 3.0.13 → 3.0.14

package/es/components/virtual-keyboard/Time/utils.js

@@ -0,0 +1,153 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+var getStringAtPosition = function getStringAtPosition(str, pos) {
+  if (pos < 0 || pos >= str.length) {
+    return undefined;
+  }
+  return str.charAt(pos);
+};
+var getNum1 = function getNum1(arr, str) {
+  var num1 = getStringAtPosition(str, 0);
+  // 第一位
+  if (Number(num1) < 3) {
+    arr[0] = num1;
+    return arr;
+  }
+  arr[0] = "0";
+  arr[1] = num1;
+  return arr;
+};
+var getNum2 = function getNum2(arr, num2) {
+  var num1 = arr[0];
+  // 0 1 2
+  if (arr.length < 2) {
+    // 0 1
+    if (Number(num1) < 2) {
+      arr[1] = num2;
+      return arr;
+    } else {
+      // 2
+      if (Number(num1) === 2) {
+        if (Number(num2) < 4) {
+          arr[1] = num2;
+          return arr;
+        } else {
+          if (Number(num2) <= 5) {
+            arr[1] = "0";
+            arr[2] = num2;
+            return arr;
+          }
+          arr[1] = "0";
+          arr[2] = "0";
+          arr[3] = num2;
+          return arr;
+        }
+      }
+    }
+  }
+
+  // 03  04 05 06
+  if (Number(num2) < 6) {
+    arr[2] = num2;
+    return arr;
+  } else {
+    arr[2] = "0";
+    arr[3] = num2;
+    return arr;
+  }
+};
+var getNum3 = function getNum3(arr, num3) {
+  // 01 02 10 12 22 23
+  if (arr.length === 2) {
+    if (Number(num3) < 6) {
+      arr[2] = num3;
+      return arr;
+    } else {
+      arr[2] = "0";
+      arr[3] = num3;
+      return arr;
+    }
+  }
+  // 010 012 123 234
+  arr[3] = num3;
+  return arr;
+};
+var getNum4 = function getNum4(arr, num4) {
+  arr[3] = num4;
+  return arr;
+};
+var formatArray = function formatArray(arr) {
+  var _arr = _toConsumableArray(arr);
+  while (_arr.length < 4) {
+    _arr.push("0");
+  }
+  _arr.splice(2, "0", ":");
+  return _arr;
+};
+var formatRes = function formatRes(arr) {
+  var valueArray = _toConsumableArray(arr);
+  var previewValueArray = formatArray(arr);
+  var previewValueArrayDom = null;
+  if (valueArray.length > 2) {
+    valueArray.splice(2, "0", ":");
+  }
+  previewValueArrayDom = previewValueArray.map(function (d, i) {
+    if (valueArray[i]) {
+      return /*#__PURE__*/React.createElement("span", null, d);
+    } else {
+      return /*#__PURE__*/React.createElement("span", {
+        style: {
+          color: "#98A2B3"
+        }
+      }, d);
+    }
+  });
+  return {
+    valueArray: valueArray,
+    valueString: arr.join(""),
+    previewValueArray: formatArray(arr),
+    previewValueArrayDom: previewValueArrayDom,
+    previewValueString: formatArray(arr).join(""),
+    disabled: []
+  };
+};
+
+// 将字符串自动转换成Time
+export var formatStringToTime = function formatStringToTime(value) {
+  var arr = [];
+  var str = value.replace(":", "");
+  if (str.length >= 5) {
+    str = "";
+  }
+  var num2 = getStringAtPosition(str, 1);
+  var num3 = getStringAtPosition(str, 2);
+  var num4 = getStringAtPosition(str, 3);
+  if (!str.length) {
+    return formatRes(arr);
+  }
+  arr = getNum1(arr, str);
+  // 第二位
+
+  if (num2 !== undefined) {
+    arr = getNum2(arr, num2);
+    if (arr.length === 4) {
+      return formatRes(arr);
+    }
+  }
+  if (num3 !== undefined) {
+    arr = getNum3(arr, num3);
+    if (arr.length === 4) {
+      return formatRes(arr);
+    }
+  }
+  if (num4 !== undefined) {
+    arr = getNum4(arr, num4);
+    return formatRes(arr);
+  }
+  return formatRes(arr);
+};
+export var fn = function fn() {};

package/es/components/virtual-keyboard/VirtualKeyInput/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { InputProps } from "antd";
+import "./index.less";
+export interface VirtualKeyInputProps extends InputProps {
+    previewValue?: string;
+    renderInput?: (props: any) => any;
+}
+declare const VirtualKeyInput: (props: VirtualKeyInputProps) => React.JSX.Element;
+export default VirtualKeyInput;

package/es/components/virtual-keyboard/VirtualKeyInput/index.js

@@ -0,0 +1,76 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useState } from "react";
+import { Input } from "antd";
+import { Delete } from "@pisell/icon";
+import { useEventListener } from "ahooks";
+import classNames from "classnames";
+import "./index.less";
+var list = ["Backspace"];
+var VirtualKeyInput = function VirtualKeyInput(props) {
+  var _props$previewValue = props.previewValue,
+    previewValue = _props$previewValue === void 0 ? props.value : _props$previewValue,
+    value = props.value;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    select = _useState2[0],
+    setSelect = _useState2[1];
+  useEventListener("keydown", function (ev) {
+    if (list.includes(ev.key)) {
+      _onDelete === null || _onDelete === void 0 ? void 0 : _onDelete();
+    }
+  });
+  useEffect(function () {
+    if (value) {
+      setSelect(false);
+    }
+  }, [value]);
+  var _onDelete = function _onDelete() {
+    if (select) {
+      var _props$onChange;
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, {
+        target: {
+          value: ""
+        }
+      });
+      setSelect(false);
+      return;
+    }
+    var _val = props.value + "";
+    _val = _val.slice(0, _val.length - 1);
+    props.onChange && props.onChange({
+      target: {
+        value: _val
+      }
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "virtual-keyboard-input-wrap"
+  }, props.renderInput ? /*#__PURE__*/React.createElement("div", {
+    className: classNames("virtual-keyboard-input", {
+      "virtual-keyboard-input-select": select
+    }),
+    onClick: function onClick() {
+      if (value) {
+        setSelect(!select);
+      }
+    }
+  }, props.renderInput(props)) : /*#__PURE__*/React.createElement(Input, _extends({
+    className: "virtual-keyboard-input",
+    bordered: false
+  }, props, {
+    readOnly: true,
+    value: previewValue
+  })), value !== null && value !== void 0 && value.length ? /*#__PURE__*/React.createElement("div", {
+    className: "virtual-keyboard-input-delete",
+    onClick: _onDelete
+  }, /*#__PURE__*/React.createElement(Delete, {
+    className: "virtual-keyboard-input-delete-icon"
+  })) : null);
+};
+export default VirtualKeyInput;

package/es/components/virtual-keyboard/VirtualKeyInput/index.less

@@ -0,0 +1,52 @@
+.virtual-keyboard-input-wrap {
+  width: 100%;
+  height: 100px;
+  margin-bottom: 10px;
+  border-radius: 5px;
+  background: var(--Base-White, #FFF);
+  box-shadow: 0px 1px 0px 0px #898A8D;
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  .virtual-keyboard-input-delete {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    padding-right: 30px;
+    padding-left: 12px;
+    cursor: pointer;
+    font-size: 50px;
+    background-color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    user-select: none;
+
+    .virtual-keyboard-input-delete-icon {
+      font-size: 30px;
+      color: #000;
+    }
+  }
+
+  .virtual-keyboard-input {
+    height: 100%;
+    text-align: center;
+    color: var(--Base-Black, #000);
+    font-size: 60px;
+    font-weight: 500;
+    letter-spacing: -1.2px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    user-select: none;
+
+    &.virtual-keyboard-input-select {
+      background-color: #7f56d938;
+      border-radius: 8px;
+    }
+  }
+}

package/es/components/virtual-keyboard/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { KeyboardProps } from "./Keyboard";
+import { VirtualKeyInputProps } from "./VirtualKeyInput";
+import "./index.less";
+interface VirtualKeyboardProps extends React.HTMLAttributes<HTMLDivElement> {
+    keyboardProps?: KeyboardProps;
+    virtualKeyInputProps?: VirtualKeyInputProps;
+    rightPanel?: React.ReactNode;
+    style?: React.CSSProperties;
+    onChange?: (value?: any) => void;
+    value?: string;
+}
+declare const VirtualKeyboard: (props: VirtualKeyboardProps) => React.JSX.Element;
+export default VirtualKeyboard;

package/es/components/virtual-keyboard/index.js

@@ -0,0 +1,85 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useEffect } from "react";
+import Keyboard from "./Keyboard";
+import VirtualKeyInput from "./VirtualKeyInput";
+import "./index.less";
+import classNames from "classnames";
+var items = [{
+  value: 1,
+  label: "1",
+  disabled: false,
+  type: "text"
+}, {
+  value: 2,
+  label: "2",
+  disabled: false,
+  type: "text"
+}, {
+  value: 3,
+  label: "3",
+  disabled: false,
+  type: "text"
+}, {
+  value: 4,
+  label: "4",
+  disabled: false,
+  type: "text"
+}, {
+  value: 5,
+  label: "5",
+  disabled: false,
+  type: "text"
+}, {
+  value: 6,
+  label: "6",
+  disabled: false,
+  type: "text"
+}, {
+  value: 7,
+  label: "7",
+  disabled: false,
+  type: "text"
+}, {
+  value: 8,
+  label: "8",
+  disabled: false,
+  type: "text"
+}, {
+  value: 9,
+  label: "9",
+  disabled: false,
+  type: "text"
+}, {
+  value: "0",
+  label: "0",
+  disabled: false,
+  type: "text"
+}, {
+  value: "ok",
+  label: "OK",
+  disabled: false,
+  type: "primary"
+}];
+var VirtualKeyboard = function VirtualKeyboard(props) {
+  var virtualKeyInputProps = props.virtualKeyInputProps,
+    style = props.style,
+    className = props.className,
+    keyboardProps = props.keyboardProps,
+    onChange = props.onChange,
+    value = props.value,
+    rightPanel = props.rightPanel;
+  useEffect(function () {
+    document.body.id = "body";
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("virtual-keyboard-component", className),
+    style: style
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames("virtual-keyboard-component-left")
+  }, /*#__PURE__*/React.createElement(VirtualKeyInput, virtualKeyInputProps), /*#__PURE__*/React.createElement(Keyboard, _extends({
+    items: items
+  }, keyboardProps))), rightPanel ? /*#__PURE__*/React.createElement("div", {
+    className: "virtual-keyboard-component-right"
+  }, rightPanel) : null);
+};
+export default VirtualKeyboard;

package/es/components/virtual-keyboard/index.less

@@ -0,0 +1,17 @@
+.virtual-keyboard-component {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+}
+
+.virtual-keyboard-component-left {
+  padding: 10px;
+  width: 380px;
+  border-radius: 10px;
+  background: var(--Gray-300, #D0D5DD);
+  backdrop-filter: blur(50px);
+}
+
+.virtual-keyboard-component-right {
+  align-self: stretch;
+}

package/es/index.d.ts

@@ -73,4 +73,7 @@ export { default as Sort } from "./components/sort";
 export { default as InputNumberRange } from "./components/input-number-range";
 export { default as LowCodePage } from "./components/lowCodePage";
 export { default as Segmented } from "./components/segmented";
+export { default as VirtualKeyboard } from "./components/virtual-keyboard";
+export { default as VirtualKeyboardTime } from "./components/virtual-keyboard/Time";
+export { default as SelectTime } from "./components/select-time";
 export { default as AutoCompleteNumber } from "./components/auto-complete-number";

package/es/index.js

@@ -93,4 +93,7 @@ export { default as Sort } from "./components/sort";
 export { default as InputNumberRange } from "./components/input-number-range";
 export { default as LowCodePage } from "./components/lowCodePage";
 export { default as Segmented } from "./components/segmented";
+export { default as VirtualKeyboard } from "./components/virtual-keyboard";
+export { default as VirtualKeyboardTime } from "./components/virtual-keyboard/Time";
+export { default as SelectTime } from "./components/select-time";
 export { default as AutoCompleteNumber } from "./components/auto-complete-number";

package/es/locales/en-US.d.ts

@@ -35,5 +35,7 @@ declare const _default: {
     "table-action-range-picker-presets-last-14-day": string;
     "table-action-range-picker-presets-last-30-day": string;
     "table-action-range-picker-presets-last-90-day": string;
+    "virtual-keyboard-time-now": string;
+    "virtual-keyboard-time-ok": string;
 };
 export default _default;

package/es/locales/en-US.js

@@ -40,5 +40,7 @@ export default {
   "table-action-range-picker-presets-last-7-day": "Last 7 Days",
   "table-action-range-picker-presets-last-14-day": "Last 14 Days",
   "table-action-range-picker-presets-last-30-day": "Last 30 Days",
-  "table-action-range-picker-presets-last-90-day": "Last 90 Days"
+  "table-action-range-picker-presets-last-90-day": "Last 90 Days",
+  "virtual-keyboard-time-now": "Now",
+  "virtual-keyboard-time-ok": "OK"
 };

package/es/locales/zh-CN.d.ts

@@ -35,5 +35,7 @@ declare const _default: {
     "table-action-range-picker-presets-last-14-day": string;
     "table-action-range-picker-presets-last-30-day": string;
     "table-action-range-picker-presets-last-90-day": string;
+    "virtual-keyboard-time-now": string;
+    "virtual-keyboard-time-ok": string;
 };
 export default _default;

package/es/locales/zh-CN.js

@@ -40,5 +40,7 @@ export default {
   "table-action-range-picker-presets-last-7-day": "过去7天",
   "table-action-range-picker-presets-last-14-day": "过去14天",
   "table-action-range-picker-presets-last-30-day": "过去30天",
-  "table-action-range-picker-presets-last-90-day": "过去90天"
+  "table-action-range-picker-presets-last-90-day": "过去90天",
+  "virtual-keyboard-time-now": "此刻",
+  "virtual-keyboard-time-ok": "确定"
 };

package/es/locales/zh-TW.d.ts

@@ -35,5 +35,7 @@ declare const _default: {
     "table-action-range-picker-presets-last-14-day": string;
     "table-action-range-picker-presets-last-30-day": string;
     "table-action-range-picker-presets-last-90-day": string;
+    "virtual-keyboard-time-now": string;
+    "virtual-keyboard-time-ok": string;
 };
 export default _default;

package/es/locales/zh-TW.js

@@ -40,5 +40,7 @@ export default {
   "table-action-range-picker-presets-last-7-day": "過去7天",
   "table-action-range-picker-presets-last-14-day": "過去14天",
   "table-action-range-picker-presets-last-30-day": "過去30天",
-  "table-action-range-picker-presets-last-90-day": "過去90天"
+  "table-action-range-picker-presets-last-90-day": "過去90天",
+  "virtual-keyboard-time-now": "此刻",
+  "virtual-keyboard-time-ok": "確定"
 };

package/lib/components/page/index.js

@@ -118,12 +118,12 @@ var theme = {
       colorBgContainerDisabled: "#F9FAFB",
       colorTextDisabled: "#98A2B3"
     },
-    "Input": {
-      "fontSizeIcon": 16
+    Input: {
+      fontSizeIcon: 16
       // "lineHeight": 1
     },
-    "Select": {
-      "fontSizeIcon": 16
+    Select: {
+      fontSizeIcon: 16
       // "lineHeight": 1
     }
   },
@@ -205,7 +205,7 @@ var localeDateMap = {
   "en-US": {
     adapterLocale: "en"
   },
-  "en": {
+  en: {
     adapterLocale: "en"
   },
   "zh-TW": {
@@ -221,7 +221,6 @@ var localeDateMap = {
 var Page = (props) => {
   var _a2;
   const { children, style, locale, ...others } = props;
-  console.log(locale, "locale", props);
   return /* @__PURE__ */ import_react.default.createElement(
     import_config_provider.default,
     {
@@ -236,7 +235,7 @@ var Page = (props) => {
         dateAdapter: import_AdapterDayjs.AdapterDayjs,
         adapterLocale: ((_a2 = localeDateMap == null ? void 0 : localeDateMap[locale]) == null ? void 0 : _a2.adapterLocale) || "en"
       },
-      /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement("div", { style }, children))
+      /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocaleProvider, { value: { locale } }, /* @__PURE__ */ import_react.default.createElement("div", { style }, children)))
     )
   );
 };

package/lib/components/select-time/RightPanel/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import "./index.less";
+interface RightPanelProps {
+    value: string;
+    onChange: (value: string) => void;
+    slice: number;
+}
+declare const RightPanel: (props: RightPanelProps) => React.JSX.Element;
+export default RightPanel;

package/lib/components/select-time/RightPanel/index.js

@@ -0,0 +1,78 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/select-time/RightPanel/index.tsx
+var RightPanel_exports = {};
+__export(RightPanel_exports, {
+  default: () => RightPanel_default
+});
+module.exports = __toCommonJS(RightPanel_exports);
+var import_react = __toESM(require("react"));
+var import_index = require("./index.less");
+var import_utils = require("../utils");
+var import_classnames = __toESM(require("classnames"));
+var RightPanel = (props) => {
+  const { value, onChange, slice = 5 } = props;
+  const list = (0, import_react.useMemo)(() => {
+    return (0, import_utils.sliceDayIntoFiveMinutes)(slice);
+  }, [slice]);
+  (0, import_react.useEffect)(() => {
+    console.log(
+      (0, import_utils.findNextSlice)({
+        timeSlices: list,
+        date: value
+      })
+    );
+    let nextTime = (0, import_utils.findNextSlice)({
+      timeSlices: list,
+      date: value
+    });
+    let scrollDom = document.querySelector(".select-time-right-panel-list");
+    const timeDom = document.querySelector(`#time${nextTime.replace(":", "")}`);
+    if (scrollDom && timeDom) {
+      scrollDom.scrollTop = timeDom.offsetTop;
+    }
+  }, [value]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "select-time-right-panel" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "select-time-right-panel-list" }, list.map((d) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)("select-time-right-panel-item", {
+          "select-time-right-panel-item-active": d.value === value
+        }),
+        key: d.value,
+        id: "time" + d.value.replace(":", ""),
+        onClick: () => {
+          onChange(d.value);
+        }
+      },
+      d.label
+    );
+  })));
+};
+var RightPanel_default = RightPanel;

package/lib/components/select-time/RightPanel/index.less

@@ -0,0 +1,22 @@
+.select-time-right-panel {}
+
+.select-time-right-panel-list {
+  width: 184px;
+  max-height: 511px;
+  overflow: auto;
+
+  .select-time-right-panel-item {
+    padding: 16px 8px;
+    border-radius: 8px;
+    cursor: pointer;
+    color: var(--Text-Text_1, #1B1B1B);
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 500;
+
+    &.select-time-right-panel-item-active,
+    &:hover {
+      background: var(--Gray-100, #F2F4F7);
+    }
+  }
+}

package/lib/components/select-time/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { VirtualKeyboardTimeProps } from "../virtual-keyboard/Time";
+import { PopoverProps, TimePickerProps } from "antd";
+import "./index.less";
+interface SelectTimeProps {
+    value: any;
+    onChange: (e: string) => void;
+    popoverProps: PopoverProps;
+    timePickerProps: TimePickerProps;
+    timeProps: VirtualKeyboardTimeProps;
+    slice: number;
+}
+declare const SelectTime: (props: SelectTimeProps) => React.JSX.Element;
+export default SelectTime;