@zgfe/modules-attribution 1.0.1

package/dist/esm/modules/home/index.js

@@ -0,0 +1,172 @@
+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, { useContext, useEffect, useRef, useState } from 'react';
+import { Spin } from 'antd';
+import { BizGlobalDataContext } from '@zgfe/business-lib';
+import "./styles/index.less";
+import { AttributionContext } from "../../types";
+import EditTitle from "../../components/title";
+import { getInitDate, initTarget } from "../../constants/initData";
+import { transferEventSearchData } from "../../utils/transfer";
+import InsightContent from "../content";
+var classPrefix = 'insight-container';
+var ModuleAttribution = function ModuleAttribution(props) {
+  var _props$defaultValue;
+  // 属性
+  var _useContext = useContext(BizGlobalDataContext),
+    userPropList = _useContext.userPropList,
+    eventGroupList = _useContext.eventGroupList,
+    eventEnvList = _useContext.eventEnvList,
+    userGroupList = _useContext.userGroupList;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchData = _useState2[0],
+    setSearchData = _useState2[1];
+  // 初始状态
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var _useState5 = useState(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    pageLoading = _useState6[0],
+    setPageLoading = _useState6[1];
+  // 指标标题
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    title = _useState8[0],
+    setTitle = _useState8[1];
+  var _useState9 = useState(),
+    _useState10 = _slicedToArray(_useState9, 2),
+    panelId = _useState10[0],
+    setPanelId = _useState10[1];
+  var _useState11 = useState(),
+    _useState12 = _slicedToArray(_useState11, 2),
+    elementId = _useState12[0],
+    setElementId = _useState12[1];
+  var _useState13 = useState(),
+    _useState14 = _slicedToArray(_useState13, 2),
+    showList = _useState14[0],
+    setShowList = _useState14[1];
+  var _useState15 = useState(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    searching = _useState16[0],
+    setSearching = _useState16[1];
+  var attributionRef = useRef(null);
+  // 初始化
+  useEffect(function () {
+    setPageLoading(true);
+    // 设置初始值
+    if (!props.defaultValue) {
+      initSearch();
+    } else {
+      setShowList(props.defaultValue.chosen_data);
+      setPanelId(props.defaultValue.panelId);
+      setElementId(props.defaultValue.id);
+      setTitle(props.defaultValue.name);
+      var initData = props.defaultValue.data;
+      if (!initData) {
+        initSearch();
+      } else {
+        // 老事件分析数据
+        if (initData.module) {
+          initData = transferEventSearchData(initData, userPropList, eventGroupList, eventEnvList);
+        }
+        var chartType = initData.chartType ? initData.chartType.split(',')[0] : 'line';
+        if (!initData.userGroup || !initData.targets) {
+          setSearchData(function (data) {
+            return _objectSpread(_objectSpread(_objectSpread({}, data), initData), {}, {
+              chartType: chartType
+            });
+          });
+        } else {
+          setSearchData(_objectSpread(_objectSpread({}, initData), {}, {
+            chartType: chartType
+          }));
+        }
+      }
+    }
+    setTimeout(function () {
+      setPageLoading(false);
+    }, 0);
+  }, []);
+
+  // 查询条件初始化
+  var initSearch = function initSearch() {
+    setSearchData({
+      targets: initTarget,
+      userGroup: (userGroupList === null || userGroupList === void 0 ? void 0 : userGroupList.length) > 0 ? [userGroupList[0].id] : [0],
+      time: getInitDate(props.includeToday),
+      chartType: 'line'
+    });
+  };
+
+  // 改变loading
+  var changeLoading = function changeLoading(flag) {
+    setLoading(flag);
+  };
+
+  // 保存
+  var onSave = function onSave() {
+    if (attributionRef) {
+      attributionRef.current.savePanel();
+    }
+  };
+
+  // 另存为
+  var onSaveAs = function onSaveAs() {
+    if (attributionRef) {
+      attributionRef.current.saveAsPanel();
+    }
+  };
+  if (pageLoading) {
+    return /*#__PURE__*/React.createElement(Spin, null);
+  }
+  return /*#__PURE__*/React.createElement(Spin, {
+    spinning: loading,
+    wrapperClassName: classPrefix
+  }, /*#__PURE__*/React.createElement(AttributionContext.Provider, {
+    value: {
+      panelId: panelId,
+      elementId: elementId,
+      panelName: title,
+      searching: searching,
+      includeToday: props.includeToday,
+      defaultSearch: props.defaultValue,
+      enableAddScene: !props.defaultValue,
+      enableGenerateReport: props.enableGenerateReport,
+      changeLoading: changeLoading,
+      afterEditTarget: props.afterEditTarget,
+      onUserDrill: props.onUserDrill
+    }
+  }, panelId && /*#__PURE__*/React.createElement(EditTitle, {
+    title: title,
+    type: (_props$defaultValue = props.defaultValue) === null || _props$defaultValue === void 0 ? void 0 : _props$defaultValue.panelType,
+    onSave: onSave,
+    onSaveAs: onSaveAs,
+    onEditTitle: setTitle
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-content ").concat(panelId ? classPrefix + 'content2' : '')
+  }, /*#__PURE__*/React.createElement(InsightContent, {
+    ref: attributionRef,
+    value: searchData,
+    show: showList,
+    onSearching: function onSearching(val) {
+      return setSearching(val);
+    }
+  }))));
+};
+ModuleAttribution.defaultProps = {
+  includeToday: true
+};
+export default ModuleAttribution;

package/dist/esm/modules/home/styles/index.less

@@ -0,0 +1,37 @@
+.insight-container {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+
+  .ant-spin-container {
+    width: 100%;
+    height: 100%;
+  }
+  &-content {
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    border-top: 1px solid #eaeaea;
+  }
+
+  &-content2 {
+    height: calc(100% - 56px);
+  }
+
+  .biz-event-select.border .biz-event-select-handle {
+    padding: 0;
+    border: none;
+  }
+
+  .biz-select-option:not(.biz-select-option-multiple),
+  .biz-attr-select-option {
+    &.active {
+      background: @primary-color !important;
+    }
+  }
+
+  // 设置下拉框最大高度
+  .biz-select-overlay {
+    max-height: 300px;
+  }
+}

package/dist/esm/modules/home/types.d.ts

@@ -0,0 +1,19 @@
+import { SearchValue } from '../../types';
+export declare namespace AttributionProps {
+    interface Props {
+        defaultValue?: Value;
+        includeToday?: boolean;
+        enableGenerateReport?: boolean;
+        afterEditTarget?: (type: string, value?: any) => void;
+        onUserDrill: (data: any, searchData: SearchValue) => void;
+    }
+    interface Value {
+        panelId?: number;
+        panelType?: 'edit' | 'add';
+        name?: string;
+        id?: number;
+        data?: any;
+        chosen_data?: string[];
+        [props: string]: any;
+    }
+}

package/dist/esm/modules/home/types.js

@@ -0,0 +1,2 @@
+export var AttributionProps;
+(function (_AttributionProps) {})(AttributionProps || (AttributionProps = {}));

package/dist/esm/modules/leftPanel/components/globalAttribute.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const GlobalAttribute: React.FC<{
+    value?: any;
+    max?: number;
+    eventIdList?: number[];
+    onChange?: (val: any) => void;
+}>;
+export default GlobalAttribute;

package/dist/esm/modules/leftPanel/components/globalAttribute.js

@@ -0,0 +1,64 @@
+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 { BizConditionGroup, IconFont } from '@zgfe/business-lib';
+import React, { useEffect, useRef, useState } from 'react';
+import { classPrefix } from '..';
+var GlobalAttribute = function GlobalAttribute(props) {
+  var max = props.max,
+    onChange = props.onChange;
+  // 组件ref
+  var conditionRef = useRef(null);
+  // 条件个数
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    count = _useState2[0],
+    setCount = _useState2[1];
+  // 是否初始化
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    init = _useState4[0],
+    setInit = _useState4[1];
+  useEffect(function () {
+    if (props.value) {
+      setCount(props.value.conditions.length || 0);
+    }
+    setInit(false);
+  }, []);
+  useEffect(function () {
+    if (init || props.eventIdList && props.eventIdList[0] === -100) return;
+    // 若值变为空，组件清空
+    if (!props.value) {
+      conditionRef.current.setValue(props.value);
+    }
+  }, [props.eventIdList]);
+
+  // 添加属性
+  var onAdd = function onAdd() {
+    if (props.eventIdList[0] === -100) return;
+    conditionRef.current.add();
+  };
+  return /*#__PURE__*/React.createElement("div", null, props.eventIdList && props.eventIdList[0] === -100 ? '' : /*#__PURE__*/React.createElement(BizConditionGroup, {
+    ref: conditionRef,
+    enableEventProp: true,
+    eventIdList: props.eventIdList,
+    value: props.value,
+    enableDelete: true,
+    onlyAnd: true,
+    onChange: onChange,
+    onConditionsCount: setCount
+  }), count < max && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-add ").concat(props.eventIdList[0] === -100 ? 'disabled' : ''),
+    onClick: onAdd
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    className: "".concat(classPrefix, "-add-icon"),
+    type: "tianjia1"
+  }), "\u6DFB\u52A0\u5C5E\u6027"));
+};
+GlobalAttribute.defaultProps = {
+  max: 5
+};
+export default GlobalAttribute;

