@pisell/materials 2.2.2 → 2.2.3

package/lib/components/table/Actions/component/ExportImport/components/ImportTable/index.less

@@ -0,0 +1,97 @@
+.default-view {
+  margin: 16px 0;
+  position: relative;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  background: #f5f5f5;
+  border: 1px dashed #d9d9d9;
+  border-radius: 2px;
+  cursor: pointer;
+  -webkit-transition: border-color 0.3s;
+  transition: border-color 0.3s;
+  box-sizing: border-box;
+  padding: 0 16px;
+
+  .icon-wrap {
+    color: var(--theme-light-color);
+    font-size: 42px;
+    margin: 16px 0 0 0;
+  }
+
+  .text {
+    margin: 16px 0 0 0;
+    color: rgba(0, 0, 0, 0.85);
+    font-size: 16px;
+  }
+
+  .hint {
+    color: rgba(0, 0, 0, 0.45);
+    font-size: 14px;
+  }
+}
+
+.upload-input {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  cursor: pointer;
+}
+
+.error-hint {
+  display: flex;
+  width: 100%;
+  border-radius: 4px;
+  padding: 15px 20px;
+  border: 1px solid #ee827a;
+  background: #fff5e9;
+  margin-bottom: 20px;
+
+  .error-icon {
+    color: #ee827a;
+    font-size: 20px;
+  }
+
+  .text {
+    margin-left: 10px;
+    flex: 1 1;
+    font-size: 14px;
+  }
+}
+
+.file-list {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  height: 115px;
+  border: 1px dashed #d9d9d9;
+  border-radius: 2px;
+  margin: 16px 0;
+  padding: 0 30px;
+  box-sizing: border-box;
+
+  .file-icon {
+    font-size: 50px;
+    color: var(--theme-color);
+  }
+
+  .file-name {
+    text-align: left;
+    flex: 1;
+    max-width: 300px;
+    margin-left: 20px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
+.import-title{
+  a{
+    margin-left: 10px;
+  }
+}

package/lib/components/table/Actions/component/ExportImport/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ExportImportType } from "../../../types";
+import "./index.less";
+declare type ExportImportProps = {
+    exportImport: ExportImportType;
+};
+declare const ExportImport: ({ exportImport }: ExportImportProps) => React.JSX.Element;
+export default ExportImport;

package/lib/components/table/Actions/component/ExportImport/index.js

@@ -0,0 +1,210 @@
+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/table/Actions/component/ExportImport/index.tsx
+var ExportImport_exports = {};
+__export(ExportImport_exports, {
+  default: () => ExportImport_default
+});
+module.exports = __toCommonJS(ExportImport_exports);
+var import_ImportExport = __toESM(require("@pisell/icon/es/ImportExport"));
+var import_ahooks = require("ahooks");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
+var import_locales = require("../../../../../locales/index");
+var import_serve = require("../../../serve");
+var import_status = require("../../../status");
+var import_utils = require("../../../utils");
+var import_ButtonIcon = __toESM(require("../ButtonIcon"));
+var import_ExportFile = __toESM(require("./components/ExportFile"));
+var import_ExportTable = __toESM(require("./components/ExportTable"));
+var import_function = require("./components/ExportTable/function");
+var import_ImportLog = __toESM(require("./components/ImportLog"));
+var import_ImportTable = __toESM(require("./components/ImportTable"));
+var import_hooks = require("../../../../../hooks");
+var import_model = require("../../../model");
+var import_index = require("./index.less");
+var Com = {
+  import: import_ImportTable.default,
+  export: import_ExportTable.default,
+  export_file: import_ExportFile.default,
+  import_log: import_ImportLog.default
+};
+var ExportImport = ({ exportImport }) => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [file, setFile] = (0, import_react.useState)(null);
+  const [type, setType] = (0, import_react.useState)(import_status.defaultOptions.exportType);
+  const [value, setValue] = (0, import_react.useState)("");
+  const [errorStatus, setErrorStatus] = (0, import_react.useState)();
+  const { state } = (0, import_hooks.useSharedState)(import_model.Context);
+  const { originResultDataSource, currentDataSource } = state;
+  const context = (0, import_useEngineContext.default)();
+  import_utils.request.setRequest(context.appHelper.utils.request);
+  const _items = (0, import_react.useMemo)(() => {
+    const result = Object.entries(import_status.exportImportOptions).map(([key, value2]) => {
+      return {
+        key,
+        label: value2
+      };
+    });
+    return result;
+  }, []);
+  const Content = (0, import_react.useMemo)(() => {
+    if (!value)
+      return null;
+    return Com[value];
+  }, [value]);
+  const _footer = (0, import_react.useMemo)(() => {
+    const types = import_status.defaultOptions.footerHintTypes;
+    if (types.includes(value)) {
+      return null;
+    }
+  }, [value]);
+  const _width = (0, import_react.useMemo)(() => {
+    const types = import_status.defaultOptions.footerHintTypes;
+    return types.includes(value) ? 900 : import_status.defaultOptions.importValue ? 600 : 400;
+  }, [value]);
+  const _title = (0, import_react.useMemo)(() => {
+    if (!value)
+      return null;
+    const types = import_status.defaultOptions.okShowButtonTypes;
+    if (types.includes(value) && (exportImport == null ? void 0 : exportImport.title)) {
+      return `${import_status.exportImportOptions[value]}${exportImport.title}`;
+    }
+    return import_status.exportImportOptions[value];
+  }, [value, exportImport == null ? void 0 : exportImport.title]);
+  const _okText = (0, import_react.useMemo)(() => {
+    const types = import_status.defaultOptions.okShowButtonTypes;
+    if (types.includes(value)) {
+      return value === import_status.defaultOptions.exportValue ? (0, import_locales.getText)("table-action-export-import-button") : (0, import_locales.getText)("table-action-export-import-button-import");
+    }
+  }, [value]);
+  const handleClick = (e) => {
+    const value2 = e.key;
+    setValue(value2);
+    setOpen(true);
+  };
+  const onCancel = () => {
+    setOpen(false);
+    setValue("");
+    setFile(null);
+    setErrorStatus(null);
+    setType(import_status.defaultOptions.exportType);
+  };
+  const _batchImport = (0, import_ahooks.useRequest)(import_serve.batchImport, {
+    manual: true,
+    debounceWait: 200,
+    onSuccess: () => {
+      setErrorStatus(null);
+      import_antd.message.destroy();
+      import_antd.message.success({
+        content: (0, import_locales.getText)("table-action-export-import-import-success"),
+        key: value
+      });
+      onCancel();
+    },
+    onError: (err) => {
+      import_antd.message.destroy();
+      setErrorStatus((err == null ? void 0 : err.message) || null);
+    }
+  });
+  const onOk = async () => {
+    const { formId, formCode } = exportImport;
+    if (value === import_status.defaultOptions.exportValue) {
+      const _params = {
+        type,
+        originDataSource: originResultDataSource,
+        currentDataSource
+      };
+      const result = await (0, import_function.batchExport)(_params, exportImport);
+      if (result) {
+        onCancel();
+      }
+    } else if (value === import_status.defaultOptions.importValue) {
+      const formData = new FormData();
+      formData.append("file", file);
+      if (formId) {
+        formData.append("form_id", formId);
+      }
+      if (formCode) {
+        formData.append("code", formCode);
+      }
+      if (formData) {
+        import_antd.message.loading({ content: "Loading...", key: value });
+        _batchImport.run(formData);
+      }
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Dropdown,
+    {
+      menu: {
+        items: _items,
+        selectable: true,
+        onClick: handleClick
+      },
+      placement: "bottomRight"
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_ButtonIcon.default, { isActive: false }, /* @__PURE__ */ import_react.default.createElement(import_ImportExport.default, { style: { cursor: "pointer", fontSize: 20 } }))
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Modal,
+    {
+      title: _title,
+      footer: _footer,
+      width: _width,
+      okText: _okText,
+      open,
+      className: "export-import-modal",
+      onCancel,
+      bodyStyle: { padding: "0px" },
+      destroyOnClose: true,
+      onOk,
+      cancelText: (0, import_locales.getText)("table-action-export-import-cancel"),
+      okButtonProps: {
+        disabled: value === import_status.defaultOptions.importValue && (!file || !!errorStatus)
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      Content,
+      {
+        exportImport,
+        errorStatus,
+        onChange: (e) => {
+          if (value === import_status.defaultOptions.importValue) {
+            setFile(e);
+            setErrorStatus(null);
+          } else if (value === import_status.defaultOptions.exportValue) {
+            setType(e);
+          }
+        }
+      }
+    )
+  ));
+};
+var ExportImport_default = ExportImport;

package/lib/components/table/Actions/component/ExportImport/index.less

@@ -0,0 +1,194 @@
+.export-import-modal{
+  .pisell-lowcode-modal-header{
+    padding: 0 0 6px 0!important;
+  }
+
+  .pisell-lowcode-table-content{
+    .pisell-lowcode-table-cell{
+      padding: 16px!important;
+    }
+  }
+}
+
+.goods-list-page {
+  padding: 0 30px;
+
+  .header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 22px 0;
+    font-size: 20px;
+    font-weight: 650;
+    line-height: 28px;
+    color: #252a2d;
+
+    .action-list {
+      display: flex;
+      align-items: center;
+      min-height: 40px;
+
+      .import-btn,
+      .export-btn {
+        height: 28px;
+        font-size: 14px;
+        font-weight: 650;
+        line-height: 28px;
+        color: #252a2d;
+        cursor: pointer;
+      }
+    }
+  }
+
+  .content {
+    padding: 20px 0;
+    background: #ffffff;
+    border-radius: var(--small-border-radius);
+
+    .search-wrap {
+      width: 100%;
+      box-sizing: border-box;
+      padding: 10px 32px 0 32px;
+      display: flex;
+      align-items: center;
+
+      .search-input {
+        flex: 1;
+        margin-right: 20px;
+      }
+
+      &.phone-wrap {
+        flex-direction: column;
+        align-items: flex-end;
+
+        .search-input {
+          width: 100%;
+          margin-bottom: 16px;
+          margin-right: 0;
+        }
+      }
+    }
+
+    .cover-wrap {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      overflow: hidden;
+      width: 64px;
+      height: 64px;
+      opacity: 1;
+      border-radius: 2px;
+      margin: 0 auto;
+
+      img {
+        width: 100%;
+      }
+    }
+
+    .goods-status {
+      display: inline-block;
+      min-width: 58px;
+      border-radius: 16px;
+      font-size: 13px;
+
+      text-align: center;
+      padding: 2px 8px;
+
+      &.release {
+        background: #6fa629;
+        color: #ffffff;
+      }
+
+      &.pending {
+        background: #ec808d;
+        color: #fff;
+      }
+
+      &.archived {
+        background: #e4e5e7;
+        color: #252a2d;
+      }
+
+      &.draft {
+        background: #a4e8f2;
+        color: #202223;
+      }
+    }
+  }
+}
+
+.spin {
+  :global {
+    .ant-spin {
+      max-height: 10000px !important;
+    }
+  }
+}
+
+.empty-wrap {
+  min-height: 550px;
+
+  .empty-content {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    height: 550px;
+    background: #ffffff;
+    border-radius: 4px;
+
+    .icon {
+      font-size: 170px;
+      margin-top: 70px;
+    }
+
+    .title {
+      margin-top: 40px;
+      height: 22px;
+      font-size: 16px;
+      font-weight: 650;
+      line-height: 28px;
+      color: #252a2d;
+    }
+
+    .describe {
+      margin-top: 22px;
+      margin-bottom: 9px;
+      max-width: 390px;
+      height: 86px;
+      font-size: 14px;
+
+      font-weight: 400;
+      line-height: 22px;
+      color: #707070;
+    }
+  }
+}
+
+.footer {
+  margin-top: 30px;
+  height: 17px;
+  font-size: 12px;
+
+  font-weight: 400;
+  line-height: 17px;
+  color: #8c8c8c;
+  text-align: center;
+}
+
+.phone-wrap {
+  padding: 0 16px;
+
+  .content {
+    .search-wrap {
+      padding: 10px 16px 0 16px;
+    }
+
+    .list-wrap {
+      padding: 16px;
+    }
+  }
+}
+
+.list-wrap {
+  padding: 20px 32px;
+}

