@pisell/materials 6.0.20 → 6.0.22

package/lib/components/productCard/index.js

@@ -0,0 +1,192 @@
+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/productCard/index.tsx
+var productCard_exports = {};
+__export(productCard_exports, {
+  default: () => productCard_default
+});
+module.exports = __toCommonJS(productCard_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_cardPro = __toESM(require("../cardPro"));
+var import_Header = __toESM(require("./components/Header"));
+var import_DeleteButton = __toESM(require("./components/Header/DeleteButton"));
+var import_Time = __toESM(require("./components/Time"));
+var import_Packages = __toESM(require("./components/Packages"));
+var import_Sales = __toESM(require("./components/Sales"));
+var import_AmountFooter = __toESM(require("./components/AmountFooter"));
+var import_MultiDay = __toESM(require("./components/MultiDay"));
+var import_Note = __toESM(require("./components/Note"));
+var import_Action = __toESM(require("./components/Action"));
+var import_useOpenNote = __toESM(require("./hooks/useOpenNote"));
+var import_locales = __toESM(require("./locales"));
+var import_status = require("./status");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_index = require("./index.less");
+var ProductCard = (props) => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  const utils = context.appHelper.utils || {};
+  const {
+    dataSource = import_status.defaultValue.dataSource,
+    isShowImage = import_status.defaultValue.isShowImage,
+    isShowHolder = import_status.defaultValue.isShowHolder,
+    isShowNote = import_status.defaultValue.isShowNote,
+    isShowDelete = import_status.defaultValue.isShowDelete,
+    isShowPackageNote = import_status.defaultValue.isShowPackageNote,
+    onAction,
+    onDelete,
+    onNote,
+    onLike,
+    onCard,
+    ...other
+  } = props;
+  const useOpenNoteRef = (0, import_react.useRef)();
+  const locale = ((_a = utils == null ? void 0 : utils.storage) == null ? void 0 : _a.get("umi_locale")) || localStorage.getItem("umi_locale");
+  import_utils.locales.init(import_locales.default, locale || "en");
+  console.log(dataSource, isShowImage, isShowNote, "dataSource");
+  const {
+    image,
+    bundle,
+    relation_products,
+    _id,
+    isShowAction,
+    actionText,
+    errorMessage,
+    isNormalProduct
+  } = dataSource;
+  const showImage = (0, import_react.useMemo)(() => {
+    return isShowImage && image;
+  }, [isShowImage, image]);
+  const hideDivider = (0, import_react.useMemo)(() => {
+    return (bundle == null ? void 0 : bundle.length) || (relation_products == null ? void 0 : relation_products.length);
+  }, [bundle, relation_products]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell-lowcode-product-card-wrap", {
+        ["pisell-lowcode-product-card-disabled"]: dataSource == null ? void 0 : dataSource.disabled
+      })
+    },
+    (dataSource == null ? void 0 : dataSource.disabled) && /* @__PURE__ */ import_react.default.createElement("div", { className: "delete-btn-wrapper" }, /* @__PURE__ */ import_react.default.createElement(import_DeleteButton.default, { onDelete: () => onDelete == null ? void 0 : onDelete(dataSource) })),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_cardPro.default,
+      {
+        className: (0, import_classnames.default)("pisell-lowcode-product-card", {
+          ["pisell-lowcode-product-card-image"]: !showImage,
+          ["pisell-lowcode-normal-product-card"]: !showImage && isNormalProduct
+        }),
+        key: _id
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            onCard == null ? void 0 : onCard(dataSource);
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_Header.default,
+          {
+            ...other,
+            item: dataSource,
+            isShowImage,
+            isShowDelete,
+            showImage,
+            onDelete: () => {
+              onDelete == null ? void 0 : onDelete(dataSource);
+            }
+          }
+        ),
+        /* @__PURE__ */ import_react.default.createElement(
+          import_Time.default,
+          {
+            item: dataSource,
+            isShowHolder,
+            onLike: (item) => onLike == null ? void 0 : onLike(item)
+          }
+        ),
+        /* @__PURE__ */ import_react.default.createElement(import_Packages.default, { item: dataSource, isShowPackageNote }),
+        /* @__PURE__ */ import_react.default.createElement(import_Sales.default, { item: dataSource, isShowNote }),
+        ((_b = dataSource.items) == null ? void 0 : _b.length) ? /* @__PURE__ */ import_react.default.createElement(import_MultiDay.default, { dataSource, hideDivider }) : /* @__PURE__ */ import_react.default.createElement(
+          import_AmountFooter.default,
+          {
+            item: dataSource,
+            hideDivider,
+            type: "total"
+          }
+        ),
+        isShowNote ? /* @__PURE__ */ import_react.default.createElement(
+          import_Note.default,
+          {
+            ...other,
+            item: dataSource,
+            openNote: () => {
+              useOpenNoteRef.current.open({
+                item: dataSource
+              });
+            }
+          }
+        ) : null,
+        isShowAction && actionText ? /* @__PURE__ */ import_react.default.createElement(
+          import_Action.default,
+          {
+            item: dataSource,
+            onAction: () => onAction == null ? void 0 : onAction(dataSource)
+          }
+        ) : null,
+        errorMessage ? /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Alert,
+          {
+            message: errorMessage,
+            type: "warning",
+            showIcon: true,
+            className: "pisell-lowcode-product-card-error"
+          }
+        ) : null
+      ), /* @__PURE__ */ import_react.default.createElement(
+        import_useOpenNote.default,
+        {
+          ref: useOpenNoteRef,
+          onNoteChange: (e) => {
+            onNote == null ? void 0 : onNote({
+              ...dataSource,
+              note: e || ""
+            });
+          }
+        }
+      ))
+    )
+  );
+};
+var productCard_default = ProductCard;

