@knockout-js/layout 0.1.3 → 0.1.5-beta.0

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

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

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

@@ -163,10 +163,10 @@
 
 /* 黑色主题处理 */
 .aggregateMenuDark {
-  color: #ffffffcc;
+  color: #1c1121;
 }
 
-.aggregateMenuDark .aggregateMenuDrawerAllInput {
+/* .aggregateMenuDark .aggregateMenuDrawerAllInput {
   border-bottom: 1px solid #ffffff40;
 }
 
@@ -177,4 +177,4 @@
 
 .aggregateMenuDark .aggregateMenuDrawerMenuItem:hover {
   background-color: #ffffff40;
-}
+} */

package/esm/components/upload-file/index.d.ts

@@ -5,6 +5,8 @@ export type UploadFileLocale = {
     clickOrDragUpload: string;
     supportExtension: string;
     errSupportExtension: string;
+    errorUpload: string;
+    errorDel: string;
     fileUpload: string;
     tempViewer: string;
     tempDown: string;
@@ -15,23 +17,15 @@ export interface UploadFileProps<T> {
      */
     bucket?: string;
     /**
-     * 应用code
+     * endpoint
      */
-    appCode?: string;
+    endpoint?: string;
     /**
-     * tenantId
+     * 目录格式  xxx/xx
      */
-    tenantId?: string;
+    directory: string;
     /**
-     * 目录格式  xxx/ss
-     */
-    directory?: string;
-    /**
-     * 强制使用目录当前缀
-     */
-    forceDirectory?: boolean;
-    /**
-     * 限制文件大小
+     * 限制文件大小 默认5M
      */
     maxSize?: number;
     /**
@@ -39,19 +33,13 @@ export interface UploadFileProps<T> {
      */
     accept?: string;
     /**
-     * 文件 id
+     * 使用url
      */
     value?: T;
     /**
-     * 返回文件id
+     * 返回存储数据库的url
      * @param value
      * @returns
      */
     onChange?: (value?: T) => void;
-    /**
-     * 返回文件path
-     * @param path
-     * @returns
-     */
-    onChangePath?: (path?: T) => void;
 }

package/esm/components/upload-file/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[".\\src\\components\\upload-file\\index.ts"],"sourcesContent":["export type UploadFileLocale = {\r\n  // 文件大小必须小于：\r\n  fileSizeTip: string;\r\n  del: string;\r\n  confirmDel: string;\r\n  // 点击或拖拽文件上传\r\n  clickOrDragUpload: string;\r\n  // 支持扩展名\r\n  supportExtension: string;\r\n  errSupportExtension: string;\r\n  fileUpload: string;\r\n  tempViewer: string;\r\n  tempDown: string;\r\n}\r\n\r\nexport interface UploadFileProps<T> {\r\n  /**\r\n   * bucket\r\n   */\r\n  bucket?: string;\r\n  /**\r\n   * 应用code\r\n   */\r\n  appCode?: string;\r\n  /**\r\n   * tenantId\r\n   */\r\n  tenantId?: string;\r\n  /**\r\n   * 目录格式  xxx/ss\r\n   */\r\n  directory?: string;\r\n  /**\r\n   * 强制使用目录当前缀\r\n   */\r\n  forceDirectory?: boolean;\r\n  /**\r\n   * 限制文件大小\r\n   */\r\n  maxSize?: number;\r\n  /**\r\n   * 限制弹框选择\r\n   */\r\n  accept?: string;\r\n  /**\r\n   * 文件 id\r\n   */\r\n  value?: T;\r\n  /**\r\n   * 返回文件id\r\n   * @param value\r\n   * @returns\r\n   */\r\n  onChange?: (value?: T) => void;\r\n  /**\r\n   * 返回文件path\r\n   * @param path\r\n   * @returns\r\n   */\r\n  onChangePath?: (path?: T) => void;\r\n}\r\n"],"names":[],"mappings":"AAAA,WA4DC"}
+{"version":3,"sources":[".\\src\\components\\upload-file\\index.ts"],"sourcesContent":["export type UploadFileLocale = {\r\n  // 文件大小必须小于：\r\n  fileSizeTip: string;\r\n  del: string;\r\n  confirmDel: string;\r\n  // 点击或拖拽文件上传\r\n  clickOrDragUpload: string;\r\n  // 支持扩展名\r\n  supportExtension: string;\r\n  errSupportExtension: string;\r\n  errorUpload: string;\r\n  errorDel: string;\r\n  fileUpload: string;\r\n  tempViewer: string;\r\n  tempDown: string;\r\n}\r\n\r\nexport interface UploadFileProps<T> {\r\n  /**\r\n   * bucket\r\n   */\r\n  bucket?: string;\r\n  /**\r\n   * endpoint\r\n   */\r\n  endpoint?: string;\r\n  /**\r\n   * 目录格式  xxx/xx\r\n   */\r\n  directory: string;\r\n  /**\r\n   * 限制文件大小 默认5M\r\n   */\r\n  maxSize?: number;\r\n  /**\r\n   * 限制弹框选择\r\n   */\r\n  accept?: string;\r\n  /**\r\n   * 使用url\r\n   */\r\n  value?: T;\r\n  /**\r\n   * 返回存储数据库的url\r\n   * @param value\r\n   * @returns\r\n   */\r\n  onChange?: (value?: T) => void;\r\n\r\n}\r\n"],"names":[],"mappings":"AAAA,WAiDC"}

package/esm/components/upload-file/locale/en_US.js

@@ -7,7 +7,9 @@ var locale = {
     errSupportExtension: "Only the extension name is supported",
     fileUpload: "File upload",
     tempViewer: "Template preview",
-    tempDown: "Template download"
+    tempDown: "Template download",
+    errorUpload: "If the upload is abnormal, contact the administrator",
+    errorDel: "If the deletion is abnormal, contact the administrator"
 };
 export default locale;
 

package/esm/components/upload-file/locale/en_US.js.map

@@ -1 +1 @@
-{"version":3,"sources":[".\\src\\components\\upload-file\\locale\\en_US.ts"],"sourcesContent":["import { UploadFileLocale } from \"../index\";\r\n\r\nconst locale: UploadFileLocale = {\r\n  fileSizeTip: \"The file size cannot be less than\",\r\n  del: \"delete\",\r\n  confirmDel: \"Confirm deletion\",\r\n  clickOrDragUpload: \"Click or drag the file to upload\",\r\n  supportExtension: \"Support extension\",\r\n  errSupportExtension: \"Only the extension name is supported\",\r\n  fileUpload: \"File upload\",\r\n  tempViewer: \"Template preview\",\r\n  tempDown: \"Template download\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","fileSizeTip","del","confirmDel","clickOrDragUpload","supportExtension","errSupportExtension","fileUpload","tempViewer","tempDown"],"mappings":"AAEA,IAAMA,SAA2B;IAC/BC,aAAa;IACbC,KAAK;IACLC,YAAY;IACZC,mBAAmB;IACnBC,kBAAkB;IAClBC,qBAAqB;IACrBC,YAAY;IACZC,YAAY;IACZC,UAAU;AACZ;AAEA,eAAeT,OAAM"}
+{"version":3,"sources":[".\\src\\components\\upload-file\\locale\\en_US.ts"],"sourcesContent":["import { UploadFileLocale } from \"../index\";\r\n\r\nconst locale: UploadFileLocale = {\r\n  fileSizeTip: \"The file size cannot be less than\",\r\n  del: \"delete\",\r\n  confirmDel: \"Confirm deletion\",\r\n  clickOrDragUpload: \"Click or drag the file to upload\",\r\n  supportExtension: \"Support extension\",\r\n  errSupportExtension: \"Only the extension name is supported\",\r\n  fileUpload: \"File upload\",\r\n  tempViewer: \"Template preview\",\r\n  tempDown: \"Template download\",\r\n  errorUpload: 'If the upload is abnormal, contact the administrator',\r\n  errorDel: 'If the deletion is abnormal, contact the administrator',\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","fileSizeTip","del","confirmDel","clickOrDragUpload","supportExtension","errSupportExtension","fileUpload","tempViewer","tempDown","errorUpload","errorDel"],"mappings":"AAEA,IAAMA,SAA2B;IAC/BC,aAAa;IACbC,KAAK;IACLC,YAAY;IACZC,mBAAmB;IACnBC,kBAAkB;IAClBC,qBAAqB;IACrBC,YAAY;IACZC,YAAY;IACZC,UAAU;IACVC,aAAa;IACbC,UAAU;AACZ;AAEA,eAAeX,OAAM"}

package/esm/components/upload-file/locale/zh_CN.js

@@ -7,7 +7,9 @@ var locale = {
     errSupportExtension: "只支持扩展名",
     fileUpload: "文件上传",
     tempViewer: "模板预览",
-    tempDown: "模板下载"
+    tempDown: "模板下载",
+    errorUpload: "上传异常，请联系管理员",
+    errorDel: "删除异常，请联系管理员"
 };
 export default locale;
 

package/esm/components/upload-file/locale/zh_CN.js.map

@@ -1 +1 @@
-{"version":3,"sources":[".\\src\\components\\upload-file\\locale\\zh_CN.ts"],"sourcesContent":["import { UploadFileLocale } from \"../index\";\r\n\r\nconst locale: UploadFileLocale = {\r\n  fileSizeTip: \"文件大小不能小于\",\r\n  del: \"删除\",\r\n  confirmDel: \"确认删除\",\r\n  clickOrDragUpload: \"点击或拖拽文件上传\",\r\n  supportExtension: \"支持扩展名\",\r\n  errSupportExtension: \"只支持扩展名\",\r\n  fileUpload: \"文件上传\",\r\n  tempViewer: \"模板预览\",\r\n  tempDown: \"模板下载\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","fileSizeTip","del","confirmDel","clickOrDragUpload","supportExtension","errSupportExtension","fileUpload","tempViewer","tempDown"],"mappings":"AAEA,IAAMA,SAA2B;IAC/BC,aAAa;IACbC,KAAK;IACLC,YAAY;IACZC,mBAAmB;IACnBC,kBAAkB;IAClBC,qBAAqB;IACrBC,YAAY;IACZC,YAAY;IACZC,UAAU;AACZ;AAEA,eAAeT,OAAM"}
+{"version":3,"sources":[".\\src\\components\\upload-file\\locale\\zh_CN.ts"],"sourcesContent":["import { UploadFileLocale } from \"../index\";\r\n\r\nconst locale: UploadFileLocale = {\r\n  fileSizeTip: \"文件大小不能小于\",\r\n  del: \"删除\",\r\n  confirmDel: \"确认删除\",\r\n  clickOrDragUpload: \"点击或拖拽文件上传\",\r\n  supportExtension: \"支持扩展名\",\r\n  errSupportExtension: \"只支持扩展名\",\r\n  fileUpload: \"文件上传\",\r\n  tempViewer: \"模板预览\",\r\n  tempDown: \"模板下载\",\r\n  errorUpload: '上传异常，请联系管理员',\r\n  errorDel: '删除异常，请联系管理员',\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","fileSizeTip","del","confirmDel","clickOrDragUpload","supportExtension","errSupportExtension","fileUpload","tempViewer","tempDown","errorUpload","errorDel"],"mappings":"AAEA,IAAMA,SAA2B;IAC/BC,aAAa;IACbC,KAAK;IACLC,YAAY;IACZC,mBAAmB;IACnBC,kBAAkB;IAClBC,qBAAqB;IACrBC,YAAY;IACZC,YAAY;IACZC,UAAU;IACVC,aAAa;IACbC,UAAU;AACZ;AAEA,eAAeX,OAAM"}

package/esm/components/upload-file/uploadAvatar.d.ts

@@ -1,3 +1,3 @@
-import { UploadFileProps } from ".";
+import { UploadFileProps } from "./index";
 declare const _default: (props: UploadFileProps<string>) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/esm/components/upload-file/uploadAvatar.js

@@ -5,119 +5,38 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runt
 import { PlusOutlined } from "@ant-design/icons";
 import { Spin, Upload, message } from "antd";
 import { useEffect, useState } from "react";
-import { useAppCode, useTenantId } from "../provider/index";
 import { useLocale } from "../locale/index";
-import { formatFileSize, randomId } from "../_util/index";
-import { getFilesRaw, updateFiles } from "@knockout-js/api";
+import { formatFileSize } from "../_util/index";
+import { parseStorageUrl, getStorageUrl, uploadFile, getFileUrl } from "@knockout-js/api";
 export default function(props) {
-    var _props_bucket, _props_appCode, _props_tenantId;
-    var bucket = (_props_bucket = props.bucket) !== null && _props_bucket !== void 0 ? _props_bucket : "local", appCode = (_props_appCode = props.appCode) !== null && _props_appCode !== void 0 ? _props_appCode : useAppCode(), tenantId = (_props_tenantId = props.tenantId) !== null && _props_tenantId !== void 0 ? _props_tenantId : useTenantId(), locale = useLocale("UploadFile"), _message_useMessage = _sliced_to_array(message.useMessage(), 1), messageApi = _message_useMessage[0], _useState = _sliced_to_array(useState(false), 2), loading = _useState[0], setLoading = _useState[1], _useState1 = _sliced_to_array(useState(), 2), imgsrc = _useState1[0], setImgsrc = _useState1[1];
-    var getUploadKey = function(file) {
-        var suffix = file.name.split(".").pop(), keys = [];
-        if (props.forceDirectory && props.directory) {
-            keys.push(props.directory);
-        } else {
-            if (appCode) {
-                keys.push(appCode);
-            }
-            if (tenantId) {
-                keys.push(tenantId);
-            }
-            if (props.directory) {
-                keys.push(props.directory);
-            }
-        }
-        keys.push("".concat(randomId(16), ".").concat(suffix));
-        return "/".concat(keys.join("/")).replace("//", "/");
-    }, updateFile = function() {
-        var _ref = _async_to_generator(function(file) {
-            var key, result, _props_onChange, _props_onChangePath, error;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        key = getUploadKey(file);
-                        setLoading(true);
-                        if (!(bucket === "local")) return [
-                            3,
-                            4
-                        ];
-                        _state.label = 1;
-                    case 1:
-                        _state.trys.push([
-                            1,
-                            3,
-                            ,
-                            4
-                        ]);
-                        return [
-                            4,
-                            updateFiles({
-                                key: key,
-                                bucket: bucket,
-                                file: file
-                            })
-                        ];
-                    case 2:
-                        result = _state.sent();
-                        if (result) {
-                            ;
-                            (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, result);
-                            (_props_onChangePath = props.onChangePath) === null || _props_onChangePath === void 0 ? void 0 : _props_onChangePath.call(props, key);
-                        }
-                        return [
-                            3,
-                            4
-                        ];
-                    case 3:
-                        error = _state.sent();
-                        return [
-                            3,
-                            4
-                        ];
-                    case 4:
-                        setLoading(false);
-                        return [
-                            2
-                        ];
-                }
-            });
-        });
-        return function updateFile(file) {
-            return _ref.apply(this, arguments);
-        };
-    }(), getValueFile = function() {
+    var locale = useLocale("UploadFile"), _message_useMessage = _sliced_to_array(message.useMessage(), 1), messageApi = _message_useMessage[0], _useState = _sliced_to_array(useState(false), 2), loading = _useState[0], setLoading = _useState[1], _useState1 = _sliced_to_array(useState(), 2), imgsrc = _useState1[0], setImgsrc = _useState1[1];
+    var getValueFile = function() {
         var _ref = _async_to_generator(function() {
             var result;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
                         if (!props.value) return [
-                            3,
-                            3
-                        ];
-                        if (!(bucket === "local")) return [
                             3,
                             2
                         ];
                         return [
                             4,
-                            getFilesRaw(props.value, "url")
+                            parseStorageUrl(props.value, undefined, undefined, props.endpoint, props.bucket)
                         ];
                     case 1:
                         result = _state.sent();
-                        if (typeof result === "string") {
+                        if (result) {
                             setImgsrc(result);
                         }
-                        _state.label = 2;
-                    case 2:
                         return [
                             3,
-                            4
+                            3
                         ];
-                    case 3:
+                    case 2:
                         setImgsrc(undefined);
-                        _state.label = 4;
-                    case 4:
+                        _state.label = 3;
+                    case 3:
                         return [
                             2
                         ];
@@ -145,7 +64,7 @@ export default function(props) {
                 showUploadList: false,
                 beforeUpload: function() {
                     var _ref = _async_to_generator(function(file) {
-                        var maxSize;
+                        var maxSize, result, _props_onChange, storageUrl, url;
                         return _ts_generator(this, function(_state) {
                             switch(_state.label){
                                 case 0:
@@ -157,12 +76,40 @@ export default function(props) {
                                             false
                                         ];
                                     }
+                                    setLoading(true);
                                     return [
                                         4,
-                                        updateFile(file)
+                                        uploadFile(file, props.directory, props.endpoint, props.bucket)
                                     ];
                                 case 1:
-                                    _state.sent();
+                                    result = _state.sent();
+                                    if (!(result === null || result === void 0 ? void 0 : result.path)) return [
+                                        3,
+                                        4
+                                    ];
+                                    return [
+                                        4,
+                                        getStorageUrl(result.path, props.endpoint, props.bucket)
+                                    ];
+                                case 2:
+                                    storageUrl = _state.sent();
+                                    return [
+                                        4,
+                                        getFileUrl(result.path, undefined, undefined, props.endpoint, props.bucket)
+                                    ];
+                                case 3:
+                                    url = _state.sent();
+                                    (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, storageUrl);
+                                    setImgsrc(url);
+                                    return [
+                                        3,
+                                        5
+                                    ];
+                                case 4:
+                                    messageApi.error(locale.errorUpload);
+                                    _state.label = 5;
+                                case 5:
+                                    setLoading(false);
                                     return [
                                         2,
                                         false

package/esm/components/upload-file/uploadAvatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":[".\\src\\components\\upload-file\\uploadAvatar.tsx"],"sourcesContent":["import { PlusOutlined } from \"@ant-design/icons\";\r\nimport { Spin, Upload, message } from \"antd\"\r\nimport { RcFile } from \"antd/es/upload\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { useAppCode, useTenantId } from \"../provider\";\r\nimport { UploadFileProps } from \".\";\r\nimport { useLocale } from \"../locale\";\r\nimport { formatFileSize, randomId } from \"../_util\";\r\nimport { getFilesRaw, updateFiles } from \"@knockout-js/api\";\r\n\r\nexport default (props: UploadFileProps<string>) => {\r\n  const\r\n    bucket = props.bucket ?? 'local',\r\n    appCode = props.appCode ?? useAppCode(),\r\n    tenantId = props.tenantId ?? useTenantId(),\r\n    locale = useLocale(\"UploadFile\"),\r\n    [messageApi] = message.useMessage(),\r\n    [loading, setLoading] = useState(false),\r\n    [imgsrc, setImgsrc] = useState<string>();\r\n\r\n  const\r\n    getUploadKey = (file: RcFile) => {\r\n      const suffix = file.name.split('.').pop(),\r\n        keys: string[] = [];\r\n      if (props.forceDirectory && props.directory) {\r\n        keys.push(props.directory)\r\n      } else {\r\n        if (appCode) {\r\n          keys.push(appCode)\r\n        }\r\n        if (tenantId) {\r\n          keys.push(tenantId)\r\n        }\r\n        if (props.directory) {\r\n          keys.push(props.directory)\r\n        }\r\n      }\r\n      keys.push(`${randomId(16)}.${suffix}`);\r\n      return `/${keys.join('/')}`.replace('//', '/');\r\n    },\r\n    updateFile = async (file: RcFile) => {\r\n      const key = getUploadKey(file);\r\n      setLoading(true);\r\n      if (bucket === 'local') {\r\n        try {\r\n          const result = await updateFiles({\r\n            key,\r\n            bucket,\r\n            file,\r\n          })\r\n          if (result) {\r\n            props.onChange?.(result)\r\n            props.onChangePath?.(key);\r\n          }\r\n        } catch (error) {\r\n\r\n        }\r\n      }\r\n      setLoading(false)\r\n    },\r\n    getValueFile = async () => {\r\n      if (props.value) {\r\n        if (bucket === 'local') {\r\n          const result = await getFilesRaw(props.value, 'url');\r\n          if (typeof result === 'string') {\r\n            setImgsrc(result)\r\n          }\r\n        }\r\n      } else {\r\n        setImgsrc(undefined)\r\n      }\r\n    }\r\n\r\n  useEffect(() => {\r\n    getValueFile()\r\n  }, [props.value])\r\n\r\n  return <div style={{ display: \"inline-block\" }}>\r\n    <Spin spinning={loading} >\r\n      <Upload\r\n        accept={props.accept}\r\n        listType=\"picture-card\"\r\n        showUploadList={false}\r\n        beforeUpload={async (file) => {\r\n          const maxSize = props.maxSize || (1024 * 1024 * 5);\r\n\r\n          if (file.size > maxSize) {\r\n            messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n            return false;\r\n          }\r\n\r\n          await updateFile(file);\r\n          return false;\r\n        }}\r\n      >\r\n        {\r\n          imgsrc ? <img\r\n            src={imgsrc} alt=\"avatar\" style={{ width: '100%' }}\r\n          /> : <>\r\n            <PlusOutlined rev={undefined} />\r\n            <div style={{ marginTop: 8 }}></div>\r\n          </>\r\n        }\r\n      </Upload>\r\n    </Spin>\r\n  </div>\r\n}\r\n"],"names":["PlusOutlined","Spin","Upload","message","useEffect","useState","useAppCode","useTenantId","useLocale","formatFileSize","randomId","getFilesRaw","updateFiles","props","bucket","appCode","tenantId","locale","useMessage","messageApi","loading","setLoading","imgsrc","setImgsrc","getUploadKey","file","suffix","name","split","pop","keys","forceDirectory","directory","push","join","replace","updateFile","key","result","error","onChange","onChangePath","getValueFile","value","undefined","div","style","display","spinning","accept","listType","showUploadList","beforeUpload","maxSize","size","fileSizeTip","img","src","alt","width","rev","marginTop"],"mappings":"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"}
+{"version":3,"sources":[".\\src\\components\\upload-file\\uploadAvatar.tsx"],"sourcesContent":["import { PlusOutlined } from \"@ant-design/icons\";\r\nimport { Spin, Upload, message } from \"antd\"\r\nimport { useEffect, useState } from \"react\";\r\nimport { UploadFileProps } from \"./index\";\r\nimport { useLocale } from \"../locale\";\r\nimport { formatFileSize } from \"../_util\";\r\nimport { parseStorageUrl, getStorageUrl, uploadFile, getFileUrl } from \"@knockout-js/api\";\r\n\r\nexport default (props: UploadFileProps<string>) => {\r\n  const locale = useLocale(\"UploadFile\"),\r\n    [messageApi] = message.useMessage(),\r\n    [loading, setLoading] = useState(false),\r\n    [imgsrc, setImgsrc] = useState<string>();\r\n\r\n  const getValueFile = async () => {\r\n    if (props.value) {\r\n      const result = await parseStorageUrl(props.value, undefined, undefined, props.endpoint, props.bucket);\r\n      if (result) {\r\n        setImgsrc(result)\r\n      }\r\n    } else {\r\n      setImgsrc(undefined)\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    getValueFile()\r\n  }, [props.value])\r\n\r\n  return <div style={{ display: \"inline-block\" }}>\r\n    <Spin spinning={loading} >\r\n      <Upload\r\n        accept={props.accept}\r\n        listType=\"picture-card\"\r\n        showUploadList={false}\r\n        beforeUpload={async (file) => {\r\n          const maxSize = props.maxSize || (1024 * 1024 * 5);\r\n\r\n          if (file.size > maxSize) {\r\n            messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n            return false;\r\n          }\r\n          setLoading(true);\r\n          const result = await uploadFile(file, props.directory, props.endpoint, props.bucket);\r\n\r\n          if (result?.path) {\r\n            const storageUrl = await getStorageUrl(result.path, props.endpoint, props.bucket);\r\n            const url = await getFileUrl(result.path, undefined, undefined, props.endpoint, props.bucket)\r\n            props.onChange?.(storageUrl);\r\n            setImgsrc(url)\r\n          } else {\r\n            messageApi.error(locale.errorUpload);\r\n          }\r\n          setLoading(false)\r\n          return false;\r\n        }}\r\n      >\r\n        {\r\n          imgsrc ? <img\r\n            src={imgsrc} alt=\"avatar\" style={{ width: '100%' }}\r\n          /> : <>\r\n            <PlusOutlined rev={undefined} />\r\n            <div style={{ marginTop: 8 }}></div>\r\n          </>\r\n        }\r\n      </Upload>\r\n    </Spin>\r\n  </div>\r\n}\r\n"],"names":["PlusOutlined","Spin","Upload","message","useEffect","useState","useLocale","formatFileSize","parseStorageUrl","getStorageUrl","uploadFile","getFileUrl","props","locale","useMessage","messageApi","loading","setLoading","imgsrc","setImgsrc","getValueFile","result","value","undefined","endpoint","bucket","div","style","display","spinning","accept","listType","showUploadList","beforeUpload","file","maxSize","storageUrl","url","size","error","fileSizeTip","directory","path","onChange","errorUpload","img","src","alt","width","rev","marginTop"],"mappings":";;;;AAAA,SAASA,YAAY,QAAQ,oBAAoB;AACjD,SAASC,IAAI,EAAEC,MAAM,EAAEC,OAAO,QAAQ,OAAM;AAC5C,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAE5C,SAASC,SAAS,QAAQ,kBAAY;AACtC,SAASC,cAAc,QAAQ,iBAAW;AAC1C,SAASC,eAAe,EAAEC,aAAa,EAAEC,UAAU,EAAEC,UAAU,QAAQ,mBAAmB;AAE1F,eAAe,SAACC,OAAmC;IACjD,IAAMC,SAASP,UAAU,eACRH,uCAAAA,QAAQW,UAAU,QAAhCC,aAAcZ,wBACSE,6BAAAA,SAAS,KAAK,OAArCW,UAAuBX,cAAdY,aAAcZ,cACFA,8BAAAA,gBAArBa,SAAqBb,eAAbc,YAAad;IAExB,IAAMe;mBAAe,oBAAA,WAAY;gBAEvBC;;;;6BADJT,MAAMU,KAAK,EAAXV;;;;wBACa;;4BAAMJ,gBAAgBI,MAAMU,KAAK,EAAEC,WAAWA,WAAWX,MAAMY,QAAQ,EAAEZ,MAAMa,MAAM;;;wBAA9FJ,SAAS;wBACf,IAAIA,QAAQ;4BACVF,UAAUE;wBACZ,CAAC;;;;;;wBAEDF,UAAUI;;;;;;;;QAEd;wBATMH;;;;IAWNhB,UAAU,WAAM;QACdgB;IACF,GAAG;QAACR,MAAMU,KAAK;KAAC;IAEhB,qBAAO,KAACI;QAAIC,OAAO;YAAEC,SAAS;QAAe;kBAC3C,cAAA,KAAC3B;YAAK4B,UAAUb;sBACd,cAAA,KAACd;gBACC4B,QAAQlB,MAAMkB,MAAM;gBACpBC,UAAS;gBACTC,gBAAgB,KAAK;gBACrBC,YAAY;+BAAE,oBAAA,SAAOC,MAAS;4BACtBC,SAOAd,QAKJT,iBAFMwB,YACAC;;;;oCAXFF,UAAUvB,MAAMuB,OAAO,IAAK,OAAO,OAAO;oCAEhD,IAAID,KAAKI,IAAI,GAAGH,SAAS;wCACvBpB,WAAWwB,KAAK,CAAC,AAAC,GAAyBhC,OAAvBM,OAAO2B,WAAW,EAAC,MAA4B,OAAxBjC,eAAe4B;wCAC1D;;4CAAO,KAAK;;oCACd,CAAC;oCACDlB,WAAW,IAAI;oCACA;;wCAAMP,WAAWwB,MAAMtB,MAAM6B,SAAS,EAAE7B,MAAMY,QAAQ,EAAEZ,MAAMa,MAAM;;;oCAA7EJ,SAAS;yCAEXA,CAAAA,mBAAAA,oBAAAA,KAAAA,IAAAA,OAAQqB,IAAI,AAAD,GAAXrB;;;;oCACiB;;wCAAMZ,cAAcY,OAAOqB,IAAI,EAAE9B,MAAMY,QAAQ,EAAEZ,MAAMa,MAAM;;;oCAA1EW,aAAa;oCACP;;wCAAMzB,WAAWU,OAAOqB,IAAI,EAAEnB,WAAWA,WAAWX,MAAMY,QAAQ,EAAEZ,MAAMa,MAAM;;;oCAAtFY,MAAM;oCACZzB,CAAAA,kBAAAA,MAAM+B,QAAQ,cAAd/B,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiBwB;oCACjBjB,UAAUkB;;;;;;oCAEVtB,WAAWwB,KAAK,CAAC1B,OAAO+B,WAAW;;;oCAErC3B,WAAW,KAAK;oCAChB;;wCAAO,KAAK;;;;oBACd;oCApBqBiB;;;;0BAuBnBhB,uBAAS,KAAC2B;oBACRC,KAAK5B;oBAAQ6B,KAAI;oBAASpB,OAAO;wBAAEqB,OAAO;oBAAO;mCAC9C;;sCACH,KAAChD;4BAAaiD,KAAK1B;;sCACnB,KAACG;4BAAIC,OAAO;gCAAEuB,WAAW;4BAAE;;;kBAC1B;;;;AAKb,EAAC"}