@knockout-js/layout 0.0.3 → 0.0.4-beta.1

package/es2017/components/upload-file/uploadTemp.js

@@ -0,0 +1,167 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
+import { UploadOutlined } from "@ant-design/icons";
+import { Button, Modal, Popconfirm, Space, Typography, Upload, message } from "antd";
+import { useEffect, useRef, useState } from "react";
+import { files as fileApi } from "@knockout-js/api";
+import { useAppCode, useTenantId } from "../provider/index";
+import { randomId, formatFileSize } from "./index";
+import { useLocale } from "../locale/index";
+import styles from "./index.module.css";
+export default ((props)=>{
+    var _props_accept;
+    var _props_bucket, _props_appCode, _props_tenantId;
+    const bucket = (_props_bucket = props.bucket) !== null && _props_bucket !== void 0 ? _props_bucket : 'local', appCode = (_props_appCode = props.appCode) !== null && _props_appCode !== void 0 ? _props_appCode : useAppCode(), tenantId = (_props_tenantId = props.tenantId) !== null && _props_tenantId !== void 0 ? _props_tenantId : useTenantId(), locale = useLocale("UploadFile"), [messageApi] = message.useMessage(), [loading, setLoading] = useState(false), iframeRef = useRef(null), [name, setName] = useState(), [urlSrc, setUrlSrc] = useState(), [modal, setModal] = useState({
+        show: false
+    });
+    const getUploadKey = (file)=>{
+        const suffix = file.name.split('.').pop(), keys = [];
+        if (props.forceDirectory && props.directory) keys.push(props.directory);
+        else {
+            if (appCode) keys.push(appCode);
+            if (tenantId) keys.push(tenantId);
+            if (props.directory) keys.push(props.directory);
+        }
+        keys.push(`${randomId(16)}.${suffix}`);
+        return `/${keys.join('/')}`.replace('//', '/');
+    }, beforeUpload = async (file)=>{
+        const maxSize = props.maxSize || 5242880;
+        if (file.size > maxSize) {
+            messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
+            return false;
+        }
+        await updateFile(file);
+        return false;
+    }, updateFile = async (file)=>{
+        const key = getUploadKey(file);
+        setLoading(true);
+        if (bucket === 'local') try {
+            const result = await fileApi.updateFiles({
+                key,
+                bucket,
+                file
+            });
+            if (result) {
+                var _props_onChange, _props_onChangePath;
+                (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, result);
+                (_props_onChangePath = props.onChangePath) === null || _props_onChangePath === void 0 ? void 0 : _props_onChangePath.call(props, key);
+            }
+        } catch (error) {}
+        setLoading(false);
+    }, getValueFile = async ()=>{
+        if (props.value) {
+            const result = await fileApi.getFiles(props.value);
+            if (result === null || result === void 0 ? void 0 : result.id) setName(result.name);
+            if (bucket === 'local') {
+                const result = await fileApi.getFilesRaw(props.value, 'url');
+                if (typeof result === 'string') setUrlSrc(result);
+            }
+        } else setUrlSrc(undefined);
+    }, updateContent = async ()=>{
+        if (props.value) {
+            const result = await fileApi.getFilesRaw(props.value);
+            if (result && typeof result != 'string') {
+                const r = new FileReader();
+                r.readAsText(result, 'utf-8');
+                r.onload = ()=>{
+                    var _iframeRef_current, _iframeRef_current1;
+                    if ((_iframeRef_current = iframeRef.current) === null || _iframeRef_current === void 0 ? void 0 : _iframeRef_current.contentWindow) iframeRef.current.contentWindow.document.write(r.result);
+                    else if ((_iframeRef_current1 = iframeRef.current) === null || _iframeRef_current1 === void 0 ? void 0 : _iframeRef_current1.contentDocument) iframeRef.current.contentDocument.write(r.result);
+                };
+            }
+        }
+    };
+    useEffect(()=>{
+        getValueFile();
+    }, [
+        props.value
+    ]);
+    useEffect(()=>{
+        if (modal.show) updateContent();
+    }, [
+        modal.show
+    ]);
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs(Space, {
+                children: [
+                    /*#__PURE__*/ _jsx(Upload, {
+                        accept: props.accept,
+                        showUploadList: false,
+                        beforeUpload: beforeUpload,
+                        children: /*#__PURE__*/ _jsx(Button, {
+                            loading: loading,
+                            icon: /*#__PURE__*/ _jsx(UploadOutlined, {
+                                rev: undefined
+                            }),
+                            children: locale.fileUpload
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(Typography.Text, {
+                        type: "secondary",
+                        children: `${locale.supportExtension}: ${(_props_accept = props.accept) === null || _props_accept === void 0 ? void 0 : _props_accept.split(',.').join('、').replace('.', '')}`
+                    })
+                ]
+            }),
+            props.value ? /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        style: {
+                            height: "8px"
+                        }
+                    }),
+                    /*#__PURE__*/ _jsxs(Space, {
+                        children: [
+                            /*#__PURE__*/ _jsx("a", {
+                                onClick: ()=>{
+                                    setModal({
+                                        show: true
+                                    });
+                                },
+                                children: locale.tempViewer
+                            }),
+                            /*#__PURE__*/ _jsx("a", {
+                                target: "_blank",
+                                href: urlSrc,
+                                download: name,
+                                children: locale.tempDown
+                            }),
+                            props.showDelBtn ? /*#__PURE__*/ _jsx(Popconfirm, {
+                                title: locale.del,
+                                description: locale.confirmDel,
+                                onConfirm: ()=>{
+                                    var _props_onChange, _props_onChangePath;
+                                    (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props);
+                                    (_props_onChangePath = props.onChangePath) === null || _props_onChangePath === void 0 ? void 0 : _props_onChangePath.call(props);
+                                },
+                                okText: "Yes",
+                                cancelText: "No",
+                                children: /*#__PURE__*/ _jsx("a", {
+                                    className: styles.delText,
+                                    children: locale.del
+                                })
+                            }) : /*#__PURE__*/ _jsx(_Fragment, {})
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Modal, {
+                        title: locale.tempViewer,
+                        open: modal.show,
+                        destroyOnClose: true,
+                        footer: null,
+                        width: 800,
+                        onCancel: ()=>{
+                            setModal({
+                                show: false
+                            });
+                        },
+                        children: /*#__PURE__*/ _jsx("iframe", {
+                            className: styles.modalIframe,
+                            ref: iframeRef
+                        })
+                    })
+                ]
+            }) : /*#__PURE__*/ _jsx(_Fragment, {})
+        ]
+    });
+});
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\upload-file\uploadTemp.js.map

