@zgfe/business-lib 1.0.0-beta.6 → 1.0.3

package/es/table/index.js

@@ -24,18 +24,15 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import { Table } from 'antd';
 import React, { useState } from 'react';
-import './index.less';
+import './styles/index.less';
 
 var BizTable = function BizTable(props) {
   var dataSource = props.dataSource,
       columns = props.columns,
-      _props$total = props.total,
-      total = _props$total === void 0 ? dataSource.length : _props$total,
+      total = props.total,
       scroll = props.scroll,
-      _props$pageSize = props.pageSize,
-      pageSize = _props$pageSize === void 0 ? 10 : _props$pageSize,
-      _props$pagination = props.pagination,
-      pagination = _props$pagination === void 0 ? true : _props$pagination,
+      pageSize = props.pageSize,
+      pagination = props.pagination,
       res = _objectWithoutProperties(props, _excluded);
 
   var _useState = useState(scroll),
@@ -43,38 +40,45 @@ var BizTable = function BizTable(props) {
       scrollData = _useState2[0],
       setScrollData = _useState2[1];
 
+  var onChangePage = function onChangePage(page, pageSize) {
+    var count = page * pageSize;
+    var totalCount = total || dataSource.length;
+
+    if (pageSize > 10 && (count <= totalCount || totalCount - (page - 1) * pageSize > 10)) {
+      setScrollData(function (data) {
+        return _objectSpread(_objectSpread({}, data), {}, {
+          y: (scroll === null || scroll === void 0 ? void 0 : scroll.y) || 490
+        });
+      });
+    } else {
+      setScrollData(function (data) {
+        data === null || data === void 0 ? true : delete data.y;
+        return _objectSpread({}, data);
+      });
+    }
+  };
+
   return /*#__PURE__*/React.createElement(Table, _objectSpread(_objectSpread({}, res), {}, {
     columns: columns,
     dataSource: dataSource,
     pagination: pagination && {
       className: 'biz-pagination',
       showSizeChanger: true,
-      total: total,
+      total: total || dataSource.length,
       showQuickJumper: true,
       showTotal: function showTotal(totalNum) {
-        return total ? /*#__PURE__*/React.createElement("span", null, "\u5171 ", /*#__PURE__*/React.createElement("a", {
+        return /*#__PURE__*/React.createElement("span", null, "\u5171 ", /*#__PURE__*/React.createElement("a", {
           className: "biz-table-total"
-        }, totalNum), " \u6761") : '';
+        }, totalNum), " \u6761");
       },
-      onChange: function onChange(page, pageSize) {
-        var count = page * pageSize;
-
-        if (pageSize > 10 && (count <= total || total - (page - 1) * pageSize > 10)) {
-          setScrollData(function (data) {
-            return _objectSpread(_objectSpread({}, data), {}, {
-              y: (scroll === null || scroll === void 0 ? void 0 : scroll.y) || 490
-            });
-          });
-        } else {
-          setScrollData(function (data) {
-            data === null || data === void 0 ? true : delete data.y;
-            return _objectSpread({}, data);
-          });
-        }
-      }
+      onChange: onChangePage
     },
     scroll: scrollData
   }));
 };
 
+BizTable.defaultProps = {
+  pageSize: 10,
+  pagination: true
+};
 export default BizTable;

package/es/table/styles/index.less

@@ -0,0 +1,5 @@
+@import '../../assets/styles/inner.less';
+
+.biz-table-total {
+  color: @primary-color;
+}

package/es/table/type.d.ts

@@ -0,0 +1,10 @@
+import { ColumnGroupType, ColumnType } from 'antd/lib/table';
+export declare namespace BizTableTypes {
+    interface Props {
+        dataSource: object[];
+        columns: (ColumnGroupType<object> | ColumnType<object>)[];
+        total?: number;
+        pageSize?: number;
+        pagination?: boolean;
+    }
+}

package/es/table/type.js

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

package/es/targetConditionGroup/components/targetDimension.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TargetConditionTypes } from '../types';
+declare const BizTargetDimension: React.FC<{
+    value?: TargetConditionTypes.DimensionValue;
+    eventId?: number;
+    onChange?: (value: TargetConditionTypes.DimensionValue) => void;
+}>;
+export default BizTargetDimension;

package/es/targetConditionGroup/components/targetDimension.js

