@pisell/materials 3.3.72 → 3.3.74

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (177) hide show
  1. package/build/lowcode/assets-daily.json +11 -11
  2. package/build/lowcode/assets-dev.json +2 -2
  3. package/build/lowcode/assets-prod.json +11 -11
  4. package/build/lowcode/index.js +1 -1
  5. package/build/lowcode/meta.js +1 -1
  6. package/build/lowcode/preview.js +143 -143
  7. package/build/lowcode/render/default/view.css +1 -1
  8. package/build/lowcode/render/default/view.js +24 -24
  9. package/build/lowcode/view.css +1 -1
  10. package/build/lowcode/view.js +24 -24
  11. package/dist/umd/materials.min.css +1 -0
  12. package/dist/umd/materials.min.js +1 -0
  13. package/dist/umd/static/DotsSix.57d66266.svg +1 -0
  14. package/dist/umd/static/arrow-left.e542294f.svg +1 -0
  15. package/dist/umd/static/arrow-right.763f03e0.svg +1 -0
  16. package/dist/umd/static/filter-lines.04a54ae9.svg +1 -0
  17. package/dist/umd/static/help-circle.31c9be40.svg +1 -0
  18. package/dist/umd/static/switch-vertical-01.7ebe3ba8.svg +1 -0
  19. package/es/components/dataSourceComponents/dataSourceForm/BaseForm.d.ts +3 -0
  20. package/es/components/dataSourceComponents/dataSourceForm/utils.d.ts +56 -0
  21. package/es/components/dataSourceComponents/dataSourceTable/BaseTable.d.ts +8 -0
  22. package/es/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts +2 -2
  23. package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts +100 -0
  24. package/es/components/dataSourceComponents/fields/Input.Mobile/WithMode.d.ts +17 -0
  25. package/es/components/dataSourceComponents/fields/Input.Phone/WithMode.d.ts +16 -0
  26. package/es/components/dataSourceComponents/fields/Input.Phone/serve.d.ts +25 -0
  27. package/es/components/dataSourceComponents/fields/Upload/index.d.ts +3 -0
  28. package/es/components/dataSourceComponents/fields/index.d.ts +6 -6
  29. package/es/components/dataSourceComponents/hooks/usePlatform.d.ts +5 -0
  30. package/es/components/date-picker/index.d.ts +1 -0
  31. package/es/components/drag-sort-tree/TreeItem/index.d.ts +18 -0
  32. package/es/components/filter/types.d.ts +46 -0
  33. package/es/components/page/index.d.ts +6 -0
  34. package/es/components/pisellAdjustPrice/index.d.ts +9 -0
  35. package/es/components/pisellCardList/index.d.ts +77 -0
  36. package/es/components/pisellCheckboxGroup/index.d.ts +37 -0
  37. package/es/components/pisellGoodPassCard/index.d.ts +49 -0
  38. package/es/components/pisellQRScanner/index.d.ts +24 -0
  39. package/es/components/pisellText/components/Amount/index.d.ts +20 -0
  40. package/es/components/pisellText/components/Editable/index.d.ts +29 -0
  41. package/es/components/pisellText/index.d.ts +9 -0
  42. package/es/components/pisellToast/index.d.ts +16 -0
  43. package/es/components/pisellWalletPassCard/index.d.ts +94 -0
  44. package/es/components/pisellWalletPassCard/index.js +70 -58
  45. package/es/components/pisellWalletPassCard/index.less +95 -34
  46. package/es/components/productCard/components/Header/index.d.ts +3 -0
  47. package/es/components/productCard/components/Packages/utils.d.ts +1 -1
  48. package/es/components/productCard/components/Sales/index.d.ts +3 -0
  49. package/es/components/productCard/components/Time/components/SelectHolder/index.js +1 -0
  50. package/es/components/productCard/components/Time/components/SelectHolderModal/index.d.ts +13 -0
  51. package/es/components/productCard/index.d.ts +5 -0
  52. package/es/components/productCard/utils.d.ts +31 -0
  53. package/es/components/select/index.d.ts +9 -0
  54. package/es/components/select-time/index.d.ts +1 -0
  55. package/es/components/sortableList/index.d.ts +11 -0
  56. package/es/components/table/Actions/component/ExportImport/components/ExportTable/function.d.ts +7 -0
  57. package/es/components/table/Actions/index.d.ts +17 -0
  58. package/es/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts +2 -2
  59. package/es/components/table/Table/AddFieldModal/index.d.ts +3 -0
  60. package/es/components/table/Table/SelectField/index.d.ts +1 -0
  61. package/es/components/table/Table/fields/index.d.ts +3 -2
  62. package/es/components/table/Table/fields/select/filterUtil/index.d.ts +1 -1
  63. package/es/components/table/Table/fields/treeSelect/filterUtil/index.d.ts +1 -1
  64. package/es/components/table/Table/utils.d.ts +1 -1
  65. package/es/components/table/hooks/useTableSetting.d.ts +21 -0
  66. package/es/components/table/hooks/useTransColumns.d.ts +14 -0
  67. package/es/components/table/index.d.ts +4 -0
  68. package/es/components/table/serve.d.ts +13 -0
  69. package/es/components/tabs/index.d.ts +17 -0
  70. package/es/components/virtual-keyboard/Amount/index.d.ts +22 -0
  71. package/es/components/virtual-keyboard/BaseNumberKeyboard/index.d.ts +19 -0
  72. package/es/components/virtual-keyboard/Keyboard/index.d.ts +21 -0
  73. package/es/components/virtual-keyboard/Number/index.d.ts +13 -0
  74. package/es/components/virtual-keyboard/VirtualKeyInput/index.d.ts +11 -0
  75. package/es/components/virtual-keyboard/index.d.ts +14 -0
  76. package/es/components/walletCard/index.js +57 -9
  77. package/es/components/walletCard/index.less +63 -2
  78. package/es/index.d.ts +142 -0
  79. package/es/locales/en-US.js +3 -1
  80. package/es/locales/zh-CN.js +3 -1
  81. package/es/locales/zh-TW.js +3 -0
  82. package/es/utils/index.d.ts +1 -1
  83. package/es/utils/platform.d.ts +1 -1
  84. package/lib/components/dataSourceComponents/dataSourceForm/BaseForm.d.ts +3 -0
  85. package/lib/components/dataSourceComponents/dataSourceForm/utils.d.ts +56 -0
  86. package/lib/components/dataSourceComponents/dataSourceTable/BaseTable.d.ts +8 -0
  87. package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts +2 -2
  88. package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts +100 -0
  89. package/lib/components/dataSourceComponents/fields/Input.Mobile/WithMode.d.ts +17 -0
  90. package/lib/components/dataSourceComponents/fields/Input.Phone/WithMode.d.ts +16 -0
  91. package/lib/components/dataSourceComponents/fields/Input.Phone/serve.d.ts +25 -0
  92. package/lib/components/dataSourceComponents/fields/Upload/index.d.ts +3 -0
  93. package/lib/components/dataSourceComponents/fields/index.d.ts +6 -6
  94. package/lib/components/dataSourceComponents/hooks/usePlatform.d.ts +5 -0
  95. package/lib/components/date-picker/index.d.ts +1 -0
  96. package/lib/components/drag-sort-tree/TreeItem/index.d.ts +18 -0
  97. package/lib/components/filter/types.d.ts +46 -0
  98. package/lib/components/page/index.d.ts +6 -0
  99. package/lib/components/pisellAdjustPrice/index.d.ts +9 -0
  100. package/lib/components/pisellCardList/index.d.ts +77 -0
  101. package/lib/components/pisellCheckboxGroup/index.d.ts +37 -0
  102. package/lib/components/pisellGoodPassCard/index.d.ts +49 -0
  103. package/lib/components/pisellQRScanner/index.d.ts +24 -0
  104. package/lib/components/pisellText/components/Amount/index.d.ts +20 -0
  105. package/lib/components/pisellText/components/Editable/index.d.ts +29 -0
  106. package/lib/components/pisellText/index.d.ts +9 -0
  107. package/lib/components/pisellToast/index.d.ts +16 -0
  108. package/lib/components/pisellWalletPassCard/index.d.ts +94 -0
  109. package/lib/components/pisellWalletPassCard/index.js +52 -30
  110. package/lib/components/pisellWalletPassCard/index.less +95 -34
  111. package/lib/components/productCard/components/Header/index.d.ts +3 -0
  112. package/lib/components/productCard/components/Packages/utils.d.ts +1 -1
  113. package/lib/components/productCard/components/Sales/index.d.ts +3 -0
  114. package/lib/components/productCard/components/Time/components/SelectHolder/index.js +1 -0
  115. package/lib/components/productCard/components/Time/components/SelectHolderModal/index.d.ts +13 -0
  116. package/lib/components/productCard/index.d.ts +5 -0
  117. package/lib/components/productCard/utils.d.ts +31 -0
  118. package/lib/components/select/index.d.ts +9 -0
  119. package/lib/components/select-time/index.d.ts +1 -0
  120. package/lib/components/sortableList/index.d.ts +11 -0
  121. package/lib/components/table/Actions/component/ExportImport/components/ExportTable/function.d.ts +7 -0
  122. package/lib/components/table/Actions/index.d.ts +17 -0
  123. package/lib/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts +2 -2
  124. package/lib/components/table/Table/AddFieldModal/index.d.ts +3 -0
  125. package/lib/components/table/Table/SelectField/index.d.ts +1 -0
  126. package/lib/components/table/Table/fields/index.d.ts +3 -2
  127. package/lib/components/table/Table/fields/select/filterUtil/index.d.ts +1 -1
  128. package/lib/components/table/Table/fields/treeSelect/filterUtil/index.d.ts +1 -1
  129. package/lib/components/table/Table/utils.d.ts +1 -1
  130. package/lib/components/table/hooks/useTableSetting.d.ts +21 -0
  131. package/lib/components/table/hooks/useTransColumns.d.ts +14 -0
  132. package/lib/components/table/index.d.ts +4 -0
  133. package/lib/components/table/serve.d.ts +13 -0
  134. package/lib/components/tabs/index.d.ts +17 -0
  135. package/lib/components/virtual-keyboard/Amount/index.d.ts +22 -0
  136. package/lib/components/virtual-keyboard/BaseNumberKeyboard/index.d.ts +19 -0
  137. package/lib/components/virtual-keyboard/Keyboard/index.d.ts +21 -0
  138. package/lib/components/virtual-keyboard/Number/index.d.ts +13 -0
  139. package/lib/components/virtual-keyboard/VirtualKeyInput/index.d.ts +11 -0
  140. package/lib/components/virtual-keyboard/index.d.ts +14 -0
  141. package/lib/components/walletCard/index.js +47 -7
  142. package/lib/components/walletCard/index.less +63 -2
  143. package/lib/index.d.ts +142 -0
  144. package/lib/locales/en-US.js +3 -1
  145. package/lib/locales/zh-CN.js +3 -1
  146. package/lib/locales/zh-TW.js +3 -0
  147. package/lib/utils/index.d.ts +1 -1
  148. package/lib/utils/platform.d.ts +1 -1
  149. package/package.json +1 -1
  150. package/es/components/appVersionControl/index.d.ts +0 -4
  151. package/es/components/dataSourceComponents/dataSourceShow/dataSourceImage/index.d.ts +0 -2
  152. package/es/components/dataSourceComponents/dataSourceTable/type.d.ts +0 -84
  153. package/es/components/dataSourceComponents/fields/DatePicker/index.d.ts +0 -3
  154. package/es/components/dataSourceComponents/fields/Translation/BaseTranslation.d.ts +0 -5
  155. package/es/components/dataSourceComponents/fields/Translation/type.d.ts +0 -16
  156. package/es/components/dataSourceComponents/provider/variables/VariablesContext.d.ts +0 -12
  157. package/es/components/drag-sort-tree/index.d.ts +0 -4
  158. package/es/components/login-and-register/index.d.ts +0 -82
  159. package/es/components/pisellEmpty/index.d.ts +0 -19
  160. package/es/components/productCard/components/Header/DeleteButton/index.d.ts +0 -3
  161. package/es/components/productCard/components/Time/index.d.ts +0 -3
  162. package/es/components/table/types.d.ts +0 -268
  163. package/es/components/versionModal/index.d.ts +0 -23
  164. package/lib/components/appVersionControl/index.d.ts +0 -4
  165. package/lib/components/dataSourceComponents/dataSourceShow/dataSourceImage/index.d.ts +0 -2
  166. package/lib/components/dataSourceComponents/dataSourceTable/type.d.ts +0 -84
  167. package/lib/components/dataSourceComponents/fields/DatePicker/index.d.ts +0 -3
  168. package/lib/components/dataSourceComponents/fields/Translation/BaseTranslation.d.ts +0 -5
  169. package/lib/components/dataSourceComponents/fields/Translation/type.d.ts +0 -16
  170. package/lib/components/dataSourceComponents/provider/variables/VariablesContext.d.ts +0 -12
  171. package/lib/components/drag-sort-tree/index.d.ts +0 -4
  172. package/lib/components/login-and-register/index.d.ts +0 -82
  173. package/lib/components/pisellEmpty/index.d.ts +0 -19
  174. package/lib/components/productCard/components/Header/DeleteButton/index.d.ts +0 -3
  175. package/lib/components/productCard/components/Time/index.d.ts +0 -3
  176. package/lib/components/table/types.d.ts +0 -268
  177. package/lib/components/versionModal/index.d.ts +0 -23
