@pisell/materials 1.8.12 → 1.8.13

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

@@ -0,0 +1,95 @@
+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;
+    promotions?: any[];
+    isGift?: boolean;
+    giftData?: any;
+};
+/**
+ * 排序总配置
+ */
+export declare type ProductCardTypes = {
+    dataSource: productType;
+    isShowImage?: boolean;
+    isShowOriginalPrice?: boolean;
+    isShowHolder?: boolean;
+    isShowNote?: boolean;
+    isShowPackageNote?: boolean;
+    isShowDelete?: boolean;
+    isShowEditProduct?: boolean;
+    isShowAmountFooter?: boolean;
+    disabledEdit?: boolean;
+    locale?: string;
+    symbol?: string;
+    isShowChangeHolder?: boolean;
+    isShowChangeResource?: boolean;
+    isShowChangeDate?: boolean;
+    disabledClick?: boolean;
+    disabledEditClick?: boolean;
+    onAction?: (val: any) => void;
+    onDelete?: (val: any) => void;
+    onNote?: (val: any) => void;
+    onLike?: (val: any) => void;
+    onCard?: (val: any) => void;
+    onChangeResource?: (val: any) => void;
+    onPromotion?: (val: any) => void;
+    onEditProduct?: (val: any) => void;
+    onGift?: (val: any) => void;
+    osWarnTips?: Array<string>;
+    [key: string]: any;
+};

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

@@ -0,0 +1,33 @@
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en';
+import 'dayjs/locale/zh-tw';
+import 'dayjs/locale/ja';
+import 'dayjs/locale/pt';
+/**
+ * @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/lib/components/select/index.less

@@ -5,16 +5,32 @@
   &-select-dropdown-render-divider {
     margin: 8px 0;
   }
+
   &-select-dropdown-render-options-wrap {
     padding: 0 5px 5px;
   }
+
+  &-select-clear {
+    color: #667085;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 36px;
+    min-height: 36px;
+    margin: -18px -6px;
+    padding: 8px 6px;
+
+    &:hover {
+      color: #344054;
+    }
+  }
 }
 
 // 添加选项间距
 .pisell-base-select-dropdown {
   .pisell-lowcode-select-item {
     margin-bottom: 4px;
-    
+
     &:last-child {
       margin-bottom: 0;
     }
@@ -27,4 +43,4 @@
 
   box-shadow: none !important;
   border-color: transparent !important;
-}
+}

package/lib/components/sort/index.js

@@ -85,6 +85,16 @@ var sortChildrenMap = {
       key: `${key}:desc${isLocal ? ":number" : ""}`,
       label: /* @__PURE__ */ import_react.default.createElement(Label, { content: (0, import_locales.getText)("sort-9-0") })
     }