@@ -0,0 +1,153 @@
+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 { Dropdown, Menu } from 'antd';
+import SubMenu from 'antd/lib/menu/SubMenu';
+import React, { useContext, useEffect, useState } from 'react';
+import { classPrefix } from '..';
+import BizGlobalDataContext from '../../context';
+import SelectHandle from '../../select/handle';
+import { normalOptions, attrOptions } from '../data/operates';
+
+var BizTargetDimension = function BizTargetDimension(props) {
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      dimension = _useState2[0],
+      setDimension = _useState2[1];
+
+  var _useState3 = useState(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      dimensionParent = _useState4[0],
+      setDimensionParent = _useState4[1];
+
+  var _useState5 = useState(normalOptions),
+      _useState6 = _slicedToArray(_useState5, 2),
+      options = _useState6[0],
+      setOptions = _useState6[1];
+
+  var _useContext = useContext(BizGlobalDataContext),
+      eventGroupList = _useContext.eventGroupList;
+
+  useEffect(function () {
+    var dimensionOption = normalOptions;
+
+    if (props.eventId) {
+      dimensionOption = getAttrOption(props.eventId);
+    }
+
+    setOptions(dimensionOption);
+    var current = dimensionOption[0];
+
+    if (props.value) {
+      dimensionOption.forEach(function (item) {
+        var _props$value, _props$value2;
+
+        if (item.value === ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.analysisIndex)) {
+          current = item;
+        }
+
+        if (item.children && item.label === ((_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.analysisAttr)) {
+          setDimensionParent({
+            label: item.label,
+            value: item.value
+          });
+          item.children.forEach(function (child) {
+            var _props$value3;
+
+            if (child.value === ((_props$value3 = props.value) === null || _props$value3 === void 0 ? void 0 : _props$value3.analysisIndex)) {
+              current = child;
+            }
+          });
+        }
+      });
+    }
+
+    setDimension(current);
+  }, [props.eventId, props.value]);
+
+  var getAttrOption = function getAttrOption(eventId) {
+    var attrData = [];
+    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) {
+              attrData.push({
+                label: attr.label,
+                value: String(attr.id),
+                children: attrOptions
+              });
+            }
+          });
+          return;
+        }
+      });
+    });
+    return normalOptions.concat(attrData);
+  };
+
+  var onChange = function onChange(data, parent) {
+    setDimension(data);
+    setDimensionParent(parent);
+    var result = {
+      analysisIndex: data.value
+    };
+
+    if (parent) {
+      result.analysisAttr = parent.label;
+    }
+
+    if (props.onChange) props.onChange(result);
+  };
+
+  return /*#__PURE__*/React.createElement(Dropdown, {
+    overlayClassName: "".concat(classPrefix, "-dropmenu"),
+    placement: "bottom",
+    trigger: ['click'],
+    overlay: /*#__PURE__*/React.createElement(Menu, null, options.map(function (item) {
+      if (item.children) {
+        return /*#__PURE__*/React.createElement(SubMenu, {
+          popupClassName: "".concat(classPrefix, "-submenu"),
+          key: item.label,
+          title: item.label,
+          className: "".concat((dimensionParent === null || dimensionParent === void 0 ? void 0 : dimensionParent.label) === item.label ? 'active' : '')
+        }, item.children.map(function (sub) {
+          return /*#__PURE__*/React.createElement(Menu.Item, {
+            className: (dimensionParent === null || dimensionParent === void 0 ? void 0 : dimensionParent.value) === item.value && (dimension === null || dimension === void 0 ? void 0 : dimension.value) === sub.value ? 'active' : '',
+            title: sub.label,
+            key: "".concat(item.value, "-").concat(sub.value),
+            onClick: function onClick() {
+              return onChange(sub, item);
+            }
+          }, sub.label);
+        }));
+      }
+
+      return /*#__PURE__*/React.createElement(Menu.Item, {
+        className: (dimension === null || dimension === void 0 ? void 0 : dimension.value) === item.value ? 'active' : '',
+        key: item.value,
+        onClick: function onClick() {
+          return onChange(item);
+        },
+        title: item.label
+      }, item.label);
+    }))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-dimension")
+  }, /*#__PURE__*/React.createElement(SelectHandle, {
+    theme: "secondary",
+    border: false,
+    label: "".concat(dimensionParent ? dimensionParent.label : '').concat(dimension === null || dimension === void 0 ? void 0 : dimension.label)
+  })));
+};
+
+export default BizTargetDimension;

