@icos-desktop/react-components 2.3.0 → 2.3.1

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

@@ -0,0 +1,108 @@
+import { CheckInfo } from '../SenseTree/SenseTree.types';
+export interface SenseViewRef {
+    /**
+     * AI搜索
+     */
+    aiSearch: (res: any) => void;
+}
+export interface SenseViewProps {
+    /**
+     * 隐藏搜索
+     */
+    hiddenSearch?: boolean;
+    /**
+     * 功能视图编码
+     */
+    viewCode?: string;
+    /**
+     * 显示顶部菜单栏
+     */
+    showView?: boolean;
+    /**
+     * 系统视图列表
+     */
+    views?: {
+        label: string;
+        value: string;
+    }[];
+    /**
+     * 时空搜索类型
+     * 时间、空间、最近邻、时空
+     */
+    searchMode?: ('time' | 'space' | 'knn' | 'time-space')[];
+    /**
+     * 触发搜索
+     */
+    onSearch?: (value: any) => void;
+    /**
+     * 地图开始绘制
+     */
+    onStartDraw?: (mode: string, callback: any) => void;
+    /**
+     * 地图绘制（绘制回显）
+     */
+    onMapDraw?: (value: any) => void;
+    /**
+     * 树类型
+     * entityClass: 分类-台账-实体记录
+     * region-book: 地理层级-台账-实体记录
+     * region-sense: 地理层级-实体记录
+     */
+    treeType: 'entity-class' | 'region-book' | 'region-sense';
+    /**
+     * 地图缩放层级，存在此参数时会调用散点聚合接口
+     */
+    zoom?: number;
+    /**
+     * 地图可视范围
+     */
+    geom?: string;
+    /**
+     * 地理层级显示区间-根层级 1~9 以此为省、市、区县、街道、社区、小区、楼、单元、户
+     */
+    regionRootLevel?: number;
+    /**
+     * 地理层级显示区间-叶子层级 1~9 以此为省、市、区县、街道、社区、小区、楼、单元、户
+     */
+    regionLeafLevel?: number;
+    /**
+     * 默认全选
+     */
+    defaultCheckedAll?: boolean;
+    /**
+     * 实体记录功能
+     */
+    senseContextMenuConfig?: ('show' | 'edit')[];
+    /**
+     * 底部按钮功能
+     */
+    bottomButtonConfig?: ('download' | 'share')[];
+    /**
+     * 实体总数变化
+     */
+    onTotalChange?: (total: number) => void;
+    /**
+     * 树节点选中变化
+     */
+    onCheck?: (checkedInfo: CheckInfo) => void;
+    /**
+     * 单击树节点
+     */
+    onClick?: (node: any, e: any) => void;
+    /**
+     * 双击树节点
+     */
+    onDoubleClick?: (node: any, e: any) => void;
+    /**
+     * 查看实体记录
+     */
+    onShowSense?: (node: any, e: any) => void;
+    /**
+     * 编辑实体记录
+     */
+    onEditSense?: (node: any, e: any) => void;
+    /**
+     * 散点聚合
+     */
+    onScatterAggregation?: (data: any) => void;
+}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { SenseViewProps } from './SenseView.types';
+interface CcosSenseViewProps extends SenseViewProps {
+    'data-dnd': string;
+    tid: string;
+    showSpaceSearch?: boolean;
+    showSenseContextMenu?: boolean;
+    showBottomButton?: boolean;
+}
+declare const CcosSenseView: {
+    (props: CcosSenseViewProps): React.JSX.Element;
+    settings: ComponentPrototype;
+};
+export default CcosSenseView;

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

@@ -0,0 +1,24 @@
+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 SenseView from './SenseView.js';
+import settings from './settings.js';
+
+var CcosSenseView = function (props) {
+    var getProps = function () {
+        var _props = __assign({}, props);
+        if (!props.showSpaceSearch) {
+            delete _props.searchMode;
+        }
+        if (!props.showSenseContextMenu) {
+            delete _props.senseContextMenuConfig;
+        }
+        if (!props.showBottomButton) {
+            delete _props.bottomButtonConfig;
+        }
+        return _props;
+    };
+    return React__default.createElement(SenseView, __assign({}, getProps()));
+};
+CcosSenseView.settings = settings;
+
+export { CcosSenseView as default };

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

@@ -0,0 +1,2 @@
+export { default } from './SenseView';
+export type { SenseViewProps, SenseViewRef } from './SenseView.types';

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

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

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

