@knockout-js/layout 0.0.4-beta.1 → 0.1.0

package/es2017/components/_util/index.d.ts

@@ -0,0 +1,40 @@
+/**
+ * 列表数据格式化成树结构
+ * @param allList
+ * @param parentList
+ * @param defineKey
+ * @param parentId
+ * @returns
+ */
+export declare const listFormatTreeData: <T extends Record<string, any> & {
+    children?: T[];
+}>(allList: T[], parentList?: T[], defineKey?: {
+    key?: string;
+    parentId?: string;
+}, parentId?: string | number) => T[];
+/**
+ * 解析树结构按树顺序处理成列表
+ * @param treeList
+ * @returns
+ */
+export declare const treeFormatList: <T extends Record<string, any> & {
+    children?: T[];
+}>(treeList: T[]) => T[];
+/**
+ * 字节大小展示处理
+ * @param fileSize
+ * @returns
+ */
+export declare const formatFileSize: (fileSize: number) => string;
+/**
+ * 随机数
+ * @param len
+ * @returns
+ */
+export declare const randomId: (len: number) => string;
+/**
+ * 解析env配置的app地址字符串
+ * @param evnStr appCode@deploy_address;
+ * @returns
+ */
+export declare const parseEnvAppAddress: (evnStr: string) => Record<string, string>;

package/es2017/components/_util/index.js

@@ -0,0 +1,69 @@
+/**
+ * 列表数据格式化成树结构
+ * @param allList
+ * @param parentList
+ * @param defineKey
+ * @param parentId
+ * @returns
+ */ import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+export const listFormatTreeData = (allList, parentList, defineKey, parentId)=>{
+    const dataKey = _object_spread({
+        key: 'key',
+        parentId: 'parentId'
+    }, defineKey), pid = parentId === undefined ? '0' : parentId;
+    if (!parentList) parentList = allList.filter((item)=>item[dataKey.parentId] == pid);
+    parentList.forEach((pItem)=>{
+        const children = allList.filter((allItem)=>allItem[dataKey.parentId] == pItem[dataKey.key]);
+        if (children && children.length) pItem.children = listFormatTreeData(allList, children, dataKey);
+    });
+    return parentList;
+};
+/**
+ * 解析树结构按树顺序处理成列表
+ * @param treeList
+ * @returns
+ */ export const treeFormatList = (treeList)=>{
+    const allList = [];
+    treeList.forEach((item)=>{
+        const children = item.children;
+        delete item.children;
+        allList === null || allList === void 0 ? void 0 : allList.push(item);
+        if (children) allList.push(...treeFormatList(children));
+    });
+    return allList;
+};
+/**
+ * 字节大小展示处理
+ * @param fileSize
+ * @returns
+ */ export const formatFileSize = (fileSize)=>{
+    if (fileSize < 1024) return fileSize + 'B';
+    else if (fileSize < 1048576) return (fileSize / 1024).toFixed(2) + 'KB';
+    else if (fileSize < 1073741824) return (fileSize / 1048576).toFixed(2) + 'MB';
+    else return (fileSize / 1073741824).toFixed(2) + 'GB';
+};
+/**
+ * 随机数
+ * @param len
+ * @returns
+ */ export const randomId = (len)=>{
+    let str = '';
+    for(; str.length < len; str += Math.random().toString(36).substring(2));
+    return str.substring(0, len);
+};
+/**
+ * 解析env配置的app地址字符串
+ * @param evnStr appCode@deploy_address;
+ * @returns
+ */ export const parseEnvAppAddress = (evnStr)=>{
+    const address = {};
+    evnStr.split(';').forEach((str)=>{
+        if (str) {
+            const adds = str.split('@');
+            if (adds.length === 2) address[adds[0]] = adds[1];
+        }
+    });
+    return address;
+};
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\_util\index.js.map

