@zgfe/business-lib 1.1.66 → 1.1.67-beta.2

package/es/formulaTarget/components/panel/item.js

@@ -0,0 +1,76 @@
+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, { useEffect, useRef, useState } from 'react';
+import { BizAttrConditionGroup, IconFont } from '../../..';
+import BizTargetDimension from '../../../targetConditionGroup/components/targetDimension';
+import './index.less';
+import { classPrefix } from '.';
+import { filterData } from './data';
+var PanelItem = function PanelItem(props) {
+  var prefix = "".concat(classPrefix, "-detail");
+  var _useState = useState(props.value.analysisDimension),
+    _useState2 = _slicedToArray(_useState, 2),
+    dimension = _useState2[0],
+    setDimension = _useState2[1];
+  var _useState3 = useState(props.value.filters || filterData),
+    _useState4 = _slicedToArray(_useState3, 2),
+    filterList = _useState4[0],
+    setFilterList = _useState4[1];
+  var _useState5 = useState(filterList.conditions.length || 0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    count = _useState6[0],
+    setCount = _useState6[1];
+  var conditionRef = useRef(null);
+  useEffect(function () {
+    props.onChange && props.onChange(dimension, filterList);
+  }, [dimension, filterList]);
+  var onChangeDimension = function onChangeDimension(data) {
+    setDimension(data);
+  };
+  var onAdd = function onAdd(e) {
+    e.stopPropagation();
+    conditionRef.current.add(true);
+  };
+  var onBack = function onBack(e) {
+    e.stopPropagation();
+    props.onBack && props.onBack();
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: prefix
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "-title")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "-title-left")
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    className: "".concat(prefix, "-title-left-icon"),
+    type: "fanhuiicon",
+    onClick: onBack
+  }), /*#__PURE__*/React.createElement("span", null, props.value.eventName), props.value.type === 'event' ? /*#__PURE__*/React.createElement(BizTargetDimension, {
+    eventId: props.value.eventId,
+    value: props.value.analysisDimension,
+    onChange: onChangeDimension
+  }) : null), count < 5 ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "-title-right"),
+    onClick: onAdd
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "shaixuan"
+  }), /*#__PURE__*/React.createElement("span", null, "\u7B5B\u9009")) : null), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "-content")
+  }, /*#__PURE__*/React.createElement(BizAttrConditionGroup, {
+    ref: conditionRef,
+    value: filterList,
+    showHandle: false,
+    enableDelete: true,
+    enableEventProp: true,
+    enableEnvProp: true,
+    enableUserProp: true,
+    eventIdList: [props.value.eventId],
+    onChange: setFilterList,
+    onConditionsCount: setCount
+  })));
+};
+export default PanelItem;

package/es/formulaTarget/components/panel/types.d.ts

@@ -0,0 +1,13 @@
+import { AttrConditionTypes, TargetConditionTypes } from '../../..';
+import { FormulaContainerTypes } from '../formula/types';
+export interface FormulaPanelProps {
+    value?: FormulaContainerTypes.Value;
+    onChange?: (data?: FormulaContainerTypes.Value) => void;
+    onDelete?: () => void;
+    onSubmit?: () => void;
+}
+export interface PanelItemProps {
+    value: TargetConditionTypes.Value;
+    onBack?: () => void;
+    onChange?: (dimension: TargetConditionTypes.DimensionValue, filters?: AttrConditionTypes.GroupValue) => void;
+}

package/es/formulaTarget/components/panel/types.js

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

package/es/formulaTarget/components/symbol/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+declare const FormulaSymbol: React.FC<{
+    value?: string;
+    onChange?: (symbol: string) => void;
+}>;
+export default FormulaSymbol;

package/es/formulaTarget/components/symbol/index.js

