@pisell/materials 6.11.241 → 6.11.242

package/lib/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en';
+import type { PisellTimeRangeDisplayProps } from './types';
+import './PisellTimeRangeDisplay.less';
+/**
+ * PisellTimeRangeDisplay 组件
+ *
+ * @description
+ * 纯展示型时间区间组件，将 startAt / endAt 格式化为「时间区间 + 持续时间」。
+ * - 同一天：HH:mm-HH:mm，可选显示日期/星期
+ * - 跨天：起止日期时间
+ * - 持续时间：d h m s 格式
+ * - 字段顺序由 fieldOrder 控制，可将 duration 放在中间
+ *
+ * @example
+ * <PisellTimeRangeDisplay
+ *   startAt="2026-02-04 09:00"
+ *   endAt="2026-02-04 18:00"
+ * />
+ * // => "09:00-18:00" + "9h"
+ *
+ * <PisellTimeRangeDisplay
+ *   startAt={start}
+ *   endAt={end}
+ *   fields={{ fieldOrder: ['time', 'duration', 'date', 'weekday'] }}
+ *   showDateForSameDay
+ * />
+ */
+export declare const PisellTimeRangeDisplay: React.FC<PisellTimeRangeDisplayProps>;
+declare const _default: React.NamedExoticComponent<PisellTimeRangeDisplayProps>;
+export default _default;

package/lib/components/pisellTimeRangeDisplay/components/TimeRangeBlock.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { type Dayjs } from 'dayjs';
+import type { TimeFormatConfig, DateFormatConfig, WeekdayFormatConfig, TextStyleConfig } from '../types';
+export interface TimeRangeBlockProps {
+    /** 开始时间 */
+    start: Dayjs;
+    /** 结束时间 */
+    end: Dayjs;
+    /** 是否同一天 */
+    isSameDay: boolean;
+    /** 时间格式配置 */
+    timeFormat?: TimeFormatConfig;
+    /** 日期格式配置（跨天时用于起止日期，含 showRelativeDay） */
+    dateFormat?: DateFormatConfig;
+    /** 星期格式配置（跨天时用于「Sat, 22 Jan」） */
+    weekdayFormat?: WeekdayFormatConfig;
+    /** 跨天时是否展示星期 */
+    showWeekdayInCrossDay?: boolean;
+    /** 参考日期，用于相对日判定，默认 dayjs() */
+    referenceDate?: Dayjs;
+    /** 文本样式 */
+    style?: TextStyleConfig;
+    /** 开始时间文本样式，会覆盖 style 中的同名字段 */
+    startStyle?: TextStyleConfig;
+    /** 结束时间文本样式，会覆盖 style 中的同名字段 */
+    endStyle?: TextStyleConfig;
+    /** 自定义类名 */
+    className?: string;
+}
+/**
+ * 时间区间展示块
+ * - 同一天：HH:mm-HH:mm
+ * - 跨天：起止完整日期时间；若某端为相对日（今天/昨天/明天）则只显示「时间 相对日」，不显示星期+日期
+ */
+export declare const TimeRangeBlock: React.FC<TimeRangeBlockProps>;
+export default TimeRangeBlock;

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

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

package/lib/components/productCard/cartSkuCard/components/AmountFooter/index.js

