@icos-desktop/react-components 2.3.0 → 2.3.1

package/dist/es/components/VideoPlayer/VideoPlayer.js

@@ -0,0 +1,79 @@
+import { __awaiter, __generator, __assign } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.41.1_tslib@2.8.1_typescript@5.8.3/node_modules/tslib/tslib.es6.js';
+import { FullscreenOutlined } from '@ant-design/icons';
+import { useRequest } from 'ahooks';
+import React__default, { useState } from 'react';
+import { getRealtimeVideoUrl, getEntityContentConfig } from '../../services/senseForm.js';
+import Control from './components/Control/index.js';
+import Player from './components/Player/index.js';
+import styles from './VideoPlayer.module.less.js';
+
+var VideoPlayer = function (props) {
+    var libsPath = props.libsPath, url = props.url, senseGlobalCode = props.senseGlobalCode, channelId = props.channelId, videoPlayerType = props.videoPlayerType, videoStreamSource = props.videoStreamSource, width = props.width, height = props.height;
+    var _a = useState(false), openControl = _a[0], setOpenControl = _a[1];
+    /**
+     * 视频播放器需要参数 url 和 videoPlayerType
+     * 指定 url 时直接使用 url，还需指定 videoPlayerType
+     * 指定 channelId 和 videoStreamSource 时，通过接口获取 url，还需指定 videoPlayerType
+     * 指定 senseGlobalCode 时，通过接口获取 url 和 videoPlayerType
+     */
+    var data = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _url, res, _url;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (url) {
+                        return [2 /*return*/, { url: url, senseGlobalCode: senseGlobalCode, channelId: channelId, videoPlayerType: videoPlayerType, videoStreamSource: videoStreamSource }];
+                    }
+                    if (!(channelId && videoStreamSource)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, getRealtimeVideoUrl({ channelId: channelId, videoStreamSource: videoStreamSource, streamType: 0 })];
+                case 1:
+                    _url = _b.sent();
+                    return [2 /*return*/, { url: _url, senseGlobalCode: senseGlobalCode, channelId: channelId, videoPlayerType: videoPlayerType, videoStreamSource: videoStreamSource }];
+                case 2:
+                    if (!senseGlobalCode) return [3 /*break*/, 5];
+                    return [4 /*yield*/, getEntityContentConfig({ senseGlobalCode: senseGlobalCode })];
+                case 3:
+                    res = _b.sent();
+                    if (!((_a = res === null || res === void 0 ? void 0 : res.videoDataConfig) === null || _a === void 0 ? void 0 : _a.channelId)) return [3 /*break*/, 5];
+                    return [4 /*yield*/, getRealtimeVideoUrl({
+                            channelId: res.videoDataConfig.channelId,
+                            videoStreamSource: res.videoDataConfig.videoStreamSource,
+                            streamType: 0,
+                        })];
+                case 4:
+                    _url = _b.sent();
+                    return [2 /*return*/, {
+                            url: _url,
+                            senseGlobalCode: senseGlobalCode,
+                            channelId: res.videoDataConfig.channelId,
+                            videoPlayerType: res.videoDataConfig.videoPlayerType,
+                            videoStreamSource: res.videoDataConfig.videoStreamSource,
+                            ptzControl: res.videoDataConfig.ptzControl,
+                        }];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); }, {
+        refreshDeps: [url, senseGlobalCode, channelId, videoPlayerType, videoStreamSource],
+    }).data;
+    // 打开云台控制
+    var handleOpenControl = function () {
+        setOpenControl(true);
+    };
+    // 关闭云台控制
+    var handleCloseControl = function () {
+        setOpenControl(false);
+    };
+    if (!data) {
+        return null;
+    }
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement(Player, { libsPath: libsPath, videoPlayerType: data.videoPlayerType, url: data.url, width: width, height: height }),
+        data.ptzControl ? (React__default.createElement("div", { className: styles.control, onClick: handleOpenControl },
+            React__default.createElement(FullscreenOutlined, null),
+            React__default.createElement("span", null, "\u8BBE\u5907\u63A7\u5236"))) : null,
+        data.ptzControl ? (React__default.createElement(Control, __assign({ open: openControl, onCancel: handleCloseControl }, props, data))) : null));
+};
+
+export { VideoPlayer as default };

package/dist/es/components/VideoPlayer/VideoPlayer.module.less.js

