@pisell/private-materials 3.0.13 → 3.0.15

package/lib/components/productExtension/fields/SelectProducts/ProductItemPreview/index.less

@@ -0,0 +1,62 @@
+.product-item-card-preview {
+  padding: 16px;
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+
+  &::before {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: calc(100% - 40px);
+    height: 1px;
+    background: #F1F1F1;
+  }
+
+  &:last-child {
+    &::before {
+      display: none;
+    }
+  }
+
+  .product-item-card-preview-cover {
+    width: 40px;
+    height: 40px;
+    border-radius: 8px;
+    object-fit: cover;
+  }
+
+  .product-item-card-preview-content {
+    flex: 1;
+
+    .product-item-card-preview-title {
+      color: var(--text-text-1, #1B1B1B);
+
+
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 20px;
+    }
+
+  }
+
+  .product-item-card-preview-close-wrap {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    cursor: pointer;
+
+    .product-item-card-close {
+      font-size: 30px;
+
+    }
+  }
+
+
+}

package/lib/components/productExtension/fields/SelectProducts/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./index.less";
+interface valueType {
+}
+interface SelectProductsProps {
+    value?: valueType[];
+    onChange?: (value: valueType[]) => void;
+}
+declare const SelectProducts: ({ value, onChange }: SelectProductsProps) => React.JSX.Element;
+export default SelectProducts;

package/lib/components/productExtension/fields/SelectProducts/index.js

@@ -0,0 +1,126 @@
+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/productExtension/fields/SelectProducts/index.tsx
+var SelectProducts_exports = {};
+__export(SelectProducts_exports, {
+  default: () => SelectProducts_default
+});
+module.exports = __toCommonJS(SelectProducts_exports);
+var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
+var import_selectModal = __toESM(require("../../../selectModal"));
+var import_server = require("./server");
+var import_ProductItem = __toESM(require("./ProductItem"));
+var import_ProductItemPreview = __toESM(require("./ProductItemPreview"));
+var import_index = require("./index.less");
+var import_utils = require("@pisell/utils");
+var SelectProducts = ({ value, onChange }) => {
+  const [listMap, setListMap] = (0, import_react.useState)({});
+  const _getProductList = (0, import_ahooks.useRequest)(import_server.getProductList, {
+    manual: true,
+    onSuccess: (res) => {
+      let obj = {};
+      res.forEach((d) => {
+        obj[d.id] = d;
+      });
+      setListMap(obj);
+    }
+  });
+  const _value = (0, import_react.useMemo)(() => {
+    if (value && value.length) {
+      return value.map((d) => listMap[d.product_id] || d);
+    }
+    return value;
+  }, [value, listMap]);
+  (0, import_react.useEffect)(() => {
+    _getProductList.run({
+      skip: 1,
+      num: 500,
+      with: ["category"],
+      open_quotation: 1,
+      exclude_extension_type: ["event_item"]
+    });
+  }, []);
+  const onRemove = (item) => {
+    onChange == null ? void 0 : onChange(
+      (value || []).filter((d) => (d.id || d.product_id) !== item.id)
+    );
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_selectModal.default,
+    {
+      value: _value,
+      loading: _getProductList.loading,
+      onChange: (arr) => {
+        onChange == null ? void 0 : onChange(
+          arr.map((d) => {
+            return {
+              product_collection_id: 0,
+              product_id: d.id || d.product_id,
+              product_variant_id: 0
+            };
+          })
+        );
+      },
+      dataSource: _getProductList.data,
+      renderValueItem: (item, onSelect) => {
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ProductItemPreview.default,
+          {
+            key: item == null ? void 0 : item.id,
+            item,
+            onClick: onSelect,
+            onRemove
+          }
+        );
+      },
+      renderOptionItem: (item, onSelect) => {
+        return /* @__PURE__ */ import_react.default.createElement(import_ProductItem.default, { key: item == null ? void 0 : item.id, item, onClick: onSelect });
+      },
+      buttonProps: {
+        showSub: !!(value == null ? void 0 : value.length),
+        title: import_utils.locales.getText("pisell2.text.product-extension.add-product"),
+        subTitle: import_utils.locales.getText(
+          "pisell2.text.product-extension.add-other-product"
+        )
+      },
+      drawerProps: {
+        width: 500,
+        title: import_utils.locales.getText("pisell2.text.product-extension.add-product"),
+        rootClassName: "select-product-drawer"
+      },
+      tabProductProps: {
+        warpClassName: "select-product-warp",
+        stickyTop: 188,
+        scrollDom: ".select-product-drawer .pisell-lowcode-drawer-body"
+      }
+    }
+  );
+};
+var SelectProducts_default = SelectProducts;

package/lib/components/productExtension/fields/SelectProducts/index.less

@@ -0,0 +1,30 @@
+.select-product-warp {
+  .category-list {
+    width: 100%;
+    height: 100%;
+    padding: 0 32px;
+
+    .category-title {
+      margin: 16px 0;
+      font-style: normal;
+      font-weight: 600;
+      font-size: 18px;
+      line-height: 24px;
+      color: #1b1b1b;
+    }
+
+    .product-list {
+      width: 100%;
+      background: #ffffff;
+      border-radius: 4px;
+      padding: 20px;
+      box-sizing: border-box;
+      margin-bottom: 20px;
+      overflow: hidden;
+      background: #ffffff;
+      /* shadow-sm */
+      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
+      border-radius: 12px;
+    }
+  }
+}

package/lib/components/productExtension/fields/SelectProducts/server.d.ts

@@ -0,0 +1 @@
+export declare const getProductList: (params: any) => Promise<any>;