package/lib/components/table/Actions/component/ExportImport/utils/date.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @Title: 格式化日期
+ * @Describe:
+ * @Author: Wzw
+ * @param {string} date
+ * @param {string} format
+ */
+export declare const formatDate: (date: any, format?: string[]) => any;

package/lib/components/table/Actions/component/ExportImport/utils/date.js

@@ -0,0 +1,49 @@
+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/table/Actions/component/ExportImport/utils/date.ts
+var date_exports = {};
+__export(date_exports, {
+  formatDate: () => formatDate
+});
+module.exports = __toCommonJS(date_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var import_locale = require("../../../../../../utils/locale");
+var formatDate = (date, format) => {
+  if (!date) {
+    return date;
+  }
+  const lang = (0, import_locale.getCurrentLocale)();
+  let _format = format || ["HH:mm:ss DD/MM/YYYY", "YYYY-MM-DD HH:mm:ss"];
+  let type = lang === "en-US" || lang === "en" ? _format[0] : _format[1];
+  return (0, import_dayjs.default)(date).format(type);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatDate
+});

package/lib/components/table/Actions/component/ExportImport/utils/download.d.ts

@@ -0,0 +1,3 @@
+export declare const windowOpen: (url: string, target?: string) => void;
+declare const _default: (sUrl: string, fileName?: string) => boolean;
+export default _default;

