@zgfe/modules-settings 2.1.0-zhongyuan.0 → 2.1.0-zhongyuan.2

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

@@ -32,9 +32,12 @@
     position: relative;
     display: grid;
     grid-gap: 16px;
-    grid-template-columns: 1fr 20px;
+    grid-template-columns: 88px 1fr 20px;
     align-items: center;
     margin-top: 16px;
+    &-selectType {
+      width: 100px;
+    }
     .qrcode-img {
       display: inline-flex;
       flex-direction: column;
@@ -63,12 +66,12 @@
         padding-top: 138px;
       }
     }
-    .ant-select-selector {
-      padding-left: 40px !important;
-    }
-    .ant-select-selection-search-input {
-      padding-left: 30px !important;
-    }
+    // .ant-select-selector {
+    //   padding-left: 40px !important;
+    // }
+    // .ant-select-selection-search-input {
+    //   padding-left: 30px !important;
+    // }
     &-popup {
       .ant-select-item {
         height: 32px !important;
@@ -79,6 +82,7 @@
       position: absolute;
       top: 6px;
       left: 16px;
+      display: none;
     }
   }
   &-tree {
@@ -127,6 +131,9 @@
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
+        &-name {
+          margin-right: 10px;
+        }
       }
     }
     .ant-tree-title {

package/es/modules/pointMap/tree.js

@@ -15,8 +15,8 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 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; }
-import { Button, Dropdown, Empty, Input, message, Modal, Select, Tree, Popover, Spin } from 'antd';
-import { QuestionCircleOutlined } from '@ant-design/icons';
+import { Button, Dropdown, Empty, Input, message, Modal, Select, Tree, Popover, Spin, Tag, Checkbox } from 'antd';
+import { QuestionCircleOutlined, EnvironmentOutlined } from '@ant-design/icons';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import './styles/tree.less';
 import { BizDialog, BizGlobalDataContext, IconFont } from '@zgfe/business-lib';
