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

package/dist/es/components/SenseFullTable/components/SideBar/index.js

@@ -0,0 +1,61 @@
+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 { Tabs } from '@xirang/design-antd';
+import { useMount } from 'ahooks';
+import React__default, { useState } from 'react';
+import { getSystemViewList } from '../../../../services/view.js';
+import styles from './index.module.less.js';
+
+var SideBar = function (props) {
+    var viewType = props.viewType, views = props.views, showView = props.showView, activeViewCode = props.activeViewCode, onViewCodeChange = props.onViewCodeChange;
+    // 展示分类
+    var _a = useState([]), viewCodeItems = _a[0], setViewCodeItems = _a[1];
+    // 选中分类
+    var handleTabsChange = function (key) {
+        onViewCodeChange(key);
+    };
+    useMount(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _views, systemViews, systemViewCodes_1;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _views = views;
+                    if (!(viewType === 'system')) return [3 /*break*/, 2];
+                    return [4 /*yield*/, getSystemViewList()];
+                case 1:
+                    systemViews = _b.sent();
+                    if (views === null || views === void 0 ? void 0 : views.length) {
+                        systemViewCodes_1 = systemViews.map(function (item) { return item.viewCode; });
+                        _views = views.filter(function (item) { return systemViewCodes_1.includes(item.value); });
+                    }
+                    else {
+                        _views = systemViews
+                            .map(function (item) {
+                            if (item.viewCode === 'system-icos_all' || item.viewCode === 'system-icos_gov_user') {
+                                // 隐藏全部和政府通讯录
+                                return null;
+                            }
+                            return {
+                                label: item.viewName,
+                                value: item.viewCode,
+                            };
+                        })
+                            .filter(Boolean);
+                    }
+                    _b.label = 2;
+                case 2:
+                    setViewCodeItems(_views.map(function (item) { return ({
+                        key: item.value,
+                        label: item.label,
+                    }); }));
+                    // 默认选中第一个
+                    onViewCodeChange((_a = _views[0]) === null || _a === void 0 ? void 0 : _a.value);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    return (React__default.createElement("div", { className: styles.tabs, style: showView ? {} : { display: 'none' } },
+        React__default.createElement(Tabs, { items: viewCodeItems, activeKey: activeViewCode, onChange: handleTabsChange, tabPosition: "left", type: "card", destroyOnHidden: true })));
+};
+
+export { SideBar as default };

package/dist/es/components/SenseFullTable/components/SideBar/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_tabs__VMddB .ant-tabs.ant-tabs-left {\n  height: 100%;\n}\n.index-module_tabs__VMddB .ant-tabs.ant-tabs-left .ant-tabs-content {\n  height: 100%;\n}\n.index-module_tabs__VMddB .ant-tabs.ant-tabs-left .ant-tabs-content .ant-tabs-tabpane {\n  height: 100%;\n  padding-left: 0;\n}\n.index-module_tabs__VMddB .ant-tabs.ant-tabs-left .ant-tabs-tab-btn {\n  display: flex;\n  align-items: center;\n}\n.index-module_tabs__VMddB .ant-tabs.ant-tabs-left > .ant-tabs-nav {\n  min-width: 34px;\n}\n.index-module_tabs__VMddB .ant-tabs.ant-tabs-left > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list {\n  width: 34px;\n}\n.index-module_tabs__VMddB .ant-tabs.ant-tabs-left > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list .ant-tabs-tab {\n  z-index: 1;\n  padding: 16px 0;\n  font-family: PingFangSC, PingFang SC;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  letter-spacing: 6px;\n  border-radius: 10px 0 0 10px;\n  writing-mode: vertical-rl;\n}\n.index-module_tabs__VMddB .ant-tabs.ant-tabs-left > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active {\n  font-weight: 600;\n}\n.index-module_tabs__VMddB .ant-tabs.ant-tabs-left > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list .ant-tabs-tab + .ant-tabs-tab {\n  margin: 0;\n}\n.index-module_tabs__VMddB .ant-tabs.ant-tabs-left > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list .ant-tabs-ink-bar {\n  display: none;\n}\n.index-module_tabs__VMddB .ant-tabs.ant-tabs-left > .ant-tabs-content-holder {\n  border-left: none;\n}\n";
+var styles = {"tabs":"index-module_tabs__VMddB"};
+styleInject(css_248z);
+
+export { styles as default };

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

@@ -0,0 +1,2 @@
+export { default } from './SenseFullTable';
+export type { SenseFullTableProps, SenseFullTableRef } from './SenseFullTable.types';

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

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

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

@@ -0,0 +1,239 @@
+import { applyRules } from '../../utils/settings.js';
+
+var settings = {
+    name: 'CcosSenseFullTable',
+    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: 'showView',
+            title: '显示左侧边栏',
+            group: 'basic',
+            setter: 'boolSetter',
+            getVisible: function (form) {
+                var viewType = form.getValue('viewType');
+                return viewType === 'func';
+            },
+        },
+        {
+            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) {
+                var viewType = form.getValue('viewType');
+                return viewType === 'system';
+            },
+        },
+        {
+            name: 'views',
+            title: '左侧边栏',
+            group: 'basic',
+            setter: 'listSetter',
+            setterProps: {
+                listItemFormFields: [
+                    { label: '侧边栏名称', name: 'key', required: true },
+                    { label: '对应功能视图', name: 'value', required: true },
+                ],
+            },
+            getVisible: function (form) {
+                var viewType = form.getValue('viewType');
+                return viewType === 'func';
+            },
+        },
+        {
+            name: 'showBookGroupTable',
+            title: '显示台账组列表',
+            group: 'basic',
+            setter: 'boolSetter',
+            // getProp: (form) => {
+            //   const viewType = form.getValue('viewType');
+            //   if (viewType === 'system') {
+            //     return {
+            //       disableVariableSetter: true,
+            //       setterProps: {
+            //         value: true,
+            //         disabled: true,
+            //       },
+            //     };
+            //   }
+            // },
+        },
+        {
+            name: 'showBookTable',
+            title: '显示台账列表',
+            group: 'basic',
+            setter: 'boolSetter',
+        },
+        {
+            name: 'showBookContextMenuConfig',
+            title: '启用台账功能',
+            group: 'basic',
+            setter: 'boolSetter',
+            getVisible: function (form) {
+                return form.getValue('showBookTable');
+            },
+        },
+        {
+            name: 'bookContextMenuConfig',
+            title: '台账功能',
+            group: 'basic',
+            setter: 'selectSetter',
+            setterProps: {
+                mode: 'multiple',
+            },
+            options: [
+                { label: '新建对象', value: 'create' },
+                { label: '查看', value: 'show' },
+            ],
+            getVisible: function (form) {
+                return form.getValue('showBookTable') && form.getValue('showBookContextMenuConfig');
+            },
+        },
+        {
+            name: 'showSenseTable',
+            title: '实体记录列表',
+            group: 'basic',
+            setter: 'boolSetter',
+        },
+        {
+            name: 'showSenseContextMenuConfig',
+            title: '启用实体记录功能',
+            group: 'basic',
+            setter: 'boolSetter',
+            getVisible: function (form) {
+                return form.getValue('showSenseTable');
+            },
+        },
+        {
+            name: 'senseContextMenuConfig',
+            title: '实体记录功能',
+            group: 'basic',
+            setter: 'selectSetter',
+            setterProps: {
+                mode: 'multiple',
+            },
+            options: [
+                { label: '查看', value: 'show' },
+                { label: '编辑', value: 'edit' },
+                { label: '删除', value: 'delete' },
+            ],
+            getVisible: function (form) {
+                return form.getValue('showSenseTable') && form.getValue('showSenseContextMenuConfig');
+            },
+        },
+        {
+            name: 'enableTag',
+            title: '属性信息-标签',
+            group: 'basic',
+            setter: 'boolSetter',
+        },
+        {
+            name: 'leafRegionId',
+            title: '地理层级叶子节点id',
+            group: 'basic',
+            setter: 'textSetter',
+        },
+        {
+            name: 'pathRegionId',
+            title: '地理层级路径节点id',
+            group: 'basic',
+            setter: 'textSetter',
+        },
+        // 事件
+        {
+            name: 'onCreateSense',
+            title: '新建对象',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onShowSense',
+            title: '查看实体',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onEditSense',
+            title: '编辑实体',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onClickSense',
+            title: '单击实体',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onDoubleClickSense',
+            title: '双击实体',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'filterBgColor',
+            title: '过滤条件背景颜色',
+            group: 'style',
+            setter: 'colorSetter',
+        },
+        {
+            name: 'filterIconColor',
+            title: '过滤条件图标颜色',
+            group: 'style',
+            setter: 'colorSetter',
+        },
+        {
+            name: 'filterActiveClor',
+            title: '过滤条件右上角图标颜色',
+            group: 'style',
+            setter: 'colorSetter',
+        },
+        {
+            name: 'filterContentBgColor',
+            title: '过滤条件内容背景颜色',
+            group: 'style',
+            setter: 'colorSetter',
+        },
+        {
+            name: 'rowHighlightColor',
+            title: '选中行高亮颜色',
+            group: 'style',
+            setter: 'colorSetter',
+        },
+        {
+            name: 'filterBgColor',
+            title: '过滤条件背景颜色',
+            group: 'style',
+            setter: 'colorSetter',
+        },
+    ],
+};
+var settings$1 = applyRules(settings);
+
+export { settings$1 as default };