package/lib/components/productCard/index.less

@@ -0,0 +1,82 @@
+.pisell-lowcode-product-card {
+  overflow: hidden;
+  border: 1px solid var(--Gray-300, #d0d5dd);
+
+  &:hover,
+  &:active {
+    border: 1px solid var(--Gray-400, #98a2b3);
+    background: var(--Gray-50, #f9fafb);
+    cursor: pointer;
+  }
+
+  &:active {
+    background: var(--Gray-100, #f2f4f7);
+  }
+
+  .pisell-lowcode-card-body {
+    padding: 0;
+    border-radius: 0;
+  }
+
+  .pisell-cardPro-content {
+    margin-top: 0 !important;
+    flex-direction: column;
+    position: relative;
+    overflow: hidden;
+    padding: 8px 16px;
+    border-radius: 8px;
+  }
+}
+
+.pisell-lowcode-product-card-image {
+  &::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 6px;
+    height: 100%;
+    background: var(--Blue-400, #53b1fd);
+    z-index: 1 !important;
+  }
+}
+
+.pisell-lowcode-normal-product-card {
+  &::before {
+    background: var(--Gray-cool-400, #7d89b0) !important;
+  }
+}
+
+.pisell-lowcode-product-card-wrap {
+  position: relative;
+}
+
+.pisell-lowcode-product-card-disabled {
+  opacity: 1;
+
+  .pisell-lowcode-product-card {
+    opacity: 0.4;
+    pointer-events: none;
+  }
+
+  .delete-btn-wrapper {
+    opacity: 1;
+    pointer-events: auto;
+    position: absolute;
+    top: 1px;
+    right: 1px;
+    z-index: 10;
+
+    .anticon {
+      color: red;
+      cursor: pointer;
+      opacity: 1;
+    }
+  }
+}
+
+.pisell-lowcode-product-card-error {
+  border: none !important;
+  margin: 8px -16px -8px;
+  border-radius: 0 0 8px 8px;
+}

package/lib/components/productCard/locales.d.ts

@@ -0,0 +1,45 @@
+declare const _default: {
+    en: {
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+        'pisell2.product.card.confirm': string;
+        'pisell2.product.card.cancel': string;
+        'pisell2.product.card.note.pla': string;
+        'pisell2.product.card.items.package': string;
+        'pisell2.product.card.view-all': string;
+        'pisell2.product.card.view-less': string;
+    };
+    'zh-CN': {
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+        'pisell2.product.card.confirm': string;
+        'pisell2.product.card.cancel': string;
+        'pisell2.product.card.note.pla': string;
+        'pisell2.product.card.items.package': string;
+        'pisell2.product.card.view-all': string;
+        'pisell2.product.card.view-less': string;
+    };
+    'zh-HK': {
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+        'pisell2.product.card.confirm': string;
+        'pisell2.product.card.cancel': string;
+        'pisell2.product.card.note.pla': string;
+        'pisell2.product.card.items.package': string;
+        'pisell2.product.card.view-all': string;
+        'pisell2.product.card.view-less': string;
+    };
+};
+export default _default;

package/lib/components/productCard/locales.js

@@ -0,0 +1,68 @@
+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/productCard/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  "en": {
+    "pisell2.product.card.day": (val) => `${val > 1 ? " days" : " day"}`,
+    "pisell2.product.card.day.event": (val) => `${val > 1 ? " events" : " event"}`,
+    "pisell2.product.card.discount.reason": "Discount reason",
+    "pisell2.product.card.discount.note": "Note",
+    "pisell2.product.card.discount.add.note": "Add note",
+    "pisell2.product.card.discount.edit.note": "Edit note",
+    "pisell2.product.card.confirm": "Confirm",
+    "pisell2.product.card.cancel": "Cancel",
+    "pisell2.product.card.note.pla": "Please enter the note",
+    "pisell2.product.card.items.package": "Items in package",
+    "pisell2.product.card.view-all": "View all",
+    "pisell2.product.card.view-less": "View less"
+  },
+  "zh-CN": {
+    "pisell2.product.card.day": (val) => "天",
+    "pisell2.product.card.day.event": (val) => "个活动",
+    "pisell2.product.card.discount.reason": "折扣原因",
+    "pisell2.product.card.discount.note": "备注",
+    "pisell2.product.card.discount.add.note": "添加备注",
+    "pisell2.product.card.discount.edit.note": "编辑备注",
+    "pisell2.product.card.confirm": "确定",
+    "pisell2.product.card.cancel": "取消",
+    "pisell2.product.card.note.pla": "请输入备注",
+    "pisell2.product.card.items.package": "包含的商品",
+    "pisell2.product.card.view-all": "查看全部",
+    "pisell2.product.card.view-less": "收起"
+  },
+  "zh-HK": {
+    "pisell2.product.card.day": (val) => "天",
+    "pisell2.product.card.day.event": (val) => "个活動",
+    "pisell2.product.card.discount.reason": "折扣原因",
+    "pisell2.product.card.discount.note": "備註",
+    "pisell2.product.card.discount.add.note": "添加備註",
+    "pisell2.product.card.discount.edit.note": "編輯備註",
+    "pisell2.product.card.confirm": "確定",
+    "pisell2.product.card.cancel": "取消",
+    "pisell2.product.card.note.pla": "請輸入備註",
+    "pisell2.product.card.items.package": "包含的商品",
+    "pisell2.product.card.view-all": "查看全部",
+    "pisell2.product.card.view-less": "收起"
+  }
+};

package/lib/components/productCard/status.d.ts

@@ -0,0 +1,32 @@
+import { ProductCardTypes, bundleType, optionType, productType } from './types';
+/**
+ * @title: 套餐数据
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 23:21
+ */
+export declare const defaultBundle: bundleType;
+/**
+ * @description: 单规格
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 23:00
+ */
+export declare const defaultOption: optionType;
+/**
+ * @title: 商品商品类型
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 22:48
+ */
+export declare const defaultProduct: productType;
+/**
+ * @title: 默认数据
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-12 16:49
+ */
+export declare const defaultValue: ProductCardTypes;

package/lib/components/productCard/status.js

@@ -0,0 +1,71 @@
+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/productCard/status.ts
+var status_exports = {};
+__export(status_exports, {
+  defaultBundle: () => defaultBundle,
+  defaultOption: () => defaultOption,
+  defaultProduct: () => defaultProduct,
+  defaultValue: () => defaultValue
+});
+module.exports = __toCommonJS(status_exports);
+var defaultBundle = {
+  id: 0,
+  name: "",
+  num: 1,
+  price: 0,
+  total: 0
+};
+var defaultOption = {
+  id: 0,
+  name: "",
+  num: 1,
+  price: 0,
+  total: 0
+};
+var defaultProduct = {
+  id: 0,
+  _id: 0,
+  name: "",
+  price: 0,
+  total: 0,
+  num: 1,
+  image: "",
+  isShowNote: true,
+  note: "",
+  is_show_duration: true,
+  is_show_week: true
+};
+var defaultValue = {
+  dataSource: defaultProduct,
+  isShowImage: true,
+  isShowHolder: true,
+  isShowNote: true,
+  isShowDelete: true,
+  isShowPackageNote: true,
+  locale: "en-US",
+  symbol: "$"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  defaultBundle,
+  defaultOption,
+  defaultProduct,
+  defaultValue
+});

package/lib/components/productCard/types.d.ts

@@ -0,0 +1,78 @@
+export declare type bundleType = {
+    id: number;
+    name: string;
+    num: number;
+    price: number;
+    total: number;
+    origin_total?: number;
+    price_type?: string;
+    options?: optionType[];
+};
+/**
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 23:00
+ */
+export declare type optionType = {
+    id: number;
+    name: string;
+    num: number;
+    price: number;
+    total: number;
+    origin_total?: number;
+};
+/**
+ * @title: 商品商品类型
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 22:48
+ */
+export declare type productType = {
+    _id: string | number;
+    id: number;
+    name: string;
+    price: number;
+    total: number;
+    num: number;
+    origin_total?: number;
+    image?: string;
+    isShowNote?: boolean;
+    note?: string;
+    like_status?: string;
+    bundle?: bundleType[];
+    options?: optionType[];
+    isShowAction?: boolean;
+    actionText?: string;
+    errorMessage?: string;
+    product_option_string?: string;
+    discount_reason?: string;
+    relation_products?: any[];
+    resource_id?: string | number;
+    relation_form_name?: string;
+    holder_title?: string;
+    start_date?: string;
+    end_date?: string;
+    is_show_duration?: boolean;
+    is_show_week?: boolean;
+};
+/**
+ * 排序总配置
+ */
+export declare type ProductCardTypes = {
+    dataSource: productType;
+    isShowImage?: boolean;
+    isShowHolder?: boolean;
+    isShowNote?: boolean;
+    isShowPackageNote?: boolean;
+    isShowDelete?: boolean;
+    disabledEdit?: boolean;
+    locale?: string;
+    symbol?: string;
+    onAction?: (val: any) => void;
+    onDelete?: (val: any) => void;
+    onNote?: (val: any) => void;
+    onLike?: (val: any) => void;
+    onCard?: (val: any) => void;
+};

package/lib/components/productCard/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/productCard/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/productCard/utils.d.ts

@@ -0,0 +1,31 @@
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en';
+import 'dayjs/locale/zh-tw';
+/**
+ * @title: 是否英文
+ * @description:
+ * @param {any} item
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-28 22:49
+ */
+export declare const isEn: (item: any) => boolean;
+/**
+ * @title: 跨日预约时间
+ * @description:
+ * @param {any} item
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-28 22:50
+ */
+export declare const formatMultiDayDate: (item: any) => string;
+/**
+ * @title: 格式化服务的 开始时间-结束时间-时长, 用于展示
+ * @description:
+ * @param {any} item
+ * @param {any} currentDate
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-04-26 14:04
+ */
+export declare const getServiceTime: (item: any, currentDate: any) => string;