@hanwenbo/x-web-pro-components 0.0.2 → 0.0.4
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/es/components/form/index.js +40 -31
- package/es/components/form/schemaForm.js +5 -2
- package/es/components/form/stepsForm.js +12 -10
- package/es/components/provider/intl.js +24 -1
- package/es/components/table/index.js +59 -58
- package/es/version.d.ts +1 -1
- package/es/version.js +1 -1
- package/lib/components/form/index.js +40 -31
- package/lib/components/form/schemaForm.js +5 -2
- package/lib/components/form/stepsForm.js +12 -10
- package/lib/components/provider/intl.js +24 -1
- package/lib/components/table/index.js +58 -57
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +2 -2
|
@@ -144,7 +144,7 @@ var LightWrapper = exports.LightWrapper = /*#__PURE__*/_react.default.forwardRef
|
|
|
144
144
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
145
145
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
|
|
146
146
|
ref: ref,
|
|
147
|
-
className: (0, _cn.cn)('bg-card/60 rounded-2xl border
|
|
147
|
+
className: (0, _cn.cn)('bg-card/60 border-border rounded-2xl border p-3', className)
|
|
148
148
|
}, rest), {}, {
|
|
149
149
|
children: children
|
|
150
150
|
}));
|
|
@@ -163,14 +163,14 @@ var resolveActionText = function resolveActionText(text, fallback) {
|
|
|
163
163
|
var extractLabelText = function extractLabelText(label) {
|
|
164
164
|
return typeof label === 'string' && label.trim() ? label.trim() : undefined;
|
|
165
165
|
};
|
|
166
|
-
var resolveFieldPlaceholder = function resolveFieldPlaceholder(label, placeholder, valueType) {
|
|
166
|
+
var resolveFieldPlaceholder = function resolveFieldPlaceholder(intl, label, placeholder, valueType) {
|
|
167
167
|
if (placeholder !== undefined) {
|
|
168
168
|
return placeholder;
|
|
169
169
|
}
|
|
170
170
|
var labelText = extractLabelText(label);
|
|
171
171
|
var selectLikeTypes = new Set(['select', 'tag', 'treeSelect', 'cascader', 'segmented', 'date', 'dateMonth', 'dateYear', 'dateTime', 'time', 'dateRange', 'dateMonthRange', 'dateQuarterRange', 'dateTimeRange', 'dateWeekRange', 'dateYearRange', 'timeRange']);
|
|
172
|
-
var prefix = selectLikeTypes.has(String(valueType)) ? '请选择' : '请输入';
|
|
173
|
-
return labelText ? "".concat(prefix).concat(labelText) : prefix;
|
|
172
|
+
var prefix = selectLikeTypes.has(String(valueType)) ? intl.getMessage('form.selectPrefix', '请选择') : intl.getMessage('form.inputPrefix', '请输入');
|
|
173
|
+
return labelText ? "".concat(prefix).concat(labelText) : prefix.trimEnd();
|
|
174
174
|
};
|
|
175
175
|
var normalizeNamePathValue = function normalizeNamePathValue(source, name) {
|
|
176
176
|
var path = Array.isArray(name) ? name : [name];
|
|
@@ -634,6 +634,7 @@ var Submitter = function Submitter(_ref14) {
|
|
|
634
634
|
var submitter = _ref14.submitter,
|
|
635
635
|
form = _ref14.form,
|
|
636
636
|
onReset = _ref14.onReset;
|
|
637
|
+
var intl = (0, _provider.useIntl)();
|
|
637
638
|
if (submitter === false) {
|
|
638
639
|
return null;
|
|
639
640
|
}
|
|
@@ -643,7 +644,7 @@ var Submitter = function Submitter(_ref14) {
|
|
|
643
644
|
return form.submit();
|
|
644
645
|
}
|
|
645
646
|
}, submitter === null || submitter === void 0 ? void 0 : submitter.submitButtonProps), {}, {
|
|
646
|
-
children: (submitter === null || submitter === void 0 || (_submitter$searchConf = submitter.searchConfig) === null || _submitter$searchConf === void 0 ? void 0 : _submitter$searchConf.submitText) || '提交'
|
|
647
|
+
children: (submitter === null || submitter === void 0 || (_submitter$searchConf = submitter.searchConfig) === null || _submitter$searchConf === void 0 ? void 0 : _submitter$searchConf.submitText) || intl.getMessage('modalForm.submit', '提交')
|
|
647
648
|
}), "submit");
|
|
648
649
|
var resetButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, _objectSpread(_objectSpread({
|
|
649
650
|
variant: "outline",
|
|
@@ -653,7 +654,7 @@ var Submitter = function Submitter(_ref14) {
|
|
|
653
654
|
onReset === null || onReset === void 0 || onReset(form.getFieldsValue(true));
|
|
654
655
|
}
|
|
655
656
|
}, submitter === null || submitter === void 0 ? void 0 : submitter.resetButtonProps), {}, {
|
|
656
|
-
children: (submitter === null || submitter === void 0 || (_submitter$searchConf2 = submitter.searchConfig) === null || _submitter$searchConf2 === void 0 ? void 0 : _submitter$searchConf2.resetText) || '重置'
|
|
657
|
+
children: (submitter === null || submitter === void 0 || (_submitter$searchConf2 = submitter.searchConfig) === null || _submitter$searchConf2 === void 0 ? void 0 : _submitter$searchConf2.resetText) || intl.getMessage('tableForm.reset', '重置')
|
|
657
658
|
}), "reset");
|
|
658
659
|
var dom = [resetButton, submitButton];
|
|
659
660
|
var rendered = submitter !== null && submitter !== void 0 && submitter.render ? submitter.render(submitter, dom) : dom;
|
|
@@ -1183,7 +1184,7 @@ var BaseProForm = function BaseProForm(_ref18) {
|
|
|
1183
1184
|
labelCol: mergedLabelCol,
|
|
1184
1185
|
wrapperCol: mergedWrapperCol,
|
|
1185
1186
|
classNames: mergedFormClassNames,
|
|
1186
|
-
className: (0, _cn.cn)(isQueryLike && '
|
|
1187
|
+
className: (0, _cn.cn)(isQueryLike && 'border-border bg-card rounded-2xl border p-4', isQueryFilter && '!space-y-0 gap-y-4', className),
|
|
1187
1188
|
style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, isQueryFilter ? {
|
|
1188
1189
|
alignItems: 'start',
|
|
1189
1190
|
display: 'grid',
|
|
@@ -1287,6 +1288,7 @@ var createProFormField = function createProFormField(_ref20) {
|
|
|
1287
1288
|
width = _ref21.width,
|
|
1288
1289
|
customValueType = _ref21.valueType,
|
|
1289
1290
|
formItemProps = _objectWithoutProperties(_ref21, _excluded5);
|
|
1291
|
+
var intl = (0, _provider.useIntl)();
|
|
1290
1292
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
1291
1293
|
valuePropName: formItemProps.valuePropName || valuePropName,
|
|
1292
1294
|
children: formItemProps.readonly ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ReadonlyFieldView, {
|
|
@@ -1299,7 +1301,7 @@ var createProFormField = function createProFormField(_ref20) {
|
|
|
1299
1301
|
mode: "edit",
|
|
1300
1302
|
valueType: customValueType || valueType,
|
|
1301
1303
|
fieldProps: mergeFieldProps(fieldProps, width),
|
|
1302
|
-
placeholder: resolveFieldPlaceholder(formItemProps.label, placeholder, customValueType || valueType)
|
|
1304
|
+
placeholder: resolveFieldPlaceholder(intl, formItemProps.label, placeholder, customValueType || valueType)
|
|
1303
1305
|
})
|
|
1304
1306
|
}));
|
|
1305
1307
|
};
|
|
@@ -1318,6 +1320,7 @@ var ProFormField = exports.ProFormField = function ProFormField(_ref22) {
|
|
|
1318
1320
|
showSearch = _ref22.showSearch,
|
|
1319
1321
|
debounceTime = _ref22.debounceTime,
|
|
1320
1322
|
formItemProps = _objectWithoutProperties(_ref22, _excluded6);
|
|
1323
|
+
var intl = (0, _provider.useIntl)();
|
|
1321
1324
|
var resolvedOptions = useFieldOptions({
|
|
1322
1325
|
valueEnum: valueEnum,
|
|
1323
1326
|
options: options,
|
|
@@ -1341,7 +1344,7 @@ var ProFormField = exports.ProFormField = function ProFormField(_ref22) {
|
|
|
1341
1344
|
mode: "edit",
|
|
1342
1345
|
valueType: valueType,
|
|
1343
1346
|
valueEnum: valueEnum,
|
|
1344
|
-
placeholder: resolveFieldPlaceholder(formItemProps.label, placeholder, valueType),
|
|
1347
|
+
placeholder: resolveFieldPlaceholder(intl, formItemProps.label, placeholder, valueType),
|
|
1345
1348
|
fieldProps: _objectSpread(_objectSpread({}, mergeFieldProps(fieldProps, width)), {}, {
|
|
1346
1349
|
options: resolvedOptions,
|
|
1347
1350
|
showSearch: showSearch
|
|
@@ -1387,6 +1390,7 @@ var ProFormSelect = exports.ProFormSelect = function ProFormSelect(_ref23) {
|
|
|
1387
1390
|
debounceTime = _ref23.debounceTime,
|
|
1388
1391
|
resetAfterSelect = _ref23.resetAfterSelect,
|
|
1389
1392
|
formItemProps = _objectWithoutProperties(_ref23, _excluded7);
|
|
1393
|
+
var intl = (0, _provider.useIntl)();
|
|
1390
1394
|
var resolvedOptions = useFieldOptions({
|
|
1391
1395
|
valueEnum: valueEnum,
|
|
1392
1396
|
options: options,
|
|
@@ -1410,7 +1414,7 @@ var ProFormSelect = exports.ProFormSelect = function ProFormSelect(_ref23) {
|
|
|
1410
1414
|
})
|
|
1411
1415
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectFieldBridge, _objectSpread(_objectSpread({}, mergedFieldProps), {}, {
|
|
1412
1416
|
options: flattenedOptions,
|
|
1413
|
-
placeholder: resolveFieldPlaceholder(formItemProps.label, placeholder, 'select'),
|
|
1417
|
+
placeholder: resolveFieldPlaceholder(intl, formItemProps.label, placeholder, 'select'),
|
|
1414
1418
|
showSearch: showSearch !== null && showSearch !== void 0 ? showSearch : fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.showSearch,
|
|
1415
1419
|
labelInValue: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.labelInValue
|
|
1416
1420
|
}))
|
|
@@ -1441,6 +1445,7 @@ ProFormSelect.SearchSelect = function (_ref24) {
|
|
|
1441
1445
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
1442
1446
|
keyWords = _useState14[0],
|
|
1443
1447
|
setKeyWords = _useState14[1];
|
|
1448
|
+
var intl = (0, _provider.useIntl)();
|
|
1444
1449
|
var searchEnabled = fetchDataOnSearch !== false;
|
|
1445
1450
|
var mergedMode = (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.mode) || mode || 'multiple';
|
|
1446
1451
|
var resolvedOptions = useFieldOptions({
|
|
@@ -1468,7 +1473,7 @@ ProFormSelect.SearchSelect = function (_ref24) {
|
|
|
1468
1473
|
options: flattenedOptions,
|
|
1469
1474
|
mode: mergedMode === 'single' ? undefined : mergedMode,
|
|
1470
1475
|
labelInValue: (_fieldProps$labelInVa = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.labelInValue) !== null && _fieldProps$labelInVa !== void 0 ? _fieldProps$labelInVa : true,
|
|
1471
|
-
placeholder: resolveFieldPlaceholder(formItemProps.label, placeholder, 'select'),
|
|
1476
|
+
placeholder: resolveFieldPlaceholder(intl, formItemProps.label, placeholder, 'select'),
|
|
1472
1477
|
showSearch: showSearch,
|
|
1473
1478
|
autoClearSearchValue: (_mergedFieldProps$aut3 = mergedFieldProps === null || mergedFieldProps === void 0 ? void 0 : mergedFieldProps.autoClearSearchValue) !== null && _mergedFieldProps$aut3 !== void 0 ? _mergedFieldProps$aut3 : true,
|
|
1474
1479
|
filterOption: request && searchEnabled ? false : mergedFieldProps === null || mergedFieldProps === void 0 ? void 0 : mergedFieldProps.filterOption,
|
|
@@ -1597,6 +1602,7 @@ var ProFormTreeSelect = exports.ProFormTreeSelect = function ProFormTreeSelect(_
|
|
|
1597
1602
|
_useState16 = _slicedToArray(_useState15, 2),
|
|
1598
1603
|
treeData = _useState16[0],
|
|
1599
1604
|
setTreeData = _useState16[1];
|
|
1605
|
+
var intl = (0, _provider.useIntl)();
|
|
1600
1606
|
(0, _react.useEffect)(function () {
|
|
1601
1607
|
if (!request) {
|
|
1602
1608
|
setTreeData((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.treeData) || []);
|
|
@@ -1626,7 +1632,7 @@ var ProFormTreeSelect = exports.ProFormTreeSelect = function ProFormTreeSelect(_
|
|
|
1626
1632
|
})
|
|
1627
1633
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeSelect.TreeSelect, _objectSpread(_objectSpread({}, mergeFieldProps(fieldProps, width)), {}, {
|
|
1628
1634
|
treeData: treeData,
|
|
1629
|
-
placeholder: resolveFieldPlaceholder(formItemProps.label, placeholder, 'treeSelect')
|
|
1635
|
+
placeholder: resolveFieldPlaceholder(intl, formItemProps.label, placeholder, 'treeSelect')
|
|
1630
1636
|
}))
|
|
1631
1637
|
}));
|
|
1632
1638
|
};
|
|
@@ -1670,6 +1676,7 @@ var ProFormCascader = exports.ProFormCascader = function ProFormCascader(_ref29)
|
|
|
1670
1676
|
_useState18 = _slicedToArray(_useState17, 2),
|
|
1671
1677
|
cascaderOptions = _useState18[0],
|
|
1672
1678
|
setCascaderOptions = _useState18[1];
|
|
1679
|
+
var intl = (0, _provider.useIntl)();
|
|
1673
1680
|
(0, _react.useEffect)(function () {
|
|
1674
1681
|
if (!request) {
|
|
1675
1682
|
setCascaderOptions((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.options) || []);
|
|
@@ -1698,7 +1705,7 @@ var ProFormCascader = exports.ProFormCascader = function ProFormCascader(_ref29)
|
|
|
1698
1705
|
options: cascaderOptions
|
|
1699
1706
|
})
|
|
1700
1707
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_fieldControls.CascaderFieldControl, _objectSpread(_objectSpread({}, mergeFieldProps(fieldProps, width)), {}, {
|
|
1701
|
-
placeholder: resolveFieldPlaceholder(formItemProps.label, placeholder, 'cascader'),
|
|
1708
|
+
placeholder: resolveFieldPlaceholder(intl, formItemProps.label, placeholder, 'cascader'),
|
|
1702
1709
|
fieldProps: _objectSpread(_objectSpread({}, mergeFieldProps(fieldProps, width) || {}), {}, {
|
|
1703
1710
|
options: cascaderOptions
|
|
1704
1711
|
})
|
|
@@ -1777,7 +1784,7 @@ var ProFormGroup = exports.ProFormGroup = function ProFormGroup(_ref31) {
|
|
|
1777
1784
|
children = _ref31.children,
|
|
1778
1785
|
rest = _objectWithoutProperties(_ref31, _excluded15);
|
|
1779
1786
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
|
|
1780
|
-
className: (0, _cn.cn)('grid gap-4 rounded-2xl border
|
|
1787
|
+
className: (0, _cn.cn)('border-border bg-card grid gap-4 rounded-2xl border p-4', className)
|
|
1781
1788
|
}, rest), {}, {
|
|
1782
1789
|
children: children
|
|
1783
1790
|
}));
|
|
@@ -1900,7 +1907,7 @@ var LightFilter = exports.LightFilter = function LightFilter(_ref33) {
|
|
|
1900
1907
|
});
|
|
1901
1908
|
};
|
|
1902
1909
|
var footerNode = effectiveFooterRender === false ? null : effectiveFooterRender ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
1903
|
-
className: "flex items-center justify-end gap-3 border-t
|
|
1910
|
+
className: "border-border flex items-center justify-end gap-3 border-t pt-4",
|
|
1904
1911
|
children: effectiveFooterRender(function () {
|
|
1905
1912
|
captureSnapshot();
|
|
1906
1913
|
setOpen(false);
|
|
@@ -1908,7 +1915,7 @@ var LightFilter = exports.LightFilter = function LightFilter(_ref33) {
|
|
|
1908
1915
|
clearCollapseValues();
|
|
1909
1916
|
})
|
|
1910
1917
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
1911
|
-
className: "flex items-center justify-end gap-3 border-t
|
|
1918
|
+
className: "border-border flex items-center justify-end gap-3 border-t pt-4",
|
|
1912
1919
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
|
|
1913
1920
|
type: "button",
|
|
1914
1921
|
variant: "outline",
|
|
@@ -1927,7 +1934,7 @@ var LightFilter = exports.LightFilter = function LightFilter(_ref33) {
|
|
|
1927
1934
|
});
|
|
1928
1935
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
1929
1936
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(BaseProForm, _objectSpread(_objectSpread({}, restProps), {}, {
|
|
1930
|
-
className: (0, _cn.cn)('
|
|
1937
|
+
className: (0, _cn.cn)('border-border bg-card rounded-2xl border p-4', className),
|
|
1931
1938
|
form: form,
|
|
1932
1939
|
layoutType: "LightFilter",
|
|
1933
1940
|
submitter: submitter,
|
|
@@ -1936,7 +1943,7 @@ var LightFilter = exports.LightFilter = function LightFilter(_ref33) {
|
|
|
1936
1943
|
return cloneLightFilterChild(child, variant);
|
|
1937
1944
|
}), collapseItems.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
1938
1945
|
type: "button",
|
|
1939
|
-
className: "hover:border-primary/40 inline-flex min-h-[40px] items-center rounded-full border
|
|
1946
|
+
className: "hover:border-primary/40 border-border bg-background text-foreground inline-flex min-h-[40px] items-center rounded-full border px-3 py-2 text-sm transition-colors",
|
|
1940
1947
|
onClick: function onClick() {
|
|
1941
1948
|
captureSnapshot();
|
|
1942
1949
|
setOpen(true);
|
|
@@ -1964,18 +1971,18 @@ var LightFilter = exports.LightFilter = function LightFilter(_ref33) {
|
|
|
1964
1971
|
borderTopRightRadius: 24
|
|
1965
1972
|
}),
|
|
1966
1973
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
1967
|
-
className: "mx-auto w-full max-w-3xl space-y-4
|
|
1974
|
+
className: "bg-background mx-auto w-full max-w-3xl space-y-4 p-5",
|
|
1968
1975
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
1969
1976
|
className: "flex items-center justify-between gap-3",
|
|
1970
1977
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
1971
|
-
className: "text-base font-semibold
|
|
1978
|
+
className: "text-foreground text-base font-semibold",
|
|
1972
1979
|
children: collapseLabel || '更多筛选'
|
|
1973
1980
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
|
|
1974
1981
|
type: "button",
|
|
1975
1982
|
variant: "ghost",
|
|
1976
1983
|
size: "small",
|
|
1977
1984
|
className: "h-9 w-9 px-0",
|
|
1978
|
-
"aria-label":
|
|
1985
|
+
"aria-label": intl.getMessage('form.close', '关闭'),
|
|
1979
1986
|
onClick: function onClick() {
|
|
1980
1987
|
restoreSnapshot();
|
|
1981
1988
|
setOpen(false);
|
|
@@ -2016,6 +2023,7 @@ var ModalForm = exports.ModalForm = function ModalForm(_ref34) {
|
|
|
2016
2023
|
layout = _ref34.layout,
|
|
2017
2024
|
children = _ref34.children,
|
|
2018
2025
|
restProps = _objectWithoutProperties(_ref34, _excluded17);
|
|
2026
|
+
var intl = (0, _provider.useIntl)();
|
|
2019
2027
|
var _useForm5 = (0, _form.useForm)(controlledForm),
|
|
2020
2028
|
_useForm6 = _slicedToArray(_useForm5, 1),
|
|
2021
2029
|
form = _useForm6[0];
|
|
@@ -2090,14 +2098,14 @@ var ModalForm = exports.ModalForm = function ModalForm(_ref34) {
|
|
|
2090
2098
|
},
|
|
2091
2099
|
actions: submitter === false ? undefined : [{
|
|
2092
2100
|
key: 'cancel',
|
|
2093
|
-
text: '取消',
|
|
2101
|
+
text: intl.getMessage('modalForm.cancel', '取消'),
|
|
2094
2102
|
disabled: submitting,
|
|
2095
2103
|
onPress: function onPress() {
|
|
2096
2104
|
setMergedOpen(false);
|
|
2097
2105
|
}
|
|
2098
2106
|
}, {
|
|
2099
2107
|
key: 'submit',
|
|
2100
|
-
text: resolveActionText(submitter === null || submitter === void 0 || (_submitter$searchConf5 = submitter.searchConfig) === null || _submitter$searchConf5 === void 0 ? void 0 : _submitter$searchConf5.submitText, '提交'),
|
|
2108
|
+
text: resolveActionText(submitter === null || submitter === void 0 || (_submitter$searchConf5 = submitter.searchConfig) === null || _submitter$searchConf5 === void 0 ? void 0 : _submitter$searchConf5.submitText, intl.getMessage('modalForm.submit', '提交')),
|
|
2101
2109
|
primary: true,
|
|
2102
2110
|
loading: submitting || Boolean(submitter === null || submitter === void 0 || (_submitter$submitButt3 = submitter.submitButtonProps) === null || _submitter$submitButt3 === void 0 ? void 0 : _submitter$submitButt3.loading),
|
|
2103
2111
|
disabled: submitting || Boolean(submitter === null || submitter === void 0 || (_submitter$submitButt4 = submitter.submitButtonProps) === null || _submitter$submitButt4 === void 0 ? void 0 : _submitter$submitButt4.disabled),
|
|
@@ -2138,6 +2146,7 @@ var DrawerForm = exports.DrawerForm = function DrawerForm(_ref36) {
|
|
|
2138
2146
|
layout = _ref36.layout,
|
|
2139
2147
|
children = _ref36.children,
|
|
2140
2148
|
restProps = _objectWithoutProperties(_ref36, _excluded18);
|
|
2149
|
+
var intl = (0, _provider.useIntl)();
|
|
2141
2150
|
var _useForm7 = (0, _form.useForm)(controlledForm),
|
|
2142
2151
|
_useForm8 = _slicedToArray(_useForm7, 1),
|
|
2143
2152
|
form = _useForm8[0];
|
|
@@ -2210,19 +2219,19 @@ var DrawerForm = exports.DrawerForm = function DrawerForm(_ref36) {
|
|
|
2210
2219
|
},
|
|
2211
2220
|
bodyStyle: drawerProps === null || drawerProps === void 0 ? void 0 : drawerProps.bodyStyle,
|
|
2212
2221
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
2213
|
-
className: "flex h-screen max-w-[100vw] flex-col border-l
|
|
2222
|
+
className: "border-border bg-background flex h-screen max-w-[100vw] flex-col border-l shadow-2xl",
|
|
2214
2223
|
style: {
|
|
2215
2224
|
width: width
|
|
2216
2225
|
},
|
|
2217
2226
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
2218
|
-
className: "flex items-center justify-between border-b
|
|
2227
|
+
className: "border-border flex items-center justify-between border-b px-5 py-4",
|
|
2219
2228
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
2220
|
-
className: "text-base font-semibold
|
|
2229
|
+
className: "text-foreground text-base font-semibold",
|
|
2221
2230
|
children: title
|
|
2222
2231
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
2223
2232
|
type: "button",
|
|
2224
|
-
className: "inline-flex h-8 w-8 items-center justify-center
|
|
2225
|
-
"aria-label":
|
|
2233
|
+
className: "text-muted-foreground hover:text-foreground focus-visible:ring-ring inline-flex h-8 w-8 items-center justify-center transition-colors focus:outline-none focus-visible:ring-2",
|
|
2234
|
+
"aria-label": intl.getMessage('form.close', '关闭'),
|
|
2226
2235
|
onClick: function onClick() {
|
|
2227
2236
|
setMergedOpen(false);
|
|
2228
2237
|
},
|
|
@@ -2242,7 +2251,7 @@ var DrawerForm = exports.DrawerForm = function DrawerForm(_ref36) {
|
|
|
2242
2251
|
children: children
|
|
2243
2252
|
}))
|
|
2244
2253
|
}), submitter === false ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
2245
|
-
className: "bg-card/80 flex items-center justify-end gap-3 border-t
|
|
2254
|
+
className: "bg-card/80 border-border flex items-center justify-end gap-3 border-t px-5 py-4",
|
|
2246
2255
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, _objectSpread(_objectSpread({
|
|
2247
2256
|
variant: "outline"
|
|
2248
2257
|
}, submitter === null || submitter === void 0 ? void 0 : submitter.resetButtonProps), {}, {
|
|
@@ -2253,7 +2262,7 @@ var DrawerForm = exports.DrawerForm = function DrawerForm(_ref36) {
|
|
|
2253
2262
|
}
|
|
2254
2263
|
setMergedOpen(false);
|
|
2255
2264
|
},
|
|
2256
|
-
children:
|
|
2265
|
+
children: intl.getMessage('modalForm.cancel', '取消')
|
|
2257
2266
|
})), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, _objectSpread(_objectSpread({}, submitter === null || submitter === void 0 ? void 0 : submitter.submitButtonProps), {}, {
|
|
2258
2267
|
loading: submitting || Boolean(submitter === null || submitter === void 0 || (_submitter$submitButt5 = submitter.submitButtonProps) === null || _submitter$submitButt5 === void 0 ? void 0 : _submitter$submitButt5.loading),
|
|
2259
2268
|
disabled: submitting || Boolean(submitter === null || submitter === void 0 || (_submitter$submitButt6 = submitter.submitButtonProps) === null || _submitter$submitButt6 === void 0 ? void 0 : _submitter$submitButt6.disabled),
|
|
@@ -2263,7 +2272,7 @@ var DrawerForm = exports.DrawerForm = function DrawerForm(_ref36) {
|
|
|
2263
2272
|
}
|
|
2264
2273
|
form.submit();
|
|
2265
2274
|
},
|
|
2266
|
-
children: resolveActionText(submitter === null || submitter === void 0 || (_submitter$searchConf6 = submitter.searchConfig) === null || _submitter$searchConf6 === void 0 ? void 0 : _submitter$searchConf6.submitText, '提交')
|
|
2275
|
+
children: resolveActionText(submitter === null || submitter === void 0 || (_submitter$searchConf6 = submitter.searchConfig) === null || _submitter$searchConf6 === void 0 ? void 0 : _submitter$searchConf6.submitText, intl.getMessage('modalForm.submit', '提交'))
|
|
2267
2276
|
}))]
|
|
2268
2277
|
})]
|
|
2269
2278
|
})
|
|
@@ -467,9 +467,12 @@ var renderSchemaColumns = function renderSchemaColumns(columns, form, currentVal
|
|
|
467
467
|
var labelNode = titleNode !== null && titleNode !== void 0 ? titleNode : key;
|
|
468
468
|
var searchSafeFormItemProps = _objectSpread({}, formItemProps);
|
|
469
469
|
delete searchSafeFormItemProps.initialValue;
|
|
470
|
-
var mergedFormItemProps = _objectSpread(_objectSpread({
|
|
470
|
+
var mergedFormItemProps = _objectSpread(_objectSpread(_objectSpread({
|
|
471
471
|
name: fullName,
|
|
472
|
-
label: labelNode
|
|
472
|
+
label: labelNode
|
|
473
|
+
}, valueType === 'switch' ? {
|
|
474
|
+
valuePropName: 'checked'
|
|
475
|
+
} : {}), {}, {
|
|
473
476
|
initialValue: getConvertedInitialValue(columnItem, fullName, getSchemaColumnInitialValue(columnItem, layoutType, searchInitialValueSnapshot, fullName)),
|
|
474
477
|
tooltip: columnItem.tooltip
|
|
475
478
|
}, isQueryForm ? searchSafeFormItemProps : formItemProps), {}, {
|
|
@@ -10,6 +10,7 @@ var _button = require("@hanwenbo/x-web-ui/button");
|
|
|
10
10
|
var _card = require("@hanwenbo/x-web-ui/card");
|
|
11
11
|
var _form = require("@hanwenbo/x-web-ui/form");
|
|
12
12
|
var _cn = require("@hanwenbo/x-web-ui/utils/cn");
|
|
13
|
+
var _provider = require("../provider");
|
|
13
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
15
|
var _excluded = ["current", "onCurrentChange", "submitter", "stepsRender", "form", "initialValues", "onFinish", "className", "children"];
|
|
15
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
@@ -53,6 +54,7 @@ var StepsForm = exports.StepsForm = function StepsForm(_ref2) {
|
|
|
53
54
|
className = _ref2.className,
|
|
54
55
|
children = _ref2.children,
|
|
55
56
|
restProps = _objectWithoutProperties(_ref2, _excluded);
|
|
57
|
+
var intl = (0, _provider.useIntl)();
|
|
56
58
|
var _useForm = (0, _form.useForm)(controlledForm),
|
|
57
59
|
_useForm2 = _slicedToArray(_useForm, 1),
|
|
58
60
|
form = _useForm2[0];
|
|
@@ -122,8 +124,8 @@ var StepsForm = exports.StepsForm = function StepsForm(_ref2) {
|
|
|
122
124
|
var handlePrev = function handlePrev() {
|
|
123
125
|
setStep(Math.max(0, mergedCurrent - 1));
|
|
124
126
|
};
|
|
125
|
-
var submitButtonText = (submitter === null || submitter === void 0 || (_submitter$searchConf = submitter.searchConfig) === null || _submitter$searchConf === void 0 ? void 0 : _submitter$searchConf.submitText) || (mergedCurrent >= steps.length - 1 ? '提交' : '下一步');
|
|
126
|
-
var resetButtonText = (submitter === null || submitter === void 0 || (_submitter$searchConf2 = submitter.searchConfig) === null || _submitter$searchConf2 === void 0 ? void 0 : _submitter$searchConf2.resetText) || '上一步';
|
|
127
|
+
var submitButtonText = (submitter === null || submitter === void 0 || (_submitter$searchConf = submitter.searchConfig) === null || _submitter$searchConf === void 0 ? void 0 : _submitter$searchConf.submitText) || (mergedCurrent >= steps.length - 1 ? intl.getMessage('modalForm.submit', '提交') : intl.getMessage('stepsForm.next', '下一步'));
|
|
128
|
+
var resetButtonText = (submitter === null || submitter === void 0 || (_submitter$searchConf2 = submitter.searchConfig) === null || _submitter$searchConf2 === void 0 ? void 0 : _submitter$searchConf2.resetText) || intl.getMessage('stepsForm.previous', '上一步');
|
|
127
129
|
var submitterDom = submitter === false ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
128
130
|
className: "mt-6 flex flex-wrap items-center justify-between gap-3",
|
|
129
131
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, _objectSpread(_objectSpread({
|
|
@@ -152,27 +154,27 @@ var StepsForm = exports.StepsForm = function StepsForm(_ref2) {
|
|
|
152
154
|
}
|
|
153
155
|
},
|
|
154
156
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
155
|
-
className: "text-xs font-medium
|
|
156
|
-
children: ["
|
|
157
|
+
className: "text-muted-foreground text-xs font-medium tracking-[0.2em] uppercase",
|
|
158
|
+
children: [intl.getMessage('stepsForm.step', '步骤'), " ", index + 1]
|
|
157
159
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
158
160
|
className: "mt-2 text-sm font-medium",
|
|
159
|
-
children: step.props.title || "
|
|
161
|
+
children: step.props.title || "".concat(intl.getMessage('stepsForm.step', '步骤'), " ").concat(index + 1)
|
|
160
162
|
}), step.props.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
161
|
-
className: "mt-1 text-xs
|
|
163
|
+
className: "text-muted-foreground mt-1 text-xs",
|
|
162
164
|
children: step.props.description
|
|
163
165
|
}) : null]
|
|
164
166
|
}, step.key || "step-".concat(index));
|
|
165
167
|
})
|
|
166
168
|
});
|
|
167
169
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_card.Card, {
|
|
168
|
-
className: "
|
|
170
|
+
className: "border-border bg-card rounded-3xl border shadow-sm",
|
|
169
171
|
children: [stepsRender ? stepsRender(stepsDom, submitterDom) : stepsDom, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
170
172
|
className: "mb-4 space-y-1",
|
|
171
173
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
172
|
-
className: "text-lg font-semibold
|
|
173
|
-
children: (activeStep === null || activeStep === void 0 ? void 0 : activeStep.props.title) || '步骤表单'
|
|
174
|
+
className: "text-foreground text-lg font-semibold",
|
|
175
|
+
children: (activeStep === null || activeStep === void 0 ? void 0 : activeStep.props.title) || intl.getMessage('stepsForm.title', '步骤表单')
|
|
174
176
|
}), activeStep !== null && activeStep !== void 0 && activeStep.props.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
175
|
-
className: "text-
|
|
177
|
+
className: "text-muted-foreground text-sm",
|
|
176
178
|
children: activeStep.props.description
|
|
177
179
|
}) : null]
|
|
178
180
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.Form, _objectSpread(_objectSpread({}, restProps), {}, {
|
|
@@ -20,7 +20,30 @@ var createMessages = function createMessages(locale, overrides) {
|
|
|
20
20
|
'tableForm.collapsed': locale.toLowerCase().startsWith('zh') ? '展开' : 'Expand',
|
|
21
21
|
'modalForm.submit': locale.toLowerCase().startsWith('zh') ? '提交' : 'Submit',
|
|
22
22
|
'modalForm.cancel': locale.toLowerCase().startsWith('zh') ? '取消' : 'Cancel',
|
|
23
|
-
'tableForm.empty': locale.toLowerCase().startsWith('zh') ? '暂无数据' :
|
|
23
|
+
'tableForm.empty': locale.toLowerCase().startsWith('zh') ? '暂无数据' : 'No data',
|
|
24
|
+
'form.inputPrefix': locale.toLowerCase().startsWith('zh') ? '请输入' : 'Please enter ',
|
|
25
|
+
'form.selectPrefix': locale.toLowerCase().startsWith('zh') ? '请选择' : 'Please select ',
|
|
26
|
+
'form.close': locale.toLowerCase().startsWith('zh') ? '关闭' : 'Close',
|
|
27
|
+
'stepsForm.next': locale.toLowerCase().startsWith('zh') ? '下一步' : 'Next',
|
|
28
|
+
'stepsForm.previous': locale.toLowerCase().startsWith('zh') ? '上一步' : 'Previous',
|
|
29
|
+
'stepsForm.step': locale.toLowerCase().startsWith('zh') ? '步骤' : 'Step',
|
|
30
|
+
'stepsForm.title': locale.toLowerCase().startsWith('zh') ? '步骤表单' : 'Step form',
|
|
31
|
+
'tableToolbar.reload': locale.toLowerCase().startsWith('zh') ? '刷新' : 'Refresh',
|
|
32
|
+
'tableToolbar.tools': locale.toLowerCase().startsWith('zh') ? '打开表格工具' : 'Open table tools',
|
|
33
|
+
'tableToolbar.density': locale.toLowerCase().startsWith('zh') ? '密度' : 'Density',
|
|
34
|
+
'tableToolbar.large': locale.toLowerCase().startsWith('zh') ? '宽松' : 'Comfortable',
|
|
35
|
+
'tableToolbar.middle': locale.toLowerCase().startsWith('zh') ? '中等' : 'Medium',
|
|
36
|
+
'tableToolbar.small': locale.toLowerCase().startsWith('zh') ? '紧凑' : 'Compact',
|
|
37
|
+
'tableToolbar.columns': locale.toLowerCase().startsWith('zh') ? '列设置' : 'Columns',
|
|
38
|
+
'tableToolbar.fullscreen': locale.toLowerCase().startsWith('zh') ? '全屏' : 'Fullscreen',
|
|
39
|
+
'tableToolbar.exitFullscreen': locale.toLowerCase().startsWith('zh') ? '退出全屏' : 'Exit fullscreen',
|
|
40
|
+
'tableToolbar.pinLeft': locale.toLowerCase().startsWith('zh') ? '固定到左侧' : 'Pin left',
|
|
41
|
+
'tableToolbar.unpinLeft': locale.toLowerCase().startsWith('zh') ? '取消左侧固定' : 'Unpin left',
|
|
42
|
+
'tableToolbar.pinRight': locale.toLowerCase().startsWith('zh') ? '固定到右侧' : 'Pin right',
|
|
43
|
+
'tableToolbar.unpinRight': locale.toLowerCase().startsWith('zh') ? '取消右侧固定' : 'Unpin right',
|
|
44
|
+
'tableToolbar.keyword': locale.toLowerCase().startsWith('zh') ? '请输入关键词' : 'Please enter keywords',
|
|
45
|
+
'tableToolbar.selected': locale.toLowerCase().startsWith('zh') ? '已选' : 'Selected',
|
|
46
|
+
'tableToolbar.clear': locale.toLowerCase().startsWith('zh') ? '清空' : 'Clear'
|
|
24
47
|
}, overrides);
|
|
25
48
|
};
|
|
26
49
|
var zhCNMessages = createMessages('zh-CN');
|