@@ -0,0 +1,216 @@
+import { applyRules } from '../../utils/settings.js';
+
+var settings = {
+    name: 'CcosSenseView',
+    title: '实体资源视窗',
+    description: '',
+    package: '@icos-desktop/react-components',
+    exportType: 'namedExport',
+    props: [
+        // 基本
+        {
+            name: 'viewType',
+            title: '数据范围',
+            group: 'basic',
+            setter: 'choiceSetter',
+            options: [
+                { label: '全量对象', value: 'system' },
+                { label: '功能视图', value: 'func' },
+            ],
+        },
+        {
+            name: 'viewCode',
+            title: '功能视图ID',
+            group: 'basic',
+            setter: 'textSetter',
+            getVisible: function (form) {
+                var viewType = form.getValue('viewType');
+                return viewType === 'func';
+            },
+        },
+        {
+            name: 'showView',
+            title: '显示顶部菜单栏',
+            group: 'basic',
+            setter: 'boolSetter',
+        },
+        {
+            name: 'views',
+            title: '顶部菜单栏内容',
+            group: 'basic',
+            setter: 'selectSetter',
+            setterProps: {
+                mode: 'multiple',
+                labelInValue: true,
+            },
+            options: [
+                { label: '全部', value: 'system-icos_all' },
+                { label: '城市物件', value: 'system-icos_city_object' },
+                { label: '城市居民', value: 'system-icos_city_resident' },
+                { label: '地理空间', value: 'system-icos_geo_space' },
+                { label: '组织机构', value: 'system-icos_gov_org' },
+                { label: '城市事件', value: 'system-icos_ld_event' },
+                { label: '政府通讯录', value: 'system-icos_gov_user' },
+            ],
+            getVisible: function (form) {
+                return form.getValue('showView');
+            },
+        },
+        {
+            name: 'showSpaceSearch',
+            title: '显示时空搜索',
+            group: 'basic',
+            setter: 'boolSetter',
+        },
+        {
+            name: 'searchMode',
+            title: '时空搜索模式',
+            group: 'basic',
+            setter: 'selectSetter',
+            setterProps: {
+                mode: 'multiple',
+            },
+            options: [
+                { label: '时间', value: 'time' },
+                { label: '空间', value: 'space' },
+                { label: '最近邻', value: 'knn' },
+                { label: '时空', value: 'time-space' },
+            ],
+            getVisible: function (form) {
+                return form.getValue('showSpaceSearch');
+            },
+        },
+        {
+            name: 'treeType',
+            title: '选择资源树',
+            group: 'basic',
+            setter: 'selectSetter',
+            options: [
+                { label: '分类-台账-实体记录', value: 'entity-class' },
+                { label: '地理层级-台账-实体记录', value: 'region-book' },
+                { label: '地理层级-实体记录', value: 'region-sense' },
+            ],
+        },
+        {
+            name: 'regionRootLevel',
+            title: '起始地理层级',
+            group: 'basic',
+            setter: 'numberSetter',
+            setterProps: {
+                min: 1,
+                max: 9,
+            },
+            getVisible: function (form) {
+                var treeType = form.getValue('treeType');
+                return treeType === 'entity-class';
+            },
+        },
+        {
+            name: 'regionLeafLevel',
+            title: '结束地理层级',
+            group: 'basic',
+            setter: 'numberSetter',
+            setterProps: {
+                min: 1,
+                max: 9,
+            },
+            getVisible: function (form) {
+                var treeType = form.getValue('treeType');
+                return treeType === 'entity-class';
+            },
+        },
+        {
+            name: 'showSenseContextMenu',
+            title: '启用实体记录功能',
+            group: 'basic',
+            setter: 'boolSetter',
+        },
+        {
+            name: 'senseContextMenuConfig',
+            title: '实体记录功能',
+            group: 'basic',
+            setter: 'selectSetter',
+            setterProps: {
+                mode: 'multiple',
+            },
+            options: [
+                { label: '查看', value: 'show' },
+                { label: '编辑', value: 'edit' },
+            ],
+            getVisible: function (form) {
+                return form.getValue('showSenseContextMenu');
+            },
+        },
+        {
+            name: 'showBottomButton',
+            title: '启用底部按钮功能',
+            group: 'basic',
+            setter: 'boolSetter',
+        },
+        {
+            name: 'bottomButtonConfig',
+            title: '底部按钮功能',
+            group: 'basic',
+            setter: 'selectSetter',
+            setterProps: {
+                mode: 'multiple',
+            },
+            options: [{ label: '下载', value: 'download' }],
+            getVisible: function (form) {
+                return form.getValue('showBottomButton');
+            },
+        },
+        // 事件
+        {
+            name: 'onStartDraw',
+            title: '地图开始绘制',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onMapDraw',
+            title: '地图绘制（绘制回显）',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onTotalChange',
+            title: '实体总数变化',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onCheck',
+            title: '树节点选中变化',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onClick',
+            title: '单击树节点',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onDoubleClick',
+            title: '双击树节点',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onShowSense',
+            title: '查看实体记录',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onEditSense',
+            title: '编辑实体记录',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+    ],
+};
+var settings$1 = applyRules(settings);
+
+export { settings$1 as default };

package/dist/es/components/TagConfig/TagConfig.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TagConfigProps } from './TagConfig.types';
+declare const TagConfig: (props: TagConfigProps) => React.JSX.Element;
+export default TagConfig;

