@knockout-js/layout 0.1.3-beta.0 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es2017/components/aggregate-menu/index.d.ts +1 -1
- package/es2017/components/aggregate-menu/index.js +12 -12
- package/es2017/components/aggregate-menu/index.js.map +1 -1
- package/es2017/components/aggregate-menu/index.module.css +3 -3
- package/esm/components/aggregate-menu/index.d.ts +1 -1
- package/esm/components/aggregate-menu/index.js +12 -12
- package/esm/components/aggregate-menu/index.js.map +1 -1
- package/esm/components/aggregate-menu/index.module.css +3 -3
- package/package.json +3 -3
|
@@ -2,19 +2,19 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
|
|
|
2
2
|
import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
|
|
3
3
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
|
|
4
4
|
import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from "@ant-design/icons";
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
import { Drawer, Empty, Input, Space } from "antd";
|
|
8
|
-
import { gql, mutation, paging, query } from "@knockout-js/ice-urql/request";
|
|
9
|
-
import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
|
|
10
|
-
import { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
|
|
5
|
+
import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
|
|
6
|
+
import { SortableContext, arrayMove, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
|
|
11
7
|
import { CSS } from "@dnd-kit/utilities";
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
8
|
+
import { instanceName } from "@knockout-js/api";
|
|
9
|
+
import { AppMenuKind } from "@knockout-js/api/ucenter";
|
|
10
|
+
import { gql, mutation, paging, query } from "@knockout-js/ice-urql/request";
|
|
11
|
+
import { Drawer, Empty, Input, Space } from "antd";
|
|
12
|
+
import { useCallback, useEffect, useState } from "react";
|
|
14
13
|
import { listFormatTreeData, treeFormatList } from "../_util/index";
|
|
15
14
|
import { OpenWin } from "../icons/index";
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
15
|
+
import { useLocale } from "../locale/index";
|
|
16
|
+
import { useDark } from "../provider/index";
|
|
17
|
+
import styles from "./index.module.css";
|
|
18
18
|
const userMenuListQuery = gql(/* GraphQL */ `query layoutPkgUserMenuList($appCode:String!){
|
|
19
19
|
userMenus(appCode: $appCode){
|
|
20
20
|
id,name,route,appID,parentID,displaySort,kind
|
|
@@ -363,7 +363,7 @@ export default ((props)=>{
|
|
|
363
363
|
},
|
|
364
364
|
children: /*#__PURE__*/ _jsx("div", {
|
|
365
365
|
className: styles.aggregateMenuDrawerAllMenuColumn,
|
|
366
|
-
children: filterList.map((item)
|
|
366
|
+
children: filterList.map((item)=>item.menu.length ? /*#__PURE__*/ _jsxs("div", {
|
|
367
367
|
className: styles.aggregateMenuDrawerAllMenuColumnItem,
|
|
368
368
|
children: [
|
|
369
369
|
/*#__PURE__*/ _jsx("div", {
|
|
@@ -375,7 +375,7 @@ export default ((props)=>{
|
|
|
375
375
|
children: menuItem.name
|
|
376
376
|
}, `${menuItem.appID}-${menuItem.id}`))
|
|
377
377
|
]
|
|
378
|
-
}, item.app.code))
|
|
378
|
+
}, item.app.code) : /*#__PURE__*/ _jsx(_Fragment, {}))
|
|
379
379
|
})
|
|
380
380
|
})
|
|
381
381
|
]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[".\\src\\components\\aggregate-menu\\index.tsx"],"sourcesContent":["import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from \"@ant-design/icons\"\r\nimport { useCallback, useEffect, useState } from \"react\"\r\nimport styles from \"./index.module.css\"\r\nimport { Drawer, DrawerProps, Empty, Input, Space } from \"antd\";\r\nimport { gql, mutation, paging, query } from \"@knockout-js/ice-urql/request\";\r\nimport { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from \"@dnd-kit/core\";\r\nimport { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from \"@dnd-kit/sortable\";\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { useLocale } from \"../locale\";\r\nimport { useDark } from \"../provider\";\r\nimport { listFormatTreeData, treeFormatList } from \"../_util\";\r\nimport { OpenWin } from \"../icons\";\r\nimport { App, AppMenu, AppMenuKind, LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables, LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables, LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables, LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables } from \"@knockout-js/api/ucenter\";\r\nimport { instanceName } from \"@knockout-js/api\";\r\n\r\nconst userMenuListQuery = gql(/* GraphQL */`query layoutPkgUserMenuList($appCode:String!){\r\n userMenus(appCode: $appCode){\r\n id,name,route,appID,parentID,displaySort,kind\r\n }\r\n}`);\r\n\r\nconst userAppsQuery = gql(/* GraphQL */`query layoutPkgUserAppList{\r\n userApps{\r\n id,name,code\r\n }\r\n}`);\r\n\r\nconst userPreferenceQuery = gql(/* GraphQL */`query layoutPkgUserPreference{\r\n orgUserPreference{\r\n id,menuFavorite,menuRecent,\r\n }\r\n}`);\r\n\r\nconst userPreferenceMut = gql(/* GraphQL */`mutation layoutPkgSaveUserPreference($input:OrgUserPreferenceInput!){\r\n saveOrgUserPreference(input: $input){ id }\r\n}`);\r\n\r\nexport type AggregateMenuLocale = {\r\n title: string;\r\n latelyTitle: string;\r\n notText: string;\r\n searchPlaceholder: string;\r\n}\r\n\r\nexport type AggregateMenuDataSource = {\r\n app: App;\r\n menu: AppMenu[];\r\n}[]\r\n\r\nexport interface AggregateMenuProps {\r\n /**\r\n * 弹出开关\r\n */\r\n open?: boolean;\r\n /**\r\n * 数据源\r\n */\r\n dataSource?: AggregateMenuDataSource;\r\n /**\r\n * 弹框设置\r\n */\r\n drawerProps?: DrawerProps;\r\n /**\r\n * 弹出开关变更\r\n */\r\n onChangeOpen?: (open: boolean) => void;\r\n /**\r\n * 选中菜单\r\n */\r\n onClick?: (menuItem: AppMenu, app: App, isOpen?: boolean) => void;\r\n}\r\n\r\n/**\r\n * 排序拖拽使用的控件\r\n * https://docs.dndkit.com/\r\n * @param props\r\n * @returns\r\n */\r\nconst DargItem = (props: {\r\n value: AppMenu;\r\n onDel: () => void;\r\n onClick: (isOpen?: boolean) => void;\r\n}) => {\r\n const id = `${props.value.id}-${props.value.appID}`;\r\n const { setNodeRef, listeners, attributes, transform, transition } = useSortable({ id });\r\n const style = {\r\n transform: CSS.Transform.toString(transform),\r\n transition,\r\n };\r\n\r\n return <div\r\n ref={setNodeRef}\r\n style={style}\r\n {...attributes}\r\n className={styles.aggregateMenuDrawerMenuItem}\r\n onClick={() => {\r\n props.onClick();\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerMenuItemName}>{props.value.name}</div>\r\n <div className={styles.aggregateMenuDrawerMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n props.onClick(true);\r\n }} />\r\n <CloseOutlined rev={undefined} onClick={(event) => {\r\n event.stopPropagation();\r\n props.onDel();\r\n }} />\r\n <DragOutlined rev={undefined} {...listeners} className=\"dragIcon\" />\r\n </Space>\r\n </div>\r\n </div>\r\n}\r\n\r\nexport default (props: AggregateMenuProps) => {\r\n const [all, setAll] = useState<AggregateMenuDataSource>([]),\r\n [filterList, setFilterList] = useState<AggregateMenuDataSource>([]),\r\n [collects, setCollects] = useState<AppMenu[]>([]),\r\n [latelys, setLately] = useState<AppMenu[]>([]),\r\n locale = useLocale('AggregateMenu'),\r\n isDark = useDark(),\r\n sensors = useSensors(\r\n useSensor(PointerSensor),\r\n useSensor(KeyboardSensor, {\r\n coordinateGetter: sortableKeyboardCoordinates,\r\n })\r\n );\r\n\r\n const\r\n request = useCallback(async () => {\r\n const appsResult = await paging<LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables>(userAppsQuery, {}, 1, {\r\n instanceName: instanceName.UCENTER,\r\n }), apps: App[] = [];\r\n if (appsResult.data?.userApps) {\r\n appsResult.data.userApps.forEach(app => {\r\n apps.push(app as App)\r\n })\r\n }\r\n const newAll: AggregateMenuDataSource = [];\r\n for (let i in apps) {\r\n const menuResult = await query<LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables>(userMenuListQuery, {\r\n appCode: apps[i].code,\r\n }, { instanceName: instanceName.UCENTER });\r\n if (menuResult.data?.userMenus) {\r\n const menu = menuResult.data.userMenus.sort((d1, d2) => {\r\n const d1Sort = d1.displaySort || 0, d2Sort = d2.displaySort || 0;\r\n return d1.parentID < d2.parentID ? -1 : d1.parentID > d2.parentID ? 1 : d1Sort < d2Sort ? -1 : d1Sort > d2Sort ? 1 : 0;\r\n }) as AppMenu[];\r\n newAll.push({\r\n app: apps[i],\r\n menu: treeFormatList(listFormatTreeData(menu, undefined, { key: 'id', parentId: 'parentID' })),\r\n })\r\n }\r\n }\r\n setAll(newAll);\r\n setFilterList(newAll);\r\n // 初始化收藏和初始化最近数据\r\n const preferenceResult = await query<LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables>(userPreferenceQuery, {}, {\r\n instanceName: instanceName.UCENTER\r\n });\r\n if (preferenceResult.data?.orgUserPreference?.id) {\r\n const menuFavorite = preferenceResult.data.orgUserPreference.menuFavorite,\r\n menuRecent = preferenceResult.data.orgUserPreference.menuRecent,\r\n collectsList: AppMenu[] = [],\r\n latelyList: AppMenu[] = [];\r\n if (menuFavorite) {\r\n menuFavorite.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n collectsList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n if (menuRecent) {\r\n menuRecent.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n latelyList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n setCollects(collectsList);\r\n setLately(latelyList);\r\n }\r\n }, []),\r\n requestFavorite = async (list: AppMenu[]) => {\r\n // 异步存储收藏\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuFavorite: list.map(item => item.id),\r\n }\r\n }, {\r\n instanceName: instanceName.UCENTER,\r\n });\r\n },\r\n requestRecent = async (ids: string[]) => {\r\n // 异步存储访问菜单记录\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuRecent: ids,\r\n }\r\n }, {\r\n instanceName: instanceName.UCENTER,\r\n });\r\n },\r\n checkCollect = useCallback((menuItem: AppMenu) => {\r\n return !!collects.find(item => item.id === menuItem.id && item.appID === menuItem.appID);\r\n }, [collects]),\r\n onClickItem = async (menuItem: AppMenu, isOpen?: boolean) => {\r\n const allApp = all.find(allItem => allItem.app.id == menuItem.appID);\r\n if (allApp) {\r\n const latelyList = [...latelys];\r\n const oldIdx = latelyList.findIndex(lately => lately.id == menuItem.id);\r\n if (oldIdx > -1) {\r\n latelyList.splice(oldIdx, 1);\r\n }\r\n latelyList.unshift(menuItem);\r\n latelyList.splice(6);\r\n await requestRecent(latelyList.map(item => item.id));\r\n setLately(latelyList);\r\n props.onClick?.(menuItem, allApp.app, isOpen);\r\n }\r\n },\r\n menuItemRender = (menuItem: AppMenu) => {\r\n return <div\r\n key={`${menuItem.id}-${menuItem.appID}`}\r\n className={styles.aggregateMenuDrawerAllMenuItem}\r\n onClick={() => {\r\n onClickItem(menuItem)\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerAllMenuItemName}> {menuItem.name}</div>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n onClickItem(menuItem, true)\r\n }} />\r\n <StarOutlined rev={undefined} className={checkCollect(menuItem) ? 'collect' : ''} onClick={async (event) => {\r\n event.stopPropagation();\r\n let collectList: AppMenu[] = [];\r\n if (checkCollect(menuItem)) {\r\n collectList = collects.filter(c => !(c.id === menuItem.id && c.appID === menuItem.appID))\r\n } else {\r\n collectList = [...collects, menuItem]\r\n }\r\n await requestFavorite(collectList)\r\n setCollects(collectList);\r\n }} />\r\n </Space>\r\n </div>\r\n </div>\r\n }\r\n\r\n useEffect(() => {\r\n if (props.dataSource) {\r\n setAll(props.dataSource);\r\n setFilterList(props.dataSource);\r\n } else {\r\n request();\r\n }\r\n }, [props.dataSource]);\r\n\r\n return <>\r\n <Drawer\r\n title={locale.title}\r\n maskClosable={false}\r\n placement=\"left\"\r\n width={1060}\r\n {...props.drawerProps}\r\n className={`${styles.aggregateMenuDrawer} ${isDark ? styles.aggregateMenuDark : ''}`}\r\n open={props.open}\r\n onClose={() => {\r\n props.onChangeOpen?.(false);\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerRow}>\r\n <div style={{ width: 240 }} className={styles.aggregateMenuDrawerMenu}>\r\n {/* 收藏 */}\r\n {collects.length ?\r\n <DndContext sensors={sensors}\r\n collisionDetection={closestCenter}\r\n onDragEnd={(event) => {\r\n const { active, over } = event;\r\n if (over && active.id !== over.id) {\r\n setCollects((items) => {\r\n const oldIndex = items.findIndex(oItem => `${oItem.id}-${oItem.appID}` == active.id);\r\n const newIndex = items.findIndex(nItem => `${nItem.id}-${nItem.appID}` == over.id);\r\n const collectList = arrayMove(items, oldIndex, newIndex);\r\n requestFavorite(collectList);\r\n return collectList;\r\n });\r\n }\r\n }}\r\n >\r\n <SortableContext items={collects.map(item => `${item.id}-${item.appID}`)} strategy={verticalListSortingStrategy}>\r\n {\r\n collects.map(item => (<DargItem\r\n key={`c${item.id}-${item.appID}`}\r\n value={item}\r\n onDel={async () => {\r\n const collectList = collects.filter(c => !(c.id === item.id && c.appID === item.appID))\r\n await requestFavorite(collectList);\r\n setCollects(collectList);\r\n }}\r\n onClick={(isOpen) => {\r\n onClickItem(item, isOpen)\r\n }}\r\n />))\r\n }\r\n </SortableContext>\r\n </DndContext>\r\n : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={locale.notText} />\r\n }\r\n </div>\r\n <div style={{ width: 820 }}>\r\n {/* 过滤 */}\r\n <div className={styles.aggregateMenuDrawerAllInput}>\r\n <Input\r\n bordered={false}\r\n prefix={<SearchOutlined rev={undefined} />}\r\n placeholder={locale.searchPlaceholder}\r\n onChange={(event) => {\r\n const keyword = event.target.value;\r\n if (keyword) {\r\n const fList = all.map(f => {\r\n return {\r\n app: f.app,\r\n menu: f.menu.filter(fMenuItem => fMenuItem.name.indexOf(keyword) > -1),\r\n };\r\n }).filter(f => f.menu.length);\r\n setFilterList(fList);\r\n } else {\r\n setFilterList([...all]);\r\n }\r\n }}\r\n />\r\n </div>\r\n {/* 最近访问 */}\r\n {latelys.length ?\r\n <div className={styles.aggregateMenuLatelys}>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemDir}>{locale.latelyTitle}</div>\r\n <div className={styles.aggregateMenuLatelysColumn}>\r\n {latelys.map(menuItem => (\r\n menuItemRender(menuItem)\r\n ))}\r\n </div>\r\n </div> : <></>\r\n }\r\n {/* all应用菜单 */}\r\n <div className={styles.aggregateMenuDrawerAllMenu} style={{ height: latelys.length ? \"calc(100% - 164px)\" : \"calc(100% - 52px)\" }}>\r\n <div className={styles.aggregateMenuDrawerAllMenuColumn}>\r\n {filterList.map(item => (\r\n <div key={item.app.code} className={styles.aggregateMenuDrawerAllMenuColumnItem}>\r\n <div className={styles.aggregateMenuDrawerAllAppTitle}>{item.app.name}</div>\r\n {item.menu.map(menuItem => (menuItem.kind === AppMenuKind.Menu ?\r\n menuItemRender(menuItem)\r\n : <div\r\n key={`${menuItem.appID}-${menuItem.id}`}\r\n className={styles.aggregateMenuDrawerAllMenuItemDir}\r\n >\r\n {menuItem.name}\r\n </div>\r\n ))}\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </Drawer>\r\n </>\r\n}\r\n"],"names":["CloseOutlined","DragOutlined","SearchOutlined","StarOutlined","useCallback","useEffect","useState","styles","Drawer","Empty","Input","Space","gql","mutation","paging","query","DndContext","closestCenter","KeyboardSensor","PointerSensor","useSensor","useSensors","arrayMove","SortableContext","useSortable","sortableKeyboardCoordinates","verticalListSortingStrategy","CSS","useLocale","useDark","listFormatTreeData","treeFormatList","OpenWin","AppMenuKind","instanceName","userMenuListQuery","userAppsQuery","userPreferenceQuery","userPreferenceMut","DargItem","props","id","value","appID","setNodeRef","listeners","attributes","transform","transition","style","Transform","toString","div","ref","className","aggregateMenuDrawerMenuItem","onClick","aggregateMenuDrawerMenuItemName","name","aggregateMenuDrawerMenuItemIcons","event","stopPropagation","rev","undefined","onDel","all","setAll","filterList","setFilterList","collects","setCollects","latelys","setLately","locale","isDark","sensors","coordinateGetter","request","appsResult","preferenceResult","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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"}
|
|
1
|
+
{"version":3,"sources":[".\\src\\components\\aggregate-menu\\index.tsx"],"sourcesContent":["import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from \"@ant-design/icons\";\r\nimport { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors, } from \"@dnd-kit/core\";\r\nimport { SortableContext, arrayMove, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from \"@dnd-kit/sortable\";\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { instanceName } from \"@knockout-js/api\";\r\nimport { App, AppMenu, AppMenuKind, LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables, LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables, LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables, LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables } from \"@knockout-js/api/ucenter\";\r\nimport { gql, mutation, paging, query } from \"@knockout-js/ice-urql/request\";\r\nimport { Drawer, DrawerProps, Empty, Input, Space } from \"antd\";\r\nimport { useCallback, useEffect, useState } from \"react\";\r\nimport { listFormatTreeData, treeFormatList } from \"../_util\";\r\nimport { OpenWin } from \"../icons\";\r\nimport { useLocale } from \"../locale\";\r\nimport { useDark } from \"../provider\";\r\nimport styles from \"./index.module.css\";\r\n\r\nconst userMenuListQuery = gql(/* GraphQL */`query layoutPkgUserMenuList($appCode:String!){\r\n userMenus(appCode: $appCode){\r\n id,name,route,appID,parentID,displaySort,kind\r\n }\r\n}`);\r\n\r\nconst userAppsQuery = gql(/* GraphQL */`query layoutPkgUserAppList{\r\n userApps{\r\n id,name,code\r\n }\r\n}`);\r\n\r\nconst userPreferenceQuery = gql(/* GraphQL */`query layoutPkgUserPreference{\r\n orgUserPreference{\r\n id,menuFavorite,menuRecent,\r\n }\r\n}`);\r\n\r\nconst userPreferenceMut = gql(/* GraphQL */`mutation layoutPkgSaveUserPreference($input:OrgUserPreferenceInput!){\r\n saveOrgUserPreference(input: $input){ id }\r\n}`);\r\n\r\nexport type AggregateMenuLocale = {\r\n title: string;\r\n latelyTitle: string;\r\n notText: string;\r\n searchPlaceholder: string;\r\n}\r\n\r\nexport type AggregateMenuDataSource = {\r\n app: App;\r\n menu: AppMenu[];\r\n}[]\r\n\r\nexport interface AggregateMenuProps {\r\n /**\r\n * 弹出开关\r\n */\r\n open?: boolean;\r\n /**\r\n * 数据源\r\n */\r\n dataSource?: AggregateMenuDataSource;\r\n /**\r\n * 弹框设置\r\n */\r\n drawerProps?: DrawerProps;\r\n /**\r\n * 弹出开关变更\r\n */\r\n onChangeOpen?: (open: boolean) => void;\r\n /**\r\n * 选中菜单\r\n */\r\n onClick?: (menuItem: AppMenu, app: App, isOpen?: boolean) => void;\r\n}\r\n\r\n/**\r\n * 排序拖拽使用的控件\r\n * https://docs.dndkit.com/\r\n * @param props\r\n * @returns\r\n */\r\nconst DargItem = (props: {\r\n value: AppMenu;\r\n onDel: () => void;\r\n onClick: (isOpen?: boolean) => void;\r\n}) => {\r\n const id = `${props.value.id}-${props.value.appID}`;\r\n const { setNodeRef, listeners, attributes, transform, transition } = useSortable({ id });\r\n const style = {\r\n transform: CSS.Transform.toString(transform),\r\n transition,\r\n };\r\n\r\n return <div\r\n ref={setNodeRef}\r\n style={style}\r\n {...attributes}\r\n className={styles.aggregateMenuDrawerMenuItem}\r\n onClick={() => {\r\n props.onClick();\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerMenuItemName}>{props.value.name}</div>\r\n <div className={styles.aggregateMenuDrawerMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n props.onClick(true);\r\n }} />\r\n <CloseOutlined rev={undefined} onClick={(event) => {\r\n event.stopPropagation();\r\n props.onDel();\r\n }} />\r\n <DragOutlined rev={undefined} {...listeners} className=\"dragIcon\" />\r\n </Space>\r\n </div>\r\n </div>\r\n}\r\n\r\nexport default (props: AggregateMenuProps) => {\r\n const [all, setAll] = useState<AggregateMenuDataSource>([]),\r\n [filterList, setFilterList] = useState<AggregateMenuDataSource>([]),\r\n [collects, setCollects] = useState<AppMenu[]>([]),\r\n [latelys, setLately] = useState<AppMenu[]>([]),\r\n locale = useLocale('AggregateMenu'),\r\n isDark = useDark(),\r\n sensors = useSensors(\r\n useSensor(PointerSensor),\r\n useSensor(KeyboardSensor, {\r\n coordinateGetter: sortableKeyboardCoordinates,\r\n })\r\n );\r\n\r\n const\r\n request = useCallback(async () => {\r\n const appsResult = await paging<LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables>(userAppsQuery, {}, 1, {\r\n instanceName: instanceName.UCENTER,\r\n }), apps: App[] = [];\r\n if (appsResult.data?.userApps) {\r\n appsResult.data.userApps.forEach(app => {\r\n apps.push(app as App)\r\n })\r\n }\r\n const newAll: AggregateMenuDataSource = [];\r\n for (let i in apps) {\r\n const menuResult = await query<LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables>(userMenuListQuery, {\r\n appCode: apps[i].code,\r\n }, { instanceName: instanceName.UCENTER });\r\n if (menuResult.data?.userMenus) {\r\n const menu = menuResult.data.userMenus.sort((d1, d2) => {\r\n const d1Sort = d1.displaySort || 0, d2Sort = d2.displaySort || 0;\r\n return d1.parentID < d2.parentID ? -1 : d1.parentID > d2.parentID ? 1 : d1Sort < d2Sort ? -1 : d1Sort > d2Sort ? 1 : 0;\r\n }) as AppMenu[];\r\n newAll.push({\r\n app: apps[i],\r\n menu: treeFormatList(listFormatTreeData(menu, undefined, { key: 'id', parentId: 'parentID' })),\r\n })\r\n }\r\n }\r\n setAll(newAll);\r\n setFilterList(newAll);\r\n // 初始化收藏和初始化最近数据\r\n const preferenceResult = await query<LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables>(userPreferenceQuery, {}, {\r\n instanceName: instanceName.UCENTER\r\n });\r\n if (preferenceResult.data?.orgUserPreference?.id) {\r\n const menuFavorite = preferenceResult.data.orgUserPreference.menuFavorite,\r\n menuRecent = preferenceResult.data.orgUserPreference.menuRecent,\r\n collectsList: AppMenu[] = [],\r\n latelyList: AppMenu[] = [];\r\n if (menuFavorite) {\r\n menuFavorite.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n collectsList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n if (menuRecent) {\r\n menuRecent.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n latelyList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n setCollects(collectsList);\r\n setLately(latelyList);\r\n }\r\n }, []),\r\n requestFavorite = async (list: AppMenu[]) => {\r\n // 异步存储收藏\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuFavorite: list.map(item => item.id),\r\n }\r\n }, {\r\n instanceName: instanceName.UCENTER,\r\n });\r\n },\r\n requestRecent = async (ids: string[]) => {\r\n // 异步存储访问菜单记录\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuRecent: ids,\r\n }\r\n }, {\r\n instanceName: instanceName.UCENTER,\r\n });\r\n },\r\n checkCollect = useCallback((menuItem: AppMenu) => {\r\n return !!collects.find(item => item.id === menuItem.id && item.appID === menuItem.appID);\r\n }, [collects]),\r\n onClickItem = async (menuItem: AppMenu, isOpen?: boolean) => {\r\n const allApp = all.find(allItem => allItem.app.id == menuItem.appID);\r\n if (allApp) {\r\n const latelyList = [...latelys];\r\n const oldIdx = latelyList.findIndex(lately => lately.id == menuItem.id);\r\n if (oldIdx > -1) {\r\n latelyList.splice(oldIdx, 1);\r\n }\r\n latelyList.unshift(menuItem);\r\n latelyList.splice(6);\r\n await requestRecent(latelyList.map(item => item.id));\r\n setLately(latelyList);\r\n props.onClick?.(menuItem, allApp.app, isOpen);\r\n }\r\n },\r\n menuItemRender = (menuItem: AppMenu) => {\r\n return <div\r\n key={`${menuItem.id}-${menuItem.appID}`}\r\n className={styles.aggregateMenuDrawerAllMenuItem}\r\n onClick={() => {\r\n onClickItem(menuItem)\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerAllMenuItemName}> {menuItem.name}</div>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n onClickItem(menuItem, true)\r\n }} />\r\n <StarOutlined rev={undefined} className={checkCollect(menuItem) ? 'collect' : ''} onClick={async (event) => {\r\n event.stopPropagation();\r\n let collectList: AppMenu[] = [];\r\n if (checkCollect(menuItem)) {\r\n collectList = collects.filter(c => !(c.id === menuItem.id && c.appID === menuItem.appID))\r\n } else {\r\n collectList = [...collects, menuItem]\r\n }\r\n await requestFavorite(collectList)\r\n setCollects(collectList);\r\n }} />\r\n </Space>\r\n </div>\r\n </div>\r\n }\r\n\r\n useEffect(() => {\r\n if (props.dataSource) {\r\n setAll(props.dataSource);\r\n setFilterList(props.dataSource);\r\n } else {\r\n request();\r\n }\r\n }, [props.dataSource]);\r\n\r\n return <>\r\n <Drawer\r\n title={locale.title}\r\n maskClosable={false}\r\n placement=\"left\"\r\n width={1060}\r\n {...props.drawerProps}\r\n className={`${styles.aggregateMenuDrawer} ${isDark ? styles.aggregateMenuDark : ''}`}\r\n open={props.open}\r\n onClose={() => {\r\n props.onChangeOpen?.(false);\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerRow}>\r\n <div style={{ width: 240 }} className={styles.aggregateMenuDrawerMenu}>\r\n {/* 收藏 */}\r\n {collects.length ?\r\n <DndContext sensors={sensors}\r\n collisionDetection={closestCenter}\r\n onDragEnd={(event) => {\r\n const { active, over } = event;\r\n if (over && active.id !== over.id) {\r\n setCollects((items) => {\r\n const oldIndex = items.findIndex(oItem => `${oItem.id}-${oItem.appID}` == active.id);\r\n const newIndex = items.findIndex(nItem => `${nItem.id}-${nItem.appID}` == over.id);\r\n const collectList = arrayMove(items, oldIndex, newIndex);\r\n requestFavorite(collectList);\r\n return collectList;\r\n });\r\n }\r\n }}\r\n >\r\n <SortableContext items={collects.map(item => `${item.id}-${item.appID}`)} strategy={verticalListSortingStrategy}>\r\n {\r\n collects.map(item => (<DargItem\r\n key={`c${item.id}-${item.appID}`}\r\n value={item}\r\n onDel={async () => {\r\n const collectList = collects.filter(c => !(c.id === item.id && c.appID === item.appID))\r\n await requestFavorite(collectList);\r\n setCollects(collectList);\r\n }}\r\n onClick={(isOpen) => {\r\n onClickItem(item, isOpen)\r\n }}\r\n />))\r\n }\r\n </SortableContext>\r\n </DndContext>\r\n : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={locale.notText} />\r\n }\r\n </div>\r\n <div style={{ width: 820 }}>\r\n {/* 过滤 */}\r\n <div className={styles.aggregateMenuDrawerAllInput}>\r\n <Input\r\n bordered={false}\r\n prefix={<SearchOutlined rev={undefined} />}\r\n placeholder={locale.searchPlaceholder}\r\n onChange={(event) => {\r\n const keyword = event.target.value;\r\n if (keyword) {\r\n const fList = all.map(f => {\r\n return {\r\n app: f.app,\r\n menu: f.menu.filter(fMenuItem => fMenuItem.name.indexOf(keyword) > -1),\r\n };\r\n }).filter(f => f.menu.length);\r\n setFilterList(fList);\r\n } else {\r\n setFilterList([...all]);\r\n }\r\n }}\r\n />\r\n </div>\r\n {/* 最近访问 */}\r\n {latelys.length ?\r\n <div className={styles.aggregateMenuLatelys}>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemDir}>{locale.latelyTitle}</div>\r\n <div className={styles.aggregateMenuLatelysColumn}>\r\n {latelys.map(menuItem => (\r\n menuItemRender(menuItem)\r\n ))}\r\n </div>\r\n </div> : <></>\r\n }\r\n {/* all应用菜单 */}\r\n <div className={styles.aggregateMenuDrawerAllMenu} style={{ height: latelys.length ? \"calc(100% - 164px)\" : \"calc(100% - 52px)\" }}>\r\n <div className={styles.aggregateMenuDrawerAllMenuColumn}>\r\n {filterList.map(item => (item.menu.length ?\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","DndContext","KeyboardSensor","PointerSensor","closestCenter","useSensor","useSensors","SortableContext","arrayMove","sortableKeyboardCoordinates","useSortable","verticalListSortingStrategy","CSS","instanceName","AppMenuKind","gql","mutation","paging","query","Drawer","Empty","Input","Space","useCallback","useEffect","useState","listFormatTreeData","treeFormatList","OpenWin","useLocale","useDark","styles","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","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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"}
|
|
@@ -163,10 +163,10 @@
|
|
|
163
163
|
|
|
164
164
|
/* 黑色主题处理 */
|
|
165
165
|
.aggregateMenuDark {
|
|
166
|
-
color: #
|
|
166
|
+
color: #1c1121;
|
|
167
167
|
}
|
|
168
168
|
|
|
169
|
-
.aggregateMenuDark .aggregateMenuDrawerAllInput {
|
|
169
|
+
/* .aggregateMenuDark .aggregateMenuDrawerAllInput {
|
|
170
170
|
border-bottom: 1px solid #ffffff40;
|
|
171
171
|
}
|
|
172
172
|
|
|
@@ -177,4 +177,4 @@
|
|
|
177
177
|
|
|
178
178
|
.aggregateMenuDark .aggregateMenuDrawerMenuItem:hover {
|
|
179
179
|
background-color: #ffffff40;
|
|
180
|
-
}
|
|
180
|
+
} */
|
|
@@ -6,19 +6,19 @@ import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
|
|
|
6
6
|
import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
|
|
7
7
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
|
|
8
8
|
import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from "@ant-design/icons";
|
|
9
|
-
import {
|
|
10
|
-
import
|
|
11
|
-
import { Drawer, Empty, Input, Space } from "antd";
|
|
12
|
-
import { gql, mutation, paging, query } from "@knockout-js/ice-urql/request";
|
|
13
|
-
import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
|
|
14
|
-
import { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
|
|
9
|
+
import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
|
|
10
|
+
import { SortableContext, arrayMove, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
|
|
15
11
|
import { CSS } from "@dnd-kit/utilities";
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
12
|
+
import { instanceName } from "@knockout-js/api";
|
|
13
|
+
import { AppMenuKind } from "@knockout-js/api/ucenter";
|
|
14
|
+
import { gql, mutation, paging, query } from "@knockout-js/ice-urql/request";
|
|
15
|
+
import { Drawer, Empty, Input, Space } from "antd";
|
|
16
|
+
import { useCallback, useEffect, useState } from "react";
|
|
18
17
|
import { listFormatTreeData, treeFormatList } from "../_util/index";
|
|
19
18
|
import { OpenWin } from "../icons/index";
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
19
|
+
import { useLocale } from "../locale/index";
|
|
20
|
+
import { useDark } from "../provider/index";
|
|
21
|
+
import styles from "./index.module.css";
|
|
22
22
|
var userMenuListQuery = gql("query layoutPkgUserMenuList($appCode:String!){\n userMenus(appCode: $appCode){\n id,name,route,appID,parentID,displaySort,kind\n }\n}");
|
|
23
23
|
var userAppsQuery = gql("query layoutPkgUserAppList{\n userApps{\n id,name,code\n }\n}");
|
|
24
24
|
var userPreferenceQuery = gql("query layoutPkgUserPreference{\n orgUserPreference{\n id,menuFavorite,menuRecent,\n }\n}");
|
|
@@ -509,7 +509,7 @@ export default function(props) {
|
|
|
509
509
|
children: /*#__PURE__*/ _jsx("div", {
|
|
510
510
|
className: styles.aggregateMenuDrawerAllMenuColumn,
|
|
511
511
|
children: filterList.map(function(item) {
|
|
512
|
-
return /*#__PURE__*/ _jsxs("div", {
|
|
512
|
+
return item.menu.length ? /*#__PURE__*/ _jsxs("div", {
|
|
513
513
|
className: styles.aggregateMenuDrawerAllMenuColumnItem,
|
|
514
514
|
children: [
|
|
515
515
|
/*#__PURE__*/ _jsx("div", {
|
|
@@ -523,7 +523,7 @@ export default function(props) {
|
|
|
523
523
|
}, "".concat(menuItem.appID, "-").concat(menuItem.id));
|
|
524
524
|
})
|
|
525
525
|
]
|
|
526
|
-
}, item.app.code);
|
|
526
|
+
}, item.app.code) : /*#__PURE__*/ _jsx(_Fragment, {});
|
|
527
527
|
})
|
|
528
528
|
})
|
|
529
529
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[".\\src\\components\\aggregate-menu\\index.tsx"],"sourcesContent":["import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from \"@ant-design/icons\"\r\nimport { useCallback, useEffect, useState } from \"react\"\r\nimport styles from \"./index.module.css\"\r\nimport { Drawer, DrawerProps, Empty, Input, Space } from \"antd\";\r\nimport { gql, mutation, paging, query } from \"@knockout-js/ice-urql/request\";\r\nimport { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from \"@dnd-kit/core\";\r\nimport { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from \"@dnd-kit/sortable\";\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { useLocale } from \"../locale\";\r\nimport { useDark } from \"../provider\";\r\nimport { listFormatTreeData, treeFormatList } from \"../_util\";\r\nimport { OpenWin } from \"../icons\";\r\nimport { App, AppMenu, AppMenuKind, LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables, LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables, LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables, LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables } from \"@knockout-js/api/ucenter\";\r\nimport { instanceName } from \"@knockout-js/api\";\r\n\r\nconst userMenuListQuery = gql(/* GraphQL */`query layoutPkgUserMenuList($appCode:String!){\r\n userMenus(appCode: $appCode){\r\n id,name,route,appID,parentID,displaySort,kind\r\n }\r\n}`);\r\n\r\nconst userAppsQuery = gql(/* GraphQL */`query layoutPkgUserAppList{\r\n userApps{\r\n id,name,code\r\n }\r\n}`);\r\n\r\nconst userPreferenceQuery = gql(/* GraphQL */`query layoutPkgUserPreference{\r\n orgUserPreference{\r\n id,menuFavorite,menuRecent,\r\n }\r\n}`);\r\n\r\nconst userPreferenceMut = gql(/* GraphQL */`mutation layoutPkgSaveUserPreference($input:OrgUserPreferenceInput!){\r\n saveOrgUserPreference(input: $input){ id }\r\n}`);\r\n\r\nexport type AggregateMenuLocale = {\r\n title: string;\r\n latelyTitle: string;\r\n notText: string;\r\n searchPlaceholder: string;\r\n}\r\n\r\nexport type AggregateMenuDataSource = {\r\n app: App;\r\n menu: AppMenu[];\r\n}[]\r\n\r\nexport interface AggregateMenuProps {\r\n /**\r\n * 弹出开关\r\n */\r\n open?: boolean;\r\n /**\r\n * 数据源\r\n */\r\n dataSource?: AggregateMenuDataSource;\r\n /**\r\n * 弹框设置\r\n */\r\n drawerProps?: DrawerProps;\r\n /**\r\n * 弹出开关变更\r\n */\r\n onChangeOpen?: (open: boolean) => void;\r\n /**\r\n * 选中菜单\r\n */\r\n onClick?: (menuItem: AppMenu, app: App, isOpen?: boolean) => void;\r\n}\r\n\r\n/**\r\n * 排序拖拽使用的控件\r\n * https://docs.dndkit.com/\r\n * @param props\r\n * @returns\r\n */\r\nconst DargItem = (props: {\r\n value: AppMenu;\r\n onDel: () => void;\r\n onClick: (isOpen?: boolean) => void;\r\n}) => {\r\n const id = `${props.value.id}-${props.value.appID}`;\r\n const { setNodeRef, listeners, attributes, transform, transition } = useSortable({ id });\r\n const style = {\r\n transform: CSS.Transform.toString(transform),\r\n transition,\r\n };\r\n\r\n return <div\r\n ref={setNodeRef}\r\n style={style}\r\n {...attributes}\r\n className={styles.aggregateMenuDrawerMenuItem}\r\n onClick={() => {\r\n props.onClick();\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerMenuItemName}>{props.value.name}</div>\r\n <div className={styles.aggregateMenuDrawerMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n props.onClick(true);\r\n }} />\r\n <CloseOutlined rev={undefined} onClick={(event) => {\r\n event.stopPropagation();\r\n props.onDel();\r\n }} />\r\n <DragOutlined rev={undefined} {...listeners} className=\"dragIcon\" />\r\n </Space>\r\n </div>\r\n </div>\r\n}\r\n\r\nexport default (props: AggregateMenuProps) => {\r\n const [all, setAll] = useState<AggregateMenuDataSource>([]),\r\n [filterList, setFilterList] = useState<AggregateMenuDataSource>([]),\r\n [collects, setCollects] = useState<AppMenu[]>([]),\r\n [latelys, setLately] = useState<AppMenu[]>([]),\r\n locale = useLocale('AggregateMenu'),\r\n isDark = useDark(),\r\n sensors = useSensors(\r\n useSensor(PointerSensor),\r\n useSensor(KeyboardSensor, {\r\n coordinateGetter: sortableKeyboardCoordinates,\r\n })\r\n );\r\n\r\n const\r\n request = useCallback(async () => {\r\n const appsResult = await paging<LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables>(userAppsQuery, {}, 1, {\r\n instanceName: instanceName.UCENTER,\r\n }), apps: App[] = [];\r\n if (appsResult.data?.userApps) {\r\n appsResult.data.userApps.forEach(app => {\r\n apps.push(app as App)\r\n })\r\n }\r\n const newAll: AggregateMenuDataSource = [];\r\n for (let i in apps) {\r\n const menuResult = await query<LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables>(userMenuListQuery, {\r\n appCode: apps[i].code,\r\n }, { instanceName: instanceName.UCENTER });\r\n if (menuResult.data?.userMenus) {\r\n const menu = menuResult.data.userMenus.sort((d1, d2) => {\r\n const d1Sort = d1.displaySort || 0, d2Sort = d2.displaySort || 0;\r\n return d1.parentID < d2.parentID ? -1 : d1.parentID > d2.parentID ? 1 : d1Sort < d2Sort ? -1 : d1Sort > d2Sort ? 1 : 0;\r\n }) as AppMenu[];\r\n newAll.push({\r\n app: apps[i],\r\n menu: treeFormatList(listFormatTreeData(menu, undefined, { key: 'id', parentId: 'parentID' })),\r\n })\r\n }\r\n }\r\n setAll(newAll);\r\n setFilterList(newAll);\r\n // 初始化收藏和初始化最近数据\r\n const preferenceResult = await query<LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables>(userPreferenceQuery, {}, {\r\n instanceName: instanceName.UCENTER\r\n });\r\n if (preferenceResult.data?.orgUserPreference?.id) {\r\n const menuFavorite = preferenceResult.data.orgUserPreference.menuFavorite,\r\n menuRecent = preferenceResult.data.orgUserPreference.menuRecent,\r\n collectsList: AppMenu[] = [],\r\n latelyList: AppMenu[] = [];\r\n if (menuFavorite) {\r\n menuFavorite.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n collectsList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n if (menuRecent) {\r\n menuRecent.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n latelyList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n setCollects(collectsList);\r\n setLately(latelyList);\r\n }\r\n }, []),\r\n requestFavorite = async (list: AppMenu[]) => {\r\n // 异步存储收藏\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuFavorite: list.map(item => item.id),\r\n }\r\n }, {\r\n instanceName: instanceName.UCENTER,\r\n });\r\n },\r\n requestRecent = async (ids: string[]) => {\r\n // 异步存储访问菜单记录\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuRecent: ids,\r\n }\r\n }, {\r\n instanceName: instanceName.UCENTER,\r\n });\r\n },\r\n checkCollect = useCallback((menuItem: AppMenu) => {\r\n return !!collects.find(item => item.id === menuItem.id && item.appID === menuItem.appID);\r\n }, [collects]),\r\n onClickItem = async (menuItem: AppMenu, isOpen?: boolean) => {\r\n const allApp = all.find(allItem => allItem.app.id == menuItem.appID);\r\n if (allApp) {\r\n const latelyList = [...latelys];\r\n const oldIdx = latelyList.findIndex(lately => lately.id == menuItem.id);\r\n if (oldIdx > -1) {\r\n latelyList.splice(oldIdx, 1);\r\n }\r\n latelyList.unshift(menuItem);\r\n latelyList.splice(6);\r\n await requestRecent(latelyList.map(item => item.id));\r\n setLately(latelyList);\r\n props.onClick?.(menuItem, allApp.app, isOpen);\r\n }\r\n },\r\n menuItemRender = (menuItem: AppMenu) => {\r\n return <div\r\n key={`${menuItem.id}-${menuItem.appID}`}\r\n className={styles.aggregateMenuDrawerAllMenuItem}\r\n onClick={() => {\r\n onClickItem(menuItem)\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerAllMenuItemName}> {menuItem.name}</div>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n onClickItem(menuItem, true)\r\n }} />\r\n <StarOutlined rev={undefined} className={checkCollect(menuItem) ? 'collect' : ''} onClick={async (event) => {\r\n event.stopPropagation();\r\n let collectList: AppMenu[] = [];\r\n if (checkCollect(menuItem)) {\r\n collectList = collects.filter(c => !(c.id === menuItem.id && c.appID === menuItem.appID))\r\n } else {\r\n collectList = [...collects, menuItem]\r\n }\r\n await requestFavorite(collectList)\r\n setCollects(collectList);\r\n }} />\r\n </Space>\r\n </div>\r\n </div>\r\n }\r\n\r\n useEffect(() => {\r\n if (props.dataSource) {\r\n setAll(props.dataSource);\r\n setFilterList(props.dataSource);\r\n } else {\r\n request();\r\n }\r\n }, [props.dataSource]);\r\n\r\n return <>\r\n <Drawer\r\n title={locale.title}\r\n maskClosable={false}\r\n placement=\"left\"\r\n width={1060}\r\n {...props.drawerProps}\r\n className={`${styles.aggregateMenuDrawer} ${isDark ? styles.aggregateMenuDark : ''}`}\r\n open={props.open}\r\n onClose={() => {\r\n props.onChangeOpen?.(false);\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerRow}>\r\n <div style={{ width: 240 }} className={styles.aggregateMenuDrawerMenu}>\r\n {/* 收藏 */}\r\n {collects.length ?\r\n <DndContext sensors={sensors}\r\n collisionDetection={closestCenter}\r\n onDragEnd={(event) => {\r\n const { active, over } = event;\r\n if (over && active.id !== over.id) {\r\n setCollects((items) => {\r\n const oldIndex = items.findIndex(oItem => `${oItem.id}-${oItem.appID}` == active.id);\r\n const newIndex = items.findIndex(nItem => `${nItem.id}-${nItem.appID}` == over.id);\r\n const collectList = arrayMove(items, oldIndex, newIndex);\r\n requestFavorite(collectList);\r\n return collectList;\r\n });\r\n }\r\n }}\r\n >\r\n <SortableContext items={collects.map(item => `${item.id}-${item.appID}`)} strategy={verticalListSortingStrategy}>\r\n {\r\n collects.map(item => (<DargItem\r\n key={`c${item.id}-${item.appID}`}\r\n value={item}\r\n onDel={async () => {\r\n const collectList = collects.filter(c => !(c.id === item.id && c.appID === item.appID))\r\n await requestFavorite(collectList);\r\n setCollects(collectList);\r\n }}\r\n onClick={(isOpen) => {\r\n onClickItem(item, isOpen)\r\n }}\r\n />))\r\n }\r\n </SortableContext>\r\n </DndContext>\r\n : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={locale.notText} />\r\n }\r\n </div>\r\n <div style={{ width: 820 }}>\r\n {/* 过滤 */}\r\n <div className={styles.aggregateMenuDrawerAllInput}>\r\n <Input\r\n bordered={false}\r\n prefix={<SearchOutlined rev={undefined} />}\r\n placeholder={locale.searchPlaceholder}\r\n onChange={(event) => {\r\n const keyword = event.target.value;\r\n if (keyword) {\r\n const fList = all.map(f => {\r\n return {\r\n app: f.app,\r\n menu: f.menu.filter(fMenuItem => fMenuItem.name.indexOf(keyword) > -1),\r\n };\r\n }).filter(f => f.menu.length);\r\n setFilterList(fList);\r\n } else {\r\n setFilterList([...all]);\r\n }\r\n }}\r\n />\r\n </div>\r\n {/* 最近访问 */}\r\n {latelys.length ?\r\n <div className={styles.aggregateMenuLatelys}>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemDir}>{locale.latelyTitle}</div>\r\n <div className={styles.aggregateMenuLatelysColumn}>\r\n {latelys.map(menuItem => (\r\n menuItemRender(menuItem)\r\n ))}\r\n </div>\r\n </div> : <></>\r\n }\r\n {/* all应用菜单 */}\r\n <div className={styles.aggregateMenuDrawerAllMenu} style={{ height: latelys.length ? \"calc(100% - 164px)\" : \"calc(100% - 52px)\" }}>\r\n <div className={styles.aggregateMenuDrawerAllMenuColumn}>\r\n {filterList.map(item => (\r\n <div key={item.app.code} className={styles.aggregateMenuDrawerAllMenuColumnItem}>\r\n <div className={styles.aggregateMenuDrawerAllAppTitle}>{item.app.name}</div>\r\n {item.menu.map(menuItem => (menuItem.kind === AppMenuKind.Menu ?\r\n menuItemRender(menuItem)\r\n : <div\r\n key={`${menuItem.appID}-${menuItem.id}`}\r\n className={styles.aggregateMenuDrawerAllMenuItemDir}\r\n >\r\n {menuItem.name}\r\n </div>\r\n ))}\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </Drawer>\r\n </>\r\n}\r\n"],"names":["CloseOutlined","DragOutlined","SearchOutlined","StarOutlined","useCallback","useEffect","useState","styles","Drawer","Empty","Input","Space","gql","mutation","paging","query","DndContext","closestCenter","KeyboardSensor","PointerSensor","useSensor","useSensors","arrayMove","SortableContext","useSortable","sortableKeyboardCoordinates","verticalListSortingStrategy","CSS","useLocale","useDark","listFormatTreeData","treeFormatList","OpenWin","AppMenuKind","instanceName","userMenuListQuery","userAppsQuery","userPreferenceQuery","userPreferenceMut","DargItem","props","id","value","appID","setNodeRef","listeners","attributes","transform","transition","style","Transform","toString","div","ref","className","aggregateMenuDrawerMenuItem","onClick","aggregateMenuDrawerMenuItemName","name","aggregateMenuDrawerMenuItemIcons","event","stopPropagation","rev","undefined","onDel","all","setAll","filterList","setFilterList","collects","setCollects","latelys","setLately","locale","isDark","sensors","coordinateGetter","request","appsResult","preferenceResult","apps","newAll","i","menuResult","menu","menuFavorite","menuRecent","collectsList","latelyList","UCENTER","data","userApps","forEach","app","push","appCode","code","userMenus","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","key","parentId","orgUserPreference","menuItem","find","item","requestFavorite","list","input","map","requestRecent","ids","checkCollect","onClickItem","isOpen","allApp","oldIdx","allItem","findIndex","lately","splice","unshift","menuItemRender","aggregateMenuDrawerAllMenuItem","aggregateMenuDrawerAllMenuItemName","aggregateMenuDrawerAllMenuItemIcons","collectList","filter","c","dataSource","title","maskClosable","placement","width","drawerProps","aggregateMenuDrawer","aggregateMenuDark","open","onClose","onChangeOpen","aggregateMenuDrawerRow","aggregateMenuDrawerMenu","length","collisionDetection","onDragEnd","active","over","items","oldIndex","oItem","newIndex","nItem","strategy","image","PRESENTED_IMAGE_SIMPLE","description","notText","aggregateMenuDrawerAllInput","bordered","prefix","placeholder","searchPlaceholder","onChange","keyword","target","fList","f","fMenuItem","indexOf","aggregateMenuLatelys","aggregateMenuDrawerAllMenuItemDir","latelyTitle","aggregateMenuLatelysColumn","aggregateMenuDrawerAllMenu","height","aggregateMenuDrawerAllMenuColumn","aggregateMenuDrawerAllMenuColumnItem","aggregateMenuDrawerAllAppTitle","kind","Menu"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":[".\\src\\components\\aggregate-menu\\index.tsx"],"sourcesContent":["import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from \"@ant-design/icons\";\r\nimport { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors, } from \"@dnd-kit/core\";\r\nimport { SortableContext, arrayMove, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from \"@dnd-kit/sortable\";\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { instanceName } from \"@knockout-js/api\";\r\nimport { App, AppMenu, AppMenuKind, LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables, LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables, LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables, LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables } from \"@knockout-js/api/ucenter\";\r\nimport { gql, mutation, paging, query } from \"@knockout-js/ice-urql/request\";\r\nimport { Drawer, DrawerProps, Empty, Input, Space } from \"antd\";\r\nimport { useCallback, useEffect, useState } from \"react\";\r\nimport { listFormatTreeData, treeFormatList } from \"../_util\";\r\nimport { OpenWin } from \"../icons\";\r\nimport { useLocale } from \"../locale\";\r\nimport { useDark } from \"../provider\";\r\nimport styles from \"./index.module.css\";\r\n\r\nconst userMenuListQuery = gql(/* GraphQL */`query layoutPkgUserMenuList($appCode:String!){\r\n userMenus(appCode: $appCode){\r\n id,name,route,appID,parentID,displaySort,kind\r\n }\r\n}`);\r\n\r\nconst userAppsQuery = gql(/* GraphQL */`query layoutPkgUserAppList{\r\n userApps{\r\n id,name,code\r\n }\r\n}`);\r\n\r\nconst userPreferenceQuery = gql(/* GraphQL */`query layoutPkgUserPreference{\r\n orgUserPreference{\r\n id,menuFavorite,menuRecent,\r\n }\r\n}`);\r\n\r\nconst userPreferenceMut = gql(/* GraphQL */`mutation layoutPkgSaveUserPreference($input:OrgUserPreferenceInput!){\r\n saveOrgUserPreference(input: $input){ id }\r\n}`);\r\n\r\nexport type AggregateMenuLocale = {\r\n title: string;\r\n latelyTitle: string;\r\n notText: string;\r\n searchPlaceholder: string;\r\n}\r\n\r\nexport type AggregateMenuDataSource = {\r\n app: App;\r\n menu: AppMenu[];\r\n}[]\r\n\r\nexport interface AggregateMenuProps {\r\n /**\r\n * 弹出开关\r\n */\r\n open?: boolean;\r\n /**\r\n * 数据源\r\n */\r\n dataSource?: AggregateMenuDataSource;\r\n /**\r\n * 弹框设置\r\n */\r\n drawerProps?: DrawerProps;\r\n /**\r\n * 弹出开关变更\r\n */\r\n onChangeOpen?: (open: boolean) => void;\r\n /**\r\n * 选中菜单\r\n */\r\n onClick?: (menuItem: AppMenu, app: App, isOpen?: boolean) => void;\r\n}\r\n\r\n/**\r\n * 排序拖拽使用的控件\r\n * https://docs.dndkit.com/\r\n * @param props\r\n * @returns\r\n */\r\nconst DargItem = (props: {\r\n value: AppMenu;\r\n onDel: () => void;\r\n onClick: (isOpen?: boolean) => void;\r\n}) => {\r\n const id = `${props.value.id}-${props.value.appID}`;\r\n const { setNodeRef, listeners, attributes, transform, transition } = useSortable({ id });\r\n const style = {\r\n transform: CSS.Transform.toString(transform),\r\n transition,\r\n };\r\n\r\n return <div\r\n ref={setNodeRef}\r\n style={style}\r\n {...attributes}\r\n className={styles.aggregateMenuDrawerMenuItem}\r\n onClick={() => {\r\n props.onClick();\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerMenuItemName}>{props.value.name}</div>\r\n <div className={styles.aggregateMenuDrawerMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n props.onClick(true);\r\n }} />\r\n <CloseOutlined rev={undefined} onClick={(event) => {\r\n event.stopPropagation();\r\n props.onDel();\r\n }} />\r\n <DragOutlined rev={undefined} {...listeners} className=\"dragIcon\" />\r\n </Space>\r\n </div>\r\n </div>\r\n}\r\n\r\nexport default (props: AggregateMenuProps) => {\r\n const [all, setAll] = useState<AggregateMenuDataSource>([]),\r\n [filterList, setFilterList] = useState<AggregateMenuDataSource>([]),\r\n [collects, setCollects] = useState<AppMenu[]>([]),\r\n [latelys, setLately] = useState<AppMenu[]>([]),\r\n locale = useLocale('AggregateMenu'),\r\n isDark = useDark(),\r\n sensors = useSensors(\r\n useSensor(PointerSensor),\r\n useSensor(KeyboardSensor, {\r\n coordinateGetter: sortableKeyboardCoordinates,\r\n })\r\n );\r\n\r\n const\r\n request = useCallback(async () => {\r\n const appsResult = await paging<LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables>(userAppsQuery, {}, 1, {\r\n instanceName: instanceName.UCENTER,\r\n }), apps: App[] = [];\r\n if (appsResult.data?.userApps) {\r\n appsResult.data.userApps.forEach(app => {\r\n apps.push(app as App)\r\n })\r\n }\r\n const newAll: AggregateMenuDataSource = [];\r\n for (let i in apps) {\r\n const menuResult = await query<LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables>(userMenuListQuery, {\r\n appCode: apps[i].code,\r\n }, { instanceName: instanceName.UCENTER });\r\n if (menuResult.data?.userMenus) {\r\n const menu = menuResult.data.userMenus.sort((d1, d2) => {\r\n const d1Sort = d1.displaySort || 0, d2Sort = d2.displaySort || 0;\r\n return d1.parentID < d2.parentID ? -1 : d1.parentID > d2.parentID ? 1 : d1Sort < d2Sort ? -1 : d1Sort > d2Sort ? 1 : 0;\r\n }) as AppMenu[];\r\n newAll.push({\r\n app: apps[i],\r\n menu: treeFormatList(listFormatTreeData(menu, undefined, { key: 'id', parentId: 'parentID' })),\r\n })\r\n }\r\n }\r\n setAll(newAll);\r\n setFilterList(newAll);\r\n // 初始化收藏和初始化最近数据\r\n const preferenceResult = await query<LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables>(userPreferenceQuery, {}, {\r\n instanceName: instanceName.UCENTER\r\n });\r\n if (preferenceResult.data?.orgUserPreference?.id) {\r\n const menuFavorite = preferenceResult.data.orgUserPreference.menuFavorite,\r\n menuRecent = preferenceResult.data.orgUserPreference.menuRecent,\r\n collectsList: AppMenu[] = [],\r\n latelyList: AppMenu[] = [];\r\n if (menuFavorite) {\r\n menuFavorite.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n collectsList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n if (menuRecent) {\r\n menuRecent.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n latelyList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n setCollects(collectsList);\r\n setLately(latelyList);\r\n }\r\n }, []),\r\n requestFavorite = async (list: AppMenu[]) => {\r\n // 异步存储收藏\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuFavorite: list.map(item => item.id),\r\n }\r\n }, {\r\n instanceName: instanceName.UCENTER,\r\n });\r\n },\r\n requestRecent = async (ids: string[]) => {\r\n // 异步存储访问菜单记录\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuRecent: ids,\r\n }\r\n }, {\r\n instanceName: instanceName.UCENTER,\r\n });\r\n },\r\n checkCollect = useCallback((menuItem: AppMenu) => {\r\n return !!collects.find(item => item.id === menuItem.id && item.appID === menuItem.appID);\r\n }, [collects]),\r\n onClickItem = async (menuItem: AppMenu, isOpen?: boolean) => {\r\n const allApp = all.find(allItem => allItem.app.id == menuItem.appID);\r\n if (allApp) {\r\n const latelyList = [...latelys];\r\n const oldIdx = latelyList.findIndex(lately => lately.id == menuItem.id);\r\n if (oldIdx > -1) {\r\n latelyList.splice(oldIdx, 1);\r\n }\r\n latelyList.unshift(menuItem);\r\n latelyList.splice(6);\r\n await requestRecent(latelyList.map(item => item.id));\r\n setLately(latelyList);\r\n props.onClick?.(menuItem, allApp.app, isOpen);\r\n }\r\n },\r\n menuItemRender = (menuItem: AppMenu) => {\r\n return <div\r\n key={`${menuItem.id}-${menuItem.appID}`}\r\n className={styles.aggregateMenuDrawerAllMenuItem}\r\n onClick={() => {\r\n onClickItem(menuItem)\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerAllMenuItemName}> {menuItem.name}</div>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n onClickItem(menuItem, true)\r\n }} />\r\n <StarOutlined rev={undefined} className={checkCollect(menuItem) ? 'collect' : ''} onClick={async (event) => {\r\n event.stopPropagation();\r\n let collectList: AppMenu[] = [];\r\n if (checkCollect(menuItem)) {\r\n collectList = collects.filter(c => !(c.id === menuItem.id && c.appID === menuItem.appID))\r\n } else {\r\n collectList = [...collects, menuItem]\r\n }\r\n await requestFavorite(collectList)\r\n setCollects(collectList);\r\n }} />\r\n </Space>\r\n </div>\r\n </div>\r\n }\r\n\r\n useEffect(() => {\r\n if (props.dataSource) {\r\n setAll(props.dataSource);\r\n setFilterList(props.dataSource);\r\n } else {\r\n request();\r\n }\r\n }, [props.dataSource]);\r\n\r\n return <>\r\n <Drawer\r\n title={locale.title}\r\n maskClosable={false}\r\n placement=\"left\"\r\n width={1060}\r\n {...props.drawerProps}\r\n className={`${styles.aggregateMenuDrawer} ${isDark ? styles.aggregateMenuDark : ''}`}\r\n open={props.open}\r\n onClose={() => {\r\n props.onChangeOpen?.(false);\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerRow}>\r\n <div style={{ width: 240 }} className={styles.aggregateMenuDrawerMenu}>\r\n {/* 收藏 */}\r\n {collects.length ?\r\n <DndContext sensors={sensors}\r\n collisionDetection={closestCenter}\r\n onDragEnd={(event) => {\r\n const { active, over } = event;\r\n if (over && active.id !== over.id) {\r\n setCollects((items) => {\r\n const oldIndex = items.findIndex(oItem => `${oItem.id}-${oItem.appID}` == active.id);\r\n const newIndex = items.findIndex(nItem => `${nItem.id}-${nItem.appID}` == over.id);\r\n const collectList = arrayMove(items, oldIndex, newIndex);\r\n requestFavorite(collectList);\r\n return collectList;\r\n });\r\n }\r\n }}\r\n >\r\n <SortableContext items={collects.map(item => `${item.id}-${item.appID}`)} strategy={verticalListSortingStrategy}>\r\n {\r\n collects.map(item => (<DargItem\r\n key={`c${item.id}-${item.appID}`}\r\n value={item}\r\n onDel={async () => {\r\n const collectList = collects.filter(c => !(c.id === item.id && c.appID === item.appID))\r\n await requestFavorite(collectList);\r\n setCollects(collectList);\r\n }}\r\n onClick={(isOpen) => {\r\n onClickItem(item, isOpen)\r\n }}\r\n />))\r\n }\r\n </SortableContext>\r\n </DndContext>\r\n : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={locale.notText} />\r\n }\r\n </div>\r\n <div style={{ width: 820 }}>\r\n {/* 过滤 */}\r\n <div className={styles.aggregateMenuDrawerAllInput}>\r\n <Input\r\n bordered={false}\r\n prefix={<SearchOutlined rev={undefined} />}\r\n placeholder={locale.searchPlaceholder}\r\n onChange={(event) => {\r\n const keyword = event.target.value;\r\n if (keyword) {\r\n const fList = all.map(f => {\r\n return {\r\n app: f.app,\r\n menu: f.menu.filter(fMenuItem => fMenuItem.name.indexOf(keyword) > -1),\r\n };\r\n }).filter(f => f.menu.length);\r\n setFilterList(fList);\r\n } else {\r\n setFilterList([...all]);\r\n }\r\n }}\r\n />\r\n </div>\r\n {/* 最近访问 */}\r\n {latelys.length ?\r\n <div className={styles.aggregateMenuLatelys}>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemDir}>{locale.latelyTitle}</div>\r\n <div className={styles.aggregateMenuLatelysColumn}>\r\n {latelys.map(menuItem => (\r\n menuItemRender(menuItem)\r\n ))}\r\n </div>\r\n </div> : <></>\r\n }\r\n {/* all应用菜单 */}\r\n <div className={styles.aggregateMenuDrawerAllMenu} style={{ height: latelys.length ? \"calc(100% - 164px)\" : \"calc(100% - 52px)\" }}>\r\n <div className={styles.aggregateMenuDrawerAllMenuColumn}>\r\n {filterList.map(item => (item.menu.length ?\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","DndContext","KeyboardSensor","PointerSensor","closestCenter","useSensor","useSensors","SortableContext","arrayMove","sortableKeyboardCoordinates","useSortable","verticalListSortingStrategy","CSS","instanceName","AppMenuKind","gql","mutation","paging","query","Drawer","Empty","Input","Space","useCallback","useEffect","useState","listFormatTreeData","treeFormatList","OpenWin","useLocale","useDark","styles","userMenuListQuery","userAppsQuery","userPreferenceQuery","userPreferenceMut","DargItem","props","id","value","appID","setNodeRef","listeners","attributes","transform","transition","style","Transform","toString","div","ref","className","aggregateMenuDrawerMenuItem","onClick","aggregateMenuDrawerMenuItemName","name","aggregateMenuDrawerMenuItemIcons","event","stopPropagation","rev","undefined","onDel","all","setAll","filterList","setFilterList","collects","setCollects","latelys","setLately","locale","isDark","sensors","coordinateGetter","request","appsResult","preferenceResult","apps","newAll","i","menuResult","menu","menuFavorite","menuRecent","collectsList","latelyList","UCENTER","data","userApps","forEach","app","push","appCode","code","userMenus","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","key","parentId","orgUserPreference","menuItem","find","item","requestFavorite","list","input","map","requestRecent","ids","checkCollect","onClickItem","isOpen","allApp","oldIdx","allItem","findIndex","lately","splice","unshift","menuItemRender","aggregateMenuDrawerAllMenuItem","aggregateMenuDrawerAllMenuItemName","aggregateMenuDrawerAllMenuItemIcons","collectList","filter","c","dataSource","title","maskClosable","placement","width","drawerProps","aggregateMenuDrawer","aggregateMenuDark","open","onClose","onChangeOpen","aggregateMenuDrawerRow","aggregateMenuDrawerMenu","length","collisionDetection","onDragEnd","active","over","items","oldIndex","oItem","newIndex","nItem","strategy","image","PRESENTED_IMAGE_SIMPLE","description","notText","aggregateMenuDrawerAllInput","bordered","prefix","placeholder","searchPlaceholder","onChange","keyword","target","fList","f","fMenuItem","indexOf","aggregateMenuLatelys","aggregateMenuDrawerAllMenuItemDir","latelyTitle","aggregateMenuLatelysColumn","aggregateMenuDrawerAllMenu","height","aggregateMenuDrawerAllMenuColumn","aggregateMenuDrawerAllMenuColumnItem","aggregateMenuDrawerAllAppTitle","kind","Menu"],"mappings":"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"}
|
|
@@ -163,10 +163,10 @@
|
|
|
163
163
|
|
|
164
164
|
/* 黑色主题处理 */
|
|
165
165
|
.aggregateMenuDark {
|
|
166
|
-
color: #
|
|
166
|
+
color: #1c1121;
|
|
167
167
|
}
|
|
168
168
|
|
|
169
|
-
.aggregateMenuDark .aggregateMenuDrawerAllInput {
|
|
169
|
+
/* .aggregateMenuDark .aggregateMenuDrawerAllInput {
|
|
170
170
|
border-bottom: 1px solid #ffffff40;
|
|
171
171
|
}
|
|
172
172
|
|
|
@@ -177,4 +177,4 @@
|
|
|
177
177
|
|
|
178
178
|
.aggregateMenuDark .aggregateMenuDrawerMenuItem:hover {
|
|
179
179
|
background-color: #ffffff40;
|
|
180
|
-
}
|
|
180
|
+
} */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@knockout-js/layout",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4",
|
|
4
4
|
"description": "组件功能描述",
|
|
5
5
|
"files": [
|
|
6
6
|
"esm",
|
|
@@ -48,8 +48,8 @@
|
|
|
48
48
|
"dayjs": "^1.11.9",
|
|
49
49
|
"react-activation": "^0.12.4",
|
|
50
50
|
"react-draggable": "^4.4.5",
|
|
51
|
-
"@knockout-js/api": "^0.1.
|
|
52
|
-
"@knockout-js/ice-urql": "^0.1.
|
|
51
|
+
"@knockout-js/api": "^0.1.5",
|
|
52
|
+
"@knockout-js/ice-urql": "^0.1.4"
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|
|
55
55
|
"@ice/pkg": "^1.5.0",
|