@pisell/materials 2.2.35 → 2.2.37

package/es/components/productCard/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ProductCardTypes } from './types';
+import './index.less';
+declare const ProductCard: (props: ProductCardTypes) => React.JSX.Element;
+export default ProductCard;

package/es/components/productCard/index.js

@@ -0,0 +1,131 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["dataSource", "isShowImage", "isShowHolder", "isShowNote", "isShowDelete", "isShowPackageNote", "onAction", "onDelete", "onNote", "onLike", "onCard"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useMemo, useRef } from 'react';
+import classNames from 'classnames';
+import { Alert } from 'antd';
+import { locales } from '@pisell/utils';
+import CardPro from "../cardPro";
+import Header from "./components/Header";
+import Time from "./components/Time";
+import Packages from "./components/Packages";
+import Sales from "./components/Sales";
+import AmountFooter from "./components/AmountFooter";
+import Note from "./components/Note";
+import Action from "./components/Action";
+import UseOpenNote from "./hooks/useOpenNote";
+import localeTexts from "./locales";
+import "./index.less";
+locales.init(localeTexts, localStorage.getItem('umi_locale') || 'en');
+var ProductCard = function ProductCard(props) {
+  var _dataSource$_extend, _dataSource$_extend$d, _classNames;
+  var dataSource = props.dataSource,
+    _props$isShowImage = props.isShowImage,
+    isShowImage = _props$isShowImage === void 0 ? true : _props$isShowImage,
+    _props$isShowHolder = props.isShowHolder,
+    isShowHolder = _props$isShowHolder === void 0 ? true : _props$isShowHolder,
+    _props$isShowNote = props.isShowNote,
+    isShowNote = _props$isShowNote === void 0 ? true : _props$isShowNote,
+    _props$isShowDelete = props.isShowDelete,
+    isShowDelete = _props$isShowDelete === void 0 ? true : _props$isShowDelete,
+    _props$isShowPackageN = props.isShowPackageNote,
+    isShowPackageNote = _props$isShowPackageN === void 0 ? true : _props$isShowPackageN,
+    _onAction = props.onAction,
+    _onDelete = props.onDelete,
+    onNote = props.onNote,
+    _onLike = props.onLike,
+    onCard = props.onCard,
+    other = _objectWithoutProperties(props, _excluded);
+  var useOpenNoteRef = useRef();
+
+  /**
+   * @title: 显示图片
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-11-21 19:33
+   */
+  var showImage = useMemo(function () {
+    return isShowImage && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.cover);
+  }, [isShowImage, dataSource === null || dataSource === void 0 ? void 0 : dataSource.cover]);
+
+  /**
+   * @title: 是否隐藏footer分割线
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-11-23 13:30
+   */
+  var hideDivider = useMemo(function () {
+    var _dataSource$bundle, _dataSource$relation_;
+    return (dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$bundle = dataSource.bundle) === null || _dataSource$bundle === void 0 ? void 0 : _dataSource$bundle.length) || (dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$relation_ = dataSource.relation_details) === null || _dataSource$relation_ === void 0 ? void 0 : _dataSource$relation_.length);
+  }, [dataSource === null || dataSource === void 0 ? void 0 : dataSource.bundle, dataSource === null || dataSource === void 0 ? void 0 : dataSource.relation_details]);
+  return /*#__PURE__*/React.createElement(CardPro, {
+    className: classNames('pisell-lowcode-product-card', (_classNames = {}, _defineProperty(_classNames, 'pisell-lowcode-product-card-image', !showImage), _defineProperty(_classNames, 'pisell-lowcode-normal-product-card', !showImage && !(dataSource !== null && dataSource !== void 0 && (_dataSource$_extend = dataSource._extend) !== null && _dataSource$_extend !== void 0 && (_dataSource$_extend$d = _dataSource$_extend.date) !== null && _dataSource$_extend$d !== void 0 && _dataSource$_extend$d.value)), _classNames)),
+    key: dataSource === null || dataSource === void 0 ? void 0 : dataSource._id
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      onCard === null || onCard === void 0 ? void 0 : onCard(dataSource);
+    }
+  }, /*#__PURE__*/React.createElement(Header, _extends({}, other, {
+    item: dataSource,
+    isShowImage: isShowImage,
+    isShowDelete: isShowDelete,
+    showImage: showImage,
+    onDelete: function onDelete() {
+      _onDelete === null || _onDelete === void 0 ? void 0 : _onDelete(dataSource);
+    }
+  })), dataSource !== null && dataSource !== void 0 && dataSource._extend ? /*#__PURE__*/React.createElement(Time, {
+    item: dataSource,
+    isShowHolder: isShowHolder,
+    onLike: function onLike(item) {
+      return _onLike === null || _onLike === void 0 ? void 0 : _onLike(item);
+    }
+  }) : null, /*#__PURE__*/React.createElement(Packages, {
+    item: dataSource,
+    isShowPackageNote: isShowPackageNote
+  }), /*#__PURE__*/React.createElement(Sales, {
+    item: dataSource,
+    isShowNote: isShowNote
+  }), /*#__PURE__*/React.createElement(AmountFooter, {
+    item: dataSource,
+    hideDivider: hideDivider,
+    type: "total"
+  }), isShowNote ? /*#__PURE__*/React.createElement(Note, _extends({}, other, {
+    item: dataSource,
+    openNote: function openNote() {
+      useOpenNoteRef.current.open({
+        item: dataSource
+      });
+    }
+  })) : null, dataSource !== null && dataSource !== void 0 && dataSource._showAction && dataSource !== null && dataSource !== void 0 && dataSource._actionText ? /*#__PURE__*/React.createElement(Action, {
+    item: dataSource,
+    onAction: function onAction() {
+      return _onAction === null || _onAction === void 0 ? void 0 : _onAction(dataSource);
+    }
+  }) : null, dataSource !== null && dataSource !== void 0 && dataSource._errorMessage ? /*#__PURE__*/React.createElement(Alert, {
+    message: dataSource._errorMessage,
+    type: "warning",
+    showIcon: true,
+    className: "pisell-lowcode-product-card-error"
+  }) : null), /*#__PURE__*/React.createElement(UseOpenNote, {
+    ref: useOpenNoteRef,
+    onNoteChange: function onNoteChange(e) {
+      onNote === null || onNote === void 0 ? void 0 : onNote(_objectSpread(_objectSpread({}, dataSource), {}, {
+        note: e || ''
+      }));
+    }
+  })));
+};
+export default ProductCard;

