@icos-desktop/react-components 2.2.15 → 2.3.0-es.1

package/dist/es/utils/tree.js

@@ -0,0 +1,102 @@
+import { __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 { cloneDeep } from 'lodash';
+
+// 遍历每个树节点
+var loopTree = function (tree, callback) {
+    var stack = __spreadArray([], tree, true);
+    while (stack.length > 0) {
+        var node = stack.pop();
+        callback(node);
+        if (node.children) {
+            stack.push.apply(stack, node.children);
+        }
+    }
+};
+// 根据key查找树节点
+var findNodeByKey = function (tree, key) {
+    var stack = __spreadArray([], tree, true);
+    while (stack.length > 0) {
+        var node = stack.pop();
+        if (node.key === key) {
+            return node;
+        }
+        if (node.children) {
+            stack.push.apply(stack, node.children);
+        }
+    }
+    return null;
+};
+// 根据key查找最下层子节点
+var findChildrenByKey = function (tree, key) {
+    var _a;
+    var children = [];
+    var node = findNodeByKey(tree, key);
+    var getChildren = function (data) {
+        data.forEach(function (item) {
+            var _a;
+            if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
+                getChildren(item.children);
+            }
+            else {
+                children.push(item);
+            }
+        });
+    };
+    if (node && ((_a = node.children) === null || _a === void 0 ? void 0 : _a.length)) {
+        getChildren(node.children);
+        return children;
+    }
+    return null;
+};
+// 数组转树结构
+var arrayToTree = function (array, loop, fieldNames) {
+    var tree = [];
+    var map = {};
+    var _a = (fieldNames || {}).children, childrenName = _a === void 0 ? 'children' : _a;
+    var data = cloneDeep(array);
+    for (var i = 0; i < data.length; i++) {
+        var item = loop(data[i]);
+        data[i] = item;
+        map[item.key] = item;
+    }
+    data.forEach(function (item) {
+        var parent = map[item.parentKey];
+        if (parent && parent.key !== item.key) {
+            (parent[childrenName] || (parent[childrenName] = [])).push(item);
+        }
+        else {
+            tree.push(item);
+        }
+    });
+    return tree;
+};
+// 获取指定节点的全部父节点
+var findAllParentNodes = function (tree, targetKey, parentNodes) {
+    var _a;
+    if (parentNodes === void 0) { parentNodes = []; }
+    for (var i = 0; i < tree.length; i++) {
+        var node = tree[i];
+        if (node.key === targetKey) {
+            return parentNodes;
+        }
+        if ((_a = node.children) === null || _a === void 0 ? void 0 : _a.length) {
+            var foundParentNodes = findAllParentNodes(node.children, targetKey, __spreadArray(__spreadArray([], parentNodes, true), [node], false));
+            if (foundParentNodes) {
+                return foundParentNodes;
+            }
+        }
+    }
+    return null;
+};
+// 获取指定节点的父节点链路
+var getParentChainKeys = function (tree, key) {
+    var keys = [];
+    var node = findNodeByKey(tree, key);
+    while (node) {
+        keys.unshift(node.key);
+        node = findNodeByKey(tree, node.parentKey);
+    }
+    return keys;
+};
+
+export { arrayToTree, findAllParentNodes, findChildrenByKey, findNodeByKey, getParentChainKeys, loopTree };

package/dist/icos-desktop.d.ts

@@ -1,9 +1,5 @@
 import React, { ReactNode } from 'react';
 import { ButtonProps, SelectProps, TableProps, TreeSelectProps, ModalProps, CascaderProps } from '@xirang/design-antd';
