@zgfe/business-lib 1.2.17 → 1.2.18

package/es/constants/apis.d.ts

@@ -22,5 +22,6 @@ declare const Apis: {
     queryUserGroup: string;
     queryAllTags: string;
     querySubjectList: string;
+    queryPanels: string;
 };
 export default Apis;

package/es/constants/apis.js

@@ -21,6 +21,7 @@ var Apis = {
   getTagDetail: '/zg/web/v2/labelGroup/label/labelLayer',
   queryUserGroup: '/zg/web/v2/userGroup/getAll',
   queryAllTags: '/zg/web/v2/v4/userGroup/label/list',
-  querySubjectList: '/zg/web/v2/analysisSubject/queryAllSubject'
+  querySubjectList: '/zg/web/v2/analysisSubject/queryAllSubject',
+  queryPanels: '/zg/web/v2/apppanel/panels'
 };
 export default Apis;

package/es/layout/optionTitle/components/changePanelModal/index.d.ts

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

package/es/layout/optionTitle/components/changePanelModal/index.js

@@ -0,0 +1,70 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Spin } from 'antd';
+import React, { useState, useEffect, useContext } from 'react';
+import { BizGlobalDataContext, BizTargetFromPanelContext } from '../../../..';
+import PanelItem from './panelItem';
+import './styles/index.less';
+var classPrefix = 'change-panel-modal';
+import request from '../../../../utils/ajax';
+import Apis from '../../../../constants/apis';
+var ChangePanelModal = function ChangePanelModal() {
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    eleArr = _useState4[0],
+    setEleArr = _useState4[1];
+  var _useContext = useContext(BizTargetFromPanelContext),
+    itemValue = _useContext.itemValue;
+  var _useContext2 = useContext(BizGlobalDataContext),
+    currentApp = _useContext2.currentApp;
+  useEffect(function () {
+    getData();
+  }, []);
+  var getData = function getData() {
+    request(Apis.queryPanels, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        platform: (currentApp === null || currentApp === void 0 ? void 0 : currentApp.platform) || 0,
+        roleType: 3
+      }
+    }).then(function (res) {
+      var dealEleArr = [];
+      ((res === null || res === void 0 ? void 0 : res.data) || []).map(function (item) {
+        item.elements.map(function (v) {
+          if (v.reqParam.data.module === (itemValue === null || itemValue === void 0 ? void 0 : itemValue.target.params.module)) {
+            dealEleArr.push(_objectSpread(_objectSpread({}, v), {}, {
+              panelId: item.id
+            }));
+          }
+        });
+      });
+      setEleArr(dealEleArr);
+      setLoading(false);
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", null, loading ? /*#__PURE__*/React.createElement(Spin, null) : eleArr.length > 0 ? eleArr.map(function (item) {
+    return /*#__PURE__*/React.createElement(PanelItem, {
+      data: item,
+      key: item.id,
+      onChangeItem: getData
+    });
+  }) : /*#__PURE__*/React.createElement("p", {
+    className: "".concat(classPrefix, "-empty-data")
+  }, "\u6682\u65E0\u6570\u636E"));
+};
+export default ChangePanelModal;

package/es/layout/optionTitle/components/changePanelModal/panelItem.d.ts

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

package/es/layout/optionTitle/components/changePanelModal/panelItem.js