package/es/components/productCard/index.less

@@ -0,0 +1,53 @@
+.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: 2;
+  }
+}
+
+.pisell-lowcode-normal-product-card {
+  &::before {
+    background: var(--Gray-cool-400, #7d89b0) !important;
+  }
+}
+
+.pisell-lowcode-product-card-error {
+  border: none !important;
+  margin: 8px -16px -8px;
+  border-radius: 0 0 8px 8px;
+}

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

@@ -0,0 +1,42 @@
+declare const _default: {
+    en: {
+        'pisell2.product.card.day': (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.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.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/es/components/productCard/locales.js

@@ -0,0 +1,47 @@
+export default {
+  'en': {
+    'pisell2.product.card.day': function pisell2ProductCardDay(val) {
+      return "".concat(val > 1 ? 'days' : 'day');
+    },
+    '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': function pisell2ProductCardDay(val) {
+      return '天';
+    },
+    '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': function pisell2ProductCardDay(val) {
+      return '天';
+    },
+    '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/es/components/productCard/status.d.ts

@@ -0,0 +1,9 @@
+import { ProductCardTypes } from './types';
+/**
+ * @title: 默认数据
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-12 16:49
+ */
+export declare const defaultValue: ProductCardTypes;

package/es/components/productCard/status.js

@@ -0,0 +1,15 @@
+/**
+ * @title: 默认数据
+ * @description: 
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-12 16:49
+ */
+export var defaultValue = {
+  dataSource: {},
+  isShowImage: true,
+  isShowHolder: true,
+  isShowNote: true,
+  isShowDelete: true,
+  isShowPackageNote: true
+};

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

@@ -0,0 +1,17 @@
+/**
+ * 排序总配置
+ */
+export declare type ProductCardTypes = {
+    dataSource: any;
+    isShowImage?: boolean;
+    isShowHolder?: boolean;
+    isShowNote?: boolean;
+    isShowPackageNote?: boolean;
+    isShowDelete?: boolean;
+    disabledEdit?: boolean;
+    onAction?: (val: any) => void;
+    onDelete?: (val: any) => void;
+    onNote?: (val: any) => void;
+    onLike?: (val: any) => void;
+    onCard?: (val: any) => void;
+};

package/es/components/productCard/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,162 @@
+import dayjs from 'dayjs';
+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;
+/**
+ * @title: 格式化持续时长用于展示
+ * @description:
+ * @param {number} service_times
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-04-26 14:00
+ */
+export declare const getDiscountTime: (service_times: number) => string;
+/**
+ * @title: 时间切片
+ * @description:
+ * @param {any} config
+ * @param {string} locale
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-04-26 13:59
+ */
+export declare const sliceDayIntoFiveMinutes: (config: any, locale: string) => {
+    timeSlices: {
+        label: string;
+        value: string;
+    }[];
+    durationSlicesBasedOnTime: {
+        label: string;
+        value: number;
+    }[];
+};
+export declare const getNowTime: () => string;
+export declare const isNowTime: (time: string) => boolean;
+/**
+ * @title: 获取服务的开始时间, 如果是now 转换为当前的时间
+ * @description:
+ * @param {string} start_time
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-04-26 14:03
+ */
+export declare const getServeStartTime: (start_time: string) => 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;
+export declare const findNextSlice: ({ timeSlices, index, date, }: {
+    timeSlices: any[];
+    index?: number | undefined;
+    date?: string | undefined;
+}) => any;
+export declare const findNextDuration: (current: any, array: any, defaultValue?: any) => any;
+export declare const formatProductListByCategory: (list: any, filterItem: any) => unknown[];
+export declare const getResourceTimeIsUsable: (item: any, cacheItem: any) => any;
+/**
+ * @title: 查找是否有可用的time
+ * @description:
+ * @param {any} resourceItem
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-09 13:57
+ */
+export declare const formatTimes: (resourceItem: any, cacheItem: any) => any;
+/**
+ * @title: 获取店铺的营业结束时间
+ * @description:
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-02-23 10:00
+ */
+export declare const getShopOpeningHours: () => string;
+/**
+ * @title: 对灵活时长进行处理
+ * @description:
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-02-23 10:00
+ */
+export declare const flexibleObj: {
+    create: (num: number) => any;
+    getValue: (str: string | number) => number;
+    isFlexible: (str: string | number) => boolean;
+    add: (current: number | string, duration: number) => any;
+};
+/**
+ * @title: 获取结束时间
+ * @description: 取 endDate | 店铺营业时间 最小的那一个
+ * @param {any} startDate
+ * @param {string} duration
+ * @param {any} endDate
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-02-23 10:01
+ */
+export declare const getEndDate: (startDate: any, duration: string | number, endDate: any) => any;
+export declare const getServiceTimes: (service: any) => {
+    startDate: dayjs.Dayjs;
+    endDate: dayjs.Dayjs;
+};
+export declare const getErrorList: (resource: any, cacheItem: any) => {
+    label: any;
+    type: string;
+}[];
+/**
+ * @title: 格式化资源, 添加自定义参数
+ * @description:
+ * @param {any} resourceItem
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-09 13:40
+ */
+export declare const formatResource: (resourceItem: any, cacheItem?: any, formatLabel?: any) => any;
+export declare const getLastServer: (list: any) => any;
+export declare const getCacheParams: () => any;
+export declare const deleteCacheParams: () => void;
+/**
+ * @title: 创建一个服务商品
+ * @description:
+ * @param {any} state
+ * @param {any} item
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-26 14:09
+ */
+export declare const getServerItemExtend: (state: any, cacheItem: any, timeObj: any) => any;
+export declare const getProductTotalPrice: (item: any) => number;
+/**
+ * @title: 判断 duration
+ * @description: 用于处理不同格式的duration
+ * @param {number} duration
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-02-23 10:02
+ */
+export declare const getDuration: (duration: number | {
+    type: string;
+    value: number;
+}) => number | {
+    type: string;
+    value: number;
+} | "flexible";
+export declare const isWalkIn: (customer_id?: number | string) => boolean;
+export declare const getIsEdit: (state: any) => boolean;
+export {};