@zgfe/modules-attribution 1.0.1-alpha.0

package/README.md

@@ -0,0 +1,35 @@
+# modules-attribution
+
+洞察分析
+
+## 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/components/common/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './styles/index.less';
+export declare const MiSpin: React.FC;
+export declare const MiNone: React.FC<{
+    label?: string;
+}>;

package/es/components/common/index.js

@@ -0,0 +1,17 @@
+import React from 'react';
+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")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-none")
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "".concat(classPrefix, "-none-text")
+  }, " ", props.label));
+};

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

@@ -0,0 +1,27 @@
+@import '~@zgfe/business-lib/es/assets/styles/inner.less';
+
+.mi-common {
+  &-loading-icon {
+    z-index: 1000;
+    display: inline-block;
+    width: 40px;
+    height: 40px;
+    background: url('../../../style/image/ring.svg') no-repeat;
+    background-size: contain;
+  }
+
+  &-none-text {
+    color: @text-color;
+    font-size: 16px;
+  }
+
+  &-none {
+    width: 348px;
+    height: 132px;
+    background: url('../../../style/image/noData.png') no-repeat;
+  }
+
+  &-none-container {
+    text-align: center;
+  }
+}

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.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './styles/index.less';
+import { OptionGroupProps } from './types';
+declare const OptionGroup: React.ForwardRefExoticComponent<OptionGroupProps & React.RefAttributes<any>>;
+export default OptionGroup;

package/es/components/option/index.js

@@ -0,0 +1,134 @@
+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;
+  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,
+    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');
+      }
+    };
+  });
+  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: searching,
+    icon: /*#__PURE__*/React.createElement(IconFont, {
+      className: "".concat(classPrefix, "-icon"),
+      type: "tianjia2"
+    }),
+    onClick: function onClick() {
+      return setShowSceneDialog(true);
+    }
+  }, "\u6DFB\u52A0\u5230\u5E38\u7528\u573A\u666F"), !panelId && /*#__PURE__*/React.createElement(Button, {
+    disabled: searching,
+    icon: /*#__PURE__*/React.createElement(IconFont, {
+      className: "".concat(classPrefix, "-icon"),
+      type: "tianjia2"
+    }),
+    onClick: function onClick() {
+      return 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/es/components/option/styles/index.less

@@ -0,0 +1,17 @@
+@import '~@zgfe/business-lib/es/assets/styles/variable.less';
+
+.option-group {
+  display: flex;
+  &-icon.bsicon {
+    margin-right: @margin-xss;
+    font-size: 18px;
+  }
+  .ant-btn {
+    display: flex;
+    align-items: center;
+    padding: 0 12px;
+    &:not(:first-child) {
+      margin-left: 16px;
+    }
+  }
+}

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

@@ -0,0 +1,8 @@
+export interface OptionGroupProps {
+    value?: any;
+    title?: string;
+    searchData: any;
+    result?: any;
+    enableSelectChart?: boolean;
+    onClickGenerateReport?: (value: any) => void;
+}

package/es/components/option/types.js

@@ -0,0 +1 @@
+export {};

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

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

package/es/components/searchTime/index.js

@@ -0,0 +1,41 @@
+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 } from 'react';
+import { getInitDate } from '../../constants';
+import { AttributableContext } from '../../types';
+import './styles/index.less';
+var classPrefix = 'search-panel';
+var SearchTime = function SearchTime(props) {
+  var _useContext = useContext(AttributableContext),
+    includeToday = _useContext.includeToday;
+  console.log('当前时间段', getInitDate(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];
+  var onChangeTime = function onChangeTime(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, {
+    defaultValue: time,
+    onChange: onChangeTime
+  }));
+};
+export default SearchTime;

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

@@ -0,0 +1,19 @@
+@import '~@zgfe/business-lib/es/assets/styles/variable.less';
+
+.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/es/components/searchTime/types.d.ts

@@ -0,0 +1,8 @@
+import { DatePickerTypes } from '@zgfe/business-lib/es/datePicker/types';
+export interface SearchPanelProps {
+    enableSelectChart?: boolean;
+    time?: DatePickerTypes.Value;
+    onChange: (data: {
+        time: any;
+    }) => void;
+}

package/es/components/searchTime/types.js

@@ -0,0 +1 @@
+export {};

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

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

package/es/components/tableList/index.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Table } from 'antd';
+import './styles/index.less';
+var TableList = function TableList(props) {
+  var classPrefix = 'table-list';
+  var tableDataList = props.tableDataList,
+    total = props.total;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, /*#__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
+    }
+  })));
+};
+export default TableList;

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

@@ -0,0 +1,7 @@
+.table-list {
+  margin-top: 25px;
+  &-empty-tips {
+    margin-top: 150px;
+    text-align: center;
+  }
+}

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

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

package/es/components/title/index.js

@@ -0,0 +1,187 @@
+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 { 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 { AttributableContext } from '../../types';
+var classPrefix = 'attribution-title';
+var EditTitle = function EditTitle(props) {
+  var title = props.title,
+    type = props.type,
+    onSave = props.onSave,
+    onSaveAs = props.onSaveAs;
+  var _useState = useState(title),
+    _useState2 = _slicedToArray(_useState, 2),
+    curTitle = _useState2[0],
+    setCurTitle = _useState2[1];
+  var _useState3 = useState(title),
+    _useState4 = _slicedToArray(_useState3, 2),
+    prevTitle = _useState4[0],
+    setPrevTitle = _useState4[1];
+  var _useContext = useContext(AttributableContext),
+    panelId = _useContext.panelId,
+    elementId = _useContext.elementId,
+    panelName = _useContext.panelName,
+    changeLoading = _useContext.changeLoading,
+    afterEditTarget = _useContext.afterEditTarget,
+    searching = _useContext.searching;
+  var inputRef = useRef(null);
+  var menu = /*#__PURE__*/React.createElement(Menu, {
+    items: [{
+      key: '1',
+      label: '编辑名称',
+      icon: /*#__PURE__*/React.createElement(IconFont, {
+        type: "bianji"
+      }),
+      onClick: function onClick() {
+        inputRef.current.focus({
+          cursor: 'end'
+        });
+      }
+    }, {
+      key: '2',
+      label: '删除指标',
+      icon: /*#__PURE__*/React.createElement(IconFont, {
+        type: "shanchu"
+      }),
+      onClick: function onClick() {
+        return onDelete();
+      }
+    }]
+  });
+  var onDelete = function onDelete() {
+    changeLoading(true);
+    ajax(Apis.delPanelElement, {
+      method: 'post',
+      data: {
+        panel_id: panelId,
+        element_id: elementId
+      }
+    }).then(function (res) {
+      changeLoading(false);
+      if (res.flag === 101) {
+        message.success('删除成功');
+        callback('delete');
+      } else {
+        message.error('删除失败');
+      }
+    }).catch(function () {
+      changeLoading(false);
+    });
+  };
+  var onBlur = function onBlur(e) {
+    var value = e.target.value.trim();
+    if (value === prevTitle || !value) return;
+    changeLoading(true);
+    ajax(Apis.updateElementName, {
+      method: 'post',
+      data: {
+        panel_id: panelId,
+        element_id: elementId,
+        name: value
+      }
+    }).then(function (res) {
+      changeLoading(false);
+      if (res.flag === 101) {
+        message.success('编辑成功');
+        setPrevTitle(value);
+        if (props.onEditTitle) props.onEditTitle(value);
+      } else {
+        message.error('编辑失败');
+        setCurTitle(prevTitle);
+      }
+    }).catch(function () {
+      changeLoading(false);
+      setCurTitle(prevTitle);
+    });
+  };
+  var onChange = function onChange(e) {
+    setCurTitle(e.target.value.trim());
+  };
+  var callback = function callback(type) {
+    var param = elementId ? {
+      panelId: panelId,
+      elementId: elementId,
+      name: panelName
+    } : null;
+    afterEditTarget && afterEditTarget(type, param);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-input-box")
+  }, /*#__PURE__*/React.createElement("a", {
+    className: "btn-back",
+    onClick: function onClick() {
+      return callback('cancel');
+    }
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "fanhuiicon"
+  }), "\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
+  }), !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"),
+    dropdownRender: function dropdownRender() {
+      return menu;
+    },
+    trigger: ['click']
+  }, /*#__PURE__*/React.createElement("a", {
+    className: "".concat(classPrefix, "-pop-btn")
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    className: "biz-pop-icon",
+    type: "gengduocaozuo1"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "attribution-divider"
+  }), /*#__PURE__*/React.createElement(Button, {
+    className: "attribution-btn",
+    type: "text",
+    onClick: function onClick() {
+      return callback('cancel');
+    }
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+    className: "attribution-btn",
+    disabled: searching || !curTitle,
+    type: "primary",
+    onClick: onSave
+  }, "\u4FDD\u5B58"), /*#__PURE__*/React.createElement(Button, {
+    className: "attribution-btn",
+    disabled: searching,
+    type: "primary",
+    onClick: onSaveAs
+  }, "\u53E6\u5B58\u4E3A")) : /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-title-btn")
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: "attribution-btn",
+    type: "text",
+    onClick: function onClick() {
+      return callback('cancel');
+    }
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+    className: "attribution-btn",
+    disabled: searching || !curTitle,
+    type: "primary",
+    onClick: onSaveAs
+  }, "\u4FDD\u5B58")));
+};
+EditTitle.defaultProps = {
+  title: '归因分析',
+  type: 'edit'
+};
+export default EditTitle;