@@ -0,0 +1,37 @@
1
+ import React from 'react';
2
+ import { PisellContextType } from '../pisell-config-provider/context';
3
+ import './index.less';
4
+ export interface PisellCheckboxGroupOption {
5
+ label: string;
6
+ value: string;
7
+ disabled?: boolean;
8
+ [key: string]: any;
9
+ }
10
+ declare type PisellCheckboxGroupValue = string | string[] | any;
11
+ export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
12
+ platform?: PisellContextType['platform'];
13
+ direction?: 'horizontal' | 'vertical';
14
+ fullWidth?: boolean;
15
+ gap?: number;
16
+ padding?: number;
17
+ options: PisellCheckboxGroupOption[];
18
+ onChange?: (value: PisellCheckboxGroupValue, item: PisellCheckboxGroupOption) => void;
19
+ value?: PisellCheckboxGroupValue;
20
+ renderOption?: (option: PisellCheckboxGroupOption, active: boolean, index: number) => React.ReactNode;
21
+ rowKey?: string;
22
+ mode?: 'multiple' | 'single';
23
+ iconPosition?: 'left' | 'right' | 'hide';
24
+ optionClassName?: string;
25
+ optionActiveClassName?: string;
26
+ onChangeDebounce?: boolean;
27
+ }
28
+ /**
29
+ * @title: PisellCheckboxGroup
30
+ * @description: 选中组件
31
+ * @param {PisellCheckboxGroupProps} props
32
+ * @return {*}
33
+ * @Author: zhiwei.Wang
34
+ * @Date: 2024-08-16 10:34
35
+ */
36
+ declare const PisellCheckboxGroup: (props: PisellCheckboxGroupProps) => JSX.Element;
37
+ export default PisellCheckboxGroup;
@@ -0,0 +1,49 @@
1
+ import React from 'react';
2
+ import './index.less';
3
+ interface ApplicableProductDetails {
4
+ amount: string;
5
+ type: string;
6
+ resource_id: number;
7
+ title: string;
8
+ original_amount: string;
9
+ }
10
+ interface Discount {
11
+ id: number;
12
+ product_name: string;
13
+ encoded: string;
14
+ code: string;
15
+ tag: string;
16
+ expire_time?: string;
17
+ product_id: number;
18
+ relation_type: string;
19
+ par_value: string;
20
+ used_par_value: string;
21
+ limit_status: string;
22
+ limited_relation_product_data: any;
23
+ balance: string;
24
+ format_title: any;
25
+ product: any;
26
+ savedAmount: number;
27
+ isDisabled: boolean;
28
+ isSelected?: boolean;
29
+ isAvailable?: boolean;
30
+ isUsed?: boolean;
31
+ applicableProductIds?: number[];
32
+ applicableProductDetails: ApplicableProductDetails[];
33
+ appliedProductDetails: any[];
34
+ }
35
+ export interface PisellGoodPassCardProps {
36
+ /**数据源 */
37
+ dataSource: Array<Discount>;
38
+ /**事件 */
39
+ onChange?: (current: {
40
+ id: string | number;
41
+ isSelected: boolean;
42
+ }) => void;
43
+ /**样式 */
44
+ style: React.CSSProperties;
45
+ /**快捷展示排序 */
46
+ mixedSort?: (val: Discount[]) => Discount[];
47
+ }
48
+ declare const index: (props: PisellGoodPassCardProps) => JSX.Element;
49
+ export default index;
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ import './index.less';
3
+ export interface PisellQRScannerProps {
4
+ /** 是否可见 */
5
+ visible: boolean;
6
+ /** 是否显示上传图片按钮 */
7
+ showUpload?: boolean;
8
+ /** 关闭回调 */
9
+ onClose: () => void;
10
+ /** 扫码成功回调 */
11
+ onScan: (value: string) => void;
12
+ /**
13
+ * 样式属性,可选
14
+ * 注意: 不应传入renderMode等不必要属性
15
+ */
16
+ style?: React.CSSProperties;
17
+ /** 类名,可选 */
18
+ className?: string;
19
+ }
20
+ /**
21
+ * 二维码扫描组件
22
+ */
23
+ declare const PisellQRScanner: React.FC<PisellQRScannerProps>;
24
+ export default PisellQRScanner;
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import { PisellContextType } from '../../../pisell-config-provider/context';
3
+ export interface AmountProps extends React.HTMLAttributes<HTMLSpanElement> {
4
+ /** 平台 */
5
+ platform?: PisellContextType['platform'];
6
+ /** 当前数值 */
7
+ value?: number | string;
8
+ /** 小数点后位数 默认是小数点后2位 */
9
+ precision?: number;
10
+ /** 显示货币符号 指的是 ¥$ 等货币符号等显隐,默认是展示 */
11
+ showCurrencySymbol?: boolean;
12
+ /** 千分位 指的是长金额的千分位逗号隔开,比如“123, 245, 315” 这种展现形式,默认是关闭 */
13
+ useThousandsSeparator?: boolean;
14
+ /** 整数位隐藏小数 指的是如果价格为整数,后面的".00" 将被省略以节省页面空间 */
15
+ hideDecimalForWholeNumbers?: boolean;
16
+ /** 货币符号 */
17
+ symbol?: string;
18
+ }
19
+ declare const Amount: (props: AmountProps) => JSX.Element;
20
+ export default Amount;
@@ -0,0 +1,29 @@
1
+ import React from 'react';
2
+ import './index.less';
3
+ export declare type MultiLanguageValue = {
4
+ en: string;
5
+ 'zh-CN': string;
6
+ 'zh-HK': string;
7
+ };
8
+ export interface EditableConfig {
9
+ /** 是否禁用编辑 */
10
+ disabled?: boolean;
11
+ /** 最大长度 */
12
+ maxLength?: number;
13
+ /** 编辑图标 */
14
+ icon?: React.ReactNode;
15
+ }
16
+ export interface EditableProps extends React.HTMLAttributes<HTMLSpanElement> {
17
+ /** 文本内容,支持字符串或多语言对象 */
18
+ value?: string | MultiLanguageValue;
19
+ /** 子节点内容,优先级高于 value */
20
+ children?: string;
21
+ /** 可编辑配置,boolean 时使用默认配置 */
22
+ editable?: boolean | EditableConfig;
23
+ /** 编辑变更回调 */
24
+ onChange?: (value: string | MultiLanguageValue) => void;
25
+ /** 输入框尺寸 */
26
+ size?: 'large' | 'middle' | 'small';
27
+ }
28
+ declare const Editable: React.FC<EditableProps>;
29
+ export default Editable;
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ export interface PisellTextProps extends React.HTMLAttributes<HTMLSpanElement> {
3
+ }
4
+ declare const PisellText: {
5
+ (props: PisellTextProps): JSX.Element;
6
+ Amount: (props: import("./components/Amount").AmountProps) => JSX.Element;
7
+ Editable: React.FC<import("./components/Editable").EditableProps>;
8
+ };
9
+ export default PisellText;
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import './index.less';
3
+ export interface PisellToastProps {
4
+ /** 提示内容 */
5
+ content: React.ReactNode;
6
+ /** 自动关闭的延时,单位秒。设为 0 时不自动关闭 */
7
+ duration?: number;
8
+ /** 是否展示action */
9
+ showAction?: boolean;
10
+ /** action文案 */
11
+ actionText?: string;
12
+ /** 关闭时触发的回调函数 */
13
+ onClose?: () => void;
14
+ }
15
+ declare const PisellToast: (props: PisellToastProps) => void;
16
+ export default PisellToast;
@@ -0,0 +1,94 @@
1
+ import './index.less';
2
+ export interface PisellWalletPassCardProps {
3
+ id: number;
4
+ /** 卡片样式 */
5
+ type: 'default' | 'mini';
6
+ /** 商品名称 */
7
+ name: string;
8
+ /** 二维码 */
9
+ qrCode: string;
10
+ /** 共享店铺名称 */
11
+ storeName: string;
12
+ /** 余额 */
13
+ balance?: number;
14
+ /** 识别码编号 */
15
+ code: string;
16
+ /** 有效期 */
17
+ validDate: string;
18
+ /** 使用金额 */
19
+ redeem?: number;
20
+ /** 是否禁用 */
21
+ disabled?: boolean;
22
+ /** 禁用原因 */
23
+ disabledReason?: string;
24
+ /** 是否展示禁用原因 */
25
+ showDisabledReason?: boolean;
26
+ /** 封面图 */
27
+ cover?: string;
28
+ /** 余额标题文案 */
29
+ balanceTitle?: string;
30
+ /** 使用金额标题文案 */
31
+ redeemTitle?: string;
32
+ /** 是否选中 */
33
+ active?: boolean;
34
+ /** 是否展示商品名称 */
35
+ showName?: boolean;
36
+ /** 是否展示共享店铺名称 */
37
+ showStoreName?: boolean;
38
+ /** 是否展示使用金额 */
39
+ showRedeem?: boolean;
40
+ /** 是否展示余额 */
41
+ showBalance?: boolean;
42
+ /** 是否展示识别码编号 */
43
+ showCode?: boolean;
44
+ /** 是否展示有效期 */
45
+ showValidDate?: boolean;
46
+ /** 使用日程信息计算有效期 */
47
+ validDateBySchedule?: boolean;
48
+ /** 日程列表 */
49
+ scheduleList?: any[];
50
+ /** 是否展示右上角详情按钮 */
51
+ showDetail?: boolean;
52
+ /** 是否展示qrCode */
53
+ showQrCode?: boolean;
54
+ /** 是否展示封面 */
55
+ showCover?: boolean;
56
+ /** 是否展示余额货币符号 */
57
+ showBalanceSymbol?: boolean;
58
+ /** 展示操作按钮 */
59
+ showActions?: boolean;
60
+ /** 操作按钮配置 */
61
+ actions?: {
62
+ /** 按钮展示方式 */
63
+ layout: 'expanded' | 'collapsed';
64
+ /** detail 按钮配置 */
65
+ detail?: {
66
+ visible: boolean;
67
+ iconColor: string;
68
+ };
69
+ /** edit按钮配置 */
70
+ edit?: {
71
+ visible: boolean;
72
+ iconColor: string;
73
+ dialogTitle: string;
74
+ enableDialog: boolean;
75
+ fields: {
76
+ name: string;
77
+ label: string;
78
+ };
79
+ };
80
+ };
81
+ /** 编辑编辑按钮后,弹窗展示之前 */
82
+ beforeEdit?: (value: any) => Promise<any> | boolean | void;
83
+ /** 编辑弹窗点击提交 */
84
+ onConfirmEdit?: (value: any) => void;
85
+ /** 是否显示持有人 */
86
+ showHolderName?: boolean;
87
+ /** 持有人, 表单记录,展示时一般取main_field */
88
+ holder?: any;
89
+ /** 持有人点击回调 */
90
+ onSetHolder?: (currentValue?: any) => void;
91
+ [key: string]: any;
92
+ }
93
+ declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => JSX.Element;
94
+ export default PisellWalletPassCard;
@@ -96,6 +96,9 @@ var PisellWalletPassCard = (props) => {
96
96
  onConfirmEdit,
97
97
  originData,
98
98
  style = {},
99
+ showHolderName = true,
100
+ holder,
101
+ onSetHolder,
99
102
  validDateBySchedule,
100
103
  scheduleList
101
104
  } = props;
