@knockout-js/layout 0.0.4-beta.0 → 0.0.4-beta.1
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/es2017/components/{gather-menu → aggregate-menu}/index.d.ts +7 -9
- package/es2017/components/{gather-menu → aggregate-menu}/index.js +81 -74
- package/es2017/components/aggregate-menu/index.js.map +1 -0
- package/{esm/components/gather-menu → es2017/components/aggregate-menu}/index.module.css +62 -14
- package/es2017/components/aggregate-menu/locale/en_US.d.ts +3 -0
- package/es2017/components/{gather-menu → aggregate-menu}/locale/en_US.js +3 -1
- package/es2017/components/aggregate-menu/locale/en_US.js.map +1 -0
- package/es2017/components/aggregate-menu/locale/zh_CN.d.ts +3 -0
- package/es2017/components/{gather-menu → aggregate-menu}/locale/zh_CN.js +3 -1
- package/es2017/components/aggregate-menu/locale/zh_CN.js.map +1 -0
- package/es2017/components/collect-providers/index.d.ts +9 -1
- package/es2017/components/collect-providers/index.js +5 -3
- package/es2017/components/collect-providers/index.js.map +1 -1
- package/es2017/components/i18n-dropdown/index.d.ts +1 -1
- package/es2017/components/i18n-dropdown/index.js +2 -2
- package/es2017/components/i18n-dropdown/index.js.map +1 -1
- package/es2017/components/index.d.ts +6 -2
- package/es2017/components/index.js +6 -2
- package/es2017/components/index.js.map +1 -1
- package/es2017/components/layout/index.d.ts +5 -5
- package/es2017/components/layout/index.js +14 -13
- package/es2017/components/layout/index.js.map +1 -1
- package/es2017/components/locale/en_US.js +4 -2
- package/es2017/components/locale/en_US.js.map +1 -1
- package/es2017/components/locale/index.d.ts +4 -17
- package/es2017/components/locale/index.js +3 -23
- package/es2017/components/locale/index.js.map +1 -1
- package/es2017/components/locale/zh_CN.js +4 -2
- package/es2017/components/locale/zh_CN.js.map +1 -1
- package/es2017/components/provider/index.d.ts +33 -0
- package/es2017/components/provider/index.js +49 -0
- package/es2017/components/provider/index.js.map +1 -0
- package/es2017/components/tenant-dropdown/index.js +1 -1
- package/es2017/components/tenant-dropdown/index.js.map +1 -1
- package/es2017/components/upload-file/index.d.ts +59 -0
- package/es2017/components/upload-file/index.js +15 -0
- package/es2017/components/upload-file/index.js.map +1 -0
- package/es2017/components/upload-file/index.module.css +13 -0
- package/es2017/components/upload-file/locale/en_US.d.ts +3 -0
- package/es2017/components/upload-file/locale/en_US.js +14 -0
- package/es2017/components/upload-file/locale/en_US.js.map +1 -0
- package/es2017/components/upload-file/locale/zh_CN.d.ts +3 -0
- package/es2017/components/upload-file/locale/zh_CN.js +14 -0
- package/es2017/components/upload-file/locale/zh_CN.js.map +1 -0
- package/es2017/components/upload-file/uploadAvatar.d.ts +4 -0
- package/es2017/components/upload-file/uploadAvatar.js +93 -0
- package/es2017/components/upload-file/uploadAvatar.js.map +1 -0
- package/es2017/components/upload-file/uploadMultiple.d.ts +4 -0
- package/es2017/components/upload-file/uploadMultiple.js +155 -0
- package/es2017/components/upload-file/uploadMultiple.js.map +1 -0
- package/es2017/components/upload-file/uploadTemp.d.ts +9 -0
- package/es2017/components/upload-file/uploadTemp.js +167 -0
- package/es2017/components/upload-file/uploadTemp.js.map +1 -0
- package/esm/components/{gather-menu → aggregate-menu}/index.d.ts +7 -9
- package/esm/components/{gather-menu → aggregate-menu}/index.js +83 -70
- package/esm/components/aggregate-menu/index.js.map +1 -0
- package/{es2017/components/gather-menu → esm/components/aggregate-menu}/index.module.css +62 -14
- package/esm/components/aggregate-menu/locale/en_US.d.ts +3 -0
- package/esm/components/{gather-menu → aggregate-menu}/locale/en_US.js +3 -1
- package/esm/components/aggregate-menu/locale/en_US.js.map +1 -0
- package/esm/components/aggregate-menu/locale/zh_CN.d.ts +3 -0
- package/esm/components/{gather-menu → aggregate-menu}/locale/zh_CN.js +3 -1
- package/esm/components/aggregate-menu/locale/zh_CN.js.map +1 -0
- package/esm/components/collect-providers/index.d.ts +9 -1
- package/esm/components/collect-providers/index.js +5 -3
- package/esm/components/collect-providers/index.js.map +1 -1
- package/esm/components/i18n-dropdown/index.d.ts +1 -1
- package/esm/components/i18n-dropdown/index.js +2 -2
- package/esm/components/i18n-dropdown/index.js.map +1 -1
- package/esm/components/index.d.ts +6 -2
- package/esm/components/index.js +6 -2
- package/esm/components/index.js.map +1 -1
- package/esm/components/layout/index.d.ts +5 -5
- package/esm/components/layout/index.js +14 -13
- package/esm/components/layout/index.js.map +1 -1
- package/esm/components/locale/en_US.js +4 -2
- package/esm/components/locale/en_US.js.map +1 -1
- package/esm/components/locale/index.d.ts +4 -17
- package/esm/components/locale/index.js +3 -23
- package/esm/components/locale/index.js.map +1 -1
- package/esm/components/locale/zh_CN.js +4 -2
- package/esm/components/locale/zh_CN.js.map +1 -1
- package/esm/components/provider/index.d.ts +33 -0
- package/esm/components/provider/index.js +49 -0
- package/esm/components/provider/index.js.map +1 -0
- package/esm/components/tenant-dropdown/index.js +1 -1
- package/esm/components/tenant-dropdown/index.js.map +1 -1
- package/esm/components/upload-file/index.d.ts +59 -0
- package/esm/components/upload-file/index.js +15 -0
- package/esm/components/upload-file/index.js.map +1 -0
- package/esm/components/upload-file/index.module.css +13 -0
- package/esm/components/upload-file/locale/en_US.d.ts +3 -0
- package/esm/components/upload-file/locale/en_US.js +14 -0
- package/esm/components/upload-file/locale/en_US.js.map +1 -0
- package/esm/components/upload-file/locale/zh_CN.d.ts +3 -0
- package/esm/components/upload-file/locale/zh_CN.js +14 -0
- package/esm/components/upload-file/locale/zh_CN.js.map +1 -0
- package/esm/components/upload-file/uploadAvatar.d.ts +4 -0
- package/esm/components/upload-file/uploadAvatar.js +191 -0
- package/esm/components/upload-file/uploadAvatar.js.map +1 -0
- package/esm/components/upload-file/uploadMultiple.d.ts +4 -0
- package/esm/components/upload-file/uploadMultiple.js +308 -0
- package/esm/components/upload-file/uploadMultiple.js.map +1 -0
- package/esm/components/upload-file/uploadTemp.d.ts +9 -0
- package/esm/components/upload-file/uploadTemp.js +293 -0
- package/esm/components/upload-file/uploadTemp.js.map +1 -0
- package/package.json +4 -4
- package/es2017/components/gather-menu/index.js.map +0 -1
- package/es2017/components/gather-menu/locale/en_US.d.ts +0 -3
- package/es2017/components/gather-menu/locale/en_US.js.map +0 -1
- package/es2017/components/gather-menu/locale/zh_CN.d.ts +0 -3
- package/es2017/components/gather-menu/locale/zh_CN.js.map +0 -1
- package/esm/components/gather-menu/index.js.map +0 -1
- package/esm/components/gather-menu/locale/en_US.d.ts +0 -3
- package/esm/components/gather-menu/locale/en_US.js.map +0 -1
- package/esm/components/gather-menu/locale/zh_CN.d.ts +0 -3
- package/esm/components/gather-menu/locale/zh_CN.js.map +0 -1
|
@@ -10,12 +10,14 @@ import { useCallback, useEffect, useState } from "react";
|
|
|
10
10
|
import styles from "./index.module.css";
|
|
11
11
|
import { Drawer, Empty, Input, Space } from "antd";
|
|
12
12
|
import { gql, paging, query } from "@knockout-js/ice-urql/request";
|
|
13
|
+
import { AppMenuKind } from "@knockout-js/api";
|
|
13
14
|
import { iceUrqlInstance } from "../index";
|
|
14
15
|
import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
|
|
15
16
|
import { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
|
|
16
17
|
import { CSS } from "@dnd-kit/utilities";
|
|
17
18
|
import { useLocale } from "../locale/index";
|
|
18
|
-
|
|
19
|
+
import { useDark, useTenantId } from "../provider/index";
|
|
20
|
+
var userMenuListQuery = gql("query userMenuList($appCode:String!){\n userMenus(appCode: $appCode){\n id,name,route,appID,parentID,displaySort,kind\n }\n}");
|
|
19
21
|
var userOrgAppsQuery = gql("query layoutPkgUserRootOrgs($first:Int){\n userRootOrgs{\n id,\n apps(first: $first){\n totalCount,\n edges{ node{ id,name,code } }\n }\n }\n}");
|
|
20
22
|
/**
|
|
21
23
|
* 排序拖拽使用的控件
|
|
@@ -26,7 +28,7 @@ var userOrgAppsQuery = gql("query layoutPkgUserRootOrgs($first:Int){\n userRoot
|
|
|
26
28
|
var id = "".concat(props.value.id, "-").concat(props.value.appID);
|
|
27
29
|
var _useSortable = useSortable({
|
|
28
30
|
id: id
|
|
29
|
-
}), setNodeRef = _useSortable.setNodeRef, listeners = _useSortable.listeners, attributes = _useSortable.attributes, transform = _useSortable.transform, transition = _useSortable.transition
|
|
31
|
+
}), setNodeRef = _useSortable.setNodeRef, listeners = _useSortable.listeners, attributes = _useSortable.attributes, transform = _useSortable.transform, transition = _useSortable.transition;
|
|
30
32
|
var style = {
|
|
31
33
|
transform: CSS.Transform.toString(transform),
|
|
32
34
|
transition: transition
|
|
@@ -35,17 +37,17 @@ var userOrgAppsQuery = gql("query layoutPkgUserRootOrgs($first:Int){\n userRoot
|
|
|
35
37
|
ref: setNodeRef,
|
|
36
38
|
style: style
|
|
37
39
|
}, attributes), {
|
|
38
|
-
className: styles.
|
|
40
|
+
className: styles.aggregateMenuDrawerMenuItem,
|
|
39
41
|
onClick: function() {
|
|
40
42
|
props.onClick();
|
|
41
43
|
},
|
|
42
44
|
children: [
|
|
43
45
|
/*#__PURE__*/ _jsx("div", {
|
|
44
|
-
className: styles.
|
|
46
|
+
className: styles.aggregateMenuDrawerMenuItemName,
|
|
45
47
|
children: props.value.name
|
|
46
48
|
}),
|
|
47
49
|
/*#__PURE__*/ _jsx("div", {
|
|
48
|
-
className: styles.
|
|
50
|
+
className: styles.aggregateMenuDrawerMenuItemIcons,
|
|
49
51
|
children: /*#__PURE__*/ _jsxs(Space, {
|
|
50
52
|
children: [
|
|
51
53
|
/*#__PURE__*/ _jsx(CloseOutlined, {
|
|
@@ -66,7 +68,7 @@ var userOrgAppsQuery = gql("query layoutPkgUserRootOrgs($first:Int){\n userRoot
|
|
|
66
68
|
}));
|
|
67
69
|
};
|
|
68
70
|
export default function(props) {
|
|
69
|
-
var _useState = _sliced_to_array(useState([]), 2), all = _useState[0], setAll = _useState[1], _useState1 = _sliced_to_array(useState([]), 2), filterList = _useState1[0], setFilterList = _useState1[1], _useState2 = _sliced_to_array(useState([]), 2), collects = _useState2[0], setCollects = _useState2[1], locale = useLocale("
|
|
71
|
+
var _useState = _sliced_to_array(useState([]), 2), all = _useState[0], setAll = _useState[1], _useState1 = _sliced_to_array(useState([]), 2), filterList = _useState1[0], setFilterList = _useState1[1], _useState2 = _sliced_to_array(useState([]), 2), collects = _useState2[0], setCollects = _useState2[1], _useState3 = _sliced_to_array(useState([]), 2), latelys = _useState3[0], setLately = _useState3[1], locale = useLocale("AggregateMenu"), isDark = useDark(), tenantId = useTenantId(), sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
|
|
70
72
|
coordinateGetter: sortableKeyboardCoordinates
|
|
71
73
|
}));
|
|
72
74
|
var request = useCallback(/*#__PURE__*/ _async_to_generator(function() {
|
|
@@ -86,13 +88,11 @@ export default function(props) {
|
|
|
86
88
|
appsResult = _state.sent(), apps = [];
|
|
87
89
|
if ((_appsResult_data = appsResult.data) === null || _appsResult_data === void 0 ? void 0 : _appsResult_data.userRootOrgs) appsResult.data.userRootOrgs.forEach(function(org) {
|
|
88
90
|
var _org_apps_edges;
|
|
89
|
-
(_org_apps_edges = org.apps.edges) === null || _org_apps_edges === void 0 ? void 0 : _org_apps_edges.forEach(function(oApp) {
|
|
90
|
-
if (oApp === null || oApp === void 0 ? void 0 : oApp.node) {
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
})) apps.push(oApp.node);
|
|
95
|
-
}
|
|
91
|
+
if (tenantId === org.id) (_org_apps_edges = org.apps.edges) === null || _org_apps_edges === void 0 ? void 0 : _org_apps_edges.forEach(function(oApp) {
|
|
92
|
+
if ((oApp === null || oApp === void 0 ? void 0 : oApp.node) && !apps.find(function(app) {
|
|
93
|
+
var _oApp_node;
|
|
94
|
+
return app.id === ((_oApp_node = oApp.node) === null || _oApp_node === void 0 ? void 0 : _oApp_node.id);
|
|
95
|
+
})) apps.push(oApp.node);
|
|
96
96
|
});
|
|
97
97
|
});
|
|
98
98
|
newAll = [];
|
|
@@ -117,8 +117,9 @@ export default function(props) {
|
|
|
117
117
|
case 3:
|
|
118
118
|
menuResult = _state.sent();
|
|
119
119
|
if ((_menuResult_data = menuResult.data) === null || _menuResult_data === void 0 ? void 0 : _menuResult_data.userMenus) {
|
|
120
|
-
menu = menuResult.data.userMenus.
|
|
121
|
-
|
|
120
|
+
menu = menuResult.data.userMenus.sort(function(d1, d2) {
|
|
121
|
+
var d1Sort = d1.displaySort || 0, d2Sort = d2.displaySort || 0;
|
|
122
|
+
return d1.parentID < d2.parentID ? -1 : d1.parentID > d2.parentID ? 1 : d1Sort < d2Sort ? -1 : d1Sort > d2Sort ? 1 : 0;
|
|
122
123
|
});
|
|
123
124
|
newAll.push({
|
|
124
125
|
app: apps[i],
|
|
@@ -146,7 +147,42 @@ export default function(props) {
|
|
|
146
147
|
});
|
|
147
148
|
}, [
|
|
148
149
|
collects
|
|
149
|
-
])
|
|
150
|
+
]), menuItemRender = function(menuItem) {
|
|
151
|
+
return /*#__PURE__*/ _jsxs("div", {
|
|
152
|
+
className: styles.aggregateMenuDrawerAllMenuItem,
|
|
153
|
+
onClick: function() {
|
|
154
|
+
var _props_onClick;
|
|
155
|
+
var allApp = all.find(function(allItem) {
|
|
156
|
+
return allItem.app.id == menuItem.appID;
|
|
157
|
+
});
|
|
158
|
+
if (allApp) (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, menuItem, allApp.app);
|
|
159
|
+
},
|
|
160
|
+
children: [
|
|
161
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
162
|
+
className: styles.aggregateMenuDrawerAllMenuItemName,
|
|
163
|
+
children: [
|
|
164
|
+
" ",
|
|
165
|
+
menuItem.name
|
|
166
|
+
]
|
|
167
|
+
}),
|
|
168
|
+
/*#__PURE__*/ _jsx("div", {
|
|
169
|
+
children: /*#__PURE__*/ _jsx(StarOutlined, {
|
|
170
|
+
rev: undefined,
|
|
171
|
+
className: checkCollect(menuItem) ? "collect" : "",
|
|
172
|
+
onClick: function(event) {
|
|
173
|
+
event.stopPropagation();
|
|
174
|
+
if (checkCollect(menuItem)) setCollects(collects.filter(function(c) {
|
|
175
|
+
return !(c.id === menuItem.id && c.appID === menuItem.appID);
|
|
176
|
+
}));
|
|
177
|
+
else setCollects(_to_consumable_array(collects).concat([
|
|
178
|
+
menuItem
|
|
179
|
+
]));
|
|
180
|
+
}
|
|
181
|
+
})
|
|
182
|
+
})
|
|
183
|
+
]
|
|
184
|
+
}, "".concat(menuItem.id, "-").concat(menuItem.appID));
|
|
185
|
+
};
|
|
150
186
|
useEffect(function() {
|
|
151
187
|
if (props.dataSource) {
|
|
152
188
|
setAll(props.dataSource);
|
|
@@ -155,27 +191,10 @@ export default function(props) {
|
|
|
155
191
|
}, [
|
|
156
192
|
props.dataSource
|
|
157
193
|
]);
|
|
158
|
-
useEffect(function() {
|
|
159
|
-
if (props.storeKey) {
|
|
160
|
-
var store = localStorage.getItem(props.storeKey);
|
|
161
|
-
if (store) try {
|
|
162
|
-
setCollects(JSON.parse(store));
|
|
163
|
-
} catch (error) {}
|
|
164
|
-
}
|
|
165
|
-
}, [
|
|
166
|
-
props.storeKey
|
|
167
|
-
]);
|
|
168
|
-
useEffect(function() {
|
|
169
|
-
if (props.storeKey) {
|
|
170
|
-
if (collects.length) localStorage.setItem(props.storeKey, JSON.stringify(collects));
|
|
171
|
-
else localStorage.removeItem(props.storeKey);
|
|
172
|
-
}
|
|
173
|
-
}, [
|
|
174
|
-
collects
|
|
175
|
-
]);
|
|
176
194
|
return /*#__PURE__*/ _jsx(_Fragment, {
|
|
177
195
|
children: /*#__PURE__*/ _jsx(Drawer, {
|
|
178
|
-
className: styles.
|
|
196
|
+
className: "".concat(styles.aggregateMenuDrawer, " ").concat(isDark ? styles.aggregateMenuDark : ""),
|
|
197
|
+
title: locale.title,
|
|
179
198
|
placement: "left",
|
|
180
199
|
open: props.open,
|
|
181
200
|
width: 1060,
|
|
@@ -184,13 +203,13 @@ export default function(props) {
|
|
|
184
203
|
(_props_onChangeOpen = props.onChangeOpen) === null || _props_onChangeOpen === void 0 ? void 0 : _props_onChangeOpen.call(props, false);
|
|
185
204
|
},
|
|
186
205
|
children: /*#__PURE__*/ _jsxs("div", {
|
|
187
|
-
className: styles.
|
|
206
|
+
className: styles.aggregateMenuDrawerRow,
|
|
188
207
|
children: [
|
|
189
208
|
/*#__PURE__*/ _jsx("div", {
|
|
190
209
|
style: {
|
|
191
210
|
width: 240
|
|
192
211
|
},
|
|
193
|
-
className: styles.
|
|
212
|
+
className: styles.aggregateMenuDrawerMenu,
|
|
194
213
|
children: collects.length ? /*#__PURE__*/ _jsx(DndContext, {
|
|
195
214
|
sensors: sensors,
|
|
196
215
|
collisionDetection: closestCenter,
|
|
@@ -240,7 +259,7 @@ export default function(props) {
|
|
|
240
259
|
},
|
|
241
260
|
children: [
|
|
242
261
|
/*#__PURE__*/ _jsx("div", {
|
|
243
|
-
className: styles.
|
|
262
|
+
className: styles.aggregateMenuDrawerAllInput,
|
|
244
263
|
children: /*#__PURE__*/ _jsx(Input, {
|
|
245
264
|
bordered: false,
|
|
246
265
|
prefix: /*#__PURE__*/ _jsx(SearchOutlined, {
|
|
@@ -265,44 +284,38 @@ export default function(props) {
|
|
|
265
284
|
}
|
|
266
285
|
})
|
|
267
286
|
}),
|
|
287
|
+
latelys.length ? /*#__PURE__*/ _jsxs("div", {
|
|
288
|
+
className: styles.aggregateMenuLatelys,
|
|
289
|
+
children: [
|
|
290
|
+
/*#__PURE__*/ _jsx("div", {
|
|
291
|
+
className: styles.aggregateMenuDrawerAllMenuItemDir,
|
|
292
|
+
children: locale.latelyTitle
|
|
293
|
+
}),
|
|
294
|
+
/*#__PURE__*/ _jsx("div", {
|
|
295
|
+
className: styles.aggregateMenuLatelysColumn,
|
|
296
|
+
children: latelys.map(function(menuItem) {
|
|
297
|
+
return menuItemRender(menuItem);
|
|
298
|
+
})
|
|
299
|
+
})
|
|
300
|
+
]
|
|
301
|
+
}) : /*#__PURE__*/ _jsx(_Fragment, {}),
|
|
268
302
|
/*#__PURE__*/ _jsx("div", {
|
|
269
|
-
className: styles.
|
|
303
|
+
className: styles.aggregateMenuDrawerAllMenu,
|
|
304
|
+
style: {
|
|
305
|
+
height: latelys.length ? "calc(100% - 164px)" : "calc(100% - 52px)"
|
|
306
|
+
},
|
|
270
307
|
children: filterList.map(function(item) {
|
|
271
|
-
/*#__PURE__*/
|
|
272
|
-
className: styles.
|
|
308
|
+
return /*#__PURE__*/ _jsxs("div", {
|
|
309
|
+
className: styles.aggregateMenuDrawerAllMenuColumn,
|
|
273
310
|
children: [
|
|
274
311
|
/*#__PURE__*/ _jsx("div", {
|
|
275
|
-
className: styles.
|
|
312
|
+
className: styles.aggregateMenuDrawerAllAppTitle,
|
|
276
313
|
children: item.app.name
|
|
277
314
|
}),
|
|
278
315
|
item.menu.map(function(menuItem) {
|
|
279
|
-
/*#__PURE__*/
|
|
280
|
-
className: styles.
|
|
281
|
-
|
|
282
|
-
var _props_onClick;
|
|
283
|
-
(_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, menuItem, item.app);
|
|
284
|
-
},
|
|
285
|
-
children: [
|
|
286
|
-
/*#__PURE__*/ _jsx("div", {
|
|
287
|
-
className: styles.customMenuDrawerAllMenuItemName,
|
|
288
|
-
children: menuItem.name
|
|
289
|
-
}),
|
|
290
|
-
/*#__PURE__*/ _jsx("div", {
|
|
291
|
-
children: /*#__PURE__*/ _jsx(StarOutlined, {
|
|
292
|
-
rev: undefined,
|
|
293
|
-
className: checkCollect(menuItem) ? "collect" : "",
|
|
294
|
-
onClick: function(event) {
|
|
295
|
-
event.stopPropagation();
|
|
296
|
-
if (checkCollect(menuItem)) setCollects(collects.filter(function(c) {
|
|
297
|
-
return !(c.id === menuItem.id && c.appID === menuItem.appID);
|
|
298
|
-
}));
|
|
299
|
-
else setCollects(_to_consumable_array(collects).concat([
|
|
300
|
-
menuItem
|
|
301
|
-
]));
|
|
302
|
-
}
|
|
303
|
-
})
|
|
304
|
-
})
|
|
305
|
-
]
|
|
316
|
+
return menuItem.kind === AppMenuKind.Menu ? menuItemRender(menuItem) : /*#__PURE__*/ _jsx("div", {
|
|
317
|
+
className: styles.aggregateMenuDrawerAllMenuItemDir,
|
|
318
|
+
children: menuItem.name
|
|
306
319
|
}, "".concat(menuItem.appID, "-").concat(menuItem.id));
|
|
307
320
|
})
|
|
308
321
|
]
|
|
@@ -317,4 +330,4 @@ export default function(props) {
|
|
|
317
330
|
});
|
|
318
331
|
};
|
|
319
332
|
|
|
320
|
-
//# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\
|
|
333
|
+
//# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\aggregate-menu\index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\aggregate-menu\\index.tsx"],"sourcesContent":["import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from \"@ant-design/icons\"\r\nimport { useCallback, useEffect, useState } from \"react\"\r\nimport styles from \"./index.module.css\"\r\nimport { Drawer, Empty, Input, Space } from \"antd\";\r\nimport { gql, paging, query } from \"@knockout-js/ice-urql/request\";\r\nimport { App, AppMenu, AppMenuKind, LayoutPkgUserRootOrgsQuery, LayoutPkgUserRootOrgsQueryVariables, UserMenuListQuery, UserMenuListQueryVariables } from \"@knockout-js/api\";\r\nimport { iceUrqlInstance } from \"..\";\r\nimport { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from \"@dnd-kit/core\";\r\nimport { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from \"@dnd-kit/sortable\";\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { useLocale } from \"../locale\";\r\nimport { useDark, useTenantId } from \"../provider\";\r\n\r\nconst userMenuListQuery = gql(/* GraphQL */`query userMenuList($appCode:String!){\r\n userMenus(appCode: $appCode){\r\n id,name,route,appID,parentID,displaySort,kind\r\n }\r\n}`);\r\n\r\nconst userOrgAppsQuery = gql(/* GraphQL */`query layoutPkgUserRootOrgs($first:Int){\r\n userRootOrgs{\r\n id,\r\n apps(first: $first){\r\n totalCount,\r\n edges{ node{ id,name,code } }\r\n }\r\n }\r\n}`);\r\n\r\nexport type AggregateMenuLocale = {\r\n title: string;\r\n latelyTitle: string;\r\n notText: string;\r\n searchPlaceholder: string;\r\n}\r\n\r\nexport type AggregateMenuDataSource = {\r\n app: App;\r\n menu: AppMenu[];\r\n}[]\r\n\r\nexport interface AggregateMenuProps {\r\n /**\r\n * 弹出开关\r\n */\r\n open?: boolean;\r\n /**\r\n * 数据源\r\n */\r\n dataSource?: AggregateMenuDataSource;\r\n /**\r\n * 弹出开关变更\r\n */\r\n onChangeOpen?: (open: boolean) => void;\r\n /**\r\n * 选中菜单\r\n */\r\n onClick?: (menuItem: AppMenu, app: App) => void;\r\n}\r\n\r\n/**\r\n * 排序拖拽使用的控件\r\n * https://docs.dndkit.com/\r\n * @param props\r\n * @returns\r\n */\r\nconst DargItem = (props: {\r\n value: AppMenu;\r\n onDel: () => void;\r\n onClick: () => void;\r\n}) => {\r\n const id = `${props.value.id}-${props.value.appID}`;\r\n const { setNodeRef, listeners, attributes, transform, transition } = useSortable({ id });\r\n const style = {\r\n transform: CSS.Transform.toString(transform),\r\n transition,\r\n };\r\n\r\n return <div\r\n ref={setNodeRef}\r\n style={style}\r\n {...attributes}\r\n className={styles.aggregateMenuDrawerMenuItem}\r\n onClick={() => {\r\n props.onClick();\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerMenuItemName}>{props.value.name}</div>\r\n <div className={styles.aggregateMenuDrawerMenuItemIcons}>\r\n <Space>\r\n <CloseOutlined rev={undefined} onClick={() => {\r\n props.onDel();\r\n }} />\r\n <DragOutlined rev={undefined} {...listeners} className=\"dragIcon\" />\r\n </Space>\r\n </div>\r\n </div>\r\n}\r\n\r\nexport default (props: AggregateMenuProps) => {\r\n const [all, setAll] = useState<AggregateMenuDataSource>([]),\r\n [filterList, setFilterList] = useState<AggregateMenuDataSource>([]),\r\n [collects, setCollects] = useState<AppMenu[]>([]),\r\n [latelys, setLately] = useState<AppMenu[]>([]),\r\n locale = useLocale('AggregateMenu'),\r\n isDark = useDark(),\r\n tenantId = useTenantId(),\r\n sensors = useSensors(\r\n useSensor(PointerSensor),\r\n useSensor(KeyboardSensor, {\r\n coordinateGetter: sortableKeyboardCoordinates,\r\n })\r\n );\r\n\r\n const\r\n request = useCallback(async () => {\r\n const appsResult = await paging<LayoutPkgUserRootOrgsQuery, LayoutPkgUserRootOrgsQueryVariables>(userOrgAppsQuery, {\r\n first: 30,\r\n }, 1, { instanceName: iceUrqlInstance.ucenter }), apps: App[] = [];\r\n if (appsResult.data?.userRootOrgs) {\r\n appsResult.data.userRootOrgs.forEach(org => {\r\n if (tenantId === org.id) {\r\n org.apps.edges?.forEach(oApp => {\r\n if (oApp?.node && !apps.find(app => app.id === oApp.node?.id)) {\r\n apps.push(oApp.node as App);\r\n }\r\n })\r\n }\r\n })\r\n }\r\n const newAll: AggregateMenuDataSource = [];\r\n for (let i in apps) {\r\n const menuResult = await query<UserMenuListQuery, UserMenuListQueryVariables>(userMenuListQuery, {\r\n appCode: apps[i].code,\r\n }, { instanceName: iceUrqlInstance.ucenter });\r\n if (menuResult.data?.userMenus) {\r\n const menu = menuResult.data.userMenus.sort((d1, d2) => {\r\n const d1Sort = d1.displaySort || 0, d2Sort = d2.displaySort || 0;\r\n return d1.parentID < d2.parentID ? -1 : d1.parentID > d2.parentID ? 1 : d1Sort < d2Sort ? -1 : d1Sort > d2Sort ? 1 : 0;\r\n }) as AppMenu[];\r\n newAll.push({\r\n app: apps[i],\r\n menu,\r\n })\r\n }\r\n }\r\n setAll(newAll);\r\n setFilterList(newAll);\r\n }, []),\r\n checkCollect = useCallback((menuItem: AppMenu) => {\r\n return !!collects.find(item => item.id === menuItem.id && item.appID === menuItem.appID);\r\n }, [collects]),\r\n menuItemRender = (menuItem: AppMenu) => {\r\n return <div\r\n key={`${menuItem.id}-${menuItem.appID}`}\r\n className={styles.aggregateMenuDrawerAllMenuItem}\r\n onClick={() => {\r\n const allApp = all.find(allItem => allItem.app.id == menuItem.appID);\r\n if (allApp) {\r\n props.onClick?.(menuItem, allApp.app);\r\n }\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerAllMenuItemName}> {menuItem.name}</div>\r\n <div>\r\n <StarOutlined rev={undefined} className={checkCollect(menuItem) ? 'collect' : ''} onClick={(event) => {\r\n event.stopPropagation();\r\n if (checkCollect(menuItem)) {\r\n setCollects(collects.filter(c => !(c.id === menuItem.id && c.appID === menuItem.appID)));\r\n } else {\r\n setCollects([...collects, menuItem]);\r\n }\r\n }} />\r\n </div>\r\n </div>\r\n }\r\n\r\n useEffect(() => {\r\n if (props.dataSource) {\r\n setAll(props.dataSource);\r\n setFilterList(props.dataSource);\r\n } else {\r\n request();\r\n }\r\n }, [props.dataSource]);\r\n\r\n return <>\r\n <Drawer\r\n className={`${styles.aggregateMenuDrawer} ${isDark ? styles.aggregateMenuDark : ''}`}\r\n title={locale.title}\r\n placement=\"left\"\r\n open={props.open}\r\n width={1060}\r\n onClose={() => {\r\n props.onChangeOpen?.(false);\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerRow}>\r\n <div style={{ width: 240 }} className={styles.aggregateMenuDrawerMenu}>\r\n {collects.length ?\r\n <DndContext sensors={sensors}\r\n collisionDetection={closestCenter}\r\n onDragEnd={(event) => {\r\n const { active, over } = event;\r\n if (over && active.id !== over.id) {\r\n setCollects((items) => {\r\n const oldIndex = items.findIndex(oItem => `${oItem.id}-${oItem.appID}` == active.id);\r\n const newIndex = items.findIndex(nItem => `${nItem.id}-${nItem.appID}` == over.id);\r\n return arrayMove(items, oldIndex, newIndex);\r\n });\r\n }\r\n }}\r\n >\r\n <SortableContext items={collects.map(item => `${item.id}-${item.appID}`)} strategy={verticalListSortingStrategy}>\r\n {\r\n collects.map(item => (<DargItem\r\n key={`c${item.id}-${item.appID}`}\r\n value={item}\r\n onDel={() => {\r\n setCollects(collects.filter(c => !(c.id === item.id && c.appID === item.appID)));\r\n }}\r\n onClick={() => {\r\n const allApp = all.find(allItem => allItem.app.id == item.appID);\r\n if (allApp) {\r\n props.onClick?.(item, allApp.app);\r\n }\r\n }}\r\n />))\r\n }\r\n </SortableContext>\r\n </DndContext>\r\n : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={locale.notText} />\r\n }\r\n </div>\r\n <div style={{ width: 820 }}>\r\n <div className={styles.aggregateMenuDrawerAllInput}>\r\n <Input\r\n bordered={false}\r\n prefix={<SearchOutlined rev={undefined} />}\r\n placeholder={locale.searchPlaceholder}\r\n onChange={(event) => {\r\n const keyword = event.target.value;\r\n if (keyword) {\r\n const fList = all.map(f => {\r\n return {\r\n app: f.app,\r\n menu: f.menu.filter(fMenuItem => fMenuItem.name.indexOf(keyword) > -1),\r\n };\r\n }).filter(f => f.menu.length);\r\n setFilterList(fList);\r\n } else {\r\n setFilterList([...all]);\r\n }\r\n }}\r\n />\r\n </div>\r\n {latelys.length ?\r\n <div className={styles.aggregateMenuLatelys}>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemDir}>{locale.latelyTitle}</div>\r\n <div className={styles.aggregateMenuLatelysColumn}>\r\n {latelys.map(menuItem => (\r\n menuItemRender(menuItem)\r\n ))}\r\n </div>\r\n </div> : <></>\r\n }\r\n <div className={styles.aggregateMenuDrawerAllMenu} style={{ height: latelys.length ? \"calc(100% - 164px)\" : \"calc(100% - 52px)\" }}>\r\n {filterList.map(item => (\r\n <div key={item.app.code} className={styles.aggregateMenuDrawerAllMenuColumn}>\r\n <div className={styles.aggregateMenuDrawerAllAppTitle}>{item.app.name}</div>\r\n {item.menu.map(menuItem => (menuItem.kind === AppMenuKind.Menu ?\r\n menuItemRender(menuItem)\r\n : <div\r\n key={`${menuItem.appID}-${menuItem.id}`}\r\n className={styles.aggregateMenuDrawerAllMenuItemDir}\r\n >\r\n {menuItem.name}\r\n </div>\r\n ))}\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n </Drawer>\r\n </>\r\n}\r\n"],"names":["CloseOutlined","DragOutlined","SearchOutlined","StarOutlined","useCallback","useEffect","useState","styles","Drawer","Empty","Input","Space","gql","paging","query","AppMenuKind","iceUrqlInstance","DndContext","closestCenter","KeyboardSensor","PointerSensor","useSensor","useSensors","arrayMove","SortableContext","useSortable","sortableKeyboardCoordinates","verticalListSortingStrategy","CSS","useLocale","useDark","useTenantId","userMenuListQuery","userOrgAppsQuery","DargItem","props","id","value","appID","setNodeRef","listeners","attributes","transform","transition","style","Transform","toString","div","ref","className","aggregateMenuDrawerMenuItem","onClick","aggregateMenuDrawerMenuItemName","name","aggregateMenuDrawerMenuItemIcons","rev","undefined","onDel","all","setAll","filterList","setFilterList","collects","setCollects","latelys","setLately","locale","isDark","tenantId","sensors","coordinateGetter","request","appsResult","apps","newAll","i","menuResult","menu","first","instanceName","ucenter","data","userRootOrgs","forEach","org","edges","oApp","node","find","app","push","appCode","code","userMenus","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","checkCollect","menuItem","item","menuItemRender","aggregateMenuDrawerAllMenuItem","allApp","allItem","aggregateMenuDrawerAllMenuItemName","event","stopPropagation","filter","c","dataSource","aggregateMenuDrawer","aggregateMenuDark","title","placement","open","width","onClose","onChangeOpen","aggregateMenuDrawerRow","aggregateMenuDrawerMenu","length","collisionDetection","onDragEnd","active","over","items","oldIndex","findIndex","oItem","newIndex","nItem","map","strategy","image","PRESENTED_IMAGE_SIMPLE","description","notText","aggregateMenuDrawerAllInput","bordered","prefix","placeholder","searchPlaceholder","onChange","keyword","target","fList","f","fMenuItem","indexOf","aggregateMenuLatelys","aggregateMenuDrawerAllMenuItemDir","latelyTitle","aggregateMenuLatelysColumn","aggregateMenuDrawerAllMenu","height","aggregateMenuDrawerAllMenuColumn","aggregateMenuDrawerAllAppTitle","kind","Menu"],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
.
|
|
1
|
+
.aggregateMenu {
|
|
2
2
|
margin-right: 8px;
|
|
3
3
|
cursor: pointer;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.
|
|
6
|
+
.aggregateMenuDrawer {
|
|
7
7
|
|
|
8
8
|
:global(.ant-drawer-header-title) {
|
|
9
9
|
flex-direction: row-reverse;
|
|
@@ -15,17 +15,17 @@
|
|
|
15
15
|
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.
|
|
18
|
+
.aggregateMenuDrawerRow {
|
|
19
19
|
height: 100%;
|
|
20
20
|
display: flex;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
.
|
|
23
|
+
.aggregateMenuDrawerMenu {
|
|
24
24
|
height: 100%;
|
|
25
25
|
border-right: 1px solid rgba(5, 5, 5, 0.06);
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
.
|
|
28
|
+
.aggregateMenuDrawerAllMenu {
|
|
29
29
|
height: calc(100% - 52px);
|
|
30
30
|
padding: 16px;
|
|
31
31
|
overflow-y: auto;
|
|
@@ -33,21 +33,28 @@
|
|
|
33
33
|
column-gap: 10px;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
.
|
|
36
|
+
.aggregateMenuDrawerAllMenuColumn {
|
|
37
37
|
/* 瀑布流关键写法 */
|
|
38
38
|
break-inside: avoid;
|
|
39
39
|
margin-bottom: 16px;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
+
.aggregateMenuDrawerAllAppTitle {
|
|
43
|
+
font-weight: bold;
|
|
44
|
+
height: 32px;
|
|
45
|
+
line-height: 32px;
|
|
46
|
+
padding: 0 16px;
|
|
47
|
+
color: #ff6a00;
|
|
48
|
+
}
|
|
42
49
|
|
|
43
|
-
.
|
|
50
|
+
.aggregateMenuDrawerAllMenuTitle {
|
|
44
51
|
font-weight: bold;
|
|
45
52
|
height: 32px;
|
|
46
53
|
line-height: 32px;
|
|
47
54
|
padding: 0 16px;
|
|
48
55
|
}
|
|
49
56
|
|
|
50
|
-
.
|
|
57
|
+
.aggregateMenuDrawerAllMenuItem {
|
|
51
58
|
height: 32px;
|
|
52
59
|
line-height: 32px;
|
|
53
60
|
cursor: pointer;
|
|
@@ -64,6 +71,7 @@
|
|
|
64
71
|
|
|
65
72
|
:global(.anticon-star.collect) {
|
|
66
73
|
color: rgb(255, 106, 0);
|
|
74
|
+
display: inline-flex;
|
|
67
75
|
}
|
|
68
76
|
|
|
69
77
|
:global(.anticon-star) {
|
|
@@ -71,20 +79,28 @@
|
|
|
71
79
|
}
|
|
72
80
|
}
|
|
73
81
|
|
|
74
|
-
.
|
|
82
|
+
.aggregateMenuDrawerAllMenuItemDir {
|
|
83
|
+
height: 32px;
|
|
84
|
+
line-height: 32px;
|
|
85
|
+
padding: 0 16px;
|
|
86
|
+
font-weight: bold;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.aggregateMenuDrawerAllMenuItemName {
|
|
75
90
|
overflow: hidden;
|
|
76
91
|
text-overflow: ellipsis;
|
|
77
92
|
white-space: nowrap;
|
|
78
93
|
flex: auto;
|
|
94
|
+
font-weight: lighter;
|
|
79
95
|
}
|
|
80
96
|
|
|
81
|
-
.
|
|
97
|
+
.aggregateMenuDrawerAllInput {
|
|
82
98
|
padding: 10px 0;
|
|
83
99
|
margin: 0 16px;
|
|
84
100
|
border-bottom: 1px solid rgba(5, 5, 5, 0.06);
|
|
85
101
|
}
|
|
86
102
|
|
|
87
|
-
.
|
|
103
|
+
.aggregateMenuDrawerMenuItem {
|
|
88
104
|
height: 40px;
|
|
89
105
|
line-height: 40px;
|
|
90
106
|
cursor: pointer;
|
|
@@ -94,13 +110,13 @@
|
|
|
94
110
|
&:hover {
|
|
95
111
|
background-color: #f1f1f1;
|
|
96
112
|
|
|
97
|
-
.
|
|
113
|
+
.aggregateMenuDrawerMenuItemIcons {
|
|
98
114
|
display: block;
|
|
99
115
|
}
|
|
100
116
|
}
|
|
101
117
|
}
|
|
102
118
|
|
|
103
|
-
.
|
|
119
|
+
.aggregateMenuDrawerMenuItemIcons {
|
|
104
120
|
display: none;
|
|
105
121
|
|
|
106
122
|
:global(.anticon) {
|
|
@@ -112,9 +128,41 @@
|
|
|
112
128
|
}
|
|
113
129
|
}
|
|
114
130
|
|
|
115
|
-
.
|
|
131
|
+
.aggregateMenuDrawerMenuItemName {
|
|
116
132
|
flex: auto;
|
|
117
133
|
text-overflow: ellipsis;
|
|
118
134
|
white-space: nowrap;
|
|
119
135
|
overflow: hidden;
|
|
120
136
|
}
|
|
137
|
+
|
|
138
|
+
.aggregateMenuLatelys {
|
|
139
|
+
padding: 16px 16px 0 16px;
|
|
140
|
+
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.aggregateMenuLatelysColumn {
|
|
144
|
+
column-count: 3;
|
|
145
|
+
column-gap: 10px;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
/* 黑色主题处理 */
|
|
149
|
+
.aggregateMenuDark {
|
|
150
|
+
color: #ffffffcc;
|
|
151
|
+
|
|
152
|
+
.aggregateMenuDrawerAllInput {
|
|
153
|
+
border-bottom: 1px solid #ffffff40;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
.aggregateMenuDrawerAllMenuItem {
|
|
157
|
+
&:hover {
|
|
158
|
+
background-color: #ffffff40;
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.aggregateMenuDrawerMenuItem {
|
|
163
|
+
&:hover {
|
|
164
|
+
background-color: #ffffff40;
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
var locale = {
|
|
2
|
+
title: "Application menu",
|
|
3
|
+
latelyTitle: "Recently visited",
|
|
2
4
|
notText: "The favorites list is empty, you can add your usual addresses to your favorites on the right.",
|
|
3
5
|
searchPlaceholder: "Please enter keyword"
|
|
4
6
|
};
|
|
5
7
|
export default locale;
|
|
6
8
|
|
|
7
|
-
//# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\
|
|
9
|
+
//# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\aggregate-menu\locale\en_US.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\aggregate-menu\\locale\\en_US.ts"],"sourcesContent":["import { AggregateMenuLocale } from \"../index\";\r\n\r\nconst locale: AggregateMenuLocale = {\r\n title: 'Application menu',\r\n latelyTitle: \"Recently visited\",\r\n notText: 'The favorites list is empty, you can add your usual addresses to your favorites on the right.',\r\n searchPlaceholder: \"Please enter keyword\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","title","latelyTitle","notText","searchPlaceholder"],"mappings":"AAEA,IAAMA,SAA8B;IAClCC,OAAO;IACPC,aAAa;IACbC,SAAS;IACTC,mBAAmB;AACrB;AAEA,eAAeJ,OAAM"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
var locale = {
|
|
2
|
+
title: "应用菜单",
|
|
3
|
+
latelyTitle: "最近访问",
|
|
2
4
|
notText: "收藏列表为空,可在右侧将您常用地址添加到收藏。",
|
|
3
5
|
searchPlaceholder: "请输入关键词"
|
|
4
6
|
};
|
|
5
7
|
export default locale;
|
|
6
8
|
|
|
7
|
-
//# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\
|
|
9
|
+
//# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\aggregate-menu\locale\zh_CN.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\aggregate-menu\\locale\\zh_CN.ts"],"sourcesContent":["import { AggregateMenuLocale } from \"../index\";\r\n\r\nconst locale: AggregateMenuLocale = {\r\n title: '应用菜单',\r\n latelyTitle: \"最近访问\",\r\n notText: '收藏列表为空,可在右侧将您常用地址添加到收藏。',\r\n searchPlaceholder: \"请输入关键词\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","title","latelyTitle","notText","searchPlaceholder"],"mappings":"AAEA,IAAMA,SAA8B;IAClCC,OAAO;IACPC,aAAa;IACbC,SAAS;IACTC,mBAAmB;AACrB;AAEA,eAAeJ,OAAM"}
|
|
@@ -1,6 +1,14 @@
|
|
|
1
|
-
import { LocaleType } from "../locale";
|
|
2
1
|
import { ReactNode } from "react";
|
|
2
|
+
import { LocaleType } from "..";
|
|
3
3
|
export interface CollectProviderProps {
|
|
4
|
+
/**
|
|
5
|
+
* 应用code
|
|
6
|
+
*/
|
|
7
|
+
appCode: string;
|
|
8
|
+
/**
|
|
9
|
+
* tenantId
|
|
10
|
+
*/
|
|
11
|
+
tenantId: string;
|
|
4
12
|
/**
|
|
5
13
|
* @knockout-js 的多语言 locale
|
|
6
14
|
*/
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
|
|
2
2
|
import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
|
|
3
|
-
import { LocaleType } from "../locale/index";
|
|
4
3
|
import { useEffect, useState } from "react";
|
|
5
4
|
import { ProConfigProvider } from "@ant-design/pro-provider";
|
|
6
|
-
import {
|
|
5
|
+
import { Provider, LeavePrompt, LocaleType } from "../index";
|
|
7
6
|
import { ConfigProvider } from "antd";
|
|
8
7
|
import { AliveScope } from "react-activation";
|
|
9
8
|
import zhCN from "antd/locale/zh_CN";
|
|
@@ -18,8 +17,11 @@ export default function(props) {
|
|
|
18
17
|
]);
|
|
19
18
|
return /*#__PURE__*/ _jsx(ProConfigProvider, {
|
|
20
19
|
dark: props.dark,
|
|
21
|
-
children: /*#__PURE__*/ _jsx(
|
|
20
|
+
children: /*#__PURE__*/ _jsx(Provider, {
|
|
22
21
|
locale: props.locale,
|
|
22
|
+
appCode: props.appCode,
|
|
23
|
+
tenantId: props.tenantId,
|
|
24
|
+
dark: props.dark,
|
|
23
25
|
children: /*#__PURE__*/ _jsx(ConfigProvider, {
|
|
24
26
|
locale: antLocale,
|
|
25
27
|
children: /*#__PURE__*/ _jsx(LeavePrompt, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\collect-providers\\index.tsx"],"sourcesContent":["import { Locale } from \"antd/es/locale\";\r\nimport {
|
|
1
|
+
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\collect-providers\\index.tsx"],"sourcesContent":["import { Locale } from \"antd/es/locale\";\r\nimport { ReactNode, useEffect, useState } from \"react\";\r\nimport { ProConfigProvider } from \"@ant-design/pro-provider\";\r\nimport { Provider, LeavePrompt, LocaleType } from \"..\";\r\nimport { ConfigProvider } from \"antd\";\r\nimport { AliveScope } from \"react-activation\";\r\nimport zhCN from 'antd/locale/zh_CN';\r\nimport enUS from 'antd/locale/en_US';\r\nexport interface CollectProviderProps {\r\n /**\r\n * 应用code\r\n */\r\n appCode: string;\r\n /**\r\n * tenantId\r\n */\r\n tenantId: string;\r\n /**\r\n * @knockout-js 的多语言 locale\r\n */\r\n locale: LocaleType;\r\n /**\r\n * ProConfig dark主题\r\n */\r\n dark: boolean;\r\n /**\r\n * 传递动态的 location.pathname\r\n */\r\n pathname: string;\r\n /**\r\n * 默认插槽\r\n */\r\n children: ReactNode;\r\n}\r\n\r\nexport default (props: CollectProviderProps) => {\r\n\r\n const [antLocale, setAntLocale] = useState<Locale>(zhCN);\r\n\r\n useEffect(() => {\r\n if (props.locale === LocaleType.zhCN) {\r\n setAntLocale(zhCN)\r\n } else if (props.locale === LocaleType.enUS) {\r\n setAntLocale(enUS)\r\n }\r\n }, [props.locale]);\r\n\r\n return (\r\n <ProConfigProvider dark={props.dark}>\r\n <Provider locale={props.locale} appCode={props.appCode} tenantId={props.tenantId} dark={props.dark}>\r\n <ConfigProvider locale={antLocale}>\r\n <LeavePrompt pathname={props.pathname}>\r\n <AliveScope>\r\n {props.children}\r\n </AliveScope>\r\n </LeavePrompt>\r\n </ConfigProvider>\r\n </Provider>\r\n </ProConfigProvider >\r\n )\r\n}\r\n"],"names":["useEffect","useState","ProConfigProvider","Provider","LeavePrompt","LocaleType","ConfigProvider","AliveScope","zhCN","enUS","props","antLocale","setAntLocale","locale","dark","appCode","tenantId","pathname","children"],"mappings":";;AACA,SAAoBA,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACvD,SAASC,iBAAiB,QAAQ,2BAA2B;AAC7D,SAASC,QAAQ,EAAEC,WAAW,EAAEC,UAAU,QAAQ,WAAK;AACvD,SAASC,cAAc,QAAQ,OAAO;AACtC,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,OAAOC,UAAU,oBAAoB;AACrC,OAAOC,UAAU,oBAAoB;AA4BrC,eAAe,SAACC,OAAgC;IAE9C,IAAkCT,6BAAAA,SAAiBO,WAA5CG,YAA2BV,cAAhBW,eAAgBX;IAElCD,UAAU,WAAM;QACd,IAAIU,MAAMG,MAAM,KAAKR,WAAWG,IAAI,EAClCI,aAAaJ;aACR,IAAIE,MAAMG,MAAM,KAAKR,WAAWI,IAAI,EACzCG,aAAaH;IAEjB,GAAG;QAACC,MAAMG,MAAM;KAAC;IAEjB,qBACE,KAACX;QAAkBY,MAAMJ,MAAMI,IAAI;kBACjC,cAAA,KAACX;YAASU,QAAQH,MAAMG,MAAM;YAAEE,SAASL,MAAMK,OAAO;YAAEC,UAAUN,MAAMM,QAAQ;YAAEF,MAAMJ,MAAMI,IAAI;sBAChG,cAAA,KAACR;gBAAeO,QAAQF;0BACtB,cAAA,KAACP;oBAAYa,UAAUP,MAAMO,QAAQ;8BACnC,cAAA,KAACV;kCACEG,MAAMQ,QAAQ;;;;;;AAO7B,EAAC"}
|
|
@@ -3,9 +3,9 @@ import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
|
|
|
3
3
|
import { useState, useEffect, useCallback, useContext } from "react";
|
|
4
4
|
import { Dropdown } from "antd";
|
|
5
5
|
import styles from "./index.module.css";
|
|
6
|
-
import {
|
|
6
|
+
import { Context, LocaleType } from "../index";
|
|
7
7
|
function I18nDropdown(props) {
|
|
8
|
-
var ctx = useContext(
|
|
8
|
+
var ctx = useContext(Context), _useState = _sliced_to_array(useState(""), 2), localeName = _useState[0], setLocaleName = _useState[1], menuItemOnClick = useCallback(function(param) {
|
|
9
9
|
var key = param.key;
|
|
10
10
|
var _props_onChange;
|
|
11
11
|
(_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, key);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\i18n-dropdown\\index.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useContext } from 'react';\r\nimport { Dropdown, MenuProps } from 'antd';\r\nimport styles from './index.module.css';\r\nimport {
|
|
1
|
+
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\i18n-dropdown\\index.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useContext } from 'react';\r\nimport { Dropdown, MenuProps } from 'antd';\r\nimport styles from './index.module.css';\r\nimport { Context, ProviderProps, LocaleType } from '..';\r\n\r\nexport interface I18nDropdownProps {\r\n /**\r\n * 值变更事件 (value: LocaleType) => void;\r\n */\r\n onChange?: (value: LocaleType) => void;\r\n}\r\n\r\nfunction I18nDropdown(props: I18nDropdownProps) {\r\n const ctx = useContext<ProviderProps>(Context),\r\n [localeName, setLocaleName] = useState(''),\r\n menuItemOnClick = useCallback(({ key }: { key: React.Key }) => {\r\n props.onChange?.(key as LocaleType)\r\n }, []),\r\n menuItems = [\r\n {\r\n key: LocaleType.zhCN,\r\n label: '简体',\r\n onClick: menuItemOnClick,\r\n },\r\n {\r\n key: LocaleType.enUS,\r\n label: 'En',\r\n onClick: menuItemOnClick,\r\n }\r\n ];\r\n\r\n useEffect(() => {\r\n const item = menuItems?.find(item => item?.key == ctx.locale);\r\n setLocaleName(item?.label || '')\r\n }, [ctx.locale]);\r\n\r\n return (\r\n <Dropdown menu={{\r\n items: menuItems,\r\n }}>\r\n <span className={styles.action}>\r\n <span>{localeName}</span>\r\n </span>\r\n </Dropdown>\r\n );\r\n};\r\n\r\nexport default I18nDropdown;\r\n"],"names":["useState","useEffect","useCallback","useContext","Dropdown","styles","Context","LocaleType","I18nDropdown","props","ctx","localeName","setLocaleName","menuItemOnClick","key","onChange","menuItems","zhCN","label","onClick","enUS","item","find","locale","menu","items","span","className","action"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAEC,UAAU,QAAQ,QAAQ;AACrE,SAASC,QAAQ,QAAmB,OAAO;AAC3C,OAAOC,YAAY,qBAAqB;AACxC,SAASC,OAAO,EAAiBC,UAAU,QAAQ,WAAK;AASxD,SAASC,aAAaC,KAAwB,EAAE;IAC9C,IAAMC,MAAMP,WAA0BG,UACNN,6BAAAA,SAAS,SAAtCW,aAA6BX,cAAjBY,gBAAiBZ,cAC9Ba,kBAAkBX,YAAY,gBAAiC;YAA9BY,YAAAA;YAC/BL;QAAAA,CAAAA,kBAAAA,MAAMM,QAAQ,cAAdN,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiBK;IACnB,GAAG,EAAE,GACLE,YAAY;QACV;YACEF,KAAKP,WAAWU,IAAI;YACpBC,OAAO;YACPC,SAASN;QACX;QACA;YACEC,KAAKP,WAAWa,IAAI;YACpBF,OAAO;YACPC,SAASN;QACX;KACD;IAEHZ,UAAU,WAAM;QACd,IAAMoB,OAAOL,sBAAAA,uBAAAA,KAAAA,IAAAA,UAAWM,IAAI,CAACD,SAAAA;YAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMP,GAAG,AAAD,KAAKJ,IAAIa,MAAM;;QAC5DX,cAAcS,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMH,KAAK,AAAD,KAAK;IAC/B,GAAG;QAACR,IAAIa,MAAM;KAAC;IAEf,qBACE,KAACnB;QAASoB,MAAM;YACdC,OAAOT;QACT;kBACE,cAAA,KAACU;YAAKC,WAAWtB,OAAOuB,MAAM;sBAC5B,cAAA,KAACF;0BAAMf;;;;AAIf;AAEA,eAAeH,aAAa"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { default as
|
|
1
|
+
export { default as Provider, Context, type ProviderProps, } from './provider';
|
|
2
2
|
export { default as ThemeSwitch } from './theme-switch';
|
|
3
3
|
export { default as AvatarDropdown } from './avatar-dropdown';
|
|
4
4
|
export { default as KeepAlive } from './keep-alive';
|
|
@@ -6,9 +6,13 @@ export { default as TenantDropdown } from './tenant-dropdown';
|
|
|
6
6
|
export { default as LeavePrompt, useLeavePrompt } from './leave-prompt';
|
|
7
7
|
export { default as I18nDropdown } from './i18n-dropdown';
|
|
8
8
|
export { default as CollectProviders } from './collect-providers';
|
|
9
|
+
export { LocaleType } from './provider';
|
|
9
10
|
export { default as Layout } from './layout';
|
|
10
11
|
export { default as Modal, type ModalProps } from './modal';
|
|
11
|
-
export { default as
|
|
12
|
+
export { default as AggregateMenu, type AggregateMenuDataSource } from './aggregate-menu';
|
|
13
|
+
export { default as UploadAvatar } from './upload-file/uploadAvatar';
|
|
14
|
+
export { default as UploadMultiple } from './upload-file/uploadMultiple';
|
|
15
|
+
export { default as UploadTemp } from './upload-file/uploadTemp';
|
|
12
16
|
export declare enum iceUrqlInstance {
|
|
13
17
|
ucenter = "ucenter"
|
|
14
18
|
}
|