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

package/lib/components/schedules/resources/detail/index.js

@@ -0,0 +1,150 @@
+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/schedules/resources/detail/index.tsx
+var detail_exports = {};
+__export(detail_exports, {
+  default: () => detail_default
+});
+module.exports = __toCommonJS(detail_exports);
+var import_ahooks = require("ahooks");
+var import_react = __toESM(require("react"));
+var import_drawer = __toESM(require("../../../booking/components/drawer"));
+var import_model = require("../../model");
+var import_serve = require("../serve");
+var import_detailContent = __toESM(require("./detailContent"));
+var import_index = require("./index.less");
+var import_utils = require("../../utils");
+var ResourcesDetail = (props, refs) => {
+  const { onSuccess } = props;
+  const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  const { resources } = state;
+  const cacheResource = resources == null ? void 0 : resources.cacheResource;
+  const tabKey = state == null ? void 0 : state.tabKey;
+  const detailContentRef = (0, import_react.useRef)(null);
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [currentResource, setCurrentResource] = (0, import_react.useState)({});
+  const [detail, setDetail] = (0, import_react.useState)({});
+  const onClose = async (isSuccess) => {
+    if (isSuccess) {
+      onSuccess == null ? void 0 : onSuccess(isSuccess);
+    }
+    if (!isSuccess && detailContentRef.current.getIsEdit()) {
+      const confirmed = await (0, import_utils.saveConfirm)();
+      if (!confirmed) {
+        return;
+      }
+    }
+    setOpen(false);
+    if (cacheResource) {
+      dispatch({
+        type: "setState",
+        payload: {
+          tabKey: "products",
+          resources: {
+            ...state.resources,
+            cacheResource: null
+          }
+        }
+      });
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (tabKey !== "resources" && tabKey !== "openHours" || tabKey === "resources" && !open) {
+      dispatch({
+        type: "setCalendar",
+        payload: {
+          isEdit: false
+        }
+      });
+    }
+  }, [tabKey, open]);
+  const onOpen = () => {
+    setOpen(true);
+  };
+  const _getResourceRelation = (0, import_ahooks.useRequest)(import_serve.getResourceRelation, {
+    manual: true,
+    onSuccess: (res) => {
+      var _a, _b;
+      const data = (res == null ? void 0 : res.data) || {};
+      setDetail(data);
+      (_b = (_a = detailContentRef == null ? void 0 : detailContentRef.current) == null ? void 0 : _a.setFieldsValue) == null ? void 0 : _b.call(_a, data);
+    }
+  });
+  (0, import_react.useImperativeHandle)(refs, () => {
+    return {
+      open: (item) => {
+        onOpen();
+        setCurrentResource(item);
+        _getResourceRelation.run({
+          item_id: item.id,
+          item_type: "form"
+        });
+      }
+    };
+  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_drawer.default,
+    {
+      width: "100%",
+      placement: "right",
+      open,
+      getContainer: document.querySelector(
+        ".pisell-lowcode__schedules-component-resources"
+      ) || document.body,
+      titleNoWrap: true,
+      headerStyle: {
+        display: "none"
+      },
+      onClose: () => {
+        onClose(false);
+      },
+      bodyStyle: {
+        padding: 0
+      },
+      title: currentResource == null ? void 0 : currentResource.title,
+      rootStyle: { position: "absolute" },
+      contentWrapperStyle: { boxShadow: "none" },
+      destroyOnClose: true
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__schedules-component-resources-detail" }, /* @__PURE__ */ import_react.default.createElement(
+      import_detailContent.default,
+      {
+        tabKey,
+        isAutoSetCalendarData: tabKey === "resources" && open,
+        ref: detailContentRef,
+        loading: _getResourceRelation.loading,
+        onClose,
+        drawerContainer: document.querySelector(
+          ".pisell-lowcode__schedules-component-resources"
+        )
+      }
+    ))
+  );
+};
+var detail_default = (0, import_react.forwardRef)(ResourcesDetail);

package/lib/components/schedules/resources/detail/index.less

