@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.
Files changed (117) hide show
  1. package/es2017/components/{gather-menu → aggregate-menu}/index.d.ts +7 -9
  2. package/es2017/components/{gather-menu → aggregate-menu}/index.js +81 -74
  3. package/es2017/components/aggregate-menu/index.js.map +1 -0
  4. package/{esm/components/gather-menu → es2017/components/aggregate-menu}/index.module.css +62 -14
  5. package/es2017/components/aggregate-menu/locale/en_US.d.ts +3 -0
  6. package/es2017/components/{gather-menu → aggregate-menu}/locale/en_US.js +3 -1
  7. package/es2017/components/aggregate-menu/locale/en_US.js.map +1 -0
  8. package/es2017/components/aggregate-menu/locale/zh_CN.d.ts +3 -0
  9. package/es2017/components/{gather-menu → aggregate-menu}/locale/zh_CN.js +3 -1
  10. package/es2017/components/aggregate-menu/locale/zh_CN.js.map +1 -0
  11. package/es2017/components/collect-providers/index.d.ts +9 -1
  12. package/es2017/components/collect-providers/index.js +5 -3
  13. package/es2017/components/collect-providers/index.js.map +1 -1
  14. package/es2017/components/i18n-dropdown/index.d.ts +1 -1
  15. package/es2017/components/i18n-dropdown/index.js +2 -2
  16. package/es2017/components/i18n-dropdown/index.js.map +1 -1
  17. package/es2017/components/index.d.ts +6 -2
  18. package/es2017/components/index.js +6 -2
  19. package/es2017/components/index.js.map +1 -1
  20. package/es2017/components/layout/index.d.ts +5 -5
  21. package/es2017/components/layout/index.js +14 -13
  22. package/es2017/components/layout/index.js.map +1 -1
  23. package/es2017/components/locale/en_US.js +4 -2
  24. package/es2017/components/locale/en_US.js.map +1 -1
  25. package/es2017/components/locale/index.d.ts +4 -17
  26. package/es2017/components/locale/index.js +3 -23
  27. package/es2017/components/locale/index.js.map +1 -1
  28. package/es2017/components/locale/zh_CN.js +4 -2
  29. package/es2017/components/locale/zh_CN.js.map +1 -1
  30. package/es2017/components/provider/index.d.ts +33 -0
  31. package/es2017/components/provider/index.js +49 -0
  32. package/es2017/components/provider/index.js.map +1 -0
  33. package/es2017/components/tenant-dropdown/index.js +1 -1
  34. package/es2017/components/tenant-dropdown/index.js.map +1 -1
  35. package/es2017/components/upload-file/index.d.ts +59 -0
  36. package/es2017/components/upload-file/index.js +15 -0
  37. package/es2017/components/upload-file/index.js.map +1 -0
  38. package/es2017/components/upload-file/index.module.css +13 -0
  39. package/es2017/components/upload-file/locale/en_US.d.ts +3 -0
  40. package/es2017/components/upload-file/locale/en_US.js +14 -0
  41. package/es2017/components/upload-file/locale/en_US.js.map +1 -0
  42. package/es2017/components/upload-file/locale/zh_CN.d.ts +3 -0
  43. package/es2017/components/upload-file/locale/zh_CN.js +14 -0
  44. package/es2017/components/upload-file/locale/zh_CN.js.map +1 -0
  45. package/es2017/components/upload-file/uploadAvatar.d.ts +4 -0
  46. package/es2017/components/upload-file/uploadAvatar.js +93 -0
  47. package/es2017/components/upload-file/uploadAvatar.js.map +1 -0
  48. package/es2017/components/upload-file/uploadMultiple.d.ts +4 -0
  49. package/es2017/components/upload-file/uploadMultiple.js +155 -0
  50. package/es2017/components/upload-file/uploadMultiple.js.map +1 -0
  51. package/es2017/components/upload-file/uploadTemp.d.ts +9 -0
  52. package/es2017/components/upload-file/uploadTemp.js +167 -0
  53. package/es2017/components/upload-file/uploadTemp.js.map +1 -0
  54. package/esm/components/{gather-menu → aggregate-menu}/index.d.ts +7 -9
  55. package/esm/components/{gather-menu → aggregate-menu}/index.js +83 -70
  56. package/esm/components/aggregate-menu/index.js.map +1 -0
  57. package/{es2017/components/gather-menu → esm/components/aggregate-menu}/index.module.css +62 -14
  58. package/esm/components/aggregate-menu/locale/en_US.d.ts +3 -0
  59. package/esm/components/{gather-menu → aggregate-menu}/locale/en_US.js +3 -1
  60. package/esm/components/aggregate-menu/locale/en_US.js.map +1 -0
  61. package/esm/components/aggregate-menu/locale/zh_CN.d.ts +3 -0
  62. package/esm/components/{gather-menu → aggregate-menu}/locale/zh_CN.js +3 -1
  63. package/esm/components/aggregate-menu/locale/zh_CN.js.map +1 -0
  64. package/esm/components/collect-providers/index.d.ts +9 -1
  65. package/esm/components/collect-providers/index.js +5 -3
  66. package/esm/components/collect-providers/index.js.map +1 -1
  67. package/esm/components/i18n-dropdown/index.d.ts +1 -1
  68. package/esm/components/i18n-dropdown/index.js +2 -2
  69. package/esm/components/i18n-dropdown/index.js.map +1 -1
  70. package/esm/components/index.d.ts +6 -2
  71. package/esm/components/index.js +6 -2
  72. package/esm/components/index.js.map +1 -1
  73. package/esm/components/layout/index.d.ts +5 -5
  74. package/esm/components/layout/index.js +14 -13
  75. package/esm/components/layout/index.js.map +1 -1
  76. package/esm/components/locale/en_US.js +4 -2
  77. package/esm/components/locale/en_US.js.map +1 -1
  78. package/esm/components/locale/index.d.ts +4 -17
  79. package/esm/components/locale/index.js +3 -23
  80. package/esm/components/locale/index.js.map +1 -1
  81. package/esm/components/locale/zh_CN.js +4 -2
  82. package/esm/components/locale/zh_CN.js.map +1 -1
  83. package/esm/components/provider/index.d.ts +33 -0
  84. package/esm/components/provider/index.js +49 -0
  85. package/esm/components/provider/index.js.map +1 -0
  86. package/esm/components/tenant-dropdown/index.js +1 -1
  87. package/esm/components/tenant-dropdown/index.js.map +1 -1
  88. package/esm/components/upload-file/index.d.ts +59 -0
  89. package/esm/components/upload-file/index.js +15 -0
  90. package/esm/components/upload-file/index.js.map +1 -0
  91. package/esm/components/upload-file/index.module.css +13 -0
  92. package/esm/components/upload-file/locale/en_US.d.ts +3 -0
  93. package/esm/components/upload-file/locale/en_US.js +14 -0
  94. package/esm/components/upload-file/locale/en_US.js.map +1 -0
  95. package/esm/components/upload-file/locale/zh_CN.d.ts +3 -0
  96. package/esm/components/upload-file/locale/zh_CN.js +14 -0
  97. package/esm/components/upload-file/locale/zh_CN.js.map +1 -0
  98. package/esm/components/upload-file/uploadAvatar.d.ts +4 -0
  99. package/esm/components/upload-file/uploadAvatar.js +191 -0
  100. package/esm/components/upload-file/uploadAvatar.js.map +1 -0
  101. package/esm/components/upload-file/uploadMultiple.d.ts +4 -0
  102. package/esm/components/upload-file/uploadMultiple.js +308 -0
  103. package/esm/components/upload-file/uploadMultiple.js.map +1 -0
  104. package/esm/components/upload-file/uploadTemp.d.ts +9 -0
  105. package/esm/components/upload-file/uploadTemp.js +293 -0
  106. package/esm/components/upload-file/uploadTemp.js.map +1 -0
  107. package/package.json +4 -4
  108. package/es2017/components/gather-menu/index.js.map +0 -1
  109. package/es2017/components/gather-menu/locale/en_US.d.ts +0 -3
  110. package/es2017/components/gather-menu/locale/en_US.js.map +0 -1
  111. package/es2017/components/gather-menu/locale/zh_CN.d.ts +0 -3
  112. package/es2017/components/gather-menu/locale/zh_CN.js.map +0 -1
  113. package/esm/components/gather-menu/index.js.map +0 -1
  114. package/esm/components/gather-menu/locale/en_US.d.ts +0 -3
  115. package/esm/components/gather-menu/locale/en_US.js.map +0 -1
  116. package/esm/components/gather-menu/locale/zh_CN.d.ts +0 -3
  117. 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
