@pisell/private-materials 3.0.12 → 3.0.14

package/lib/components/tabProduct/tabs/index.js

@@ -0,0 +1,177 @@
+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/tabProduct/tabs/index.tsx
+var tabs_exports = {};
+__export(tabs_exports, {
+  default: () => tabs_default
+});
+module.exports = __toCommonJS(tabs_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_ahooks = require("ahooks");
+var import_ChevronLeft = __toESM(require("@pisell/icon/es/ChevronLeft"));
+var import_ChevronRight = __toESM(require("@pisell/icon/es/ChevronRight"));
+var import_index = require("./index.less");
+var Tabs = ({ renderTab, rowKey, name = "tabs-", onChange, tab, className, options }, ref) => {
+  const [isShowButton, setIsShowButton] = (0, import_react.useState)(true);
+  (0, import_react.useImperativeHandle)(ref, () => {
+    return {
+      scroll: (tab2) => {
+        if (tab2) {
+          const dom = document.querySelector(`#${name}${tab2}`);
+          if (dom) {
+            setTabScroll(dom == null ? void 0 : dom.offsetLeft);
+          }
+        }
+      }
+    };
+  });
+  const _onChange = (_key, _item, e) => {
+    if (onChange) {
+      onChange(_key, _item);
+    }
+    setTabScroll(e.target.offsetLeft);
+  };
+  (0, import_react.useEffect)(() => {
+    if (options == null ? void 0 : options.length) {
+      calculateWidth();
+    }
+  }, [options]);
+  const calculateWidth = () => {
+    const content2 = document.querySelector("#pisell-tabs");
+    const itemList = document.querySelector("#pisell-tabs-content");
+    if ((itemList == null ? void 0 : itemList.offsetWidth) + 60 < (content2 == null ? void 0 : content2.offsetWidth)) {
+      setIsShowButton(false);
+    }
+  };
+  const _options = (0, import_react.useMemo)(() => {
+    return options || [];
+  }, [options]);
+  const [leftWidth, setLeftWidth] = (0, import_react.useState)(0);
+  const [rightWidth, setRightWidth] = (0, import_react.useState)(40);
+  const debounceChange = (0, import_ahooks.useDebounceFn)(
+    ({ current, total }) => {
+      if (current === 0) {
+        setLeftWidth(0);
+      } else {
+        setLeftWidth(40);
+      }
+      if (current + 10 >= total) {
+        setRightWidth(0);
+      } else {
+        setRightWidth(40);
+      }
+    },
+    {
+      wait: 200
+    }
+  );
+  const onScroll = (e) => {
+    let total = e.target.scrollWidth - e.target.clientWidth;
+    let current = e.target.scrollLeft;
+    debounceChange.run({ current, total });
+  };
+  const setTabScroll = (val) => {
+    let dom = document.querySelector("#pisell-tabs-content");
+    console.log("domdom", dom);
+    if (!dom) {
+      return;
+    }
+    dom.scrollLeft = val;
+  };
+  const onPageChange = (type) => {
+    let dom = document.querySelector("#pisell-tabs-content");
+    if (!dom) {
+      return;
+    }
+    if (type === "left") {
+      setTabScroll((dom == null ? void 0 : dom.scrollLeft) - dom.clientWidth / 2);
+    } else {
+      setTabScroll((dom == null ? void 0 : dom.scrollLeft) + dom.clientWidth / 2);
+    }
+  };
+  const leftBtn = (0, import_react.useMemo)(() => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-tabs-btn-left",
+        style: { width: leftWidth },
+        onClick: () => {
+          onPageChange("left");
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_ChevronLeft.default, { className: "pisell-tabs-btn-icon" })
+    );
+  }, [leftWidth]);
+  const rightBtn = (0, import_react.useMemo)(() => {
+    if (!(options == null ? void 0 : options.length)) {
+      return null;
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-tabs-btn-right",
+        style: { width: rightWidth, marginRight: !rightWidth ? "20px" : 0 },
+        onClick: () => {
+          onPageChange("right");
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_ChevronRight.default, { className: "pisell-tabs-btn-icon" })
+    );
+  }, [rightWidth, options]);
+  const content = (0, import_react.useMemo)(() => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-tabs-content",
+        id: "pisell-tabs-content",
+        onScroll
+      },
+      _options.map((d, i) => {
+        let _key = rowKey ? d[rowKey] : i;
+        return /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: (0, import_classnames.default)("pisell-tabs-tab", {
+              "pisell-tabs-tab-active": tab === _key
+            }),
+            key: _key,
+            id: name + "" + _key,
+            onClick: (e) => {
+              _onChange(_key, d, e);
+            }
+          },
+          renderTab ? renderTab(d) : /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-tabs-tab-content" }, d.name)
+        );
+      })
+    );
+  }, [_options, rowKey, name, tab]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-tabs", className), id: "pisell-tabs" }, isShowButton && leftBtn, content, isShowButton && rightBtn);
+};
+var tabs_default = (0, import_react.forwardRef)(Tabs);