package/dist/es/components/SenseFullTable/utils/index.d.ts

@@ -0,0 +1,5 @@
+export declare const getRangePickerConversion: (format?: string) => {
+    getValueProps: (value: any) => any;
+    getValueFromEvent: (value: any) => any;
+};
+export declare const isAllValuesEmpty: (obj: any) => boolean;

package/dist/es/components/SenseFullTable/utils/index.js

@@ -0,0 +1,38 @@
+import dayjs from 'dayjs';
+
+// 日期范围选择器表单格式转换
+var getRangePickerConversion = function (format) {
+    if (format === void 0) { format = 'YYYY-MM-DD HH:mm:ss'; }
+    return ({
+        getValueProps: function (value) {
+            if (value === null || value === void 0 ? void 0 : value.length) {
+                return value.map(function (item) { return dayjs(item, format); });
+            }
+            return value;
+        },
+        getValueFromEvent: function (value) {
+            if (value === null || value === void 0 ? void 0 : value.length) {
+                return value.map(function (item) { return dayjs(item).format(format); });
+            }
+            return value;
+        },
+    });
+};
+// 判断对象中所有值为空
+var isAllValuesEmpty = function (obj) {
+    for (var key in obj) {
+        if (Object.prototype.hasOwnProperty.call(obj, key)) {
+            var value = obj[key];
+            if (value !== null &&
+                value !== undefined &&
+                value !== '' &&
+                !(Array.isArray(value) && value.length === 0) &&
+                !(typeof value === 'object' && Object.keys(value).length === 0)) {
+                return false;
+            }
+        }
+    }
+    return true;
+};
+
+export { getRangePickerConversion, isAllValuesEmpty };

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

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

