@zgfe/business-lib 1.0.0-beta.1

package/es/attributeSelector/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/attributeSelector/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/attributeSelector/demo/multi.d.ts

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

package/es/attributeSelector/demo/multi.js

@@ -0,0 +1,39 @@
+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 { BizGroupSelect } from 'business-lib';
+import eventData from '../data/event';
+import envData from '../data/env';
+import userData from '../data/user';
+var options = {
+  event: eventData,
+  user: userData,
+  env: envData
+};
+export default (function () {
+  var _useState = useState(['browser_version']),
+      _useState2 = _slicedToArray(_useState, 2),
+      attribute = _useState2[0],
+      setAttribute = _useState2[1];
+
+  var handleChange = function handleChange(value) {
+    setAttribute(value);
+  };
+
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizGroupSelect, {
+    defaultValue: attribute,
+    options: options,
+    eventIds: '24095076,24256188,24143017,24143013',
+    onChange: handleChange
+  }), /*#__PURE__*/React.createElement("p", null, "\u9009\u62E9\u7684\u5C5E\u6027\u662F\uFF1A", JSON.stringify(attribute)));
+});

package/es/attributeSelector/demo/multiForm.d.ts

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

package/es/attributeSelector/demo/multiForm.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 = 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 { Button, Form } from 'antd';
+import { BizGroupSelect } from 'business-lib';
+import eventData from '../data/event';
+import envData from '../data/env';
+import userData from '../data/user';
+var options = {
+  event: eventData,
+  user: userData,
+  env: envData
+};
+export default (function () {
+  var _Form$useForm = Form.useForm(),
+      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+      form = _Form$useForm2[0];
+
+  var _useState = useState({
+    attr: ['visit_times']
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      formData = _useState2[0],
+      setFormData = _useState2[1];
+
+  var onFinish = function onFinish(values) {
+    setFormData(values);
+  };
+
+  var onFinishFailed = function onFinishFailed(errorInfo) {
+    console.log('Failed:', errorInfo);
+  };
+
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form, {
+    form: form,
+    onFinish: onFinish,
+    onFinishFailed: onFinishFailed,
+    initialValues: formData
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u5C5E\u6027",
+    name: "attr"
+  }, /*#__PURE__*/React.createElement(BizGroupSelect, {
+    options: options,
+    eventIds: '24095076,24256188,24143017,24143013'
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    wrapperCol: {
+      offset: 8,
+      span: 16
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    htmlType: "submit"
+  }, "Submit"))), /*#__PURE__*/React.createElement("p", null, JSON.stringify(formData)));
+});

package/es/attributeSelector/demo/single.d.ts

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

package/es/attributeSelector/demo/single.js

@@ -0,0 +1,43 @@
+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 { BizAttributeSelector } from 'business-lib';
+import eventData from '../data/event';
+import envData from '../data/env';
+import userData from '../data/user';
+var options = {
+  event: eventData,
+  user: userData,
+  env: envData
+};
+export default (function () {
+  var _useState = useState('browser_version'),
+      _useState2 = _slicedToArray(_useState, 2),
+      attribute = _useState2[0],
+      setAttribute = _useState2[1];
+
+  var handleChange = function handleChange(value) {
+    setAttribute(value);
+  };
+
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizAttributeSelector, {
+    defaultValue: attribute,
+    options: options,
+    disabled: ['项目id'],
+    eventIds: '24095076,24256188,24143017,24143013',
+    onChange: handleChange,
+    showUserProp: false,
+    showEventEnv: false,
+    showEventProp: false
+  }), /*#__PURE__*/React.createElement("p", null, "\u9009\u62E9\u7684\u5C5E\u6027\u662F\uFF1A", attribute));
+});

package/es/attributeSelector/demo/singleForm.d.ts

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

package/es/attributeSelector/demo/singleForm.js

@@ -0,0 +1,66 @@
+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 { Button, Form } from 'antd';
+import { BizAttributeSelector } from 'business-lib';
+import eventData from '../data/event';
+import envData from '../data/env';
+import userData from '../data/user';
+var options = {
+  event: eventData,
+  user: userData,
+  env: envData
+};
+export default (function () {
+  var _Form$useForm = Form.useForm(),
+      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+      form = _Form$useForm2[0];
+
+  var _useState = useState({
+    attr: 'visit_times'
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      formData = _useState2[0],
+      setFormData = _useState2[1];
+
+  var onFinish = function onFinish(values) {
+    setFormData(values);
+  };
+
+  var onFinishFailed = function onFinishFailed(errorInfo) {
+    console.log('Failed:', errorInfo);
+  };
+
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form, {
+    form: form,
+    onFinish: onFinish,
+    onFinishFailed: onFinishFailed,
+    initialValues: formData
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u5C5E\u6027",
+    name: "attr"
+  }, /*#__PURE__*/React.createElement(BizAttributeSelector, {
+    options: options,
+    showUserProp: true,
+    showEventEnv: true,
+    responseType: 'object'
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    wrapperCol: {
+      offset: 8,
+      span: 16
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    htmlType: "submit"
+  }, "Submit"))), /*#__PURE__*/React.createElement("p", null, JSON.stringify(formData)));
+});

package/es/attributeSelector/group.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import './index.less';
+import { AttributeProps, AttrsListProps } from './index';
+interface AttributeGroupProps extends AttributeProps {
+    /**
+     * @description       若组件是表单选项，value就是form的initialValues，也是组件的默认选项
+     * @description.zh-CN
+     * @default           -
+     */
+    value?: Array<string | number | AttrsListProps>;
+    /**
+     * @description       默认选项
+     * @description.zh-CN
+     * @default           -
+     */
+    defaultValue?: Array<string | number | AttrsListProps>;
+    /**
+     * @description      最多个数
+     * @description.zh-CN
+     * @default           3
+     */
+    maxAttrGroup?: number;
+    /**
+     * @description       选中 option 时，调用此函数
+     * @description.zh-CN
+     * @default           -
+     */
+    onChange: (valueObject: object[] | (string | number)[], value: object[] | (string | number)[]) => void;
+}
+declare const BizGroupSelect: React.FC<AttributeGroupProps>;
+export default BizGroupSelect;