package/es2017/components/_util/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\_util\\index.ts"],"sourcesContent":["/**\r\n * 列表数据格式化成树结构\r\n * @param allList\r\n * @param parentList\r\n * @param defineKey\r\n * @param parentId\r\n * @returns\r\n */\r\nexport const listFormatTreeData = <T extends Record<string, any> & { children?: T[] }>(\r\n  allList: T[],\r\n  parentList?: T[],\r\n  defineKey?: {\r\n    key?: string;\r\n    parentId?: string;\r\n  },\r\n  parentId?: string | number,\r\n) => {\r\n  const dataKey = { key: 'key', parentId: 'parentId', ...defineKey },\r\n    pid = parentId === undefined ? '0' : parentId;\r\n\r\n  if (!parentList) {\r\n    parentList = allList.filter(item => item[dataKey.parentId] == pid);\r\n  }\r\n\r\n  parentList.forEach((pItem) => {\r\n    const children = allList.filter(\r\n      (allItem) => allItem[dataKey.parentId] == pItem[dataKey.key],\r\n    );\r\n    if (children && children.length) {\r\n      pItem.children = listFormatTreeData(allList, children, dataKey);\r\n    }\r\n  });\r\n  return parentList;\r\n};\r\n\r\n/**\r\n * 解析树结构按树顺序处理成列表\r\n * @param treeList\r\n * @returns\r\n */\r\nexport const treeFormatList = <T extends Record<string, any> & { children?: T[] }>(treeList: T[]) => {\r\n  const allList: T[] = [];\r\n\r\n  treeList.forEach(item => {\r\n    const children = item.children;\r\n    delete item.children;\r\n    allList?.push(item);\r\n    if (children) {\r\n      allList.push(...treeFormatList(children));\r\n    }\r\n  });\r\n\r\n  return allList;\r\n}\r\n\r\n/**\r\n * 字节大小展示处理\r\n * @param fileSize\r\n * @returns\r\n */\r\nexport const formatFileSize = (fileSize: number) => {\r\n  if (fileSize < 1024) {\r\n    return fileSize + 'B';\r\n  } else if (fileSize < (1024 * 1024)) {\r\n    return (fileSize / 1024).toFixed(2) + 'KB';\r\n  } else if (fileSize < (1024 * 1024 * 1024)) {\r\n    return (fileSize / (1024 * 1024)).toFixed(2) + 'MB';\r\n  } else {\r\n    return (fileSize / (1024 * 1024 * 1024)).toFixed(2) + 'GB';\r\n  }\r\n}\r\n\r\n/**\r\n * 随机数\r\n * @param len\r\n * @returns\r\n */\r\nexport const randomId = (len: number) => {\r\n  let str = '';\r\n  for (; str.length < len; str += Math.random().toString(36).substring(2));\r\n  return str.substring(0, len);\r\n}\r\n\r\n\r\n/**\r\n * 解析env配置的app地址字符串\r\n * @param evnStr appCode@deploy_address;\r\n * @returns\r\n */\r\nexport const parseEnvAppAddress = (evnStr: string) => {\r\n  const address: Record<string, string> = {};\r\n  evnStr.split(';').forEach(str => {\r\n    if (str) {\r\n      const adds = str.split('@');\r\n      if (adds.length === 2) {\r\n        address[adds[0]] = adds[1];\r\n      }\r\n    }\r\n  })\r\n  return address;\r\n}\r\n"],"names":["listFormatTreeData","allList","parentList","defineKey","parentId","dataKey","key","pid","undefined","filter","item","forEach","pItem","children","allItem","length","treeFormatList","treeList","push","formatFileSize","fileSize","toFixed","randomId","len","str","Math","random","toString","substring","parseEnvAppAddress","evnStr","address","split","adds"],"mappings":"AAAA;;;;;;;CAOC;AACD,OAAO,MAAMA,qBAAqB,CAChCC,SACAC,YACAC,WAIAC,WACG;IACH,MAAMC,UAAU;QAAEC,KAAK;QAAOF,UAAU;OAAeD,YACrDI,MAAMH,aAAaI,YAAY,MAAMJ,QAAQ;IAE/C,IAAI,CAACF,YACHA,aAAaD,QAAQQ,MAAM,CAACC,CAAAA,OAAQA,IAAI,CAACL,QAAQD,QAAQ,CAAC,IAAIG;IAGhEL,WAAWS,OAAO,CAAC,CAACC,QAAU;QAC5B,MAAMC,WAAWZ,QAAQQ,MAAM,CAC7B,CAACK,UAAYA,OAAO,CAACT,QAAQD,QAAQ,CAAC,IAAIQ,KAAK,CAACP,QAAQC,GAAG,CAAC;QAE9D,IAAIO,YAAYA,SAASE,MAAM,EAC7BH,MAAMC,QAAQ,GAAGb,mBAAmBC,SAASY,UAAUR;IAE3D;IACA,OAAOH;AACT,EAAE;AAEF;;;;CAIC,GACD,OAAO,MAAMc,iBAAiB,CAAqDC,WAAkB;IACnG,MAAMhB,UAAe,EAAE;IAEvBgB,SAASN,OAAO,CAACD,CAAAA,OAAQ;QACvB,MAAMG,WAAWH,KAAKG,QAAQ;QAC9B,OAAOH,KAAKG,QAAQ;QACpBZ,oBAAAA,qBAAAA,KAAAA,IAAAA,QAASiB,IAAI,CAACR;QACd,IAAIG,UACFZ,QAAQiB,IAAI,IAAIF,eAAeH;IAEnC;IAEA,OAAOZ;AACT,EAAC;AAED;;;;CAIC,GACD,OAAO,MAAMkB,iBAAiB,CAACC,WAAqB;IAClD,IAAIA,WAAW,MACb,OAAOA,WAAW;SACb,IAAIA,WAAY,SACrB,OAAO,AAACA,CAAAA,WAAW,IAAG,EAAGC,OAAO,CAAC,KAAK;SACjC,IAAID,WAAY,YACrB,OAAO,AAACA,CAAAA,WAAY,OAAW,EAAGC,OAAO,CAAC,KAAK;SAE/C,OAAO,AAACD,CAAAA,WAAY,UAAkB,EAAGC,OAAO,CAAC,KAAK;AAE1D,EAAC;AAED;;;;CAIC,GACD,OAAO,MAAMC,WAAW,CAACC,MAAgB;IACvC,IAAIC,MAAM;IACV,MAAOA,IAAIT,MAAM,GAAGQ,KAAKC,OAAOC,KAAKC,MAAM,GAAGC,QAAQ,CAAC,IAAIC,SAAS,CAAC;IACrE,OAAOJ,IAAII,SAAS,CAAC,GAAGL;AAC1B,EAAC;AAGD;;;;CAIC,GACD,OAAO,MAAMM,qBAAqB,CAACC,SAAmB;IACpD,MAAMC,UAAkC,CAAC;IACzCD,OAAOE,KAAK,CAAC,KAAKrB,OAAO,CAACa,CAAAA,MAAO;QAC/B,IAAIA,KAAK;YACP,MAAMS,OAAOT,IAAIQ,KAAK,CAAC;YACvB,IAAIC,KAAKlB,MAAM,KAAK,GAClBgB,OAAO,CAACE,IAAI,CAAC,EAAE,CAAC,GAAGA,IAAI,CAAC,EAAE;QAE9B,CAAC;IACH;IACA,OAAOF;AACT,EAAC"}