@@ -0,0 +1,155 @@
+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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Popover, Input, message } from 'antd';
+import React, { useState, useContext, useRef } from 'react';
+import { BizTargetFromPanelContext } from '../../types';
+import { ajax, BizDialog, IconFont } from './../../../../';
+import './styles/index.less';
+import Apis from '../../../../constants/apis';
+var classPrefix = 'modules-panel-item';
+var PanelItem = function PanelItem(props) {
+  var data = props.data,
+    onChangeItem = props.onChangeItem;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    edit = _useState2[0],
+    setEdit = _useState2[1];
+  var _useState3 = useState(data.name),
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
+  var _useContext = useContext(BizTargetFromPanelContext),
+    itemValue = _useContext.itemValue,
+    afterEditTarget = _useContext.afterEditTarget;
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    popoverShow = _useState6[0],
+    setPopoverShow = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    dialogShow = _useState8[0],
+    setDialogShow = _useState8[1];
+  var inputRef = useRef(null);
+  var onChange = function onChange(e) {
+    setValue(e.currentTarget.value);
+  };
+  var onBlur = function onBlur() {
+    var _props$data, _props$data2;
+    ajax(Apis.updateElementName, {
+      method: 'post',
+      data: {
+        panelId: (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.panelId,
+        elementId: (_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : _props$data2.id,
+        name: value
+      }
+    }).then(function (res) {
+      if (res && res.code === '103000') {
+        message.success('修改指标名称成功');
+        onChangeItem && onChangeItem();
+        afterEditTarget === null || afterEditTarget === void 0 ? void 0 : afterEditTarget('renameItem');
+      } else {
+        message.success('修改指标名称失败');
+      }
+    }).catch(function () {
+      message.success('修改指标名称失败');
+    }).finally(function () {
+      setEdit(false);
+    });
+  };
+  var onDelete = function onDelete() {
+    setPopoverShow(false);
+    setDialogShow(true);
+  };
+  var delItem = function delItem() {
+    var _props$data3, _props$data4;
+    ajax(Apis.delPanelElement, {
+      method: 'post',
+      data: {
+        panelId: (_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.panelId,
+        elementId: (_props$data4 = props.data) === null || _props$data4 === void 0 ? void 0 : _props$data4.id
+      }
+    }).then(function (res) {
+      if (!res) return;
+      message.success('删除成功');
+      onChangeItem && onChangeItem();
+      window.history.back();
+      afterEditTarget === null || afterEditTarget === void 0 ? void 0 : afterEditTarget('deleteItem');
+    }).catch(function () {
+      message.error('删除失败');
+    });
+  };
+  var onChangePanel = function onChangePanel() {
+    afterEditTarget === null || afterEditTarget === void 0 ? void 0 : afterEditTarget('changeItem', props.data);
+  };
+  var edteHandle = function edteHandle() {
+    setEdit(true);
+    setTimeout(function () {
+      inputRef.current.focus();
+    }, 0);
+  };
+  var onOpenChange = function onOpenChange(open) {
+    setPopoverShow(open);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, " ").concat(edit ? 'edit' : '', " ").concat(itemValue.target.id == data.id ? 'active' : ''),
+    key: data.id
+  }, !edit && /*#__PURE__*/React.createElement("span", {
+    className: "".concat(classPrefix, "-text"),
+    onClick: function onClick() {
+      return onChangePanel();
+    }
+  }, value), edit && /*#__PURE__*/React.createElement(Input, {
+    ref: inputRef,
+    value: value,
+    maxLength: 20,
+    onChange: onChange,
+    onBlur: onBlur
+  }), /*#__PURE__*/React.createElement(Popover, {
+    overlayClassName: "".concat(classPrefix, "-popover"),
+    open: popoverShow,
+    placement: "bottomLeft",
+    content: /*#__PURE__*/React.createElement("div", null, itemValue.target.id !== data.id && /*#__PURE__*/React.createElement("p", {
+      className: "text",
+      onClick: function onClick() {
+        edteHandle();
+      }
+    }, "\u7F16\u8F91\u540D\u79F0"), /*#__PURE__*/React.createElement("p", {
+      className: "text delete",
+      onClick: function onClick() {
+        onDelete();
+      }
+    }, "\u5220\u9664\u770B\u677F")),
+    onOpenChange: onOpenChange
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    onClick: function onClick() {
+      return setPopoverShow(true);
+    },
+    type: "gengduocaozuo"
+  })), /*#__PURE__*/React.createElement(BizDialog, {
+    zIndex: 10001,
+    title: /*#__PURE__*/React.createElement("div", {
+      className: "event-invitation"
+    }, /*#__PURE__*/React.createElement("i", {
+      style: {
+        fontSize: 22.5,
+        color: '#FD9F41',
+        marginRight: 8.75
+      },
+      className: "zhuge icon-tishi1"
+    }), "\u63D0\u793A"),
+    open: dialogShow,
+    closable: true,
+    onOk: function onOk() {
+      setDialogShow(false);
+      delItem();
+    },
+    onCancel: function onCancel() {
+      setDialogShow(false);
+    }
+  }, "\u786E\u8BA4\u5220\u9664\u6307\u6807\u5417\uFF1F"));
+};
+export default PanelItem;

