@zgfe/modules-dm 1.0.56-zhongyuan.8 → 1.0.57-alpha.0

package/es/modules/dataMap/component/leftTree.js

@@ -132,13 +132,13 @@ var LeftTree = function LeftTree(props) {
       var _newArr$, _newArr$$children;
       setLoadingSearch(false);
       if (!res) return;
-      console.log(res.data);
       var newArr = [];
       (res === null || res === void 0 ? void 0 : res.data) && Object.keys(res === null || res === void 0 ? void 0 : res.data).forEach(function (o, fatherIndex) {
+        var _res$data;
         var obj = {
           pageAttrName: o,
           key: "".concat(o, "-").concat(fatherIndex),
-          children: res.data[o].map(function (v, index) {
+          children: (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data[o].map(function (v, index) {
             return _objectSpread(_objectSpread({}, v), {}, {
               key: "".concat(o, "-").concat(fatherIndex, "-").concat(index)
             });
@@ -162,6 +162,9 @@ var LeftTree = function LeftTree(props) {
     var currentTreeData = info.node.children ? info.node.children[0] : info.node;
     setCurrentTree(currentTreeData);
   };
+  var treeHeight = function treeHeight() {
+    return filterMapListLabel.length > 0 ? 430 - 58 * (filterMapListLabel.length - 1) : 430;
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(pageClassName)
   }, /*#__PURE__*/React.createElement("div", {
@@ -245,7 +248,8 @@ var LeftTree = function LeftTree(props) {
       title: 'pageAttrName'
     },
     treeData: treeData,
-    rootClassName: "ziBackground"
+    rootClassName: "ziBackground",
+    height: treeHeight()
   }))));
 };
 export default LeftTree;

package/es/modules/dataMap/component/rightDetail.js

@@ -69,6 +69,9 @@ var RightDetail = function RightDetail(props) {
     _useState12 = _slicedToArray(_useState11, 2),
     isEdit = _useState12[0],
     setIsEdit = _useState12[1];
+  useEffect(function () {
+    setIsEdit(false);
+  }, [currentTreeData]);
   var beforeUpload = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
       var isJpgOrPng, isLt10M;
@@ -99,23 +102,30 @@ var RightDetail = function RightDetail(props) {
     };
   }();
   var handleChange = function handleChange(info) {
-    setImageUrl(info.fileList);
+    var _info$fileList;
+    if (info.file.status === 'removed') {
+      setImageUrl([]);
+      setImagePath('');
+      return;
+    }
+    info.fileList && setImageUrl([_objectSpread(_objectSpread({}, (_info$fileList = info.fileList) === null || _info$fileList === void 0 ? void 0 : _info$fileList[0]), {}, {
+      status: 'done'
+    })]);
     if (info.file.status === 'uploading') {
       setLoading(true);
       return;
     }
-    if (info.file.status === 'done') {
-      // Get this url from response in real world.
-      getBase64(info.file.originFileObj, function (url) {
-        setLoading(false);
-      });
-    }
+    // if (info.file.status === 'done') {
+    // Get this url from response in real world.
+    getBase64(info.file.originFileObj, function (url) {
+      setLoading(false);
+    });
+    // }
   };
   var handleRemoveFile = function handleRemoveFile(file) {
-    var newArr = imageUrl === null || imageUrl === void 0 ? void 0 : imageUrl.filter(function (o) {
-      return o.name != file.name;
-    });
-    setImageUrl(newArr);
+    // const newArr = imageUrl?.filter((o) => o.name != file.name);
+    setImageUrl([]);
+    setImagePath('');
   };
   var uploadImg = function uploadImg(file) {
     var data = new FormData();
@@ -194,22 +204,21 @@ var RightDetail = function RightDetail(props) {
           pageName: currentTreeData === null || currentTreeData === void 0 ? void 0 : currentTreeData.pageAttrName
         }
       }).then(function (res) {
-        var _res$data, _res$data2, _res$data3, _res$data4, _res$data5;
+        var _res$data, _res$data2, _res$data3, _res$data4, _res$data5, _res$data6, _res$data7, _res$data8;
         setLoadingDetail(false);
-        if (!res) return;
-        setCurrentTreeDetail(res === null || res === void 0 ? void 0 : res.data);
         pageDetailForm.setFieldsValue({
           pageName: currentTreeData === null || currentTreeData === void 0 ? void 0 : currentTreeData.pageAttrName,
-          remarkName: currentTreeData === null || currentTreeData === void 0 ? void 0 : currentTreeData.remarkAttrName,
-          description: (res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.pageDescribe) || ''
+          remarkName: (res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.remark) || (currentTreeData === null || currentTreeData === void 0 ? void 0 : currentTreeData.remarkAttrName),
+          description: (res === null || res === void 0 ? void 0 : (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : _res$data2.pageDescribe) || ''
         });
-        setImagePath(res === null || res === void 0 ? void 0 : (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : _res$data2.pagePath);
-        setImageUrl([{
+        setCurrentTreeDetail(res === null || res === void 0 ? void 0 : res.data);
+        setImagePath(res === null || res === void 0 ? void 0 : (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : _res$data3.pagePath);
+        (res === null || res === void 0 ? void 0 : (_res$data4 = res.data) === null || _res$data4 === void 0 ? void 0 : _res$data4.pageUrl) ? setImageUrl([{
           status: 'done',
-          name: '',
-          url: (res === null || res === void 0 ? void 0 : (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : _res$data3.pageUrl) && getImgUrl(res === null || res === void 0 ? void 0 : (_res$data4 = res.data) === null || _res$data4 === void 0 ? void 0 : _res$data4.pageUrl, '-99'),
-          uid: res === null || res === void 0 ? void 0 : (_res$data5 = res.data) === null || _res$data5 === void 0 ? void 0 : _res$data5.pagePath
-        }]);
+          name: res === null || res === void 0 ? void 0 : (_res$data5 = res.data) === null || _res$data5 === void 0 ? void 0 : _res$data5.pagePath,
+          url: (res === null || res === void 0 ? void 0 : (_res$data6 = res.data) === null || _res$data6 === void 0 ? void 0 : _res$data6.pageUrl) && getImgUrl(res === null || res === void 0 ? void 0 : (_res$data7 = res.data) === null || _res$data7 === void 0 ? void 0 : _res$data7.pageUrl, '-99'),
+          uid: res === null || res === void 0 ? void 0 : (_res$data8 = res.data) === null || _res$data8 === void 0 ? void 0 : _res$data8.pagePath
+        }]) : setImageUrl([]);
       });
     }
   }, [currentTreeData]);
@@ -228,6 +237,7 @@ var RightDetail = function RightDetail(props) {
               data: {
                 mapId: currentTreeData === null || currentTreeData === void 0 ? void 0 : currentTreeData.mapId,
                 pageName: currentTreeData.pageAttrName,
+                remark: values.remarkName,
                 pagePath: imagePath,
                 pageDescribe: values.description
               }
@@ -254,7 +264,7 @@ var RightDetail = function RightDetail(props) {
   }();
   var handleButtonPage = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(flag) {
-      var filterJsonList, obj, xifenList, attrFilterJsonList, modulePageJsonList, _eventNameMap$current, _eventNameMap$current2, _eventNameMap$current3, _eventNameMap$current4, moduleAttrObj, pageAttrObj, _obj, obj1, allFilterObj, resultParams;
+      var filterJsonList, obj, xifenList, attrFilterJsonList, modulePageJsonList, _eventNameMap$current, _eventNameMap$current2, _eventNameMap$current3, _eventNameMap$current4, moduleAttrObj, pageAttrObj, _obj, obj1, allFilterObj, globalDimensionsList, resultParams;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -288,6 +298,7 @@ var RightDetail = function RightDetail(props) {
                 }
               }
             });
+            // page module 的值拼接
             modulePageJsonList = [];
             if (eventNameMap && (currentMap === null || currentMap === void 0 ? void 0 : currentMap.eventName)) {
               moduleAttrObj = (_eventNameMap$current = eventNameMap[currentMap === null || currentMap === void 0 ? void 0 : currentMap.eventName]) === null || _eventNameMap$current === void 0 ? void 0 : (_eventNameMap$current2 = _eventNameMap$current.attrList.filter(function (o) {
@@ -326,17 +337,27 @@ var RightDetail = function RightDetail(props) {
             allFilterObj = {
               relation: 'and',
               conditions: [].concat(_toConsumableArray(filterJsonList), attrFilterJsonList, modulePageJsonList)
-            };
-            console.log(allFilterObj, 'allFilterObj');
+            }; // console.log(allFilterObj, 'allFilterObj');
+            // 细分的 属性值
+            globalDimensionsList = [];
+            xifenList.forEach(function (o) {
+              var obj = {
+                propCategory: o.inquire.propCategory,
+                type: o.inquire.type,
+                attrId: o.inquire.id,
+                attrName: o.inquire.label
+              };
+              globalDimensionsList.push(obj);
+            });
             resultParams = {
               data: {
                 chartType: 'line',
                 module: 'insight',
                 userGroup: [0],
-                globalDimensions: xifenList,
+                globalDimensions: globalDimensionsList,
                 targets: [{
                   alias: currentMap === null || currentMap === void 0 ? void 0 : currentMap.eventName,
-                  filters: (currentMap === null || currentMap === void 0 ? void 0 : currentMap.filterJson) && JSON.parse(currentMap === null || currentMap === void 0 ? void 0 : currentMap.filterJson),
+                  filters: allFilterObj,
                   analysisDimension: {
                     analysisIndex: 'number'
                   },
@@ -355,7 +376,7 @@ var RightDetail = function RightDetail(props) {
                 }
               });
             });
-          case 11:
+          case 12:
           case "end":
             return _context3.stop();
         }
@@ -482,59 +503,11 @@ var RightDetail = function RightDetail(props) {
           userGroup: [0]
         }
       }).then(function (res) {
-        var _res$data6, _res$data6$series, _res$data6$series$, _res$data6$series$$va;
-        resolve((res === null || res === void 0 ? void 0 : (_res$data6 = res.data) === null || _res$data6 === void 0 ? void 0 : (_res$data6$series = _res$data6.series) === null || _res$data6$series === void 0 ? void 0 : (_res$data6$series$ = _res$data6$series[0]) === null || _res$data6$series$ === void 0 ? void 0 : (_res$data6$series$$va = _res$data6$series$.values) === null || _res$data6$series$$va === void 0 ? void 0 : _res$data6$series$$va[0]) || 0);
+        var _res$data9, _res$data9$series, _res$data9$series$, _res$data9$series$$va;
+        resolve((res === null || res === void 0 ? void 0 : (_res$data9 = res.data) === null || _res$data9 === void 0 ? void 0 : (_res$data9$series = _res$data9.series) === null || _res$data9$series === void 0 ? void 0 : (_res$data9$series$ = _res$data9$series[0]) === null || _res$data9$series$ === void 0 ? void 0 : (_res$data9$series$$va = _res$data9$series$.values) === null || _res$data9$series$$va === void 0 ? void 0 : _res$data9$series$$va[0]) || 0);
       });
     });
   };
-  var getPageView = function getPageView(params) {
-    return new Promise(function (resolve, reject) {
-      // console.log(eventNameMap);
-      var haveEventName = eventNameMap === null || eventNameMap === void 0 ? void 0 : eventNameMap[params.name];
-      if (haveEventName) {
-        var haveFilter = haveEventName.attrList.filter(function (m) {
-          var _params$attrs$filters;
-          return (_params$attrs$filters = params.attrs.filters) === null || _params$attrs$filters === void 0 ? void 0 : _params$attrs$filters.includes(m.label);
-        });
-        var pinParams = [];
-        haveFilter.forEach(function (o) {
-          pinParams.push({
-            propCategory: 'eventProp',
-            type: 1,
-            attrId: o.id,
-            attrName: o.label
-          });
-        });
-        // console.log(pinParams, 'pinParams');
-        var pageId = haveEventName.attrList.filter(function (m) {
-          return (m === null || m === void 0 ? void 0 : m.key) == params.attrs.page;
-        });
-        var resultParams = {
-          data: {
-            chartType: 'line',
-            module: 'insight',
-            userGroup: [0],
-            globalDimensions: pinParams,
-            targets: [{
-              alias: haveEventName.name,
-              filters: (currentMap === null || currentMap === void 0 ? void 0 : currentMap.filterJson) && JSON.parse(currentMap === null || currentMap === void 0 ? void 0 : currentMap.filterJson),
-              analysisDimension: {
-                analysisIndex: 'number'
-              },
-              eventGroupId: 0,
-              eventId: haveEventName.id,
-              eventName: haveEventName.name,
-              type: 'event'
-            }]
-          }
-        };
-        resolve(resultParams);
-        throw Error('用来终止循环的');
-      } else {
-        resolve(false);
-      }
-    });
-  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, loadingDetail ? (/*#__PURE__*/React.createElement(Spin, {
     tip: "\u52A0\u8F7D\u4E2D"
   })) : (currentTreeData === null || currentTreeData === void 0 ? void 0 : currentTreeData.pageAttrName) ? (/*#__PURE__*/React.createElement(Card, {
@@ -547,13 +520,14 @@ var RightDetail = function RightDetail(props) {
     bordered: false,
     extra: isEdit ? (/*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
       onClick: function onClick() {
-        (currentTreeDetail === null || currentTreeDetail === void 0 ? void 0 : currentTreeDetail.pageUrl) && setImageUrl([{
+        setImagePath('');
+        (currentTreeDetail === null || currentTreeDetail === void 0 ? void 0 : currentTreeDetail.pageUrl) ? setImageUrl([{
           status: 'done',
           // name: currentTreeDetail?.pageUrl,
-          name: '',
+          name: currentTreeDetail === null || currentTreeDetail === void 0 ? void 0 : currentTreeDetail.pagePath,
           url: (currentTreeDetail === null || currentTreeDetail === void 0 ? void 0 : currentTreeDetail.pageUrl) && getImgUrl(currentTreeDetail === null || currentTreeDetail === void 0 ? void 0 : currentTreeDetail.pageUrl, '-99'),
           uid: currentTreeDetail === null || currentTreeDetail === void 0 ? void 0 : currentTreeDetail.pagePath
-        }]);
+        }]) : setImageUrl([]);
         setIsEdit(false);
       }
     }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
@@ -590,16 +564,12 @@ var RightDetail = function RightDetail(props) {
       message: '请输入页面名称'
     }]
   }, /*#__PURE__*/React.createElement(Input, {
-    disabled: true,
     showCount: true,
+    disabled: true,
     maxLength: 20
   })), /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u5907\u6CE8\u540D\u79F0",
-    name: "remarkName",
-    rules: [{
-      required: true,
-      message: '请输入备注名称'
-    }]
+    name: "remarkName"
   }, /*#__PURE__*/React.createElement(Input, {
     disabled: true
   })), /*#__PURE__*/React.createElement(Form.Item, {
@@ -616,11 +586,7 @@ var RightDetail = function RightDetail(props) {
     className: "info-upload-tip"
   }, "jpg\u3001jpeg\u3001png\u683C\u5F0F\uFF0C10M\u4EE5\u5185"))), /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u9875\u9762\u63CF\u8FF0",
-    name: "description",
-    rules: [{
-      required: true,
-      message: '请输入页面描述'
-    }]
+    name: "description"
   }, /*#__PURE__*/React.createElement(TextArea, {
     showCount: true,
     maxLength: 100
@@ -645,7 +611,7 @@ var RightDetail = function RightDetail(props) {
     onPointerLeaveCapture: undefined
   }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(pageName, "_echartDiv_leftText")
-  }, "\u6309\u94AE\u70B9\u51FB\u4E8B\u4EF6\u5206\u6790")), /*#__PURE__*/React.createElement("a", {
+  }, "\u9875\u9762\u5206\u6790\u8BE6\u60C5")), /*#__PURE__*/React.createElement("a", {
     className: "".concat(pageName, "_echartDiv_view"),
     onClick: function onClick() {
       return handleButtonPage('buttonAnalyzeParams');

package/es/modules/dataMap/component/selectAttr.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const SelectAttr: React.FC<{
+    event: any;
+    onChange: Function;
+    onDelete: Function;
+}>;
+export default SelectAttr;

package/es/modules/dataMap/component/selectAttr.js

@@ -0,0 +1,91 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _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(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React, { useEffect, useState } from 'react';
+import { BizAttributeSelector, ValuesList } from '@zgfe/business-lib';
+var SelectAttr = function SelectAttr(_ref) {
+  var event = _ref.event,
+    onChange = _ref.onChange,
+    onDelete = _ref.onDelete;
+  console.log(event, 'event');
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    attrArr = _useState2[0],
+    setAttrArr = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentData = _useState4[0],
+    setCurrentData = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    a = _useState6[0],
+    setA = _useState6[1];
+  var handleFlex = function handleFlex(value) {
+    setA(_objectSpread(_objectSpread({}, value), {}, {
+      operator: 'equal'
+    }));
+  };
+  var handleSelectFlexValues = function handleSelectFlexValues(value) {
+    value[0] && setCurrentData(function (pre) {
+      return _objectSpread(_objectSpread({}, a), {}, {
+        values: value
+      });
+    });
+  };
+  var deleteFlex = function deleteFlex() {
+    console.log(currentData, attrArr, 'current');
+    // onChange();
+  };
+  useEffect(function () {
+    console.log(currentData, attrArr);
+    // setAttrArr((pre) => [...pre, currentData]);
+  }, [currentData]);
+  var add = function add() {
+    attrArr ? setAttrArr(function (pre) {
+      return [].concat(_toConsumableArray(pre), [currentData]);
+    }) : setAttrArr([currentData]);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, attrArr && attrArr.map(function (o, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index
+    }, /*#__PURE__*/React.createElement(BizAttributeSelector, {
+      eventIdList: [event.id],
+      enableDelete: false,
+      enableEventProp: true,
+      enableEnvProp: true,
+      value: a,
+      enableUserProp: false,
+      placeholder: "\u8BF7\u9009\u62E9\u5C5E\u6027",
+      onChange: function onChange(e) {
+        handleFlex(e);
+      }
+    }), /*#__PURE__*/React.createElement("div", null, "\u662F"), /*#__PURE__*/React.createElement(ValuesList, {
+      theme: "secondary",
+      attr: a && a,
+      operate: "equal",
+      onChange: function onChange(value) {
+        handleSelectFlexValues(value);
+      }
+    }), /*#__PURE__*/React.createElement("a", {
+      onClick: deleteFlex
+    }, "\u5220\u9664"));
+  }), /*#__PURE__*/React.createElement("button", {
+    onClick: function onClick() {
+      return add();
+    }
+  }, "\u6DFB\u52A0"));
+};
+export default SelectAttr;

package/es/modules/dataMap/component/viewMapSetting.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export interface mapRowType {
+    appId: number;
+    attributeJson: string;
+    createdTime: string;
+    eventId: number;
+    eventName: string;
+    filterJson: string;
+    id: number;
+    isDelete: number;
+    lastUpdatedTime: null | string;
+    mapName: string;
+    moduleAttrName: string;
+    pageAttrName: string;
+    remarkAttrName: string;
+    status: number;
+    updatedTime: string;
+}
+declare const ViewMapSetting: React.FC<{
+    open: boolean;
+    handleClose: Function;
+    currentMap: mapRowType | undefined;
+}>;
+export default ViewMapSetting;

package/es/modules/dataMap/component/viewMapSetting.js

@@ -0,0 +1,161 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React, { useEffect, useState } from 'react';
+import { Input, Drawer, Form } from 'antd';
+import { IconFont } from '@zgfe/business-lib';
+var pageClassName = 'mapSetting';
+var ViewMapSetting = function ViewMapSetting(props) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  // 关闭抽屉并重置表单
+  useEffect(function () {
+    setIsOpen(props.open);
+  }, [props.open]);
+  var closeDrawer = function closeDrawer() {
+    setIsOpen(false);
+    setFilter(undefined);
+    form.validateFields();
+    props.handleClose();
+  };
+  // 筛选属性组
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    filter = _useState4[0],
+    setFilter = _useState4[1];
+  // 查看 回填
+  useEffect(function () {
+    if (props.currentMap) {
+      var _props$currentMap, _props$currentMap2, _props$currentMap3, _props$currentMap4, _props$currentMap5, _props$currentMap6, _props$currentMap7;
+      form.setFieldsValue({
+        name: (_props$currentMap = props.currentMap) === null || _props$currentMap === void 0 ? void 0 : _props$currentMap.mapName,
+        event: (_props$currentMap2 = props.currentMap) === null || _props$currentMap2 === void 0 ? void 0 : _props$currentMap2.eventName,
+        inquire: (props === null || props === void 0 ? void 0 : props.currentMap) && (props === null || props === void 0 ? void 0 : props.currentMap.attributeJson) && JSON.parse(props === null || props === void 0 ? void 0 : props.currentMap.attributeJson),
+        page: (_props$currentMap3 = props.currentMap) === null || _props$currentMap3 === void 0 ? void 0 : _props$currentMap3.pageAttrName,
+        remark: (_props$currentMap4 = props.currentMap) === null || _props$currentMap4 === void 0 ? void 0 : _props$currentMap4.remarkAttrName,
+        model: (_props$currentMap5 = props.currentMap) === null || _props$currentMap5 === void 0 ? void 0 : _props$currentMap5.moduleAttrName
+      });
+      setFilter((props === null || props === void 0 ? void 0 : (_props$currentMap6 = props.currentMap) === null || _props$currentMap6 === void 0 ? void 0 : _props$currentMap6.filterJson) && JSON.parse(props === null || props === void 0 ? void 0 : (_props$currentMap7 = props.currentMap) === null || _props$currentMap7 === void 0 ? void 0 : _props$currentMap7.filterJson));
+    } else {
+      setFilter(undefined);
+    }
+  }, [props.currentMap]);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Drawer, {
+    title: "\u67E5\u770B\u5730\u56FE",
+    placement: "right",
+    onClose: closeDrawer,
+    open: isOpen,
+    width: "800px",
+    footer: null
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "".concat(pageClassName, "_addMap_tip")
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "tishi"
+  }), " \u5730\u56FE\u6570\u636E\u6BCF\u65E5\u66F4\u65B0\u4E00\u6B21\uFF0C\u65B0\u5EFA\u4E0E\u4FEE\u6539\u5730\u56FE\u6B21\u65E5\u5B8C\u6210\u66F4\u65B0"), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(pageClassName)
+  }, /*#__PURE__*/React.createElement(Form, {
+    form: form,
+    labelCol: {
+      span: 4
+    },
+    wrapperCol: {
+      span: 20
+    },
+    labelAlign: "left",
+    initialValues: {
+      inquire: null
+    },
+    disabled: true,
+    className: "mapSetting_addMap_form"
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u5730\u56FE\u540D\u79F0",
+    name: "name",
+    rules: [{
+      required: true,
+      message: '地图名称不可为空'
+    }]
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u4E3A\u586B\u5199\u5730\u56FE\u540D\u79F0"
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u5730\u56FE\u4E8B\u4EF6",
+    name: "event",
+    rules: [{
+      required: true,
+      message: '地图事件不可为空'
+    }]
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u672A\u9009\u5730\u56FE\u4E8B\u4EF6"
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u5C55\u793A\u9875\u9762",
+    name: "page",
+    rules: [{
+      required: true,
+      message: '展示页面不可为空'
+    }]
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u672A\u9009\u5C55\u793A\u9875\u9762"
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u5907\u6CE8\u540D\u79F0",
+    name: "remark",
+    rules: [{
+      required: true,
+      message: '备注名称不可为空'
+    }]
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u672A\u9009\u5907\u6CE8"
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u6240\u5C5E\u6A21\u5757",
+    name: "model",
+    rules: [{
+      required: true,
+      message: '所属模块不可为空'
+    }]
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u672A\u9009\u6240\u5C5E\u6A21\u5757"
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u56FA\u5B9A\u7B5B\u9009"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(pageClassName, "_addMap_propTitle")
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "".concat(pageClassName, "_addMap_propTitleLeft")
+  }, "\u5C5E\u6027\u540D"), /*#__PURE__*/React.createElement("span", {
+    className: "".concat(pageClassName, "_addMap_propTitleRight")
+  }, "\u5C5E\u6027\u503C")), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(pageClassName, "_addMap_propContent")
+  }, filter && (filter === null || filter === void 0 ? void 0 : filter.conditions) && (filter === null || filter === void 0 ? void 0 : filter.conditions.map(function (o, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      style: {
+        margin: '10px 0px 10px'
+      }
+    }, /*#__PURE__*/React.createElement(Input, {
+      className: "".concat(pageClassName, "_addMap_propContentLeft"),
+      value: o.label
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "".concat(pageClassName, "_addMap_propContentC")
+    }, "\u662F"), /*#__PURE__*/React.createElement(Input, {
+      className: "".concat(pageClassName, "_addMap_propContentRight"),
+      value: o.values
+    }));
+  })))), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u67E5\u8BE2\u5C5E\u6027"
+  }, props.currentMap && props.currentMap.attributeJson && JSON.parse(props.currentMap.attributeJson).map(function (o, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      style: {
+        margin: '0px 0px 10px'
+      }
+    }, /*#__PURE__*/React.createElement(Input, {
+      value: o.inquire.label
+    }));
+  }))))));
+};
+export default ViewMapSetting;