@zgfe/business-lib 1.2.70-hxd.9 → 1.2.71-hxd.1

package/es/targetConditionGroup/components/targetDimension.js

@@ -1,3 +1,7 @@
+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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 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); }
@@ -6,15 +10,16 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Dropdown, Menu } from 'antd';
 import SubMenu from 'antd/lib/menu/SubMenu';
-import React, { useContext, useEffect, useState } from 'react';
+import React, { useContext, useEffect, useRef, useState } from 'react';
 import { classPrefix } from '..';
 import BizGlobalDataContext from '../../context';
 import SelectHandle from '../../select/handle';
 import { normalOptions, attrOptions } from '../data/operates';
+import { eventApi } from '../../utils';
+import _ from 'lodash';
 var BizTargetDimension = function BizTargetDimension(props) {
   var _currentApp$type;
   var _useContext = useContext(BizGlobalDataContext),
-    eventGroupList = _useContext.eventGroupList,
     currentApp = _useContext.currentApp;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
@@ -32,62 +37,150 @@ var BizTargetDimension = function BizTargetDimension(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     visible = _useState8[0],
     setVisible = _useState8[1];
+  var eventAttrsCache = useRef(new Map());
+  var loadingRef = useRef(new Map());
   useEffect(function () {
-    var _currentApp$type2, _props$value;
+    var _currentApp$type2;
     var dimensionOption = props.normalOptions || normalOptions((_currentApp$type2 = currentApp === null || currentApp === void 0 ? void 0 : currentApp.type) !== null && _currentApp$type2 !== void 0 ? _currentApp$type2 : 'user');
-    if (props.eventId && props.isExtend) {
-      dimensionOption = getAttrOption(props.eventId, dimensionOption);
-    }
-    setOptions(dimensionOption);
-    var current = dimensionOption[0];
-    if (!((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.analysisAttr)) setDimensionParent({
-      label: '',
-      value: ''
-    });
-    if (props.value) {
-      dimensionOption.forEach(function (item) {
-        var _props$value2, _props$value3;
-        if (item.value === ((_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.analysisIndex)) {
-          current = item;
-        }
-        if (item.children && item.label === ((_props$value3 = props.value) === null || _props$value3 === void 0 ? void 0 : _props$value3.analysisAttr)) {
-          setDimensionParent({
-            label: item.label,
-            value: item.value
-          });
-          item.children.forEach(function (child) {
-            var _props$value4;
-            if (child.value === ((_props$value4 = props.value) === null || _props$value4 === void 0 ? void 0 : _props$value4.analysisIndex)) {
-              current = child;
+    var debouncedLoadAttrs = _.debounce( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _props$value;
+      var optionsWithAttrs, current;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            optionsWithAttrs = dimensionOption;
+            if (!(props.eventId && props.isExtend)) {
+              _context.next = 5;
+              break;
             }
-          });
-        }
-      });
-    }
-    setDimension(current);
-  }, [props.eventId, props.value, props.normalOptions]);
-  var getAttrOption = function getAttrOption(eventId, data) {
-    var attrData = [];
-    var attrMap = {};
-    eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.forEach(function (group) {
-      group.eventList.forEach(function (event) {
-        if (event.id === eventId) {
-          event.attrList.forEach(function (attr) {
-            if (attr.type === 2 && !attr.isHidden && attr.label && !attrMap[String(attr.id)]) {
-              attrMap[String(attr.id)] = true;
-              attrData.push({
-                label: attr.label,
-                value: String(attr.id),
-                children: attrOptions
+            _context.next = 4;
+            return getAttrOption(props.eventId, dimensionOption);
+          case 4:
+            optionsWithAttrs = _context.sent;
+          case 5:
+            setOptions(optionsWithAttrs);
+            current = optionsWithAttrs[0];
+            if (!((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.analysisAttr)) setDimensionParent({
+              label: '',
+              value: ''
+            });
+            if (props.value) {
+              optionsWithAttrs.forEach(function (item) {
+                var _props$value2, _props$value3;
+                if (item.value === ((_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.analysisIndex)) {
+                  current = item;
+                }
+                if (item.children && item.label === ((_props$value3 = props.value) === null || _props$value3 === void 0 ? void 0 : _props$value3.analysisAttr)) {
+                  setDimensionParent({
+                    label: item.label,
+                    value: item.value
+                  });
+                  item.children.forEach(function (child) {
+                    var _props$value4;
+                    if (child.value === ((_props$value4 = props.value) === null || _props$value4 === void 0 ? void 0 : _props$value4.analysisIndex)) {
+                      current = child;
+                    }
+                  });
+                }
               });
             }
-          });
-          return;
+            setDimension(current);
+          case 10:
+          case "end":
+            return _context.stop();
         }
-      });
-    });
-    return data.concat(attrData);
-  };
+      }, _callee);
+    })), 300);
+    debouncedLoadAttrs();
+    return function () {
+      debouncedLoadAttrs.cancel();
+    };
+  }, [props.eventId, props.value, JSON.stringify(props.normalOptions), props.isExtend]);
+  var getAttrOption = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(eventId, data) {
+      var attrData, attrMap, cachedAttrs, eventAttrs;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            attrData = [];
+            attrMap = {};
+            if (!eventAttrsCache.current.has(eventId)) {
+              _context2.next = 6;
+              break;
+            }
+            cachedAttrs = eventAttrsCache.current.get(eventId) || [];
+            cachedAttrs === null || cachedAttrs === void 0 ? void 0 : cachedAttrs.forEach(function (attr) {
+              if (attr.type === 2 && !attr.isHidden && attr.label && !attrMap[String(attr.id)]) {
+                attrMap[String(attr.id)] = true;
+                attrData.push({
+                  label: attr.label,
+                  value: String(attr.id),
+                  children: attrOptions
+                });
+              }
+            });
+            return _context2.abrupt("return", data.concat(attrData));
+          case 6:
+            if (!loadingRef.current.get(eventId)) {
+              _context2.next = 8;
+              break;
+            }
+            return _context2.abrupt("return", new Promise(function (resolve) {
+              var interval = setInterval(function () {
+                if (!loadingRef.current.get(eventId) && eventAttrsCache.current.has(eventId)) {
+                  clearInterval(interval);
+                  resolve(getAttrOption(eventId, data));
+                }
+              }, 100);
+            }));
+          case 8:
+            _context2.prev = 8;
+            loadingRef.current.set(eventId, true);
+            _context2.next = 12;
+            return eventApi.fetchEventAttrs(eventId, currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId);
+          case 12:
+            _context2.t0 = _context2.sent;
+            if (_context2.t0) {
+              _context2.next = 15;
+              break;
+            }
+            _context2.t0 = [];
+          case 15:
+            eventAttrs = _context2.t0;
+            eventAttrsCache.current.set(eventId, eventAttrs);
+            eventAttrs.forEach(function (attr) {
+              if (attr.type === 2 && !attr.isHidden && attr.label && !attrMap[String(attr.id)]) {
+                attrMap[String(attr.id)] = true;
+                attrData.push({
+                  label: attr.label,
+                  value: String(attr.id),
+                  children: attrOptions
+                });
+              }
+            });
+            _context2.next = 24;
+            break;
+          case 20:
+            _context2.prev = 20;
+            _context2.t1 = _context2["catch"](8);
+            console.error('Failed to fetch event attributes:', _context2.t1);
+            eventAttrsCache.current.set(eventId, []);
+          case 24:
+            _context2.prev = 24;
+            loadingRef.current.set(eventId, false);
+            return _context2.finish(24);
+          case 27:
+            return _context2.abrupt("return", data.concat(attrData));
+          case 28:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[8, 20, 24, 27]]);
+    }));
+    return function getAttrOption(_x2, _x3) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   var onChange = function onChange(data, parent) {
     setDimension(data);
     setDimensionParent(parent);
@@ -122,7 +215,8 @@ var BizTargetDimension = function BizTargetDimension(props) {
             title: sub.label,
             key: "".concat(item.value, "-").concat(sub.value),
             onClick: function onClick() {
-              return onChange(sub, item);
+              onChange(sub, item);
+              onVisibleChange(false);
             }
           }, sub.label);
         }));