package/es/layout/optionTitle/components/changePanelModal/styles/index.less

@@ -0,0 +1,92 @@
+// @import '../../../style/base.less';
+
+.change-panel-modal {
+  &-add-panel {
+    display: flex;
+    align-items: center;
+    height: 32px;
+    color: #165dff;
+    cursor: pointer;
+    .tianjia1 {
+      margin-right: 8px;
+      font-weight: 800;
+      font-size: 14px;
+    }
+  }
+  &-empty-data {
+    text-align: center;
+  }
+}
+
+.modules-panel-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 32px;
+  padding: 0px 8px;
+  color: #021429;
+  line-height: 32px;
+  background: #fff;
+  border-radius: 8px;
+  cursor: pointer;
+  &-popover {
+    .ant-popover-arrow {
+      display: none;
+    }
+    .ant-popover-content {
+      margin-top: -27px;
+      margin-left: 0;
+    }
+    .ant-popover-inner-content {
+      padding: 4px 0;
+    }
+    .text {
+      height: 32px;
+      margin: 0;
+      padding: 0 16px;
+      line-height: 32px;
+      cursor: pointer;
+    }
+    .delete {
+      // color: #fb5547;
+    }
+    .text:hover {
+      background: #e8efff;
+    }
+  }
+  &-text {
+    width: 100%;
+    // .__text-cut-one();
+  }
+  .gengduocaozuo {
+    display: none;
+    margin-left: 8px;
+    font-size: 16px !important;
+  }
+  .ant-input {
+    box-shadow: none !important;
+  }
+}
+.modules-panel-item:hover {
+  color: #165dff;
+  background: #e8efff;
+  .gengduocaozuo {
+    display: block;
+  }
+}
+.modules-panel-item.active {
+  padding: 0 8px;
+  color: #fff;
+  line-height: 40px;
+  background: #165dff;
+  .gengduocaozuo {
+    display: block;
+  }
+}
+.modules-panel-item.edit {
+  height: 40px;
+  padding: 0 8px;
+  color: rgba(103, 114, 127, 1);
+  line-height: 40px;
+  background: #e8efff;
+}

package/es/layout/optionTitle/components/changePanelModal/types.d.ts

@@ -0,0 +1,6 @@
+export interface ChangePanelModalProps {
+}
+export interface PanelItemProps {
+    data: any;
+    onChangeItem: () => void;
+}

package/es/layout/optionTitle/components/changePanelModal/types.js

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

package/es/layout/optionTitle/components/title/index.js

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { Input, message } from 'antd';
+import { Input, message, Tooltip } from 'antd';
 import React, { useImperativeHandle, useRef, useState } from 'react';
 import './index.less';
 import { IconFont } from '../../../..';