- var userMenuListQuery = gql("query userMenuList($appCode:String!){\n userMenus(appCode: $appCode){\n id,name,route,appID\n }\n}");
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, setDraggableNodeRef = _useSortable.setDraggableNodeRef;
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.customMenuDrawerMenuItem,
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.customMenuDrawerMenuItemName,
46
+ className: styles.aggregateMenuDrawerMenuItemName,
45
47
  children: props.value.name
46
48
  }),
47
49
  /*#__PURE__*/ _jsx("div", {
48
- className: styles.customMenuDrawerMenuItemIcons,
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("GatherMenu"), sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
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
- if (!apps.find(function(app) {
92
- var _oApp_node;
93
- return app.id === ((_oApp_node = oApp.node) === null || _oApp_node === void 0 ? void 0 : _oApp_node.id);
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.filter(function(item) {
121
- return item.route;
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.customMenuDrawer,
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.customMenuDrawerRow,
206
+ className: styles.aggregateMenuDrawerRow,
188
207
  children: [
189
208
  /*#__PURE__*/ _jsx("div", {
190
209
  style: {
191
210
  width: 240
192
211
  },
193
- className: styles.customMenuDrawerMenu,
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.customMenuDrawerAllInput,
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.customMenuDrawerAllMenu,
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__*/ return _jsxs("div", {
272
- className: styles.customMenuDrawerAllMenuColumn,
308
+ return /*#__PURE__*/ _jsxs("div", {
309
+ className: styles.aggregateMenuDrawerAllMenuColumn,
273
310
  children: [
274
311
  /*#__PURE__*/ _jsx("div", {
275
- className: styles.customMenuDrawerAllMenuTitle,
312
+ className: styles.aggregateMenuDrawerAllAppTitle,
276
313
  children: item.app.name
277
314
  }),
278
315
  item.menu.map(function(menuItem) {
279
- /*#__PURE__*/ return _jsxs("div", {
280
- className: styles.customMenuDrawerAllMenuItem,
281
- onClick: function() {
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\gather-menu\index.js.map
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":";;;;;;;AAAA,SAASA,aAAa,EAAEC,YAAY,EAAEC,cAAc,EAAEC,YAAY,QAAQ,oBAAmB;AAC7F,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AACxD,OAAOC,YAAY,qBAAoB;AACvC,SAASC,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,KAAK,QAAQ,OAAO;AACnD,SAASC,GAAG,EAAEC,MAAM,EAAEC,KAAK,QAAQ,gCAAgC;AACnE,SAAuBC,WAAW,QAAwH,mBAAmB;AAC7K,SAASC,eAAe,QAAQ,WAAK;AACrC,SAASC,UAAU,EAAEC,aAAa,EAAEC,cAAc,EAAEC,aAAa,EAAEC,SAAS,EAAEC,UAAU,QAAS,gBAAgB;AACjH,SAASC,SAAS,EAAEC,eAAe,EAAEC,WAAW,EAAEC,2BAA2B,EAAEC,2BAA2B,QAAQ,oBAAoB;AACtI,SAASC,GAAG,QAAQ,qBAAqB;AACzC,SAASC,SAAS,QAAQ,kBAAY;AACtC,SAASC,OAAO,EAAEC,WAAW,QAAQ,oBAAc;AAEnD,IAAMC,oBAAoBpB,IAAkB;AAM5C,IAAMqB,mBAAmBrB,IAAkB;AAyC3C;;;;;CAKC,GACD,IAAMsB,WAAW,SAACC,OAIZ;IACJ,IAAMC,KAAK,AAAC,GAAoBD,OAAlBA,MAAME,KAAK,CAACD,EAAE,EAAC,KAAqB,OAAlBD,MAAME,KAAK,CAACC,KAAK;IACjD,IAAqEb,eAAAA,YAAY;QAAEW,IAAAA;IAAG,IAA9EG,aAA6Dd,aAA7Dc,YAAYC,YAAiDf,aAAjDe,WAAWC,aAAsChB,aAAtCgB,YAAYC,YAA0BjB,aAA1BiB,WAAWC,aAAelB,aAAfkB;IACtD,IAAMC,QAAQ;QACZF,WAAWd,IAAIiB,SAAS,CAACC,QAAQ,CAACJ;QAClCC,YAAAA;IACF;IAEA,qBAAO,MAACI;QACNC,KAAKT;QACLK,OAAOA;OACHH;QACJQ,WAAW1C,OAAO2C,2BAA2B;QAC7CC,SAAS,WAAM;YACbhB,MAAMgB,OAAO;QACf;;0BAEA,KAACJ;gBAAIE,WAAW1C,OAAO6C,+BAA+B;0BAAGjB,MAAME,KAAK,CAACgB,IAAI;;0BACzE,KAACN;gBAAIE,WAAW1C,OAAO+C,gCAAgC;0BACrD,cAAA,MAAC3C;;sCACC,KAACX;4BAAcuD,KAAKC;4BAAWL,SAAS,WAAM;gCAC5ChB,MAAMsB,KAAK;4BACb;;sCACA,KAACxD;4BAAasD,KAAKC;2BAAgBhB;4BAAWS,WAAU;;;;;;;AAIhE;AAEA,eAAe,SAACd,OAA8B;IAC5C,IAAsB7B,6BAAAA,SAAkC,EAAE,OAAnDoD,MAAepD,cAAVqD,SAAUrD,cACUA,8BAAAA,SAAkC,EAAE,OAAjEsD,aAA6BtD,eAAjBuD,gBAAiBvD,eACJA,8BAAAA,SAAoB,EAAE,OAA/CwD,WAAyBxD,eAAfyD,cAAezD,eACHA,8BAAAA,SAAoB,EAAE,OAA5C0D,UAAsB1D,eAAb2D,YAAa3D,eACvB4D,SAASrC,UAAU,kBACnBsC,SAASrC,WACTsC,WAAWrC,eACXsC,UAAU/C,WACRD,UAAUD,gBACVC,UAAUF,gBAAgB;QACxBmD,kBAAkB5C;IACpB;IAGJ,IACE6C,UAAUnE,0BAAY,oBAAA,WAAY;YAI5BoE,kBAHEA,YAE4CC,MAY5CC,yBACGC,GAIHC,kBAHEA,YAIEC;;;;oBApBS;;wBAAMhE,OAAwEoB,kBAAkB;4BACjH6C,OAAO;wBACT,GAAG,GAAG;4BAAEC,cAAc/D,gBAAgBgE,OAAO;wBAAC;;;oBAFxCR,aAAa,eAE+BC;oBAClD,IAAID,CAAAA,mBAAAA,WAAWS,IAAI,cAAfT,8BAAAA,KAAAA,IAAAA,iBAAiBU,YAAY,EAC/BV,WAAWS,IAAI,CAACC,YAAY,CAACC,OAAO,CAACC,SAAAA,KAAO;4BAExCA;wBADF,IAAIhB,aAAagB,IAAIhD,EAAE,EACrBgD,CAAAA,kBAAAA,IAAIX,IAAI,CAACY,KAAK,cAAdD,6BAAAA,KAAAA,IAAAA,gBAAgBD,QAAQG,SAAAA,MAAQ;4BAC9B,IAAIA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMC,IAAI,AAAD,KAAK,CAACd,KAAKe,IAAI,CAACC,SAAAA;oCAAkBH;gCAAXG,OAAAA,IAAIrD,EAAE,KAAKkD,CAAAA,CAAAA,aAAAA,KAAKC,IAAI,cAATD,wBAAAA,KAAAA,IAAAA,WAAWlD,EAAE,AAAD;gCACzDqC,KAAKiB,IAAI,CAACJ,KAAKC,IAAI;wBAEvB;oBAEJ;oBAEIb;;iCACQD;;;;;;;;oBAALE;oBACY;;wBAAM7D,MAAqDkB,mBAAmB;4BAC/F2D,SAASlB,IAAI,CAACE,EAAE,CAACiB,IAAI;wBACvB,GAAG;4BAAEb,cAAc/D,gBAAgBgE,OAAO;wBAAC;;;oBAFrCJ,aAAa;oBAGnB,IAAIA,CAAAA,mBAAAA,WAAWK,IAAI,cAAfL,8BAAAA,KAAAA,IAAAA,iBAAiBiB,SAAS,EAAE;wBACxBhB,OAAOD,WAAWK,IAAI,CAACY,SAAS,CAACC,IAAI,CAAC,SAACC,IAAIC,IAAO;4BACtD,IAAMC,SAASF,GAAGG,WAAW,IAAI,GAAGC,SAASH,GAAGE,WAAW,IAAI;4BAC/D,OAAOH,GAAGK,QAAQ,GAAGJ,GAAGI,QAAQ,GAAG,KAAKL,GAAGK,QAAQ,GAAGJ,GAAGI,QAAQ,GAAG,IAAIH,SAASE,SAAS,KAAKF,SAASE,SAAS,IAAI,CAAC;wBACxH;wBACAzB,OAAOgB,IAAI,CAAC;4BACVD,KAAKhB,IAAI,CAACE,EAAE;4BACZE,MAAAA;wBACF;oBACF,CAAC;;;;;;;;;oBAEHlB,OAAOe;oBACPb,cAAca;;;;;;IAChB,IAAG,EAAE,GACL2B,eAAejG,YAAY,SAACkG,UAAsB;QAChD,OAAO,CAAC,CAACxC,SAAS0B,IAAI,CAACe,SAAAA;mBAAQA,KAAKnE,EAAE,KAAKkE,SAASlE,EAAE,IAAImE,KAAKjE,KAAK,KAAKgE,SAAShE,KAAK;;IACzF,GAAG;QAACwB;KAAS,GACb0C,iBAAiB,SAACF,UAAsB;QACtC,qBAAO,MAACvD;YAENE,WAAW1C,OAAOkG,8BAA8B;YAChDtD,SAAS,WAAM;oBAGXhB;gBAFF,IAAMuE,SAAShD,IAAI8B,IAAI,CAACmB,SAAAA;2BAAWA,QAAQlB,GAAG,CAACrD,EAAE,IAAIkE,SAAShE,KAAK;;gBACnE,IAAIoE,QACFvE,CAAAA,iBAAAA,MAAMgB,OAAO,cAAbhB,4BAAAA,KAAAA,IAAAA,eAAAA,KAAAA,OAAgBmE,UAAUI,OAAOjB,GAAG;YAExC;;8BAEA,MAAC1C;oBAAIE,WAAW1C,OAAOqG,kCAAkC;;wBAAE;wBAAEN,SAASjD,IAAI;;;8BAC1E,KAACN;8BACC,cAAA,KAAC5C;wBAAaoD,KAAKC;wBAAWP,WAAWoD,aAAaC,YAAY,YAAY,EAAE;wBAAEnD,SAAS,SAAC0D,OAAU;4BACpGA,MAAMC,eAAe;4BACrB,IAAIT,aAAaC,WACfvC,YAAYD,SAASiD,MAAM,CAACC,SAAAA;uCAAK,CAAEA,CAAAA,EAAE5E,EAAE,KAAKkE,SAASlE,EAAE,IAAI4E,EAAE1E,KAAK,KAAKgE,SAAShE,KAAK,AAAD;;iCAEpFyB,YAAY,AAAC,qBAAGD,iBAAJ;gCAAcwC;6BAAS;wBAEvC;;;;WAlBG,AAAC,GAAiBA,OAAfA,SAASlE,EAAE,EAAC,KAAkB,OAAfkE,SAAShE,KAAK;IAqBzC;IAEFjC,UAAU,WAAM;QACd,IAAI8B,MAAM8E,UAAU,EAAE;YACpBtD,OAAOxB,MAAM8E,UAAU;YACvBpD,cAAc1B,MAAM8E,UAAU;QAChC,OACE1C;IAEJ,GAAG;QAACpC,MAAM8E,UAAU;KAAC;IAErB,qBAAO;kBACL,cAAA,KAACzG;YACCyC,WAAW,AAAC,GAAgCkB,OAA9B5D,OAAO2G,mBAAmB,EAAC,KAA0C,OAAvC/C,SAAS5D,OAAO4G,iBAAiB,GAAG,EAAE;YAClFC,OAAOlD,OAAOkD,KAAK;YACnBC,WAAU;YACVC,MAAMnF,MAAMmF,IAAI;YAChBC,OAAO;YACPC,SAAS,WAAM;oBACbrF;gBAAAA,CAAAA,sBAAAA,MAAMsF,YAAY,cAAlBtF,iCAAAA,KAAAA,IAAAA,oBAAAA,KAAAA,OAAqB,KAAK;YAC5B;sBAEA,cAAA,MAACY;gBAAIE,WAAW1C,OAAOmH,sBAAsB;;kCAC3C,KAAC3E;wBAAIH,OAAO;4BAAE2E,OAAO;wBAAI;wBAAGtE,WAAW1C,OAAOoH,uBAAuB;kCAClE7D,SAAS8D,MAAM,iBACd,KAAC3G;4BAAWoD,SAASA;4BACnBwD,oBAAoB3G;4BACpB4G,WAAW,SAACjB,OAAU;gCACpB,IAAQkB,SAAiBlB,MAAjBkB,QAAQC,OAASnB,MAATmB;gCAChB,IAAIA,QAAQD,OAAO3F,EAAE,KAAK4F,KAAK5F,EAAE,EAC/B2B,YAAY,SAACkE,OAAU;oCACrB,IAAMC,WAAWD,MAAME,SAAS,CAACC,SAAAA;+CAAS,AAAC,GAAcA,OAAZA,MAAMhG,EAAE,EAAC,KAAe,OAAZgG,MAAM9F,KAAK,KAAMyF,OAAO3F,EAAE;;oCACnF,IAAMiG,WAAWJ,MAAME,SAAS,CAACG,SAAAA;+CAAS,AAAC,GAAcA,OAAZA,MAAMlG,EAAE,EAAC,KAAe,OAAZkG,MAAMhG,KAAK,KAAM0F,KAAK5F,EAAE;;oCACjF,OAAOb,UAAU0G,OAAOC,UAAUG;gCACpC;4BAEJ;sCAEA,cAAA,KAAC7G;gCAAgByG,OAAOnE,SAASyE,GAAG,CAAChC,SAAAA;2CAAQ,AAAC,GAAaA,OAAXA,KAAKnE,EAAE,EAAC,KAAc,OAAXmE,KAAKjE,KAAK;;gCAAKkG,UAAU7G;0CAEhFmC,SAASyE,GAAG,CAAChC,SAAAA;kDAAS,OAAA,KAACrE;wCAErBG,OAAOkE;wCACP9C,OAAO,WAAM;4CACXM,YAAYD,SAASiD,MAAM,CAACC,SAAAA;uDAAK,CAAEA,CAAAA,EAAE5E,EAAE,KAAKmE,KAAKnE,EAAE,IAAI4E,EAAE1E,KAAK,KAAKiE,KAAKjE,KAAK,AAAD;;wCAC9E;wCACAa,SAAS,WAAM;gDAGXhB;4CAFF,IAAMuE,SAAShD,IAAI8B,IAAI,CAACmB,SAAAA;uDAAWA,QAAQlB,GAAG,CAACrD,EAAE,IAAImE,KAAKjE,KAAK;;4CAC/D,IAAIoE,QACFvE,CAAAA,iBAAAA,MAAMgB,OAAO,cAAbhB,4BAAAA,KAAAA,IAAAA,eAAAA,KAAAA,OAAgBoE,MAAMG,OAAOjB,GAAG;wCAEpC;uCAVK,AAAC,IAAcc,OAAXA,KAAKnE,EAAE,EAAC,KAAc,OAAXmE,KAAKjE,KAAK;;;2CAepC,KAAC7B;4BAAMgI,OAAOhI,MAAMiI,sBAAsB;4BAAEC,aAAazE,OAAO0E,OAAO;0BAAI;;kCAGjF,MAAC7F;wBAAIH,OAAO;4BAAE2E,OAAO;wBAAI;;0CACvB,KAACxE;gCAAIE,WAAW1C,OAAOsI,2BAA2B;0CAChD,cAAA,KAACnI;oCACCoI,UAAU,KAAK;oCACfC,sBAAQ,KAAC7I;wCAAeqD,KAAKC;;oCAC7BwF,aAAa9E,OAAO+E,iBAAiB;oCACrCC,UAAU,SAACrC,OAAU;wCACnB,IAAMsC,UAAUtC,MAAMuC,MAAM,CAAC/G,KAAK;wCAClC,IAAI8G,SAAS;4CACX,IAAME,QAAQ3F,IAAI6E,GAAG,CAACe,SAAAA,GAAK;gDACzB,OAAO;oDACL7D,KAAK6D,EAAE7D,GAAG;oDACVZ,MAAMyE,EAAEzE,IAAI,CAACkC,MAAM,CAACwC,SAAAA;+DAAaA,UAAUlG,IAAI,CAACmG,OAAO,CAACL,WAAW;;gDACrE;4CACF,GAAGpC,MAAM,CAACuC,SAAAA;uDAAKA,EAAEzE,IAAI,CAAC+C,MAAM;;4CAC5B/D,cAAcwF;wCAChB,OACExF,cAAe,qBAAGH;oCAEtB;;;4BAGHM,QAAQ4D,MAAM,iBACb,MAAC7E;gCAAIE,WAAW1C,OAAOkJ,oBAAoB;;kDACzC,KAAC1G;wCAAIE,WAAW1C,OAAOmJ,iCAAiC;kDAAGxF,OAAOyF,WAAW;;kDAC7E,KAAC5G;wCAAIE,WAAW1C,OAAOqJ,0BAA0B;kDAC9C5F,QAAQuE,GAAG,CAACjC,SAAAA;mDACXE,eAAeF;;;;+CAGZ,mBAAK;0CAEhB,KAACvD;gCAAIE,WAAW1C,OAAOsJ,0BAA0B;gCAAEjH,OAAO;oCAAEkH,QAAQ9F,QAAQ4D,MAAM,GAAG,uBAAuB,mBAAmB;gCAAC;0CAC7HhE,WAAW2E,GAAG,CAAChC,SAAAA;yDACd,MAACxD;wCAAwBE,WAAW1C,OAAOwJ,gCAAgC;;0DACzE,KAAChH;gDAAIE,WAAW1C,OAAOyJ,8BAA8B;0DAAGzD,KAAKd,GAAG,CAACpC,IAAI;;4CACpEkD,KAAK1B,IAAI,CAAC0D,GAAG,CAACjC,SAAAA;uDAAaA,SAAS2D,IAAI,KAAKlJ,YAAYmJ,IAAI,GAC5D1D,eAAeF,0BACb,KAACvD;oDAEDE,WAAW1C,OAAOmJ,iCAAiC;8DAElDpD,SAASjD,IAAI;mDAHT,AAAC,GAAoBiD,OAAlBA,SAAShE,KAAK,EAAC,KAAe,OAAZgE,SAASlE,EAAE,EAIjC;;;uCATAmE,KAAKd,GAAG,CAACG,IAAI;;;;;;;;;AAkBrC,EAAC"}
@@ -1,9 +1,9 @@
1
- .customMenu {
1
+ .aggregateMenu {
2
2
  margin-right: 8px;
3
3
  cursor: pointer;
4
4
  }
5
5
 
6
- .customMenuDrawer {
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
- .customMenuDrawerRow {
18
+ .aggregateMenuDrawerRow {
19
19
  height: 100%;
20
20
  display: flex;
21
21
  }
22
22
 
23
- .customMenuDrawerMenu {
23
+ .aggregateMenuDrawerMenu {
24
24
  height: 100%;
25
25
  border-right: 1px solid rgba(5, 5, 5, 0.06);
26
26
  }
27
27
 
28
- .customMenuDrawerAllMenu {
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
- .customMenuDrawerAllMenuColumn {
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
- .customMenuDrawerAllMenuTitle {
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
- .customMenuDrawerAllMenuItem {
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
- .customMenuDrawerAllMenuItemName {
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
- .customMenuDrawerAllInput {
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
- .customMenuDrawerMenuItem {
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
- .customMenuDrawerMenuItemIcons {
113
+ .aggregateMenuDrawerMenuItemIcons {
98
114
  display: block;
99
115
  }
100
116
  }
101
117
  }
102
118
 
103
- .customMenuDrawerMenuItemIcons {
119
+ .aggregateMenuDrawerMenuItemIcons {
104
120
  display: none;
105
121
 
106
122
  :global(.anticon) {
@@ -112,9 +128,41 @@
112
128
  }
113
129
  }
114
130
 
115
- .customMenuDrawerMenuItemName {
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
+ }
@@ -0,0 +1,3 @@
1
+ import { AggregateMenuLocale } from "../index";
2
+ declare const locale: AggregateMenuLocale;
3
+ export default locale;
@@ -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\gather-menu\locale\en_US.js.map
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"}
@@ -0,0 +1,3 @@
1
+ import { AggregateMenuLocale } from "../index";
2
+ declare const locale: AggregateMenuLocale;
3
+ export default locale;
@@ -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\gather-menu\locale\zh_CN.js.map
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 { BasicProvider, LeavePrompt } from "../index";
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(BasicProvider, {
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 { LocaleType } from \"../locale\"\r\nimport { ReactNode, useEffect, useState } from \"react\";\r\nimport { ProConfigProvider } from \"@ant-design/pro-provider\";\r\nimport { BasicProvider, LeavePrompt } 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 * @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 <BasicProvider locale={props.locale}>\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 </BasicProvider>\r\n </ProConfigProvider >\r\n )\r\n}\r\n"],"names":["LocaleType","useEffect","useState","ProConfigProvider","BasicProvider","LeavePrompt","ConfigProvider","AliveScope","zhCN","enUS","props","antLocale","setAntLocale","locale","dark","pathname","children"],"mappings":";;AACA,SAASA,UAAU,QAAQ,kBAAW;AACtC,SAAoBC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACvD,SAASC,iBAAiB,QAAQ,2BAA2B;AAC7D,SAASC,aAAa,EAAEC,WAAW,QAAQ,WAAK;AAChD,SAASC,cAAc,QAAQ,OAAO;AACtC,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,OAAOC,UAAU,oBAAoB;AACrC,OAAOC,UAAU,oBAAoB;AAoBrC,eAAe,SAACC,OAAgC;IAE9C,IAAkCR,6BAAAA,SAAiBM,WAA5CG,YAA2BT,cAAhBU,eAAgBV;IAElCD,UAAU,WAAM;QACd,IAAIS,MAAMG,MAAM,KAAKb,WAAWQ,IAAI,EAClCI,aAAaJ;aACR,IAAIE,MAAMG,MAAM,KAAKb,WAAWS,IAAI,EACzCG,aAAaH;IAEjB,GAAG;QAACC,MAAMG,MAAM;KAAC;IAEjB,qBACE,KAACV;QAAkBW,MAAMJ,MAAMI,IAAI;kBACjC,cAAA,KAACV;YAAcS,QAAQH,MAAMG,MAAM;sBACjC,cAAA,KAACP;gBAAeO,QAAQF;0BACtB,cAAA,KAACN;oBAAYU,UAAUL,MAAMK,QAAQ;8BACnC,cAAA,KAACR;kCACEG,MAAMM,QAAQ;;;;;;AAO7B,EAAC"}
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"}
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { LocaleType } from '../locale';
2
+ import { LocaleType } from '..';
3
3
  export interface I18nDropdownProps {
4
4
  /**
5
5
  * 值变更事件 (value: LocaleType) => void;
@@ -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 { BasicContext, LocaleType } from "../locale/index";
6
+ import { Context, LocaleType } from "../index";
7
7
  function I18nDropdown(props) {
8
- var ctx = useContext(BasicContext), _useState = _sliced_to_array(useState(""), 2), localeName = _useState[0], setLocaleName = _useState[1], menuItemOnClick = useCallback(function(param) {
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 { BasicContext, BasicProviderProps, LocaleType } from '../locale';\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<BasicProviderProps>(BasicContext),\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","BasicContext","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,YAAY,EAAsBC,UAAU,QAAQ,kBAAY;AASzE,SAASC,aAAaC,KAAwB,EAAE;IAC9C,IAAMC,MAAMP,WAA+BG,eACXN,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
+ {"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 BasicProvider, BasicContext, type BasicProviderProps, LocaleType } from './locale';
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 GatherMenu, type GatherMenuDataSource } from './gather-menu';
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
  }