package/es/targetConditionGroup/demo/group.js

@@ -11,12 +11,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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, useState } from 'react';
-import { BizTargetCondition, BizEventSelector, BizGlobalDataContext, IconFont, convertAttributeData } from '@zgfe/business-lib';
-import eventData from '../../mock/event';
-import envData from '../../mock/env';
-import userData from '../../mock/user';
+import { BizTargetCondition, BizEventSelector, IconFont } from '@zgfe/business-lib';
 import './styles/index.less';
 import { Form } from 'antd';
+import InnerDemo from '../../demoWrapper/innerDemo';
 var initValue = {
   type: 'event',
   alias: '',
@@ -48,11 +46,6 @@ export default (function () {
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
-  var store = convertAttributeData({
-    eventList: eventData,
-    userPropList: userData,
-    envPropList: envData
-  });
   var onValuesChange = function onValuesChange() {
     for (var _len = arguments.length, res = new Array(_len), _key = 0; _key < _len; _key++) {
       res[_key] = arguments[_key];
@@ -78,13 +71,7 @@ export default (function () {
     setShowOverview(show);
     setEnableAdd(flag);
   }, [target === null || target === void 0 ? void 0 : target.targets]);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizGlobalDataContext.Provider, {
-    value: {
-      eventGroupList: store.eventGroupList,
-      userPropList: store.userPropList,
-      eventEnvList: store.envPropList
-    }
-  }, /*#__PURE__*/React.createElement(Form, {
+  return /*#__PURE__*/React.createElement(InnerDemo, null, /*#__PURE__*/React.createElement(Form, {
     initialValues: target,
     form: form,
     name: "target_form",
@@ -104,7 +91,7 @@ export default (function () {
           remove(field.name);
         }
       }, /*#__PURE__*/React.createElement(BizEventSelector, {
-        showBuiltInTarget: true,
+        showRetentionTarget: true,
         showAllEvent: showOverview,
         popupContainer: false,
         border: false,
@@ -119,5 +106,5 @@ export default (function () {
       className: "biz-icon",
       type: 'tianjia1'
     }), "\u6DFB\u52A0\u6307\u6807")));
-  }))), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C\uFF1A", JSON.stringify(target)));
+  })));
 });

