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

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

@@ -1,320 +0,0 @@
-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, paging, query } from "@knockout-js/ice-urql/request";
-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";
-var userMenuListQuery = gql("query userMenuList($appCode:String!){\n  userMenus(appCode: $appCode){\n    id,name,route,appID\n  }\n}");
-var userOrgAppsQuery = gql("query layoutPkgUserRootOrgs($first:Int){\n  userRootOrgs{\n    id,\n    apps(first: $first){\n      totalCount,\n      edges{ node{ id,name,code } }\n    }\n  }\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, setDraggableNodeRef = _useSortable.setDraggableNodeRef;
-    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.customMenuDrawerMenuItem,
-        onClick: function() {
-            props.onClick();
-        },
-        children: [
-            /*#__PURE__*/ _jsx("div", {
-                className: styles.customMenuDrawerMenuItemName,
-                children: props.value.name
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                className: styles.customMenuDrawerMenuItemIcons,
-                children: /*#__PURE__*/ _jsxs(Space, {
-                    children: [
-                        /*#__PURE__*/ _jsx(CloseOutlined, {
-                            rev: undefined,
-                            onClick: function() {
-                                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], locale = useLocale("GatherMenu"), sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
-        coordinateGetter: sortableKeyboardCoordinates
-    }));
-    var request = useCallback(/*#__PURE__*/ _async_to_generator(function() {
-        var _appsResult_data, appsResult, apps, newAll, _tmp, _tmp1, _i, i, _menuResult_data, menuResult, menu;
-        return _ts_generator(this, function(_state) {
-            switch(_state.label){
-                case 0:
-                    return [
-                        4,
-                        paging(userOrgAppsQuery, {
-                            first: 30
-                        }, 1, {
-                            instanceName: iceUrqlInstance.ucenter
-                        })
-                    ];
-                case 1:
-                    appsResult = _state.sent(), apps = [];
-                    if ((_appsResult_data = appsResult.data) === null || _appsResult_data === void 0 ? void 0 : _appsResult_data.userRootOrgs) appsResult.data.userRootOrgs.forEach(function(org) {
-                        var _org_apps_edges;
-                        (_org_apps_edges = org.apps.edges) === null || _org_apps_edges === void 0 ? void 0 : _org_apps_edges.forEach(function(oApp) {
-                            if (oApp === null || oApp === void 0 ? void 0 : oApp.node) {
-                                if (!apps.find(function(app) {
-                                    var _oApp_node;
-                                    return app.id === ((_oApp_node = oApp.node) === null || _oApp_node === void 0 ? void 0 : _oApp_node.id);
-                                })) apps.push(oApp.node);
-                            }
-                        });
-                    });
-                    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.filter(function(item) {
-                            return item.route;
-                        });
-                        newAll.push({
-                            app: apps[i],
-                            menu: menu
-                        });
-                    }
-                    _state.label = 4;
-                case 4:
-                    _i++;
-                    return [
-                        3,
-                        2
-                    ];
-                case 5:
-                    setAll(newAll);
-                    setFilterList(newAll);
-                    return [
-                        2
-                    ];
-            }
-        });
-    }), []), checkCollect = useCallback(function(menuItem) {
-        return !!collects.find(function(item) {
-            return item.id === menuItem.id && item.appID === menuItem.appID;
-        });
-    }, [
-        collects
-    ]);
-    useEffect(function() {
-        if (props.dataSource) {
-            setAll(props.dataSource);
-            setFilterList(props.dataSource);
-        } else request();
-    }, [
-        props.dataSource
-    ]);
-    useEffect(function() {
-        if (props.storeKey) {
-            var store = localStorage.getItem(props.storeKey);
-            if (store) try {
-                setCollects(JSON.parse(store));
-            } catch (error) {}
-        }
-    }, [
-        props.storeKey
-    ]);
-    useEffect(function() {
-        if (props.storeKey) {
-            if (collects.length) localStorage.setItem(props.storeKey, JSON.stringify(collects));
-            else localStorage.removeItem(props.storeKey);
-        }
-    }, [
-        collects
-    ]);
-    return /*#__PURE__*/ _jsx(_Fragment, {
-        children: /*#__PURE__*/ _jsx(Drawer, {
-            className: styles.customMenuDrawer,
-            placement: "left",
-            open: props.open,
-            width: 1060,
-            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.customMenuDrawerRow,
-                children: [
-                    /*#__PURE__*/ _jsx("div", {
-                        style: {
-                            width: 240
-                        },
-                        className: styles.customMenuDrawerMenu,
-                        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;
-                                    });
-                                    return arrayMove(items, oldIndex, newIndex);
-                                });
-                            },
-                            children: /*#__PURE__*/ _jsx(SortableContext, {
-                                items: collects.map(function(item) {
-                                    return "".concat(item.id, "-").concat(item.appID);
-                                }),
-                                strategy: verticalListSortingStrategy,
-                                children: collects.map(function(item) {
-                                    /*#__PURE__*/ return _jsx(DargItem, {
-                                        value: item,
-                                        onDel: function() {
-                                            setCollects(collects.filter(function(c) {
-                                                return !(c.id === item.id && c.appID === item.appID);
-                                            }));
-                                        },
-                                        onClick: function() {
-                                            var _props_onClick;
-                                            var allApp = all.find(function(allItem) {
-                                                return allItem.app.id == item.appID;
-                                            });
-                                            if (allApp) (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, item, allApp.app);
-                                        }
-                                    }, "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.customMenuDrawerAllInput,
-                                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));
-                                    }
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx("div", {
-                                className: styles.customMenuDrawerAllMenu,
-                                children: filterList.map(function(item) {
-                                    /*#__PURE__*/ return _jsxs("div", {
-                                        className: styles.customMenuDrawerAllMenuColumn,
-                                        children: [
-                                            /*#__PURE__*/ _jsx("div", {
-                                                className: styles.customMenuDrawerAllMenuTitle,
-                                                children: item.app.name
-                                            }),
-                                            item.menu.map(function(menuItem) {
-                                                /*#__PURE__*/ return _jsxs("div", {
-                                                    className: styles.customMenuDrawerAllMenuItem,
-                                                    onClick: function() {
-                                                        var _props_onClick;
-                                                        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, menuItem, item.app);
-                                                    },
-                                                    children: [
-                                                        /*#__PURE__*/ _jsx("div", {
-                                                            className: styles.customMenuDrawerAllMenuItemName,
-                                                            children: menuItem.name
-                                                        }),
-                                                        /*#__PURE__*/ _jsx("div", {
-                                                            children: /*#__PURE__*/ _jsx(StarOutlined, {
-                                                                rev: undefined,
-                                                                className: checkCollect(menuItem) ? "collect" : "",
-                                                                onClick: function(event) {
-                                                                    event.stopPropagation();
-                                                                    if (checkCollect(menuItem)) setCollects(collects.filter(function(c) {
-                                                                        return !(c.id === menuItem.id && c.appID === menuItem.appID);
-                                                                    }));
-                                                                    else setCollects(_to_consumable_array(collects).concat([
-                                                                        menuItem
-                                                                    ]));
-                                                                }
-                                                            })
-                                                        })
-                                                    ]
-                                                }, "".concat(menuItem.appID, "-").concat(menuItem.id));
-                                            })
-                                        ]
-                                    }, item.app.code);
-                                })
-                            })
-                        ]
-                    })
-                ]
-            })
-        })
-    });
-};
-
- //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\gather-menu\index.js.map

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

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

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

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

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

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

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

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

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

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

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

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