@pisell/materials 2.2.72 → 2.2.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.
- package/build/lowcode/assets-daily.json +11 -11
- package/build/lowcode/assets-dev.json +2 -2
- package/build/lowcode/assets-prod.json +11 -11
- package/build/lowcode/index.js +1 -1
- package/build/lowcode/meta.js +1 -1
- package/build/lowcode/preview.js +150 -150
- package/build/lowcode/render/default/view.css +1 -1
- package/build/lowcode/render/default/view.js +28 -24
- package/build/lowcode/view.css +1 -1
- package/build/lowcode/view.js +29 -25
- package/es/components/Pagination/index.d.ts +1 -1
- package/es/components/appVersionControl/index.d.ts +1 -0
- package/es/components/auto-complete-number/index.d.ts +1 -0
- package/es/components/badge/index.d.ts +1 -0
- package/es/components/batch-editor/fields/index.d.ts +1 -0
- package/es/components/calendar/index.d.ts +1 -0
- package/es/components/cardPro/index.d.ts +1 -0
- package/es/components/checkbox/index.d.ts +1 -0
- package/es/components/classicLayout/index.d.ts +1 -0
- package/es/components/config-provider/index.d.ts +1 -0
- package/es/components/dataSourceComponents/dataSourceForm/utils.d.ts +1 -1
- package/es/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts +1 -0
- package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts +1 -1
- package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts +1 -0
- package/es/components/dataSourceComponents/fields/ColorPicker/ReadPretty.d.ts +1 -0
- package/es/components/dataSourceComponents/fields/DateRangePicker/ReadPretty.d.ts +1 -0
- package/es/components/dataSourceComponents/fields/IconSelect/ReadPretty.d.ts +1 -0
- package/es/components/dataSourceComponents/fields/Input/ReadPretty.d.ts +1 -0
- package/es/components/dataSourceComponents/fields/Input.Email/ReadPretty.d.ts +1 -0
- package/es/components/dataSourceComponents/fields/Input.Subdomain/ReadPretty.d.ts +1 -0
- package/es/components/dataSourceComponents/fields/Input.TextArea/ReadPretty.d.ts +1 -0
- package/es/components/dataSourceComponents/fields/Input.Url/ReadPretty.d.ts +1 -0
- package/es/components/dataSourceComponents/fields/Select/index.d.ts +1 -1
- package/es/components/dataSourceComponents/fields/TimePicker/ReadPretty.d.ts +1 -0
- package/es/components/dataSourceComponents/fields/Translation/ReadPretty.d.ts +1 -0
- package/es/components/dataSourceComponents/fields/index.d.ts +4 -4
- package/es/components/drag-sort-tree/TreeItem/index.d.ts +1 -0
- package/es/components/drag-sort-tree/index.d.ts +1 -0
- package/es/components/dropdown/index.d.ts +1 -0
- package/es/components/pisellCard/index.d.ts +1 -0
- package/es/components/pisellDatePicker/datePickerCpt.d.ts +1 -0
- package/es/components/pisellDatePicker/index.d.ts +1 -0
- package/es/components/pisellInformationEntry/Scan/index.d.ts +1 -0
- package/es/components/pisellInformationEntry/hooks/useNativeScanner.js +2 -2
- package/es/components/pisellInput/components/BankCard/index.d.ts +1 -0
- package/es/components/pisellInput/components/SecurityCode/index.d.ts +1 -0
- package/es/components/pisellTooltip/index.d.ts +1 -0
- package/es/components/pisellUpload/index.d.ts +1 -0
- package/es/components/productCard/components/Action/index.d.ts +1 -0
- package/es/components/productCard/components/AmountFooter/index.d.ts +1 -0
- package/es/components/productCard/components/Divider/index.d.ts +1 -0
- package/es/components/productCard/components/Header/DeleteButton/index.d.ts +1 -0
- package/es/components/productCard/components/Time/components/Like/index.d.ts +1 -0
- package/es/components/productCard/components/Time/components/SelectHolder/index.d.ts +1 -0
- package/es/components/productCard/components/Time/components/SelectResource/index.d.ts +1 -0
- package/es/components/productCard/components/Time/index.d.ts +1 -0
- package/es/components/radio/index.d.ts +1 -0
- package/es/components/segmented/index.d.ts +1 -0
- package/es/components/select-time/RightPanel/index.d.ts +1 -0
- package/es/components/select-time/index.d.ts +1 -0
- package/es/components/skeleton/index.d.ts +1 -0
- package/es/components/slider/index.d.ts +1 -0
- package/es/components/sort/components/InlineMenu/index.d.ts +1 -0
- package/es/components/table/Actions/component/ExportImport/components/ExportFile/index.d.ts +1 -0
- package/es/components/table/Actions/component/ExportImport/components/ExportTable/index.d.ts +1 -0
- package/es/components/table/Actions/component/ExportImport/components/ImportLog/index.d.ts +1 -0
- package/es/components/table/Actions/component/ExportImport/components/ImportTable/index.d.ts +1 -0
- package/es/components/table/Actions/component/ExportImport/index.d.ts +1 -0
- package/es/components/table/Actions/component/Group/PopoverContent.d.ts +1 -0
- package/es/components/table/Actions/component/ViewMode/index.d.ts +1 -0
- package/es/components/table/Summary/index.d.ts +1 -0
- package/es/components/table/Table/SelectField/index.d.ts +0 -1
- package/es/components/table/Table/fields/date/Config/index.d.ts +1 -0
- package/es/components/table/Table/fields/date/Sort/index.d.ts +1 -0
- package/es/components/table/Table/fields/image/Config/index.d.ts +1 -0
- package/es/components/table/Table/fields/image/Sort/index.d.ts +1 -0
- package/es/components/table/Table/fields/link/Config/index.d.ts +1 -0
- package/es/components/table/Table/fields/link/Sort/index.d.ts +1 -0
- package/es/components/table/Table/fields/number/Config/index.d.ts +1 -0
- package/es/components/table/Table/fields/number/Sort/index.d.ts +1 -0
- package/es/components/table/Table/fields/numberRange/Config/index.d.ts +1 -0
- package/es/components/table/Table/fields/numberRange/Sort/index.d.ts +1 -0
- package/es/components/table/Table/fields/oldRangePicker/Config/index.d.ts +1 -0
- package/es/components/table/Table/fields/oldRangePicker/Show/index.d.ts +1 -0
- package/es/components/table/Table/fields/oldRangePicker/Sort/index.d.ts +1 -0
- package/es/components/table/Table/fields/pSwitch/Config/index.d.ts +1 -0
- package/es/components/table/Table/fields/pSwitch/Sort/index.d.ts +1 -0
- package/es/components/table/Table/fields/rangePicker/Config/index.d.ts +1 -0
- package/es/components/table/Table/fields/rangePicker/Show/index.d.ts +1 -0
- package/es/components/table/Table/fields/rangePicker/Sort/index.d.ts +1 -0
- package/es/components/table/Table/fields/search/Config/index.d.ts +1 -0
- package/es/components/table/Table/fields/search/Sort/index.d.ts +1 -0
- package/es/components/table/Table/fields/select/Config/index.d.ts +1 -0
- package/es/components/table/Table/fields/select/Show/index.d.ts +1 -0
- package/es/components/table/Table/fields/select/Sort/index.d.ts +1 -0
- package/es/components/table/Table/fields/text/Config/index.d.ts +1 -0
- package/es/components/table/Table/fields/text/Sort/index.d.ts +1 -0
- package/es/components/table/Table/fields/treeSelect/Config/index.d.ts +1 -0
- package/es/components/table/Table/fields/treeSelect/Show/index.d.ts +1 -0
- package/es/components/table/Table/fields/treeSelect/Sort/index.d.ts +1 -0
- package/es/components/table/Table/utils.d.ts +1 -1
- package/es/components/table/TableFilter/SortIcon.d.ts +1 -0
- package/es/components/time-picker/index.d.ts +1 -0
- package/es/components/upload/index.d.ts +1 -0
- package/es/components/virtual-keyboard/BaseNumberKeyboard/Presets.d.ts +1 -0
- package/es/components/virtual-keyboard/Number/index.d.ts +0 -1
- package/es/components/virtual-keyboard/Time/utils.d.ts +1 -0
- package/es/components/virtual-keyboard/VirtualKeyInput/index.d.ts +1 -0
- package/es/components/walletCard/Guest/index.d.ts +1 -0
- package/es/components/walletCard/Guide/index.d.ts +4 -0
- package/es/components/walletCard/Guide/index.js +87 -0
- package/es/components/walletCard/Guide/index.less +71 -0
- package/es/components/walletCard/index.d.ts +2 -0
- package/es/components/walletCard/index.js +78 -49
- package/lib/components/Pagination/index.d.ts +1 -1
- package/lib/components/appVersionControl/index.d.ts +1 -0
- package/lib/components/auto-complete-number/index.d.ts +1 -0
- package/lib/components/badge/index.d.ts +1 -0
- package/lib/components/batch-editor/fields/index.d.ts +1 -0
- package/lib/components/calendar/index.d.ts +1 -0
- package/lib/components/cardPro/index.d.ts +1 -0
- package/lib/components/checkbox/index.d.ts +1 -0
- package/lib/components/classicLayout/index.d.ts +1 -0
- package/lib/components/config-provider/index.d.ts +1 -0
- package/lib/components/dataSourceComponents/dataSourceForm/utils.d.ts +1 -1
- package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts +1 -0
- package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts +1 -1
- package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts +1 -0
- package/lib/components/dataSourceComponents/fields/ColorPicker/ReadPretty.d.ts +1 -0
- package/lib/components/dataSourceComponents/fields/DateRangePicker/ReadPretty.d.ts +1 -0
- package/lib/components/dataSourceComponents/fields/IconSelect/ReadPretty.d.ts +1 -0
- package/lib/components/dataSourceComponents/fields/Input/ReadPretty.d.ts +1 -0
- package/lib/components/dataSourceComponents/fields/Input.Email/ReadPretty.d.ts +1 -0
- package/lib/components/dataSourceComponents/fields/Input.Subdomain/ReadPretty.d.ts +1 -0
- package/lib/components/dataSourceComponents/fields/Input.TextArea/ReadPretty.d.ts +1 -0
- package/lib/components/dataSourceComponents/fields/Input.Url/ReadPretty.d.ts +1 -0
- package/lib/components/dataSourceComponents/fields/Select/index.d.ts +1 -1
- package/lib/components/dataSourceComponents/fields/TimePicker/ReadPretty.d.ts +1 -0
- package/lib/components/dataSourceComponents/fields/Translation/ReadPretty.d.ts +1 -0
- package/lib/components/dataSourceComponents/fields/index.d.ts +4 -4
- package/lib/components/drag-sort-tree/TreeItem/index.d.ts +1 -0
- package/lib/components/drag-sort-tree/index.d.ts +1 -0
- package/lib/components/dropdown/index.d.ts +1 -0
- package/lib/components/pisellCard/index.d.ts +1 -0
- package/lib/components/pisellDatePicker/datePickerCpt.d.ts +1 -0
- package/lib/components/pisellDatePicker/index.d.ts +1 -0
- package/lib/components/pisellInformationEntry/Scan/index.d.ts +1 -0
- package/lib/components/pisellInformationEntry/hooks/useNativeScanner.js +6 -6
- package/lib/components/pisellInput/components/BankCard/index.d.ts +1 -0
- package/lib/components/pisellInput/components/SecurityCode/index.d.ts +1 -0
- package/lib/components/pisellTooltip/index.d.ts +1 -0
- package/lib/components/pisellUpload/index.d.ts +1 -0
- package/lib/components/productCard/components/Action/index.d.ts +1 -0
- package/lib/components/productCard/components/AmountFooter/index.d.ts +1 -0
- package/lib/components/productCard/components/Divider/index.d.ts +1 -0
- package/lib/components/productCard/components/Header/DeleteButton/index.d.ts +1 -0
- package/lib/components/productCard/components/Time/components/Like/index.d.ts +1 -0
- package/lib/components/productCard/components/Time/components/SelectHolder/index.d.ts +1 -0
- package/lib/components/productCard/components/Time/components/SelectResource/index.d.ts +1 -0
- package/lib/components/productCard/components/Time/index.d.ts +1 -0
- package/lib/components/radio/index.d.ts +1 -0
- package/lib/components/segmented/index.d.ts +1 -0
- package/lib/components/select-time/RightPanel/index.d.ts +1 -0
- package/lib/components/select-time/index.d.ts +1 -0
- package/lib/components/skeleton/index.d.ts +1 -0
- package/lib/components/slider/index.d.ts +1 -0
- package/lib/components/sort/components/InlineMenu/index.d.ts +1 -0
- package/lib/components/table/Actions/component/ExportImport/components/ExportFile/index.d.ts +1 -0
- package/lib/components/table/Actions/component/ExportImport/components/ExportTable/index.d.ts +1 -0
- package/lib/components/table/Actions/component/ExportImport/components/ImportLog/index.d.ts +1 -0
- package/lib/components/table/Actions/component/ExportImport/components/ImportTable/index.d.ts +1 -0
- package/lib/components/table/Actions/component/ExportImport/index.d.ts +1 -0
- package/lib/components/table/Actions/component/Group/PopoverContent.d.ts +1 -0
- package/lib/components/table/Actions/component/ViewMode/index.d.ts +1 -0
- package/lib/components/table/Summary/index.d.ts +1 -0
- package/lib/components/table/Table/SelectField/index.d.ts +0 -1
- package/lib/components/table/Table/fields/date/Config/index.d.ts +1 -0
- package/lib/components/table/Table/fields/date/Sort/index.d.ts +1 -0
- package/lib/components/table/Table/fields/image/Config/index.d.ts +1 -0
- package/lib/components/table/Table/fields/image/Sort/index.d.ts +1 -0
- package/lib/components/table/Table/fields/link/Config/index.d.ts +1 -0
- package/lib/components/table/Table/fields/link/Sort/index.d.ts +1 -0
- package/lib/components/table/Table/fields/number/Config/index.d.ts +1 -0
- package/lib/components/table/Table/fields/number/Sort/index.d.ts +1 -0
- package/lib/components/table/Table/fields/numberRange/Config/index.d.ts +1 -0
- package/lib/components/table/Table/fields/numberRange/Sort/index.d.ts +1 -0
- package/lib/components/table/Table/fields/oldRangePicker/Config/index.d.ts +1 -0
- package/lib/components/table/Table/fields/oldRangePicker/Show/index.d.ts +1 -0
- package/lib/components/table/Table/fields/oldRangePicker/Sort/index.d.ts +1 -0
- package/lib/components/table/Table/fields/pSwitch/Config/index.d.ts +1 -0
- package/lib/components/table/Table/fields/pSwitch/Sort/index.d.ts +1 -0
- package/lib/components/table/Table/fields/rangePicker/Config/index.d.ts +1 -0
- package/lib/components/table/Table/fields/rangePicker/Show/index.d.ts +1 -0
- package/lib/components/table/Table/fields/rangePicker/Sort/index.d.ts +1 -0
- package/lib/components/table/Table/fields/search/Config/index.d.ts +1 -0
- package/lib/components/table/Table/fields/search/Sort/index.d.ts +1 -0
- package/lib/components/table/Table/fields/select/Config/index.d.ts +1 -0
- package/lib/components/table/Table/fields/select/Show/index.d.ts +1 -0
- package/lib/components/table/Table/fields/select/Sort/index.d.ts +1 -0
- package/lib/components/table/Table/fields/text/Config/index.d.ts +1 -0
- package/lib/components/table/Table/fields/text/Sort/index.d.ts +1 -0
- package/lib/components/table/Table/fields/treeSelect/Config/index.d.ts +1 -0
- package/lib/components/table/Table/fields/treeSelect/Show/index.d.ts +1 -0
- package/lib/components/table/Table/fields/treeSelect/Sort/index.d.ts +1 -0
- package/lib/components/table/Table/utils.d.ts +1 -1
- package/lib/components/table/TableFilter/SortIcon.d.ts +1 -0
- package/lib/components/time-picker/index.d.ts +1 -0
- package/lib/components/upload/index.d.ts +1 -0
- package/lib/components/virtual-keyboard/BaseNumberKeyboard/Presets.d.ts +1 -0
- package/lib/components/virtual-keyboard/Number/index.d.ts +0 -1
- package/lib/components/virtual-keyboard/Time/utils.d.ts +1 -0
- package/lib/components/virtual-keyboard/VirtualKeyInput/index.d.ts +1 -0
- package/lib/components/walletCard/Guest/index.d.ts +1 -0
- package/lib/components/walletCard/Guide/index.d.ts +4 -0
- package/lib/components/walletCard/Guide/index.js +136 -0
- package/lib/components/walletCard/Guide/index.less +71 -0
- package/lib/components/walletCard/index.d.ts +2 -0
- package/lib/components/walletCard/index.js +31 -6
- package/package.json +1 -1
|
@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
|
|
|
155
155
|
sort?: SortType | undefined;
|
|
156
156
|
mode: "" | "localStorage" | "remote";
|
|
157
157
|
currentViewMode: ModeType;
|
|
158
|
-
}) => ("
|
|
158
|
+
}) => ("order_by" | "group_by" | "column_setting" | "gallery_setting" | "filter_setting" | "view_mode")[];
|
|
159
159
|
export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
|
|
160
160
|
export declare const stringify: (obj: Record<string, any>) => string;
|
|
161
161
|
export {};
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import useEngineContext from "../../../hooks/useEngineContext";
|
|
3
|
+
import Button from "../../button";
|
|
4
|
+
import "./index.less";
|
|
5
|
+
var Guide = function Guide(props) {
|
|
6
|
+
var _utils$translation, _utils$translation2, _utils$translation3, _utils$translation4, _utils$translation5, _setting$titleConfig, _utils$translation6, _setting$subtitleConf, _utils$translation7, _setting$buttonConfig, _utils$translation8, _setting$buttonConfig2;
|
|
7
|
+
var setting = props.setting;
|
|
8
|
+
var context = useEngineContext();
|
|
9
|
+
var _ref = context.appHelper || {},
|
|
10
|
+
utils = _ref.utils;
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* @title: 样式处理
|
|
14
|
+
* @description:
|
|
15
|
+
* @param {any} config
|
|
16
|
+
* @return {*}
|
|
17
|
+
* @Author: WangHan
|
|
18
|
+
* @Date: 2025-03-13 15:39
|
|
19
|
+
*/
|
|
20
|
+
var getTextStyle = function getTextStyle(config, otherConfig) {
|
|
21
|
+
return {
|
|
22
|
+
color: (config === null || config === void 0 ? void 0 : config.color) || (otherConfig === null || otherConfig === void 0 ? void 0 : otherConfig.color) || '#fff',
|
|
23
|
+
fontSize: (config === null || config === void 0 ? void 0 : config.size) || (otherConfig === null || otherConfig === void 0 ? void 0 : otherConfig.size) || 14,
|
|
24
|
+
fontWeight: (config === null || config === void 0 ? void 0 : config.weight) || (otherConfig === null || otherConfig === void 0 ? void 0 : otherConfig.weight) || 400,
|
|
25
|
+
fontStyle: (config === null || config === void 0 ? void 0 : config.style) || 'normal'
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
var _setting = useMemo(function () {
|
|
29
|
+
return (setting === null || setting === void 0 ? void 0 : setting.walletGuideConfig) || {};
|
|
30
|
+
}, [setting === null || setting === void 0 ? void 0 : setting.walletGuideConfig]);
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* @title: 跳转链接
|
|
34
|
+
* @description:
|
|
35
|
+
* @return {*}
|
|
36
|
+
* @Author: WangHan
|
|
37
|
+
* @Date: 2025-06-09 14:36
|
|
38
|
+
*/
|
|
39
|
+
var handleClick = function handleClick(e) {
|
|
40
|
+
var _setting$skipLink;
|
|
41
|
+
e.stopPropagation();
|
|
42
|
+
if (!(_setting !== null && _setting !== void 0 && (_setting$skipLink = _setting.skipLink) !== null && _setting$skipLink !== void 0 && _setting$skipLink.page)) return;
|
|
43
|
+
utils === null || utils === void 0 || utils.jumpPageByLink(_setting === null || _setting === void 0 ? void 0 : _setting.skipLink);
|
|
44
|
+
};
|
|
45
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
46
|
+
className: "pisell-wallet-guide-wrap",
|
|
47
|
+
style: {
|
|
48
|
+
backgroundColor: _setting === null || _setting === void 0 ? void 0 : _setting.backgroundColor
|
|
49
|
+
},
|
|
50
|
+
onClick: function onClick(e) {
|
|
51
|
+
return handleClick(e);
|
|
52
|
+
}
|
|
53
|
+
}, utils !== null && utils !== void 0 && (_utils$translation = utils.translation) !== null && _utils$translation !== void 0 && _utils$translation.call(utils, _setting === null || _setting === void 0 ? void 0 : _setting.backgroundImage) ? /*#__PURE__*/React.createElement("img", {
|
|
54
|
+
className: "pisell-wallet-guide-bg",
|
|
55
|
+
src: (utils === null || utils === void 0 || (_utils$translation2 = utils.translation) === null || _utils$translation2 === void 0 ? void 0 : _utils$translation2.call(utils, _setting.backgroundImage)) || '',
|
|
56
|
+
alt: (utils === null || utils === void 0 || (_utils$translation3 = utils.translation) === null || _utils$translation3 === void 0 ? void 0 : _utils$translation3.call(utils, _setting === null || _setting === void 0 ? void 0 : _setting.backgroundImageAlt)) || '',
|
|
57
|
+
title: (utils === null || utils === void 0 || (_utils$translation4 = utils.translation) === null || _utils$translation4 === void 0 ? void 0 : _utils$translation4.call(utils, _setting === null || _setting === void 0 ? void 0 : _setting.backgroundImageAlt)) || ''
|
|
58
|
+
}) : null, /*#__PURE__*/React.createElement("div", {
|
|
59
|
+
className: "pisell-wallet-guide-content ".concat(_setting.align === 'center' ? 'pisell-wallet-guide-center' : '')
|
|
60
|
+
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
61
|
+
className: "pisell-wallet-guide-title",
|
|
62
|
+
style: getTextStyle(_setting === null || _setting === void 0 ? void 0 : _setting.titleConfig, {
|
|
63
|
+
size: 18,
|
|
64
|
+
weight: 600
|
|
65
|
+
})
|
|
66
|
+
}, (utils === null || utils === void 0 || (_utils$translation5 = utils.translation) === null || _utils$translation5 === void 0 ? void 0 : _utils$translation5.call(utils, (_setting === null || _setting === void 0 ? void 0 : _setting.title) || (_setting === null || _setting === void 0 || (_setting$titleConfig = _setting.titleConfig) === null || _setting$titleConfig === void 0 ? void 0 : _setting$titleConfig.text))) || ''), /*#__PURE__*/React.createElement("div", {
|
|
67
|
+
className: "pisell-wallet-guide-subtitle",
|
|
68
|
+
style: getTextStyle(_setting === null || _setting === void 0 ? void 0 : _setting.subtitleConfig, {
|
|
69
|
+
color: '#D0D5DD'
|
|
70
|
+
})
|
|
71
|
+
}, (utils === null || utils === void 0 || (_utils$translation6 = utils.translation) === null || _utils$translation6 === void 0 ? void 0 : _utils$translation6.call(utils, (_setting === null || _setting === void 0 ? void 0 : _setting.subtitle) || (_setting === null || _setting === void 0 || (_setting$subtitleConf = _setting.subtitleConfig) === null || _setting$subtitleConf === void 0 ? void 0 : _setting$subtitleConf.text))) || '')), utils !== null && utils !== void 0 && (_utils$translation7 = utils.translation) !== null && _utils$translation7 !== void 0 && _utils$translation7.call(utils, (_setting === null || _setting === void 0 ? void 0 : _setting.buttonText) || (_setting === null || _setting === void 0 || (_setting$buttonConfig = _setting.buttonConfig) === null || _setting$buttonConfig === void 0 ? void 0 : _setting$buttonConfig.text)) ? /*#__PURE__*/React.createElement("div", {
|
|
72
|
+
className: "pisell-wallet-guide-button-wrap"
|
|
73
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
74
|
+
style: {
|
|
75
|
+
backgroundColor: (_setting === null || _setting === void 0 ? void 0 : _setting.buttonColor) || '#7F56D9',
|
|
76
|
+
borderColor: (_setting === null || _setting === void 0 ? void 0 : _setting.buttonBorderColor) || '#7F56D9'
|
|
77
|
+
},
|
|
78
|
+
onClick: function onClick(e) {
|
|
79
|
+
return handleClick(e);
|
|
80
|
+
}
|
|
81
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
82
|
+
style: getTextStyle(_setting === null || _setting === void 0 ? void 0 : _setting.buttonConfig, {
|
|
83
|
+
weight: 600
|
|
84
|
+
})
|
|
85
|
+
}, (utils === null || utils === void 0 || (_utils$translation8 = utils.translation) === null || _utils$translation8 === void 0 ? void 0 : _utils$translation8.call(utils, (_setting === null || _setting === void 0 ? void 0 : _setting.buttonText) || (_setting === null || _setting === void 0 || (_setting$buttonConfig2 = _setting.buttonConfig) === null || _setting$buttonConfig2 === void 0 ? void 0 : _setting$buttonConfig2.text))) || ''))) : null));
|
|
86
|
+
};
|
|
87
|
+
export default Guide;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
.pisell-wallet-guide-wrap {
|
|
2
|
+
background-repeat: no-repeat;
|
|
3
|
+
background-position: center center;
|
|
4
|
+
background-size: contain;
|
|
5
|
+
overflow: hidden;
|
|
6
|
+
position: relative;
|
|
7
|
+
min-height: 136px;
|
|
8
|
+
display: flex;
|
|
9
|
+
padding: 16px 18px;
|
|
10
|
+
|
|
11
|
+
.pisell-wallet-guide-bg {
|
|
12
|
+
position: absolute;
|
|
13
|
+
top: 50%;
|
|
14
|
+
left: 50%;
|
|
15
|
+
transform: translate(-50%, -50%);
|
|
16
|
+
width: 100%;
|
|
17
|
+
height: 100%;
|
|
18
|
+
object-fit: contain;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.pisell-wallet-guide-content {
|
|
22
|
+
position: relative;
|
|
23
|
+
text-align: left;
|
|
24
|
+
display: flex;
|
|
25
|
+
justify-content: space-between;
|
|
26
|
+
flex-direction: column;
|
|
27
|
+
flex: 1;
|
|
28
|
+
width: 100%;
|
|
29
|
+
|
|
30
|
+
&.pisell-wallet-guide-center {
|
|
31
|
+
text-align: center;
|
|
32
|
+
align-items: center;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.pisell-wallet-guide-title {
|
|
36
|
+
line-height: 28px;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.pisell-wallet-guide-subtitle {
|
|
40
|
+
line-height: 20px;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.pisell-wallet-guide-button-wrap {
|
|
44
|
+
display: flex;
|
|
45
|
+
width: fit-content;
|
|
46
|
+
max-width: 100%;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.pisell-lowcode-btn-default {
|
|
50
|
+
margin-top: 8px;
|
|
51
|
+
display: flex;
|
|
52
|
+
padding: 10px 16px;
|
|
53
|
+
justify-content: center;
|
|
54
|
+
align-items: center;
|
|
55
|
+
background: transparent;
|
|
56
|
+
border-color: transparent;
|
|
57
|
+
border-radius: 8px;
|
|
58
|
+
border: 1px solid var(--Primary-600, #7f56d9);
|
|
59
|
+
background: var(--Primary-600, #7f56d9);
|
|
60
|
+
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
|
|
61
|
+
max-width: 100%;
|
|
62
|
+
width: auto;
|
|
63
|
+
> div {
|
|
64
|
+
max-width: 100%;
|
|
65
|
+
white-space: nowrap;
|
|
66
|
+
overflow: hidden;
|
|
67
|
+
text-overflow: ellipsis;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
@@ -24,6 +24,7 @@ import PisellModal from "./../pisellModal";
|
|
|
24
24
|
import Amount from "./../pisellText/components/Amount";
|
|
25
25
|
import useEngineContext from "../../hooks/useEngineContext";
|
|
26
26
|
import Guest from "./Guest";
|
|
27
|
+
import Guide from "./Guide";
|
|
27
28
|
import "./index.less";
|
|
28
29
|
|
|
29
30
|
// 添加JSX类型声明
|
|
@@ -76,13 +77,34 @@ var toBooleanValue = function toBooleanValue(value) {
|
|
|
76
77
|
};
|
|
77
78
|
|
|
78
79
|
// 自定义钩子:处理二维码/条形码模态框
|
|
79
|
-
var useCodeModal = function useCodeModal(cardNo, onCodeClick) {
|
|
80
|
+
var useCodeModal = function useCodeModal(cardNo, onCodeClick, codeType) {
|
|
81
|
+
var _context$appHelper;
|
|
80
82
|
var _useState = useState(false),
|
|
81
83
|
_useState2 = _slicedToArray(_useState, 2),
|
|
82
84
|
isModalOpen = _useState2[0],
|
|
83
85
|
setIsModalOpen = _useState2[1];
|
|
86
|
+
var context = useEngineContext();
|
|
87
|
+
var _ref = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {},
|
|
88
|
+
interaction = _ref.interaction;
|
|
84
89
|
var handleCodeClick = function handleCodeClick(e) {
|
|
90
|
+
var _interaction$utils, _interaction$utils$is;
|
|
85
91
|
e.stopPropagation();
|
|
92
|
+
if (interaction !== null && interaction !== void 0 && (_interaction$utils = interaction.utils) !== null && _interaction$utils !== void 0 && (_interaction$utils$is = _interaction$utils.isAppEnv) !== null && _interaction$utils$is !== void 0 && _interaction$utils$is.call(_interaction$utils)) {
|
|
93
|
+
var _interaction$utils2, _interaction$utils2$p;
|
|
94
|
+
var typeMap = {
|
|
95
|
+
orCode: "qrCode",
|
|
96
|
+
barCode: "barCode"
|
|
97
|
+
};
|
|
98
|
+
interaction === null || interaction === void 0 || (_interaction$utils2 = interaction.utils) === null || _interaction$utils2 === void 0 || (_interaction$utils2$p = _interaction$utils2.postMessageToApp) === null || _interaction$utils2$p === void 0 || _interaction$utils2$p.call(_interaction$utils2, {
|
|
99
|
+
module: 'global',
|
|
100
|
+
key: 'openCodeModal',
|
|
101
|
+
data: {
|
|
102
|
+
type: typeMap[codeType] || codeType,
|
|
103
|
+
value: cardNo
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
return;
|
|
107
|
+
}
|
|
86
108
|
if (onCodeClick) {
|
|
87
109
|
onCodeClick();
|
|
88
110
|
} else {
|
|
@@ -101,32 +123,32 @@ var useCodeModal = function useCodeModal(cardNo, onCodeClick) {
|
|
|
101
123
|
};
|
|
102
124
|
|
|
103
125
|
// 子组件:卡片头部
|
|
104
|
-
var CardHeader = function CardHeader(
|
|
105
|
-
var
|
|
106
|
-
showIcon =
|
|
107
|
-
|
|
108
|
-
showWalletName =
|
|
109
|
-
|
|
110
|
-
showShopName =
|
|
111
|
-
|
|
112
|
-
showCardNo =
|
|
113
|
-
|
|
114
|
-
showCode =
|
|
115
|
-
iconImg =
|
|
116
|
-
mode =
|
|
117
|
-
|
|
118
|
-
walletName =
|
|
119
|
-
|
|
120
|
-
shopName =
|
|
121
|
-
|
|
122
|
-
cardNo =
|
|
123
|
-
|
|
124
|
-
cardStyle =
|
|
125
|
-
|
|
126
|
-
codeType =
|
|
127
|
-
onCodeClick =
|
|
128
|
-
|
|
129
|
-
isLogin =
|
|
126
|
+
var CardHeader = function CardHeader(_ref2) {
|
|
127
|
+
var _ref2$showIcon = _ref2.showIcon,
|
|
128
|
+
showIcon = _ref2$showIcon === void 0 ? true : _ref2$showIcon,
|
|
129
|
+
_ref2$showWalletName = _ref2.showWalletName,
|
|
130
|
+
showWalletName = _ref2$showWalletName === void 0 ? true : _ref2$showWalletName,
|
|
131
|
+
_ref2$showShopName = _ref2.showShopName,
|
|
132
|
+
showShopName = _ref2$showShopName === void 0 ? true : _ref2$showShopName,
|
|
133
|
+
_ref2$showCardNo = _ref2.showCardNo,
|
|
134
|
+
showCardNo = _ref2$showCardNo === void 0 ? true : _ref2$showCardNo,
|
|
135
|
+
_ref2$showCode = _ref2.showCode,
|
|
136
|
+
showCode = _ref2$showCode === void 0 ? true : _ref2$showCode,
|
|
137
|
+
iconImg = _ref2.iconImg,
|
|
138
|
+
mode = _ref2.mode,
|
|
139
|
+
_ref2$walletName = _ref2.walletName,
|
|
140
|
+
walletName = _ref2$walletName === void 0 ? 'Level' : _ref2$walletName,
|
|
141
|
+
_ref2$shopName = _ref2.shopName,
|
|
142
|
+
shopName = _ref2$shopName === void 0 ? 'Store name' : _ref2$shopName,
|
|
143
|
+
_ref2$cardNo = _ref2.cardNo,
|
|
144
|
+
cardNo = _ref2$cardNo === void 0 ? 'Wallet number' : _ref2$cardNo,
|
|
145
|
+
_ref2$cardStyle = _ref2.cardStyle,
|
|
146
|
+
cardStyle = _ref2$cardStyle === void 0 ? 'normal' : _ref2$cardStyle,
|
|
147
|
+
_ref2$codeType = _ref2.codeType,
|
|
148
|
+
codeType = _ref2$codeType === void 0 ? 'barCode' : _ref2$codeType,
|
|
149
|
+
onCodeClick = _ref2.onCodeClick,
|
|
150
|
+
_ref2$isLogin = _ref2.isLogin,
|
|
151
|
+
isLogin = _ref2$isLogin === void 0 ? false : _ref2$isLogin;
|
|
130
152
|
// 处理可能为0/1的布尔值
|
|
131
153
|
var processedShowIcon = toBooleanValue(showIcon);
|
|
132
154
|
var processedShowWalletName = toBooleanValue(showWalletName);
|
|
@@ -165,9 +187,9 @@ var CardHeader = function CardHeader(_ref) {
|
|
|
165
187
|
};
|
|
166
188
|
|
|
167
189
|
// 子组件:卡片内容项
|
|
168
|
-
var CardItem = function CardItem(
|
|
169
|
-
var item =
|
|
170
|
-
symbol =
|
|
190
|
+
var CardItem = function CardItem(_ref3) {
|
|
191
|
+
var item = _ref3.item,
|
|
192
|
+
symbol = _ref3.symbol;
|
|
171
193
|
var key = item.key,
|
|
172
194
|
label = item.label,
|
|
173
195
|
value = item.value;
|
|
@@ -188,9 +210,9 @@ var CardItem = function CardItem(_ref2) {
|
|
|
188
210
|
};
|
|
189
211
|
|
|
190
212
|
// 子组件:卡片内容
|
|
191
|
-
var CardContent = function CardContent(
|
|
192
|
-
var items =
|
|
193
|
-
symbol =
|
|
213
|
+
var CardContent = function CardContent(_ref4) {
|
|
214
|
+
var items = _ref4.items,
|
|
215
|
+
symbol = _ref4.symbol;
|
|
194
216
|
// 定义期望的顺序
|
|
195
217
|
var expectedOrder = ['piont', 'balance', 'discount', 'voucher'];
|
|
196
218
|
|
|
@@ -218,9 +240,9 @@ var CardContent = function CardContent(_ref3) {
|
|
|
218
240
|
};
|
|
219
241
|
|
|
220
242
|
// 子组件:二维码/条形码显示
|
|
221
|
-
var CodeDisplay = function CodeDisplay(
|
|
222
|
-
var codeType =
|
|
223
|
-
cardNo =
|
|
243
|
+
var CodeDisplay = function CodeDisplay(_ref5) {
|
|
244
|
+
var codeType = _ref5.codeType,
|
|
245
|
+
cardNo = _ref5.cardNo;
|
|
224
246
|
if (!cardNo) return null;
|
|
225
247
|
return /*#__PURE__*/React.createElement("div", {
|
|
226
248
|
className: "pisell-wallet-card-code"
|
|
@@ -250,12 +272,12 @@ var blockEvent = function blockEvent(e) {
|
|
|
250
272
|
};
|
|
251
273
|
|
|
252
274
|
// 子组件:二维码/条形码模态框
|
|
253
|
-
var CodeModal = function CodeModal(
|
|
254
|
-
var isOpen =
|
|
255
|
-
onClose =
|
|
256
|
-
codeType =
|
|
257
|
-
cardNo =
|
|
258
|
-
platform =
|
|
275
|
+
var CodeModal = function CodeModal(_ref6) {
|
|
276
|
+
var isOpen = _ref6.isOpen,
|
|
277
|
+
onClose = _ref6.onClose,
|
|
278
|
+
codeType = _ref6.codeType,
|
|
279
|
+
cardNo = _ref6.cardNo,
|
|
280
|
+
platform = _ref6.platform;
|
|
259
281
|
return /*#__PURE__*/React.createElement(PisellModal, {
|
|
260
282
|
title: getText(codeType === 'barCode' ? 'walletCard-barcode' : 'walletCard-qrcode'),
|
|
261
283
|
platform: platform,
|
|
@@ -306,7 +328,8 @@ var WalletCard = function WalletCard(props) {
|
|
|
306
328
|
onCodeClick = mergedProps.onCodeClick,
|
|
307
329
|
onClick = mergedProps.onClick,
|
|
308
330
|
className = mergedProps.className,
|
|
309
|
-
style = mergedProps.style
|
|
331
|
+
style = mergedProps.style,
|
|
332
|
+
isGuide = mergedProps.isGuide;
|
|
310
333
|
|
|
311
334
|
// 处理可能为0/1的布尔值props
|
|
312
335
|
var showIcon = toBooleanValue(mergedProps.showIcon);
|
|
@@ -316,10 +339,10 @@ var WalletCard = function WalletCard(props) {
|
|
|
316
339
|
var showCode = toBooleanValue(mergedProps.showCode);
|
|
317
340
|
var isLogin = toBooleanValue(mergedProps.isLogin);
|
|
318
341
|
var context = useEngineContext();
|
|
319
|
-
var
|
|
320
|
-
utils =
|
|
342
|
+
var _ref7 = context.appHelper || {},
|
|
343
|
+
utils = _ref7.utils;
|
|
321
344
|
// 使用自定义钩子处理模态框逻辑
|
|
322
|
-
var _useCodeModal = useCodeModal(cardNo, onCodeClick),
|
|
345
|
+
var _useCodeModal = useCodeModal(cardNo, onCodeClick, codeType),
|
|
323
346
|
isModalOpen = _useCodeModal.isModalOpen,
|
|
324
347
|
handleCodeClick = _useCodeModal.handleCodeClick,
|
|
325
348
|
closeModal = _useCodeModal.closeModal;
|
|
@@ -337,6 +360,10 @@ var WalletCard = function WalletCard(props) {
|
|
|
337
360
|
}
|
|
338
361
|
}, [props.customBackgroundImage, mode]);
|
|
339
362
|
var goWallet = function goWallet() {
|
|
363
|
+
// 未开启任何一个wallet pass展示,则不跳转
|
|
364
|
+
if (!(items !== null && items !== void 0 && items.length)) {
|
|
365
|
+
return;
|
|
366
|
+
}
|
|
340
367
|
utils === null || utils === void 0 || utils.action({
|
|
341
368
|
type: 'pisell1.goWallet',
|
|
342
369
|
data: {},
|
|
@@ -360,9 +387,9 @@ var WalletCard = function WalletCard(props) {
|
|
|
360
387
|
flexDirection: codeDirection === 'top' ? 'column-reverse' : 'column'
|
|
361
388
|
}
|
|
362
389
|
}, /*#__PURE__*/React.createElement("div", {
|
|
363
|
-
className: classNames('pisell-wallet-card-content', mode, !isLogin && 'pisell-wallet-card-guest-content'),
|
|
390
|
+
className: classNames('pisell-wallet-card-content', mode, (!isLogin || isGuide) && 'pisell-wallet-card-guest-content'),
|
|
364
391
|
style: backgroundStyle
|
|
365
|
-
}, isLogin ? /*#__PURE__*/React.createElement("div", {
|
|
392
|
+
}, isLogin ? !isGuide ? /*#__PURE__*/React.createElement("div", {
|
|
366
393
|
onClick: function onClick() {
|
|
367
394
|
goWallet();
|
|
368
395
|
}
|
|
@@ -384,7 +411,9 @@ var WalletCard = function WalletCard(props) {
|
|
|
384
411
|
}), /*#__PURE__*/React.createElement(CardContent, {
|
|
385
412
|
items: items,
|
|
386
413
|
symbol: symbol
|
|
387
|
-
})) : /*#__PURE__*/React.createElement(
|
|
414
|
+
})) : /*#__PURE__*/React.createElement(Guide, {
|
|
415
|
+
setting: props
|
|
416
|
+
}) : /*#__PURE__*/React.createElement(Guest, {
|
|
388
417
|
setting: props
|
|
389
418
|
})), cardStyle === 'full' && isLogin && /*#__PURE__*/React.createElement("div", {
|
|
390
419
|
className: classNames('pisell-wallet-card-showCode', codeDirection === 'top' ? 'code-top' : 'code-bottom')
|
|
@@ -5,7 +5,7 @@ export declare const paginationConfig: {
|
|
|
5
5
|
className: string;
|
|
6
6
|
defaultCurrent: number;
|
|
7
7
|
showTotal: (total: number, range: [number, number]) => string;
|
|
8
|
-
itemRender: (page: number, type: "
|
|
8
|
+
itemRender: (page: number, type: "next" | "page" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
|
|
9
9
|
responsive: boolean;
|
|
10
10
|
size: string;
|
|
11
11
|
};
|
|
@@ -43,7 +43,7 @@ export declare const withDataSource: <P extends unknown>(WrappedComponent: React
|
|
|
43
43
|
}) => JSX.Element;
|
|
44
44
|
export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
|
|
45
45
|
options?: any;
|
|
46
|
-
optionSourceType?: "
|
|
46
|
+
optionSourceType?: "default" | "custom" | "api" | undefined;
|
|
47
47
|
labelField: string;
|
|
48
48
|
valueField: string;
|
|
49
49
|
extraParams?: Record<string, any> | undefined;
|
|
@@ -70,7 +70,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
|
|
|
70
70
|
useCustomAction: boolean;
|
|
71
71
|
actionType: string;
|
|
72
72
|
openMode: "modal" | "drawer";
|
|
73
|
-
openContentSize: "small" | "
|
|
73
|
+
openContentSize: "small" | "middle" | "large";
|
|
74
74
|
openTitle: string;
|
|
75
75
|
key: string;
|
|
76
76
|
} | undefined;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
declare const SelectWithDataSource: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps & {
|
|
3
3
|
options?: any;
|
|
4
|
-
optionSourceType?: "
|
|
4
|
+
optionSourceType?: "default" | "custom" | "api" | undefined;
|
|
5
5
|
labelField: string;
|
|
6
6
|
valueField: string;
|
|
7
7
|
extraParams?: Record<string, any> | undefined;
|