@@ -0,0 +1,126 @@
+.pisell-lowcode__schedules-component-resources-detail {
+  .resources-detail-head {
+    padding: 18px 24px;
+    border-bottom: 1px solid #e2e8f0;
+    position: sticky;
+    top: 0;
+    .resources-detail-crumb {
+      display: flex;
+      align-items: center;
+      margin-bottom: 8px;
+      cursor: pointer;
+      .crumb-back {
+        font-size: 20px;
+        color: #d9d9d9;
+        margin-right: 8px;
+        cursor: pointer;
+      }
+      .crumb-title {
+        color: #d9d9d9;
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 22px;
+      }
+    }
+    .resources-title {
+      color: #1b1b1b;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 22px;
+      margin-left: 2px;
+    }
+  }
+
+  .resources-detail-card {
+    padding: 20px 24px;
+    padding-bottom: 50px;
+    .card-title {
+      color: #1b1b1b;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 22px;
+      margin-bottom: 16px;
+    }
+    .schedules-type-list {
+        padding: 0 0 27px 0;
+        .schedules-type-item {
+            padding: 10px 0 8px 0;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            border-bottom: 1px solid #E2E8F0;
+            .dot {
+                width: 8px;
+                height: 8px;
+                border-radius: 50%;
+                display: inline-block;
+            }
+            .name {
+                color: #1C1F23;
+                font-size: 14px;
+                font-style: normal;
+                font-weight: 600;
+                line-height: 20px;
+                margin-left: 12px;
+            }
+        }
+    }
+    .pisell-lowcode__resourcesadd-assign-btn {
+        width: 170px;
+        height: 48px;
+        font-size: 16px;
+    }
+    .products-type {
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper {
+            margin-bottom: 12px;
+        }
+    }
+    .products-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-top: 12px;
+        .browse {
+            height: 44px;
+            margin-left: 12px;
+            width: 60px;
+        }
+    }
+
+    .product-info {
+        display: flex;
+        align-items: center;
+        .product-name {
+            margin-left: 20px;
+        }
+    }
+    .product-del {
+        font-size: 20px;
+        cursor: pointer;
+    }
+  }
+}
+
+.pisell-lowcode__schedules-component-resources-detail-footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: absolute;
+  padding: 8px 16px;
+  border-top: 1px solid rgba(22, 44, 88, 0.09);
+  bottom: 0;
+  width: 100%;
+  left: 0;
+  background-color: #ffffff;
+  .footer-btn {
+    flex: 1;
+    &.cancel-btn {
+      margin-right: 12px;
+    }
+  }
+}

package/lib/components/schedules/resources/index.d.ts

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

package/lib/components/schedules/resources/index.js

