@pisell/materials 2.2.51 → 2.2.52

package/lib/components/time-picker/index.d.ts

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

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

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

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

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

package/lib/components/virtual-keyboard/BaseNumberKeyboard/Presets.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./Presets.less";
 export declare type PresetsItem = {
     label: string;

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

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

package/lib/components/virtual-keyboard/Time/utils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const formatStringToTime: (value: string) => {
     valueArray: string[];
     valueString: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from 'antd';
 import './index.less';
 export interface VirtualKeyInputProps extends InputProps {

package/lib/components/walletCard/Guest/index.js

@@ -90,7 +90,10 @@ var Guest = (props) => {
             weight: 600
           })
         },
-        ((_f = utils == null ? void 0 : utils.translation) == null ? void 0 : _f.call(utils, (setting == null ? void 0 : setting.title) || ((_e = setting == null ? void 0 : setting.titleConfig) == null ? void 0 : _e.text))) || ""
+        ((_f = utils == null ? void 0 : utils.translation) == null ? void 0 : _f.call(
+          utils,
+          (setting == null ? void 0 : setting.title) || ((_e = setting == null ? void 0 : setting.titleConfig) == null ? void 0 : _e.text)
+        )) || ""
       ), /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
@@ -111,7 +114,8 @@ var Guest = (props) => {
         import_button.default,
         {
           style: {
-            backgroundColor: (setting == null ? void 0 : setting.buttonColor) || "#7F56D9"
+            backgroundColor: (setting == null ? void 0 : setting.buttonColor) || "#7F56D9",
+            borderColor: (setting == null ? void 0 : setting.buttonBorderColor) || "#7F56D9"
           },
           onClick: goLogin
         },

package/lib/components/walletCard/index.js

@@ -157,7 +157,7 @@ var CardHeader = ({
 };
 var CardItem = ({ item, symbol }) => {
   const { key, label, value } = item;
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item-label" }, (0, import_locales.getText)(`walletCard-${label}`) || ""), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item-value" }, key === "rechargeable" || key === "piont" ? /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item-label" }, (0, import_locales.getText)(`walletCard-${label}`) || ""), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item-value" }, key === "rechargeable" ? /* @__PURE__ */ import_react.default.createElement(
     import_Amount.default,
     {
       className: "pisell-card-amount-item-value",
@@ -170,7 +170,25 @@ var CardItem = ({ item, symbol }) => {
   ) : value));
 };
 var CardContent = ({ items, symbol }) => {
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-list" }, (items || []).map((item, index) => /* @__PURE__ */ import_react.default.createElement(CardItem, { key: index, item, symbol })));
+  const expectedOrder = ["piont", "balance", "discount", "voucher"];
+  const sortedItems = (0, import_react.useMemo)(() => {
+    if (!(items == null ? void 0 : items.length)) return [];
+    return [...items].sort((a, b) => {
+      const indexA = expectedOrder.indexOf(a.key);
+      const indexB = expectedOrder.indexOf(b.key);
+      return indexA - indexB;
+    });
+  }, [items]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-wallet-card-list",
+      style: {
+        justifyContent: (sortedItems || []).length > 1 ? "space-between" : "flex-start"
+      }
+    },
+    (sortedItems || []).map((item, index) => /* @__PURE__ */ import_react.default.createElement(CardItem, { key: index, item, symbol }))
+  );
 };
 var CodeDisplay = ({ codeType, cardNo }) => {
   if (!cardNo) return null;
@@ -277,7 +295,7 @@ var WalletCard = (props) => {
       style,
       onClick
     },
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { bodyStyle: { padding: 0 } }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { style: { border: "none" }, bodyStyle: { padding: 0 } }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: "pisell-wallet-card-container",

package/lib/components/walletCard/index.less

@@ -134,7 +134,6 @@
     height: 50px;
     box-sizing: border-box;
     display: flex;
-    justify-content: space-around;
     align-items: center;
     flex-wrap: nowrap;
     overflow: hidden;
@@ -143,7 +142,7 @@
     // 列表项
     .pisell-wallet-card-item {
       text-align: center;
-      flex: 1;
+      // flex: 1;
       min-width: 0;
 
       // 标签

package/lib/locales/en-US.js

@@ -207,7 +207,7 @@ var en_US_default = {
   "pisell-action-delete-success": "Deleted successfully",
   "pisell-action-delete-failed": "Delete failed, please try again",
   "walletCard-piont": "Points",
-  "walletCard-rechargeable": "Recharge",
+  "walletCard-rechargeable": "Balance",
   "walletCard-voucher": "Voucher",
   "walletCard-discount": "Discount",
   //PisellQrcode组件

package/lib/locales/zh-CN.js

@@ -205,8 +205,8 @@ var zh_CN_default = {
   "pisell-action-get-data": "请先获取数据",
   "pisell-action-delete-success": "删除成功",
   "pisell-action-delete-failed": "删除失败,请重试",
-  "walletCard-piont": "积分卡",
-  "walletCard-rechargeable": "充值卡",
+  "walletCard-piont": "积分",
+  "walletCard-rechargeable": "余额",
   "walletCard-voucher": "代金券",
   "walletCard-discount": "折扣卡",
   //PisellQrcode组件

package/lib/locales/zh-TW.js

@@ -205,8 +205,8 @@ var zh_TW_default = {
   "pisell-action-get-data": "請先獲取數據",
   "pisell-action-delete-success": "刪除成功",
   "pisell-action-delete-failed": "刪除失敗,請重試",
-  "walletCard-piont": "積分卡",
-  "walletCard-rechargeable": "充值卡",
+  "walletCard-piont": "積分",
+  "walletCard-rechargeable": "餘額",
   "walletCard-voucher": "代金券",
   "walletCard-discount": "折扣卡",
   //PisellQrcode组件

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "2.2.51",
+  "version": "2.2.52",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -72,8 +72,8 @@
     "react-barcode": "^1.5.3",
     "vod-js-sdk-v6": "^1.4.11",
     "@pisell/date-picker": "1.0.101",
-    "@pisell/icon": "0.0.11",
-    "@pisell/utils": "2.0.1"
+    "@pisell/utils": "2.0.1",
+    "@pisell/icon": "0.0.11"
   },
   "peerDependencies": {
     "react": "^18.0.0",

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface TimeSlot {
-    value: string;
-    label: string;
-    time: string;
-    remainingCount: number;
-    disabled?: boolean;
-}
-export interface TimeResourceSelectorProps {
-    timeSlots?: TimeSlot[];
-    multiple?: boolean;
-    showUnavailable?: boolean;
-    defaultExpanded?: boolean;
-    defaultSelectFirst?: boolean;
-    onChange?: (values: string | string[]) => void;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const TimeResourceSelector: React.FC<TimeResourceSelectorProps>;
-export default TimeResourceSelector;

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import './index.less';
-interface CollapseProps {
-    panelBackground?: string;
-    panelMarginBottom?: string | 0;
-    panelBorderRadius?: string | 0;
-    items: any[];
-    showHeader?: boolean;
-    headerColor?: string | '#101828';
-    headerFontSize?: string | 14;
-    expandIcon?: any;
-    [key: string]: any;
-}
-declare const Collapse: React.FC<CollapseProps>;
-export default Collapse;

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

@@ -1,19 +0,0 @@
-import { CardProps } from 'antd';
-import './index.less';
-export interface PisellCardProps extends CardProps {
-    bordered?: boolean;
-    selected?: boolean;
-    loading?: boolean;
-    padding?: number;
-    borderRadius?: number;
-    disabled?: boolean;
-    onClick?: () => void;
-    isClickable?: boolean;
-}
-/**
- * Pisell 卡片容器组件
- * @param props
- * @constructor
- */
-declare const PisellCard: (props: PisellCardProps) => JSX.Element;
-export default PisellCard;

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellCustomCheckboxGroupProps {
-    dataSource?: any[];
-    disabled?: boolean;
-    allowAdd?: boolean;
-    isMultiple?: boolean;
-    id?: string | string[];
-    onClick?: (value: any) => void;
-    onAdd?: () => void;
-    renderAddItem?: (item: any) => React.ReactNode;
-    [key: string]: any;
-    className?: string;
-}
-declare const PisellCustomCheckboxGroup: React.FC<PisellCustomCheckboxGroupProps>;
-export default PisellCustomCheckboxGroup;

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface MenuItemType {
-    key: string;
-    label: string;
-    icon?: React.ReactNode;
-    shortcut?: string;
-    divider?: boolean;
-}
-export interface PisellDropdownProps {
-    trigger?: React.ReactNode;
-    items?: MenuItemType[];
-    showShortcut?: boolean;
-    triggerType?: ('click' | 'hover')[];
-    className?: string;
-    style?: React.CSSProperties;
-    onSelect?: (key: string) => void;
-}
-declare const PisellDropdown: React.FC<PisellDropdownProps>;
-export default PisellDropdown;

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

@@ -1,29 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellHeaderProgressBarProps {
-    title?: React.ReactNode;
-    stepText?: React.ReactNode;
-    showClose?: boolean;
-    /** 是否启用投影 */
-    enableShadow?: boolean;
-    /** 是否启用描边 */
-    enableBorder?: boolean;
-    /** 描边粗细 */
-    borderWidth?: number;
-    /** 描边颜色 */
-    borderColor?: string;
-    /** 头部背景颜色 */
-    backgroundColor?: string;
-    /** 自定义类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-    /** 是否显示返回键 */
-    showBack?: boolean;
-    /** 返回按钮点击事件 */
-    onBack?: () => void;
-    /** 关闭按钮点击事件 */
-    onClose?: () => void;
-}
-declare const PisellHeaderProgressBar: React.FC<PisellHeaderProgressBarProps>;
-export default PisellHeaderProgressBar;

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

@@ -1,18 +0,0 @@
-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/es/components/pisellSectionHeaders/index.d.ts

@@ -1,21 +0,0 @@
-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/es/components/pisellText/components/Amount/index.d.ts

@@ -1,20 +0,0 @@
-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/es/components/productCard/components/Action/index.d.ts

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

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

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

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

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

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

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

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

@@ -1,3 +0,0 @@
-import './index.less';
-declare const Header: (props: any) => JSX.Element;
-export default Header;

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

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

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

@@ -1,14 +0,0 @@
-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/es/components/productCard/components/Note/index.d.ts

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

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

@@ -1,10 +0,0 @@
-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/es/components/productCard/components/Packages/components/collapsibleList/utils.d.ts

@@ -1 +0,0 @@
-export declare const renderBundles: (item: any, hidePrice?: boolean, isShowPackageNote?: boolean) => JSX.Element;

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

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

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

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

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

@@ -1,20 +0,0 @@
-/**
- * @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/es/components/productCard/components/Sales/index.d.ts

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

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

@@ -1,8 +0,0 @@
-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/es/components/productCard/components/Time/index.d.ts

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

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

@@ -1,32 +0,0 @@
-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/types.d.ts

@@ -1,78 +0,0 @@
-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/section-footers/index.d.ts

@@ -1,9 +0,0 @@
-/// <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/table/Actions/component/ExportImport/utils/index.d.ts

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

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

@@ -1,3 +0,0 @@
-import './index.less';
-declare const Guest: (props: any) => JSX.Element;
-export default Guest;