@pisell/materials 3.0.13 → 3.0.14

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

@@ -0,0 +1,145 @@
+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/index.tsx
+var select_time_exports = {};
+__export(select_time_exports, {
+  default: () => select_time_default
+});
+module.exports = __toCommonJS(select_time_exports);
+var import_react = __toESM(require("react"));
+var import_Time = __toESM(require("../virtual-keyboard/Time"));
+var import_antd = require("antd");
+var import_RightPanel = __toESM(require("./RightPanel"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_index = require("./index.less");
+var SelectTime = (props) => {
+  const { onChange, value, popoverProps, timePickerProps, timeProps, slice } = props;
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [_value, set_value] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(() => {
+    set_value(value);
+  }, [value]);
+  const valueString = (0, import_react.useMemo)(() => {
+    if (!_value) {
+      return void 0;
+    }
+    if (typeof _value === "string") {
+      return _value;
+    }
+    return _value == null ? void 0 : _value.valueString;
+  }, [_value]);
+  const previewValueString = (0, import_react.useMemo)(() => {
+    if (!_value) {
+      return null;
+    }
+    if (typeof _value === "string") {
+      return _value;
+    }
+    return _value == null ? void 0 : _value.previewValueString;
+  }, [_value]);
+  const timePickerValue = (0, import_react.useMemo)(() => {
+    if (!previewValueString) {
+      return void 0;
+    }
+    return (0, import_dayjs.default)((0, import_dayjs.default)().format("YYYY-MM-DD") + " " + previewValueString);
+  }, [previewValueString]);
+  const _onChange = (e) => {
+    if (!open) {
+      return;
+    }
+    set_value(e);
+  };
+  const onEnter = (e) => {
+    _onChange(e);
+    onOpenChange(false, (e == null ? void 0 : e.previewValueString) || e);
+  };
+  const onOpenChange = (e, _val = previewValueString) => {
+    setOpen(e);
+    if (e) {
+    } else {
+      if (_val === value) {
+        return;
+      }
+      onChange == null ? void 0 : onChange(_val);
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (open) {
+      document.body.classList.add("hide-scroll");
+    } else {
+      setTimeout(() => {
+        document.body.classList.remove("hide-scroll");
+      }, 150);
+    }
+  }, [open]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Popover,
+    {
+      destroyTooltipOnHide: true,
+      content: /* @__PURE__ */ import_react.default.createElement(
+        import_Time.default,
+        {
+          onChange: _onChange,
+          value: valueString,
+          onEnter: (e) => {
+            onEnter(e);
+          },
+          rightPanel: /* @__PURE__ */ import_react.default.createElement(
+            import_RightPanel.default,
+            {
+              value: previewValueString,
+              onChange: onEnter,
+              slice
+            }
+          ),
+          ...timeProps
+        }
+      ),
+      open,
+      placement: "bottom",
+      arrow: false,
+      onOpenChange,
+      trigger: ["click"],
+      ...popoverProps
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.TimePicker,
+      {
+        format: "HH:mm",
+        size: "large",
+        inputReadOnly: true,
+        allowClear: false,
+        open: false,
+        value: timePickerValue,
+        ...timePickerProps
+      }
+    )
+  ));
+};
+var select_time_default = SelectTime;

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

@@ -0,0 +1,16 @@
+body {
+  &.hide-scroll {
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      display: none;
+    }
+
+    &::-webkit-scrollbar-track {
+      display: none;
+    }
+  }
+}

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

@@ -0,0 +1,9 @@
+export declare const sliceDayIntoFiveMinutes: (slice: number) => {
+    label: string;
+    value: string;
+}[];
+export declare const findNextSlice: ({ timeSlices, index, date }: {
+    timeSlices: any[];
+    index?: number | undefined;
+    date?: string | undefined;
+}) => any;

package/lib/components/select-time/utils.js

@@ -0,0 +1,71 @@
+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/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  findNextSlice: () => findNextSlice,
+  sliceDayIntoFiveMinutes: () => sliceDayIntoFiveMinutes
+});
+module.exports = __toCommonJS(utils_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var sliceDayIntoFiveMinutes = (slice) => {
+  const startTime = (0, import_dayjs.default)().startOf("day");
+  const endTime = (0, import_dayjs.default)().endOf("day");
+  const timeSlice = slice || 5;
+  let timeSlices = [];
+  let currentTime = startTime;
+  while (currentTime.isBefore(endTime)) {
+    const timeLabel = currentTime.format("HH:mm");
+    const timeValue = currentTime.format("HH:mm");
+    timeSlices.push({ label: timeLabel, value: timeValue });
+    const nextTime = currentTime.add(timeSlice, "minute");
+    currentTime = nextTime;
+  }
+  return timeSlices;
+};
+var findNextSlice = ({
+  timeSlices = [],
+  index = 0,
+  date = ""
+}) => {
+  const currentTimeValue = date || (0, import_dayjs.default)().format("HH:mm");
+  for (let i = 0; i < timeSlices.length; i++) {
+    if (timeSlices[i].value !== "now") {
+      if (timeSlices[i].value >= currentTimeValue) {
+        return timeSlices[i].value;
+      }
+    }
+  }
+  return timeSlices[index].value;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  findNextSlice,
+  sliceDayIntoFiveMinutes
+});

package/lib/components/virtual-keyboard/Keyboard/index.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import "./index.less";
+export declare type ItemValue = string | number;
+export interface Item {
+    value: ItemValue;
+    label: string;
+    disabled: boolean;
+    type: "text" | "primary";
+    style?: React.CSSProperties;
+}
+export interface KeyboardProps {
+    className?: string;
+    style?: React.CSSProperties;
+    onChange?: (value?: ItemValue) => void;
+    items?: Item[];
+}
+declare const Keyboard: (props: KeyboardProps) => React.JSX.Element;
+export default Keyboard;

