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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knockout-js/layout",
-  "version": "0.0.4-beta.0",
+  "version": "0.1.0",
   "description": "组件功能描述",
   "files": [
     "esm",
@@ -36,7 +36,7 @@
     "component"
   ],
   "dependencies": {
-    "@ant-design/icons": "^5.1.4",
+    "@ant-design/icons": "^5.2.5",
     "@ant-design/pro-layout": "^7.16.6",
     "@ant-design/pro-provider": "^2.12.1",
     "@ant-design/pro-table": "^3.8.2",
@@ -49,8 +49,8 @@
     "antd": "^5.6.3",
     "react-activation": "^0.12.4",
     "react-draggable": "^4.4.5",
-    "@knockout-js/api": "^0.0.4-beta.0",
-    "@knockout-js/ice-urql": "^0.0.3"
+    "@knockout-js/api": "^0.1.0",
+    "@knockout-js/ice-urql": "^0.1.0"
   },
   "devDependencies": {
     "@ice/pkg": "^1.5.0",
@@ -66,6 +66,10 @@
   "publishConfig": {
     "access": "public"
   },
+  "repository": {
+    "type": "http",
+    "url": "https://github.com/woocoos/knockout-js/tree/main/packages/layout"
+  },
   "license": "MIT",
   "scripts": {
     "start": "ice-pkg start",

package/es2017/components/gather-menu/index.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import { App, AppMenu } from "@knockout-js/api";
-export type GatherMenuLocale = {
-    notText: string;
-    searchPlaceholder: string;
-};
-export type GatherMenuDataSource = {
-    app: App;
-    menu: AppMenu[];
-}[];
-export interface GatherMenuProps {
-    /**
-     * 弹出开关
-     */
-    open?: boolean;
-    /**
-     * 数据源
-     */
-    dataSource?: GatherMenuDataSource;
-    /**
-     * 存储key
-     */
-    storeKey?: string;
-    /**
-     * 弹出开关变更
-     */
-    onChangeOpen?: (open: boolean) => void;
-    /**
-     * 选中菜单
-     */
-    onClick?: (menuItem: AppMenu, app: App) => void;
-}
-declare const _default: (props: GatherMenuProps) => JSX.Element;
-export default _default;

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

@@ -1,278 +0,0 @@
-import _object_spread from "@swc/helpers/src/_object_spread.mjs";
-import _object_spread_props from "@swc/helpers/src/_object_spread_props.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";
-const userMenuListQuery = gql(/* GraphQL */ `query userMenuList($appCode:String!){
-  userMenus(appCode: $appCode){
-    id,name,route,appID
-  }
-}`);
-const userOrgAppsQuery = gql(/* GraphQL */ `query layoutPkgUserRootOrgs($first:Int){
-  userRootOrgs{
-    id,
-    apps(first: $first){
-      totalCount,
-      edges{ node{ id,name,code } }
-    }
-  }
-}`);
-/**
- * 排序拖拽使用的控件
- * https://docs.dndkit.com/
- * @param props
- * @returns
- */ const DargItem = (props)=>{
-    const id = `${props.value.id}-${props.value.appID}`;
-    const { setNodeRef , listeners , attributes , transform , transition , setDraggableNodeRef  } = useSortable({
-        id
-    });
-    const style = {
-        transform: CSS.Transform.toString(transform),
-        transition
-    };
-    return /*#__PURE__*/ _jsxs("div", _object_spread_props(_object_spread({
-        ref: setNodeRef,
-        style: style
-    }, attributes), {
-        className: styles.customMenuDrawerMenuItem,
-        onClick: ()=>{
-            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: ()=>{
-                                props.onDel();
-                            }
-                        }),
-                        /*#__PURE__*/ _jsx(DragOutlined, _object_spread_props(_object_spread({
-                            rev: undefined
-                        }, listeners), {
-                            className: "dragIcon"
-                        }))
-                    ]
-                })
-            })
-        ]
-    }));
-};
-export default ((props)=>{
-    const [all, setAll] = useState([]), [filterList, setFilterList] = useState([]), [collects, setCollects] = useState([]), locale = useLocale('GatherMenu'), sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
-        coordinateGetter: sortableKeyboardCoordinates
-    }));
-    const request = useCallback(async ()=>{
-        var _appsResult_data;
-        const appsResult = await paging(userOrgAppsQuery, {
-            first: 30
-        }, 1, {
-            instanceName: iceUrqlInstance.ucenter
-        }), apps = [];
-        if ((_appsResult_data = appsResult.data) === null || _appsResult_data === void 0 ? void 0 : _appsResult_data.userRootOrgs) appsResult.data.userRootOrgs.forEach((org)=>{
-            var _org_apps_edges;
-            (_org_apps_edges = org.apps.edges) === null || _org_apps_edges === void 0 ? void 0 : _org_apps_edges.forEach((oApp)=>{
-                if (oApp === null || oApp === void 0 ? void 0 : oApp.node) {
-                    if (!apps.find((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);
-                }
-            });
-        });
-        const newAll = [];
-        for(let i in apps){
-            var _menuResult_data;
-            const menuResult = await query(userMenuListQuery, {
-                appCode: apps[i].code
-            }, {
-                instanceName: iceUrqlInstance.ucenter
-            });
-            if ((_menuResult_data = menuResult.data) === null || _menuResult_data === void 0 ? void 0 : _menuResult_data.userMenus) {
-                const menu = menuResult.data.userMenus.filter((item)=>item.route);
-                newAll.push({
-                    app: apps[i],
-                    menu
-                });
-            }
-        }
-        setAll(newAll);
-        setFilterList(newAll);
-    }, []), checkCollect = useCallback((menuItem)=>{
-        return !!collects.find((item)=>item.id === menuItem.id && item.appID === menuItem.appID);
-    }, [
-        collects
-    ]);
-    useEffect(()=>{
-        if (props.dataSource) {
-            setAll(props.dataSource);
-            setFilterList(props.dataSource);
-        } else request();
-    }, [
-        props.dataSource
-    ]);
-    useEffect(()=>{
-        if (props.storeKey) {
-            const store = localStorage.getItem(props.storeKey);
-            if (store) try {
-                setCollects(JSON.parse(store));
-            } catch (error) {}
-        }
-    }, [
-        props.storeKey
-    ]);
-    useEffect(()=>{
-        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: ()=>{
-                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: (event)=>{
-                                const { active , over  } = event;
-                                if (over && active.id !== over.id) setCollects((items)=>{
-                                    const oldIndex = items.findIndex((oItem)=>`${oItem.id}-${oItem.appID}` == active.id);
-                                    const newIndex = items.findIndex((nItem)=>`${nItem.id}-${nItem.appID}` == over.id);
-                                    return arrayMove(items, oldIndex, newIndex);
-                                });
-                            },
-                            children: /*#__PURE__*/ _jsx(SortableContext, {
-                                items: collects.map((item)=>`${item.id}-${item.appID}`),
-                                strategy: verticalListSortingStrategy,
-                                children: collects.map((item)=>{
-                                    /*#__PURE__*/ return _jsx(DargItem, {
-                                        value: item,
-                                        onDel: ()=>{
-                                            setCollects(collects.filter((c)=>!(c.id === item.id && c.appID === item.appID)));
-                                        },
-                                        onClick: ()=>{
-                                            var _props_onClick;
-                                            const allApp = all.find((allItem)=>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${item.id}-${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: (event)=>{
-                                        const keyword = event.target.value;
-                                        if (keyword) {
-                                            const fList = all.map((f)=>{
-                                                return {
-                                                    app: f.app,
-                                                    menu: f.menu.filter((fMenuItem)=>fMenuItem.name.indexOf(keyword) > -1)
-                                                };
-                                            }).filter((f)=>f.menu.length);
-                                            setFilterList(fList);
-                                        } else setFilterList([
-                                            ...all
-                                        ]);
-                                    }
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx("div", {
-                                className: styles.customMenuDrawerAllMenu,
-                                children: filterList.map((item)=>{
-                                    /*#__PURE__*/ return _jsxs("div", {
-                                        className: styles.customMenuDrawerAllMenuColumn,
-                                        children: [
-                                            /*#__PURE__*/ _jsx("div", {
-                                                className: styles.customMenuDrawerAllMenuTitle,
-                                                children: item.app.name
-                                            }),
-                                            item.menu.map((menuItem)=>{
-                                                /*#__PURE__*/ return _jsxs("div", {
-                                                    className: styles.customMenuDrawerAllMenuItem,
-                                                    onClick: ()=>{
-                                                        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: (event)=>{
-                                                                    event.stopPropagation();
-                                                                    if (checkCollect(menuItem)) setCollects(collects.filter((c)=>!(c.id === menuItem.id && c.appID === menuItem.appID)));
-                                                                    else setCollects([
-                                                                        ...collects,
-                                                                        menuItem
-                                                                    ]);
-                                                                }
-                                                            })
-                                                        })
-                                                    ]
-                                                }, `${menuItem.appID}-${menuItem.id}`);
-                                            })
-                                        ]
-                                    }, item.app.code);
-                                })
-                            })
-                        ]
-                    })
-                ]
-            })
-        })
-    });
-});
-
- //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\gather-menu\index.js.map

