@zgfe/business-lib 1.0.18 → 1.0.19

package/es/userTagsSelector/index.js

@@ -0,0 +1,110 @@
+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 { Dropdown } from 'antd';
+import SelectHandle from '../select/handle';
+import CascaderOverlay from './cascaderOverlay';
+import './styles/index.less';
+import { useMemo } from 'react';
+import { util } from '../utils';
+import _ from 'lodash';
+export var classPrefix = 'biz-user-tags-selector';
+
+var UserTagsSelect = function UserTagsSelect(props) {
+  var defaultValue = props.defaultValue,
+      data = props.data,
+      labelFields = props.labelFields,
+      childFields = props.childFields,
+      keyFields = props.keyFields,
+      valueFields = props.valueFields;
+
+  var _useState = useState(util.isArray(defaultValue) ? defaultValue : []),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentValue = _useState2[0],
+      setCurrentValue = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      visible = _useState4[0],
+      setVisible = _useState4[1];
+
+  var handleValue = useMemo(function () {
+    return currentValue.map(function (item) {
+      return item.slice().pop();
+    });
+  }, [currentValue]);
+
+  function onVisibleChange(visible) {
+    setVisible(visible);
+  }
+
+  function onDelete(data) {
+    var current = currentValue.slice();
+    var index = current.findIndex(function (item) {
+      return _.isEqual(item.slice().pop(), data);
+    });
+    current.splice(index, 1);
+    props.onChange && props.onChange(current);
+    setCurrentValue(current);
+  }
+
+  function onChange(val) {
+    props.onChange && props.onChange(val);
+    setCurrentValue(val);
+  }
+
+  function renderOverlay() {
+    if (!data || !data.length) return /*#__PURE__*/React.createElement("span", {
+      style: {
+        padding: 16
+      },
+      className: "".concat(classPrefix, "-overlay")
+    }, "\u6682\u65E0\u6570\u636E");
+    return /*#__PURE__*/React.createElement(CascaderOverlay, {
+      currentValue: currentValue,
+      valueFields: valueFields,
+      childFields: childFields,
+      keyFields: keyFields,
+      labelFields: labelFields,
+      data: data,
+      onChange: onChange
+    });
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement(Dropdown, {
+    overlay: renderOverlay(),
+    trigger: ['click'],
+    overlayStyle: {
+      minWidth: 0
+    },
+    onVisibleChange: onVisibleChange,
+    visible: visible,
+    destroyPopupOnHide: props.destroyPopupOnHide
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-handle")
+  }, /*#__PURE__*/React.createElement(SelectHandle, {
+    border: false,
+    value: handleValue,
+    labelField: labelFields[labelFields.length - 1],
+    multiple: true,
+    placeholder: "\u9009\u62E9\u6807\u7B7E",
+    onDelete: onDelete
+  }))));
+};
+
+UserTagsSelect.defaultProps = {
+  destroyPopupOnHide: false
+};
+export default UserTagsSelect;

package/es/userTagsSelector/multipleCheckPanel/checkOption.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { UserTagsSelectorTypes } from '../types';
+import './styles/option.less';
+declare const CheckOption: React.ForwardRefExoticComponent<UserTagsSelectorTypes.CheckOption & React.RefAttributes<HTMLDivElement>>;
+export default CheckOption;

package/es/userTagsSelector/multipleCheckPanel/checkOption.js

@@ -0,0 +1,45 @@
+import React, { forwardRef } from 'react';
+import { Checkbox } from 'antd';
+import { classPrefix } from '..';
+import { util } from '../../utils';
+import theme from '../../assets/theme.js';
+import './styles/option.less';
+var CheckOption = /*#__PURE__*/forwardRef(function (props, ref) {
+  var highlightText = props.highlightText,
+      label = props.label,
+      checked = props.checked,
+      disabled = props.disabled;
+
+  function onChange(e) {
+    if (e.target.checked) {
+      props.onCheck();
+    } else {
+      props.onUncheck();
+    }
+  }
+
+  function renderLabel() {
+    if (!highlightText || !highlightText.trim()) return label;
+    var dom = util.setHighLight(label, highlightText, function (text, key) {
+      return /*#__PURE__*/React.createElement("span", {
+        style: {
+          color: theme['primary-color']
+        },
+        key: key
+      }, text);
+    });
+    return dom;
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: ["".concat(classPrefix, "-check-option"), disabled ? "".concat(classPrefix, "-check-option-disabled") : ''].join(' ')
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    onChange: onChange,
+    disabled: disabled,
+    checked: checked
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-check-option-label")
+  }, renderLabel())));
+});
+export default CheckOption;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { UserTagsSelectorTypes } from '../types';
+declare const MultipleCheckPanel: React.FC<UserTagsSelectorTypes.MultiplePanelProps>;
+export default MultipleCheckPanel;

package/es/userTagsSelector/multipleCheckPanel/index.js

