@pisell/materials 3.0.13 → 3.0.15

package/es/locales/zh-TW.d.ts

@@ -35,5 +35,19 @@ 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;
+    'batch-editor-batch-edit': string;
+    'batch-editor-actions': string;
+    'batch-editor-remove': string;
+    'batch-editor-price': string;
+    'batch-editor-cancel': string;
+    'batch-editor-search': string;
+    'batch-editor-confirm': string;
+    'batch-editor-batch-remove': string;
+    'batch-editor-what-price': string;
+    'batch-editor-quick-edit': string;
+    'batch-editor-quick-edit-title': (product: string, num: string) => string;
+    'batch-editor-quick-edit-title-2': (product: string) => string;
 };
 export default _default;

package/es/locales/zh-TW.js

@@ -40,5 +40,23 @@ 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": "確定",
+  'batch-editor-batch-edit': '批量編輯',
+  'batch-editor-actions': '操作',
+  'batch-editor-remove': '移除',
+  'batch-editor-price': '價格',
+  'batch-editor-cancel': '取消',
+  'batch-editor-search': '搜索',
+  'batch-editor-confirm': '確認',
+  'batch-editor-batch-remove': '批量移除',
+  'batch-editor-what-price': "什麼價格",
+  'batch-editor-quick-edit': '快速編輯',
+  'batch-editor-quick-edit-title': function batchEditorQuickEditTitle(product, num) {
+    return "\u60A8\u5DF2\u9078\u64C7 ".concat(product, " \u7B49").concat(num, "\u4EF6\u7522\u54C1");
+  },
+  'batch-editor-quick-edit-title-2': function batchEditorQuickEditTitle2(product) {
+    return "\u60A8\u5DF2\u9078\u64C7 ".concat(product);
+  }
 };

package/lib/components/batch-editor/fields/Image/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface ImageProps extends React.ComponentPropsWithoutRef<"img"> {
+    value?: string;
+}
+import "./index.less";
+declare const Image: (props: ImageProps) => React.JSX.Element | null;
+export default Image;

package/lib/components/batch-editor/fields/Image/index.js

@@ -0,0 +1,48 @@
+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/batch-editor/fields/Image/index.tsx
+var Image_exports = {};
+__export(Image_exports, {
+  default: () => Image_default
+});
+module.exports = __toCommonJS(Image_exports);
+var import_react = __toESM(require("react"));
+var import_index = require("./index.less");
+var Image = (props) => {
+  return props.value ? /* @__PURE__ */ import_react.default.createElement(
+    "img",
+    {
+      ...props,
+      className: "batch-editor-fields-image",
+      src: props.value,
+      style: { width: "50px", height: "50px" }
+    }
+  ) : null;
+};
+var Image_default = Image;

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

@@ -0,0 +1,6 @@
+.batch-editor-fields-image {
+  width: 48px;
+  height: 48px;
+  border-radius: 8px;
+  object-fit: cover;
+}

package/lib/components/batch-editor/fields/Price/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { InputNumberProps } from "antd";
+export interface PriceProps extends InputNumberProps {
+    symbol: string;
+}
+declare const Price: React.FC<PriceProps>;
+export default Price;

package/lib/components/batch-editor/fields/Price/index.js

@@ -0,0 +1,55 @@
+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/batch-editor/fields/Price/index.tsx
+var Price_exports = {};
+__export(Price_exports, {
+  default: () => Price_default
+});
+module.exports = __toCommonJS(Price_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var Price = (props) => {
+  const { symbol, ...rest } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.InputNumber,
+    {
+      keyboard: false,
+      style: { width: "100%" },
+      min: 0,
+      prefix: symbol || "$",
+      max: 999999,
+      precision: 2,
+      size: "large",
+      controls: false,
+      ...rest,
+      placeholder: rest.placeholder || "0.00"
+    }
+  );
+};
+var Price_default = Price;

package/lib/components/batch-editor/fields/Text/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface TextProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+declare const Text: (props: TextProps) => React.JSX.Element;
+export default Text;

package/lib/components/batch-editor/fields/Text/index.js

@@ -0,0 +1,40 @@
+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/batch-editor/fields/Text/index.tsx
+var Text_exports = {};
+__export(Text_exports, {
+  default: () => Text_default
+});
+module.exports = __toCommonJS(Text_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var Text = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { overlay: props.children }, /* @__PURE__ */ import_react.default.createElement("div", { ...props }, props.children));
+};
+var Text_default = Text;