package/dist/es/components/SenseInfo/SenseInfo.js

@@ -0,0 +1,44 @@
+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 { useRequest } from 'ahooks';
+import React__default from 'react';
+import { getSenseDetail } from '../../services/senseForm.js';
+import Render from './components/Render/index.js';
+import styles from './SenseInfo.module.less.js';
+
+var SenseInfo = function (props) {
+    var senseGlobalCode = props.senseGlobalCode, onGetSenseDetail = props.onGetSenseDetail, enableTag = props.enableTag, textColor = props.textColor, borderColor = props.borderColor, borderWidth = props.borderWidth, borderStyle = props.borderStyle;
+    var data = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res, renderData;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!senseGlobalCode) return [3 /*break*/, 2];
+                    return [4 /*yield*/, getSenseDetail({ senseGlobalCode: senseGlobalCode })];
+                case 1:
+                    res = _b.sent();
+                    onGetSenseDetail === null || onGetSenseDetail === void 0 ? void 0 : onGetSenseDetail(res);
+                    renderData = res === null || res === void 0 ? void 0 : res.fieldInfoList;
+                    if (enableTag && (renderData === null || renderData === void 0 ? void 0 : renderData.length) && ((_a = res.tagNames) === null || _a === void 0 ? void 0 : _a.length)) {
+                        renderData.push({
+                            fieldId: 'CustomTags',
+                            fieldName: '标签',
+                            fieldValue: JSON.stringify(res.tagNames),
+                            widgetType: 'CustomTags',
+                        });
+                    }
+                    return [2 /*return*/, renderData];
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); }, {
+        refreshDeps: [senseGlobalCode, enableTag],
+    }).data;
+    if (!data) {
+        return null;
+    }
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement(Render, { data: data, textColor: textColor, borderColor: borderColor, borderWidth: borderWidth, borderStyle: borderStyle })));
+};
+
+export { SenseInfo as default };