@@ -0,0 +1,48 @@
+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 } from 'antd';
+import React, { useEffect, useState } from 'react';
+import './index.less';
+import { formulaList2, formulaObj } from '../formula/data';
+import { IconFont } from '../../..';
+var classPrefix = 'formula-symbol';
+var FormulaSymbol = function FormulaSymbol(props) {
+  var _useState = useState('*'),
+    _useState2 = _slicedToArray(_useState, 2),
+    symbol = _useState2[0],
+    setSymbol = _useState2[1];
+  useEffect(function () {
+    setSymbol(props.value || '*');
+  }, [props.value]);
+  var _onClick = function onClick(data) {
+    props.onChange && props.onChange(data);
+  };
+  var group = /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-group")
+  }, formulaList2.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconFont, {
+      key: item.value,
+      type: item.name,
+      className: "".concat(classPrefix, "-item").concat(item.value === symbol ? ' active' : ''),
+      onClick: function onClick() {
+        return _onClick(item.value);
+      }
+    }), index < 3 ? /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-line")
+    }) : null);
+  }));
+  return /*#__PURE__*/React.createElement(Popover, {
+    overlayClassName: "".concat(classPrefix, "-pop"),
+    content: group,
+    placement: "top"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: formulaObj[symbol]
+  })));
+};
+export default FormulaSymbol;

package/es/formulaTarget/components/symbol/index.less

@@ -0,0 +1,48 @@
+.formula-symbol {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  margin: 0 4px;
+
+  &-group {
+    display: flex;
+    align-items: center;
+  }
+  &-item {
+    color: #b9ceff;
+    cursor: pointer;
+    &.active {
+      color: @text-color;
+    }
+  }
+
+  &-line {
+    width: 1px;
+    height: 16px;
+    margin: 0 12px;
+    background-color: #e6e7ea;
+  }
+
+  &-pop {
+    &.ant-popover-placement-top,
+    &.ant-popover-placement-topLeft,
+    &.ant-popover-placement-topRight {
+      padding-bottom: 0px;
+    }
+    .ant-popover-inner {
+      border-radius: 10px;
+    }
+    .ant-popover-inner-content {
+      padding: 8px 16px;
+    }
+    .ant-popover-content {
+      margin-bottom: 8px;
+    }
+    // .ant-popover-arrow {
+    //   display: none;
+    //   transform: none;
+    // }
+  }
+}

package/es/formulaTarget/demo/group.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => JSX.Element;
+export default _default;

package/es/formulaTarget/demo/group.js

@@ -0,0 +1,92 @@
+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 React, { useState } from 'react';
+import { BizFormulaTarget, DemoWrapper } from '@zgfe/business-lib';
+import { Form } from 'antd';
+import { IconFont } from '@zgfe/business-lib';
+export default (function () {
+  var _useState = useState({
+      targets: []
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    target = _useState2[0],
+    setTarget = _useState2[1];
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var onValuesChange = function onValuesChange() {
+    console.log('BizFormulaTarget:', arguments.length <= 1 ? undefined : arguments[1]);
+    setTarget(arguments.length <= 1 ? undefined : arguments[1]);
+  };
+  var onAdd = function onAdd(callback) {
+    var targets = form.getFieldValue('targets');
+    var customList = targets.filter(function (item) {
+      return item.type === 'custom';
+    }).map(function (item) {
+      return item.eventName;
+    });
+    var name = '';
+    for (var i = 1; i < 6; i++) {
+      if (!customList.includes("\u81EA\u5B9A\u4E49\u6307\u6807".concat(i))) {
+        name = "\u81EA\u5B9A\u4E49\u6307\u6807".concat(i);
+        break;
+      }
+    }
+    callback({
+      type: 'custom',
+      eventName: name
+    });
+  };
+  return /*#__PURE__*/React.createElement(DemoWrapper, {
+    needMeta: true
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: '#fff',
+      padding: 20
+    }
+  }, /*#__PURE__*/React.createElement(Form, {
+    initialValues: target,
+    form: form,
+    name: "target_form",
+    onValuesChange: onValuesChange,
+    autoComplete: "off"
+  }, /*#__PURE__*/React.createElement(Form.List, {
+    name: "targets"
+  }, function (fields, _ref) {
+    var add = _ref.add,
+      remove = _ref.remove;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, fields.map(function (field) {
+      return /*#__PURE__*/React.createElement(Form.Item, _objectSpread(_objectSpread({}, field), {}, {
+        key: field.key
+      }), /*#__PURE__*/React.createElement(BizFormulaTarget, {
+        onDelete: function onDelete() {
+          if (fields.length > 1) {
+            remove(field.name);
+          } else {
+            form.setFieldsValue({
+              targets: []
+            });
+          }
+        }
+      }));
+    }), fields.length < 5 && /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement("div", {
+      className: "biz-add-btn",
+      onClick: function onClick() {
+        return onAdd(add);
+      }
+    }, /*#__PURE__*/React.createElement(IconFont, {
+      className: "biz-icon",
+      type: 'tianjia1'
+    }), "\u6DFB\u52A0\u81EA\u5B9A\u4E49\u6307\u6807")));
+  }))));
+});