+  ],
+  option: (key, isLocal) => [
+    {
+      key: `${key}:asc${isLocal ? ":option" : ""}`,
+      label: /* @__PURE__ */ import_react.default.createElement(Label, { content: (0, import_locales.getText)("sort-first-last") })
+    },
+    {
+      key: `${key}:desc${isLocal ? ":option" : ""}`,
+      label: /* @__PURE__ */ import_react.default.createElement(Label, { content: (0, import_locales.getText)("sort-last-first") })
+    }
   ]
 };
 var Sort = ({
@@ -98,12 +108,12 @@ var Sort = ({
 }) => {
   const sortItems = (0, import_react.useMemo)(() => {
     return list.map((d) => {
+      const children = d.getSortItems ? d.getSortItems(d.name).map(({ key, label }) => ({ key, label: /* @__PURE__ */ import_react.default.createElement(Label, { content: label }) })) : sortChildrenMap[d.type](d.name, !!(d == null ? void 0 : d.localFilter));
       return {
         key: d.name,
         label: d.label,
-        children: sortChildrenMap[d.type](d.name, !!(d == null ? void 0 : d.localFilter)),
+        children,
         popupClassName: `${prefix}sort-sub-menu-popup-wrap ${prefix}dropdown-css-var`,
-        // 增加显示隐藏配置
         className: `${d.isHidden ? `${prefix}sort-menu-wrap-hide` : ""}`
       };
     });
@@ -156,7 +166,7 @@ var Sort = ({
         items: sortItems,
         onClick,
         selectable: true,
-        selectedKeys: value
+        selectedKeys: value != null && value !== "" ? [value] : []
       }
     },
     btnContent

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

@@ -1,13 +1,32 @@
 import { MenuProps } from "antd";
 import React from "react";
+/** 单个排序子项（如 A→Z、0→9），由组件的 getSortItems 返回 */
+export declare type SortOptionItem = {
+    key: string;
+    label: string;
+};
 export declare type SortItemProps = {
-    type: "date" | "string" | "number";
+    /** 排序类型，与 sortChildrenMap 对应；当 getSortItems 存在时可省略 */
+    type?: "date" | "string" | "number" | "option";
     label?: string;
     name?: string | string[];
     isCustom: boolean;
     columnKey?: string;
     localFilter?: boolean;
     isHidden?: boolean;
+    /** 由组件内置导出：直接返回该列的排序子项，优先于 type */
+    getSortItems?: (fieldKey: string) => SortOptionItem[];
+};
+/**
+ * 组件侧导出的排序支持契约（如 PisellSingleLineText.SortOptions）。
+ * 支持两种形态：
+ * - getSortItems：组件内置完整排序项（key + label），优先使用；
+ * - type：仅类型，由 Sort 的 sortChildrenMap 生成子项（兼容旧用法）。
+ */
+export declare type SortOptionType = (Pick<SortItemProps, "type"> & Partial<Pick<SortItemProps, "label" | "localFilter" | "isHidden">>) | {
+    getSortItems: (fieldKey: string) => SortOptionItem[];
+    label?: string;
+    isHidden?: boolean;
 };
 export declare type SortListProps = {
     list: SortItemProps[];

package/lib/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts

@@ -1,5 +1,5 @@
 declare const useGapSize: (gap: number | number[]) => {
-    horizontal: number;
-    vertical: number;
+    horizontal: any;
+    vertical: any;
 };
 export default useGapSize;

package/lib/components/table/Table/fields/select/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

package/lib/components/table/Table/fields/treeSelect/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[] | Record<string, any>[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

package/lib/components/table/Table/utils.d.ts

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("filters" | "filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
+}) => ("filters" | "view_mode" | "order_by" | "group_by" | "column_setting" | "gallery_setting" | "filter_setting")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import './index.less';
+declare type Value = {
+    en: string;
+    'zh-CN': string;
+    'zh-HK': string;
+    'ja': string;
+    'pt': string;
+};
+interface TranslationProps {
+    value: Value;
+    onChange: (value: Value) => void;
+    maxLength?: number;
+    id?: string;
+}
+declare const Translation: React.FC<TranslationProps>;
+export default Translation;

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

@@ -0,0 +1,9 @@
+export declare const locales: {
+    en: string;
+    "zh-CN": string;
+    "zh-HK": string;
+    ja: string;
+    pt: string;
+};
+export declare const checkIfAllValuesAreEqual: (obj: any) => boolean;
+export declare const createTranslationText: (text: string, isAll?: boolean) => any;

package/lib/components/virtualInput/BaseVirtualInput/index.less

@@ -76,7 +76,7 @@
 .pisell-base-virtual-input-caret {
   width: 2px;
   height: var(--virtual-input-caret-height);
-  background-color: var(--theme-color, #7f56d9);
+  background-color: var(--color-primary, #5d3f9f);
   border-radius: 1px;
   animation: pisell-base-virtual-input-caret-blink 1s infinite;
 }
@@ -107,7 +107,7 @@
       right: -1px;
       transform: translateY(-50%);
       height: 1.2em;
-      background-color: var(--theme-color, #7f56d9);
+      background-color: var(--color-primary, #5d3f9f);
       pointer-events: none;
       z-index: -1;
     }

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

@@ -17,6 +17,11 @@ export interface VirtualInputProps extends BaseVirtualInputProps {
     onClear?: () => void;
     /** 自定义清除按钮的样式 */
     clearButtonStyle?: React.CSSProperties;
+    theme?: {
+        token?: {
+            colorPrimary?: string;
+        };
+    };
 }
 export interface VirtualInputRef extends BaseVirtualInputRef {
 }

package/lib/components/virtualInput/index.js

@@ -36,6 +36,7 @@ var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
 var import_icon = __toESM(require("../icon"));
 var import_BaseVirtualInput = __toESM(require("./BaseVirtualInput"));
+var import_useThemeTokens = __toESM(require("../../hooks/useThemeTokens"));
 var import_index = require("./index.less");
 var VirtualInput = (0, import_react.forwardRef)(
   ({
@@ -47,9 +48,11 @@ var VirtualInput = (0, import_react.forwardRef)(
     onClear,
     value,
     clearButtonStyle = {},
+    theme,
     ...virtualInputProps
   }, ref) => {
     const baseInputRef = (0, import_react.useRef)(null);
+    const { colorPrimary } = (0, import_useThemeTokens.default)(theme);
     const handleClear = () => {
       onClear == null ? void 0 : onClear();
     };
@@ -67,7 +70,10 @@ var VirtualInput = (0, import_react.forwardRef)(
       "div",
       {
         className: (0, import_classnames.default)("pisell-virtual-input-wrapper", wrapperClassName),
-        style: wrapperStyle
+        style: {
+          ...wrapperStyle || {},
+          ["--color-primary"]: colorPrimary
+        }
       },
       topContent,
       /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-virtual-input-container" }, allowClear && /* @__PURE__ */ import_react.default.createElement(

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

@@ -0,0 +1,79 @@
+import React from 'react';
+import './index.less';
+export interface WalletCardItem {
+    type: string;
+    custom_title?: string | {
+        original: string;
+        en: string;
+        'zh-CN': string;
+        'zh-HK': string;
+        'ja': string;
+        'pt': string;
+    };
+    display?: 0 | 1;
+    value?: number;
+}
+export interface WalletCardProps {
+    /** 钱包ID */
+    id?: string;
+    /** 二维码弹窗适配平台 */
+    platform?: 'pc' | 'h5' | 'ipad';
+    /** 卡片主题 */
+    mode?: 'dark' | 'light';
+    /** 默认还是完整显示code */
+    cardStyle?: 'normal' | 'full';
+    /** 条形码还是二维码 */
+    codeType?: 'barCode' | 'qrCode';
+    /** 二维码方向 */
+    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;
+    /** 是否是引导页 */
+    isGuide?: boolean;
+    /** 是否显示查看PIN */
+    showViewPin?: boolean;
+    /** 查看PIN的回调 */
+    onViewPinClick?: () => void;
+    /** 是否显示持有人 */
+    showHolderName?: boolean;
+    /** 持有人, 表单记录，展示时一般取main_field */
+    holder?: any;
+    /** 持有人点击回调 */
+    onSetHolder?: (currentValue?: any) => void;
+}
+declare const WalletCard: React.FC<WalletCardProps>;
+export default WalletCard;

package/lib/hooks/useThemeTokens.d.ts

@@ -0,0 +1,7 @@
+declare type ThemeInput = {
+    token?: {
+        colorPrimary?: string;
+    };
+};
+declare const useThemeTokens: (themeInput?: ThemeInput) => any;
+export default useThemeTokens;

package/lib/hooks/useThemeTokens.js

@@ -0,0 +1,40 @@
+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/hooks/useThemeTokens.ts
+var useThemeTokens_exports = {};
+__export(useThemeTokens_exports, {
+  default: () => useThemeTokens_default
+});
+module.exports = __toCommonJS(useThemeTokens_exports);
+var import_antd = require("antd");
+var themeTokenCache = /* @__PURE__ */ new Map();
+var useThemeTokens = (themeInput) => {
+  var _a;
+  const { useToken, getDesignToken } = import_antd.theme;
+  const { token: antdToken } = useToken();
+  const overrideColorPrimary = ((_a = themeInput == null ? void 0 : themeInput.token) == null ? void 0 : _a.colorPrimary) || antdToken.colorPrimary;
+  const cached = themeTokenCache.get(overrideColorPrimary);
+  if (cached) return cached;
+  const computed = getDesignToken({
+    token: { colorPrimary: overrideColorPrimary }
+  });
+  themeTokenCache.set(overrideColorPrimary, computed);
+  return computed;
+};
+var useThemeTokens_default = useThemeTokens;