package/es/targetConditionGroup/data/operates.d.ts

@@ -1,27 +1,3 @@
-export declare const numberOperate: {
-    name: string;
-    value: string;
-}[];
-export declare const stringOperate: {
-    name: string;
-    value: string;
-}[];
-export declare const strOperateMap: {
-    equal: string;
-    contains: string;
-    'not equal': string;
-    'not contains': string;
-    'begin with': string;
-    'end with': string;
-    'not begin with': string;
-    'not end with': string;
-    'is null': string;
-    'is not null': string;
-};
-export declare const dateOperate: {
-    name: string;
-    value: string;
-}[];
 export declare const dimensionOperate: ({
     name: string;
     value: string;
@@ -34,3 +10,11 @@ export declare const dimensionOperate: ({
         value: string;
     }[];
 })[];
+export declare const normalOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const attrOptions: {
+    label: string;
+    value: string;
+}[];

package/es/targetConditionGroup/data/operates.js

@@ -1,72 +1,3 @@
-export var numberOperate = [{
-  name: '>',
-  value: 'gt'
-}, {
-  name: '=',
-  value: 'equal'
-}, {
-  name: '<',
-  value: 'lt'
-}, {
-  name: '>=',
-  value: 'ge'
-}, {
-  name: '<=',
-  value: 'le'
-}, {
-  name: '≠',
-  value: 'not equal'
-}];
-export var stringOperate = [{
-  name: '是',
-  value: 'equal'
-}, {
-  name: '包含',
-  value: 'contains'
-}, {
-  name: '不是',
-  value: 'not equal'
-}, {
-  name: '不包含',
-  value: 'not contains'
-}, {
-  name: '开头是',
-  value: 'begin with'
-}, {
-  name: '结尾是',
-  value: 'end with'
-}, {
-  name: '开头不是',
-  value: 'not begin with'
-}, {
-  name: '结尾不是',
-  value: 'not end with'
-}, {
-  name: '是空值',
-  value: 'is null'
-}, {
-  name: '不是空值',
-  value: 'is not null'
-}];
-export var strOperateMap = {
-  equal: '是',
-  contains: '包含',
-  'not equal': '不是',
-  'not contains': '不包含',
-  'begin with': '开头是',
-  'end with': '结尾是',
-  'not begin with': '开头不是',
-  'not end with': '结尾不是',
-  'is null': '是空值',
-  'is not null': '不是空值'
-};
-export var dateOperate = [{
-  name: '最近',
-  value: 'relative'
-}, {
-  name: '固定时段',
-  value: 'absolute'
-}];
 export var dimensionOperate = [{
   name: '人数',
   value: 'number'
@@ -95,4 +26,30 @@ export var dimensionOperate = [{
     name: '中位数',
     value: 'median'
   }]
+}];
+export var normalOptions = [{
+  label: '人数',
+  value: 'number'
+}, {
+  label: '次数',
+  value: 'times'
+}, {
+  label: '活跃比',
+  value: 'active_ratio'
+}, {
+  label: '人均次数',
+  value: 'per'
+}];
+export var attrOptions = [{
+  label: '总和',
+  value: 'sum'
+}, {
+  label: '均值',
+  value: 'avg'
+}, {
+  label: '分布',
+  value: 'duration_times'
+}, {
+  label: '中位数',
+  value: 'median'
 }];

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

@@ -1,2 +1,3 @@
+import './styles/index.less';
 declare const _default: () => JSX.Element;
 export default _default;

package/es/targetConditionGroup/demo/group.js

@@ -1,3 +1,9 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -10,33 +16,112 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useState } from 'react';
-import { BizTargetConditionGroup } from '@zgfe/business-lib';
-import eventData from './data/event';
-import envData from './data/env';
-import userData from './data/user';
-var attrOption = {
-  event: eventData,
-  user: userData,
-  env: envData
+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 './styles/index.less';
+import { Form } from 'antd';
+var initValue = {
+  type: 'event',
+  alias: '',
+  eventId: -100,
+  eventGroupId: 0,
+  analysisDimension: {
+    analysisIndex: 'number'
+  }
 };
 export default (function () {
-  var _useState = useState([]),
+  var _useState = useState({
+    targets: [initValue]
+  }),
       _useState2 = _slicedToArray(_useState, 2),
-      group = _useState2[0],
-      setGroup = _useState2[1];
+      target = _useState2[0],
+      setTarget = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      showOverview = _useState4[0],
+      setShowOverview = _useState4[1];
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      enableAdd = _useState6[0],
+      setEnableAdd = _useState6[1];
 
-  var handleChange = function handleChange(data) {
-    setGroup(function () {
-      return data;
-    });
+  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() {
+    setTarget(arguments.length <= 1 ? undefined : arguments[1]);
   };
 
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizTargetConditionGroup, {
-    options: {
-      eventOption: eventData,
-      attrOption: attrOption
-    },
-    onChange: handleChange
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, "\u503C\uFF1A", JSON.stringify(group)));
+  useEffect(function () {
+    var flag = true,
+        show = true;
+
+    if ((target === null || target === void 0 ? void 0 : target.targets) && target.targets.length > 0) {
+      if (target.targets[0] && target.targets[0].eventId === -100) {
+        flag = false;
+      }
+
+      if (target.targets.length > 1) {
+        show = false;
+      }
+    }
+
+    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, {
+    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(BizTargetCondition, {
+        onDelete: function onDelete() {
+          if (fields.length > 1) {
+            remove(field.name);
+          } else {
+            form.setFieldsValue({
+              targets: [initValue]
+            });
+          }
+        }
+      }, /*#__PURE__*/React.createElement(BizEventSelector, {
+        showAllEvent: showOverview
+      })));
+    }), fields.length < 5 && /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement("div", {
+      className: "biz-add-btn ".concat(enableAdd ? '' : 'disabled'),
+      onClick: function onClick() {
+        return enableAdd && add();
+      }
+    }, /*#__PURE__*/React.createElement(IconFont, {
+      className: "biz-icon",
+      type: 'icon-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/index.js

@@ -1,9 +1,3 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -17,47 +11,53 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useState } from 'react';
-import { BizTargetCondition } from '@zgfe/business-lib';
-import eventData from './data/event';
-import envData from './data/env';
-import userData from './data/user';
-var initData = {
-  alias: 'test',
-  eventId: 7086289,
+import { BizTargetCondition, BizEventSelector, BizGlobalDataContext, convertAttributeData } from '@zgfe/business-lib';
+import eventData from '../../mock/event';
+import envData from '../../mock/env';
+import userData from '../../mock/user';
+var defaultValue = {
   type: 'event',
+  alias: 'alias',
+  eventId: 24143017,
+  eventGroupId: 4201,
+  analysisIndex: 'times',
   filters: {
     relation: 'or',
     conditions: [{
-      type: 'EVENT_PROP',
+      propCategory: 'eventProp',
+      type: 1,
       operation: 'equal',
-      attrId: 5461056,
-      attrName: '支付方式',
-      values: ['BlackBerry']
+      values: ['Safari'],
+      attrId: 30183430
     }]
   }
 };
-var attrOption = {
-  event: eventData,
-  user: userData,
-  env: envData
-};
+var store = convertAttributeData({
+  eventList: eventData,
+  userPropList: userData,
+  envPropList: envData
+});
 export default (function () {
-  var _useState = useState({}),
+  var _useState = useState(defaultValue),
       _useState2 = _slicedToArray(_useState, 2),
       target = _useState2[0],
       setTarget = _useState2[1];
 
-  var handleChange = function handleChange(data) {
-    setTarget(function () {
-      return _objectSpread({}, data);
-    });
+  var onChange = function onChange(value) {
+    setTarget(value);
   };
 
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizTargetCondition, {
-    options: {
-      eventOption: eventData,
-      attrOption: attrOption
-    },
-    onChange: handleChange
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C\uFF1A", JSON.stringify(target)));
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizGlobalDataContext.Provider, {
+    value: {
+      eventGroupList: store.eventGroupList,
+      userPropList: store.userPropList,
+      eventEnvList: store.envPropList
+    }
+  }, /*#__PURE__*/React.createElement(BizTargetCondition, {
+    defaultValue: target,
+    onChange: onChange,
+    max: 3
+  }, /*#__PURE__*/React.createElement(BizEventSelector, {
+    showAllEvent: true
+  }))), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C\uFF1A", JSON.stringify(target)));
 });