@zgfe/business-lib 1.1.49-dev.0 → 1.1.50-tag.0

package/es/userCondition/demo/mockData.js

@@ -1,4 +1,4 @@
-export var tagList = [{
+export var tagList2 = [{
   dataStatus: 1,
   endProcessTime: '2022-09-08T10:00:28',
   id: 176,
@@ -534,6 +534,37 @@ export var tagList = [{
   }],
   startProcessTime: '2022-09-06T21:08:28'
 }];
+export var tagList = [{
+  id: 1000,
+  labelGroup: '基本标签',
+  sequence: 1,
+  labelNum: 30,
+  children: []
+}, {
+  id: 1001,
+  labelGroup: '活跃标签',
+  sequence: 2,
+  labelNum: 70,
+  children: []
+}, {
+  id: 1002,
+  labelGroup: '行为标签',
+  sequence: 3,
+  labelNum: 1230,
+  children: []
+}, {
+  id: 1003,
+  labelGroup: '预测标签',
+  sequence: 4,
+  labelNum: 3,
+  children: []
+}, {
+  id: 1004,
+  labelGroup: '其他标签',
+  sequence: 5,
+  labelNum: 0,
+  children: []
+}];
 export var conditions = [[{
   dataset: [{
     datasetId: 174,

package/es/userGroup/demo/group.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const _default: () => React.JSX.Element;
+declare const _default: () => JSX.Element;
 export default _default;

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

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const _default: () => React.JSX.Element;
+declare const _default: () => JSX.Element;
 export default _default;

package/es/userTagsSelector/cascaderOverlay.js

@@ -1,10 +1,10 @@
 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 _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) { 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); }
@@ -14,15 +14,21 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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, { useRef } from 'react';
+import React, { useContext, useEffect, useMemo, useRef } from 'react';
 import { useState } from 'react';
 import { classPrefix } from '.';
 import './styles/cascaderOverlay.less';
 import Groups from './groups/index';
 import MultipleCheckPanel from './multipleCheckPanel';
-import { filterFactory, getFieldFactory } from './util';
 import _ from 'lodash';
 import Search from './components/search';
+import TagListScroll from './components/tagList';
+import { BizGlobalDataContext, ajax } from '..';
+import apis from '../constants/apis';
+import { Spin } from 'antd';
+import Request from 'umi-request';
+var CancelToken = Request.CancelToken;
+var cancel;
 var CascaderOverlay = function CascaderOverlay(props) {
   var currentValue = props.currentValue,
     labelFields = props.labelFields,
@@ -30,92 +36,168 @@ var CascaderOverlay = function CascaderOverlay(props) {
     valueFields = props.valueFields,
     childFields = props.childFields;
   var timer = useRef(null);
-  var _useState = useState(props.data || []),
+  var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
-    data = _useState2[0],
-    setData = _useState2[1];
-  var _useState3 = useState(initPath(data)),
+    highlightText = _useState2[0],
+    setHighlightText = _useState2[1];
+  var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
-    currentPath = _useState4[0],
-    setCurrentPath = _useState4[1];
-  var _useState5 = useState(''),
+    groupList = _useState4[0],
+    setGroupList = _useState4[1];
+  var _useState5 = useState(),
     _useState6 = _slicedToArray(_useState5, 2),
-    highlightText = _useState6[0],
-    setHighlightText = _useState6[1];
-  function initPath(data) {
-    return function () {
-      var path = [];
-      var curr = data[0];
-      var getChildField = getFieldFactory(childFields);
-      while (curr) {
-        path.push(curr);
-        var childField = getChildField();
-        if (_.isArray(curr[childField])) {
-          curr = curr[childField].length ? curr[childField][0] : null;
-        } else {
-          curr = curr[childField];
-        }
+    currentSelect = _useState6[0],
+    setCurrentSelect = _useState6[1];
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    currentTag = _useState8[0],
+    setCurrentTag = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    loading = _useState10[0],
+    setLoading = _useState10[1];
+  var _useState11 = useState(true),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isInit = _useState12[0],
+    setIsInit = _useState12[1];
+  var _useContext = useContext(BizGlobalDataContext),
+    currentApp = _useContext.currentApp;
+  var groupMap = useMemo(function () {
+    var data = {};
+    groupList.forEach(function (item) {
+      data[item.labelGroup] = _objectSpread({}, item);
+    });
+    return data;
+  }, [groupList]);
+  useEffect(function () {
+    if (props.data && props.data.length) {
+      setCurrentSelect(props.data[0].labelGroup);
+      setGroupList(props.data.map(function (item) {
+        return _objectSpread(_objectSpread({}, item), {}, {
+          children: []
+        });
+      }) || []);
+    } else {
+      getTagGroup();
+    }
+  }, []);
+  useEffect(function () {
+    if (!currentSelect) return;
+    setCurrentTag(undefined);
+    var currentGroup = groupList.filter(function (item) {
+      return item.labelGroup === currentSelect;
+    });
+    if (!currentGroup.length || currentGroup[0].labelNum === 0) return;
+    if (currentGroup[0].children.length > 0) {
+      setCurrentTag(currentGroup[0].children[0]);
+      return;
+    }
+    getTagsByGroup();
+  }, [currentSelect]);
+  useEffect(function () {
+    if (isInit) {
+      setIsInit(false);
+      return;
+    }
+    timer.current && clearTimeout(timer.current);
+    timer.current = setTimeout(function () {
+      getTagGroup();
+    }, 300);
+  }, [highlightText]);
+  function getTagGroup() {
+    setLoading(true);
+    if (typeof cancel === 'function') {
+      cancel();
+    }
+    ajax(apis.queryTagGroups, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        platform: (currentApp === null || currentApp === void 0 ? void 0 : currentApp.platform) || 0,
+        labelName: highlightText
+      },
+      cancelToken: new CancelToken(function executor(c) {
+        cancel = c;
+      })
+    }).then(function (res) {
+      setLoading(false);
+      var list = (res === null || res === void 0 ? void 0 : res.data) || [];
+      if (list.length) {
+        setGroupList(function () {
+          return list.map(function (item) {
+            return _objectSpread(_objectSpread({}, item), {}, {
+              labelNum: item.labelNum || 0,
+              children: []
+            });
+          });
+        });
+        getTagsByGroup();
       }
-      path.pop();
-      return path;
-    };
+    }).catch(function (e) {
+      setLoading(false);
+      console.error(e);
+    });
   }
-  function onActive(data, level) {
-    var currIndex = level;
-    var getChildField = getFieldFactory(childFields.slice(currIndex).length ? childFields.slice(currIndex) : childFields.slice(-1));
-    var curr = data;
-    var newPath = currentPath.slice(0, level + 1);
-    while (curr) {
-      newPath[currIndex] = curr;
-      var childField = getChildField();
-      if (_.isArray(curr[childField])) {
-        curr = curr[childField].length ? curr[childField][0] : null;
-      } else {
-        curr = curr[childField];
+  function getTagsByGroup() {
+    var pageNo = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+    if (!currentSelect) return;
+    setCurrentTag(undefined);
+    ajax(apis.queryTagsByGroup, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        platform: (currentApp === null || currentApp === void 0 ? void 0 : currentApp.platform) || 0,
+        labelGroup: currentSelect,
+        pageNo: pageNo,
+        pageSize: 10,
+        labelName: highlightText
       }
-      currIndex++;
-    }
-    newPath.pop();
-    setCurrentPath(newPath);
+    }).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.data) && res.data.results) {
+        var result = res.data.results;
+        setGroupList(function (group) {
+          return group.map(function (item) {
+            if (item.labelGroup === currentSelect) {
+              item.children = pageNo === 1 ? _toConsumableArray(result) : item.children.concat(result);
+            }
+            return _objectSpread({}, item);
+          });
+        });
+        if (pageNo === 1) {
+          setCurrentTag(result[0]);
+        }
+      }
+    });
   }
   function onCheck(data) {
-    var getVabelField = getFieldFactory(valueFields);
-    var getLabelField = getFieldFactory(labelFields);
-    var newValue = currentPath.map(function (item) {
-      var _ref;
-      var labelField = getLabelField();
-      var valueField = getVabelField();
-      return _ref = {}, _defineProperty(_ref, labelField, item[labelField]), _defineProperty(_ref, valueField, item[valueField]), _ref;
-    }).concat(data);
+    var newValue = [{
+      id: groupMap[currentSelect].id,
+      labelGroup: currentSelect
+    }, {
+      id: currentTag === null || currentTag === void 0 ? void 0 : currentTag.id,
+      labelName: currentTag === null || currentTag === void 0 ? void 0 : currentTag.labelName
+    }, _objectSpread({}, data)];
     props.onChange([].concat(_toConsumableArray(currentValue), [newValue]));
   }
   function onUncheck(data) {
     var index = currentValue.findIndex(function (item) {
-      return _.isEqual(item.slice().pop(), data);
+      return _.isEqual(item[2].layerLabelId, data.layerLabelId);
     });
     var newValues = currentValue.slice();
     newValues.splice(index, 1);
     props.onChange(newValues);
   }
   function onSearch(val) {
-    timer.current && clearTimeout(timer.current);
-    timer.current = setTimeout(function () {
-      var _labelFields$, _props$data;
-      var res = [];
-      var filter = filterFactory((_labelFields$ = labelFields[1]) !== null && _labelFields$ !== void 0 ? _labelFields$ : labelFields[0], val);
-      (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.forEach(function (item) {
-        var searchList = item[childFields[0]].filter(filter);
-        if (searchList.length) {
-          res.push(_objectSpread(_objectSpread({}, item), {}, _defineProperty({}, childFields[0], item[childFields[0]].filter(filter))));
-        }
-      });
-      setData(res);
-      setCurrentPath(initPath(res));
-      setHighlightText(val);
-    }, 300);
+    setHighlightText(val);
+  }
+  function onClickGroup(data) {
+    setCurrentSelect(data.labelGroup);
+  }
+  function onClickTag(data) {
+    setCurrentTag(data);
   }
   function render() {
-    if (!data.length) return /*#__PURE__*/React.createElement("div", {
+    if (!groupList.length) return /*#__PURE__*/React.createElement("div", {
       style: {
         padding: 8,
         width: 596
@@ -130,21 +212,21 @@ var CascaderOverlay = function CascaderOverlay(props) {
       keyField: keyFields[0],
       childField: childFields[0],
       labelField: labelFields[0],
-      data: data,
-      onActive: onActive,
+      data: groupList,
+      onActive: onClickGroup,
       level: 0
     })), /*#__PURE__*/React.createElement("div", {
       className: "".concat(classPrefix, "-overlay-groups")
-    }, /*#__PURE__*/React.createElement(Groups, {
+    }, /*#__PURE__*/React.createElement(TagListScroll, {
+      parentId: groupMap[currentSelect].id,
+      value: currentSelect ? groupMap[currentSelect].children : [],
+      total: currentSelect ? groupMap[currentSelect].labelNum || 0 : 0,
       currentValue: currentValue,
-      valueField: valueFields[1],
-      keyField: keyFields[1],
-      childField: childFields[1],
-      labelField: labelFields[1],
-      data: currentPath[0] ? currentPath[0][childFields[0]] : [],
-      onActive: onActive,
-      highlightText: highlightText,
-      level: 1
+      searchValue: highlightText,
+      onLoadMore: function onLoadMore() {
+        return getTagsByGroup(Math.floor(groupMap[currentSelect].children.length / 10) + 1);
+      },
+      onClick: onClickTag
     })), /*#__PURE__*/React.createElement("div", {
       className: "".concat(classPrefix, "-overlay-selections")
     }, /*#__PURE__*/React.createElement(MultipleCheckPanel, {
@@ -154,7 +236,7 @@ var CascaderOverlay = function CascaderOverlay(props) {
       currentValue: currentValue,
       level: 2,
       labelField: labelFields[2],
-      data: currentPath[1] ? currentPath[1][childFields[1]] : []
+      data: (currentTag === null || currentTag === void 0 ? void 0 : currentTag.layers) || []
     })));
   }
   return /*#__PURE__*/React.createElement("div", {
@@ -165,8 +247,10 @@ var CascaderOverlay = function CascaderOverlay(props) {
     show: true,
     onChange: onSearch,
     placeholder: "\u641C\u7D22\u6807\u7B7E\u540D\u79F0"
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement(Spin, {
+    spinning: loading
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-overlay-panel")
-  }, render()));
+  }, render())));
 };
 export default CascaderOverlay;

package/es/userTagsSelector/components/tagList/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { UserTagsSelectorTypes } from '../../types';
+import './index.less';
+declare const TagListScroll: React.FC<{
+    value: UserTagsSelectorTypes.TagValue[];
+    total: number;
+    parentId?: number;
+    searchValue?: string;
+    currentValue: UserTagsSelectorTypes.GroupValue[];
+    onClick?: (tag: any) => void;
+    onLoadMore: () => void;
+}>;
+export default TagListScroll;

package/es/userTagsSelector/components/tagList/index.js

@@ -0,0 +1,65 @@
+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 { Spin } from 'antd';
+import React, { useEffect, useMemo, useState } from 'react';
+import InfiniteScroll from 'react-infinite-scroll-component';
+import { classPrefix } from '../..';
+import GroupOption from '../../groups/groupOption';
+import { isCheckedFactory } from '../../util';
+import './index.less';
+var TagListScroll = function TagListScroll(props) {
+  var value = props.value,
+    currentValue = props.currentValue,
+    onLoadMore = props.onLoadMore;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
+  useEffect(function () {
+    setActive(null);
+  }, [props.parentId]);
+  var isChecked = useMemo(function () {
+    return isCheckedFactory(currentValue, 1);
+  }, [currentValue]);
+  function _onClick(data) {
+    setActive(data.id);
+    props.onClick && props.onClick(data);
+  }
+  if (!props.total) {
+    return /*#__PURE__*/React.createElement("span", null, "\u6682\u65E0\u6570\u636E");
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    id: "tagListContainer",
+    className: "".concat(classPrefix, "-list-container")
+  }, /*#__PURE__*/React.createElement(InfiniteScroll, {
+    dataLength: props.total,
+    hasMore: value.length < props.total,
+    loader: /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-list-container-loading")
+    }, /*#__PURE__*/React.createElement(Spin, null)),
+    next: onLoadMore,
+    scrollableTarget: "tagListContainer",
+    key: Math.random()
+  }, value.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(GroupOption, {
+      key: item.id,
+      onClick: function onClick() {
+        return _onClick(item);
+      },
+      actived: active ? item.id === active : index === 0,
+      checked: isChecked(item, 'id'),
+      count: item.layers.length,
+      label: item.labelName,
+      value: item.id,
+      highlightText: props.searchValue || ''
+    });
+  })));
+};
+TagListScroll.defaultProps = {
+  value: []
+};
+export default TagListScroll;

