@zgfe/modules-attribution 1.0.5 → 1.1.1

package/README.md

@@ -1,4 +1,6 @@
-# 归因分析
+# modules-attribution
+
+洞察分析
 
 ## Getting Started
 
@@ -26,7 +28,7 @@ Run test,
 $ npm test
 ```
 
-Build library via `father`,
+Build library via `father-build`,
 
 ```bash
 $ npm run build

package/{dist/esm → es}/components/common/index.js

@@ -1,15 +1,11 @@
 import React from 'react';
-import "./styles/index.less";
+import './styles/index.less';
 var classPrefix = 'mi-common';
-
-// 加载按钮
 export var MiSpin = function MiSpin() {
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-loading-icon")
   });
 };
-
-// 无数据状态
 export var MiNone = function MiNone(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-none-container")

package/es/components/index.d.ts

@@ -0,0 +1,5 @@
+import OptionGroup from './option';
+import TableList from './tableList';
+import SearchTime from './searchTime';
+import { MiNone, MiSpin } from './common';
+export { OptionGroup, TableList, SearchTime, MiNone, MiSpin };

package/es/components/index.js

@@ -0,0 +1,5 @@
+import OptionGroup from './option';
+import TableList from './tableList';
+import SearchTime from './searchTime';
+import { MiNone, MiSpin } from './common';
+export { OptionGroup, TableList, SearchTime, MiNone, MiSpin };

package/es/components/option/index.js

@@ -0,0 +1,141 @@
+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; }
+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; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { BizGlobalDataContext, IconFont, BizAddToScene, BizAddToPanel } from '@zgfe/business-lib';
+import { Button } from 'antd';
+import React, { useContext, useImperativeHandle, useState } from 'react';
+import { chartTypes } from '../../constants';
+import './styles/index.less';
+import { AttributableContext } from '../../types';
+var classPrefix = 'option-group';
+var OptionGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var searchData = props.searchData,
+    _onGetSearchData = props.onGetSearchData;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showPanelDialog = _useState2[0],
+    setShowPanelDialog = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showSceneDialog = _useState4[0],
+    setShowSceneDialog = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    panelValue = _useState6[0],
+    setPanelValue = _useState6[1];
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    panelType = _useState8[0],
+    setPanelType = _useState8[1];
+  var _useContext = useContext(BizGlobalDataContext),
+    currentApp = _useContext.currentApp;
+  var _useContext2 = useContext(AttributableContext),
+    panelId = _useContext2.panelId,
+    panelName = _useContext2.panelName,
+    elementId = _useContext2.elementId,
+    buttonDisable = _useContext2.buttonDisable,
+    searching = _useContext2.searching,
+    enableAddScene = _useContext2.enableAddScene,
+    afterEditTarget = _useContext2.afterEditTarget;
+  useImperativeHandle(ref, function () {
+    return {
+      saveAsPanel: function saveAsPanel() {
+        var item = {
+          panel: {
+            id: panelId
+          },
+          name: panelName ? panelName + '(1)' : '归因'
+        };
+        setPanelValue(item);
+        setShowPanelDialog(true);
+      },
+      savePanel: function savePanel() {
+        var item = {
+          panel: {
+            id: panelId
+          },
+          name: panelName
+        };
+        setPanelValue(item);
+        setShowPanelDialog(true);
+        setPanelType('edit');
+      },
+      onGetSearchData: function onGetSearchData() {
+        _onGetSearchData && _onGetSearchData();
+      }
+    };
+  });
+  var _onOk = function onOk(type, val) {
+    if (type === 'panel') {
+      setPanelType(undefined);
+      setShowPanelDialog(false);
+    } else {
+      setShowSceneDialog(false);
+    }
+    if (afterEditTarget) afterEditTarget(type, val);
+  };
+  var _onCancel = function onCancel(type) {
+    if (type === 'panel') {
+      setShowPanelDialog(false);
+      setPanelType(undefined);
+    } else {
+      setShowSceneDialog(false);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, !panelId && enableAddScene && /*#__PURE__*/React.createElement(Button, {
+    disabled: buttonDisable || searching,
+    icon: /*#__PURE__*/React.createElement(IconFont, {
+      className: "".concat(classPrefix, "-icon"),
+      type: "tianjia2"
+    }),
+    onClick: function onClick() {
+      _onGetSearchData && _onGetSearchData();
+      setShowSceneDialog(true);
+    }
+  }, "\u6DFB\u52A0\u5230\u5E38\u7528\u573A\u666F"), !panelId && /*#__PURE__*/React.createElement(Button, {
+    disabled: buttonDisable || searching,
+    icon: /*#__PURE__*/React.createElement(IconFont, {
+      className: "".concat(classPrefix, "-icon"),
+      type: "tianjia2"
+    }),
+    onClick: function onClick() {
+      _onGetSearchData && _onGetSearchData();
+      setShowPanelDialog(true);
+    }
+  }, "\u6DFB\u52A0\u5230\u770B\u677F"), showSceneDialog && /*#__PURE__*/React.createElement(BizAddToScene, {
+    params: _objectSpread({
+      app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+      module: 'attribution'
+    }, searchData),
+    onCancel: function onCancel() {
+      return _onCancel('scene');
+    },
+    onOk: function onOk(data) {
+      return _onOk('scene', data);
+    }
+  }), showPanelDialog && /*#__PURE__*/React.createElement(BizAddToPanel, {
+    defaultValue: panelValue,
+    params: _objectSpread({
+      app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+      module: 'attribution'
+    }, searchData),
+    type: panelType,
+    styleOptions: chartTypes,
+    elementId: elementId,
+    onCancel: function onCancel() {
+      return _onCancel('panel');
+    },
+    onOk: function onOk(data) {
+      return _onOk('panel', data);
+    }
+  }));
+});
+export default OptionGroup;

