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

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

@@ -0,0 +1,521 @@
+import _async_to_generator from "@swc/helpers/src/_async_to_generator.mjs";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import _to_consumable_array from "@swc/helpers/src/_to_consumable_array.mjs";
+import _ts_generator from "@swc/helpers/src/_ts_generator.mjs";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
+import { 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 { AppMenuKind } from "@knockout-js/api";
+import { iceUrqlInstance } from "../index";
+import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
+import { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { useLocale } from "../locale/index";
+import { useDark } from "../provider/index";
+import { listFormatTreeData, treeFormatList } from "../_util/index";
+import { OpenWin } from "../icons/index";
+var userMenuListQuery = gql("query layoutPkgUserMenuList($appCode:String!){\n  userMenus(appCode: $appCode){\n    id,name,route,appID,parentID,displaySort,kind\n  }\n}");
+var userAppsQuery = gql("query layoutPkgUserAppList{\n  userApps{\n    id,name,code\n  }\n}");
+var userPreferenceQuery = gql("query layoutPkgUserPreference{\n  orgUserPreference{\n    id,menuFavorite,menuRecent,\n  }\n}");
+var userPreferenceMut = gql("mutation layoutPkgSaveUserPreference($input:OrgUserPreferenceInput!){\n  saveOrgUserPreference(input: $input){ id }\n}");
+/**
+ * 排序拖拽使用的控件
+ * https://docs.dndkit.com/
+ * @param props
+ * @returns
+ */ var DargItem = function(props) {
+    var id = "".concat(props.value.id, "-").concat(props.value.appID);
+    var _useSortable = useSortable({
+        id: id
+    }), setNodeRef = _useSortable.setNodeRef, listeners = _useSortable.listeners, attributes = _useSortable.attributes, transform = _useSortable.transform, transition = _useSortable.transition;
+    var style = {
+        transform: CSS.Transform.toString(transform),
+        transition: transition
+    };
+    return /*#__PURE__*/ _jsxs("div", _object_spread_props(_object_spread({
+        ref: setNodeRef,
+        style: style
+    }, attributes), {
+        className: styles.aggregateMenuDrawerMenuItem,
+        onClick: function() {
+            props.onClick();
+        },
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: styles.aggregateMenuDrawerMenuItemName,
+                children: props.value.name
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: styles.aggregateMenuDrawerMenuItemIcons,
+                children: /*#__PURE__*/ _jsxs(Space, {
+                    children: [
+                        /*#__PURE__*/ _jsx(OpenWin, {
+                            className: "anticon",
+                            onClick: function(event) {
+                                event.stopPropagation();
+                                props.onClick(true);
+                            }
+                        }),
+                        /*#__PURE__*/ _jsx(CloseOutlined, {
+                            rev: undefined,
+                            onClick: function(event) {
+                                event.stopPropagation();
+                                props.onDel();
+                            }
+                        }),
+                        /*#__PURE__*/ _jsx(DragOutlined, _object_spread_props(_object_spread({
+                            rev: undefined
+                        }, listeners), {
+                            className: "dragIcon"
+                        }))
+                    ]
+                })
+            })
+        ]
+    }));
+};
+export default function(props) {
+    var _useState = _sliced_to_array(useState([]), 2), all = _useState[0], setAll = _useState[1], _useState1 = _sliced_to_array(useState([]), 2), filterList = _useState1[0], setFilterList = _useState1[1], _useState2 = _sliced_to_array(useState([]), 2), collects = _useState2[0], setCollects = _useState2[1], _useState3 = _sliced_to_array(useState([]), 2), latelys = _useState3[0], setLately = _useState3[1], locale = useLocale("AggregateMenu"), isDark = useDark(), sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates
+    }));
+    var request = useCallback(/*#__PURE__*/ _async_to_generator(function() {
+        var _appsResult_data, _preferenceResult_data, _preferenceResult_data_orgUserPreference, appsResult, apps, newAll, _tmp, _tmp1, _i, i, _menuResult_data, menuResult, menu, preferenceResult, menuFavorite, menuRecent, collectsList, latelyList;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    return [
+                        4,
+                        paging(userAppsQuery, {}, 1, {
+                            instanceName: iceUrqlInstance.ucenter
+                        })
+                    ];
+                case 1:
+                    appsResult = _state.sent(), apps = [];
+                    if ((_appsResult_data = appsResult.data) === null || _appsResult_data === void 0 ? void 0 : _appsResult_data.userApps) appsResult.data.userApps.forEach(function(app) {
+                        apps.push(app);
+                    });
+                    newAll = [];
+                    _tmp = [];
+                    for(_tmp1 in apps)_tmp.push(_tmp1);
+                    _i = 0;
+                    _state.label = 2;
+                case 2:
+                    if (!(_i < _tmp.length)) return [
+                        3,
+                        5
+                    ];
+                    i = _tmp[_i];
+                    return [
+                        4,
+                        query(userMenuListQuery, {
+                            appCode: apps[i].code
+                        }, {
+                            instanceName: iceUrqlInstance.ucenter
+                        })
+                    ];
+                case 3:
+                    menuResult = _state.sent();
+                    if ((_menuResult_data = menuResult.data) === null || _menuResult_data === void 0 ? void 0 : _menuResult_data.userMenus) {
+                        menu = menuResult.data.userMenus.sort(function(d1, d2) {
+                            var d1Sort = d1.displaySort || 0, d2Sort = d2.displaySort || 0;
+                            return d1.parentID < d2.parentID ? -1 : d1.parentID > d2.parentID ? 1 : d1Sort < d2Sort ? -1 : d1Sort > d2Sort ? 1 : 0;
+                        });
+                        newAll.push({
+                            app: apps[i],
+                            menu: treeFormatList(listFormatTreeData(menu, undefined, {
+                                key: "id",
+                                parentId: "parentID"
+                            }))
+                        });
+                    }
+                    _state.label = 4;
+                case 4:
+                    _i++;
+                    return [
+                        3,
+                        2
+                    ];
+                case 5:
+                    setAll(newAll);
+                    setFilterList(newAll);
+                    return [
+                        4,
+                        query(userPreferenceQuery, {}, {
+                            instanceName: iceUrqlInstance.ucenter
+                        })
+                    ];
+                case 6:
+                    preferenceResult = _state.sent();
+                    if ((_preferenceResult_data = preferenceResult.data) === null || _preferenceResult_data === void 0 ? void 0 : (_preferenceResult_data_orgUserPreference = _preferenceResult_data.orgUserPreference) === null || _preferenceResult_data_orgUserPreference === void 0 ? void 0 : _preferenceResult_data_orgUserPreference.id) {
+                        menuFavorite = preferenceResult.data.orgUserPreference.menuFavorite, menuRecent = preferenceResult.data.orgUserPreference.menuRecent, collectsList = [], latelyList = [];
+                        if (menuFavorite) menuFavorite.forEach(function(id) {
+                            for(var i in newAll){
+                                var menuItem = newAll[i].menu.find(function(item) {
+                                    return item.id == id;
+                                });
+                                if (menuItem) {
+                                    collectsList.push(menuItem);
+                                    break;
+                                }
+                            }
+                        });
+                        if (menuRecent) menuRecent.forEach(function(id) {
+                            for(var i in newAll){
+                                var menuItem = newAll[i].menu.find(function(item) {
+                                    return item.id == id;
+                                });
+                                if (menuItem) {
+                                    latelyList.push(menuItem);
+                                    break;
+                                }
+                            }
+                        });
+                        setCollects(collectsList);
+                        setLately(latelyList);
+                    }
+                    return [
+                        2
+                    ];
+            }
+        });
+    }), []), requestFavorite = function() {
+        var _ref = _async_to_generator(function(list) {
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        // 异步存储收藏
+                        return [
+                            4,
+                            mutation(userPreferenceMut, {
+                                input: {
+                                    menuFavorite: list.map(function(item) {
+                                        return item.id;
+                                    })
+                                }
+                            }, {
+                                instanceName: iceUrqlInstance.ucenter
+                            })
+                        ];
+                    case 1:
+                        _state.sent();
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function requestFavorite(list) {
+            return _ref.apply(this, arguments);
+        };
+    }(), requestRecent = function() {
+        var _ref = _async_to_generator(function(ids) {
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        // 异步存储访问菜单记录
+                        return [
+                            4,
+                            mutation(userPreferenceMut, {
+                                input: {
+                                    menuRecent: ids
+                                }
+                            }, {
+                                instanceName: iceUrqlInstance.ucenter
+                            })
+                        ];
+                    case 1:
+                        _state.sent();
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function requestRecent(ids) {
+            return _ref.apply(this, arguments);
+        };
+    }(), checkCollect = useCallback(function(menuItem) {
+        return !!collects.find(function(item) {
+            return item.id === menuItem.id && item.appID === menuItem.appID;
+        });
+    }, [
+        collects
+    ]), onClickItem = function() {
+        var _ref = _async_to_generator(function(menuItem, isOpen) {
+            var allApp, _props_onClick, latelyList, oldIdx;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        allApp = all.find(function(allItem) {
+                            return allItem.app.id == menuItem.appID;
+                        });
+                        if (!allApp) return [
+                            3,
+                            2
+                        ];
+                        latelyList = _to_consumable_array(latelys);
+                        oldIdx = latelyList.findIndex(function(lately) {
+                            return lately.id == menuItem.id;
+                        });
+                        if (oldIdx > -1) latelyList.splice(oldIdx, 1);
+                        latelyList.unshift(menuItem);
+                        latelyList.splice(6);
+                        return [
+                            4,
+                            requestRecent(latelyList.map(function(item) {
+                                return item.id;
+                            }))
+                        ];
+                    case 1:
+                        _state.sent();
+                        setLately(latelyList);
+                        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, menuItem, allApp.app, isOpen);
+                        _state.label = 2;
+                    case 2:
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function onClickItem(menuItem, isOpen) {
+            return _ref.apply(this, arguments);
+        };
+    }(), menuItemRender = function(menuItem) {
+        return /*#__PURE__*/ _jsxs("div", {
+            className: styles.aggregateMenuDrawerAllMenuItem,
+            onClick: function() {
+                onClickItem(menuItem);
+            },
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: styles.aggregateMenuDrawerAllMenuItemName,
+                    children: [
+                        " ",
+                        menuItem.name
+                    ]
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    className: styles.aggregateMenuDrawerAllMenuItemIcons,
+                    children: /*#__PURE__*/ _jsxs(Space, {
+                        children: [
+                            /*#__PURE__*/ _jsx(OpenWin, {
+                                className: "anticon",
+                                onClick: function(event) {
+                                    event.stopPropagation();
+                                    onClickItem(menuItem, true);
+                                }
+                            }),
+                            /*#__PURE__*/ _jsx(StarOutlined, {
+                                rev: undefined,
+                                className: checkCollect(menuItem) ? "collect" : "",
+                                onClick: function() {
+                                    var _ref = _async_to_generator(function(event) {
+                                        var collectList;
+                                        return _ts_generator(this, function(_state) {
+                                            switch(_state.label){
+                                                case 0:
+                                                    event.stopPropagation();
+                                                    collectList = [];
+                                                    if (checkCollect(menuItem)) collectList = collects.filter(function(c) {
+                                                        return !(c.id === menuItem.id && c.appID === menuItem.appID);
+                                                    });
+                                                    else collectList = _to_consumable_array(collects).concat([
+                                                        menuItem
+                                                    ]);
+                                                    return [
+                                                        4,
+                                                        requestFavorite(collectList)
+                                                    ];
+                                                case 1:
+                                                    _state.sent();
+                                                    setCollects(collectList);
+                                                    return [
+                                                        2
+                                                    ];
+                                            }
+                                        });
+                                    });
+                                    return function(event) {
+                                        return _ref.apply(this, arguments);
+                                    };
+                                }()
+                            })
+                        ]
+                    })
+                })
+            ]
+        }, "".concat(menuItem.id, "-").concat(menuItem.appID));
+    };
+    useEffect(function() {
+        if (props.dataSource) {
+            setAll(props.dataSource);
+            setFilterList(props.dataSource);
+        } else request();
+    }, [
+        props.dataSource
+    ]);
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: /*#__PURE__*/ _jsx(Drawer, _object_spread_props(_object_spread({
+            title: locale.title,
+            maskClosable: false,
+            placement: "left",
+            width: 1060
+        }, props.drawerProps), {
+            className: "".concat(styles.aggregateMenuDrawer, " ").concat(isDark ? styles.aggregateMenuDark : ""),
+            open: props.open,
+            onClose: function() {
+                var _props_onChangeOpen;
+                (_props_onChangeOpen = props.onChangeOpen) === null || _props_onChangeOpen === void 0 ? void 0 : _props_onChangeOpen.call(props, false);
+            },
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: styles.aggregateMenuDrawerRow,
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        style: {
+                            width: 240
+                        },
+                        className: styles.aggregateMenuDrawerMenu,
+                        children: collects.length ? /*#__PURE__*/ _jsx(DndContext, {
+                            sensors: sensors,
+                            collisionDetection: closestCenter,
+                            onDragEnd: function(event) {
+                                var active = event.active, over = event.over;
+                                if (over && active.id !== over.id) setCollects(function(items) {
+                                    var oldIndex = items.findIndex(function(oItem) {
+                                        return "".concat(oItem.id, "-").concat(oItem.appID) == active.id;
+                                    });
+                                    var newIndex = items.findIndex(function(nItem) {
+                                        return "".concat(nItem.id, "-").concat(nItem.appID) == over.id;
+                                    });
+                                    var collectList = arrayMove(items, oldIndex, newIndex);
+                                    requestFavorite(collectList);
+                                    return collectList;
+                                });
+                            },
+                            children: /*#__PURE__*/ _jsx(SortableContext, {
+                                items: collects.map(function(item) {
+                                    return "".concat(item.id, "-").concat(item.appID);
+                                }),
+                                strategy: verticalListSortingStrategy,
+                                children: collects.map(function(item) {
+                                    return /*#__PURE__*/ _jsx(DargItem, {
+                                        value: item,
+                                        onDel: /*#__PURE__*/ _async_to_generator(function() {
+                                            var collectList;
+                                            return _ts_generator(this, function(_state) {
+                                                switch(_state.label){
+                                                    case 0:
+                                                        collectList = collects.filter(function(c) {
+                                                            return !(c.id === item.id && c.appID === item.appID);
+                                                        });
+                                                        return [
+                                                            4,
+                                                            requestFavorite(collectList)
+                                                        ];
+                                                    case 1:
+                                                        _state.sent();
+                                                        setCollects(collectList);
+                                                        return [
+                                                            2
+                                                        ];
+                                                }
+                                            });
+                                        }),
+                                        onClick: function(isOpen) {
+                                            onClickItem(item, isOpen);
+                                        }
+                                    }, "c".concat(item.id, "-").concat(item.appID));
+                                })
+                            })
+                        }) : /*#__PURE__*/ _jsx(Empty, {
+                            image: Empty.PRESENTED_IMAGE_SIMPLE,
+                            description: locale.notText
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        style: {
+                            width: 820
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: styles.aggregateMenuDrawerAllInput,
+                                children: /*#__PURE__*/ _jsx(Input, {
+                                    bordered: false,
+                                    prefix: /*#__PURE__*/ _jsx(SearchOutlined, {
+                                        rev: undefined
+                                    }),
+                                    placeholder: locale.searchPlaceholder,
+                                    onChange: function(event) {
+                                        var keyword = event.target.value;
+                                        if (keyword) {
+                                            var fList = all.map(function(f) {
+                                                return {
+                                                    app: f.app,
+                                                    menu: f.menu.filter(function(fMenuItem) {
+                                                        return fMenuItem.name.indexOf(keyword) > -1;
+                                                    })
+                                                };
+                                            }).filter(function(f) {
+                                                return f.menu.length;
+                                            });
+                                            setFilterList(fList);
+                                        } else setFilterList(_to_consumable_array(all));
+                                    }
+                                })
+                            }),
+                            latelys.length ? /*#__PURE__*/ _jsxs("div", {
+                                className: styles.aggregateMenuLatelys,
+                                children: [
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: styles.aggregateMenuDrawerAllMenuItemDir,
+                                        children: locale.latelyTitle
+                                    }),
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: styles.aggregateMenuLatelysColumn,
+                                        children: latelys.map(function(menuItem) {
+                                            return menuItemRender(menuItem);
+                                        })
+                                    })
+                                ]
+                            }) : /*#__PURE__*/ _jsx(_Fragment, {}),
+                            /*#__PURE__*/ _jsx("div", {
+                                className: styles.aggregateMenuDrawerAllMenu,
+                                style: {
+                                    height: latelys.length ? "calc(100% - 164px)" : "calc(100% - 52px)"
+                                },
+                                children: /*#__PURE__*/ _jsx("div", {
+                                    className: styles.aggregateMenuDrawerAllMenuColumn,
+                                    children: filterList.map(function(item) {
+                                        return /*#__PURE__*/ _jsxs("div", {
+                                            className: styles.aggregateMenuDrawerAllMenuColumnItem,
+                                            children: [
+                                                /*#__PURE__*/ _jsx("div", {
+                                                    className: styles.aggregateMenuDrawerAllAppTitle,
+                                                    children: item.app.name
+                                                }),
+                                                item.menu.map(function(menuItem) {
+                                                    return menuItem.kind === AppMenuKind.Menu ? menuItemRender(menuItem) : /*#__PURE__*/ _jsx("div", {
+                                                        className: styles.aggregateMenuDrawerAllMenuItemDir,
+                                                        children: menuItem.name
+                                                    }, "".concat(menuItem.appID, "-").concat(menuItem.id));
+                                                })
+                                            ]
+                                        }, item.app.code);
+                                    })
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        }))
+    });
+};
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\aggregate-menu\index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\aggregate-menu\\index.tsx"],"sourcesContent":["import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from \"@ant-design/icons\"\r\nimport { useCallback, useEffect, useState } from \"react\"\r\nimport styles from \"./index.module.css\"\r\nimport { Drawer, DrawerProps, Empty, Input, Space } from \"antd\";\r\nimport { gql, mutation, paging, query } from \"@knockout-js/ice-urql/request\";\r\nimport { App, AppMenu, AppMenuKind, LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables, LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables, LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables, LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables } from \"@knockout-js/api\";\r\nimport { iceUrqlInstance } from \"..\";\r\nimport { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from \"@dnd-kit/core\";\r\nimport { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from \"@dnd-kit/sortable\";\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { useLocale } from \"../locale\";\r\nimport { useDark } from \"../provider\";\r\nimport { listFormatTreeData, treeFormatList } from \"../_util\";\r\nimport { OpenWin } from \"../icons\";\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: iceUrqlInstance.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: iceUrqlInstance.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, {}, { instanceName: iceUrqlInstance.ucenter });\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: iceUrqlInstance.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: iceUrqlInstance.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","AppMenuKind","iceUrqlInstance","DndContext","closestCenter","KeyboardSensor","PointerSensor","useSensor","useSensors","arrayMove","SortableContext","useSortable","sortableKeyboardCoordinates","verticalListSortingStrategy","CSS","useLocale","useDark","listFormatTreeData","treeFormatList","OpenWin","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","instanceName","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":";;;;;;;AAAA,SAASA,aAAa,EAAEC,YAAY,EAAEC,cAAc,EAAEC,YAAY,QAAQ,oBAAmB;AAC7F,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AACxD,OAAOC,YAAY,qBAAoB;AACvC,SAASC,MAAM,EAAeC,KAAK,EAAEC,KAAK,EAAEC,KAAK,QAAQ,OAAO;AAChE,SAASC,GAAG,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,KAAK,QAAQ,gCAAgC;AAC7E,SAAuBC,WAAW,QAAgS,mBAAmB;AACrV,SAASC,eAAe,QAAQ,WAAK;AACrC,SAASC,UAAU,EAAEC,aAAa,EAAEC,cAAc,EAAEC,aAAa,EAAEC,SAAS,EAAEC,UAAU,QAAS,gBAAgB;AACjH,SAASC,SAAS,EAAEC,eAAe,EAAEC,WAAW,EAAEC,2BAA2B,EAAEC,2BAA2B,QAAQ,oBAAoB;AACtI,SAASC,GAAG,QAAQ,qBAAqB;AACzC,SAASC,SAAS,QAAQ,kBAAY;AACtC,SAASC,OAAO,QAAQ,oBAAc;AACtC,SAASC,kBAAkB,EAAEC,cAAc,QAAQ,iBAAW;AAC9D,SAASC,OAAO,QAAQ,iBAAW;AAEnC,IAAMC,oBAAoBvB,IAAkB;AAM5C,IAAMwB,gBAAgBxB,IAAkB;AAMxC,IAAMyB,sBAAsBzB,IAAkB;AAM9C,IAAM0B,oBAAoB1B,IAAkB;AAuC5C;;;;;CAKC,GACD,IAAM2B,WAAW,SAACC,OAIZ;IACJ,IAAMC,KAAK,AAAC,GAAoBD,OAAlBA,MAAME,KAAK,CAACD,EAAE,EAAC,KAAqB,OAAlBD,MAAME,KAAK,CAACC,KAAK;IACjD,IAAqEjB,eAAAA,YAAY;QAAEe,IAAAA;IAAG,IAA9EG,aAA6DlB,aAA7DkB,YAAYC,YAAiDnB,aAAjDmB,WAAWC,aAAsCpB,aAAtCoB,YAAYC,YAA0BrB,aAA1BqB,WAAWC,aAAetB,aAAfsB;IACtD,IAAMC,QAAQ;QACZF,WAAWlB,IAAIqB,SAAS,CAACC,QAAQ,CAACJ;QAClCC,YAAAA;IACF;IAEA,qBAAO,MAACI;QACNC,KAAKT;QACLK,OAAOA;OACHH;QACJQ,WAAW/C,OAAOgD,2BAA2B;QAC7CC,SAAS,WAAM;YACbhB,MAAMgB,OAAO;QACf;;0BAEA,KAACJ;gBAAIE,WAAW/C,OAAOkD,+BAA+B;0BAAGjB,MAAME,KAAK,CAACgB,IAAI;;0BACzE,KAACN;gBAAIE,WAAW/C,OAAOoD,gCAAgC;0BACrD,cAAA,MAAChD;;sCACC,KAACuB;4BAAQoB,WAAU;4BAAUE,SAAS,SAACI,OAAU;gCAC/CA,MAAMC,eAAe;gCACrBrB,MAAMgB,OAAO,CAAC,IAAI;4BACpB;;sCACA,KAACxD;4BAAc8D,KAAKC;4BAAWP,SAAS,SAACI,OAAU;gCACjDA,MAAMC,eAAe;gCACrBrB,MAAMwB,KAAK;4BACb;;sCACA,KAAC/D;4BAAa6D,KAAKC;2BAAgBlB;4BAAWS,WAAU;;;;;;;AAIhE;AAEA,eAAe,SAACd,OAA8B;IAC5C,IAAsBlC,6BAAAA,SAAkC,EAAE,OAAnD2D,MAAe3D,cAAV4D,SAAU5D,cACUA,8BAAAA,SAAkC,EAAE,OAAjE6D,aAA6B7D,eAAjB8D,gBAAiB9D,eACJA,8BAAAA,SAAoB,EAAE,OAA/C+D,WAAyB/D,eAAfgE,cAAehE,eACHA,8BAAAA,SAAoB,EAAE,OAA5CiE,UAAsBjE,eAAbkE,YAAalE,eACvBmE,SAAS3C,UAAU,kBACnB4C,SAAS3C,WACT4C,UAAUpD,WACRD,UAAUD,gBACVC,UAAUF,gBAAgB;QACxBwD,kBAAkBjD;IACpB;IAGJ,IACEkD,UAAUzE,0BAAY,oBAAA,WAAY;YAI5B0E,kBAyBAC,kEA5BED,YAEFE,MAMEC,yBACGC,GAIHC,kBAHEA,YAIEC,MAaJL,kBAEEM,cACJC,YACAC,cACAC;;;;oBAhCe;;wBAAM1E,OAAsEsB,eAAe,CAAC,GAAG,GAAG;4BACnHqD,cAAcxE,gBAAgByE,OAAO;wBACvC;;;oBAFMZ,aAAa,eAEfE;oBACJ,IAAIF,CAAAA,mBAAAA,WAAWa,IAAI,cAAfb,8BAAAA,KAAAA,IAAAA,iBAAiBc,QAAQ,EAC3Bd,WAAWa,IAAI,CAACC,QAAQ,CAACC,OAAO,CAACC,SAAAA,KAAO;wBACtCd,KAAKe,IAAI,CAACD;oBACZ;oBAEIb;;iCACQD;;;;;;;;oBAALE;oBACY;;wBAAMnE,MAAuEoB,mBAAmB;4BACjH6D,SAAShB,IAAI,CAACE,EAAE,CAACe,IAAI;wBACvB,GAAG;4BAAER,cAAcxE,gBAAgByE,OAAO;wBAAC;;;oBAFrCP,aAAa;oBAGnB,IAAIA,CAAAA,mBAAAA,WAAWQ,IAAI,cAAfR,8BAAAA,KAAAA,IAAAA,iBAAiBe,SAAS,EAAE;wBACxBd,OAAOD,WAAWQ,IAAI,CAACO,SAAS,CAACC,IAAI,CAAC,SAACC,IAAIC,IAAO;4BACtD,IAAMC,SAASF,GAAGG,WAAW,IAAI,GAAGC,SAASH,GAAGE,WAAW,IAAI;4BAC/D,OAAOH,GAAGK,QAAQ,GAAGJ,GAAGI,QAAQ,GAAG,KAAKL,GAAGK,QAAQ,GAAGJ,GAAGI,QAAQ,GAAG,IAAIH,SAASE,SAAS,KAAKF,SAASE,SAAS,IAAI,CAAC;wBACxH;wBACAvB,OAAOc,IAAI,CAAC;4BACVD,KAAKd,IAAI,CAACE,EAAE;4BACZE,MAAMnD,eAAeD,mBAAmBoD,MAAMrB,WAAW;gCAAE2C,KAAK;gCAAMC,UAAU;4BAAW;wBAC7F;oBACF,CAAC;;;;;;;;;oBAEHzC,OAAOe;oBACPb,cAAca;oBAEW;;wBAAMlE,MAA2EsB,qBAAqB,CAAC,GAAG;4BAAEoD,cAAcxE,gBAAgByE,OAAO;wBAAC;;;oBAArKX,mBAAmB;oBACzB,IAAIA,CAAAA,yBAAAA,iBAAiBY,IAAI,cAArBZ,oCAAAA,KAAAA,IAAAA,4CAAAA,uBAAuB6B,qFAAvB7B,KAAAA,6CAA0CtC,EAAF,EAAM;wBAC1C4C,eAAeN,iBAAiBY,IAAI,CAACiB,iBAAiB,CAACvB,YAAY,EACvEC,aAAaP,iBAAiBY,IAAI,CAACiB,iBAAiB,CAACtB,UAAU,EAC/DC,mBACAC;wBACF,IAAIH,cACFA,aAAaQ,OAAO,CAACpD,SAAAA,IAAM;4BACzB,IAAK,IAAIyC,KAAKD,OAAQ;gCACpB,IAAM4B,WAAW5B,MAAM,CAACC,EAAE,CAACE,IAAI,CAAC0B,IAAI,CAACC,SAAAA;2CAAQA,KAAKtE,EAAE,IAAIA;;gCACxD,IAAIoE,UAAU;oCACZtB,aAAaQ,IAAI,CAACc;oCAClB,KAAM;gCACR,CAAC;4BACH;wBAEF;wBAEF,IAAIvB,YACFA,WAAWO,OAAO,CAACpD,SAAAA,IAAM;4BACvB,IAAK,IAAIyC,KAAKD,OAAQ;gCACpB,IAAM4B,WAAW5B,MAAM,CAACC,EAAE,CAACE,IAAI,CAAC0B,IAAI,CAACC,SAAAA;2CAAQA,KAAKtE,EAAE,IAAIA;;gCACxD,IAAIoE,UAAU;oCACZrB,WAAWO,IAAI,CAACc;oCAChB,KAAM;gCACR,CAAC;4BACH;wBAEF;wBAEFvC,YAAYiB;wBACZf,UAAUgB;oBACZ,CAAC;;;;;;IACH,IAAG,EAAE,GACLwB;mBAAkB,oBAAA,SAAOC,MAAoB;;;;wBAC3C,SAAS;wBACT;;4BAAMpG,SAA4FyB,mBAAmB;gCACnH4E,OAAO;oCACL7B,cAAc4B,KAAKE,GAAG,CAACJ,SAAAA;+CAAQA,KAAKtE,EAAE;;gCACxC;4BACF,GAAG;gCACDgD,cAAcxE,gBAAgByE,OAAO;4BACvC;;;wBANA;;;;;;QAOF;wBATAsB,gBAAyBC;;;SAUzBG;mBAAgB,oBAAA,SAAOC,KAAkB;;;;wBACvC,aAAa;wBACb;;4BAAMxG,SAA4FyB,mBAAmB;gCACnH4E,OAAO;oCACL5B,YAAY+B;gCACd;4BACF,GAAG;gCACD5B,cAAcxE,gBAAgByE,OAAO;4BACvC;;;wBANA;;;;;;QAOF;wBATA0B,cAAuBC;;;SAUvBC,eAAelH,YAAY,SAACyG,UAAsB;QAChD,OAAO,CAAC,CAACxC,SAASyC,IAAI,CAACC,SAAAA;mBAAQA,KAAKtE,EAAE,KAAKoE,SAASpE,EAAE,IAAIsE,KAAKpE,KAAK,KAAKkE,SAASlE,KAAK;;IACzF,GAAG;QAAC0B;KAAS,GACbkD;mBAAc,oBAAA,SAAOV,UAAmBW,QAAqB;gBACrDC,QAWJjF,gBATMgD,YACAkC;;;;wBAHFD,SAASxD,IAAI6C,IAAI,CAACa,SAAAA;mCAAWA,QAAQ7B,GAAG,CAACrD,EAAE,IAAIoE,SAASlE,KAAK;;6BAC/D8E,QAAAA;;;;wBACIjC,aAAc,qBAAGjB;wBACjBmD,SAASlC,WAAWoC,SAAS,CAACC,SAAAA;mCAAUA,OAAOpF,EAAE,IAAIoE,SAASpE,EAAE;;wBACtE,IAAIiF,SAAS,IACXlC,WAAWsC,MAAM,CAACJ,QAAQ;wBAE5BlC,WAAWuC,OAAO,CAAClB;wBACnBrB,WAAWsC,MAAM,CAAC;wBAClB;;4BAAMV,cAAc5B,WAAW2B,GAAG,CAACJ,SAAAA;uCAAQA,KAAKtE,EAAE;;;;wBAAlD;wBACA+B,UAAUgB;wBACVhD,CAAAA,iBAAAA,MAAMgB,OAAO,cAAbhB,4BAAAA,KAAAA,IAAAA,eAAAA,KAAAA,OAAgBqE,UAAUY,OAAO3B,GAAG,EAAE0B;;;;;;;;QAE1C;wBAdAD,YAAqBV,UAAmBW;;;SAexCQ,iBAAiB,SAACnB,UAAsB;QACtC,qBAAO,MAACzD;YAENE,WAAW/C,OAAO0H,8BAA8B;YAChDzE,SAAS,WAAM;gBACb+D,YAAYV;YACd;;8BAEA,MAACzD;oBAAIE,WAAW/C,OAAO2H,kCAAkC;;wBAAE;wBAAErB,SAASnD,IAAI;;;8BAC1E,KAACN;oBAAIE,WAAW/C,OAAO4H,mCAAmC;8BACxD,cAAA,MAACxH;;0CACC,KAACuB;gCAAQoB,WAAU;gCAAUE,SAAS,SAACI,OAAU;oCAC/CA,MAAMC,eAAe;oCACrB0D,YAAYV,UAAU,IAAI;gCAC5B;;0CACA,KAAC1G;gCAAa2D,KAAKC;gCAAWT,WAAWgE,aAAaT,YAAY,YAAY,EAAE;gCAAErD,OAAO;+CAAE,oBAAA,SAAOI,OAAU;4CAEtGwE;;;;oDADJxE,MAAMC,eAAe;oDACjBuE;oDACJ,IAAId,aAAaT,WACfuB,cAAc/D,SAASgE,MAAM,CAACC,SAAAA;+DAAK,CAAEA,CAAAA,EAAE7F,EAAE,KAAKoE,SAASpE,EAAE,IAAI6F,EAAE3F,KAAK,KAAKkE,SAASlE,KAAK,AAAD;;yDAEtFyF,cAAc,AAAC,qBAAG/D,iBAAJ;wDAAcwC;qDAAS;oDAEvC;;wDAAMG,gBAAgBoB;;;oDAAtB;oDACA9D,YAAY8D;;;;;;oCACd;oDAVkGxE;;;;;;;;;WAbjG,AAAC,GAAiBiD,OAAfA,SAASpE,EAAE,EAAC,KAAkB,OAAfoE,SAASlE,KAAK;IA2BzC;IAEFtC,UAAU,WAAM;QACd,IAAImC,MAAM+F,UAAU,EAAE;YACpBrE,OAAO1B,MAAM+F,UAAU;YACvBnE,cAAc5B,MAAM+F,UAAU;QAChC,OACE1D;IAEJ,GAAG;QAACrC,MAAM+F,UAAU;KAAC;IAErB,qBAAO;kBACL,cAAA,KAAC/H;YACCgI,OAAO/D,OAAO+D,KAAK;YACnBC,cAAc,KAAK;YACnBC,WAAU;YACVC,OAAO;WACHnG,MAAMoG,WAAW;YACrBtF,WAAW,AAAC,GAAgCoB,OAA9BnE,OAAOsI,mBAAmB,EAAC,KAA0C,OAAvCnE,SAASnE,OAAOuI,iBAAiB,GAAG,EAAE;YAClFC,MAAMvG,MAAMuG,IAAI;YAChBC,SAAS,WAAM;oBACbxG;gBAAAA,CAAAA,sBAAAA,MAAMyG,YAAY,cAAlBzG,iCAAAA,KAAAA,IAAAA,oBAAAA,KAAAA,OAAqB,KAAK;YAC5B;sBAEA,cAAA,MAACY;gBAAIE,WAAW/C,OAAO2I,sBAAsB;;kCAC3C,KAAC9F;wBAAIH,OAAO;4BAAE0F,OAAO;wBAAI;wBAAGrF,WAAW/C,OAAO4I,uBAAuB;kCAElE9E,SAAS+E,MAAM,iBACd,KAAClI;4BAAWyD,SAASA;4BACnB0E,oBAAoBlI;4BACpBmI,WAAW,SAAC1F,OAAU;gCACpB,IAAQ2F,SAAiB3F,MAAjB2F,QAAQC,OAAS5F,MAAT4F;gCAChB,IAAIA,QAAQD,OAAO9G,EAAE,KAAK+G,KAAK/G,EAAE,EAC/B6B,YAAY,SAACmF,OAAU;oCACrB,IAAMC,WAAWD,MAAM7B,SAAS,CAAC+B,SAAAA;+CAAS,AAAC,GAAcA,OAAZA,MAAMlH,EAAE,EAAC,KAAe,OAAZkH,MAAMhH,KAAK,KAAM4G,OAAO9G,EAAE;;oCACnF,IAAMmH,WAAWH,MAAM7B,SAAS,CAACiC,SAAAA;+CAAS,AAAC,GAAcA,OAAZA,MAAMpH,EAAE,EAAC,KAAe,OAAZoH,MAAMlH,KAAK,KAAM6G,KAAK/G,EAAE;;oCACjF,IAAM2F,cAAc5G,UAAUiI,OAAOC,UAAUE;oCAC/C5C,gBAAgBoB;oCAChB,OAAOA;gCACT;4BAEJ;sCAEA,cAAA,KAAC3G;gCAAgBgI,OAAOpF,SAAS8C,GAAG,CAACJ,SAAAA;2CAAQ,AAAC,GAAaA,OAAXA,KAAKtE,EAAE,EAAC,KAAc,OAAXsE,KAAKpE,KAAK;;gCAAKmH,UAAUlI;0CAEhFyC,SAAS8C,GAAG,CAACJ,SAAAA;yDAAS,KAACxE;wCAErBG,OAAOqE;wCACP/C,qBAAO,oBAAA,WAAY;gDACXoE;;;;wDAAAA,cAAc/D,SAASgE,MAAM,CAACC,SAAAA;mEAAK,CAAEA,CAAAA,EAAE7F,EAAE,KAAKsE,KAAKtE,EAAE,IAAI6F,EAAE3F,KAAK,KAAKoE,KAAKpE,KAAK,AAAD;;wDACpF;;4DAAMqE,gBAAgBoB;;;wDAAtB;wDACA9D,YAAY8D;;;;;;wCACd;wCACA5E,SAAS,SAACgE,QAAW;4CACnBD,YAAYR,MAAMS;wCACpB;uCATK,AAAC,IAAcT,OAAXA,KAAKtE,EAAE,EAAC,KAAc,OAAXsE,KAAKpE,KAAK;;;2CAcpC,KAAClC;4BAAMsJ,OAAOtJ,MAAMuJ,sBAAsB;4BAAEC,aAAaxF,OAAOyF,OAAO;0BAAI;;kCAGjF,MAAC9G;wBAAIH,OAAO;4BAAE0F,OAAO;wBAAI;;0CAEvB,KAACvF;gCAAIE,WAAW/C,OAAO4J,2BAA2B;0CAChD,cAAA,KAACzJ;oCACC0J,UAAU,KAAK;oCACfC,sBAAQ,KAACnK;wCAAe4D,KAAKC;;oCAC7BuG,aAAa7F,OAAO8F,iBAAiB;oCACrCC,UAAU,SAAC5G,OAAU;wCACnB,IAAM6G,UAAU7G,MAAM8G,MAAM,CAAChI,KAAK;wCAClC,IAAI+H,SAAS;4CACX,IAAME,QAAQ1G,IAAIkD,GAAG,CAACyD,SAAAA,GAAK;gDACzB,OAAO;oDACL9E,KAAK8E,EAAE9E,GAAG;oDACVV,MAAMwF,EAAExF,IAAI,CAACiD,MAAM,CAACwC,SAAAA;+DAAaA,UAAUnH,IAAI,CAACoH,OAAO,CAACL,WAAW;;gDACrE;4CACF,GAAGpC,MAAM,CAACuC,SAAAA;uDAAKA,EAAExF,IAAI,CAACgE,MAAM;;4CAC5BhF,cAAcuG;wCAChB,OACEvG,cAAe,qBAAGH;oCAEtB;;;4BAIHM,QAAQ6E,MAAM,iBACb,MAAChG;gCAAIE,WAAW/C,OAAOwK,oBAAoB;;kDACzC,KAAC3H;wCAAIE,WAAW/C,OAAOyK,iCAAiC;kDAAGvG,OAAOwG,WAAW;;kDAC7E,KAAC7H;wCAAIE,WAAW/C,OAAO2K,0BAA0B;kDAC9C3G,QAAQ4C,GAAG,CAACN,SAAAA;mDACXmB,eAAenB;;;;+CAGZ,mBAAK;0CAGhB,KAACzD;gCAAIE,WAAW/C,OAAO4K,0BAA0B;gCAAElI,OAAO;oCAAEmI,QAAQ7G,QAAQ6E,MAAM,GAAG,uBAAuB,mBAAmB;gCAAC;0CAC9H,cAAA,KAAChG;oCAAIE,WAAW/C,OAAO8K,gCAAgC;8CACpDlH,WAAWgD,GAAG,CAACJ,SAAAA;6DACd,MAAC3D;4CAAwBE,WAAW/C,OAAO+K,oCAAoC;;8DAC7E,KAAClI;oDAAIE,WAAW/C,OAAOgL,8BAA8B;8DAAGxE,KAAKjB,GAAG,CAACpC,IAAI;;gDACpEqD,KAAK3B,IAAI,CAAC+B,GAAG,CAACN,SAAAA;2DAAaA,SAAS2E,IAAI,KAAKxK,YAAYyK,IAAI,GAC5DzD,eAAenB,0BACb,KAACzD;wDAEDE,WAAW/C,OAAOyK,iCAAiC;kEAElDnE,SAASnD,IAAI;uDAHT,AAAC,GAAoBmD,OAAlBA,SAASlE,KAAK,EAAC,KAAe,OAAZkE,SAASpE,EAAE,EAIjC;;;2CATAsE,KAAKjB,GAAG,CAACG,IAAI;;;;;;;;;;AAmBvC,EAAC"}