strategy-panel 1.0.1 → 1.0.2

package/.fatherrc.ts

@@ -1,26 +1,11 @@
-export default {
-  esm: 'babel',
-  // cjs: 'babel',
-  // lessInBabelMode: true,
-  // cssModules: true,
-  extraBabelPlugins: [
-    [
-      'babel-plugin-module-resolver',
-      {
-        root: ['./'],
-        extensions: ['.d.ts', '.ts'],
-        alias: {
-          '@': './src',
-        },
-      },
-    ],
-    [
-      'babel-plugin-import',
-      {
-        libraryName: 'antd',
-        libraryDirectory: 'es',
-        style: true,
-      },
-    ],
-  ],
-};
+import { defineConfig } from 'father';
+
+export default defineConfig({
+  esm: {
+    output: 'es',
+  },
+  cjs: {
+    platform: 'browser',
+    output: 'lib',
+  },
+});

package/.umirc.ts

@@ -1,4 +1,7 @@
 import { defineConfig } from 'dumi';
+import WebpackChain from 'webpack-chain';
+import fs from 'fs';
+import path from 'path';
 const { NODE_ENV } = process.env;
 
 const basicBabelPlugin = [
@@ -26,4 +29,5 @@ export default defineConfig({
     ['en-US', 'English'],
   ],
   extraBabelPlugins,
+  lessLoader: {},
 });

package/README.md

@@ -1,33 +1,33 @@
-# strategy-panel
-
-## Getting Started
-
-Install dependencies,
-
-```bash
-$ npm i
-```
-
-Start the dev server,
-
-```bash
-$ npm start
-```
-
-Build documentation,
-
-```bash
-$ npm run docs:build
-```
-
-Run test,
-
-```bash
-$ npm test
-```
-
-Build library via `father-build`,
-
-```bash
-$ npm run build
-```
+# strategy-panel
+
+## Getting Started
+
+Install dependencies,
+
+```bash
+$ npm i
+```
+
+Start the dev server,
+
+```bash
+$ npm start
+```
+
+Build documentation,
+
+```bash
+$ npm run docs:build
+```
+
+Run test,
+
+```bash
+$ npm test
+```
+
+Build library via `father-build`,
+
+```bash
+$ npm run build
+```

package/es/assets/decive.svg

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28px" height="28px" viewBox="0 0 28 28" version="1.1">
   <title>设备管理 (2)</title>
   <g id="全局样式" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.8">
     <g id="Icons" transform="translate(-431.000000, -1228.000000)" fill="#323232" fill-rule="nonzero">

package/es/assets/hand.svg

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28px" height="27px" viewBox="0 0 28 27" version="1.1">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28px" height="28px" viewBox="0 0 28 28" version="1.1">
   <title>手动</title>
   <g id="全局样式" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.8">
     <g id="Icons" transform="translate(-582.000000, -1228.000000)" fill="#323232" fill-rule="nonzero">

