@maxelms/create-plugin-cli 1.1.0

package/templates/maxelms-navigation/src/App.tsx

@@ -0,0 +1,47 @@
+import React from 'react'
+import Logo from '@/components/Logo'
+import Menus from '@/components/Menus'
+import Cutie from '@/components/Cutie'
+import Search from '@/components/Search'
+import Actions from '@/components/Actions'
+import Enterprises from '@/components/Enterprises'
+import { prefixCls, MasterPropsContextProvider, gradientColors, trim } from '@/utils'
+import '@/style.less'
+
+const App = (props: any) => {
+	const { getEnterpriseList, userInfo } = props
+	const [enterpriseData, setEnterpriseData] = React.useState({})
+	const [layoutColor, setLayoutColor] = React.useState(userInfo?.menuStyleConfig?.layoutColor)
+
+	React.useEffect(() => {
+		if (!getEnterpriseList) return
+		getEnterpriseList().then((res: any) => {
+			setEnterpriseData(res)
+		})
+	}, [])
+
+	const background = React.useMemo(() => {
+		if ((trim(layoutColor)).includes('rgba(255,255,255,1)')) {
+			return gradientColors[7]
+		}
+		return layoutColor || gradientColors[7]
+	}, [layoutColor])
+
+	return (
+		<MasterPropsContextProvider value={props}>
+			<div className={prefixCls}>
+				<Cutie />
+				<header style={{ background }}>
+					<Logo enterpriseData={enterpriseData} />
+					<Enterprises enterpriseData={enterpriseData} />
+					<Menus />
+					<Search />
+					<Actions onLayoutColorChange={setLayoutColor} />
+				</header>
+				<div className={`${prefixCls}-main`}>{props.children}</div>
+			</div>
+		</MasterPropsContextProvider>
+	)
+}
+
+export default App

package/templates/maxelms-navigation/src/components/Actions/ColorPicker.tsx