package/lib/components/virtual-keyboard/Keyboard/index.js

@@ -0,0 +1,81 @@
+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/virtual-keyboard/Keyboard/index.tsx
+var Keyboard_exports = {};
+__export(Keyboard_exports, {
+  default: () => Keyboard_default
+});
+module.exports = __toCommonJS(Keyboard_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_index = require("./index.less");
+var import_classnames = __toESM(require("classnames"));
+var import_ahooks = require("ahooks");
+var list = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "ok"];
+var Keyboard = (props) => {
+  const { items = [], className, style, onChange } = props;
+  (0, import_ahooks.useEventListener)("keydown", (ev) => {
+    console.log("ev", ev);
+    let key = ev.key;
+    if (key === "Enter") {
+      key = "ok";
+    }
+    if (list.includes(key)) {
+      onChange == null ? void 0 : onChange(key);
+    }
+  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("virtual-keyboard-wrap", className),
+      style
+    },
+    items.map((item) => {
+      var _a;
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "virtual-keyboard-item", style: item.style }, /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          id: `virtual-keyboard-${item.value}`,
+          key: item.value,
+          type: item.type,
+          className: "virtual-keyboard-item-button",
+          style: {
+            color: item.type === "primary" ? "#fff" : ((_a = item.style) == null ? void 0 : _a.color) || void 0
+          },
+          disabled: item.disabled,
+          onClick: (e) => {
+            onChange == null ? void 0 : onChange(item.value);
+          }
+        },
+        item.label
+      ));
+    })
+  );
+};
+var Keyboard_default = Keyboard;

package/lib/components/virtual-keyboard/Keyboard/index.less

@@ -0,0 +1,32 @@
+.virtual-keyboard-wrap {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 7px;
+
+  .virtual-keyboard-item {
+    border-radius: 5px;
+    background: var(--Base-White, #FFF);
+    box-shadow: 0px 1px 0px 0px #898A8D;
+    overflow: hidden;
+    width: calc((100% - 14px) / 3 * 1);
+    padding-top: 25%;
+    position: relative;
+
+    .virtual-keyboard-item-button {
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 100%;
+      border-radius: 5px;
+      color: var(--Base-Black, #000);
+      font-size: 25px;
+      font-style: normal;
+      font-weight: 400;
+      box-shadow: none;
+    }
+  }
+}

package/lib/components/virtual-keyboard/Time/index.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Item } from "../Keyboard";
+import "./index.less";
+export interface VirtualKeyboardTimeProps extends React.HTMLAttributes<HTMLDivElement> {
+    style?: React.CSSProperties;
+    onChange?: (value?: any) => void;
+    value?: any;
+    items?: Item[];
+    onEnter?: (value: any) => void;
+    rightPanel?: React.ReactNode;
+}
+declare const VirtualKeyboardTime: (props: VirtualKeyboardTimeProps) => React.JSX.Element;
+export default VirtualKeyboardTime;

package/lib/components/virtual-keyboard/Time/index.js

@@ -0,0 +1,166 @@
+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/virtual-keyboard/Time/index.tsx
+var Time_exports = {};
+__export(Time_exports, {
+  default: () => Time_default
+});
+module.exports = __toCommonJS(Time_exports);
+var import_react = __toESM(require("react"));
+var import__ = __toESM(require("../index"));
+var import_index = require("./index.less");
+var import_utils = require("./utils.tsx");
+var import_locales = require("../../../locales");
+var import_dayjs = __toESM(require("dayjs"));
+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: "now",
+    label: (0, import_locales.getText)("virtual-keyboard-time-now"),
+    disabled: false,
+    type: "text",
+    style: { color: "#7f56d9" }
+  },
+  {
+    value: "0",
+    label: "0",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: "ok",
+    label: (0, import_locales.getText)("virtual-keyboard-time-ok"),
+    disabled: false,
+    type: "primary"
+  }
+];
+var VirtualKeyboardTime = (props) => {
+  const { onChange, onEnter, style, className, value = "", rightPanel } = props;
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  const res = (0, import_react.useMemo)(() => {
+    return (0, import_utils.formatStringToTime)(value);
+  }, [value]);
+  const _onChange = (current) => {
+    if (current === "ok") {
+      onEnter == null ? void 0 : onEnter((0, import_utils.formatStringToTime)(value));
+      return;
+    }
+    if (current === "now") {
+      onEnter == null ? void 0 : onEnter((0, import_dayjs.default)().format("HH:mm"));
+      return;
+    }
+    let _val = res.valueString + current;
+    if (res.valueString.length === 4) {
+      _val = current + "";
+    }
+    if (document.querySelector(".virtual-keyboard-input-select")) {
+      _val = current + "";
+    }
+    onChange == null ? void 0 : onChange((0, import_utils.formatStringToTime)(_val));
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import__.default,
+    {
+      className,
+      style,
+      keyboardProps: {
+        items,
+        onChange: (current) => {
+          _onChange(current);
+        }
+      },
+      virtualKeyInputProps: {
+        value,
+        onChange: (e) => {
+          onChange == null ? void 0 : onChange((0, import_utils.formatStringToTime)(e.target.value));
+        },
+        renderInput: () => {
+          return res == null ? void 0 : res.previewValueArrayDom;
+        }
+      },
+      rightPanel
+    }
+  );
+};
+var Time_default = VirtualKeyboardTime;

package/lib/components/virtual-keyboard/Time/utils.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const formatStringToTime: (value: string) => {
+    valueArray: string[];
+    valueString: string;
+    previewValueArray: string[];
+    previewValueArrayDom: import("react").JSX.Element[];
+    previewValueString: string;
+    disabled: never[];
+};
+export declare const fn: () => void;