@@ -0,0 +1,80 @@
+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, { useMemo, useState } from 'react';
+import { classPrefix } from '..';
+import VirtualList from 'rc-virtual-list';
+import Search from '../components/search';
+import CheckOption from './checkOption';
+import { filterFactory, isCheckedFactory } from '../util';
+
+var MultipleCheckPanel = function MultipleCheckPanel(props) {
+  var data = props.data,
+      labelField = props.labelField,
+      level = props.level,
+      currentValue = props.currentValue;
+
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      searchValue = _useState2[0],
+      setSearchValue = _useState2[1];
+
+  function onSearch(val) {
+    setSearchValue(val);
+  }
+
+  var searchFilter = useMemo(function () {
+    return filterFactory(labelField, searchValue);
+  }, [labelField, searchValue]);
+  var isChecked = useMemo(function () {
+    return isCheckedFactory(currentValue, level);
+  }, [currentValue, level]);
+
+  function _onCheck(data) {
+    props.onCheck(data);
+  }
+
+  function _onUncheck(data) {
+    props.onUncheck(data);
+  }
+
+  if (!data.length) return /*#__PURE__*/React.createElement("span", null, "\u6682\u65E0\u6570\u636E");
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-check-panel")
+  }, /*#__PURE__*/React.createElement(Search, {
+    show: true,
+    onChange: onSearch,
+    placeholder: "\u641C\u7D22\u6807\u7B7E\u540D\u79F0"
+  }), /*#__PURE__*/React.createElement(VirtualList, {
+    data: data.filter(searchFilter),
+    itemHeight: 48,
+    itemKey: labelField,
+    height: 361
+  }, function (item, index) {
+    var checked = isChecked(item);
+    return /*#__PURE__*/React.createElement(CheckOption, {
+      checked: checked,
+      highlightText: searchValue,
+      label: item[labelField],
+      value: index,
+      disabled: currentValue.length >= 20 && !checked,
+      onCheck: function onCheck() {
+        return _onCheck(item);
+      },
+      onUncheck: function onUncheck() {
+        return _onUncheck(item);
+      }
+    });
+  }));
+};
+
+export default MultipleCheckPanel;

package/es/userTagsSelector/multipleCheckPanel/styles/option.less

@@ -0,0 +1,40 @@
+@import '../../../assets/styles/inner.less';
+.biz-user-tags-selector {
+  &-check-option {
+    display: flex;
+    align-items: center;
+    height: 48px;
+    padding: 0 12px;
+    border-radius: @border-radius-normal;
+    &:hover {
+      .__default-hover();
+    }
+    &-label {
+      flex: 1;
+      min-width: 0;
+      height: 48px;
+      line-height: 48px;
+      .__default-overflow();
+    }
+    &&-disabled {
+      .__default-disabled();
+    }
+    .ant-checkbox-wrapper {
+      width: 100%;
+      min-width: 0;
+      > span {
+        &:not(.ant-checkbox) {
+          flex: 1;
+          min-width: 0;
+        }
+      }
+      .ant-checkbox-checked {
+        & + span {
+          .biz-user-tags-selector-check-option-label {
+            color: @primary-color;
+          }
+        }
+      }
+    }
+  }
+}

package/es/userTagsSelector/styles/cascaderOverlay.less

@@ -0,0 +1,27 @@
+@import '../../assets/styles/inner.less';
+.biz-user-tags-selector {
+  &-overlay {
+    display: flex;
+    width: 651px;
+    max-height: 425px;
+    background-color: #fff;
+    border-radius: @border-radius-normal;
+    box-shadow: @box-shadow-base;
+    &-groups {
+      width: 192px;
+      padding: @margin-xs;
+      border-right: 1px solid @border-color-base;
+    }
+    &-selections {
+      flex: 1;
+      min-width: 0;
+      padding: @padding-xs;
+    }
+    // .rc-virtual-list-scrollbar {
+    //   display: block !important;
+    // }
+    // .rc-virtual-list-scrollbar-thumb {
+    //   background-color: #cacdd4 !important;
+    // }
+  }
+}

package/es/userTagsSelector/styles/index.less

@@ -0,0 +1,10 @@
+@import '../../assets/styles/inner.less';
+.biz-user-tags-selector {
+  > .ant-dropdown-trigger.biz-user-tags-selector-handle {
+    > .biz-select-handle-input-multiple {
+      .ant-input.biz-select-handle-search {
+        height: auto !important;
+      }
+    }
+  }
+}

package/es/userTagsSelector/types.d.ts