package/dist/es/components/SenseInfo/SenseInfo.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 = ".SenseInfo-module_container__BjxkT * {\n  box-sizing: border-box;\n}\n";
+var styles = {"container":"SenseInfo-module_container__BjxkT"};
+styleInject(css_248z);
+
+export { styles as default };

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

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

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

@@ -0,0 +1,30 @@
+export interface SenseInfoProps {
+    /**
+     * 实体编码
+     */
+    senseGlobalCode: string;
+    /**
+     * 获取实体详情回调
+     */
+    onGetSenseDetail?: (data: any) => void;
+    /**
+     * 启用标签
+     */
+    enableTag?: boolean;
+    /**
+     * 文本颜色
+     */
+    textColor?: string;
+    /**
+     * 表格边框颜色
+     */
+    borderColor?: string;
+    /**
+     * 表格边框宽度
+     */
+    borderWidth?: number | string;
+    /**
+     * 表格边框样式
+     */
+    borderStyle?: string;
+}

package/dist/es/components/SenseInfo/components/FileView/icons/file.svg.js

@@ -0,0 +1,18 @@
+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 SvgFile = function SvgFile(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 21,
+    height: 20,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#3CF0E1",
+    d: "m17.65 6.433-4.374-4.375a.63.63 0 0 0-.442-.183h-7.5a1.25 1.25 0 0 0-1.25 1.25v13.75a1.25 1.25 0 0 0 1.25 1.25h11.25a1.25 1.25 0 0 0 1.25-1.25v-10a.63.63 0 0 0-.183-.442M13.46 13.75h-5a.625.625 0 1 1 0-1.25h5a.624.624 0 1 1 0 1.25m0-2.5h-5a.625.625 0 1 1 0-1.25h5a.624.624 0 1 1 0 1.25m-.625-4.375V3.438l3.437 3.437z",
+    className: "file_svg__sense-info-file-fill"
+  })));
+};
+
+export { SvgFile as default };

package/dist/es/components/SenseInfo/components/FileView/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface FileItem {
+    fileName: string;
+    url: string;
+}
+export interface FileViewProps {
+    value: FileItem[];
+}
+declare const FileView: React.FC<FileViewProps>;
+export default FileView;

package/dist/es/components/SenseInfo/components/FileView/index.js

