@zat-design/sisyphus-react 3.4.5 → 3.4.6
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/dist/index.esm.css +140 -35
- package/dist/less.esm.css +140 -35
- package/es/ProConfigProvider/index.d.ts +2 -2
- package/es/ProConfigProvider/index.js +0 -3
- package/es/ProEditTable/components/RenderField/index.js +55 -48
- package/es/ProEditTable/index.js +3 -3
- package/es/ProEditTable/style/index.less +0 -5
- package/es/ProEditTable/utils/tools.d.ts +12 -0
- package/es/ProEditTable/utils/tools.js +79 -2
- package/es/ProForm/components/base/RangePicker/index.js +9 -9
- package/es/ProForm/components/combination/Container/index.js +3 -2
- package/es/ProForm/components/combination/Container/style/index.less +5 -1
- package/es/ProForm/components/combination/{ProAddressBar → ProCascader}/index.d.ts +2 -2
- package/es/ProForm/components/combination/ProCascader/index.js +256 -0
- package/es/ProForm/components/combination/{ProAddressBar → ProCascader}/propsType.d.ts +9 -6
- package/es/ProForm/components/combination/ProCascader/utils/index.d.ts +14 -0
- package/es/ProForm/components/combination/ProCascader/utils/index.js +26 -0
- package/es/ProForm/components/combination/ProModalSelect/index.js +13 -5
- package/es/ProForm/components/combination/ProModalSelect/style/index.less +23 -0
- package/es/ProForm/components/combination/ProRangeLimit/index.d.ts +2 -2
- package/es/ProForm/components/combination/ProRangeLimit/index.js +17 -10
- package/es/ProForm/components/index.d.ts +1 -2
- package/es/ProForm/components/index.js +1 -4
- package/es/ProForm/components/render/Render.js +18 -13
- package/es/ProForm/components/render/RenderFields.js +3 -1
- package/es/ProForm/components/render/propsType.d.ts +3 -7
- package/es/ProForm/index.js +6 -2
- package/es/ProForm/propsType.d.ts +2 -0
- package/es/ProForm/style/index.less +2 -1
- package/es/ProForm/utils/index.js +4 -1
- package/es/ProForm/utils/useChanged.js +1 -2
- package/es/ProForm/utils/useForm.js +18 -6
- package/es/ProForm/utils/useListChanged.js +1 -3
- package/es/ProIcon/config/index.d.ts +2 -0
- package/es/ProIcon/config/index.js +4 -2
- package/es/ProIcon/index.js +148 -81
- package/es/ProIcon/propsTypes.d.ts +6 -1
- package/es/ProIcon/utils/index.d.ts +5 -0
- package/es/ProIcon/utils/index.js +60 -0
- package/es/ProLayout/components/ProCollapse/index.js +6 -3
- package/es/ProLayout/components/ProCollapse/style/index.less +1 -1
- package/es/ProSelect/index.js +1 -1
- package/es/ProStep/components/Step/index.js +4 -3
- package/es/ProStep/style/index.less +37 -0
- package/es/ProTable/utils.js +6 -3
- package/es/ProThemeTools/component/PrdTools/index.d.ts +1 -1
- package/es/ProThemeTools/component/PrdTools/index.js +16 -6
- package/es/ProThemeTools/component/PrdTools/style/index.less +56 -48
- package/es/ProTree/components/ProTree.js +96 -74
- package/es/ProTree/components/ProTreeSelect/index.js +3 -7
- package/es/ProTree/components/Tree.js +63 -41
- package/es/ProTree/style/index.less +24 -17
- package/es/ProUpload/index.js +13 -14
- package/es/ProUpload/propsType.d.ts +8 -3
- package/es/assets/view.svg +2 -2
- package/es/global.less +6 -6
- package/lib/ProConfigProvider/index.d.ts +2 -2
- package/lib/ProConfigProvider/index.js +0 -3
- package/lib/ProEditTable/components/RenderField/index.js +53 -46
- package/lib/ProEditTable/index.js +3 -3
- package/lib/ProEditTable/style/index.less +0 -5
- package/lib/ProEditTable/utils/tools.d.ts +12 -0
- package/lib/ProEditTable/utils/tools.js +80 -2
- package/lib/ProForm/components/base/RangePicker/index.js +9 -9
- package/lib/ProForm/components/combination/Container/index.js +3 -2
- package/lib/ProForm/components/combination/Container/style/index.less +5 -1
- package/lib/ProForm/components/combination/{ProAddressBar → ProCascader}/index.d.ts +2 -2
- package/lib/ProForm/components/combination/ProCascader/index.js +256 -0
- package/lib/ProForm/components/combination/{ProAddressBar → ProCascader}/propsType.d.ts +9 -6
- package/lib/ProForm/components/combination/ProCascader/utils/index.d.ts +14 -0
- package/lib/ProForm/components/combination/ProCascader/utils/index.js +33 -0
- package/lib/ProForm/components/combination/ProModalSelect/index.js +12 -4
- package/lib/ProForm/components/combination/ProModalSelect/style/index.less +23 -0
- package/lib/ProForm/components/combination/ProRangeLimit/index.d.ts +2 -2
- package/lib/ProForm/components/combination/ProRangeLimit/index.js +17 -10
- package/lib/ProForm/components/index.d.ts +1 -2
- package/lib/ProForm/components/index.js +1 -8
- package/lib/ProForm/components/render/Render.js +18 -13
- package/lib/ProForm/components/render/RenderFields.js +3 -1
- package/lib/ProForm/components/render/propsType.d.ts +3 -7
- package/lib/ProForm/index.js +5 -1
- package/lib/ProForm/propsType.d.ts +2 -0
- package/lib/ProForm/style/index.less +2 -1
- package/lib/ProForm/utils/index.js +4 -1
- package/lib/ProForm/utils/useChanged.js +1 -2
- package/lib/ProForm/utils/useForm.js +18 -6
- package/lib/ProForm/utils/useListChanged.js +1 -3
- package/lib/ProIcon/config/index.d.ts +2 -0
- package/lib/ProIcon/config/index.js +4 -2
- package/lib/ProIcon/index.js +144 -77
- package/lib/ProIcon/propsTypes.d.ts +6 -1
- package/lib/ProIcon/utils/index.d.ts +5 -0
- package/lib/ProIcon/utils/index.js +62 -1
- package/lib/ProLayout/components/ProCollapse/index.js +6 -3
- package/lib/ProLayout/components/ProCollapse/style/index.less +1 -1
- package/lib/ProSelect/index.js +1 -1
- package/lib/ProStep/components/Step/index.js +4 -3
- package/lib/ProStep/style/index.less +37 -0
- package/lib/ProTable/utils.js +6 -3
- package/lib/ProThemeTools/component/PrdTools/index.d.ts +1 -1
- package/lib/ProThemeTools/component/PrdTools/index.js +16 -6
- package/lib/ProThemeTools/component/PrdTools/style/index.less +56 -48
- package/lib/ProTree/components/ProTree.js +96 -74
- package/lib/ProTree/components/ProTreeSelect/index.js +3 -7
- package/lib/ProTree/components/Tree.js +63 -41
- package/lib/ProTree/style/index.less +24 -17
- package/lib/ProUpload/index.js +12 -13
- package/lib/ProUpload/propsType.d.ts +8 -3
- package/lib/assets/view.svg +2 -2
- package/lib/global.less +6 -6
- package/package.json +2 -2
- package/es/ProForm/components/base/ProCascader/index.d.ts +0 -14
- package/es/ProForm/components/base/ProCascader/index.js +0 -72
- package/es/ProForm/components/combination/ProAddressBar/index.js +0 -437
- package/lib/ProForm/components/base/ProCascader/index.d.ts +0 -14
- package/lib/ProForm/components/base/ProCascader/index.js +0 -78
- package/lib/ProForm/components/combination/ProAddressBar/index.js +0 -437
- /package/es/ProForm/components/combination/{ProAddressBar → ProCascader}/propsType.js +0 -0
- /package/es/ProForm/components/combination/{ProAddressBar → ProCascader}/style/index.less +0 -0
- /package/lib/ProForm/components/combination/{ProAddressBar → ProCascader}/propsType.js +0 -0
- /package/lib/ProForm/components/combination/{ProAddressBar → ProCascader}/style/index.less +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
declare const _default: import("react").MemoExoticComponent<(props:
|
|
2
|
+
import { ProCascaderProps } from './propsType';
|
|
3
|
+
declare const _default: import("react").MemoExoticComponent<(props: ProCascaderProps) => JSX.Element>;
|
|
4
4
|
export default _default;
|
|
@@ -0,0 +1,256 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
9
|
+
var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
|
|
10
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
11
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
12
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
var _react = require("react");
|
|
16
|
+
var _antd = require("antd");
|
|
17
|
+
var _lodash = require("lodash");
|
|
18
|
+
var _index = require("./utils/index");
|
|
19
|
+
var _ProConfigProvider = require("../../../../ProConfigProvider");
|
|
20
|
+
var _useEnum = _interopRequireDefault(require("../../../../ProEnum/hooks/useEnum"));
|
|
21
|
+
var _locale = _interopRequireDefault(require("../../../../locale"));
|
|
22
|
+
var _ = _interopRequireDefault(require("../../.."));
|
|
23
|
+
var _excluded = ["className", "hasDetail", "detailMaxLength", "fieldNames", "value", "disabled", "dataSource", "onChange", "useRequest", "transformResponse", "level", "isView", "enumCode", "code", "tooltip", "separator"];
|
|
24
|
+
var Text = _antd.Typography.Text;
|
|
25
|
+
var filterDataSource = function filterDataSource(dataSource, level) {
|
|
26
|
+
return dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
|
|
27
|
+
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
|
|
28
|
+
children: level === 1 ? [] : filterDataSource(item === null || item === void 0 ? void 0 : item.children, level - 1)
|
|
29
|
+
});
|
|
30
|
+
});
|
|
31
|
+
};
|
|
32
|
+
var getViewLabel = function getViewLabel(_ref) {
|
|
33
|
+
var dataSource = _ref.dataSource,
|
|
34
|
+
value = _ref.value;
|
|
35
|
+
var viewLabel = [];
|
|
36
|
+
// 根据dataSource得到label数组,查看模式展示需要
|
|
37
|
+
value === null || value === void 0 ? void 0 : value.forEach(function (value, index) {
|
|
38
|
+
var _dataSource;
|
|
39
|
+
var temp = (_dataSource = dataSource) === null || _dataSource === void 0 ? void 0 : _dataSource.find(function (item) {
|
|
40
|
+
return (item === null || item === void 0 ? void 0 : item.value) === value;
|
|
41
|
+
});
|
|
42
|
+
dataSource = (temp === null || temp === void 0 ? void 0 : temp.children) || [];
|
|
43
|
+
viewLabel[index] = temp === null || temp === void 0 ? void 0 : temp.label;
|
|
44
|
+
});
|
|
45
|
+
return viewLabel;
|
|
46
|
+
};
|
|
47
|
+
var defaultFieldNames = {
|
|
48
|
+
label: 'name',
|
|
49
|
+
value: 'code',
|
|
50
|
+
children: 'children'
|
|
51
|
+
};
|
|
52
|
+
var ProCascader = function ProCascader(props) {
|
|
53
|
+
var _value$slice, _ref7, _ref7$filter, _defaultLabel$filter, _locale$ProAddressBar, _locale$ProAddressBar2;
|
|
54
|
+
var _ref2 = (0, _ProConfigProvider.useProConfig)('ProAddressBar') || {},
|
|
55
|
+
configDetailMaxLength = _ref2.detailMaxLength,
|
|
56
|
+
configEnumCode = _ref2.enumCode,
|
|
57
|
+
configCode = _ref2.code;
|
|
58
|
+
var isAddressMode = (props === null || props === void 0 ? void 0 : props.mode) === 'address';
|
|
59
|
+
var _props$className = props.className,
|
|
60
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
61
|
+
_props$hasDetail = props.hasDetail,
|
|
62
|
+
hasDetail = _props$hasDetail === void 0 ? isAddressMode ? true : undefined : _props$hasDetail,
|
|
63
|
+
_props$detailMaxLengt = props.detailMaxLength,
|
|
64
|
+
detailMaxLength = _props$detailMaxLengt === void 0 ? isAddressMode ? configDetailMaxLength || 100 : 100 : _props$detailMaxLengt,
|
|
65
|
+
_props$fieldNames = props.fieldNames,
|
|
66
|
+
fieldNames = _props$fieldNames === void 0 ? defaultFieldNames : _props$fieldNames,
|
|
67
|
+
value = props.value,
|
|
68
|
+
disabled = props.disabled,
|
|
69
|
+
dataSource = props.dataSource,
|
|
70
|
+
onChange = props.onChange,
|
|
71
|
+
useRequest = props.useRequest,
|
|
72
|
+
transformResponse = props.transformResponse,
|
|
73
|
+
_props$level = props.level,
|
|
74
|
+
level = _props$level === void 0 ? isAddressMode ? 3 : undefined : _props$level,
|
|
75
|
+
isView = props.isView,
|
|
76
|
+
_props$enumCode = props.enumCode,
|
|
77
|
+
enumCode = _props$enumCode === void 0 ? configEnumCode : _props$enumCode,
|
|
78
|
+
_props$code = props.code,
|
|
79
|
+
code = _props$code === void 0 ? configCode : _props$code,
|
|
80
|
+
tooltip = props.tooltip,
|
|
81
|
+
_props$separator = props.separator,
|
|
82
|
+
separator = _props$separator === void 0 ? '' : _props$separator,
|
|
83
|
+
otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
84
|
+
var _ref3 = _.default.useFieldProps() || {},
|
|
85
|
+
isViewCon = _ref3.isView;
|
|
86
|
+
var addressCode = code || enumCode;
|
|
87
|
+
var realIsView = typeof isView === 'boolean' ? isView : isViewCon;
|
|
88
|
+
var realLevel = Math.max(2, level);
|
|
89
|
+
var detail = value === null || value === void 0 ? void 0 : value[realLevel];
|
|
90
|
+
var enumData = (0, _useEnum.default)(addressCode);
|
|
91
|
+
var _ref4 = Array.isArray(enumData) ? enumData : [],
|
|
92
|
+
_ref5 = (0, _slicedToArray2.default)(_ref4, 1),
|
|
93
|
+
_ref5$ = _ref5[0],
|
|
94
|
+
enumDataSource = _ref5$ === void 0 ? [] : _ref5$;
|
|
95
|
+
var realDataSource = (0, _react.useMemo)(function () {
|
|
96
|
+
var innerDataSource = dataSource || (addressCode ? enumDataSource : []);
|
|
97
|
+
var result = isAddressMode && realLevel === 2 ? filterDataSource(innerDataSource, level) : innerDataSource;
|
|
98
|
+
return (0, _lodash.isEqual)(fieldNames, defaultFieldNames) ? result : (0, _index.transformDataName)(result, fieldNames);
|
|
99
|
+
}, [isAddressMode, addressCode, realLevel, dataSource, enumDataSource === null || enumDataSource === void 0 ? void 0 : enumDataSource.length]);
|
|
100
|
+
var _useRequest = (0, _objectSpread2.default)({}, useRequest),
|
|
101
|
+
service = _useRequest.service,
|
|
102
|
+
_useRequest$defaultPa = _useRequest.defaultParams,
|
|
103
|
+
defaultParams = _useRequest$defaultPa === void 0 ? {} : _useRequest$defaultPa;
|
|
104
|
+
var _useState = (0, _react.useState)([]),
|
|
105
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
106
|
+
serviceData = _useState2[0],
|
|
107
|
+
setServiceData = _useState2[1];
|
|
108
|
+
var _useState3 = (0, _react.useState)([]),
|
|
109
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
110
|
+
defaultLabel = _useState4[0],
|
|
111
|
+
setDefaultLabel = _useState4[1];
|
|
112
|
+
var getFirstLevelOptions = /*#__PURE__*/function () {
|
|
113
|
+
var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
|
|
114
|
+
var _yield$service, data, newData, transFormData, serviceData;
|
|
115
|
+
return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
|
|
116
|
+
while (1) switch (_context.prev = _context.next) {
|
|
117
|
+
case 0:
|
|
118
|
+
_context.next = 2;
|
|
119
|
+
return service(defaultParams);
|
|
120
|
+
case 2:
|
|
121
|
+
_yield$service = _context.sent;
|
|
122
|
+
data = _yield$service.data;
|
|
123
|
+
newData = data;
|
|
124
|
+
if (transformResponse) {
|
|
125
|
+
newData = transformResponse(data);
|
|
126
|
+
}
|
|
127
|
+
transFormData = (0, _index.transformDataName)(newData, {
|
|
128
|
+
label: fieldNames.label,
|
|
129
|
+
value: fieldNames.value,
|
|
130
|
+
children: (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children'
|
|
131
|
+
});
|
|
132
|
+
serviceData = isAddressMode && realLevel === 2 ? filterDataSource(transFormData, level) : transFormData;
|
|
133
|
+
setServiceData(serviceData);
|
|
134
|
+
case 9:
|
|
135
|
+
case "end":
|
|
136
|
+
return _context.stop();
|
|
137
|
+
}
|
|
138
|
+
}, _callee);
|
|
139
|
+
}));
|
|
140
|
+
return function getFirstLevelOptions() {
|
|
141
|
+
return _ref6.apply(this, arguments);
|
|
142
|
+
};
|
|
143
|
+
}();
|
|
144
|
+
(0, _react.useEffect)(function () {
|
|
145
|
+
if (service) {
|
|
146
|
+
// 传入useRequest时,初次加载级联第一级数据源
|
|
147
|
+
getFirstLevelOptions();
|
|
148
|
+
}
|
|
149
|
+
}, [service]);
|
|
150
|
+
(0, _react.useEffect)(function () {
|
|
151
|
+
if (realIsView && value) {
|
|
152
|
+
// 传入dataSource + 查看时初始化展示
|
|
153
|
+
if (service) {
|
|
154
|
+
setDefaultLabel(getViewLabel({
|
|
155
|
+
dataSource: serviceData,
|
|
156
|
+
value: isAddressMode && hasDetail ? value === null || value === void 0 ? void 0 : value.slice(0, realLevel) : value
|
|
157
|
+
}));
|
|
158
|
+
} else if ((realDataSource === null || realDataSource === void 0 ? void 0 : realDataSource.length) > 0) {
|
|
159
|
+
setDefaultLabel(getViewLabel({
|
|
160
|
+
dataSource: realDataSource,
|
|
161
|
+
value: isAddressMode && hasDetail ? value === null || value === void 0 ? void 0 : value.slice(0, realLevel) : value
|
|
162
|
+
}));
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
}, [realIsView, value, realDataSource, serviceData]);
|
|
166
|
+
var handleChange = function handleChange(changeValue, selectedOptions) {
|
|
167
|
+
if (onChange) {
|
|
168
|
+
if (isAddressMode && hasDetail && detail) {
|
|
169
|
+
// 有详情地址
|
|
170
|
+
var realValue = changeValue || [];
|
|
171
|
+
realValue[realLevel] = detail;
|
|
172
|
+
onChange(realValue, selectedOptions);
|
|
173
|
+
} else {
|
|
174
|
+
onChange(changeValue, selectedOptions);
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
};
|
|
178
|
+
// showSearch中的筛选函数
|
|
179
|
+
var handlefilter = function handlefilter(inputValue, path) {
|
|
180
|
+
return path.some(function (option) {
|
|
181
|
+
return option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1;
|
|
182
|
+
});
|
|
183
|
+
};
|
|
184
|
+
var handleAddressChange = function handleAddressChange(e) {
|
|
185
|
+
var cascaderValue = value === null || value === void 0 ? void 0 : value.slice(0, realLevel);
|
|
186
|
+
if (onChange) {
|
|
187
|
+
if (!e.target.value && (cascaderValue === null || cascaderValue === void 0 ? void 0 : cascaderValue.every(function (item) {
|
|
188
|
+
return !item;
|
|
189
|
+
}))) {
|
|
190
|
+
onChange(undefined);
|
|
191
|
+
} else {
|
|
192
|
+
var realValue = value ? (0, _toConsumableArray2.default)(value) : [];
|
|
193
|
+
realValue[realLevel] = e.target.value;
|
|
194
|
+
onChange(realValue);
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
};
|
|
198
|
+
var displayRender = function displayRender(label) {
|
|
199
|
+
return label === null || label === void 0 ? void 0 : label.filter(function (item) {
|
|
200
|
+
return !!item;
|
|
201
|
+
}).join('/');
|
|
202
|
+
};
|
|
203
|
+
var addressValue = isAddressMode ? value && ((_value$slice = value.slice(0, realLevel)) === null || _value$slice === void 0 ? void 0 : _value$slice.some(function (item) {
|
|
204
|
+
return !!item;
|
|
205
|
+
})) ? value.slice(0, realLevel) : undefined : value;
|
|
206
|
+
var viewValue = isAddressMode ? ((_ref7 = [].concat((0, _toConsumableArray2.default)(defaultLabel), [value === null || value === void 0 ? void 0 : value[realLevel]])) === null || _ref7 === void 0 ? void 0 : (_ref7$filter = _ref7.filter(function (item) {
|
|
207
|
+
return !!item;
|
|
208
|
+
})) === null || _ref7$filter === void 0 ? void 0 : _ref7$filter.join(separator)) || '-' : (defaultLabel === null || defaultLabel === void 0 ? void 0 : (_defaultLabel$filter = defaultLabel.filter(function (item) {
|
|
209
|
+
return !!item;
|
|
210
|
+
})) === null || _defaultLabel$filter === void 0 ? void 0 : _defaultLabel$filter.join(separator)) || '-';
|
|
211
|
+
return realIsView ? tooltip ? (0, _jsxRuntime.jsx)(_antd.Tooltip, {
|
|
212
|
+
className: className,
|
|
213
|
+
title: tooltip === true ? viewValue : tooltip,
|
|
214
|
+
children: (0, _jsxRuntime.jsx)(Text, {
|
|
215
|
+
ellipsis: {
|
|
216
|
+
tooltip: false
|
|
217
|
+
},
|
|
218
|
+
children: viewValue
|
|
219
|
+
})
|
|
220
|
+
}) : (0, _jsxRuntime.jsx)("span", {
|
|
221
|
+
className: className,
|
|
222
|
+
children: viewValue
|
|
223
|
+
}) : (0, _jsxRuntime.jsxs)("div", {
|
|
224
|
+
className: "pro-address ".concat(className),
|
|
225
|
+
children: [(0, _jsxRuntime.jsx)(_antd.Cascader, (0, _objectSpread2.default)({
|
|
226
|
+
className: hasDetail ? '' : 'no-detail',
|
|
227
|
+
placeholder: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProAddressBar = _locale.default.ProAddressBar) === null || _locale$ProAddressBar === void 0 ? void 0 : _locale$ProAddressBar.placeholder,
|
|
228
|
+
value: addressValue,
|
|
229
|
+
options: service ? serviceData : realDataSource,
|
|
230
|
+
disabled: disabled,
|
|
231
|
+
displayRender: displayRender,
|
|
232
|
+
showSearch: {
|
|
233
|
+
filter: handlefilter
|
|
234
|
+
},
|
|
235
|
+
onChange: handleChange
|
|
236
|
+
}, (0, _lodash.omit)(otherProps, 'otherProps'))), hasDetail && (tooltip && disabled && detail ? (0, _jsxRuntime.jsx)(_antd.Tooltip, {
|
|
237
|
+
title: detail,
|
|
238
|
+
children: (0, _jsxRuntime.jsx)("span", {
|
|
239
|
+
className: "pro-address-detail",
|
|
240
|
+
children: (0, _jsxRuntime.jsx)(_antd.Input, {
|
|
241
|
+
disabled: disabled,
|
|
242
|
+
value: detail
|
|
243
|
+
})
|
|
244
|
+
})
|
|
245
|
+
}) : (0, _jsxRuntime.jsx)(_antd.Input, {
|
|
246
|
+
allowClear: true,
|
|
247
|
+
autoComplete: "off",
|
|
248
|
+
disabled: disabled,
|
|
249
|
+
value: detail,
|
|
250
|
+
maxLength: detailMaxLength,
|
|
251
|
+
placeholder: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProAddressBar2 = _locale.default.ProAddressBar) === null || _locale$ProAddressBar2 === void 0 ? void 0 : _locale$ProAddressBar2.detailPlaceholder,
|
|
252
|
+
onChange: handleAddressChange
|
|
253
|
+
}))]
|
|
254
|
+
});
|
|
255
|
+
};
|
|
256
|
+
var _default = exports.default = /*#__PURE__*/(0, _react.memo)(ProCascader);
|
|
@@ -1,19 +1,22 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { DefaultOptionType } from 'rc-select/lib/Select';
|
|
3
3
|
import { Service } from 'ahooks/lib/useRequest/src/types';
|
|
4
|
-
export interface
|
|
5
|
-
|
|
4
|
+
export interface fieldNamesProps {
|
|
5
|
+
label: string;
|
|
6
|
+
value: string;
|
|
7
|
+
children?: string;
|
|
8
|
+
[key: string]: string;
|
|
9
|
+
}
|
|
10
|
+
export interface ProCascaderProps {
|
|
6
11
|
className?: string;
|
|
12
|
+
mode?: 'address' | 'default';
|
|
7
13
|
isView?: boolean;
|
|
8
14
|
value?: string[];
|
|
9
15
|
disabled?: boolean;
|
|
10
16
|
hasDetail?: boolean;
|
|
11
17
|
tooltip?: boolean | ReactNode;
|
|
12
18
|
detailMaxLength?: number;
|
|
13
|
-
fieldNames?:
|
|
14
|
-
label: string;
|
|
15
|
-
value: string;
|
|
16
|
-
};
|
|
19
|
+
fieldNames?: fieldNamesProps;
|
|
17
20
|
dataSource?: DefaultOptionType[];
|
|
18
21
|
useRequest?: {
|
|
19
22
|
loadData?: boolean;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
interface DataNode {
|
|
2
|
+
label: string;
|
|
3
|
+
value: string;
|
|
4
|
+
children?: DataNode[];
|
|
5
|
+
[key: string]: any;
|
|
6
|
+
}
|
|
7
|
+
interface FieldNames {
|
|
8
|
+
label: string;
|
|
9
|
+
value: string;
|
|
10
|
+
children?: string;
|
|
11
|
+
[key: string]: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const transformDataName: (dataSource: any[], fieldNames: FieldNames) => DataNode[];
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.transformDataName = void 0;
|
|
8
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
9
|
+
var _excluded = ["label", "value", "children"];
|
|
10
|
+
var transformDataName = exports.transformDataName = function transformDataName(dataSource, fieldNames) {
|
|
11
|
+
var label = fieldNames.label,
|
|
12
|
+
value = fieldNames.value,
|
|
13
|
+
children = fieldNames.children,
|
|
14
|
+
extraFields = (0, _objectWithoutProperties2.default)(fieldNames, _excluded);
|
|
15
|
+
function transformNode(node) {
|
|
16
|
+
var newNode = {
|
|
17
|
+
label: node[label],
|
|
18
|
+
value: node[value]
|
|
19
|
+
};
|
|
20
|
+
// 处理额外的字段
|
|
21
|
+
Object.keys(extraFields).forEach(function (key) {
|
|
22
|
+
newNode[key] = node[extraFields[key]];
|
|
23
|
+
});
|
|
24
|
+
if (children && Array.isArray(node[children])) {
|
|
25
|
+
newNode.children = node[children].map(transformNode);
|
|
26
|
+
}
|
|
27
|
+
return newNode;
|
|
28
|
+
}
|
|
29
|
+
function transformData(data) {
|
|
30
|
+
return data.map(transformNode);
|
|
31
|
+
}
|
|
32
|
+
return transformData(dataSource);
|
|
33
|
+
};
|
|
@@ -338,7 +338,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
|
|
|
338
338
|
case 16:
|
|
339
339
|
_context2.prev = 16;
|
|
340
340
|
_context2.t0 = _context2["catch"](0);
|
|
341
|
-
console.
|
|
341
|
+
console.warn('error', _context2.t0);
|
|
342
342
|
case 19:
|
|
343
343
|
case "end":
|
|
344
344
|
return _context2.stop();
|
|
@@ -593,6 +593,9 @@ var ProModalSelect = function ProModalSelect(props, ref) {
|
|
|
593
593
|
});
|
|
594
594
|
nextState.selectedRows = value;
|
|
595
595
|
}
|
|
596
|
+
} else if (value) {
|
|
597
|
+
nextState.selectedRowKeys = [value];
|
|
598
|
+
nextState.selectedRows = [(0, _defineProperty2.default)({}, valueKey, value[valueKey])];
|
|
596
599
|
}
|
|
597
600
|
setState(nextState);
|
|
598
601
|
}
|
|
@@ -667,9 +670,8 @@ var ProModalSelect = function ProModalSelect(props, ref) {
|
|
|
667
670
|
labelInValue: labelInValue,
|
|
668
671
|
dataSource: options,
|
|
669
672
|
scrollFollowParent: false,
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
if (!value && isInit || !(options === null || options === void 0 ? void 0 : options.length)) {
|
|
673
|
+
onFocus: function onFocus() {
|
|
674
|
+
if (useRequest) {
|
|
673
675
|
var _useRequest$options9;
|
|
674
676
|
var queryBean = (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options9 = useRequest.options) === null || _useRequest$options9 === void 0 ? void 0 : _useRequest$options9.defaultParams) || {};
|
|
675
677
|
var params = withPagination ? {
|
|
@@ -752,6 +754,11 @@ var ProModalSelect = function ProModalSelect(props, ref) {
|
|
|
752
754
|
};
|
|
753
755
|
}
|
|
754
756
|
}, [value, isTooltip]);
|
|
757
|
+
(0, _ahooks.useDeepCompareEffect)(function () {
|
|
758
|
+
setState({
|
|
759
|
+
options: tableProps === null || tableProps === void 0 ? void 0 : tableProps.dataSource
|
|
760
|
+
});
|
|
761
|
+
}, [tableProps === null || tableProps === void 0 ? void 0 : tableProps.dataSource]);
|
|
755
762
|
// 当搜索条件只有一个时,且为输入框,默认设置suffix
|
|
756
763
|
if ((formColumns === null || formColumns === void 0 ? void 0 : formColumns.length) === 1 && (formColumns === null || formColumns === void 0 ? void 0 : (_formColumns$ = formColumns[0]) === null || _formColumns$ === void 0 ? void 0 : _formColumns$.type) === 'Input') {
|
|
757
764
|
var _formColumns$2, _formColumns$3, _formColumns$3$fieldP;
|
|
@@ -797,6 +804,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
|
|
|
797
804
|
form: form,
|
|
798
805
|
columns: formColumns,
|
|
799
806
|
onFinish: handleSearch,
|
|
807
|
+
confirmLoading: loading,
|
|
800
808
|
footer: (formColumns === null || formColumns === void 0 ? void 0 : formColumns.length) > 1
|
|
801
809
|
}), (0, _jsxRuntime.jsx)(_index.ProTable, (0, _objectSpread3.default)({
|
|
802
810
|
onRow: function onRow(record) {
|
|
@@ -53,6 +53,20 @@
|
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
+
// 新加适用于 readonly false
|
|
57
|
+
.@{ant-prefix}-input-affix-wrapper {
|
|
58
|
+
border-top-right-radius: 0;
|
|
59
|
+
border-bottom-right-radius: 0;
|
|
60
|
+
&.ant-input-affix-wrapper-status-error{
|
|
61
|
+
& + .@{ant-prefix}-btn{
|
|
62
|
+
border: 1px solid var(--ant-error-color);
|
|
63
|
+
>.viewSvg{
|
|
64
|
+
color: var(--ant-error-color);
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
|
|
56
70
|
.pro-tree-modal-input-appoint {
|
|
57
71
|
.@{ant-prefix}-input {
|
|
58
72
|
border-top-left-radius: 0;
|
|
@@ -93,6 +107,15 @@
|
|
|
93
107
|
fill: #c5c7cd;
|
|
94
108
|
}
|
|
95
109
|
|
|
110
|
+
.@{ant-prefix}-select-status-error {
|
|
111
|
+
& + .@{ant-prefix}-btn{
|
|
112
|
+
border: 1px solid var(--ant-error-color);
|
|
113
|
+
>.viewSvg{
|
|
114
|
+
color: var(--ant-error-color);
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
|
|
96
119
|
.@{ant-prefix}-input-group-addon {
|
|
97
120
|
padding: 0px var(--zaui-space-size-sm, 8px);
|
|
98
121
|
background-color: var(--zaui-base-bg, #ffffff);
|
|
@@ -12,8 +12,8 @@ export type Props = Omit<RangePickerProps, 'value' | 'onChange' | 'format' | 'se
|
|
|
12
12
|
separator?: any;
|
|
13
13
|
isView?: boolean;
|
|
14
14
|
};
|
|
15
|
-
type Value = [Moment?, Moment?, boolean?];
|
|
16
|
-
type ValueStr = [string?, string?, string?];
|
|
15
|
+
type Value = [Moment?, Moment?, boolean?] | null;
|
|
16
|
+
type ValueStr = [string?, string?, string?] | null;
|
|
17
17
|
type HandleChange = (value: ValueStr | null, valueStr: Value | null) => void;
|
|
18
18
|
declare const ProRangeLimit: React.FC<Props>;
|
|
19
19
|
export default ProRangeLimit;
|
|
@@ -29,12 +29,16 @@ var useControlled = function useControlled(props) {
|
|
|
29
29
|
var _props$value, _props$value2;
|
|
30
30
|
var internalValue = [((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value[0]) && (0, _moment.default)(props.value[0], props.format), ((_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2[1]) && (0, _moment.default)(props.value[1], props.format)];
|
|
31
31
|
var handleChange = function handleChange(value, other) {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
32
|
+
if (!value) {
|
|
33
|
+
props === null || props === void 0 ? void 0 : props.onChange(value, other);
|
|
34
|
+
} else {
|
|
35
|
+
var _value = (0, _slicedToArray2.default)(value, 2),
|
|
36
|
+
start = _value[0],
|
|
37
|
+
end = _value[1];
|
|
38
|
+
if (props === null || props === void 0 ? void 0 : props.onChange) {
|
|
39
|
+
var valueStr = [start === null || start === void 0 ? void 0 : start.format(props.format), end === null || end === void 0 ? void 0 : end.format(props.format)];
|
|
40
|
+
props === null || props === void 0 ? void 0 : props.onChange(valueStr, value);
|
|
41
|
+
}
|
|
38
42
|
}
|
|
39
43
|
};
|
|
40
44
|
return [internalValue, handleChange];
|
|
@@ -98,6 +102,10 @@ var ProRangeLimit = function ProRangeLimit(props) {
|
|
|
98
102
|
}
|
|
99
103
|
// 时间范围change
|
|
100
104
|
var handleRangeChange = function handleRangeChange(date, dateStr) {
|
|
105
|
+
if (!date) {
|
|
106
|
+
onChange(date, dateStr);
|
|
107
|
+
return;
|
|
108
|
+
}
|
|
101
109
|
var _ref4 = date || [],
|
|
102
110
|
_ref5 = (0, _slicedToArray2.default)(_ref4, 2),
|
|
103
111
|
start = _ref5[0],
|
|
@@ -110,20 +118,19 @@ var ProRangeLimit = function ProRangeLimit(props) {
|
|
|
110
118
|
};
|
|
111
119
|
// 长期选择框change
|
|
112
120
|
var handleForeverChange = function handleForeverChange(e) {
|
|
113
|
-
var _start, _end;
|
|
114
121
|
var foreverStr = e.target.checked ? 'Y' : 'N';
|
|
115
122
|
var _ref8 = value || [],
|
|
116
123
|
_ref9 = (0, _slicedToArray2.default)(_ref8, 2),
|
|
117
124
|
start = _ref9[0],
|
|
118
125
|
end = _ref9[1];
|
|
119
126
|
if (e.target.checked) {
|
|
127
|
+
var _start, _end;
|
|
120
128
|
start = start || (0, _moment.default)().startOf('day');
|
|
121
129
|
end = foreverMoment;
|
|
130
|
+
onChange([start, end, e.target.checked], [(_start = start) === null || _start === void 0 ? void 0 : _start.format(format), (_end = end) === null || _end === void 0 ? void 0 : _end.format(format), foreverStr]);
|
|
122
131
|
} else {
|
|
123
|
-
|
|
124
|
-
end = undefined;
|
|
132
|
+
onChange(null);
|
|
125
133
|
}
|
|
126
|
-
onChange([start, end, e.target.checked], [(_start = start) === null || _start === void 0 ? void 0 : _start.format(format), (_end = end) === null || _end === void 0 ? void 0 : _end.format(format), foreverStr]);
|
|
127
134
|
};
|
|
128
135
|
return (0, _jsxRuntime.jsxs)(_antd.Input.Group, {
|
|
129
136
|
compact: true,
|
|
@@ -11,8 +11,7 @@ export { default as SwitchCheckbox } from './base/SwitchCheckbox';
|
|
|
11
11
|
export { default as TimePicker } from './base/TimePicker';
|
|
12
12
|
export { default as FormList } from './combination/FormList';
|
|
13
13
|
export { default as ProEditTable } from '../../ProEditTable';
|
|
14
|
-
export { default as ProCascader } from './
|
|
15
|
-
export { default as ProAddressBar } from './combination/ProAddressBar';
|
|
14
|
+
export { default as ProCascader } from './combination/ProCascader';
|
|
16
15
|
export { default as ProCombination } from './combination/ProCombination';
|
|
17
16
|
export { default as ProNumberRange } from './combination/ProNumberRange';
|
|
18
17
|
export { default as ProModalSelect } from './combination/ProModalSelect';
|
|
@@ -71,12 +71,6 @@ Object.defineProperty(exports, "ProAddress", {
|
|
|
71
71
|
return _ProAddress.default;
|
|
72
72
|
}
|
|
73
73
|
});
|
|
74
|
-
Object.defineProperty(exports, "ProAddressBar", {
|
|
75
|
-
enumerable: true,
|
|
76
|
-
get: function get() {
|
|
77
|
-
return _ProAddressBar.default;
|
|
78
|
-
}
|
|
79
|
-
});
|
|
80
74
|
Object.defineProperty(exports, "ProCascader", {
|
|
81
75
|
enumerable: true,
|
|
82
76
|
get: function get() {
|
|
@@ -234,8 +228,7 @@ var _SwitchCheckbox = _interopRequireDefault(require("./base/SwitchCheckbox"));
|
|
|
234
228
|
var _TimePicker = _interopRequireDefault(require("./base/TimePicker"));
|
|
235
229
|
var _FormList = _interopRequireDefault(require("./combination/FormList"));
|
|
236
230
|
var _ProEditTable = _interopRequireDefault(require("../../ProEditTable"));
|
|
237
|
-
var _ProCascader = _interopRequireDefault(require("./
|
|
238
|
-
var _ProAddressBar = _interopRequireDefault(require("./combination/ProAddressBar"));
|
|
231
|
+
var _ProCascader = _interopRequireDefault(require("./combination/ProCascader"));
|
|
239
232
|
var _ProCombination = _interopRequireDefault(require("./combination/ProCombination"));
|
|
240
233
|
var _ProNumberRange = _interopRequireDefault(require("./combination/ProNumberRange"));
|
|
241
234
|
var _ProModalSelect = _interopRequireDefault(require("./combination/ProModalSelect"));
|
|
@@ -224,7 +224,7 @@ var Render = function Render(props) {
|
|
|
224
224
|
}
|
|
225
225
|
_args[2].option = args[1];
|
|
226
226
|
switch (type) {
|
|
227
|
-
case '
|
|
227
|
+
case 'ProCascader':
|
|
228
228
|
_args[2].selectedOptions = args[1];
|
|
229
229
|
break;
|
|
230
230
|
case 'DatePicker':
|
|
@@ -421,17 +421,21 @@ var Render = function Render(props) {
|
|
|
421
421
|
var formItem = orgFormItem;
|
|
422
422
|
// 当存在shouldUpdate时捕获所有form变更(防止表单onchange设置form值时无法更新的问题)
|
|
423
423
|
if (_otherFormItemProps.shouldUpdate) {
|
|
424
|
-
formItem =
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
children:
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
424
|
+
formItem =
|
|
425
|
+
// 空标签防止气泡不显示
|
|
426
|
+
(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
427
|
+
children: (0, _jsxRuntime.jsx)(_antd.Form.Item, {
|
|
428
|
+
shouldUpdate: _otherFormItemProps.shouldUpdate,
|
|
429
|
+
noStyle: true,
|
|
430
|
+
children: function children() {
|
|
431
|
+
return (0, _jsxRuntime.jsx)(_antd.Form.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(_otherFormItemProps, filterFormItemKey)), {}, {
|
|
432
|
+
// @ts-ignore
|
|
433
|
+
_internalItemRender: internalItemRender,
|
|
434
|
+
className: _className,
|
|
435
|
+
children: child
|
|
436
|
+
}));
|
|
437
|
+
}
|
|
438
|
+
})
|
|
435
439
|
});
|
|
436
440
|
}
|
|
437
441
|
// 不渲染tooltip
|
|
@@ -447,7 +451,8 @@ var Render = function Render(props) {
|
|
|
447
451
|
});
|
|
448
452
|
return (0, _jsxRuntime.jsx)(_antd.Tooltip, {
|
|
449
453
|
title: title,
|
|
450
|
-
|
|
454
|
+
open: changed ? undefined : false,
|
|
455
|
+
// open={true}
|
|
451
456
|
getPopupContainer: function getPopupContainer(target) {
|
|
452
457
|
return target.parentElement;
|
|
453
458
|
},
|
|
@@ -186,7 +186,9 @@ var RenderFields = function RenderFields(props) {
|
|
|
186
186
|
hiddenNames: column.hiddenNames,
|
|
187
187
|
colProps: _colProps,
|
|
188
188
|
mode: componentProps.mode,
|
|
189
|
-
namePath: column.namePath
|
|
189
|
+
namePath: column.namePath,
|
|
190
|
+
globalControl: globalControl,
|
|
191
|
+
formDisabled: formDisabled
|
|
190
192
|
};
|
|
191
193
|
if (outerClearNotShow !== false && show === false && (column === null || column === void 0 ? void 0 : column.name) && form.getFieldValue(column === null || column === void 0 ? void 0 : column.name)) {
|
|
192
194
|
setTimeout(function () {
|
|
@@ -16,8 +16,7 @@ import { Props as TimePickerProps } from '../base/TimePicker';
|
|
|
16
16
|
import { Props as SwitchProps } from '../base/Switch';
|
|
17
17
|
import { Props as SwitchCheckboxProps } from '../base/SwitchCheckbox';
|
|
18
18
|
import { Props as TextAreaProps } from '../base/TextArea';
|
|
19
|
-
import {
|
|
20
|
-
import { AddressProps } from '../combination/ProAddressBar/propsType';
|
|
19
|
+
import { ProCascaderProps } from '../combination/ProCascader/propsType';
|
|
21
20
|
import { ProCombinationProps } from '../combination/ProCombination/propsType';
|
|
22
21
|
import { ProModalSelectPropsType as ProModalSelectProps } from '../combination/ProModalSelect/propsType';
|
|
23
22
|
import { ProNumberRangeProps } from '../combination/ProNumberRange/propsType';
|
|
@@ -123,8 +122,8 @@ export type ColumnPropsMap<Values = any, T = 'ProForm'> = {
|
|
|
123
122
|
type?: 'TextArea';
|
|
124
123
|
fieldProps?: FieldProps<TextAreaProps, Values, T>;
|
|
125
124
|
} | {
|
|
126
|
-
type?: '
|
|
127
|
-
fieldProps?: FieldProps<
|
|
125
|
+
type?: 'ProCascader';
|
|
126
|
+
fieldProps?: FieldProps<ProCascaderProps, Values, T>;
|
|
128
127
|
} | {
|
|
129
128
|
type?: 'ProCombination';
|
|
130
129
|
fieldProps?: FieldProps<ProCombinationProps, Values, T>;
|
|
@@ -155,9 +154,6 @@ export type ColumnPropsMap<Values = any, T = 'ProForm'> = {
|
|
|
155
154
|
} | {
|
|
156
155
|
type?: 'ProUpload';
|
|
157
156
|
fieldProps?: FieldProps<ProUploadProps, Values, T>;
|
|
158
|
-
} | {
|
|
159
|
-
type?: 'ProCascader';
|
|
160
|
-
fieldProps?: FieldProps<ProCascaderProps<any, any[], any>, Values, T>;
|
|
161
157
|
} | {
|
|
162
158
|
type?: 'ProTree';
|
|
163
159
|
fieldProps?: FieldProps<ProTreeProps, Values, T>;
|