package/dist/es/components/TagConfig/TagConfig.js

@@ -0,0 +1,17 @@
+import { Splitter } from '@xirang/design-antd';
+import React__default, { useState } from 'react';
+import SenseList from './components/SenseList/index.js';
+import TagList from './components/TagList/index.js';
+import styles from './TagConfig.module.less.js';
+
+var TagConfig = function (props) {
+    var name = props.name, templateId = props.templateId, bookId = props.bookId, viewCode = props.viewCode, pageSize = props.pageSize, customColumns = props.customColumns;
+    var _a = useState(null), selectedTag = _a[0], setSelectedTag = _a[1];
+    return (React__default.createElement(Splitter, { className: styles.container },
+        React__default.createElement(Splitter.Panel, { defaultSize: 240, min: 180, max: 600 },
+            React__default.createElement(TagList, { templateId: templateId, selectedTag: selectedTag, setSelectedTag: setSelectedTag })),
+        React__default.createElement(Splitter.Panel, null,
+            React__default.createElement(SenseList, { name: name, bookId: bookId, templateId: templateId, viewCode: viewCode, pageSize: pageSize, selectedTag: selectedTag, customColumns: customColumns }))));
+};
+
+export { TagConfig as default };

package/dist/es/components/TagConfig/TagConfig.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 = ".TagConfig-module_container__YV3Kx {\n  width: 100%;\n  height: 100%;\n}\n";
+var styles = {"container":"TagConfig-module_container__YV3Kx"};
+styleInject(css_248z);
+
+export { styles as default };

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import TagConfig from './TagConfig';
+declare const meta: Meta<typeof TagConfig>;
+export default meta;
+type Story = StoryObj<typeof TagConfig>;
+export declare const BookGroup: Story;
+export declare const Book: Story;

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

@@ -0,0 +1,26 @@
+export interface TagConfigProps {
+    /**
+     * 显示名称，必填，用于显示台账名称或台账组名称
+     */
+    name: string;
+    /**
+     * 模板id，用于获取台账组列表，当需要为 **台账组** 列表打标时必填
+     */
+    templateId?: string;
+    /**
+     * 台账id，用于获取台账列表，当需要为 **台账** 列表打标时必填
+     */
+    bookId?: string;
+    /**
+     * 视图编码
+     */
+    viewCode?: string;
+    /**
+     * 每页条数
+     */
+    pageSize?: number;
+    /**
+     * 自定义表格列
+     */
+    customColumns?: Record<string, any>;
+}

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

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

package/dist/es/components/TagConfig/ccos.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 React__default from 'react';
+import settings from './settings.js';
+import TagConfig from './TagConfig.js';
+
+var CcosTagConfig = function (props) {
+    var getProps = function () {
+        var _props = __assign({}, props);
+        return _props;
+    };
+    return React__default.createElement(TagConfig, __assign({}, getProps()));
+};
+CcosTagConfig.settings = settings;
+
+export { CcosTagConfig as default };

package/dist/es/components/TagConfig/components/SenseList/ContextMenu/index.d.ts

@@ -0,0 +1,7 @@
+declare const ContextMenu: {
+    ({ disabled }: {
+        disabled: any;
+    }): import("react").ReactNode;
+    id: string;
+};
+export default ContextMenu;

package/dist/es/components/TagConfig/components/SenseList/ContextMenu/index.js

