@zgfe/business-lib 1.0.0-beta.1

package/es/globalAttributes/demo/data/user.d.ts

@@ -0,0 +1,22 @@
+declare const _default: ({
+    dimension_sub: string;
+    value_dict: boolean;
+    name: string;
+    id: number;
+    text: string;
+    category: string;
+    type: number;
+    alias_name: null;
+    subtype?: undefined;
+} | {
+    dimension_sub: string;
+    subtype: number;
+    value_dict: boolean;
+    name: string;
+    id: number;
+    text: string;
+    category: string;
+    type: number;
+    alias_name: null;
+})[];
+export default _default;

package/es/globalAttributes/demo/data/user.js

@@ -0,0 +1,218 @@
+export default [{
+  dimension_sub: 'name',
+  value_dict: false,
+  name: 'name',
+  id: 0,
+  text: '名称',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'is_anonymous',
+  value_dict: false,
+  name: 'is_anonymous',
+  id: 0,
+  text: '实名/匿名',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'app_user_id',
+  value_dict: false,
+  name: 'app_user_id',
+  id: -1,
+  text: '用户ID',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'zg_id',
+  value_dict: false,
+  name: 'zg_id',
+  id: 0,
+  text: '诸葛ID',
+  category: 'fixed',
+  type: 2,
+  alias_name: null
+}, {
+  dimension_sub: 'first_visit_time',
+  value_dict: false,
+  name: 'first_visit_time',
+  id: 0,
+  text: '首次访问时间',
+  category: 'fixed',
+  type: 3,
+  alias_name: null
+}, {
+  dimension_sub: 'last_visit_time',
+  value_dict: false,
+  name: 'last_visit_time',
+  id: 0,
+  text: '最后一次访问时间',
+  category: 'fixed',
+  type: 3,
+  alias_name: null
+}, {
+  dimension_sub: 'visit_times',
+  value_dict: false,
+  name: 'visit_times',
+  id: 0,
+  text: '近30天访问次数',
+  category: 'fixed',
+  type: 2,
+  alias_name: null
+}, {
+  dimension_sub: 'duration',
+  subtype: 2,
+  value_dict: false,
+  name: 'duration',
+  id: 0,
+  text: '近30天访问时长',
+  category: 'fixed',
+  type: 2,
+  alias_name: null
+}, {
+  dimension_sub: 'current_country',
+  value_dict: false,
+  name: 'current_country',
+  id: 0,
+  text: '国家',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'current_area',
+  value_dict: false,
+  name: 'current_area',
+  id: 0,
+  text: '省份',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'current_city',
+  value_dict: false,
+  name: 'current_city',
+  id: 0,
+  text: '城市',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'user_referer_url',
+  value_dict: false,
+  name: 'user_referer_url',
+  id: 0,
+  text: '首次来源URL',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'first_website',
+  value_dict: false,
+  name: 'first_website',
+  id: 0,
+  text: '首次来源域名',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'first_utm_source',
+  value_dict: false,
+  name: 'first_utm_source',
+  id: 0,
+  text: '首次utm_source',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'first_utm_medium',
+  value_dict: false,
+  name: 'first_utm_medium',
+  id: 0,
+  text: '首次utm_medium',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'first_utm_campaign',
+  value_dict: false,
+  name: 'first_utm_campaign',
+  id: 0,
+  text: '首次utm_campaign',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'first_utm_content',
+  value_dict: false,
+  name: 'first_utm_content',
+  id: 0,
+  text: '首次utm_content',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'first_utm_term',
+  value_dict: false,
+  name: 'first_utm_term',
+  id: 0,
+  text: '首次utm_term',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'current_browser_brand',
+  value_dict: false,
+  name: 'current_browser_brand',
+  id: 0,
+  text: '浏览器品牌',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'current_browser_version',
+  value_dict: false,
+  name: 'current_browser_version',
+  id: 0,
+  text: '浏览器版本',
+  category: 'fixed',
+  type: 2,
+  alias_name: null
+}, {
+  dimension_sub: 'current_os',
+  value_dict: false,
+  name: 'current_os',
+  id: 0,
+  text: '操作系统',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'current_ov',
+  value_dict: false,
+  name: 'current_ov',
+  id: 0,
+  text: '系统版本',
+  category: 'fixed',
+  type: 2,
+  alias_name: null
+}, {
+  dimension_sub: 'current_resolution_h',
+  value_dict: false,
+  name: 'current_resolution_h',
+  id: 0,
+  text: '屏幕高度',
+  category: 'fixed',
+  type: 2,
+  alias_name: null
+}, {
+  dimension_sub: 'current_resolution_l',
+  value_dict: false,
+  name: 'current_resolution_l',
+  id: 0,
+  text: '屏幕宽度',
+  category: 'fixed',
+  type: 2,
+  alias_name: null
+}];

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

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

package/es/globalAttributes/demo/index.js