package/{dist/esm → es}/components/option/styles/index.less

@@ -11,7 +11,7 @@
     align-items: center;
     padding: 0 12px;
     &:not(:first-child) {
-      margin-left: 8px;
+      margin-left: 16px;
     }
   }
 }

package/es/components/option/types.d.ts

@@ -0,0 +1,5 @@
+import { SearchValueProps } from '../../types';
+export interface OptionGroupProps {
+    searchData: SearchValueProps;
+    onGetSearchData?: Function;
+}

package/{dist/esm/components/searchPanel → es/components/searchTime}/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import './styles/index.less';
 import { SearchPanelProps } from './types';
-declare const SearchPanel: React.FC<SearchPanelProps>;
-export default SearchPanel;
+declare const SearchTime: React.FC<SearchPanelProps>;
+export default SearchTime;

package/es/components/searchTime/index.js

@@ -0,0 +1,49 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { BizDatePicker } from '@zgfe/business-lib';
+import React, { useContext, useState, useEffect } from 'react';
+import { getInitDate } from '../../constants';
+import { AttributableContext } from '../../types';
+import './styles/index.less';
+import _ from 'lodash';
+var classPrefix = 'attribution-search-panel';
+var SearchTime = function SearchTime(props) {
+  var _useContext = useContext(AttributableContext),
+    includeToday = _useContext.includeToday;
+  var _useState = useState(props.time || getInitDate(includeToday)),
+    _useState2 = _slicedToArray(_useState, 2),
+    time = _useState2[0],
+    setTime = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    timer = _useState4[0],
+    setTimer = _useState4[1];
+  useEffect(function () {
+    if (props.time === undefined) {
+      var _time = props.time || getInitDate(includeToday);
+      setTime(_.cloneDeep(_time));
+    }
+  }, [props.time]);
+  var onChangeTime = function onChangeTime(val) {
+    setTime(val);
+    if (timer) clearTimeout(timer);
+    setTimer(setTimeout(function () {
+      setTime(val);
+      props.onChange({
+        time: val
+      });
+    }, 10));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement(BizDatePicker, {
+    value: time,
+    onChange: onChangeTime,
+    selectRange: 365
+  }));
+};
+export default SearchTime;

package/es/components/searchTime/styles/index.less

@@ -0,0 +1,19 @@
+@import '~@zgfe/business-lib/es/assets/styles/variable.less';
+
+.attribution-search-panel {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  .biz-date-picker-wrap {
+    > :nth-child(1) {
+      display: none;
+    }
+  }
+  &-search-right {
+    display: flex;
+  }
+
+  &-select {
+    width: 112px;
+  }
+}

package/{dist/esm/components/searchPanel → es/components/searchTime}/types.d.ts

@@ -2,9 +2,7 @@ import { DatePickerTypes } from '@zgfe/business-lib/es/datePicker/types';
 export interface SearchPanelProps {
     enableSelectChart?: boolean;
     time?: DatePickerTypes.Value;
-    chart?: 'line' | 'bar' | 'map';
     onChange: (data: {
         time: any;
-        chartType: string;
     }) => void;
 }

package/es/components/tableList/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './styles/index.less';
+import { TableDataProps } from '../../types';
+declare const TableList: React.FC<{
+    total: number;
+    tableDataList: TableDataProps;
+}>;
+export default TableList;

package/es/components/tableList/index.js

