@pisell/materials 1.0.288 → 1.0.291

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

@@ -5,7 +5,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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, { useState, useMemo } from "react";
+import React, { useState, useMemo, useEffect } from "react";
 import Time from "../virtual-keyboard/Time";
 import { TimePicker, Popover } from "antd";
 import RightPanel from "./RightPanel";
@@ -16,29 +16,37 @@ 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],
     setOpen = _useState2[1];
+  var _useState3 = useState(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    _value = _useState4[0],
+    set_value = _useState4[1];
+  useEffect(function () {
+    set_value(value);
+  }, [value]);
   var valueString = useMemo(function () {
-    if (!value) {
+    if (!_value) {
       return undefined;
     }
-    if (typeof value === "string") {
-      return value;
+    if (typeof _value === "string") {
+      return _value;
     }
-    return value === null || value === void 0 ? void 0 : value.valueString;
-  }, [value]);
+    return _value === null || _value === void 0 ? void 0 : _value.valueString;
+  }, [_value]);
   var previewValueString = useMemo(function () {
-    if (!value) {
+    if (!_value) {
       return null;
     }
-    if (typeof value === "string") {
-      return value;
+    if (typeof _value === "string") {
+      return _value;
     }
-    return value === null || value === void 0 ? void 0 : value.previewValueString;
-  }, [value]);
+    return _value === null || _value === void 0 ? void 0 : _value.previewValueString;
+  }, [_value]);
   var timePickerValue = useMemo(function () {
     if (!previewValueString) {
       return undefined;
@@ -49,29 +57,38 @@ var SelectTime = function SelectTime(props) {
     if (!open) {
       return;
     }
-    // 触发onChange
-    onChange === null || onChange === void 0 ? void 0 : onChange(e);
+    set_value(e);
   };
   var _onEnter = function onEnter(e) {
-    _onChange === null || _onChange === void 0 ? void 0 : _onChange(e);
-    setOpen(false);
+    onOpenChange(false, e.previewValueString || e);
+  };
+  var onOpenChange = function onOpenChange(e) {
+    var _val = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : previewValueString;
+    setOpen(e);
+    if (e) {} else {
+      if (_val === value) {
+        return;
+      }
+      onChange === null || onChange === void 0 ? void 0 : onChange(_val);
+    }
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popover, _extends({
     content: /*#__PURE__*/React.createElement(Time, _extends({
-      onChange: onChange,
+      onChange: _onChange,
       value: valueString,
       onEnter: function onEnter(e) {
         _onEnter(e.previewValueString);
       },
       rightPanel: /*#__PURE__*/React.createElement(RightPanel, {
         value: previewValueString,
-        onChange: _onEnter
+        onChange: _onEnter,
+        slice: slice
       })
     }, timeProps)),
     open: open,
     placement: "bottom",
     arrow: false,
-    onOpenChange: setOpen,
+    onOpenChange: onOpenChange,
     trigger: ["click"]
   }, popoverProps), /*#__PURE__*/React.createElement(TimePicker, _extends({
     format: "HH:mm",

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"
 }];

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,26 +39,30 @@ 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)(() => {
+    set_value(value);
+  }, [value]);
   const valueString = (0, import_react.useMemo)(() => {
-    if (!value) {
+    if (!_value) {
       return void 0;
     }
-    if (typeof value === "string") {
-      return value;
+    if (typeof _value === "string") {
+      return _value;
     }
-    return value == null ? void 0 : value.valueString;
-  }, [value]);
+    return _value == null ? void 0 : _value.valueString;
+  }, [_value]);
   const previewValueString = (0, import_react.useMemo)(() => {
-    if (!value) {
+    if (!_value) {
       return null;
     }
-    if (typeof value === "string") {
-      return value;
+    if (typeof _value === "string") {
+      return _value;
     }
-    return value == null ? void 0 : value.previewValueString;
-  }, [value]);
+    return _value == null ? void 0 : _value.previewValueString;
+  }, [_value]);
   const timePickerValue = (0, import_react.useMemo)(() => {
     if (!previewValueString) {
       return void 0;
@@ -69,11 +73,20 @@ var SelectTime = (props) => {
     if (!open) {
       return;
     }
-    onChange == null ? void 0 : onChange(e);
+    set_value(e);
   };
   const onEnter = (e) => {
-    _onChange == null ? void 0 : _onChange(e);
-    setOpen(false);
+    onOpenChange(false, e.previewValueString || e);
+  };
+  const onOpenChange = (e, _val = previewValueString) => {
+    setOpen(e);
+    if (e) {
+    } else {
+      if (_val === value) {
+        return;
+      }
+      onChange == null ? void 0 : onChange(_val);
+    }
   };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Popover,
@@ -81,19 +94,26 @@ var SelectTime = (props) => {
       content: /* @__PURE__ */ import_react.default.createElement(
         import_Time.default,
         {
-          onChange,
+          onChange: _onChange,
           value: valueString,
           onEnter: (e) => {
             onEnter(e.previewValueString);
           },
-          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
         }
       ),
       open,
       placement: "bottom",
       arrow: false,
-      onOpenChange: setOpen,
+      onOpenChange,
       trigger: ["click"],
       ...popoverProps
     },

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"
   }

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.288",
+  "version": "1.0.291",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",