@@ -163,29 +166,6 @@ var PisellWalletPassCard = (props) => {
163
166
  console.error("Before edit check failed:", error);
164
167
  }
165
168
  };
166
- const handleTouchStart = () => {
167
- var _a;
168
- if (disabled || disabledReason || !((_a = actions == null ? void 0 : actions.edit) == null ? void 0 : _a.enableDialog)) return;
169
- const timer = setTimeout(() => {
170
- onEdit();
171
- }, 500);
172
- setPressTimer(timer);
173
- };
174
- const handleTouchEnd = () => {
175
- if (pressTimer) {
176
- clearTimeout(pressTimer);
177
- setPressTimer(null);
178
- }
179
- };
180
- const handleTap = () => {
181
- if (disabled || disabledReason) return;
182
- const now = Date.now();
183
- const DOUBLE_TAP_DELAY = 300;
184
- if (now - lastTap < DOUBLE_TAP_DELAY) {
185
- onDetail();
186
- }
187
- setLastTap(now);
188
- };
189
169
  const formatValidDate = (0, import_react.useMemo)(() => {
190
170
  if (validDateBySchedule && scheduleList && (scheduleList == null ? void 0 : scheduleList.length) > 0) {
191
171
  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (0, import_locales.getText)("pisell-wallet-pass-card-valid"), " ", (0, import_utils.getScheduleSummary)(scheduleList, config == null ? void 0 : config.locale) || validDate);
@@ -299,19 +279,32 @@ var PisellWalletPassCard = (props) => {
299
279
  ));
300
280
  }
