@zgfe/modules-settings 1.2.20 → 1.2.21

package/es/components/selectAppWrapper/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AppInfoProps } from '@zgfe/business-lib/es/context';
+declare const SetDataRangeDialog: React.FC<{
+    currentSelectAppInfo: AppInfoProps;
+    onChangeCondition: (data: any[]) => void;
+    currentJson: any[];
+}>;
+export default SetDataRangeDialog;

package/es/components/selectAppWrapper/index.js

@@ -0,0 +1,162 @@
+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, { useEffect, useState, useContext } from 'react';
+import { Spin } from 'antd';
+import { BizUserCondition, BizGlobalDataContext, ajax } from '@zgfe/business-lib';
+import convertAttributeData from './util';
+var SetDataRangeDialog = function SetDataRangeDialog(props) {
+  var currentSelectAppInfo = props.currentSelectAppInfo,
+    onChangeCondition = props.onChangeCondition,
+    currentJson = props.currentJson;
+  var _useContext = useContext(BizGlobalDataContext),
+    authority = _useContext.authority;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    eventGroups = _useState2[0],
+    setEventGroups = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    userProps = _useState4[0],
+    setUserProps = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    envList = _useState6[0],
+    setEnvList = _useState6[1];
+  var _useState7 = useState(true),
+    _useState8 = _slicedToArray(_useState7, 2),
+    loadEvent = _useState8[0],
+    setLoadEvent = _useState8[1];
+  var _useState9 = useState(true),
+    _useState10 = _slicedToArray(_useState9, 2),
+    loadEnv = _useState10[0],
+    setLoadEnv = _useState10[1];
+  var _useState11 = useState(true),
+    _useState12 = _slicedToArray(_useState11, 2),
+    loadUsers = _useState12[0],
+    setLoadUsers = _useState12[1];
+  // const [tagsGroup, setTagsGroup] = useState<any>([]);
+  var _useState13 = useState({
+      eventGroupList: [],
+      userPropList: [],
+      eventEnvList: []
+    }),
+    _useState14 = _slicedToArray(_useState13, 2),
+    newStore = _useState14[0],
+    setStore = _useState14[1];
+  useEffect(function () {
+    // 请求下拉数据
+    initData();
+  }, [currentSelectAppInfo]);
+  var initData = function initData() {
+    loadUserProps(currentSelectAppInfo.app_id);
+    loadEvents(currentSelectAppInfo.app_id);
+    loadEnvList(currentSelectAppInfo.app_id);
+    // queryGroupTags(currentSelectAppInfo);
+  };
+
+  function loadUserProps(appId) {
+    setLoadUsers(true);
+    ajax('/zg/web/v2/appusergroup/getUserPropMeta', {
+      method: 'post',
+      data: {
+        appId: appId,
+        platform: 0
+      }
+    }).then(function (res) {
+      setUserProps(res.data);
+      setLoadUsers(false);
+    });
+  }
+  function loadEvents(appId) {
+    setLoadEvent(true);
+    ajax('/zg/web/v2/data/queryEventMetasOfGroup', {
+      method: 'post',
+      data: {
+        appId: appId,
+        platform: 0,
+        isAll: true
+      }
+    }).then(function (res) {
+      res.data.forEach(function (item1) {
+        item1.eventList.forEach(function (item2) {
+          item2.name = item2.event_name;
+          item2.alias = item2.event_name;
+        });
+      });
+      setEventGroups(res.data);
+      setLoadEvent(false);
+    });
+  }
+  function loadEnvList(appId) {
+    setLoadEnv(true);
+    ajax('/zg/web/v2/appusergroup/getEventEnvData', {
+      method: 'post',
+      data: {
+        appId: appId,
+        platform: 0
+      }
+    }).then(function (res) {
+      setEnvList(res.data.eventEnv);
+      setLoadEnv(false);
+    });
+  }
+  // function queryGroupTags(appInfo: AppInfoProps) {
+  //   ajax('/zg/web/v2/v4/userGroup/label/list', {
+  //     method: 'post',
+  //     data: {
+  //       appId: appInfo?.app_id,
+  //       platform: appInfo?.platform || 0,
+  //     },
+  //   }).then((res: any) => {
+  //     if (!res) return;
+  //     setTagsGroup(res.data);
+  //   });
+  // }
+  useEffect(function () {
+    if (loadEnv || loadEvent || loadUsers) return;
+    var newStore = convertAttributeData({
+      eventList: eventGroups,
+      userPropList: userProps,
+      envPropList: envList
+    });
+    setStore(newStore);
+  }, [loadEvent, loadEnv, loadUsers]);
+  return /*#__PURE__*/React.createElement("div", null, !loadEnv && !loadEvent && !loadUsers ? /*#__PURE__*/React.createElement(BizGlobalDataContext.Provider, {
+    value: {
+      eventGroupList: newStore.eventGroupList,
+      userPropList: newStore.userPropList,
+      eventEnvList: newStore.eventEnvList,
+      currentApp: _objectSpread({
+        appId: currentSelectAppInfo.app_id,
+        platform: 0
+      }, currentSelectAppInfo),
+      authority: authority
+    }
+  }, /*#__PURE__*/React.createElement(BizUserCondition, {
+    openCdpCondition: true,
+    openBusinessDataCondition: true,
+    openOrderDataCondition: true,
+    openTagCondition: false,
+    // userTagsData={tagsGroup}
+    defaultValue: currentJson,
+    onChange: onChangeCondition,
+    orConditionNum: 3,
+    andConditionNum: 8,
+    eventAttrNum: 3,
+    isRealTime: true,
+    key: currentSelectAppInfo.app_id
+  })) : /*#__PURE__*/React.createElement(Spin, {
+    tip: "\u57FA\u7840\u6570\u636E\u52A0\u8F7D\u4E2D"
+  }));
+};
+export default SetDataRangeDialog;