@@ -0,0 +1,7 @@
+import styleInject from '../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".VideoPlayer-module_container__Afx8w {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.VideoPlayer-module_container__Afx8w * {\n  box-sizing: border-box;\n}\n.VideoPlayer-module_container__Afx8w .VideoPlayer-module_control__BUSKK {\n  position: absolute;\n  top: 16px;\n  right: 8px;\n  z-index: 999;\n  display: flex;\n  column-gap: 4px;\n  padding: 4px 12px;\n  font-size: 16px;\n  font-weight: 400;\n  color: #fff;\n  cursor: pointer;\n  background: linear-gradient(0deg, rgba(0, 255, 255, 0.3) 0%, rgba(0, 255, 255, 0.3) 100%), rgba(0, 43, 102, 0.4);\n  border: 1px solid rgba(0, 255, 255, 0.6);\n  border-radius: 2px;\n  backdrop-filter: blur(2px);\n}\n";
+var styles = {"container":"VideoPlayer-module_container__Afx8w","control":"VideoPlayer-module_control__BUSKK"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/VideoPlayer/VideoPlayer.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import VideoPlayer from './VideoPlayer';
+declare const meta: Meta<typeof VideoPlayer>;
+export default meta;
+type Story = StoryObj<typeof VideoPlayer>;
+export declare const SenseGlobalCode: Story;
+export declare const Cityeyes: Story;
+export declare const H5player: Story;

package/dist/es/components/VideoPlayer/VideoPlayer.types.d.ts

@@ -0,0 +1,37 @@
+export interface VideoPlayerProps {
+    /**
+     * 视频播放器库路径
+     */
+    libsPath?: {
+        cityeyes?: string;
+        h5player?: string;
+    };
+    /**
+     * 视频播放地址
+     */
+    url?: string;
+    /**
+     * 实体唯一编码，用于视频控制
+     */
+    senseGlobalCode?: string;
+    /**
+     * 视频通道 id
+     */
+    channelId?: string;
+    /**
+     * 播放器类型
+     */
+    videoPlayerType?: 'cityeyes' | 'h5player';
+    /**
+     * 视频源类型
+     */
+    videoStreamSource?: 'cityeyes' | 'hikvision' | 'custom';
+    /**
+     * 视频播放器宽度
+     */
+    width?: number;
+    /**
+     * 视频播放器高度
+     */
+    height?: number;
+}

package/dist/es/components/VideoPlayer/ccos.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { VideoPlayerProps } from './VideoPlayer.types';
+interface CcosVideoPlayerProps extends VideoPlayerProps {
+    'data-dnd': string;
+    tid: string;
+}
+declare const CcosVideoPlayer: {
+    (props: CcosVideoPlayerProps): React.JSX.Element;
+    settings: ComponentPrototype;
+};
+export default CcosVideoPlayer;

package/dist/es/components/VideoPlayer/ccos.js

@@ -0,0 +1,18 @@
+import { __assign } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.41.1_tslib@2.8.1_typescript@5.8.3/node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import settings from './settings.js';
+import VideoPlayer from './VideoPlayer.js';
+
+var CcosVideoPlayer = function (props) {
+    var getProps = function () {
+        var _props = __assign({}, props);
+        // if (!props.showSenseContextMenu) {
+        //   delete _props.senseContextMenuConfig;
+        // }
+        return _props;
+    };
+    return React__default.createElement(VideoPlayer, __assign({}, getProps()));
+};
+CcosVideoPlayer.settings = settings;
+
+export { CcosVideoPlayer as default };

package/dist/es/components/VideoPlayer/components/Cityeyes/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface CityeyesProps {
+    url: string;
+    libPath: string;
+}
+declare const Cityeyes: React.FC<CityeyesProps>;
+export default Cityeyes;

package/dist/es/components/VideoPlayer/components/Cityeyes/index.js

@@ -0,0 +1,22 @@
+import { useExternal } from 'ahooks';
+import React__default, { useRef, useEffect } from 'react';
+
+var Cityeyes = function (_a) {
+    var url = _a.url, libPath = _a.libPath;
+    var status = useExternal(libPath, { type: 'js' });
+    var videoElement = useRef(null);
+    useEffect(function () {
+        var Hls = window.Hls;
+        if (status === 'ready' && Hls && videoElement.current) {
+            var video = videoElement.current;
+            if (Hls.isSupported()) {
+                var hls = new Hls();
+                hls.attachMedia(video);
+                hls.loadSource(url);
+            }
+        }
+    }, [status, url]);
+    return React__default.createElement("video", { ref: videoElement, style: { width: '100%', height: '100%' }, autoPlay: true });
+};
+
+export { Cityeyes as default };

package/dist/es/components/VideoPlayer/components/Control/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { VideoPlayerProps } from '../../VideoPlayer.types';
+interface ControlProps extends VideoPlayerProps {
+    open: boolean;
+    onCancel: () => void;
+}
+declare const Control: React.FC<ControlProps>;
+export default Control;

package/dist/es/components/VideoPlayer/components/Control/index.js

@@ -0,0 +1,15 @@
+import { __assign } from '../../../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.41.1_tslib@2.8.1_typescript@5.8.3/node_modules/tslib/tslib.es6.js';
+import { Modal } from '@xirang/design-antd';
+import { omit } from 'lodash';
+import React__default from 'react';
+import VideoControl from '../../../VideoControl/VideoControl.js';
+import Player from '../Player/index.js';
+import styles from './index.module.less.js';
+
+var Control = function (props) {
+    var open = props.open, onCancel = props.onCancel;
+    return (React__default.createElement(Modal, { width: 800, open: open, title: "\u4E91\u53F0\u63A7\u5236", onCancel: onCancel, cancelText: "\u5173\u95ED", okButtonProps: { style: { display: 'none' } }, className: styles.container, destroyOnHidden: true },
+        React__default.createElement(VideoControl, __assign({}, omit(props, ['open', 'onCancel']), { player: React__default.createElement(Player, { libsPath: props.libsPath, videoPlayerType: props.videoPlayerType, url: props.url, width: 800, height: 450 }) }))));
+};
+
+export { Control as default };

package/dist/es/components/VideoPlayer/components/Control/index.module.less.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = "";
+var styles = {};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/VideoPlayer/components/H5player/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface H5playerProps {
+    url: string;
+    libPath: string;
+    width?: number;
+    height?: number;
+}
+declare const H5player: React.FC<H5playerProps>;
+export default H5player;

package/dist/es/components/VideoPlayer/components/H5player/index.js

@@ -0,0 +1,38 @@
+import { useExternal } from 'ahooks';
+import React__default, { useRef, useState, useEffect } from 'react';
+import { v4 } from 'uuid';
+
+var H5player = function (_a) {
+    var url = _a.url, libPath = _a.libPath, width = _a.width, height = _a.height;
+    var status = useExternal("".concat(libPath, "/h5player.min.js"), { type: 'js' });
+    var videoRef = useRef(null);
+    var videoElementId = useState(function () { return v4(); })[0];
+    var _b = useState(false), init = _b[0], setInit = _b[1];
+    useEffect(function () {
+        if (videoRef.current && init) {
+            if (url) {
+                videoRef.current.JS_Play(url, { playURL: url }, 1);
+            }
+            else {
+                videoRef.current.JS_Stop(1);
+            }
+        }
+    }, [init, url]);
+    useEffect(function () {
+        var JSPlugin = window.JSPlugin;
+        if (status === 'ready' && JSPlugin && !videoRef.current) {
+            videoRef.current = new JSPlugin({
+                szId: videoElementId,
+                szBasePath: libPath,
+                bSupporDoubleClickFull: true,
+                iMaxSplit: 1,
+                iWidth: width,
+                iHeight: height,
+            });
+            setInit(true);
+        }
+    }, [status]);
+    return React__default.createElement("div", { id: videoElementId, style: { width: '100%', height: '100%' } });
+};
+
+export { H5player as default };

package/dist/es/components/VideoPlayer/components/Player/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { VideoPlayerProps } from '../../VideoPlayer.types';
+type PlayerProps = Pick<VideoPlayerProps, 'libsPath' | 'url' | 'videoPlayerType' | 'width' | 'height'>;
+declare const Player: React.FC<PlayerProps>;
+export default Player;

package/dist/es/components/VideoPlayer/components/Player/index.js

@@ -0,0 +1,21 @@
+import React__default from 'react';
+import Cityeyes from '../Cityeyes/index.js';
+import H5player from '../H5player/index.js';
+
+var Player = function (props) {
+    var _a, _b;
+    var libsPath = props.libsPath, url = props.url, videoPlayerType = props.videoPlayerType, width = props.width, height = props.height;
+    var cityeyesPath = (_a = libsPath === null || libsPath === void 0 ? void 0 : libsPath.cityeyes) !== null && _a !== void 0 ? _a : 'https://unpkg.com/hls.js';
+    var h5playerPath = (_b = libsPath === null || libsPath === void 0 ? void 0 : libsPath.h5player) !== null && _b !== void 0 ? _b : '/libs/h5player';
+    if (!url) {
+        return null;
+    }
+    if (videoPlayerType === 'cityeyes') {
+        return React__default.createElement(Cityeyes, { url: url, libPath: cityeyesPath });
+    }
+    if (videoPlayerType === 'h5player') {
+        return React__default.createElement(H5player, { url: url, libPath: h5playerPath, width: width, height: height });
+    }
+};
+
+export { Player as default };

package/dist/es/components/VideoPlayer/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './VideoPlayer';
+export type { VideoPlayerProps } from './VideoPlayer.types';

package/dist/es/components/VideoPlayer/settings.d.ts

@@ -0,0 +1,2 @@
+declare const _default: ComponentPrototype;
+export default _default;

package/dist/es/components/VideoPlayer/settings.js

@@ -0,0 +1,54 @@
+import { applyRules } from '../../utils/settings.js';
+
+var settings = {
+    name: 'CcosVideoPlayer',
+    title: '视频播放器',
+    description: '',
+    package: '@icos-desktop/react-components',
+    exportType: 'namedExport',
+    props: [
+        // 基本
+        {
+            name: 'url',
+            title: '视频播放地址',
+            group: 'basic',
+            setter: 'textSetter',
+        },
+        {
+            name: 'senseGlobalCode',
+            title: '实体唯一编码',
+            group: 'basic',
+            setter: 'textSetter',
+        },
+        {
+            name: 'channelId',
+            title: '视频通道 id',
+            group: 'basic',
+            setter: 'textSetter',
+        },
+        {
+            name: 'videoPlayerType',
+            title: '播放器类型',
+            group: 'basic',
+            setter: 'selectSetter',
+            options: [
+                { label: '星眸', value: 'cityeyes' },
+                { label: '海康H5Player', value: 'h5player' },
+            ],
+        },
+        {
+            name: 'videoStreamSource',
+            title: '视频源类型',
+            group: 'basic',
+            setter: 'selectSetter',
+            options: [
+                { label: '星眸', value: 'cityeyes' },
+                { label: '海康', value: 'hikvision' },
+                { label: '定开', value: 'custom' },
+            ],
+        },
+    ],
+};
+var settings$1 = applyRules(settings);
+
+export { settings$1 as default };

package/dist/es/constants/pagination.d.ts

@@ -0,0 +1,10 @@
+export declare const PAGINATION: {
+    current: number;
+    total: number;
+    pageSize: number;
+    pageSizeOptions: string[];
+    showSizeChanger: boolean;
+    showQuickJumper: boolean;
+    hideOnSinglePage: boolean;
+    showTotal: (total: number) => string;
+};

package/dist/es/constants/pagination.js

@@ -0,0 +1,13 @@
+// 分页
+var PAGINATION = {
+    current: 1,
+    total: 0,
+    pageSize: 50,
+    pageSizeOptions: ['10', '20', '50', '100'],
+    showSizeChanger: true,
+    showQuickJumper: true,
+    hideOnSinglePage: false,
+    showTotal: function (total) { return "\u5171 ".concat(total, " \u6761"); },
+};
+
+export { PAGINATION };

package/dist/es/hooks/useEntityClass/index.d.ts

@@ -0,0 +1,5 @@
+declare const useEntityClass: () => {
+    loaded: boolean;
+    entityClassList: EntityAPI.EntityClassItem[];
+};
+export default useEntityClass;

package/dist/es/hooks/useEntityClass/index.js

@@ -0,0 +1,40 @@
+import { __awaiter, __generator } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.41.1_tslib@2.8.1_typescript@5.8.3/node_modules/tslib/tslib.es6.js';
+import { useMount } from 'ahooks';
+import { useState } from 'react';
+import { getEntityClassTree } from '../../services/entity.js';
+
+var useEntityClass = function () {
+    // 加载完成
+    var _a = useState(false), loaded = _a[0], setLoaded = _a[1];
+    // 实体分类列表
+    var _b = useState([]), entityClassList = _b[0], setEntityClassList = _b[1];
+    useMount(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if ((_a = window._ICOS_DESKTOP_) === null || _a === void 0 ? void 0 : _a.entityClassList) {
+                        setEntityClassList(window._ICOS_DESKTOP_.entityClassList);
+                        setLoaded(true);
+                        return [2 /*return*/];
+                    }
+                    return [4 /*yield*/, getEntityClassTree({ code: '0000000000', mode: 3 })];
+                case 1:
+                    res = _b.sent();
+                    if (window._ICOS_DESKTOP_) {
+                        window._ICOS_DESKTOP_.entityClassList = res;
+                    }
+                    else {
+                        window._ICOS_DESKTOP_ = { entityClassList: res };
+                    }
+                    setEntityClassList(res);
+                    setLoaded(true);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    return { loaded: loaded, entityClassList: entityClassList };
+};
+
+export { useEntityClass as default };

package/dist/es/hooks/useKsCode/index.d.ts

@@ -0,0 +1,5 @@
+declare const useKsCode: () => {
+    loaded: boolean;
+    ksCodeMap: EntityAPI.KsCodeMap;
+};
+export default useKsCode;

package/dist/es/hooks/useKsCode/index.js

@@ -0,0 +1,40 @@
+import { __awaiter, __generator } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.41.1_tslib@2.8.1_typescript@5.8.3/node_modules/tslib/tslib.es6.js';
+import { useMount } from 'ahooks';
+import { useState } from 'react';
+import { getCategoryKsCode } from '../../services/entity.js';
+
+var useKsCode = function () {
+    // 加载完成
+    var _a = useState(false), loaded = _a[0], setLoaded = _a[1];
+    // 知识体系编码
+    var _b = useState(), ksCodeMap = _b[0], setKsCodeMap = _b[1];
+    useMount(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if ((_a = window._ICOS_DESKTOP_) === null || _a === void 0 ? void 0 : _a.ksCodeMap) {
+                        setKsCodeMap(window._ICOS_DESKTOP_.ksCodeMap);
+                        setLoaded(true);
+                        return [2 /*return*/];
+                    }
+                    return [4 /*yield*/, getCategoryKsCode()];
+                case 1:
+                    res = _b.sent();
+                    if (window._ICOS_DESKTOP_) {
+                        window._ICOS_DESKTOP_.ksCodeMap = res;
+                    }
+                    else {
+                        window._ICOS_DESKTOP_ = { ksCodeMap: res };
+                    }
+                    setKsCodeMap(res);
+                    setLoaded(true);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    return { loaded: loaded, ksCodeMap: ksCodeMap };
+};
+
+export { useKsCode as default };

package/dist/es/hooks/useMeeting/index.d.ts

@@ -0,0 +1,5 @@
+declare const useMeeting: () => {
+    openMeeting: (openUserIds: string[]) => Promise<void>;
+    contextHolder: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+};
+export default useMeeting;

package/dist/es/hooks/useMeeting/index.js

@@ -0,0 +1,36 @@
+import { __awaiter, __generator } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.41.1_tslib@2.8.1_typescript@5.8.3/node_modules/tslib/tslib.es6.js';
+import { Modal } from '@xirang/design-antd';
+import { getMeetingUrl } from '../../services/senseForm.js';
+
+var useMeeting = function () {
+    var _a = Modal.useModal(), modal = _a[0], contextHolder = _a[1];
+    // 拉起京办全屏会议
+    var openMeeting = function (openUserIds) { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, confirmMessage, url_1;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!(openUserIds === null || openUserIds === void 0 ? void 0 : openUserIds.length)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, getMeetingUrl({ openUserIds: openUserIds })];
+                case 1:
+                    _a = _b.sent(), confirmMessage = _a.confirmMessage, url_1 = _a.url;
+                    if (confirmMessage) {
+                        modal.confirm({
+                            content: confirmMessage,
+                            onOk: function () {
+                                window.open(url_1);
+                            },
+                        });
+                    }
+                    else if (url_1) {
+                        window.open(url_1);
+                    }
+                    _b.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); };
+    return { openMeeting: openMeeting, contextHolder: contextHolder };
+};
+
+export { useMeeting as default };

package/dist/es/hooks/useRelationList/RelationList/assets/down.svg.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgDown = function SvgDown(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 17,
+    height: 16,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#2BF2F8",
+    d: "m13.854 6.354-5 5a.5.5 0 0 1-.708 0l-5-5a.5.5 0 1 1 .708-.708L8.5 10.293l4.646-4.647a.5.5 0 0 1 .707.708"
+  })));
+};
+
+export { SvgDown as default };

