@pisell/materials 6.2.24 → 6.2.26
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 +7 -7
- package/build/lowcode/preview.js +146 -146
- package/build/lowcode/render/default/view.css +1 -1
- package/build/lowcode/render/default/view.js +36 -27
- package/build/lowcode/view.css +1 -1
- package/build/lowcode/view.js +41 -32
- package/es/components/DragSortList/index.js +6 -6
- package/es/components/classicLayout/index.js +4 -5
- package/es/components/dataSourceComponents/fields/Input.Subdomain/index.d.ts +1 -1
- package/es/components/dataSourceComponents/fields/Upload/utils.d.ts +1 -1
- package/es/components/dataSourceComponents/fields/index.d.ts +8 -8
- package/es/components/icon/index.js +5 -5
- package/es/components/iconfont/index.js +1 -1
- package/es/components/list/index.js +6 -6
- package/es/components/pisellAdjustPrice/index.js +64 -8
- package/es/components/pisellAdjustPrice/index.less +35 -6
- package/es/components/pisellAdjustPrice/status.js +32 -0
- package/es/components/pisellAdjustPrice/type.js +1 -0
- package/es/components/pisellToast/index.js +3 -0
- package/es/components/productCard/cartSkuCard/components/basicInfo/index.js +61 -0
- package/es/components/productCard/cartSkuCard/components/basicInfo/index.less +98 -0
- package/es/components/productCard/cartSkuCard/components/discountReason/index.js +51 -0
- package/es/components/productCard/cartSkuCard/components/holders/index.js +32 -0
- package/es/components/productCard/cartSkuCard/components/holders/index.less +32 -0
- package/es/components/productCard/cartSkuCard/components/packages/index.js +52 -0
- package/es/components/productCard/cartSkuCard/components/packages/index.less +22 -0
- package/es/components/productCard/cartSkuCard/components/packages/utils.js +40 -0
- package/es/components/productCard/cartSkuCard/components/resources/index.js +44 -0
- package/es/components/productCard/cartSkuCard/components/resources/index.less +20 -0
- package/es/components/productCard/cartSkuCard/components/sales/index.js +55 -0
- package/es/components/productCard/cartSkuCard/components/sales/index.less +22 -0
- package/es/components/productCard/cartSkuCard/components/specs/index.js +43 -0
- package/es/components/productCard/cartSkuCard/components/specs/index.less +28 -0
- package/es/components/productCard/cartSkuCard/components/timeRange/index.js +53 -0
- package/es/components/productCard/cartSkuCard/components/timeRange/index.less +37 -0
- package/es/components/productCard/cartSkuCard/index.js +195 -0
- package/es/components/productCard/cartSkuCard/index.less +69 -0
- package/es/components/productCard/cartSkuCard/locales.js +30 -0
- package/es/components/productCard/components/Header/index.js +4 -3
- package/es/components/productCard/components/Sales/index.js +2 -2
- package/es/components/productCard/index.js +2 -0
- package/es/components/qrcode/index.js +1 -1
- package/es/components/sort/components/InlineMenu/index.js +1 -1
- package/es/components/table/Actions/component/ButtonIcon/index.js +5 -5
- package/es/components/table/Actions/component/ViewMode/index.js +1 -1
- package/es/components/table/Gallery/components/GalleryItem/components/RenderFields/index.js +4 -5
- package/es/components/table/Header/Buttons/index.js +5 -5
- package/es/components/table/Table/AddFieldModal/index.js +6 -6
- package/es/components/table/Table/SelectField/index.js +4 -4
- package/es/components/table/Table/fields/date/Edit/index.js +1 -1
- package/es/components/table/Table/fields/link/Edit/index.js +5 -5
- package/es/components/table/Table/fields/rangePicker/filterUtil/index.js +1 -1
- package/es/components/table/Table/fields/search/filterUtil/index.js +0 -1
- package/es/components/table/Table/fields/text/Show/index.js +4 -4
- package/es/components/table/Table/fields/text/filterUtil/index.js +0 -1
- package/es/components/table/Table/tableConfig/SortRow/index.js +2 -2
- package/es/components/table/Table/tableConfig/body/CellContent/index.js +3 -3
- package/es/components/table/Table/tableConfig/body/CellProvider/index.js +8 -8
- package/es/components/table/Table/utils.d.ts +1 -1
- package/es/components/table/hooks/useMergeColumnSetting.js +1 -2
- package/es/components/table/hooks/useTransDataSourceGroupSetting.js +5 -5
- package/es/components/table/hooks/useTransFilterSetting.js +5 -5
- package/es/components/translation/utils.js +5 -5
- package/es/components/virtual-keyboard/Amount/index.js +79 -7
- package/es/components/virtual-keyboard/Amount/index.less +39 -0
- package/es/components/virtual-keyboard/Amount/themeConfig.js +32 -0
- package/es/components/virtual-keyboard/Amount/types.js +1 -0
- package/es/components/virtual-keyboard/BaseNumberKeyboard/index.js +38 -10
- package/es/components/virtual-keyboard/Keyboard/index.js +2 -2
- package/es/components/virtual-keyboard/Number/index.js +77 -7
- package/es/components/virtual-keyboard/Number/index.less +39 -0
- package/es/components/virtual-keyboard/Number/themeConfig.js +32 -0
- package/es/components/virtual-keyboard/Number/types.js +1 -0
- package/es/components/virtual-keyboard/VirtualKeyInput/index.js +10 -3
- package/es/components/virtual-keyboard/index.js +88 -3
- package/es/components/virtual-keyboard/index.less +33 -1
- package/es/hooks/useResponsive.js +2 -2
- package/es/utils/hoc.js +1 -1
- package/es/utils/miniRedux.js +8 -9
- package/lib/components/dataSourceComponents/fields/Input.Subdomain/index.d.ts +1 -1
- package/lib/components/dataSourceComponents/fields/Upload/utils.d.ts +1 -1
- package/lib/components/dataSourceComponents/fields/index.d.ts +8 -8
- package/lib/components/iconfont/index.js +1 -1
- package/lib/components/lowCodePage/index.js +1 -2
- package/lib/components/pisellAdjustPrice/index.js +119 -57
- package/lib/components/pisellAdjustPrice/index.less +35 -6
- package/lib/components/pisellAdjustPrice/status.js +60 -0
- package/lib/components/pisellAdjustPrice/type.js +17 -0
- package/lib/components/pisellToast/index.js +3 -0
- package/lib/components/productCard/cartSkuCard/components/basicInfo/index.js +71 -0
- package/lib/components/productCard/cartSkuCard/components/basicInfo/index.less +98 -0
- package/lib/components/productCard/cartSkuCard/components/discountReason/index.js +70 -0
- package/lib/components/productCard/cartSkuCard/components/holders/index.js +52 -0
- package/lib/components/productCard/cartSkuCard/components/holders/index.less +32 -0
- package/lib/components/productCard/cartSkuCard/components/packages/index.js +73 -0
- package/lib/components/productCard/cartSkuCard/components/packages/index.less +22 -0
- package/lib/components/productCard/cartSkuCard/components/packages/utils.js +44 -0
- package/lib/components/productCard/cartSkuCard/components/resources/index.js +73 -0
- package/lib/components/productCard/cartSkuCard/components/resources/index.less +20 -0
- package/lib/components/productCard/cartSkuCard/components/sales/index.js +76 -0
- package/lib/components/productCard/cartSkuCard/components/sales/index.less +22 -0
- package/lib/components/productCard/cartSkuCard/components/specs/index.js +65 -0
- package/lib/components/productCard/cartSkuCard/components/specs/index.less +28 -0
- package/lib/components/productCard/cartSkuCard/components/timeRange/index.js +67 -0
- package/lib/components/productCard/cartSkuCard/components/timeRange/index.less +37 -0
- package/lib/components/productCard/cartSkuCard/index.js +216 -0
- package/lib/components/productCard/cartSkuCard/index.less +69 -0
- package/lib/components/productCard/cartSkuCard/locales.js +61 -0
- package/lib/components/productCard/components/Header/index.js +4 -3
- package/lib/components/productCard/components/Sales/index.js +2 -2
- package/lib/components/productCard/index.js +2 -0
- package/lib/components/table/Table/fields/date/filterUtil/index.js +3 -6
- package/lib/components/table/Table/fields/rangePicker/filterUtil/index.js +4 -8
- package/lib/components/table/Table/fields/utils/index.js +1 -2
- package/lib/components/table/Table/utils.d.ts +1 -1
- package/lib/components/virtual-keyboard/Amount/index.js +72 -16
- package/lib/components/virtual-keyboard/Amount/index.less +39 -0
- package/lib/components/virtual-keyboard/Amount/themeConfig.js +60 -0
- package/lib/components/virtual-keyboard/Amount/types.js +17 -0
- package/lib/components/virtual-keyboard/BaseNumberKeyboard/index.js +31 -8
- package/lib/components/virtual-keyboard/Keyboard/index.js +2 -1
- package/lib/components/virtual-keyboard/Number/index.js +65 -11
- package/lib/components/virtual-keyboard/Number/index.less +39 -0
- package/lib/components/virtual-keyboard/Number/themeConfig.js +60 -0
- package/lib/components/virtual-keyboard/Number/types.js +17 -0
- package/lib/components/virtual-keyboard/VirtualKeyInput/index.js +34 -20
- package/lib/components/virtual-keyboard/index.js +60 -2
- package/lib/components/virtual-keyboard/index.less +33 -1
- package/lib/hooks/useResponsive.js +3 -6
- package/lowcode/_setters/antd-icon-setter/index.tsx +3 -2
- package/lowcode/pisell-adjust-price/meta.ts +168 -0
- package/lowcode/pisell-adjust-price/snippets.ts +1 -0
- package/lowcode/pisell-number-keyboard/meta.ts +167 -0
- package/lowcode/pisell-price-keyboard/meta.ts +167 -0
- package/lowcode/virtual-keyboard/meta.ts +131 -0
- package/package.json +1 -1
- package/dist/umd/materials.min.css +0 -1
- package/dist/umd/materials.min.js +0 -1
- package/dist/umd/static/DotsSix.57d66266.svg +0 -1
- package/dist/umd/static/arrow-left.e542294f.svg +0 -1
- package/dist/umd/static/arrow-right.763f03e0.svg +0 -1
- package/dist/umd/static/filter-lines.04a54ae9.svg +0 -1
- package/dist/umd/static/help-circle.31c9be40.svg +0 -1
- package/dist/umd/static/switch-vertical-01.7ebe3ba8.svg +0 -1
- package/es/components/iconfont/index.d.ts +0 -8
- package/es/components/pisellAdjustPrice/index.d.ts +0 -9
- package/es/components/pisellToast/index.d.ts +0 -16
- package/es/components/productCard/components/Header/index.d.ts +0 -3
- package/es/components/productCard/components/Sales/index.d.ts +0 -3
- package/es/components/productCard/index.d.ts +0 -5
- package/es/components/productCard/locales.d.ts +0 -84
- package/es/components/productCard/status.d.ts +0 -32
- package/es/components/productCard/types.d.ts +0 -84
- package/es/components/virtual-keyboard/Amount/index.d.ts +0 -22
- package/es/components/virtual-keyboard/BaseNumberKeyboard/index.d.ts +0 -19
- package/es/components/virtual-keyboard/Keyboard/index.d.ts +0 -21
- package/es/components/virtual-keyboard/Number/index.d.ts +0 -13
- package/es/components/virtual-keyboard/VirtualKeyInput/index.d.ts +0 -11
- package/es/components/virtual-keyboard/index.d.ts +0 -14
- package/lib/components/iconfont/index.d.ts +0 -8
- package/lib/components/pisellAdjustPrice/index.d.ts +0 -9
- package/lib/components/pisellToast/index.d.ts +0 -16
- package/lib/components/productCard/components/Header/index.d.ts +0 -3
- package/lib/components/productCard/components/Sales/index.d.ts +0 -3
- package/lib/components/productCard/index.d.ts +0 -5
- package/lib/components/productCard/locales.d.ts +0 -84
- package/lib/components/productCard/status.d.ts +0 -32
- package/lib/components/productCard/types.d.ts +0 -84
- package/lib/components/virtual-keyboard/Amount/index.d.ts +0 -22
- package/lib/components/virtual-keyboard/BaseNumberKeyboard/index.d.ts +0 -19
- package/lib/components/virtual-keyboard/Keyboard/index.d.ts +0 -21
- package/lib/components/virtual-keyboard/Number/index.d.ts +0 -13
- package/lib/components/virtual-keyboard/VirtualKeyInput/index.d.ts +0 -11
- package/lib/components/virtual-keyboard/index.d.ts +0 -14
|
@@ -89,10 +89,10 @@ var Keyboard = function Keyboard(props) {
|
|
|
89
89
|
key: item.value,
|
|
90
90
|
type: item.type,
|
|
91
91
|
className: "virtual-keyboard-item-button",
|
|
92
|
-
style: {
|
|
92
|
+
style: _objectSpread({
|
|
93
93
|
fontSize: ((_item$style2 = item.style) === null || _item$style2 === void 0 ? void 0 : _item$style2.fontSize) || 25,
|
|
94
94
|
color: item.type === 'primary' ? '#fff' : ((_item$style3 = item.style) === null || _item$style3 === void 0 ? void 0 : _item$style3.color) || undefined
|
|
95
|
-
},
|
|
95
|
+
}, item.type === 'primary' ? item.style || {} : {}),
|
|
96
96
|
disabled: item.disabled,
|
|
97
97
|
onClick: function onClick(e) {
|
|
98
98
|
onChange === null || onChange === void 0 || onChange(item.value);
|
|
@@ -1,27 +1,88 @@
|
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
var _excluded = ["min", "max", "doneText", "resetText", "defaultValue", "placeholder", "onEnter", "selectType"];
|
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
7
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
1
8
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
9
|
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
10
|
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
11
|
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
12
|
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
13
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
-
|
|
14
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
16
|
+
import React, { useEffect, useMemo } from 'react';
|
|
8
17
|
import { useControllableValue } from 'ahooks';
|
|
18
|
+
import classNames from 'classnames';
|
|
19
|
+
import { setTheme } from '@pisell/utils';
|
|
9
20
|
import BaseNumberKeyboard from "../BaseNumberKeyboard";
|
|
10
|
-
|
|
21
|
+
import usePisellConfig from "../../pisell-config-provider/hooks/usePisellConfig";
|
|
22
|
+
import { numberThemeConfig } from "./themeConfig";
|
|
23
|
+
import "./index.less";
|
|
24
|
+
var _Number = function _Number(props) {
|
|
11
25
|
var min = props.min,
|
|
12
26
|
max = props.max,
|
|
13
27
|
doneText = props.doneText,
|
|
14
28
|
resetText = props.resetText,
|
|
15
29
|
defaultValue = props.defaultValue,
|
|
16
30
|
placeholder = props.placeholder,
|
|
17
|
-
onEnter = props.onEnter
|
|
31
|
+
onEnter = props.onEnter,
|
|
32
|
+
_props$selectType = props.selectType,
|
|
33
|
+
selectType = _props$selectType === void 0 ? 'light' : _props$selectType,
|
|
34
|
+
others = _objectWithoutProperties(props, _excluded);
|
|
35
|
+
var config = usePisellConfig();
|
|
18
36
|
var _useControllableValue = useControllableValue(props, {
|
|
19
37
|
defaultValue: defaultValue || ""
|
|
20
38
|
}),
|
|
21
39
|
_useControllableValue2 = _slicedToArray(_useControllableValue, 2),
|
|
22
40
|
value = _useControllableValue2[0],
|
|
23
41
|
setValue = _useControllableValue2[1];
|
|
24
|
-
|
|
42
|
+
useEffect(function () {
|
|
43
|
+
document.body.id = 'body';
|
|
44
|
+
}, []);
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* 配置颜色
|
|
48
|
+
* 根据 props 和 selectType 生成最终的配置颜色
|
|
49
|
+
*/
|
|
50
|
+
var configColor = useMemo(function () {
|
|
51
|
+
var currentConfig = numberThemeConfig[selectType];
|
|
52
|
+
|
|
53
|
+
// 过滤出有效的 props 并合并到默认配置中
|
|
54
|
+
var validProps = Object.entries(props).reduce(function (acc, _ref) {
|
|
55
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
|
56
|
+
key = _ref2[0],
|
|
57
|
+
value = _ref2[1];
|
|
58
|
+
if (value !== undefined && key in currentConfig) {
|
|
59
|
+
acc[key] = value;
|
|
60
|
+
}
|
|
61
|
+
return acc;
|
|
62
|
+
}, {});
|
|
63
|
+
return _objectSpread(_objectSpread({}, currentConfig), validProps);
|
|
64
|
+
}, [selectType, props]);
|
|
65
|
+
useEffect(function () {
|
|
66
|
+
setTheme({
|
|
67
|
+
'--pisell-number-background-color': configColor.backgroundColor,
|
|
68
|
+
'--pisell-number-container-background-color': configColor.containerBackgroundColor,
|
|
69
|
+
'--pisell-number-text-color': configColor.textColor,
|
|
70
|
+
'--pisell-number-keyboard-background-color': configColor.keyboardBackgroundColor,
|
|
71
|
+
'--pisell-number-keyboard-button-background-color': configColor.keyboardButtonBackgroundColor,
|
|
72
|
+
'--pisell-number-keyboard-button-text-color': configColor.keyboardButtonTextColor,
|
|
73
|
+
'--pisell-number-keyboard-button-hover-color': configColor.keyboardButtonHoverColor,
|
|
74
|
+
'--pisell-number-reset-button-background-color': configColor.resetButtonBackgroundColor,
|
|
75
|
+
'--pisell-number-reset-button-text-color': configColor.resetButtonTextColor,
|
|
76
|
+
'--pisell-number-done-button-background-color': configColor.doneButtonBackgroundColor,
|
|
77
|
+
'--pisell-number-done-button-text-color': configColor.doneButtonTextColor
|
|
78
|
+
});
|
|
79
|
+
}, [configColor]);
|
|
80
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
81
|
+
className: classNames('pisell-number-keyboard-wrap', {
|
|
82
|
+
'pisell-number-keyboard-dark': selectType === 'dark',
|
|
83
|
+
'pisell-number-keyboard-light': selectType === 'light'
|
|
84
|
+
})
|
|
85
|
+
}, /*#__PURE__*/React.createElement(BaseNumberKeyboard, {
|
|
25
86
|
max: max,
|
|
26
87
|
min: min,
|
|
27
88
|
value: value,
|
|
@@ -29,7 +90,16 @@ var Number = function Number(props) {
|
|
|
29
90
|
placeholder: placeholder,
|
|
30
91
|
doneText: doneText,
|
|
31
92
|
resetText: resetText,
|
|
32
|
-
onEnter: onEnter
|
|
33
|
-
|
|
93
|
+
onEnter: onEnter,
|
|
94
|
+
rightItemsStyle: {
|
|
95
|
+
buttonBackgroundColor: configColor.buttonBackgroundColor,
|
|
96
|
+
textColor: configColor.textColor,
|
|
97
|
+
resetButtonBackgroundColor: configColor.resetButtonBackgroundColor,
|
|
98
|
+
resetButtonTextColor: configColor.resetButtonTextColor,
|
|
99
|
+
isDoneButtonFollowTheme: configColor.isDoneButtonFollowTheme,
|
|
100
|
+
doneButtonBackgroundColor: configColor.doneButtonBackgroundColor,
|
|
101
|
+
doneButtonTextColor: configColor.doneButtonTextColor
|
|
102
|
+
}
|
|
103
|
+
}));
|
|
34
104
|
};
|
|
35
|
-
export default
|
|
105
|
+
export default _Number;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
.pisell-number-keyboard-wrap {
|
|
2
|
+
background-color: var(--pisell-number-background-color, #ffffff);
|
|
3
|
+
|
|
4
|
+
&.pisell-number-keyboard-dark {
|
|
5
|
+
background-color: var(--pisell-number-background-color, rgba(0, 0, 0, 0.70));
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
&.pisell-number-keyboard-light {
|
|
9
|
+
background-color: var(--pisell-number-background-color, #ffffff);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.pisell-virtual-keyboard-input {
|
|
13
|
+
background-color: var(--pisell-number-container-background-color, #d0d5dd);
|
|
14
|
+
color: var(--pisell-number-text-color, #000000);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.pisell-keyboard {
|
|
18
|
+
background-color: var(--pisell-number-keyboard-background-color, #f9f9f9);
|
|
19
|
+
|
|
20
|
+
.pisell-keyboard-item {
|
|
21
|
+
background-color: var(--pisell-number-keyboard-button-background-color, #ffffff);
|
|
22
|
+
color: var(--pisell-number-keyboard-button-text-color, #000000);
|
|
23
|
+
|
|
24
|
+
&:hover {
|
|
25
|
+
background-color: var(--pisell-number-keyboard-button-hover-color, #f5f5f5);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.pisell-keyboard-reset-button {
|
|
30
|
+
background-color: var(--pisell-number-reset-button-background-color, #ffffff);
|
|
31
|
+
color: var(--pisell-number-reset-button-text-color, #d92d20);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.pisell-keyboard-done-button {
|
|
35
|
+
background-color: var(--pisell-number-done-button-background-color, #4ca30d);
|
|
36
|
+
color: var(--pisell-number-done-button-text-color, #ffffff);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export var numberThemeConfig = {
|
|
2
|
+
dark: {
|
|
3
|
+
backgroundColor: 'rgba(0, 0, 0, 0.70)',
|
|
4
|
+
containerBackgroundColor: 'rgba(0, 0, 0, 0.40)',
|
|
5
|
+
buttonBackgroundColor: '#ffffff',
|
|
6
|
+
textColor: '#000000',
|
|
7
|
+
resetButtonBackgroundColor: '#ffffff',
|
|
8
|
+
resetButtonTextColor: '#d92d20',
|
|
9
|
+
isDoneButtonFollowTheme: true,
|
|
10
|
+
doneButtonBackgroundColor: '#4ca30d',
|
|
11
|
+
doneButtonTextColor: '#ffffff',
|
|
12
|
+
keyboardBackgroundColor: 'rgba(0, 0, 0, 0.40)',
|
|
13
|
+
keyboardButtonBackgroundColor: '#ffffff',
|
|
14
|
+
keyboardButtonTextColor: '#000000',
|
|
15
|
+
keyboardButtonHoverColor: '#f5f5f5'
|
|
16
|
+
},
|
|
17
|
+
light: {
|
|
18
|
+
backgroundColor: '#ffffff',
|
|
19
|
+
containerBackgroundColor: '#d0d5dd',
|
|
20
|
+
buttonBackgroundColor: '#ffffff',
|
|
21
|
+
textColor: '#000000',
|
|
22
|
+
resetButtonBackgroundColor: '#ffffff',
|
|
23
|
+
resetButtonTextColor: '#d92d20',
|
|
24
|
+
isDoneButtonFollowTheme: true,
|
|
25
|
+
doneButtonBackgroundColor: '#4ca30d',
|
|
26
|
+
doneButtonTextColor: '#ffffff',
|
|
27
|
+
keyboardBackgroundColor: '#f9f9f9',
|
|
28
|
+
keyboardButtonBackgroundColor: '#ffffff',
|
|
29
|
+
keyboardButtonTextColor: '#000000',
|
|
30
|
+
keyboardButtonHoverColor: '#f5f5f5'
|
|
31
|
+
}
|
|
32
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -20,7 +20,8 @@ var VirtualKeyInput = function VirtualKeyInput(props) {
|
|
|
20
20
|
_props$showDelete = props.showDelete,
|
|
21
21
|
showDelete = _props$showDelete === void 0 ? true : _props$showDelete,
|
|
22
22
|
onValueSelect = props.onValueSelect,
|
|
23
|
-
defaultSelect = props.defaultSelect
|
|
23
|
+
defaultSelect = props.defaultSelect,
|
|
24
|
+
style = props.style;
|
|
24
25
|
var _useState = useState(defaultSelect !== null && defaultSelect !== void 0 ? defaultSelect : false),
|
|
25
26
|
_useState2 = _slicedToArray(_useState, 2),
|
|
26
27
|
select = _useState2[0],
|
|
@@ -57,7 +58,10 @@ var VirtualKeyInput = function VirtualKeyInput(props) {
|
|
|
57
58
|
});
|
|
58
59
|
};
|
|
59
60
|
return /*#__PURE__*/React.createElement("div", {
|
|
60
|
-
className: "virtual-keyboard-input-wrap"
|
|
61
|
+
className: "virtual-keyboard-input-wrap",
|
|
62
|
+
style: {
|
|
63
|
+
backgroundColor: (style === null || style === void 0 ? void 0 : style.backgroundColor) || '#ffffff'
|
|
64
|
+
}
|
|
61
65
|
}, props.renderInput ? /*#__PURE__*/React.createElement("div", {
|
|
62
66
|
className: classNames('virtual-keyboard-input', {
|
|
63
67
|
'virtual-keyboard-input-select': select
|
|
@@ -66,6 +70,9 @@ var VirtualKeyInput = function VirtualKeyInput(props) {
|
|
|
66
70
|
if (value) {
|
|
67
71
|
handleSelectChange(!select);
|
|
68
72
|
}
|
|
73
|
+
},
|
|
74
|
+
style: {
|
|
75
|
+
color: (style === null || style === void 0 ? void 0 : style.color) || '#000000'
|
|
69
76
|
}
|
|
70
77
|
}, props.renderInput(props)) : /*#__PURE__*/React.createElement(Input, _extends({
|
|
71
78
|
className: "virtual-keyboard-input",
|
|
@@ -73,7 +80,7 @@ var VirtualKeyInput = function VirtualKeyInput(props) {
|
|
|
73
80
|
}, props, {
|
|
74
81
|
readOnly: true,
|
|
75
82
|
value: previewValue
|
|
76
|
-
})), (_ref = "".concat(value !== null && value !== void 0 ? value :
|
|
83
|
+
})), (_ref = "".concat(value !== null && value !== void 0 ? value : '')) !== null && _ref !== void 0 && _ref.length && showDelete ? /*#__PURE__*/React.createElement("div", {
|
|
77
84
|
className: "virtual-keyboard-input-delete",
|
|
78
85
|
onClick: _onDelete
|
|
79
86
|
}, /*#__PURE__*/React.createElement(Delete, {
|
|
@@ -1,9 +1,26 @@
|
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
var _excluded = ["virtualKeyInputProps", "style", "className", "keyboardProps", "onChange", "value", "rightPanel", "selectType"];
|
|
1
3
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
4
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
7
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
8
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
9
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
|
+
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."); }
|
|
11
|
+
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); }
|
|
12
|
+
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; }
|
|
13
|
+
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; } }
|
|
14
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
15
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
16
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
17
|
+
import React, { useEffect, useMemo } from "react";
|
|
3
18
|
import Keyboard from "./Keyboard";
|
|
4
19
|
import VirtualKeyInput from "./VirtualKeyInput";
|
|
5
20
|
import "./index.less";
|
|
6
21
|
import classNames from "classnames";
|
|
22
|
+
import { setTheme } from '@pisell/utils';
|
|
23
|
+
import usePisellConfig from "../pisell-config-provider/hooks/usePisellConfig";
|
|
7
24
|
var items = [{
|
|
8
25
|
value: 1,
|
|
9
26
|
label: "1",
|
|
@@ -60,6 +77,33 @@ var items = [{
|
|
|
60
77
|
disabled: false,
|
|
61
78
|
type: "primary"
|
|
62
79
|
}];
|
|
80
|
+
// 默认主题配置
|
|
81
|
+
var virtualKeyboardThemeConfig = {
|
|
82
|
+
dark: {
|
|
83
|
+
backgroundColor: 'rgba(0, 0, 0, 0.70)',
|
|
84
|
+
containerBackgroundColor: 'rgba(0, 0, 0, 0.40)',
|
|
85
|
+
buttonBackgroundColor: '#ffffff',
|
|
86
|
+
textColor: '#000000',
|
|
87
|
+
keyboardBackgroundColor: 'rgba(0, 0, 0, 0.40)',
|
|
88
|
+
keyboardButtonBackgroundColor: '#ffffff',
|
|
89
|
+
keyboardButtonTextColor: '#000000',
|
|
90
|
+
keyboardButtonHoverColor: '#f5f5f5',
|
|
91
|
+
primaryButtonBackgroundColor: '#4ca30d',
|
|
92
|
+
primaryButtonTextColor: '#ffffff'
|
|
93
|
+
},
|
|
94
|
+
light: {
|
|
95
|
+
backgroundColor: '#ffffff',
|
|
96
|
+
containerBackgroundColor: '#d0d5dd',
|
|
97
|
+
buttonBackgroundColor: '#ffffff',
|
|
98
|
+
textColor: '#000000',
|
|
99
|
+
keyboardBackgroundColor: '#f9f9f9',
|
|
100
|
+
keyboardButtonBackgroundColor: '#ffffff',
|
|
101
|
+
keyboardButtonTextColor: '#000000',
|
|
102
|
+
keyboardButtonHoverColor: '#f5f5f5',
|
|
103
|
+
primaryButtonBackgroundColor: '#4ca30d',
|
|
104
|
+
primaryButtonTextColor: '#ffffff'
|
|
105
|
+
}
|
|
106
|
+
};
|
|
63
107
|
var VirtualKeyboard = function VirtualKeyboard(props) {
|
|
64
108
|
var virtualKeyInputProps = props.virtualKeyInputProps,
|
|
65
109
|
style = props.style,
|
|
@@ -67,12 +111,53 @@ var VirtualKeyboard = function VirtualKeyboard(props) {
|
|
|
67
111
|
keyboardProps = props.keyboardProps,
|
|
68
112
|
onChange = props.onChange,
|
|
69
113
|
value = props.value,
|
|
70
|
-
rightPanel = props.rightPanel
|
|
114
|
+
rightPanel = props.rightPanel,
|
|
115
|
+
_props$selectType = props.selectType,
|
|
116
|
+
selectType = _props$selectType === void 0 ? 'light' : _props$selectType,
|
|
117
|
+
others = _objectWithoutProperties(props, _excluded);
|
|
118
|
+
var config = usePisellConfig();
|
|
71
119
|
useEffect(function () {
|
|
72
120
|
document.body.id = "body";
|
|
73
121
|
}, []);
|
|
122
|
+
|
|
123
|
+
/**
|
|
124
|
+
* 配置颜色
|
|
125
|
+
* 根据 props 和 selectType 生成最终的配置颜色
|
|
126
|
+
*/
|
|
127
|
+
var configColor = useMemo(function () {
|
|
128
|
+
var currentConfig = virtualKeyboardThemeConfig[selectType];
|
|
129
|
+
|
|
130
|
+
// 过滤出有效的 props 并合并到默认配置中
|
|
131
|
+
var validProps = Object.entries(props).reduce(function (acc, _ref) {
|
|
132
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
|
133
|
+
key = _ref2[0],
|
|
134
|
+
value = _ref2[1];
|
|
135
|
+
if (value !== undefined && key in currentConfig) {
|
|
136
|
+
acc[key] = value;
|
|
137
|
+
}
|
|
138
|
+
return acc;
|
|
139
|
+
}, {});
|
|
140
|
+
return _objectSpread(_objectSpread({}, currentConfig), validProps);
|
|
141
|
+
}, [selectType, props]);
|
|
142
|
+
useEffect(function () {
|
|
143
|
+
setTheme({
|
|
144
|
+
'--virtual-keyboard-background-color': configColor.backgroundColor,
|
|
145
|
+
'--virtual-keyboard-container-background-color': configColor.containerBackgroundColor,
|
|
146
|
+
'--virtual-keyboard-button-background-color': configColor.buttonBackgroundColor,
|
|
147
|
+
'--virtual-keyboard-text-color': configColor.textColor,
|
|
148
|
+
'--virtual-keyboard-keyboard-background-color': configColor.keyboardBackgroundColor,
|
|
149
|
+
'--virtual-keyboard-keyboard-button-background-color': configColor.keyboardButtonBackgroundColor,
|
|
150
|
+
'--virtual-keyboard-keyboard-button-text-color': configColor.keyboardButtonTextColor,
|
|
151
|
+
'--virtual-keyboard-keyboard-button-hover-color': configColor.keyboardButtonHoverColor,
|
|
152
|
+
'--virtual-keyboard-primary-button-background-color': configColor.primaryButtonBackgroundColor,
|
|
153
|
+
'--virtual-keyboard-primary-button-text-color': configColor.primaryButtonTextColor
|
|
154
|
+
});
|
|
155
|
+
}, [configColor]);
|
|
74
156
|
return /*#__PURE__*/React.createElement("div", {
|
|
75
|
-
className: classNames("virtual-keyboard-component", className
|
|
157
|
+
className: classNames("virtual-keyboard-component", className, {
|
|
158
|
+
'virtual-keyboard-component-dark': selectType === 'dark',
|
|
159
|
+
'virtual-keyboard-component-light': selectType === 'light'
|
|
160
|
+
}),
|
|
76
161
|
style: style
|
|
77
162
|
}, /*#__PURE__*/React.createElement("div", {
|
|
78
163
|
className: classNames("virtual-keyboard-component-left")
|
|
@@ -2,14 +2,46 @@
|
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
gap: 20px;
|
|
5
|
+
background-color: var(--virtual-keyboard-background-color, #ffffff);
|
|
6
|
+
|
|
7
|
+
&.virtual-keyboard-component-dark {
|
|
8
|
+
background-color: var(--virtual-keyboard-background-color, rgba(0, 0, 0, 0.70));
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
&.virtual-keyboard-component-light {
|
|
12
|
+
background-color: var(--virtual-keyboard-background-color, #ffffff);
|
|
13
|
+
}
|
|
5
14
|
}
|
|
6
15
|
|
|
7
16
|
.virtual-keyboard-component-left {
|
|
8
17
|
padding: 10px;
|
|
9
18
|
width: 380px;
|
|
10
19
|
border-radius: 10px;
|
|
11
|
-
background: var(--
|
|
20
|
+
background: var(--virtual-keyboard-container-background-color, #D0D5DD);
|
|
12
21
|
backdrop-filter: blur(50px);
|
|
22
|
+
|
|
23
|
+
.pisell-virtual-keyboard-input {
|
|
24
|
+
background-color: var(--virtual-keyboard-button-background-color, #ffffff);
|
|
25
|
+
color: var(--virtual-keyboard-text-color, #000000);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.pisell-keyboard {
|
|
29
|
+
background-color: var(--virtual-keyboard-keyboard-background-color, #f9f9f9);
|
|
30
|
+
|
|
31
|
+
.pisell-keyboard-item {
|
|
32
|
+
background-color: var(--virtual-keyboard-keyboard-button-background-color, #ffffff);
|
|
33
|
+
color: var(--virtual-keyboard-keyboard-button-text-color, #000000);
|
|
34
|
+
|
|
35
|
+
&:hover {
|
|
36
|
+
background-color: var(--virtual-keyboard-keyboard-button-hover-color, #f5f5f5);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
&.pisell-keyboard-item-primary {
|
|
40
|
+
background-color: var(--virtual-keyboard-primary-button-background-color, #4ca30d);
|
|
41
|
+
color: var(--virtual-keyboard-primary-button-text-color, #ffffff);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
13
45
|
}
|
|
14
46
|
|
|
15
47
|
.virtual-keyboard-component-right {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
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 _iterableToArrayLimit(
|
|
3
|
+
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; } }
|
|
4
4
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
5
|
-
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(
|
|
5
|
+
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
6
6
|
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); }
|
|
7
7
|
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; }
|
|
8
8
|
import { useEffect, useState, useMemo } from 'react';
|
package/es/utils/hoc.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
function _typeof(
|
|
2
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { get, set, has } from 'lodash';
|
|
5
5
|
import dayjs from "dayjs";
|
package/es/utils/miniRedux.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
function _typeof(
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
|
-
function ownKeys(
|
|
4
|
-
function _objectSpread(
|
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
5
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
-
function _toPropertyKey(
|
|
7
|
-
function _toPrimitive(
|
|
6
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
7
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
8
8
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
9
9
|
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."); }
|
|
10
10
|
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); }
|
|
11
11
|
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; }
|
|
12
|
-
function _iterableToArrayLimit(
|
|
12
|
+
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; } }
|
|
13
13
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
14
|
import React, { createContext, useCallback, useReducer } from 'react';
|
|
15
15
|
export default (function (_ref2) {
|
|
@@ -23,7 +23,6 @@ export default (function (_ref2) {
|
|
|
23
23
|
var Context = /*#__PURE__*/createContext({});
|
|
24
24
|
var Provider = function Provider(ComponentUi) {
|
|
25
25
|
var Components = function Components(props, ref) {
|
|
26
|
-
var _objectSpread2, _ref5;
|
|
27
26
|
var _useReducer = useReducer(function (state, _ref3) {
|
|
28
27
|
var type = _ref3.type,
|
|
29
28
|
payload = _ref3.payload;
|
|
@@ -48,14 +47,14 @@ export default (function (_ref2) {
|
|
|
48
47
|
});
|
|
49
48
|
}
|
|
50
49
|
}, []);
|
|
51
|
-
var _props = _objectSpread(_objectSpread({}, props), {}, (
|
|
50
|
+
var _props = _objectSpread(_objectSpread({}, props), {}, _defineProperty(_defineProperty({}, namespace, providerState), "dispatch", _dispatch));
|
|
52
51
|
var _ref = ref;
|
|
53
52
|
// if (_props.forwardedRef) {
|
|
54
53
|
// _ref = _props.forwardedRef;
|
|
55
54
|
// delete _props.forwardedRef;
|
|
56
55
|
// }
|
|
57
56
|
return /*#__PURE__*/React.createElement(Context.Provider, {
|
|
58
|
-
value: (
|
|
57
|
+
value: _defineProperty(_defineProperty({}, namespace, providerState), "dispatch", _dispatch)
|
|
59
58
|
}, /*#__PURE__*/React.createElement(ComponentUi, _extends({}, _props, {
|
|
60
59
|
ref: _ref
|
|
61
60
|
})));
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
declare const Subdomain: React.FC<import("antd").InputProps & {
|
|
3
3
|
onChange: (value: string) => void;
|
|
4
4
|
onBlur?: ((e: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
|
|
5
|
-
rootDomain: "custom" | "
|
|
5
|
+
rootDomain: "custom" | "xzero" | "saas";
|
|
6
6
|
customDomain?: string | undefined;
|
|
7
7
|
value?: string | undefined;
|
|
8
8
|
tenantId: string;
|
|
@@ -15,4 +15,4 @@ export declare const getFileMetadataParams: (file: RcFile & {
|
|
|
15
15
|
metadata?: MediaMetadata;
|
|
16
16
|
}) => Record<string, any>;
|
|
17
17
|
export declare const isValueEqual: (value: any, fileListValue: any) => boolean;
|
|
18
|
-
export declare const getBaseTime: (size: number) =>
|
|
18
|
+
export declare const getBaseTime: (size: number) => 1000 | 2000 | 4000 | 8000;
|
|
@@ -19,7 +19,7 @@ declare const formFieldMap: {
|
|
|
19
19
|
Subdomain: import("react").FC<import("antd").InputProps & {
|
|
20
20
|
onChange: (value: string) => void;
|
|
21
21
|
onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
|
|
22
|
-
rootDomain: "custom" | "
|
|
22
|
+
rootDomain: "custom" | "xzero" | "saas";
|
|
23
23
|
customDomain?: string | undefined;
|
|
24
24
|
value?: string | undefined;
|
|
25
25
|
tenantId: string;
|
|
@@ -59,13 +59,11 @@ declare const formFieldMap: {
|
|
|
59
59
|
FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
|
|
60
60
|
FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
|
|
61
61
|
};
|
|
62
|
-
declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
|
|
62
|
+
declare const getFieldComponent: (fieldComponent: string) => import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<{}> & {
|
|
63
63
|
Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
|
|
64
64
|
} & {
|
|
65
65
|
Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
|
|
66
|
-
}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("
|
|
67
|
-
onChange: (value: string) => void;
|
|
68
|
-
} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
|
|
66
|
+
}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
|
|
69
67
|
JSON: import("react").FC<any>;
|
|
70
68
|
Password: import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
|
|
71
69
|
TextArea: import("react").FC<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
|
|
@@ -78,14 +76,14 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
|
|
|
78
76
|
Subdomain: import("react").FC<import("antd").InputProps & {
|
|
79
77
|
onChange: (value: string) => void;
|
|
80
78
|
onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
|
|
81
|
-
rootDomain: "custom" | "
|
|
79
|
+
rootDomain: "custom" | "xzero" | "saas";
|
|
82
80
|
customDomain?: string | undefined;
|
|
83
81
|
value?: string | undefined;
|
|
84
82
|
tenantId: string;
|
|
85
83
|
name?: string | undefined;
|
|
86
84
|
fieldKey?: string | undefined;
|
|
87
85
|
} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
|
|
88
|
-
}) |
|
|
86
|
+
}) | (import("react").FC<{}> & {
|
|
89
87
|
Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
|
|
90
88
|
} & {
|
|
91
89
|
Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
|
|
@@ -97,5 +95,7 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
|
|
|
97
95
|
extraParams?: Record<string, any> | undefined;
|
|
98
96
|
} & {
|
|
99
97
|
dataSource?: any;
|
|
100
|
-
}) => JSX.Element) | import("react").FC<
|
|
98
|
+
}) => JSX.Element) | import("react").FC<any> | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
|
|
99
|
+
onChange: (value: string) => void;
|
|
100
|
+
} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
|
|
101
101
|
export { getFieldComponent, formFieldMap };
|
|
@@ -35,7 +35,7 @@ module.exports = __toCommonJS(iconfont_exports);
|
|
|
35
35
|
var import_icons = require("@ant-design/icons");
|
|
36
36
|
var import_react = __toESM(require("react"));
|
|
37
37
|
var MyIcon = (0, import_icons.createFromIconfontCN)({
|
|
38
|
-
scriptUrl: "https://static.pisellcdn.com/pisell2iconfont1.
|
|
38
|
+
scriptUrl: "https://static.pisellcdn.com/pisell2iconfont1.6.js"
|
|
39
39
|
// 在 iconfont.cn 上生成
|
|
40
40
|
});
|
|
41
41
|
var IconFont = (props) => {
|
|
@@ -41,8 +41,7 @@ var LowCodePage = (props) => {
|
|
|
41
41
|
const context = (0, import_useEngineContext.default)();
|
|
42
42
|
const { RenderLowCodeByKey, getRenderLowCodeByKey } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
|
|
43
43
|
const Com = (0, import_utils.isFunction)(getRenderLowCodeByKey) ? getRenderLowCodeByKey() : RenderLowCodeByKey;
|
|
44
|
-
if (!Com)
|
|
45
|
-
return /* @__PURE__ */ import_react.default.createElement("div", null, "RenderLowCodeByKey is not found");
|
|
44
|
+
if (!Com) return /* @__PURE__ */ import_react.default.createElement("div", null, "RenderLowCodeByKey is not found");
|
|
46
45
|
return /* @__PURE__ */ import_react.default.createElement(Com, { ...others, id, key: id });
|
|
47
46
|
};
|
|
48
47
|
var lowCodePage_default = LowCodePage;
|