@@ -0,0 +1,24 @@
+import { theme } from '@xirang/design-antd';
+import React__default, { useEffect } from 'react';
+import SvgFile from './icons/file.svg.js';
+import styles from './index.module.less.js';
+
+var useToken = theme.useToken;
+var FileView = function (props) {
+    var value = props.value;
+    var token = useToken().token;
+    useEffect(function () {
+        var svgElement = document.querySelector('svg .sense-info-file-fill');
+        if (svgElement) {
+            svgElement.style.fill = "var(--sense-info-highlight-color, ".concat(token.colorLink, ")");
+        }
+    }, [token.colorLink]);
+    if (!(value === null || value === void 0 ? void 0 : value.length)) {
+        return '-';
+    }
+    return (React__default.createElement("div", { className: styles.container }, value.map(function (item) { return (React__default.createElement("a", { key: item.fileName, style: { color: token.colorLink }, className: styles.item, href: item.url, download: item.fileName },
+        React__default.createElement(SvgFile, null),
+        item.fileName)); })));
+};
+
+export { FileView as default };

package/dist/es/components/SenseInfo/components/FileView/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 = ":root {\n  --sense-info-highlight-color: #3370ff;\n}\n.index-module_container__LpTpD {\n  display: flex;\n  flex-direction: column;\n  row-gap: 4px;\n}\n.index-module_container__LpTpD .index-module_item__rpmbQ {\n  font-size: 14px;\n  word-break: break-all;\n}\n.index-module_container__LpTpD .index-module_item__rpmbQ > svg {\n  transform: translateY(4px);\n}\n.index-module_container__LpTpD .index-module_item__rpmbQ > svg .index-module_sense-info-file-fill__AbQ2k {\n  fill: var(--sense-info-highlight-color);\n}\n";
+var styles = {"container":"index-module_container__LpTpD","item":"index-module_item__rpmbQ"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/SenseInfo/components/ImageView/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface ImageItem {
+    fileName: string;
+    url: string;
+}
+export interface ImageViewProps {
+    value: ImageItem[];
+}
+declare const ImageView: React.FC<ImageViewProps>;
+export default ImageView;

package/dist/es/components/SenseInfo/components/ImageView/index.js

@@ -0,0 +1,15 @@
+import { Image } from '@xirang/design-antd';
+import React__default from 'react';
+import styles from './index.module.less.js';
+
+var fallback = 'data:image/png;base64,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';
+var ImageView = function (_a) {
+    var value = _a.value;
+    if (!(value === null || value === void 0 ? void 0 : value.length)) {
+        return '-';
+    }
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement(Image.PreviewGroup, null, value.map(function (item) { return (React__default.createElement(Image, { key: item.fileName, width: 60, height: 60, src: item.url, fallback: fallback })); }))));
+};
+
+export { ImageView as default };

package/dist/es/components/SenseInfo/components/ImageView/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__ijx5A {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n";
+var styles = {"container":"index-module_container__ijx5A"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/SenseInfo/components/Render/icons/videoCamera.svg.js

@@ -0,0 +1,18 @@
+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 SvgVideoCamera = function SvgVideoCamera(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#0FF",
+    d: "M12 4.5v7a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1m3.625.016a.52.52 0 0 0-.415.076l-2.099 1.4a.25.25 0 0 0-.111.207v3.602a.25.25 0 0 0 .111.208l2.111 1.407a.5.5 0 0 0 .537.012.52.52 0 0 0 .24-.448V5a.5.5 0 0 0-.374-.484",
+    className: "videoCamera_svg__sense-info-vedio-fill"
+  })));
+};
+
+export { SvgVideoCamera as default };

package/dist/es/components/SenseInfo/components/Render/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type RenderItem = SenseFormAPI.GetSenseDetailRes['fieldInfoList'][0];
+export interface RenderProps {
+    data: RenderItem[];
+    textColor?: string;
+    borderColor?: string;
+    borderWidth?: number | string;
+    borderStyle?: string;
+}
+declare const Render: React.FC<RenderProps>;
+export default Render;