package/lib/components/table/Actions/component/ExportImport/utils/download.js

@@ -0,0 +1,62 @@
+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/table/Actions/component/ExportImport/utils/download.ts
+var download_exports = {};
+__export(download_exports, {
+  default: () => download_default,
+  windowOpen: () => windowOpen
+});
+module.exports = __toCommonJS(download_exports);
+var windowOpen = (url, target) => {
+  let oWindow = window.open("", target || "_blank");
+  oWindow.location = url;
+};
+var download_default = (sUrl, fileName) => {
+  let isChrome = navigator.userAgent.toLowerCase().indexOf("chrome") > -1;
+  let isSafari = navigator.userAgent.toLowerCase().indexOf("safari") > -1;
+  if (/(iP)/g.test(navigator.userAgent)) {
+    alert(
+      "Your device does not support files downloading. Please try again in desktop browser."
+    );
+    return false;
+  }
+  if (isChrome || isSafari) {
+    let link = document.createElement("a");
+    link.href = sUrl;
+    if (link.download !== void 0) {
+      let _fileName = fileName || sUrl.substring(sUrl.lastIndexOf("/") + 1, sUrl.length);
+      link.download = _fileName;
+    }
+    if (document.createEvent) {
+      let e = document.createEvent("MouseEvents");
+      e.initEvent("click", true, true);
+      link.dispatchEvent(e);
+      return true;
+    }
+  }
+  if (sUrl.indexOf("?") === -1) {
+    sUrl += "?download";
+  }
+  windowOpen(sUrl, "_self");
+  return true;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  windowOpen
+});

package/lib/components/table/Actions/component/ExportImport/utils/file.d.ts

@@ -0,0 +1,7 @@
+export declare const getFileDateName: () => string;
+/**
+ * @Title: 复制内容
+ * @Describe:
+ * @Author: Wzw
+ */
+export declare const copyText: (text: string) => void;

package/lib/components/table/Actions/component/ExportImport/utils/file.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/table/Actions/component/ExportImport/utils/file.ts
+var file_exports = {};
+__export(file_exports, {
+  copyText: () => copyText,
+  getFileDateName: () => getFileDateName
+});
+module.exports = __toCommonJS(file_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var import_antd = require("antd");
+var import_locales = require("../../../../../../locales/index");
+var getFileDateName = () => {
+  return "-" + (0, import_dayjs.default)().format("YYYY-MM-DD-HH-mm-ss");
+};
+var copyText = (text) => {
+  let input = document.createElement("input");
+  input.setAttribute("value", text);
+  document.body.appendChild(input);
+  input.select();
+  document.execCommand("copy");
+  document.body.removeChild(input);
+  import_antd.message.success((0, import_locales.getText)("table-action-export-import-table-success-copy"));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  copyText,
+  getFileDateName
+});