@zgfe/business-lib 1.0.0-beta.4 → 1.0.1-beta.0

package/es/utils/type.d.ts

@@ -1,3 +1,4 @@
+import { PropType } from '../attributeSelector/types';
 export interface Event {
     value?: string | number;
     label?: string | number;
@@ -7,48 +8,45 @@ export interface EventType {
     aliasName?: string;
     option?: string | number | Event;
 }
-interface EventProps {
-    attrId?: string;
-    event_id: string | number;
-    event_name: string;
-    event_attrs: Array<AttrsListProps>;
-    dimensionId?: string;
-    [prop: string]: any;
-}
-interface AttrsListProps {
-    value?: string | number;
-    text?: string;
-    attr_id?: string | number;
-    attr_name?: string;
-    alias_name?: string | null;
-    prop_type?: string | number;
-    icon?: string;
-    value_dict?: boolean;
-    hidden?: boolean | number;
-    dimension_sub?: string | number;
-    [prop: string]: any;
-}
-export interface EventGroupProps {
-    groupName: string | null;
-    groupId: string | number;
-    eventList?: Array<EventProps>;
-    [prop: string]: any;
-}
-interface AppInfoProps {
-    appId?: string | number;
-    platform?: string;
-    [prop: string]: any;
-}
-export interface EventMetaProps {
-    event?: Array<EventGroupProps>;
-    user?: Array<object>;
-    env?: Array<object>;
-}
-export interface GlobalContextProps {
-    userGroups?: Array<any>;
-    eventMeta?: Array<EventGroupProps>;
-    userProps?: Array<any>;
-    eventEnv?: Array<any>;
-    appInfo?: AppInfoProps;
+export declare namespace OldSystem {
+    interface EventGroup {
+        groupId: number;
+        groupName?: string;
+        eventList: Event[];
+    }
+    interface Event {
+        event_id: number;
+        event_name: string;
+        alias_name?: string;
+        click_analysis: boolean;
+        event_attrs: EventProp[];
+        event_hidden: boolean;
+        event_type: number;
+        insert_time: string;
+        is_delete: boolean;
+        is_stop: boolean;
+        plats: number[];
+    }
+    interface EventProp {
+        alias_name?: string;
+        attr_id: number;
+        attr_name: string;
+        dimension_sub: 'event_attr';
+        encryption_type: 0 | 1;
+        event_id: number;
+        hidden: boolean;
+        is_stop: boolean;
+        prop_type: PropType;
+    }
+    interface UserProp {
+        alias_name?: string;
+        category: 'fixed' | 'custom';
+        dimension_sub: string;
+        name: string;
+        text: string;
+        type: PropType;
+        subtype?: number;
+    }
+    interface EnvProp extends UserProp {
+    }
 }
-export {};

package/es/utils/util.d.ts

@@ -9,12 +9,6 @@ declare let util: {
     isFunction(obj: any): boolean;
     isEqual(a?: {}, b?: {}): boolean;
     equal(a: any, b: any): boolean;
-    /**
-     * 获取指定范围的随机数
-     * @param min
-     * @param max
-     * @returns {*}
-     */
     random(min: number, max: number): number;
     guid(): string;
     mergeObject(defaults: {
@@ -24,44 +18,16 @@ declare let util: {
     }): {
         [x: string]: any;
     };
-    /**
-     * 将数字转为千分位分割格式
-     * @param num
-     * @returns {string}
-     */
     toThousands(num: number): string;
-    /**
-     * 为单数前补0
-     * @param num
-     * @returns {string}
-     */
     toDoubleNumber(num: number): string;
-    /**
-     * 日期格式化
-     * @param date
-     * @param formatter
-     * @returns {string}
-     */
     dateFormat(date?: any, formatter?: string): string;
-    /**
-     * 日期格式化
-     * @param date
-     * @param formatter
-     * @returns {string}
-     */
     timeFormat(date: any, formatter: string | undefined, autoShort: any): string | undefined;
-    /**
-     * 从中间拆分字符串,长度超出的话，解析为xxx...xxx
-     * @param str
-     * @param config
-     * @returns {string}
-     */
     strMiddleSplit(str: string, config?: {
         maxLength: number;
         beginLength: number;
         endLength: number;
         replaceStr: string;
     }): string;
-    setHighLight(content: string, search: string): string;
+    setHighLight(content: string, search: string, wrapper: (text: string, key: string) => any): any[];
 };
 export default util;

package/es/utils/util.js

@@ -29,13 +29,6 @@ var util = {
   equal: function equal(a, b) {
     return JSON.stringify(a) === JSON.stringify(b);
   },
-
-  /**
-   * 获取指定范围的随机数
-   * @param min
-   * @param max
-   * @returns {*}
-   */
   random: function random(min, max) {
     return Math.round(Math.random() * (max - min)) + min;
   },
@@ -73,49 +66,20 @@ var util = {
 
     return option;
   },
-
-  /**
-   * 将数字转为千分位分割格式
-   * @param num
-   * @returns {string}
-   */
   toThousands: function toThousands(num) {
-    var source = String(num).split('.'); // 按小数点分成2部分
-
-    source[0] = source[0].replace(new RegExp('(\\d)(?=(\\d{3})+$)', 'ig'), '$1,'); // 只将整数部分进行都好分割
-
-    return source.join('.'); // 再将小数部分合并进来
+    var source = String(num).split('.');
+    source[0] = source[0].replace(new RegExp('(\\d)(?=(\\d{3})+$)', 'ig'), '$1,');
+    return source.join('.');
   },
-
-  /**
-   * 为单数前补0
-   * @param num
-   * @returns {string}
-   */
   toDoubleNumber: function toDoubleNumber(num) {
-    // num += ''
     var num2 = num.toString();
     return num > 9 ? num2 : '0' + num2;
   },
-
-  /**
-   * 日期格式化
-   * @param date
-   * @param formatter
-   * @returns {string}
-   */
   dateFormat: function dateFormat() {
     var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();
     var formatter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'yyyy-mm-dd';
     return formatter.replace('yyyy', date.getFullYear()).replace('mm', this.toDoubleNumber(date.getMonth() + 1)).replace('dd', this.toDoubleNumber(date.getDate()));
   },
-
-  /**
-   * 日期格式化
-   * @param date
-   * @param formatter
-   * @returns {string}
-   */
   timeFormat: function timeFormat() {
     var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();
     var formatter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'hh:mm:ss';
@@ -124,7 +88,6 @@ var util = {
     if (this.isDate(date)) {
       return formatter.replace('hh', this.toDoubleNumber(date.getHours())).replace('mm', this.toDoubleNumber(date.getMinutes())).replace('ss', this.toDoubleNumber(date.getSeconds()));
     } else if (this.isNumber(date)) {
-      // formatter 格式化规则 如:{s:'秒', h:'小时', m: '分钟'}
       var s = parseInt(date / 1000 + '');
       var m = parseInt(s / 60 + '');
       var h = parseInt(m / 60 + '');
@@ -143,13 +106,6 @@ var util = {
       return formatter.replace('hh', this.toDoubleNumber(h)).replace('mm', this.toDoubleNumber(m)).replace('ss', this.toDoubleNumber(s));
     }
   },
-
-  /**
-   * 从中间拆分字符串,长度超出的话，解析为xxx...xxx
-   * @param str
-   * @param config
-   * @returns {string}
-   */
   strMiddleSplit: function strMiddleSplit(str) {
     var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
       maxLength: 20,
@@ -159,9 +115,7 @@ var util = {
     };
     str += '';
     var reg = {
-      // eslint-disable-next-line
       fullCharReg: /[^\x00-\xff]/,
-      // eslint-disable-next-line
       fullCharsReg: /[^\x00-\xff]/g,
       anyChars: /[\S\s]{1}/g
     };
@@ -191,14 +145,30 @@ var util = {
 
     return str;
   },
-  // 高亮显示搜索词
-  setHighLight: function setHighLight(content, search) {
-    if (!(content && search)) return content;
-    var num = content.indexOf(search);
-    var c = num > -1 ? content.substr(num, search.length) : '';
-    var val = "<span class=\"biz-light-height\">".concat(search, "</span>");
-    var regS = new RegExp(search, 'gi');
-    return content.replace(regS, val);
+  setHighLight: function setHighLight(content, search, wrapper) {
+    var res = [];
+    var match = content.match(new RegExp(search, 'i'));
+
+    if (!match) {
+      res.push(content);
+      return res;
+    }
+
+    var text = match[0];
+    var matchIndex = match.index;
+
+    if (matchIndex - 1 >= 0) {
+      res.push(content.substring(0, matchIndex));
+    }
+
+    res.push(wrapper(text, "".concat(content, "-").concat(search)));
+
+    if (matchIndex + text.length < content.length) {
+      var beginIndex = matchIndex + text.length;
+      res.push(this.setHighLight(content.substring(beginIndex, content.length), search, wrapper));
+    }
+
+    return res;
   }
 };
 export default util;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/business-lib",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.1-beta.0",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -10,14 +10,17 @@
     "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
     "test": "umi-test",
     "test:coverage": "umi-test --coverage",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "pub": "lerna publish"
   },
   "module": "es/index.js",
   "typings": "es/index.d.ts",
   "gitHooks": {
     "pre-commit": "lint-staged"
   },
-  "files": ["es"],
+  "files": [
+    "es"
+  ],
   "lint-staged": {
     "*.{js,jsx,less,md,json}": [
       "prettier --write"
@@ -32,9 +35,12 @@
     "babel-plugin-import": "^1.13.3",
     "echarts": "^5.3.2",
     "echarts-for-react": "^3.0.2",
+    "lerna": "^4.0.0",
     "react-infinite-scroll-component": "^6.1.0"
   },
   "peerDependencies": {
+    "@types/lodash": "^4.14.182",
+    "lodash": "^4.17.21",
     "react": "^16.12.0 || ^17.0.0"
   },
   "devDependencies": {
@@ -51,5 +57,6 @@
     "lint-staged": "^10.0.7",
     "prettier": "^2.2.1",
     "yorkie": "^2.0.0"
-  }
+  },
+  "gitHead": "559dc4dacce4682df696e0da5e8940f5949a8c9d"
 }

package/es/attributeSelector/demo/multi.js

@@ -1,39 +0,0 @@
-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 '@zgfe/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.js

@@ -1,64 +0,0 @@
-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 '@zgfe/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.js

@@ -1,43 +0,0 @@
-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 '@zgfe/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/group.d.ts

@@ -1,31 +0,0 @@
-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;