@pisell/materials 6.0.20 → 6.0.22

package/es/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/es/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/es/components/productCard/locales.js

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

@@ -0,0 +1,67 @@
+/**
+ * @title: 套餐数据
+ * @description: 
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 23:21
+ */
+export var defaultBundle = {
+  id: 0,
+  name: '',
+  num: 1,
+  price: 0,
+  total: 0
+};
+
+/**
+ * @description: 单规格
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 23:00
+ */
+export var defaultOption = {
+  id: 0,
+  name: '',
+  num: 1,
+  price: 0,
+  total: 0
+};
+
+/**
+ * @title: 商品商品类型
+ * @description: 
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 22:48
+ */
+export 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
+};
+
+/**
+ * @title: 默认数据
+ * @description: 
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-12 16:49
+ */
+export var defaultValue = {
+  dataSource: defaultProduct,
+  isShowImage: true,
+  isShowHolder: true,
+  isShowNote: true,
+  isShowDelete: true,
+  isShowPackageNote: true,
+  locale: 'en-US',
+  symbol: '$'
+};

package/es/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/es/components/productCard/types.js

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

package/es/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;

package/es/components/productCard/utils.js

@@ -0,0 +1,94 @@
+import dayjs from 'dayjs';
+import { locales } from '@pisell/utils';
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en';
+import 'dayjs/locale/zh-tw';
+import useEngineContext from "../../hooks/useEngineContext";
+
+/**
+ * @title: 是否英文
+ * @description: 
+ * @param {any} item
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-28 22:49
+ */
+export var isEn = function isEn(item) {
+  var locale = (item === null || item === void 0 ? void 0 : item.locale) || 'en-US';
+  var _isEn = locale === 'en-US' || locale === 'en';
+  var localeTypes = {
+    'en-US': 'en',
+    'zh-CN': 'zh-cn',
+    'zh-HK': 'zh-tw'
+  };
+  dayjs.locale(localeTypes[locale]);
+  return _isEn;
+};
+
+/**
+ * @title: 跨日预约时间
+ * @description: 
+ * @param {any} item
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-28 22:50
+ */
+export var formatMultiDayDate = function formatMultiDayDate(item) {
+  var _isEn = isEn(item);
+
+  // 跨日
+  var startDate = dayjs(item === null || item === void 0 ? void 0 : item.start_date);
+  var endDate = dayjs(item === null || item === void 0 ? void 0 : item.end_date);
+  var _format = _isEn ? 'ddd, DD/MM/YYYY' : 'YYYY-MM-DD，ddd';
+  var date = "".concat(startDate.format(_format), " ~ ").concat(endDate.format(_format));
+  return date;
+};
+
+/**
+ * @title: 格式化服务的 开始时间-结束时间-时长, 用于展示
+ * @description:
+ * @param {any} item
+ * @param {any} currentDate
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-04-26 14:04
+ */
+export var getServiceTime = function getServiceTime(item, currentDate) {
+  var _utils$storage, _item$format;
+  if (!dayjs(currentDate).isValid()) return '';
+  var context = useEngineContext();
+  var utils = context.appHelper.utils || {};
+  var locale = (item === null || item === void 0 ? void 0 : item.locale) || (utils === null || utils === void 0 || (_utils$storage = utils.storage) === null || _utils$storage === void 0 ? void 0 : _utils$storage.get('umi_locale')) || 'en-US';
+  var isEn = locale === 'en-US' || locale === 'en';
+  var localeTypes = {
+    'en-US': 'en',
+    'zh-CN': 'zh-cn',
+    'zh-HK': 'zh-tw'
+  };
+  dayjs.locale(localeTypes[locale]);
+  var startDate = dayjs(item === null || item === void 0 ? void 0 : item.start_date);
+  var endDate = dayjs(item === null || item === void 0 ? void 0 : item.end_date);
+  var diffInDays = (item === null || item === void 0 ? void 0 : item.custom_day_count) || endDate.diff(startDate, 'day');
+  var _format = isEn ? 'ddd, DD/MM/YYYY' : 'YYYY-MM-DD，ddd';
+
+  // 是否自定义格式
+  if (item !== null && item !== void 0 && item.hasOwnProperty('format') && (item === null || item === void 0 || (_item$format = item.format) === null || _item$format === void 0 ? void 0 : _item$format.length) > 0) {
+    var _item$format2, _item$format3;
+    _format = isEn ? item === null || item === void 0 || (_item$format2 = item.format) === null || _item$format2 === void 0 ? void 0 : _item$format2[0] : item === null || item === void 0 || (_item$format3 = item.format) === null || _item$format3 === void 0 ? void 0 : _item$format3[1];
+  }
+
+  // 是否显示时间
+  if (item !== null && item !== void 0 && item.show_time) {
+    startDate = dayjs("".concat(item === null || item === void 0 ? void 0 : item.start_date, " ").concat(item === null || item === void 0 ? void 0 : item.start_time));
+    endDate = dayjs("".concat(item === null || item === void 0 ? void 0 : item.end_date, " ").concat(item === null || item === void 0 ? void 0 : item.end_time));
+  }
+  var date = "".concat(startDate.format(_format), " ~ ").concat(endDate.format(_format));
+
+  // 自定义文案
+  var text = locales.getText('pisell2.product.card.day')(diffInDays);
+  if (item !== null && item !== void 0 && item.custom_day_count) {
+    text = locales.getText('pisell2.product.card.day.event')(diffInDays);
+  }
+  var duration = "".concat(diffInDays).concat(text);
+  return "".concat(date, " (").concat(duration, ")");
+};

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const QRCode: (props: any) => JSX.Element;
 export default QRCode;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Radio: (props: any) => JSX.Element;
 export default Radio;

