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

@knockout-js/layout 0.1.1-beta.0 → 0.1.1-beta.2

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { DrawerProps } from "antd";
-import { App, AppMenu } from "@knockout-js/api/esm/gql/ucenter/graphql";
+import { App, AppMenu } from "@knockout-js/api/ucenter";
 export type AggregateMenuLocale = {
     title: string;
     latelyTitle: string;

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

@@ -13,7 +13,7 @@ import { useLocale } from "../locale/index";
 import { useDark } from "../provider/index";
 import { listFormatTreeData, treeFormatList } from "../_util/index";
 import { OpenWin } from "../icons/index";
-import { AppMenuKind } from "@knockout-js/api/esm/gql/ucenter/graphql";
+import { AppMenuKind } from "@knockout-js/api/ucenter";
 import { instanceName } from "@knockout-js/api";
 const userMenuListQuery = gql(/* GraphQL */ `query layoutPkgUserMenuList($appCode:String!){
   userMenus(appCode: $appCode){

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\aggregate-menu\\index.tsx"],"sourcesContent":["import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from \"@ant-design/icons\"\r\nimport { useCallback, useEffect, useState } from \"react\"\r\nimport styles from \"./index.module.css\"\r\nimport { Drawer, DrawerProps, Empty, Input, Space } from \"antd\";\r\nimport { gql, mutation, paging, query } from \"@knockout-js/ice-urql/request\";\r\nimport { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from \"@dnd-kit/core\";\r\nimport { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from \"@dnd-kit/sortable\";\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { useLocale } from \"../locale\";\r\nimport { useDark } from \"../provider\";\r\nimport { listFormatTreeData, treeFormatList } from \"../_util\";\r\nimport { OpenWin } from \"../icons\";\r\nimport { App, AppMenu, AppMenuKind, LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables, LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables, LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables, LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables } from \"@knockout-js/api/esm/gql/ucenter/graphql\";\r\nimport { instanceName } from \"@knockout-js/api\";\r\n\r\nconst userMenuListQuery = gql(/* GraphQL /`query layoutPkgUserMenuList($appCode:String!){\r\n userMenus(appCode: $appCode){\r\n id,name,route,appID,parentID,displaySort,kind\r\n }\r\n}`);\r\n\r\nconst userAppsQuery = gql(/ GraphQL /`query layoutPkgUserAppList{\r\n userApps{\r\n id,name,code\r\n }\r\n}`);\r\n\r\nconst userPreferenceQuery = gql(/ GraphQL /`query layoutPkgUserPreference{\r\n orgUserPreference{\r\n id,menuFavorite,menuRecent,\r\n }\r\n}`);\r\n\r\nconst userPreferenceMut = gql(/ GraphQL /`mutation layoutPkgSaveUserPreference($input:OrgUserPreferenceInput!){\r\n saveOrgUserPreference(input: $input){ id }\r\n}`);\r\n\r\nexport type AggregateMenuLocale = {\r\n title: string;\r\n latelyTitle: string;\r\n notText: string;\r\n searchPlaceholder: string;\r\n}\r\n\r\nexport type AggregateMenuDataSource = {\r\n app: App;\r\n menu: AppMenu[];\r\n}[]\r\n\r\nexport interface AggregateMenuProps {\r\n /\r\n 弹出开关\r\n /\r\n open?: boolean;\r\n /\r\n 数据源\r\n /\r\n dataSource?: AggregateMenuDataSource;\r\n /\r\n 弹框设置\r\n /\r\n drawerProps?: DrawerProps;\r\n /\r\n 弹出开关变更\r\n /\r\n onChangeOpen?: (open: boolean) => void;\r\n /\r\n 选中菜单\r\n /\r\n onClick?: (menuItem: AppMenu, app: App, isOpen?: boolean) => void;\r\n}\r\n\r\n/\r\n 排序拖拽使用的控件\r\n * https://docs.dndkit.com/\r\n * @param props\r\n * @returns\r\n /\r\nconst DargItem = (props: {\r\n value: AppMenu;\r\n onDel: () => void;\r\n onClick: (isOpen?: boolean) => void;\r\n}) => {\r\n const id = `${props.value.id}-${props.value.appID}`;\r\n const { setNodeRef, listeners, attributes, transform, transition } = useSortable({ id });\r\n const style = {\r\n transform: CSS.Transform.toString(transform),\r\n transition,\r\n };\r\n\r\n return <div\r\n ref={setNodeRef}\r\n style={style}\r\n {...attributes}\r\n className={styles.aggregateMenuDrawerMenuItem}\r\n onClick={() => {\r\n props.onClick();\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerMenuItemName}>{props.value.name}</div>\r\n <div className={styles.aggregateMenuDrawerMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n props.onClick(true);\r\n }} />\r\n <CloseOutlined rev={undefined} onClick={(event) => {\r\n event.stopPropagation();\r\n props.onDel();\r\n }} />\r\n <DragOutlined rev={undefined} {...listeners} className=\"dragIcon\" />\r\n </Space>\r\n </div>\r\n </div>\r\n}\r\n\r\nexport default (props: AggregateMenuProps) => {\r\n const [all, setAll] = useState<AggregateMenuDataSource>([]),\r\n [filterList, setFilterList] = useState<AggregateMenuDataSource>([]),\r\n [collects, setCollects] = useState<AppMenu[]>([]),\r\n [latelys, setLately] = useState<AppMenu[]>([]),\r\n locale = useLocale('AggregateMenu'),\r\n isDark = useDark(),\r\n sensors = useSensors(\r\n useSensor(PointerSensor),\r\n useSensor(KeyboardSensor, {\r\n coordinateGetter: sortableKeyboardCoordinates,\r\n })\r\n );\r\n\r\n const\r\n request = useCallback(async () => {\r\n const appsResult = await paging<LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables>(userAppsQuery, {}, 1, {\r\n instanceName: instanceName.UCENTER,\r\n }), apps: App[] = [];\r\n if (appsResult.data?.userApps) {\r\n appsResult.data.userApps.forEach(app => {\r\n apps.push(app as App)\r\n })\r\n }\r\n const newAll: AggregateMenuDataSource = [];\r\n for (let i in apps) {\r\n const menuResult = await query<LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables>(userMenuListQuery, {\r\n appCode: apps[i].code,\r\n }, { instanceName: instanceName.UCENTER });\r\n if (menuResult.data?.userMenus) {\r\n const menu = menuResult.data.userMenus.sort((d1, d2) => {\r\n const d1Sort = d1.displaySort \|\| 0, d2Sort = d2.displaySort \|\| 0;\r\n return d1.parentID < d2.parentID ? -1 : d1.parentID > d2.parentID ? 1 : d1Sort < d2Sort ? -1 : d1Sort > d2Sort ? 1 : 0;\r\n }) as AppMenu[];\r\n newAll.push({\r\n app: apps[i],\r\n menu: treeFormatList(listFormatTreeData(menu, undefined, { key: 'id', parentId: 'parentID' })),\r\n })\r\n }\r\n }\r\n setAll(newAll);\r\n setFilterList(newAll);\r\n // 初始化收藏和初始化最近数据\r\n const preferenceResult = await query<LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables>(userPreferenceQuery, {}, {\r\n instanceName: instanceName.UCENTER\r\n });\r\n if (preferenceResult.data?.orgUserPreference?.id) {\r\n const menuFavorite = preferenceResult.data.orgUserPreference.menuFavorite,\r\n menuRecent = preferenceResult.data.orgUserPreference.menuRecent,\r\n collectsList: AppMenu[] = [],\r\n latelyList: AppMenu[] = [];\r\n if (menuFavorite) {\r\n menuFavorite.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n collectsList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n if (menuRecent) {\r\n menuRecent.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n latelyList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n setCollects(collectsList);\r\n setLately(latelyList);\r\n }\r\n }, []),\r\n requestFavorite = async (list: AppMenu[]) => {\r\n // 异步存储收藏\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuFavorite: list.map(item => item.id),\r\n }\r\n }, {\r\n instanceName: instanceName.UCENTER,\r\n });\r\n },\r\n requestRecent = async (ids: string[]) => {\r\n // 异步存储访问菜单记录\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuRecent: ids,\r\n }\r\n }, {\r\n instanceName: instanceName.UCENTER,\r\n });\r\n },\r\n checkCollect = useCallback((menuItem: AppMenu) => {\r\n return !!collects.find(item => item.id === menuItem.id && item.appID === menuItem.appID);\r\n }, [collects]),\r\n onClickItem = async (menuItem: AppMenu, isOpen?: boolean) => {\r\n const allApp = all.find(allItem => allItem.app.id == menuItem.appID);\r\n if (allApp) {\r\n const latelyList = [...latelys];\r\n const oldIdx = latelyList.findIndex(lately => lately.id == menuItem.id);\r\n if (oldIdx > -1) {\r\n latelyList.splice(oldIdx, 1);\r\n }\r\n latelyList.unshift(menuItem);\r\n latelyList.splice(6);\r\n await requestRecent(latelyList.map(item => item.id));\r\n setLately(latelyList);\r\n props.onClick?.(menuItem, allApp.app, isOpen);\r\n }\r\n },\r\n menuItemRender = (menuItem: AppMenu) => {\r\n return <div\r\n key={`${menuItem.id}-${menuItem.appID}`}\r\n className={styles.aggregateMenuDrawerAllMenuItem}\r\n onClick={() => {\r\n onClickItem(menuItem)\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerAllMenuItemName}> {menuItem.name}</div>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n onClickItem(menuItem, true)\r\n }} />\r\n <StarOutlined rev={undefined} className={checkCollect(menuItem) ? 'collect' : ''} onClick={async (event) => {\r\n event.stopPropagation();\r\n let collectList: AppMenu[] = [];\r\n if (checkCollect(menuItem)) {\r\n collectList = collects.filter(c => !(c.id === menuItem.id && c.appID === menuItem.appID))\r\n } else {\r\n collectList = [...collects, menuItem]\r\n }\r\n await requestFavorite(collectList)\r\n setCollects(collectList);\r\n }} />\r\n </Space>\r\n </div>\r\n </div>\r\n }\r\n\r\n useEffect(() => {\r\n if (props.dataSource) {\r\n setAll(props.dataSource);\r\n setFilterList(props.dataSource);\r\n } else {\r\n request();\r\n }\r\n }, [props.dataSource]);\r\n\r\n return <>\r\n <Drawer\r\n title={locale.title}\r\n maskClosable={false}\r\n placement=\"left\"\r\n width={1060}\r\n {...props.drawerProps}\r\n className={`${styles.aggregateMenuDrawer} ${isDark ? styles.aggregateMenuDark : ''}`}\r\n open={props.open}\r\n onClose={() => {\r\n props.onChangeOpen?.(false);\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerRow}>\r\n <div style={{ width: 240 }} className={styles.aggregateMenuDrawerMenu}>\r\n {/ 收藏 /}\r\n {collects.length ?\r\n <DndContext sensors={sensors}\r\n collisionDetection={closestCenter}\r\n onDragEnd={(event) => {\r\n const { active, over } = event;\r\n if (over && active.id !== over.id) {\r\n setCollects((items) => {\r\n const oldIndex = items.findIndex(oItem => `${oItem.id}-${oItem.appID}` == active.id);\r\n const newIndex = items.findIndex(nItem => `${nItem.id}-${nItem.appID}` == over.id);\r\n const collectList = arrayMove(items, oldIndex, newIndex);\r\n requestFavorite(collectList);\r\n return collectList;\r\n });\r\n }\r\n }}\r\n >\r\n <SortableContext items={collects.map(item => `${item.id}-${item.appID}`)} strategy={verticalListSortingStrategy}>\r\n {\r\n collects.map(item => (<DargItem\r\n key={`c${item.id}-${item.appID}`}\r\n value={item}\r\n onDel={async () => {\r\n const collectList = collects.filter(c => !(c.id === item.id && c.appID === item.appID))\r\n await requestFavorite(collectList);\r\n setCollects(collectList);\r\n }}\r\n onClick={(isOpen) => {\r\n onClickItem(item, isOpen)\r\n }}\r\n />))\r\n }\r\n </SortableContext>\r\n </DndContext>\r\n : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={locale.notText} />\r\n }\r\n </div>\r\n <div style={{ width: 820 }}>\r\n {/ 过滤 /}\r\n <div className={styles.aggregateMenuDrawerAllInput}>\r\n <Input\r\n bordered={false}\r\n prefix={<SearchOutlined rev={undefined} />}\r\n placeholder={locale.searchPlaceholder}\r\n onChange={(event) => {\r\n const keyword = event.target.value;\r\n if (keyword) {\r\n const fList = all.map(f => {\r\n return {\r\n app: f.app,\r\n menu: f.menu.filter(fMenuItem => fMenuItem.name.indexOf(keyword) > -1),\r\n };\r\n }).filter(f => f.menu.length);\r\n setFilterList(fList);\r\n } else {\r\n setFilterList([...all]);\r\n }\r\n }}\r\n />\r\n </div>\r\n {/ 最近访问 /}\r\n {latelys.length ?\r\n <div className={styles.aggregateMenuLatelys}>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemDir}>{locale.latelyTitle}</div>\r\n <div className={styles.aggregateMenuLatelysColumn}>\r\n {latelys.map(menuItem => (\r\n menuItemRender(menuItem)\r\n ))}\r\n </div>\r\n </div> : <></>\r\n }\r\n {/ all应用菜单 */}\r\n <div className={styles.aggregateMenuDrawerAllMenu} style={{ height: latelys.length ? \"calc(100% - 164px)\" : \"calc(100% - 52px)\" }}>\r\n <div className={styles.aggregateMenuDrawerAllMenuColumn}>\r\n {filterList.map(item => (\r\n <div key={item.app.code} className={styles.aggregateMenuDrawerAllMenuColumnItem}>\r\n <div className={styles.aggregateMenuDrawerAllAppTitle}>{item.app.name}</div>\r\n {item.menu.map(menuItem => (menuItem.kind === AppMenuKind.Menu ?\r\n menuItemRender(menuItem)\r\n : <div\r\n key={`${menuItem.appID}-${menuItem.id}`}\r\n className={styles.aggregateMenuDrawerAllMenuItemDir}\r\n >\r\n {menuItem.name}\r\n </div>\r\n ))}\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </Drawer>\r\n </>\r\n}\r\n"],"names":["CloseOutlined","DragOutlined","SearchOutlined","StarOutlined","useCallback","useEffect","useState","styles","Drawer","Empty","Input","Space","gql","mutation","paging","query","DndContext","closestCenter","KeyboardSensor","PointerSensor","useSensor","useSensors","arrayMove","SortableContext","useSortable","sortableKeyboardCoordinates","verticalListSortingStrategy","CSS","useLocale","useDark","listFormatTreeData","treeFormatList","OpenWin","AppMenuKind","instanceName","userMenuListQuery","userAppsQuery","userPreferenceQuery","userPreferenceMut","DargItem","props","id","value","appID","setNodeRef","listeners","attributes","transform","transition","style","Transform","toString","div","ref","className","aggregateMenuDrawerMenuItem","onClick","aggregateMenuDrawerMenuItemName","name","aggregateMenuDrawerMenuItemIcons","event","stopPropagation","rev","undefined","onDel","all","setAll","filterList","setFilterList","collects","setCollects","latelys","setLately","locale","isDark","sensors","coordinateGetter","request","appsResult","preferenceResult","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":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\aggregate-menu\\index.tsx"],"sourcesContent":["import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from \"@ant-design/icons\"\r\nimport { useCallback, useEffect, useState } from \"react\"\r\nimport styles from \"./index.module.css\"\r\nimport { Drawer, DrawerProps, Empty, Input, Space } from \"antd\";\r\nimport { gql, mutation, paging, query } from \"@knockout-js/ice-urql/request\";\r\nimport { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from \"@dnd-kit/core\";\r\nimport { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from \"@dnd-kit/sortable\";\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { useLocale } from \"../locale\";\r\nimport { useDark } from \"../provider\";\r\nimport { listFormatTreeData, treeFormatList } from \"../_util\";\r\nimport { OpenWin } from \"../icons\";\r\nimport { App, AppMenu, AppMenuKind, LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables, LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables, LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables, LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables } from \"@knockout-js/api/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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"}

package/es2017/components/layout/index.js CHANGED Viewed

@@ -8,6 +8,7 @@ import AvatarDropdown from "../avatar-dropdown/index";
 import MsgDropdown from "../msg-dropdown/index";
 import ThemeSwitch from "../theme-switch/index";
 import styles from "./layout.module.css";
+import { useRef, useImperativeHandle } from "react";
 import { CollectProviders, LocaleType } from "../index";
 import { gql, query } from "@knockout-js/ice-urql/request";
 import { OpenWin } from "../icons/index";
@@ -23,6 +24,8 @@ const userMenuListQuery = gql(/* GraphQL */ `query userMenuList($appCode:String!
 }`);
 const Layout = (props)=>{
     var _props_themeSwitchProps;
+    const msgRef = useRef(null);
+    useImperativeHandle(props.msgRef, ()=>msgRef.current);
     var _props_locale, _props_themeSwitchProps_value;
     return /*#__PURE__*/ _jsxs(CollectProviders, {
         locale: (_props_locale = props.locale) !== null && _props_locale !== void 0 ? _props_locale : LocaleType.zhCN,
@@ -98,9 +101,9 @@ const Layout = (props)=>{
                 actionsRender: ()=>{
                     const actions = [];
                     if (props.i18nProps) actions.push(/*#__PURE__*/ _jsx(I18nDropdown, _object_spread({}, props.i18nProps)));
-                    if (props.msgProps) actions.push(/*#__PURE__*/ _jsx(MsgDropdown, _object_spread({
-                        ref: props.msgRef
-                    }, props.msgProps)));
+                    if (props.msgProps) actions.push(/*#__PURE__*/ _jsx(MsgDropdown, _object_spread_props(_object_spread({}, props.msgProps), {
+                        ref: msgRef
+                    })));
                     actions.push(/*#__PURE__*/ _jsx(TenantDropdown, _object_spread({}, props.tenantProps)));
                     actions.push(/*#__PURE__*/ _jsx(AvatarDropdown, _object_spread({}, props.avatarProps)));
                     if (props.themeSwitchProps) actions.push(/*#__PURE__*/ _jsx(ThemeSwitch, _object_spread({}, props.themeSwitchProps)));

package/es2017/components/layout/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\layout\\index.tsx"],"sourcesContent":["import { MenuDataItem, ProLayout, ProLayoutProps } from '@ant-design/pro-layout';\r\nimport I18nDropdown, { I18nDropdownProps } from '../i18n-dropdown';\r\nimport TenantDropdown, { TenantDropdownProps } from '../tenant-dropdown';\r\nimport AvatarDropdown, { AvatarDropdownProps } from '../avatar-dropdown';\r\nimport MsgDropdown, { MsgDropdownProps, MsgDropdownRef } from '../msg-dropdown';\r\nimport ThemeSwitch, { ThemeSwitchProps } from '../theme-switch';\r\nimport styles from './layout.module.css';\r\nimport { ReactNode, FC, Ref } from 'react';\r\nimport { UserMenuListQuery, UserMenuListQueryVariables } from '@knockout-js/api/esm/gql/ucenter/graphql';\r\nimport { CollectProviders, LocaleType } from '..';\r\nimport { gql, query } from '@knockout-js/ice-urql/request';\r\nimport { OpenWin } from '../icons';\r\nimport { IconFontProps } from '@ant-design/icons/lib/components/IconFont';\r\nimport { logoBase64 } from './logo';\r\nimport AggregateMenu, { AggregateMenuProps } from '../aggregate-menu';\r\nimport { BarsOutlined } from '@ant-design/icons';\r\nimport { listFormatTreeData } from '../_util';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface LayoutProps {\r\n /*\r\n 应用code\r\n /\r\n appCode: string;\r\n /\r\n 语言\r\n * 默认 LocaleType.zhCN\r\n /\r\n locale?: LocaleType;\r\n /\r\n 传递动态的 location.pathname\r\n /\r\n pathname: string;\r\n /\r\n 菜单启用iconfont\r\n /\r\n IconFont?: FC<IconFontProps<string>>;\r\n /\r\n 聚合菜单\r\n /\r\n aggregateMenuProps?: AggregateMenuProps;\r\n /\r\n I18nDropdown组件对应的参数\r\n /\r\n i18nProps?: I18nDropdownProps;\r\n /\r\n TenantDropdown组件对应的参数\r\n /\r\n tenantProps: TenantDropdownProps;\r\n /\r\n AvatarDropdown组件对应的参数\r\n /\r\n avatarProps: AvatarDropdownProps;\r\n /\r\n MsgDropdown组件的高级方法\r\n /\r\n msgRef?: Ref<MsgDropdownRef>\r\n /\r\n MsgDropdown组件对应的参数\r\n /\r\n msgProps?: MsgDropdownProps;\r\n /\r\n ThemeSwitch组件对应的参数\r\n /\r\n themeSwitchProps?: ThemeSwitchProps;\r\n /\r\n ProLayout组件对应的参数\r\n /\r\n proLayoutProps?: ProLayoutProps;\r\n /\r\n 菜单点击返回 (item: MenuDataItem,isOpen?: boolean) => void;\r\n /\r\n onClickMenuItem?: (\r\n item: MenuDataItem & {\r\n isUrl: boolean;\r\n onClick: () => void;\r\n },\r\n isOpen?: boolean\r\n ) => void;\r\n /\r\n 默认插槽\r\n /\r\n children?: ReactNode;\r\n\r\n}\r\n\r\nconst userMenuListQuery = gql(/ GraphQL */`query userMenuList($appCode:String!){\r\n userMenus(appCode: $appCode){\r\n id,parentID,kind,name,comments,displaySort,icon,route\r\n }\r\n}`);\r\n\r\n\r\nconst Layout = (props: LayoutProps) => {\r\n\r\n return (\r\n <CollectProviders\r\n locale={props.locale ?? LocaleType.zhCN}\r\n appCode={props.appCode}\r\n tenantId={props.tenantProps.value}\r\n dark={props.themeSwitchProps?.value ?? false}\r\n pathname={props.pathname}\r\n >\r\n <ProLayout\r\n className={styles.layout}\r\n headerTitleRender={(logo, title) => {\r\n return <>\r\n {typeof props.aggregateMenuProps?.open === 'boolean' ? <BarsOutlined\r\n rev={undefined}\r\n style={{ fontSize: 20, marginRight: 10 }}\r\n onClick={() => {\r\n props.aggregateMenuProps?.onChangeOpen?.(true);\r\n }}\r\n /> : <></>}\r\n {logo}\r\n {title}\r\n </>\r\n }}\r\n title='adminx'\r\n logo={<img src={logoBase64} alt=\"logo\" />}\r\n layout=\"mix\"\r\n fixSiderbar\r\n suppressSiderWhenMenuEmpty\r\n menu={{\r\n locale: true,\r\n request: async () => {\r\n const result = await query<UserMenuListQuery, UserMenuListQueryVariables>(userMenuListQuery, {\r\n appCode: props.appCode\r\n }, { instanceName: instanceName.UCENTER });\r\n if (result.data?.userMenus.length) {\r\n const meunList = result.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 }).map(item => {\r\n return {\r\n key: item.id,\r\n name: item.name,\r\n icon: item.icon ? props.IconFont ? <props.IconFont type={item.icon} /> : <i className={item.icon} /> : undefined,\r\n parentId: item.parentID,\r\n path: item.route,\r\n } as MenuDataItem\r\n })\r\n\r\n return listFormatTreeData(meunList);\r\n }\r\n return [];\r\n },\r\n }}\r\n location={{\r\n pathname: props.pathname\r\n }}\r\n actionsRender={() => {\r\n const actions: ReactNode[] = [];\r\n if (props.i18nProps) {\r\n actions.push(<I18nDropdown {...props.i18nProps} />)\r\n }\r\n if (props.msgProps) {\r\n actions.push(<MsgDropdown ref={props.msgRef} {...props.msgProps} />)\r\n }\r\n actions.push(<TenantDropdown {...props.tenantProps} />)\r\n actions.push(<AvatarDropdown {...props.avatarProps} />)\r\n if (props.themeSwitchProps) {\r\n actions.push(<ThemeSwitch {...props.themeSwitchProps} />)\r\n }\r\n return actions;\r\n }}\r\n menuItemRender={(item, defaultDom) => (item.path ? <>\r\n <a\r\n onClick={() => {\r\n props.onClickMenuItem?.(item, false)\r\n }}\r\n >{defaultDom}</a>\r\n <OpenWin\r\n className={styles.menuIconPopup}\r\n onClick={() => {\r\n props.onClickMenuItem?.(item, true)\r\n }}\r\n />\r\n </>\r\n : defaultDom)}\r\n {...props.proLayoutProps}\r\n >\r\n {props.children}\r\n </ProLayout>\r\n {\r\n props.aggregateMenuProps ? <AggregateMenu\r\n {...props.aggregateMenuProps}\r\n /> : <></>\r\n }\r\n </CollectProviders>\r\n )\r\n}\r\n\r\nexport default Layout\r\n"],"names":["ProLayout","I18nDropdown","TenantDropdown","AvatarDropdown","MsgDropdown","ThemeSwitch","styles","CollectProviders","LocaleType","gql","query","OpenWin","logoBase64","AggregateMenu","BarsOutlined","listFormatTreeData","instanceName","userMenuListQuery","Layout","props","locale","zhCN","appCode","tenantId","tenantProps","value","dark","themeSwitchProps","pathname","className","layout","headerTitleRender","logo","title","aggregateMenuProps","open","rev","undefined","style","fontSize","marginRight","onClick","onChangeOpen","img","src","alt","fixSiderbar","suppressSiderWhenMenuEmpty","menu","request","result","UCENTER","data","userMenus","length","meunList","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","map","item","key","id","name","icon","IconFont","type","i","parentId","path","route","location","actionsRender","actions","i18nProps","push","msgProps","ref","msgRef","avatarProps","menuItemRender","defaultDom","a","onClickMenuItem","menuIconPopup","proLayoutProps","children"],"mappings":"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"}
1	+ {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\layout\\index.tsx"],"sourcesContent":["import { MenuDataItem, ProLayout, ProLayoutProps } from '@ant-design/pro-layout';\r\nimport I18nDropdown, { I18nDropdownProps } from '../i18n-dropdown';\r\nimport TenantDropdown, { TenantDropdownProps } from '../tenant-dropdown';\r\nimport AvatarDropdown, { AvatarDropdownProps } from '../avatar-dropdown';\r\nimport MsgDropdown, { MsgDropdownProps, MsgDropdownRef } from '../msg-dropdown';\r\nimport ThemeSwitch, { ThemeSwitchProps } from '../theme-switch';\r\nimport styles from './layout.module.css';\r\nimport { ReactNode, FC, Ref, useRef, useImperativeHandle } from 'react';\r\nimport { UserMenuListQuery, UserMenuListQueryVariables } from '@knockout-js/api/ucenter';\r\nimport { CollectProviders, LocaleType } from '..';\r\nimport { gql, query } from '@knockout-js/ice-urql/request';\r\nimport { OpenWin } from '../icons';\r\nimport { IconFontProps } from '@ant-design/icons/lib/components/IconFont';\r\nimport { logoBase64 } from './logo';\r\nimport AggregateMenu, { AggregateMenuProps } from '../aggregate-menu';\r\nimport { BarsOutlined } from '@ant-design/icons';\r\nimport { listFormatTreeData } from '../_util';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface LayoutProps {\r\n /*\r\n 应用code\r\n /\r\n appCode: string;\r\n /\r\n 语言\r\n * 默认 LocaleType.zhCN\r\n /\r\n locale?: LocaleType;\r\n /\r\n 传递动态的 location.pathname\r\n /\r\n pathname: string;\r\n /\r\n 菜单启用iconfont\r\n /\r\n IconFont?: FC<IconFontProps<string>>;\r\n /\r\n 聚合菜单\r\n /\r\n aggregateMenuProps?: AggregateMenuProps;\r\n /\r\n I18nDropdown组件对应的参数\r\n /\r\n i18nProps?: I18nDropdownProps;\r\n /\r\n TenantDropdown组件对应的参数\r\n /\r\n tenantProps: TenantDropdownProps;\r\n /\r\n AvatarDropdown组件对应的参数\r\n /\r\n avatarProps: AvatarDropdownProps;\r\n /\r\n MsgDropdown组件的高级方法\r\n /\r\n msgRef?: Ref<MsgDropdownRef>\r\n /\r\n MsgDropdown组件对应的参数\r\n /\r\n msgProps?: MsgDropdownProps;\r\n /\r\n ThemeSwitch组件对应的参数\r\n /\r\n themeSwitchProps?: ThemeSwitchProps;\r\n /\r\n ProLayout组件对应的参数\r\n /\r\n proLayoutProps?: ProLayoutProps;\r\n /\r\n 菜单点击返回 (item: MenuDataItem,isOpen?: boolean) => void;\r\n /\r\n onClickMenuItem?: (\r\n item: MenuDataItem & {\r\n isUrl: boolean;\r\n onClick: () => void;\r\n },\r\n isOpen?: boolean\r\n ) => void;\r\n /\r\n 默认插槽\r\n /\r\n children?: ReactNode;\r\n\r\n}\r\n\r\nconst userMenuListQuery = gql(/ GraphQL */`query userMenuList($appCode:String!){\r\n userMenus(appCode: $appCode){\r\n id,parentID,kind,name,comments,displaySort,icon,route\r\n }\r\n}`);\r\n\r\n\r\nconst Layout = (props: LayoutProps) => {\r\n\r\n const msgRef = useRef<MsgDropdownRef>(null);\r\n\r\n useImperativeHandle(props.msgRef, () => msgRef.current as MsgDropdownRef);\r\n\r\n return (\r\n <CollectProviders\r\n locale={props.locale ?? LocaleType.zhCN}\r\n appCode={props.appCode}\r\n tenantId={props.tenantProps.value}\r\n dark={props.themeSwitchProps?.value ?? false}\r\n pathname={props.pathname}\r\n >\r\n <ProLayout\r\n className={styles.layout}\r\n headerTitleRender={(logo, title) => {\r\n return <>\r\n {typeof props.aggregateMenuProps?.open === 'boolean' ? <BarsOutlined\r\n rev={undefined}\r\n style={{ fontSize: 20, marginRight: 10 }}\r\n onClick={() => {\r\n props.aggregateMenuProps?.onChangeOpen?.(true);\r\n }}\r\n /> : <></>}\r\n {logo}\r\n {title}\r\n </>\r\n }}\r\n title='adminx'\r\n logo={<img src={logoBase64} alt=\"logo\" />}\r\n layout=\"mix\"\r\n fixSiderbar\r\n suppressSiderWhenMenuEmpty\r\n menu={{\r\n locale: true,\r\n request: async () => {\r\n const result = await query<UserMenuListQuery, UserMenuListQueryVariables>(userMenuListQuery, {\r\n appCode: props.appCode\r\n }, { instanceName: instanceName.UCENTER });\r\n if (result.data?.userMenus.length) {\r\n const meunList = result.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 }).map(item => {\r\n return {\r\n key: item.id,\r\n name: item.name,\r\n icon: item.icon ? props.IconFont ? <props.IconFont type={item.icon} /> : <i className={item.icon} /> : undefined,\r\n parentId: item.parentID,\r\n path: item.route,\r\n } as MenuDataItem\r\n })\r\n\r\n return listFormatTreeData(meunList);\r\n }\r\n return [];\r\n },\r\n }}\r\n location={{\r\n pathname: props.pathname\r\n }}\r\n actionsRender={() => {\r\n const actions: ReactNode[] = [];\r\n if (props.i18nProps) {\r\n actions.push(<I18nDropdown {...props.i18nProps} />)\r\n }\r\n if (props.msgProps) {\r\n actions.push(<MsgDropdown {...props.msgProps} ref={msgRef} />)\r\n }\r\n actions.push(<TenantDropdown {...props.tenantProps} />)\r\n actions.push(<AvatarDropdown {...props.avatarProps} />)\r\n if (props.themeSwitchProps) {\r\n actions.push(<ThemeSwitch {...props.themeSwitchProps} />)\r\n }\r\n return actions;\r\n }}\r\n menuItemRender={(item, defaultDom) => (item.path ? <>\r\n <a\r\n onClick={() => {\r\n props.onClickMenuItem?.(item, false)\r\n }}\r\n >{defaultDom}</a>\r\n <OpenWin\r\n className={styles.menuIconPopup}\r\n onClick={() => {\r\n props.onClickMenuItem?.(item, true)\r\n }}\r\n />\r\n </>\r\n : defaultDom)}\r\n {...props.proLayoutProps}\r\n >\r\n {props.children}\r\n </ProLayout>\r\n {\r\n props.aggregateMenuProps ? <AggregateMenu\r\n {...props.aggregateMenuProps}\r\n /> : <></>\r\n }\r\n </CollectProviders>\r\n )\r\n}\r\n\r\nexport default Layout\r\n"],"names":["ProLayout","I18nDropdown","TenantDropdown","AvatarDropdown","MsgDropdown","ThemeSwitch","styles","useRef","useImperativeHandle","CollectProviders","LocaleType","gql","query","OpenWin","logoBase64","AggregateMenu","BarsOutlined","listFormatTreeData","instanceName","userMenuListQuery","Layout","props","msgRef","current","locale","zhCN","appCode","tenantId","tenantProps","value","dark","themeSwitchProps","pathname","className","layout","headerTitleRender","logo","title","aggregateMenuProps","open","rev","undefined","style","fontSize","marginRight","onClick","onChangeOpen","img","src","alt","fixSiderbar","suppressSiderWhenMenuEmpty","menu","request","result","UCENTER","data","userMenus","length","meunList","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","map","item","key","id","name","icon","IconFont","type","i","parentId","path","route","location","actionsRender","actions","i18nProps","push","msgProps","ref","avatarProps","menuItemRender","defaultDom","a","onClickMenuItem","menuIconPopup","proLayoutProps","children"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MsgInternalTo } from '@knockout-js/api/esm/gql/msgcenter/graphql';
+import { MsgInternalTo } from '@knockout-js/api/msgcenter';
 export interface MsgDropdownLocale {
     title: string;
     footer: string;

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

@@ -1,9 +1,9 @@
-import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
 import { Badge, Dropdown, List } from "antd";
 import styles from "./index.module.css";
-import { useEffect, useState, forwardRef, useImperativeHandle } from "react";
+import { useEffect, useState, forwardRef, useImperativeHandle, useCallback } from "react";
 import { BellOutlined } from "@ant-design/icons";
-import { MsgInternalToOrderField, OrderDirection } from "@knockout-js/api/esm/gql/msgcenter/graphql";
+import { MsgInternalToOrderField, OrderDirection } from "@knockout-js/api/msgcenter";
 import { getDate } from "../_util/index";
 import { useLocale } from "../locale/index";
 import { gql, paging, query } from "@knockout-js/ice-urql/request";
@@ -27,7 +27,7 @@ const userUnreadQuery = gql(/* GraphQL */ `query layoutPkgUserUnreadMsgInternals
 export default /*#__PURE__*/ forwardRef((props, ref)=>{
     var _props_maxLength;
     const locale = useLocale('MsgDropdown'), [items, setItems] = useState([]), [open, setOpen] = useState(false), [showDot, setShowDot] = useState(false), [loading, setLoading] = useState(false), maxLength = (_props_maxLength = props.maxLength) !== null && _props_maxLength !== void 0 ? _props_maxLength : 5;
-    const requestData = async ()=>{
+    const requestData = useCallback(async ()=>{
         var _result_data, _result_data_userMsgInternalTos_edges;
         setLoading(true);
         const result = await paging(userMsgQuery, {
@@ -43,22 +43,12 @@ export default /*#__PURE__*/ forwardRef((props, ref)=>{
             instanceName: instanceName.MSGCENTER
         }), list = [];
         if ((_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userMsgInternalTos) (_result_data_userMsgInternalTos_edges = result.data.userMsgInternalTos.edges) === null || _result_data_userMsgInternalTos_edges === void 0 ? void 0 : _result_data_userMsgInternalTos_edges.forEach((item)=>{
-            if (item === null || item === void 0 ? void 0 : item.node) list.push({
-                key: item.node.id,
-                data: item.node
-            });
+            if (item === null || item === void 0 ? void 0 : item.node) list.push(item.node);
         });
         setShowDot(list.length > 0);
         setItems(list);
         setLoading(false);
-    }, requestUnread = async ()=>{
-        var _result_data;
-        const result = await query(userUnreadQuery, {}, {
-            instanceName: instanceName.MSGCENTER
-        });
-        var _result_data_userUnreadMsgInternals;
-        setShowDot(((_result_data_userUnreadMsgInternals = (_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userUnreadMsgInternals) !== null && _result_data_userUnreadMsgInternals !== void 0 ? _result_data_userUnreadMsgInternals : 0) > 0);
-    };
+    }, []);
     useImperativeHandle(ref, ()=>({
             setShowDot: ()=>{
                 setShowDot(true);
@@ -70,48 +60,55 @@ export default /*#__PURE__*/ forwardRef((props, ref)=>{
         open
     ]);
     useEffect(()=>{
-        requestUnread();
+        query(userUnreadQuery, {}, {
+            instanceName: instanceName.MSGCENTER
+        }).then((result)=>{
+            var _result_data;
+            var _result_data_userUnreadMsgInternals;
+            setShowDot(((_result_data_userUnreadMsgInternals = (_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userUnreadMsgInternals) !== null && _result_data_userUnreadMsgInternals !== void 0 ? _result_data_userUnreadMsgInternals : 0) > 0);
+        });
     }, []);
     return /*#__PURE__*/ _jsx(Dropdown, {
-        menu: {
-            items
-        },
         trigger: [
             'click'
         ],
         open: open,
-        onOpenChange: setOpen,
-        placement: "bottomRight",
+        onOpenChange: useCallback((v)=>{
+            setOpen(v);
+        }, []),
+        placement: "bottom",
         dropdownRender: ()=>{
-            /*#__PURE__*/ return _jsx(List, {
-                loading: loading,
-                className: styles.list,
-                header: /*#__PURE__*/ _jsx("div", {
-                    children: locale.title
-                }),
-                footer: props.onMoreClick ? /*#__PURE__*/ _jsx("span", {
-                    className: styles.footer,
-                    onClick: ()=>{
-                        var _props_onMoreClick;
-                        (_props_onMoreClick = props.onMoreClick) === null || _props_onMoreClick === void 0 ? void 0 : _props_onMoreClick.call(props);
-                    },
-                    children: locale.footer
-                }) : undefined,
-                bordered: true,
-                size: "small",
-                dataSource: items,
-                renderItem: (item)=>{
-                    /*#__PURE__*/ return _jsx(List.Item, {
+            /*#__PURE__*/ return _jsx(_Fragment, {
+                children: /*#__PURE__*/ _jsx(List, {
+                    loading: loading,
+                    className: styles.list,
+                    header: /*#__PURE__*/ _jsx("div", {
+                        children: locale.title
+                    }),
+                    footer: props.onMoreClick ? /*#__PURE__*/ _jsx("span", {
+                        className: styles.footer,
                         onClick: ()=>{
-                            var _props_onItemClick;
-                            (_props_onItemClick = props.onItemClick) === null || _props_onItemClick === void 0 ? void 0 : _props_onItemClick.call(props, item.data);
+                            var _props_onMoreClick;
+                            (_props_onMoreClick = props.onMoreClick) === null || _props_onMoreClick === void 0 ? void 0 : _props_onMoreClick.call(props);
                         },
-                        children: /*#__PURE__*/ _jsx(List.Item.Meta, {
-                            title: item.data.msgInternal.subject,
-                            description: getDate(item.data.createdAt, 'YYYY-MM-DD HH:mm:ss')
-                        })
-                    }, item.key);
-                }
+                        children: locale.footer
+                    }) : undefined,
+                    bordered: true,
+                    size: "small",
+                    dataSource: items,
+                    renderItem: (item)=>{
+                        /*#__PURE__*/ return _jsx(List.Item, {
+                            onClick: ()=>{
+                                var _props_onItemClick;
+                                (_props_onItemClick = props.onItemClick) === null || _props_onItemClick === void 0 ? void 0 : _props_onItemClick.call(props, item);
+                            },
+                            children: /*#__PURE__*/ _jsx(List.Item.Meta, {
+                                title: item.msgInternal.subject,
+                                description: getDate(item.createdAt, 'YYYY-MM-DD HH:mm:ss')
+                            })
+                        }, item.id);
+                    }
+                })
             });
         },
         children: /*#__PURE__*/ _jsx("span", {

package/es2017/components/msg-dropdown/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\msg-dropdown\\index.tsx"],"sourcesContent":["import { Badge, Dropdown, List } from 'antd';\r\nimport styles from './index.module.css';\r\nimport { useEffect, useState, forwardRef, useImperativeHandle, ForwardedRef } from 'react';\r\nimport { BellOutlined } from '@ant-design/icons';\r\nimport { LayoutPkgUserMsgInternalToListQuery, LayoutPkgUserMsgInternalToListQueryVariables, LayoutPkgUserUnreadMsgInternalsQuery, LayoutPkgUserUnreadMsgInternalsQueryVariables, MsgInternalTo, MsgInternalToOrderField, OrderDirection } from '@knockout-js/api/~~esm/gql/~~msgcenter~~/graphql~~';\r\nimport { getDate } from '../_util';\r\nimport { useLocale } from '../locale';\r\nimport { gql, paging, query } from '@knockout-js/ice-urql/request';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface MsgDropdownLocale {\r\n title: string;\r\n footer: string;\r\n}\r\n\r\nexport interface MsgDropdownProps {\r\n /*\r\n 最多显示几条\r\n /\r\n maxLength?: number;\r\n /\r\n 选中一项\r\n * @param data\r\n * @returns\r\n /\r\n onItemClick?: (data: MsgInternalTo) => void;\r\n /\r\n 查看更多\r\n * @returns\r\n /\r\n onMoreClick?: () => void;\r\n}\r\n\r\~~ntype ItemsTypeData = {\r\n key: string;\r\n data: MsgInternalTo;\r\n}\r\n\r\~~nconst userMsgQuery = gql(/ GraphQL /`query layoutPkgUserMsgInternalToList($first: Int,$orderBy: MsgInternalToOrder,$where:MsgInternalToWhereInput){\r\n userMsgInternalTos(first:$first,orderBy: $orderBy,where: $where){\r\n totalCount,pageInfo{ hasNextPage,hasPreviousPage,startCursor,endCursor }\r\n edges{\r\n cursor,node{\r\n id,msgInternalID,createdAt,deleteAt,readAt,userID\r\n msgInternal{\r\n id,tenantID,createdBy,createdAt,subject,body,format,redirect,category\r\n }\r\n }\r\n }\r\n }\r\n}`)\r\n\r\nconst userUnreadQuery = gql(/ GraphQL */`query layoutPkgUserUnreadMsgInternals{\r\n userUnreadMsgInternals\r\n}`)\r\n\r\nexport type MsgDropdownRef = {\r\n setShowDot: () => void;\r\n}\r\n\r\nexport default forwardRef((props: MsgDropdownProps, ref: ForwardedRef<MsgDropdownRef>) => {\r\n const locale = useLocale('MsgDropdown'),\r\n [items, setItems] = useState<~~ItemsTypeData~~[]>([]),\r\n [open, setOpen] = useState(false),\r\n [showDot, setShowDot] = useState(false),\r\n [loading, setLoading] = useState(false),\r\n maxLength = props.maxLength ?? 5;\r\n\r\n const\r\n requestData = async () => {\r\n setLoading(true);\r\n const result = await paging<LayoutPkgUserMsgInternalToListQuery, LayoutPkgUserMsgInternalToListQueryVariables>(\r\n userMsgQuery, {\r\n first: maxLength,\r\n where: {\r\n readAtIsNil: true,\r\n },\r\n orderBy: {\r\n direction: OrderDirection.Desc,\r\n field: MsgInternalToOrderField.CreatedAt\r\n },\r\n }, 1, {\r\n instanceName: instanceName.MSGCENTER,\r\n }), list: ~~ItemsTypeData~~[] = [];\r\n if (result.data?.userMsgInternalTos) {\r\n result.data.userMsgInternalTos.edges?.forEach(item => {\r\n if (item?.node) {\r\n list.push(~~{\r\n key:~~ item.node~~.id,\r\n data:~~ ~~item.node~~ as MsgInternalTo~~,\r\n }~~);\r\n }\r\n })\r\n }\r\n setShowDot(list.length > 0);\r\n setItems(list);\r\n setLoading(false);\r\n }~~,\r\n requestUnread = async () => {\r\n const result = await query<LayoutPkgUserUnreadMsgInternalsQuery~~, ~~LayoutPkgUserUnreadMsgInternalsQueryVariables>(userUnreadQuery, {}, { instanceName: instanceName.MSGCENTER }~~);\r\n ~~setShowDot((result.data?.userUnreadMsgInternals ?? 0) > 0);\r~~\~~n };\~~r\n~~\r\n~~ useImperativeHandle(ref, () => ({\r\n setShowDot: () => {\r\n setShowDot(true);\r\n }\r\n }))\r\n\r\n useEffect(() => {\r\n if (open) {\r\n requestData();\r\n }\r\n }, [open])\r\n\r\n useEffect(() => {\r\n ~~requestUnread~~();\r\n }, [])\r\n\r\n return <Dropdown\r\n ~~menu={{\r\n items,\r\n }}\r\n~~ trigger={['click']}\r\n open={open}\r\n onOpenChange={setOpen}\r\n placement=\"~~bottomRight~~\"\r\n dropdownRender={() => <List\r\n loading={loading}\r\n className={styles.list}\r\n header={<div>{locale.title}</div>}\r\n footer={props.onMoreClick ? <span\r\n className={styles.footer}\r\n onClick={() => {\r\n props.onMoreClick?.();\r\n }}\r\n >\r\n {locale.footer}\r\n </span> : undefined}\r\n bordered\r\n size=\"small\"\r\n dataSource={items}\r\n renderItem={(item) => <List.Item\r\n key={item.~~key~~}\r\n onClick={() => {\r\n props.onItemClick?.(item~~.data~~)\r\n }}\r\n >\r\n <List.Item.Meta title={item.~~data.~~msgInternal.subject} description={getDate(item.~~data.~~createdAt, 'YYYY-MM-DD HH:mm:ss')} />\r\n </List.Item>\r\n }\r\n />}\r\n >\r\n <span className={styles.action}>\r\n <Badge dot={showDot}>\r\n <BellOutlined rev={undefined} />\r\n </Badge>\r\n </span>\r\n </Dropdown >;\r\n});\r\n"],"names":["Badge","Dropdown","List","styles","useEffect","useState","forwardRef","useImperativeHandle","BellOutlined","MsgInternalToOrderField","OrderDirection","getDate","useLocale","gql","paging","query","instanceName","userMsgQuery","userUnreadQuery","props","ref","locale","items","setItems","open","setOpen","showDot","setShowDot","loading","setLoading","maxLength","requestData","result","first","where","readAtIsNil","orderBy","direction","Desc","field","CreatedAt","MSGCENTER","list","data","userMsgInternalTos","edges","forEach","item","node","push","~~key","id","~~length","~~requestUnread~~","userUnreadMsgInternals","~~menu~~","~~trigger~~","~~onOpenChange~~","placement","dropdownRender","className","header","div","title","footer","onMoreClick","span","onClick","undefined","bordered","size","dataSource","renderItem","Item","onItemClick","Meta","msgInternal","subject","description","createdAt","action","dot","rev"],"mappings":";AAAA,SAASA,KAAK,EAAEC,QAAQ,EAAEC,IAAI,QAAQ,OAAO;AAC7C,OAAOC,YAAY,qBAAqB;AACxC,SAASC,SAAS,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,mBAAmB,~~QAAsB~~,QAAQ;~~AAC3F~~,SAASC,YAAY,QAAQ,oBAAoB;AACjD,SAAgMC,uBAAuB,EAAEC,cAAc,QAAQ,~~6CAA6C~~;~~AAC5R~~,SAASC,OAAO,QAAQ,iBAAW;AACnC,SAASC,SAAS,QAAQ,kBAAY;AACtC,SAASC,GAAG,EAAEC,MAAM,EAAEC,KAAK,QAAQ,gCAAgC;AACnE,SAASC,YAAY,QAAQ,mBAAmB;~~AA8BhD~~,MAAMC,eAAeJ,IAAI,WAAW,GAAE,CAAC;;;;;;;;;;;;CAYtC,CAAC;AAEF,MAAMK,kBAAkBL,IAAI,WAAW,GAAE,CAAC;;CAEzC,CAAC;AAMF,~~6BAAeP~~,WAAW,~~CAACa~~,OAAyBC,MAAsC;QAM1ED;IALd,MAAME,SAAST,UAAU,gBACvB,CAACU,OAAOC,SAAS,~~GAAGlB~~,SAA0B,EAAE,GAChD,~~CAACmB~~,MAAMC,QAAQ,~~GAAGpB~~,SAAS,KAAK,GAChC,~~CAACqB~~,SAASC,WAAW,~~GAAGtB~~,SAAS,KAAK,GACtC,~~CAACuB~~,SAASC,WAAW,~~GAAGxB~~,SAAS,KAAK,~~GACtCyB~~,YAAYX,CAAAA,mBAAAA,MAAMW,SAAS,cAAfX,8BAAAA,mBAAmB,CAAC;IAElC,MACEY,~~cAAc~~,UAAY;~~YAepBC~~,cACFA;QAfFH,WAAW,IAAI;QACf,MAAMG,SAAS,MAAMlB,OACnBG,cAAc;YACdgB,OAAOH;YACPI,OAAO;gBACLC,aAAa,IAAI;YACnB;YACAC,SAAS;gBACPC,WAAW3B,eAAe4B,IAAI;gBAC9BC,OAAO9B,wBAAwB+B,SAAS;YAC1C;QACF,GAAG,GAAG;YACJxB,cAAcA,aAAayB,SAAS;QACtC,IAAIC,OAAwB,EAAE;QAC9B,IAAIV,CAAAA,eAAAA,OAAOW,IAAI,cAAXX,0BAAAA,KAAAA,IAAAA,aAAaY,kBAAkB,EACjCZ,CAAAA,wCAAAA,OAAOW,IAAI,CAACC,kBAAkB,CAACC,KAAK,cAApCb,mDAAAA,KAAAA,IAAAA,sCAAsCc,QAAQC,CAAAA,OAAQ;YACpD,IAAIA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMC,IAAI,EACZN,KAAKO,IAAI,~~CAAC;gBACRC~~,~~KAAKH,~~KAAKC,IAAI~~,CAACG,EAAE~~;~~gBACjBR,MAAMI,KAAKC,IAAI~~;~~YACjB;QAEJ;~~QAEFrB,WAAWe,~~KAAKU~~,MAAM,GAAG;~~QACzB7B~~,SAASmB;QACTb,WAAW,KAAK;IAClB,~~GACAwB~~,~~gBAAgB~~,~~UAAY~~;~~YAEdrB~~;~~QADZ~~,~~MAAMA~~,~~SAAS~~,~~MAAMjB~~,MAA2FG,iBAAiB,CAAC,GAAG;~~YAAEF~~,cAAcA,aAAayB,SAAS;~~QAAC~~;~~YAChKT~~;~~QAAZL~~,WAAW,AAACK,CAAAA,CAAAA,sCAAAA,CAAAA,eAAAA,OAAOW,IAAI,cAAXX,0BAAAA,KAAAA,IAAAA,~~aAAasB~~,sBAAsB,~~cAAnCtB~~,iDAAAA,sCAAuC,CAAC,AAAD,IAAK;~~IAC1D~~;~~IAEFzB~~,~~oBAAoBa~~,~~KAAK,IAAO,CAAA~~;~~YAC9BO~~,~~YAAY~~,~~IAAM~~;~~gBAChBA~~,~~WAAW,IAAI~~;~~YACjB~~;~~QACF~~,~~CAAA~~;~~IAEAvB~~,~~UAAU~~,~~IAAM;QACd~~,~~IAAIoB~~,~~MACFO~~;~~IAEJ~~,~~GAAG~~;~~QAACP;KAAK;IAETpB~~,~~UAAU,IAAM;QACdiD;IACF,~~GAAG,EAAE;~~IAEL~~,~~qBAAO,KAACpD;QACNsD,MAAM;YACJjC;QACF;QACAkC,SAAS;YAAC;SAAQ;QAClBhC,MAAMA;QACNiC,cAAchC;QACdiC,~~WAAU;QACVC,gBAAgB;0BAAM,OAAA,~~KAACzD~~;~~gBACrB0B~~,SAASA;~~gBACTgC~~,~~WAAWzD~~,~~OAAOuC~~,IAAI;~~gBACtBmB~~,sBAAQ,KAACC;~~8BAAKzC~~,~~OAAO0C~~,KAAK;;~~gBAC1BC~~,~~QAAQ7C~~,~~MAAM8C~~,WAAW,iBAAG,KAACC;~~oBAC3BN~~,~~WAAWzD~~,~~OAAO6D~~,MAAM;~~oBACxBG~~,SAAS,IAAM;~~4BACbhD~~;~~wBAAAA~~,CAAAA,qBAAAA,~~MAAM8C~~,WAAW,~~cAAjB9C~~,gCAAAA,KAAAA,IAAAA,mBAAAA,KAAAA;~~oBACF~~;~~8BAECE~~,~~OAAO2C~~,MAAM;~~qBACNI~~,SAAS;~~gBACnBC~~,QAAQ;~~gBACRC~~,MAAK;~~gBACLC~~,~~YAAYjD~~;~~gBACZkD~~,YAAY,~~CAACzB~~;~~kCAAS~~,OAAA,~~KAAC7C~~,~~KAAKuE~~,IAAI;~~wBAE9BN~~,SAAS,IAAM;~~gCACbhD~~;~~4BAAAA~~,CAAAA,qBAAAA,~~MAAMuD~~,WAAW,~~cAAjBvD~~,gCAAAA,KAAAA,IAAAA,mBAAAA,KAAAA,OAAoB4B~~,KAAKJ,IAAI~~;~~wBAC/B~~;~~kCAEA~~,cAAA,~~KAACzC~~,~~KAAKuE~~,IAAI,CAACE,IAAI;~~4BAACZ~~,~~OAAOhB~~,~~KAAKJ~~,~~IAAI,CAACiC,~~WAAW,CAACC,OAAO;~~4BAAEC~~,~~aAAanE~~,QAAQoC,~~KAAKJ~~,~~IAAI,CAACoC,~~SAAS,EAAE;;~~uBAL3FhC~~,~~KAAKG~~,~~GAAG;;;;kBAUjB~~,cAAA,~~KAACgB~~;YAAKN,~~WAAWzD~~,OAAO6E,MAAM;sBAC5B,cAAA,KAAChF;gBAAMiF,~~KAAKvD~~;0BACV,cAAA,KAAClB;~~oBAAa0E~~,~~KAAKd~~;;;;;AAI3B,GAAG"}
1	+ {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\msg-dropdown\\index.tsx"],"sourcesContent":["import { Badge, Dropdown, List } from 'antd';\r\nimport styles from './index.module.css';\r\nimport { useEffect, useState, forwardRef, useImperativeHandle, ForwardedRef, useCallback } from 'react';\r\nimport { BellOutlined } from '@ant-design/icons';\r\nimport { LayoutPkgUserMsgInternalToListQuery, LayoutPkgUserMsgInternalToListQueryVariables, LayoutPkgUserUnreadMsgInternalsQuery, LayoutPkgUserUnreadMsgInternalsQueryVariables, MsgInternalTo, MsgInternalToOrderField, OrderDirection } from '@knockout-js/api/msgcenter';\r\nimport { getDate } from '../_util';\r\nimport { useLocale } from '../locale';\r\nimport { gql, paging, query } from '@knockout-js/ice-urql/request';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface MsgDropdownLocale {\r\n title: string;\r\n footer: string;\r\n}\r\n\r\nexport interface MsgDropdownProps {\r\n /*\r\n 最多显示几条\r\n /\r\n maxLength?: number;\r\n /\r\n 选中一项\r\n * @param data\r\n * @returns\r\n /\r\n onItemClick?: (data: MsgInternalTo) => void;\r\n /\r\n 查看更多\r\n * @returns\r\n /\r\n onMoreClick?: () => void;\r\n}\r\n\r\nconst userMsgQuery = gql(/ GraphQL /`query layoutPkgUserMsgInternalToList($first: Int,$orderBy: MsgInternalToOrder,$where:MsgInternalToWhereInput){\r\n userMsgInternalTos(first:$first,orderBy: $orderBy,where: $where){\r\n totalCount,pageInfo{ hasNextPage,hasPreviousPage,startCursor,endCursor }\r\n edges{\r\n cursor,node{\r\n id,msgInternalID,createdAt,deleteAt,readAt,userID\r\n msgInternal{\r\n id,tenantID,createdBy,createdAt,subject,body,format,redirect,category\r\n }\r\n }\r\n }\r\n }\r\n}`)\r\n\r\nconst userUnreadQuery = gql(/ GraphQL */`query layoutPkgUserUnreadMsgInternals{\r\n userUnreadMsgInternals\r\n}`)\r\n\r\nexport type MsgDropdownRef = {\r\n setShowDot: () => void;\r\n}\r\n\r\nexport default forwardRef((props: MsgDropdownProps, ref: ForwardedRef<MsgDropdownRef>) => {\r\n const locale = useLocale('MsgDropdown'),\r\n [items, setItems] = useState<MsgInternalTo[]>([]),\r\n [open, setOpen] = useState(false),\r\n [showDot, setShowDot] = useState(false),\r\n [loading, setLoading] = useState(false),\r\n maxLength = props.maxLength ?? 5;\r\n\r\n const\r\n requestData = useCallback(async () => {\r\n setLoading(true);\r\n const result = await paging<LayoutPkgUserMsgInternalToListQuery, LayoutPkgUserMsgInternalToListQueryVariables>(\r\n userMsgQuery, {\r\n first: maxLength,\r\n where: {\r\n readAtIsNil: true,\r\n },\r\n orderBy: {\r\n direction: OrderDirection.Desc,\r\n field: MsgInternalToOrderField.CreatedAt\r\n },\r\n }, 1, {\r\n instanceName: instanceName.MSGCENTER,\r\n }), list: MsgInternalTo[] = [];\r\n if (result.data?.userMsgInternalTos) {\r\n result.data.userMsgInternalTos.edges?.forEach(item => {\r\n if (item?.node) {\r\n list.push(item.node as MsgInternalTo);\r\n }\r\n })\r\n }\r\n setShowDot(list.length > 0);\r\n setItems(list);\r\n setLoading(false);\r\n }, []);\r\n\r\n useImperativeHandle(ref, () => ({\r\n setShowDot: () => {\r\n setShowDot(true);\r\n }\r\n }))\r\n\r\n useEffect(() => {\r\n if (open) {\r\n requestData();\r\n }\r\n }, [open])\r\n\r\n useEffect(() => {\r\n query<LayoutPkgUserUnreadMsgInternalsQuery, LayoutPkgUserUnreadMsgInternalsQueryVariables>(userUnreadQuery, {}, {\r\n instanceName: instanceName.MSGCENTER,\r\n }).then(result => {\r\n setShowDot((result.data?.userUnreadMsgInternals ?? 0) > 0);\r\n });\r\n }, [])\r\n\r\n return <Dropdown\r\n trigger={['click']}\r\n open={open}\r\n onOpenChange={useCallback((v: boolean) => {\r\n setOpen(v);\r\n }, [])}\r\n placement=\"bottom\"\r\n dropdownRender={() => <>\r\n <List\r\n loading={loading}\r\n className={styles.list}\r\n header={<div>{locale.title}</div>}\r\n footer={props.onMoreClick ? <span\r\n className={styles.footer}\r\n onClick={() => {\r\n props.onMoreClick?.();\r\n }}\r\n >\r\n {locale.footer}\r\n </span> : undefined}\r\n bordered\r\n size=\"small\"\r\n dataSource={items}\r\n renderItem={(item) => <List.Item\r\n key={item.id}\r\n onClick={() => {\r\n props.onItemClick?.(item)\r\n }}\r\n >\r\n <List.Item.Meta title={item.msgInternal.subject} description={getDate(item.createdAt, 'YYYY-MM-DD HH:mm:ss')} />\r\n </List.Item>\r\n }\r\n />\r\n </>}\r\n >\r\n <span className={styles.action}>\r\n <Badge dot={showDot}>\r\n <BellOutlined rev={undefined} />\r\n </Badge>\r\n </span>\r\n </Dropdown>;\r\n});\r\n"],"names":["Badge","Dropdown","List","styles","useEffect","useState","forwardRef","useImperativeHandle","useCallback","BellOutlined","MsgInternalToOrderField","OrderDirection","getDate","useLocale","gql","paging","query","instanceName","userMsgQuery","userUnreadQuery","props","ref","locale","items","setItems","open","setOpen","showDot","setShowDot","loading","setLoading","maxLength","requestData","result","first","where","readAtIsNil","orderBy","direction","Desc","field","CreatedAt","MSGCENTER","list","data","userMsgInternalTos","edges","forEach","item","node","push","length","then","userUnreadMsgInternals","trigger","onOpenChange","v","placement","dropdownRender","className","header","div","title","footer","onMoreClick","span","onClick","undefined","bordered","size","dataSource","renderItem","Item","onItemClick","Meta","msgInternal","subject","description","createdAt","id","action","dot","rev"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Org } from '@knockout-js/api/esm/gql/ucenter/graphql';
+import { Org } from '@knockout-js/api/ucenter';
 export interface TenantDropdownLocale {
     switchTipTitle: string;
     confirmTitle: string;

package/es2017/components/tenant-dropdown/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\tenant-dropdown\\index.tsx"],"sourcesContent":["import { Dropdown, MenuProps, Modal } from 'antd';\r\nimport { useCallback, useEffect, useState } from 'react';\r\nimport styles from './index.module.css';\r\nimport { useLocale } from '../locale';\r\nimport { Org, UserRootOrgsQuery, UserRootOrgsQueryVariables } from '@knockout-js/api/~~esm/gql/~~ucenter~~/graphql~~';\r\nimport { gql, query } from '@knockout-js/ice-urql/request';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface TenantDropdownLocale {\r\n switchTipTitle: string;\r\n confirmTitle: string;\r\n confirmContent: string;\r\n}\r\n\r\nexport interface TenantDropdownProps {\r\n /*\r\n 当前 tenantId\r\n /\r\n value: string;\r\n /\r\n 数据源\r\n /\r\n dataSource?: Org[];\r\n /\r\n value变更事件 (value: string) => void;\r\n /\r\n onChange: (value: string) => void;\r\n}\r\n\r\nconst userRootOrgListQuery = gql(/ GraphQL */`query userRootOrgs{\r\n userRootOrgs{\r\n id,parentID,kind,domain,code,name,status,path,displaySort,countryCode,timezone\r\n }\r\n}`);\r\n\r\nexport default (props: TenantDropdownProps) => {\r\n const locale = useLocale('TenantDropdown'),\r\n [list, setList] = useState<Array<Org>>([]),\r\n [info, setInfo] = useState<Org \| undefined>(undefined),\r\n [menu, setMenu] = useState<MenuProps \| undefined>(undefined);\r\n\r\n const\r\n getRequest = async () => {\r\n const result = await query<UserRootOrgsQuery, UserRootOrgsQueryVariables>(userRootOrgListQuery, {}, { instanceName: instanceName.UCENTER });\r\n if (result.data?.userRootOrgs.length) {\r\n const orgList = result.data.userRootOrgs as Org[]\r\n setList(orgList)\r\n }\r\n },\r\n setValue = () => {\r\n setInfo(list.find(item => item.id == props.value));\r\n setMenu({\r\n items: list.filter(item => item?.id != props.value).map(item => {\r\n return {\r\n key: item.id,\r\n label: item.name,\r\n onClick: menuItemClick\r\n };\r\n }),\r\n });\r\n },\r\n menuItemClick = useCallback(({ key }: { key: string }) => {\r\n Modal.confirm({\r\n title: locale.confirmTitle,\r\n content: locale.confirmContent,\r\n onOk: () => {\r\n props.onChange(key)\r\n },\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (document.hidden && (info && info.id != props.value)) {\r\n const tipStr = locale.switchTipTitle;\r\n document.title = tipStr;\r\n document.body.innerHTML = `<div style=\"width:370px;margin:40px auto 0 auto;\">${tipStr}</div>`;\r\n window.close();\r\n } else {\r\n setValue()\r\n }\r\n }, [props.value]);\r\n\r\n useEffect(() => {\r\n setValue()\r\n }, [list]);\r\n\r\n useEffect(() => {\r\n if (props.dataSource) {\r\n setList(props.dataSource)\r\n } else {\r\n getRequest();\r\n }\r\n }, [, props.dataSource]);\r\n\r\n return info ? <Dropdown menu={menu} disabled={menu?.items?.length === 0}>\r\n <span className={styles.action}>\r\n <span>{info.name}</span>\r\n </span>\r\n </Dropdown> : <></>;\r\n};\r\n"],"names":["Dropdown","Modal","useCallback","useEffect","useState","styles","useLocale","gql","query","instanceName","userRootOrgListQuery","props","menu","locale","list","setList","info","setInfo","undefined","setMenu","getRequest","result","UCENTER","data","userRootOrgs","length","orgList","setValue","find","item","id","value","items","filter","map","key","label","name","onClick","menuItemClick","confirm","title","confirmTitle","content","confirmContent","onOk","onChange","document","hidden","tipStr","switchTipTitle","body","innerHTML","window","close","dataSource","disabled","span","className","action"],"mappings":";AAAA,SAASA,QAAQ,EAAaC,KAAK,QAAQ,OAAO;AAClD,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACzD,OAAOC,YAAY,qBAAqB;AACxC,SAASC,SAAS,QAAQ,kBAAY;AAEtC,SAASC,GAAG,EAAEC,KAAK,QAAQ,gCAAgC;AAC3D,SAASC,YAAY,QAAQ,mBAAmB;AAuBhD,MAAMC,uBAAuBH,IAAI,WAAW,GAAE,CAAC;;;;CAI9C,CAAC;AAEF,eAAe,CAAA,CAACI,QAA+B;QA2DCC;IA1D9C,MAAMC,SAASP,UAAU,mBACvB,CAACQ,MAAMC,QAAQ,GAAGX,SAAqB,EAAE,GACzC,CAACY,MAAMC,QAAQ,GAAGb,SAA0Bc,YAC5C,CAACN,MAAMO,QAAQ,GAAGf,SAAgCc;IAEpD,MACEE,aAAa,UAAY;YAEnBC;QADJ,MAAMA,SAAS,MAAMb,MAAqDE,sBAAsB,CAAC,GAAG;YAAED,cAAcA,aAAaa,OAAO;QAAC;QACzI,IAAID,CAAAA,eAAAA,OAAOE,IAAI,cAAXF,0BAAAA,KAAAA,IAAAA,aAAaG,aAAaC,MAAM,EAAE;YACpC,MAAMC,UAAUL,OAAOE,IAAI,CAACC,YAAY;YACxCT,QAAQW;QACV,CAAC;IACH,GACAC,WAAW,IAAM;QACfV,QAAQH,KAAKc,IAAI,CAACC,CAAAA,OAAQA,KAAKC,EAAE,IAAInB,MAAMoB,KAAK;QAChDZ,QAAQ;YACNa,OAAOlB,KAAKmB,MAAM,CAACJ,CAAAA;gBAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMC,EAAE,AAAD,KAAKnB,MAAMoB,KAAK;eAAEG,GAAG,CAACL,CAAAA,OAAQ;gBAC9D,OAAO;oBACLM,KAAKN,KAAKC,EAAE;oBACZM,OAAOP,KAAKQ,IAAI;oBAChBC,SAASC;gBACX;YACF;QACF;IACF,GACAA,gBAAgBrC,YAAY,CAAC,EAAEiC,IAAG,EAAmB,GAAK;QACxDlC,MAAMuC,OAAO,CAAC;YACZC,OAAO5B,OAAO6B,YAAY;YAC1BC,SAAS9B,OAAO+B,cAAc;YAC9BC,MAAM,IAAM;gBACVlC,MAAMmC,QAAQ,CAACX;YACjB;QACF;IACF,GAAG,EAAE;IAEPhC,UAAU,IAAM;QACd,IAAI4C,SAASC,MAAM,IAAKhC,QAAQA,KAAKc,EAAE,IAAInB,MAAMoB,KAAK,EAAG;YACvD,MAAMkB,SAASpC,OAAOqC,cAAc;YACpCH,SAASN,KAAK,GAAGQ;YACjBF,SAASI,IAAI,CAACC,SAAS,GAAG,CAAC,kDAAkD,EAAEH,OAAO,MAAM,CAAC;YAC7FI,OAAOC,KAAK;QACd,OACE3B;IAEJ,GAAG;QAAChB,MAAMoB,KAAK;KAAC;IAEhB5B,UAAU,IAAM;QACdwB;IACF,GAAG;QAACb;KAAK;IAETX,UAAU,IAAM;QACd,IAAIQ,MAAM4C,UAAU,EAClBxC,QAAQJ,MAAM4C,UAAU;aAExBnC;IAEJ,GAAG;;QAAGT,MAAM4C,UAAU;KAAC;IAEvB,OAAOvC,qBAAO,KAAChB;QAASY,MAAMA;QAAM4C,UAAU5C,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,CAAAA,cAAAA,KAAMoB,KAAK,cAAXpB,yBAAAA,KAAAA,IAAAA,YAAaa,MAAF,AAAD,MAAc;kBACpE,cAAA,KAACgC;YAAKC,WAAWrD,OAAOsD,MAAM;sBAC5B,cAAA,KAACF;0BAAMzC,KAAKqB,IAAI;;;uBAEN,mBAAK;AACrB,CAAA,EAAE"}
1	+ {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\tenant-dropdown\\index.tsx"],"sourcesContent":["import { Dropdown, MenuProps, Modal } from 'antd';\r\nimport { useCallback, useEffect, useState } from 'react';\r\nimport styles from './index.module.css';\r\nimport { useLocale } from '../locale';\r\nimport { Org, UserRootOrgsQuery, UserRootOrgsQueryVariables } from '@knockout-js/api/ucenter';\r\nimport { gql, query } from '@knockout-js/ice-urql/request';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface TenantDropdownLocale {\r\n switchTipTitle: string;\r\n confirmTitle: string;\r\n confirmContent: string;\r\n}\r\n\r\nexport interface TenantDropdownProps {\r\n /*\r\n 当前 tenantId\r\n /\r\n value: string;\r\n /\r\n 数据源\r\n /\r\n dataSource?: Org[];\r\n /\r\n value变更事件 (value: string) => void;\r\n /\r\n onChange: (value: string) => void;\r\n}\r\n\r\nconst userRootOrgListQuery = gql(/ GraphQL */`query userRootOrgs{\r\n userRootOrgs{\r\n id,parentID,kind,domain,code,name,status,path,displaySort,countryCode,timezone\r\n }\r\n}`);\r\n\r\nexport default (props: TenantDropdownProps) => {\r\n const locale = useLocale('TenantDropdown'),\r\n [list, setList] = useState<Array<Org>>([]),\r\n [info, setInfo] = useState<Org \| undefined>(undefined),\r\n [menu, setMenu] = useState<MenuProps \| undefined>(undefined);\r\n\r\n const\r\n getRequest = async () => {\r\n const result = await query<UserRootOrgsQuery, UserRootOrgsQueryVariables>(userRootOrgListQuery, {}, { instanceName: instanceName.UCENTER });\r\n if (result.data?.userRootOrgs.length) {\r\n const orgList = result.data.userRootOrgs as Org[]\r\n setList(orgList)\r\n }\r\n },\r\n setValue = () => {\r\n setInfo(list.find(item => item.id == props.value));\r\n setMenu({\r\n items: list.filter(item => item?.id != props.value).map(item => {\r\n return {\r\n key: item.id,\r\n label: item.name,\r\n onClick: menuItemClick\r\n };\r\n }),\r\n });\r\n },\r\n menuItemClick = useCallback(({ key }: { key: string }) => {\r\n Modal.confirm({\r\n title: locale.confirmTitle,\r\n content: locale.confirmContent,\r\n onOk: () => {\r\n props.onChange(key)\r\n },\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (document.hidden && (info && info.id != props.value)) {\r\n const tipStr = locale.switchTipTitle;\r\n document.title = tipStr;\r\n document.body.innerHTML = `<div style=\"width:370px;margin:40px auto 0 auto;\">${tipStr}</div>`;\r\n window.close();\r\n } else {\r\n setValue()\r\n }\r\n }, [props.value]);\r\n\r\n useEffect(() => {\r\n setValue()\r\n }, [list]);\r\n\r\n useEffect(() => {\r\n if (props.dataSource) {\r\n setList(props.dataSource)\r\n } else {\r\n getRequest();\r\n }\r\n }, [, props.dataSource]);\r\n\r\n return info ? <Dropdown menu={menu} disabled={menu?.items?.length === 0}>\r\n <span className={styles.action}>\r\n <span>{info.name}</span>\r\n </span>\r\n </Dropdown> : <></>;\r\n};\r\n"],"names":["Dropdown","Modal","useCallback","useEffect","useState","styles","useLocale","gql","query","instanceName","userRootOrgListQuery","props","menu","locale","list","setList","info","setInfo","undefined","setMenu","getRequest","result","UCENTER","data","userRootOrgs","length","orgList","setValue","find","item","id","value","items","filter","map","key","label","name","onClick","menuItemClick","confirm","title","confirmTitle","content","confirmContent","onOk","onChange","document","hidden","tipStr","switchTipTitle","body","innerHTML","window","close","dataSource","disabled","span","className","action"],"mappings":";AAAA,SAASA,QAAQ,EAAaC,KAAK,QAAQ,OAAO;AAClD,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACzD,OAAOC,YAAY,qBAAqB;AACxC,SAASC,SAAS,QAAQ,kBAAY;AAEtC,SAASC,GAAG,EAAEC,KAAK,QAAQ,gCAAgC;AAC3D,SAASC,YAAY,QAAQ,mBAAmB;AAuBhD,MAAMC,uBAAuBH,IAAI,WAAW,GAAE,CAAC;;;;CAI9C,CAAC;AAEF,eAAe,CAAA,CAACI,QAA+B;QA2DCC;IA1D9C,MAAMC,SAASP,UAAU,mBACvB,CAACQ,MAAMC,QAAQ,GAAGX,SAAqB,EAAE,GACzC,CAACY,MAAMC,QAAQ,GAAGb,SAA0Bc,YAC5C,CAACN,MAAMO,QAAQ,GAAGf,SAAgCc;IAEpD,MACEE,aAAa,UAAY;YAEnBC;QADJ,MAAMA,SAAS,MAAMb,MAAqDE,sBAAsB,CAAC,GAAG;YAAED,cAAcA,aAAaa,OAAO;QAAC;QACzI,IAAID,CAAAA,eAAAA,OAAOE,IAAI,cAAXF,0BAAAA,KAAAA,IAAAA,aAAaG,aAAaC,MAAM,EAAE;YACpC,MAAMC,UAAUL,OAAOE,IAAI,CAACC,YAAY;YACxCT,QAAQW;QACV,CAAC;IACH,GACAC,WAAW,IAAM;QACfV,QAAQH,KAAKc,IAAI,CAACC,CAAAA,OAAQA,KAAKC,EAAE,IAAInB,MAAMoB,KAAK;QAChDZ,QAAQ;YACNa,OAAOlB,KAAKmB,MAAM,CAACJ,CAAAA;gBAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMC,EAAE,AAAD,KAAKnB,MAAMoB,KAAK;eAAEG,GAAG,CAACL,CAAAA,OAAQ;gBAC9D,OAAO;oBACLM,KAAKN,KAAKC,EAAE;oBACZM,OAAOP,KAAKQ,IAAI;oBAChBC,SAASC;gBACX;YACF;QACF;IACF,GACAA,gBAAgBrC,YAAY,CAAC,EAAEiC,IAAG,EAAmB,GAAK;QACxDlC,MAAMuC,OAAO,CAAC;YACZC,OAAO5B,OAAO6B,YAAY;YAC1BC,SAAS9B,OAAO+B,cAAc;YAC9BC,MAAM,IAAM;gBACVlC,MAAMmC,QAAQ,CAACX;YACjB;QACF;IACF,GAAG,EAAE;IAEPhC,UAAU,IAAM;QACd,IAAI4C,SAASC,MAAM,IAAKhC,QAAQA,KAAKc,EAAE,IAAInB,MAAMoB,KAAK,EAAG;YACvD,MAAMkB,SAASpC,OAAOqC,cAAc;YACpCH,SAASN,KAAK,GAAGQ;YACjBF,SAASI,IAAI,CAACC,SAAS,GAAG,CAAC,kDAAkD,EAAEH,OAAO,MAAM,CAAC;YAC7FI,OAAOC,KAAK;QACd,OACE3B;IAEJ,GAAG;QAAChB,MAAMoB,KAAK;KAAC;IAEhB5B,UAAU,IAAM;QACdwB;IACF,GAAG;QAACb;KAAK;IAETX,UAAU,IAAM;QACd,IAAIQ,MAAM4C,UAAU,EAClBxC,QAAQJ,MAAM4C,UAAU;aAExBnC;IAEJ,GAAG;;QAAGT,MAAM4C,UAAU;KAAC;IAEvB,OAAOvC,qBAAO,KAAChB;QAASY,MAAMA;QAAM4C,UAAU5C,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,CAAAA,cAAAA,KAAMoB,KAAK,cAAXpB,yBAAAA,KAAAA,IAAAA,YAAaa,MAAF,AAAD,MAAc;kBACpE,cAAA,KAACgC;YAAKC,WAAWrD,OAAOsD,MAAM;sBAC5B,cAAA,KAACF;0BAAMzC,KAAKqB,IAAI;;;uBAEN,mBAAK;AACrB,CAAA,EAAE"}

package/esm/components/aggregate-menu/index.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { DrawerProps } from "antd";
-import { App, AppMenu } from "@knockout-js/api/esm/gql/ucenter/graphql";
+import { App, AppMenu } from "@knockout-js/api/ucenter";
 export type AggregateMenuLocale = {
     title: string;
     latelyTitle: string;

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

@@ -17,7 +17,7 @@ import { useLocale } from "../locale/index";
 import { useDark } from "../provider/index";
 import { listFormatTreeData, treeFormatList } from "../_util/index";
 import { OpenWin } from "../icons/index";
-import { AppMenuKind } from "@knockout-js/api/esm/gql/ucenter/graphql";
+import { AppMenuKind } from "@knockout-js/api/ucenter";
 import { instanceName } from "@knockout-js/api";
 var userMenuListQuery = gql("query layoutPkgUserMenuList($appCode:String!){\n  userMenus(appCode: $appCode){\n    id,name,route,appID,parentID,displaySort,kind\n  }\n}");
 var userAppsQuery = gql("query layoutPkgUserAppList{\n  userApps{\n    id,name,code\n  }\n}");

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\aggregate-menu\\index.tsx"],"sourcesContent":["import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from \"@ant-design/icons\"\r\nimport { useCallback, useEffect, useState } from \"react\"\r\nimport styles from \"./index.module.css\"\r\nimport { Drawer, DrawerProps, Empty, Input, Space } from \"antd\";\r\nimport { gql, mutation, paging, query } from \"@knockout-js/ice-urql/request\";\r\nimport { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from \"@dnd-kit/core\";\r\nimport { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from \"@dnd-kit/sortable\";\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { useLocale } from \"../locale\";\r\nimport { useDark } from \"../provider\";\r\nimport { listFormatTreeData, treeFormatList } from \"../_util\";\r\nimport { OpenWin } from \"../icons\";\r\nimport { App, AppMenu, AppMenuKind, LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables, LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables, LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables, LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables } from \"@knockout-js/api/esm/gql/ucenter/graphql\";\r\nimport { instanceName } from \"@knockout-js/api\";\r\n\r\nconst userMenuListQuery = gql(/* GraphQL /`query layoutPkgUserMenuList($appCode:String!){\r\n userMenus(appCode: $appCode){\r\n id,name,route,appID,parentID,displaySort,kind\r\n }\r\n}`);\r\n\r\nconst userAppsQuery = gql(/ GraphQL /`query layoutPkgUserAppList{\r\n userApps{\r\n id,name,code\r\n }\r\n}`);\r\n\r\nconst userPreferenceQuery = gql(/ GraphQL /`query layoutPkgUserPreference{\r\n orgUserPreference{\r\n id,menuFavorite,menuRecent,\r\n }\r\n}`);\r\n\r\nconst userPreferenceMut = gql(/ GraphQL /`mutation layoutPkgSaveUserPreference($input:OrgUserPreferenceInput!){\r\n saveOrgUserPreference(input: $input){ id }\r\n}`);\r\n\r\nexport type AggregateMenuLocale = {\r\n title: string;\r\n latelyTitle: string;\r\n notText: string;\r\n searchPlaceholder: string;\r\n}\r\n\r\nexport type AggregateMenuDataSource = {\r\n app: App;\r\n menu: AppMenu[];\r\n}[]\r\n\r\nexport interface AggregateMenuProps {\r\n /\r\n 弹出开关\r\n /\r\n open?: boolean;\r\n /\r\n 数据源\r\n /\r\n dataSource?: AggregateMenuDataSource;\r\n /\r\n 弹框设置\r\n /\r\n drawerProps?: DrawerProps;\r\n /\r\n 弹出开关变更\r\n /\r\n onChangeOpen?: (open: boolean) => void;\r\n /\r\n 选中菜单\r\n /\r\n onClick?: (menuItem: AppMenu, app: App, isOpen?: boolean) => void;\r\n}\r\n\r\n/\r\n 排序拖拽使用的控件\r\n * https://docs.dndkit.com/\r\n * @param props\r\n * @returns\r\n /\r\nconst DargItem = (props: {\r\n value: AppMenu;\r\n onDel: () => void;\r\n onClick: (isOpen?: boolean) => void;\r\n}) => {\r\n const id = `${props.value.id}-${props.value.appID}`;\r\n const { setNodeRef, listeners, attributes, transform, transition } = useSortable({ id });\r\n const style = {\r\n transform: CSS.Transform.toString(transform),\r\n transition,\r\n };\r\n\r\n return <div\r\n ref={setNodeRef}\r\n style={style}\r\n {...attributes}\r\n className={styles.aggregateMenuDrawerMenuItem}\r\n onClick={() => {\r\n props.onClick();\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerMenuItemName}>{props.value.name}</div>\r\n <div className={styles.aggregateMenuDrawerMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n props.onClick(true);\r\n }} />\r\n <CloseOutlined rev={undefined} onClick={(event) => {\r\n event.stopPropagation();\r\n props.onDel();\r\n }} />\r\n <DragOutlined rev={undefined} {...listeners} className=\"dragIcon\" />\r\n </Space>\r\n </div>\r\n </div>\r\n}\r\n\r\nexport default (props: AggregateMenuProps) => {\r\n const [all, setAll] = useState<AggregateMenuDataSource>([]),\r\n [filterList, setFilterList] = useState<AggregateMenuDataSource>([]),\r\n [collects, setCollects] = useState<AppMenu[]>([]),\r\n [latelys, setLately] = useState<AppMenu[]>([]),\r\n locale = useLocale('AggregateMenu'),\r\n isDark = useDark(),\r\n sensors = useSensors(\r\n useSensor(PointerSensor),\r\n useSensor(KeyboardSensor, {\r\n coordinateGetter: sortableKeyboardCoordinates,\r\n })\r\n );\r\n\r\n const\r\n request = useCallback(async () => {\r\n const appsResult = await paging<LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables>(userAppsQuery, {}, 1, {\r\n instanceName: instanceName.UCENTER,\r\n }), apps: App[] = [];\r\n if (appsResult.data?.userApps) {\r\n appsResult.data.userApps.forEach(app => {\r\n apps.push(app as App)\r\n })\r\n }\r\n const newAll: AggregateMenuDataSource = [];\r\n for (let i in apps) {\r\n const menuResult = await query<LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables>(userMenuListQuery, {\r\n appCode: apps[i].code,\r\n }, { instanceName: instanceName.UCENTER });\r\n if (menuResult.data?.userMenus) {\r\n const menu = menuResult.data.userMenus.sort((d1, d2) => {\r\n const d1Sort = d1.displaySort \|\| 0, d2Sort = d2.displaySort \|\| 0;\r\n return d1.parentID < d2.parentID ? -1 : d1.parentID > d2.parentID ? 1 : d1Sort < d2Sort ? -1 : d1Sort > d2Sort ? 1 : 0;\r\n }) as AppMenu[];\r\n newAll.push({\r\n app: apps[i],\r\n menu: treeFormatList(listFormatTreeData(menu, undefined, { key: 'id', parentId: 'parentID' })),\r\n })\r\n }\r\n }\r\n setAll(newAll);\r\n setFilterList(newAll);\r\n // 初始化收藏和初始化最近数据\r\n const preferenceResult = await query<LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables>(userPreferenceQuery, {}, {\r\n instanceName: instanceName.UCENTER\r\n });\r\n if (preferenceResult.data?.orgUserPreference?.id) {\r\n const menuFavorite = preferenceResult.data.orgUserPreference.menuFavorite,\r\n menuRecent = preferenceResult.data.orgUserPreference.menuRecent,\r\n collectsList: AppMenu[] = [],\r\n latelyList: AppMenu[] = [];\r\n if (menuFavorite) {\r\n menuFavorite.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n collectsList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n if (menuRecent) {\r\n menuRecent.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n latelyList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n setCollects(collectsList);\r\n setLately(latelyList);\r\n }\r\n }, []),\r\n requestFavorite = async (list: AppMenu[]) => {\r\n // 异步存储收藏\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuFavorite: list.map(item => item.id),\r\n }\r\n }, {\r\n instanceName: instanceName.UCENTER,\r\n });\r\n },\r\n requestRecent = async (ids: string[]) => {\r\n // 异步存储访问菜单记录\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuRecent: ids,\r\n }\r\n }, {\r\n instanceName: instanceName.UCENTER,\r\n });\r\n },\r\n checkCollect = useCallback((menuItem: AppMenu) => {\r\n return !!collects.find(item => item.id === menuItem.id && item.appID === menuItem.appID);\r\n }, [collects]),\r\n onClickItem = async (menuItem: AppMenu, isOpen?: boolean) => {\r\n const allApp = all.find(allItem => allItem.app.id == menuItem.appID);\r\n if (allApp) {\r\n const latelyList = [...latelys];\r\n const oldIdx = latelyList.findIndex(lately => lately.id == menuItem.id);\r\n if (oldIdx > -1) {\r\n latelyList.splice(oldIdx, 1);\r\n }\r\n latelyList.unshift(menuItem);\r\n latelyList.splice(6);\r\n await requestRecent(latelyList.map(item => item.id));\r\n setLately(latelyList);\r\n props.onClick?.(menuItem, allApp.app, isOpen);\r\n }\r\n },\r\n menuItemRender = (menuItem: AppMenu) => {\r\n return <div\r\n key={`${menuItem.id}-${menuItem.appID}`}\r\n className={styles.aggregateMenuDrawerAllMenuItem}\r\n onClick={() => {\r\n onClickItem(menuItem)\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerAllMenuItemName}> {menuItem.name}</div>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n onClickItem(menuItem, true)\r\n }} />\r\n <StarOutlined rev={undefined} className={checkCollect(menuItem) ? 'collect' : ''} onClick={async (event) => {\r\n event.stopPropagation();\r\n let collectList: AppMenu[] = [];\r\n if (checkCollect(menuItem)) {\r\n collectList = collects.filter(c => !(c.id === menuItem.id && c.appID === menuItem.appID))\r\n } else {\r\n collectList = [...collects, menuItem]\r\n }\r\n await requestFavorite(collectList)\r\n setCollects(collectList);\r\n }} />\r\n </Space>\r\n </div>\r\n </div>\r\n }\r\n\r\n useEffect(() => {\r\n if (props.dataSource) {\r\n setAll(props.dataSource);\r\n setFilterList(props.dataSource);\r\n } else {\r\n request();\r\n }\r\n }, [props.dataSource]);\r\n\r\n return <>\r\n <Drawer\r\n title={locale.title}\r\n maskClosable={false}\r\n placement=\"left\"\r\n width={1060}\r\n {...props.drawerProps}\r\n className={`${styles.aggregateMenuDrawer} ${isDark ? styles.aggregateMenuDark : ''}`}\r\n open={props.open}\r\n onClose={() => {\r\n props.onChangeOpen?.(false);\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerRow}>\r\n <div style={{ width: 240 }} className={styles.aggregateMenuDrawerMenu}>\r\n {/ 收藏 /}\r\n {collects.length ?\r\n <DndContext sensors={sensors}\r\n collisionDetection={closestCenter}\r\n onDragEnd={(event) => {\r\n const { active, over } = event;\r\n if (over && active.id !== over.id) {\r\n setCollects((items) => {\r\n const oldIndex = items.findIndex(oItem => `${oItem.id}-${oItem.appID}` == active.id);\r\n const newIndex = items.findIndex(nItem => `${nItem.id}-${nItem.appID}` == over.id);\r\n const collectList = arrayMove(items, oldIndex, newIndex);\r\n requestFavorite(collectList);\r\n return collectList;\r\n });\r\n }\r\n }}\r\n >\r\n <SortableContext items={collects.map(item => `${item.id}-${item.appID}`)} strategy={verticalListSortingStrategy}>\r\n {\r\n collects.map(item => (<DargItem\r\n key={`c${item.id}-${item.appID}`}\r\n value={item}\r\n onDel={async () => {\r\n const collectList = collects.filter(c => !(c.id === item.id && c.appID === item.appID))\r\n await requestFavorite(collectList);\r\n setCollects(collectList);\r\n }}\r\n onClick={(isOpen) => {\r\n onClickItem(item, isOpen)\r\n }}\r\n />))\r\n }\r\n </SortableContext>\r\n </DndContext>\r\n : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={locale.notText} />\r\n }\r\n </div>\r\n <div style={{ width: 820 }}>\r\n {/ 过滤 /}\r\n <div className={styles.aggregateMenuDrawerAllInput}>\r\n <Input\r\n bordered={false}\r\n prefix={<SearchOutlined rev={undefined} />}\r\n placeholder={locale.searchPlaceholder}\r\n onChange={(event) => {\r\n const keyword = event.target.value;\r\n if (keyword) {\r\n const fList = all.map(f => {\r\n return {\r\n app: f.app,\r\n menu: f.menu.filter(fMenuItem => fMenuItem.name.indexOf(keyword) > -1),\r\n };\r\n }).filter(f => f.menu.length);\r\n setFilterList(fList);\r\n } else {\r\n setFilterList([...all]);\r\n }\r\n }}\r\n />\r\n </div>\r\n {/ 最近访问 /}\r\n {latelys.length ?\r\n <div className={styles.aggregateMenuLatelys}>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemDir}>{locale.latelyTitle}</div>\r\n <div className={styles.aggregateMenuLatelysColumn}>\r\n {latelys.map(menuItem => (\r\n menuItemRender(menuItem)\r\n ))}\r\n </div>\r\n </div> : <></>\r\n }\r\n {/ all应用菜单 */}\r\n <div className={styles.aggregateMenuDrawerAllMenu} style={{ height: latelys.length ? \"calc(100% - 164px)\" : \"calc(100% - 52px)\" }}>\r\n <div className={styles.aggregateMenuDrawerAllMenuColumn}>\r\n {filterList.map(item => (\r\n <div key={item.app.code} className={styles.aggregateMenuDrawerAllMenuColumnItem}>\r\n <div className={styles.aggregateMenuDrawerAllAppTitle}>{item.app.name}</div>\r\n {item.menu.map(menuItem => (menuItem.kind === AppMenuKind.Menu ?\r\n menuItemRender(menuItem)\r\n : <div\r\n key={`${menuItem.appID}-${menuItem.id}`}\r\n className={styles.aggregateMenuDrawerAllMenuItemDir}\r\n >\r\n {menuItem.name}\r\n </div>\r\n ))}\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </Drawer>\r\n </>\r\n}\r\n"],"names":["CloseOutlined","DragOutlined","SearchOutlined","StarOutlined","useCallback","useEffect","useState","styles","Drawer","Empty","Input","Space","gql","mutation","paging","query","DndContext","closestCenter","KeyboardSensor","PointerSensor","useSensor","useSensors","arrayMove","SortableContext","useSortable","sortableKeyboardCoordinates","verticalListSortingStrategy","CSS","useLocale","useDark","listFormatTreeData","treeFormatList","OpenWin","AppMenuKind","instanceName","userMenuListQuery","userAppsQuery","userPreferenceQuery","userPreferenceMut","DargItem","props","id","value","appID","setNodeRef","listeners","attributes","transform","transition","style","Transform","toString","div","ref","className","aggregateMenuDrawerMenuItem","onClick","aggregateMenuDrawerMenuItemName","name","aggregateMenuDrawerMenuItemIcons","event","stopPropagation","rev","undefined","onDel","all","setAll","filterList","setFilterList","collects","setCollects","latelys","setLately","locale","isDark","sensors","coordinateGetter","request","appsResult","preferenceResult","apps","newAll","i","menuResult","menu","menuFavorite","menuRecent","collectsList","latelyList","UCENTER","data","userApps","forEach","app","push","appCode","code","userMenus","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","key","parentId","orgUserPreference","menuItem","find","item","requestFavorite","list","input","map","requestRecent","ids","checkCollect","onClickItem","isOpen","allApp","oldIdx","allItem","findIndex","lately","splice","unshift","menuItemRender","aggregateMenuDrawerAllMenuItem","aggregateMenuDrawerAllMenuItemName","aggregateMenuDrawerAllMenuItemIcons","collectList","filter","c","dataSource","title","maskClosable","placement","width","drawerProps","aggregateMenuDrawer","aggregateMenuDark","open","onClose","onChangeOpen","aggregateMenuDrawerRow","aggregateMenuDrawerMenu","length","collisionDetection","onDragEnd","active","over","items","oldIndex","oItem","newIndex","nItem","strategy","image","PRESENTED_IMAGE_SIMPLE","description","notText","aggregateMenuDrawerAllInput","bordered","prefix","placeholder","searchPlaceholder","onChange","keyword","target","fList","f","fMenuItem","indexOf","aggregateMenuLatelys","aggregateMenuDrawerAllMenuItemDir","latelyTitle","aggregateMenuLatelysColumn","aggregateMenuDrawerAllMenu","height","aggregateMenuDrawerAllMenuColumn","aggregateMenuDrawerAllMenuColumnItem","aggregateMenuDrawerAllAppTitle","kind","Menu"],"mappings":"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"}
1	+ {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\aggregate-menu\\index.tsx"],"sourcesContent":["import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from \"@ant-design/icons\"\r\nimport { useCallback, useEffect, useState } from \"react\"\r\nimport styles from \"./index.module.css\"\r\nimport { Drawer, DrawerProps, Empty, Input, Space } from \"antd\";\r\nimport { gql, mutation, paging, query } from \"@knockout-js/ice-urql/request\";\r\nimport { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from \"@dnd-kit/core\";\r\nimport { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from \"@dnd-kit/sortable\";\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { useLocale } from \"../locale\";\r\nimport { useDark } from \"../provider\";\r\nimport { listFormatTreeData, treeFormatList } from \"../_util\";\r\nimport { OpenWin } from \"../icons\";\r\nimport { App, AppMenu, AppMenuKind, LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables, LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables, LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables, LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables } from \"@knockout-js/api/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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"}

package/esm/components/layout/index.js CHANGED Viewed

@@ -10,6 +10,7 @@ import AvatarDropdown from "../avatar-dropdown/index";
 import MsgDropdown from "../msg-dropdown/index";
 import ThemeSwitch from "../theme-switch/index";
 import styles from "./layout.module.css";
+import { useRef, useImperativeHandle } from "react";
 import { CollectProviders, LocaleType } from "../index";
 import { gql, query } from "@knockout-js/ice-urql/request";
 import { OpenWin } from "../icons/index";
@@ -21,6 +22,10 @@ import { instanceName } from "@knockout-js/api";
 var userMenuListQuery = gql("query userMenuList($appCode:String!){\n  userMenus(appCode: $appCode){\n    id,parentID,kind,name,comments,displaySort,icon,route\n  }\n}");
 var Layout = function(props) {
     var _props_themeSwitchProps;
+    var msgRef = useRef(null);
+    useImperativeHandle(props.msgRef, function() {
+        return msgRef.current;
+    });
     var _props_locale, _props_themeSwitchProps_value;
     return /*#__PURE__*/ _jsxs(CollectProviders, {
         locale: (_props_locale = props.locale) !== null && _props_locale !== void 0 ? _props_locale : LocaleType.zhCN,
@@ -112,9 +117,9 @@ var Layout = function(props) {
                 actionsRender: function() {
                     var actions = [];
                     if (props.i18nProps) actions.push(/*#__PURE__*/ _jsx(I18nDropdown, _object_spread({}, props.i18nProps)));
-                    if (props.msgProps) actions.push(/*#__PURE__*/ _jsx(MsgDropdown, _object_spread({
-                        ref: props.msgRef
-                    }, props.msgProps)));
+                    if (props.msgProps) actions.push(/*#__PURE__*/ _jsx(MsgDropdown, _object_spread_props(_object_spread({}, props.msgProps), {
+                        ref: msgRef
+                    })));
                     actions.push(/*#__PURE__*/ _jsx(TenantDropdown, _object_spread({}, props.tenantProps)));
                     actions.push(/*#__PURE__*/ _jsx(AvatarDropdown, _object_spread({}, props.avatarProps)));
                     if (props.themeSwitchProps) actions.push(/*#__PURE__*/ _jsx(ThemeSwitch, _object_spread({}, props.themeSwitchProps)));

package/esm/components/layout/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\layout\\index.tsx"],"sourcesContent":["import { MenuDataItem, ProLayout, ProLayoutProps } from '@ant-design/pro-layout';\r\nimport I18nDropdown, { I18nDropdownProps } from '../i18n-dropdown';\r\nimport TenantDropdown, { TenantDropdownProps } from '../tenant-dropdown';\r\nimport AvatarDropdown, { AvatarDropdownProps } from '../avatar-dropdown';\r\nimport MsgDropdown, { MsgDropdownProps, MsgDropdownRef } from '../msg-dropdown';\r\nimport ThemeSwitch, { ThemeSwitchProps } from '../theme-switch';\r\nimport styles from './layout.module.css';\r\nimport { ReactNode, FC, Ref } from 'react';\r\nimport { UserMenuListQuery, UserMenuListQueryVariables } from '@knockout-js/api/esm/gql/ucenter/graphql';\r\nimport { CollectProviders, LocaleType } from '..';\r\nimport { gql, query } from '@knockout-js/ice-urql/request';\r\nimport { OpenWin } from '../icons';\r\nimport { IconFontProps } from '@ant-design/icons/lib/components/IconFont';\r\nimport { logoBase64 } from './logo';\r\nimport AggregateMenu, { AggregateMenuProps } from '../aggregate-menu';\r\nimport { BarsOutlined } from '@ant-design/icons';\r\nimport { listFormatTreeData } from '../_util';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface LayoutProps {\r\n /*\r\n 应用code\r\n /\r\n appCode: string;\r\n /\r\n 语言\r\n * 默认 LocaleType.zhCN\r\n /\r\n locale?: LocaleType;\r\n /\r\n 传递动态的 location.pathname\r\n /\r\n pathname: string;\r\n /\r\n 菜单启用iconfont\r\n /\r\n IconFont?: FC<IconFontProps<string>>;\r\n /\r\n 聚合菜单\r\n /\r\n aggregateMenuProps?: AggregateMenuProps;\r\n /\r\n I18nDropdown组件对应的参数\r\n /\r\n i18nProps?: I18nDropdownProps;\r\n /\r\n TenantDropdown组件对应的参数\r\n /\r\n tenantProps: TenantDropdownProps;\r\n /\r\n AvatarDropdown组件对应的参数\r\n /\r\n avatarProps: AvatarDropdownProps;\r\n /\r\n MsgDropdown组件的高级方法\r\n /\r\n msgRef?: Ref<MsgDropdownRef>\r\n /\r\n MsgDropdown组件对应的参数\r\n /\r\n msgProps?: MsgDropdownProps;\r\n /\r\n ThemeSwitch组件对应的参数\r\n /\r\n themeSwitchProps?: ThemeSwitchProps;\r\n /\r\n ProLayout组件对应的参数\r\n /\r\n proLayoutProps?: ProLayoutProps;\r\n /\r\n 菜单点击返回 (item: MenuDataItem,isOpen?: boolean) => void;\r\n /\r\n onClickMenuItem?: (\r\n item: MenuDataItem & {\r\n isUrl: boolean;\r\n onClick: () => void;\r\n },\r\n isOpen?: boolean\r\n ) => void;\r\n /\r\n 默认插槽\r\n /\r\n children?: ReactNode;\r\n\r\n}\r\n\r\nconst userMenuListQuery = gql(/ GraphQL */`query userMenuList($appCode:String!){\r\n userMenus(appCode: $appCode){\r\n id,parentID,kind,name,comments,displaySort,icon,route\r\n }\r\n}`);\r\n\r\n\r\nconst Layout = (props: LayoutProps) => {\r\n\r\n return (\r\n <CollectProviders\r\n locale={props.locale ?? LocaleType.zhCN}\r\n appCode={props.appCode}\r\n tenantId={props.tenantProps.value}\r\n dark={props.themeSwitchProps?.value ?? false}\r\n pathname={props.pathname}\r\n >\r\n <ProLayout\r\n className={styles.layout}\r\n headerTitleRender={(logo, title) => {\r\n return <>\r\n {typeof props.aggregateMenuProps?.open === 'boolean' ? <BarsOutlined\r\n rev={undefined}\r\n style={{ fontSize: 20, marginRight: 10 }}\r\n onClick={() => {\r\n props.aggregateMenuProps?.onChangeOpen?.(true);\r\n }}\r\n /> : <></>}\r\n {logo}\r\n {title}\r\n </>\r\n }}\r\n title='adminx'\r\n logo={<img src={logoBase64} alt=\"logo\" />}\r\n layout=\"mix\"\r\n fixSiderbar\r\n suppressSiderWhenMenuEmpty\r\n menu={{\r\n locale: true,\r\n request: async () => {\r\n const result = await query<UserMenuListQuery, UserMenuListQueryVariables>(userMenuListQuery, {\r\n appCode: props.appCode\r\n }, { instanceName: instanceName.UCENTER });\r\n if (result.data?.userMenus.length) {\r\n const meunList = result.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 }).map(item => {\r\n return {\r\n key: item.id,\r\n name: item.name,\r\n icon: item.icon ? props.IconFont ? <props.IconFont type={item.icon} /> : <i className={item.icon} /> : undefined,\r\n parentId: item.parentID,\r\n path: item.route,\r\n } as MenuDataItem\r\n })\r\n\r\n return listFormatTreeData(meunList);\r\n }\r\n return [];\r\n },\r\n }}\r\n location={{\r\n pathname: props.pathname\r\n }}\r\n actionsRender={() => {\r\n const actions: ReactNode[] = [];\r\n if (props.i18nProps) {\r\n actions.push(<I18nDropdown {...props.i18nProps} />)\r\n }\r\n if (props.msgProps) {\r\n actions.push(<MsgDropdown ref={props.msgRef} {...props.msgProps} />)\r\n }\r\n actions.push(<TenantDropdown {...props.tenantProps} />)\r\n actions.push(<AvatarDropdown {...props.avatarProps} />)\r\n if (props.themeSwitchProps) {\r\n actions.push(<ThemeSwitch {...props.themeSwitchProps} />)\r\n }\r\n return actions;\r\n }}\r\n menuItemRender={(item, defaultDom) => (item.path ? <>\r\n <a\r\n onClick={() => {\r\n props.onClickMenuItem?.(item, false)\r\n }}\r\n >{defaultDom}</a>\r\n <OpenWin\r\n className={styles.menuIconPopup}\r\n onClick={() => {\r\n props.onClickMenuItem?.(item, true)\r\n }}\r\n />\r\n </>\r\n : defaultDom)}\r\n {...props.proLayoutProps}\r\n >\r\n {props.children}\r\n </ProLayout>\r\n {\r\n props.aggregateMenuProps ? <AggregateMenu\r\n {...props.aggregateMenuProps}\r\n /> : <></>\r\n }\r\n </CollectProviders>\r\n )\r\n}\r\n\r\nexport default Layout\r\n"],"names":["ProLayout","I18nDropdown","TenantDropdown","AvatarDropdown","MsgDropdown","ThemeSwitch","styles","CollectProviders","LocaleType","gql","query","OpenWin","logoBase64","AggregateMenu","BarsOutlined","listFormatTreeData","instanceName","userMenuListQuery","Layout","props","locale","zhCN","appCode","tenantId","tenantProps","value","dark","themeSwitchProps","pathname","className","layout","headerTitleRender","logo","title","aggregateMenuProps","open","rev","undefined","style","fontSize","marginRight","onClick","onChangeOpen","img","src","alt","fixSiderbar","suppressSiderWhenMenuEmpty","menu","request","result","meunList","UCENTER","data","userMenus","length","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","map","item","key","id","name","icon","IconFont","type","i","parentId","path","route","location","actionsRender","actions","i18nProps","push","msgProps","ref","msgRef","avatarProps","menuItemRender","defaultDom","a","onClickMenuItem","menuIconPopup","proLayoutProps","children"],"mappings":"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"}
1	+ {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\layout\\index.tsx"],"sourcesContent":["import { MenuDataItem, ProLayout, ProLayoutProps } from '@ant-design/pro-layout';\r\nimport I18nDropdown, { I18nDropdownProps } from '../i18n-dropdown';\r\nimport TenantDropdown, { TenantDropdownProps } from '../tenant-dropdown';\r\nimport AvatarDropdown, { AvatarDropdownProps } from '../avatar-dropdown';\r\nimport MsgDropdown, { MsgDropdownProps, MsgDropdownRef } from '../msg-dropdown';\r\nimport ThemeSwitch, { ThemeSwitchProps } from '../theme-switch';\r\nimport styles from './layout.module.css';\r\nimport { ReactNode, FC, Ref, useRef, useImperativeHandle } from 'react';\r\nimport { UserMenuListQuery, UserMenuListQueryVariables } from '@knockout-js/api/ucenter';\r\nimport { CollectProviders, LocaleType } from '..';\r\nimport { gql, query } from '@knockout-js/ice-urql/request';\r\nimport { OpenWin } from '../icons';\r\nimport { IconFontProps } from '@ant-design/icons/lib/components/IconFont';\r\nimport { logoBase64 } from './logo';\r\nimport AggregateMenu, { AggregateMenuProps } from '../aggregate-menu';\r\nimport { BarsOutlined } from '@ant-design/icons';\r\nimport { listFormatTreeData } from '../_util';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface LayoutProps {\r\n /*\r\n 应用code\r\n /\r\n appCode: string;\r\n /\r\n 语言\r\n * 默认 LocaleType.zhCN\r\n /\r\n locale?: LocaleType;\r\n /\r\n 传递动态的 location.pathname\r\n /\r\n pathname: string;\r\n /\r\n 菜单启用iconfont\r\n /\r\n IconFont?: FC<IconFontProps<string>>;\r\n /\r\n 聚合菜单\r\n /\r\n aggregateMenuProps?: AggregateMenuProps;\r\n /\r\n I18nDropdown组件对应的参数\r\n /\r\n i18nProps?: I18nDropdownProps;\r\n /\r\n TenantDropdown组件对应的参数\r\n /\r\n tenantProps: TenantDropdownProps;\r\n /\r\n AvatarDropdown组件对应的参数\r\n /\r\n avatarProps: AvatarDropdownProps;\r\n /\r\n MsgDropdown组件的高级方法\r\n /\r\n msgRef?: Ref<MsgDropdownRef>\r\n /\r\n MsgDropdown组件对应的参数\r\n /\r\n msgProps?: MsgDropdownProps;\r\n /\r\n ThemeSwitch组件对应的参数\r\n /\r\n themeSwitchProps?: ThemeSwitchProps;\r\n /\r\n ProLayout组件对应的参数\r\n /\r\n proLayoutProps?: ProLayoutProps;\r\n /\r\n 菜单点击返回 (item: MenuDataItem,isOpen?: boolean) => void;\r\n /\r\n onClickMenuItem?: (\r\n item: MenuDataItem & {\r\n isUrl: boolean;\r\n onClick: () => void;\r\n },\r\n isOpen?: boolean\r\n ) => void;\r\n /\r\n 默认插槽\r\n /\r\n children?: ReactNode;\r\n\r\n}\r\n\r\nconst userMenuListQuery = gql(/ GraphQL */`query userMenuList($appCode:String!){\r\n userMenus(appCode: $appCode){\r\n id,parentID,kind,name,comments,displaySort,icon,route\r\n }\r\n}`);\r\n\r\n\r\nconst Layout = (props: LayoutProps) => {\r\n\r\n const msgRef = useRef<MsgDropdownRef>(null);\r\n\r\n useImperativeHandle(props.msgRef, () => msgRef.current as MsgDropdownRef);\r\n\r\n return (\r\n <CollectProviders\r\n locale={props.locale ?? LocaleType.zhCN}\r\n appCode={props.appCode}\r\n tenantId={props.tenantProps.value}\r\n dark={props.themeSwitchProps?.value ?? false}\r\n pathname={props.pathname}\r\n >\r\n <ProLayout\r\n className={styles.layout}\r\n headerTitleRender={(logo, title) => {\r\n return <>\r\n {typeof props.aggregateMenuProps?.open === 'boolean' ? <BarsOutlined\r\n rev={undefined}\r\n style={{ fontSize: 20, marginRight: 10 }}\r\n onClick={() => {\r\n props.aggregateMenuProps?.onChangeOpen?.(true);\r\n }}\r\n /> : <></>}\r\n {logo}\r\n {title}\r\n </>\r\n }}\r\n title='adminx'\r\n logo={<img src={logoBase64} alt=\"logo\" />}\r\n layout=\"mix\"\r\n fixSiderbar\r\n suppressSiderWhenMenuEmpty\r\n menu={{\r\n locale: true,\r\n request: async () => {\r\n const result = await query<UserMenuListQuery, UserMenuListQueryVariables>(userMenuListQuery, {\r\n appCode: props.appCode\r\n }, { instanceName: instanceName.UCENTER });\r\n if (result.data?.userMenus.length) {\r\n const meunList = result.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 }).map(item => {\r\n return {\r\n key: item.id,\r\n name: item.name,\r\n icon: item.icon ? props.IconFont ? <props.IconFont type={item.icon} /> : <i className={item.icon} /> : undefined,\r\n parentId: item.parentID,\r\n path: item.route,\r\n } as MenuDataItem\r\n })\r\n\r\n return listFormatTreeData(meunList);\r\n }\r\n return [];\r\n },\r\n }}\r\n location={{\r\n pathname: props.pathname\r\n }}\r\n actionsRender={() => {\r\n const actions: ReactNode[] = [];\r\n if (props.i18nProps) {\r\n actions.push(<I18nDropdown {...props.i18nProps} />)\r\n }\r\n if (props.msgProps) {\r\n actions.push(<MsgDropdown {...props.msgProps} ref={msgRef} />)\r\n }\r\n actions.push(<TenantDropdown {...props.tenantProps} />)\r\n actions.push(<AvatarDropdown {...props.avatarProps} />)\r\n if (props.themeSwitchProps) {\r\n actions.push(<ThemeSwitch {...props.themeSwitchProps} />)\r\n }\r\n return actions;\r\n }}\r\n menuItemRender={(item, defaultDom) => (item.path ? <>\r\n <a\r\n onClick={() => {\r\n props.onClickMenuItem?.(item, false)\r\n }}\r\n >{defaultDom}</a>\r\n <OpenWin\r\n className={styles.menuIconPopup}\r\n onClick={() => {\r\n props.onClickMenuItem?.(item, true)\r\n }}\r\n />\r\n </>\r\n : defaultDom)}\r\n {...props.proLayoutProps}\r\n >\r\n {props.children}\r\n </ProLayout>\r\n {\r\n props.aggregateMenuProps ? <AggregateMenu\r\n {...props.aggregateMenuProps}\r\n /> : <></>\r\n }\r\n </CollectProviders>\r\n )\r\n}\r\n\r\nexport default Layout\r\n"],"names":["ProLayout","I18nDropdown","TenantDropdown","AvatarDropdown","MsgDropdown","ThemeSwitch","styles","useRef","useImperativeHandle","CollectProviders","LocaleType","gql","query","OpenWin","logoBase64","AggregateMenu","BarsOutlined","listFormatTreeData","instanceName","userMenuListQuery","Layout","props","msgRef","current","locale","zhCN","appCode","tenantId","tenantProps","value","dark","themeSwitchProps","pathname","className","layout","headerTitleRender","logo","title","aggregateMenuProps","open","rev","undefined","style","fontSize","marginRight","onClick","onChangeOpen","img","src","alt","fixSiderbar","suppressSiderWhenMenuEmpty","menu","request","result","meunList","UCENTER","data","userMenus","length","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","map","item","key","id","name","icon","IconFont","type","i","parentId","path","route","location","actionsRender","actions","i18nProps","push","msgProps","ref","avatarProps","menuItemRender","defaultDom","a","onClickMenuItem","menuIconPopup","proLayoutProps","children"],"mappings":"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"}

package/esm/components/msg-dropdown/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MsgInternalTo } from '@knockout-js/api/esm/gql/msgcenter/graphql';
+import { MsgInternalTo } from '@knockout-js/api/msgcenter';
 export interface MsgDropdownLocale {
     title: string;
     footer: string;

package/esm/components/msg-dropdown/index.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import _async_to_generator from "@swc/helpers/src/_async_to_generator.mjs";
 import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
 import _ts_generator from "@swc/helpers/src/_ts_generator.mjs";
-import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
 import { Badge, Dropdown, List } from "antd";
 import styles from "./index.module.css";
-import { useEffect, useState, forwardRef, useImperativeHandle } from "react";
+import { useEffect, useState, forwardRef, useImperativeHandle, useCallback } from "react";
 import { BellOutlined } from "@ant-design/icons";
-import { MsgInternalToOrderField, OrderDirection } from "@knockout-js/api/esm/gql/msgcenter/graphql";
+import { MsgInternalToOrderField, OrderDirection } from "@knockout-js/api/msgcenter";
 import { getDate } from "../_util/index";
 import { useLocale } from "../locale/index";
 import { gql, paging, query } from "@knockout-js/ice-urql/request";
@@ -16,73 +16,41 @@ var userUnreadQuery = gql("query layoutPkgUserUnreadMsgInternals{\n  userUnreadM
 export default /*#__PURE__*/ forwardRef(function(props, ref) {
     var _props_maxLength;
     var locale = useLocale("MsgDropdown"), _useState = _sliced_to_array(useState([]), 2), items = _useState[0], setItems = _useState[1], _useState1 = _sliced_to_array(useState(false), 2), open = _useState1[0], setOpen = _useState1[1], _useState2 = _sliced_to_array(useState(false), 2), showDot = _useState2[0], setShowDot = _useState2[1], _useState3 = _sliced_to_array(useState(false), 2), loading = _useState3[0], setLoading = _useState3[1], maxLength = (_props_maxLength = props.maxLength) !== null && _props_maxLength !== void 0 ? _props_maxLength : 5;
-    var requestData = function() {
-        var _ref = _async_to_generator(function() {
-            var _result_data, _result_data_userMsgInternalTos_edges, result, list;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        setLoading(true);
-                        return [
-                            4,
-                            paging(userMsgQuery, {
-                                first: maxLength,
-                                where: {
-                                    readAtIsNil: true
-                                },
-                                orderBy: {
-                                    direction: OrderDirection.Desc,
-                                    field: MsgInternalToOrderField.CreatedAt
-                                }
-                            }, 1, {
-                                instanceName: instanceName.MSGCENTER
-                            })
-                        ];
-                    case 1:
-                        result = _state.sent(), list = [];
-                        if ((_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userMsgInternalTos) (_result_data_userMsgInternalTos_edges = result.data.userMsgInternalTos.edges) === null || _result_data_userMsgInternalTos_edges === void 0 ? void 0 : _result_data_userMsgInternalTos_edges.forEach(function(item) {
-                            if (item === null || item === void 0 ? void 0 : item.node) list.push({
-                                key: item.node.id,
-                                data: item.node
-                            });
-                        });
-                        setShowDot(list.length > 0);
-                        setItems(list);
-                        setLoading(false);
-                        return [
-                            2
-                        ];
-                }
-            });
-        });
-        return function requestData() {
-            return _ref.apply(this, arguments);
-        };
-    }(), requestUnread = function() {
-        var _ref = _async_to_generator(function() {
-            var _result_data, result, _result_data_userUnreadMsgInternals;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        return [
-                            4,
-                            query(userUnreadQuery, {}, {
-                                instanceName: instanceName.MSGCENTER
-                            })
-                        ];
-                    case 1:
-                        result = _state.sent();
-                        setShowDot(((_result_data_userUnreadMsgInternals = (_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userUnreadMsgInternals) !== null && _result_data_userUnreadMsgInternals !== void 0 ? _result_data_userUnreadMsgInternals : 0) > 0);
-                        return [
-                            2
-                        ];
-                }
-            });
+    var requestData = useCallback(/*#__PURE__*/ _async_to_generator(function() {
+        var _result_data, _result_data_userMsgInternalTos_edges, result, list;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    setLoading(true);
+                    return [
+                        4,
+                        paging(userMsgQuery, {
+                            first: maxLength,
+                            where: {
+                                readAtIsNil: true
+                            },
+                            orderBy: {
+                                direction: OrderDirection.Desc,
+                                field: MsgInternalToOrderField.CreatedAt
+                            }
+                        }, 1, {
+                            instanceName: instanceName.MSGCENTER
+                        })
+                    ];
+                case 1:
+                    result = _state.sent(), list = [];
+                    if ((_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userMsgInternalTos) (_result_data_userMsgInternalTos_edges = result.data.userMsgInternalTos.edges) === null || _result_data_userMsgInternalTos_edges === void 0 ? void 0 : _result_data_userMsgInternalTos_edges.forEach(function(item) {
+                        if (item === null || item === void 0 ? void 0 : item.node) list.push(item.node);
+                    });
+                    setShowDot(list.length > 0);
+                    setItems(list);
+                    setLoading(false);
+                    return [
+                        2
+                    ];
+            }
         });
-        return function requestUnread() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+    }), []);
     useImperativeHandle(ref, function() {
         return {
             setShowDot: function() {
@@ -96,48 +64,55 @@ export default /*#__PURE__*/ forwardRef(function(props, ref) {
         open
     ]);
     useEffect(function() {
-        requestUnread();
+        query(userUnreadQuery, {}, {
+            instanceName: instanceName.MSGCENTER
+        }).then(function(result) {
+            var _result_data;
+            var _result_data_userUnreadMsgInternals;
+            setShowDot(((_result_data_userUnreadMsgInternals = (_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userUnreadMsgInternals) !== null && _result_data_userUnreadMsgInternals !== void 0 ? _result_data_userUnreadMsgInternals : 0) > 0);
+        });
     }, []);
     return /*#__PURE__*/ _jsx(Dropdown, {
-        menu: {
-            items: items
-        },
         trigger: [
             "click"
         ],
         open: open,
-        onOpenChange: setOpen,
-        placement: "bottomRight",
+        onOpenChange: useCallback(function(v) {
+            setOpen(v);
+        }, []),
+        placement: "bottom",
         dropdownRender: function() {
-            /*#__PURE__*/ return _jsx(List, {
-                loading: loading,
-                className: styles.list,
-                header: /*#__PURE__*/ _jsx("div", {
-                    children: locale.title
-                }),
-                footer: props.onMoreClick ? /*#__PURE__*/ _jsx("span", {
-                    className: styles.footer,
-                    onClick: function() {
-                        var _props_onMoreClick;
-                        (_props_onMoreClick = props.onMoreClick) === null || _props_onMoreClick === void 0 ? void 0 : _props_onMoreClick.call(props);
-                    },
-                    children: locale.footer
-                }) : undefined,
-                bordered: true,
-                size: "small",
-                dataSource: items,
-                renderItem: function(item) {
-                    /*#__PURE__*/ return _jsx(List.Item, {
+            /*#__PURE__*/ return _jsx(_Fragment, {
+                children: /*#__PURE__*/ _jsx(List, {
+                    loading: loading,
+                    className: styles.list,
+                    header: /*#__PURE__*/ _jsx("div", {
+                        children: locale.title
+                    }),
+                    footer: props.onMoreClick ? /*#__PURE__*/ _jsx("span", {
+                        className: styles.footer,
                         onClick: function() {
-                            var _props_onItemClick;
-                            (_props_onItemClick = props.onItemClick) === null || _props_onItemClick === void 0 ? void 0 : _props_onItemClick.call(props, item.data);
+                            var _props_onMoreClick;
+                            (_props_onMoreClick = props.onMoreClick) === null || _props_onMoreClick === void 0 ? void 0 : _props_onMoreClick.call(props);
                         },
-                        children: /*#__PURE__*/ _jsx(List.Item.Meta, {
-                            title: item.data.msgInternal.subject,
-                            description: getDate(item.data.createdAt, "YYYY-MM-DD HH:mm:ss")
-                        })
-                    }, item.key);
-                }
+                        children: locale.footer
+                    }) : undefined,
+                    bordered: true,
+                    size: "small",
+                    dataSource: items,
+                    renderItem: function(item) {
+                        /*#__PURE__*/ return _jsx(List.Item, {
+                            onClick: function() {
+                                var _props_onItemClick;
+                                (_props_onItemClick = props.onItemClick) === null || _props_onItemClick === void 0 ? void 0 : _props_onItemClick.call(props, item);
+                            },
+                            children: /*#__PURE__*/ _jsx(List.Item.Meta, {
+                                title: item.msgInternal.subject,
+                                description: getDate(item.createdAt, "YYYY-MM-DD HH:mm:ss")
+                            })
+                        }, item.id);
+                    }
+                })
             });
         },
         children: /*#__PURE__*/ _jsx("span", {

package/esm/components/msg-dropdown/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\msg-dropdown\\index.tsx"],"sourcesContent":["import { Badge, Dropdown, List } from 'antd';\r\nimport styles from './index.module.css';\r\nimport { useEffect, useState, forwardRef, useImperativeHandle, ForwardedRef } from 'react';\r\nimport { BellOutlined } from '@ant-design/icons';\r\nimport { LayoutPkgUserMsgInternalToListQuery, LayoutPkgUserMsgInternalToListQueryVariables, LayoutPkgUserUnreadMsgInternalsQuery, LayoutPkgUserUnreadMsgInternalsQueryVariables, MsgInternalTo, MsgInternalToOrderField, OrderDirection } from '@knockout-js/api/~~esm/gql/~~msgcenter~~/graphql~~';\r\nimport { getDate } from '../_util';\r\nimport { useLocale } from '../locale';\r\nimport { gql, paging, query } from '@knockout-js/ice-urql/request';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface MsgDropdownLocale {\r\n title: string;\r\n footer: string;\r\n}\r\n\r\nexport interface MsgDropdownProps {\r\n /*\r\n 最多显示几条\r\n /\r\n maxLength?: number;\r\n /\r\n 选中一项\r\n * @param data\r\n * @returns\r\n /\r\n onItemClick?: (data: MsgInternalTo) => void;\r\n /\r\n 查看更多\r\n * @returns\r\n /\r\n onMoreClick?: () => void;\r\n}\r\n\r\~~ntype ItemsTypeData = {\r\n key: string;\r\n data: MsgInternalTo;\r\n}\r\n\r\~~nconst userMsgQuery = gql(/ GraphQL /`query layoutPkgUserMsgInternalToList($first: Int,$orderBy: MsgInternalToOrder,$where:MsgInternalToWhereInput){\r\n userMsgInternalTos(first:$first,orderBy: $orderBy,where: $where){\r\n totalCount,pageInfo{ hasNextPage,hasPreviousPage,startCursor,endCursor }\r\n edges{\r\n cursor,node{\r\n id,msgInternalID,createdAt,deleteAt,readAt,userID\r\n msgInternal{\r\n id,tenantID,createdBy,createdAt,subject,body,format,redirect,category\r\n }\r\n }\r\n }\r\n }\r\n}`)\r\n\r\nconst userUnreadQuery = gql(/ GraphQL */`query layoutPkgUserUnreadMsgInternals{\r\n userUnreadMsgInternals\r\n}`)\r\n\r\nexport type MsgDropdownRef = {\r\n setShowDot: () => void;\r\n}\r\n\r\nexport default forwardRef((props: MsgDropdownProps, ref: ForwardedRef<MsgDropdownRef>) => {\r\n const locale = useLocale('MsgDropdown'),\r\n [items, setItems] = useState<~~ItemsTypeData~~[]>([]),\r\n [open, setOpen] = useState(false),\r\n [showDot, setShowDot] = useState(false),\r\n [loading, setLoading] = useState(false),\r\n maxLength = props.maxLength ?? 5;\r\n\r\n const\r\n requestData = async () => {\r\n setLoading(true);\r\n const result = await paging<LayoutPkgUserMsgInternalToListQuery, LayoutPkgUserMsgInternalToListQueryVariables>(\r\n userMsgQuery, {\r\n first: maxLength,\r\n where: {\r\n readAtIsNil: true,\r\n },\r\n orderBy: {\r\n direction: OrderDirection.Desc,\r\n field: MsgInternalToOrderField.CreatedAt\r\n },\r\n }, 1, {\r\n instanceName: instanceName.MSGCENTER,\r\n }), list: ~~ItemsTypeData~~[] = [];\r\n if (result.data?.userMsgInternalTos) {\r\n result.data.userMsgInternalTos.edges?.forEach(item => {\r\n if (item?.node) {\r\n list.push(~~{\r\n key:~~ item.node~~.id,\r\n data:~~ ~~item.node~~ as MsgInternalTo~~,\r\n }~~);\r\n }\r\n })\r\n }\r\n setShowDot(list.length > 0);\r\n setItems(list);\r\n setLoading(false);\r\n }~~,\r\n requestUnread = async () => {\r\n const result = await query<LayoutPkgUserUnreadMsgInternalsQuery~~, ~~LayoutPkgUserUnreadMsgInternalsQueryVariables>(userUnreadQuery, {}, { instanceName: instanceName.MSGCENTER }~~);\r\n ~~setShowDot((result.data?.userUnreadMsgInternals ?? 0) > 0);\r~~\~~n };\~~r\n~~\r\n~~ useImperativeHandle(ref, () => ({\r\n setShowDot: () => {\r\n setShowDot(true);\r\n }\r\n }))\r\n\r\n useEffect(() => {\r\n if (open) {\r\n requestData();\r\n }\r\n }, [open])\r\n\r\n useEffect(() => {\r\n ~~requestUnread~~();\r\n }, [])\r\n\r\n return <Dropdown\r\n ~~menu={{\r\n items,\r\n }}\r\n~~ trigger={['click']}\r\n open={open}\r\n onOpenChange={setOpen}\r\n placement=\"~~bottomRight~~\"\r\n dropdownRender={() => <List\r\n loading={loading}\r\n className={styles.list}\r\n header={<div>{locale.title}</div>}\r\n footer={props.onMoreClick ? <span\r\n className={styles.footer}\r\n onClick={() => {\r\n props.onMoreClick?.();\r\n }}\r\n >\r\n {locale.footer}\r\n </span> : undefined}\r\n bordered\r\n size=\"small\"\r\n dataSource={items}\r\n renderItem={(item) => <List.Item\r\n key={item.~~key~~}\r\n onClick={() => {\r\n props.onItemClick?.(item~~.data~~)\r\n }}\r\n >\r\n <List.Item.Meta title={item.~~data.~~msgInternal.subject} description={getDate(item.~~data.~~createdAt, 'YYYY-MM-DD HH:mm:ss')} />\r\n </List.Item>\r\n }\r\n />}\r\n >\r\n <span className={styles.action}>\r\n <Badge dot={showDot}>\r\n <BellOutlined rev={undefined} />\r\n </Badge>\r\n </span>\r\n </Dropdown >;\r\n});\r\n"],"names":["Badge","Dropdown","List","styles","useEffect","useState","forwardRef","useImperativeHandle","BellOutlined","MsgInternalToOrderField","OrderDirection","getDate","useLocale","gql","paging","query","instanceName","userMsgQuery","userUnreadQuery","props","ref","locale","items","setItems","open","setOpen","showDot","setShowDot","loading","setLoading","maxLength","requestData","result","list","first","where","readAtIsNil","orderBy","direction","Desc","field","CreatedAt","MSGCENTER","data","userMsgInternalTos","edges","forEach","item","node","push","~~key","id","~~length","~~requestUnread~~","userUnreadMsgInternals","~~menu~~","~~trigger~~","~~onOpenChange~~","placement","dropdownRender","className","header","div","title","footer","onMoreClick","span","onClick","undefined","bordered","size","dataSource","renderItem","Item","onItemClick","Meta","msgInternal","subject","description","createdAt","action","dot","rev"],"mappings":";;;;AAAA,SAASA,KAAK,EAAEC,QAAQ,EAAEC,IAAI,QAAQ,OAAO;AAC7C,OAAOC,YAAY,qBAAqB;AACxC,SAASC,SAAS,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,mBAAmB,~~QAAsB~~,QAAQ;~~AAC3F~~,SAASC,YAAY,QAAQ,oBAAoB;AACjD,SAAgMC,uBAAuB,EAAEC,cAAc,QAAQ,~~6CAA6C~~;~~AAC5R~~,SAASC,OAAO,QAAQ,iBAAW;AACnC,SAASC,SAAS,QAAQ,kBAAY;AACtC,SAASC,GAAG,EAAEC,MAAM,EAAEC,KAAK,QAAQ,gCAAgC;AACnE,SAASC,YAAY,QAAQ,mBAAmB;~~AA8BhD~~,IAAMC,eAAeJ,IAAkB;AAcvC,IAAMK,kBAAkBL,IAAkB;AAQ1C,~~6BAAeP~~,WAAW,~~SAACa~~,OAAyBC,KAAsC;QAM1ED;IALd,IAAME,SAAST,UAAU,~~gBACHP~~,6BAAAA,SAA0B,EAAE,OAA/~~CiB~~,~~QAAmBjB~~,~~cAAZkB~~,~~WAAYlB~~,cACFA,8BAAAA,SAAS,KAAK,OAA/~~BmB~~,~~OAAiBnB~~,~~eAAXoB~~,~~UAAWpB~~,eACMA,8BAAAA,SAAS,KAAK,~~OAArCqB~~,~~UAAuBrB~~,~~eAAdsB~~,~~aAActB~~,eACAA,8BAAAA,SAAS,KAAK,~~OAArCuB~~,~~UAAuBvB~~,~~eAAdwB~~,~~aAAcxB~~,~~eACxByB~~,YAAYX,CAAAA,mBAAAA,MAAMW,SAAS,cAAfX,8BAAAA,mBAAmB,CAAC;IAElC,IACEY~~;mBAAc~~,oBAAA,WAAY;~~gBAepBC~~,cACFA,uCAdIA,QAYFC;;;;~~wBAbJJ~~,WAAW,IAAI;~~wBACA~~;;~~4BAAMf~~,OACnBG,cAAc;~~gCACdiB~~,OAAOJ;~~gCACPK~~,OAAO;~~oCACLC~~,aAAa,IAAI;~~gCACnB~~;~~gCACAC~~,SAAS;~~oCACPC~~,WAAW5B,eAAe6B,IAAI;~~oCAC9BC~~,OAAO/B,wBAAwBgC,SAAS;~~gCAC1C~~;~~4BACF~~,GAAG,GAAG;~~gCACJzB~~,cAAcA,aAAa0B,SAAS;~~4BACtC~~;;;~~wBAZMV~~,SAAS,eAYXC;~~wBACJ~~,IAAID,CAAAA,eAAAA,OAAOW,IAAI,cAAXX,0BAAAA,KAAAA,IAAAA,aAAaY,kBAAkB,EACjCZ,CAAAA,wCAAAA,OAAOW,IAAI,CAACC,kBAAkB,CAACC,KAAK,cAApCb,mDAAAA,KAAAA,IAAAA,sCAAsCc,QAAQC,SAAAA,MAAQ;~~4BACpD~~,IAAIA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMC,IAAI,EACZf,KAAKgB,IAAI,~~CAAC;gCACRC~~,~~KAAKH,~~KAAKC,IAAI~~,CAACG,EAAE~~;~~gCACjBR,MAAMI,KAAKC,IAAI~~;~~4BACjB;wBAEJ;wBAEFrB~~,WAAWM,~~KAAKmB~~,MAAM,GAAG;~~wBACzB7B~~,SAASU;~~wBACTJ~~,WAAW,KAAK;;;;;;~~QAClB~~;~~wBA5BAE;;;SA6BAsB~~;~~mBAAgB~~,~~oBAAA~~,~~WAAY~~;~~gBAEdrB~~,~~cADNA~~,~~QACMA;;;;wBADG~~;;~~4BAAMjB~~,MAA2FG,iBAAiB,CAAC,GAAG;~~gCAAEF~~,cAAcA,aAAa0B,SAAS;~~4BAAC;;;wBAAtKV~~,~~SAAS~~;~~wBACfL~~,WAAW,AAACK,CAAAA,CAAAA,sCAAAA,CAAAA,eAAAA,OAAOW,IAAI,cAAXX,0BAAAA,KAAAA,IAAAA,~~aAAasB~~,sBAAsB,~~cAAnCtB~~,iDAAAA,sCAAuC,CAAC,AAAD,IAAK~~;;;;;;~~QAC1D;~~wBAHAqB;;;;IAKF9C,oBAAoBa,KAAK;eAAO;YAC9BO,YAAY,WAAM;gBAChBA,WAAW,IAAI;YACjB;QACF;;IAEAvB,UAAU,WAAM;QACd,IAAIoB,MACFO;IAEJ,GAAG;QAACP;KAAK;IAETpB,UAAU,WAAM;QACdiD;~~IACF,GAAG,EAAE;IAEL,qBAAO,~~KAACpD~~;~~QACNsD~~,~~MAAM;YACJjC,OAAAA;QACF;QACAkC,~~SAAS;YAAC;SAAQ;~~QAClBhC~~,MAAMA;~~QACNiC~~,~~cAAchC~~;~~QACdiC~~,WAAU;QACVC,gBAAgB;0BAAM,OAAA,~~KAACzD~~;~~gBACrB0B~~,SAASA;~~gBACTgC~~,~~WAAWzD~~,~~OAAO8B~~,IAAI;~~gBACtB4B~~,sBAAQ,KAACC;~~8BAAKzC~~,~~OAAO0C~~,KAAK;;~~gBAC1BC~~,~~QAAQ7C~~,~~MAAM8C~~,WAAW,iBAAG,KAACC;~~oBAC3BN~~,~~WAAWzD~~,~~OAAO6D~~,MAAM;~~oBACxBG~~,SAAS,WAAM;~~4BACbhD~~;~~wBAAAA~~,CAAAA,qBAAAA,~~MAAM8C~~,WAAW,~~cAAjB9C~~,gCAAAA,KAAAA,IAAAA,mBAAAA,KAAAA;~~oBACF~~;~~8BAECE~~,~~OAAO2C~~,MAAM;~~qBACNI~~,SAAS;~~gBACnBC~~,QAAQ;~~gBACRC~~,MAAK;~~gBACLC~~,~~YAAYjD~~;~~gBACZkD~~,YAAY,~~SAACzB~~;~~kCAAS~~,OAAA,~~KAAC7C~~,~~KAAKuE~~,IAAI;~~wBAE9BN~~,SAAS,WAAM;~~gCACbhD~~;~~4BAAAA~~,CAAAA,qBAAAA,~~MAAMuD~~,WAAW,~~cAAjBvD~~,gCAAAA,KAAAA,IAAAA,mBAAAA,KAAAA,OAAoB4B~~,KAAKJ,IAAI~~;~~wBAC/B~~;~~kCAEA~~,cAAA,~~KAACzC~~,~~KAAKuE~~,IAAI,CAACE,IAAI;~~4BAACZ~~,~~OAAOhB~~,~~KAAKJ~~,~~IAAI,CAACiC,~~WAAW,CAACC,OAAO;~~4BAAEC~~,~~aAAanE~~,QAAQoC,~~KAAKJ~~,~~IAAI,CAACoC,~~SAAS,EAAE;;~~uBAL3FhC~~,~~KAAKG~~,~~GAAG;;;;kBAUjB~~,cAAA,~~KAACgB~~;YAAKN,~~WAAWzD~~,OAAO6E,MAAM;sBAC5B,cAAA,KAAChF;gBAAMiF,~~KAAKvD~~;0BACV,cAAA,KAAClB;~~oBAAa0E~~,~~KAAKd~~;;;;;AAI3B,GAAG"}
1	+ {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\msg-dropdown\\index.tsx"],"sourcesContent":["import { Badge, Dropdown, List } from 'antd';\r\nimport styles from './index.module.css';\r\nimport { useEffect, useState, forwardRef, useImperativeHandle, ForwardedRef, useCallback } from 'react';\r\nimport { BellOutlined } from '@ant-design/icons';\r\nimport { LayoutPkgUserMsgInternalToListQuery, LayoutPkgUserMsgInternalToListQueryVariables, LayoutPkgUserUnreadMsgInternalsQuery, LayoutPkgUserUnreadMsgInternalsQueryVariables, MsgInternalTo, MsgInternalToOrderField, OrderDirection } from '@knockout-js/api/msgcenter';\r\nimport { getDate } from '../_util';\r\nimport { useLocale } from '../locale';\r\nimport { gql, paging, query } from '@knockout-js/ice-urql/request';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface MsgDropdownLocale {\r\n title: string;\r\n footer: string;\r\n}\r\n\r\nexport interface MsgDropdownProps {\r\n /*\r\n 最多显示几条\r\n /\r\n maxLength?: number;\r\n /\r\n 选中一项\r\n * @param data\r\n * @returns\r\n /\r\n onItemClick?: (data: MsgInternalTo) => void;\r\n /\r\n 查看更多\r\n * @returns\r\n /\r\n onMoreClick?: () => void;\r\n}\r\n\r\nconst userMsgQuery = gql(/ GraphQL /`query layoutPkgUserMsgInternalToList($first: Int,$orderBy: MsgInternalToOrder,$where:MsgInternalToWhereInput){\r\n userMsgInternalTos(first:$first,orderBy: $orderBy,where: $where){\r\n totalCount,pageInfo{ hasNextPage,hasPreviousPage,startCursor,endCursor }\r\n edges{\r\n cursor,node{\r\n id,msgInternalID,createdAt,deleteAt,readAt,userID\r\n msgInternal{\r\n id,tenantID,createdBy,createdAt,subject,body,format,redirect,category\r\n }\r\n }\r\n }\r\n }\r\n}`)\r\n\r\nconst userUnreadQuery = gql(/ GraphQL */`query layoutPkgUserUnreadMsgInternals{\r\n userUnreadMsgInternals\r\n}`)\r\n\r\nexport type MsgDropdownRef = {\r\n setShowDot: () => void;\r\n}\r\n\r\nexport default forwardRef((props: MsgDropdownProps, ref: ForwardedRef<MsgDropdownRef>) => {\r\n const locale = useLocale('MsgDropdown'),\r\n [items, setItems] = useState<MsgInternalTo[]>([]),\r\n [open, setOpen] = useState(false),\r\n [showDot, setShowDot] = useState(false),\r\n [loading, setLoading] = useState(false),\r\n maxLength = props.maxLength ?? 5;\r\n\r\n const\r\n requestData = useCallback(async () => {\r\n setLoading(true);\r\n const result = await paging<LayoutPkgUserMsgInternalToListQuery, LayoutPkgUserMsgInternalToListQueryVariables>(\r\n userMsgQuery, {\r\n first: maxLength,\r\n where: {\r\n readAtIsNil: true,\r\n },\r\n orderBy: {\r\n direction: OrderDirection.Desc,\r\n field: MsgInternalToOrderField.CreatedAt\r\n },\r\n }, 1, {\r\n instanceName: instanceName.MSGCENTER,\r\n }), list: MsgInternalTo[] = [];\r\n if (result.data?.userMsgInternalTos) {\r\n result.data.userMsgInternalTos.edges?.forEach(item => {\r\n if (item?.node) {\r\n list.push(item.node as MsgInternalTo);\r\n }\r\n })\r\n }\r\n setShowDot(list.length > 0);\r\n setItems(list);\r\n setLoading(false);\r\n }, []);\r\n\r\n useImperativeHandle(ref, () => ({\r\n setShowDot: () => {\r\n setShowDot(true);\r\n }\r\n }))\r\n\r\n useEffect(() => {\r\n if (open) {\r\n requestData();\r\n }\r\n }, [open])\r\n\r\n useEffect(() => {\r\n query<LayoutPkgUserUnreadMsgInternalsQuery, LayoutPkgUserUnreadMsgInternalsQueryVariables>(userUnreadQuery, {}, {\r\n instanceName: instanceName.MSGCENTER,\r\n }).then(result => {\r\n setShowDot((result.data?.userUnreadMsgInternals ?? 0) > 0);\r\n });\r\n }, [])\r\n\r\n return <Dropdown\r\n trigger={['click']}\r\n open={open}\r\n onOpenChange={useCallback((v: boolean) => {\r\n setOpen(v);\r\n }, [])}\r\n placement=\"bottom\"\r\n dropdownRender={() => <>\r\n <List\r\n loading={loading}\r\n className={styles.list}\r\n header={<div>{locale.title}</div>}\r\n footer={props.onMoreClick ? <span\r\n className={styles.footer}\r\n onClick={() => {\r\n props.onMoreClick?.();\r\n }}\r\n >\r\n {locale.footer}\r\n </span> : undefined}\r\n bordered\r\n size=\"small\"\r\n dataSource={items}\r\n renderItem={(item) => <List.Item\r\n key={item.id}\r\n onClick={() => {\r\n props.onItemClick?.(item)\r\n }}\r\n >\r\n <List.Item.Meta title={item.msgInternal.subject} description={getDate(item.createdAt, 'YYYY-MM-DD HH:mm:ss')} />\r\n </List.Item>\r\n }\r\n />\r\n </>}\r\n >\r\n <span className={styles.action}>\r\n <Badge dot={showDot}>\r\n <BellOutlined rev={undefined} />\r\n </Badge>\r\n </span>\r\n </Dropdown>;\r\n});\r\n"],"names":["Badge","Dropdown","List","styles","useEffect","useState","forwardRef","useImperativeHandle","useCallback","BellOutlined","MsgInternalToOrderField","OrderDirection","getDate","useLocale","gql","paging","query","instanceName","userMsgQuery","userUnreadQuery","props","ref","locale","items","setItems","open","setOpen","showDot","setShowDot","loading","setLoading","maxLength","requestData","result","list","first","where","readAtIsNil","orderBy","direction","Desc","field","CreatedAt","MSGCENTER","data","userMsgInternalTos","edges","forEach","item","node","push","length","then","userUnreadMsgInternals","trigger","onOpenChange","v","placement","dropdownRender","className","header","div","title","footer","onMoreClick","span","onClick","undefined","bordered","size","dataSource","renderItem","Item","onItemClick","Meta","msgInternal","subject","description","createdAt","id","action","dot","rev"],"mappings":"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"}

package/esm/components/tenant-dropdown/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Org } from '@knockout-js/api/esm/gql/ucenter/graphql';
+import { Org } from '@knockout-js/api/ucenter';
 export interface TenantDropdownLocale {
     switchTipTitle: string;
     confirmTitle: string;

package/esm/components/tenant-dropdown/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\tenant-dropdown\\index.tsx"],"sourcesContent":["import { Dropdown, MenuProps, Modal } from 'antd';\r\nimport { useCallback, useEffect, useState } from 'react';\r\nimport styles from './index.module.css';\r\nimport { useLocale } from '../locale';\r\nimport { Org, UserRootOrgsQuery, UserRootOrgsQueryVariables } from '@knockout-js/api/~~esm/gql/~~ucenter~~/graphql~~';\r\nimport { gql, query } from '@knockout-js/ice-urql/request';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface TenantDropdownLocale {\r\n switchTipTitle: string;\r\n confirmTitle: string;\r\n confirmContent: string;\r\n}\r\n\r\nexport interface TenantDropdownProps {\r\n /*\r\n 当前 tenantId\r\n /\r\n value: string;\r\n /\r\n 数据源\r\n /\r\n dataSource?: Org[];\r\n /\r\n value变更事件 (value: string) => void;\r\n /\r\n onChange: (value: string) => void;\r\n}\r\n\r\nconst userRootOrgListQuery = gql(/ GraphQL */`query userRootOrgs{\r\n userRootOrgs{\r\n id,parentID,kind,domain,code,name,status,path,displaySort,countryCode,timezone\r\n }\r\n}`);\r\n\r\nexport default (props: TenantDropdownProps) => {\r\n const locale = useLocale('TenantDropdown'),\r\n [list, setList] = useState<Array<Org>>([]),\r\n [info, setInfo] = useState<Org \| undefined>(undefined),\r\n [menu, setMenu] = useState<MenuProps \| undefined>(undefined);\r\n\r\n const\r\n getRequest = async () => {\r\n const result = await query<UserRootOrgsQuery, UserRootOrgsQueryVariables>(userRootOrgListQuery, {}, { instanceName: instanceName.UCENTER });\r\n if (result.data?.userRootOrgs.length) {\r\n const orgList = result.data.userRootOrgs as Org[]\r\n setList(orgList)\r\n }\r\n },\r\n setValue = () => {\r\n setInfo(list.find(item => item.id == props.value));\r\n setMenu({\r\n items: list.filter(item => item?.id != props.value).map(item => {\r\n return {\r\n key: item.id,\r\n label: item.name,\r\n onClick: menuItemClick\r\n };\r\n }),\r\n });\r\n },\r\n menuItemClick = useCallback(({ key }: { key: string }) => {\r\n Modal.confirm({\r\n title: locale.confirmTitle,\r\n content: locale.confirmContent,\r\n onOk: () => {\r\n props.onChange(key)\r\n },\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (document.hidden && (info && info.id != props.value)) {\r\n const tipStr = locale.switchTipTitle;\r\n document.title = tipStr;\r\n document.body.innerHTML = `<div style=\"width:370px;margin:40px auto 0 auto;\">${tipStr}</div>`;\r\n window.close();\r\n } else {\r\n setValue()\r\n }\r\n }, [props.value]);\r\n\r\n useEffect(() => {\r\n setValue()\r\n }, [list]);\r\n\r\n useEffect(() => {\r\n if (props.dataSource) {\r\n setList(props.dataSource)\r\n } else {\r\n getRequest();\r\n }\r\n }, [, props.dataSource]);\r\n\r\n return info ? <Dropdown menu={menu} disabled={menu?.items?.length === 0}>\r\n <span className={styles.action}>\r\n <span>{info.name}</span>\r\n </span>\r\n </Dropdown> : <></>;\r\n};\r\n"],"names":["Dropdown","Modal","useCallback","useEffect","useState","styles","useLocale","gql","query","instanceName","userRootOrgListQuery","props","menu","locale","list","setList","undefined","info","setInfo","setMenu","getRequest","result","orgList","UCENTER","data","userRootOrgs","length","setValue","find","item","id","value","items","filter","map","key","label","name","onClick","menuItemClick","confirm","title","confirmTitle","content","confirmContent","onOk","onChange","document","hidden","tipStr","switchTipTitle","body","innerHTML","window","close","dataSource","disabled","span","className","action"],"mappings":";;;;AAAA,SAASA,QAAQ,EAAaC,KAAK,QAAQ,OAAO;AAClD,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACzD,OAAOC,YAAY,qBAAqB;AACxC,SAASC,SAAS,QAAQ,kBAAY;AAEtC,SAASC,GAAG,EAAEC,KAAK,QAAQ,gCAAgC;AAC3D,SAASC,YAAY,QAAQ,mBAAmB;AAuBhD,IAAMC,uBAAuBH,IAAkB;AAM/C,eAAe,SAACI,OAA+B;QA2DCC;IA1D9C,IAAMC,SAASP,UAAU,mBACLF,6BAAAA,SAAqB,EAAE,OAAxCU,OAAiBV,cAAXW,UAAWX,cACAA,8BAAAA,SAA0BY,gBAA3CC,OAAiBb,eAAXc,UAAWd,eACAA,8BAAAA,SAAgCY,gBAAjDJ,OAAiBR,eAAXe,UAAWf;IAEpB,IACEgB;mBAAa,oBAAA,WAAY;gBAEnBC,cADEA,QAEEC;;;;wBAFO;;4BAAMd,MAAqDE,sBAAsB,CAAC,GAAG;gCAAED,cAAcA,aAAac,OAAO;4BAAC;;;wBAAnIF,SAAS;wBACf,IAAIA,CAAAA,eAAAA,OAAOG,IAAI,cAAXH,0BAAAA,KAAAA,IAAAA,aAAaI,aAAaC,MAAM,EAAE;4BAC9BJ,UAAUD,OAAOG,IAAI,CAACC,YAAY;4BACxCV,QAAQO;wBACV,CAAC;;;;;;QACH;wBANAF;;;SAOAO,WAAW,WAAM;QACfT,QAAQJ,KAAKc,IAAI,CAACC,SAAAA;mBAAQA,KAAKC,EAAE,IAAInB,MAAMoB,KAAK;;QAChDZ,QAAQ;YACNa,OAAOlB,KAAKmB,MAAM,CAACJ,SAAAA;gBAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMC,EAAE,AAAD,KAAKnB,MAAMoB,KAAK;eAAEG,GAAG,CAACL,SAAAA,MAAQ;gBAC9D,OAAO;oBACLM,KAAKN,KAAKC,EAAE;oBACZM,OAAOP,KAAKQ,IAAI;oBAChBC,SAASC;gBACX;YACF;QACF;IACF,GACAA,gBAAgBrC,YAAY,gBAA8B;YAA3BiC,YAAAA;QAC7BlC,MAAMuC,OAAO,CAAC;YACZC,OAAO5B,OAAO6B,YAAY;YAC1BC,SAAS9B,OAAO+B,cAAc;YAC9BC,MAAM,WAAM;gBACVlC,MAAMmC,QAAQ,CAACX;YACjB;QACF;IACF,GAAG,EAAE;IAEPhC,UAAU,WAAM;QACd,IAAI4C,SAASC,MAAM,IAAK/B,QAAQA,KAAKa,EAAE,IAAInB,MAAMoB,KAAK,EAAG;YACvD,IAAMkB,SAASpC,OAAOqC,cAAc;YACpCH,SAASN,KAAK,GAAGQ;YACjBF,SAASI,IAAI,CAACC,SAAS,GAAG,AAAC,qDAA2D,OAAPH,QAAO;YACtFI,OAAOC,KAAK;QACd,OACE3B;IAEJ,GAAG;QAAChB,MAAMoB,KAAK;KAAC;IAEhB5B,UAAU,WAAM;QACdwB;IACF,GAAG;QAACb;KAAK;IAETX,UAAU,WAAM;QACd,IAAIQ,MAAM4C,UAAU,EAClBxC,QAAQJ,MAAM4C,UAAU;aAExBnC;IAEJ,GAAG;;QAAGT,MAAM4C,UAAU;KAAC;IAEvB,OAAOtC,qBAAO,KAACjB;QAASY,MAAMA;QAAM4C,UAAU5C,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,CAAAA,cAAAA,KAAMoB,KAAK,cAAXpB,yBAAAA,KAAAA,IAAAA,YAAac,MAAF,AAAD,MAAc;kBACpE,cAAA,KAAC+B;YAAKC,WAAWrD,OAAOsD,MAAM;sBAC5B,cAAA,KAACF;0BAAMxC,KAAKoB,IAAI;;;uBAEN,mBAAK;AACrB,EAAE"}
1	+ {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\tenant-dropdown\\index.tsx"],"sourcesContent":["import { Dropdown, MenuProps, Modal } from 'antd';\r\nimport { useCallback, useEffect, useState } from 'react';\r\nimport styles from './index.module.css';\r\nimport { useLocale } from '../locale';\r\nimport { Org, UserRootOrgsQuery, UserRootOrgsQueryVariables } from '@knockout-js/api/ucenter';\r\nimport { gql, query } from '@knockout-js/ice-urql/request';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface TenantDropdownLocale {\r\n switchTipTitle: string;\r\n confirmTitle: string;\r\n confirmContent: string;\r\n}\r\n\r\nexport interface TenantDropdownProps {\r\n /*\r\n 当前 tenantId\r\n /\r\n value: string;\r\n /\r\n 数据源\r\n /\r\n dataSource?: Org[];\r\n /\r\n value变更事件 (value: string) => void;\r\n /\r\n onChange: (value: string) => void;\r\n}\r\n\r\nconst userRootOrgListQuery = gql(/ GraphQL */`query userRootOrgs{\r\n userRootOrgs{\r\n id,parentID,kind,domain,code,name,status,path,displaySort,countryCode,timezone\r\n }\r\n}`);\r\n\r\nexport default (props: TenantDropdownProps) => {\r\n const locale = useLocale('TenantDropdown'),\r\n [list, setList] = useState<Array<Org>>([]),\r\n [info, setInfo] = useState<Org \| undefined>(undefined),\r\n [menu, setMenu] = useState<MenuProps \| undefined>(undefined);\r\n\r\n const\r\n getRequest = async () => {\r\n const result = await query<UserRootOrgsQuery, UserRootOrgsQueryVariables>(userRootOrgListQuery, {}, { instanceName: instanceName.UCENTER });\r\n if (result.data?.userRootOrgs.length) {\r\n const orgList = result.data.userRootOrgs as Org[]\r\n setList(orgList)\r\n }\r\n },\r\n setValue = () => {\r\n setInfo(list.find(item => item.id == props.value));\r\n setMenu({\r\n items: list.filter(item => item?.id != props.value).map(item => {\r\n return {\r\n key: item.id,\r\n label: item.name,\r\n onClick: menuItemClick\r\n };\r\n }),\r\n });\r\n },\r\n menuItemClick = useCallback(({ key }: { key: string }) => {\r\n Modal.confirm({\r\n title: locale.confirmTitle,\r\n content: locale.confirmContent,\r\n onOk: () => {\r\n props.onChange(key)\r\n },\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (document.hidden && (info && info.id != props.value)) {\r\n const tipStr = locale.switchTipTitle;\r\n document.title = tipStr;\r\n document.body.innerHTML = `<div style=\"width:370px;margin:40px auto 0 auto;\">${tipStr}</div>`;\r\n window.close();\r\n } else {\r\n setValue()\r\n }\r\n }, [props.value]);\r\n\r\n useEffect(() => {\r\n setValue()\r\n }, [list]);\r\n\r\n useEffect(() => {\r\n if (props.dataSource) {\r\n setList(props.dataSource)\r\n } else {\r\n getRequest();\r\n }\r\n }, [, props.dataSource]);\r\n\r\n return info ? <Dropdown menu={menu} disabled={menu?.items?.length === 0}>\r\n <span className={styles.action}>\r\n <span>{info.name}</span>\r\n </span>\r\n </Dropdown> : <></>;\r\n};\r\n"],"names":["Dropdown","Modal","useCallback","useEffect","useState","styles","useLocale","gql","query","instanceName","userRootOrgListQuery","props","menu","locale","list","setList","undefined","info","setInfo","setMenu","getRequest","result","orgList","UCENTER","data","userRootOrgs","length","setValue","find","item","id","value","items","filter","map","key","label","name","onClick","menuItemClick","confirm","title","confirmTitle","content","confirmContent","onOk","onChange","document","hidden","tipStr","switchTipTitle","body","innerHTML","window","close","dataSource","disabled","span","className","action"],"mappings":";;;;AAAA,SAASA,QAAQ,EAAaC,KAAK,QAAQ,OAAO;AAClD,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACzD,OAAOC,YAAY,qBAAqB;AACxC,SAASC,SAAS,QAAQ,kBAAY;AAEtC,SAASC,GAAG,EAAEC,KAAK,QAAQ,gCAAgC;AAC3D,SAASC,YAAY,QAAQ,mBAAmB;AAuBhD,IAAMC,uBAAuBH,IAAkB;AAM/C,eAAe,SAACI,OAA+B;QA2DCC;IA1D9C,IAAMC,SAASP,UAAU,mBACLF,6BAAAA,SAAqB,EAAE,OAAxCU,OAAiBV,cAAXW,UAAWX,cACAA,8BAAAA,SAA0BY,gBAA3CC,OAAiBb,eAAXc,UAAWd,eACAA,8BAAAA,SAAgCY,gBAAjDJ,OAAiBR,eAAXe,UAAWf;IAEpB,IACEgB;mBAAa,oBAAA,WAAY;gBAEnBC,cADEA,QAEEC;;;;wBAFO;;4BAAMd,MAAqDE,sBAAsB,CAAC,GAAG;gCAAED,cAAcA,aAAac,OAAO;4BAAC;;;wBAAnIF,SAAS;wBACf,IAAIA,CAAAA,eAAAA,OAAOG,IAAI,cAAXH,0BAAAA,KAAAA,IAAAA,aAAaI,aAAaC,MAAM,EAAE;4BAC9BJ,UAAUD,OAAOG,IAAI,CAACC,YAAY;4BACxCV,QAAQO;wBACV,CAAC;;;;;;QACH;wBANAF;;;SAOAO,WAAW,WAAM;QACfT,QAAQJ,KAAKc,IAAI,CAACC,SAAAA;mBAAQA,KAAKC,EAAE,IAAInB,MAAMoB,KAAK;;QAChDZ,QAAQ;YACNa,OAAOlB,KAAKmB,MAAM,CAACJ,SAAAA;gBAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMC,EAAE,AAAD,KAAKnB,MAAMoB,KAAK;eAAEG,GAAG,CAACL,SAAAA,MAAQ;gBAC9D,OAAO;oBACLM,KAAKN,KAAKC,EAAE;oBACZM,OAAOP,KAAKQ,IAAI;oBAChBC,SAASC;gBACX;YACF;QACF;IACF,GACAA,gBAAgBrC,YAAY,gBAA8B;YAA3BiC,YAAAA;QAC7BlC,MAAMuC,OAAO,CAAC;YACZC,OAAO5B,OAAO6B,YAAY;YAC1BC,SAAS9B,OAAO+B,cAAc;YAC9BC,MAAM,WAAM;gBACVlC,MAAMmC,QAAQ,CAACX;YACjB;QACF;IACF,GAAG,EAAE;IAEPhC,UAAU,WAAM;QACd,IAAI4C,SAASC,MAAM,IAAK/B,QAAQA,KAAKa,EAAE,IAAInB,MAAMoB,KAAK,EAAG;YACvD,IAAMkB,SAASpC,OAAOqC,cAAc;YACpCH,SAASN,KAAK,GAAGQ;YACjBF,SAASI,IAAI,CAACC,SAAS,GAAG,AAAC,qDAA2D,OAAPH,QAAO;YACtFI,OAAOC,KAAK;QACd,OACE3B;IAEJ,GAAG;QAAChB,MAAMoB,KAAK;KAAC;IAEhB5B,UAAU,WAAM;QACdwB;IACF,GAAG;QAACb;KAAK;IAETX,UAAU,WAAM;QACd,IAAIQ,MAAM4C,UAAU,EAClBxC,QAAQJ,MAAM4C,UAAU;aAExBnC;IAEJ,GAAG;;QAAGT,MAAM4C,UAAU;KAAC;IAEvB,OAAOtC,qBAAO,KAACjB;QAASY,MAAMA;QAAM4C,UAAU5C,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,CAAAA,cAAAA,KAAMoB,KAAK,cAAXpB,yBAAAA,KAAAA,IAAAA,YAAac,MAAF,AAAD,MAAc;kBACpE,cAAA,KAAC+B;YAAKC,WAAWrD,OAAOsD,MAAM;sBAC5B,cAAA,KAACF;0BAAMxC,KAAKoB,IAAI;;;uBAEN,mBAAK;AACrB,EAAE"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@knockout-js/layout",
-  "version": "0.1.1-beta.0",
+  "version": "0.1.1-beta.2",
   "description": "组件功能描述",
   "files": [
     "esm",
@@ -50,8 +50,8 @@
     "dayjs": "^1.11.9",
     "react-activation": "^0.12.4",
     "react-draggable": "^4.4.5",
-    "@knockout-js/api": "^0.1.1-beta.0",
-    "@knockout-js/ice-urql": "^0.1.1-beta.0"
+    "@knockout-js/api": "^0.1.1-beta.3",
+    "@knockout-js/ice-urql": "^0.1.1-beta.2"
   },
   "devDependencies": {
     "@ice/pkg": "^1.5.0",
@@ -74,6 +74,6 @@
   "license": "MIT",
   "scripts": {
     "start": "ice-pkg start",
-    "build": "ice-pkg build"
+    "build": "rimraf esm es2017 && ice-pkg build"
   }
 }