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

package/esm/components/gather-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\gather-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 { Col, Drawer, Empty, Input, Row, Space } from \"antd\";\r\nimport { gql, paging, query } from \"@knockout-js/ice-urql/request\";\r\nimport { App, AppMenu, LayoutPkgUserRootOrgsQuery, LayoutPkgUserRootOrgsQueryVariables, UserMenuListQuery, UserMenuListQueryVariables } from \"@knockout-js/api\";\r\nimport { iceUrqlInstance } from \"..\";\r\nimport { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from \"@dnd-kit/core\";\r\nimport { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from \"@dnd-kit/sortable\";\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { useLocale } from \"../locale\";\r\n\r\nconst userMenuListQuery = gql(/* GraphQL */`query userMenuList($appCode:String!){\r\n  userMenus(appCode: $appCode){\r\n    id,name,route,appID\r\n  }\r\n}`);\r\n\r\nconst userOrgAppsQuery = gql(/* GraphQL */`query layoutPkgUserRootOrgs($first:Int){\r\n  userRootOrgs{\r\n    id,\r\n    apps(first: $first){\r\n      totalCount,\r\n      edges{ node{ id,name,code } }\r\n    }\r\n  }\r\n}`);\r\n\r\nexport type GatherMenuLocale = {\r\n  notText: string;\r\n  searchPlaceholder: string;\r\n}\r\n\r\nexport type GatherMenuDataSource = {\r\n  app: App;\r\n  menu: AppMenu[];\r\n}[]\r\n\r\nexport interface GatherMenuProps {\r\n  /**\r\n   * 弹出开关\r\n   */\r\n  open?: boolean;\r\n  /**\r\n   * 数据源\r\n   */\r\n  dataSource?: GatherMenuDataSource;\r\n  /**\r\n   * 存储key\r\n   */\r\n  storeKey?: string;\r\n  /**\r\n   * 弹出开关变更\r\n   */\r\n  onChangeOpen?: (open: boolean) => void;\r\n  /**\r\n   * 选中菜单\r\n   */\r\n  onClick?: (menuItem: AppMenu, app: App) => void;\r\n}\r\n\r\n/**\r\n * 排序拖拽使用的控件\r\n * https://docs.dndkit.com/\r\n * @param props\r\n * @returns\r\n */\r\nconst DargItem = (props: {\r\n  value: AppMenu;\r\n  onDel: () => void;\r\n  onClick: () => void;\r\n}) => {\r\n  const id = `${props.value.id}-${props.value.appID}`;\r\n  const { setNodeRef, listeners, attributes, transform, transition, setDraggableNodeRef } = 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.customMenuDrawerMenuItem}\r\n    onClick={() => {\r\n      props.onClick();\r\n    }}\r\n  >\r\n    <div className={styles.customMenuDrawerMenuItemName}>{props.value.name}</div>\r\n    <div className={styles.customMenuDrawerMenuItemIcons}>\r\n      <Space>\r\n        <CloseOutlined rev={undefined} onClick={() => {\r\n          props.onDel();\r\n        }} />\r\n        <DragOutlined rev={undefined}  {...listeners} className=\"dragIcon\" />\r\n      </Space>\r\n    </div>\r\n  </div>\r\n}\r\n\r\nexport default (props: GatherMenuProps) => {\r\n  const [all, setAll] = useState<GatherMenuDataSource>([]),\r\n    [filterList, setFilterList] = useState<GatherMenuDataSource>([]),\r\n    [collects, setCollects] = useState<AppMenu[]>([]),\r\n    locale = useLocale('GatherMenu'),\r\n    sensors = useSensors(\r\n      useSensor(PointerSensor),\r\n      useSensor(KeyboardSensor, {\r\n        coordinateGetter: sortableKeyboardCoordinates,\r\n      })\r\n    );\r\n  ;\r\n\r\n  const\r\n    request = useCallback(async () => {\r\n      const appsResult = await paging<LayoutPkgUserRootOrgsQuery, LayoutPkgUserRootOrgsQueryVariables>(userOrgAppsQuery, {\r\n        first: 30,\r\n      }, 1, { instanceName: iceUrqlInstance.ucenter }), apps: App[] = [];\r\n      if (appsResult.data?.userRootOrgs) {\r\n        appsResult.data.userRootOrgs.forEach(org => {\r\n          org.apps.edges?.forEach(oApp => {\r\n            if (oApp?.node) {\r\n              if (!apps.find(app => app.id === oApp.node?.id)) {\r\n                apps.push(oApp.node as App);\r\n              }\r\n            }\r\n          })\r\n        })\r\n      }\r\n      const newAll: GatherMenuDataSource = [];\r\n      for (let i in apps) {\r\n        const menuResult = await query<UserMenuListQuery, UserMenuListQueryVariables>(userMenuListQuery, {\r\n          appCode: apps[i].code,\r\n        }, { instanceName: iceUrqlInstance.ucenter });\r\n        if (menuResult.data?.userMenus) {\r\n          const menu = menuResult.data.userMenus.filter(item => item.route) as AppMenu[];\r\n          newAll.push({\r\n            app: apps[i],\r\n            menu,\r\n          })\r\n        }\r\n      }\r\n      setAll(newAll);\r\n      setFilterList(newAll);\r\n    }, []),\r\n    checkCollect = useCallback((menuItem: AppMenu) => {\r\n      return !!collects.find(item => item.id === menuItem.id && item.appID === menuItem.appID);\r\n    }, [collects])\r\n\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  useEffect(() => {\r\n    if (props.storeKey) {\r\n      const store = localStorage.getItem(props.storeKey);\r\n      if (store) {\r\n        try {\r\n          setCollects(JSON.parse(store));\r\n        } catch (error) {\r\n        }\r\n      }\r\n    }\r\n  }, [props.storeKey]);\r\n\r\n  useEffect(() => {\r\n    if (props.storeKey) {\r\n      if (collects.length) {\r\n        localStorage.setItem(props.storeKey, JSON.stringify(collects));\r\n      } else {\r\n        localStorage.removeItem(props.storeKey);\r\n      }\r\n    }\r\n  }, [collects]);\r\n\r\n  return <>\r\n    <Drawer\r\n      className={styles.customMenuDrawer}\r\n      placement=\"left\"\r\n      open={props.open}\r\n      width={1060}\r\n      onClose={() => {\r\n        props.onChangeOpen?.(false);\r\n      }}\r\n    >\r\n      <div className={styles.customMenuDrawerRow}>\r\n        <div style={{ width: 240 }} className={styles.customMenuDrawerMenu}>\r\n          {collects.length ?\r\n            <DndContext sensors={sensors}\r\n              collisionDetection={closestCenter}\r\n              onDragEnd={(event) => {\r\n                const { active, over } = event;\r\n                if (over && active.id !== over.id) {\r\n                  setCollects((items) => {\r\n                    const oldIndex = items.findIndex(oItem => `${oItem.id}-${oItem.appID}` == active.id);\r\n                    const newIndex = items.findIndex(nItem => `${nItem.id}-${nItem.appID}` == over.id);\r\n                    return arrayMove(items, oldIndex, newIndex);\r\n                  });\r\n                }\r\n              }}\r\n            >\r\n              <SortableContext items={collects.map(item => `${item.id}-${item.appID}`)} strategy={verticalListSortingStrategy}>\r\n                {\r\n                  collects.map(item => (<DargItem\r\n                    key={`c${item.id}-${item.appID}`}\r\n                    value={item}\r\n                    onDel={() => {\r\n                      setCollects(collects.filter(c => !(c.id === item.id && c.appID === item.appID)));\r\n                    }}\r\n                    onClick={() => {\r\n                      const allApp = all.find(allItem => allItem.app.id == item.appID);\r\n                      if (allApp) {\r\n                        props.onClick?.(item, allApp.app);\r\n                      }\r\n                    }}\r\n                  />))\r\n                }\r\n              </SortableContext>\r\n            </DndContext>\r\n            : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={locale.notText} />\r\n          }\r\n        </div>\r\n        <div style={{ width: 820 }}>\r\n          <div className={styles.customMenuDrawerAllInput}>\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\r\n                  setFilterList(fList);\r\n                } else {\r\n                  setFilterList([...all]);\r\n                }\r\n              }}\r\n            />\r\n          </div>\r\n          <div className={styles.customMenuDrawerAllMenu}>\r\n            {filterList.map(item => (\r\n              <div key={item.app.code} className={styles.customMenuDrawerAllMenuColumn}>\r\n                <div className={styles.customMenuDrawerAllMenuTitle}>{item.app.name}</div>\r\n                {item.menu.map(menuItem => (\r\n                  <div\r\n                    key={`${menuItem.appID}-${menuItem.id}`}\r\n                    className={styles.customMenuDrawerAllMenuItem}\r\n                    onClick={() => {\r\n                      props.onClick?.(menuItem, item.app);\r\n                    }}\r\n                  >\r\n                    <div className={styles.customMenuDrawerAllMenuItemName}>{menuItem.name}</div>\r\n                    <div>\r\n                      <StarOutlined rev={undefined} className={checkCollect(menuItem) ? 'collect' : ''} onClick={(event) => {\r\n                        event.stopPropagation();\r\n                        if (checkCollect(menuItem)) {\r\n                          setCollects(collects.filter(c => !(c.id === menuItem.id && c.appID === menuItem.appID)));\r\n                        } else {\r\n                          setCollects([...collects, menuItem]);\r\n                        }\r\n                      }} />\r\n                    </div>\r\n                  </div>\r\n                ))}\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </Drawer>\r\n  </>\r\n}\r\n"],"names":["CloseOutlined","DragOutlined","SearchOutlined","StarOutlined","useCallback","useEffect","useState","styles","Drawer","Empty","Input","Space","gql","paging","query","iceUrqlInstance","DndContext","closestCenter","KeyboardSensor","PointerSensor","useSensor","useSensors","arrayMove","SortableContext","useSortable","sortableKeyboardCoordinates","verticalListSortingStrategy","CSS","useLocale","userMenuListQuery","userOrgAppsQuery","DargItem","props","id","value","appID","setNodeRef","listeners","attributes","transform","transition","setDraggableNodeRef","style","Transform","toString","div","ref","className","customMenuDrawerMenuItem","onClick","customMenuDrawerMenuItemName","name","customMenuDrawerMenuItemIcons","rev","undefined","onDel","all","setAll","filterList","setFilterList","collects","setCollects","locale","sensors","coordinateGetter","request","appsResult","apps","newAll","i","menuResult","menu","first","instanceName","ucenter","data","userRootOrgs","forEach","org","edges","oApp","node","find","app","push","appCode","code","userMenus","filter","item","route","checkCollect","menuItem","dataSource","storeKey","store","localStorage","getItem","JSON","parse","error","length","setItem","stringify","removeItem","customMenuDrawer","placement","open","width","onClose","onChangeOpen","customMenuDrawerRow","customMenuDrawerMenu","collisionDetection","onDragEnd","event","active","over","items","oldIndex","findIndex","oItem","newIndex","nItem","map","strategy","c","allApp","allItem","image","PRESENTED_IMAGE_SIMPLE","description","notText","customMenuDrawerAllInput","bordered","prefix","placeholder","searchPlaceholder","onChange","keyword","target","fList","f","fMenuItem","indexOf","customMenuDrawerAllMenu","customMenuDrawerAllMenuColumn","customMenuDrawerAllMenuTitle","customMenuDrawerAllMenuItem","customMenuDrawerAllMenuItemName","stopPropagation"],"mappings":"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"}

