vap1 0.3.0 → 0.3.2
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/components/Box/Box.js +2 -2
- package/components/Box/SelectBar.d.ts +4 -0
- package/components/Box/SelectBar.js +1 -1
- package/components/Trees/ActionTree.js +2 -1
- package/components/Trees/index.d.ts +1 -0
- package/components/Upload/UploadFile.js +1 -1
- package/components/Upload/UploadImage.js +11 -9
- package/components/Upload/UploadModal.js +1 -1
- package/package.json +1 -1
- package/utils/Global.js +1 -1
package/components/Box/Box.js
CHANGED
|
@@ -156,7 +156,7 @@ exports.Box = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
156
156
|
setTimeout(resize, 5);
|
|
157
157
|
}, []);
|
|
158
158
|
return react_1.default.createElement(Layout_1.Layout, { id: domId, className: utils_1.StringUtil.className(className, props.className), style: style, ref: _layoutRef },
|
|
159
|
-
props.selectBar && (0, _register_1.getSelectBar)(props.selectBar.type) != null && react_1.default.createElement(SelectBar_1.SelectBar, __assign({}, props.selectBar, { ref: selectRef, onSelect: function () {
|
|
159
|
+
props.selectBar && (0, _register_1.getSelectBar)(props.selectBar.type) != null && react_1.default.createElement(SelectBar_1.SelectBar, __assign({}, props.selectBar, { ref: props.selectBar.selectRef ? props.selectBar.selectRef : selectRef, onSelect: function () {
|
|
160
160
|
var args = [];
|
|
161
161
|
for (var _a = 0; _a < arguments.length; _a++) {
|
|
162
162
|
args[_a] = arguments[_a];
|
|
@@ -184,7 +184,7 @@ exports.Box = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
184
184
|
props.searchBar.onExpand(isExpand);
|
|
185
185
|
}
|
|
186
186
|
} }), props.actionBar ? (lodash_1.default.isArray(props.actionBar) ? react_1.default.createElement(SearchBar_1.SearchBar.ActionButtons, { buttons: props.actionBar }) : props.actionBar) : []),
|
|
187
|
-
react_1.default.createElement(BoxContext.Provider, { value: { state: state, resize: resize, root: contextRef, selectRef: selectRef } },
|
|
187
|
+
react_1.default.createElement(BoxContext.Provider, { value: { state: state, resize: resize, root: contextRef, selectRef: (props.selectBar && props.selectBar.selectRef) ? props.selectBar.selectRef : selectRef } },
|
|
188
188
|
react_1.default.createElement("div", { className: 'ubox-content', ref: contextRef }, state != null && props.children)),
|
|
189
189
|
props.pagination && react_1.default.createElement(Upagination_1.UPagination, __assign({}, props.pagination, { className: HEIGHT_OMIT }))));
|
|
190
190
|
});
|
|
@@ -85,7 +85,7 @@ exports.SelectBar = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
85
85
|
return utils_1.Const.NONE;
|
|
86
86
|
}
|
|
87
87
|
// @ts-ignore
|
|
88
|
-
return react_1.default.createElement(props.content, __assign({}, props, { collapsed: collapsed, searchValue: keyword }));
|
|
88
|
+
return react_1.default.createElement(props.content, __assign({}, props, { collapsed: collapsed, searchValue: keyword, ref: ref }));
|
|
89
89
|
}
|
|
90
90
|
return react_1.default.createElement(component.component, __assign({}, props, { collapsed: collapsed, searchValue: keyword, ref: ref }));
|
|
91
91
|
};
|
|
@@ -172,6 +172,7 @@ var _Actiontree = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
172
172
|
action.canSort = true;
|
|
173
173
|
}
|
|
174
174
|
(0, react_1.useImperativeHandle)(ref, function () { return ({
|
|
175
|
+
getSelected: function () { return treeState.selectedNode; },
|
|
175
176
|
updateData: updateData,
|
|
176
177
|
update: update,
|
|
177
178
|
del: del,
|
|
@@ -184,7 +185,7 @@ var _Actiontree = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
184
185
|
}
|
|
185
186
|
add(data, { pos: INSER_POS.INNER, node: node, position: position });
|
|
186
187
|
}
|
|
187
|
-
}); }, [treeState.treeData]);
|
|
188
|
+
}); }, [treeState.treeData, treeState.selectedNode]);
|
|
188
189
|
(0, react_1.useLayoutEffect)(function () {
|
|
189
190
|
if (props.formFields) {
|
|
190
191
|
FIELDS.current = props.formFields;
|
|
@@ -36,7 +36,7 @@ var utils_1 = require("../../utils");
|
|
|
36
36
|
var useUpload_1 = require("./useUpload");
|
|
37
37
|
var antd_1 = require("antd");
|
|
38
38
|
var Button_1 = require("../_adapt/Button");
|
|
39
|
-
var _i18n_1 = require("
|
|
39
|
+
var _i18n_1 = require("../_i18n");
|
|
40
40
|
var UploadFile = function (props) {
|
|
41
41
|
var _a = __read((0, useUpload_1.useUpload)(props), 2), state = _a[0], onChange = _a[1];
|
|
42
42
|
var uploadProps = (0, useUpload_1.getBaseOptions)(props);
|
|
@@ -71,7 +71,7 @@ var antd_1 = require("antd");
|
|
|
71
71
|
var Modal_1 = require("../../components/_adapt/Modal");
|
|
72
72
|
var useUpload_1 = require("./useUpload");
|
|
73
73
|
var utils_1 = require("../../utils");
|
|
74
|
-
var _i18n_1 = require("
|
|
74
|
+
var _i18n_1 = require("../_i18n");
|
|
75
75
|
var Icon_1 = require("../../components/_adapt/Icon");
|
|
76
76
|
var hooks_1 = require("../../hooks");
|
|
77
77
|
var getImageUrl = function (uri) {
|
|
@@ -82,19 +82,19 @@ var getImageUrl = function (uri) {
|
|
|
82
82
|
return utils_1.GLOBAL.CONFIG.UPLOAD.PREVIEW + uri;
|
|
83
83
|
};
|
|
84
84
|
var ImagePreview = function (props) {
|
|
85
|
-
var state = props.state, width = props.width, height = props.height, showPreview = props.showPreview
|
|
85
|
+
var state = props.state, width = props.width, height = props.height, showPreview = props.showPreview;
|
|
86
86
|
var _a = __read((0, hooks_1.useToggle)(), 2), open = _a[0], show = _a[1];
|
|
87
87
|
var imgUrl = (0, react_1.useMemo)(function () {
|
|
88
|
-
if (lodash_1.default.isFunction(preview))
|
|
89
|
-
return preview(state.info);
|
|
88
|
+
if (lodash_1.default.isFunction(props.preview))
|
|
89
|
+
return props.preview(state.info);
|
|
90
90
|
if (lodash_1.default.isString(state.info))
|
|
91
91
|
return getImageUrl(state.info);
|
|
92
92
|
return getImageUrl(state.info.guid || state.info.fileId);
|
|
93
|
-
}, [
|
|
93
|
+
}, [state.info]);
|
|
94
94
|
var divProps = (0, react_1.useMemo)(function () {
|
|
95
95
|
var param = {
|
|
96
96
|
className: 'c-upload-img-preview',
|
|
97
|
-
style: { width: width, height: height, backgroundImage: "url(".concat(imgUrl, ")"), lineHeight: "".concat(height, "px") },
|
|
97
|
+
style: { width: width, height: height, backgroundImage: "url(\"".concat(imgUrl, "\")"), lineHeight: "".concat(height, "px") },
|
|
98
98
|
};
|
|
99
99
|
if (showPreview) {
|
|
100
100
|
param.style.cursor = 'pointer';
|
|
@@ -104,7 +104,7 @@ var ImagePreview = function (props) {
|
|
|
104
104
|
}, [imgUrl]);
|
|
105
105
|
return react_1.default.createElement(react_1.default.Fragment, null,
|
|
106
106
|
react_1.default.createElement("div", __assign({}, divProps), showPreview && react_1.default.createElement(Icon_1.Icon, { type: "zoom-in" })),
|
|
107
|
-
showPreview && react_1.default.createElement(Modal_1.Modal, { className: 'picture-card-preview', style: { top: 0, backgroundImage: "url(".concat(imgUrl, ")") }, open: open, maskClosable: true, width: '100%', footer: null, onCancel: show }));
|
|
107
|
+
showPreview && react_1.default.createElement(Modal_1.Modal, { className: 'picture-card-preview', style: { top: 0, backgroundImage: "url(\"".concat(imgUrl, "\")") }, open: open, maskClosable: true, width: '100%', footer: null, onCancel: show }));
|
|
108
108
|
};
|
|
109
109
|
var RATIO = 1280 / 1920;
|
|
110
110
|
// 默认排版方式 数量 => span / (行个数为 24/span)
|
|
@@ -154,7 +154,9 @@ var BuiltInSelector = function (props) {
|
|
|
154
154
|
}
|
|
155
155
|
return [MAX_WIDTH, 6];
|
|
156
156
|
}, []), 2), width = _a[0], span = _a[1];
|
|
157
|
-
return react_1.default.createElement(antd_1.Popover, { overlayClassName: 'c-upload-img-selector',
|
|
157
|
+
return react_1.default.createElement(antd_1.Popover, { overlayClassName: 'c-upload-img-selector',
|
|
158
|
+
// visable
|
|
159
|
+
content: react_1.default.createElement(antd_1.Row, { type: "flex", gutter: [GUTTER_H, GUTTER_V], style: { maxWidth: width } }, props.imgs.map(function (src) { return react_1.default.createElement(antd_1.Col, { span: span },
|
|
158
160
|
react_1.default.createElement("img", { src: utils_1.PageUtil.resolveURL(src), style: { width: props.width, height: props.height }, onClick: function () { return props.onSelect(src); } })); })) },
|
|
159
161
|
react_1.default.createElement("a", null,
|
|
160
162
|
react_1.default.createElement(Icon_1.Icon, { type: 'select' }),
|
|
@@ -237,7 +239,7 @@ var UploadImage = function (props) {
|
|
|
237
239
|
(lodash_1.default.isArray(props.builtIn) && props.builtIn.length > 0) && react_1.default.createElement(BuiltInSelector, { onSelect: onSelect, imgs: props.builtIn, width: width, height: height }));
|
|
238
240
|
}
|
|
239
241
|
return react_1.default.createElement("div", { style: { height: height }, className: 'c-upload-img-root' },
|
|
240
|
-
react_1.default.createElement(ImagePreview, { state: state, width: width, height: height, showPreview: props.showPreview === false ? false : true }),
|
|
242
|
+
react_1.default.createElement(ImagePreview, { state: state, width: width, height: height, preview: props.preview, showPreview: props.showPreview === false ? false : true }),
|
|
241
243
|
(lodash_1.default.isArray(props.builtIn) && props.builtIn.length > 0) && react_1.default.createElement(BuiltInSelector, { onSelect: onSelect, imgs: props.builtIn, width: width, height: height }),
|
|
242
244
|
react_1.default.createElement("a", null,
|
|
243
245
|
react_1.default.createElement(Icon_1.Icon, { type: 'upload' }),
|
|
@@ -99,7 +99,7 @@ var antd_1 = require("antd");
|
|
|
99
99
|
var Alert_1 = require("../_adapt/Alert");
|
|
100
100
|
var Button_1 = require("../_adapt/Button");
|
|
101
101
|
var useUpload_1 = require("./useUpload");
|
|
102
|
-
var _i18n_1 = require("
|
|
102
|
+
var _i18n_1 = require("../_i18n");
|
|
103
103
|
var DEFAULT = { uploading: false, uploaded: false, percent: 0, error: false, };
|
|
104
104
|
var UploadModal = function (props) {
|
|
105
105
|
var _a = __read((0, react_1.useState)(DEFAULT), 2), state = _a[0], setState = _a[1];
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"vap1","version":"0.3.
|
|
1
|
+
{"name":"vap1","version":"0.3.2","description":"vap1, Both support MicroService and SAP FrameWork, Support IE>9","main":"index.js","author":"Xiang da","license":"ISC"}
|
package/utils/Global.js
CHANGED
|
@@ -32,7 +32,7 @@ var DEFAULT = {
|
|
|
32
32
|
USER_INFO: '/api-common/user/info',
|
|
33
33
|
USER_MODULE: '/api-common/preference',
|
|
34
34
|
USER_LOGOUT: '/api-common/user/logout',
|
|
35
|
-
APP: '/api-common/app',
|
|
35
|
+
APP: '/api-common/app/private',
|
|
36
36
|
APP_SSO: '/api-common/user/redirect/',
|
|
37
37
|
ORG_ROOT: '/api-common/organization/root',
|
|
38
38
|
ORG_ROOT_INFO: '/api-common/organization/rootinfo',
|