package/lib/components/batch-editor/fields/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const _default: {
+    price: import("react").FC<import("./Price").PriceProps>;
+    image: (props: import("./Image").ImageProps) => import("react").JSX.Element | null;
+    text: (props: import("./Text").TextProps) => import("react").JSX.Element;
+};
+export default _default;

package/lib/components/batch-editor/fields/index.js

@@ -0,0 +1,42 @@
+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/batch-editor/fields/index.ts
+var fields_exports = {};
+__export(fields_exports, {
+  default: () => fields_default
+});
+module.exports = __toCommonJS(fields_exports);
+var import_Price = __toESM(require("./Price"));
+var import_Image = __toESM(require("./Image"));
+var import_Text = __toESM(require("./Text"));
+var fields_default = {
+  price: import_Price.default,
+  image: import_Image.default,
+  text: import_Text.default
+};

package/lib/components/batch-editor/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./index.less";
+interface BatchEditorProps {
+    columns: any[];
+    dataSource: any[];
+    onChange: (value: any) => void;
+    rowKey: string;
+    otherTableProps: any;
+}
+declare const BatchEditor: (props: BatchEditorProps) => React.JSX.Element;
+export default BatchEditor;

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

@@ -0,0 +1,370 @@
+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/batch-editor/index.tsx
+var batch_editor_exports = {};
+__export(batch_editor_exports, {
+  default: () => batch_editor_default
+});
+module.exports = __toCommonJS(batch_editor_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_ahooks = require("ahooks");
+var import_table = __toESM(require("../table"));
+var import_fields = __toESM(require("./fields"));
+var import_Price = __toESM(require("./fields/Price"));
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_locales = require("../../locales/index");
+var import_index = require("./index.less");
+var BatchEditor = (props) => {
+  var _a, _b, _c, _d, _e;
+  const { columns, dataSource = [], onChange, rowKey, otherTableProps } = props;
+  const [form] = import_antd.Form.useForm();
+  const [openModal, setOpenModal] = (0, import_react.useState)(false);
+  const [selectList, setSelectList] = (0, import_react.useState)([]);
+  const context = (0, import_useEngineContext.default)();
+  const { store } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  const symbol = ((_d = (_c = (_b = store == null ? void 0 : store.getState) == null ? void 0 : _b.call(store)) == null ? void 0 : _c.global) == null ? void 0 : _d.symbol) || "$";
+  const renderColumnItem = (0, import_react.useCallback)(
+    (_item) => {
+      return (text, record) => {
+        if (!_item.type) {
+          const Com2 = import_fields.default["text"];
+          return /* @__PURE__ */ import_react.default.createElement("div", { className: "editor-item" }, /* @__PURE__ */ import_react.default.createElement(Com2, null, text));
+        }
+        if ((record.disabledList || []).includes(_item.dataIndex)) {
+          return /* @__PURE__ */ import_react.default.createElement("div", { className: "editor-item", style: { padding: `0 11px` } }, /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Tooltip,
+            {
+              overlay: (record == null ? void 0 : record.disabledTexts) ? (
+                //@ts-ignore
+                (record == null ? void 0 : record.disabledTexts[_item.dataIndex]) || text
+              ) : text
+            },
+            /* @__PURE__ */ import_react.default.createElement("div", { className: "name" }, (record == null ? void 0 : record.disabledTexts) ? (
+              //@ts-ignore
+              (record == null ? void 0 : record.disabledTexts[_item.dataIndex]) || text
+            ) : text)
+          ));
+        }
+        const Com = import_fields.default[_item.type];
+        if (Com) {
+          return /* @__PURE__ */ import_react.default.createElement("div", { className: "editor-item" }, /* @__PURE__ */ import_react.default.createElement(
+            Com,
+            {
+              status: record.status,
+              value: text,
+              ..._item.componentProps,
+              placeholder: _item.placeholder || record[_item.dataIndex + "placeholder"],
+              symbol,
+              onChange: (e) => {
+                handleChange(e, _item.dataIndex, record[rowKey]);
+              }
+            }
+          ));
+        }
+        return /* @__PURE__ */ import_react.default.createElement("div", { className: "editor-item" }, "-");
+      };
+    },
+    [dataSource, rowKey, columns]
+  );
+  const _onChange = (newDataSource) => {
+    onChange == null ? void 0 : onChange(newDataSource);
+  };
+  const handleChange = (val, key, id) => {
+    let _dataSource = JSON.parse(JSON.stringify(dataSource));
+    let fn = (_list) => {
+      for (let d of _list) {
+        if (d[rowKey] === id) {
+          d[key] = val;
+          break;
+        }
+        if (d.children && d.children.length) {
+          fn(d.children);
+        }
+      }
+    };
+    fn(_dataSource || []);
+    _onChange(_dataSource);
+  };
+  const handleBatchEditChange = (val, key) => {
+    let _dataSource = JSON.parse(JSON.stringify(dataSource));
+    let fn = (_list) => {
+      for (let d of _list) {
+        if (selectList.includes(d[rowKey]) && !(d.disabledList || []).includes(key)) {
+          d[key] = val;
+        }
+        if (d.children && d.children.length) {
+          fn(d.children);
+        }
+      }
+    };
+    fn(_dataSource || []);
+    _onChange(_dataSource);
+  };
+  const handleRemove = (ids) => {
+    let _dataSource = JSON.parse(JSON.stringify(dataSource));
+    if (_dataSource.some((d) => ids.includes(d[rowKey]))) {
+      _dataSource = _dataSource.filter((d) => !ids.includes(d[rowKey]));
+    } else {
+      _dataSource.forEach((d) => {
+        if (d.children) {
+          d.children = d.children.filter((d2) => !ids.includes(d2[rowKey]));
+        }
+      });
+    }
+    _onChange(_dataSource);
+  };
+  const setDebounceValue = (0, import_ahooks.useDebounceFn)(
+    (_dataSource) => {
+      _onChange(_dataSource);
+    },
+    {
+      wait: 300
+    }
+  );
+  const renderPopoverContent = (0, import_react.useCallback)(
+    (_item) => {
+      const Com = import_fields.default[_item.type];
+      let val;
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "batch-popover-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "editor-item" }, /* @__PURE__ */ import_react.default.createElement(
+        Com,
+        {
+          symbol,
+          onBlur: () => {
+            if (val !== void 0) {
+              handleBatchEditChange(val, _item.dataIndex);
+            }
+          },
+          onChange: (e) => {
+            val = e;
+          }
+        }
+      )));
+    },
+    [dataSource, selectList]
+  );
+  const renderColumnTitle = (0, import_react.useCallback)(
+    (item) => {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "column-title" }, /* @__PURE__ */ import_react.default.createElement("span", null, item.title), selectList.length && item.batchEdit ? /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Popover,
+        {
+          destroyTooltipOnHide: true,
+          trigger: ["click"],
+          placement: "bottom",
+          title: `${(0, import_locales.getText)("batch-editor-batch-edit")}: ${item.title}`,
+          content: renderPopoverContent(item)
+        },
+        /* @__PURE__ */ import_react.default.createElement("a", { style: { marginLeft: 4 } }, (0, import_locales.getText)("batch-editor-batch-edit"))
+      ) : null);
+    },
+    [dataSource, rowKey, selectList]
+  );
+  const _columns = (0, import_react.useMemo)(() => {
+    return columns.filter((d) => !d.hide).map((d) => {
+      return {
+        ...d,
+        titleStr: d.title,
+        title: renderColumnTitle(d),
+        render: renderColumnItem(d)
+      };
+    }).concat([
+      {
+        title: (0, import_locales.getText)("batch-editor-actions"),
+        dataIndex: rowKey,
+        key: "actions",
+        align: "center",
+        fixed: "right",
+        width: 100,
+        dataSource,
+        selectList,
+        render: (text, record) => {
+          return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Button,
+            {
+              onClick: () => {
+                handleRemove([text]);
+              }
+            },
+            (0, import_locales.getText)("batch-editor-remove")
+          ));
+        }
+      }
+    ]);
+  }, [renderColumnItem, rowKey, dataSource, selectList]);
+  const selectOptions = (0, import_react.useMemo)(() => {
+    return _columns.filter((d) => d.batchEdit).map((d) => {
+      return {
+        label: d.titleStr,
+        value: d.dataIndex
+      };
+    });
+  }, [_columns]);
+  const onFinish = (values) => {
+    handleBatchEditChange(values.value, values.key);
+    onCancel();
+    setSelectList([]);
+  };
+  const onCancel = () => {
+    form.resetFields();
+    setOpenModal(false);
+  };
+  const onOpenMOdal = () => {
+    setOpenModal(true);
+    form.setFieldsValue({
+      key: selectOptions[0].value
+    });
+  };
+  const modalTitle = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    let str = "";
+    let selectItems = [];
+    selectList.forEach((item) => {
+      let productItem = dataSource.find((d) => d[rowKey] === item);
+      if (productItem) {
+        selectItems.push(productItem);
+      } else {
+        dataSource.forEach((d) => {
+          if (d.children) {
+            let childProductItem = d.children.find(
+              (t) => t[rowKey] === item
+            );
+            if (childProductItem) {
+              selectItems.push(childProductItem);
+            }
+          }
+        });
+      }
+    });
+    str = ``;
+    if (selectItems.length > 1) {
+      str = (0, import_locales.getText)("batch-editor-quick-edit-title")(
+        (_a2 = selectItems[0]) == null ? void 0 : _a2.title,
+        selectItems.length
+      );
+    } else {
+      str = (0, import_locales.getText)("batch-editor-quick-edit-title-2")((_b2 = selectItems[0]) == null ? void 0 : _b2.title);
+    }
+    return str;
+  }, [selectList, dataSource]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_table.default,
+    {
+      actionButtons: !!selectList.length && [
+        {
+          title: (0, import_locales.getText)("batch-editor-batch-remove"),
+          size: "large",
+          onClick: () => {
+            handleRemove(selectList);
+            setSelectList([]);
+          }
+        },
+        {
+          title: (0, import_locales.getText)("batch-editor-batch-edit"),
+          onClick: onOpenMOdal,
+          size: "large",
+          type: "primary"
+        }
+      ],
+      bordered: true,
+      dataSource,
+      columns: _columns,
+      className: "batch-editor-table",
+      rowKey,
+      rowSelection: {
+        type: "checkbox",
+        selectedRowKeys: selectList,
+        onChange: (keys) => {
+          setSelectList(keys);
+        }
+      },
+      scroll: { autoCalc: true },
+      pagination: {
+        localPagination: true,
+        showSizeChanger: true,
+        size: "default"
+      },
+      ...otherTableProps,
+      onValuesChange: (values) => {
+        var _a2;
+        setSelectList([]);
+        (_a2 = otherTableProps == null ? void 0 : otherTableProps.onValuesChange) == null ? void 0 : _a2.call(otherTableProps, values);
+      },
+      filter: {
+        show: true,
+        sortButtonShow: false,
+        quickFilterMaxLength: 3,
+        storageMode: "localStorage",
+        ...(otherTableProps == null ? void 0 : otherTableProps.filter) || {},
+        list: [
+          {
+            type: "search",
+            name: "keywords",
+            key: "keywords",
+            localFilter: true,
+            other: {
+              trigger: ["onChange"],
+              allowClear: true,
+              size: "large",
+              placeholder: (0, import_locales.getText)("batch-editor-search"),
+              onChange: () => {
+                setSelectList([]);
+              }
+            }
+          },
+          ...((_e = otherTableProps == null ? void 0 : otherTableProps.filter) == null ? void 0 : _e.list) || []
+        ]
+      }
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Modal,
+    {
+      title: (0, import_locales.getText)("batch-editor-quick-edit"),
+      open: openModal,
+      footer: null,
+      onCancel: () => {
+        setOpenModal(false);
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "title", style: { marginBottom: 20 } }, modalTitle),
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { layout: "vertical", form, onFinish }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { label: (0, import_locales.getText)("batch-editor-what-price"), name: "key" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Select, { size: "large", options: selectOptions })), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { label: (0, import_locales.getText)("batch-editor-price"), name: "value" }, /* @__PURE__ */ import_react.default.createElement(import_Price.default, { symbol }))),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { display: "flex", gap: 20, width: "100%" } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "large", style: { flex: 1 }, onClick: onCancel }, (0, import_locales.getText)("batch-editor-cancel")), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        size: "large",
+        type: "primary",
+        onClick: () => {
+          form.submit();
+        },
+        style: { flex: 1 }
+      },
+      (0, import_locales.getText)("batch-editor-confirm")
+    ))
+  ));
+};
+var batch_editor_default = BatchEditor;