@zgfe/business-lib 1.0.0-beta.1

package/es/userGroup/userCluster.js

@@ -0,0 +1,254 @@
+var _excluded = ["key", "disabled"];
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+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 _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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+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 { BizUserGroup, IconFont } from '..';
+import React, { useEffect, useState } from 'react';
+
+var BizUserCluster = function BizUserCluster(props) {
+  var _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? [] : _props$defaultValue,
+      _props$value = props.value,
+      value = _props$value === void 0 ? [] : _props$value,
+      _props$responseType = props.responseType,
+      responseType = _props$responseType === void 0 ? 'id' : _props$responseType,
+      _props$fieldNames = props.fieldNames,
+      fieldNames = _props$fieldNames === void 0 ? {
+    label: 'name',
+    value: 'id'
+  } : _props$fieldNames,
+      options = props.options,
+      handleChange = props.onChange,
+      _props$maxUserGroup = props.maxUserGroup,
+      maxUserGroup = _props$maxUserGroup === void 0 ? 3 : _props$maxUserGroup,
+      _props$placeholder = props.placeholder,
+      placeholder = _props$placeholder === void 0 ? '请选择' : _props$placeholder;
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      userGroups = _useState2[0],
+      setUserGroups = _useState2[1];
+
+  var _useState3 = useState(options),
+      _useState4 = _slicedToArray(_useState3, 2),
+      userOptions = _useState4[0],
+      setUserOptions = _useState4[1];
+
+  var _useState5 = useState([]),
+      _useState6 = _slicedToArray(_useState5, 2),
+      selectIds = _useState6[0],
+      setSelectIds = _useState6[1];
+
+  var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      isChange = _useState8[0],
+      setIsChange = _useState8[1]; // 获取唯一key值
+
+
+  var getUniqueKey = function getUniqueKey() {
+    return Math.random().toString();
+  }; // 初始化添加key
+
+
+  useEffect(function () {
+    var inValue = defaultValue.length ? defaultValue : value;
+    var groups = [];
+    var ids = [];
+
+    var _iterator = _createForOfIteratorHelper(inValue),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _value = _step.value;
+        var vid = _typeof(_value) === 'object' ? _value[fieldNames.value] : _value;
+        ids.push(vid);
+
+        var _iterator2 = _createForOfIteratorHelper(options),
+            _step2;
+
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var option = _step2.value;
+
+            if (vid == option[fieldNames.value]) {
+              var _key = getUniqueKey();
+
+              groups.push(_objectSpread({
+                key: _key
+              }, option));
+              break;
+            }
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+
+    if (!defaultValue.length && !value.length) {
+      var key = getUniqueKey();
+      groups = [{
+        key: key
+      }];
+    }
+
+    setSelectIds(ids);
+    setUserGroups(groups);
+  }, []); // 数据响应
+
+  useEffect(function () {
+    if (!isChange) {
+      return;
+    } // 去掉bizGroupsKey
+
+
+    var actualGroups = []; // 已选择的id数组
+
+    var selectedGroups = [];
+
+    var _iterator3 = _createForOfIteratorHelper(userGroups),
+        _step3;
+
+    try {
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+        var group = _step3.value;
+
+        var key = group.key,
+            disabled = group.disabled,
+            res = _objectWithoutProperties(group, _excluded);
+
+        var keys = Object.keys(res);
+
+        if (keys.length > 0) {
+          actualGroups.push(res);
+          selectedGroups.push(group[fieldNames.value]);
+        }
+      }
+    } catch (err) {
+      _iterator3.e(err);
+    } finally {
+      _iterator3.f();
+    }
+
+    setSelectIds(function () {
+      return [].concat(selectedGroups);
+    });
+
+    if (responseType === 'id') {
+      handleChange(selectedGroups, actualGroups);
+    } else {
+      handleChange(actualGroups, selectedGroups);
+    }
+  }, [userGroups]); // 用户群更改操作
+
+  var _onChange = function _onChange(option, value, index) {
+    var changeGroups = _toConsumableArray(userGroups);
+
+    var data = {};
+
+    if (_typeof(option) === 'object') {
+      data = _objectSpread({}, option);
+    }
+
+    if (_typeof(value) === 'object') {
+      data = _objectSpread({}, value);
+    }
+
+    changeGroups[index] = _objectSpread(_objectSpread({}, changeGroups[index]), data);
+    setUserGroups(function () {
+      return _toConsumableArray(changeGroups);
+    });
+    setIsChange(true);
+  }; // 添加用户群
+
+
+  var addUserGroup = function addUserGroup() {
+    var key = getUniqueKey();
+    setUserGroups(function (groups) {
+      return [].concat(_toConsumableArray(groups), [{
+        key: key
+      }]);
+    });
+    setIsChange(false);
+  }; // 删除用户群
+
+
+  var _onDelete = function _onDelete(index) {
+    setUserGroups(function (groups) {
+      groups.splice(index, 1);
+      return _toConsumableArray(groups);
+    });
+    setIsChange(true);
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "biz-user-cluster-container"
+  }, userGroups.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "biz-user-cluster-item",
+      key: item.key
+    }, /*#__PURE__*/React.createElement(BizUserGroup, {
+      defaultValue: item ? item[fieldNames.value] : null,
+      options: options,
+      fieldNames: fieldNames,
+      onDelete: function onDelete() {
+        return _onDelete(index);
+      },
+      onChange: _onChange,
+      showDeleteIcon: userGroups.length > 1,
+      placeholder: placeholder,
+      disabled: selectIds,
+      index: index,
+      responseType: 'object'
+    }));
+  }), userGroups.length < maxUserGroup && /*#__PURE__*/React.createElement("div", {
+    className: "biz-icon-add",
+    onClick: addUserGroup
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    className: "biz-icon",
+    type: 'icon-tianjia1'
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "biz-icon-text"
+  }, "\u6DFB\u52A0\u7528\u6237\u7FA4")));
+};
+
+export default BizUserCluster;