package/es/targetConditionGroup/demo/styles/index.less

@@ -1,29 +1,29 @@
-@import '../../../assets/styles/inner.less';
-
-.biz-add-btn {
-  width: fit-content;
-  padding: 0 4px;
-  line-height: 20px;
-  background-color: #fff;
-  border-radius: 4px;
-
-  span {
-    margin-right: 5px;
-  }
-
-  &.disabled {
-    color: @disabled-color;
-    cursor: not-allowed;
-    span {
-      color: @disabled-color;
-    }
-  }
-
-  &:hover:not(.disabled) {
-    .__default-hover();
-
-    span {
-      color: @primary-color;
-    }
-  }
-}
+@import '../../../assets/styles/inner.less';
+
+.biz-add-btn {
+  width: fit-content;
+  padding: 0 4px;
+  line-height: 20px;
+  background-color: #fff;
+  border-radius: 4px;
+
+  span {
+    margin-right: 5px;
+  }
+
+  &.disabled {
+    color: @disabled-color;
+    cursor: not-allowed;
+    span {
+      color: @disabled-color;
+    }
+  }
+
+  &:hover:not(.disabled) {
+    .__default-hover();
+
+    span {
+      color: @primary-color;
+    }
+  }
+}

package/es/targetConditionGroup/index.d.ts

@@ -2,5 +2,8 @@ import React from 'react';
 import { TargetConditionTypes } from './types';
 import './styles/index.less';
 export declare const classPrefix = "biz-target";
-declare const BizTargetCondition: React.FC<TargetConditionTypes.Props>;
+type FCWithDefaultProps<P> = React.FC<P> & {
+    defaultProps?: Partial<P>;
+};
+declare const BizTargetCondition: FCWithDefaultProps<TargetConditionTypes.Props>;
 export default BizTargetCondition;

package/es/targetConditionGroup/index.js

