@pisell/materials 1.0.289 → 1.0.292

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

@@ -3,6 +3,7 @@ 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/es/components/select-time/RightPanel/index.js

@@ -1,11 +1,15 @@
-import React, { useEffect } from "react";
+import React, { useMemo, useEffect } from "react";
 import "./index.less";
 import { sliceDayIntoFiveMinutes, findNextSlice } from "../utils";
 import classNames from "classnames";
-var list = sliceDayIntoFiveMinutes(5);
 var RightPanel = function RightPanel(props) {
   var value = props.value,
-    onChange = props.onChange;
+    onChange = props.onChange,
+    _props$slice = props.slice,
+    slice = _props$slice === void 0 ? 5 : _props$slice;
+  var list = useMemo(function () {
+    return sliceDayIntoFiveMinutes(slice);
+  }, [slice]);
   useEffect(function () {
     console.log(findNextSlice({
       timeSlices: list,

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

@@ -8,6 +8,7 @@ interface SelectTimeProps {
     popoverProps: PopoverProps;
     timePickerProps: TimePickerProps;
     timeProps: VirtualKeyboardTimeProps;
+    slice: number;
 }
 declare const SelectTime: (props: SelectTimeProps) => React.JSX.Element;
 export default SelectTime;

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

@@ -16,7 +16,8 @@ var SelectTime = function SelectTime(props) {
     value = props.value,
     popoverProps = props.popoverProps,
     timePickerProps = props.timePickerProps,
-    timeProps = props.timeProps;
+    timeProps = props.timeProps,
+    slice = props.slice;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -59,7 +60,8 @@ var SelectTime = function SelectTime(props) {
     set_value(e);
   };
   var _onEnter = function onEnter(e) {
-    onOpenChange(false, e.previewValueString || e);
+    _onChange(e);
+    onOpenChange(false, (e === null || e === void 0 ? void 0 : e.previewValueString) || e);
   };
   var onOpenChange = function onOpenChange(e) {
     var _val = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : previewValueString;
@@ -71,16 +73,26 @@ var SelectTime = function SelectTime(props) {
       onChange === null || onChange === void 0 ? void 0 : onChange(_val);
     }
   };
+
+  // 防止页面过小时出现滚动条 造成页面滚动
+  useEffect(function () {
+    if (open) {
+      document.body.classList.add("hide-scroll");
+    } else {
+      document.body.classList.remove("hide-scroll");
+    }
+  }, [open]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popover, _extends({
     content: /*#__PURE__*/React.createElement(Time, _extends({
       onChange: _onChange,
       value: valueString,
       onEnter: function onEnter(e) {
-        _onEnter(e.previewValueString);
+        _onEnter(e);
       },
       rightPanel: /*#__PURE__*/React.createElement(RightPanel, {
         value: previewValueString,
-        onChange: _onEnter
+        onChange: _onEnter,
+        slice: slice
       })
     }, timeProps)),
     open: open,

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

@@ -2,6 +2,7 @@ import React, { useMemo, useEffect } from "react";
 import VirtualKeyboard from "../index";
 import "./index.less";
 import { formatStringToTime } from "./utils.tsx";
+import { getText } from "../../../locales";
 import dayjs from "dayjs";
 var items = [{
   value: 1,
@@ -50,7 +51,7 @@ var items = [{
   type: "text"
 }, {
   value: "now",
-  label: "Now",
+  label: getText("virtual-keyboard-time-now"),
   disabled: false,
   type: "text",
   style: {
@@ -63,7 +64,7 @@ var items = [{
   type: "text"
 }, {
   value: "ok",
-  label: "OK",
+  label: getText("virtual-keyboard-time-ok"),
   disabled: false,
   type: "primary"
 }];
@@ -87,7 +88,7 @@ var VirtualKeyboardTime = function VirtualKeyboardTime(props) {
       return;
     }
     if (current === "now") {
-      onEnter === null || onEnter === void 0 ? void 0 : onEnter(formatStringToTime(dayjs().format("HH:mm")));
+      onEnter === null || onEnter === void 0 ? void 0 : onEnter(dayjs().format("HH:mm"));
       return;
     }
     var _val = res.valueString + current;

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/select-time/RightPanel/index.d.ts

@@ -3,6 +3,7 @@ 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

@@ -36,9 +36,11 @@ var import_react = __toESM(require("react"));
 var import_index = require("./index.less");
 var import_utils = require("../utils");
 var import_classnames = __toESM(require("classnames"));
-var list = (0, import_utils.sliceDayIntoFiveMinutes)(5);
 var RightPanel = (props) => {
-  const { value, onChange } = 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)({

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

@@ -8,6 +8,7 @@ interface SelectTimeProps {
     popoverProps: PopoverProps;
     timePickerProps: TimePickerProps;
     timeProps: VirtualKeyboardTimeProps;
+    slice: number;
 }
 declare const SelectTime: (props: SelectTimeProps) => React.JSX.Element;
 export default SelectTime;

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

@@ -39,7 +39,7 @@ 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 } = 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)(() => {
@@ -76,7 +76,8 @@ var SelectTime = (props) => {
     set_value(e);
   };
   const onEnter = (e) => {
-    onOpenChange(false, e.previewValueString || e);
+    _onChange(e);
+    onOpenChange(false, (e == null ? void 0 : e.previewValueString) || e);
   };
   const onOpenChange = (e, _val = previewValueString) => {
     setOpen(e);
@@ -88,6 +89,13 @@ var SelectTime = (props) => {
       onChange == null ? void 0 : onChange(_val);
     }
   };
+  (0, import_react.useEffect)(() => {
+    if (open) {
+      document.body.classList.add("hide-scroll");
+    } else {
+      document.body.classList.remove("hide-scroll");
+    }
+  }, [open]);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Popover,
     {
@@ -97,9 +105,16 @@ var SelectTime = (props) => {
           onChange: _onChange,
           value: valueString,
           onEnter: (e) => {
-            onEnter(e.previewValueString);
+            onEnter(e);
           },
-          rightPanel: /* @__PURE__ */ import_react.default.createElement(import_RightPanel.default, { value: previewValueString, onChange: onEnter }),
+          rightPanel: /* @__PURE__ */ import_react.default.createElement(
+            import_RightPanel.default,
+            {
+              value: previewValueString,
+              onChange: onEnter,
+              slice
+            }
+          ),
           ...timeProps
         }
       ),

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/virtual-keyboard/Time/index.js

@@ -36,6 +36,7 @@ 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 = [
   {
@@ -94,7 +95,7 @@ var items = [
   },
   {
     value: "now",
-    label: "Now",
+    label: (0, import_locales.getText)("virtual-keyboard-time-now"),
     disabled: false,
     type: "text",
     style: { color: "#7f56d9" }
@@ -107,7 +108,7 @@ var items = [
   },
   {
     value: "ok",
-    label: "OK",
+    label: (0, import_locales.getText)("virtual-keyboard-time-ok"),
     disabled: false,
     type: "primary"
   }
@@ -126,7 +127,7 @@ var VirtualKeyboardTime = (props) => {
       return;
     }
     if (current === "now") {
-      onEnter == null ? void 0 : onEnter((0, import_utils.formatStringToTime)((0, import_dayjs.default)().format("HH:mm")));
+      onEnter == null ? void 0 : onEnter((0, import_dayjs.default)().format("HH:mm"));
       return;
     }
     let _val = res.valueString + current;

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

@@ -17,8 +17,28 @@ const SelectTimeMeta: ComponentMetadata = {
   },
   props: [
     {
-      title: "others",
-      name: "others",
+      title: "value",
+      name: "value",
+      setter: ["JsonSetter", "VariableSetter"],
+    },
+    {
+      title: "popoverProps",
+      name: "弹层的配置项",
+      setter: ["JsonSetter", "VariableSetter"],
+    },
+    {
+      title: "timePickerProps",
+      name: "虚拟键盘的配置项",
+      setter: ["JsonSetter", "VariableSetter"],
+    },
+    {
+      title: "timeProps",
+      name: "时间input框的配置项",
+      setter: ["JsonSetter", "VariableSetter"],
+    },
+    {
+      title: "slice",
+      name: "时间切片",
       setter: ["JsonSetter", "VariableSetter"],
     },
   ],
@@ -27,9 +47,9 @@ const SelectTimeMeta: ComponentMetadata = {
       style: true,
       events: [
         {
-          name: "onClick",
+          name: "onChange",
           template:
-            "onClick(event,${extParams}){\n// 点击时的回调\nconsole.log('onClick', event);}",
+            "onChange(event,${extParams}){\n// 点击时的回调\nconsole.log('onClick', event);}",
         },
       ],
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.289",
+  "version": "1.0.292",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -62,9 +62,9 @@
     "react-window": "^1.8.10",
     "react-virtualized-auto-sizer": "^1.0.20",
     "crypto-js": "^4.2.0",
-    "@pisell/icon": "0.0.8",
     "@pisell/utils": "1.0.25",
-    "@pisell/date-picker": "1.0.72"
+    "@pisell/date-picker": "1.0.72",
+    "@pisell/icon": "0.0.8"
   },
   "peerDependencies": {
     "react": "^18.0.0",