@pisell/private-materials 3.0.13 → 3.0.14-2.gray

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

@@ -0,0 +1,10 @@
+import React from "react";
+export interface InfoProps {
+    relation_id: any;
+    action: any;
+    value: any;
+    onChange: any;
+    apis: any;
+}
+declare const Forms: (props: InfoProps) => React.JSX.Element;
+export default Forms;

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

@@ -0,0 +1,108 @@
+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/Forms/index.tsx
+var Forms_exports = {};
+__export(Forms_exports, {
+  default: () => Forms_default
+});
+module.exports = __toCommonJS(Forms_exports);
+var import_react = __toESM(require("react"));
+var import_forms = __toESM(require("../../../booking/forms/forms"));
+var relation_type = "appointment_booking";
+var Forms = (props) => {
+  const { relation_id, action, value, onChange, apis } = props;
+  const [formList, setFormList] = (0, import_react.useState)([]);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  (0, import_react.useEffect)(() => {
+    geForms();
+  }, []);
+  const getFormDataById = async (item) => {
+    let _params = {
+      form_id: item.form_id,
+      skip: 1,
+      num: 999
+    };
+    let options = [];
+    const data = await apis.getPetsData(_params);
+    options = (data == null ? void 0 : data.list) || [];
+    return {
+      ...item,
+      options
+    };
+  };
+  const getFormData = async (formList2) => {
+    let all = [];
+    all = formList2.map((d) => getFormDataById(d));
+    return Promise.all(all);
+  };
+  const getFormValues = (data) => {
+    let _values = {};
+    for (let item of data) {
+      _values[item.form_id] = item.form_record;
+    }
+    return _values;
+  };
+  const geForms = async () => {
+    setLoading(true);
+    try {
+      let data = await apis.getForms({
+        relation_type,
+        relation_id
+      });
+      const formData = await getFormData(data);
+      setFormList(formData);
+      setLoading(false);
+    } catch (err) {
+      console.log("form_error", err);
+    }
+  };
+  const onValueChange = (data) => {
+    const { values } = data;
+    onChange == null ? void 0 : onChange(values);
+  };
+  const addCallback = async (form) => {
+    let _data = [...formList];
+    const data = await getFormDataById(form);
+    _data = _data.map((d) => d.form_id === form.form_id ? data : d);
+    setFormList(_data);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_forms.default,
+    {
+      forms: formList,
+      action,
+      modalOpen: false,
+      value,
+      onChange: onValueChange,
+      addCallback,
+      client: 0
+    }
+  );
+};
+var Forms_default = Forms;

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

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.less";
+declare const ProductItem: ({ item, onClick, amountSymbol, style, className, }: any) => React.JSX.Element;
+export default ProductItem;

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

@@ -0,0 +1,65 @@
+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/ProductItem/index.tsx
+var ProductItem_exports = {};
+__export(ProductItem_exports, {
+  default: () => ProductItem_default
+});
+module.exports = __toCommonJS(ProductItem_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var ProductItem = ({
+  item = {},
+  onClick,
+  amountSymbol = "$",
+  style,
+  className
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style,
+      className: (0, import_classnames.default)("product-item-card", className),
+      onClick: () => {
+        onClick(item);
+      }
+    },
+    item.cover ? /* @__PURE__ */ import_react.default.createElement(
+      "img",
+      {
+        src: import_utils.image.ali(item.cover, 100),
+        className: "product-item-card-cover"
+      }
+    ) : null,
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "product-item-card-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "product-item-card-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "product-item-card-price" }, (0, import_utils.formatAmount)(item.price, 2, amountSymbol)))
+  );
+};
+var ProductItem_default = ProductItem;

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

@@ -0,0 +1,69 @@
+.product-item-card {
+  cursor: pointer;
+  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-cover {
+    width: 80px;
+    height: 80px;
+    border-radius: 8px;
+    object-fit: cover;
+  }
+
+  .product-item-card-content {
+    flex: 1;
+
+    .product-item-card-title {
+      color: var(--text-text-1, #1B1B1B);
+
+
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 20px;
+    }
+
+    .product-item-card-time {
+      overflow: hidden;
+      color: var(--text-text-2, #777);
+      text-overflow: ellipsis;
+
+
+      font-size: 12px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 18px;
+    }
+
+    .product-item-card-price {
+      color: var(--text-text-1, #1B1B1B);
+
+
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px;
+    }
+  }
+
+}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.less";
+declare const ProductItemPreview: ({ item, onClick, onRemove, amountSymbol, style, className, }: any) => React.JSX.Element;
+export default ProductItemPreview;

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

@@ -0,0 +1,79 @@
+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/ProductItemPreview/index.tsx
+var ProductItemPreview_exports = {};
+__export(ProductItemPreview_exports, {
+  default: () => ProductItemPreview_default
+});
+module.exports = __toCommonJS(ProductItemPreview_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_XClose = __toESM(require("@pisell/icon/es/XClose"));
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var ProductItemPreview = ({
+  item = {},
+  onClick,
+  onRemove,
+  amountSymbol = "$",
+  style,
+  className
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style,
+      className: (0, import_classnames.default)("product-item-card-preview", className),
+      onClick: () => {
+        onClick(item);
+      }
+    },
+    item.cover ? /* @__PURE__ */ import_react.default.createElement(
+      "img",
+      {
+        src: import_utils.image.ali(item.cover, 100),
+        className: "product-item-card-preview-cover"
+      }
+    ) : null,
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "product-item-card-preview-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "product-item-card-preview-title" }, item.title)),
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "product-item-card-preview-close-wrap",
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          onRemove == null ? void 0 : onRemove(item);
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_XClose.default, { className: "product-item-card-preview-close" })
+    )
+  );
+};
+var ProductItemPreview_default = ProductItemPreview;

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;