package/es/userTagsSelector/components/tagList/index.less

@@ -0,0 +1,13 @@
+@import '../../../assets/styles/variable.less';
+.biz-user-tags-selector {
+  &-list-container {
+    max-height: 360px;
+    overflow: auto;
+  }
+  &-list-container-loading {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 40px;
+  }
+}

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

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const _default: () => React.JSX.Element;
+declare const _default: () => JSX.Element;
 export default _default;

package/es/userTagsSelector/demo/index.js

@@ -1,52 +1,54 @@
-import React from 'react';
+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 } from 'react';
 import { BizUserTagsSelect } from '@zgfe/business-lib';
-var data = [{
-  labelGroup: '基本标签',
-  children: []
-}, {
-  labelGroup: '行为标签',
-  children: []
-}, {
-  labelGroup: '活跃标签',
-  children: []
-}, {
-  labelGroup: '预测标签',
-  children: []
-}, {
-  labelGroup: '其它标签',
-  children: []
-}];
-var defaultValue = [];
-data.forEach(function (item) {
-  item.children = Array(100 * Math.random() >> 0).fill(1).map(function (_child, _index) {
-    var id = Math.random();
-    var tag = {
-      id: id,
-      labelName: '标签' + id + id + id + id,
-      layers: Array(5 * Math.random() >> 0).fill(1).map(function (_item, i) {
-        var layer = {
-          layerLabelId: Math.random(),
-          layerLabelName: '分层' + i
-        };
-        return layer;
-      })
-    };
-    if (id < 0.6 && defaultValue.length < 20) {
-      defaultValue.push([item.labelGroup, tag]);
-    }
-    return tag;
-  });
-});
+import { DemoWrapper } from '@zgfe/business-lib';
+import { ajax } from '../../utils';
+import apis from '../../constants/apis';
 export default (function () {
+  var appId = 9;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    groupList = _useState2[0],
+    setGroupList = _useState2[1];
   function onChange(data) {
     console.log(data);
   }
-  return /*#__PURE__*/React.createElement(BizUserTagsSelect, {
+  useEffect(function () {
+    getTagGroup();
+  }, []);
+  function getTagGroup() {
+    ajax(apis.queryTagGroups, {
+      method: 'post',
+      data: {
+        appId: appId,
+        platform: 0
+      }
+    }).then(function (res) {
+      var list = (res === null || res === void 0 ? void 0 : res.data) || [];
+      setGroupList(list);
+    }).catch(function (e) {
+      console.error(e);
+    });
+  }
+  return /*#__PURE__*/React.createElement(DemoWrapper, {
+    needMeta: true,
+    defaultApp: appId
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: '#fff',
+      padding: 40
+    }
+  }, /*#__PURE__*/React.createElement(BizUserTagsSelect, {
+    data: groupList,
     childFields: ['children', 'layers'],
-    data: data,
-    keyFields: ['labelGroup', 'id', 'id'],
+    keyFields: ['labelGroup', 'id', 'layerLabelId'],
     labelFields: ['labelGroup', 'labelName', 'layerLabelName'],
-    valueFields: ['labelGroup', 'labelName', 'layerLabelId'],
+    valueFields: ['labelGroup', 'id', 'layerLabelId'],
     onChange: onChange
-  });
+  })));
 });