package/es/assets/lock.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24.744" height="31.16" viewBox="0 0 24.744 31.16">
+  <defs>
+    <style>.a{fill:#595959;}</style>
+  </defs>
+  <path class="a" d="M46.413,18.491V16.044a5.769,5.769,0,0,0-1.6-4.286,5.734,5.734,0,0,0-4.189-1.57,5.251,5.251,0,0,0-3.955,1.6,5.925,5.925,0,0,0-1.505,4.255v2.446H33.975V15.118a5.507,5.507,0,0,1,.493-2.34,6.22,6.22,0,0,1,1.4-1.949,6.7,6.7,0,0,1,2.141-1.338A7.431,7.431,0,0,1,40.755,9a6.645,6.645,0,0,1,2.5.487,7.207,7.207,0,0,1,2.167,1.356,6.658,6.658,0,0,1,1.488,1.974,5.076,5.076,0,0,1,.524,2.3v3.373Z" transform="translate(-28.35 -7.51)"></path>
+  <path class="a" d="M33.245,0a8.872,8.872,0,0,0-3.291.6A8.147,8.147,0,0,0,27.34,2.233,7.665,7.665,0,0,0,25.6,4.648a7.026,7.026,0,0,0-.628,2.961v4.863h4.168V8.534a4.48,4.48,0,0,1,1.092-3.225,3.8,3.8,0,0,1,2.878-1.141,4.282,4.282,0,0,1,3.143,1.141,4.325,4.325,0,0,1,1.158,3.225v3.936h4V7.608a6.6,6.6,0,0,0-.678-2.961,8.107,8.107,0,0,0-1.819-2.415A8.656,8.656,0,0,0,36.3.6a8.087,8.087,0,0,0-3.06-.6" transform="translate(-20.84)"></path>
+  <path class="a" d="M21.764,90.293v9.458a1.457,1.457,0,0,1-.1.554,1.351,1.351,0,0,1-.266.429,1,1,0,0,1-.332.231,1.048,1.048,0,0,1-.427.074H3.937a.962.962,0,0,1-.388-.064.936.936,0,0,1-.3-.2.913.913,0,0,1-.186-.307,1.315,1.315,0,0,1-.081-.481V90.293H21.764m.8-2.98H2.15a2.047,2.047,0,0,0-1.522.645A2.128,2.128,0,0,0,0,89.5V99.982a4.273,4.273,0,0,0,.281,1.555,3.846,3.846,0,0,0,3.655,2.481H20.642a3.945,3.945,0,0,0,2.928-1.24,4.311,4.311,0,0,0,.86-1.356,4.412,4.412,0,0,0,.314-1.67V89.5a2.2,2.2,0,0,0-2.183-2.183" transform="translate(0 -72.858)"></path>
+</svg>

package/es/components/canvas/component-tree-panel/category-tree/category-type.d.ts

@@ -0,0 +1 @@
+export declare const componentsData: any[];

package/es/{common/graph-common → components/canvas/component-tree-panel/category-tree}/category-type.js

@@ -1,4 +1,16 @@
-import { COMPONENTS_TYPE, COMMONLY_USED, SCENE_DISPLAY, SIGN_OPERATION, MOTION_OPERATION } from "./node-types";
+import { COMPONENTS_TYPE, COMMONLY_USED, SCENE_DISPLAY, SIGN_OPERATION, MOTION_OPERATION } from "../../../../packages/graph-canvas/node-types";
+import variate from "../../../../assets/variate.svg";
+import lock from "../../../../assets/lock.svg";
+import device from "../../../../assets/decive.svg";
+import time from "../../../../assets/time.svg";
+import hand from "../../../../assets/hand.svg";
+import relation from "../../../../assets/relation.svg";
+import logical from "../../../../assets/logical.svg";
+import condition from "../../../../assets/condition.svg";
+import alarm from "../../../../assets/alarm.svg";
+import notice from "../../../../assets/notice.svg";
+import order from "../../../../assets/order.svg";
+import control from "../../../../assets/control.svg";
 export var componentsData = [{
   id: COMPONENTS_TYPE.COMMONLY_USED,
   name: '通用组件',
@@ -6,7 +18,11 @@ export var componentsData = [{
   children: [{
     id: COMMONLY_USED.VARIATE,
     name: '变量',
-    imgUrl: require("../../assets/variate.svg")
+    imgUrl: variate
+  }, {
+    id: COMMONLY_USED.LOCKED,
+    name: '服务锁定',
+    imgUrl: lock
   }]
 }, {
   id: COMPONENTS_TYPE.SCENE_DISPLAY,
@@ -15,16 +31,16 @@ export var componentsData = [{
   children: [{
     id: SCENE_DISPLAY.EQUIPMENT,
     name: '设备触发',
-    imgUrl: require("../../assets/decive.svg"),
+    imgUrl: device,
     number: 1
   }, {
     id: SCENE_DISPLAY.TIME,
     name: '时间触发',
-    imgUrl: require("../../assets/time.svg")
+    imgUrl: time
   }, {
     id: SCENE_DISPLAY.MANUAL,
     name: '手动按钮',
-    imgUrl: require("../../assets/hand.svg")
+    imgUrl: hand
   }]
 }, {
   id: COMPONENTS_TYPE.SIGN_OPERATION,
@@ -33,15 +49,15 @@ export var componentsData = [{
   children: [{
     id: SIGN_OPERATION.RELATION,
     name: '关系运算',
-    imgUrl: require("../../assets/relation.svg")
+    imgUrl: relation
   }, {
     id: SIGN_OPERATION.LOGICAL,
     name: '逻辑运算',
-    imgUrl: require("../../assets/logical.svg")
+    imgUrl: logical
   }, {
     id: SIGN_OPERATION.CONDITION,
     name: '条件判断',
-    imgUrl: require("../../assets/condition.svg")
+    imgUrl: condition
   }]
 }, {
   id: COMPONENTS_TYPE.MOTION_OPERATION,
@@ -50,19 +66,19 @@ export var componentsData = [{
   children: [{
     id: MOTION_OPERATION.ALARM,
     name: '报警',
-    imgUrl: require("../../assets/alarm.svg")
+    imgUrl: alarm
   }, {
     id: MOTION_OPERATION.NOTICE,
     name: '通知',
-    imgUrl: require("../../assets/notice.svg")
+    imgUrl: notice
   }, {
     id: MOTION_OPERATION.ORDER,
     name: '派发工单',
-    imgUrl: require("../../assets/order.svg")
+    imgUrl: order
   }, {
     id: MOTION_OPERATION.CONTROL,
     name: '远程控制',
-    imgUrl: require("../../assets/control.svg")
+    imgUrl: control
   }]
 }, {
   id: COMPONENTS_TYPE.APPLICATION,

package/es/{pages → components/canvas}/component-tree-panel/category-tree/index.d.ts

@@ -1,16 +1,17 @@
-import React from 'react';
-import './index.less';
-export interface paneDataItem {
-    id: string;
-    name: string;
-    isDir?: boolean;
-    children?: paneDataItem[];
-    imgUrl?: string;
-    number?: number;
-}
-interface Props {
-    sortNum?: number;
-    panelData?: paneDataItem[];
-}
-declare const CategoryTree: React.FC<Props>;
-export default CategoryTree;
+import React from 'react';
+import './index.less';
+export interface paneDataItem {
+    id: string;
+    name: string;
+    isDir?: boolean;
+    imgUrl?: string;
+    number?: number;
+    applicationImgUrl?: string;
+    children?: paneDataItem[];
+}
+interface Props {
+    sortNum?: number;
+    panelData?: paneDataItem[];
+}
+declare const CategoryTree: React.FC<Props>;
+export default CategoryTree;

package/es/{pages → components/canvas}/component-tree-panel/category-tree/index.js

@@ -1,10 +1,3 @@
-import "antd/es/col/style";
-import _Col from "antd/es/col";
-import "antd/es/row/style";
-import _Row from "antd/es/row";
-import "antd/es/collapse/style";
-import _Collapse from "antd/es/collapse";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -12,10 +5,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import React from 'react';
-import { componentsData } from "../../../common/graph-common/category-type";
+import { Col, Collapse, Row } from 'antd';
+import { componentsData } from "./category-type";
 import { NodeTitle } from "./node-title";
 import "./index.less";
-var Panel = _Collapse.Panel;
+var Panel = Collapse.Panel;
 
 var getComponentsData = function getComponentsData(data) {
   return data === null || data === void 0 ? void 0 : data.reduce(function (pre, next) {
@@ -70,22 +64,28 @@ var CategoryTree = function CategoryTree(props) {
   };
 
   var currentPanelData = getComponentsData(panelData);
+  var omitEmptyData = currentPanelData === null || currentPanelData === void 0 ? void 0 : currentPanelData.filter(function (item) {
+    var _item$children;
+
+    return (item === null || item === void 0 ? void 0 : (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) > 0;
+  });
   var defaultActiveKey = currentPanelData === null || currentPanelData === void 0 ? void 0 : currentPanelData.map(function (item) {
     return item === null || item === void 0 ? void 0 : item.id;
   });
+  console.log('xxxxcurrentPanelData', currentPanelData, componentsData);
   return /*#__PURE__*/React.createElement("div", {
     className: "category-tree-list"
-  }, /*#__PURE__*/React.createElement(_Collapse, {
+  }, /*#__PURE__*/React.createElement(Collapse, {
     className: "category-tree-collapse",
     defaultActiveKey: defaultActiveKey
-  }, currentPanelData === null || currentPanelData === void 0 ? void 0 : currentPanelData.map(function (item) {
-    var _item$children, _item$children2;
+  }, omitEmptyData === null || omitEmptyData === void 0 ? void 0 : omitEmptyData.map(function (item) {
+    var _item$children2, _item$children3;
 
     return /*#__PURE__*/React.createElement(Panel, {
       header: item.name,
       key: item.id
-    }, /*#__PURE__*/React.createElement(_Row, null, (item === null || item === void 0 ? void 0 : (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) ? item === null || item === void 0 ? void 0 : (_item$children2 = item.children) === null || _item$children2 === void 0 ? void 0 : _item$children2.map(function (child, index) {
-      return /*#__PURE__*/React.createElement(_Col, {
+    }, /*#__PURE__*/React.createElement(Row, null, item !== null && item !== void 0 && (_item$children2 = item.children) !== null && _item$children2 !== void 0 && _item$children2.length ? item === null || item === void 0 ? void 0 : (_item$children3 = item.children) === null || _item$children3 === void 0 ? void 0 : _item$children3.map(function (child, index) {
+      return /*#__PURE__*/React.createElement(Col, {
         key: child.id,
         span: 8
       }, /*#__PURE__*/React.createElement(NodeTitle, {

package/es/{pages → components/canvas}/component-tree-panel/category-tree/index.less

@@ -1,36 +1,36 @@
-@import (reference) '../../../style/theme-light';
-
-.category-tree-list {
-  height: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
-  background: #fff;
-
-  .category-tree-collapse {
-    border-color: #DCDCDC;
-
-    .ant-collapse-header {
-      height: 36px;
-      font-size: 14px;
-      line-height: 1 !important;
-      background: @light-gray-bg;
-
-    }
-    .ant-collapse-header > div {
-      position: absolute;
-      right: 0;
-    }
-    .ant-collapse-header > div > span {
-      color: rgba(142, 142, 142, 0.52);
-    }
-    .ant-collapse-content > .ant-collapse-content-box {
-      padding-bottom: 5px;
-    }
-    .ant-collapse-content {
-      border-top: 1px solid #DCDCDC;
-    }
-    .ant-collapse-item {
-      border-bottom: 1px solid #DCDCDC;
-    }
-  }
-}
+@import (reference) '../../../../style/theme-light';
+
+.category-tree-list {
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  background: #fff;
+
+  .category-tree-collapse {
+    border-color: #DCDCDC;
+
+    .ant-collapse-header {
+      height: 36px;
+      font-size: 14px;
+      line-height: 1 !important;
+      background: @light-gray-bg;
+
+    }
+    .ant-collapse-header > div {
+      position: absolute;
+      right: 0;
+    }
+    .ant-collapse-header > div > span {
+      color: rgba(142, 142, 142, 0.52);
+    }
+    .ant-collapse-content > .ant-collapse-content-box {
+      padding-bottom: 5px;
+    }
+    .ant-collapse-content {
+      border-top: 1px solid #DCDCDC;
+    }
+    .ant-collapse-item {
+      border-bottom: 1px solid #DCDCDC;
+    }
+  }
+}

package/es/{pages → components/canvas}/component-tree-panel/category-tree/node-title.d.ts

@@ -1,12 +1,12 @@
-import type { ConnectDragPreview, ConnectDragSource } from 'react-dnd';
-import './node-title.less';
-interface Props {
-    node: any;
-    isRowFirst: boolean;
-    sortIndex: number;
-    isDragging: boolean;
-    connectDragSource: ConnectDragSource;
-    connectDragPreview: ConnectDragPreview;
-}
-export declare const NodeTitle: import("react-dnd").DndComponentClass<(props: Props) => JSX.Element, import("react-dnd").Omit<Props, "connectDragSource" | "connectDragPreview" | "isDragging">>;
-export {};
+import type { ConnectDragPreview, ConnectDragSource } from 'react-dnd';
+import './node-title.less';
+interface Props {
+    node: any;
+    isRowFirst: boolean;
+    sortIndex: number;
+    isDragging: boolean;
+    connectDragSource: ConnectDragSource;
+    connectDragPreview: ConnectDragPreview;
+}
+export declare const NodeTitle: import("react-dnd").DndComponentClass<(props: Props) => JSX.Element, import("react-dnd").Omit<Props, "connectDragSource" | "connectDragPreview" | "isDragging">>;
+export {};

package/es/{pages → components/canvas}/component-tree-panel/category-tree/node-title.js

@@ -1,7 +1,8 @@
 import React from 'react';
 import { DragSource } from 'react-dnd';
 import marked from 'marked';
-import { DRAGGABLE_ALGO_COMPONENT } from "../../../common/constants/graph";
+import { DRAGGABLE_ALGO_COMPONENT } from "../../../../packages/graph-common/graph";
+import application from "../../../../assets/application.svg";
 import "./node-title.less";
 marked.setOptions({
   gfm: true,
@@ -18,7 +19,8 @@ var InnerNodeTitle = function InnerNodeTitle(props) {
   var _node$name = node.name,
       name = _node$name === void 0 ? '' : _node$name,
       isDir = node.isDir,
-      imgUrl = node.imgUrl; // 文件夹
+      imgUrl = node.imgUrl;
+  console.log('InnerNodeTitlexxxx', node); // 文件夹
 
   if (isDir) {
     return /*#__PURE__*/React.createElement("div", {
@@ -36,7 +38,7 @@ var InnerNodeTitle = function InnerNodeTitle(props) {
   }, /*#__PURE__*/React.createElement("img", {
     alt: name,
     className: "node-icon",
-    src: imgUrl || require("../../../assets/application.svg")
+    src: imgUrl || application
   })))), /*#__PURE__*/React.createElement("span", {
     className: "label"
   }, name));

package/es/{pages → components/canvas}/component-tree-panel/index.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-import type { paneDataItem } from './category-tree';
-import './index.less';
-interface Props {
-    /**
-     * @description       classname
-     * @description.zh-CN classname
-     */
-    className?: string;
-    /**
-     * @description       available
-     * @description.zh-CN 菜单数据源头
-     */
-    panelData?: paneDataItem[];
-}
-declare const ComponentTreePanel: React.FC<Props>;
-export default ComponentTreePanel;
+import React from 'react';
+import type { paneDataItem } from './category-tree';
+import './index.less';
+interface Props {
+    /**
+     * @description       classname
+     * @description.zh-CN classname
+     */
+    className?: string;
+    /**
+     * @description       available
+     * @description.zh-CN 菜单数据源头
+     */
+    panelData?: paneDataItem[];
+}
+declare const ComponentTreePanel: React.FC<Props>;
+export default ComponentTreePanel;

package/es/{pages → components/canvas}/component-tree-panel/index.js

@@ -7,6 +7,7 @@ var ComponentTreePanel = function ComponentTreePanel(props) {
   var className = props.className,
       _props$panelData = props.panelData,
       panelData = _props$panelData === void 0 ? [] : _props$panelData;
+  console.log('ComponentTreePanelxxxxxxxx', panelData);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(className, 'node-source-tree-container', 'node-source-tree-shadow')
   }, /*#__PURE__*/React.createElement("div", {

package/es/{pages → components/canvas}/component-tree-panel/index.less

@@ -2,6 +2,7 @@
   display: flex;
   flex-direction: column;
   height: 100%;
+  margin-top: -1px;
 
   .tab-wrapper {
     display: flex;

package/es/{pages → components/canvas}/config-panel/components/condition-configuration/configure-modal/data-origin.d.ts

@@ -1,49 +1,49 @@
-import React from 'react';
-declare type sourceType = 'device_attr' | 'device_event' | 'model_attr' | 'model_event';
-declare type relationItem = {
-    /**
-     * @description       type
-     * @description.zh-CN 类型：设备属性、设备事件、模式属性、模型事件
-     */
-    type: 'device' | 'model';
-    /**
-     * @description       type
-     * @description.zh-CN 类型：设备属性、设备事件、模式属性、模型事件
-     */
-    source: sourceType;
-    /**
-     * @description       targetId
-     * @description.zh-CN 设备id/模型id
-     */
-    targetId: number | string;
-    /**
-     * @description       targetName
-     * @description.zh-CN 设备名称/模型名称
-     */
-    targetName: string;
-    /**
-     * @description       modelId
-     * @description.zh-CN 属性id/事件id
-     */
-    modelId: number | string;
-    /**
-     * @description       modelName
-     * @description.zh-CN 属性名称/事件名称
-     */
-    modelName: string;
-};
-interface Props {
-    defaultValue?: 'fixed' | 'variable';
-    relationData: {
-        [key: string]: {
-            meterAttrList?: relationItem[];
-            meterEventList?: relationItem[];
-            meterModelAttrs?: relationItem[];
-            meterModelEvents?: relationItem[];
-        };
-    };
-    value?: any;
-    onChange?: (value: any) => void;
-}
-declare const DataOrigin: React.FC<Props>;
-export default DataOrigin;
+import React from 'react';
+declare type sourceType = 'device_attr' | 'device_event' | 'model_attr' | 'model_event';
+declare type relationItem = {
+    /**
+     * @description       type
+     * @description.zh-CN 类型：设备属性、设备事件、模式属性、模型事件
+     */
+    type: 'device' | 'model';
+    /**
+     * @description       type
+     * @description.zh-CN 类型：设备属性、设备事件、模式属性、模型事件
+     */
+    source: sourceType;
+    /**
+     * @description       targetId
+     * @description.zh-CN 设备id/模型id
+     */
+    targetId: number | string;
+    /**
+     * @description       targetName
+     * @description.zh-CN 设备名称/模型名称
+     */
+    targetName: string;
+    /**
+     * @description       modelId
+     * @description.zh-CN 属性id/事件id
+     */
+    modelId: number | string;
+    /**
+     * @description       modelName
+     * @description.zh-CN 属性名称/事件名称
+     */
+    modelName: string;
+};
+interface Props {
+    defaultValue?: 'fixed' | 'variable';
+    relationData: {
+        [key: string]: {
+            meterAttrList?: relationItem[];
+            meterEventList?: relationItem[];
+            meterModelAttrs?: relationItem[];
+            meterModelEvents?: relationItem[];
+        };
+    };
+    value?: any;
+    onChange?: (value: any) => void;
+}
+declare const DataOrigin: React.FC<Props>;
+export default DataOrigin;