@@ -0,0 +1,50 @@
+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 React, { useState } from 'react';
+import { BizGlobalAttributes } from 'business-lib';
+import eventData from './data/event';
+import envData from './data/env';
+import userData from './data/user';
+var attrsData = {
+  operator: 'and',
+  attrs: [{
+    attrId: 5461056,
+    attrName: '支付方式',
+    operator: 'equal',
+    params: ['白条'],
+    attrType: 'cont-string',
+    category: 'custom'
+  }]
+};
+var attrOption = {
+  event: eventData,
+  user: userData,
+  env: envData
+};
+export default (function () {
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      globalAttrs = _useState2[0],
+      setGlobalAttrs = _useState2[1];
+
+  var handleChange = function handleChange(data) {
+    setGlobalAttrs(function () {
+      return JSON.stringify(data);
+    });
+  };
+
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizGlobalAttributes, {
+    options: attrOption,
+    onChange: handleChange
+  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", null, "\u5168\u5C40\u5C5E\u6027\uFF1A ", globalAttrs));
+});

package/es/globalAttributes/index.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+interface AttrType {
+    attrId?: string;
+    [props: string]: any;
+}
+interface ValueType {
+    operate?: string;
+    attrs?: Array<AttrType>;
+}
+interface GlobalAttributeProps {
+    /**
+     * @description   默认值
+     * @default           {}
+     */
+    defaultValue?: ValueType;
+    /**
+     * @description   默认值
+     * @default           {}
+     */
+    value?: ValueType;
+    /**
+     * @description       数据化配置选项内容
+     * @description.zh-CN
+     * @default         -
+     */
+    options?: object;
+    /**
+     * @description       属性最多个数
+     * @description.zh-CN
+     * @default          3
+     */
+    max?: number;
+    /**
+     * @description     如果是事件属性，则传事件id,多个用逗号隔开
+     * @default           -
+     */
+    eventIds?: string;
+    /**
+     * @description       参数改变回调
+     * @description.zh-CN
+     * @default
+     */
+    onChange?: (data: ValueType) => void;
+}
+declare const BizGlobalAttributes: React.FC<GlobalAttributeProps>;
+export default BizGlobalAttributes;

package/es/globalAttributes/index.js

@@ -0,0 +1,116 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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."); }
+
+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 React, { useEffect, useState } from 'react';
+import { BizConditionGroup, IconFont } from '..';
+
+var BizGlobalAttributes = function BizGlobalAttributes(props) {
+  var _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? {} : _props$defaultValue,
+      _props$value = props.value,
+      value = _props$value === void 0 ? {} : _props$value,
+      options = props.options,
+      _props$max = props.max,
+      max = _props$max === void 0 ? 5 : _props$max,
+      eventIds = props.eventIds,
+      _onChange = props.onChange;
+
+  var _useState = useState({}),
+      _useState2 = _slicedToArray(_useState, 2),
+      attrsData = _useState2[0],
+      setAttrsData = _useState2[1];
+
+  useEffect(function () {
+    var defaultAttrs = Object.keys(defaultValue).length > 0 ? defaultValue : value;
+    var arr = [];
+    var operate = defaultAttrs.operate,
+        attrs = defaultAttrs.attrs;
+
+    if (attrs) {
+      arr = attrs.map(function (item) {
+        var data = _objectSpread({}, item);
+
+        var attrId = Math.random().toString();
+        return {
+          attrId: attrId,
+          data: data
+        };
+      });
+    } else {
+      arr = [{
+        attrId: Math.random().toString()
+      }];
+    }
+
+    setAttrsData(function (data) {
+      return {
+        operate: operate,
+        attrs: _toConsumableArray(arr)
+      };
+    });
+  }, []);
+
+  var _addAttribute = function _addAttribute() {
+    setAttrsData(function (data) {
+      var arr = [{
+        attrId: Math.random().toString()
+      }];
+
+      if (!data.attrs) {
+        data.attrs = arr;
+      } else {
+        data.attrs = data.attrs.concat(arr);
+      }
+
+      return _objectSpread({}, data);
+    });
+  };
+
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizConditionGroup, {
+    defaultValue: attrsData,
+    options: options,
+    eventIds: eventIds,
+    onChange: function onChange(data) {
+      setAttrsData(function () {
+        return _objectSpread({}, data);
+      });
+      _onChange && _onChange(_objectSpread({}, data));
+    }
+  }), attrsData.attrs && attrsData.attrs.length < max && /*#__PURE__*/React.createElement("div", {
+    className: "biz-icon-add",
+    style: {
+      marginTop: '16px'
+    },
+    onClick: _addAttribute
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    className: "biz-icon",
+    type: 'icon-tianjia1'
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "biz-icon-text"
+  }, "\u6DFB\u52A0\u5C5E\u6027")));
+};
+
+export default BizGlobalAttributes;

package/es/index.d.ts