package/es/formulaTarget/demo/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => JSX.Element;
+export default _default;

package/es/formulaTarget/demo/index.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { BizFormulaTarget, DemoWrapper } from '@zgfe/business-lib';
+export default (function () {
+  var onChange = function onChange(data) {
+    console.log('BizFormulaTarget:', data);
+  };
+  var onDelete = function onDelete() {
+    console.log('onDelete-----');
+  };
+  return /*#__PURE__*/React.createElement(DemoWrapper, {
+    needMeta: true
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: '#fff',
+      padding: 20
+    }
+  }, /*#__PURE__*/React.createElement(BizFormulaTarget, {
+    onChange: onChange,
+    onDelete: onDelete
+  })));
+});

package/es/formulaTarget/index.d.ts

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

package/es/formulaTarget/index.js

@@ -0,0 +1,196 @@
+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 React, { useRef, useState } from 'react';
+import './styles/index.less';
+import { Input, Popconfirm } from 'antd';
+import IconFont from '../icon/iconFont';
+import FormulaContainer from './components/formula';
+import { validatorFormula } from './components/formula/util';
+var classPrefix = 'biz-formula-target';
+var defaultValue = {
+  type: 'custom',
+  eventName: '自定义指标'
+};
+var BizFormulaTarget = function BizFormulaTarget(props) {
+  var _props$value, _props$value2;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isEdit = _useState2[0],
+    setIsEdit = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isNormal = _useState4[0],
+    setIsNormal = _useState4[1];
+  var _useState5 = useState(((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.eventName) || defaultValue.eventName),
+    _useState6 = _slicedToArray(_useState5, 2),
+    name = _useState6[0],
+    setName = _useState6[1];
+  var _useState7 = useState(((_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.eventName) || defaultValue.eventName),
+    _useState8 = _slicedToArray(_useState7, 2),
+    temporaryName = _useState8[0],
+    setTemporaryName = _useState8[1];
+  var _useState9 = useState(''),
+    _useState10 = _slicedToArray(_useState9, 2),
+    nameError = _useState10[0],
+    setNameError = _useState10[1];
+  var _useState11 = useState(props.value || defaultValue),
+    _useState12 = _slicedToArray(_useState11, 2),
+    condition = _useState12[0],
+    setCondition = _useState12[1];
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    open = _useState14[0],
+    setOpen = _useState14[1];
+  var _useState15 = useState(''),
+    _useState16 = _slicedToArray(_useState15, 2),
+    errorMsg = _useState16[0],
+    setErrorMsg = _useState16[1];
+  var formulaRef = useRef(null);
+  var onChangeTemporaryName = function onChangeTemporaryName(e) {
+    var name = e.target.value;
+    setTemporaryName(name);
+    if (nameError) {
+      if (name && !(props.disableNames && props.disableNames.includes(name))) {
+        setNameError('');
+      }
+    }
+  };
+  var onChangeName = function onChangeName() {
+    if (!validatorName(temporaryName)) return;
+    setName(temporaryName);
+    setIsEdit(false);
+  };
+  var validatorName = function validatorName(name) {
+    var flag = true;
+    var msg = '';
+    if (!name) {
+      msg = '指标名称不能为空';
+      flag = false;
+    }
+    if (props.disableNames && props.disableNames.includes(name)) {
+      msg = '指标名称不能重复';
+      flag = false;
+    }
+    setNameError(msg);
+    return flag;
+  };
+  var onCancelChangeName = function onCancelChangeName() {
+    setTemporaryName(name);
+    setIsEdit(false);
+    setNameError('');
+  };
+  var onSave = function onSave() {
+    if (!validatorName(name)) return;
+    var validateData = validatorFormula(condition);
+    if (!validateData.isOk) {
+      setErrorMsg(validateData.msg);
+      setOpen(true);
+      return;
+    }
+    setIsNormal(true);
+    props.onChange && props.onChange(_objectSpread(_objectSpread({}, condition), {}, {
+      type: 'custom',
+      alias: name,
+      eventName: name
+    }));
+  };
+  var onDelete = function onDelete(e) {
+    e.stopPropagation();
+    props.onDelete && props.onDelete();
+  };
+  var onCancel = function onCancel(e) {
+    e.stopPropagation();
+    if (!props.value || !props.value.customCondition || !props.value.customCondition.length) {
+      props.onDelete && props.onDelete();
+    } else {
+      var _props$value3;
+      setCondition(props.value || defaultValue);
+      setName(((_props$value3 = props.value) === null || _props$value3 === void 0 ? void 0 : _props$value3.eventName) || defaultValue.eventName);
+      setTimeout(function () {
+        formulaRef.current.reset();
+      }, 0);
+    }
+    setIsNormal(true);
+  };
+  var onChange = function onChange(customCondition, formula, resultFormat) {
+    setCondition(function (value) {
+      return _objectSpread(_objectSpread({}, value || {
+        eventName: name
+      }), {}, {
+        customCondition: customCondition,
+        formula: formula,
+        resultFormat: resultFormat
+      });
+    });
+    setIsNormal(false);
+  };
+  var onClose = function onClose() {
+    setOpen(false);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-title")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-title-panel")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-title-content")
+  }, isEdit ? /*#__PURE__*/React.createElement(Input, {
+    className: "".concat(classPrefix, "-title-input").concat(isEdit ? ' focused' : ''),
+    defaultValue: name,
+    autoFocus: true,
+    maxLength: 20,
+    status: nameError ? 'error' : '',
+    placeholder: "\u8BF7\u8F93\u5165",
+    onChange: onChangeTemporaryName
+  }) : /*#__PURE__*/React.createElement("span", null, name)), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-title-option").concat(isEdit || !isNormal ? ' show' : '')
+  }, isEdit ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "primary",
+    onClick: onChangeName
+  }, "\u786E\u5B9A"), /*#__PURE__*/React.createElement("div", {
+    onClick: onCancelChangeName
+  }, "\u53D6\u6D88")) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconFont, {
+    type: "bianji1",
+    className: "".concat(classPrefix, "-title-option-icon"),
+    onClick: function onClick() {
+      return setIsEdit(true);
+    }
+  }), /*#__PURE__*/React.createElement(Popconfirm, {
+    title: errorMsg,
+    open: open,
+    onCancel: onClose,
+    onConfirm: onClose
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "primary",
+    onClick: onSave
+  }, "\u4FDD\u5B58")), /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick(e) {
+      return onCancel(e);
+    }
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement("div", {
+    className: "delete",
+    onClick: function onClick(e) {
+      return onDelete(e);
+    }
+  }, "\u5220\u9664")))), nameError && isEdit ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-error")
+  }, nameError) : null), /*#__PURE__*/React.createElement(FormulaContainer, {
+    ref: formulaRef,
+    value: condition.customCondition,
+    formula: condition.formula,
+    resultFormat: condition.resultFormat,
+    onChange: onChange
+  }));
+};
+export default BizFormulaTarget;

