@pisell/materials 3.0.13 → 3.0.14

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

@@ -0,0 +1,162 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/virtual-keyboard/Time/utils.tsx
+var utils_exports = {};
+__export(utils_exports, {
+  fn: () => fn,
+  formatStringToTime: () => formatStringToTime
+});
+module.exports = __toCommonJS(utils_exports);
+var getStringAtPosition = (str, pos) => {
+  if (pos < 0 || pos >= str.length) {
+    return void 0;
+  }
+  return str.charAt(pos);
+};
+var getNum1 = (arr, str) => {
+  let num1 = getStringAtPosition(str, 0);
+  if (Number(num1) < 3) {
+    arr[0] = num1;
+    return arr;
+  }
+  arr[0] = "0";
+  arr[1] = num1;
+  return arr;
+};
+var getNum2 = (arr, num2) => {
+  let num1 = arr[0];
+  if (arr.length < 2) {
+    if (Number(num1) < 2) {
+      arr[1] = num2;
+      return arr;
+    } else {
+      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;
+        }
+      }
+    }
+  }
+  if (Number(num2) < 6) {
+    arr[2] = num2;
+    return arr;
+  } else {
+    arr[2] = "0";
+    arr[3] = num2;
+    return arr;
+  }
+};
+var getNum3 = (arr, num3) => {
+  if (arr.length === 2) {
+    if (Number(num3) < 6) {
+      arr[2] = num3;
+      return arr;
+    } else {
+      arr[2] = "0";
+      arr[3] = num3;
+      return arr;
+    }
+  }
+  arr[3] = num3;
+  return arr;
+};
+var getNum4 = (arr, num4) => {
+  arr[3] = num4;
+  return arr;
+};
+var formatArray = (arr) => {
+  let _arr = [...arr];
+  while (_arr.length < 4) {
+    _arr.push("0");
+  }
+  _arr.splice(2, "0", ":");
+  return _arr;
+};
+var formatRes = (arr) => {
+  let valueArray = [...arr];
+  let previewValueArray = formatArray(arr);
+  let previewValueArrayDom = null;
+  if (valueArray.length > 2) {
+    valueArray.splice(2, "0", ":");
+  }
+  previewValueArrayDom = previewValueArray.map((d, i) => {
+    if (valueArray[i]) {
+      return /* @__PURE__ */ React.createElement("span", null, d);
+    } else {
+      return /* @__PURE__ */ React.createElement("span", { style: { color: "#98A2B3" } }, d);
+    }
+  });
+  return {
+    valueArray,
+    valueString: arr.join(""),
+    previewValueArray: formatArray(arr),
+    previewValueArrayDom,
+    previewValueString: formatArray(arr).join(""),
+    disabled: []
+  };
+};
+var formatStringToTime = (value) => {
+  let arr = [];
+  let str = value.replace(":", "");
+  if (str.length >= 5) {
+    str = "";
+  }
+  let num2 = getStringAtPosition(str, 1);
+  let num3 = getStringAtPosition(str, 2);
+  let num4 = getStringAtPosition(str, 3);
+  if (!str.length) {
+    return formatRes(arr);
+  }
+  arr = getNum1(arr, str);
+  if (num2 !== void 0) {
+    arr = getNum2(arr, num2);
+    if (arr.length === 4) {
+      return formatRes(arr);
+    }
+  }
+  if (num3 !== void 0) {
+    arr = getNum3(arr, num3);
+    if (arr.length === 4) {
+      return formatRes(arr);
+    }
+  }
+  if (num4 !== void 0) {
+    arr = getNum4(arr, num4);
+    return formatRes(arr);
+  }
+  return formatRes(arr);
+};
+var fn = () => {
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  fn,
+  formatStringToTime
+});

package/lib/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/lib/components/virtual-keyboard/VirtualKeyInput/index.js

@@ -0,0 +1,90 @@
+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/VirtualKeyInput/index.tsx
+var VirtualKeyInput_exports = {};
+__export(VirtualKeyInput_exports, {
+  default: () => VirtualKeyInput_default
+});
+module.exports = __toCommonJS(VirtualKeyInput_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icon = require("@pisell/icon");
+var import_ahooks = require("ahooks");
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var list = ["Backspace"];
+var VirtualKeyInput = (props) => {
+  const { previewValue = props.value, value } = props;
+  const [select, setSelect] = (0, import_react.useState)(false);
+  (0, import_ahooks.useEventListener)("keydown", (ev) => {
+    if (list.includes(ev.key)) {
+      _onDelete == null ? void 0 : _onDelete();
+    }
+  });
+  (0, import_react.useEffect)(() => {
+    if (value) {
+      setSelect(false);
+    }
+  }, [value]);
+  const _onDelete = () => {
+    var _a;
+    if (select) {
+      (_a = props.onChange) == null ? void 0 : _a.call(props, { target: { value: "" } });
+      setSelect(false);
+      return;
+    }
+    let _val = props.value + "";
+    _val = _val.slice(0, _val.length - 1);
+    props.onChange && props.onChange({ target: { value: _val } });
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "virtual-keyboard-input-wrap" }, props.renderInput ? /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("virtual-keyboard-input", {
+        "virtual-keyboard-input-select": select
+      }),
+      onClick: () => {
+        if (value) {
+          setSelect(!select);
+        }
+      }
+    },
+    props.renderInput(props)
+  ) : /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Input,
+    {
+      className: "virtual-keyboard-input",
+      bordered: false,
+      ...props,
+      readOnly: true,
+      value: previewValue
+    }
+  ), (value == null ? void 0 : value.length) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "virtual-keyboard-input-delete", onClick: _onDelete }, /* @__PURE__ */ import_react.default.createElement(import_icon.Delete, { className: "virtual-keyboard-input-delete-icon" })) : null);
+};
+var VirtualKeyInput_default = VirtualKeyInput;