package/es2017/components/upload-file/uploadTemp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\upload-file\\uploadTemp.tsx"],"sourcesContent":["import { UploadOutlined } from \"@ant-design/icons\";\r\nimport { Button, Modal, Popconfirm, Space, Typography, Upload, message } from \"antd\"\r\nimport { RcFile } from \"antd/es/upload\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { files as fileApi } from \"@knockout-js/api\";\r\nimport { useAppCode, useTenantId } from \"../provider\";\r\nimport { UploadFileProps, randomId, formatFileSize } from \".\";\r\nimport { useLocale } from \"../locale\";\r\nimport styles from \"./index.module.css\";\r\n\r\nexport default (props: UploadFileProps<string> & {\r\n  /**\r\n  * 显示删除按钮\r\n  */\r\n  showDelBtn?: boolean;\r\n}) => {\r\n  const\r\n    bucket = props.bucket ?? 'local',\r\n    appCode = props.appCode ?? useAppCode(),\r\n    tenantId = props.tenantId ?? useTenantId(),\r\n    locale = useLocale(\"UploadFile\"),\r\n    [messageApi] = message.useMessage(),\r\n    [loading, setLoading] = useState(false),\r\n    iframeRef = useRef<HTMLIFrameElement>(null),\r\n    [name, setName] = useState<string>(),\r\n    [urlSrc, setUrlSrc] = useState<string>(),\r\n    [modal, setModal] = useState<{\r\n      show: boolean,\r\n    }>({\r\n      show: false,\r\n    });\r\n\r\n  const\r\n    getUploadKey = (file: RcFile) => {\r\n      const suffix = file.name.split('.').pop(),\r\n        keys: string[] = [];\r\n      if (props.forceDirectory && props.directory) {\r\n        keys.push(props.directory)\r\n      } else {\r\n        if (appCode) {\r\n          keys.push(appCode)\r\n        }\r\n        if (tenantId) {\r\n          keys.push(tenantId)\r\n        }\r\n        if (props.directory) {\r\n          keys.push(props.directory)\r\n        }\r\n      }\r\n      keys.push(`${randomId(16)}.${suffix}`);\r\n      return `/${keys.join('/')}`.replace('//', '/');\r\n    },\r\n    beforeUpload = async (file: RcFile) => {\r\n      const maxSize = props.maxSize || (1024 * 1024 * 5);\r\n\r\n      if (file.size > maxSize) {\r\n        messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n        return false;\r\n      }\r\n\r\n      await updateFile(file);\r\n      return false;\r\n    },\r\n    updateFile = async (file: RcFile) => {\r\n      const key = getUploadKey(file);\r\n      setLoading(true);\r\n      if (bucket === 'local') {\r\n        try {\r\n          const result = await fileApi.updateFiles({\r\n            key,\r\n            bucket,\r\n            file,\r\n          })\r\n          if (result) {\r\n            props.onChange?.(result)\r\n            props.onChangePath?.(key);\r\n          }\r\n        } catch (error) {\r\n\r\n        }\r\n      }\r\n      setLoading(false)\r\n    },\r\n    getValueFile = async () => {\r\n      if (props.value) {\r\n        const result = await fileApi.getFiles(props.value);\r\n        if (result?.id) {\r\n          setName(result.name)\r\n        }\r\n        if (bucket === 'local') {\r\n          const result = await fileApi.getFilesRaw(props.value, 'url');\r\n          if (typeof result === 'string') {\r\n            setUrlSrc(result)\r\n          }\r\n        }\r\n      } else {\r\n        setUrlSrc(undefined)\r\n      }\r\n    },\r\n    updateContent = async () => {\r\n      if (props.value) {\r\n        const result = await fileApi.getFilesRaw(props.value)\r\n        if (result && typeof result != 'string') {\r\n          const r = new FileReader()\r\n          r.readAsText(result, 'utf-8')\r\n          r.onload = () => {\r\n            if (iframeRef.current?.contentWindow) {\r\n              iframeRef.current.contentWindow.document.write(r.result as string)\r\n            } else if (iframeRef.current?.contentDocument) {\r\n              iframeRef.current.contentDocument.write(r.result as string)\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n  useEffect(() => {\r\n    getValueFile();\r\n  }, [props.value]);\r\n\r\n  useEffect(() => {\r\n    if (modal.show) {\r\n      updateContent();\r\n    }\r\n  }, [modal.show]);\r\n\r\n  return <>\r\n    <Space>\r\n      <Upload\r\n        accept={props.accept}\r\n        showUploadList={false}\r\n        beforeUpload={beforeUpload}\r\n      >\r\n        <Button loading={loading} icon={<UploadOutlined rev={undefined} />}>{locale.fileUpload}</Button>\r\n      </Upload>\r\n      <Typography.Text type=\"secondary\">\r\n        {`${locale.supportExtension}: ${props.accept?.split(',.').join('、').replace('.', '')}`}\r\n      </Typography.Text>\r\n    </Space>\r\n    {props.value ? <>\r\n      <div style={{ height: \"8px\" }}></div>\r\n      <Space >\r\n        <a onClick={() => {\r\n          setModal({ show: true })\r\n        }}\r\n        >{locale.tempViewer}</a>\r\n        <a target=\"_blank\" href={urlSrc} download={name}>{locale.tempDown}</a>\r\n        {props.showDelBtn ? <Popconfirm\r\n          title={locale.del}\r\n          description={locale.confirmDel}\r\n          onConfirm={() => {\r\n            props.onChange?.()\r\n            props.onChangePath?.();\r\n          }}\r\n          okText=\"Yes\"\r\n          cancelText=\"No\"\r\n        >\r\n          <a className={styles.delText}>{locale.del}</a>\r\n        </Popconfirm> : <></>}\r\n      </Space>\r\n      <Modal\r\n        title={locale.tempViewer}\r\n        open={modal.show}\r\n        destroyOnClose\r\n        footer={null}\r\n        width={800}\r\n        onCancel={() => {\r\n          setModal({ show: false })\r\n        }}\r\n      >\r\n        <iframe className={styles.modalIframe} ref={iframeRef}></iframe>\r\n      </Modal>\r\n    </> : <></>}\r\n  </>\r\n}\r\n"],"names":["UploadOutlined","Button","Modal","Popconfirm","Space","Typography","Upload","message","useEffect","useRef","useState","files","fileApi","useAppCode","useTenantId","randomId","formatFileSize","useLocale","styles","props","bucket","appCode","tenantId","locale","messageApi","useMessage","loading","setLoading","iframeRef","name","setName","urlSrc","setUrlSrc","modal","setModal","show","getUploadKey","file","suffix","split","pop","keys","forceDirectory","directory","push","join","replace","beforeUpload","maxSize","size","error","fileSizeTip","updateFile","key","result","updateFiles","onChange","onChangePath","getValueFile","value","getFiles","id","getFilesRaw","undefined","updateContent","r","FileReader","readAsText","onload","current","contentWindow","document","write","contentDocument","accept","showUploadList","icon","rev","fileUpload","Text","type","supportExtension","div","style","height","a","onClick","tempViewer","target","href","download","tempDown","showDelBtn","title","del","description","confirmDel","onConfirm","okText","cancelText","className","delText","open","destroyOnClose","footer","width","onCancel","iframe","modalIframe","ref"],"mappings":"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"}

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

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

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