package/es/formulaTarget/styles/index.less

@@ -0,0 +1,66 @@
+@import '../../assets/styles/inner.less';
+
+.biz-formula-target {
+  padding: 4px 0;
+  &:hover {
+    .biz-formula-target-title-option {
+      display: flex;
+    }
+  }
+
+  &-title {
+    margin-bottom: 12px;
+    &-panel {
+      display: flex;
+      align-items: center;
+      height: 24px;
+      color: @text-color-secondary;
+    }
+    &-content {
+      .ant-input {
+        padding: 0 4px;
+
+        &:focus,
+        &.focused,
+        &.ant-input-focused {
+          background: #fff !important;
+          border: 1px solid @primary-color;
+          box-shadow: none !important;
+        }
+      }
+    }
+
+    &-option {
+      display: none;
+      align-items: center;
+      color: #67727f;
+      &.show {
+        display: flex;
+      }
+      & > div {
+        height: 24px;
+        padding: 0px 8px;
+        line-height: 24px;
+        cursor: pointer;
+      }
+
+      &-icon {
+        margin-left: 8px;
+        font-size: 16px !important;
+        cursor: pointer;
+      }
+
+      .primary {
+        margin-left: 8px;
+        color: @primary-color;
+      }
+      .delete:hover {
+        color: @error-color;
+      }
+    }
+  }
+
+  &-error {
+    color: @error-color;
+  }
+}