@@ -0,0 +1,67 @@
+export declare namespace UserTagsSelectorTypes {
+    interface Props {
+        data: any[];
+        childFields: string[];
+        labelFields: string[];
+        keyFields: string[];
+        valueFields: string[];
+        defaultValue?: any[];
+        defaultCurrent?: string[];
+        onChange: Function;
+        destroyPopupOnHide?: boolean;
+    }
+    interface CascaderOverlayProps {
+        data: any[];
+        childFields: string[];
+        labelFields: string[];
+        keyFields: string[];
+        valueFields: string[];
+        currentValue: any[];
+        onChange: (val: any[]) => void;
+    }
+    interface Groups {
+        data: any[];
+        labelField: string;
+        keyField: string;
+        valueField: string;
+        childField?: string;
+        onActive: (data: any, level: number) => void;
+        searchable?: boolean;
+        level: number;
+        currentValue: any[];
+    }
+    interface GroupOption {
+        actived: boolean;
+        checked: boolean;
+        label: string;
+        value: any;
+        count: number;
+        onClick: Function;
+        highlightText: string;
+    }
+    interface MultiplePanelProps {
+        data: any[];
+        labelField: string;
+        valueField: string;
+        level: number;
+        currentValue: any[];
+        onCheck: (data: any) => void;
+        onUncheck: (data: any) => void;
+    }
+    interface CheckOption extends Pick<GroupOption, 'label' | 'value' | 'highlightText'> {
+        checked?: boolean;
+        onCheck: () => void;
+        onUncheck: () => void;
+        disabled: boolean;
+    }
+}
+export interface TagI {
+    appId: number;
+    createTime: string;
+    updateTime: string;
+    del: number;
+    labelGroup: string;
+    labelId: number;
+    labelName: string;
+    labelStatus: number;
+}

package/es/userTagsSelector/types.js

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

package/es/userTagsSelector/util.d.ts

@@ -0,0 +1,4 @@
+export declare function curry(fn: Function): (...arg1: any[]) => (...arg2: any[]) => any;
+export declare function filterFactory(labelField: string, searchValue: string): (item: any) => boolean;
+export declare function isCheckedFactory(currentValue: any[], level: number): (val: any) => boolean;
+export declare function getFieldFactory(fields: string[]): () => string;

package/es/userTagsSelector/util.js

@@ -0,0 +1,38 @@
+import _ from 'lodash';
+export function curry(fn) {
+  return function () {
+    for (var _len = arguments.length, arg1 = new Array(_len), _key = 0; _key < _len; _key++) {
+      arg1[_key] = arguments[_key];
+    }
+
+    return function () {
+      for (var _len2 = arguments.length, arg2 = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        arg2[_key2] = arguments[_key2];
+      }
+
+      return fn.apply(void 0, arg1.concat(arg2));
+    };
+  };
+}
+export function filterFactory(labelField, searchValue) {
+  return function (item) {
+    if (!searchValue || !searchValue.trim()) return true;
+    if (new RegExp(searchValue, 'i').test(item[labelField])) return true;
+    return false;
+  };
+}
+export function isCheckedFactory(currentValue, level) {
+  return function (val) {
+    return currentValue.some(function (value) {
+      return _.isEqual(val, value[level]);
+    });
+  };
+}
+export function getFieldFactory(fields) {
+  var fieldQueue = fields.slice();
+  var field = '';
+  return function () {
+    field = fieldQueue.length ? fieldQueue.shift() : field;
+    return field;
+  };
+}

package/es/utils/type.d.ts

@@ -1,5 +1,5 @@
+import { PropType, ShowStatus } from '../attributeSelector/types';
 import { RequestOptionsInit } from 'umi-request';
-import { PropType } from '../attributeSelector/types';
 export interface Event {
     value?: string | number;
     label?: string | number;
@@ -21,7 +21,7 @@ export declare namespace OldSystem {
         alias_name?: string;
         click_analysis: boolean;
         event_attrs: EventProp[];
-        event_hidden: boolean;
+        event_hidden: ShowStatus;
         event_type: number;
         insert_time: string;
         is_delete: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/business-lib",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -36,18 +36,15 @@
     "echarts": "^5.3.2",
     "echarts-for-react": "^3.0.2",
     "lerna": "^4.0.0",
+    "rc-virtual-list": "^3.4.8",
     "react-infinite-scroll-component": "^6.1.0",
     "umi-request": "^1.4.0"
   },
-  "peerDependencies": {
-    "@types/lodash": "^4.14.182",
-    "lodash": "^4.17.21",
-    "react": "^16.12.0 || ^17.0.0"
-  },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.15.1",
     "@testing-library/react": "^12.1.2",
     "@types/jest": "^27.0.3",
+    "@types/lodash": "^4.14.182",
     "@types/qs": "^6.9.7",
     "@umijs/fabric": "^2.8.1",
     "@umijs/test": "^3.0.5",
@@ -56,8 +53,10 @@
     "father-build": "^1.17.2",
     "gh-pages": "^3.0.0",
     "lint-staged": "^10.0.7",
+    "lodash": "^4.17.21",
     "prettier": "^2.2.1",
+    "react": "^16.12.0 || ^17.0.0",
     "yorkie": "^2.0.0"
   },
-  "gitHead": "572cbe41c1052ce19fa66b5c95b0e7738f2ceb6c"
+  "gitHead": "694208ef60a4bb6aa6dad45a86866bb8565c89ee"
 }