@@ -78,14 +78,14 @@ var BizTargetCondition = function BizTargetCondition(props) {
   }, []);
   useEffect(function () {
     if (targetData === null || targetData === void 0 ? void 0 : targetData.value) {
-      var _targetData$value$eve, _targetData$value$eve2, _targetData$value$eve3;
+      var _targetData$value$eve;
       var canAdd = true,
         canDelete = true;
-      if (((_targetData$value$eve = targetData.value.event) === null || _targetData$value$eve === void 0 ? void 0 : _targetData$value$eve.id) === -100 || ((_targetData$value$eve2 = targetData.value.event) === null || _targetData$value$eve2 === void 0 ? void 0 : _targetData$value$eve2.id) === -204 || ((_targetData$value$eve3 = targetData.value.event) === null || _targetData$value$eve3 === void 0 ? void 0 : _targetData$value$eve3.id) === -205) {
-        var _targetData$value$gro, _targetData$value$eve4;
+      if ([-100, -201, -202, -203, -204, -205].indexOf((_targetData$value$eve = targetData.value.event) === null || _targetData$value$eve === void 0 ? void 0 : _targetData$value$eve.id) != -1) {
+        var _targetData$value$gro, _targetData$value$eve2;
         canAdd = false;
         setFilters(undefined);
-        if (!((_targetData$value$gro = targetData.value.group) === null || _targetData$value$gro === void 0 ? void 0 : _targetData$value$gro.id) && ((_targetData$value$eve4 = targetData.value.event) === null || _targetData$value$eve4 === void 0 ? void 0 : _targetData$value$eve4.id) === -100) {
+        if (!((_targetData$value$gro = targetData.value.group) === null || _targetData$value$gro === void 0 ? void 0 : _targetData$value$gro.id) && ((_targetData$value$eve2 = targetData.value.event) === null || _targetData$value$eve2 === void 0 ? void 0 : _targetData$value$eve2.id) === -100) {
           canDelete = false;
         }
       } else {
@@ -165,10 +165,10 @@ var BizTargetCondition = function BizTargetCondition(props) {
     return target;
   };
   var onChangeTarget = function onChangeTarget(target) {
-    var _target$value, _target$value$event, _targetData$value, _targetData$value$eve5;
+    var _target$value, _target$value$event, _targetData$value, _targetData$value$eve3;
     setTargetData(target);
     var filterData = _.cloneDeep(filters);
-    if (((_target$value = target.value) === null || _target$value === void 0 ? void 0 : (_target$value$event = _target$value.event) === null || _target$value$event === void 0 ? void 0 : _target$value$event.id) !== (targetData === null || targetData === void 0 ? void 0 : (_targetData$value = targetData.value) === null || _targetData$value === void 0 ? void 0 : (_targetData$value$eve5 = _targetData$value.event) === null || _targetData$value$eve5 === void 0 ? void 0 : _targetData$value$eve5.id)) {
+    if (((_target$value = target.value) === null || _target$value === void 0 ? void 0 : (_target$value$event = _target$value.event) === null || _target$value$event === void 0 ? void 0 : _target$value$event.id) !== (targetData === null || targetData === void 0 ? void 0 : (_targetData$value = targetData.value) === null || _targetData$value === void 0 ? void 0 : (_targetData$value$eve3 = _targetData$value.event) === null || _targetData$value$eve3 === void 0 ? void 0 : _targetData$value$eve3.id)) {
       filterData = undefined;
       setFilters(undefined);
       setIsAdd(false);
@@ -204,6 +204,7 @@ var BizTargetCondition = function BizTargetCondition(props) {
       var data = {
         type: type,
         alias: (target === null || target === void 0 ? void 0 : target.alias) || target.value.event.alias || ((_target$value$event3 = target.value.event) === null || _target$value$event3 === void 0 ? void 0 : _target$value$event3.name) || '',
+        stepAlias: (target === null || target === void 0 ? void 0 : target.alias) || '',
         eventId: (_target$value$event4 = target.value.event) === null || _target$value$event4 === void 0 ? void 0 : _target$value$event4.id,
         eventName: ((_target$value$event5 = target.value.event) === null || _target$value$event5 === void 0 ? void 0 : _target$value$event5.alias) || ((_target$value$event6 = target.value.event) === null || _target$value$event6 === void 0 ? void 0 : _target$value$event6.name),
         eventGroupId: (_target$value$group2 = target.value.group) === null || _target$value$group2 === void 0 ? void 0 : _target$value$group2.id,
@@ -240,18 +241,19 @@ var BizTargetCondition = function BizTargetCondition(props) {
     className: "".concat(classPrefix, "-content")
   }, /*#__PURE__*/React.createElement(BizTargetSelector, {
     value: targetData,
-    onChange: onChangeTarget
-  }, props.children), (targetData === null || targetData === void 0 ? void 0 : (_targetData$value3 = targetData.value) === null || _targetData$value3 === void 0 ? void 0 : (_targetData$value3$gr = _targetData$value3.group) === null || _targetData$value3$gr === void 0 ? void 0 : _targetData$value3$gr.id) === -2 || (targetData === null || targetData === void 0 ? void 0 : (_targetData$value4 = targetData.value) === null || _targetData$value4 === void 0 ? void 0 : (_targetData$value4$ev = _targetData$value4.event) === null || _targetData$value4$ev === void 0 ? void 0 : _targetData$value4$ev.isBuiltIn) ? null : /*#__PURE__*/React.createElement(BizTargetDimension, {
+    onChange: onChangeTarget,
+    isFunnelEvent: props.isFunnelEvent
+  }, props.children), (targetData === null || targetData === void 0 ? void 0 : (_targetData$value3 = targetData.value) === null || _targetData$value3 === void 0 ? void 0 : (_targetData$value3$gr = _targetData$value3.group) === null || _targetData$value3$gr === void 0 ? void 0 : _targetData$value3$gr.id) === -2 || (targetData === null || targetData === void 0 ? void 0 : (_targetData$value4 = targetData.value) === null || _targetData$value4 === void 0 ? void 0 : (_targetData$value4$ev = _targetData$value4.event) === null || _targetData$value4$ev === void 0 ? void 0 : _targetData$value4$ev.isBuiltIn) || props.isFunnelEvent ? null : /*#__PURE__*/React.createElement(BizTargetDimension, {
     eventId: (targetData === null || targetData === void 0 ? void 0 : (_targetData$value5 = targetData.value) === null || _targetData$value5 === void 0 ? void 0 : (_targetData$value5$ev = _targetData$value5.event) === null || _targetData$value5$ev === void 0 ? void 0 : _targetData$value5$ev.id) ? targetData === null || targetData === void 0 ? void 0 : (_targetData$value6 = targetData.value) === null || _targetData$value6 === void 0 ? void 0 : (_targetData$value6$ev = _targetData$value6.event) === null || _targetData$value6$ev === void 0 ? void 0 : _targetData$value6$ev.id : undefined,
     value: dimension,
     onChange: onChangeDimension
-  }), /*#__PURE__*/React.createElement(Tooltip, {
+  }), (props === null || props === void 0 ? void 0 : props.isFunnelEvent) ? null : /*#__PURE__*/React.createElement(Tooltip, {
     title: "\u6DFB\u52A0\u5C5E\u6027\u7B5B\u9009"
   }, /*#__PURE__*/React.createElement(IconFont, {
     className: "".concat(classPrefix, "-icon ").concat(!enableAdd ? 'disabled' : ''),
     type: "shaixuan",
     onClick: onAdd
-  })), /*#__PURE__*/React.createElement(IconFont, {
+  })), props.isFunnelEvent ? null : /*#__PURE__*/React.createElement(IconFont, {
     className: "".concat(classPrefix, "-icon delete ").concat(!(props.enableDelete !== undefined ? props.enableDelete || !(targetData === null || targetData === void 0 ? void 0 : (_targetData$value7 = targetData.value) === null || _targetData$value7 === void 0 ? void 0 : _targetData$value7.event) : enableDelete) ? 'disabled' : ''),
     type: "qingchu",
     onClick: onDelete

package/es/targetConditionGroup/styles/index.less

@@ -1,53 +1,53 @@
-@import '../../assets/styles/inner.less';
-
-.biz-target {
-  &-content {
-    display: flex;
-    align-items: center;
-  }
-
-  .biz-target-select {
-    min-width: 160px;
-    max-width: calc(100% - 208px);
-    &:hover {
-      .biz-event-select {
-        max-width: calc(100% - 18px);
-      }
-    }
-    .biz-event-select {
-      max-width: 100%;
-    }
-    .biz-select-handle-content {
-      max-width: calc(100% - 19px);
-    }
-  }
-
-  .biz-attr-condition-group {
-    margin-top: 12px;
-  }
-
-  &-dimension {
-    width: 100px;
-    margin-left: 16px;
-  }
-  &-dropmenu,
-  &-submenu {
-    width: 120px;
-  }
-
-  &-icon {
-    margin-left: 16px;
-    .__icon();
-
-    &.shaixuan {
-      font-size: 20px !important;
-    }
-
-    &.delete {
-      font-size: 16px !important;
-    }
-  }
-  .biz-event-select.focus {
-    box-shadow: none;
-  }
-}
+@import '../../assets/styles/inner.less';
+
+.biz-target {
+  &-content {
+    display: flex;
+    align-items: center;
+  }
+
+  .biz-target-select {
+    min-width: 160px;
+    max-width: calc(100% - 208px);
+    &:hover {
+      .biz-event-select {
+        max-width: calc(100% - 18px);
+      }
+    }
+    .biz-event-select {
+      max-width: 100%;
+    }
+    .biz-select-handle-content {
+      max-width: calc(100% - 19px);
+    }
+  }
+
+  .biz-attr-condition-group {
+    margin-top: 12px;
+  }
+
+  &-dimension {
+    width: 100px;
+    margin-left: 16px;
+  }
+  &-dropmenu,
+  &-submenu {
+    width: 120px;
+  }
+
+  &-icon {
+    margin-left: 16px;
+    .__icon();
+
+    &.shaixuan {
+      font-size: 20px !important;
+    }
+
+    &.delete {
+      font-size: 16px !important;
+    }
+  }
+  .biz-event-select.focus {
+    box-shadow: none;
+  }
+}

package/es/targetConditionGroup/types.d.ts

@@ -31,6 +31,7 @@ export declare namespace TargetConditionTypes {
         max?: number;
         children: ReactNode;
         onlyAnd?: boolean;
+        isFunnelEvent?: boolean;
         enableDelete?: boolean;
         onChange?: (value: Value) => void;
         onDelete?: (value?: Value) => void;

package/es/targetSelector/editBox.d.ts

@@ -4,5 +4,6 @@ declare const BizEventNameEditBox: React.FC<{
     disabled?: string;
     onCancel: () => void;
     onChange: (alias: string) => void;
+    isFunnelEvent?: boolean;
 }>;
 export default BizEventNameEditBox;

package/es/targetSelector/editBox.js

@@ -25,7 +25,7 @@ var BizEventNameEditBox = function BizEventNameEditBox(props) {
   }, [alias]);
   var onClick = function onClick() {
     if (aliasStatus) {
-      if (props.disabled && props.disabled === alias) {
+      if (props.disabled && props.disabled === alias && !props.isFunnelEvent) {
         message.error('不能与事件名相同!');
         return;
       }
@@ -56,13 +56,18 @@ var BizEventNameEditBox = function BizEventNameEditBox(props) {
     className: "".concat(classPrefix, "-tip ").concat(!aliasStatus ? classPrefix + '-error' : '')
   }, "\u8BF7\u8F93\u5165\u6570\u5B57\u3001\u5B57\u6BCD\u6216\u6C49\u5B57"), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-footer")
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement("span", {
+    onClick: function onClick() {
+      setAlias(props.disabled || '');
+    },
+    className: "".concat(classPrefix, "-footer-left")
+  }, "\u4F7F\u7528\u539F\u59CB\u540D"), /*#__PURE__*/React.createElement(Button, {
     onClick: onCancel,
     type: "text",
     className: "".concat(classPrefix, "-mr8")
   }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
     onClick: onClick,
     type: "primary"
-  }, "\u786E\u5B9A")));
+  }, "\u4FDD\u5B58")));
 };
 export default BizEventNameEditBox;

package/es/targetSelector/index.js

@@ -76,7 +76,8 @@ var BizTargetSelector = function BizTargetSelector(props) {
     defaultValue: alias,
     disabled: targetData === null || targetData === void 0 ? void 0 : (_targetData$event = targetData.event) === null || _targetData$event === void 0 ? void 0 : _targetData$event.name,
     onCancel: onCancelEdit,
-    onChange: onChangeAlias
+    onChange: onChangeAlias,
+    isFunnelEvent: props.isFunnelEvent
   }));
 };
 export default BizTargetSelector;

package/es/targetSelector/optionIcon.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
-declare const BizTargetOptionIcon: React.FC<{
+type FCWithDefaultProps<P> = React.FC<P> & {
+    defaultProps?: Partial<P>;
+};
+declare const BizTargetOptionIcon: FCWithDefaultProps<{
     enabled?: boolean;
     title?: string;
     name: string;

package/es/targetSelector/optionIcon.js

@@ -13,6 +13,9 @@ var BizTargetOptionIcon = function BizTargetOptionIcon(props) {
     key: props.name
   }, /*#__PURE__*/React.createElement(IconFont, {
     className: "".concat(classPrefix, "-option-icon ").concat(enabled ? '' : 'disabled', " ").concat(props.name === 'delete' ? classPrefix + '-del-icon' : ''),
+    style: {
+      backgroundColor: '#E8EFFF'
+    },
     type: props.icon,
     onClick: onClick
   }));