package/dist/es/hooks/useRelationList/RelationList/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+declare const RelationList: ({ data: { entityCode, relationEntityCode, relationCode, direction, entityClassCode }, location, open, onCancel, onJump, }: {
+    data: {
+        entityCode: any;
+        relationEntityCode: any;
+        relationCode: any;
+        direction: any;
+        entityClassCode: any;
+    };
+    location: any;
+    open: any;
+    onCancel: any;
+    onJump: any;
+}) => React.JSX.Element;
+export default RelationList;

package/dist/es/hooks/useRelationList/RelationList/index.js

@@ -0,0 +1,75 @@
+import { __awaiter, __generator, __spreadArray } from '../../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.41.1_tslib@2.8.1_typescript@5.8.3/node_modules/tslib/tslib.es6.js';
+import { LoadingOutlined } from '@ant-design/icons';
+import { Modal } from '@xirang/design-antd';
+import React__default, { useState, useEffect } from 'react';
+import { getRelationNodeList } from '../../../services/senseForm.js';
+import SvgDown from './assets/down.svg.js';
+import styles from './index.module.less.js';
+
+var RelationList = function (_a) {
+    var _b = _a.data, entityCode = _b.entityCode, relationEntityCode = _b.relationEntityCode, relationCode = _b.relationCode, direction = _b.direction, entityClassCode = _b.entityClassCode, location = _a.location, open = _a.open, onCancel = _a.onCancel, onJump = _a.onJump;
+    var _c = useState(false), loading = _c[0], setLoading = _c[1];
+    var _d = useState(0), page = _d[0], setPage = _d[1];
+    var _e = useState(0), total = _e[0], setTotal = _e[1];
+    var _f = useState([]), data = _f[0], setData = _f[1];
+    var loadData = function () {
+        var args_1 = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args_1[_i] = arguments[_i];
+        }
+        return __awaiter(void 0, __spreadArray([], args_1, true), void 0, function (_page) {
+            var res, list;
+            if (_page === void 0) { _page = 1; }
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        setPage(_page);
+                        setLoading(true);
+                        return [4 /*yield*/, getRelationNodeList({
+                                page: _page,
+                                pageSize: 10,
+                                entityCode: entityCode,
+                                relationEntityCode: relationEntityCode,
+                                relationCode: relationCode,
+                                direction: direction,
+                                entityClassCode: entityClassCode,
+                            }).finally(function () {
+                                setLoading(false);
+                            })];
+                    case 1:
+                        res = _a.sent();
+                        list = __spreadArray(__spreadArray([], data, true), res.list, true);
+                        setData(list);
+                        setTotal(res.total);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    useEffect(function () {
+        if (open) {
+            loadData();
+        }
+        else {
+            setLoading(false);
+            setPage(0);
+            setTotal(0);
+            setData([]);
+        }
+    }, [open]);
+    return (React__default.createElement(Modal, { style: location, wrapClassName: styles.modal, width: 240, open: open, footer: null, mask: false, closable: false, onCancel: onCancel },
+        React__default.createElement("div", null,
+            data.map(function (item) { return (React__default.createElement("p", { title: "".concat(item.senseName, " - ").concat(item.bookName), className: styles.item, key: item.senseGlobalCode, onClick: function () {
+                    onCancel();
+                    onJump(item.senseGlobalCode);
+                } },
+                item.senseName,
+                ' - ',
+                item.bookName)); }),
+            loading ? (React__default.createElement("p", { className: styles.loading },
+                React__default.createElement(LoadingOutlined, null))) : (data === null || data === void 0 ? void 0 : data.length) < total ? (React__default.createElement("p", { className: styles.more, onClick: function () { return loadData(page + 1); } },
+                React__default.createElement("span", null, "\u67E5\u770B\u66F4\u591A"),
+                React__default.createElement(SvgDown, null))) : null)));
+};
+
+export { RelationList as default };