@zgfe/business-lib 1.0.7 → 1.0.10

package/es/addToPanel/components/addPanel.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import '../styles/addPanel.less';
+declare const AddPanel: React.FC<{
+    onChange?: (val: any) => void;
+    onBack?: () => void;
+}>;
+export default AddPanel;

package/es/addToPanel/components/addPanel.js

@@ -0,0 +1,101 @@
+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, Tooltip, Radio, Space } from 'antd';
+import React, { useState } from 'react';
+import IconFont from '../../icon/iconFont';
+import '../styles/addPanel.less';
+var inputOptions = [{
+  label: '公开',
+  value: 1
+}, {
+  label: '指定人员明显',
+  value: 2,
+  title: '通过看板的共享功能指定可见成员'
+}, {
+  label: '仅自己可见',
+  value: 3
+}];
+
+var AddPanel = function AddPanel(props) {
+  var classPrefix = 'biz-addpanel';
+
+  var _useState = useState(3),
+      _useState2 = _slicedToArray(_useState, 2),
+      radioData = _useState2[0],
+      setRadioData = _useState2[1];
+
+  var _useState3 = useState(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      inputData = _useState4[0],
+      setInputData = _useState4[1];
+
+  var onChangeRadio = function onChangeRadio(e) {
+    var value = e.target.value;
+    setRadioData(value);
+    if (props.onChange) props.onChange({
+      id: 0,
+      name: inputData,
+      open_type: value
+    });
+  };
+
+  var onInput = function onInput(e) {
+    e.persist();
+    var value = e.target.value;
+    setInputData(value);
+    if (props.onChange) props.onChange({
+      id: 0,
+      name: value,
+      open_type: radioData
+    });
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-input-row")
+  }, /*#__PURE__*/React.createElement(Input, {
+    className: "".concat(classPrefix, "-input"),
+    placeholder: "\u8F93\u5165\u770B\u677F\u540D\u79F0",
+    autoFocus: true,
+    allowClear: {
+      clearIcon: /*#__PURE__*/React.createElement(IconFont, {
+        type: 'qingchu'
+      })
+    },
+    onInput: onInput,
+    onBlur: onInput
+  }), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "\u8FD4\u56DE\u9009\u62E9\u770B\u677F\u5217\u8868"
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    className: "".concat(classPrefix, "-switch"),
+    type: "shurukuang_fanhui",
+    onClick: props.onBack
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-radio")
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    value: radioData,
+    onChange: onChangeRadio
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "horizontal"
+  }, inputOptions.map(function (item) {
+    return /*#__PURE__*/React.createElement(Radio, {
+      key: item.value,
+      value: item.value
+    }, item.title ? /*#__PURE__*/React.createElement(Tooltip, {
+      title: item.title
+    }, item.label) : item.label);
+  })))));
+};
+
+export default AddPanel;

package/es/addToPanel/components/radioGroup.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const RadioGroup: React.FC<{
+    value?: string;
+    options?: any[];
+    onChange?: (value: any) => void;
+}>;
+export default RadioGroup;

package/es/addToPanel/components/radioGroup.js

@@ -0,0 +1,29 @@
+import { Radio, Space } from 'antd';
+import React from 'react';
+
+var RadioGroup = function RadioGroup(props) {
+  var options = props.options,
+      onChange = props.onChange;
+  return /*#__PURE__*/React.createElement(Radio.Group, {
+    onChange: onChange,
+    defaultValue: props.value
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical"
+  }, options && options.map(function (item) {
+    return /*#__PURE__*/React.createElement(Radio, {
+      key: item.value,
+      value: item.value
+    }, item.label);
+  })));
+};
+
+RadioGroup.defaultProps = {
+  options: [{
+    label: '动态显示数据最多的10个分组',
+    value: 'dynamic'
+  }, {
+    label: '固定显示当前选择的分组',
+    value: 'fix'
+  }]
+};
+export default RadioGroup;

