npm - @knockout-js/layout - Versions diffs - 0.1.3 → 0.1.5-beta.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

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

@@ -1,5 +1,5 @@
-import { DrawerProps } from "antd";
 import { App, AppMenu } from "@knockout-js/api/ucenter";
+import { DrawerProps } from "antd";
 export type AggregateMenuLocale = {
     title: string;
     latelyTitle: string;

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

@@ -2,19 +2,19 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
 import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from "@ant-design/icons";
-import { useCallback, useEffect, useState } from "react";
-import styles from "./index.module.css";
-import { Drawer, Empty, Input, Space } from "antd";
-import { gql, mutation, paging, query } from "@knockout-js/ice-urql/request";
-import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
-import { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
+import { SortableContext, arrayMove, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import { useLocale } from "../locale/index";
-import { useDark } from "../provider/index";
+import { instanceName } from "@knockout-js/api";
+import { AppMenuKind } from "@knockout-js/api/ucenter";
+import { gql, mutation, paging, query } from "@knockout-js/ice-urql/request";
+import { Drawer, Empty, Input, Space } from "antd";
+import { useCallback, useEffect, useState } from "react";
 import { listFormatTreeData, treeFormatList } from "../_util/index";
 import { OpenWin } from "../icons/index";
-import { AppMenuKind } from "@knockout-js/api/ucenter";
-import { instanceName } from "@knockout-js/api";
+import { useLocale } from "../locale/index";
+import { useDark } from "../provider/index";
+import styles from "./index.module.css";
 const userMenuListQuery = gql(/* GraphQL */ `query layoutPkgUserMenuList($appCode:String!){
   userMenus(appCode: $appCode){
     id,name,route,appID,parentID,displaySort,kind
@@ -363,7 +363,7 @@ export default ((props)=>{
                                 },
                                 children: /*#__PURE__*/ _jsx("div", {
                                     className: styles.aggregateMenuDrawerAllMenuColumn,
-                                    children: filterList.map((item)=>/*#__PURE__*/ _jsxs("div", {
+                                    children: filterList.map((item)=>item.menu.length ? /*#__PURE__*/ _jsxs("div", {
                                             className: styles.aggregateMenuDrawerAllMenuColumnItem,
                                             children: [
                                                 /*#__PURE__*/ _jsx("div", {
@@ -375,7 +375,7 @@ export default ((props)=>{
                                                         children: menuItem.name
                                                     }, `${menuItem.appID}-${menuItem.id}`))
                                             ]
-                                        }, item.app.code))
+                                        }, item.app.code) : /*#__PURE__*/ _jsx(_Fragment, {}))
                                 })
                             })
                         ]

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

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

package/es2017/components/aggregate-menu/index.module.css CHANGED Viewed

@@ -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/es2017/components/upload-file/index.d.ts CHANGED Viewed

@@ -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/es2017/components/upload-file/index.js.map CHANGED Viewed

	@@ -1 +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~~"}
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 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/es2017/components/upload-file/locale/en_US.js CHANGED Viewed

@@ -7,7 +7,9 @@ const 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/es2017/components/upload-file/locale/en_US.js.map CHANGED Viewed

	@@ -1 +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,MAAMA,SAA2B;IAC/BC,aAAa;IACbC,KAAK;IACLC,YAAY;IACZC,mBAAmB;IACnBC,kBAAkB;IAClBC,qBAAqB;IACrBC,YAAY;IACZC,YAAY;IACZC,UAAU;AACZ;AAEA,~~eAAeT~~,OAAM"}
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 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,MAAMA,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/es2017/components/upload-file/locale/zh_CN.js CHANGED Viewed

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

package/es2017/components/upload-file/locale/zh_CN.js.map CHANGED Viewed

	@@ -1 +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,MAAMA,SAA2B;IAC/BC,aAAa;IACbC,KAAK;IACLC,YAAY;IACZC,mBAAmB;IACnBC,kBAAkB;IAClBC,qBAAqB;IACrBC,YAAY;IACZC,YAAY;IACZC,UAAU;AACZ;AAEA,~~eAAeT~~,OAAM"}
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 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,MAAMA,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/es2017/components/upload-file/uploadAvatar.d.ts CHANGED Viewed

@@ -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/es2017/components/upload-file/uploadAvatar.js CHANGED Viewed

@@ -2,55 +2,16 @@ 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 ((props)=>{
-    var _props_bucket, _props_appCode, _props_tenantId;
-    const 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"), [messageApi] = message.useMessage(), [loading, setLoading] = useState(false), [imgsrc, setImgsrc] = useState();
-    const getUploadKey = (file)=>{
-        const 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(`${randomId(16)}.${suffix}`);
-        return `/${keys.join('/')}`.replace('//', '/');
-    }, updateFile = async (file)=>{
-        const key = getUploadKey(file);
-        setLoading(true);
-        if (bucket === 'local') {
-            try {
-                const result = await updateFiles({
-                    key,
-                    bucket,
-                    file
-                });
-                if (result) {
-                    var _props_onChange, _props_onChangePath;
-                    (_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);
-                }
-            } catch (error) {}
-        }
-        setLoading(false);
-    }, getValueFile = async ()=>{
+    const locale = useLocale("UploadFile"), [messageApi] = message.useMessage(), [loading, setLoading] = useState(false), [imgsrc, setImgsrc] = useState();
+    const getValueFile = async ()=>{
         if (props.value) {
-            if (bucket === 'local') {
-                const result = await getFilesRaw(props.value, 'url');
-                if (typeof result === 'string') {
-                    setImgsrc(result);
-                }
+            const result = await parseStorageUrl(props.value, undefined, undefined, props.endpoint, props.bucket);
+            if (result) {
+                setImgsrc(result);
             }
         } else {
             setImgsrc(undefined);
@@ -77,7 +38,18 @@ export default ((props)=>{
                         messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
                         return false;
                     }
-                    await updateFile(file);
+                    setLoading(true);
+                    const result = await uploadFile(file, props.directory, props.endpoint, props.bucket);
+                    if (result === null || result === void 0 ? void 0 : result.path) {
+                        var _props_onChange;
+                        const storageUrl = await getStorageUrl(result.path, props.endpoint, props.bucket);
+                        const url = await getFileUrl(result.path, undefined, undefined, props.endpoint, props.bucket);
+                        (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, storageUrl);
+                        setImgsrc(url);
+                    } else {
+                        messageApi.error(locale.errorUpload);
+                    }
+                    setLoading(false);
                     return false;
                 },
                 children: imgsrc ? /*#__PURE__*/ _jsx("img", {

package/es2017/components/upload-file/uploadAvatar.js.map CHANGED Viewed

	@@ -1 +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","messageApi","useMessage","loading","setLoading","imgsrc","setImgsrc","~~getUploadKey~~","~~file~~","~~suffix~~","~~name~~","~~split~~","~~pop~~","~~keys~~","~~forceDirectory~~","~~directory~~","~~push~~","~~join~~","~~replace~~","~~updateFile~~","~~key~~","~~result~~","~~onChange~~","~~onChangePath~~","error","~~getValueFile~~","~~value~~","~~undefined~~","~~div~~","~~style~~","~~display~~","~~spinning~~","~~accept","listType","showUploadList","beforeUpload","maxSize","size","fileSizeTip","~~img","src","alt","width","rev","marginTop"],"mappings":";AAAA,SAASA,YAAY,QAAQ,oBAAoB;AACjD,SAASC,IAAI,EAAEC,MAAM,EAAEC,OAAO,QAAQ,OAAM;~~AAE5C~~,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;~~AAC5C~~,SAASC,~~UAAU,EAAEC,WAAW,QAAQ,oBAAc;AAEtD,SAASC,~~SAAS,QAAQ,kBAAY;AACtC,SAASC,cAAc,~~EAAEC,~~QAAQ,~~QAAQ,~~iBAAW;~~AACpD~~,SAASC,~~WAAW~~,EAAEC,~~WAAW~~,QAAQ,mBAAmB;~~AAE5D~~,eAAe,CAAA,CAACC,QAAmC;~~QAEtCA~~,~~eACCA,gBACCA;IAHb,MACEC,SAASD,CAAAA,gBAAAA,~~MAAMC,~~MAAM~~,~~cAAZD,2BAAAA,gBAAgB,OAAO,EAChCE,UAAUF,CAAAA,iBAAAA,MAAME,OAAO,cAAbF,4BAAAA,iBAAiBP,YAAY,EACvCU,WAAWH,CAAAA,kBAAAA,MAAMG,QAAQ,cAAdH,6BAAAA,kBAAkBN,aAAa,EAC1CU,SAAST,~~UAAU,~~eACnB~~,~~CAACU~~,WAAW,~~GAAGf~~,~~QAAQgB~~,UAAU,IACjC,CAACC,SAASC,WAAW,~~GAAGhB~~,SAAS,KAAK,GACtC,~~CAACiB~~,QAAQC,UAAU,~~GAAGlB~~;IAExB,~~MACEmB~~,eAAe,~~CAACC,OAAiB~~;QAC/B,~~MAAMC~~,~~SAASD~~,~~KAAKE,IAAI,CAACC,~~KAAK,~~CAAC,KAAKC,GAAG,IACrCC,OAAiB,~~EAAE;~~QACrB~~,~~IAAIjB~~,~~MAAMkB~~,~~cAAc~~,~~IAAIlB~~,~~MAAMmB~~,~~SAAS~~,~~EAAE;YAC3CF~~,~~KAAKG~~,~~IAAI~~,~~CAACpB~~,~~MAAMmB~~,~~SAAS;QAC3B~~,~~OAAO~~;~~YACL~~,~~IAAIjB~~,~~SAAS~~;~~gBACXe~~,~~KAAKG,IAAI,CAAClB~~;YACZ,CAAC;~~YACD~~,~~IAAIC,UAAU~~;~~gBACZc~~,~~KAAKG,IAAI,CAACjB~~;~~YACZ~~,CAAC;~~YACD,IAAIH,MAAMmB,SAAS,EAAE~~;~~gBACnBF~~,~~KAAKG~~,~~IAAI,CAACpB,MAAMmB,SAAS~~;~~YAC3B,CAAC~~;~~QACH~~,~~CAAC~~;~~QACDF~~,~~KAAKG~~,~~IAAI~~,~~CAAC~~,~~CAAC~~,~~EAAEvB,SAAS,IAAI,CAAC,EAAEgB,~~OAAO~~,CAAC~~;~~QACrC~~,~~OAAO,CAAC,CAAC,EAAEI,KAAKI,IAAI,CAAC,KAAK,CAAC,CAACC,OAAO,CAAC,MAAM~~;~~IAC5C~~,~~GACAC~~,~~aAAa,OAAOX,OAAiB~~;~~QACnC~~,~~MAAMY,MAAMb,aAAaC~~;~~QACzBJ~~,~~WAAW~~,~~IAAI~~;~~QACf~~,~~IAAIP~~,~~WAAW~~,~~SAAS~~;~~YACtB~~,~~IAAI~~;~~gBACF~~,~~MAAMwB~~,~~SAAS,MAAM1B,YAAY~~;~~oBAC/ByB;oBACAvB;oBACAW;gBACF;gBACA~~,~~IAAIa~~,~~QAAQ;wBACVzB~~,~~iBACAA~~;~~oBADAA~~,~~CAAAA~~,~~kBAAAA~~,~~MAAM0B~~,~~QAAQ~~,~~cAAd1B~~,~~6BAAAA~~,~~KAAAA~~,~~IAAAA~~,~~gBAAAA~~,~~KAAAA~~,~~OAAiByB~~;~~oBACjBzB~~,~~CAAAA~~,~~sBAAAA~~,~~MAAM2B~~,~~YAAY~~,~~cAAlB3B~~,~~iCAAAA~~,~~KAAAA~~,~~IAAAA,oBAAAA,KAAAA,OAAqBwB;gBACvB,~~CAAC~~;YACH~~,EAAE,~~OAAOI~~,~~OAAO~~,~~CAEhB;QACF~~,CAAC;~~QACDpB~~,~~WAAW~~,KAAK;~~IAClB~~,~~GACAqB,eAAe,UAAY~~;~~QACzB~~,~~IAAI7B~~,~~MAAM8B,KAAK,EAAE~~;~~YACf~~,~~IAAI7B~~,~~WAAW,~~SAAS~~;gBACtB~~,~~MAAMwB~~,~~SAAS~~,~~MAAM3B~~,~~YAAYE~~,~~MAAM8B~~,~~KAAK~~,~~EAAE;gBAC9C~~,~~IAAI~~,~~OAAOL~~,~~WAAW~~,~~UAAU~~;~~oBAC9Bf~~,~~UAAUe;gBACZ~~,~~CAAC;YACH~~,~~CAAC;QACH~~,~~OAAO;YACLf~~,~~UAAUqB;QACZ~~,~~CAAC;IACH;IAEFxC~~,~~UAAU~~,~~IAAM~~;~~QACdsC~~;~~IACF~~,~~GAAG;QAAC7B~~,~~MAAM8B~~,~~KAAK;KAAC;IAEhB~~,~~qBAAO~~,~~KAACE;QAAIC~~,~~OAAO;YAAEC~~,~~SAAS;QAAe;kBAC3C~~,~~cAAA~~,~~KAAC9C;YAAK+C~~,~~UAAU5B;sBACd~~,~~cAAA~~,~~KAAClB~~;~~gBACC+C~~,~~QAAQpC~~,~~MAAMoC~~,MAAM~~;gBACpBC~~,~~UAAS;gBACTC~~,~~gBAAgB~~,~~KAAK;gBACrBC~~,~~cAAc~~,~~OAAO3B~~,~~OAAS;oBAC5B~~,~~MAAM4B~~,~~UAAUxC~~,~~MAAMwC~~,~~OAAO~~,~~IAAK,OAAO,OAAO~~;~~oBAEhD~~,~~IAAI5B~~,~~KAAK6B~~,~~IAAI~~,~~GAAGD~~,~~SAAS;wBACvBnC~~,~~WAAWuB~~,~~KAAK~~,~~CAAC~~,~~CAAC~~,~~EAAExB~~,~~OAAOsC~~,~~WAAW~~,~~CAAC~~,~~EAAE~~,~~EAAE9C~~,~~eAAe4C~~,~~SAAS,CAAC;wBACpE,~~OAAO,~~KAAK~~;~~oBACd~~,CAAC;~~oBAED~~,~~MAAMjB~~,~~WAAWX~~;~~oBACjB~~,OAAO,KAAK;gBACd;~~0BAGEH~~,uBAAS,~~KAACkC~~;oBACRC,~~KAAKnC~~;~~oBAAQoC~~,KAAI;~~oBAASZ~~,OAAO;~~wBAAEa~~,OAAO;oBAAO;mCAC9C;;sCACH,~~KAAC3D~~;~~4BAAa4D~~,~~KAAKhB~~;;sCACnB,~~KAACC~~;4BAAIC,OAAO;~~gCAAEe~~,WAAW;4BAAE;;;kBAC1B;;;;AAKb,CAAA,EAAC"}
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 { 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","messageApi","useMessage","loading","setLoading","imgsrc","setImgsrc","getValueFile","value","result","undefined","endpoint","bucket","div","style","display","spinning","accept","listType","showUploadList","beforeUpload","file","maxSize","size","error","fileSizeTip","directory","path","storageUrl","url","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,CAAA,CAACC,QAAmC;IACjD,MAAMC,SAASP,UAAU,eACvB,CAACQ,WAAW,GAAGX,QAAQY,UAAU,IACjC,CAACC,SAASC,WAAW,GAAGZ,SAAS,KAAK,GACtC,CAACa,QAAQC,UAAU,GAAGd;IAExB,MAAMe,eAAe,UAAY;QAC/B,IAAIR,MAAMS,KAAK,EAAE;YACf,MAAMC,SAAS,MAAMd,gBAAgBI,MAAMS,KAAK,EAAEE,WAAWA,WAAWX,MAAMY,QAAQ,EAAEZ,MAAMa,MAAM;YACpG,IAAIH,QAAQ;gBACVH,UAAUG;YACZ,CAAC;QACH,OAAO;YACLH,UAAUI;QACZ,CAAC;IACH;IAEAnB,UAAU,IAAM;QACdgB;IACF,GAAG;QAACR,MAAMS,KAAK;KAAC;IAEhB,qBAAO,KAACK;QAAIC,OAAO;YAAEC,SAAS;QAAe;kBAC3C,cAAA,KAAC3B;YAAK4B,UAAUb;sBACd,cAAA,KAACd;gBACC4B,QAAQlB,MAAMkB,MAAM;gBACpBC,UAAS;gBACTC,gBAAgB,KAAK;gBACrBC,cAAc,OAAOC,OAAS;oBAC5B,MAAMC,UAAUvB,MAAMuB,OAAO,IAAK,OAAO,OAAO;oBAEhD,IAAID,KAAKE,IAAI,GAAGD,SAAS;wBACvBrB,WAAWuB,KAAK,CAAC,CAAC,EAAExB,OAAOyB,WAAW,CAAC,EAAE,EAAE/B,eAAe4B,SAAS,CAAC;wBACpE,OAAO,KAAK;oBACd,CAAC;oBACDlB,WAAW,IAAI;oBACf,MAAMK,SAAS,MAAMZ,WAAWwB,MAAMtB,MAAM2B,SAAS,EAAE3B,MAAMY,QAAQ,EAAEZ,MAAMa,MAAM;oBAEnF,IAAIH,mBAAAA,oBAAAA,KAAAA,IAAAA,OAAQkB,IAAI,EAAE;4BAGhB5B;wBAFA,MAAM6B,aAAa,MAAMhC,cAAca,OAAOkB,IAAI,EAAE5B,MAAMY,QAAQ,EAAEZ,MAAMa,MAAM;wBAChF,MAAMiB,MAAM,MAAM/B,WAAWW,OAAOkB,IAAI,EAAEjB,WAAWA,WAAWX,MAAMY,QAAQ,EAAEZ,MAAMa,MAAM;wBAC5Fb,CAAAA,kBAAAA,MAAM+B,QAAQ,cAAd/B,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiB6B;wBACjBtB,UAAUuB;oBACZ,OAAO;wBACL5B,WAAWuB,KAAK,CAACxB,OAAO+B,WAAW;oBACrC,CAAC;oBACD3B,WAAW,KAAK;oBAChB,OAAO,KAAK;gBACd;0BAGEC,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,CAAA,EAAC"}