package/dist/esm/modules/leftPanel/components/panel.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { LeftPanelTypes } from '../types';
+declare const SearchPanel: React.FC<LeftPanelTypes.PanelProp>;
+export default SearchPanel;

package/dist/esm/modules/leftPanel/components/panel.js

@@ -0,0 +1,87 @@
+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); }
+import { BizAttributeSelector, BizUserGroup, BizTargetCondition, BizEventSelector } from '@zgfe/business-lib';
+import React, { useMemo } from 'react';
+var SearchPanel = function SearchPanel(props) {
+  var type = props.type,
+    enableDelete = props.enableDelete,
+    showOverview = props.showOverview,
+    eventIdList = props.eventIdList,
+    onDelete = props.onDelete,
+    onChange = props.onChange;
+
+  // 属性细分中，用户属性和环境属性都含有国家，城市，只能选其中一个的
+  var disabledList = useMemo(function () {
+    if (!props.allValues.globalDimensions) return;
+    var attrs = [];
+    props.allValues.globalDimensions.forEach(function (item) {
+      attrs.push(item);
+      if (item.name) {
+        var newItem = _objectSpread({}, item);
+        if (['city', 'area', 'country'].includes(item.name)) {
+          newItem.propCategory = 'userProp';
+          newItem.name = "current_".concat(item.name);
+          attrs.push(newItem);
+        } else if (['current_city', 'current_area', 'current_country'].includes(item.name)) {
+          newItem.propCategory = 'envProp';
+          newItem.name = item.name.slice(8);
+          attrs.push(newItem);
+        }
+      }
+    });
+    return attrs;
+  }, [props.allValues.globalDimensions]);
+
+  // 用户群
+  if (type === 'userGroup') {
+    var _props$allValues;
+    return /*#__PURE__*/React.createElement(BizUserGroup, {
+      defaultValue: props.value,
+      enableDelete: enableDelete,
+      disableItemList: (_props$allValues = props.allValues) === null || _props$allValues === void 0 ? void 0 : _props$allValues.userGroup,
+      onChange: onChange,
+      onDelete: onDelete
+    });
+  } else if (type === 'globalDimensions') {
+    // 按属性细分
+    return /*#__PURE__*/React.createElement(BizAttributeSelector, {
+      value: props.value,
+      enableEventProp: true,
+      enableUserProp: true,
+      enableEnvProp: true,
+      eventIdList: eventIdList,
+      disableItemList: disabledList,
+      enableDelete: true,
+      onChange: onChange,
+      onDelete: onDelete
+    });
+  } else if (type === 'targets' || type === 'event' || type === 'process') {
+    // if (!props.allValues.targets) return null;
+    // 指标选择器
+    return (
+      /*#__PURE__*/
+      // <BizEventSelector onChange={onChange} />
+      React.createElement(BizTargetCondition, {
+        onDelete: onDelete,
+        onChange: onChange,
+        defaultValue: props.value,
+        max: 5,
+        onlyAnd: true
+      }, /*#__PURE__*/React.createElement(BizEventSelector, {
+        showBuiltInTarget: true,
+        showAllEvent: showOverview,
+        popupContainer: false,
+        defaultSelectAble: false
+      }))
+    );
+  }
+  return /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u76F8\u5173\u7EC4\u4EF6");
+};
+SearchPanel.defaultProps = {
+  eventIdList: []
+};
+export default SearchPanel;

package/dist/esm/modules/leftPanel/demo/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/dist/esm/modules/leftPanel/demo/index.js

@@ -0,0 +1,28 @@
+import { DemoWrapper } from '@zgfe/business-lib';
+import React from 'react';
+import LeftPanel from '..';
+var defaultValue = {
+  targets: [{
+    type: 'event',
+    alias: '事件概览',
+    eventId: -100,
+    eventName: '事件概览',
+    eventGroupId: 0,
+    analysisDimension: {
+      analysisIndex: 'number'
+    }
+  }],
+  userGroup: [0]
+};
+export default (function () {
+  var onChange = function onChange(data) {
+    console.log(data);
+  };
+  return /*#__PURE__*/React.createElement(DemoWrapper, {
+    needMeta: true,
+    defaultApp: 177
+  }, /*#__PURE__*/React.createElement(LeftPanel, {
+    defaultValue: defaultValue,
+    onChange: onChange
+  }));
+});

package/dist/esm/modules/leftPanel/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { LeftPanelTypes } from './types';
+import './styles/index.less';
+export declare const classPrefix = "mi-left-form";
+declare const LeftPanel: React.FC<LeftPanelTypes.Props>;
+export default LeftPanel;