package/es/formulaTarget/types.d.ts

@@ -0,0 +1,17 @@
+import { TargetConditionTypes } from '..';
+export declare namespace BizFormulaTargetTypes {
+    interface Props {
+        value?: Value;
+        disableNames?: string[];
+        onChange?: (data: Value) => void;
+        onDelete?: () => void;
+    }
+    interface Value {
+        eventName?: string;
+        alias?: string;
+        type?: string;
+        formula?: string;
+        resultFormat?: string;
+        customCondition?: TargetConditionTypes.Value[];
+    }
+}

package/es/formulaTarget/types.js

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

package/es/index.d.ts

@@ -36,7 +36,8 @@ import BizAttrConditionGroup from './attrCondition/group';
 import BizTargetFromPanel from './layout/optionTitle';
 import { BizTargetFromPanelContext } from './layout/optionTitle/types';
 import BizLayout from './layout/columnLayout';
-export { BizTargetFromPanel, BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizLayout, BizAnalysisLayout, BizDetailLayout, BizUserGroup, IconFont, ColorIcon, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetFromPanelContext, BizTargetCondition, BizDatePicker, BizQuickDatePicker, BizConditionItem, BizConditionGroup, BizAttrCondition, BizAttrConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, BizCycleTime, BizDnd, BizLoginForm, DemoWrapper, SocketClient, ajax, util, theme, convertAttributeData, BizUserTagsSelect, setGlobalConfig, };
+import BizFormulaTarget from './formulaTarget';
+export { BizTargetFromPanel, BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizLayout, BizAnalysisLayout, BizDetailLayout, BizUserGroup, IconFont, ColorIcon, BizFormulaTarget, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetFromPanelContext, BizTargetCondition, BizDatePicker, BizQuickDatePicker, BizConditionItem, BizConditionGroup, BizAttrCondition, BizAttrConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, BizCycleTime, BizDnd, BizLoginForm, DemoWrapper, SocketClient, ajax, util, theme, convertAttributeData, BizUserTagsSelect, setGlobalConfig, };
 export type { UserGroupTypes } from './userGroup/types';
 export type { BizSelectTypes } from './select/types';
 export type { AttributeSelect } from './attributeSelector/types';

package/es/index.js

@@ -35,4 +35,5 @@ import BizAttrConditionGroup from './attrCondition/group';
 import BizTargetFromPanel from './layout/optionTitle';
 import { BizTargetFromPanelContext } from './layout/optionTitle/types';
 import BizLayout from './layout/columnLayout';
-export { BizTargetFromPanel, BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizLayout, BizAnalysisLayout, BizDetailLayout, BizUserGroup, IconFont, ColorIcon, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetFromPanelContext, BizTargetCondition, BizDatePicker, BizQuickDatePicker, BizConditionItem, BizConditionGroup, BizAttrCondition, BizAttrConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, BizCycleTime, BizDnd, BizLoginForm, DemoWrapper, SocketClient, ajax, util, theme, convertAttributeData, BizUserTagsSelect, setGlobalConfig };
+import BizFormulaTarget from './formulaTarget';
+export { BizTargetFromPanel, BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizLayout, BizAnalysisLayout, BizDetailLayout, BizUserGroup, IconFont, ColorIcon, BizFormulaTarget, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetFromPanelContext, BizTargetCondition, BizDatePicker, BizQuickDatePicker, BizConditionItem, BizConditionGroup, BizAttrCondition, BizAttrConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, BizCycleTime, BizDnd, BizLoginForm, DemoWrapper, SocketClient, ajax, util, theme, convertAttributeData, BizUserTagsSelect, setGlobalConfig };