@@ -0,0 +1,209 @@
+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/schedules/resources/index.tsx
+var resources_exports = {};
+__export(resources_exports, {
+  default: () => resources_default
+});
+module.exports = __toCommonJS(resources_exports);
+var import_ahooks = require("ahooks");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_CurrentDay = __toESM(require("../components/CurrentDay"));
+var import_Search = __toESM(require("../components/Search"));
+var import_model = require("../model");
+var import_add = __toESM(require("./add"));
+var import_detail = __toESM(require("./detail"));
+var import_index = require("./index.less");
+var import_list = __toESM(require("./list"));
+var import_serve = require("./serve");
+var import_utils = require("@pisell/utils");
+var Resources = () => {
+  const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  const { currentSelectDayDetail, resources, tabKey } = state;
+  const cacheResource = resources == null ? void 0 : resources.cacheResource;
+  const resourcesAddRef = (0, import_react.useRef)();
+  const resourcesDetailRef = (0, import_react.useRef)();
+  const [seachText, setSearchText] = (0, import_react.useState)("");
+  const [activeKey, setActiveKey] = (0, import_react.useState)([]);
+  const [formTypes, setFormTypes] = (0, import_react.useState)([]);
+  const [relationResource, setRelationResource] = (0, import_react.useState)([]);
+  const searchChange = (e) => {
+    setSearchText(e);
+  };
+  const _getFormTypes = (0, import_ahooks.useRequest)(import_serve.getFormTypes, {
+    manual: true,
+    onSuccess: (result) => {
+      var _a;
+      const list = ((_a = result == null ? void 0 : result.data) == null ? void 0 : _a.list) || [];
+      setFormTypes(list);
+      setActiveKey(list.map((item) => item.id));
+    }
+  });
+  const _getRelationResource = (0, import_ahooks.useRequest)(import_serve.getRelationResource, {
+    manual: true,
+    onSuccess: (result, params) => {
+      var _a;
+      const list = ((_a = result == null ? void 0 : result.data) == null ? void 0 : _a.list) || [];
+      setRelationResource(list);
+    }
+  });
+  const init = (params) => {
+    _getRelationResource.run(
+      {
+        skip: 1,
+        num: 500,
+        schedule_ids: currentSelectDayDetail ? currentSelectDayDetail.scheduleIds || [] : void 0,
+        exclude_form_code: ["opening_hours"]
+      },
+      params || null
+    );
+  };
+  (0, import_react.useEffect)(() => {
+    _getFormTypes.run({
+      type: "manual",
+      num: 500,
+      skip: 1
+    });
+  }, []);
+  (0, import_react.useEffect)(() => {
+    init();
+  }, [currentSelectDayDetail == null ? void 0 : currentSelectDayDetail.scheduleIds]);
+  (0, import_react.useEffect)(() => {
+    var _a, _b;
+    if (cacheResource) {
+      (_b = (_a = resourcesDetailRef.current) == null ? void 0 : _a.open) == null ? void 0 : _b.call(_a, cacheResource);
+      setTimeout(() => {
+        var _a2;
+        const el = document.getElementById(`${cacheResource.id}`);
+        console.log("el", el);
+        (_a2 = el == null ? void 0 : el.scrollIntoView) == null ? void 0 : _a2.call(el, true);
+      }, 100);
+    }
+  }, [cacheResource]);
+  const items = (0, import_react.useMemo)(() => {
+    const _relationResource = relationResource.filter((item) => {
+      var _a, _b;
+      return (_b = (_a = item.title) == null ? void 0 : _a.includes) == null ? void 0 : _b.call(_a, seachText);
+    });
+    let _allData = formTypes.reduce((arr, item) => {
+      const currentResource = _relationResource.filter(
+        (relation) => relation.form_id === item.id
+      );
+      if (currentResource.length > 0) {
+        arr.push({
+          label: item.title,
+          key: item.id,
+          children: currentResource,
+          ...item
+        });
+      }
+      return arr;
+    }, []);
+    return _allData.map((item) => {
+      const resources2 = item.children || [];
+      return {
+        label: item.title,
+        key: item.id,
+        children: /* @__PURE__ */ import_react.default.createElement(
+          import_list.default,
+          {
+            list: resources2.map((resource) => {
+              return {
+                id: resource.id,
+                title: resource.title
+              };
+            }),
+            addClick: () => {
+              var _a, _b;
+              (_b = (_a = resourcesAddRef.current) == null ? void 0 : _a.open) == null ? void 0 : _b.call(_a, item.id);
+            },
+            itemClick: (resource) => {
+              var _a, _b;
+              (_b = (_a = resourcesDetailRef.current) == null ? void 0 : _a.open) == null ? void 0 : _b.call(_a, resource);
+            }
+          }
+        )
+      };
+    });
+  }, [formTypes, seachText, relationResource]);
+  const handleClose = () => {
+    dispatch({
+      type: "setState",
+      payload: {
+        currentSelectDayDetail: null
+      }
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__schedules-component-resources" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "0 32px" } }, /* @__PURE__ */ import_react.default.createElement(
+    import_CurrentDay.default,
+    {
+      onClose: handleClose,
+      currentDay: currentSelectDayDetail == null ? void 0 : currentSelectDayDetail.date
+    }
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "resources-header" }, /* @__PURE__ */ import_react.default.createElement(import_Search.default, { value: seachText, onChange: searchChange })), /* @__PURE__ */ import_react.default.createElement("div", { className: "resources-list" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Skeleton,
+    {
+      loading: _getRelationResource.loading,
+      style: { marginTop: 12 }
+    },
+    items.length ? /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Collapse,
+      {
+        activeKey,
+        ghost: true,
+        items,
+        expandIconPosition: "end",
+        onChange: (key) => {
+          setActiveKey(key);
+        }
+      }
+    ) : /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Empty,
+      {
+        image: import_antd.Empty.PRESENTED_IMAGE_SIMPLE,
+        description: import_utils.locales.getText(
+          "pisell2.text.products.no-resources"
+        )
+      }
+    )
+  ))), /* @__PURE__ */ import_react.default.createElement(import_add.default, { ref: resourcesAddRef, onSuccess: init }), /* @__PURE__ */ import_react.default.createElement(
+    import_detail.default,
+    {
+      tabKey,
+      ref: resourcesDetailRef,
+      onSuccess: (e) => {
+        if (e) {
+          init();
+        }
+      }
+    }
+  ));
+};
+var resources_default = Resources;