@@ -0,0 +1,30 @@
+import { v4 } from 'uuid';
+import { renderContextMenu } from '../../../../../utils/contexify/index.js';
+
+var id = "TAG_CONFIG_MENU_SENSE_".concat(v4());
+var ContextMenu = function (_a) {
+    var disabled = _a.disabled;
+    var menu = [
+        {
+            key: 'addTag',
+            label: '批量打标',
+            disabled: disabled,
+        },
+        {
+            key: 'deleteTag',
+            label: '批量取消标签',
+            disabled: disabled,
+        },
+    ];
+    var handleMenu = function (key, _a) {
+        var props = _a.props;
+        if (props) {
+            var callback = props.callback;
+            callback === null || callback === void 0 ? void 0 : callback(key);
+        }
+    };
+    return renderContextMenu(id, menu, handleMenu);
+};
+ContextMenu.id = id;
+
+export { ContextMenu as default };

package/dist/es/components/TagConfig/components/SenseList/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+declare const SenseList: ({ name, bookId, selectedTag, templateId, viewCode, pageSize, customColumns, }: {
+    name: any;
+    bookId: any;
+    selectedTag: any;
+    templateId: any;
+    viewCode: any;
+    pageSize: any;
+    customColumns: any;
+}) => React.JSX.Element;
+export default SenseList;

package/dist/es/components/TagConfig/components/SenseList/index.js