@@ -57,7 +57,8 @@ var formatTreeArr = function formatTreeArr(list, arrTemp, parentName) {
         item.key = item.id;
         arrTemp.push({
           id: item.id,
-          name: parentName ? parentName + ' / ' + item.name : item.name
+          name: parentName ? parentName + ' / ' + item.name : item.name,
+          tagJson: '字典标签1'
         });
         if (item.children.length > 0) {
           formatTreeArr(item.children, arrTemp, item.name);
@@ -130,18 +131,22 @@ var pointMap = function pointMap(props) {
     _useState26 = _slicedToArray(_useState25, 2),
     value = _useState26[0],
     setValue = _useState26[1];
-  var _useState27 = useState(true),
+  var _useState27 = useState('name'),
     _useState28 = _slicedToArray(_useState27, 2),
-    isInit = _useState28[0],
-    setIsInit = _useState28[1];
-  var _useState29 = useState(false),
+    searchType = _useState28[0],
+    setSearchType = _useState28[1];
+  var _useState29 = useState(true),
     _useState30 = _slicedToArray(_useState29, 2),
-    isShowDel = _useState30[0],
-    setIsShowDel = _useState30[1];
-  var _useState31 = useState(!!props.pageStatusIsEdit),
+    isInit = _useState30[0],
+    setIsInit = _useState30[1];
+  var _useState31 = useState(false),
     _useState32 = _slicedToArray(_useState31, 2),
-    pageStatusIsEdit = _useState32[0],
-    setPageStatusIsEdit = _useState32[1];
+    isShowDel = _useState32[0],
+    setIsShowDel = _useState32[1];
+  var _useState33 = useState(!!props.pageStatusIsEdit),
+    _useState34 = _slicedToArray(_useState33, 2),
+    pageStatusIsEdit = _useState34[0],
+    setPageStatusIsEdit = _useState34[1];
   useEffect(function () {
     pointGetVersion();
   }, []);
@@ -189,9 +194,9 @@ var pointMap = function pointMap(props) {
       }
     }).then(function (res) {
       if (res && res.code === '100000') {
+        pageNum = res === null || res === void 0 ? void 0 : res.data.length;
         setTreeData(formatTreeData((res === null || res === void 0 ? void 0 : res.data) || []));
         setTreeArr(formatTreeArr((res === null || res === void 0 ? void 0 : res.data) || [], [], '') || []);
-        console.log('selectedKeys', selectedKeys);
         if (!selectedKeys) {
           setSelectedKeys((res === null || res === void 0 ? void 0 : res.data) ? [res === null || res === void 0 ? void 0 : res.data[0].id] : undefined);
           props.onChangePage((res === null || res === void 0 ? void 0 : res.data) ? _objectSpread(_objectSpread({}, res === null || res === void 0 ? void 0 : res.data[0]), {}, {
@@ -311,7 +316,6 @@ var pointMap = function pointMap(props) {
     setAutoExpandParent(false);
   };
   var onDrop = function onDrop(info) {
-    // console.log('onDrop', info, selectedKeys);
     moveNode({
       oldParentId: info.dragNode.parentId,
       newParentId: info.dropToGap ? info.node.parentId : info.node.id,
@@ -337,10 +341,8 @@ var pointMap = function pointMap(props) {
     }
   };
   var titleRender = function titleRender(nodeData) {
-    // console.log('nodeData', nodeData);
     var onItemClick = function onItemClick(_ref) {
       var key = _ref.key;
-      console.log('key', key);
       switch (key) {
         case '0':
           if (nodeData.storey >= 20) {
@@ -371,6 +373,18 @@ var pointMap = function pointMap(props) {
       }
       // message.info(`Click on item ${key}`);
     };
+    //位置标签list
+    var pointContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tag, {
+      color: "magenta"
+    }, "magenta"), /*#__PURE__*/React.createElement(Tag, {
+      color: "red"
+    }, "red"), /*#__PURE__*/React.createElement(Tag, {
+      color: "volcano"
+    }, "volcano"), /*#__PURE__*/React.createElement(Tag, {
+      color: "orange"
+    }, "orange"), /*#__PURE__*/React.createElement(Tag, {
+      color: "gold"
+    }, "gold"));
     return /*#__PURE__*/React.createElement("div", {
       className: "".concat(classPrefix, "-tree-item")
     }, changeNameId === nodeData.id ? (/*#__PURE__*/React.createElement(Input, {
@@ -415,7 +429,23 @@ var pointMap = function pointMap(props) {
         setChangeNameId(nodeData.id);
         setChangeNameString(nodeData.name);
       }
-    }, nodeData.name))), /*#__PURE__*/React.createElement(Dropdown, {
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "".concat(classPrefix, "-tree-item-title-name")
+    }, nodeData.name, " (1) "), /*#__PURE__*/React.createElement(Popover, {
+      placement: "topLeft",
+      title: "\u4F4D\u7F6E\u6807\u7B7E",
+      content: pointContent
+    }, /*#__PURE__*/React.createElement(Tag, {
+      color: "magenta"
+    }, "magenta"), /*#__PURE__*/React.createElement(Tag, {
+      color: "red"
+    }, "red"), /*#__PURE__*/React.createElement(Tag, {
+      color: "volcano"
+    }, "volcano"), /*#__PURE__*/React.createElement(Tag, {
+      color: "orange"
+    }, "orange"), /*#__PURE__*/React.createElement(Tag, {
+      color: "gold"
+    }, "gold"))))), /*#__PURE__*/React.createElement(Dropdown, {
       disabled: !authority[1724922805],
       placement: 'bottomRight',
       menu: {
@@ -437,6 +467,27 @@ var pointMap = function pointMap(props) {
             type: "xiafangtianjia"
           }),
           key: '2'
+        }, {
+          label: '选择位置标签',
+          icon: /*#__PURE__*/React.createElement(EnvironmentOutlined, null),
+          key: '5',
+          children: [{
+            key: '3-1',
+            label: (/*#__PURE__*/React.createElement(Checkbox, {
+              onChange: function onChange(e) {
+                onChangeTag(e, 'key');
+              }
+            }, "\u6807\u7B7E1")),
+            disabled: true
+          }, {
+            key: '3-2',
+            label: (/*#__PURE__*/React.createElement(Checkbox, {
+              onChange: function onChange(e) {
+                onChangeTag(e, 'key');
+              }
+            }, "\u6807\u7B7E2")),
+            disabled: true
+          }]
         }, {
           type: 'divider'
         }, {
@@ -467,28 +518,31 @@ var pointMap = function pointMap(props) {
       type: "gengduocaozuo1"
     })));
   };
-  var _useState33 = useState(false),
-    _useState34 = _slicedToArray(_useState33, 2),
-    isOpen = _useState34[0],
-    setIsOpen = _useState34[1];
+  var onChangeTag = function onChangeTag(e, key) {
+    console.log(e, key, 'onChangeTag');
+  };
+  var _useState35 = useState(false),
+    _useState36 = _slicedToArray(_useState35, 2),
+    isOpen = _useState36[0],
+    setIsOpen = _useState36[1];
   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),
+  var _useState37 = useState(''),
     _useState38 = _slicedToArray(_useState37, 2),
-    qrCodeShareShow = _useState38[0],
-    setqrCodeShareShow = _useState38[1];
-  // 二维码加载中
+    qrCodeShare = _useState38[0],
+    setqrCodeShare = _useState38[1];
+  // 分享看板二维码-显示控制
   var _useState39 = useState(false),
     _useState40 = _slicedToArray(_useState39, 2),
-    qrCodeLoading = _useState40[0],
-    setQrCodeLoading = _useState40[1];
+    qrCodeShareShow = _useState40[0],
+    setqrCodeShareShow = _useState40[1];
+  // 二维码加载中
+  var _useState41 = useState(false),
+    _useState42 = _slicedToArray(_useState41, 2),
+    qrCodeLoading = _useState42[0],
+    setQrCodeLoading = _useState42[1];
   var onOpenChangeShare = function onOpenChangeShare(open) {
     setqrCodeShareShow(open);
     if (qrCodeShare === '') {
@@ -580,10 +634,23 @@ var pointMap = function pointMap(props) {
   }), "\u5BFC\u5165\u9875\u9762")), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-search")
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, {
+    className: "".concat(classPrefix, "-search-selectType"),
+    value: searchType,
+    options: [{
+      label: '页面名',
+      value: 'name'
+    }, {
+      label: '位置标签',
+      value: 'tagJson'
+    }],
+    onChange: function onChange(value) {
+      setSearchType(value);
+    }
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, {
     value: value,
-    placeholder: "\u8BF7\u8F93\u5165\u9875\u9762\u540D\u79F0\u641C\u7D22",
+    placeholder: searchType == 'name' ? '请输入页面名称搜索' : '请输入位置标签名',
     // searchValue={value}
-    optionFilterProp: 'name',
+    optionFilterProp: searchType,
     showArrow: false,
     showSearch: true,
     onChange: onTreeSelectChange,
@@ -596,8 +663,6 @@ var pointMap = function pointMap(props) {
     },
     options: treeArr,
     popupClassName: "".concat(classPrefix, "-search-popup")
-  }), /*#__PURE__*/React.createElement(IconFont, {
-    type: "sousuo"
   })), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-search-pop")
   }, /*#__PURE__*/React.createElement(Popover, {

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

@@ -1,3 +1,6 @@
 import React from 'react';
-declare const Dictionary: React.FC;
-export default Dictionary;
+import './index.less';
+declare const CompanySetting: React.FC<{
+    onShowProcess: (data?: any, isEdit?: boolean) => void;
+}>;
+export default CompanySetting;