-import { ContextMenuKey as ContextMenuKey$2 } from '@/components/BookTable/BookTable.types';
-import { ContextMenuKey as ContextMenuKey$3 } from '@/components/SenseTable/SenseTable.types';
-import { VideoPlayerProps as VideoPlayerProps$1 } from '@/components/VideoPlayer';
-import { IcosDesktopType } from '@/global';
 
 interface BookDetailProps {
     /**
@@ -195,7 +191,7 @@ interface BookSelectProps extends SelectProps {
 
 declare const BookSelect: React.FC<BookSelectProps>;
 
-type ContextMenuKey$1 = 'create' | 'tagConfig' | 'show' | 'delete' | 'attribute' | 'export' | 'share';
+type ContextMenuKey$3 = 'create' | 'tagConfig' | 'show' | 'delete' | 'attribute' | 'export' | 'share';
 interface BookTableProps extends TableProps {
     /**
      * 表头配置
@@ -233,7 +229,7 @@ interface BookTableProps extends TableProps {
     /**
      * 台账功能
      */
-    contextMenuConfig?: ContextMenuKey$1[];
+    contextMenuConfig?: ContextMenuKey$3[];
     /**
      * 双击台账
      * @param record
@@ -707,6 +703,17 @@ interface SenseFormRef {
 
 declare const SenseForm: React.ForwardRefExoticComponent<SenseFormProps & React.RefAttributes<SenseFormRef>>;
 
+type ContextMenuKey$2 =
+  | 'create'
+  | 'tagConfig'
+  | 'show'
+  | 'delete'
+  | 'attribute'
+  | 'export'
+  | 'share';
+
+type ContextMenuKey$1 = 'show' | 'edit' | 'cut' | 'copy' | 'delete';
+
 interface CustomButtonConfig extends ButtonProps {
     title: string;
 }
@@ -778,7 +785,7 @@ interface SenseFullTableProps {
     /**
      * 实体记录功能，可选项：`show` 查看, `edit` 编辑, `cut` 剪切, `copy` 复制, `delete` 删除
      */
-    senseContextMenuConfig?: ContextMenuKey$3[];
+    senseContextMenuConfig?: ContextMenuKey$1[];
     /**
      * 扩展列参数，目前仅支持实体列表
      */
@@ -1448,7 +1455,19 @@ type TagTreeSelectProps = TreeSelectProps;
 
 declare const TagTreeSelect: React.FC<TagTreeSelectProps>;
 
-interface VideoControlProps extends VideoPlayerProps$1 {
+interface VideoControlProps {
+    /**
+     * 实体唯一编码，用于视频控制
+     */
+    senseGlobalCode?: string;
+    /**
+     * 视频通道 id
+     */
+    channelId?: string;
+    /**
+     * 视频源类型
+     */
+    videoStreamSource?: 'cityeyes' | 'hikvision' | 'custom';
     /**
      * 禁用云台控制
      */
@@ -1461,6 +1480,10 @@ interface VideoControlProps extends VideoPlayerProps$1 {
      * 操作按钮边框颜色
      */
     operateIconBorderColor?: string;
+    /**
+     * 可注入的播放器节点（用于打破循环依赖）
+     */
+    player?: React.ReactNode;
 }
 
 declare const VideoControl: (props: VideoControlProps) => React.JSX.Element;
@@ -1523,6 +1546,180 @@ declare const CcosVideoPlayer: {
     settings: ComponentPrototype;
 };
 
+// ------ settings ------
+// 属性描述
+interface ComponentPropType {
+  // 属性的名称
+  name: string;
+  // 属性的标题
+  title: string;
+  // 如果是对象属性，这里声明子属性列表
+  props?: ComponentPropType[];
+  // 属性的选项
+  options?: any[];
+  // 属性的文档地址
+  docs?: string;
+  // 如果没提供 initValue, 是否自动初始化值，默认值 false
+  autoInitValue?: boolean;
+  // 组件的内置默认值
+  defaultValue?: any;
+  // 是否禁用变量设置器，默认值 false
+  disableVariableSetter?: boolean;
+  // 动态设置属性，覆盖已有的 prop 对象
+  getProp?: (form) => any;
+  // 动态设置属性，覆盖已有的 setterProps 对象
+  getSetterProps?: (form) => any;
+  // 动态设置表单项是否展示
+  getVisible?: (form) => boolean;
+  // 属性的分组
+  group?: 'basic' | 'event' | 'style' | 'advanced';
+  // 首次拖拽后用来初始化组件的属性值
+  initValue?: any;
+  // 属性的占位符
+  placeholder?: string;
+  // 属性的设置器
+  setter?: SetterType;
+  // 设置器的属性设置
+  setterProps?: any;
+  // 属性的提示
+  tips?: string;
+}
+
+// 设置器枚举
+type SetterType =
+  // 接收值类型: number
+  // 说明和示例: 数字值设置器
+  | 'numberSetter'
+  // 接收值类型: string
+  // 说明和示例: 文本值设置器
+  | 'textSetter'
+  // 接收值类型: boolean
+  // 说明和示例: true或false
+  | 'boolSetter'
+  // 接收值类型: string
+  // 说明和示例: 单选列表，多选一
+  | 'choiceSetter'
+  // 接收值类型: string
+  // 说明和示例: 下拉选择器，多选一
+  | 'selectSetter'
+  // 接收值类型: object[]
+  // 说明和示例:   [{ key, label, ...}, ...]
+  | 'actionListSetter'
+  // 接收值类型: object[]
+  // 说明和示例: 表格列设置器[{ key, dataIndex, title, ... }, ...]
+  | 'columnSetter'
+  // 接收值类型: string
+  // 说明和示例: 日期值设置器
+  | 'dateSetter'
+  // 接收值类型: string[]
+  // 说明和示例: 日期范围设置器
+  | 'dateRangeSetter'
+  // 接收值类型: string
+  // 说明和示例: 时间值设置器
+  | 'timeSetter'
+  // 接收值类型: string[]
+  // 说明和示例: 时间范围设置器
+  | 'timeRangeSetter'
+  // 接收值类型: object
+  // 说明和示例: 枚举对象{ key1, key2, key3 }
+  | 'enumSetter'
+  // 接收值类型: object[]
+  // 说明和示例: 通用的对象列表设置器,[{ key }, ...]
+  | 'listSetter'
+  // 接收值类型: object[]
+  // 说明和示例: 选项列表设置器,[{ label, value }, ...]
+  | 'optionSetter'
+  // 接收值类型: string
+  // 说明和示例: 路由设置器
+  | 'routerSetter'
+  // 接收值类型: code
+  // 说明和示例: 通用的代码片段设置器
+  | 'codeSetter'
+  // 接收值类型: code
+  // 说明和示例: 事件监听函数设置器,() => {}
+  | 'eventSetter'
+  // 接收值类型: code
+  // 说明和示例: JSON 表达式设置器,{ "foo": "foo" }
+  | 'jsonSetter'
+  // 接收值类型: code
+  // 说明和示例: JSX 设置器,<div>block</div>
+  | 'jsxSetter'
+  // 接收值类型: code
+  // 说明和示例: render props 设置器,() => <div></div>
+  | 'renderPropsSetter'
+  // 接收值类型: code
+  // 说明和示例: 表格单元格设置器
+  | 'tableCellSetter'
+  // 接收值类型: code
+  // 说明和示例: 表格展开设置器
+  | 'tableExpandableSetter'
+  // 接收值类型: string
+  // 说明和示例: 颜色选择器
+  | 'colorSetter';
+
+// 规则
+interface ComponentDndRulesType {
+  // 当前组件 是否可以被拖拽
+  canDrag?: () => boolean;
+  // 当前节点 是否可以拖拽到目标节点中
+  canDrop?: (targetName) => boolean;
+  // 进来的节点 是否可以落进来，仅适用于容器节点
+  canMoveIn?: (incomingName) => boolean;
+  // 被拖拽的节点 是否可以被拖离当前节点，仅适用于容器节点
+  canMoveOut?: (outgoingName) => boolean;
+  // 子节点的容器选择器，用于快速定位子节点容器，适合组件存在多个可搭建区域时使用
+  childrenContainerSelector?: string;
+}
+
+// ------ icos desktop ------
+// window._ICOS_DESKTOP_
+interface IcosDesktopType {
+  // 知识体系编码映射
+  ksCodeMap?: EntityAPI.KsCodeMap;
+  // 实体分类列表
+  entityClassList?: EntityAPI.EntityClassItem[];
+  // 接口前缀
+  apiPrefix?: string;
+}
+
+// ------ global ------
+declare global {
+  // 单个组件描述
+  interface ComponentPrototype {
+    // 组件的名称
+    name: string;
+    // 组件的标题
+    title: string;
+    // 组件的包名，或引入路径
+    package: string;
+    // 组件的描述信息
+    description?: string;
+    // 组件的文档地址
+    docs?: string;
+    // 组件的图标，图片地址或 iconfont 图标名
+    icon?: string;
+    // 组件的导出类型
+    exportType: 'defaultExport' | 'namedExport';
+    // 是否有子组件，默认值 false
+    hasChildren?: boolean;
+    // 子组件内容，适合编组的组件
+    childrenNames?: string[];
+    // 组件的类型，默认值 block
+    type?: 'page' | 'container' | 'placeholder' | 'element' | 'snippet' | 'block';
+    // 组件的属性描述
+    props?: ComponentPropType[];
+    // 组件的相关引入
+    relatedImports?: string[];
+    // 组件的规则
+    rules?: ComponentDndRulesType;
+  }
+
+  interface Window {
+    _ICOS_DESKTOP_?: IcosDesktopType;
+    _ICOS_DESKTOP_VERSION_?: string;
+  }
+}
+
 type Config = Pick<IcosDesktopType, 'apiPrefix'>;
 declare const setCconfig: (config: Config) => void;