@@ -0,0 +1,116 @@
+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 { Input, message, Modal, Select } from '@xirang/design-antd';
+import { useRequest } from 'ahooks';
+import React__default, { useState, useRef } from 'react';
+import { useContextMenu } from 'react-contexify';
+import SenseTable from '../../../SenseTable/SenseTable.js';
+import { getBookOptions } from '../../../../services/senseManager.js';
+import { deleteSenseTags, saveSenseTags } from '../../../../services/tag.js';
+import ContextMenu from './ContextMenu/index.js';
+import styles from './index.module.less.js';
+
+var Search = Input.Search;
+var SenseList = function (_a) {
+    var name = _a.name, bookId = _a.bookId, selectedTag = _a.selectedTag, templateId = _a.templateId, viewCode = _a.viewCode, pageSize = _a.pageSize, customColumns = _a.customColumns;
+    var showContextMenu = useContextMenu({ id: ContextMenu.id }).show;
+    var _b = message.useMessage(), messageApi = _b[0], contextHolder = _b[1];
+    var _c = Modal.useModal(), modal = _c[0], modalContextHolder = _c[1];
+    var _d = useState([]), selectBookIds = _d[0], setSelectBookIds = _d[1];
+    var _e = useState(''), keyword = _e[0], setKeyword = _e[1];
+    // 选中的行
+    var _f = useState([]), selectedRowKeys = _f[0], setSelectedRowKeys = _f[1];
+    var senseTableRef = useRef();
+    var bookOptions = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, getBookOptions({ templateIds: [templateId] })];
+                case 1: return [2 /*return*/, _a.sent()];
+            }
+        });
+    }); }).data;
+    var handleChangeSelectBookIds = function (value) {
+        setSelectBookIds(value);
+    };
+    var handleSearch = function (value) {
+        setKeyword(value);
+    };
+    var onRow = function (record) { return ({
+        onContextMenu: function (e) {
+            e.stopPropagation();
+            e.preventDefault();
+            if (selectedRowKeys.includes(record.sense_global_code)) {
+                showContextMenu({
+                    event: e,
+                    props: {
+                        callback: function (key) {
+                            switch (key) {
+                                case 'addTag': // 批量打标
+                                    modal.confirm({
+                                        content: "\u8BF7\u786E\u8BA4\u662F\u5426\u8981\u5C06\u5DF2\u9009\u4E2D\u7684".concat(selectedRowKeys.length, "\u4E2A\u5B9E\u4F53\u5173\u8054\u201C").concat(selectedTag.title, "\u201D\u6807\u7B7E"),
+                                        onOk: function () { return __awaiter(void 0, void 0, void 0, function () {
+                                            var _a;
+                                            return __generator(this, function (_b) {
+                                                switch (_b.label) {
+                                                    case 0: return [4 /*yield*/, saveSenseTags(selectedRowKeys.map(function (item) { return ({
+                                                            senseGlobalCode: item,
+                                                            tagCode: selectedTag.key,
+                                                        }); }))];
+                                                    case 1:
+                                                        _b.sent();
+                                                        messageApi.success('打标成功');
+                                                        (_a = senseTableRef.current) === null || _a === void 0 ? void 0 : _a.refresh();
+                                                        return [2 /*return*/];
+                                                }
+                                            });
+                                        }); },
+                                    });
+                                    break;
+                                case 'deleteTag': // 批量取消标签
+                                    modal.confirm({
+                                        content: "\u8BF7\u786E\u8BA4\u662F\u5426\u8981\u5C06\u5DF2\u9009\u4E2D\u7684".concat(selectedRowKeys.length, "\u4E2A\u5B9E\u4F53\u53D6\u6D88\u5173\u8054\u201C").concat(selectedTag.title, "\u201D\u6807\u7B7E"),
+                                        onOk: function () { return __awaiter(void 0, void 0, void 0, function () {
+                                            var _a;
+                                            return __generator(this, function (_b) {
+                                                switch (_b.label) {
+                                                    case 0: return [4 /*yield*/, deleteSenseTags(selectedRowKeys.map(function (item) { return ({
+                                                            senseGlobalCode: item,
+                                                            tagCode: selectedTag.key,
+                                                        }); }))];
+                                                    case 1:
+                                                        _b.sent();
+                                                        messageApi.success('取消标签成功');
+                                                        (_a = senseTableRef.current) === null || _a === void 0 ? void 0 : _a.refresh();
+                                                        return [2 /*return*/];
+                                                }
+                                            });
+                                        }); },
+                                    });
+                                    break;
+                            }
+                        },
+                    },
+                });
+            }
+        },
+    }); };
+    var rowSelection = {
+        selectedRowKeys: selectedRowKeys,
+        onChange: function (keys) {
+            setSelectedRowKeys(keys);
+        },
+        preserveSelectedRowKeys: true,
+    };
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement("div", { className: styles.header },
+            React__default.createElement("div", { className: styles.title }, name),
+            React__default.createElement("div", { className: styles.search },
+                bookId ? null : (React__default.createElement(Select, { style: { width: 260 }, placeholder: "\u8BF7\u9009\u62E9\u6240\u5C5E\u53F0\u8D26", options: bookOptions, onChange: handleChangeSelectBookIds, value: selectBookIds, fieldNames: { label: 'bookName', value: 'bookId' }, mode: "multiple", maxTagCount: "responsive", showSearch: true, filterOption: function (k, option) { return option.bookName.includes(k); } })),
+                React__default.createElement(Search, { style: { width: 200 }, placeholder: "\u8BF7\u8F93\u5165\u641C\u7D22\u5173\u952E\u8BCD", onSearch: handleSearch, allowClear: true }))),
+        React__default.createElement("div", { className: styles.main },
+            React__default.createElement(SenseTable, { ref: senseTableRef, bookId: bookId, bookIds: selectBookIds, keyword: keyword, templateId: templateId, viewCodes: viewCode ? [viewCode] : undefined, pageSize: pageSize, rowSelection: rowSelection, onRow: onRow, enableTag: "edit", customColumns: customColumns, writeAuth: true })),
+        React__default.createElement(ContextMenu, { disabled: !selectedTag }),
+        contextHolder,
+        modalContextHolder));
+};
+
+export { SenseList as default };

package/dist/es/components/TagConfig/components/SenseList/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 = ".index-module_container__cMIaI {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  padding-left: 20px;\n}\n.index-module_container__cMIaI .index-module_header__j0OOt {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: space-between;\n  padding: 24px 0;\n}\n.index-module_container__cMIaI .index-module_header__j0OOt .index-module_title__TGkNF {\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 22px;\n}\n.index-module_container__cMIaI .index-module_header__j0OOt .index-module_search__8DryU {\n  display: flex;\n  gap: 8px;\n  padding-right: 20px;\n}\n.index-module_container__cMIaI .index-module_main__rk-iH {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  height: 0;\n  background: rgba(0, 102, 255, 0.06);\n}\n";
+var styles = {"container":"index-module_container__cMIaI","header":"index-module_header__j0OOt","title":"index-module_title__TGkNF","search":"index-module_search__8DryU","main":"index-module_main__rk-iH"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/TagConfig/components/TagList/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const TagList: ({ templateId, selectedTag, setSelectedTag }: {
+    templateId: any;
+    selectedTag: any;
+    setSelectedTag: any;
+}) => React.JSX.Element;
+export default TagList;