@@ -42,9 +42,8 @@ var import_index = require("./index.less");
 var import_utils2 = require("@pisell/utils");
 var import__ = require("../../index");
 var Footer = ({ item, hideDivider, type, isOnlyTotal }) => {
-  var _a, _b;
   const { total, origin_total, symbol, tip, num, discount_reason } = item;
-  const weighingInfo = (_b = (_a = item == null ? void 0 : item._origin) == null ? void 0 : _a._extend) == null ? void 0 : _b.weighing;
+  const weighingInfo = (0, import_utils2.resolveWeighingSnapshot)(item);
   const formatFooterAmount = (amount, precision = 2) => {
     if (!weighingInfo) {
       return (0, import_utils._formatAmount)(amount, symbol, precision);

package/lib/components/productCard/cartSkuCard/components/basicInfo/index.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import './index.less';
+interface IProps {
+    isShowImage?: boolean;
+    dataSource: {
+        image?: string;
+        bundle?: any[];
+        options?: any[];
+        product_option_string?: string;
+        name?: string;
+        symbol?: string;
+        price?: string | number;
+        total?: number;
+        origin_total?: number;
+        num?: number;
+        holder_id?: any;
+        isFormSubject?: boolean;
+        totalDifference?: number;
+    };
+    style?: React.CSSProperties;
+    /** 作为主商品卡片展示
+     * 1. 影响商品数量 tag 的位置
+     * 2. isMain 且 type 为 a5，展示holder
+     */
+    isMainProduct?: boolean;
+    maxSpecsCount?: number;
+    type?: 'a2' | 'a5' | 'a9';
+    isBundle?: boolean;
+    showFooter?: boolean;
+    isShowOriginalPrice?: boolean;
+    isShowEditProduct?: boolean;
+    onEditProduct?: (val: any) => void;
+    disabledEditClick?: boolean;
+}
+declare const BasicInfo: (props: IProps) => React.JSX.Element;
+export default BasicInfo;

package/lib/components/productCard/cartSkuCard/components/basicInfo/index.js

@@ -42,7 +42,6 @@ var import__ = require("../../index");
 var import_EditButton = __toESM(require("../../../components/Header/EditButton"));
 var import_index = require("./index.less");
 var BasicInfo = (props) => {
-  var _a, _b;
   const {
     isShowImage,
     dataSource = {},
@@ -84,10 +83,8 @@ var BasicInfo = (props) => {
     );
   };
   const hasSpecs = (bundle == null ? void 0 : bundle.length) || (options == null ? void 0 : options.length) || product_option_string;
-  const weighingInfo = (_b = (_a = dataSource == null ? void 0 : dataSource._origin) == null ? void 0 : _a._extend) == null ? void 0 : _b.weighing;
-  const hasWeighingInfo = Boolean(
-    weighingInfo && (Number.isFinite(Number(weighingInfo == null ? void 0 : weighingInfo.weight)) || Number.isFinite(Number(weighingInfo == null ? void 0 : weighingInfo.net_weight)))
-  );
+  const weighingInfo = (0, import_utils.resolveWeighingSnapshot)(dataSource);
+  const hasWeighingInfo = Boolean(weighingInfo);
   const hasProductMeta = hasSpecs || hasWeighingInfo;
   const basicInfoClassName = (0, import_classnames.default)(`${import__.PREFIX}__basic-info`, {
     [`${import__.PREFIX}__basic-info--weighing`]: hasWeighingInfo
@@ -115,7 +112,7 @@ var BasicInfo = (props) => {
     );
   };
   const renderProductPrice = () => {
-    if (weighingInfo) {
+    if (hasWeighingInfo) {
       return null;
     }
     return (0, import_utils.formatAmount)(price, 2, symbol);

package/lib/components/productCard/cartSkuCard/components/inlineActions/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { CSSProperties, ReactNode } from 'react';
+import './index.less';
+export interface InlineActionItem {
+    key: string | number;
+    text: ReactNode;
+    color?: string;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    style?: CSSProperties;
+}
+interface InlineActionsProps {
+    actions: InlineActionItem[];
+}
+declare const InlineActions: ({ actions }: InlineActionsProps) => React.JSX.Element | null;
+export default InlineActions;

package/lib/components/productCard/cartSkuCard/components/inlineActions/index.js

@@ -48,7 +48,8 @@ var InlineActions = ({ actions }) => {
       },
       onClick: (event) => {
         var _a;
-        return (_a = action.onClick) == null ? void 0 : _a.call(action, event);
+        event.stopPropagation();
+        (_a = action.onClick) == null ? void 0 : _a.call(action, event);
       }
     },
     action.text

package/lib/components/productCard/cartSkuCard/components/specs/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import './index.less';
+interface SpecsProps {
+    /** 数据源 */
+    dataSource?: {
+        bundle?: Array<{
+            title: string;
+        }>;
+        options?: Array<{
+            name: string;
+            price: number;
+            num: number;
+        }>;
+        product_option_string?: string;
+        symbol?: string;
+    };
+    /** 最大展示数量，默认为 1 */
+    maxSpecsCount?: number;
+    type?: 'a2' | 'a5' | 'a9';
+}
+declare const Specs: (props: SpecsProps) => React.JSX.Element | null;
+export default Specs;

package/lib/components/productCard/cartSkuCard/components/weighing/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { WeighingSnapshot } from '@pisell/utils';
+import './index.less';
+interface WeighingProps {
+    dataSource?: WeighingSnapshot;
+    symbol?: string;
+}
+declare const Weighing: (props: WeighingProps) => React.JSX.Element | null;
+export default Weighing;

package/lib/components/productCard/cartSkuCard/components/weighing/index.js

@@ -36,17 +36,11 @@ var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
 var import__ = require("../../index");
 var import_index = require("./index.less");
-var UNIT_LABEL_MAP = {
-  KILOGRAMS: "kg",
-  GRAMS: "g",
-  POUNDS: "lb",
-  OUNCES: "oz"
-};
 var formatWeight = (value, unit) => {
   const parsedValue = Number(value);
   const displayValue = Number.isFinite(parsedValue) ? parsedValue : 0;
-  const displayUnit = UNIT_LABEL_MAP[unit || "KILOGRAMS"];
-  return `${displayValue.toFixed(3)} ${displayUnit}`;
+  const displayUnit = (0, import_utils.getWeightUnitSymbol)(unit);
+  return `${(0, import_utils.formatWeightValue)(displayValue)} ${displayUnit}`;
 };
 var Weighing = (props) => {
   const { dataSource, symbol } = props;
@@ -55,15 +49,18 @@ var Weighing = (props) => {
   }
   const {
     mode,
+    weight_source,
     weight,
     tare,
+    tare_weight,
     net_weight,
     unit_price,
-    unit = "KILOGRAMS"
+    unit = import_utils.STANDARD_WEIGHT_UNIT
   } = dataSource;
-  const unitLabel = UNIT_LABEL_MAP[unit];
-  const tareValue = Number((tare == null ? void 0 : tare.value) || 0);
-  const isManualWeight = mode === "manual";
+  const unitLabel = (0, import_utils.getWeightUnitSymbol)(unit);
+  const tareValue = Number((tare == null ? void 0 : tare.value) ?? tare_weight ?? 0);
+  const tareUnit = (tare == null ? void 0 : tare.unit) || unit;
+  const isManualWeight = (mode ?? weight_source) === "manual";
   const grossLabel = import_utils.locales.getText("pisell2.cart.sku-card.weighing.gross");
   const tareLabel = import_utils.locales.getText("pisell2.cart.sku-card.weighing.tare");
   const netLabel = import_utils.locales.getText("pisell2.cart.sku-card.weighing.net");
@@ -88,8 +85,8 @@ var Weighing = (props) => {
       className: `${import__.PREFIX}__weighing-row ${import__.PREFIX}__weighing-row--large`
     },
     /* @__PURE__ */ import_react.default.createElement("span", null, `${tareLabel}: ${formatWeight(
-      tare == null ? void 0 : tare.value,
-      (tare == null ? void 0 : tare.unit) || unit
+      (tare == null ? void 0 : tare.value) ?? tare_weight,
+      tareUnit
     )}`)
   ) : null, /* @__PURE__ */ import_react.default.createElement(
     "div",

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+import { ProductCardTypes } from '../types';
+interface ISKUCardProps extends Omit<ProductCardTypes, 'dataSource'> {
+    dataSource: any;
+    itemType?: 'booking' | 'product';
+    type: 'a2' | 'a5' | 'a9';
+    rightActions: any[];
+    rightActionsDisplay?: 'swipe' | 'inline';
+    escapeDom?: string;
+    isShowRelatedProduct?: boolean;
+}
+export declare const PREFIX = "pisell-cart-sku-card";
+declare const CartSkuCard: (props: ISKUCardProps) => React.JSX.Element | null;
+export default CartSkuCard;

package/lib/components/productCard/cartSkuCard/index.less

@@ -28,7 +28,14 @@
 }
 
 .pisell-cart-sku-card {
-  --pisell-cart-sku-card-physical-text-height: 30px;
+  // 浏览器无法可靠换算屏幕物理尺寸：保留设计基准，并允许按送检设备校准。
+  // 当前送检机 30px 实测约 3mm，因此默认系数为 4/3；设备侧可覆盖该系数。
+  --pisell-cart-sku-card-weighing-font-base: 30px;
+  --pisell-cart-sku-card-device-font-scale: 1.333333;
+  --pisell-cart-sku-card-physical-text-height: calc(
+    var(--pisell-cart-sku-card-weighing-font-base) *
+      var(--pisell-cart-sku-card-device-font-scale)
+  );
 
   padding: 4px 8px 4px 4px;
   border-radius: inherit;

package/lib/components/productCard/lineItem/BookingLineItem.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { ProductCardTypes } from '../types';
+import type { LineItemHolderOption, LineItemStatusOption, LineItemType } from './types';
+interface BookingLineItemProps extends Omit<ProductCardTypes, 'dataSource'> {
+    dataSource: any;
+    type: LineItemType;
+    cartSkuType: 'a2' | 'a5' | 'a9';
+    isShowBookingHeader: boolean;
+    relatedProductDataSource?: any;
+    addTimeProductDataSources?: any[];
+    rightActions?: any[];
+    rightActionsDisplay?: 'swipe' | 'inline';
+    escapeDom?: string;
+    statusOptions?: LineItemStatusOption[];
+    statusLoading?: boolean;
+    statusDisabled?: boolean;
+    isShowRelatedProduct?: boolean;
+    holderOptions?: LineItemHolderOption[];
+    onBookingStatusChange?: (status: string, item: any) => void;
+    onAddTimeProductCard?: (item: any) => void;
+}
+declare const BookingLineItem: (props: BookingLineItemProps) => React.JSX.Element | null;
+export default BookingLineItem;

package/lib/components/productCard/lineItem/components/Holders/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { LineItemHolderOption } from '../../types';
+import './index.less';
+interface LineItemHoldersProps {
+    dataSource?: any;
+    holderOptions?: LineItemHolderOption[];
+    isFormSubject?: boolean;
+}
+declare const LineItemHolders: (props: LineItemHoldersProps) => React.JSX.Element | null;
+export default LineItemHolders;

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

@@ -0,0 +1,72 @@
+import React from 'react';
+import type { ProductCardTypes } from '../types';
+import type { itemType, LineItemHolderOption, LineItemStatusOption, LineItemType } from './types';
+import './index.less';
+export declare const PREFIX = "pisell-line-item";
+export type { itemType, LineItemHolderOption, LineItemStatusOption, LineItemType, } from './types';
+declare type LocalizedText = string | Record<string, unknown> | null | undefined;
+export interface LineItemProps extends Omit<ProductCardTypes, 'dataSource'> {
+    dataSource: any;
+    itemType?: itemType;
+    type?: LineItemType;
+    isShowBookingHeader: boolean;
+    rightActions?: any[];
+    rightActionsDisplay?: 'swipe' | 'inline';
+    escapeDom?: string;
+    statusOptions?: LineItemStatusOption[];
+    statusLoading?: boolean;
+    statusDisabled?: boolean;
+    isShowRelatedProduct?: boolean;
+    holderOptions?: LineItemHolderOption[];
+    onBookingStatusChange?: (status: string, item: any) => void;
+    onAddTimeProductCard?: (item: any) => void;
+}
+export declare const convertProductToLineItemProduct: (product: any, translationOriginal: (text: LocalizedText) => string, symbol: string) => {
+    _id: any;
+    id: any;
+    product_id: any;
+    product_variant_id: any;
+    title: string;
+    product_title: string;
+    name: string;
+    cover: any;
+    image: any;
+    num: any;
+    quantity: any;
+    price: any;
+    total: any;
+    origin_total: string | number | undefined;
+    original_total: string | number | undefined;
+    source_product_price: any;
+    selling_price: any;
+    payment_price: any;
+    tax_fee: any;
+    symbol: string;
+    note: any;
+    product_sku: any;
+    product_bundle: any;
+    bundle: any;
+    product_option_string: any;
+    options: any[];
+    discount_list: any;
+    promotions: any;
+    discount_reason: any;
+    isGift: boolean;
+    giftData: any;
+    _origin: any;
+    _extend: {
+        other: {
+            product_id: any;
+            option: any[];
+            bundle: any;
+            product_variant_id: any;
+            quantity: any;
+        };
+        note: any;
+        total: any;
+        origin_total: string | number | undefined;
+        payment_price: any;
+    };
+};
+declare const LineItem: (props: LineItemProps) => React.JSX.Element;
+export default LineItem;

package/lib/components/table/Table/fields/date/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {
@@ -197,12 +198,12 @@ export declare const fieldList: ({
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: string;
+    default_value: boolean;
 } | {
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: boolean;
+    default_value: string;
 } | {
     field_icon: string;
     field_name: string;

package/lib/components/table/Table/fields/link/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

package/lib/components/table/Table/fields/number/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/numberRange/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/oldRangePicker/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/rangePicker/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/search/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/text/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

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" | "column_setting" | "gallery_setting" | "order_by" | "group_by" | "view_mode" | "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/table/hooks/useTableSetting.d.ts

@@ -0,0 +1,21 @@
+import { FilterType } from "../../filter/types";
+import { ColumnSettingType, DataSourceGroupType, GallerySettingType, GridViewType, ModeType, SortType, ExportImportModeType, LocalSettingsType } from "../types";
+declare type UseTableSettingProps = {
+    tableId?: string;
+    filter: FilterType;
+    columns: Record<string, any>[];
+    columnSetting?: ColumnSettingType;
+    dataSourceGroup?: DataSourceGroupType;
+    sort?: SortType;
+    view: GridViewType;
+    currentViewMode: ModeType;
+    gallery?: GallerySettingType;
+    currentSettingHash: string;
+    exportImport?: ExportImportModeType;
+    localSettings?: LocalSettingsType;
+};
+declare const useTableSetting: (params: UseTableSettingProps) => {
+    setTableSetting: (this: unknown, values: Record<string, any>) => void;
+    tableSetting: any;
+};
+export default useTableSetting;

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { Item } from "../Keyboard";
+import "./index.less";
+export interface VirtualKeyboardTimeProps extends React.HTMLAttributes<HTMLDivElement> {
+    style?: React.CSSProperties;
+    selectType?: 'light' | 'dark';
+    onChange?: (value?: any) => void;
+    value?: any;
+    items?: Item[];
+    onEnter?: (value: any) => void;
+    rightPanel?: React.ReactNode;
+}
+declare const VirtualKeyboardTime: (props: VirtualKeyboardTimeProps) => React.JSX.Element;
+export default VirtualKeyboardTime;

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

@@ -0,0 +1,25 @@
+import React from "react";
+import { KeyboardProps } from "./Keyboard";
+import { VirtualKeyInputProps } from "./VirtualKeyInput";
+import "./index.less";
+interface VirtualKeyboardProps extends React.HTMLAttributes<HTMLDivElement> {
+    keyboardProps?: KeyboardProps;
+    virtualKeyInputProps?: VirtualKeyInputProps;
+    rightPanel?: React.ReactNode;
+    style?: React.CSSProperties;
+    onChange?: (value?: any) => void;
+    value?: string;
+    selectType?: 'light' | 'dark';
+    backgroundColor?: string;
+    containerBackgroundColor?: string;
+    buttonBackgroundColor?: string;
+    textColor?: string;
+    keyboardBackgroundColor?: string;
+    keyboardButtonBackgroundColor?: string;
+    keyboardButtonTextColor?: string;
+    keyboardButtonHoverColor?: string;
+    primaryButtonBackgroundColor?: string;
+    primaryButtonTextColor?: string;
+}
+declare const VirtualKeyboard: (props: VirtualKeyboardProps) => React.JSX.Element;
+export default VirtualKeyboard;

package/lib/hooks/useTranslationOriginal.d.ts

@@ -0,0 +1,4 @@
+export declare type TranslationOriginal = (value: any) => string;
+export declare const resolveTranslationOriginal: (value: unknown) => TranslationOriginal;
+declare const useTranslationOriginal: () => TranslationOriginal;
+export default useTranslationOriginal;