package/es/addToPanel/components/styleList.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import AddToPanel from '../types';
+import '../styles/style.less';
+declare const StyleList: React.FC<AddToPanel.StyleProps>;
+export default StyleList;

package/es/{dialog/components/tab.js → addToPanel/components/styleList.js}

@@ -12,10 +12,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { Dropdown, Radio, Space } from 'antd';
 import React, { useState } from 'react';
+import '../styles/style.less';
 import IconFont from '../../icon/iconFont';
-import './styles/tab.less';
 
-var BizTab = function BizTab(props) {
+var StyleList = function StyleList(props) {
   var _props$value;
 
   var _useState = useState((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.split(',')),
@@ -23,7 +23,7 @@ var BizTab = function BizTab(props) {
       tab = _useState2[0],
       setTab = _useState2[1];
 
-  var classPrefix = 'biz-tab';
+  var classPrefix = 'biz-style';
 
   var ChildList = function ChildList(data) {
     var _data$children;
@@ -35,6 +35,7 @@ var BizTab = function BizTab(props) {
     }, /*#__PURE__*/React.createElement(Space, null, (_data$children = data.children) === null || _data$children === void 0 ? void 0 : _data$children.map(function (item) {
       return /*#__PURE__*/React.createElement(Radio, {
         key: item.value,
+        disabled: item.disabled,
         value: item.value,
         onClick: function onClick() {
           return onChange(data, item);
@@ -48,7 +49,7 @@ var BizTab = function BizTab(props) {
 
   var onChange = function onChange(data, child) {
     setTab([data.value, child.value]);
-    props.onChange && props.onChange("".concat(data.value, ",").concat(child.value));
+    props.onChange && props.onChange("".concat(child.value, ",").concat(data.value));
   };
 
   var _onClick = function onClick(data) {
@@ -74,7 +75,7 @@ var BizTab = function BizTab(props) {
         return ChildList(item);
       }
     }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(classPrefix, "-item ").concat(item.disabled ? 'disabled' : '', " ").concat(tab && tab[0] === item.value ? 'active' : ''),
+      className: "".concat(classPrefix, "-item").concat(item.disabled ? ' disabled' : '', " ").concat(tab && tab[0] === item.value ? 'active' : ''),
       onClick: function onClick() {
         return _onClick(item);
       }
@@ -85,4 +86,7 @@ var BizTab = function BizTab(props) {
   }));
 };
 
-export default BizTab;
+StyleList.defaultProps = {
+  options: []
+};
+export default StyleList;

package/es/{dialog/components/list.js → addToPanel/demo/edit.js}

@@ -10,51 +10,70 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useEffect, useState } from 'react';
-import IconFont from '../../icon/iconFont';
-import { typeMenus } from '../data/data';
-import './styles/list.less';
-
-var BizList = function BizList(props) {
-  var options = props.options,
-      value = props.value,
-      onChange = props.onChange;
-
-  var _useState = useState(value || options && options[0].id),
+import React, { useState } from 'react';
+import { BizAddToPanel } from '@zgfe/business-lib';
+import { Button } from 'antd';
+var chartTypes = [{
+  label: '趋势图',
+  value: 'line',
+  icon: 'qushitu1'
+}, {
+  label: '汇总图',
+  value: 'bar',
+  icon: 'huizongtu'
+}, {
+  label: '地图',
+  value: 'map',
+  icon: 'ditu',
+  disabled: true
+}, {
+  label: '表格',
+  value: 'table',
+  icon: 'biaoge',
+  children: [{
+    label: '趋势图',
+    value: 'line',
+    icon: 'qushitu1'
+  }, {
+    label: '汇总图',
+    value: 'bar',
+    icon: 'huizongtu'
+  }]
+}, {
+  label: '分数',
+  value: 'fraction',
+  icon: 'fenshu'
+}];
+var defaultValue = {
+  panel: {
+    id: 52397,
+    name: '默认看板',
+    open_type: 1
+  },
+  name: '嗯嗯',
+  chartType: 'line',
+  showList: 'dynamic'
+};
+export default (function () {
+  var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
-      selectList = _useState2[0],
-      setSelectList = _useState2[1];
+      showDialog = _useState2[0],
+      setShowDialog = _useState2[1];
 
-  var classPrefix = 'biz-list';
-  useEffect(function () {
-    if (!value && options) {
-      onChange && onChange(options[0].id);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      setShowDialog(true);
+    }
+  }, "\u6DFB\u52A0\u5230\u770B\u677F"), showDialog && /*#__PURE__*/React.createElement(BizAddToPanel, {
+    defaultValue: defaultValue,
+    type: "edit",
+    params: {},
+    styleOptions: chartTypes,
+    onCancel: function onCancel() {
+      setShowDialog(false);
+    },
+    onOk: function onOk() {
+      setShowDialog(false);
     }
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classPrefix
-  }, options && options.map(function (item) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: item.id,
-      className: "".concat(classPrefix, "-item ").concat(selectList === item.id ? 'active' : ''),
-      onClick: function onClick() {
-        setSelectList(function () {
-          return item.id;
-        });
-        onChange && onChange(item.id);
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(classPrefix, "-title")
-    }, item.icon && /*#__PURE__*/React.createElement(IconFont, {
-      className: "".concat(classPrefix, "-icon"),
-      type: item.icon
-    }), item.title), /*#__PURE__*/React.createElement("div", {
-      className: "".concat(classPrefix, "-content")
-    }, item.content));
   }));
-};
-
-BizList.defaultProps = {
-  options: typeMenus
-};
-export default BizList;
+});

package/es/addToPanel/demo/index.js

@@ -0,0 +1,78 @@
+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 { BizAddToPanel } from '@zgfe/business-lib';
+import { Button } from 'antd';
+var chartTypes = [{
+  label: '趋势图',
+  value: 'line',
+  icon: 'qushitu1'
+}, {
+  label: '汇总图',
+  value: 'bar',
+  icon: 'huizongtu'
+}, {
+  label: '地图',
+  value: 'map',
+  icon: 'ditu',
+  disabled: true
+}, {
+  label: '表格',
+  value: 'table',
+  icon: 'biaoge',
+  children: [{
+    label: '趋势图',
+    value: 'line',
+    icon: 'qushitu1'
+  }, {
+    label: '汇总图',
+    value: 'bar',
+    icon: 'huizongtu'
+  }]
+}, {
+  label: '分数',
+  value: 'fraction',
+  icon: 'fenshu'
+}];
+var defaultValue = {
+  panel: {
+    id: 52397,
+    name: '默认看板',
+    open_type: 1
+  },
+  name: '嗯嗯',
+  chartType: 'line',
+  showList: 'dynamic'
+};
+export default (function () {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      showDialog = _useState2[0],
+      setShowDialog = _useState2[1];
+
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      setShowDialog(true);
+    }
+  }, "\u6DFB\u52A0\u5230\u770B\u677F"), showDialog && /*#__PURE__*/React.createElement(BizAddToPanel, {
+    defaultValue: defaultValue,
+    params: {},
+    styleOptions: chartTypes,
+    onCancel: function onCancel() {
+      setShowDialog(false);
+    },
+    onOk: function onOk() {
+      setShowDialog(false);
+    }
+  }));
+});

package/es/addToPanel/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import AddToPanel from './types';
+import './styles/index.less';
+export declare const classPrefix = "biz-addtopanel";
+declare const BizAddToPanel: React.FC<AddToPanel.Props>;
+export default BizAddToPanel;

package/es/addToPanel/index.js

@@ -0,0 +1,233 @@
+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 { Button, Form, Input, notification, Skeleton } from 'antd';
+import React, { useContext, useEffect, useRef, useState } from 'react';
+import BizDialog from '../dialog';
+import BizSelect from '../select';
+import './styles/index.less';
+import StyleList from './components/styleList';
+import RadioGroup from './components/radioGroup';
+import IconFont from '../icon/iconFont';
+import AddPanel from './components/addPanel';
+import request from '../utils/ajax';
+import Apis from '../constants/apis';
+import BizGlobalDataContext from '../context';
+import _ from 'lodash';
+export var classPrefix = 'biz-addtopanel';
+
+var BizAddToPanel = function BizAddToPanel(props) {
+  var refForm = useRef();
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      addMode = _useState2[0],
+      setAddMode = _useState2[1];
+
+  var _useState3 = useState([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      groupList = _useState4[0],
+      setGroupList = _useState4[1];
+
+  var _useState5 = useState(),
+      _useState6 = _slicedToArray(_useState5, 2),
+      formData = _useState6[0],
+      setFormData = _useState6[1];
+
+  var _useState7 = useState(true),
+      _useState8 = _slicedToArray(_useState7, 2),
+      ready = _useState8[0],
+      setReady = _useState8[1];
+
+  var _useState9 = useState(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      loading = _useState10[0],
+      setLoading = _useState10[1];
+
+  var _useContext = useContext(BizGlobalDataContext),
+      currentApp = _useContext.currentApp;
+
+  useEffect(function () {
+    queryGroups();
+
+    if (props.defaultValue) {
+      setFormData(props.defaultValue);
+    }
+
+    setReady(false);
+  }, []);
+
+  function queryGroups() {
+    request(Apis.queryPanelGroup, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        platform: (currentApp === null || currentApp === void 0 ? void 0 : currentApp.platform) || 0
+      }
+    }).then(function (res) {
+      if (!res) {
+        notification.error({
+          message: '获取看板列表失败'
+        });
+        return;
+      }
+
+      setGroupList(res.panels);
+    });
+  }
+
+  function toCreatePanel() {
+    var _refForm$current;
+
+    (_refForm$current = refForm.current) === null || _refForm$current === void 0 ? void 0 : _refForm$current.resetFields(['panel']);
+    setAddMode(true);
+  }
+
+  function onBack() {
+    var _refForm$current2;
+
+    (_refForm$current2 = refForm.current) === null || _refForm$current2 === void 0 ? void 0 : _refForm$current2.resetFields(['panel']);
+    setAddMode(false);
+  }
+
+  function onAdd() {
+    var _refForm$current3;
+
+    (_refForm$current3 = refForm.current) === null || _refForm$current3 === void 0 ? void 0 : _refForm$current3.submit();
+  }
+
+  function onSubmit(form) {
+    setLoading(true);
+
+    var searchParam = _.cloneDeep(props.params);
+
+    if (form.showList) {
+      searchParam.chosen_data = form.showList === 'dynamic' ? [] : props.showList;
+    }
+
+    searchParam.chartType = form.chartType;
+    var data = {
+      appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+      platform: (currentApp === null || currentApp === void 0 ? void 0 : currentApp.platform) || 0,
+      name: form.name,
+      panelId: form.panel.id,
+      panelName: form.panel.name,
+      openType: form.panel.open_type,
+      webData: searchParam,
+      mobileData: searchParam
+    };
+    request(Apis.addPanel, {
+      method: 'post',
+      data: data
+    }).then(function () {
+      setLoading(false);
+      notification.success({
+        message: props.type === 'edit' ? '保存' : '添加成功'
+      });
+      if (props.onOk) props.onOk();
+    }).catch(function () {
+      setLoading(false);
+    });
+  }
+
+  return /*#__PURE__*/React.createElement(BizDialog, {
+    visible: true,
+    title: props.type === 'edit' ? '修改当前看板指标' : '向看板添加指标',
+    width: 520,
+    onCancel: props.onCancel,
+    onOk: onAdd,
+    confirmLoading: loading
+  }, /*#__PURE__*/React.createElement(Skeleton, {
+    loading: ready
+  }, /*#__PURE__*/React.createElement(Form, {
+    ref: refForm,
+    onFinish: onSubmit,
+    initialValues: formData,
+    requiredMark: false
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u770B\u677F",
+    name: "panel",
+    hidden: props.type === 'edit',
+    rules: [{
+      validator: function validator(_, value) {
+        if (!value || !/\S+/.test(value.name)) return Promise.reject("\u8BF7".concat(addMode ? '输入' : '选择', "\u770B\u677F!"));
+        if (!/^[\S\s]{1,20}$/.test(value.name)) return Promise.reject('看板名称最多为20个字符!');
+        return Promise.resolve();
+      }
+    }]
+  }, addMode ? /*#__PURE__*/React.createElement(AddPanel, {
+    onBack: onBack
+  }) : /*#__PURE__*/React.createElement(BizSelect, {
+    options: groupList,
+    enableSearch: true,
+    placeholder: "\u9009\u62E9\u770B\u677F",
+    keyField: "id",
+    labelField: "name",
+    dropdownExtra: /*#__PURE__*/React.createElement(Button, {
+      className: "".concat(classPrefix, "-btn-add"),
+      type: "ghost",
+      onClick: toCreatePanel
+    }, /*#__PURE__*/React.createElement(IconFont, {
+      className: "".concat(classPrefix, "-icon-add"),
+      type: 'tianjia1'
+    }), " \u521B\u5EFA\u770B\u677F")
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u540D\u79F0",
+    name: "name",
+    hidden: props.type === 'edit',
+    rules: [{
+      validator: function validator(_, value) {
+        if (!value || !/\S+/.test(value)) return Promise.reject('请输入指标名称!');
+        if (!/^[\S\s]{1,20}$/.test(value)) return Promise.reject('指标名称最多为20个字符!');
+        return Promise.resolve();
+      }
+    }]
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u6307\u6807\u540D\u79F0",
+    size: "large",
+    allowClear: {
+      clearIcon: /*#__PURE__*/React.createElement(IconFont, {
+        type: 'qingchu'
+      })
+    }
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u6837\u5F0F",
+    name: "chartType",
+    rules: [{
+      required: true,
+      message: '请选择样式'
+    }]
+  }, /*#__PURE__*/React.createElement(StyleList, {
+    options: props.styleOptions
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    noStyle: true,
+    shouldUpdate: true
+  }, function (_ref) {
+    var getFieldValue = _ref.getFieldValue;
+    var type = getFieldValue('chartType');
+    return type === 'line' || type === 'bar' ? /*#__PURE__*/React.createElement(Form.Item, {
+      label: "\u663E\u793A",
+      name: "showList",
+      rules: [{
+        required: true,
+        message: '请选择显示'
+      }]
+    }, /*#__PURE__*/React.createElement(RadioGroup, {
+      options: props.showOptions
+    })) : null;
+  }))));
+};
+
+BizAddToPanel.defaultProps = {
+  showList: []
+};
+export default BizAddToPanel;

package/es/addToPanel/styles/addPanel.less

@@ -0,0 +1,25 @@
+@import '../../assets/styles/inner.less';
+
+.biz-addpanel {
+  &-input-row {
+    display: flex;
+    align-items: center;
+  }
+
+  &-switch {
+    margin-left: 8px;
+    cursor: pointer;
+
+    &:hover {
+      color: @primary-color;
+    }
+  }
+
+  &-icon-add {
+    cursor: pointer;
+  }
+
+  &-radio {
+    margin-top: 12px;
+  }
+}

package/es/addToPanel/styles/index.less

@@ -0,0 +1,6 @@
+@import '../../assets/styles/inner.less';
+.biz-addtopanel {
+  &-btn-add {
+    .__text-btn();
+  }
+}