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

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (117) hide show

package/es2017/components/{gather-menu → aggregate-menu}/index.d.ts RENAMED Viewed

@@ -1,14 +1,16 @@
 /// <reference types="react" />
 import { App, AppMenu } from "@knockout-js/api";
-export type GatherMenuLocale = {
+export type AggregateMenuLocale = {
+    title: string;
+    latelyTitle: string;
     notText: string;
     searchPlaceholder: string;
 };
-export type GatherMenuDataSource = {
+export type AggregateMenuDataSource = {
     app: App;
     menu: AppMenu[];
 }[];
-export interface GatherMenuProps {
+export interface AggregateMenuProps {
     /**
      * 弹出开关
      */
@@ -16,11 +18,7 @@ export interface GatherMenuProps {
     /**
      * 数据源
      */
-    dataSource?: GatherMenuDataSource;
-    /**
-     * 存储key
-     */
-    storeKey?: string;
+    dataSource?: AggregateMenuDataSource;
     /**
      * 弹出开关变更
      */
@@ -30,5 +28,5 @@ export interface GatherMenuProps {
      */
     onClick?: (menuItem: AppMenu, app: App) => void;
 }
-declare const _default: (props: GatherMenuProps) => JSX.Element;
+declare const _default: (props: AggregateMenuProps) => JSX.Element;
 export default _default;

package/es2017/components/{gather-menu → aggregate-menu}/index.js RENAMED Viewed

@@ -6,14 +6,16 @@ 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 { 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!){
   userMenus(appCode: $appCode){
-    id,name,route,appID
+    id,name,route,appID,parentID,displaySort,kind
   }
 }`);
 const userOrgAppsQuery = gql(/* GraphQL */ `query layoutPkgUserRootOrgs($first:Int){
@@ -32,7 +34,7 @@ const userOrgAppsQuery = gql(/* GraphQL */ `query layoutPkgUserRootOrgs($first:I
  * @returns
  */ const DargItem = (props)=>{
     const id = `${props.value.id}-${props.value.appID}`;
-    const { setNodeRef , listeners , attributes , transform , transition , setDraggableNodeRef  } = useSortable({
+    const { setNodeRef , listeners , attributes , transform , transition  } = useSortable({
         id
     });
     const style = {
@@ -43,17 +45,17 @@ const userOrgAppsQuery = gql(/* GraphQL */ `query layoutPkgUserRootOrgs($first:I
         ref: setNodeRef,
         style: style
     }, attributes), {
-        className: styles.customMenuDrawerMenuItem,
+        className: styles.aggregateMenuDrawerMenuItem,
         onClick: ()=>{
             props.onClick();
         },
         children: [
             /*#__PURE__*/ _jsx("div", {
-                className: styles.customMenuDrawerMenuItemName,
+                className: styles.aggregateMenuDrawerMenuItemName,
                 children: props.value.name
             }),
             /*#__PURE__*/ _jsx("div", {
-                className: styles.customMenuDrawerMenuItemIcons,
+                className: styles.aggregateMenuDrawerMenuItemIcons,
                 children: /*#__PURE__*/ _jsxs(Space, {
                     children: [
                         /*#__PURE__*/ _jsx(CloseOutlined, {
@@ -74,7 +76,7 @@ const userOrgAppsQuery = gql(/* GraphQL */ `query layoutPkgUserRootOrgs($first:I
     }));
 };
 export default ((props)=>{
-    const [all, setAll] = useState([]), [filterList, setFilterList] = useState([]), [collects, setCollects] = useState([]), locale = useLocale('GatherMenu'), sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+    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, {
         coordinateGetter: sortableKeyboardCoordinates
     }));
     const request = useCallback(async ()=>{
@@ -86,13 +88,11 @@ export default ((props)=>{
         }), 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;
-            (_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) {
-                    if (!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 (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);
             });
         });
         const newAll = [];
@@ -104,7 +104,10 @@ export default ((props)=>{
                 instanceName: iceUrqlInstance.ucenter
             });
             if ((_menuResult_data = menuResult.data) === null || _menuResult_data === void 0 ? void 0 : _menuResult_data.userMenus) {
-                const menu = menuResult.data.userMenus.filter((item)=>item.route);
+                const menu = menuResult.data.userMenus.sort((d1, d2)=>{
+                    const d1Sort = d1.displaySort || 0, d2Sort = d2.displaySort || 0;
+                    return d1.parentID < d2.parentID ? -1 : d1.parentID > d2.parentID ? 1 : d1Sort < d2Sort ? -1 : d1Sort > d2Sort ? 1 : 0;
+                });
                 newAll.push({
                     app: apps[i],
                     menu
@@ -117,7 +120,39 @@ export default ((props)=>{
         return !!collects.find((item)=>item.id === menuItem.id && item.appID === menuItem.appID);
     }, [
         collects
-    ]);
+    ]), 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);
+            },
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: styles.aggregateMenuDrawerAllMenuItemName,
+                    children: [
+                        " ",
+                        menuItem.name
+                    ]
+                }),
+                /*#__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
+                            ]);
+                        }
+                    })
+                })
+            ]
+        }, `${menuItem.id}-${menuItem.appID}`);
+    };
     useEffect(()=>{
         if (props.dataSource) {
             setAll(props.dataSource);
@@ -126,27 +161,10 @@ export default ((props)=>{
     }, [
         props.dataSource
     ]);
-    useEffect(()=>{
-        if (props.storeKey) {
-            const store = localStorage.getItem(props.storeKey);
-            if (store) try {
-                setCollects(JSON.parse(store));
-            } catch (error) {}
-        }
-    }, [
-        props.storeKey
-    ]);
-    useEffect(()=>{
-        if (props.storeKey) {
-            if (collects.length) localStorage.setItem(props.storeKey, JSON.stringify(collects));
-            else localStorage.removeItem(props.storeKey);
-        }
-    }, [
-        collects
-    ]);
     return /*#__PURE__*/ _jsx(_Fragment, {
         children: /*#__PURE__*/ _jsx(Drawer, {
-            className: styles.customMenuDrawer,
+            className: `${styles.aggregateMenuDrawer} ${isDark ? styles.aggregateMenuDark : ''}`,
+            title: locale.title,
             placement: "left",
             open: props.open,
             width: 1060,
@@ -155,13 +173,13 @@ export default ((props)=>{
                 (_props_onChangeOpen = props.onChangeOpen) === null || _props_onChangeOpen === void 0 ? void 0 : _props_onChangeOpen.call(props, false);
             },
             children: /*#__PURE__*/ _jsxs("div", {
-                className: styles.customMenuDrawerRow,
+                className: styles.aggregateMenuDrawerRow,
                 children: [
                     /*#__PURE__*/ _jsx("div", {
                         style: {
                             width: 240
                         },
-                        className: styles.customMenuDrawerMenu,
+                        className: styles.aggregateMenuDrawerMenu,
                         children: collects.length ? /*#__PURE__*/ _jsx(DndContext, {
                             sensors: sensors,
                             collisionDetection: closestCenter,
@@ -201,7 +219,7 @@ export default ((props)=>{
                         },
                         children: [
                             /*#__PURE__*/ _jsx("div", {
-                                className: styles.customMenuDrawerAllInput,
+                                className: styles.aggregateMenuDrawerAllInput,
                                 children: /*#__PURE__*/ _jsx(Input, {
                                     bordered: false,
                                     prefix: /*#__PURE__*/ _jsx(SearchOutlined, {
@@ -224,48 +242,37 @@ export default ((props)=>{
                                     }
                                 })
                             }),
+                            latelys.length ? /*#__PURE__*/ _jsxs("div", {
+                                className: styles.aggregateMenuLatelys,
+                                children: [
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: styles.aggregateMenuDrawerAllMenuItemDir,
+                                        children: locale.latelyTitle
+                                    }),
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: styles.aggregateMenuLatelysColumn,
+                                        children: latelys.map((menuItem)=>menuItemRender(menuItem))
+                                    })
+                                ]
+                            }) : /*#__PURE__*/ _jsx(_Fragment, {}),
                             /*#__PURE__*/ _jsx("div", {
-                                className: styles.customMenuDrawerAllMenu,
-                                children: filterList.map((item)=>{
-                                    /*#__PURE__*/ return _jsxs("div", {
-                                        className: styles.customMenuDrawerAllMenuColumn,
+                                className: styles.aggregateMenuDrawerAllMenu,
+                                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.customMenuDrawerAllMenuTitle,
+                                                className: styles.aggregateMenuDrawerAllAppTitle,
                                                 children: item.app.name
                                             }),
-                                            item.menu.map((menuItem)=>{
-                                                /*#__PURE__*/ return _jsxs("div", {
-                                                    className: styles.customMenuDrawerAllMenuItem,
-                                                    onClick: ()=>{
-                                                        var _props_onClick;
-                                                        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, menuItem, item.app);
-                                                    },
-                                                    children: [
-                                                        /*#__PURE__*/ _jsx("div", {
-                                                            className: styles.customMenuDrawerAllMenuItemName,
-                                                            children: menuItem.name
-                                                        }),
-                                                        /*#__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
-                                                                    ]);
-                                                                }
-                                                            })
-                                                        })
-                                                    ]
-                                                }, `${menuItem.appID}-${menuItem.id}`);
-                                            })
+                                            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);
-                                })
+                                    }, item.app.code))
                             })
                         ]
                     })
@@ -275,4 +282,4 @@ export default ((props)=>{
     });
 });
- //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\gather-menu\index.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\aggregate-menu\index.js.map

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

@@ -0,0 +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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"}

package/{esm/components/gather-menu → es2017/components/aggregate-menu}/index.module.css RENAMED Viewed

@@ -1,9 +1,9 @@
-.customMenu {
+.aggregateMenu {
   margin-right: 8px;
   cursor: pointer;
 }
-.customMenuDrawer {
+.aggregateMenuDrawer {
   :global(.ant-drawer-header-title) {
     flex-direction: row-reverse;
@@ -15,17 +15,17 @@
 }
-.customMenuDrawerRow {
+.aggregateMenuDrawerRow {
   height: 100%;
   display: flex;
 }
-.customMenuDrawerMenu {
+.aggregateMenuDrawerMenu {
   height: 100%;
   border-right: 1px solid rgba(5, 5, 5, 0.06);
 }
-.customMenuDrawerAllMenu {
+.aggregateMenuDrawerAllMenu {
   height: calc(100% - 52px);
   padding: 16px;
   overflow-y: auto;
@@ -33,21 +33,28 @@
   column-gap: 10px;
 }
-.customMenuDrawerAllMenuColumn {
+.aggregateMenuDrawerAllMenuColumn {
   /* 瀑布流关键写法 */
   break-inside: avoid;
   margin-bottom: 16px;
 }
+.aggregateMenuDrawerAllAppTitle {
+  font-weight: bold;
+  height: 32px;
+  line-height: 32px;
+  padding: 0 16px;
+  color: #ff6a00;
+}
-.customMenuDrawerAllMenuTitle {
+.aggregateMenuDrawerAllMenuTitle {
   font-weight: bold;
   height: 32px;
   line-height: 32px;
   padding: 0 16px;
 }
-.customMenuDrawerAllMenuItem {
+.aggregateMenuDrawerAllMenuItem {
   height: 32px;
   line-height: 32px;
   cursor: pointer;
@@ -64,6 +71,7 @@
   :global(.anticon-star.collect) {
     color: rgb(255, 106, 0);
+    display: inline-flex;
   }
   :global(.anticon-star) {
@@ -71,20 +79,28 @@
   }
 }
-.customMenuDrawerAllMenuItemName {
+.aggregateMenuDrawerAllMenuItemDir {
+  height: 32px;
+  line-height: 32px;
+  padding: 0 16px;
+  font-weight: bold;
+}
+.aggregateMenuDrawerAllMenuItemName {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   flex: auto;
+  font-weight: lighter;
 }
-.customMenuDrawerAllInput {
+.aggregateMenuDrawerAllInput {
   padding: 10px 0;
   margin: 0 16px;
   border-bottom: 1px solid rgba(5, 5, 5, 0.06);
 }
-.customMenuDrawerMenuItem {
+.aggregateMenuDrawerMenuItem {
   height: 40px;
   line-height: 40px;
   cursor: pointer;
@@ -94,13 +110,13 @@
   &:hover {
     background-color: #f1f1f1;
-    .customMenuDrawerMenuItemIcons {
+    .aggregateMenuDrawerMenuItemIcons {
       display: block;
     }
   }
 }
-.customMenuDrawerMenuItemIcons {
+.aggregateMenuDrawerMenuItemIcons {
   display: none;
   :global(.anticon) {
@@ -112,9 +128,41 @@
   }
 }
-.customMenuDrawerMenuItemName {
+.aggregateMenuDrawerMenuItemName {
   flex: auto;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
 }
+.aggregateMenuLatelys {
+  padding: 16px 16px 0 16px;
+}
+.aggregateMenuLatelysColumn {
+  column-count: 3;
+  column-gap: 10px;
+}
+/* 黑色主题处理 */
+.aggregateMenuDark {
+  color: #ffffffcc;
+  .aggregateMenuDrawerAllInput {
+    border-bottom: 1px solid #ffffff40;
+  }
+  .aggregateMenuDrawerAllMenuItem {
+    &:hover {
+      background-color: #ffffff40;
+    }
+  }
+  .aggregateMenuDrawerMenuItem {
+    &:hover {
+      background-color: #ffffff40;
+    }
+  }
+}

package/es2017/components/aggregate-menu/locale/en_US.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { AggregateMenuLocale } from "../index";
+declare const locale: AggregateMenuLocale;
+export default locale;

package/es2017/components/{gather-menu → aggregate-menu}/locale/en_US.js RENAMED Viewed

@@ -1,7 +1,9 @@
 const locale = {
+    title: 'Application menu',
+    latelyTitle: "Recently visited",
     notText: 'The favorites list is empty, you can add your usual addresses to your favorites on the right.',
     searchPlaceholder: "Please enter keyword"
 };
 export default locale;
- //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\gather-menu\locale\en_US.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\aggregate-menu\locale\en_US.js.map

package/es2017/components/aggregate-menu/locale/en_US.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\aggregate-menu\\locale\\en_US.ts"],"sourcesContent":["import { AggregateMenuLocale } from \"../index\";\r\n\r\nconst locale: AggregateMenuLocale = {\r\n title: 'Application menu',\r\n latelyTitle: \"Recently visited\",\r\n notText: 'The favorites list is empty, you can add your usual addresses to your favorites on the right.',\r\n searchPlaceholder: \"Please enter keyword\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","title","latelyTitle","notText","searchPlaceholder"],"mappings":"AAEA,MAAMA,SAA8B;IAClCC,OAAO;IACPC,aAAa;IACbC,SAAS;IACTC,mBAAmB;AACrB;AAEA,eAAeJ,OAAM"}

package/es2017/components/aggregate-menu/locale/zh_CN.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { AggregateMenuLocale } from "../index";
+declare const locale: AggregateMenuLocale;
+export default locale;

package/es2017/components/{gather-menu → aggregate-menu}/locale/zh_CN.js RENAMED Viewed

@@ -1,7 +1,9 @@
 const locale = {
+    title: '应用菜单',
+    latelyTitle: "最近访问",
     notText: '收藏列表为空，可在右侧将您常用地址添加到收藏。',
     searchPlaceholder: "请输入关键词"
 };
 export default locale;
- //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\gather-menu\locale\zh_CN.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\aggregate-menu\locale\zh_CN.js.map

package/es2017/components/aggregate-menu/locale/zh_CN.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\aggregate-menu\\locale\\zh_CN.ts"],"sourcesContent":["import { AggregateMenuLocale } from \"../index\";\r\n\r\nconst locale: AggregateMenuLocale = {\r\n title: '应用菜单',\r\n latelyTitle: \"最近访问\",\r\n notText: '收藏列表为空，可在右侧将您常用地址添加到收藏。',\r\n searchPlaceholder: \"请输入关键词\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","title","latelyTitle","notText","searchPlaceholder"],"mappings":"AAEA,MAAMA,SAA8B;IAClCC,OAAO;IACPC,aAAa;IACbC,SAAS;IACTC,mBAAmB;AACrB;AAEA,eAAeJ,OAAM"}

package/es2017/components/collect-providers/index.d.ts CHANGED Viewed

@@ -1,6 +1,14 @@
-import { LocaleType } from "../locale";
 import { ReactNode } from "react";
+import { LocaleType } from "..";
 export interface CollectProviderProps {
+    /**
+     * 应用code
+     */
+    appCode: string;
+    /**
+     * tenantId
+     */
+    tenantId: string;
     /**
      * @knockout-js 的多语言 locale
      */

package/es2017/components/collect-providers/index.js CHANGED Viewed

@@ -1,8 +1,7 @@
 import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
-import { LocaleType } from "../locale/index";
 import { useEffect, useState } from "react";
 import { ProConfigProvider } from "@ant-design/pro-provider";
-import { BasicProvider, LeavePrompt } from "../index";
+import { Provider, LeavePrompt, LocaleType } from "../index";
 import { ConfigProvider } from "antd";
 import { AliveScope } from "react-activation";
 import zhCN from "antd/locale/zh_CN";
@@ -17,8 +16,11 @@ export default ((props)=>{
     ]);
     return /*#__PURE__*/ _jsx(ProConfigProvider, {
         dark: props.dark,
-        children: /*#__PURE__*/ _jsx(BasicProvider, {
+        children: /*#__PURE__*/ _jsx(Provider, {
             locale: props.locale,
+            appCode: props.appCode,
+            tenantId: props.tenantId,
+            dark: props.dark,
             children: /*#__PURE__*/ _jsx(ConfigProvider, {
                 locale: antLocale,
                 children: /*#__PURE__*/ _jsx(LeavePrompt, {

package/es2017/components/collect-providers/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\collect-providers\\index.tsx"],"sourcesContent":["import { Locale } from \"antd/es/locale\";\r\nimport { ~~LocaleType } from \"../locale\"\r\nimport {~~ ReactNode, useEffect, useState } from \"react\";\r\nimport { ProConfigProvider } from \"@ant-design/pro-provider\";\r\nimport { ~~BasicProvider~~, LeavePrompt } from \"..\";\r\nimport { ConfigProvider } from \"antd\";\r\nimport { AliveScope } from \"react-activation\";\r\nimport zhCN from 'antd/locale/zh_CN';\r\nimport enUS from 'antd/locale/en_US';\r\nexport interface CollectProviderProps {\r\n /*\r\n @knockout-js 的多语言 locale\r\n /\r\n locale: LocaleType;\r\n /\r\n ProConfig dark主题\r\n /\r\n dark: boolean;\r\n /\r\n 传递动态的 location.pathname\r\n /\r\n pathname: string;\r\n /\r\n 默认插槽\r\n */\r\n children: ReactNode;\r\n}\r\n\r\nexport default (props: CollectProviderProps) => {\r\n\r\n const [antLocale, setAntLocale] = useState<Locale>(zhCN);\r\n\r\n useEffect(() => {\r\n if (props.locale === LocaleType.zhCN) {\r\n setAntLocale(zhCN)\r\n } else if (props.locale === LocaleType.enUS) {\r\n setAntLocale(enUS)\r\n }\r\n }, [props.locale]);\r\n\r\n return (\r\n <ProConfigProvider dark={props.dark}>\r\n <~~BasicProvider~~ locale={props.locale}>\r\n <ConfigProvider locale={antLocale}>\r\n <LeavePrompt pathname={props.pathname}>\r\n <AliveScope>\r\n {props.children}\r\n </AliveScope>\r\n </LeavePrompt>\r\n </ConfigProvider>\r\n </~~BasicProvider~~>\r\n </ProConfigProvider >\r\n )\r\n}\r\n"],"names":["~~LocaleType","~~useEffect","useState","ProConfigProvider","~~BasicProvider~~","LeavePrompt","ConfigProvider","AliveScope","zhCN","enUS","props","antLocale","setAntLocale","locale","dark","pathname","children"],"mappings":";AACA,~~SAASA~~,~~UAAU,QAAQ,kBAAW;AACtC,SAAoBC,~~SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACvD,SAASC,iBAAiB,QAAQ,2BAA2B;AAC7D,SAASC,~~aAAa~~,EAAEC,WAAW,QAAQ,WAAK;~~AAChD~~,SAASC,cAAc,QAAQ,OAAO;AACtC,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,OAAOC,UAAU,oBAAoB;AACrC,OAAOC,UAAU,oBAAoB;~~AAoBrC~~,eAAe,CAAA,CAACC,QAAgC;IAE9C,MAAM,CAACC,WAAWC,aAAa,~~GAAGV~~,~~SAAiBM~~;~~IAEnDP~~,UAAU,IAAM;QACd,~~IAAIS~~,MAAMG,MAAM,~~KAAKb~~,~~WAAWQ~~,IAAI,EAClCI,aAAaJ;aACR,IAAIE,MAAMG,MAAM,~~KAAKb~~,~~WAAWS~~,IAAI,EACzCG,aAAaH;IAEjB,GAAG;QAACC,MAAMG,MAAM;KAAC;IAEjB,qBACE,~~KAACV~~;~~QAAkBW~~,MAAMJ,MAAMI,IAAI;kBACjC,cAAA,~~KAACV~~;~~YAAcS~~,QAAQH,MAAMG,MAAM;~~sBACjC~~,cAAA,~~KAACP~~;gBAAeO,QAAQF;0BACtB,cAAA,~~KAACN~~;~~oBAAYU~~,~~UAAUL~~,~~MAAMK~~,QAAQ;8BACnC,cAAA,~~KAACR~~;kCACEG,~~MAAMM~~,QAAQ;;;;;;AAO7B,CAAA,EAAC"}
1	+ {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\collect-providers\\index.tsx"],"sourcesContent":["import { Locale } from \"antd/es/locale\";\r\nimport { ReactNode, useEffect, useState } from \"react\";\r\nimport { ProConfigProvider } from \"@ant-design/pro-provider\";\r\nimport { Provider, LeavePrompt, LocaleType } from \"..\";\r\nimport { ConfigProvider } from \"antd\";\r\nimport { AliveScope } from \"react-activation\";\r\nimport zhCN from 'antd/locale/zh_CN';\r\nimport enUS from 'antd/locale/en_US';\r\nexport interface CollectProviderProps {\r\n /*\r\n 应用code\r\n /\r\n appCode: string;\r\n /\r\n tenantId\r\n /\r\n tenantId: string;\r\n /\r\n @knockout-js 的多语言 locale\r\n /\r\n locale: LocaleType;\r\n /\r\n ProConfig dark主题\r\n /\r\n dark: boolean;\r\n /\r\n 传递动态的 location.pathname\r\n /\r\n pathname: string;\r\n /\r\n 默认插槽\r\n */\r\n children: ReactNode;\r\n}\r\n\r\nexport default (props: CollectProviderProps) => {\r\n\r\n const [antLocale, setAntLocale] = useState<Locale>(zhCN);\r\n\r\n useEffect(() => {\r\n if (props.locale === LocaleType.zhCN) {\r\n setAntLocale(zhCN)\r\n } else if (props.locale === LocaleType.enUS) {\r\n setAntLocale(enUS)\r\n }\r\n }, [props.locale]);\r\n\r\n return (\r\n <ProConfigProvider dark={props.dark}>\r\n <Provider locale={props.locale} appCode={props.appCode} tenantId={props.tenantId} dark={props.dark}>\r\n <ConfigProvider locale={antLocale}>\r\n <LeavePrompt pathname={props.pathname}>\r\n <AliveScope>\r\n {props.children}\r\n </AliveScope>\r\n </LeavePrompt>\r\n </ConfigProvider>\r\n </Provider>\r\n </ProConfigProvider >\r\n )\r\n}\r\n"],"names":["useEffect","useState","ProConfigProvider","Provider","LeavePrompt","LocaleType","ConfigProvider","AliveScope","zhCN","enUS","props","antLocale","setAntLocale","locale","dark","appCode","tenantId","pathname","children"],"mappings":";AACA,SAAoBA,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACvD,SAASC,iBAAiB,QAAQ,2BAA2B;AAC7D,SAASC,QAAQ,EAAEC,WAAW,EAAEC,UAAU,QAAQ,WAAK;AACvD,SAASC,cAAc,QAAQ,OAAO;AACtC,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,OAAOC,UAAU,oBAAoB;AACrC,OAAOC,UAAU,oBAAoB;AA4BrC,eAAe,CAAA,CAACC,QAAgC;IAE9C,MAAM,CAACC,WAAWC,aAAa,GAAGX,SAAiBO;IAEnDR,UAAU,IAAM;QACd,IAAIU,MAAMG,MAAM,KAAKR,WAAWG,IAAI,EAClCI,aAAaJ;aACR,IAAIE,MAAMG,MAAM,KAAKR,WAAWI,IAAI,EACzCG,aAAaH;IAEjB,GAAG;QAACC,MAAMG,MAAM;KAAC;IAEjB,qBACE,KAACX;QAAkBY,MAAMJ,MAAMI,IAAI;kBACjC,cAAA,KAACX;YAASU,QAAQH,MAAMG,MAAM;YAAEE,SAASL,MAAMK,OAAO;YAAEC,UAAUN,MAAMM,QAAQ;YAAEF,MAAMJ,MAAMI,IAAI;sBAChG,cAAA,KAACR;gBAAeO,QAAQF;0BACtB,cAAA,KAACP;oBAAYa,UAAUP,MAAMO,QAAQ;8BACnC,cAAA,KAACV;kCACEG,MAAMQ,QAAQ;;;;;;AAO7B,CAAA,EAAC"}

package/es2017/components/i18n-dropdown/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LocaleType } from '../locale';
+import { LocaleType } from '..';
 export interface I18nDropdownProps {
     /**
      * 值变更事件 (value: LocaleType) => void;

package/es2017/components/i18n-dropdown/index.js CHANGED Viewed

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
 import { useState, useEffect, useCallback, useContext } from "react";
 import { Dropdown } from "antd";
 import styles from "./index.module.css";
-import { BasicContext, LocaleType } from "../locale/index";
+import { Context, LocaleType } from "../index";
 function I18nDropdown(props) {
-    const ctx = useContext(BasicContext), [localeName, setLocaleName] = useState(''), menuItemOnClick = useCallback(({ key  })=>{
+    const ctx = useContext(Context), [localeName, setLocaleName] = useState(''), menuItemOnClick = useCallback(({ key  })=>{
         var _props_onChange;
         (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, key);
     }, []), menuItems = [