package/es/components/section-footers/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface SectionFooterProps {
+    left?: React.ReactNode;
+    middle?: React.ReactNode;
+    right?: React.ReactNode;
+    className?: string;
+}
+declare const SectionFooters: (props: SectionFooterProps) => JSX.Element;
+export default SectionFooters;

package/es/components/section-footers/index.js

@@ -0,0 +1,17 @@
+import { useEffect } from 'react';
+import { Flex } from 'antd';
+var SectionFooters = function SectionFooters(props) {
+  useEffect(function () {
+    document.body.id = 'body';
+  }, []);
+  var left = props.left,
+    middle = props.middle,
+    right = props.right,
+    className = props.className;
+  return /*#__PURE__*/React.createElement(Flex, {
+    gap: "middle",
+    justify: "space-between",
+    className: "pisell-section-footers-wrapper ".concat(className)
+  }, left, middle, right);
+};
+export default SectionFooters;

package/es/components/section-footers/index.less

@@ -0,0 +1,5 @@
+.pisell-section-footers-wrapper {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+}

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SegmentedProps } from "antd";
 import "./index.less";
 declare const Segmented: (props: SegmentedProps) => JSX.Element;

package/es/components/select-time/RightPanel/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface RightPanelProps {
     value: string;

package/es/components/select-time/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VirtualKeyboardTimeProps } from "../virtual-keyboard/Time";
 import { PopoverProps, TimePickerProps } from "antd";
 import "./index.less";

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Skeleton: (props: any) => JSX.Element;
 export default Skeleton;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const SliderOuter: (props: any) => JSX.Element;
 export default SliderOuter;

package/es/components/sort/components/InlineMenu/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MenuProps } from "antd";
 import "./index.less";
 interface InlineMenuProps {

package/es/components/table/Actions/component/ColumnsSetting/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type ColumnsSettingProps = {
     value?: Record<string, any>[];
     onChange?: (val: Record<string, any>[]) => void;

package/es/components/table/Actions/component/ExportImport/components/ExportFile/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare const ExportFile: (props: {

package/es/components/table/Actions/component/ExportImport/components/ExportTable/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExportImportType } from "../../../../../types";
 import "./index.less";
 declare const ExportTable: (props: {

package/es/components/table/Actions/component/ExportImport/components/ImportLog/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare const ImportLog: (props: {

package/es/components/table/Actions/component/ExportImport/components/ImportTable/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare type ImportTableProps = {

package/es/components/table/Actions/component/ExportImport/utils/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @title: 格式化导出导入接口地址
+ * @description:
+ * @param {string} url
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-09-05 11:39
+ */
+export declare const formatApiUrl: (url: string) => string;

package/es/components/table/Actions/component/ExportImport/utils/index.js

@@ -0,0 +1,11 @@
+/**
+ * @title: 格式化导出导入接口地址
+ * @description: 
+ * @param {string} url
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-09-05 11:39
+ */
+export var formatApiUrl = function formatApiUrl(url) {
+  return url || '/shop/form/data';
+};

package/es/components/table/Actions/component/GallerySetting/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GallerySettingType, ModeType } from "../../../types";
 import "./index.less";
 declare type GallerySettingProps = {

package/es/components/table/Actions/component/Group/PopoverContent.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './PopoverContent.less';
 declare type FieldType = string | number;
 export declare type GroupValue = {

package/es/components/table/Actions/component/Group/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSourceGroupType } from "../../../types";
 declare type GroupProps = {
     setting: DataSourceGroupType;

package/es/components/table/Actions/component/ViewMode/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GridViewType, ModeType } from "../../../types";
 declare type ViewModeProps = {
     view: GridViewType;

package/es/components/table/Actions/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterType } from "../../filter/types";
 import { ColumnSettingType, DataSourceGroupType, ExportImportType, GallerySettingType, GridViewType, SortType } from "../types";
 import "./index.less";

package/es/components/table/BasicTable/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TableProps } from 'antd';
 declare const BasicTable: (props: TableProps<any>) => JSX.Element;
 export default BasicTable;