@pisell/materials 1.0.783 → 1.0.785

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import { PisellContextType } from '../pisell-config-provider/context';
+import './index.less';
+export interface PisellCheckboxGroupOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    [key: string]: any;
+}
+declare type PisellCheckboxGroupValue = string | string[] | any;
+export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    platform?: PisellContextType['platform'];
+    direction?: 'horizontal' | 'vertical';
+    fullWidth?: boolean;
+    gap?: number;
+    padding?: number;
+    options: PisellCheckboxGroupOption[];
+    onChange?: (value: PisellCheckboxGroupValue, item: PisellCheckboxGroupOption) => void;
+    value?: PisellCheckboxGroupValue;
+    renderOption?: (option: PisellCheckboxGroupOption, active: boolean, index: number) => React.ReactNode;
+    rowKey?: string;
+    mode?: 'multiple' | 'single';
+    iconPosition?: 'left' | 'right' | 'hide';
+    optionClassName?: string;
+    optionActiveClassName?: string;
+}
+/**
+ * @title: PisellCheckboxGroup
+ * @description: 选中组件
+ * @param {PisellCheckboxGroupProps} props
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-08-16 10:34
+ */
+declare const PisellCheckboxGroup: (props: PisellCheckboxGroupProps) => JSX.Element;
+export default PisellCheckboxGroup;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { EmptyProps } from 'antd';
+import { PisellContextType } from '../pisell-config-provider/context';
+import './index.less';
+export interface PisellEmptyProps extends EmptyProps {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 额外内容描述 */
+    extraDescription?: React.ReactNode;
+    /** 额外内容描述 */
+    icon?: React.ReactNode;
+    /** 自定义底部额外操作区域 */
+    footer?: React.ReactNode;
+    /** 最大宽度 */
+    maxWidth?: number;
+    [key: string]: any;
+}
+declare const PisellEmpty: (props: PisellEmptyProps) => JSX.Element;
+export default PisellEmpty;

package/lib/components/pisellInformationEntry/hooks/useNativeScanner.d.ts

@@ -0,0 +1,4 @@
+export declare const useNativeScanner: (onChange?: ((val: string) => void) | undefined) => {
+    activeNativeScanner: () => void;
+    isTerminal: any;
+};

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { PisellContextType } from '../pisell-config-provider/context';
+import './index.less';
+export declare type EntryModeType = {
+    /**
+     * 录入模式名称
+     * scanCode: 扫码录入
+     * input: 手动录入
+     * scanner: 扫码枪录入
+     * nfc: NFC录入
+     */
+    type: 'scanCode' | 'input' | 'scanner' | 'nfc';
+    /**
+     * 录入模式文案 没有使用默认文案
+     */
+    name?: string;
+};
+export interface PisellInformationEntryProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onChange'> {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 录入模式 */
+    entryModes: EntryModeType[];
+    /** 标题文案 */
+    title?: React.ReactNode;
+    /** 搜索框描述文案 */
+    searchDescribe?: React.ReactNode;
+    /** 录入信息值改变 */
+    onChange?: (val: string) => void;
+    /** 录入类型切换时候触发的 */
+    onChangeType?: (val: null | EntryModeType['type']) => void;
+}
+declare const PisellInformationEntry: (props: PisellInformationEntryProps) => JSX.Element;
+export default PisellInformationEntry;

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/pisellWalletPassCard/index.d.ts