package/es/components/selectAppWrapper/types.d.ts

@@ -0,0 +1,344 @@
+import { SizeType } from 'antd/es/config-provider/SizeContext';
+import { ReactNode } from 'react';
+/**
+ * 属性类型
+ */
+export declare enum PropType {
+    STRING = 1,
+    NUMBER = 2,
+    DATE = 3
+}
+/**
+ * 属性类别
+ */
+export declare enum PropCategory {
+    EventProp = "eventProp",
+    UserProp = "userProp",
+    EnvProp = "envProp",
+    SessionProp = "sessionProp"
+}
+export declare enum ShowStatus {
+    show = 0,
+    hidden = 1
+}
+/**
+ * 事件数据类型
+ */
+export interface AnalysisEvent {
+    /**
+     * 事件id
+     */
+    id: number;
+    /**
+     * 事件id
+     */
+    event_id?: number;
+    /**
+     * 事件名称
+     */
+    name: string;
+    /**
+     * 事件名称
+     */
+    event_name?: string;
+    /**
+     * 事件别名
+     */
+    alias?: string;
+    /**
+     * 事件属性列表
+     */
+    attrList: Array<EventProp>;
+    /**
+     * 是否被删除
+     */
+    isDelete?: boolean;
+    /**
+     * 是否被停止采集
+     */
+    isStop?: boolean;
+    /**
+     * 是否是事件概览（true时代表，这不是一个真实事件数据）
+     */
+    isOverview?: boolean;
+    /**
+     * 事件显示状态
+     */
+    eventHidden?: ShowStatus;
+    /**
+     * 是否被收藏标记
+     */
+    marked?: boolean;
+    /**
+     * 是否是内置指标
+     */
+    isBuiltIn?: boolean;
+    /**
+     * 指标类型， 默认是event
+     */
+    type?: string;
+    /**
+     * 是否埋点分析（页面判断使用）
+     */
+    clickAnalysis?: boolean;
+    /**
+     * 所有权
+     */
+    owner?: string;
+}
+/**
+ * 事件分组
+ */
+export interface EventGroup {
+    /**
+     * 分组id
+     */
+    id: number;
+    /**
+     * 分组名称
+     */
+    name?: string;
+    /**
+     * 事件列表
+     */
+    eventList: AnalysisEvent[];
+}
+/**
+ * 通用属性信息
+ */
+export interface BasicProp {
+    /**
+     * 属性id
+     */
+    id?: number;
+    /**
+     * 属性展示名称
+     */
+    label?: string;
+    /**
+     * 属性别名
+     */
+    alias?: string;
+    /**
+     * 属性类型
+     */
+    type?: PropType;
+    /**
+     * 是否实时
+     */
+    realTime?: boolean;
+    /**
+     * 类别
+     */
+    dimensionSub?: string;
+    /**
+     * 是否展示
+     */
+    isHidden?: boolean;
+    /**
+     * 属性类别：fixed（内置属性）,custom(自定义属性)
+     */
+    category?: 'fixed' | 'custom';
+}
+/**
+ * 用户属性
+ */
+export interface UserProp extends BasicProp {
+    /**
+     * 属性标识名称（可用于做属性唯一标识）
+     */
+    name?: string;
+    /**
+     * 属性类别
+     */
+    propCategory: 'userProp';
+    /**
+     * 用户属性唯一标识，取值为：userProp-name
+     */
+    key?: string;
+    subtype?: number;
+}
+/**
+ * 触发环境属性
+ */
+export interface EnvProp extends BasicProp {
+    /**
+     * 属性类别
+     */
+    propCategory: 'envProp';
+    /**
+     * 属性标识名称（可用于做属性唯一标识）
+     */
+    name?: string;
+    /**
+     * 环境属性唯一标识,取值为：envProp-name
+     */
+    key?: string;
+}
+/**
+ * 事件属性
+ */
+export interface EventProp extends BasicProp {
+    /**
+     * 所属事件id
+     */
+    eventId?: number;
+    /**
+     * 属性类别
+     */
+    propCategory: 'eventProp';
+    /**
+     * 事件属性唯一标识，取值为：eventProp-id
+     */
+    key?: number | string;
+    /**
+     * 所属步骤下标（漏斗场景下有）
+     */
+    step?: number;
+}
+/**
+ * 属性组，包含事件属性、用户属性、事件触发环境列表
+ */
+export interface PropGroups {
+    eventGroupList?: EventGroup[];
+    userPropList?: UserProp[];
+    envPropList?: EnvProp[];
+    eventNameMap?: Record<string, AnalysisEvent>;
+    eventIdMap?: Record<number, AnalysisEvent>;
+}
+export declare namespace AttributeSelect {
+    /**
+     * 属性下拉值
+     */
+    type Value = EventProp | UserProp | EnvProp | ExtraProp | null;
+    /**
+     * 属性下拉props
+     */
+    interface Props {
+        /**
+         * @description       组件唯一id，不用主动传，组件自动生成，请忽略！！！
+         */
+        id?: string;
+        /**
+         * @description       若组件是表单选项，value就是form的initialValues，也是组件的默认选项
+         * @default           -
+         */
+        value?: Value;
+        /**
+         * @description     默认值
+         */
+        defaultValue?: Value;
+        /**
+         * @description     禁用选项列表
+         */
+        disableItemList?: (EventProp | UserProp | EnvProp | ExtraProp)[];
+        /**
+         * @description     删除按钮是否可用
+         * @default   false
+         */
+        enableDelete?: boolean;
+        /**
+         * @description     默认提示文本
+         * @default         请选择
+         */
+        placeholder?: string;
+        /**
+         * @description     是否启用事件属性，启用后，eventIdList为必传
+         * @default         false
+         */
+        enableEventProp?: boolean;
+        /**
+         * @description     是否启用用户属性
+         * @default         true
+         */
+        enableUserProp?: boolean;
+        /**
+         * @description     是否启用事件触发环境属性
+         */
+        enableEnvProp?: boolean;
+        /**
+         * @description     支持的事件列表，当enableEventProp为true时有效
+         */
+        eventIdList?: number[];
+        /**
+         * @description     支持的漏斗事件列表，当enableEventProp为true时有效，eventIdList和funnelEventIdList只能传一个，通过该属性传递的事件属性，选中时会回传所属步骤
+         */
+        funnelEventIdList?: number[][];
+        /**
+         * @description     是否显示通用属性（展示通用属性后，单独事件分组将隐藏）
+         */
+        showCommonProp?: boolean;
+        /**
+         * @description   非实时后缀图标名称（iconfont）
+         * @default       *
+         */
+        propSymbol?: ReactNode;
+        /**
+         * @description   属性下拉提示
+         * @default       带＊的属性每日凌晨更新
+         */
+        optionsHeaderTip?: string;
+        /**
+         * @description       onChange
+         */
+        onChange?: (value: Value) => void;
+        /**
+         * @description       删除事件监听
+         */
+        onDelete?: (value?: Value, e?: any) => void;
+        /**
+         * 主题
+         */
+        theme?: string;
+        /**
+         * @description       关闭后是否销毁下拉
+         * @default           false
+         */
+        destroyPopupOnHide?: boolean;
+        /**
+         * @description       文本框大小 ，40px | 32px | 24px
+         * @default           middle
+         */
+        size?: SizeType;
+        /**
+         * 状态
+         */
+        status?: string;
+        /**
+         * 自定义属性类型
+         */
+        extra?: AttributeExtra[];
+        /**
+         * 数字类型
+         */
+        isNumber?: Boolean;
+    }
+    interface AttributeExtra {
+        type: string;
+        name: string;
+        attrList: ExtraProp[];
+    }
+    interface ExtraProp extends BasicProp {
+        /**
+         * 属性类别
+         */
+        propCategory: string;
+        /**
+         * 事件属性唯一标识，取值为：propCategory-id||name
+         */
+        key?: number | string;
+        name?: string;
+        subtype?: number;
+        [key: string]: any;
+    }
+    /**
+     * 下拉选项
+     */
+    interface Option {
+        groupName: string;
+        isEvent: boolean;
+        key: string;
+        anchor: string;
+        children: Value[];
+    }
+}