package/esm/components/gather-menu/index.module.css

@@ -0,0 +1,120 @@
+.customMenu {
+  margin-right: 8px;
+  cursor: pointer;
+}
+
+.customMenuDrawer {
+
+  :global(.ant-drawer-header-title) {
+    flex-direction: row-reverse;
+  }
+
+  :global(.ant-drawer-body) {
+    padding: 0;
+  }
+
+}
+
+.customMenuDrawerRow {
+  height: 100%;
+  display: flex;
+}
+
+.customMenuDrawerMenu {
+  height: 100%;
+  border-right: 1px solid rgba(5, 5, 5, 0.06);
+}
+
+.customMenuDrawerAllMenu {
+  height: calc(100% - 52px);
+  padding: 16px;
+  overflow-y: auto;
+  column-count: 3;
+  column-gap: 10px;
+}
+
+.customMenuDrawerAllMenuColumn {
+  /* 瀑布流关键写法 */
+  break-inside: avoid;
+  margin-bottom: 16px;
+}
+
+
+.customMenuDrawerAllMenuTitle {
+  font-weight: bold;
+  height: 32px;
+  line-height: 32px;
+  padding: 0 16px;
+}
+
+.customMenuDrawerAllMenuItem {
+  height: 32px;
+  line-height: 32px;
+  cursor: pointer;
+  padding: 0 16px;
+  display: flex;
+
+  &:hover {
+    background-color: #f1f1f1;
+
+    :global(.anticon-star) {
+      display: inline;
+    }
+  }
+
+  :global(.anticon-star.collect) {
+    color: rgb(255, 106, 0);
+  }
+
+  :global(.anticon-star) {
+    display: none;
+  }
+}
+
+.customMenuDrawerAllMenuItemName {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: auto;
+}
+
+.customMenuDrawerAllInput {
+  padding: 10px 0;
+  margin: 0 16px;
+  border-bottom: 1px solid rgba(5, 5, 5, 0.06);
+}
+
+.customMenuDrawerMenuItem {
+  height: 40px;
+  line-height: 40px;
+  cursor: pointer;
+  padding: 0 16px;
+  display: flex;
+
+  &:hover {
+    background-color: #f1f1f1;
+
+    .customMenuDrawerMenuItemIcons {
+      display: block;
+    }
+  }
+}
+
+.customMenuDrawerMenuItemIcons {
+  display: none;
+
+  :global(.anticon) {
+    color: #c1c1c1;
+
+    &:hover {
+      color: #8c8c8c;
+    }
+  }
+}
+
+.customMenuDrawerMenuItemName {
+  flex: auto;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}

