@zgfe/modules-settings 1.2.51-zhongyuan.1 → 1.2.51-zhongyuan.7

package/es/modules/pointMap/styles/tree.css

@@ -0,0 +1,142 @@
+.setting-point-map-tree {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  padding: 16px 24px;
+  overflow: hidden;
+  background-color: #fff;
+  border-radius: 8px;
+}
+.setting-point-map-tree-select {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  height: 32px;
+}
+.setting-point-map-tree-select-box {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+.setting-point-map-tree-select-box-txt {
+  margin-right: 8px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.setting-point-map-tree-select-box .transform180 {
+  display: inline-block;
+  transform: rotateX(180deg);
+}
+.setting-point-map-tree-search {
+  position: relative;
+  margin-top: 16px;
+  display: grid;
+  align-items: center;
+  grid-template-columns: 1fr 80px;
+  grid-gap: 16px;
+}
+.setting-point-map-tree-search .qrcode-img {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  width: 200px;
+  min-height: 200px;
+  padding: 20px;
+}
+.setting-point-map-tree-search .qrcode-img > div {
+  text-align: center;
+}
+.setting-point-map-tree-search .qrcode-img > div > :nth-child(2) {
+  color: #9aa1a9;
+  font-size: 12px;
+}
+.setting-point-map-tree-search .qrcode-img img {
+  width: 144px;
+  height: 144px;
+  margin-top: 10px;
+}
+.setting-point-map-tree-search .loading .ant-spin-nested-loading {
+  padding-top: 138px;
+}
+.setting-point-map-tree-search .ant-select-selector {
+  padding-left: 40px !important;
+}
+.setting-point-map-tree-search .ant-select-selection-search-input {
+  padding-left: 30px !important;
+}
+.setting-point-map-tree-search-popup .ant-select-item {
+  height: 32px !important;
+  padding: 4px 12px !important;
+}
+.setting-point-map-tree-search .sousuo {
+  position: absolute;
+  top: 6px;
+  left: 16px;
+}
+.setting-point-map-tree-tree {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  margin: 16px 0 0;
+  overflow: hidden;
+}
+.setting-point-map-tree-tree .gengduocaozuo1 {
+  color: #354354;
+}
+.setting-point-map-tree-tree .gengduocaozuo1:hover {
+  color: #165dff;
+}
+.setting-point-map-tree-tree .ant-tree-switcher {
+  color: #354354;
+}
+.setting-point-map-tree-tree .ant-tree,
+.setting-point-map-tree-tree .ant-tree-list,
+.setting-point-map-tree-tree .ant-tree-list-holder {
+  height: 100%;
+}
+.setting-point-map-tree-tree .ant-tree-list-holder {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.setting-point-map-tree-tree .ant-tree-node-content-wrapper {
+  width: calc(100% - 200px);
+}
+.setting-point-map-tree-tree .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
+  background-color: #e8efff;
+}
+.setting-point-map-tree-tree .ant-tree-switcher {
+  line-height: 32px;
+}
+.setting-point-map-tree-tree-item {
+  display: flex;
+  flex: 1 0;
+  gap: 10px;
+  align-items: center;
+  justify-content: space-between;
+  height: 32px;
+  padding: 0px 4px;
+  border-radius: 4px;
+}
+.setting-point-map-tree-tree-item-title {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.setting-point-map-tree-tree .ant-tree-title {
+  display: block;
+}
+.setting-point-map-tree-empty {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.setting-point-map-tree-empty .ant-empty-normal {
+  margin: 16px 0;
+}
+.setting-point-map-tree-empty .zengjia:before {
+  margin-right: 8px;
+}

package/es/modules/pointMap/styles/tree.less

@@ -30,7 +30,36 @@
   }
   &-search {
     position: relative;
+    display: grid;
+    grid-gap: 16px;
+    grid-template-columns: 1fr 80px;
+    align-items: center;
     margin-top: 16px;
+    .qrcode-img {
+      display: inline-flex;
+      flex-direction: column;
+      align-items: center;
+      width: 200px;
+      min-height: 200px;
+      padding: 20px;
+      > div {
+        text-align: center;
+        > :nth-child(2) {
+          color: #9aa1a9;
+          font-size: 12px;
+        }
+      }
+      img {
+        width: 144px;
+        height: 144px;
+        margin-top: 10px;
+      }
+    }
+    .loading {
+      .ant-spin-nested-loading {
+        padding-top: 138px;
+      }
+    }
     .ant-select-selector {
       padding-left: 40px !important;
     }

package/es/modules/pointMap/tree.js

@@ -15,7 +15,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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 _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; }
-import { Button, Dropdown, Empty, Input, message, Modal, Select, Tree } from 'antd';
+import { Button, Dropdown, Empty, Input, message, Modal, Select, Tree, Popover, Spin } from 'antd';
 import { QuestionCircleOutlined } from '@ant-design/icons';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import './styles/tree.less';
@@ -23,7 +23,6 @@ import { BizDialog, BizGlobalDataContext, IconFont } from '@zgfe/business-lib';
 import request from '../../utils/ajax';
 import apis from '../../constants/api';
 import ImportModel from './ImportModal';
-var Search = Input.Search;
 var classPrefix = 'setting-point-map-tree';
 var formatTreeData = function formatTreeData(list, storey) {
   var listTemp = JSON.parse(JSON.stringify(list));
@@ -473,6 +472,37 @@ var pointMap = function pointMap(props) {
   var downloadHelpFile = function downloadHelpFile() {
     window.open("/\u63A8\u8350\u57CB\u70B9\u65B9\u6848.xlsx");
   };
+  // 分享看板二维码
+  var _useState35 = useState(''),
+    _useState36 = _slicedToArray(_useState35, 2),
+    qrCodeShare = _useState36[0],
+    setqrCodeShare = _useState36[1];
+  // 分享看板二维码-显示控制
+  var _useState37 = useState(false),
+    _useState38 = _slicedToArray(_useState37, 2),
+    qrCodeShareShow = _useState38[0],
+    setqrCodeShareShow = _useState38[1];
+  // 二维码加载中
+  var _useState39 = useState(false),
+    _useState40 = _slicedToArray(_useState39, 2),
+    qrCodeLoading = _useState40[0],
+    setQrCodeLoading = _useState40[1];
+  var onOpenChangeShare = function onOpenChangeShare(open) {
+    setqrCodeShareShow(open);
+    if (qrCodeShare === '') {
+      setQrCodeLoading(true);
+      request(apis.sharePanel, {
+        method: 'post',
+        data: {
+          appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+          platform: (currentApp === null || currentApp === void 0 ? void 0 : currentApp.platform) || 0
+        }
+      }).then(function (res) {
+        setqrCodeShare("data:image/png;base64,".concat(res.data));
+        setQrCodeLoading(false);
+      }).catch(function () {});
+    }
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: classPrefix
   }, /*#__PURE__*/React.createElement("div", {
@@ -546,7 +576,7 @@ var pointMap = function pointMap(props) {
     type: "xiazai1"
   }), "\u5BFC\u5165\u9875\u9762")), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-search")
-  }, /*#__PURE__*/React.createElement(Select, {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, {
     value: value,
     placeholder: "\u8BF7\u8F93\u5165\u9875\u9762\u540D\u79F0\u641C\u7D22",
     // searchValue={value}
@@ -565,7 +595,26 @@ var pointMap = function pointMap(props) {
     popupClassName: "".concat(classPrefix, "-search-popup")
   }), /*#__PURE__*/React.createElement(IconFont, {
     type: "sousuo"
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement(Popover, {
+    open: qrCodeShareShow,
+    content: /*#__PURE__*/React.createElement("div", {
+      className: "".concat(qrCodeLoading ? 'loading' : '', " qrcode-img")
+    }, /*#__PURE__*/React.createElement("div", null, "\u624B\u673A\u626B\u7801\u5206\u4EAB\u5F53\u524D\u770B\u677F"), /*#__PURE__*/React.createElement(Spin, {
+      spinning: qrCodeLoading
+    }, qrCodeShare && /*#__PURE__*/React.createElement("img", {
+      src: qrCodeShare
+    }))),
+    trigger: "hover",
+    placement: "bottom",
+    onOpenChange: onOpenChangeShare,
+    getPopupContainer: function getPopupContainer() {
+      return document.getElementById('share-qrcode-box');
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    id: "share-qrcode-box"
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "daochu"
+  }), "\u5206\u4EAB\u770B\u677F"))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-tree")
   }, treeData && treeData.length ? /*#__PURE__*/React.createElement(Tree, {
     ref: treeRef,

package/es/modules/systemSetting/Dictionary.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Dictionary: React.FC;
+export default Dictionary;