@zgfe/modules-dm 1.0.34 → 1.0.36

package/es/modules/dataCollection/components/selectAttributes.js

@@ -0,0 +1,219 @@
+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 _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 { IconFont, BizSearchInput } from '@zgfe/business-lib';
+import { Select, Modal, Dropdown, Checkbox, message } from 'antd';
+import { useEffect } from 'react';
+import React, { useState } from 'react';
+var SelectAttributes = function SelectAttributes(props) {
+  var classPrefix = 'select-attributes';
+  var selectAttributesShow = props.selectAttributesShow,
+    setSelectAttributesShow = props.setSelectAttributesShow,
+    selectAttributesData = props.selectAttributesData,
+    selectAttributesHandle = props.selectAttributesHandle,
+    attrMaxLength = props.attrMaxLength;
+  // 下拉菜单是否显示
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  // select选项
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    options = _useState4[0],
+    setOptions = _useState4[1];
+  // select选中项
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectValue = _useState6[0],
+    setSelectValue = _useState6[1];
+  // 当前选中的事件id
+  var _useState7 = useState(-999),
+    _useState8 = _slicedToArray(_useState7, 2),
+    selectEventId = _useState8[0],
+    setSelectEventId = _useState8[1];
+  // 搜索属性名称
+  var _useState9 = useState(''),
+    _useState10 = _slicedToArray(_useState9, 2),
+    searchValue = _useState10[0],
+    setSearchValue = _useState10[1];
+  // 属性展示列表（属性名称，搜索过滤使用）
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    attrShowList = _useState12[0],
+    setAttrShowList = _useState12[1];
+  // 属性展示列表 - 原数据（属性名称，搜索过滤使用）
+  var _useState13 = useState([]),
+    _useState14 = _slicedToArray(_useState13, 2),
+    attrShowListOriginalData = _useState14[0],
+    setAttrShowListOriginalData = _useState14[1];
+  useEffect(function () {
+    if (!selectAttributesShow) return;
+    var _options = [];
+    var _selectValue = [];
+    var _attrShowList = [];
+    selectAttributesData[0].attrList.map(function (item) {
+      _options.push({
+        label: item.label,
+        value: item.label,
+        ofEventId: item.ofEventId
+      });
+      _attrShowList.push(item.label);
+      if (_selectValue.length < attrMaxLength) {
+        _selectValue.push(item.label);
+      }
+    });
+    setOptions(_options);
+    setSelectValue(_selectValue);
+    setAttrShowList(_attrShowList);
+    setAttrShowListOriginalData(_attrShowList);
+  }, [selectAttributesData, selectAttributesShow]);
+  // 下拉菜单显示隐藏改变
+  var onVisibleChange = function onVisibleChange(show) {
+    setVisible(show);
+    setSearchValue('');
+  };
+  // 保存
+  var handleOk = function handleOk() {
+    if (selectValue.length > attrMaxLength) {
+      message.error('最多可选择100个属性');
+    } else {
+      selectAttributesHandle(selectValue);
+      setSelectAttributesShow(false);
+    }
+  };
+  // 取消
+  var handleCancel = function handleCancel() {
+    setSelectAttributesShow(false);
+  };
+  // select选中的数据变化
+  var handleSelectChange = function handleSelectChange(data) {
+    setSelectValue(data);
+  };
+  // 左侧事件id变化
+  var onSelectEventIdChange = function onSelectEventIdChange(id) {
+    setSelectEventId(id);
+  };
+  // 右侧事件属性变化
+  var onSelectAttributesChange = function onSelectAttributesChange(label) {
+    if (selectValue.indexOf(label) !== -1) {
+      setSelectValue(selectValue.filter(function (_label) {
+        return _label !== label;
+      }));
+    } else {
+      if (selectValue.length >= 100) {
+        message.error('限制最大勾选数量为100');
+        return;
+      }
+      setSelectValue([].concat(_toConsumableArray(selectValue), [label]));
+    }
+  };
+  useEffect(function () {
+    if (searchValue) {
+      var _attrShowList = [];
+      attrShowListOriginalData.map(function (name) {
+        if (name.indexOf(searchValue) !== -1) {
+          _attrShowList.push(name);
+        }
+      });
+      setAttrShowList(_attrShowList);
+    } else {
+      setAttrShowList(attrShowListOriginalData);
+    }
+  }, [searchValue]);
+  // 渲染属性列表
+  var selectAttributesRender = function selectAttributesRender() {
+    return selectAttributesData.map(function (item) {
+      if (item.id === selectEventId) {
+        return item.attrList.map(function (_item) {
+          return attrShowList.indexOf(_item.label) !== -1 ? /*#__PURE__*/React.createElement("div", {
+            className: "".concat(selectValue.indexOf(_item.id) !== -1 ? 'active' : ''),
+            key: _item.id
+          }, /*#__PURE__*/React.createElement(Checkbox, {
+            checked: selectValue.indexOf(_item.label) !== -1,
+            onChange: function onChange() {
+              return onSelectAttributesChange(_item.label);
+            }
+          }, _item.alias ? "".concat(_item.alias, "(").concat(_item.label, ")") : _item.label)) : null;
+        });
+      }
+    });
+  };
+  return /*#__PURE__*/React.createElement(Modal, {
+    title: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IconFont, {
+      type: "tishi1"
+    }), "\u63D0\u793A", /*#__PURE__*/React.createElement(IconFont, {
+      type: "qingchu",
+      onClick: handleCancel
+    })),
+    wrapClassName: "".concat(classPrefix, "-modal-box"),
+    closeIcon: null,
+    open: selectAttributesShow,
+    onOk: handleOk,
+    onCancel: handleCancel
+  }, /*#__PURE__*/React.createElement(Dropdown, {
+    dropdownRender: function dropdownRender() {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "".concat(classPrefix, "-box")
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(classPrefix, "-box-left")
+      }, selectAttributesData.map(function (item) {
+        return /*#__PURE__*/React.createElement("div", {
+          key: item.id,
+          className: "".concat(selectEventId === item.id ? 'active' : ''),
+          onClick: function onClick() {
+            return onSelectEventIdChange(item.id);
+          }
+        }, /*#__PURE__*/React.createElement("span", null, item.alias ? item.alias : item.name), /*#__PURE__*/React.createElement("span", null, item.attrList.length));
+      })), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(classPrefix, "-box-right")
+      }, /*#__PURE__*/React.createElement(BizSearchInput, {
+        className: "".concat(classPrefix, "-search"),
+        onChange: function onChange(val) {
+          return setSearchValue(val);
+        },
+        placeholder: "\u641C\u7D22\u5C5E\u6027"
+      }), /*#__PURE__*/React.createElement("div", null, selectAttributesRender())));
+    },
+    trigger: ['click'],
+    overlayStyle: {
+      minWidth: 0,
+      paddingLeft: 8
+    },
+    open: visible,
+    onOpenChange: onVisibleChange,
+    getPopupContainer: function getPopupContainer() {
+      return document.getElementById("".concat(classPrefix, "-select"));
+    },
+    destroyPopupOnHide: props.defaultSelectAble
+  }, /*#__PURE__*/React.createElement("div", {
+    id: "".concat(classPrefix, "-select")
+  }, /*#__PURE__*/React.createElement("div", null, "\u5C5E\u6027\u6700\u591A\u5C55\u793A100\u4E2A\uFF0C\u8BF7\u9009\u62E9\u6240\u9700\u5C5E\u6027"), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-select")
+  }, /*#__PURE__*/React.createElement("div", null, "\u5C5E\u6027"), /*#__PURE__*/React.createElement(Select, {
+    mode: "tags",
+    maxTagCount: 3,
+    maxTagTextLength: 5,
+    style: {
+      width: '100%'
+    },
+    placeholder: "\u8BF7\u9009\u62E9\u5C5E\u6027",
+    getPopupContainer: function getPopupContainer() {
+      return document.getElementById("".concat(classPrefix, "-select"));
+    },
+    value: selectValue,
+    onFocus: function onFocus() {
+      return setVisible(true);
+    },
+    onChange: handleSelectChange,
+    options: options
+  })))));
+};
+export default SelectAttributes;

package/es/modules/dataCollection/{tablePlus.d.ts → components/tablePlus.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import './styles/index.less';
+import '../styles/index.less';
 interface DataType {
     key: React.Key;
     groupId?: number;
@@ -15,6 +15,7 @@ interface DataType {
     is_delete: number;
     _groupId?: number;
     mark_type: number;
+    owner: string;
 }
 interface queryPlanType {
     unexpectedPropList: string[];