package/es/components/title/searchTitle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './styles/search.less';
+declare const SearchTitle: React.FC<{
+    title: string;
+    onChange: (searchTxt: string) => void;
+}>;
+export default SearchTitle;

package/es/components/title/searchTitle.js

@@ -0,0 +1,47 @@
+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 React, { useState } from 'react';
+import { SearchOutlined } from '@ant-design/icons';
+import './styles/search.less';
+import { BizSearchInput } from '@zgfe/business-lib';
+var classPrefix = 'search-title';
+var SearchTitle = function SearchTitle(props) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isSearch = _useState2[0],
+    setIsSearch = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    timer = _useState4[0],
+    setTimer = _useState4[1];
+  var onSearch = function onSearch(value) {
+    if (timer) clearTimeout(timer);
+    setTimer(setTimeout(function () {
+      props.onChange(value);
+    }, 500));
+  };
+  var onBlur = function onBlur(value) {
+    if (!value) {
+      setIsSearch(false);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "".concat(classPrefix, "-title")
+  }, props.title), isSearch ? /*#__PURE__*/React.createElement(BizSearchInput, {
+    className: "".concat(classPrefix, "-input"),
+    onChange: onSearch,
+    onBlur: onBlur
+  }) : /*#__PURE__*/React.createElement(SearchOutlined, {
+    className: "".concat(classPrefix, "-icon"),
+    onClick: function onClick() {
+      return setIsSearch(true);
+    }
+  }));
+};
+export default SearchTitle;