@@ -0,0 +1,32 @@
+import React, { useContext } from 'react';
+import { Table } from 'antd';
+import './styles/index.less';
+import { AttributableContext } from '../../types';
+import empty from '../../images/empty.png';
+var TableList = function TableList(props) {
+  var classPrefix = 'table-list';
+  var tableDataList = props.tableDataList,
+    total = props.total;
+  var _useContext = useContext(AttributableContext),
+    searching = _useContext.searching;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, !tableDataList.dataSource && !searching && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-empty-tips")
+  }, /*#__PURE__*/React.createElement("img", {
+    src: empty
+  }), /*#__PURE__*/React.createElement("p", null, "\u8BF7\u9009\u62E9\u6761\u4EF6\u8FDB\u884C\u67E5\u8BE2")), (tableDataList.dataSource || searching) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Table, {
+    dataSource: tableDataList.dataSource,
+    columns: tableDataList.columns,
+    rowKey: "key",
+    pagination: {
+      showTotal: function showTotal(total) {
+        return "\u5171 ".concat(total, " \u6761");
+      },
+      showQuickJumper: true,
+      showSizeChanger: total > 10
+    },
+    loading: searching
+  })));
+};
+export default TableList;

package/es/components/tableList/styles/index.less

@@ -0,0 +1,18 @@
+.table-list {
+  margin-top: 25px;
+  .ant-table-wrapper{
+    margin-bottom: 40px;
+  }
+  &-empty-tips {
+    margin-top: 112px;
+    text-align: center;
+    img{
+      width: 88px;
+      height: 88px;
+    }
+    p{
+      color: #354354;
+      line-height: 20px;
+    }
+  }
+}

package/{dist/esm → es}/components/title/index.js

@@ -1,16 +1,16 @@
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Input, Menu, Dropdown, Button, message } from 'antd';
 import React, { useContext, useRef, useState } from 'react';
 import { ajax, IconFont } from '@zgfe/business-lib';
-import "./styles/index.less";
-import Apis from "../../constants/apis";
-import { AttributionContext } from "../../types";
-var classPrefix = 'insight-title';
+import './styles/index.less';
+import Apis from '../../constants/apis';
+import { AttributableContext } from '../../types';
+var classPrefix = 'attribution-title';
 var EditTitle = function EditTitle(props) {
   var title = props.title,
     type = props.type,
@@ -24,13 +24,14 @@ var EditTitle = function EditTitle(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     prevTitle = _useState4[0],
     setPrevTitle = _useState4[1];
-  var _useContext = useContext(AttributionContext),
+  var _useContext = useContext(AttributableContext),
     panelId = _useContext.panelId,
     elementId = _useContext.elementId,
     panelName = _useContext.panelName,
     changeLoading = _useContext.changeLoading,
     afterEditTarget = _useContext.afterEditTarget,
-    searching = _useContext.searching;
+    searching = _useContext.searching,
+    buttonDisable = _useContext.buttonDisable;
   var inputRef = useRef(null);
   var menu = /*#__PURE__*/React.createElement(Menu, {
     items: [{
@@ -46,7 +47,7 @@ var EditTitle = function EditTitle(props) {
       }
     }, {
       key: '2',
-      label: '删除指标',
+      label: '删除归因',
       icon: /*#__PURE__*/React.createElement(IconFont, {
         type: "shanchu"
       }),
@@ -55,8 +56,6 @@ var EditTitle = function EditTitle(props) {
       }
     }]
   });
-
-  // 删除指标
   var onDelete = function onDelete() {
     changeLoading(true);
     ajax(Apis.delPanelElement, {
@@ -67,7 +66,7 @@ var EditTitle = function EditTitle(props) {
       }
     }).then(function (res) {
       changeLoading(false);
-      if (res.flag === 101) {
+      if ((res === null || res === void 0 ? void 0 : res.flag) === 101) {
         message.success('删除成功');
         callback('delete');
       } else {
@@ -77,8 +76,6 @@ var EditTitle = function EditTitle(props) {
       changeLoading(false);
     });
   };
-
-  // 更改标题
   var onBlur = function onBlur(e) {
     var value = e.target.value.trim();
     if (value === prevTitle || !value) return;
@@ -127,17 +124,24 @@ var EditTitle = function EditTitle(props) {
     }
   }, /*#__PURE__*/React.createElement(IconFont, {
     type: "fanhuiicon"
-  }), "\u8FD4\u56DE"), /*#__PURE__*/React.createElement(Input, {
+  }), "\u8FD4\u56DE"), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-input-box-container")
+  }, /*#__PURE__*/React.createElement(Input, {
     ref: inputRef,
     className: "".concat(classPrefix, "-input-box-content"),
+    status: !curTitle ? 'error' : '',
     value: curTitle,
     onBlur: onBlur,
     onChange: onChange
-  })), type === 'edit' ? /*#__PURE__*/React.createElement("div", {
+  }), !curTitle ? /*#__PURE__*/React.createElement("span", {
+    className: "".concat(classPrefix, "-error-tip")
+  }, "\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A") : null)), type === 'edit' ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-option")
   }, /*#__PURE__*/React.createElement(Dropdown, {
     overlayClassName: "".concat(classPrefix, "-dropdown"),
-    overlay: menu,
+    dropdownRender: function dropdownRender() {
+      return menu;
+    },
     trigger: ['click']
   }, /*#__PURE__*/React.createElement("a", {
     className: "".concat(classPrefix, "-pop-btn")
@@ -145,40 +149,40 @@ var EditTitle = function EditTitle(props) {
     className: "biz-pop-icon",
     type: "gengduocaozuo1"
   }))), /*#__PURE__*/React.createElement("div", {
-    className: "insight-divider"
+    className: "attribution-divider"
   }), /*#__PURE__*/React.createElement(Button, {
-    className: "insight-btn",
+    className: "attribution-btn",
     type: "text",
     onClick: function onClick() {
       return callback('cancel');
     }
   }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
-    className: "insight-btn",
-    disabled: searching,
+    className: "attribution-btn",
+    disabled: buttonDisable || searching || !curTitle,
     type: "primary",
     onClick: onSave
   }, "\u4FDD\u5B58"), /*#__PURE__*/React.createElement(Button, {
-    className: "insight-btn",
-    disabled: searching,
+    className: "attribution-btn",
+    disabled: buttonDisable || searching,
     type: "primary",
     onClick: onSaveAs
   }, "\u53E6\u5B58\u4E3A")) : /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-title-btn")
   }, /*#__PURE__*/React.createElement(Button, {
-    className: "insight-btn",
+    className: "attribution-btn",
     type: "text",
     onClick: function onClick() {
       return callback('cancel');
     }
   }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
-    className: "insight-btn",
-    disabled: searching,
+    className: "attribution-btn",
+    disabled: buttonDisable || searching || !curTitle,
     type: "primary",
     onClick: onSaveAs
   }, "\u4FDD\u5B58")));
 };
 EditTitle.defaultProps = {
-  title: '洞察',
+  title: '归因',
   type: 'edit'
 };
 export default EditTitle;