@@ -0,0 +1,83 @@
+/// <reference types="react" />
+import './index.less';
+export interface PisellWalletPassCardProps {
+    id: number;
+    /** 卡片样式 */
+    type: 'default' | 'mini';
+    /** 商品名称 */
+    name: string;
+    /** 二维码 */
+    qrCode: string;
+    /** 共享店铺名称 */
+    storeName: string;
+    /** 余额 */
+    balance?: number;
+    /** 识别码编号 */
+    code: string;
+    /** 有效期 */
+    validDate: string;
+    /** 使用金额 */
+    redeem?: number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 禁用原因 */
+    disabledReason?: string;
+    /** 是否展示禁用原因 */
+    showDisabledReason?: boolean;
+    /** 封面图 */
+    cover?: string;
+    /** 余额标题文案 */
+    balanceTitle?: string;
+    /** 使用金额标题文案 */
+    redeemTitle?: string;
+    /** 是否选中 */
+    active?: boolean;
+    /** 是否展示商品名称 */
+    showName?: boolean;
+    /** 是否展示共享店铺名称 */
+    showStoreName?: boolean;
+    /** 是否展示使用金额 */
+    showRedeem?: boolean;
+    /** 是否展示余额 */
+    showBalance?: boolean;
+    /** 是否展示识别码编号 */
+    showCode?: boolean;
+    /** 是否展示有效期 */
+    showValidDate?: boolean;
+    /** 是否展示右上角详情按钮 */
+    showDetail?: boolean;
+    /** 是否展示qrCode */
+    showQrCode?: boolean;
+    /** 是否展示封面 */
+    showCover?: boolean;
+    /** 是否展示余额货币符号 */
+    showBalanceSymbol?: boolean;
+    /** 展示操作按钮 */
+    showActions?: boolean;
+    /** 操作按钮配置 */
+    actions?: {
+        /** 按钮展示方式 */
+        layout: 'expanded' | 'collapsed';
+        /** detail 按钮配置 */
+        detail?: {
+            visible: boolean;
+            iconColor: string;
+        };
+        /** edit按钮配置 */
+        edit?: {
+            visible: boolean;
+            iconColor: string;
+            dialogTitle: string;
+            enableDialog: boolean;
+            fields: {
+                name: string;
+                label: string;
+            };
+        };
+    };
+    /** 编辑弹窗点击提交 */
+    onConfirmEdit?: (value: any) => void;
+    [key: string]: any;
+}
+declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => JSX.Element;
+export default PisellWalletPassCard;

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

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

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

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

package/lib/components/productCard/components/Time/components/Like/index.js

@@ -45,9 +45,18 @@ var Like = ({
   isShowChangeResource
 }) => {
   const url = status === "like" ? import_like_heart.default : import_like_hide_heart.default;
+  const handleClick = (e) => {
+    if (!onLike) {
+      return;
+    }
+    e.preventDefault();
+    e.stopPropagation();
+    onLike == null ? void 0 : onLike(status === "like" ? "common" : "like");
+  };
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
+      onClick: handleClick,
       className: `pisell-lowcode-product-card-like-wrap ${isShowChangeResource ? "pisell-lowcode-change-resource-like-wrap" : ""}`
     },
     /* @__PURE__ */ import_react.default.createElement(
@@ -55,15 +64,7 @@ var Like = ({
       {
         style,
         src: url,
-        className: (0, import_classnames.default)("like-icon", className),
-        onClick: (e) => {
-          if (!onLike) {
-            return;
-          }
-          e.preventDefault();
-          e.stopPropagation();
-          onLike == null ? void 0 : onLike(status === "like" ? "common" : "like");
-        }
+        className: (0, import_classnames.default)("like-icon", className)
       }
     )
   );

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const SelectHolder: ({ lists, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear, }: any) => JSX.Element;
+export default SelectHolder;

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

@@ -14,5 +14,5 @@ interface SelectResourceProps {
     isParallelResource?: boolean;
     [key: string]: any;
 }
-declare const SelectResource: ({ lists, value, onChange, resourceMode, maxLength, allowClear, onClearResource, isErrorResource, resourceErrorText, ...props }: SelectResourceProps) => JSX.Element;
+declare const SelectResource: ({ lists, value, onChange, resourceMode, allowClear, onClearResource, maxLength, isErrorResource, resourceErrorText, ...props }: SelectResourceProps) => JSX.Element;
 export default SelectResource;

package/lib/components/productCard/components/Time/components/SelectResource/index.js

@@ -39,13 +39,13 @@ var import_antd = require("antd");
 var import_utils2 = require("@pisell/utils");
 var import_index = require("./index.less");
 var SelectResource = ({
-  lists = [],
+  lists,
   value,
   onChange,
   resourceMode,
-  maxLength,
   allowClear = false,
   onClearResource,
+  maxLength,
   // 是否显示资源错误
   isErrorResource,
   // 资源错误文案
@@ -67,28 +67,25 @@ var SelectResource = ({
       return /* @__PURE__ */ import_react.default.createElement(import_antd.Select.Option, { value: d.id, key: d.id, ...d || {} }, /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "8px" } }, /* @__PURE__ */ import_react.default.createElement("span", null, d["label"]), (d == null ? void 0 : d.isError) ? /* @__PURE__ */ import_react.default.createElement(import_AlertTriangle.default, { style: { color: "#b42318", cursor: "pointer" } }) : null));
     });
   }, [lists]);
