@pisell/materials 3.0.13 → 3.0.15

package/lib/components/batch-editor/index.less

@@ -0,0 +1,50 @@
+.batch-editor-table {
+
+  :global {
+
+    // .ant-table-tbody .ant-table-cell {
+    //   display: flex;
+    //   align-items: center;
+    // }
+    .ant-table-cell-with-append {
+      display: flex;
+      align-items: center;
+      height: 95px;
+    }
+  }
+
+  .column-title {
+    display: flex !important;
+    align-items: center;
+    justify-content: space-between;
+    word-wrap: normal !important;
+    word-break: normal !important;
+    white-space: wrap !important;
+    padding: 4px 8px;
+
+    .icon {
+      cursor: pointer;
+    }
+  }
+
+  .editor-item {
+    flex: 1;
+    cursor: pointer;
+    min-height: 40px;
+
+    .name {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+
+      max-width: 240px;
+    }
+  }
+
+  :global {
+    .batch-popover-content {
+      width: 250px;
+      height: 50px;
+    }
+  }
+}

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;

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/table/Table/fields/select/filterUtil/index.js

@@ -33,5 +33,11 @@ function filterUtil_default({
     return true;
   }
   const dataValue = (0, import_utils2.getValueByKeys)(item, key);
-  return (0, import_utils.isArr)(value) ? value.includes(dataValue) : value === dataValue;
+  if ((0, import_utils.isArr)(value)) {
+    return value.includes(dataValue);
+  }
+  if ((0, import_utils.isArr)(dataValue)) {
+    return dataValue.includes(value);
+  }
+  return value === dataValue;
 }

package/lib/components/table/hooks/useTransDataSource.js

@@ -84,6 +84,7 @@ var useTransDataSource = (params) => {
     filterLocalArr,
     filters
   ]);
+  console.log("dataSourcedataSource", dataSource);
   return dataSource;
 };
 var useTransDataSource_default = useTransDataSource;

package/lib/components/table/index.js

@@ -122,9 +122,18 @@ var GridView = (0, import_model.Provider)(
       }
       return viewMode || defaultViewMode;
     }, [viewMode, defaultViewMode, multiple]);
+    const removeTitleColumns = (0, import_react.useMemo)(() => {
+      let _columns = columns.map((item) => {
+        return {
+          ...item,
+          title: void 0
+        };
+      });
+      return _columns;
+    }, [columns]);
     const currentSettingHash = (0, import_react.useMemo)(() => {
-      return currentSettingKey || (0, import_utils.getHash)(columns) || "";
-    }, [currentSettingKey, JSON.stringify(columns)]);
+      return currentSettingKey || (0, import_utils.getHash)(removeTitleColumns) || "";
+    }, [currentSettingKey, JSON.stringify(removeTitleColumns)]);
     (0, import_react.useEffect)(() => {
       const setting = (0, import_utils.getTableSettingFromLocalStorage)(tableId);
       if (setting.currentSettingHash !== currentSettingHash) {
@@ -242,8 +251,11 @@ var GridView = (0, import_model.Provider)(
     }, [currentViewMode]);
     (0, import_react.useEffect)(() => {
       form.setFieldValue("column_setting", {});
-      form.setFieldValue("column_setting", tableSettingRef.current.column_setting);
-    }, [(0, import_utils.stringify)(columns)]);
+      form.setFieldValue(
+        "column_setting",
+        tableSettingRef.current.column_setting
+      );
+    }, [(0, import_utils.stringify)(removeTitleColumns)]);
     (0, import_react.useEffect)(() => {
       form.setFieldsValue(initialValuesRef.current);
     }, [JSON.stringify(propsFilter)]);

package/lib/components/table/index.less

@@ -2,34 +2,67 @@
   height: 100%;
   flex: 1;
 }
+
 .materials-grid {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
+
   .pisell-lowcode-table-thead {
     .pisell-lowcode-table-cell {
       padding: 0 14px;
       height: 44px;
     }
   }
+
   .pisell-lowcode-table-cell {
     padding: 12px;
+
+    .pisell-lowcode-table-selection {
+      width: 100%;
+      height: 100%;
+
+      .pisell-lowcode-checkbox-wrapper {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+    }
+  }
+
+  .cell-provider {
+
+
+    .pisell-lowcode-checkbox-wrapper {
+      width: 100%;
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
   }
+
   .pisell-lowcode-table-filter-column {
     align-items: center;
+
     .pisell-lowcode-dropdown-trigger {
       width: 25px;
       height: 25px;
       justify-content: center;
     }
+
     .pisell-lowcode-table-filter-trigger.active {
       background: var(--primary-100, #F4EBFF);
     }
   }
+
   .pisell-lowcode-table-column-sorters {
     cursor: pointer;
   }
+
   .pisell-table-sorter-inner {
     width: 25px;
     height: 25px;
@@ -42,47 +75,59 @@
     transition: color 0.3s;
     border-radius: 8px;
     justify-content: center;
+
     &:hover {
       background: var(--primary-100, #F4EBFF);
     }
-    .pisell-table-column-sorter-up,.pisell-table-column-sorter-down {
+
+    .pisell-table-column-sorter-up,
+    .pisell-table-column-sorter-down {
       color: rgba(102, 112, 133, 0.65);
       font-size: 12px;
     }
+
     .pisell-table-column-sorter-down {
       margin-top: -0.3em;
     }
+
     .pisell-table-column-up {
       font-size: 20px;
     }
+
     .pisell-table-column-down {
       font-size: 20px;
       transform: rotate(180deg);
     }
   }
+
   .pisell-table-sorter-inner.active {
     background: var(--primary-100, #F4EBFF);
     cursor: pointer;
     color: #7F56D9
   }
 
-  .pisell-lowcode-table-wrapper .pisell-lowcode-table.pisell-lowcode-table-bordered >.pisell-lowcode-table-container {
+  .pisell-lowcode-table-wrapper .pisell-lowcode-table.pisell-lowcode-table-bordered>.pisell-lowcode-table-container {
     border-left: none;
   }
+
   .pisell-lowcode-table-wrapper .pisell-lowcode-table-bordered .pisell-lowcode-table-thead tr td:first-child {
     border-left: 1px solid #EAECF0;
   }
+
   .pisell-lowcode-table-wrapper .pisell-lowcode-table-bordered .pisell-lowcode-table-thead tr th:first-child {
     border-left: 1px solid #EAECF0;
   }
+
   div.pisell-lowcode-table-selection-column {
     display: flex;
     align-items: center;
     justify-content: center;
   }
+
   .pisell-lowcode-table-bordered .pisell-lowcode-table-tbody .pisell-lowcode-table-selection-column {
     border-left: 1px solid #EAECF0;
   }
+
   .drag-sort-cell {
     .editable-cell-value-wrap {
       display: flex;

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;