@@ -0,0 +1,333 @@
+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 { 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, useTenantId } from "../provider/index";
+var userMenuListQuery = gql("query userMenuList($appCode:String!){\n  userMenus(appCode: $appCode){\n    id,name,route,appID,parentID,displaySort,kind\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;
+    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(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], _useState3 = _sliced_to_array(useState([]), 2), latelys = _useState3[0], setLately = _useState3[1], locale = useLocale("AggregateMenu"), isDark = useDark(), tenantId = useTenantId(), 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;
+                        if (tenantId === org.id) (_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) && !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.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: 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
+    ]), menuItemRender = function(menuItem) {
+        return /*#__PURE__*/ _jsxs("div", {
+            className: styles.aggregateMenuDrawerAllMenuItem,
+            onClick: function() {
+                var _props_onClick;
+                var allApp = all.find(function(allItem) {
+                    return allItem.app.id == menuItem.appID;
+                });
+                if (allApp) (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, menuItem, allApp.app);
+            },
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: styles.aggregateMenuDrawerAllMenuItemName,
+                    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.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, {
+            className: "".concat(styles.aggregateMenuDrawer, " ").concat(isDark ? styles.aggregateMenuDark : ""),
+            title: locale.title,
+            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.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;
+                                    });
+                                    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.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: filterList.map(function(item) {
+                                    return /*#__PURE__*/ _jsxs("div", {
+                                        className: styles.aggregateMenuDrawerAllMenuColumn,
+                                        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, Empty, Input, Space } from \"antd\";\r\nimport { gql, paging, query } from \"@knockout-js/ice-urql/request\";\r\nimport { App, AppMenu, AppMenuKind, 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\nimport { useDark, useTenantId } from \"../provider\";\r\n\r\nconst userMenuListQuery = gql(/* GraphQL */`query userMenuList($appCode:String!){\r\n  userMenus(appCode: $appCode){\r\n    id,name,route,appID,parentID,displaySort,kind\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 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  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 } = 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        <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: 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    tenantId = useTenantId(),\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<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          if (tenantId === org.id) {\r\n            org.apps.edges?.forEach(oApp => {\r\n              if (oApp?.node && !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: AggregateMenuDataSource = [];\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.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,\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    menuItemRender = (menuItem: AppMenu) => {\r\n      return <div\r\n        key={`${menuItem.id}-${menuItem.appID}`}\r\n        className={styles.aggregateMenuDrawerAllMenuItem}\r\n        onClick={() => {\r\n          const allApp = all.find(allItem => allItem.app.id == menuItem.appID);\r\n          if (allApp) {\r\n            props.onClick?.(menuItem, allApp.app);\r\n          }\r\n        }}\r\n      >\r\n        <div className={styles.aggregateMenuDrawerAllMenuItemName}> {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\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      className={`${styles.aggregateMenuDrawer} ${isDark ? styles.aggregateMenuDark : ''}`}\r\n      title={locale.title}\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.aggregateMenuDrawerRow}>\r\n        <div style={{ width: 240 }} className={styles.aggregateMenuDrawerMenu}>\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.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          {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          <div className={styles.aggregateMenuDrawerAllMenu} style={{ height: latelys.length ? \"calc(100% - 164px)\" : \"calc(100% - 52px)\" }}>\r\n            {filterList.map(item => (\r\n              <div key={item.app.code} className={styles.aggregateMenuDrawerAllMenuColumn}>\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    </Drawer>\r\n  </>\r\n}\r\n"],"names":["CloseOutlined","DragOutlined","SearchOutlined","StarOutlined","useCallback","useEffect","useState","styles","Drawer","Empty","Input","Space","gql","paging","query","AppMenuKind","iceUrqlInstance","DndContext","closestCenter","KeyboardSensor","PointerSensor","useSensor","useSensors","arrayMove","SortableContext","useSortable","sortableKeyboardCoordinates","verticalListSortingStrategy","CSS","useLocale","useDark","useTenantId","userMenuListQuery","userOrgAppsQuery","DargItem","props","id","value","appID","setNodeRef","listeners","attributes","transform","transition","style","Transform","toString","div","ref","className","aggregateMenuDrawerMenuItem","onClick","aggregateMenuDrawerMenuItemName","name","aggregateMenuDrawerMenuItemIcons","rev","undefined","onDel","all","setAll","filterList","setFilterList","collects","setCollects","latelys","setLately","locale","isDark","tenantId","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","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","checkCollect","menuItem","item","menuItemRender","aggregateMenuDrawerAllMenuItem","allApp","allItem","aggregateMenuDrawerAllMenuItemName","event","stopPropagation","filter","c","dataSource","aggregateMenuDrawer","aggregateMenuDark","title","placement","open","width","onClose","onChangeOpen","aggregateMenuDrawerRow","aggregateMenuDrawerMenu","length","collisionDetection","onDragEnd","active","over","items","oldIndex","findIndex","oItem","newIndex","nItem","map","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","aggregateMenuDrawerAllAppTitle","kind","Menu"],"mappings":"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"}