package/lib/components/tabProduct/tabs/index.less

@@ -0,0 +1,125 @@
+.pisell-tabs {
+  display: flex;
+  -webkit-box-align: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  font-size: 17px;
+  font-weight: 400;
+  color: #0d1619;
+  cursor: default;
+
+  .pisell-tabs-btn-left,
+  .pisell-tabs-btn-right {
+    -webkit-box-flex: 0;
+    flex-grow: 0;
+    flex-shrink: 0;
+    transition: width 300ms ease 0s;
+    cursor: pointer;
+    overflow: visible;
+    background: #fff;
+    z-index: 1;
+    width: 40px;
+    height: 40px;
+    display: flex;
+    -webkit-box-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    justify-content: center;
+    overflow: hidden;
+    user-select: none;
+
+    .pisell-tabs-btn-icon {
+      width: 24px;
+      height: 24px;
+      background: #f1f1f1;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #262626;
+      font-size: 20px;
+    }
+  }
+
+  .pisell-tabs-btn-left {
+    .pisell-tabs-btn-icon {
+      transform: rotate(0deg);
+    }
+  }
+
+  .pisell-tabs-btn-right {
+    /* White */
+
+    background: #ffffff;
+    /* shadow-lg */
+
+    // box-shadow: 0px 6px 15px -3px rgba(0, 0, 0, 0.15);
+
+    .pisell-tabs-btn-icon {
+      transform: rotate(0);
+    }
+  }
+
+  .pisell-tabs-content {
+    width: 100%;
+    max-width: none;
+    overflow: scroll hidden;
+    scroll-snap-type: x mandatory;
+    white-space: nowrap;
+    display: flex;
+    position: relative;
+    scroll-behavior: smooth;
+
+    /*滚动条样式*/
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      display: none;
+    }
+
+    &::-webkit-scrollbar-track {
+      display: none;
+    }
+
+    .pisell-tabs-tab {
+      scroll-snap-align: start;
+      white-space: initial;
+      flex-shrink: 0;
+      cursor: pointer;
+
+      .pisell-tabs-tab-content {
+        display: inline-flex;
+        height: 40px;
+        padding: 0px 16px;
+        border-radius: 88px;
+        -webkit-box-align: center;
+        align-items: center;
+        transition: all 300ms ease 0s;
+        color: #1b1b1b;
+        letter-spacing: 0px;
+        min-width: 0px;
+        font-weight: 600;
+        font-size: 14px;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+      }
+
+      &:hover {
+        .pisell-tabs-tab-content {
+          background-color: #f1f1f1;
+        }
+      }
+
+      &.pisell-tabs-tab-active {
+        .pisell-tabs-tab-content {
+          color: #fff;
+          background: var(--primary-600, #7F56D9);
+        }
+      }
+    }
+  }
+}

package/lib/hooks/useComponents.js

@@ -39,8 +39,9 @@ var useComponents = (params) => {
   const context = (0, import_useEngineContext.default)();
   const { appHelper } = context;
   const Cpt = (0, import_react.useMemo)(() => {
-    const { utils } = appHelper;
-    return utils.getComponents(components);
+    var _a;
+    const { utils } = appHelper || {};
+    return ((_a = utils == null ? void 0 : utils.getComponents) == null ? void 0 : _a.call(utils, components)) || [];
   }, [components]);
   return Cpt;
 };