package/esm/components/gather-menu/locale/en_US.d.ts

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

package/esm/components/gather-menu/locale/en_US.js

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

package/esm/components/gather-menu/locale/en_US.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\gather-menu\\locale\\en_US.ts"],"sourcesContent":["import { GatherMenuLocale } from \"../index\";\r\n\r\nconst locale: GatherMenuLocale = {\r\n  notText: 'The favorites list is empty, you can add your usual addresses to your favorites on the right.',\r\n  searchPlaceholder: \"Please enter keyword\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","notText","searchPlaceholder"],"mappings":"AAEA,IAAMA,SAA2B;IAC/BC,SAAS;IACTC,mBAAmB;AACrB;AAEA,eAAeF,OAAM"}

package/esm/components/gather-menu/locale/zh_CN.d.ts

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

package/esm/components/gather-menu/locale/zh_CN.js

@@ -0,0 +1,7 @@
+var locale = {
+    notText: "收藏列表为空，可在右侧将您常用地址添加到收藏。",
+    searchPlaceholder: "请输入关键词"
+};
+export default locale;
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\gather-menu\locale\zh_CN.js.map

package/esm/components/gather-menu/locale/zh_CN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\gather-menu\\locale\\zh_CN.ts"],"sourcesContent":["import { GatherMenuLocale } from \"../index\";\r\n\r\nconst locale: GatherMenuLocale = {\r\n  notText: '收藏列表为空，可在右侧将您常用地址添加到收藏。',\r\n  searchPlaceholder: \"请输入关键词\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","notText","searchPlaceholder"],"mappings":"AAEA,IAAMA,SAA2B;IAC/BC,SAAS;IACTC,mBAAmB;AACrB;AAEA,eAAeF,OAAM"}

package/esm/components/i18n-dropdown/index.js

@@ -1,4 +1,4 @@
-import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
 import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
 import { useState, useEffect, useCallback, useContext } from "react";
 import { Dropdown } from "antd";
@@ -43,4 +43,4 @@ function I18nDropdown(props) {
 }
 export default I18nDropdown;
 
- //# sourceMappingURL=index.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\i18n-dropdown\index.js.map