@@ -0,0 +1,23 @@
+/// <reference path="../typings.d.ts" />
+/// <reference types="react" />
+import BizAnalysisLayout from './AnalysisLayout';
+import BizUserGroup from './userGroup';
+import BizUserCluster from './userGroup/userCluster';
+import BizTargetSelector from './targetSelector';
+import BizEventSelector from './eventSelector';
+import BizAttributeSelector from './attributeSelector';
+import BizGroupSelect from './attributeSelector/group';
+import BizMultipleSelector from './multipleSelector';
+import BizTargetCondition from './targetConditionGroup';
+import BizConditionGroup from './targetConditionGroup/components/conditionGroup';
+import BizDatePicker from './datePicker';
+import BizGlobalAttributes from './globalAttributes';
+import BizSelect from './select';
+import BizDialog from './dialog';
+import BizChart from './chart';
+import BizTable from './table';
+import { util, ajax } from './utils';
+import { GlobalContextProps } from './utils/type';
+declare const IconFont: import("react").FC<import("@ant-design/icons/lib/components/IconFont").IconFontProps<string>>;
+declare const BizGlobalDataContext: import("react").Context<GlobalContextProps>;
+export { BizSelect, BizDialog, BizChart, BizTable, BizAnalysisLayout, BizUserGroup, BizUserCluster, IconFont, BizTargetSelector, BizEventSelector, BizGroupSelect, BizAttributeSelector, BizGlobalDataContext, BizMultipleSelector, BizTargetCondition, BizDatePicker, BizConditionGroup, BizGlobalAttributes, ajax, util, };

package/es/index.js

@@ -0,0 +1,25 @@
+/// <reference path="../typings.d.ts" />
+import BizAnalysisLayout from './AnalysisLayout';
+import BizUserGroup from './userGroup';
+import BizUserCluster from './userGroup/userCluster';
+import BizTargetSelector from './targetSelector';
+import { createFromIconfontCN } from '@ant-design/icons';
+import BizEventSelector from './eventSelector';
+import BizAttributeSelector from './attributeSelector';
+import { createContext } from 'react';
+import BizGroupSelect from './attributeSelector/group';
+import BizMultipleSelector from './multipleSelector';
+import BizTargetCondition from './targetConditionGroup';
+import BizConditionGroup from './targetConditionGroup/components/conditionGroup';
+import BizDatePicker from './datePicker';
+import BizGlobalAttributes from './globalAttributes';
+import BizSelect from './select';
+import BizDialog from './dialog';
+import BizChart from './chart';
+import BizTable from './table';
+import { util, ajax } from './utils';
+var IconFont = createFromIconfontCN({
+  scriptUrl: '//at.alicdn.com/t/font_422162_0fv3r3nvceb6.js'
+});
+var BizGlobalDataContext = /*#__PURE__*/createContext({});
+export { BizSelect, BizDialog, BizChart, BizTable, BizAnalysisLayout, BizUserGroup, BizUserCluster, IconFont, BizTargetSelector, BizEventSelector, BizGroupSelect, BizAttributeSelector, BizGlobalDataContext, BizMultipleSelector, BizTargetCondition, BizDatePicker, BizConditionGroup, BizGlobalAttributes, ajax, util };

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

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

package/es/multipleSelector/demo/index.js

@@ -0,0 +1,35 @@
+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 React, { useState } from 'react';
+import { BizMultipleSelector } from 'business-lib';
+var options = ['CHROME48', 'FIREFOX37', 'CHROME21', 'Firefox', 'FIREFOX_MOBILE', 'BOT', 'FIREFOX9', 'MOBILE_SAFARI', 'MOBILE_SAFARI2', 'MOBILE_SAFARI4'];
+export default (function () {
+  var _useState = useState(['CHROME48']),
+      _useState2 = _slicedToArray(_useState, 2),
+      condition = _useState2[0],
+      setCondition = _useState2[1];
+
+  var handleChange = function handleChange(data) {
+    setCondition(data);
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '400px'
+    }
+  }, /*#__PURE__*/React.createElement(BizMultipleSelector, {
+    options: options,
+    defaultValue: condition,
+    onChange: handleChange
+  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, "\u9009\u62E9\u7684\u6761\u4EF6\u503C\u662F\uFF1A", JSON.stringify(condition)));
+});

package/es/multipleSelector/index.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import './index.less';
+interface ConditionProps {
+    /**
+     * @description       若组件是表单选项，value就是form的initialValues，也是组件的默认选项
+     * @description.zh-CN
+     * @default           -
+     */
+    value?: Array<string | number>;
+    /**
+     * @description       默认选项
+     * @description.zh-CN
+     * @default           -
+     */
+    defaultValue?: Array<string | number>;
+    /**
+     * @description       数据化配置选项内容
+     * @description.zh-CN
+     * @default           -
+     */
+    options: Array<string | number>;
+    /**
+     * @description       选择框默认文本
+     * @description.zh-CN
+     * @default           请选择
+     */
+    placeholder?: string;
+    /**
+     * @description       选中 option 时，调用此函数,返回value数组
+     * @description.zh-CN
+     * @default
+     */
+    onChange?: (value: Array<string | number>) => void;
+}
+declare const BizMultipleSelector: React.FC<ConditionProps>;
+export default BizMultipleSelector;