@@ -0,0 +1,86 @@
+import React from 'react'
+import classnames from 'classnames'
+import { CloseOutlined } from '@ant-design/icons'
+import { prefixCls, gradientColors } from '@/utils'
+
+const ColorPicker: React.FC<{
+  visible: boolean;
+  layoutColor: string;
+  primaryColor: string;
+  onChange(primaryColor: string, layoutColor: string): void;
+  onCancel?(): void;
+  primaryColors: { id: string; name: string; value: string }[];
+}> = props => {
+  const rendered = React.useRef(false)
+  const timerRef = React.useRef<NodeJS.Timer>()
+  const { visible, layoutColor, primaryColor, onChange, onCancel = () => { }, primaryColors } = props
+  const [none, setNode] = React.useState(false)
+  React.useEffect(() => {
+    clearTimeout(timerRef.current)
+    if (visible) {
+      setNode(false)
+      rendered.current = true
+    }
+    if (!visible) {
+      timerRef.current = setTimeout(() => {
+        setNode(true)
+      }, 450)
+    }
+  }, [visible])
+
+  if (!visible && !rendered.current) return null
+  return (
+    <div
+      className={classnames(`${prefixCls}-color-picker`, {
+        none,
+        'fade-out-right': !visible
+      })}>
+      <div
+        style={{"backgroundImage": layoutColor }}
+        className="color-picker-body"
+      >
+        <CloseOutlined className='close-icon' onClick={onCancel} />
+        <div className='item-picker'>
+          <div className='tip'>皮肤个性化设置</div>
+          <div className='gradients-container'>
+            {gradientColors.map(color => {
+              const selected = layoutColor === color
+              return (
+                <div
+                  key={color}
+                  style={{ "background": color }}
+                  onClick={() => onChange(primaryColor, color)}
+                  className={classnames('gradients-item', {
+                    selected,
+                  })}
+                />
+              )
+            })}
+          </div>
+        </div>
+        <div className='item-picker'>
+          <div className='tip'>主题色个性化设置</div>
+          <div className='gradients-container'>
+            {primaryColors.map(item => {
+              const { id, name, value } = item
+              const selected = primaryColor === value
+              return (
+                <div
+                  key={id}
+                  title={name}
+                  style={{ "background": value }}
+                  onClick={() => onChange(value, layoutColor)}
+                  className={classnames('gradients-item', {
+                    selected,
+                  })}
+                />
+              )
+            })}
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default ColorPicker

package/templates/maxelms-navigation/src/components/Actions/SwitchApps.tsx

@@ -0,0 +1,83 @@
+
+import React from 'react'
+import corpIcon from '@/imgs/corp-admin.svg'
+import saasIcon from '@/imgs/saas-admin.svg'
+import tenantIcon from '@/imgs/tenant-admin.svg'
+import { MasterPropsContext } from '@/utils'
+
+// @ts-ignore
+const { appDomain, corpDomain, saasDomain, appAdminDomain } = window.domainNameConfig || {}
+
+const appInfoMap: Record<string, {
+  url: string;
+  icon: string;
+  title: string;
+}> = {
+  "-1": {
+    url: corpDomain,
+    icon: corpIcon,
+    title: "企业后台系统",
+  },
+  "0": {
+    url: appDomain,
+    icon: '',
+    title: "业务前台系统"
+  },
+  "1": {
+    url: saasDomain,
+    icon: saasIcon,
+    title: "SaaS 后台系统"
+  },
+  "2": {
+    url: appAdminDomain,
+    icon: tenantIcon,
+    title: "业务后台系统"
+  },
+}
+
+type App = {
+  id: string;
+  url: string;
+  icon: string;
+  title: string;
+}
+
+const SwitchApps: React.FC = props => {
+  const masterProps = React.useContext(MasterPropsContext)
+  const { userInfo } = masterProps || {}
+  const { permission, permissions = [] } = userInfo || {}
+
+  const apps: App[] = React.useMemo(() => {
+    return permissions
+    .filter((item: string) => item !== permission)
+    .map((item: string) => {
+      const { url, icon, title } = appInfoMap[item] || {}
+      return {
+        url,
+        icon,
+        title,
+        id: item,
+      }
+    })
+  }, [])
+
+  return (
+    <div style={{ "display": "flex" }}>
+      {apps.map(app => {
+        const { id, icon, title, url } = app
+        return (
+          <a href={`//${url}`} target="_blank">
+            <img
+              key={id}
+              src={icon}
+              title={title}
+              className='actions-icon'
+            />
+          </a>
+        )
+      })}
+    </div>
+  )
+}
+
+export default SwitchApps

package/templates/maxelms-navigation/src/components/Actions/index.tsx

@@ -0,0 +1,95 @@
+import React from 'react'
+import { useControllableValue } from 'ahooks'
+import skin from '@/imgs/skin.svg'
+import userCenter from '@/imgs/user-center.svg'
+import SwitchApps from './SwitchApps'
+import { prefixCls, MasterPropsContext } from '@/utils'
+import ColorPicker from './ColorPicker'
+
+// @ts-ignore
+const host = window?.domainNameConfig?.fileCdnDomain || ''
+
+const Actions: React.FC<{
+  onLayoutColorChange(color: string): void;
+}> = props => {
+  const { onLayoutColorChange } = props
+  const masterProps = React.useContext(MasterPropsContext)
+  const { userInfo, onColorChange: onColorChangeProp } = masterProps || {}
+  const { userHeadImageUrl, enterpriseName, username, menuStyleConfig } = userInfo || {}
+  const { themeColors: primaryColors } = menuStyleConfig || {}
+  const [colorVisible, setColorVisible] = React.useState(false)
+
+  const [color, setColor] = useControllableValue({
+    defaultValue: {
+      layoutColor: menuStyleConfig?.layoutColor,
+      primaryColor: menuStyleConfig?.primaryColor,
+    }
+  })
+
+  React.useEffect(() => {
+    window.addEventListener('keydown', e => {
+      if (e.keyCode === 27) {
+        setColorVisible(false)
+      }
+    })
+  }, [])
+
+  const onColorChange = (primaryColor: string, layoutColor: string) => {
+    setColor({
+      layoutColor, primaryColor
+    })
+    const themeColorId =  primaryColors.find((item: any) => item.value === primaryColor)?.id
+    onColorChangeProp({
+      layoutColor,
+      primaryColor,
+      themeColorId,
+    })
+    onLayoutColorChange(layoutColor)
+  }
+
+  const goUserCenter = () => {
+    if (masterProps?.goUserCenter) {
+      masterProps.goUserCenter()
+    }
+  }
+
+  const { layoutColor, primaryColor } = color || {}
+
+  return (
+    <div className={`${prefixCls}-actions`}>
+      <ColorPicker
+        visible={colorVisible}
+        onChange={onColorChange}
+        onCancel={() => setColorVisible(false)}
+        layoutColor={layoutColor}
+        primaryColor={primaryColor}
+        primaryColors={primaryColors}
+      />
+      <SwitchApps />
+      <img
+        src={skin}
+        title="色彩设置"
+        onClick={() => setColorVisible(!colorVisible)}
+        className='actions-icon'
+      />
+      <img
+        src={userCenter}
+        title="用户中心"
+        onClick={goUserCenter}
+        className='actions-icon'
+      />
+      <div className='user-info'>
+        <img
+          src={`//${host}/${userHeadImageUrl}`}
+          className='user-avatar'
+        />
+        <div className="user-mess">
+          <div className='username' title={username}>{username}</div>
+          <div className='enterprise-name' title={enterpriseName}>{enterpriseName}</div>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default Actions

package/templates/maxelms-navigation/src/components/Cutie.tsx

@@ -0,0 +1,24 @@
+import React from 'react'
+// @ts-ignore
+import { L2Dwidget } from 'live2d-widget'
+
+const Cutie = () => {
+
+  React.useEffect(() => {
+    L2Dwidget.init({
+
+    })
+
+    
+
+    console.log(L2Dwidget)
+
+    return () => {
+      console.log('卸载了')
+    }
+  }, [])
+
+  return null
+}
+
+export default Cutie

package/templates/maxelms-navigation/src/components/Enterprises.tsx

@@ -0,0 +1,46 @@
+import React from 'react'
+import { Dropdown, MenuProps, Menu } from 'antd'
+import { prefixCls, MasterPropsContext } from '@/utils'
+
+const Enterprises: React.FC<any> = props => {
+  const { enterpriseData } = props
+  const masterProps = React.useContext(MasterPropsContext)
+  const { userInfo, onEnterpriseChange } = masterProps || {}
+  const { enterpriseId, enterpriseName } = userInfo || {}
+  const { enterPriseRDTOList } = enterpriseData || {}
+
+  const toggleEnterprise: MenuProps["onClick"] = e => {
+    const enterpriseId = e.key
+    onEnterpriseChange && onEnterpriseChange(enterpriseId)
+  }
+
+  const overlay = React.useMemo(() => {
+    if (!enterPriseRDTOList) {
+      return <></>
+    }
+    return (
+      <Menu activeKey={enterpriseId} onClick={toggleEnterprise}>
+        {enterPriseRDTOList.map((item: any) => {
+          const { name, id } = item
+          return (
+            <Menu.Item key={id}>{name}</Menu.Item>
+          )
+        })}
+      </Menu>
+    )
+
+  }, [enterPriseRDTOList])
+
+  return (
+    <div className={`${prefixCls}-enterprises`}>
+      <Dropdown
+        overlay={overlay}
+        placement="bottom"
+      >
+        <div className='name'>{enterpriseName}</div>
+      </Dropdown>
+    </div>
+  )
+}
+
+export default Enterprises

package/templates/maxelms-navigation/src/components/Logo.tsx

@@ -0,0 +1,29 @@
+import React from 'react'
+import { MasterPropsContext, prefixCls } from '@/utils'
+
+const defaultLogo = ''
+
+const Logo: React.FC<any> = props => {
+  const { enterpriseData } = props
+  const masterProps = React.useContext(MasterPropsContext)
+  const { userInfo } = masterProps || {}
+  const { enterpriseId } = userInfo || {}
+  const { enterPriseRDTOList } = enterpriseData || {}
+
+  const logo = React.useMemo(() => {
+    if (!enterPriseRDTOList) return defaultLogo
+    const currentEnterprise = enterPriseRDTOList.find((item: any) => {
+      return item.id === enterpriseId
+    })
+    // return currentEnterprise?.bigLogo
+    return defaultLogo
+  }, [enterpriseId, enterPriseRDTOList])
+
+  return (
+    <div className={`${prefixCls}-logo`}>
+      <img src={logo!} />
+    </div>
+  )
+}
+
+export default Logo

package/templates/maxelms-navigation/src/components/Menus/MenuPanel.tsx

@@ -0,0 +1,55 @@
+import React from 'react'
+import { chunk } from 'lodash'
+import { MasterPropsContext, prefixCls, flatMenuTree } from '@/utils'
+import { MenuTree } from '@/interface'
+
+const MenuPanel: React.FC<{
+  treeData: MenuTree[];
+  afterClick?(): void;
+}> = props => {
+  const { treeData, afterClick } = props
+  const masterProps = React.useContext(MasterPropsContext)
+  const { goMenu: goMenuProp } = masterProps || {}
+
+  const menuRows = React.useMemo(() => {
+    const flattenMenus = flatMenuTree(treeData).filter(item => item.menuType !== 'catalogue')
+    const completionLength = flattenMenus.length - flattenMenus.length % 8
+    const arr = flattenMenus.concat(new Array(completionLength))
+    return chunk(arr, 8)
+  }, [treeData])
+
+  const goMenu = (menu: any) => {
+    goMenuProp(menu)
+    afterClick && afterClick()
+  }
+
+  return (
+    <div className={`${prefixCls}-menu-panel`}>
+      {menuRows.map(row => {
+        return (
+          <div>
+            {row.map(item => {
+              if (!item) return (
+                <div className="menu-item" />
+              )
+              const { name, menuId } = item
+              return (
+                <div className="menu-item" key={menuId}>
+                  <span
+                    title={name}
+                    onClick={() => goMenu(item)}
+                    className="menu-item-name"
+                  >
+                    {name}
+                  </span>
+                </div>
+              )
+            })}
+          </div>
+        )
+      })}
+    </div>
+  )
+}
+
+export default MenuPanel

package/templates/maxelms-navigation/src/components/Menus/index.tsx

@@ -0,0 +1,50 @@
+import React from 'react'
+import { MasterPropsContext, prefixCls } from '@/utils'
+import { MenuTree } from '@/interface'
+import MenuPanel from './MenuPanel'
+
+const Menus: React.FC<{
+
+}> = props => {
+  const masterProps = React.useContext(MasterPropsContext)
+  const { userMenus } = masterProps || {}
+
+  const [activeTenantId, setActiveTenantId] = React.useState<string>()
+  
+  const { menus = [], historyIds = [], quickMenus = [], selectedIds = [] } = userMenus || {}
+
+  const onMouseEnter = (tenantId: string) => {
+    setActiveTenantId(tenantId)
+  }
+
+  const onMouseLeave = () => {
+    setActiveTenantId('')
+  }
+
+  return (
+    <div className={`${prefixCls}-menus`}>
+      {menus.map((item: MenuTree) => {
+        const { tenantName, tenantId, menuTree } = item
+        const visible = activeTenantId === tenantId
+        return (
+          <div
+            key={tenantId}
+            className='tenant-name'
+            onMouseEnter={() => onMouseEnter(tenantId)}
+            onMouseLeave={onMouseLeave}
+          >
+            {tenantName}
+            {visible && (
+              <MenuPanel
+                treeData={menuTree}
+                afterClick={onMouseLeave}
+              />
+            )}
+          </div>
+        )
+      })}
+    </div>
+  )
+}
+
+export default Menus

package/templates/maxelms-navigation/src/components/Search.tsx

@@ -0,0 +1,77 @@
+import React from 'react'
+import { useDebounceFn } from 'ahooks'
+import { SearchOutlined } from '@ant-design/icons'
+import { MenuTree } from '@/interface'
+import { MasterPropsContext, prefixCls } from '@/utils'
+import MenuPanel from '@/components/Menus/MenuPanel'
+
+interface SearchValueProps extends MenuTree {
+  pathChain: string,
+}
+
+const Search: React.FC<{
+}> = props => {
+  const masterProps = React.useContext(MasterPropsContext)
+  const { userMenus } = masterProps  || {}
+  const inputRef = React.useRef<HTMLInputElement>(null)
+  const [searchList, setSearchList] = React.useState<SearchValueProps[]>([])
+ 
+  const focus = () => {
+    if (!inputRef.current) return
+    inputRef.current.focus()
+  }
+
+  const getTarget = (keywords: string, menuTree: MenuTree[], pathChain: string, result: SearchValueProps[]) => {
+    menuTree.forEach(item => {
+      const { children, name } = item
+      if (name.includes(keywords)) {
+        result.push({
+          ...item,
+          pathChain,
+          children: []
+        })
+      }
+      getTarget(keywords, children, `${pathChain} / ${name}`, result)
+    })
+  }
+
+  const onSearch = (value: string) => {
+    if (!value) {
+      setSearchList([])
+      return 
+    }
+    const result: SearchValueProps[] = []
+    userMenus.menus.forEach((item: any) => {
+      const { menuTree, tenantName } = item
+      getTarget(value, menuTree, tenantName, result)
+    })
+    setSearchList(result)
+  }
+
+  const { run } = useDebounceFn(onSearch, {
+    wait: 500
+  })
+
+  const visible = searchList.length > 0
+
+  return (
+    <div className={`${prefixCls}-search`}>
+      <input
+        ref={inputRef}
+        type="text"
+        onChange={e => run(e.target.value)}
+      />
+      <SearchOutlined
+        onClick={focus}
+        className="search-icon"
+      />
+      {visible && (
+        <MenuPanel
+          treeData={searchList}
+          afterClick={() => setSearchList([])}
+      />)}
+    </div>
+  )
+}
+
+export default Search

package/templates/maxelms-navigation/src/imgs/corp-admin.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1670483366500" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12143" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M514.454588 7.529412C234.209882 7.529412 6.219294 235.52 6.219294 515.764706S234.224941 1024 514.454588 1024s508.235294-227.990588 508.235294-508.235294S794.699294 7.529412 514.454588 7.529412zM249.750588 487.860706c0.888471-0.662588 89.268706-67.734588 135.710118-105.848471 12.363294-10.149647 32.662588-29.138824 54.302118-50.763294 40.658824-40.658824 77.402353-87.732706 77.763764-88.199529a14.531765 14.531765 0 0 1 22.91953 17.829647l-3.237647 4.096c24.636235 29.545412 29.605647 34.56 47.73647 52.555294l12.393412 12.318118c4.141176 4.141176 8.749176 8.839529 13.583059 13.733647 12.559059 12.769882 26.804706 27.256471 37.632 37.074823 49.227294 44.604235 119.401412 85.850353 120.094117 86.256941a14.531765 14.531765 0 0 1-14.652235 25.057883c-2.981647-1.746824-73.517176-43.203765-124.943059-89.810824-11.444706-10.375529-25.991529-25.163294-38.821647-38.234353-4.773647-4.848941-9.336471-9.487059-13.417412-13.568l-12.303058-12.242823c-17.618824-17.483294-23.386353-23.235765-46.034824-50.296471-14.848 17.648941-35.719529 41.472-58.172235 63.924706-10.691765 10.691765-37.571765 37.225412-56.410353 52.675765-46.863059 38.460235-135.68 105.863529-136.568471 106.541176a14.531765 14.531765 0 0 1-17.573647-23.100235zM769.837176 752.941176h-508.235294c-8.026353 0-14.516706-7.032471-14.516706-15.058823s6.490353-15.058824 14.516706-15.058824H391.529412V550.912c0-8.026353 7.032471-14.516706 15.058823-14.516706s15.058824 6.490353 15.058824 14.516706V722.823529h105.411765V420.231529c0-8.026353 7.032471-14.516706 15.058823-14.516705s15.058824 6.490353 15.058824 14.516705V527.058824h125.530353c8.026353 0 14.516706 7.032471 14.516705 15.058823s-6.490353 15.058824-14.516705 15.058824H557.176471v165.647058h212.660705c8.026353 0 14.516706 7.032471 14.516706 15.058824s-6.490353 15.058824-14.516706 15.058823z" p-id="12144" fill="#ffffff"></path></svg>

package/templates/maxelms-navigation/src/imgs/saas-admin.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1670483401352" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12820" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M64 768 64 256l448-256 448 256 0 512-448 256L64 768zM512 940.8l371.2-211.2L883.2 294.4 512 83.2 140.8 294.4l0 428.8L512 940.8z" p-id="12821" fill="#ffffff"></path><path d="M435.2 486.4 358.4 358.4 435.2 230.4 582.4 230.4 659.2 358.4 582.4 486.4Z" p-id="12822" fill="#ffffff"></path><path d="M281.6 748.8 211.2 614.4 281.6 486.4 435.2 486.4 512 614.4 435.2 748.8Z" p-id="12823" fill="#ffffff"></path><path d="M582.4 748.8 512 614.4 582.4 486.4 736 486.4 806.4 614.4 736 748.8Z" p-id="12824" fill="#ffffff"></path></svg>

package/templates/maxelms-navigation/src/imgs/skin.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1668786536313" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4374" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M916.0192 508.672L760.9856 401.408a64.83456 64.83456 0 0 1-27.9552-53.504l0.4608-188.5696c0.1536-53.76-61.44-84.3264-104.192-51.712L479.3344 221.952A64.76288 64.76288 0 0 1 419.84 231.9872L240.64 173.312c-51.0976-16.7424-99.1744 32.3584-81.408 83.0976l62.4128 177.92c7.0656 20.1216 3.7376 42.4448-8.8064 59.6992l-111.2064 152.2688c-31.6928 43.4176 0.1536 104.2944 53.8624 103.0656l188.5184-4.352c21.3504-0.512 41.5744 9.5232 54.0672 26.8288l110.4384 152.832c31.488 43.5712 99.2768 32.1024 114.688-19.3536l51.9168-173.2608 173.2096 161.8944a38.10816 38.10816 0 0 0 24.32 10.24c10.8032 0.512 21.76-3.584 29.696-12.0832a38.15424 38.15424 0 0 0-1.8432-54.016l-170.9056-159.744 169.4208-54.5792c51.1488-16.4864 61.2352-84.48 16.9984-115.0976zM382.6688 499.8144l-58.624 106.496a38.2208 38.2208 0 0 1-33.536 19.8144c-6.2464 0-12.544-1.536-18.3808-4.7616-18.4832-10.1888-25.2416-33.4336-15.0528-51.9168l54.784-99.5328-26.0608-87.1424c-6.0416-20.224 5.4272-41.5232 25.6512-47.5648 20.224-6.0416 41.5232 5.4272 47.5648 25.6512l28.3136 94.72c4.4544 14.6432 2.7648 30.7712-4.6592 44.2368z" fill="#ffffff" p-id="4375"></path><path d="M788.1216 420.1984l-27.136-18.7904a64.83456 64.83456 0 0 1-27.9552-53.504l0.4608-188.5696c0.1536-53.76-61.44-84.3264-104.192-51.712L479.3344 221.952A64.73728 64.73728 0 0 1 419.84 231.9872L240.64 173.312c-51.0976-16.7424-99.1744 32.3584-81.408 83.0976l62.4128 177.92c7.0656 20.1216 3.7376 42.4448-8.8064 59.6992l-111.2064 152.2688c-31.6928 43.4176 0.1536 104.2944 53.8624 103.0656l188.5184-4.352c21.3504-0.512 41.5744 9.5232 54.0672 26.8288l47.4112 65.6384c178.0736-66.6112 311.3472-224.8192 342.6304-417.28zM382.6688 499.8144l-58.624 106.496a38.2208 38.2208 0 0 1-33.536 19.8144c-6.2464 0-12.544-1.536-18.3808-4.7616-18.4832-10.1888-25.2416-33.4336-15.0528-51.9168l54.784-99.5328-26.0608-87.1424c-6.0416-20.224 5.4272-41.5232 25.6512-47.5648 20.224-6.0416 41.5232 5.4272 47.5648 25.6512l28.3136 94.72c4.4544 14.6432 2.7648 30.7712-4.6592 44.2368z" fill="#ffffff" p-id="4376"></path><path d="M101.632 646.2976c-7.68 10.5472-11.5712 22.0672-12.3904 33.536 6.7584 0.256 13.5168 0.512 20.3264 0.512 297.3184 0 538.368-241.0496 538.368-538.368 0-14.6944-0.768-29.2352-1.8944-43.6736-5.7856 2.2016-11.3664 5.2736-16.7424 9.3184L479.3344 221.952A64.73728 64.73728 0 0 1 419.84 231.9872L240.64 173.312c-51.0976-16.7424-99.1744 32.3584-81.408 83.0976l62.4128 177.92c7.0656 20.1216 3.7376 42.4448-8.8064 59.6992l-111.2064 152.2688z m155.4944-76.8512l54.784-99.5328-26.0608-87.1424c-6.0416-20.224 5.4272-41.5232 25.6512-47.5648 20.224-6.0416 41.5232 5.4272 47.5648 25.6512l28.3136 94.72c4.4032 14.6944 2.6624 30.8224-4.7104 44.2368l-58.624 106.496a38.2208 38.2208 0 0 1-33.536 19.8144c-6.2464 0-12.544-1.536-18.3808-4.7616a38.21056 38.21056 0 0 1-15.0016-51.9168z" fill="#ffffff" p-id="4377"></path><path d="M419.84 231.9872L240.64 173.312c-51.0976-16.7424-99.1744 32.3584-81.408 83.0976l60.9792 173.8752c23.552-12.1344 46.08-25.9584 67.4816-41.2672l-1.8432-6.2464c-6.0416-20.224 5.4272-41.5232 25.6512-47.5648 12.032-3.584 24.4736-0.9216 33.8432 6.0416 33.1776-31.6416 62.4128-67.3792 86.6816-106.5984-4.096-0.5632-8.192-1.3312-12.1856-2.6624z" fill="#ffffff" p-id="4378"></path></svg>

package/templates/maxelms-navigation/src/imgs/tenant-admin.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1670482266853" class="icon" viewBox="0 0 1164 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11074" xmlns:xlink="http://www.w3.org/1999/xlink" width="145.5" height="128"><path d="M1047.326501 0 116.366581 0c-64.006392 0-116.366581 52.367007-116.366581 116.366581l0 640.029831c0 64.006392 51.344214 126.642242 114.116436 139.195323l254.375464 50.873729c0 0-218.939092 77.575448-77.568629 77.575448l581.846541 0c141.390919 0-77.568629-77.575448-77.568629-77.575448l254.395919-50.873729c62.751766-12.553081 114.09598-75.18893 114.09598-139.195323L1163.693082 116.366581C1163.693082 52.367007 1111.326075 0 1047.326501 0zM1047.326501 750.580129 116.366581 750.580129 116.366581 104.734014l930.953102 0L1047.319683 750.580129z" p-id="11075" fill="#ffffff"></path></svg>

package/templates/maxelms-navigation/src/imgs/user-center.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1668787897363" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11103" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M788.8 288c0 153.6-123.2 276.8-276.8 276.8S235.2 441.6 235.2 288 358.4 12.8 512 12.8 788.8 134.4 788.8 288zM864 1012.8H136c-32 0-46.4-24-46.4-56 0-190.4 139.2-340.8 324.8-340.8h171.2c185.6 0 347.2 152 347.2 342.4v-3.2c1.6 32-36.8 56-68.8 57.6z" fill="#ffffff" p-id="11104"></path></svg>

package/templates/maxelms-navigation/src/index.tsx

@@ -0,0 +1,14 @@
+
+import React from 'react'
+import ReactDOM from 'react-dom'
+import App from './App'
+
+const dev = process.env.NODE_ENV !== 'production';
+const debug = process.env.debugger == 'true';
+const isProduction = process.env.NODE_ENV == 'production';
+
+if (dev && !debug && !isProduction) {
+  ReactDOM.render(<App />, document.querySelector('#root'))
+}
+
+export default App

package/templates/maxelms-navigation/src/interface.ts

@@ -0,0 +1,27 @@
+
+export interface MenuDataProps {
+  menus: Array<MenuProps>;
+  historyIds: string[];
+  quickMenus: Array<{
+    menuRelationId: string;
+    standardCollectionId: string;
+  }>;
+  selectedIds: string[];
+}
+
+export interface MenuTree {
+  name: string;
+  menuType: string;
+  parentMenuId: string;
+  pid: string;
+  children: Array<MenuTree>;
+  [key: string]: any;
+}
+
+export interface MenuProps {
+  companyId: string;
+  companyName: string;
+  menuTree: Array<MenuTree>;
+  tenantId: string;
+  tenantName: string;
+}