package/esm/components/i18n-dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[".\\src\\components\\i18n-dropdown\\index.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useContext } from 'react';\r\nimport { Dropdown, MenuProps } from 'antd';\r\nimport styles from './index.module.css';\r\nimport { BasicContext, BasicProviderProps, LocaleType } from '../locale';\r\n\r\nexport interface I18nDropdownProps {\r\n  /**\r\n   * 值变更事件 (value: LocaleType) => void;\r\n   */\r\n  onChange?: (value: LocaleType) => void;\r\n}\r\n\r\nfunction I18nDropdown(props: I18nDropdownProps) {\r\n  const ctx = useContext<BasicProviderProps>(BasicContext),\r\n    [localeName, setLocaleName] = useState(''),\r\n    menuItemOnClick = useCallback(({ key }: { key: React.Key }) => {\r\n      props.onChange?.(key as LocaleType)\r\n    }, []),\r\n    menuItems = [\r\n      {\r\n        key: LocaleType.zhCN,\r\n        label: '简体',\r\n        onClick: menuItemOnClick,\r\n      },\r\n      {\r\n        key: LocaleType.enUS,\r\n        label: 'En',\r\n        onClick: menuItemOnClick,\r\n      }\r\n    ];\r\n\r\n  useEffect(() => {\r\n    const item = menuItems?.find(item => item?.key == ctx.locale);\r\n    setLocaleName(item?.label || '')\r\n  }, [ctx.locale]);\r\n\r\n  return (\r\n    <Dropdown menu={{\r\n      items: menuItems,\r\n    }}>\r\n      <span className={styles.action}>\r\n        <span>{localeName}</span>\r\n      </span>\r\n    </Dropdown>\r\n  );\r\n};\r\n\r\nexport default I18nDropdown;\r\n"],"names":["useState","useEffect","useCallback","useContext","Dropdown","styles","BasicContext","LocaleType","I18nDropdown","props","ctx","localeName","setLocaleName","menuItemOnClick","key","onChange","menuItems","zhCN","label","onClick","enUS","item","find","locale","menu","items","span","className","action"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAEC,UAAU,QAAQ,QAAQ;AACrE,SAASC,QAAQ,QAAmB,OAAO;AAC3C,OAAOC,YAAY,qBAAqB;AACxC,SAASC,YAAY,EAAsBC,UAAU,QAAQ,kBAAY;AASzE,SAASC,aAAaC,KAAwB,EAAE;IAC9C,IAAMC,MAAMP,WAA+BG,eACXN,6BAAAA,SAAS,SAAtCW,aAA6BX,cAAjBY,gBAAiBZ,cAC9Ba,kBAAkBX,YAAY,gBAAiC;YAA9BY,YAAAA;YAC/BL;QAAAA,CAAAA,kBAAAA,MAAMM,QAAQ,cAAdN,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiBK;IACnB,GAAG,EAAE,GACLE,YAAY;QACV;YACEF,KAAKP,WAAWU,IAAI;YACpBC,OAAO;YACPC,SAASN;QACX;QACA;YACEC,KAAKP,WAAWa,IAAI;YACpBF,OAAO;YACPC,SAASN;QACX;KACD;IAEHZ,UAAU,WAAM;QACd,IAAMoB,OAAOL,sBAAAA,uBAAAA,KAAAA,IAAAA,UAAWM,IAAI,CAACD,SAAAA;YAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMP,GAAG,AAAD,KAAKJ,IAAIa,MAAM;;QAC5DX,cAAcS,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMH,KAAK,AAAD,KAAK;IAC/B,GAAG;QAACR,IAAIa,MAAM;KAAC;IAEf,qBACE,KAACnB;QAASoB,MAAM;YACdC,OAAOT;QACT;kBACE,cAAA,KAACU;YAAKC,WAAWtB,OAAOuB,MAAM;sBAC5B,cAAA,KAACF;0BAAMf;;;;AAIf;AAEA,eAAeH,aAAa"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\i18n-dropdown\\index.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useContext } from 'react';\r\nimport { Dropdown, MenuProps } from 'antd';\r\nimport styles from './index.module.css';\r\nimport { BasicContext, BasicProviderProps, LocaleType } from '../locale';\r\n\r\nexport interface I18nDropdownProps {\r\n  /**\r\n   * 值变更事件 (value: LocaleType) => void;\r\n   */\r\n  onChange?: (value: LocaleType) => void;\r\n}\r\n\r\nfunction I18nDropdown(props: I18nDropdownProps) {\r\n  const ctx = useContext<BasicProviderProps>(BasicContext),\r\n    [localeName, setLocaleName] = useState(''),\r\n    menuItemOnClick = useCallback(({ key }: { key: React.Key }) => {\r\n      props.onChange?.(key as LocaleType)\r\n    }, []),\r\n    menuItems = [\r\n      {\r\n        key: LocaleType.zhCN,\r\n        label: '简体',\r\n        onClick: menuItemOnClick,\r\n      },\r\n      {\r\n        key: LocaleType.enUS,\r\n        label: 'En',\r\n        onClick: menuItemOnClick,\r\n      }\r\n    ];\r\n\r\n  useEffect(() => {\r\n    const item = menuItems?.find(item => item?.key == ctx.locale);\r\n    setLocaleName(item?.label || '')\r\n  }, [ctx.locale]);\r\n\r\n  return (\r\n    <Dropdown menu={{\r\n      items: menuItems,\r\n    }}>\r\n      <span className={styles.action}>\r\n        <span>{localeName}</span>\r\n      </span>\r\n    </Dropdown>\r\n  );\r\n};\r\n\r\nexport default I18nDropdown;\r\n"],"names":["useState","useEffect","useCallback","useContext","Dropdown","styles","BasicContext","LocaleType","I18nDropdown","props","ctx","localeName","setLocaleName","menuItemOnClick","key","onChange","menuItems","zhCN","label","onClick","enUS","item","find","locale","menu","items","span","className","action"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAEC,UAAU,QAAQ,QAAQ;AACrE,SAASC,QAAQ,QAAmB,OAAO;AAC3C,OAAOC,YAAY,qBAAqB;AACxC,SAASC,YAAY,EAAsBC,UAAU,QAAQ,kBAAY;AASzE,SAASC,aAAaC,KAAwB,EAAE;IAC9C,IAAMC,MAAMP,WAA+BG,eACXN,6BAAAA,SAAS,SAAtCW,aAA6BX,cAAjBY,gBAAiBZ,cAC9Ba,kBAAkBX,YAAY,gBAAiC;YAA9BY,YAAAA;YAC/BL;QAAAA,CAAAA,kBAAAA,MAAMM,QAAQ,cAAdN,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiBK;IACnB,GAAG,EAAE,GACLE,YAAY;QACV;YACEF,KAAKP,WAAWU,IAAI;YACpBC,OAAO;YACPC,SAASN;QACX;QACA;YACEC,KAAKP,WAAWa,IAAI;YACpBF,OAAO;YACPC,SAASN;QACX;KACD;IAEHZ,UAAU,WAAM;QACd,IAAMoB,OAAOL,sBAAAA,uBAAAA,KAAAA,IAAAA,UAAWM,IAAI,CAACD,SAAAA;YAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMP,GAAG,AAAD,KAAKJ,IAAIa,MAAM;;QAC5DX,cAAcS,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMH,KAAK,AAAD,KAAK;IAC/B,GAAG;QAACR,IAAIa,MAAM;KAAC;IAEf,qBACE,KAACnB;QAASoB,MAAM;YACdC,OAAOT;QACT;kBACE,cAAA,KAACU;YAAKC,WAAWtB,OAAOuB,MAAM;sBAC5B,cAAA,KAACF;0BAAMf;;;;AAIf;AAEA,eAAeH,aAAa"}

package/esm/components/icons/index.js

@@ -1,5 +1,5 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
 import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
 export var OpenWin = function(props) {
     return /*#__PURE__*/ _jsx("svg", _object_spread_props(_object_spread({
@@ -16,4 +16,4 @@ export var OpenWin = function(props) {
     }));
 };
 
- //# sourceMappingURL=index.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\icons\index.js.map

package/esm/components/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[".\\src\\components\\icons\\index.tsx"],"sourcesContent":["import { SVGProps } from \"react\"\r\n\r\nexport const OpenWin = (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => {\r\n  return <svg\r\n    fill=\"currentColor\"\r\n    viewBox=\"0 0 1024 1024\"\r\n    p-id=\"19410\"\r\n    width=\"12\"\r\n    height=\"12\"\r\n    {...props}\r\n  >\r\n    <path d=\"M398.506667 960H160q-39.765333 0-67.882667-28.117333-28.117333-28.117333-28.117333-67.882667V160q0-39.765333 28.117333-67.882667Q120.234667 64 160 64h704q39.765333 0 67.882667 28.117333 28.117333 28.117333 28.117333 67.882667v149.333333a32 32 0 0 1-32 32H128v522.666667q0 13.226667 9.386667 22.613333 9.386667 9.386667 22.613333 9.386667h238.506667a32 32 0 0 1 0 64zM128 160V277.333333h768V160q0-13.226667-9.386667-22.613333-9.386667-9.386667-22.613333-9.386667H160q-13.226667 0-22.613333 9.386667-9.386667 9.386667-9.386667 22.613333z m800.512 341.333333H672a32 32 0 0 0 0 64h178.773333l-340.053333 340.053334a32 32 0 0 0 45.226667 45.226666L896 610.602667v178.773333a32 32 0 0 0 64 0v-255.573333a31.914667 31.914667 0 0 0-31.488-32.426667z\" p-id=\"19411\"></path>\r\n  </svg>\r\n}\r\n"],"names":["OpenWin","props","svg","fill","viewBox","p-id","width","height","path","d"],"mappings":";;;AAEA,OAAO,IAAMA,UAAU,SAACC,OAA6D;IACnF,qBAAO,KAACC;QACNC,MAAK;QACLC,SAAQ;QACRC,QAAK;QACLC,OAAM;QACNC,QAAO;OACHN;kBAEJ,cAAA,KAACO;YAAKC,GAAE;YAAwuBJ,QAAK;;;AAEzvB,EAAC"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\icons\\index.tsx"],"sourcesContent":["import { SVGProps } from \"react\"\r\n\r\nexport const OpenWin = (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => {\r\n  return <svg\r\n    fill=\"currentColor\"\r\n    viewBox=\"0 0 1024 1024\"\r\n    p-id=\"19410\"\r\n    width=\"12\"\r\n    height=\"12\"\r\n    {...props}\r\n  >\r\n    <path d=\"M398.506667 960H160q-39.765333 0-67.882667-28.117333-28.117333-28.117333-28.117333-67.882667V160q0-39.765333 28.117333-67.882667Q120.234667 64 160 64h704q39.765333 0 67.882667 28.117333 28.117333 28.117333 28.117333 67.882667v149.333333a32 32 0 0 1-32 32H128v522.666667q0 13.226667 9.386667 22.613333 9.386667 9.386667 22.613333 9.386667h238.506667a32 32 0 0 1 0 64zM128 160V277.333333h768V160q0-13.226667-9.386667-22.613333-9.386667-9.386667-22.613333-9.386667H160q-13.226667 0-22.613333 9.386667-9.386667 9.386667-9.386667 22.613333z m800.512 341.333333H672a32 32 0 0 0 0 64h178.773333l-340.053333 340.053334a32 32 0 0 0 45.226667 45.226666L896 610.602667v178.773333a32 32 0 0 0 64 0v-255.573333a31.914667 31.914667 0 0 0-31.488-32.426667z\" p-id=\"19411\"></path>\r\n  </svg>\r\n}\r\n"],"names":["OpenWin","props","svg","fill","viewBox","p-id","width","height","path","d"],"mappings":";;;AAEA,OAAO,IAAMA,UAAU,SAACC,OAA6D;IACnF,qBAAO,KAACC;QACNC,MAAK;QACLC,SAAQ;QACRC,QAAK;QACLC,OAAM;QACNC,QAAO;OACHN;kBAEJ,cAAA,KAACO;YAAKC,GAAE;YAAwuBJ,QAAK;;;AAEzvB,EAAC"}

package/esm/components/index.d.ts

@@ -7,6 +7,8 @@ export { default as LeavePrompt, useLeavePrompt } from './leave-prompt';
 export { default as I18nDropdown } from './i18n-dropdown';
 export { default as CollectProviders } from './collect-providers';
 export { default as Layout } from './layout';
+export { default as Modal, type ModalProps } from './modal';
+export { default as GatherMenu, type GatherMenuDataSource } from './gather-menu';
 export declare enum iceUrqlInstance {
     ucenter = "ucenter"
 }

package/esm/components/index.js

@@ -7,9 +7,11 @@ export { default as LeavePrompt, useLeavePrompt } from "./leave-prompt/index";
 export { default as I18nDropdown } from "./i18n-dropdown/index";
 export { default as CollectProviders } from "./collect-providers/index";
 export { default as Layout } from "./layout/index";
+export { default as Modal } from "./modal/index";
+export { default as GatherMenu } from "./gather-menu/index";
 export var iceUrqlInstance;
 (function(iceUrqlInstance) {
     iceUrqlInstance["ucenter"] = "ucenter";
 })(iceUrqlInstance || (iceUrqlInstance = {}));
 
- //# sourceMappingURL=index.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\index.js.map

package/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[".\\src\\components\\index.ts"],"sourcesContent":["export { default as BasicProvider, BasicContext, type BasicProviderProps, LocaleType } from './locale';\r\nexport { default as ThemeSwitch } from './theme-switch';\r\nexport { default as AvatarDropdown } from './avatar-dropdown';\r\nexport { default as KeepAlive } from './keep-alive';\r\nexport { default as TenantDropdown } from './tenant-dropdown';\r\nexport { default as LeavePrompt, useLeavePrompt } from './leave-prompt';\r\nexport { default as I18nDropdown } from './i18n-dropdown';\r\nexport { default as CollectProviders } from './collect-providers';\r\nexport { default as Layout } from './layout';\r\nexport enum iceUrqlInstance {\r\n  ucenter = \"ucenter\"\r\n}\r\n"],"names":["default","BasicProvider","BasicContext","LocaleType","ThemeSwitch","AvatarDropdown","KeepAlive","TenantDropdown","LeavePrompt","useLeavePrompt","I18nDropdown","CollectProviders","Layout","iceUrqlInstance","ucenter"],"mappings":"AAAA,SAASA,WAAWC,aAAa,EAAEC,YAAY,EAA2BC,UAAU,QAAQ,iBAAW;AACvG,SAASH,WAAWI,WAAW,QAAQ,uBAAiB;AACxD,SAASJ,WAAWK,cAAc,QAAQ,0BAAoB;AAC9D,SAASL,WAAWM,SAAS,QAAQ,qBAAe;AACpD,SAASN,WAAWO,cAAc,QAAQ,0BAAoB;AAC9D,SAASP,WAAWQ,WAAW,EAAEC,cAAc,QAAQ,uBAAiB;AACxE,SAAST,WAAWU,YAAY,QAAQ,wBAAkB;AAC1D,SAASV,WAAWW,gBAAgB,QAAQ,4BAAsB;AAClE,SAASX,WAAWY,MAAM,QAAQ,iBAAW;WACtC;UAAKC,eAAe;IAAfA,gBACVC,aAAAA;GADUD,oBAAAA"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\index.ts"],"sourcesContent":["export { default as BasicProvider, BasicContext, type BasicProviderProps, LocaleType } from './locale';\r\nexport { default as ThemeSwitch } from './theme-switch';\r\nexport { default as AvatarDropdown } from './avatar-dropdown';\r\nexport { default as KeepAlive } from './keep-alive';\r\nexport { default as TenantDropdown } from './tenant-dropdown';\r\nexport { default as LeavePrompt, useLeavePrompt } from './leave-prompt';\r\nexport { default as I18nDropdown } from './i18n-dropdown';\r\nexport { default as CollectProviders } from './collect-providers';\r\nexport { default as Layout } from './layout';\r\nexport { default as Modal, type ModalProps } from './modal';\r\nexport { default as GatherMenu, type GatherMenuDataSource } from './gather-menu';\r\nexport enum iceUrqlInstance {\r\n  ucenter = \"ucenter\"\r\n}\r\n"],"names":["default","BasicProvider","BasicContext","LocaleType","ThemeSwitch","AvatarDropdown","KeepAlive","TenantDropdown","LeavePrompt","useLeavePrompt","I18nDropdown","CollectProviders","Layout","Modal","GatherMenu","iceUrqlInstance","ucenter"],"mappings":"AAAA,SAASA,WAAWC,aAAa,EAAEC,YAAY,EAA2BC,UAAU,QAAQ,iBAAW;AACvG,SAASH,WAAWI,WAAW,QAAQ,uBAAiB;AACxD,SAASJ,WAAWK,cAAc,QAAQ,0BAAoB;AAC9D,SAASL,WAAWM,SAAS,QAAQ,qBAAe;AACpD,SAASN,WAAWO,cAAc,QAAQ,0BAAoB;AAC9D,SAASP,WAAWQ,WAAW,EAAEC,cAAc,QAAQ,uBAAiB;AACxE,SAAST,WAAWU,YAAY,QAAQ,wBAAkB;AAC1D,SAASV,WAAWW,gBAAgB,QAAQ,4BAAsB;AAClE,SAASX,WAAWY,MAAM,QAAQ,iBAAW;AAC7C,SAASZ,WAAWa,KAAK,QAAyB,gBAAU;AAC5D,SAASb,WAAWc,UAAU,QAAmC,sBAAgB;WAC1E;UAAKC,eAAe;IAAfA,gBACVC,aAAAA;GADUD,oBAAAA"}