301
281
  };
282
+ const _showHolderName = (0, import_react.useMemo)(() => {
283
+ return (holder == null ? void 0 : holder.holder_type) === "form" && showHolderName;
284
+ }, [holder, showHolderName]);
285
+ const holderName = (0, import_react.useMemo)(() => {
286
+ var _a;
287
+ if ((holder == null ? void 0 : holder.holder_type) === "form" && !(holder == null ? void 0 : holder.holder_id)) {
288
+ return "--";
289
+ }
290
+ return ((_a = holder == null ? void 0 : holder.detail) == null ? void 0 : _a.main_field) || "";
291
+ }, [holder]);
302
292
  const renderNameInfo = () => {
303
- return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-name-wrap" }, showName && name), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-store-name" }, showStoreName && storeName));
293
+ return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-card-name-info-wrap") }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-name-wrap" }, showName && name), _showHolderName && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-holder-name" }, holderName), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-store-name" }, showStoreName && storeName));
304
294
  };
305
- const renderBalanceInfo = () => {
306
- var _a;
307
- return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-wrap" }, showRedeem && !disabled && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item pisell-wallet-pass-card-redeem" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item-label" }, redeemTitle || (0, import_locales.getText)("pisell-wallet-pass-card-redeem"), isMini ? ": " : ""), /* @__PURE__ */ import_react.default.createElement(
295
+ const renderRedeemInfo = () => {
296
+ return showRedeem && !disabled && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item pisell-wallet-pass-card-redeem" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item-label" }, redeemTitle || (0, import_locales.getText)("pisell-wallet-pass-card-redeem"), ": "), /* @__PURE__ */ import_react.default.createElement(
308
297
  import_Amount.default,
309
298
  {
310
299
  className: "pisell-card-amount-item-value",
311
300
  useThousandsSeparator: true,
312
301
  value: redeem
313
302
  }
314
- )), showBalance && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item pisell-wallet-pass-card-balance" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item-label" }, balanceTitle || (0, import_locales.getText)("pisell-wallet-pass-card-balance"), disabled || isMini ? ": " : ""), /* @__PURE__ */ import_react.default.createElement(
303
+ ));
304
+ };
305
+ const renderBalanceInfo = () => {
306
+ var _a;
307
+ return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-info-wrap" }, showBalance && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item pisell-card-amount-item-balance" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item-label" }, balanceTitle || (0, import_locales.getText)("pisell-wallet-pass-card-balance"), ": "), /* @__PURE__ */ import_react.default.createElement(
315
308
  import_Amount.default,
316
309
  {
317
310
  className: "pisell-card-amount-item-value",
@@ -319,14 +312,14 @@ var PisellWalletPassCard = (props) => {
319
312
  value: balance,
320
313
  showCurrencySymbol: showBalanceSymbol
321
314
  }
322
- )), showDiscount && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item-label" }, (0, import_locales.getText)("pisell-discount-card-title")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item-value" }, ((_a = props.metadata) == null ? void 0 : _a.discount_card_type) === "fixed_amount" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (0, import_locales.getText)("pisell-discount-card-fixed-amount-prefix"), " ", /* @__PURE__ */ import_react.default.createElement(
315
+ )), showDiscount && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item pisell-card-amount-item-discount" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item-label" }, (0, import_locales.getText)("pisell-discount-card-title"), ": "), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item-value" }, ((_a = props.metadata) == null ? void 0 : _a.discount_card_type) === "fixed_amount" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (0, import_locales.getText)("pisell-discount-card-fixed-amount-prefix"), " ", /* @__PURE__ */ import_react.default.createElement(
323
316
  import_Amount.default,