-  const handleChange = (0, import_react.useCallback)(
-    (val) => {
-      if (["multiple", "tags"].includes(resourceMode) && maxLength) {
-        if (value && value.length >= maxLength && val.length > value.length) {
-          return;
-        }
+  const handleChange = (0, import_react.useCallback)((val) => {
+    if (["multiple", "tags"].includes(resourceMode) && maxLength) {
+      if (value && value.length >= maxLength && val.length > value.length) {
+        return;
       }
-      setSelectedValue(val);
-      if (props.isParallelResource) {
-        const valueArray = (0, import_utils2.isArr)(val) ? val : [val];
-        return onChange({
-          value: valueArray,
-          options: valueArray.map((v) => resourceMap[v]),
-          resourceMode,
-          props
-        });
-      }
-      const item = resourceMap[val];
-      onChange(item);
-    },
-    [resourceMode, maxLength, value, onChange, props, resourceMap]
-  );
+    }
+    setSelectedValue(val);
+    if (props.isParallelResource) {
+      const valueArray = (0, import_utils2.isArr)(val) ? val : [val];
+      return onChange({
+        value: valueArray,
+        options: valueArray.map((v) => resourceMap[v]),
+        resourceMode,
+        props
+      });
+    }
+    const item = resourceMap[val];
+    onChange(item);
+  }, [resourceMode, maxLength, value, onChange, props, resourceMap]);
   const isError = (0, import_react.useMemo)(() => {
     if (!selectedValue && isErrorResource) return true;
   }, [selectedValue, isErrorResource]);
@@ -105,8 +102,8 @@ var SelectResource = ({
         showSearch: true,
         allowClear,
         onClear: () => onChange(""),
-        style: { flex: 1, overflow: "hidden" },
         onClick: (e) => e.stopPropagation(),
+        style: { flex: 1, overflow: "hidden" },
         value: selectedValue,
         onChange: handleChange
       },

package/lib/components/productCard/components/Time/index.js

@@ -68,12 +68,12 @@ var Time = ({
     // 多个资源数据
     multiResources,
     addHolderButtonText,
-    isMultipleResource,
     isErrorHolder,
     allowClearHolder,
     allowClearResource,
     isErrorResource,
-    resourceErrorText
+    resourceErrorText,
+    isMultipleResource
   } = item;
   const holderCom = (0, import_react.useMemo)(() => {
     if (!isShowHolder) return null;
@@ -140,12 +140,12 @@ var Time = ({
           lists: item2 == null ? void 0 : item2.lists,
           value: item2 == null ? void 0 : item2.id,
           onChange: changeResource,
-          resourceMode: item2.resourceMode,
-          maxLength: item2.maxLength,
           onClearResource,
           allowClear: item2 == null ? void 0 : item2.allowClearResource,
           isErrorResource: item2 == null ? void 0 : item2.isErrorResource,
-          resourceErrorText: item2 == null ? void 0 : item2.resourceErrorText
+          resourceErrorText: item2 == null ? void 0 : item2.resourceErrorText,
+          resourceMode: item2.resourceMode,
+          maxLength: item2.maxLength
         }
       );
     },

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

@@ -0,0 +1,54 @@
+declare const _default: {
+    en: {
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (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;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+    };
+    'zh-CN': {
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (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;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+    };
+    'zh-HK': {
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (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;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,83 @@
+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;
+    isShowChangeHolder?: boolean;
+    isShowChangeResource?: boolean;
+    isShowChangeDate?: 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;
+    [key: string]: any;
+};

package/lib/components/table/Actions/component/ExportImport/index.d.ts

@@ -0,0 +1,7 @@
+import { ExportImportType } from '../../../types';
+import './index.less';
+declare type ExportImportProps = {
+    exportImport: ExportImportType;
+};
+declare const ExportImport: ({ exportImport }: ExportImportProps) => JSX.Element;
+export default ExportImport;

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { GallerySettingType, GallerySettingValueType } from "../../../types";
+import "./index.less";
+declare type GalleryItemProps = {
+    record: Record<string, any>;
+    gallery: GallerySettingType;
+    columnsMap: Map<string, Record<string, any>>;
+    index: number;
+    gallerySetting: GallerySettingValueType;
+    columns: Record<string, any>[];
+    onClick: React.MouseEventHandler<HTMLDivElement>;
+};
+declare const GalleryItem: (props: GalleryItemProps) => JSX.Element;
+export default GalleryItem;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { GalleryProps } from './types';
+import './index.less';
+declare const _default: React.MemoExoticComponent<(props: GalleryProps) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const _default: React.NamedExoticComponent<any>;
+export default _default;