package/es/utils/ajax.d.ts

@@ -0,0 +1,7 @@
+import { AxiosRequestConfig } from 'axios';
+declare const ajax: (option?: AxiosRequestConfig & {
+    responseOnce?: Boolean;
+    unique?: Boolean;
+    delay?: number;
+}) => Promise<unknown>;
+export default ajax;

package/es/utils/ajax.js

@@ -0,0 +1,139 @@
+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; }
+
+import axios from 'axios';
+var history = {
+  // ajax历史记录
+  option: [// 等待队列
+  {
+    resolve: null,
+    reject: null
+  }]
+};
+var timer = {
+  url: {
+    id: 0,
+    cancel: null,
+    reject: function reject() {}
+  }
+}; // 计时器管理
+
+var CancelToken = axios.CancelToken;
+
+var _request = function _request(ajax) {
+  return function () {
+    var option = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+      url: '',
+      responseOnce: false,
+
+      /**
+       * 指定unique后，代表同一时间内，该url的请求只能存在一个（取消前置请求）
+       * 当值为字符串时，url+unique值共同组成timer的key，以此来作为相同请求的判定
+       */
+      unique: false,
+      delay: 0 // 延时请求(unique的配合参数)
+
+    };
+    return new Promise(function (resolve, reject) {
+      // 如果请求返回之前，同样的请求传递过来，则在返回中将后续请求一并resolve，而不再重复发送请求到服务器
+      var key = JSON.stringify(option);
+      var timerKey = option.url + '_' + (Object.prototype.toString.call(option.unique) === '[object String]' ? option.unique : '');
+
+      if (option.unique && timer[timerKey]) {
+        // 如果查询已存在，则取消前一个请求
+        clearTimeout(timer[timerKey].id);
+
+        if (timer[timerKey].cancel) {
+          timer[timerKey].cancel();
+        } else {
+          var cancel = new Error('cancel: before request');
+          cancel.__CANCEL__ = true; // 兼容axios的判断
+
+          timer[timerKey].reject(cancel);
+        }
+
+        delete timer[timerKey];
+        if (history[key]) delete history[key];
+      }
+
+      if (!history[key]) {
+        history[key] = [{
+          resolve: resolve,
+          reject: reject
+        }];
+
+        var request = function request() {
+          ajax(option).then(function (res) {
+            history[key].forEach(function (item) {
+              item.resolve(res);
+            });
+          }).catch(function (err) {
+            history[key].forEach(function (item) {
+              item.reject(err);
+            });
+          }).finally(function () {
+            delete timer[timerKey];
+            delete history[key];
+          });
+        };
+
+        if (option.unique) {
+          timer[timerKey] = {
+            id: 0,
+            option: option,
+            cancel: null,
+            reject: reject
+          };
+          timer[timerKey].id = setTimeout(function () {
+            option.cancelToken = new CancelToken(function (c) {
+              if (timer[timerKey]) {
+                timer[timerKey].cancel = c;
+              }
+            });
+            request();
+          }, option.delay || 0);
+        } else {
+          request();
+        }
+      } else if (option.responseOnce) {
+        // 如果已经有相同请求在进行，且responseOnce，则以cancel形式取消该请求
+        var _cancel = new Error('cancel: before request');
+
+        _cancel.__CANCEL__ = true; // 兼容axios的判断
+
+        reject(_cancel);
+      } else {
+        // 有相同请求，但是请求需要以正常结果返回，则加入请求队列，第一个请求响应后一并响应
+        history[key].push({
+          resolve: resolve,
+          reject: reject
+        });
+      }
+    });
+  };
+};
+
+var _ajax = function _ajax(option) {
+  var optionData = _objectSpread({
+    method: 'post',
+    url: '',
+    data: null,
+    withCredentials: true
+  }, option);
+
+  return new Promise(function (resolve, reject) {
+    axios(optionData).then(function (res) {
+      resolve(res.data);
+    }).catch(function (error) {
+      if (axios.isCancel(error)) return;
+      reject(error);
+    });
+  });
+};
+
+var ajax = _request(_ajax);
+
+export default ajax;

package/es/utils/index.d.ts

@@ -0,0 +1,3 @@
+import util from './util';
+import ajax from './ajax';
+export { util, ajax };

package/es/utils/index.js

@@ -0,0 +1,3 @@
+import util from './util';
+import ajax from './ajax';
+export { util, ajax };

package/es/utils/type.d.ts

@@ -0,0 +1,54 @@
+export interface Event {
+    value?: string | number;
+    label?: string | number;
+    [prop: string]: any;
+}
+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 {};

package/es/utils/type.js

@@ -0,0 +1 @@
+export {};

package/es/utils/util.d.ts

@@ -0,0 +1,67 @@
+declare let util: {
+    dayTime: number;
+    type(obj: any): string;
+    isObject(obj: any): boolean;
+    isArray(obj: any): boolean;
+    isString(obj: any): boolean;
+    isNumber(obj: any): boolean;
+    isDate(obj: any): boolean;
+    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: {
+        [x: string]: any;
+    }, option: {
+        [x: string]: any;
+    }): {
+        [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;
+};
+export default util;