324
317
  {
325
318
  className: "pisell-card-amount-item-value",
326
319
  useThousandsSeparator: true,
327
320
  value: discount
328
321
  }
329
- )) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, discount, "% ", (0, import_locales.getText)("pisell-discount-card-unit"))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-code-wrap", style: { marginRight: showQrCode && !isMini ? 60 : 0 } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-code" }, showCode && !isMini && /* @__PURE__ */ import_react.default.createElement("div", null, code), showValidDate && /* @__PURE__ */ import_react.default.createElement("div", null, formatValidDate))));
322
+ )) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, discount, "% ", (0, import_locales.getText)("pisell-discount-card-unit"))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-code-wrap", style: { marginRight: showQrCode && !isMini ? 60 : 0 } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-code" }, showCode && !isMini && /* @__PURE__ */ import_react.default.createElement("div", null, code), showValidDate && (!isMini || !_showHolderName) && /* @__PURE__ */ import_react.default.createElement("div", null, formatValidDate))));
330
323
  };
331
324
  const getInputItem = (name2) => {
332
325
  if ("validDate" === name2) {
@@ -464,6 +457,33 @@ var PisellWalletPassCard = (props) => {
464
457
  )
465
458
  );
466
459
  };
460
+ const _renderMask = () => {
461
+ if (typeof onSetHolder !== "function") return null;
462
+ if ((holder == null ? void 0 : holder.holder_type) === "form" && !(holder == null ? void 0 : holder.holder_id)) {
463
+ return /* @__PURE__ */ import_react.default.createElement(
464
+ "div",
465
+ {
466
+ className: "pisell-wallet-add-holder-mask",
467
+ onClick: (e) => e.stopPropagation()
468
+ },
469
+ /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-add-holder-mask-text" }, (0, import_locales.getText)("pisell2.wallet-card.add-holder-tip")),
470
+ /* @__PURE__ */ import_react.default.createElement(
471
+ import_antd.Button,
472
+ {
473
+ type: "primary",
474
+ className: "pisell-wallet-add-holder-mask-button",
475
+ onClick: (e) => {
476
+ e.stopPropagation();
477
+ onSetHolder == null ? void 0 : onSetHolder();
478
+ }
479
+ },
480
+ (0, import_locales.getText)("pisell2.wallet-card.add-holder-button-text"),
481
+ /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-user-edit", style: { fontSize: 16 } })
482
+ )
483
+ );
484
+ }
485
+ return null;
486
+ };
467
487
  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { onClick: (e) => e.stopPropagation() }, renderDetailModal(), renderEditModal()), /* @__PURE__ */ import_react.default.createElement(
468
488
  "div",
469
489
  {
@@ -478,11 +498,13 @@ var PisellWalletPassCard = (props) => {
478
498
  backgroundImage: showCover ? `url('${cover || "data:image/jpeg;base64,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"}')` : ""
479
499
  } : style
480
500
  },
501
+ _renderMask(),
481
502
  renderActions(),
482
503
  /* @__PURE__ */ import_react.default.createElement(
483
504
  "div",
484
505
  { className: "pisell-wallet-pass-card-body" },
485
506
  renderNameInfo(),
507
+ renderRedeemInfo(),
486
508
  renderBalanceInfo(),
487
509
  showQrCode && !isMini && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-qr-code" }, /* @__PURE__ */ import_react.default.createElement(import_pisellQrcode.default, { value: qrCode, size: 60 })),
488
510
  // mini卡片选中模式
@@ -8,6 +8,35 @@
8
8
  position: relative;
9
9
  overflow: hidden;
10
10
 
11
+ .pisell-wallet-add-holder-mask {
12
+ position: absolute;
13
+ top: 0;
14
+ left: 0;
15
+ width: 100%;
16
+ height: 100%;
17
+ background-color: rgba(0, 0, 0, 0.6);
18
+ display: flex;
19
+ flex-direction: column;
20
+ align-items: center;
21
+ justify-content: center;
22
+ gap: 16px;
23
+ z-index: 9;
24
+
25
+ &-text {
26
+ color: #fff;
27
+ text-align: center;
28
+ font-size: 16px;
29
+ font-style: normal;
30
+ font-weight: 600;
31
+ line-height: 24px;
32
+ white-space: pre-line;
33
+ }
34
+
35
+ &-button {
36
+ font-weight: bold;
37
+ }
38
+ }
39
+
11
40
  .actions-dropdown-trigger {
12
41
  position: absolute;
13
42
  top: 16px;
@@ -49,10 +78,15 @@
49
78
  justify-content: space-between;
50
79
  }
51
80
 
81
+ .pisell-card-name-info-wrap {
82
+ // 避免子组件 display: inline-block 产生的幽灵间距
83
+ font-size: 0px;
84
+ }
85
+
52
86
  .pisell-card-name-wrap {
53
87
  font-weight: 500;
54
88
  line-height: 20px;
55
-
89
+ font-size: 14px;
56
90
  white-space: nowrap;
57
91
  overflow: hidden;
58
92
  text-overflow: ellipsis;
@@ -64,6 +98,27 @@
64
98
  }
65
99
  }
66
100
 
101
+ .pisell-card-holder-name {
102
+ cursor: pointer;
103
+ display: inline-block;
104
+ overflow: hidden;
105
+ text-overflow: ellipsis;
106
+ white-space: nowrap;
107
+ padding: 2px 8px;
108
+ border-radius: 16px;
109
+ max-width: 60%;
110
+ height: 22px;
111
+ min-width: 50px;
112
+ text-align: center;
113
+ line-height: 16px;
114
+ font-size: 12px;
115
+ font-style: normal;
116
+ font-weight: 500;
117
+ background-color: #475467;
118
+ color: white;
119
+ margin: 4px 0;
120
+ }
121
+
67
122
  .pisell-card-store-name {
68
123
  height: 20px;
69
124
  font-size: 12px;
@@ -74,30 +129,34 @@
74
129
  text-overflow: ellipsis;
75
130
  }
76
131
 
77
- .pisell-card-amount-wrap {
132
+ .pisell-card-amount-item {
78
133
  display: flex;
79
- margin-bottom: 4px;
134
+ flex-direction: row;
135
+ align-items: center;
136
+ margin-right: 16px;
137
+ overflow: hidden;
80
138
 
81
- .pisell-card-amount-item {
82
- display: flex;
83
- flex-direction: column;
84
- margin-right: 16px;
139
+ .pisell-card-amount-item-label {
140
+ color: var(--Gray-500, #667085);
141
+ font-weight: 400;
142
+ line-height: 20px;
143
+ height: 20px;
144
+ white-space: nowrap;
145
+ }
146
+
147
+ .pisell-card-amount-item-value {
148
+ font-size: 20px;
149
+ font-weight: 600;
150
+ line-height: 30px;
85
151
  overflow: hidden;
152
+ text-overflow: ellipsis;
153
+ }
86
154
 
155
+ &-balance,
156
+ &-discount {
87
157
  .pisell-card-amount-item-label {
88
- color: var(--Gray-500, #667085);
89
- font-weight: 400;
90
- line-height: 20px;
91
- height: 20px;
92
- white-space: nowrap;
93
- }
94
-
95
- .pisell-card-amount-item-value {
96
- font-size: 20px;
97
- font-weight: 600;
98
- line-height: 30px;
99
- overflow: hidden;
100
- text-overflow: ellipsis;
158
+ transform: translateY(2px);
159
+ margin-right: 2px;
101
160
  }
102
161
  }
103
162
  }
@@ -156,16 +215,18 @@
156
215
  color: var(--Gray-500, #667085);
157
216
  padding-bottom: 30px;
158
217
 
159
- .pisell-card-amount-wrap {
160
- .pisell-card-amount-item {
161
- flex-direction: row;
162
- align-items: center;
218
+ .pisell-card-amount-item {
219
+ flex-direction: row;
220
+ align-items: center;
163
221
 
164
- .pisell-card-amount-item-value {
165
- font-size: 14px;
166
- font-weight: 400;
167
- line-height: 20px;
168
- }
222
+ .pisell-card-amount-item-label {
223
+ transform: unset !important;
224
+ }
225
+
226
+ .pisell-card-amount-item-value {
227
+ font-size: 14px;
228
+ font-weight: 400;
229
+ line-height: 20px;
169
230
  }
170
231
  }
171
232
 
@@ -200,10 +261,6 @@
200
261
  line-height: 20px;
201
262
  }
202
263
 
203
- .pisell-card-amount-wrap {
204
- display: block;
205
- }
206
-
207
264
  .pisell-wallet-pass-card-redeem {
208
265
  visibility: hidden;
209
266
  flex-direction: row;
@@ -224,7 +281,7 @@
224
281
  }
225
282
  }
226
283
 
227
- .pisell-wallet-pass-card-balance {
284
+ .pisell-card-amount-item-balance {
228
285
  flex-direction: row;
229
286
  align-items: center;
230
287
 
@@ -242,6 +299,10 @@
242
299
  bottom: 16px;
243
300
  right: 16px;
244
301
  }
302
+
303
+ .pisell-card-warn-message {
304
+ padding: 6px 16px;
305
+ }
245
306
  }
246
307
 
247
308
  .pisell-wallet-pass-card-detail-modal,
@@ -0,0 +1,3 @@
1
+ import './index.less';
2
+ declare const Header: (props: any) => JSX.Element;
3
+ export default Header;
@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
17
17
  * @Author: WangHan
18
18
  * @Date: 2024-11-22 10:58
19
19
  */
20
- export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
20
+ export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;