@hanwenbo/x-web-pro-components 0.0.3 → 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/stepsForm.js +12 -10
- package/es/components/provider/intl.js +24 -1
- package/es/components/table/index.js +35 -34
- 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/stepsForm.js +12 -10
- package/lib/components/provider/intl.js +24 -1
- package/lib/components/table/index.js +34 -33
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +2 -2
|
@@ -80,7 +80,7 @@ export var LightWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
80
80
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
81
81
|
return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
|
|
82
82
|
ref: ref,
|
|
83
|
-
className: cn('bg-card/60 rounded-2xl border
|
|
83
|
+
className: cn('bg-card/60 border-border rounded-2xl border p-3', className)
|
|
84
84
|
}, rest), {}, {
|
|
85
85
|
children: children
|
|
86
86
|
}));
|
|
@@ -99,14 +99,14 @@ var resolveActionText = function resolveActionText(text, fallback) {
|
|
|
99
99
|
var extractLabelText = function extractLabelText(label) {
|
|
100
100
|
return typeof label === 'string' && label.trim() ? label.trim() : undefined;
|
|
101
101
|
};
|
|
102
|
-
var resolveFieldPlaceholder = function resolveFieldPlaceholder(label, placeholder, valueType) {
|
|
102
|
+
var resolveFieldPlaceholder = function resolveFieldPlaceholder(intl, label, placeholder, valueType) {
|
|
103
103
|
if (placeholder !== undefined) {
|
|
104
104
|
return placeholder;
|
|
105
105
|
}
|
|
106
106
|
var labelText = extractLabelText(label);
|
|
107
107
|
var selectLikeTypes = new Set(['select', 'tag', 'treeSelect', 'cascader', 'segmented', 'date', 'dateMonth', 'dateYear', 'dateTime', 'time', 'dateRange', 'dateMonthRange', 'dateQuarterRange', 'dateTimeRange', 'dateWeekRange', 'dateYearRange', 'timeRange']);
|
|
108
|
-
var prefix = selectLikeTypes.has(String(valueType)) ? '请选择' : '请输入';
|
|
109
|
-
return labelText ? "".concat(prefix).concat(labelText) : prefix;
|
|
108
|
+
var prefix = selectLikeTypes.has(String(valueType)) ? intl.getMessage('form.selectPrefix', '请选择') : intl.getMessage('form.inputPrefix', '请输入');
|
|
109
|
+
return labelText ? "".concat(prefix).concat(labelText) : prefix.trimEnd();
|
|
110
110
|
};
|
|
111
111
|
var normalizeNamePathValue = function normalizeNamePathValue(source, name) {
|
|
112
112
|
var path = Array.isArray(name) ? name : [name];
|
|
@@ -570,6 +570,7 @@ var Submitter = function Submitter(_ref14) {
|
|
|
570
570
|
var submitter = _ref14.submitter,
|
|
571
571
|
form = _ref14.form,
|
|
572
572
|
onReset = _ref14.onReset;
|
|
573
|
+
var intl = useIntl();
|
|
573
574
|
if (submitter === false) {
|
|
574
575
|
return null;
|
|
575
576
|
}
|
|
@@ -579,7 +580,7 @@ var Submitter = function Submitter(_ref14) {
|
|
|
579
580
|
return form.submit();
|
|
580
581
|
}
|
|
581
582
|
}, submitter === null || submitter === void 0 ? void 0 : submitter.submitButtonProps), {}, {
|
|
582
|
-
children: (submitter === null || submitter === void 0 || (_submitter$searchConf = submitter.searchConfig) === null || _submitter$searchConf === void 0 ? void 0 : _submitter$searchConf.submitText) || '提交'
|
|
583
|
+
children: (submitter === null || submitter === void 0 || (_submitter$searchConf = submitter.searchConfig) === null || _submitter$searchConf === void 0 ? void 0 : _submitter$searchConf.submitText) || intl.getMessage('modalForm.submit', '提交')
|
|
583
584
|
}), "submit");
|
|
584
585
|
var resetButton = /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
|
|
585
586
|
variant: "outline",
|
|
@@ -589,7 +590,7 @@ var Submitter = function Submitter(_ref14) {
|
|
|
589
590
|
onReset === null || onReset === void 0 || onReset(form.getFieldsValue(true));
|
|
590
591
|
}
|
|
591
592
|
}, submitter === null || submitter === void 0 ? void 0 : submitter.resetButtonProps), {}, {
|
|
592
|
-
children: (submitter === null || submitter === void 0 || (_submitter$searchConf2 = submitter.searchConfig) === null || _submitter$searchConf2 === void 0 ? void 0 : _submitter$searchConf2.resetText) || '重置'
|
|
593
|
+
children: (submitter === null || submitter === void 0 || (_submitter$searchConf2 = submitter.searchConfig) === null || _submitter$searchConf2 === void 0 ? void 0 : _submitter$searchConf2.resetText) || intl.getMessage('tableForm.reset', '重置')
|
|
593
594
|
}), "reset");
|
|
594
595
|
var dom = [resetButton, submitButton];
|
|
595
596
|
var rendered = submitter !== null && submitter !== void 0 && submitter.render ? submitter.render(submitter, dom) : dom;
|
|
@@ -1119,7 +1120,7 @@ var BaseProForm = function BaseProForm(_ref18) {
|
|
|
1119
1120
|
labelCol: mergedLabelCol,
|
|
1120
1121
|
wrapperCol: mergedWrapperCol,
|
|
1121
1122
|
classNames: mergedFormClassNames,
|
|
1122
|
-
className: cn(isQueryLike && '
|
|
1123
|
+
className: cn(isQueryLike && 'border-border bg-card rounded-2xl border p-4', isQueryFilter && '!space-y-0 gap-y-4', className),
|
|
1123
1124
|
style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, isQueryFilter ? {
|
|
1124
1125
|
alignItems: 'start',
|
|
1125
1126
|
display: 'grid',
|
|
@@ -1223,6 +1224,7 @@ var createProFormField = function createProFormField(_ref20) {
|
|
|
1223
1224
|
width = _ref21.width,
|
|
1224
1225
|
customValueType = _ref21.valueType,
|
|
1225
1226
|
formItemProps = _objectWithoutProperties(_ref21, _excluded5);
|
|
1227
|
+
var intl = useIntl();
|
|
1226
1228
|
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
1227
1229
|
valuePropName: formItemProps.valuePropName || valuePropName,
|
|
1228
1230
|
children: formItemProps.readonly ? /*#__PURE__*/_jsx(ReadonlyFieldView, {
|
|
@@ -1235,7 +1237,7 @@ var createProFormField = function createProFormField(_ref20) {
|
|
|
1235
1237
|
mode: "edit",
|
|
1236
1238
|
valueType: customValueType || valueType,
|
|
1237
1239
|
fieldProps: mergeFieldProps(fieldProps, width),
|
|
1238
|
-
placeholder: resolveFieldPlaceholder(formItemProps.label, placeholder, customValueType || valueType)
|
|
1240
|
+
placeholder: resolveFieldPlaceholder(intl, formItemProps.label, placeholder, customValueType || valueType)
|
|
1239
1241
|
})
|
|
1240
1242
|
}));
|
|
1241
1243
|
};
|
|
@@ -1254,6 +1256,7 @@ export var ProFormField = function ProFormField(_ref22) {
|
|
|
1254
1256
|
showSearch = _ref22.showSearch,
|
|
1255
1257
|
debounceTime = _ref22.debounceTime,
|
|
1256
1258
|
formItemProps = _objectWithoutProperties(_ref22, _excluded6);
|
|
1259
|
+
var intl = useIntl();
|
|
1257
1260
|
var resolvedOptions = useFieldOptions({
|
|
1258
1261
|
valueEnum: valueEnum,
|
|
1259
1262
|
options: options,
|
|
@@ -1277,7 +1280,7 @@ export var ProFormField = function ProFormField(_ref22) {
|
|
|
1277
1280
|
mode: "edit",
|
|
1278
1281
|
valueType: valueType,
|
|
1279
1282
|
valueEnum: valueEnum,
|
|
1280
|
-
placeholder: resolveFieldPlaceholder(formItemProps.label, placeholder, valueType),
|
|
1283
|
+
placeholder: resolveFieldPlaceholder(intl, formItemProps.label, placeholder, valueType),
|
|
1281
1284
|
fieldProps: _objectSpread(_objectSpread({}, mergeFieldProps(fieldProps, width)), {}, {
|
|
1282
1285
|
options: resolvedOptions,
|
|
1283
1286
|
showSearch: showSearch
|
|
@@ -1323,6 +1326,7 @@ export var ProFormSelect = function ProFormSelect(_ref23) {
|
|
|
1323
1326
|
debounceTime = _ref23.debounceTime,
|
|
1324
1327
|
resetAfterSelect = _ref23.resetAfterSelect,
|
|
1325
1328
|
formItemProps = _objectWithoutProperties(_ref23, _excluded7);
|
|
1329
|
+
var intl = useIntl();
|
|
1326
1330
|
var resolvedOptions = useFieldOptions({
|
|
1327
1331
|
valueEnum: valueEnum,
|
|
1328
1332
|
options: options,
|
|
@@ -1346,7 +1350,7 @@ export var ProFormSelect = function ProFormSelect(_ref23) {
|
|
|
1346
1350
|
})
|
|
1347
1351
|
}) : /*#__PURE__*/_jsx(SelectFieldBridge, _objectSpread(_objectSpread({}, mergedFieldProps), {}, {
|
|
1348
1352
|
options: flattenedOptions,
|
|
1349
|
-
placeholder: resolveFieldPlaceholder(formItemProps.label, placeholder, 'select'),
|
|
1353
|
+
placeholder: resolveFieldPlaceholder(intl, formItemProps.label, placeholder, 'select'),
|
|
1350
1354
|
showSearch: showSearch !== null && showSearch !== void 0 ? showSearch : fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.showSearch,
|
|
1351
1355
|
labelInValue: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.labelInValue
|
|
1352
1356
|
}))
|
|
@@ -1377,6 +1381,7 @@ ProFormSelect.SearchSelect = function (_ref24) {
|
|
|
1377
1381
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
1378
1382
|
keyWords = _useState14[0],
|
|
1379
1383
|
setKeyWords = _useState14[1];
|
|
1384
|
+
var intl = useIntl();
|
|
1380
1385
|
var searchEnabled = fetchDataOnSearch !== false;
|
|
1381
1386
|
var mergedMode = (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.mode) || mode || 'multiple';
|
|
1382
1387
|
var resolvedOptions = useFieldOptions({
|
|
@@ -1404,7 +1409,7 @@ ProFormSelect.SearchSelect = function (_ref24) {
|
|
|
1404
1409
|
options: flattenedOptions,
|
|
1405
1410
|
mode: mergedMode === 'single' ? undefined : mergedMode,
|
|
1406
1411
|
labelInValue: (_fieldProps$labelInVa = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.labelInValue) !== null && _fieldProps$labelInVa !== void 0 ? _fieldProps$labelInVa : true,
|
|
1407
|
-
placeholder: resolveFieldPlaceholder(formItemProps.label, placeholder, 'select'),
|
|
1412
|
+
placeholder: resolveFieldPlaceholder(intl, formItemProps.label, placeholder, 'select'),
|
|
1408
1413
|
showSearch: showSearch,
|
|
1409
1414
|
autoClearSearchValue: (_mergedFieldProps$aut3 = mergedFieldProps === null || mergedFieldProps === void 0 ? void 0 : mergedFieldProps.autoClearSearchValue) !== null && _mergedFieldProps$aut3 !== void 0 ? _mergedFieldProps$aut3 : true,
|
|
1410
1415
|
filterOption: request && searchEnabled ? false : mergedFieldProps === null || mergedFieldProps === void 0 ? void 0 : mergedFieldProps.filterOption,
|
|
@@ -1533,6 +1538,7 @@ export var ProFormTreeSelect = function ProFormTreeSelect(_ref27) {
|
|
|
1533
1538
|
_useState16 = _slicedToArray(_useState15, 2),
|
|
1534
1539
|
treeData = _useState16[0],
|
|
1535
1540
|
setTreeData = _useState16[1];
|
|
1541
|
+
var intl = useIntl();
|
|
1536
1542
|
useEffect(function () {
|
|
1537
1543
|
if (!request) {
|
|
1538
1544
|
setTreeData((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.treeData) || []);
|
|
@@ -1562,7 +1568,7 @@ export var ProFormTreeSelect = function ProFormTreeSelect(_ref27) {
|
|
|
1562
1568
|
})
|
|
1563
1569
|
}) : /*#__PURE__*/_jsx(TreeSelect, _objectSpread(_objectSpread({}, mergeFieldProps(fieldProps, width)), {}, {
|
|
1564
1570
|
treeData: treeData,
|
|
1565
|
-
placeholder: resolveFieldPlaceholder(formItemProps.label, placeholder, 'treeSelect')
|
|
1571
|
+
placeholder: resolveFieldPlaceholder(intl, formItemProps.label, placeholder, 'treeSelect')
|
|
1566
1572
|
}))
|
|
1567
1573
|
}));
|
|
1568
1574
|
};
|
|
@@ -1606,6 +1612,7 @@ export var ProFormCascader = function ProFormCascader(_ref29) {
|
|
|
1606
1612
|
_useState18 = _slicedToArray(_useState17, 2),
|
|
1607
1613
|
cascaderOptions = _useState18[0],
|
|
1608
1614
|
setCascaderOptions = _useState18[1];
|
|
1615
|
+
var intl = useIntl();
|
|
1609
1616
|
useEffect(function () {
|
|
1610
1617
|
if (!request) {
|
|
1611
1618
|
setCascaderOptions((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.options) || []);
|
|
@@ -1634,7 +1641,7 @@ export var ProFormCascader = function ProFormCascader(_ref29) {
|
|
|
1634
1641
|
options: cascaderOptions
|
|
1635
1642
|
})
|
|
1636
1643
|
}) : /*#__PURE__*/_jsx(CascaderFieldControl, _objectSpread(_objectSpread({}, mergeFieldProps(fieldProps, width)), {}, {
|
|
1637
|
-
placeholder: resolveFieldPlaceholder(formItemProps.label, placeholder, 'cascader'),
|
|
1644
|
+
placeholder: resolveFieldPlaceholder(intl, formItemProps.label, placeholder, 'cascader'),
|
|
1638
1645
|
fieldProps: _objectSpread(_objectSpread({}, mergeFieldProps(fieldProps, width) || {}), {}, {
|
|
1639
1646
|
options: cascaderOptions
|
|
1640
1647
|
})
|
|
@@ -1713,7 +1720,7 @@ export var ProFormGroup = function ProFormGroup(_ref31) {
|
|
|
1713
1720
|
children = _ref31.children,
|
|
1714
1721
|
rest = _objectWithoutProperties(_ref31, _excluded15);
|
|
1715
1722
|
return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
|
|
1716
|
-
className: cn('grid gap-4 rounded-2xl border
|
|
1723
|
+
className: cn('border-border bg-card grid gap-4 rounded-2xl border p-4', className)
|
|
1717
1724
|
}, rest), {}, {
|
|
1718
1725
|
children: children
|
|
1719
1726
|
}));
|
|
@@ -1836,7 +1843,7 @@ export var LightFilter = function LightFilter(_ref33) {
|
|
|
1836
1843
|
});
|
|
1837
1844
|
};
|
|
1838
1845
|
var footerNode = effectiveFooterRender === false ? null : effectiveFooterRender ? /*#__PURE__*/_jsx("div", {
|
|
1839
|
-
className: "flex items-center justify-end gap-3 border-t
|
|
1846
|
+
className: "border-border flex items-center justify-end gap-3 border-t pt-4",
|
|
1840
1847
|
children: effectiveFooterRender(function () {
|
|
1841
1848
|
captureSnapshot();
|
|
1842
1849
|
setOpen(false);
|
|
@@ -1844,7 +1851,7 @@ export var LightFilter = function LightFilter(_ref33) {
|
|
|
1844
1851
|
clearCollapseValues();
|
|
1845
1852
|
})
|
|
1846
1853
|
}) : /*#__PURE__*/_jsxs("div", {
|
|
1847
|
-
className: "flex items-center justify-end gap-3 border-t
|
|
1854
|
+
className: "border-border flex items-center justify-end gap-3 border-t pt-4",
|
|
1848
1855
|
children: [/*#__PURE__*/_jsx(Button, {
|
|
1849
1856
|
type: "button",
|
|
1850
1857
|
variant: "outline",
|
|
@@ -1863,7 +1870,7 @@ export var LightFilter = function LightFilter(_ref33) {
|
|
|
1863
1870
|
});
|
|
1864
1871
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
1865
1872
|
children: [/*#__PURE__*/_jsxs(BaseProForm, _objectSpread(_objectSpread({}, restProps), {}, {
|
|
1866
|
-
className: cn('
|
|
1873
|
+
className: cn('border-border bg-card rounded-2xl border p-4', className),
|
|
1867
1874
|
form: form,
|
|
1868
1875
|
layoutType: "LightFilter",
|
|
1869
1876
|
submitter: submitter,
|
|
@@ -1872,7 +1879,7 @@ export var LightFilter = function LightFilter(_ref33) {
|
|
|
1872
1879
|
return cloneLightFilterChild(child, variant);
|
|
1873
1880
|
}), collapseItems.length ? /*#__PURE__*/_jsx("button", {
|
|
1874
1881
|
type: "button",
|
|
1875
|
-
className: "hover:border-primary/40 inline-flex min-h-[40px] items-center rounded-full border
|
|
1882
|
+
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",
|
|
1876
1883
|
onClick: function onClick() {
|
|
1877
1884
|
captureSnapshot();
|
|
1878
1885
|
setOpen(true);
|
|
@@ -1900,18 +1907,18 @@ export var LightFilter = function LightFilter(_ref33) {
|
|
|
1900
1907
|
borderTopRightRadius: 24
|
|
1901
1908
|
}),
|
|
1902
1909
|
children: /*#__PURE__*/_jsxs("div", {
|
|
1903
|
-
className: "mx-auto w-full max-w-3xl space-y-4
|
|
1910
|
+
className: "bg-background mx-auto w-full max-w-3xl space-y-4 p-5",
|
|
1904
1911
|
children: [/*#__PURE__*/_jsxs("div", {
|
|
1905
1912
|
className: "flex items-center justify-between gap-3",
|
|
1906
1913
|
children: [/*#__PURE__*/_jsx("div", {
|
|
1907
|
-
className: "text-base font-semibold
|
|
1914
|
+
className: "text-foreground text-base font-semibold",
|
|
1908
1915
|
children: collapseLabel || '更多筛选'
|
|
1909
1916
|
}), /*#__PURE__*/_jsx(Button, {
|
|
1910
1917
|
type: "button",
|
|
1911
1918
|
variant: "ghost",
|
|
1912
1919
|
size: "small",
|
|
1913
1920
|
className: "h-9 w-9 px-0",
|
|
1914
|
-
"aria-label":
|
|
1921
|
+
"aria-label": intl.getMessage('form.close', '关闭'),
|
|
1915
1922
|
onClick: function onClick() {
|
|
1916
1923
|
restoreSnapshot();
|
|
1917
1924
|
setOpen(false);
|
|
@@ -1952,6 +1959,7 @@ export var ModalForm = function ModalForm(_ref34) {
|
|
|
1952
1959
|
layout = _ref34.layout,
|
|
1953
1960
|
children = _ref34.children,
|
|
1954
1961
|
restProps = _objectWithoutProperties(_ref34, _excluded17);
|
|
1962
|
+
var intl = useIntl();
|
|
1955
1963
|
var _useForm5 = useForm(controlledForm),
|
|
1956
1964
|
_useForm6 = _slicedToArray(_useForm5, 1),
|
|
1957
1965
|
form = _useForm6[0];
|
|
@@ -2026,14 +2034,14 @@ export var ModalForm = function ModalForm(_ref34) {
|
|
|
2026
2034
|
},
|
|
2027
2035
|
actions: submitter === false ? undefined : [{
|
|
2028
2036
|
key: 'cancel',
|
|
2029
|
-
text: '取消',
|
|
2037
|
+
text: intl.getMessage('modalForm.cancel', '取消'),
|
|
2030
2038
|
disabled: submitting,
|
|
2031
2039
|
onPress: function onPress() {
|
|
2032
2040
|
setMergedOpen(false);
|
|
2033
2041
|
}
|
|
2034
2042
|
}, {
|
|
2035
2043
|
key: 'submit',
|
|
2036
|
-
text: resolveActionText(submitter === null || submitter === void 0 || (_submitter$searchConf5 = submitter.searchConfig) === null || _submitter$searchConf5 === void 0 ? void 0 : _submitter$searchConf5.submitText, '提交'),
|
|
2044
|
+
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', '提交')),
|
|
2037
2045
|
primary: true,
|
|
2038
2046
|
loading: submitting || Boolean(submitter === null || submitter === void 0 || (_submitter$submitButt3 = submitter.submitButtonProps) === null || _submitter$submitButt3 === void 0 ? void 0 : _submitter$submitButt3.loading),
|
|
2039
2047
|
disabled: submitting || Boolean(submitter === null || submitter === void 0 || (_submitter$submitButt4 = submitter.submitButtonProps) === null || _submitter$submitButt4 === void 0 ? void 0 : _submitter$submitButt4.disabled),
|
|
@@ -2074,6 +2082,7 @@ export var DrawerForm = function DrawerForm(_ref36) {
|
|
|
2074
2082
|
layout = _ref36.layout,
|
|
2075
2083
|
children = _ref36.children,
|
|
2076
2084
|
restProps = _objectWithoutProperties(_ref36, _excluded18);
|
|
2085
|
+
var intl = useIntl();
|
|
2077
2086
|
var _useForm7 = useForm(controlledForm),
|
|
2078
2087
|
_useForm8 = _slicedToArray(_useForm7, 1),
|
|
2079
2088
|
form = _useForm8[0];
|
|
@@ -2146,19 +2155,19 @@ export var DrawerForm = function DrawerForm(_ref36) {
|
|
|
2146
2155
|
},
|
|
2147
2156
|
bodyStyle: drawerProps === null || drawerProps === void 0 ? void 0 : drawerProps.bodyStyle,
|
|
2148
2157
|
children: /*#__PURE__*/_jsxs("div", {
|
|
2149
|
-
className: "flex h-screen max-w-[100vw] flex-col border-l
|
|
2158
|
+
className: "border-border bg-background flex h-screen max-w-[100vw] flex-col border-l shadow-2xl",
|
|
2150
2159
|
style: {
|
|
2151
2160
|
width: width
|
|
2152
2161
|
},
|
|
2153
2162
|
children: [/*#__PURE__*/_jsxs("div", {
|
|
2154
|
-
className: "flex items-center justify-between border-b
|
|
2163
|
+
className: "border-border flex items-center justify-between border-b px-5 py-4",
|
|
2155
2164
|
children: [/*#__PURE__*/_jsx("div", {
|
|
2156
|
-
className: "text-base font-semibold
|
|
2165
|
+
className: "text-foreground text-base font-semibold",
|
|
2157
2166
|
children: title
|
|
2158
2167
|
}), /*#__PURE__*/_jsx("button", {
|
|
2159
2168
|
type: "button",
|
|
2160
|
-
className: "inline-flex h-8 w-8 items-center justify-center
|
|
2161
|
-
"aria-label":
|
|
2169
|
+
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",
|
|
2170
|
+
"aria-label": intl.getMessage('form.close', '关闭'),
|
|
2162
2171
|
onClick: function onClick() {
|
|
2163
2172
|
setMergedOpen(false);
|
|
2164
2173
|
},
|
|
@@ -2178,7 +2187,7 @@ export var DrawerForm = function DrawerForm(_ref36) {
|
|
|
2178
2187
|
children: children
|
|
2179
2188
|
}))
|
|
2180
2189
|
}), submitter === false ? null : /*#__PURE__*/_jsxs("div", {
|
|
2181
|
-
className: "bg-card/80 flex items-center justify-end gap-3 border-t
|
|
2190
|
+
className: "bg-card/80 border-border flex items-center justify-end gap-3 border-t px-5 py-4",
|
|
2182
2191
|
children: [/*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
|
|
2183
2192
|
variant: "outline"
|
|
2184
2193
|
}, submitter === null || submitter === void 0 ? void 0 : submitter.resetButtonProps), {}, {
|
|
@@ -2189,7 +2198,7 @@ export var DrawerForm = function DrawerForm(_ref36) {
|
|
|
2189
2198
|
}
|
|
2190
2199
|
setMergedOpen(false);
|
|
2191
2200
|
},
|
|
2192
|
-
children:
|
|
2201
|
+
children: intl.getMessage('modalForm.cancel', '取消')
|
|
2193
2202
|
})), /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, submitter === null || submitter === void 0 ? void 0 : submitter.submitButtonProps), {}, {
|
|
2194
2203
|
loading: submitting || Boolean(submitter === null || submitter === void 0 || (_submitter$submitButt5 = submitter.submitButtonProps) === null || _submitter$submitButt5 === void 0 ? void 0 : _submitter$submitButt5.loading),
|
|
2195
2204
|
disabled: submitting || Boolean(submitter === null || submitter === void 0 || (_submitter$submitButt6 = submitter.submitButtonProps) === null || _submitter$submitButt6 === void 0 ? void 0 : _submitter$submitButt6.disabled),
|
|
@@ -2199,7 +2208,7 @@ export var DrawerForm = function DrawerForm(_ref36) {
|
|
|
2199
2208
|
}
|
|
2200
2209
|
form.submit();
|
|
2201
2210
|
},
|
|
2202
|
-
children: resolveActionText(submitter === null || submitter === void 0 || (_submitter$searchConf6 = submitter.searchConfig) === null || _submitter$searchConf6 === void 0 ? void 0 : _submitter$searchConf6.submitText, '提交')
|
|
2211
|
+
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', '提交'))
|
|
2203
2212
|
}))]
|
|
2204
2213
|
})]
|
|
2205
2214
|
})
|
|
@@ -21,6 +21,7 @@ import { Button } from '@hanwenbo/x-web-ui/button';
|
|
|
21
21
|
import { Card } from '@hanwenbo/x-web-ui/card';
|
|
22
22
|
import { Form, useForm } from '@hanwenbo/x-web-ui/form';
|
|
23
23
|
import { cn } from '@hanwenbo/x-web-ui/utils/cn';
|
|
24
|
+
import { useIntl } from "../provider";
|
|
24
25
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
25
26
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
26
27
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -47,6 +48,7 @@ export var StepsForm = function StepsForm(_ref2) {
|
|
|
47
48
|
className = _ref2.className,
|
|
48
49
|
children = _ref2.children,
|
|
49
50
|
restProps = _objectWithoutProperties(_ref2, _excluded);
|
|
51
|
+
var intl = useIntl();
|
|
50
52
|
var _useForm = useForm(controlledForm),
|
|
51
53
|
_useForm2 = _slicedToArray(_useForm, 1),
|
|
52
54
|
form = _useForm2[0];
|
|
@@ -116,8 +118,8 @@ export var StepsForm = function StepsForm(_ref2) {
|
|
|
116
118
|
var handlePrev = function handlePrev() {
|
|
117
119
|
setStep(Math.max(0, mergedCurrent - 1));
|
|
118
120
|
};
|
|
119
|
-
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 ? '提交' : '下一步');
|
|
120
|
-
var resetButtonText = (submitter === null || submitter === void 0 || (_submitter$searchConf2 = submitter.searchConfig) === null || _submitter$searchConf2 === void 0 ? void 0 : _submitter$searchConf2.resetText) || '上一步';
|
|
121
|
+
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', '下一步'));
|
|
122
|
+
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', '上一步');
|
|
121
123
|
var submitterDom = submitter === false ? null : /*#__PURE__*/_jsxs("div", {
|
|
122
124
|
className: "mt-6 flex flex-wrap items-center justify-between gap-3",
|
|
123
125
|
children: [/*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
|
|
@@ -146,27 +148,27 @@ export var StepsForm = function StepsForm(_ref2) {
|
|
|
146
148
|
}
|
|
147
149
|
},
|
|
148
150
|
children: [/*#__PURE__*/_jsxs("div", {
|
|
149
|
-
className: "text-xs font-medium
|
|
150
|
-
children: ["
|
|
151
|
+
className: "text-muted-foreground text-xs font-medium tracking-[0.2em] uppercase",
|
|
152
|
+
children: [intl.getMessage('stepsForm.step', '步骤'), " ", index + 1]
|
|
151
153
|
}), /*#__PURE__*/_jsx("div", {
|
|
152
154
|
className: "mt-2 text-sm font-medium",
|
|
153
|
-
children: step.props.title || "
|
|
155
|
+
children: step.props.title || "".concat(intl.getMessage('stepsForm.step', '步骤'), " ").concat(index + 1)
|
|
154
156
|
}), step.props.description ? /*#__PURE__*/_jsx("div", {
|
|
155
|
-
className: "mt-1 text-xs
|
|
157
|
+
className: "text-muted-foreground mt-1 text-xs",
|
|
156
158
|
children: step.props.description
|
|
157
159
|
}) : null]
|
|
158
160
|
}, step.key || "step-".concat(index));
|
|
159
161
|
})
|
|
160
162
|
});
|
|
161
163
|
return /*#__PURE__*/_jsxs(Card, {
|
|
162
|
-
className: "
|
|
164
|
+
className: "border-border bg-card rounded-3xl border shadow-sm",
|
|
163
165
|
children: [stepsRender ? stepsRender(stepsDom, submitterDom) : stepsDom, /*#__PURE__*/_jsxs("div", {
|
|
164
166
|
className: "mb-4 space-y-1",
|
|
165
167
|
children: [/*#__PURE__*/_jsx("div", {
|
|
166
|
-
className: "text-lg font-semibold
|
|
167
|
-
children: (activeStep === null || activeStep === void 0 ? void 0 : activeStep.props.title) || '步骤表单'
|
|
168
|
+
className: "text-foreground text-lg font-semibold",
|
|
169
|
+
children: (activeStep === null || activeStep === void 0 ? void 0 : activeStep.props.title) || intl.getMessage('stepsForm.title', '步骤表单')
|
|
168
170
|
}), activeStep !== null && activeStep !== void 0 && activeStep.props.description ? /*#__PURE__*/_jsx("div", {
|
|
169
|
-
className: "text-
|
|
171
|
+
className: "text-muted-foreground text-sm",
|
|
170
172
|
children: activeStep.props.description
|
|
171
173
|
}) : null]
|
|
172
174
|
}), /*#__PURE__*/_jsx(Form, _objectSpread(_objectSpread({}, restProps), {}, {
|
|
@@ -14,7 +14,30 @@ var createMessages = function createMessages(locale, overrides) {
|
|
|
14
14
|
'tableForm.collapsed': locale.toLowerCase().startsWith('zh') ? '展开' : 'Expand',
|
|
15
15
|
'modalForm.submit': locale.toLowerCase().startsWith('zh') ? '提交' : 'Submit',
|
|
16
16
|
'modalForm.cancel': locale.toLowerCase().startsWith('zh') ? '取消' : 'Cancel',
|
|
17
|
-
'tableForm.empty': locale.toLowerCase().startsWith('zh') ? '暂无数据' :
|
|
17
|
+
'tableForm.empty': locale.toLowerCase().startsWith('zh') ? '暂无数据' : 'No data',
|
|
18
|
+
'form.inputPrefix': locale.toLowerCase().startsWith('zh') ? '请输入' : 'Please enter ',
|
|
19
|
+
'form.selectPrefix': locale.toLowerCase().startsWith('zh') ? '请选择' : 'Please select ',
|
|
20
|
+
'form.close': locale.toLowerCase().startsWith('zh') ? '关闭' : 'Close',
|
|
21
|
+
'stepsForm.next': locale.toLowerCase().startsWith('zh') ? '下一步' : 'Next',
|
|
22
|
+
'stepsForm.previous': locale.toLowerCase().startsWith('zh') ? '上一步' : 'Previous',
|
|
23
|
+
'stepsForm.step': locale.toLowerCase().startsWith('zh') ? '步骤' : 'Step',
|
|
24
|
+
'stepsForm.title': locale.toLowerCase().startsWith('zh') ? '步骤表单' : 'Step form',
|
|
25
|
+
'tableToolbar.reload': locale.toLowerCase().startsWith('zh') ? '刷新' : 'Refresh',
|
|
26
|
+
'tableToolbar.tools': locale.toLowerCase().startsWith('zh') ? '打开表格工具' : 'Open table tools',
|
|
27
|
+
'tableToolbar.density': locale.toLowerCase().startsWith('zh') ? '密度' : 'Density',
|
|
28
|
+
'tableToolbar.large': locale.toLowerCase().startsWith('zh') ? '宽松' : 'Comfortable',
|
|
29
|
+
'tableToolbar.middle': locale.toLowerCase().startsWith('zh') ? '中等' : 'Medium',
|
|
30
|
+
'tableToolbar.small': locale.toLowerCase().startsWith('zh') ? '紧凑' : 'Compact',
|
|
31
|
+
'tableToolbar.columns': locale.toLowerCase().startsWith('zh') ? '列设置' : 'Columns',
|
|
32
|
+
'tableToolbar.fullscreen': locale.toLowerCase().startsWith('zh') ? '全屏' : 'Fullscreen',
|
|
33
|
+
'tableToolbar.exitFullscreen': locale.toLowerCase().startsWith('zh') ? '退出全屏' : 'Exit fullscreen',
|
|
34
|
+
'tableToolbar.pinLeft': locale.toLowerCase().startsWith('zh') ? '固定到左侧' : 'Pin left',
|
|
35
|
+
'tableToolbar.unpinLeft': locale.toLowerCase().startsWith('zh') ? '取消左侧固定' : 'Unpin left',
|
|
36
|
+
'tableToolbar.pinRight': locale.toLowerCase().startsWith('zh') ? '固定到右侧' : 'Pin right',
|
|
37
|
+
'tableToolbar.unpinRight': locale.toLowerCase().startsWith('zh') ? '取消右侧固定' : 'Unpin right',
|
|
38
|
+
'tableToolbar.keyword': locale.toLowerCase().startsWith('zh') ? '请输入关键词' : 'Please enter keywords',
|
|
39
|
+
'tableToolbar.selected': locale.toLowerCase().startsWith('zh') ? '已选' : 'Selected',
|
|
40
|
+
'tableToolbar.clear': locale.toLowerCase().startsWith('zh') ? '清空' : 'Clear'
|
|
18
41
|
}, overrides);
|
|
19
42
|
};
|
|
20
43
|
var zhCNMessages = createMessages('zh-CN');
|