package/lib/index.d.ts

@@ -6,7 +6,9 @@ export { default as BookingAddons } from './components/booking/addons';
 export { default as BookingForms } from './components/booking/forms';
 export { default as BookingPayment } from './components/booking/payments';
 export { default as Booking } from './components/booking';
+export { default as Schedules } from './components/schedules';
 export { default as BookingResources } from './components/booking/materiels/resources';
 export { default as BookingStartTime } from './components/booking/materiels/startTime';
 export { default as BookingDuration } from './components/booking/materiels/duration';
 export { default as BookingContacts } from './components/booking/materiels/contacts';
+export { default as ProductExtension } from './components/productExtension';

package/lib/index.js

@@ -39,7 +39,9 @@ __export(src_exports, {
   BookingPayment: () => import_payments.default,
   BookingResources: () => import_resources.default,
   BookingStartTime: () => import_startTime.default,
-  Login: () => import_login.default
+  Login: () => import_login.default,
+  ProductExtension: () => import_productExtension.default,
+  Schedules: () => import_schedules.default
 });
 module.exports = __toCommonJS(src_exports);
 var import_weekday = __toESM(require("dayjs/plugin/weekday"));
@@ -52,10 +54,12 @@ var import_addons = __toESM(require("./components/booking/addons"));
 var import_forms = __toESM(require("./components/booking/forms"));
 var import_payments = __toESM(require("./components/booking/payments"));
 var import_booking = __toESM(require("./components/booking"));
+var import_schedules = __toESM(require("./components/schedules"));
 var import_resources = __toESM(require("./components/booking/materiels/resources"));
 var import_startTime = __toESM(require("./components/booking/materiels/startTime"));
 var import_duration = __toESM(require("./components/booking/materiels/duration"));
 var import_contacts = __toESM(require("./components/booking/materiels/contacts"));
+var import_productExtension = __toESM(require("./components/productExtension"));
 import_dayjs.default.extend(import_weekday.default);
 import_dayjs.default.extend(import_localeData.default);
 // Annotate the CommonJS export names for ESM import in node:
@@ -70,5 +74,7 @@ import_dayjs.default.extend(import_localeData.default);
   BookingPayment,
   BookingResources,
   BookingStartTime,
-  Login
+  Login,
+  ProductExtension,
+  Schedules
 });

package/lib/utils/index.d.ts

@@ -0,0 +1,22 @@
+import type { ModalStaticFunctions } from "antd/es/modal/confirm";
+declare type RType = (url: string, data?: {} | undefined, config?: {} | undefined) => Promise<any>;
+declare class Request {
+    private request;
+    constructor();
+    setRequest(val: any): void;
+    getRequest(): {
+        get: RType;
+        post: RType;
+        put: RType;
+        remove: RType;
+        custom: RType;
+    };
+}
+export declare const request: Request;
+declare let modal: Omit<ModalStaticFunctions, "warn">;
+export declare const setModal: (m: Omit<ModalStaticFunctions, "warn">) => void;
+export declare const saveConfirm: () => Promise<{
+    destroy: () => void;
+    update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+}>;
+export { modal };

package/lib/utils/index.js

