npm - @knockout-js/layout - Versions diffs - 0.0.4-beta.1 → 0.1.1-beta.0 - Mend

@knockout-js/layout 0.0.4-beta.1 → 0.1.1-beta.0

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 (95) hide show

package/esm/components/aggregate-menu/index.js CHANGED Viewed

@@ -9,16 +9,20 @@ import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from "@ant-
 import { useCallback, useEffect, useState } from "react";
 import styles from "./index.module.css";
 import { Drawer, Empty, Input, Space } from "antd";
-import { gql, paging, query } from "@knockout-js/ice-urql/request";
-import { AppMenuKind } from "@knockout-js/api";
-import { iceUrqlInstance } from "../index";
+import { gql, mutation, paging, query } from "@knockout-js/ice-urql/request";
 import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
 import { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { useLocale } from "../locale/index";
-import { useDark, useTenantId } from "../provider/index";
-var userMenuListQuery = gql("query userMenuList($appCode:String!){\n  userMenus(appCode: $appCode){\n    id,name,route,appID,parentID,displaySort,kind\n  }\n}");
-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}");
+import { useDark } from "../provider/index";
+import { listFormatTreeData, treeFormatList } from "../_util/index";
+import { OpenWin } from "../icons/index";
+import { AppMenuKind } from "@knockout-js/api/esm/gql/ucenter/graphql";
+import { instanceName } from "@knockout-js/api";
+var userMenuListQuery = gql("query layoutPkgUserMenuList($appCode:String!){\n  userMenus(appCode: $appCode){\n    id,name,route,appID,parentID,displaySort,kind\n  }\n}");
+var userAppsQuery = gql("query layoutPkgUserAppList{\n  userApps{\n    id,name,code\n  }\n}");
+var userPreferenceQuery = gql("query layoutPkgUserPreference{\n  orgUserPreference{\n    id,menuFavorite,menuRecent,\n  }\n}");
+var userPreferenceMut = gql("mutation layoutPkgSaveUserPreference($input:OrgUserPreferenceInput!){\n  saveOrgUserPreference(input: $input){ id }\n}");
 /**
  * 排序拖拽使用的控件
  * https://docs.dndkit.com/
@@ -50,9 +54,17 @@ var userOrgAppsQuery = gql("query layoutPkgUserRootOrgs($first:Int){\n  userRoot
                 className: styles.aggregateMenuDrawerMenuItemIcons,
                 children: /*#__PURE__*/ _jsxs(Space, {
                     children: [
+                        /*#__PURE__*/ _jsx(OpenWin, {
+                            className: "anticon",
+                            onClick: function(event) {
+                                event.stopPropagation();
+                                props.onClick(true);
+                            }
+                        }),
                         /*#__PURE__*/ _jsx(CloseOutlined, {
                             rev: undefined,
-                            onClick: function() {
+                            onClick: function(event) {
+                                event.stopPropagation();
                                 props.onDel();
                             }
                         }),
@@ -68,32 +80,24 @@ var userOrgAppsQuery = gql("query layoutPkgUserRootOrgs($first:Int){\n  userRoot
     }));
 };
 export default function(props) {
-    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, {
+    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(), sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
         coordinateGetter: sortableKeyboardCoordinates
     }));
     var request = useCallback(/*#__PURE__*/ _async_to_generator(function() {
-        var _appsResult_data, appsResult, apps, newAll, _tmp, _tmp1, _i, i, _menuResult_data, menuResult, menu;
+        var _appsResult_data, _preferenceResult_data, _preferenceResult_data_orgUserPreference, appsResult, apps, newAll, _tmp, _tmp1, _i, i, _menuResult_data, menuResult, menu, preferenceResult, menuFavorite, menuRecent, collectsList, latelyList;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
                     return [
                         4,
-                        paging(userOrgAppsQuery, {
-                            first: 30
-                        }, 1, {
-                            instanceName: iceUrqlInstance.ucenter
+                        paging(userAppsQuery, {}, 1, {
+                            instanceName: instanceName.UCENTER
                         })
                     ];
                 case 1:
                     appsResult = _state.sent(), apps = [];
-                    if ((_appsResult_data = appsResult.data) === null || _appsResult_data === void 0 ? void 0 : _appsResult_data.userRootOrgs) appsResult.data.userRootOrgs.forEach(function(org) {
-                        var _org_apps_edges;
-                        if (tenantId === org.id) (_org_apps_edges = org.apps.edges) === null || _org_apps_edges === void 0 ? void 0 : _org_apps_edges.forEach(function(oApp) {
-                            if ((oApp === null || oApp === void 0 ? void 0 : oApp.node) && !apps.find(function(app) {
-                                var _oApp_node;
-                                return app.id === ((_oApp_node = oApp.node) === null || _oApp_node === void 0 ? void 0 : _oApp_node.id);
-                            })) apps.push(oApp.node);
-                        });
+                    if ((_appsResult_data = appsResult.data) === null || _appsResult_data === void 0 ? void 0 : _appsResult_data.userApps) appsResult.data.userApps.forEach(function(app) {
+                        apps.push(app);
                     });
                     newAll = [];
                     _tmp = [];
@@ -111,7 +115,7 @@ export default function(props) {
                         query(userMenuListQuery, {
                             appCode: apps[i].code
                         }, {
-                            instanceName: iceUrqlInstance.ucenter
+                            instanceName: instanceName.UCENTER
                         })
                     ];
                 case 3:
@@ -123,7 +127,10 @@ export default function(props) {
                         });
                         newAll.push({
                             app: apps[i],
-                            menu: menu
+                            menu: treeFormatList(listFormatTreeData(menu, undefined, {
+                                key: "id",
+                                parentId: "parentID"
+                            }))
                         });
                     }
                     _state.label = 4;
@@ -136,26 +143,154 @@ export default function(props) {
                 case 5:
                     setAll(newAll);
                     setFilterList(newAll);
+                    return [
+                        4,
+                        query(userPreferenceQuery, {}, {
+                            instanceName: instanceName.UCENTER
+                        })
+                    ];
+                case 6:
+                    preferenceResult = _state.sent();
+                    if ((_preferenceResult_data = preferenceResult.data) === null || _preferenceResult_data === void 0 ? void 0 : (_preferenceResult_data_orgUserPreference = _preferenceResult_data.orgUserPreference) === null || _preferenceResult_data_orgUserPreference === void 0 ? void 0 : _preferenceResult_data_orgUserPreference.id) {
+                        menuFavorite = preferenceResult.data.orgUserPreference.menuFavorite, menuRecent = preferenceResult.data.orgUserPreference.menuRecent, collectsList = [], latelyList = [];
+                        if (menuFavorite) menuFavorite.forEach(function(id) {
+                            for(var i in newAll){
+                                var menuItem = newAll[i].menu.find(function(item) {
+                                    return item.id == id;
+                                });
+                                if (menuItem) {
+                                    collectsList.push(menuItem);
+                                    break;
+                                }
+                            }
+                        });
+                        if (menuRecent) menuRecent.forEach(function(id) {
+                            for(var i in newAll){
+                                var menuItem = newAll[i].menu.find(function(item) {
+                                    return item.id == id;
+                                });
+                                if (menuItem) {
+                                    latelyList.push(menuItem);
+                                    break;
+                                }
+                            }
+                        });
+                        setCollects(collectsList);
+                        setLately(latelyList);
+                    }
                     return [
                         2
                     ];
             }
         });
-    }), []), checkCollect = useCallback(function(menuItem) {
+    }), []), requestFavorite = function() {
+        var _ref = _async_to_generator(function(list) {
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        // 异步存储收藏
+                        return [
+                            4,
+                            mutation(userPreferenceMut, {
+                                input: {
+                                    menuFavorite: list.map(function(item) {
+                                        return item.id;
+                                    })
+                                }
+                            }, {
+                                instanceName: instanceName.UCENTER
+                            })
+                        ];
+                    case 1:
+                        _state.sent();
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function requestFavorite(list) {
+            return _ref.apply(this, arguments);
+        };
+    }(), requestRecent = function() {
+        var _ref = _async_to_generator(function(ids) {
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        // 异步存储访问菜单记录
+                        return [
+                            4,
+                            mutation(userPreferenceMut, {
+                                input: {
+                                    menuRecent: ids
+                                }
+                            }, {
+                                instanceName: instanceName.UCENTER
+                            })
+                        ];
+                    case 1:
+                        _state.sent();
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function requestRecent(ids) {
+            return _ref.apply(this, arguments);
+        };
+    }(), checkCollect = useCallback(function(menuItem) {
         return !!collects.find(function(item) {
             return item.id === menuItem.id && item.appID === menuItem.appID;
         });
     }, [
         collects
-    ]), menuItemRender = function(menuItem) {
+    ]), onClickItem = function() {
+        var _ref = _async_to_generator(function(menuItem, isOpen) {
+            var allApp, _props_onClick, latelyList, oldIdx;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        allApp = all.find(function(allItem) {
+                            return allItem.app.id == menuItem.appID;
+                        });
+                        if (!allApp) return [
+                            3,
+                            2
+                        ];
+                        latelyList = _to_consumable_array(latelys);
+                        oldIdx = latelyList.findIndex(function(lately) {
+                            return lately.id == menuItem.id;
+                        });
+                        if (oldIdx > -1) latelyList.splice(oldIdx, 1);
+                        latelyList.unshift(menuItem);
+                        latelyList.splice(6);
+                        return [
+                            4,
+                            requestRecent(latelyList.map(function(item) {
+                                return item.id;
+                            }))
+                        ];
+                    case 1:
+                        _state.sent();
+                        setLately(latelyList);
+                        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, menuItem, allApp.app, isOpen);
+                        _state.label = 2;
+                    case 2:
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function onClickItem(menuItem, isOpen) {
+            return _ref.apply(this, arguments);
+        };
+    }(), menuItemRender = function(menuItem) {
         return /*#__PURE__*/ _jsxs("div", {
             className: styles.aggregateMenuDrawerAllMenuItem,
             onClick: function() {
-                var _props_onClick;
-                var allApp = all.find(function(allItem) {
-                    return allItem.app.id == menuItem.appID;
-                });
-                if (allApp) (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, menuItem, allApp.app);
+                onClickItem(menuItem);
             },
             children: [
                 /*#__PURE__*/ _jsxs("div", {
@@ -166,18 +301,52 @@ export default function(props) {
                     ]
                 }),
                 /*#__PURE__*/ _jsx("div", {
-                    children: /*#__PURE__*/ _jsx(StarOutlined, {
-                        rev: undefined,
-                        className: checkCollect(menuItem) ? "collect" : "",
-                        onClick: function(event) {
-                            event.stopPropagation();
-                            if (checkCollect(menuItem)) setCollects(collects.filter(function(c) {
-                                return !(c.id === menuItem.id && c.appID === menuItem.appID);
-                            }));
-                            else setCollects(_to_consumable_array(collects).concat([
-                                menuItem
-                            ]));
-                        }
+                    className: styles.aggregateMenuDrawerAllMenuItemIcons,
+                    children: /*#__PURE__*/ _jsxs(Space, {
+                        children: [
+                            /*#__PURE__*/ _jsx(OpenWin, {
+                                className: "anticon",
+                                onClick: function(event) {
+                                    event.stopPropagation();
+                                    onClickItem(menuItem, true);
+                                }
+                            }),
+                            /*#__PURE__*/ _jsx(StarOutlined, {
+                                rev: undefined,
+                                className: checkCollect(menuItem) ? "collect" : "",
+                                onClick: function() {
+                                    var _ref = _async_to_generator(function(event) {
+                                        var collectList;
+                                        return _ts_generator(this, function(_state) {
+                                            switch(_state.label){
+                                                case 0:
+                                                    event.stopPropagation();
+                                                    collectList = [];
+                                                    if (checkCollect(menuItem)) collectList = collects.filter(function(c) {
+                                                        return !(c.id === menuItem.id && c.appID === menuItem.appID);
+                                                    });
+                                                    else collectList = _to_consumable_array(collects).concat([
+                                                        menuItem
+                                                    ]);
+                                                    return [
+                                                        4,
+                                                        requestFavorite(collectList)
+                                                    ];
+                                                case 1:
+                                                    _state.sent();
+                                                    setCollects(collectList);
+                                                    return [
+                                                        2
+                                                    ];
+                                            }
+                                        });
+                                    });
+                                    return function(event) {
+                                        return _ref.apply(this, arguments);
+                                    };
+                                }()
+                            })
+                        ]
                     })
                 })
             ]
@@ -192,12 +361,14 @@ export default function(props) {
         props.dataSource
     ]);
     return /*#__PURE__*/ _jsx(_Fragment, {
-        children: /*#__PURE__*/ _jsx(Drawer, {
-            className: "".concat(styles.aggregateMenuDrawer, " ").concat(isDark ? styles.aggregateMenuDark : ""),
+        children: /*#__PURE__*/ _jsx(Drawer, _object_spread_props(_object_spread({
             title: locale.title,
+            maskClosable: false,
             placement: "left",
+            width: 1060
+        }, props.drawerProps), {
+            className: "".concat(styles.aggregateMenuDrawer, " ").concat(isDark ? styles.aggregateMenuDark : ""),
             open: props.open,
-            width: 1060,
             onClose: function() {
                 var _props_onChangeOpen;
                 (_props_onChangeOpen = props.onChangeOpen) === null || _props_onChangeOpen === void 0 ? void 0 : _props_onChangeOpen.call(props, false);
@@ -222,7 +393,9 @@ export default function(props) {
                                     var newIndex = items.findIndex(function(nItem) {
                                         return "".concat(nItem.id, "-").concat(nItem.appID) == over.id;
                                     });
-                                    return arrayMove(items, oldIndex, newIndex);
+                                    var collectList = arrayMove(items, oldIndex, newIndex);
+                                    requestFavorite(collectList);
+                                    return collectList;
                                 });
                             },
                             children: /*#__PURE__*/ _jsx(SortableContext, {
@@ -231,19 +404,31 @@ export default function(props) {
                                 }),
                                 strategy: verticalListSortingStrategy,
                                 children: collects.map(function(item) {
-                                    /*#__PURE__*/ return _jsx(DargItem, {
+                                    return /*#__PURE__*/ _jsx(DargItem, {
                                         value: item,
-                                        onDel: function() {
-                                            setCollects(collects.filter(function(c) {
-                                                return !(c.id === item.id && c.appID === item.appID);
-                                            }));
-                                        },
-                                        onClick: function() {
-                                            var _props_onClick;
-                                            var allApp = all.find(function(allItem) {
-                                                return allItem.app.id == item.appID;
+                                        onDel: /*#__PURE__*/ _async_to_generator(function() {
+                                            var collectList;
+                                            return _ts_generator(this, function(_state) {
+                                                switch(_state.label){
+                                                    case 0:
+                                                        collectList = collects.filter(function(c) {
+                                                            return !(c.id === item.id && c.appID === item.appID);
+                                                        });
+                                                        return [
+                                                            4,
+                                                            requestFavorite(collectList)
+                                                        ];
+                                                    case 1:
+                                                        _state.sent();
+                                                        setCollects(collectList);
+                                                        return [
+                                                            2
+                                                        ];
+                                                }
                                             });
-                                            if (allApp) (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, item, allApp.app);
+                                        }),
+                                        onClick: function(isOpen) {
+                                            onClickItem(item, isOpen);
                                         }
                                     }, "c".concat(item.id, "-").concat(item.appID));
                                 })
@@ -304,29 +489,32 @@ export default function(props) {
                                 style: {
                                     height: latelys.length ? "calc(100% - 164px)" : "calc(100% - 52px)"
                                 },
-                                children: filterList.map(function(item) {
-                                    return /*#__PURE__*/ _jsxs("div", {
-                                        className: styles.aggregateMenuDrawerAllMenuColumn,
-                                        children: [
-                                            /*#__PURE__*/ _jsx("div", {
-                                                className: styles.aggregateMenuDrawerAllAppTitle,
-                                                children: item.app.name
-                                            }),
-                                            item.menu.map(function(menuItem) {
-                                                return menuItem.kind === AppMenuKind.Menu ? menuItemRender(menuItem) : /*#__PURE__*/ _jsx("div", {
-                                                    className: styles.aggregateMenuDrawerAllMenuItemDir,
-                                                    children: menuItem.name
-                                                }, "".concat(menuItem.appID, "-").concat(menuItem.id));
-                                            })
-                                        ]
-                                    }, item.app.code);
+                                children: /*#__PURE__*/ _jsx("div", {
+                                    className: styles.aggregateMenuDrawerAllMenuColumn,
+                                    children: filterList.map(function(item) {
+                                        return /*#__PURE__*/ _jsxs("div", {
+                                            className: styles.aggregateMenuDrawerAllMenuColumnItem,
+                                            children: [
+                                                /*#__PURE__*/ _jsx("div", {
+                                                    className: styles.aggregateMenuDrawerAllAppTitle,
+                                                    children: item.app.name
+                                                }),
+                                                item.menu.map(function(menuItem) {
+                                                    return menuItem.kind === AppMenuKind.Menu ? menuItemRender(menuItem) : /*#__PURE__*/ _jsx("div", {
+                                                        className: styles.aggregateMenuDrawerAllMenuItemDir,
+                                                        children: menuItem.name
+                                                    }, "".concat(menuItem.appID, "-").concat(menuItem.id));
+                                                })
+                                            ]
+                                        }, item.app.code);
+                                    })
                                 })
                             })
                         ]
                     })
                 ]
             })
-        })
+        }))
     });
 };

package/esm/components/aggregate-menu/index.js.map CHANGED Viewed

	@@ -1 +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	+ {"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, DrawerProps, Empty, Input, Space } from \"antd\";\r\nimport { gql, mutation, paging, query } from \"@knockout-js/ice-urql/request\";\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 } from \"../provider\";\r\nimport { listFormatTreeData, treeFormatList } from \"../_util\";\r\nimport { OpenWin } from \"../icons\";\r\nimport { App, AppMenu, AppMenuKind, LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables, LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables, LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables, LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables } from \"@knockout-js/api/esm/gql/ucenter/graphql\";\r\nimport { instanceName } from \"@knockout-js/api\";\r\n\r\nconst userMenuListQuery = gql(/* GraphQL /`query layoutPkgUserMenuList($appCode:String!){\r\n userMenus(appCode: $appCode){\r\n id,name,route,appID,parentID,displaySort,kind\r\n }\r\n}`);\r\n\r\nconst userAppsQuery = gql(/ GraphQL /`query layoutPkgUserAppList{\r\n userApps{\r\n id,name,code\r\n }\r\n}`);\r\n\r\nconst userPreferenceQuery = gql(/ GraphQL /`query layoutPkgUserPreference{\r\n orgUserPreference{\r\n id,menuFavorite,menuRecent,\r\n }\r\n}`);\r\n\r\nconst userPreferenceMut = gql(/ GraphQL /`mutation layoutPkgSaveUserPreference($input:OrgUserPreferenceInput!){\r\n saveOrgUserPreference(input: $input){ id }\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 drawerProps?: DrawerProps;\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, isOpen?: boolean) => 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: (isOpen?: boolean) => 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 <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n props.onClick(true);\r\n }} />\r\n <CloseOutlined rev={undefined} onClick={(event) => {\r\n event.stopPropagation();\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 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<LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables>(userAppsQuery, {}, 1, {\r\n instanceName: instanceName.UCENTER,\r\n }), apps: App[] = [];\r\n if (appsResult.data?.userApps) {\r\n appsResult.data.userApps.forEach(app => {\r\n apps.push(app as App)\r\n })\r\n }\r\n const newAll: AggregateMenuDataSource = [];\r\n for (let i in apps) {\r\n const menuResult = await query<LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables>(userMenuListQuery, {\r\n appCode: apps[i].code,\r\n }, { instanceName: instanceName.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: treeFormatList(listFormatTreeData(menu, undefined, { key: 'id', parentId: 'parentID' })),\r\n })\r\n }\r\n }\r\n setAll(newAll);\r\n setFilterList(newAll);\r\n // 初始化收藏和初始化最近数据\r\n const preferenceResult = await query<LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables>(userPreferenceQuery, {}, {\r\n instanceName: instanceName.UCENTER\r\n });\r\n if (preferenceResult.data?.orgUserPreference?.id) {\r\n const menuFavorite = preferenceResult.data.orgUserPreference.menuFavorite,\r\n menuRecent = preferenceResult.data.orgUserPreference.menuRecent,\r\n collectsList: AppMenu[] = [],\r\n latelyList: AppMenu[] = [];\r\n if (menuFavorite) {\r\n menuFavorite.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n collectsList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n if (menuRecent) {\r\n menuRecent.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n latelyList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n setCollects(collectsList);\r\n setLately(latelyList);\r\n }\r\n }, []),\r\n requestFavorite = async (list: AppMenu[]) => {\r\n // 异步存储收藏\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuFavorite: list.map(item => item.id),\r\n }\r\n }, {\r\n instanceName: instanceName.UCENTER,\r\n });\r\n },\r\n requestRecent = async (ids: string[]) => {\r\n // 异步存储访问菜单记录\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuRecent: ids,\r\n }\r\n }, {\r\n instanceName: instanceName.UCENTER,\r\n });\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 onClickItem = async (menuItem: AppMenu, isOpen?: boolean) => {\r\n const allApp = all.find(allItem => allItem.app.id == menuItem.appID);\r\n if (allApp) {\r\n const latelyList = [...latelys];\r\n const oldIdx = latelyList.findIndex(lately => lately.id == menuItem.id);\r\n if (oldIdx > -1) {\r\n latelyList.splice(oldIdx, 1);\r\n }\r\n latelyList.unshift(menuItem);\r\n latelyList.splice(6);\r\n await requestRecent(latelyList.map(item => item.id));\r\n setLately(latelyList);\r\n props.onClick?.(menuItem, allApp.app, isOpen);\r\n }\r\n },\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 onClickItem(menuItem)\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerAllMenuItemName}> {menuItem.name}</div>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n onClickItem(menuItem, true)\r\n }} />\r\n <StarOutlined rev={undefined} className={checkCollect(menuItem) ? 'collect' : ''} onClick={async (event) => {\r\n event.stopPropagation();\r\n let collectList: AppMenu[] = [];\r\n if (checkCollect(menuItem)) {\r\n collectList = collects.filter(c => !(c.id === menuItem.id && c.appID === menuItem.appID))\r\n } else {\r\n collectList = [...collects, menuItem]\r\n }\r\n await requestFavorite(collectList)\r\n setCollects(collectList);\r\n }} />\r\n </Space>\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 title={locale.title}\r\n maskClosable={false}\r\n placement=\"left\"\r\n width={1060}\r\n {...props.drawerProps}\r\n className={`${styles.aggregateMenuDrawer} ${isDark ? styles.aggregateMenuDark : ''}`}\r\n open={props.open}\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 {/ 收藏 /}\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 const collectList = arrayMove(items, oldIndex, newIndex);\r\n requestFavorite(collectList);\r\n return collectList;\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={async () => {\r\n const collectList = collects.filter(c => !(c.id === item.id && c.appID === item.appID))\r\n await requestFavorite(collectList);\r\n setCollects(collectList);\r\n }}\r\n onClick={(isOpen) => {\r\n onClickItem(item, isOpen)\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 {/ 过滤 /}\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 {/ 最近访问 /}\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 {/ all应用菜单 */}\r\n <div className={styles.aggregateMenuDrawerAllMenu} style={{ height: latelys.length ? \"calc(100% - 164px)\" : \"calc(100% - 52px)\" }}>\r\n <div className={styles.aggregateMenuDrawerAllMenuColumn}>\r\n {filterList.map(item => (\r\n <div key={item.app.code} className={styles.aggregateMenuDrawerAllMenuColumnItem}>\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 </div>\r\n </Drawer>\r\n </>\r\n}\r\n"],"names":["CloseOutlined","DragOutlined","SearchOutlined","StarOutlined","useCallback","useEffect","useState","styles","Drawer","Empty","Input","Space","gql","mutation","paging","query","DndContext","closestCenter","KeyboardSensor","PointerSensor","useSensor","useSensors","arrayMove","SortableContext","useSortable","sortableKeyboardCoordinates","verticalListSortingStrategy","CSS","useLocale","useDark","listFormatTreeData","treeFormatList","OpenWin","AppMenuKind","instanceName","userMenuListQuery","userAppsQuery","userPreferenceQuery","userPreferenceMut","DargItem","props","id","value","appID","setNodeRef","listeners","attributes","transform","transition","style","Transform","toString","div","ref","className","aggregateMenuDrawerMenuItem","onClick","aggregateMenuDrawerMenuItemName","name","aggregateMenuDrawerMenuItemIcons","event","stopPropagation","rev","undefined","onDel","all","setAll","filterList","setFilterList","collects","setCollects","latelys","setLately","locale","isDark","sensors","coordinateGetter","request","appsResult","preferenceResult","apps","newAll","i","menuResult","menu","menuFavorite","menuRecent","collectsList","latelyList","UCENTER","data","userApps","forEach","app","push","appCode","code","userMenus","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","key","parentId","orgUserPreference","menuItem","find","item","requestFavorite","list","input","map","requestRecent","ids","checkCollect","onClickItem","isOpen","allApp","oldIdx","allItem","findIndex","lately","splice","unshift","menuItemRender","aggregateMenuDrawerAllMenuItem","aggregateMenuDrawerAllMenuItemName","aggregateMenuDrawerAllMenuItemIcons","collectList","filter","c","dataSource","title","maskClosable","placement","width","drawerProps","aggregateMenuDrawer","aggregateMenuDark","open","onClose","onChangeOpen","aggregateMenuDrawerRow","aggregateMenuDrawerMenu","length","collisionDetection","onDragEnd","active","over","items","oldIndex","oItem","newIndex","nItem","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","aggregateMenuDrawerAllMenuColumnItem","aggregateMenuDrawerAllAppTitle","kind","Menu"],"mappings":"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"}