package/lib/components/schedules/resources/index.less

@@ -0,0 +1,52 @@
+.pisell-lowcode__schedules-component-resources {
+  height: 100%;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  padding: 0 !important;
+  .resources-title {
+    color: #000000;
+    font-size: 30px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 38px;
+    margin-bottom: 24px;
+  }
+  .resources-header {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px 32px;
+    .resources-filter-icon {
+      font-size: 25px;
+      margin-left: 20px;
+    }
+  }
+
+  .resources-list {
+    padding: 0 32px;
+    overflow-y: auto;
+    flex: 1;
+    .ant-collapse-item {
+      padding: 20px 0;
+    }
+    .ant-collapse-header {
+      padding: 0;
+      .ant-collapse-header-text {
+        color: #1b1b1b;
+        font-size: 18px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 24px;
+      }
+      .ant-collapse-arrow {
+        font-size: 16px;
+        color: #000000;
+      }
+    }
+    .ant-collapse-content-box {
+      padding: 0;
+    }
+  }
+}

package/lib/components/schedules/resources/list/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import "./index.less";
+declare type ResourcesListProps = {
+    list: any;
+    itemClick?: (item: any) => void;
+    addClick?: () => void;
+};
+declare const ResourcesList: (props: ResourcesListProps) => React.JSX.Element;
+export default ResourcesList;

package/lib/components/schedules/resources/list/index.js

@@ -0,0 +1,68 @@
+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/schedules/resources/list/index.tsx
+var list_exports = {};
+__export(list_exports, {
+  default: () => list_default
+});
+module.exports = __toCommonJS(list_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var ResourcesList = (props) => {
+  const { list, itemClick, addClick } = props;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__resources-list" }, list.map((item) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-lowcode__resources-item",
+        key: item.id,
+        id: item.id,
+        onClick: () => {
+          itemClick == null ? void 0 : itemClick(item);
+        }
+      },
+      item.title
+    );
+  }), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      type: "primary",
+      ghost: true,
+      size: "large",
+      className: "pisell-lowcode__resourcesadd-btn",
+      onClick: () => {
+        addClick == null ? void 0 : addClick();
+      }
+    },
+    import_utils.locales.getText("pisell2.text.schedules.add")
+  ));
+};
+var list_default = ResourcesList;

package/lib/components/schedules/resources/list/index.less

@@ -0,0 +1,26 @@
+.pisell-lowcode__resources-list {
+  .pisell-lowcode__resources-item {
+    display: flex;
+    padding: 14px 16px;
+    justify-content: space-between;
+    align-items: center;
+    align-self: stretch;
+    border-radius: 8px;
+    border: 1px solid #f5f5f5;
+    margin-top: 16px;
+    color: #141414;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 20px;
+    cursor: pointer;
+    &:first-child {
+      margin-top: 0;
+    }
+  }
+}
+.pisell-lowcode__resourcesadd-btn {
+    width: 181px;
+    margin-top: 24px;
+    margin-bottom: 20px;
+}

package/lib/components/schedules/resources/relationProduct/index.d.ts

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