@@ -0,0 +1,59 @@
+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/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  modal: () => modal,
+  request: () => request,
+  saveConfirm: () => saveConfirm,
+  setModal: () => setModal
+});
+module.exports = __toCommonJS(utils_exports);
+var import_utils = require("@pisell/utils");
+var Request = class {
+  constructor() {
+    this.request = {};
+  }
+  setRequest(val) {
+    this.request = val;
+  }
+  getRequest() {
+    return this.request;
+  }
+};
+var request = new Request();
+var modal;
+var setModal = (m) => {
+  modal = m;
+};
+var saveConfirm = async () => {
+  return modal.confirm({
+    title: import_utils.locales.getText("pisell2.text.products.unsaved-title"),
+    content: import_utils.locales.getText("pisell2.text.products.unsaved-content"),
+    cancelText: import_utils.locales.getText("pisell2.text.products.unsaved-back"),
+    okText: import_utils.locales.getText("pisell2.text.products.unsaved-yes")
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  modal,
+  request,
+  saveConfirm,
+  setModal
+});

package/lowcode/product-extension/meta.ts

@@ -0,0 +1,120 @@
+
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+
+const ProductExtensionMeta: ComponentMetadata = {
+  "componentName": "ProductExtension",
+  "title": "ProductExtension",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@pisell/private-materials",
+    "version": "1.0.4",
+    "exportName": "ProductExtension",
+    "main": "src/index.ts",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "style",
+            "zh-CN": "style"
+          }
+        },
+        "name": "style",
+        "setter": {
+          "componentName": "MixedSetter",
+          "isRequired": true,
+          "props": {}
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "form",
+            "zh-CN": "form"
+          }
+        },
+        "name": "form",
+        "setter": ["JsonSetter", "VariableSetter"],
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "action",
+            "zh-CN": "action"
+          }
+        },
+        "name": "action",
+        "setter": ["JsonSetter", "VariableSetter"],
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "onChange",
+            "zh-CN": "onChange"
+          }
+        },
+        "name": "onChange",
+        "setter": ["JsonSetter", "VariableSetter"],
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "apis",
+            "zh-CN": "apis"
+          }
+        },
+        "name": "apis",
+        "setter": ["JsonSetter", "VariableSetter"],
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "relation_id",
+            "zh-CN": "relation_id"
+          }
+        },
+        "name": "relation_id",
+        "setter": ["JsonSetter", "VariableSetter"],
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "onDataChange",
+            "zh-CN": "onDataChange"
+          }
+        },
+        "name": "onDataChange",
+        "setter": ["JsonSetter", "VariableSetter"],
+      },
+    ],
+    "supports": {},
+    "component": {}
+  }
+};
+const snippets: Snippet[] = [
+  {
+    "title": "ProductExtension",
+    "screenshot": "",
+    "schema": {
+      "componentName": "ProductExtension",
+      "props": {}
+    }
+  }
+];
+
+export default {
+  ...ProductExtensionMeta,
+  snippets
+};

package/lowcode/schedules/meta.ts

@@ -0,0 +1,83 @@
+
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+
+const SchedulesMeta: ComponentMetadata = {
+  "componentName": "Schedules",
+  "title": "Schedules",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@pisell/private-materials",
+    "version": "1.0.4",
+    "exportName": "Schedules",
+    "main": "src/index.ts",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "globalState",
+            "zh-CN": "globalState"
+          }
+        },
+        "name": "globalState",
+        "setter": ["JsonSetter", "VariableSetter"],
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "setGlobalState",
+            "zh-CN": "setGlobalState"
+          }
+        },
+        "name": "setGlobalState",
+        "setter": {
+          "componentName": "FunctionSetter",
+          "isRequired": true
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "插槽",
+            "zh-CN": "插槽"
+          }
+        },
+        "name": "slot",
+        "propType": "node",
+        "setter": {
+          "componentName": "SlotSetter",
+          "initialValue": {
+            "type": "JSSlot",
+          },
+        },
+      },
+    ],
+    "supports": {
+      "style": true,
+    },
+    "component": {}
+  }
+};
+const snippets: Snippet[] = [
+  {
+    "title": "Schedules",
+    "screenshot": "",
+    "schema": {
+      "componentName": "Schedules",
+      "props": {}
+    }
+  }
+];
+
+export default {
+  ...SchedulesMeta,
+  snippets
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "3.0.12",
+  "version": "3.0.14",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -58,9 +58,9 @@
     "ahooks": "^3.7.6",
     "react-infinite-scroll-component": "^6.1.0",
     "rc-virtual-list": "^3.11.3",
-    "@pisell/icon": "0.0.8",
     "@pisell/utils": "1.0.23",
-    "@pisell/date-picker": "1.0.68"
+    "@pisell/date-picker": "1.0.68",
+    "@pisell/icon": "0.0.8"
   },
   "peerDependencies": {
     "react": "^18.0.0",