package/es2017/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","first","instanceName","ucenter","apps","data","userRootOrgs","forEach","org","edges","oApp","node","find","app","push","newAll","i","menuResult","appCode","code","userMenus","menu","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/es2017/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/es2017/components/gather-menu/locale/en_US.d.ts

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

package/es2017/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,MAAMA,SAA2B;IAC/BC,SAAS;IACTC,mBAAmB;AACrB;AAEA,eAAeF,OAAM"}

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

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

package/es2017/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,MAAMA,SAA2B;IAC/BC,SAAS;IACTC,mBAAmB;AACrB;AAEA,eAAeF,OAAM"}

package/esm/components/gather-menu/index.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import { App, AppMenu } from "@knockout-js/api";
-export type GatherMenuLocale = {
-    notText: string;
-    searchPlaceholder: string;
-};
-export type GatherMenuDataSource = {
-    app: App;
-    menu: AppMenu[];
-}[];
-export interface GatherMenuProps {
-    /**
-     * 弹出开关
-     */
-    open?: boolean;
-    /**
-     * 数据源
-     */
-    dataSource?: GatherMenuDataSource;
-    /**
-     * 存储key
-     */
-    storeKey?: string;
-    /**
-     * 弹出开关变更
-     */
-    onChangeOpen?: (open: boolean) => void;
-    /**
-     * 选中菜单
-     */
-    onClick?: (menuItem: AppMenu, app: App) => void;
-}
-declare const _default: (props: GatherMenuProps) => JSX.Element;
-export default _default;