package/lib/components/productExtension/fields/SelectProducts/server.js

@@ -0,0 +1,33 @@
+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/productExtension/fields/SelectProducts/server.ts
+var server_exports = {};
+__export(server_exports, {
+  getProductList: () => getProductList
+});
+module.exports = __toCommonJS(server_exports);
+var import_utils = require("../../../../utils/index");
+var getProductList = async (params) => {
+  let { data } = await import_utils.request.getRequest().post("/shop/product/query", params, { abort: true });
+  return (data == null ? void 0 : data.list) || [];
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getProductList
+});

package/lib/components/productExtension/fields/SelectResourcesTable/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.less";
+declare const SelectResourcesTable: ({ value, onChange }: any) => React.JSX.Element;
+export default SelectResourcesTable;

package/lib/components/productExtension/fields/SelectResourcesTable/index.js

@@ -0,0 +1,178 @@
+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/productExtension/fields/SelectResourcesTable/index.tsx
+var SelectResourcesTable_exports = {};
+__export(SelectResourcesTable_exports, {
+  default: () => SelectResourcesTable_default
+});
+module.exports = __toCommonJS(SelectResourcesTable_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_server = require("./server");
+var import_index = require("./index.less");
+var sortArrayByOrder = (arr1, arr2, reverse) => {
+  return (arr1 || []).sort((a, b) => {
+    let _a = arr2.findIndex((item) => item.form_id === a.form_id);
+    let _b = arr2.findIndex((item) => item.form_id === b.form_id);
+    return reverse ? _a - _b : _b - _a;
+  });
+};
+var SelectResourcesTable = ({ value, onChange }) => {
+  const Dom = window.BaseMaterials.Table;
+  const [data, setData] = (0, import_react.useState)([]);
+  const _getData = async () => {
+    let _getFormTypes = (0, import_server.getFormTypes)(
+      { type: "manual", num: 500, skip: 1 },
+      { useCache: true }
+    );
+    let _getAllResource = (0, import_server.getAllResource)(
+      { num: 500, skip: 1 },
+      { useCache: true }
+    );
+    const [forms, resources] = await Promise.all([
+      _getFormTypes,
+      _getAllResource
+    ]);
+    let _data = (forms || []).reduce((arr, item) => {
+      const currentResource = (resources || []).filter(
+        (relation) => relation.form_id === item.id
+      );
+      if (currentResource.length > 0) {
+        arr.push({
+          label: item.title,
+          key: item.id,
+          value: item.id,
+          options: currentResource,
+          // 统一字段,方便后面处理
+          ...item,
+          form_id: item.id
+        });
+      }
+      return arr;
+    }, []);
+    setData(_data);
+  };
+  const _dataSource = (0, import_react.useMemo)(() => {
+    if (value) {
+      return (data || []).sort((a, b) => {
+        let _a = value.findIndex((item) => item.form_id === a.form_id);
+        let _b = value.findIndex((item) => item.form_id === b.form_id);
+        if (_a === -1 || _b === -1) {
+          return 999;
+        }
+        return _a - _b;
+      });
+    }
+    return data;
+  }, [data, value]);
+  const _onChange = (val, form_id) => {
+    let _value = JSON.parse(JSON.stringify(value || []));
+    let cur = _value.find((d) => d.form_id === form_id);
+    if (cur) {
+      cur.form_record_ids = val;
+    } else {
+      _value.push({ form_id, form_record_ids: val });
+    }
+    onChange == null ? void 0 : onChange(_value);
+  };
+  const columns = (0, import_react.useMemo)(() => {
+    return [
+      {
+        title: import_utils.locales.getText("pisell2.text.product-extension.resource-type"),
+        dataIndex: "title",
+        value,
+        data,
+        width: 100
+      },
+      // {
+      // 	title: locales.getText("pisell2.text.product-extension.open"),
+      // 	dataIndex: "open",
+      // 	width: 80,
+      // 	render: (text: any, record: any, index: number) => {
+      // 		let cur = value?.find((d: any) => d.form_id === record.form_id);
+      // 		let bol = !!(cur?.form_record_ids || []).length;
+      // 		return (
+      // 			<Switch
+      // 				disabled={!bol}
+      // 				checked={bol}
+      // 				onChange={(e) => {
+      // 					_onChange([], record.id);
+      // 				}}
+      // 			/>
+      // 		);
+      // 	},
+      // },
+      {
+        title: import_utils.locales.getText("pisell2.text.product-extension.options"),
+        dataIndex: "form_id",
+        render: (form_id, record, index) => {
+          let cur = value == null ? void 0 : value.find((d) => d.form_id === form_id);
+          return /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Select,
+            {
+              style: { width: "100%" },
+              mode: "multiple",
+              value: (cur == null ? void 0 : cur.form_record_ids) || [],
+              options: record.options,
+              popupMatchSelectWidth: false,
+              fieldNames: { label: "title", value: "id" },
+              onChange: (val) => {
+                _onChange(val, form_id);
+              }
+            }
+          );
+        }
+      }
+    ];
+  }, [value, _dataSource]);
+  const sortChange = (detail) => {
+    if (value && value.length) {
+      onChange == null ? void 0 : onChange(sortArrayByOrder(value, detail.dataSource));
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    _getData();
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement(
+    Dom,
+    {
+      className: "",
+      dragSort: true,
+      onSortChange: sortChange,
+      rowKey: "form_id",
+      columns,
+      dataSource: _dataSource,
+      pagination: false,
+      virtual: false,
+      scroll: { x: "auto" }
+    }
+  );
+};
+var SelectResourcesTable_default = SelectResourcesTable;