package/es/userTagsSelector/groups/index.js

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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, useMemo } from 'react';
+import React, { useMemo } from 'react';
 import VirtualList from 'rc-virtual-list';
 import { classPrefix } from '../';
 import GroupOption from './groupOption';
@@ -14,7 +14,6 @@ import { filterFactory, isCheckedFactory } from '../util';
 var Groups = function Groups(props) {
   var data = props.data,
     labelField = props.labelField,
-    childField = props.childField,
     keyField = props.keyField,
     valueField = props.valueField,
     searchable = props.searchable,
@@ -34,9 +33,6 @@ var Groups = function Groups(props) {
   var isChecked = useMemo(function () {
     return isCheckedFactory(currentValue, level);
   }, [currentValue, level]);
-  useEffect(function () {
-    if (data.length) setActive(data[0][valueField]);
-  }, [data]);
   function _onClick(i) {
     setActive(data[i][valueField]);
     props.onActive(data[i], level);
@@ -61,9 +57,9 @@ var Groups = function Groups(props) {
       onClick: function onClick() {
         return _onClick(index);
       },
-      actived: item[valueField] === active,
+      actived: active ? item[valueField] === active : index === 0,
       checked: isChecked(item, valueField),
-      count: item[childField].length,
+      count: item.labelNum,
       label: item[labelField],
       value: item[valueField],
       highlightText: (_props$highlightText = props.highlightText) !== null && _props$highlightText !== void 0 ? _props$highlightText : searchValue