package/{dist/esm → es}/components/title/searchTitle.js

@@ -1,12 +1,12 @@
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState } from 'react';
 import { SearchOutlined } from '@ant-design/icons';
-import "./styles/search.less";
+import './styles/search.less';
 import { BizSearchInput } from '@zgfe/business-lib';
 var classPrefix = 'search-title';
 var SearchTitle = function SearchTitle(props) {

package/{dist/esm → es}/components/title/styles/index.less

@@ -1,14 +1,13 @@
 @import '~@zgfe/business-lib/es/assets/styles/inner.less';
 
-.insight-title {
+.attribution-title {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
-  height: 56px;
-  padding: 16px;
+  height: 64px;
+  padding: 0 24px;
   background: #fff;
-  border-bottom: 1px solid @border-color-base;
 
   &-option {
     display: flex;
@@ -17,25 +16,38 @@
   &-input-box {
     white-space: nowrap;
     .btn-back {
-      margin-right: @margin-xs;
+      margin-right: 8px;
+      color: #5F6085;
+    }
+    &-container {
+      position: relative;
+      display: inline-block;
+      height: 100%;
     }
     &-content {
       height: @height-base;
       color: @text-color;
       font-weight: 600;
+      font-size:16px;
       background: @white !important;
       border: 1px solid transparent;
 
       &:hover,
       &:focus {
-        border-color: @primary-color;
+        // border-color: @primary-color;
       }
     }
   }
-
+  &-error-tip {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    color: @error-color;
+    line-height: 1.2;
+  }
   &-dropdown {
     .ant-dropdown-menu-item:hover span {
-      color: @primary-color;
+      // color: @primary-color;
     }
 
     .ant-dropdown-menu-item-icon {
@@ -59,12 +71,12 @@
   }
 }
 
-.insight-btn {
+.attribution-btn {
   margin-right: 16px;
   border-radius: @border-radius-small;
 }
 
-.insight-divider {
+.attribution-divider {
   width: 1px;
   height: @height-base;
   margin: 0 32px;

package/es/constants/apis.d.ts

@@ -0,0 +1,6 @@
+declare const Apis: {
+    delPanelElement: string;
+    updateElementName: string;
+    getAnalyseData: string;
+};
+export default Apis;

package/es/constants/apis.js

@@ -0,0 +1,6 @@
+var Apis = {
+  delPanelElement: '/apppanel/delPanelElement.jsp',
+  updateElementName: '/apppanel/updateElementName.jsp',
+  getAnalyseData: '/zg/web/v2/attribution/getAnalyseData'
+};
+export default Apis;

package/es/constants/fields.d.ts

@@ -0,0 +1,11 @@
+import { SearchPanelTypes } from '../modules/searchPanel/types';
+export declare const chartTypes: {
+    label: string;
+    icon: string;
+    value: string;
+}[];
+export declare const searchFields: SearchPanelTypes.FieldProp[];
+export declare const attributionTypeTooltips: {
+    text: string;
+    title: string;
+}[];