package/lib/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/lib/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/lib/components/virtual-keyboard/index.js

@@ -0,0 +1,131 @@
+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/index.tsx
+var virtual_keyboard_exports = {};
+__export(virtual_keyboard_exports, {
+  default: () => virtual_keyboard_default
+});
+module.exports = __toCommonJS(virtual_keyboard_exports);
+var import_react = __toESM(require("react"));
+var import_Keyboard = __toESM(require("./Keyboard"));
+var import_VirtualKeyInput = __toESM(require("./VirtualKeyInput"));
+var import_index = require("./index.less");
+var import_classnames = __toESM(require("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 = (props) => {
+  const {
+    virtualKeyInputProps,
+    style,
+    className,
+    keyboardProps,
+    onChange,
+    value,
+    rightPanel
+  } = props;
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("virtual-keyboard-component", className),
+      style
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("virtual-keyboard-component-left") }, /* @__PURE__ */ import_react.default.createElement(import_VirtualKeyInput.default, { ...virtualKeyInputProps }), /* @__PURE__ */ import_react.default.createElement(import_Keyboard.default, { items, ...keyboardProps })),
+    rightPanel ? /* @__PURE__ */ import_react.default.createElement("div", { className: "virtual-keyboard-component-right" }, rightPanel) : null
+  );
+};
+var virtual_keyboard_default = VirtualKeyboard;

package/lib/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/lib/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/lib/index.js

@@ -81,6 +81,7 @@ __export(src_exports, {
   Row: () => import_antd28.Row,
   Segmented: () => import_segmented.default,
   Select: () => import_select.default,
+  SelectTime: () => import_select_time.default,
   Skeleton: () => import_skeleton.default,
   Slider: () => import_slider.default,
   Sort: () => import_sort.default,
@@ -102,6 +103,8 @@ __export(src_exports, {
   TreeSelect: () => import_tree_select.default,
   Typography: () => import_typography.default,
   Upload: () => import_upload.default,
+  VirtualKeyboard: () => import_virtual_keyboard.default,
+  VirtualKeyboardTime: () => import_Time.default,
   message: () => import_antd17.message,
   notification: () => import_antd21.notification,
   version: () => import_antd38.version
@@ -182,6 +185,9 @@ var import_sort = __toESM(require("./components/sort"));
 var import_input_number_range = __toESM(require("./components/input-number-range"));
 var import_lowCodePage = __toESM(require("./components/lowCodePage"));
 var import_segmented = __toESM(require("./components/segmented"));
+var import_virtual_keyboard = __toESM(require("./components/virtual-keyboard"));
+var import_Time = __toESM(require("./components/virtual-keyboard/Time"));
+var import_select_time = __toESM(require("./components/select-time"));
 var import_auto_complete_number = __toESM(require("./components/auto-complete-number"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -237,6 +243,7 @@ var import_auto_complete_number = __toESM(require("./components/auto-complete-nu
   Row,
   Segmented,
   Select,
+  SelectTime,
   Skeleton,
   Slider,
   Sort,
@@ -258,6 +265,8 @@ var import_auto_complete_number = __toESM(require("./components/auto-complete-nu
   TreeSelect,
   Typography,
   Upload,
+  VirtualKeyboard,
+  VirtualKeyboardTime,
   message,
   notification,
   version

package/lib/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/lib/locales/en-US.js

@@ -58,5 +58,7 @@ var en_US_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/lib/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/lib/locales/zh-CN.js

@@ -58,5 +58,7 @@ var zh_CN_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/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/lib/locales/zh-TW.js

@@ -58,5 +58,7 @@ var zh_TW_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/lowcode/select-time/meta.ts

@@ -22,23 +22,23 @@ const SelectTimeMeta: ComponentMetadata = {
       setter: ["JsonSetter", "VariableSetter"],
     },
     {
-      title: "popoverProps",
-      name: "弹层的配置项",
+      title: "弹层的配置项",
+      name: "popoverProps",
       setter: ["JsonSetter", "VariableSetter"],
     },
     {
-      title: "timePickerProps",
-      name: "虚拟键盘的配置项",
+      title: "虚拟键盘的配置项",
+      name: "timePickerProps",
       setter: ["JsonSetter", "VariableSetter"],
     },
     {
-      title: "timeProps",
-      name: "时间input框的配置项",
+      title: "时间input框的配置项",
+      name: "timeProps",
       setter: ["JsonSetter", "VariableSetter"],
     },
     {
-      title: "slice",
-      name: "时间切片",
+      title: "时间切片",
+      name: "slice",
       setter: ["JsonSetter", "VariableSetter"],
     },
   ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "3.0.13",
+  "version": "3.0.14",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",