package/es/components/selectAppWrapper/types.js

@@ -0,0 +1,24 @@
+/**
+ * 属性类型
+ */
+export var PropType;
+(function (PropType) {
+  PropType[PropType["STRING"] = 1] = "STRING";
+  PropType[PropType["NUMBER"] = 2] = "NUMBER";
+  PropType[PropType["DATE"] = 3] = "DATE";
+})(PropType || (PropType = {}));
+/**
+ * 属性类别
+ */
+export var PropCategory;
+(function (PropCategory) {
+  PropCategory["EventProp"] = "eventProp";
+  PropCategory["UserProp"] = "userProp";
+  PropCategory["EnvProp"] = "envProp";
+  PropCategory["SessionProp"] = "sessionProp";
+})(PropCategory || (PropCategory = {}));
+export var ShowStatus;
+(function (ShowStatus) {
+  ShowStatus[ShowStatus["show"] = 0] = "show";
+  ShowStatus[ShowStatus["hidden"] = 1] = "hidden";
+})(ShowStatus || (ShowStatus = {}));

package/es/components/selectAppWrapper/util.d.ts

@@ -0,0 +1,13 @@
+import { OldSystem } from '@zgfe/business-lib/es/utils/type';
+import { PropGroups } from './types';
+/**
+ * 老系统（vue）基础数据转化程序
+ * @param store
+ * @returns PropGropus
+ */
+export default function convertAttributeData(store: {
+    envPropList?: OldSystem.EnvProp[];
+    userPropList?: OldSystem.UserProp[];
+    eventList?: OldSystem.EventGroup[];
+}): PropGroups;
+export declare function getIcon(name: string): string;