@pisell/materials 2.2.52 → 2.2.54

package/lib/components/pisellImageCarousels/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import 'swiper/swiper-bundle.css';
+import './index.less';
+export interface PisellImageCarouselsProps {
+    dataSource?: string[];
+    width?: number | string;
+    height?: number;
+    showArrows?: boolean;
+    showDots?: boolean;
+    autoplay?: boolean;
+    interval?: number;
+    borderRadius?: number;
+    loop?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const PisellImageCarousels: React.FC<PisellImageCarouselsProps>;
+export default PisellImageCarousels;

package/lib/components/pisellModal/components/MobileModal/index.less

@@ -17,14 +17,18 @@
       overflow: hidden;
       max-height: 90%;
       min-height: 200px;
+      display: flex;
+      flex-direction: column;
     }
     .pisell-lowcode-modal-content {
+      flex: 1;
       padding: 0;
       border-radius: 0;
       height: 100%;
       display: flex;
       flex-direction: column;
       max-height: none;
+      min-height: 200px;
       .pisell-lowcode-modal-close {
         padding: 10px;
         top: 8px;

package/lib/components/pisellSectionHeaders/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export interface PisellSectionHeadersProps {
+    /** 是否占据空间（true: 占据空间, false: 不占据空间） */
+    /** 左侧返回区域 */
+    backNode?: React.ReactNode;
+    /** 中间内容区域 */
+    centerNode?: React.ReactNode;
+    /** 右侧操作区域 */
+    actionNode?: React.ReactNode;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 返回按钮点击事件 */
+    onBack?: () => void;
+    /** 操作区域点击事件 */
+    onAction?: () => void;
+}
+declare const PisellSectionHeaders: React.FC<PisellSectionHeadersProps>;
+export default PisellSectionHeaders;

package/lib/components/pisellText/components/Amount/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { PisellContextType } from '../../../pisell-config-provider/context';
+export interface AmountProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 当前数值  */
+    value?: number | string;
+    /** 小数点后位数 默认是小数点后2位 */
+    precision?: number;
+    /** 显示货币符号 指的是 ¥$ 等货币符号等显隐，默认是展示 */
+    showCurrencySymbol?: boolean;
+    /** 千分位 指的是长金额的千分位逗号隔开，比如“123, 245, 315” 这种展现形式，默认是关闭 */
+    useThousandsSeparator?: boolean;
+    /** 整数位隐藏小数 指的是如果价格为整数，后面的".00" 将被省略以节省页面空间 */
+    hideDecimalForWholeNumbers?: boolean;
+    /** 货币符号 */
+    symbol?: string;
+}
+declare const Amount: (props: AmountProps) => JSX.Element;
+export default Amount;

package/lib/components/productCard/components/Action/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const Action: ({ item, onAction }: any) => JSX.Element;
+export default Action;

package/lib/components/productCard/components/AmountFooter/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const Footer: ({ item, hideDivider, type, isOnlyTotal }: any) => JSX.Element;
+export default Footer;

package/lib/components/productCard/components/Divider/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const Divider: ({ type }: any) => JSX.Element;
+export default Divider;

package/lib/components/productCard/components/Header/DeleteButton/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const DeleteButton: ({ onDelete }: any) => JSX.Element;
+export default DeleteButton;

package/lib/components/productCard/components/Header/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const Header: (props: any) => JSX.Element;
+export default Header;

package/lib/components/productCard/components/MultiDay/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const MultiDay: ({ dataSource, hideDivider }: any) => JSX.Element;
+export default MultiDay;

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

@@ -0,0 +1,14 @@
+interface InputItem {
+    start_date: string;
+    end_date: string;
+    total: number;
+    num: number;
+}
+interface OutputItem {
+    start_date: string;
+    end_date: string;
+    total: number;
+    num: number;
+}
+export declare function formatDateRanges(list: InputItem[]): OutputItem[];
+export {};

package/lib/components/productCard/components/Note/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const Note: (props: any) => JSX.Element | null;
+export default Note;

package/lib/components/productCard/components/Packages/components/collapsibleList/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.less';
+interface CollapsibleListProps<T> {
+    list: T[];
+    renderItem: (item: T, index: number) => React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const CollapsibleList: React.FC<CollapsibleListProps<any>>;
+export default CollapsibleList;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const renderBundles: (item: any, hidePrice?: boolean, isShowPackageNote?: boolean) => JSX.Element;

package/lib/components/productCard/components/Packages/components/options/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const Options: ({ options, amountSymbol }: any) => JSX.Element | null;
+export default Options;

package/lib/components/productCard/components/Packages/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const Packages: ({ item, isShowPackageNote }: any) => JSX.Element | null;
+export default Packages;

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

@@ -0,0 +1,20 @@
+/**
+ * @title: 金额是否是负
+ * @description:
+ * @param {string} type
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-11-22 10:01
+ */
+export declare const minusSign: (item: any, type?: string) => "" | "-";
+/**
+ * @title: 金额格式化
+ * @description:
+ * @param {number} price
+ * @param {string} amountSymbol
+ * @param {number} digit
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-11-22 10:58
+ */
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;

package/lib/components/productCard/components/Sales/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const Sales: ({ item, isShowNote }: any) => JSX.Element | null;
+export default Sales;

package/lib/components/productCard/components/Time/components/Like/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import './index.less';
+declare const Like: ({ status, onLike, className, style, }: {
+    style?: any;
+    status: string;
+    onLike?: any;
+    className?: string | undefined;
+}) => JSX.Element;
+export default Like;

package/lib/components/productCard/components/Time/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const Time: ({ item, isShowHolder, onLike }: any) => JSX.Element | null;
+export default Time;

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

@@ -1,6 +1,7 @@
 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;
@@ -14,6 +15,7 @@ declare const _default: {
     };
     '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;
@@ -27,6 +29,7 @@ declare const _default: {
     };
     '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;

package/lib/components/productCard/locales.js

@@ -24,7 +24,8 @@ __export(locales_exports, {
 module.exports = __toCommonJS(locales_exports);
 var locales_default = {
   "en": {
-    "pisell2.product.card.day": (val) => `${val > 1 ? "days" : "day"}`,
+    "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",
@@ -38,6 +39,7 @@ var locales_default = {
   },
   "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": "添加备注",
@@ -51,6 +53,7 @@ var locales_default = {
   },
   "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": "添加備註",

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/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/utils.js

@@ -74,7 +74,7 @@ var getServiceTime = (item, currentDate) => {
   import_dayjs.default.locale(localeTypes[locale]);
   let startDate = (0, import_dayjs.default)(item == null ? void 0 : item.start_date);
   let endDate = (0, import_dayjs.default)(item == null ? void 0 : item.end_date);
-  const diffInDays = endDate.diff(startDate, "day");
+  const diffInDays = (item == null ? void 0 : item.custom_day_count) || endDate.diff(startDate, "day");
   let _format = isEn2 ? "ddd, DD/MM/YYYY" : "YYYY-MM-DD，ddd";
   if ((item == null ? void 0 : item.hasOwnProperty("format")) && ((_b = item == null ? void 0 : item.format) == null ? void 0 : _b.length) > 0) {
     _format = isEn2 ? (_c = item == null ? void 0 : item.format) == null ? void 0 : _c[0] : (_d = item == null ? void 0 : item.format) == null ? void 0 : _d[1];
@@ -84,7 +84,11 @@ var getServiceTime = (item, currentDate) => {
     endDate = (0, import_dayjs.default)(`${item == null ? void 0 : item.end_date} ${item == null ? void 0 : item.end_time}`);
   }
   const date = `${startDate.format(_format)} ~ ${endDate.format(_format)}`;
-  const duration = `${diffInDays} ${import_utils.locales.getText("pisell2.product.card.day")(diffInDays)}`;
+  let text = import_utils.locales.getText("pisell2.product.card.day")(diffInDays);
+  if (item == null ? void 0 : item.custom_day_count) {
+    text = import_utils.locales.getText("pisell2.product.card.day.event")(diffInDays);
+  }
+  const duration = `${diffInDays}${text}`;
   return `${date} (${duration})`;
 };
 // Annotate the CommonJS export names for ESM import in node:

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/components/table/Actions/component/ExportImport/index.d.ts

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

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

package/lib/components/table/Gallery/components/GalleryItem/components/Cover/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GallerySettingType, GallerySettingValueType } from "../../../../../types";
 declare type CoverProps = {
     cover?: GallerySettingType["cover"];

package/lib/components/table/Gallery/components/GalleryItem/components/Title/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GallerySettingType } from "../../../../../types";
 import "./index.less";
 declare type TitleProps = GallerySettingType["title"] & {

package/lib/components/table/Table/tableConfig/SortRow/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const SortRow: ({ children, rowKey, onSortChange }: any) => JSX.Element;
 export default SortRow;

package/lib/components/table/View/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GridViewProps } from '../types';
 declare const View: (props: GridViewProps & {
     setTableSetting: (values: Record<string, any>) => void;

package/lib/components/virtual-keyboard/Number/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface NumberProps {
     max?: number;
     min?: number;

package/lib/components/walletCard/Guest/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const Guest: (props: any) => JSX.Element;
+export default Guest;

package/lib/components/walletCard/index.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+import './index.less';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            [elemName: string]: any;
+        }
+    }
+}
+export interface WalletCardItem {
+    key: string;
+    label?: string;
+    hidden?: boolean;
+    value?: number;
+}
+export interface WalletCardProps {
+    /** 二维码弹窗适配平台 */
+    platform?: 'pc' | 'h5' | 'ipad';
+    /** 卡片主题 */
+    mode?: 'dark' | 'light';
+    /** 默认还是完整显示code */
+    cardStyle?: 'normal' | 'full';
+    /** 条形码还是二维码 */
+    codeType?: 'barCode' | 'orCode';
+    /** 二维码方向 */
+    codeDirection?: 'bottom' | 'top';
+    /** 自定义背景图 */
+    customBackgroundImage?: string;
+    /** 图标：可以是React组件或图片URL */
+    showIcon?: boolean;
+    showWalletName?: boolean;
+    iconImg?: string;
+    /** 钱包名称 */
+    walletName?: string;
+    /** 店铺名称 */
+    shopName?: string;
+    /** 是否显示店铺名称 */
+    showShopName?: boolean;
+    /** 卡号 */
+    cardNo?: string;
+    /** 是否显示卡号 */
+    showCardNo?: boolean;
+    /** 是否显示二维码 */
+    showCode?: boolean;
+    /** 点击二维码/条形码的回调 */
+    onCodeClick?: () => void;
+    /** 货币符号 */
+    symbol: string;
+    /** 点击卡片的回调 */
+    onClick?: () => void;
+    /** 自定义类名 */
+    className?: string;
+    items: WalletCardItem[];
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    title?: string;
+    subTitle?: string;
+    align?: 'left' | 'center';
+    buttonText?: string;
+    [key: string]: any;
+    /** 是否已登录 */
+    isLogin?: boolean;
+}
+declare const WalletCard: React.FC<WalletCardProps>;
+export default WalletCard;

package/lib/index.d.ts

@@ -117,17 +117,6 @@ export { default as Upload } from './components/upload';
 export { default as VirtualKeyboard } from './components/virtual-keyboard';
 export { default as VirtualKeyboardTime } from './components/virtual-keyboard/Time';
 export { default as WalletCard } from './components/walletCard';
-export { default as PisellPriceKeyboard } from './components/virtual-keyboard/Amount';
-export { default as PisellNumberKeyboard } from './components/virtual-keyboard/Number';
-export { default as ProductCard } from './components/productCard';
-export { default as Collapse } from './components/collapse';
-export { default as PisellCustomCheckboxGroup } from './components/pisellCustomCheckboxGroup';
-export { default as PisellDropdown } from './components/pisellDropdown';
-export { default as PisellSectionHeaders } from './components/pisellSectionHeaders';
-export { default as PisellImageCarousels } from './components/pisellImageCarousels';
-export { default as PisellHeaderProgressBar } from './components/pisellHeaderProgressBar';
-export { default as PisellList01 } from './components/pisellList01';
-export { default as SectionFooters } from './components/section-footers';
 export { default as PublishVersionModal } from './components/versionModal';
 export { default as IconSelect } from './components/iconSelect';
 export { default as CustomSelect } from './components/customSelect';
@@ -138,3 +127,12 @@ export { default as PisellNavigationMenu } from './components/pisellNavigationMe
 export { default as PisellAppCard } from './components/pisellAppCard';
 export type { PisellAppCardProps } from './components/pisellAppCard/types';
 export { default as BaseTranslation } from './components/dataSourceComponents/fields/Translation/BaseTranslation';
+export { default as PisellCustomCheckboxGroup } from './components/pisellCustomCheckboxGroup';
+export { default as PisellDropdown } from './components/pisellDropdown';
+export { default as PisellSectionHeaders } from './components/pisellSectionHeaders';
+export { default as PisellImageCarousels } from './components/pisellImageCarousels';
+export { default as PisellHeaderProgressBar } from './components/pisellHeaderProgressBar';
+export { default as PisellList01 } from './components/pisellList01';
+export { default as SectionFooters } from './components/section-footers';
+export { default as ProductCard } from './components/productCard';
+export { default as Collapse } from './components/collapse';