package/es2017/components/aggregate-menu/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { DrawerProps } from "antd";
 import { App, AppMenu } from "@knockout-js/api";
 export type AggregateMenuLocale = {
     title: string;
@@ -19,6 +20,10 @@ export interface AggregateMenuProps {
      * 数据源
      */
     dataSource?: AggregateMenuDataSource;
+    /**
+     * 弹框设置
+     */
+    drawerProps?: DrawerProps;
     /**
      * 弹出开关变更
      */
@@ -26,7 +31,7 @@ export interface AggregateMenuProps {
     /**
      * 选中菜单
      */
-    onClick?: (menuItem: AppMenu, app: App) => void;
+    onClick?: (menuItem: AppMenu, app: App, isOpen?: boolean) => void;
 }
 declare const _default: (props: AggregateMenuProps) => JSX.Element;
 export default _default;

package/es2017/components/aggregate-menu/index.js

@@ -5,28 +5,34 @@ 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 { gql, mutation, paging, query } from "@knockout-js/ice-urql/request";
 import { AppMenuKind } from "@knockout-js/api";
 import { iceUrqlInstance } from "../index";
 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";
-const userMenuListQuery = gql(/* GraphQL */ `query userMenuList($appCode:String!){
+import { useDark } from "../provider/index";
+import { listFormatTreeData, treeFormatList } from "../_util/index";
+import { OpenWin } from "../icons/index";
+const userMenuListQuery = gql(/* GraphQL */ `query layoutPkgUserMenuList($appCode:String!){
   userMenus(appCode: $appCode){
     id,name,route,appID,parentID,displaySort,kind
   }
 }`);
-const userOrgAppsQuery = gql(/* GraphQL */ `query layoutPkgUserRootOrgs($first:Int){
-  userRootOrgs{
-    id,
-    apps(first: $first){
-      totalCount,
-      edges{ node{ id,name,code } }
-    }
+const userAppsQuery = gql(/* GraphQL */ `query layoutPkgUserAppList{
+  userApps{
+    id,name,code
   }
 }`);
+const userPreferenceQuery = gql(/* GraphQL */ `query layoutPkgUserPreference{
+  orgUserPreference{
+    id,menuFavorite,menuRecent,
+  }
+}`);
+const userPreferenceMut = gql(/* GraphQL */ `mutation layoutPkgSaveUserPreference($input:OrgUserPreferenceInput!){
+  saveOrgUserPreference(input: $input){ id }
+}`);
 /**
  * 排序拖拽使用的控件
  * https://docs.dndkit.com/
@@ -58,9 +64,17 @@ const userOrgAppsQuery = gql(/* GraphQL */ `query layoutPkgUserRootOrgs($first:I
                 className: styles.aggregateMenuDrawerMenuItemIcons,
                 children: /*#__PURE__*/ _jsxs(Space, {
                     children: [
+                        /*#__PURE__*/ _jsx(OpenWin, {
+                            className: "anticon",
+                            onClick: (event)=>{
+                                event.stopPropagation();
+                                props.onClick(true);
+                            }
+                        }),
                         /*#__PURE__*/ _jsx(CloseOutlined, {
                             rev: undefined,
-                            onClick: ()=>{
+                            onClick: (event)=>{
+                                event.stopPropagation();
                                 props.onDel();
                             }
                         }),
@@ -76,24 +90,16 @@ const userOrgAppsQuery = gql(/* GraphQL */ `query layoutPkgUserRootOrgs($first:I
     }));
 };
 export default ((props)=>{
-    const [all, setAll] = useState([]), [filterList, setFilterList] = useState([]), [collects, setCollects] = useState([]), [latelys, setLately] = useState([]), locale = useLocale('AggregateMenu'), isDark = useDark(), tenantId = useTenantId(), sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+    const [all, setAll] = useState([]), [filterList, setFilterList] = useState([]), [collects, setCollects] = useState([]), [latelys, setLately] = useState([]), locale = useLocale('AggregateMenu'), isDark = useDark(), sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
         coordinateGetter: sortableKeyboardCoordinates
     }));
     const request = useCallback(async ()=>{
-        var _appsResult_data;
-        const appsResult = await paging(userOrgAppsQuery, {
-            first: 30
-        }, 1, {
+        var _appsResult_data, _preferenceResult_data, _preferenceResult_data_orgUserPreference;
+        const appsResult = await paging(userAppsQuery, {}, 1, {
             instanceName: iceUrqlInstance.ucenter
         }), apps = [];
-        if ((_appsResult_data = appsResult.data) === null || _appsResult_data === void 0 ? void 0 : _appsResult_data.userRootOrgs) appsResult.data.userRootOrgs.forEach((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((oApp)=>{
-                if ((oApp === null || oApp === void 0 ? void 0 : oApp.node) && !apps.find((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((app)=>{
+            apps.push(app);
         });
         const newAll = [];
         for(let i in apps){
@@ -110,23 +116,84 @@ export default ((props)=>{
                 });
                 newAll.push({
                     app: apps[i],
-                    menu
+                    menu: treeFormatList(listFormatTreeData(menu, undefined, {
+                        key: 'id',
+                        parentId: 'parentID'
+                    }))
                 });
             }
         }
         setAll(newAll);
         setFilterList(newAll);
-    }, []), checkCollect = useCallback((menuItem)=>{
+        // 初始化收藏和初始化最近数据
+        const preferenceResult = await query(userPreferenceQuery, {}, {
+            instanceName: iceUrqlInstance.ucenter
+        });
+        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) {
+            const menuFavorite = preferenceResult.data.orgUserPreference.menuFavorite, menuRecent = preferenceResult.data.orgUserPreference.menuRecent, collectsList = [], latelyList = [];
+            if (menuFavorite) menuFavorite.forEach((id)=>{
+                for(let i in newAll){
+                    const menuItem = newAll[i].menu.find((item)=>item.id == id);
+                    if (menuItem) {
+                        collectsList.push(menuItem);
+                        break;
+                    }
+                }
+            });
+            if (menuRecent) menuRecent.forEach((id)=>{
+                for(let i in newAll){
+                    const menuItem = newAll[i].menu.find((item)=>item.id == id);
+                    if (menuItem) {
+                        latelyList.push(menuItem);
+                        break;
+                    }
+                }
+            });
+            setCollects(collectsList);
+            setLately(latelyList);
+        }
+    }, []), requestFavorite = async (list)=>{
+        // 异步存储收藏
+        await mutation(userPreferenceMut, {
+            input: {
+                menuFavorite: list.map((item)=>item.id)
+            }
+        }, {
+            instanceName: iceUrqlInstance.ucenter
+        });
+    }, requestRecent = async (ids)=>{
+        // 异步存储访问菜单记录
+        await mutation(userPreferenceMut, {
+            input: {
+                menuRecent: ids
+            }
+        }, {
+            instanceName: iceUrqlInstance.ucenter
+        });
+    }, checkCollect = useCallback((menuItem)=>{
         return !!collects.find((item)=>item.id === menuItem.id && item.appID === menuItem.appID);
     }, [
         collects
-    ]), menuItemRender = (menuItem)=>{
+    ]), onClickItem = async (menuItem, isOpen)=>{
+        const allApp = all.find((allItem)=>allItem.app.id == menuItem.appID);
+        if (allApp) {
+            var _props_onClick;
+            const latelyList = [
+                ...latelys
+            ];
+            const oldIdx = latelyList.findIndex((lately)=>lately.id == menuItem.id);
+            if (oldIdx > -1) latelyList.splice(oldIdx, 1);
+            latelyList.unshift(menuItem);
+            latelyList.splice(6);
+            await requestRecent(latelyList.map((item)=>item.id));
+            setLately(latelyList);
+            (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, menuItem, allApp.app, isOpen);
+        }
+    }, menuItemRender = (menuItem)=>{
         return /*#__PURE__*/ _jsxs("div", {
             className: styles.aggregateMenuDrawerAllMenuItem,
             onClick: ()=>{
-                var _props_onClick;
-                const allApp = all.find((allItem)=>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", {
@@ -137,17 +204,32 @@ export default ((props)=>{
                     ]
                 }),
                 /*#__PURE__*/ _jsx("div", {
-                    children: /*#__PURE__*/ _jsx(StarOutlined, {
-                        rev: undefined,
-                        className: checkCollect(menuItem) ? 'collect' : '',
-                        onClick: (event)=>{
-                            event.stopPropagation();
-                            if (checkCollect(menuItem)) setCollects(collects.filter((c)=>!(c.id === menuItem.id && c.appID === menuItem.appID)));
-                            else setCollects([
-                                ...collects,
-                                menuItem
-                            ]);
-                        }
+                    className: styles.aggregateMenuDrawerAllMenuItemIcons,
+                    children: /*#__PURE__*/ _jsxs(Space, {
+                        children: [
+                            /*#__PURE__*/ _jsx(OpenWin, {
+                                className: "anticon",
+                                onClick: (event)=>{
+                                    event.stopPropagation();
+                                    onClickItem(menuItem, true);
+                                }
+                            }),
+                            /*#__PURE__*/ _jsx(StarOutlined, {
+                                rev: undefined,
+                                className: checkCollect(menuItem) ? 'collect' : '',
+                                onClick: async (event)=>{
+                                    event.stopPropagation();
+                                    let collectList = [];
+                                    if (checkCollect(menuItem)) collectList = collects.filter((c)=>!(c.id === menuItem.id && c.appID === menuItem.appID));
+                                    else collectList = [
+                                        ...collects,
+                                        menuItem
+                                    ];
+                                    await requestFavorite(collectList);
+                                    setCollects(collectList);
+                                }
+                            })
+                        ]
                     })
                 })
             ]
@@ -162,12 +244,14 @@ export default ((props)=>{
         props.dataSource
     ]);
     return /*#__PURE__*/ _jsx(_Fragment, {
-        children: /*#__PURE__*/ _jsx(Drawer, {
-            className: `${styles.aggregateMenuDrawer} ${isDark ? styles.aggregateMenuDark : ''}`,
+        children: /*#__PURE__*/ _jsx(Drawer, _object_spread_props(_object_spread({
             title: locale.title,
+            maskClosable: false,
             placement: "left",
+            width: 1060
+        }, props.drawerProps), {
+            className: `${styles.aggregateMenuDrawer} ${isDark ? styles.aggregateMenuDark : ''}`,
             open: props.open,
-            width: 1060,
             onClose: ()=>{
                 var _props_onChangeOpen;
                 (_props_onChangeOpen = props.onChangeOpen) === null || _props_onChangeOpen === void 0 ? void 0 : _props_onChangeOpen.call(props, false);
@@ -188,25 +272,25 @@ export default ((props)=>{
                                 if (over && active.id !== over.id) setCollects((items)=>{
                                     const oldIndex = items.findIndex((oItem)=>`${oItem.id}-${oItem.appID}` == active.id);
                                     const newIndex = items.findIndex((nItem)=>`${nItem.id}-${nItem.appID}` == over.id);
-                                    return arrayMove(items, oldIndex, newIndex);
+                                    const collectList = arrayMove(items, oldIndex, newIndex);
+                                    requestFavorite(collectList);
+                                    return collectList;
                                 });
                             },
                             children: /*#__PURE__*/ _jsx(SortableContext, {
                                 items: collects.map((item)=>`${item.id}-${item.appID}`),
                                 strategy: verticalListSortingStrategy,
-                                children: collects.map((item)=>{
-                                    /*#__PURE__*/ return _jsx(DargItem, {
+                                children: collects.map((item)=>/*#__PURE__*/ _jsx(DargItem, {
                                         value: item,
-                                        onDel: ()=>{
-                                            setCollects(collects.filter((c)=>!(c.id === item.id && c.appID === item.appID)));
+                                        onDel: async ()=>{
+                                            const collectList = collects.filter((c)=>!(c.id === item.id && c.appID === item.appID));
+                                            await requestFavorite(collectList);
+                                            setCollects(collectList);
                                         },
-                                        onClick: ()=>{
-                                            var _props_onClick;
-                                            const allApp = all.find((allItem)=>allItem.app.id == item.appID);
-                                            if (allApp) (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, item, allApp.app);
+                                        onClick: (isOpen)=>{
+                                            onClickItem(item, isOpen);
                                         }
-                                    }, `c${item.id}-${item.appID}`);
-                                })
+                                    }, `c${item.id}-${item.appID}`))
                             })
                         }) : /*#__PURE__*/ _jsx(Empty, {
                             image: Empty.PRESENTED_IMAGE_SIMPLE,
@@ -260,25 +344,28 @@ export default ((props)=>{
                                 style: {
                                     height: latelys.length ? "calc(100% - 164px)" : "calc(100% - 52px)"
                                 },
-                                children: filterList.map((item)=>/*#__PURE__*/ _jsxs("div", {
-                                        className: styles.aggregateMenuDrawerAllMenuColumn,
-                                        children: [
-                                            /*#__PURE__*/ _jsx("div", {
-                                                className: styles.aggregateMenuDrawerAllAppTitle,
-                                                children: item.app.name
-                                            }),
-                                            item.menu.map((menuItem)=>menuItem.kind === AppMenuKind.Menu ? menuItemRender(menuItem) : /*#__PURE__*/ _jsx("div", {
-                                                    className: styles.aggregateMenuDrawerAllMenuItemDir,
-                                                    children: menuItem.name
-                                                }, `${menuItem.appID}-${menuItem.id}`))
-                                        ]
-                                    }, item.app.code))
+                                children: /*#__PURE__*/ _jsx("div", {
+                                    className: styles.aggregateMenuDrawerAllMenuColumn,
+                                    children: filterList.map((item)=>/*#__PURE__*/ _jsxs("div", {
+                                            className: styles.aggregateMenuDrawerAllMenuColumnItem,
+                                            children: [
+                                                /*#__PURE__*/ _jsx("div", {
+                                                    className: styles.aggregateMenuDrawerAllAppTitle,
+                                                    children: item.app.name
+                                                }),
+                                                item.menu.map((menuItem)=>menuItem.kind === AppMenuKind.Menu ? menuItemRender(menuItem) : /*#__PURE__*/ _jsx("div", {
+                                                        className: styles.aggregateMenuDrawerAllMenuItemDir,
+                                                        children: menuItem.name
+                                                    }, `${menuItem.appID}-${menuItem.id}`))
+                                            ]
+                                        }, item.app.code))
+                                })
                             })
                         ]
                     })
                 ]
             })
-        })
+        }))
     });
 });
 

package/es2017/components/aggregate-menu/index.js.map

@@ -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","first","instanceName","ucenter","apps","data","userRootOrgs","forEach","org","edges","oApp","node","find","app","push","newAll","i","menuResult","appCode","code","userMenus","menu","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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"}
+{"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 { App, AppMenu, AppMenuKind, LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables, LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables, LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables, LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables } 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 } from \"../provider\";\r\nimport { listFormatTreeData, treeFormatList } from \"../_util\";\r\nimport { OpenWin } from \"../icons\";\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: iceUrqlInstance.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: 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: 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, {}, { instanceName: iceUrqlInstance.ucenter });\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: iceUrqlInstance.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: iceUrqlInstance.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","AppMenuKind","iceUrqlInstance","DndContext","closestCenter","KeyboardSensor","PointerSensor","useSensor","useSensors","arrayMove","SortableContext","useSortable","sortableKeyboardCoordinates","verticalListSortingStrategy","CSS","useLocale","useDark","listFormatTreeData","treeFormatList","OpenWin","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","instanceName","ucenter","apps","data","userApps","forEach","app","push","newAll","i","menuResult","appCode","code","userMenus","menu","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","key","parentId","orgUserPreference","menuFavorite","menuRecent","collectsList","latelyList","menuItem","find","item","requestFavorite","list","input","map","requestRecent","ids","checkCollect","onClickItem","isOpen","allApp","allItem","oldIdx","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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"}