@@ -83,15 +83,24 @@ var BizEditText = /*#__PURE__*/React.forwardRef(function (props, ref) {
     required: props.required,
     disabled: !props.canEdit,
     autoFocus: !curTitle,
-    max: props.max,
+    maxLength: props.max,
     placeholder: "\u8BF7\u8F93\u5165".concat(props.name || ''),
     onBlur: onBlur,
     onChange: onChange
   }), errorText ? /*#__PURE__*/React.createElement("span", {
     className: "".concat(classPrefix, "-error-tip")
-  }, errorText) : null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    className: "".concat(classPrefix, "-content")
-  }, props.value), props.canEdit ? /*#__PURE__*/React.createElement(IconFont, {
+  }, errorText) : null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "bottom",
+    title: '单击此处重命名'
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "".concat(classPrefix, "-content"),
+    onClick: function onClick() {
+      props.isOnlyTxt && setIsEdit(true);
+      setTimeout(function () {
+        inputRef && inputRef.current.focus();
+      }, 0);
+    }
+  }, props.value)), props.canEdit && !props.isOnlyTxt ? /*#__PURE__*/React.createElement(IconFont, {
     className: "".concat(classPrefix, "-icon"),
     type: "bianji1",
     onClick: function onClick() {

package/es/layout/optionTitle/components/title/index.less

@@ -30,6 +30,7 @@
     max-width: 330px;
     height: @height-sm;
     color: @text-color;
+    font-weight: bold;
     font-size: 16px;
     line-height: @height-sm;
     .__default-overflow();

package/es/layout/optionTitle/data.js

@@ -1,36 +1,5 @@
-import React from 'react';
-import { IconFont } from '../..';
-import { classPrefix } from '.';
 export var panelBtn = function panelBtn(callback, disabled) {
   return [{
-    key: '11',
-    label: /*#__PURE__*/React.createElement("a", {
-      className: "".concat(classPrefix, "-btn-more")
-    }, /*#__PURE__*/React.createElement(IconFont, {
-      type: "gengduocaozuo1"
-    })),
-    itemType: 'dropdown',
-    type: 'default',
-    children: [{
-      key: '110',
-      label: '编辑名称',
-      icon: /*#__PURE__*/React.createElement(IconFont, {
-        type: "bianji"
-      }),
-      onClick: function onClick() {
-        callback('edit');
-      }
-    }, {
-      key: '111',
-      label: '删除指标',
-      icon: /*#__PURE__*/React.createElement(IconFont, {
-        type: "shanchu"
-      }),
-      onClick: function onClick() {
-        callback('delete');
-      }
-    }]
-  }, {
     key: '12',
     label: '',
     itemType: 'divider'

package/es/layout/optionTitle/demo/index.js

@@ -9,7 +9,7 @@ import { DemoWrapper, BizTargetFromPanel, BizTargetFromPanelContext } from '@zgf
 import { Button, Spin } from 'antd';
 var params = {
   app_id: 4,
-  module: 'insight',
+  module: 'funnel',
   targets: [{
     type: 'event',
     alias: '事件概览',

package/es/layout/optionTitle/index.js

@@ -101,6 +101,7 @@ var BizTargetFromPanel = function BizTargetFromPanel(props) {
         callback(true, '');
         return;
       }
+      props.afterEditTarget && props.afterEditTarget('renameItem');
       callback();
     }).catch(function () {
       callback(true, '');
@@ -133,7 +134,9 @@ var BizTargetFromPanel = function BizTargetFromPanel(props) {
   }
   return /*#__PURE__*/React.createElement(BizTargetFromPanelContext.Provider, {
     value: {
-      handleSearch: setBtnOptions
+      handleSearch: setBtnOptions,
+      afterEditTarget: props.afterEditTarget,
+      itemValue: props.value
     }
   }, /*#__PURE__*/React.createElement(Spin, {
     spinning: loading,
@@ -148,7 +151,8 @@ var BizTargetFromPanel = function BizTargetFromPanel(props) {
     canEdit: props.value.target.id ? true : false,
     onBack: function onBack() {
       return onClick(BizOptionTitleProps.OptionTypes.CANCEL);
-    }
+    },
+    max: 20
   }, props === null || props === void 0 ? void 0 : props.children, showDialog && /*#__PURE__*/React.createElement(BizAddToPanel, {
     defaultValue: {
       panel: {

package/es/layout/optionTitle/layout.js

@@ -1,10 +1,22 @@
-import React from 'react';
+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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState } from 'react';
 import { IconFont } from '../..';
 import BizEditText from './components/title';
+import { Popover, Tooltip } from 'antd';
 import './styles/layout.less';
 import BizBtnMenu from './components/btnMenu';
+import ChangePanelModal from './components/changePanelModal';
 var BizOptionLayout = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var className = props.className;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    show = _useState2[0],
+    setShow = _useState2[1];
   var classPrefix = 'biz-option-layout';
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, " ").concat(className || '')
@@ -24,11 +36,31 @@ var BizOptionLayout = /*#__PURE__*/React.forwardRef(function (props, ref) {
     name: props.name,
     value: props.value,
     max: props.max,
-    isInput: props.isInput,
+    isOnlyTxt: true,
     canEdit: props.canEdit,
     onChange: props.onChange,
     onService: props.onService
-  })), props.extra, /*#__PURE__*/React.createElement(BizBtnMenu, {
+  }), props.canEdit && /*#__PURE__*/React.createElement(Popover, {
+    overlayClassName: "".concat(classPrefix, "-panel-content"),
+    arrowPointAtCenter: true,
+    open: show,
+    content: /*#__PURE__*/React.createElement(ChangePanelModal, null),
+    trigger: "click",
+    placement: "bottomLeft",
+    onOpenChange: function onOpenChange(show) {
+      return setShow(show);
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "bottom",
+    title: '切换指标'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-header-title-icon"),
+    onClick: function onClick() {
+      return setShow(true);
+    }
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "xiangxia"
+  }))))), props.extra, /*#__PURE__*/React.createElement(BizBtnMenu, {
     className: props.optionClass,
     menu: props.options || []
   })), props.children && /*#__PURE__*/React.createElement("div", {

package/es/layout/optionTitle/styles/layout.less

@@ -26,6 +26,22 @@
           color: @primary-color;
         }
       }
+      &-icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 20px;
+        height: 20px;
+        margin-left: 8px;
+        color: #5f6085;
+        font-size: 12px;
+        background: #f2f3f4;
+        border-radius: 10px;
+      }
+      &-icon:hover {
+        color: #165dff;
+        background: #e8efff;
+      }
     }
     &-option {
       display: flex;
@@ -41,4 +57,34 @@
     height: calc(100% - 64px);
     overflow: auto;
   }
+
+  &-panel-content {
+    z-index: 1000;
+    width: 284px;
+    max-height: 304px;
+    padding: 0;
+    overflow: auto;
+    background: #fff;
+    border-radius: 10px;
+    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
+    .ant-popover-arrow {
+      display: none !important;
+    }
+    .ant-popover-inner-content {
+      width: 100%;
+      padding: 8px;
+    }
+    .ant-tabs {
+      .ant-tabs-tab-btn {
+        font-size: 16px;
+      }
+      .ant-tabs-nav {
+        margin-bottom: 4px;
+        padding-left: 45px;
+      }
+      .ant-tabs-nav::before {
+        border: none !important;
+      }
+    }
+  }
 }

package/es/layout/optionTitle/types.d.ts

@@ -51,6 +51,7 @@ export declare namespace BizOptionTitleProps {
         value?: string;
         max?: number;
         isInput?: boolean;
+        isOnlyTxt?: boolean;
         canEdit?: boolean;
         required?: boolean;
         width?: number;
@@ -85,4 +86,6 @@ export declare namespace BizOptionTitleProps {
 }
 export declare const BizTargetFromPanelContext: React.Context<{
     handleSearch?: ((isSearch?: boolean) => void) | undefined;
+    afterEditTarget?: ((type: string, value?: any) => void) | undefined;
+    itemValue?: BizOptionTitleProps.Value | undefined;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/business-lib",
-  "version": "1.2.17",
+  "version": "1.2.18",
   "module": "es/index.js",
   "typings": "es/index.d.ts",
   "files": [
@@ -55,7 +55,7 @@
     "react": "^16.12.0 || ^17.0.0",
     "yorkie": "^2.0.0"
   },
-  "gitHead": "bf0bfd57a14e18b0b5d6db7468b2489c1cd0e135",
+  "gitHead": "67889cfce811f97b0115547fdf59ae02caf1bcaa",
   "gitHooks": {
     "pre-commit": "lint-staged"
   }