@pisell/materials 2.2.75 → 2.2.76
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 +8 -8
- package/build/lowcode/render/default/view.css +1 -1
- package/build/lowcode/render/default/view.js +14 -14
- package/build/lowcode/view.css +1 -1
- package/build/lowcode/view.js +15 -15
- package/es/components/cardMetricItem/index.less +0 -1
- package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.js +1 -1
- package/es/components/dataSourceComponents/fields/DatePicker/ReadPretty.js +12 -4
- package/es/components/dataSourceComponents/fields/utils.js +5 -0
- package/es/components/pisellAnchor/index.less +1 -2
- package/es/components/pisellGoodPassCard/index.d.ts +2 -0
- package/es/components/pisellGoodPassCard/index.js +14 -7
- package/es/components/pisellGoodPassCard/index.less +11 -6
- package/es/components/pisellQrcode/index.less +0 -2
- package/es/components/productCard/components/Header/index.js +18 -2
- package/es/components/productCard/components/Packages/components/collapsibleList/index.less +0 -1
- package/es/components/productCard/components/Time/components/SelectHolder/index.d.ts +1 -1
- package/es/components/productCard/components/Time/components/SelectHolder/index.js +31 -12
- package/es/components/productCard/components/Time/components/SelectHolder/index.less +27 -0
- package/es/components/productCard/components/Time/components/SelectHolderModal/index.d.ts +13 -0
- package/es/components/productCard/components/Time/components/SelectHolderModal/index.js +157 -0
- package/es/components/productCard/components/Time/components/SelectHolderModal/index.less +39 -0
- package/es/components/productCard/components/Time/components/SelectHolderMultiple/index.d.ts +2 -0
- package/es/components/productCard/components/Time/components/SelectHolderMultiple/index.js +144 -0
- package/es/components/productCard/components/Time/index.js +9 -4
- package/es/components/productCard/index.js +2 -1
- package/es/components/productCard/locales.d.ts +18 -0
- package/es/components/productCard/locales.js +27 -3
- package/es/components/profileMenu/index.less +2 -5
- package/es/components/record-view/index.less +0 -2
- package/es/components/walletCard/index.js +2 -2
- package/es/components/walletCard/index.less +1 -3
- package/es/locales/en-US.d.ts +1 -0
- package/es/locales/en-US.js +2 -1
- package/es/locales/zh-CN.d.ts +1 -0
- package/es/locales/zh-CN.js +2 -1
- package/es/locales/zh-TW.d.ts +1 -0
- package/es/locales/zh-TW.js +2 -1
- package/lib/components/cardMetricItem/index.less +0 -1
- package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.js +1 -1
- package/lib/components/dataSourceComponents/fields/DatePicker/ReadPretty.js +15 -7
- package/lib/components/dataSourceComponents/fields/utils.js +5 -0
- package/lib/components/pisellAnchor/index.less +1 -2
- package/lib/components/pisellGoodPassCard/index.d.ts +2 -0
- package/lib/components/pisellGoodPassCard/index.js +8 -6
- package/lib/components/pisellGoodPassCard/index.less +11 -6
- package/lib/components/pisellQrcode/index.less +0 -2
- package/lib/components/productCard/components/Header/index.js +5 -2
- package/lib/components/productCard/components/Packages/components/collapsibleList/index.less +0 -1
- package/lib/components/productCard/components/Time/components/SelectHolder/index.d.ts +1 -1
- package/lib/components/productCard/components/Time/components/SelectHolder/index.js +24 -7
- package/lib/components/productCard/components/Time/components/SelectHolder/index.less +27 -0
- package/lib/components/productCard/components/Time/components/SelectHolderModal/index.d.ts +13 -0
- package/lib/components/productCard/components/Time/components/SelectHolderModal/index.js +177 -0
- package/lib/components/productCard/components/Time/components/SelectHolderModal/index.less +39 -0
- package/lib/components/productCard/components/Time/components/SelectHolderMultiple/index.d.ts +2 -0
- package/lib/components/productCard/components/Time/components/SelectHolderMultiple/index.js +152 -0
- package/lib/components/productCard/components/Time/index.js +11 -4
- package/lib/components/productCard/index.js +2 -1
- package/lib/components/productCard/locales.d.ts +18 -0
- package/lib/components/productCard/locales.js +21 -3
- package/lib/components/profileMenu/index.less +2 -5
- package/lib/components/record-view/index.less +0 -2
- package/lib/components/walletCard/index.less +1 -3
- package/lib/locales/en-US.d.ts +1 -0
- package/lib/locales/en-US.js +2 -1
- package/lib/locales/zh-CN.d.ts +1 -0
- package/lib/locales/zh-CN.js +2 -1
- package/lib/locales/zh-TW.d.ts +1 -0
- package/lib/locales/zh-TW.js +2 -1
- package/package.json +3 -3
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
4
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
5
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
+
import React, { useEffect, useMemo, useState } from 'react';
|
|
8
|
+
import { Button, Tag } from 'antd';
|
|
9
|
+
import { isArr, locales } from '@pisell/utils';
|
|
10
|
+
import SelectHolderModal from "../SelectHolderModal";
|
|
11
|
+
|
|
12
|
+
// import './index.less';
|
|
13
|
+
|
|
14
|
+
var SelectHolderMultiple = function SelectHolderMultiple(_ref) {
|
|
15
|
+
var lists = _ref.lists,
|
|
16
|
+
value = _ref.value,
|
|
17
|
+
onChange = _ref.onChange,
|
|
18
|
+
holderMode = _ref.holderMode,
|
|
19
|
+
isShowAddHolderButton = _ref.isShowAddHolderButton,
|
|
20
|
+
onAddHolder = _ref.onAddHolder,
|
|
21
|
+
addHolderButtonText = _ref.addHolderButtonText,
|
|
22
|
+
onClearHolder = _ref.onClearHolder,
|
|
23
|
+
isErrorHolder = _ref.isErrorHolder,
|
|
24
|
+
_ref$allowClear = _ref.allowClear,
|
|
25
|
+
allowClear = _ref$allowClear === void 0 ? false : _ref$allowClear,
|
|
26
|
+
holderMaxCount = _ref.holderMaxCount;
|
|
27
|
+
var _useState = useState(),
|
|
28
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
29
|
+
selectedValue = _useState2[0],
|
|
30
|
+
setSelectedValue = _useState2[1];
|
|
31
|
+
var _useState3 = useState(false),
|
|
32
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
33
|
+
open = _useState4[0],
|
|
34
|
+
setOpen = _useState4[1];
|
|
35
|
+
var _useState5 = useState(false),
|
|
36
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
37
|
+
selectedHolderModalVisible = _useState6[0],
|
|
38
|
+
setSelectedHolderModalVisible = _useState6[1];
|
|
39
|
+
useEffect(function () {
|
|
40
|
+
setSelectedValue(value);
|
|
41
|
+
}, [value]);
|
|
42
|
+
|
|
43
|
+
/**
|
|
44
|
+
* @title: 点击添加holder事件
|
|
45
|
+
* @description:
|
|
46
|
+
* @param {Event} e
|
|
47
|
+
* @return {*}
|
|
48
|
+
* @Author: WangHan
|
|
49
|
+
* @Date: 2025-04-26 10:39
|
|
50
|
+
*/
|
|
51
|
+
var addItem = function addItem(e) {
|
|
52
|
+
e.preventDefault();
|
|
53
|
+
e.stopPropagation();
|
|
54
|
+
onAddHolder();
|
|
55
|
+
setOpen(false);
|
|
56
|
+
};
|
|
57
|
+
var isError = useMemo(function () {
|
|
58
|
+
if (!isErrorHolder) {
|
|
59
|
+
return false;
|
|
60
|
+
}
|
|
61
|
+
if (!selectedValue) {
|
|
62
|
+
return true;
|
|
63
|
+
}
|
|
64
|
+
if (isArr(selectedValue) && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) !== holderMaxCount) {
|
|
65
|
+
return true;
|
|
66
|
+
}
|
|
67
|
+
return false;
|
|
68
|
+
}, [selectedValue, isErrorHolder]);
|
|
69
|
+
var handleChange = function handleChange(val) {
|
|
70
|
+
var item;
|
|
71
|
+
if (isArr(val)) {
|
|
72
|
+
if (val.length > holderMaxCount) return;
|
|
73
|
+
item = lists.filter(function (d) {
|
|
74
|
+
return val.includes(d.id);
|
|
75
|
+
});
|
|
76
|
+
} else {
|
|
77
|
+
item = lists.find(function (d) {
|
|
78
|
+
return d.id === val;
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
setSelectedValue(val);
|
|
82
|
+
onChange(item);
|
|
83
|
+
};
|
|
84
|
+
var optionsMap = useMemo(function () {
|
|
85
|
+
return lists.reduce(function (acc, item) {
|
|
86
|
+
acc[item.id] = item;
|
|
87
|
+
return acc;
|
|
88
|
+
}, {});
|
|
89
|
+
}, [lists]);
|
|
90
|
+
console.log(optionsMap, value, 'optionsMap');
|
|
91
|
+
var handleClose = function handleClose(item) {
|
|
92
|
+
console.log('item', item, value);
|
|
93
|
+
handleChange(value.filter(function (d) {
|
|
94
|
+
return d !== item;
|
|
95
|
+
}));
|
|
96
|
+
};
|
|
97
|
+
var renderHolder = function renderHolder() {
|
|
98
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, value.map(function (item) {
|
|
99
|
+
var _optionsMap$item;
|
|
100
|
+
return /*#__PURE__*/React.createElement(Tag, {
|
|
101
|
+
key: item,
|
|
102
|
+
closable: true,
|
|
103
|
+
onClose: function onClose() {
|
|
104
|
+
return handleClose(item);
|
|
105
|
+
},
|
|
106
|
+
className: "select-holder-multiple-tag"
|
|
107
|
+
}, (_optionsMap$item = optionsMap[item]) === null || _optionsMap$item === void 0 ? void 0 : _optionsMap$item.label);
|
|
108
|
+
}), /*#__PURE__*/React.createElement(Button, {
|
|
109
|
+
onClick: handleEdit,
|
|
110
|
+
type: "text",
|
|
111
|
+
className: "select-holder-multiple-edit-button"
|
|
112
|
+
}, locales.getText('pisell2.product.card.edit')));
|
|
113
|
+
};
|
|
114
|
+
var handleEdit = function handleEdit(e) {
|
|
115
|
+
e.stopPropagation();
|
|
116
|
+
setSelectedHolderModalVisible(true);
|
|
117
|
+
};
|
|
118
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
119
|
+
className: "pisell-lowcode-product-card-select-holder ".concat(isError ? 'pisell-lowcode-product-card-select-holder-error' : ''),
|
|
120
|
+
onClick: function onClick(e) {
|
|
121
|
+
return e.stopPropagation();
|
|
122
|
+
}
|
|
123
|
+
}, value !== null && value !== void 0 && value.length ? /*#__PURE__*/React.createElement("div", {
|
|
124
|
+
className: "select-holder-multiple-wrap"
|
|
125
|
+
}, renderHolder()) : /*#__PURE__*/React.createElement(Button, {
|
|
126
|
+
type: "primary",
|
|
127
|
+
block: true,
|
|
128
|
+
onClick: handleEdit
|
|
129
|
+
}, locales.getText('pisell2.product.card.add.holder.placeholder.multiple')(holderMaxCount, addHolderButtonText)), /*#__PURE__*/React.createElement(SelectHolderModal, {
|
|
130
|
+
holderMaxCount: holderMaxCount,
|
|
131
|
+
addHolderButtonText: addHolderButtonText,
|
|
132
|
+
lists: lists,
|
|
133
|
+
value: selectedValue,
|
|
134
|
+
visible: selectedHolderModalVisible,
|
|
135
|
+
onClose: function onClose() {
|
|
136
|
+
return setSelectedHolderModalVisible(false);
|
|
137
|
+
},
|
|
138
|
+
onAdd: onAddHolder,
|
|
139
|
+
onConfirm: handleChange
|
|
140
|
+
}), isError ? /*#__PURE__*/React.createElement("div", {
|
|
141
|
+
className: "select-holder-error"
|
|
142
|
+
}, "".concat(locales.getText('pisell2.product.card.add.holder.modal.title.1'), " "), /*#__PURE__*/React.createElement("span", null, (value === null || value === void 0 ? void 0 : value.length) || 0, "/", holderMaxCount), " ".concat(addHolderButtonText)) : null);
|
|
143
|
+
};
|
|
144
|
+
export default SelectHolderMultiple;
|
|
@@ -12,6 +12,7 @@ import Like from "./components/Like";
|
|
|
12
12
|
import SelectResource from "./components/SelectResource";
|
|
13
13
|
import SelectHolder from "./components/SelectHolder";
|
|
14
14
|
import "./index.less";
|
|
15
|
+
import SelectHolderMultiple from "./components/SelectHolderMultiple";
|
|
15
16
|
var prefix = 'pisell-lowcode-';
|
|
16
17
|
var Time = function Time(_ref) {
|
|
17
18
|
var item = _ref.item,
|
|
@@ -45,17 +46,21 @@ var Time = function Time(_ref) {
|
|
|
45
46
|
resourceErrorText = item.resourceErrorText,
|
|
46
47
|
isMultipleResource = item.isMultipleResource,
|
|
47
48
|
_item$isShowChangeHol = item.isShowChangeHolder,
|
|
48
|
-
itemIsShowChangeHolder = _item$isShowChangeHol === void 0 ? true : _item$isShowChangeHol
|
|
49
|
+
itemIsShowChangeHolder = _item$isShowChangeHol === void 0 ? true : _item$isShowChangeHol,
|
|
50
|
+
itemHolderMode = item.holderMode,
|
|
51
|
+
holderMaxCount = item.holderMaxCount;
|
|
49
52
|
var holderCom = useMemo(function () {
|
|
50
53
|
if (!isShowHolder) return null;
|
|
51
54
|
|
|
52
55
|
// 可以控制选择holder
|
|
53
56
|
if (isShowChangeHolder && itemIsShowChangeHolder) {
|
|
54
|
-
|
|
57
|
+
var Cpt = (itemHolderMode || holderMode) === 'multiple' ? SelectHolderMultiple : SelectHolder;
|
|
58
|
+
return /*#__PURE__*/React.createElement(Cpt, {
|
|
59
|
+
holderMaxCount: holderMaxCount,
|
|
55
60
|
lists: holders,
|
|
56
61
|
value: holder_id,
|
|
57
62
|
onChange: changeHolder,
|
|
58
|
-
holderMode: holderMode,
|
|
63
|
+
holderMode: itemHolderMode || holderMode,
|
|
59
64
|
isShowAddHolderButton: isShowAddHolderButton,
|
|
60
65
|
onAddHolder: onAddHolder,
|
|
61
66
|
addHolderButtonText: addHolderButtonText,
|
|
@@ -69,7 +74,7 @@ var Time = function Time(_ref) {
|
|
|
69
74
|
className: "".concat(prefix, "product-holder-wrap")
|
|
70
75
|
}, holder_title);
|
|
71
76
|
}
|
|
72
|
-
}, [isShowHolder, holder_id, holder_title, holderMode, holders, isShowAddHolderButton, isShowChangeHolder, isErrorHolder, addHolderButtonText, allowClearHolder, itemIsShowChangeHolder]);
|
|
77
|
+
}, [isShowHolder, holder_id, holder_title, holderMode, holders, isShowAddHolderButton, isShowChangeHolder, isErrorHolder, addHolderButtonText, allowClearHolder, itemIsShowChangeHolder, itemHolderMode, holderMaxCount]);
|
|
73
78
|
var likeCom = useCallback(function (status, item) {
|
|
74
79
|
return /*#__PURE__*/React.createElement(Like, {
|
|
75
80
|
isShowChangeResource: isShowChangeResource,
|
|
@@ -90,7 +90,8 @@ var ProductCard = function ProductCard(props) {
|
|
|
90
90
|
return (bundle === null || bundle === void 0 ? void 0 : bundle.length) || (relation_products === null || relation_products === void 0 ? void 0 : relation_products.length);
|
|
91
91
|
}, [bundle, relation_products]);
|
|
92
92
|
return /*#__PURE__*/React.createElement("div", {
|
|
93
|
-
className: classNames('pisell-lowcode-product-card-wrap', _defineProperty({}, 'pisell-lowcode-product-card-disabled', dataSource === null || dataSource === void 0 ? void 0 : dataSource.disabled))
|
|
93
|
+
className: classNames('pisell-lowcode-product-card-wrap', _defineProperty({}, 'pisell-lowcode-product-card-disabled', dataSource === null || dataSource === void 0 ? void 0 : dataSource.disabled)),
|
|
94
|
+
id: dataSource === null || dataSource === void 0 ? void 0 : dataSource.rowKey
|
|
94
95
|
}, (dataSource === null || dataSource === void 0 ? void 0 : dataSource.disabled) && /*#__PURE__*/React.createElement("div", {
|
|
95
96
|
className: "delete-btn-wrapper"
|
|
96
97
|
}, /*#__PURE__*/React.createElement(DeleteButton, {
|
|
@@ -16,8 +16,14 @@ declare const _default: {
|
|
|
16
16
|
'pisell2.product.card.view-less': string;
|
|
17
17
|
'pisell2.product.card.add.holder.button.text': (val: string) => string;
|
|
18
18
|
'pisell2.product.card.add.holder.placeholder': (val: string) => string;
|
|
19
|
+
'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
|
|
20
|
+
'pisell2.product.card.add.holder.modal.title.1': string;
|
|
19
21
|
'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
|
|
20
22
|
'pisell2.product.card.sales': string;
|
|
23
|
+
'pisell2.product.card.add.holder.modal.cancel': string;
|
|
24
|
+
'pisell2.product.card.add.holder.modal.clear': string;
|
|
25
|
+
'pisell2.product.card.add.holder.modal.apply': string;
|
|
26
|
+
'pisell2.product.card.add.holder.modal.add': string;
|
|
21
27
|
};
|
|
22
28
|
'zh-CN': {
|
|
23
29
|
'pisell2.product.card.edit': string;
|
|
@@ -36,8 +42,14 @@ declare const _default: {
|
|
|
36
42
|
'pisell2.product.card.view-less': string;
|
|
37
43
|
'pisell2.product.card.add.holder.button.text': (val: string) => string;
|
|
38
44
|
'pisell2.product.card.add.holder.placeholder': (val: string) => string;
|
|
45
|
+
'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
|
|
46
|
+
'pisell2.product.card.add.holder.modal.title.1': string;
|
|
39
47
|
'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
|
|
40
48
|
'pisell2.product.card.sales': string;
|
|
49
|
+
'pisell2.product.card.add.holder.modal.cancel': string;
|
|
50
|
+
'pisell2.product.card.add.holder.modal.clear': string;
|
|
51
|
+
'pisell2.product.card.add.holder.modal.apply': string;
|
|
52
|
+
'pisell2.product.card.add.holder.modal.add': string;
|
|
41
53
|
};
|
|
42
54
|
'zh-HK': {
|
|
43
55
|
'pisell2.product.card.edit': string;
|
|
@@ -56,8 +68,14 @@ declare const _default: {
|
|
|
56
68
|
'pisell2.product.card.view-less': string;
|
|
57
69
|
'pisell2.product.card.add.holder.button.text': (val: string) => string;
|
|
58
70
|
'pisell2.product.card.add.holder.placeholder': (val: string) => string;
|
|
71
|
+
'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
|
|
72
|
+
'pisell2.product.card.add.holder.modal.title.1': string;
|
|
59
73
|
'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
|
|
60
74
|
'pisell2.product.card.sales': string;
|
|
75
|
+
'pisell2.product.card.add.holder.modal.cancel': string;
|
|
76
|
+
'pisell2.product.card.add.holder.modal.clear': string;
|
|
77
|
+
'pisell2.product.card.add.holder.modal.apply': string;
|
|
78
|
+
'pisell2.product.card.add.holder.modal.add': string;
|
|
61
79
|
};
|
|
62
80
|
};
|
|
63
81
|
export default _default;
|
|
@@ -26,10 +26,18 @@ export default {
|
|
|
26
26
|
'pisell2.product.card.add.holder.placeholder': function pisell2ProductCardAddHolderPlaceholder(val) {
|
|
27
27
|
return "Please select ".concat(val || '');
|
|
28
28
|
},
|
|
29
|
+
'pisell2.product.card.add.holder.placeholder.multiple': function pisell2ProductCardAddHolderPlaceholderMultiple(num, val) {
|
|
30
|
+
return "Please Select ".concat(num, " ").concat(val || '');
|
|
31
|
+
},
|
|
32
|
+
'pisell2.product.card.add.holder.modal.title.1': "Please Select",
|
|
29
33
|
'pisell2.product.card.hour.minute': function pisell2ProductCardHourMinute(hour, minute) {
|
|
30
34
|
return "".concat(hour > 0 ? "".concat(hour, "h") : '').concat(hour > 0 && minute > 0 ? ' ' : '').concat(minute > 0 ? "".concat(minute, "min") : '');
|
|
31
35
|
},
|
|
32
|
-
'pisell2.product.card.sales': 'Sales'
|
|
36
|
+
'pisell2.product.card.sales': 'Sales',
|
|
37
|
+
'pisell2.product.card.add.holder.modal.cancel': 'Cancel',
|
|
38
|
+
'pisell2.product.card.add.holder.modal.clear': 'Clear',
|
|
39
|
+
'pisell2.product.card.add.holder.modal.apply': 'Apply',
|
|
40
|
+
'pisell2.product.card.add.holder.modal.add': 'Add New'
|
|
33
41
|
},
|
|
34
42
|
'zh-CN': {
|
|
35
43
|
'pisell2.product.card.edit': '编辑',
|
|
@@ -58,10 +66,18 @@ export default {
|
|
|
58
66
|
'pisell2.product.card.add.holder.placeholder': function pisell2ProductCardAddHolderPlaceholder(val) {
|
|
59
67
|
return "\u8BF7\u9009\u62E9".concat(val || '');
|
|
60
68
|
},
|
|
69
|
+
'pisell2.product.card.add.holder.placeholder.multiple': function pisell2ProductCardAddHolderPlaceholderMultiple(num, val) {
|
|
70
|
+
return "\u8BF7\u9009\u62E9".concat(num).concat(val || '');
|
|
71
|
+
},
|
|
72
|
+
'pisell2.product.card.add.holder.modal.title.1': "\u8BF7\u9009\u62E9",
|
|
61
73
|
'pisell2.product.card.hour.minute': function pisell2ProductCardHourMinute(hour, minute) {
|
|
62
74
|
return "".concat(hour > 0 ? "".concat(hour, "\u5C0F\u65F6") : '').concat(minute > 0 ? "".concat(minute, "\u5206\u949F") : '');
|
|
63
75
|
},
|
|
64
|
-
'pisell2.product.card.sales': '销售'
|
|
76
|
+
'pisell2.product.card.sales': '销售',
|
|
77
|
+
'pisell2.product.card.add.holder.modal.cancel': '取消',
|
|
78
|
+
'pisell2.product.card.add.holder.modal.clear': '清除',
|
|
79
|
+
'pisell2.product.card.add.holder.modal.apply': '应用',
|
|
80
|
+
'pisell2.product.card.add.holder.modal.add': '添加'
|
|
65
81
|
},
|
|
66
82
|
'zh-HK': {
|
|
67
83
|
'pisell2.product.card.edit': '編輯',
|
|
@@ -90,9 +106,17 @@ export default {
|
|
|
90
106
|
'pisell2.product.card.add.holder.placeholder': function pisell2ProductCardAddHolderPlaceholder(val) {
|
|
91
107
|
return "\u8ACB\u9078\u64C7".concat(val || '');
|
|
92
108
|
},
|
|
109
|
+
'pisell2.product.card.add.holder.placeholder.multiple': function pisell2ProductCardAddHolderPlaceholderMultiple(num, val) {
|
|
110
|
+
return "\u8ACB\u9078\u64C7".concat(num).concat(val || '');
|
|
111
|
+
},
|
|
112
|
+
'pisell2.product.card.add.holder.modal.title.1': "\u8ACB\u9078\u64C7",
|
|
93
113
|
'pisell2.product.card.hour.minute': function pisell2ProductCardHourMinute(hour, minute) {
|
|
94
114
|
return "".concat(hour > 0 ? "".concat(hour, "\u5C0F\u6642") : '').concat(minute > 0 ? "".concat(minute, "\u5206\u9418") : '');
|
|
95
115
|
},
|
|
96
|
-
'pisell2.product.card.sales': '銷售'
|
|
116
|
+
'pisell2.product.card.sales': '銷售',
|
|
117
|
+
'pisell2.product.card.add.holder.modal.cancel': '取消',
|
|
118
|
+
'pisell2.product.card.add.holder.modal.clear': '清除',
|
|
119
|
+
'pisell2.product.card.add.holder.modal.apply': '應用',
|
|
120
|
+
'pisell2.product.card.add.holder.modal.add': '添加'
|
|
97
121
|
}
|
|
98
122
|
};
|
|
@@ -29,12 +29,11 @@
|
|
|
29
29
|
align-items: center;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
&.profile-menu-user-info{
|
|
32
|
+
&.profile-menu-user-info {
|
|
33
33
|
flex: 1;
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
|
|
38
37
|
.profile-menu-user-info {
|
|
39
38
|
display: flex;
|
|
40
39
|
flex-direction: column;
|
|
@@ -52,7 +51,6 @@
|
|
|
52
51
|
|
|
53
52
|
&-name {
|
|
54
53
|
color: var(--Gray-700, #344054);
|
|
55
|
-
font-family: Inter;
|
|
56
54
|
font-size: 14px;
|
|
57
55
|
font-weight: 600;
|
|
58
56
|
line-height: 20px;
|
|
@@ -64,7 +62,6 @@
|
|
|
64
62
|
|
|
65
63
|
&-email {
|
|
66
64
|
color: var(--Gray-600, #475467);
|
|
67
|
-
font-family: Inter;
|
|
68
65
|
font-size: 14px;
|
|
69
66
|
font-weight: 400;
|
|
70
67
|
line-height: 20px;
|
|
@@ -132,4 +129,4 @@
|
|
|
132
129
|
background-color: var(--Gray-100, #f2f4f7);
|
|
133
130
|
}
|
|
134
131
|
}
|
|
135
|
-
}
|
|
132
|
+
}
|
|
@@ -15,7 +15,6 @@
|
|
|
15
15
|
color: #000;
|
|
16
16
|
|
|
17
17
|
/* Text md/Semibold */
|
|
18
|
-
font-family: Inter;
|
|
19
18
|
font-size: 16px;
|
|
20
19
|
font-style: normal;
|
|
21
20
|
font-weight: 600;
|
|
@@ -74,7 +73,6 @@
|
|
|
74
73
|
color: #000;
|
|
75
74
|
|
|
76
75
|
/* Text md/Semibold */
|
|
77
|
-
font-family: Inter;
|
|
78
76
|
font-size: 16px;
|
|
79
77
|
font-style: normal;
|
|
80
78
|
font-weight: 600;
|
|
@@ -92,8 +92,8 @@ var useCodeModal = function useCodeModal(cardNo, onCodeClick, codeType) {
|
|
|
92
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
93
|
var _interaction$utils2, _interaction$utils2$p;
|
|
94
94
|
var typeMap = {
|
|
95
|
-
orCode:
|
|
96
|
-
barCode:
|
|
95
|
+
orCode: "qrCode",
|
|
96
|
+
barCode: "barCode"
|
|
97
97
|
};
|
|
98
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
99
|
module: 'global',
|
|
@@ -210,7 +210,6 @@
|
|
|
210
210
|
|
|
211
211
|
text {
|
|
212
212
|
fill: #000;
|
|
213
|
-
font-family: Inter;
|
|
214
213
|
font-size: 12px;
|
|
215
214
|
font-style: normal;
|
|
216
215
|
font-weight: 400;
|
|
@@ -223,7 +222,6 @@
|
|
|
223
222
|
// 二维码下方文本样式
|
|
224
223
|
.pisell-wallet-card-code-qrcode-value {
|
|
225
224
|
color: #000;
|
|
226
|
-
font-family: Inter;
|
|
227
225
|
font-size: 12px;
|
|
228
226
|
text-align: center;
|
|
229
227
|
font-style: normal;
|
|
@@ -240,7 +238,7 @@
|
|
|
240
238
|
|
|
241
239
|
// 二维码模态框
|
|
242
240
|
.pisell-qrcode-modal {
|
|
243
|
-
.pisell-qrcode-modal-content{
|
|
241
|
+
.pisell-qrcode-modal-content {
|
|
244
242
|
pointer-events: auto;
|
|
245
243
|
touch-action: none;
|
|
246
244
|
overscroll-behavior: none;
|
package/es/locales/en-US.d.ts
CHANGED
|
@@ -267,6 +267,7 @@ declare const _default: {
|
|
|
267
267
|
'pisell-login-and-register-remember-me': string;
|
|
268
268
|
'pisell-login-and-register-forgot-password': string;
|
|
269
269
|
'pisell2.text.goodpass.product-vouchers': string;
|
|
270
|
+
'pisell2.text.goodpass.last-settlement': string;
|
|
270
271
|
'pisell2.text.goodpass.view-more': string;
|
|
271
272
|
'pisell2.text.goodpass.save': string;
|
|
272
273
|
};
|
package/es/locales/en-US.js
CHANGED
|
@@ -331,7 +331,8 @@ export default {
|
|
|
331
331
|
'pisell-login-and-register-remember-me': 'Remember me',
|
|
332
332
|
'pisell-login-and-register-forgot-password': 'Forgot password?',
|
|
333
333
|
// 商品券组件
|
|
334
|
-
'pisell2.text.goodpass.product-vouchers': "
|
|
334
|
+
'pisell2.text.goodpass.product-vouchers': "Promotions & Vouchers",
|
|
335
|
+
'pisell2.text.goodpass.last-settlement': "(Last payment)",
|
|
335
336
|
'pisell2.text.goodpass.view-more': "View More",
|
|
336
337
|
'pisell2.text.goodpass.save': "Save"
|
|
337
338
|
};
|
package/es/locales/zh-CN.d.ts
CHANGED
|
@@ -262,6 +262,7 @@ declare const _default: {
|
|
|
262
262
|
'pisell-login-and-register-remember-me': string;
|
|
263
263
|
'pisell-login-and-register-forgot-password': string;
|
|
264
264
|
'pisell2.text.goodpass.product-vouchers': string;
|
|
265
|
+
'pisell2.text.goodpass.last-settlement': string;
|
|
265
266
|
'pisell2.text.goodpass.view-more': string;
|
|
266
267
|
'pisell2.text.goodpass.save': string;
|
|
267
268
|
};
|
package/es/locales/zh-CN.js
CHANGED
|
@@ -322,7 +322,8 @@ export default {
|
|
|
322
322
|
'pisell-login-and-register-remember-me': '记住我',
|
|
323
323
|
'pisell-login-and-register-forgot-password': '忘记密码?',
|
|
324
324
|
// 商品券
|
|
325
|
-
'pisell2.text.goodpass.product-vouchers': "
|
|
325
|
+
'pisell2.text.goodpass.product-vouchers': "优惠促销",
|
|
326
|
+
'pisell2.text.goodpass.last-settlement': "(上次结算)",
|
|
326
327
|
'pisell2.text.goodpass.view-more': "查看更多",
|
|
327
328
|
'pisell2.text.goodpass.save': "节省"
|
|
328
329
|
};
|
package/es/locales/zh-TW.d.ts
CHANGED
|
@@ -262,6 +262,7 @@ declare const _default: {
|
|
|
262
262
|
'pisell-login-and-register-remember-me': string;
|
|
263
263
|
'pisell-login-and-register-forgot-password': string;
|
|
264
264
|
'pisell2.text.goodpass.product-vouchers': string;
|
|
265
|
+
'pisell2.text.goodpass.last-settlement': string;
|
|
265
266
|
'pisell2.text.goodpass.view-more': string;
|
|
266
267
|
'pisell2.text.goodpass.save': string;
|
|
267
268
|
};
|
package/es/locales/zh-TW.js
CHANGED
|
@@ -323,7 +323,8 @@ export default {
|
|
|
323
323
|
'pisell-login-and-register-register-button-text': '創建帳戶',
|
|
324
324
|
'pisell-login-and-register-remember-me': '記住我',
|
|
325
325
|
'pisell-login-and-register-forgot-password': '忘記密碼?',
|
|
326
|
-
'pisell2.text.goodpass.product-vouchers': "
|
|
326
|
+
'pisell2.text.goodpass.product-vouchers': "優惠促銷",
|
|
327
|
+
'pisell2.text.goodpass.last-settlement': "(上次結算)",
|
|
327
328
|
'pisell2.text.goodpass.view-more': "查看更多",
|
|
328
329
|
'pisell2.text.goodpass.save': "節省"
|
|
329
330
|
};
|
|
@@ -29,7 +29,7 @@ var useTableQuery = (props) => {
|
|
|
29
29
|
const { filterBy, sortBy, tabs } = props;
|
|
30
30
|
const [queryPageConfig, setQueryPageConfig] = (0, import_react.useState)({
|
|
31
31
|
page: 1,
|
|
32
|
-
pageSize:
|
|
32
|
+
pageSize: 20,
|
|
33
33
|
filter: ((_b = (_a = tabs == null ? void 0 : tabs.items) == null ? void 0 : _a[0]) == null ? void 0 : _b.filterBy) || filterBy || {},
|
|
34
34
|
sort: ((_d = (_c = tabs == null ? void 0 : tabs.items) == null ? void 0 : _c[0]) == null ? void 0 : _d.sortBy) || sortBy
|
|
35
35
|
});
|
|
@@ -37,18 +37,24 @@ var import_classnames = __toESM(require("classnames"));
|
|
|
37
37
|
var import_dayjs = __toESM(require("dayjs"));
|
|
38
38
|
var import_usePisellConfig = __toESM(require("../../../pisell-config-provider/hooks/usePisellConfig"));
|
|
39
39
|
var import_ReadPretty = require("./ReadPretty.less");
|
|
40
|
-
var DEFAULT_FORMAT = "YYYY
|
|
40
|
+
var DEFAULT_FORMAT = "DD/MM/YYYY HH:mm";
|
|
41
41
|
var DATE_FORMATS = {
|
|
42
42
|
"zh-CN": {
|
|
43
|
-
withTime: "YYYY-MM-DD HH:mm
|
|
43
|
+
withTime: "YYYY-MM-DD HH:mm",
|
|
44
44
|
withoutTime: "YYYY-MM-DD"
|
|
45
45
|
},
|
|
46
46
|
"en-US": {
|
|
47
|
-
withTime: "HH:mm
|
|
48
|
-
withoutTime: "
|
|
49
|
-
}
|
|
47
|
+
withTime: "MM/DD/YYYY HH:mm",
|
|
48
|
+
withoutTime: "MM/DD/YYYY"
|
|
49
|
+
},
|
|
50
|
+
"en-AU": { withTime: "DD/MM/YYYY HH:mm", withoutTime: "DD/MM/YYYY" },
|
|
51
|
+
en: { withTime: "DD/MM/YYYY HH:mm", withoutTime: "DD/MM/YYYY" }
|
|
50
52
|
};
|
|
51
|
-
var DatePickerReadPretty = ({
|
|
53
|
+
var DatePickerReadPretty = ({
|
|
54
|
+
value,
|
|
55
|
+
renderMode,
|
|
56
|
+
showTime
|
|
57
|
+
}) => {
|
|
52
58
|
const { locale = "zh-CN" } = (0, import_usePisellConfig.default)();
|
|
53
59
|
const dateFormat = (0, import_react.useMemo)(() => {
|
|
54
60
|
if (locale in DATE_FORMATS) {
|
|
@@ -56,7 +62,9 @@ var DatePickerReadPretty = ({ value, renderMode, showTime }) => {
|
|
|
56
62
|
return showTime ? formats.withTime : formats.withoutTime;
|
|
57
63
|
}
|
|
58
64
|
if (process.env.NODE_ENV !== "production") {
|
|
59
|
-
console.warn(
|
|
65
|
+
console.warn(
|
|
66
|
+
`Unsupported locale: ${locale}, falling back to default format`
|
|
67
|
+
);
|
|
60
68
|
}
|
|
61
69
|
return DEFAULT_FORMAT;
|
|
62
70
|
}, [locale, showTime]);
|
|
@@ -25,7 +25,6 @@
|
|
|
25
25
|
|
|
26
26
|
&-title {
|
|
27
27
|
color: var(--Gray-900, #101828);
|
|
28
|
-
font-family: Inter;
|
|
29
28
|
font-size: 16px;
|
|
30
29
|
font-weight: 600;
|
|
31
30
|
line-height: 40px;
|
|
@@ -114,7 +113,7 @@
|
|
|
114
113
|
display: flex;
|
|
115
114
|
align-items: center;
|
|
116
115
|
justify-content: center;
|
|
117
|
-
background:none;
|
|
116
|
+
background: none;
|
|
118
117
|
cursor: pointer;
|
|
119
118
|
transition: width 300ms ease;
|
|
120
119
|
user-select: none;
|
|
@@ -42,6 +42,8 @@ export interface PisellGoodPassCardProps {
|
|
|
42
42
|
}) => void;
|
|
43
43
|
/**样式 */
|
|
44
44
|
style: React.CSSProperties;
|
|
45
|
+
/**快捷展示排序 */
|
|
46
|
+
mixedSort?: (val: Discount[]) => Discount[];
|
|
45
47
|
}
|
|
46
48
|
declare const index: (props: PisellGoodPassCardProps) => JSX.Element;
|
|
47
49
|
export default index;
|
|
@@ -43,7 +43,7 @@ var index = (props) => {
|
|
|
43
43
|
var _a;
|
|
44
44
|
const context = (0, import_useEngineContext.default)();
|
|
45
45
|
const { translation } = (_a = context.appHelper) == null ? void 0 : _a.utils;
|
|
46
|
-
const { dataSource = [], onChange, style = {} } = props;
|
|
46
|
+
const { dataSource = [], onChange, style = {}, mixedSort } = props;
|
|
47
47
|
const [showModal, setShowModal] = (0, import_react.useState)(false);
|
|
48
48
|
console.log("pisell good card datasource", dataSource);
|
|
49
49
|
const handleChange = (newValue) => {
|
|
@@ -58,7 +58,7 @@ var index = (props) => {
|
|
|
58
58
|
});
|
|
59
59
|
};
|
|
60
60
|
const renderVoucherContent = (item) => {
|
|
61
|
-
return /* @__PURE__ */ import_react.default.createElement("span",
|
|
61
|
+
return /* @__PURE__ */ import_react.default.createElement("span", { className: `voucher-item-content-save` }, (0, import_locales.getText)("pisell2.text.goodpass.save"), " ", /* @__PURE__ */ import_react.default.createElement(import__.PisellText.Amount, { value: item.savedAmount }));
|
|
62
62
|
};
|
|
63
63
|
const renderActionElement = (item) => {
|
|
64
64
|
const isChecked = item.isSelected;
|
|
@@ -69,11 +69,12 @@ var index = (props) => {
|
|
|
69
69
|
style: { marginLeft: 8 },
|
|
70
70
|
checked: isChecked,
|
|
71
71
|
onChange: (e) => handleItemChange(item, e.target.checked)
|
|
72
|
-
}
|
|
72
|
+
},
|
|
73
|
+
renderVoucherContent(item)
|
|
73
74
|
);
|
|
74
75
|
};
|
|
75
76
|
const renderVoucherItem = (item) => {
|
|
76
|
-
return /* @__PURE__ */ import_react.default.createElement("div", { key: item.id, className: `${clsPrefix}-voucher-item` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "item-title" }, translation(item.format_title)), /* @__PURE__ */ import_react.default.createElement("div", { className: "item-content" },
|
|
77
|
+
return /* @__PURE__ */ import_react.default.createElement("div", { key: item.id, className: `${clsPrefix}-voucher-item` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "item-title" }, translation(item.format_title), item.isEditMode && (0, import_locales.getText)("pisell2.text.goodpass.last-settlement")), /* @__PURE__ */ import_react.default.createElement("div", { className: "item-content" }, renderActionElement(item)));
|
|
77
78
|
};
|
|
78
79
|
const renderModal = () => {
|
|
79
80
|
return /* @__PURE__ */ import_react.default.createElement(
|
|
@@ -85,11 +86,12 @@ var index = (props) => {
|
|
|
85
86
|
onCancel: () => setShowModal(false),
|
|
86
87
|
className: `${clsPrefix}-all-items-modal`
|
|
87
88
|
},
|
|
88
|
-
/* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "10px 0" } }, dataSource.map(renderVoucherItem))
|
|
89
|
+
/* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "10px 0", display: "flex", flexDirection: "column", gap: 12 } }, dataSource.map(renderVoucherItem))
|
|
89
90
|
);
|
|
90
91
|
};
|
|
91
92
|
const renderMixedMode = () => {
|
|
92
|
-
const
|
|
93
|
+
const sortList = (mixedSort == null ? void 0 : mixedSort(dataSource)) || dataSource;
|
|
94
|
+
const list = sortList.length > 3 ? sortList.slice(0, 3) : sortList;
|
|
93
95
|
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: `${clsPrefix}-header` }, /* @__PURE__ */ import_react.default.createElement("div", null, (0, import_locales.getText)("pisell2.text.goodpass.product-vouchers")), /* @__PURE__ */ import_react.default.createElement(import_antd.Typography.Text, { underline: true, onClick: () => setShowModal(true) }, (0, import_locales.getText)("pisell2.text.goodpass.view-more"))), /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: 4 } }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${clsPrefix}-body` }, list.map(renderVoucherItem)));
|
|
94
96
|
};
|
|
95
97
|
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderModal(), /* @__PURE__ */ import_react.default.createElement(
|
|
@@ -7,7 +7,6 @@
|
|
|
7
7
|
align-items: center;
|
|
8
8
|
color: var(--Gray-900, #101828);
|
|
9
9
|
text-align: center;
|
|
10
|
-
font-family: Inter;
|
|
11
10
|
font-size: 14px;
|
|
12
11
|
font-style: normal;
|
|
13
12
|
font-weight: 600;
|
|
@@ -23,8 +22,7 @@
|
|
|
23
22
|
.item-title {
|
|
24
23
|
color: var(--Gray-500, #667085);
|
|
25
24
|
// text-align: center;
|
|
26
|
-
font-
|
|
27
|
-
font-size: 14px;
|
|
25
|
+
font-size: 16px;
|
|
28
26
|
font-style: normal;
|
|
29
27
|
font-weight: 600;
|
|
30
28
|
line-height: 20px;
|
|
@@ -32,17 +30,24 @@
|
|
|
32
30
|
|
|
33
31
|
.item-content {
|
|
34
32
|
color: var(--, #8157d5);
|
|
35
|
-
font-
|
|
36
|
-
font-size: 14px;
|
|
33
|
+
font-size: 16px;
|
|
37
34
|
font-style: normal;
|
|
38
35
|
font-weight: 400;
|
|
39
36
|
line-height: 20px;
|
|
40
37
|
white-space: nowrap;
|
|
41
38
|
|
|
39
|
+
.voucher-item-content-save {
|
|
40
|
+
color: var(--, #8157d5);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.pisell-lowcode-checkbox-wrapper {
|
|
44
|
+
display: flex;
|
|
45
|
+
flex-direction: row-reverse;
|
|
46
|
+
}
|
|
47
|
+
|
|
42
48
|
.add-btn {
|
|
43
49
|
color: var(--, #8157d5);
|
|
44
50
|
text-align: center;
|
|
45
|
-
font-family: Inter;
|
|
46
51
|
font-size: 14px;
|
|
47
52
|
font-style: normal;
|
|
48
53
|
font-weight: 600;
|