package/esm/components/keep-alive/index.js

@@ -4,13 +4,9 @@ import KeepAlive, { useAliveController } from "react-activation";
 var KA = function(props) {
     var cacheKey = btoa(location.pathname), _useAliveController = useAliveController(), dropScope = _useAliveController.dropScope, getCachingNodes = _useAliveController.getCachingNodes;
     useEffect(function() {
-        if (props.clearAlive) {
-            getCachingNodes().forEach(function(item) {
-                if (item.name && cacheKey != item.name) {
-                    dropScope(item.name);
-                }
-            });
-        }
+        if (props.clearAlive) getCachingNodes().forEach(function(item) {
+            if (item.name && cacheKey != item.name) dropScope(item.name);
+        });
     }, [
         props.clearAlive
     ]);
@@ -26,4 +22,4 @@ var KA = function(props) {
 KA.defaultProps = {};
 export default KA;
 
- //# sourceMappingURL=index.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\keep-alive\index.js.map

package/esm/components/keep-alive/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[".\\src\\components\\keep-alive\\index.tsx"],"sourcesContent":["import { ReactNode, useEffect } from 'react';\r\nimport KeepAlive, { useAliveController } from 'react-activation';\r\n\r\nexport interface KeepAliveProps {\r\n  /**\r\n   * 在相同 location.pathname 通过传入id去区分\r\n   */\r\n  id?: string;\r\n  /**\r\n   * 是否需要清空其他keepalive缓存\r\n   */\r\n  clearAlive?: boolean;\r\n  /**\r\n   * 默认插槽\r\n   */\r\n  children: ReactNode;\r\n}\r\n\r\nconst KA: React.FunctionComponent<React.PropsWithChildren<KeepAliveProps>> = (props: KeepAliveProps) => {\r\n  const cacheKey = btoa(location.pathname),\r\n    { dropScope, getCachingNodes } = useAliveController();\r\n\r\n  useEffect(() => {\r\n    if (props.clearAlive) {\r\n      getCachingNodes().forEach(item => {\r\n        if (item.name && cacheKey != item.name) {\r\n          dropScope(item.name);\r\n        }\r\n      });\r\n    }\r\n  }, [props.clearAlive]);\r\n\r\n  return (<KeepAlive when autoFreeze={false} cacheKey={cacheKey} name={cacheKey} id={props.id}>\r\n    {props.children}\r\n  </KeepAlive>);\r\n}\r\n\r\nKA.defaultProps = {}\r\n\r\nexport default KA;\r\n"],"names":["useEffect","KeepAlive","useAliveController","KA","props","cacheKey","btoa","location","pathname","dropScope","getCachingNodes","clearAlive","forEach","item","name","when","autoFreeze","id","children","defaultProps"],"mappings":";AAAA,SAAoBA,SAAS,QAAQ,QAAQ;AAC7C,OAAOC,aAAaC,kBAAkB,QAAQ,mBAAmB;AAiBjE,IAAMC,KAAuE,SAACC,OAA0B;IACtG,IAAMC,WAAWC,KAAKC,SAASC,QAAQ,GACJN,sBAAAA,sBAA/BO,YAA+BP,oBAA/BO,WAAWC,kBAAoBR,oBAApBQ;IAEfV,UAAU,WAAM;QACd,IAAII,MAAMO,UAAU,EAAE;YACpBD,kBAAkBE,OAAO,CAACC,SAAAA,MAAQ;gBAChC,IAAIA,KAAKC,IAAI,IAAIT,YAAYQ,KAAKC,IAAI,EAAE;oBACtCL,UAAUI,KAAKC,IAAI;gBACrB,CAAC;YACH;QACF,CAAC;IACH,GAAG;QAACV,MAAMO,UAAU;KAAC;IAErB,qBAAQ,KAACV;QAAUc,IAAI;QAACC,YAAY,KAAK;QAAEX,UAAUA;QAAUS,MAAMT;QAAUY,IAAIb,MAAMa,EAAE;kBACxFb,MAAMc,QAAQ;;AAEnB;AAEAf,GAAGgB,YAAY,GAAG,CAAC;AAEnB,eAAehB,GAAG"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\keep-alive\\index.tsx"],"sourcesContent":["import { ReactNode, useEffect } from 'react';\r\nimport KeepAlive, { useAliveController } from 'react-activation';\r\n\r\nexport interface KeepAliveProps {\r\n  /**\r\n   * 在相同 location.pathname 通过传入id去区分\r\n   */\r\n  id?: string;\r\n  /**\r\n   * 是否需要清空其他keepalive缓存\r\n   */\r\n  clearAlive?: boolean;\r\n  /**\r\n   * 默认插槽\r\n   */\r\n  children: ReactNode;\r\n}\r\n\r\nconst KA: React.FunctionComponent<React.PropsWithChildren<KeepAliveProps>> = (props: KeepAliveProps) => {\r\n  const cacheKey = btoa(location.pathname),\r\n    { dropScope, getCachingNodes } = useAliveController();\r\n\r\n  useEffect(() => {\r\n    if (props.clearAlive) {\r\n      getCachingNodes().forEach(item => {\r\n        if (item.name && cacheKey != item.name) {\r\n          dropScope(item.name);\r\n        }\r\n      });\r\n    }\r\n  }, [props.clearAlive]);\r\n\r\n  return (<KeepAlive when autoFreeze={false} cacheKey={cacheKey} name={cacheKey} id={props.id}>\r\n    {props.children}\r\n  </KeepAlive>);\r\n}\r\n\r\nKA.defaultProps = {}\r\n\r\nexport default KA;\r\n"],"names":["useEffect","KeepAlive","useAliveController","KA","props","cacheKey","btoa","location","pathname","dropScope","getCachingNodes","clearAlive","forEach","item","name","when","autoFreeze","id","children","defaultProps"],"mappings":";AAAA,SAAoBA,SAAS,QAAQ,QAAQ;AAC7C,OAAOC,aAAaC,kBAAkB,QAAQ,mBAAmB;AAiBjE,IAAMC,KAAuE,SAACC,OAA0B;IACtG,IAAMC,WAAWC,KAAKC,SAASC,QAAQ,GACJN,sBAAAA,sBAA/BO,YAA+BP,oBAA/BO,WAAWC,kBAAoBR,oBAApBQ;IAEfV,UAAU,WAAM;QACd,IAAII,MAAMO,UAAU,EAClBD,kBAAkBE,OAAO,CAACC,SAAAA,MAAQ;YAChC,IAAIA,KAAKC,IAAI,IAAIT,YAAYQ,KAAKC,IAAI,EACpCL,UAAUI,KAAKC,IAAI;QAEvB;IAEJ,GAAG;QAACV,MAAMO,UAAU;KAAC;IAErB,qBAAQ,KAACV;QAAUc,IAAI;QAACC,YAAY,KAAK;QAAEX,UAAUA;QAAUS,MAAMT;QAAUY,IAAIb,MAAMa,EAAE;kBACxFb,MAAMc,QAAQ;;AAEnB;AAEAf,GAAGgB,YAAY,GAAG,CAAC;AAEnB,eAAehB,GAAG"}

package/esm/components/layout/index.d.ts

@@ -5,6 +5,7 @@ import { AvatarDropdownProps } from '../avatar-dropdown';
 import { ThemeSwitchProps } from '../theme-switch';
 import { ReactNode } from 'react';
 import { IconFontProps } from '@ant-design/icons/lib/components/IconFont';
+import { GatherMenuProps } from '../gather-menu';
 export interface LayoutProps {
     /**
      * 应用code
@@ -18,6 +19,10 @@ export interface LayoutProps {
      * 菜单启用iconfont
      */
     IconFont?: React.FC<IconFontProps<string>>;
+    /**
+     * 集成菜单
+     */
+    gatherMenuProps?: GatherMenuProps;
     /**
      * I18nDropdown组件对应的参数
      */

package/esm/components/layout/index.js

@@ -1,8 +1,8 @@
-import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+import _async_to_generator from "@swc/helpers/src/_async_to_generator.mjs";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.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, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
 import { ProLayout } from "@ant-design/pro-layout";
 import I18nDropdown from "../i18n-dropdown/index";
@@ -17,125 +17,150 @@ import { gql, query } from "@knockout-js/ice-urql/request";
 import { iceUrqlInstance } from "../index";
 import { OpenWin } from "../icons/index";
 import { logoBase64 } from "./logo";
+import GatherMenu from "../gather-menu/index";
+import { BarsOutlined } from "@ant-design/icons";
 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 _useState = _sliced_to_array(useState(LocaleType.zhCN), 2), locale = _useState[0], setLocale = _useState[1];
+    var _useState1 = _sliced_to_array(useState(false), 2), open = _useState1[0], setOpen = _useState1[1];
     // 根据列表格式化成菜单树结构
     var listFormatTree = useCallback(function(list, parentList) {
-        if (!parentList) {
-            parentList = list.filter(function(item) {
-                return item.parentId == "0";
-            });
-        }
+        if (!parentList) parentList = list.filter(function(item) {
+            return item.parentId == "0";
+        });
         parentList.forEach(function(pItem) {
             var children = list.filter(function(allItem) {
                 return allItem.parentId == pItem.key;
             });
-            if (children && children.length) {
-                pItem.children = listFormatTree(list, children);
-            }
+            if (children && children.length) pItem.children = listFormatTree(list, children);
         });
         return parentList;
     }, []);
-    return /*#__PURE__*/ _jsx(CollectProviders, {
+    var isGatherMenu = !!props.gatherMenuProps;
+    return /*#__PURE__*/ _jsxs(CollectProviders, {
         locale: locale,
         dark: props.themeSwitchProps.value,
         pathname: props.pathname,
-        children: /*#__PURE__*/ _jsx(ProLayout, _object_spread_props(_object_spread({
-            className: styles.layout,
-            title: "adminx",
-            logo: /*#__PURE__*/ _jsx("img", {
-                src: logoBase64,
-                alt: "logo"
-            }),
-            layout: "mix",
-            fixSiderbar: true,
-            menu: {
-                locale: true,
-                request: /*#__PURE__*/ _async_to_generator(function() {
-                    var _result_data, result, meunList;
-                    return _ts_generator(this, function(_state) {
-                        switch(_state.label){
-                            case 0:
-                                return [
-                                    4,
-                                    query(userMenuListQuery, {
-                                        appCode: props.appCode
-                                    }, {
-                                        instanceName: iceUrqlInstance.ucenter
-                                    })
-                                ];
-                            case 1:
-                                result = _state.sent();
-                                if ((_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userMenus.length) {
-                                    meunList = result.data.userMenus.map(function(item) {
-                                        return {
-                                            key: item.id,
-                                            name: item.name,
-                                            icon: item.icon ? props.IconFont ? /*#__PURE__*/ _jsx(props.IconFont, {
-                                                type: item.icon
-                                            }) : /*#__PURE__*/ _jsx("i", {
-                                                className: item.icon
-                                            }) : undefined,
-                                            parentId: item.parentID,
-                                            path: item.route
-                                        };
-                                    });
+        children: [
+            /*#__PURE__*/ _jsx(ProLayout, _object_spread_props(_object_spread({
+                className: styles.layout,
+                headerTitleRender: function(logo, title) {
+                    return /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            isGatherMenu ? /*#__PURE__*/ _jsx(BarsOutlined, {
+                                rev: undefined,
+                                style: {
+                                    fontSize: 20,
+                                    marginRight: 10
+                                },
+                                onClick: function() {
+                                    setOpen(true);
+                                }
+                            }) : /*#__PURE__*/ _jsx(_Fragment, {}),
+                            logo,
+                            title
+                        ]
+                    });
+                },
+                title: "adminx",
+                logo: /*#__PURE__*/ _jsx("img", {
+                    src: logoBase64,
+                    alt: "logo"
+                }),
+                layout: "mix",
+                fixSiderbar: true,
+                suppressSiderWhenMenuEmpty: true,
+                menu: isGatherMenu ? /*#__PURE__*/ _jsx(_Fragment, {}) : {
+                    locale: true,
+                    request: /*#__PURE__*/ _async_to_generator(function() {
+                        var _result_data, result, meunList;
+                        return _ts_generator(this, function(_state) {
+                            switch(_state.label){
+                                case 0:
+                                    return [
+                                        4,
+                                        query(userMenuListQuery, {
+                                            appCode: props.appCode
+                                        }, {
+                                            instanceName: iceUrqlInstance.ucenter
+                                        })
+                                    ];
+                                case 1:
+                                    result = _state.sent();
+                                    if ((_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userMenus.length) {
+                                        meunList = result.data.userMenus.map(function(item) {
+                                            return {
+                                                key: item.id,
+                                                name: item.name,
+                                                icon: item.icon ? props.IconFont ? /*#__PURE__*/ _jsx(props.IconFont, {
+                                                    type: item.icon
+                                                }) : /*#__PURE__*/ _jsx("i", {
+                                                    className: item.icon
+                                                }) : undefined,
+                                                parentId: item.parentID,
+                                                path: item.route
+                                            };
+                                        });
+                                        return [
+                                            2,
+                                            listFormatTree(meunList)
+                                        ];
+                                    }
                                     return [
                                         2,
-                                        listFormatTree(meunList)
+                                        []
                                     ];
-                                }
-                                return [
-                                    2,
-                                    []
-                                ];
-                        }
-                    });
-                })
-            },
-            location: {
-                pathname: props.pathname
-            },
-            actionsRender: function() {
-                return [
-                    /*#__PURE__*/ _jsx(I18nDropdown, {
-                        onChange: function(value) {
-                            var _props_i18nProps, _props_i18nProps_onChange;
-                            setLocale(value);
-                            (_props_i18nProps = props.i18nProps) === null || _props_i18nProps === void 0 ? void 0 : (_props_i18nProps_onChange = _props_i18nProps.onChange) === null || _props_i18nProps_onChange === void 0 ? void 0 : _props_i18nProps_onChange.call(_props_i18nProps, value);
-                        }
-                    }),
-                    /*#__PURE__*/ _jsx(TenantDropdown, _object_spread({}, props.tenantProps)),
-                    /*#__PURE__*/ _jsx(AvatarDropdown, _object_spread({}, props.avatarProps)),
-                    /*#__PURE__*/ _jsx(ThemeSwitch, _object_spread({}, props.themeSwitchProps))
-                ];
-            },
-            menuItemRender: function(item, defaultDom) {
-                return item.path ? /*#__PURE__*/ _jsxs(_Fragment, {
-                    children: [
-                        /*#__PURE__*/ _jsx("a", {
-                            onClick: function() {
-                                var _props_onClickMenuItem;
-                                (_props_onClickMenuItem = props.onClickMenuItem) === null || _props_onClickMenuItem === void 0 ? void 0 : _props_onClickMenuItem.call(props, item, false);
-                            },
-                            children: defaultDom
-                        }),
-                        /*#__PURE__*/ _jsx(OpenWin, {
-                            className: styles.menuIconPopup,
-                            onClick: function() {
-                                var _props_onClickMenuItem;
-                                (_props_onClickMenuItem = props.onClickMenuItem) === null || _props_onClickMenuItem === void 0 ? void 0 : _props_onClickMenuItem.call(props, item, true);
                             }
-                        })
-                    ]
-                }) : defaultDom;
-            }
-        }, props.proLayoutProps), {
-            children: props.children
-        }))
+                        });
+                    })
+                },
+                location: {
+                    pathname: props.pathname
+                },
+                actionsRender: function() {
+                    return [
+                        /*#__PURE__*/ _jsx(I18nDropdown, {
+                            onChange: function(value) {
+                                var _props_i18nProps, _props_i18nProps_onChange;
+                                setLocale(value);
+                                (_props_i18nProps = props.i18nProps) === null || _props_i18nProps === void 0 ? void 0 : (_props_i18nProps_onChange = _props_i18nProps.onChange) === null || _props_i18nProps_onChange === void 0 ? void 0 : _props_i18nProps_onChange.call(_props_i18nProps, value);
+                            }
+                        }),
+                        /*#__PURE__*/ _jsx(TenantDropdown, _object_spread({}, props.tenantProps)),
+                        /*#__PURE__*/ _jsx(AvatarDropdown, _object_spread({}, props.avatarProps)),
+                        /*#__PURE__*/ _jsx(ThemeSwitch, _object_spread({}, props.themeSwitchProps))
+                    ];
+                },
+                menuItemRender: function(item, defaultDom) {
+                    return item.path ? /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsx("a", {
+                                onClick: function() {
+                                    var _props_onClickMenuItem;
+                                    (_props_onClickMenuItem = props.onClickMenuItem) === null || _props_onClickMenuItem === void 0 ? void 0 : _props_onClickMenuItem.call(props, item, false);
+                                },
+                                children: defaultDom
+                            }),
+                            /*#__PURE__*/ _jsx(OpenWin, {
+                                className: styles.menuIconPopup,
+                                onClick: function() {
+                                    var _props_onClickMenuItem;
+                                    (_props_onClickMenuItem = props.onClickMenuItem) === null || _props_onClickMenuItem === void 0 ? void 0 : _props_onClickMenuItem.call(props, item, true);
+                                }
+                            })
+                        ]
+                    }) : defaultDom;
+                }
+            }, props.proLayoutProps), {
+                children: props.children
+            })),
+            /*#__PURE__*/ _jsx(GatherMenu, _object_spread_props(_object_spread({}, props.gatherMenuProps), {
+                open: open,
+                onChangeOpen: setOpen
+            }))
+        ]
     });
 };
 export default Layout;
 
- //# sourceMappingURL=index.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\layout\index.js.map