dlt-for-react 1.1.16 → 1.1.17

package/lib/layouts/layout/index.js

@@ -1,131 +1,128 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = undefined;
 
-var _spin = require('antd/lib/spin');
+var _spin = require("antd/lib/spin");
 
 var _spin2 = _interopRequireDefault(_spin);
 
-var _icon = require('antd/lib/icon');
+var _icon = require("antd/lib/icon");
 
 var _icon2 = _interopRequireDefault(_icon);
 
-var _message2 = require('antd/lib/message');
+var _message2 = require("antd/lib/message");
 
 var _message3 = _interopRequireDefault(_message2);
 
-var _extends2 = require('babel-runtime/helpers/extends');
+var _extends2 = require("babel-runtime/helpers/extends");
 
 var _extends3 = _interopRequireDefault(_extends2);
 
-var _stringify = require('babel-runtime/core-js/json/stringify');
+var _stringify = require("babel-runtime/core-js/json/stringify");
 
 var _stringify2 = _interopRequireDefault(_stringify);
 
-var _promise = require('babel-runtime/core-js/promise');
+var _promise = require("babel-runtime/core-js/promise");
 
 var _promise2 = _interopRequireDefault(_promise);
 
-var _regenerator = require('babel-runtime/regenerator');
+var _regenerator = require("babel-runtime/regenerator");
 
 var _regenerator2 = _interopRequireDefault(_regenerator);
 
-var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
+var _asyncToGenerator2 = require("babel-runtime/helpers/asyncToGenerator");
 
 var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
 
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+var _getPrototypeOf = require("babel-runtime/core-js/object/get-prototype-of");
 
 var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
 
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 
-var _createClass2 = require('babel-runtime/helpers/createClass');
+var _createClass2 = require("babel-runtime/helpers/createClass");
 
 var _createClass3 = _interopRequireDefault(_createClass2);
 
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");
 
 var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
 
-var _inherits2 = require('babel-runtime/helpers/inherits');
+var _inherits2 = require("babel-runtime/helpers/inherits");
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-var _layout = require('antd/lib/layout');
+var _layout = require("antd/lib/layout");
 
 var _layout2 = _interopRequireDefault(_layout);
 
-require('antd/lib/spin/style');
+require("antd/lib/spin/style");
 
-require('antd/lib/icon/style');
+require("antd/lib/icon/style");
 
-require('antd/lib/message/style');
+require("antd/lib/message/style");
 
-require('antd/lib/layout/style');
+require("antd/lib/layout/style");
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _xguiForReact = require('xgui-for-react');
+var _index = require("../../index.js");
 
-var _NHFetch = require('../../utils/NHFetch');
+var _NHFetch = require("../../utils/NHFetch");
 
 var _NHFetch2 = _interopRequireDefault(_NHFetch);
 
-var _LeftMenu = require('../LeftMenu');
+var _LeftMenu = require("../LeftMenu");
 
 var _LeftMenu2 = _interopRequireDefault(_LeftMenu);
 
-var _Top = require('../Top');
+var _Top = require("../Top");
 
 var _Top2 = _interopRequireDefault(_Top);
 
-require('../../../assets/layouts/style.less');
+require("../../../assets/layouts/style.less");
 
-var _settingDrawer = require('../settingDrawer');
+var _settingDrawer = require("../settingDrawer");
 
 var _settingDrawer2 = _interopRequireDefault(_settingDrawer);
 
-var _classnames = require('classnames');
+var _classnames = require("classnames");
 
 var _classnames2 = _interopRequireDefault(_classnames);
 
-var _rcAnimate = require('rc-animate');
-
-var _rcAnimate2 = _interopRequireDefault(_rcAnimate);
-
-var _mixTop = require('../mixTop');
+var _mixTop = require("../mixTop");
 
 var _mixTop2 = _interopRequireDefault(_mixTop);
 
-var _index = require('../NavigationBar/index');
+var _index2 = require("../NavigationBar/index");
 
-var _index2 = _interopRequireDefault(_index);
+var _index3 = _interopRequireDefault(_index2);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+// import Animate from "rc-animate";
 var leftMenuWidth = 255; //左侧菜单宽度
 var Sider = _layout2.default.Sider,
     Content = _layout2.default.Content;
 // 默认配置
 
 var defaultSetting = {
-  title: '学工UI风格',
-  navTheme: 'dark', // theme for nav menu 主题 dark or light
-  layout: 'sidemenu', // nav menu position: sidemenu or topmenu or mixmenu   菜单位置 侧边菜单 顶部菜单 混合模式（侧边菜单+顶部logo）
-  contentWidth: 'Fluid', // layout of content: Fluid or Fixed, only works when layout is topmenu 页面内容宽度
+  title: "学工UI风格",
+  navTheme: "dark", // theme for nav menu 主题 dark or light
+  layout: "sidemenu", // nav menu position: sidemenu or topmenu or mixmenu   菜单位置 侧边菜单 顶部菜单 混合模式（侧边菜单+顶部logo）
+  contentWidth: "Fluid", // layout of content: Fluid or Fixed, only works when layout is topmenu 页面内容宽度
   fixedHeader: false, // sticky header    是否固定header
   autoHideHeader: false, // auto hide header  是否自动隐藏header
   fixSiderbar: false, // sticky siderbar  是否固定侧边栏
-  primaryColor: '#1890ff', //primary-Color 全局主题色  --新版设计规范默认主色联奕蓝#397ef0
-  fontSize: 'default' //字号  default/big (默认字号+5)/huge（默认字号+15）
+  primaryColor: "#1890ff", //primary-Color 全局主题色  --新版设计规范默认主色联奕蓝#397ef0
+  fontSize: "default" //字号  default/big (默认字号+5)/huge（默认字号+15）
 };
 
 var NHLayout = function (_React$Component) {
@@ -175,7 +172,7 @@ var NHLayout = function (_React$Component) {
               });
 
             case 12:
-            case 'end':
+            case "end":
               return _context.stop();
           }
         }
@@ -184,7 +181,7 @@ var NHLayout = function (_React$Component) {
 
     _this.getFwmc = function (fwmcUrl) {
       return new _promise2.default(function (resolve, reject) {
-        (0, _NHFetch2.default)(fwmcUrl, 'GET').then(function (res) {
+        (0, _NHFetch2.default)(fwmcUrl, "GET").then(function (res) {
           if (res && res.code === 200) {
             resolve(res.data);
           }
@@ -194,26 +191,26 @@ var NHLayout = function (_React$Component) {
 
     _this.getLayoutSetting = function () {
       _this.setState({ layoutShow: false });
-      var baseUrl = window.xtglUrl || 'api/hq-xtgl';
-      (0, _NHFetch2.default)(baseUrl + '/outer/getCsszByCsbz', 'GET', {
-        csbz: 'XTGL_LAYOUT_SETTING'
+      var baseUrl = window.xtglUrl || "api/hq-xtgl";
+      (0, _NHFetch2.default)(baseUrl + "/outer/getCsszByCsbz", "GET", {
+        csbz: "XTGL_LAYOUT_SETTING"
       }).then(function (res) {
         if (res && res.code === 200 && res.data) {
           var initSetting = res.data.csz ? JSON.parse(res.data.csz) : defaultSetting;
-          sessionStorage.setItem('setting', (0, _stringify2.default)(initSetting));
+          sessionStorage.setItem("setting", (0, _stringify2.default)(initSetting));
           _this.setState({
             setting: initSetting,
-            csszxid: res.data.pkid ? res.data.pkid : '',
+            csszxid: res.data.pkid ? res.data.pkid : "",
             prevSetting: (0, _stringify2.default)(initSetting)
           }, function () {
             _this.changeBaseFontSize(initSetting.fontSize);
             if (window.less && window.less.modifyVars) {
               window.less.modifyVars({
-                '@primary-color': initSetting.primaryColor
+                "@primary-color": initSetting.primaryColor
               }).then(function () {
-                var styleDom = document.createElement('style');
-                styleDom.innerHTML = '\n                            .xgui-nhTableNew .ant-table-tbody>tr:nth-of-type(2n){\n                                background: ' + initSetting.primaryColor + '0D;\n                            }';
-                document.getElementsByTagName('body')[0].appendChild(styleDom);
+                var styleDom = document.createElement("style");
+                styleDom.innerHTML = "\n                            .xgui-nhTableNew .ant-table-tbody>tr:nth-of-type(2n){\n                                background: " + initSetting.primaryColor + "0D;\n                            }";
+                document.getElementsByTagName("body")[0].appendChild(styleDom);
                 _this.setState({ layoutShow: true });
               }).catch(function () {
                 _this.setState({ layoutShow: true });
@@ -223,15 +220,15 @@ var NHLayout = function (_React$Component) {
             }
           });
         } else {
-          sessionStorage.setItem('setting', (0, _stringify2.default)(defaultSetting));
+          sessionStorage.setItem("setting", (0, _stringify2.default)(defaultSetting));
           _this.changeBaseFontSize(defaultSetting.fontSize);
           if (window.less && window.less.modifyVars) {
             window.less.modifyVars({
-              '@primary-color': defaultSetting.primaryColor
+              "@primary-color": defaultSetting.primaryColor
             }).then(function () {
-              var styleDom = document.createElement('style');
-              styleDom.innerHTML = '\n                        .xgui-nhTableNew .ant-table-tbody>tr:nth-of-type(2n){\n                            background: ' + defaultSetting.primaryColor + '0D;\n                        }';
-              document.getElementsByTagName('body')[0].appendChild(styleDom);
+              var styleDom = document.createElement("style");
+              styleDom.innerHTML = "\n                        .xgui-nhTableNew .ant-table-tbody>tr:nth-of-type(2n){\n                            background: " + defaultSetting.primaryColor + "0D;\n                        }";
+              document.getElementsByTagName("body")[0].appendChild(styleDom);
               _this.setState({
                 setting: defaultSetting,
                 prevSetting: (0, _stringify2.default)(defaultSetting),
@@ -245,15 +242,15 @@ var NHLayout = function (_React$Component) {
           }
         }
       }).catch(function () {
-        sessionStorage.setItem('setting', (0, _stringify2.default)(defaultSetting));
+        sessionStorage.setItem("setting", (0, _stringify2.default)(defaultSetting));
         _this.changeBaseFontSize(defaultSetting.fontSize);
         if (window.less && window.less.modifyVars) {
           window.less.modifyVars({
-            '@primary-color': defaultSetting.primaryColor
+            "@primary-color": defaultSetting.primaryColor
           }).then(function () {
-            var styleDom = document.createElement('style');
-            styleDom.innerHTML = '\n                    .xgui-nhTableNew .ant-table-tbody>tr:nth-of-type(2n){\n                        background: ' + defaultSetting.primaryColor + '0D;\n                    }';
-            document.getElementsByTagName('body')[0].appendChild(styleDom);
+            var styleDom = document.createElement("style");
+            styleDom.innerHTML = "\n                    .xgui-nhTableNew .ant-table-tbody>tr:nth-of-type(2n){\n                        background: " + defaultSetting.primaryColor + "0D;\n                    }";
+            document.getElementsByTagName("body")[0].appendChild(styleDom);
             _this.setState({
               setting: defaultSetting,
               prevSetting: (0, _stringify2.default)(defaultSetting),
@@ -269,18 +266,18 @@ var NHLayout = function (_React$Component) {
     };
 
     _this.changeBaseFontSize = function (size) {
-      var Dom = document.getElementsByTagName('html')[0];
+      var Dom = document.getElementsByTagName("html")[0];
       var baseNumberFontSize = 75;
       var _fontSize = undefined;
       switch (size) {
-        case 'default':
-          _fontSize = baseNumberFontSize + 'Px';
+        case "default":
+          _fontSize = baseNumberFontSize + "Px";
           break;
-        case 'big':
-          _fontSize = +baseNumberFontSize + 5 + 'Px';
+        case "big":
+          _fontSize = +baseNumberFontSize + 5 + "Px";
           break;
-        case 'huge':
-          _fontSize = +baseNumberFontSize + 15 + 'Px';
+        case "huge":
+          _fontSize = +baseNumberFontSize + 15 + "Px";
           break;
       }
       Dom.style.fontSize = _fontSize;
@@ -297,10 +294,10 @@ var NHLayout = function (_React$Component) {
 
       var nextState = (0, _extends3.default)({}, setting);
       nextState[key] = value;
-      if (key === 'layout') {
+      if (key === "layout") {
         // nextState.contentWidth = value === "topmenu" ? "Fluid" : "Fixed";
-        nextState.contentWidth = 'Fluid';
-      } else if (key === 'fixedHeader' && !value) {
+        nextState.contentWidth = "Fluid";
+      } else if (key === "fixedHeader" && !value) {
         nextState.autoHideHeader = false;
       }
 
@@ -314,7 +311,7 @@ var NHLayout = function (_React$Component) {
     };
 
     _this.setSettingToSession = function (setting) {
-      sessionStorage.setItem('setting', (0, _stringify2.default)(setting));
+      sessionStorage.setItem("setting", (0, _stringify2.default)(setting));
     };
 
     _this.saveSettingToDataBase = function () {
@@ -323,14 +320,14 @@ var NHLayout = function (_React$Component) {
           setting = _this$state.setting;
 
       if (!csszxid) {
-        _message3.default.error('参数设置中未配置XTGL_LAYOUT_SETTING，请联系管理员处理!');
+        _message3.default.error("参数设置中未配置XTGL_LAYOUT_SETTING，请联系管理员处理!");
         return;
       }
       var prams = [{ csszxid: csszxid, csz: (0, _stringify2.default)(setting) }];
-      var baseUrl = window.xtglUrl || 'api/hq-xtgl';
-      (0, _NHFetch2.default)(baseUrl + '/parameterSetting/updateMulti', 'POST', prams).then(function (res) {
+      var baseUrl = window.xtglUrl || "api/hq-xtgl";
+      (0, _NHFetch2.default)(baseUrl + "/parameterSetting/updateMulti", "POST", prams).then(function (res) {
         if (res && res.code === 200) {
-          _message3.default.success('Layout配置项保存成功！');
+          _message3.default.success("Layout配置项保存成功！");
         }
       });
     };
@@ -369,25 +366,25 @@ var NHLayout = function (_React$Component) {
       collapsed: false, //是否关闭菜单
       fwmc: "", //服务名称
       visible: true, //是否显示header
-      setting: sessionStorage.getItem('setting') ? JSON.parse(sessionStorage.getItem('setting')) : defaultSetting, // 配置
+      setting: sessionStorage.getItem("setting") ? JSON.parse(sessionStorage.getItem("setting")) : defaultSetting, // 配置
       layoutShow: false, //展示layout
-      prevSetting: '', //数据库存储的配置可用于重置
-      csszxid: '', //layout设置项的pkid
+      prevSetting: "", //数据库存储的配置可用于重置
+      csszxid: "", //layout设置项的pkid
       hover: false //鼠标hover
     };
     return _this;
   }
 
   (0, _createClass3.default)(NHLayout, [{
-    key: 'componentDidMount',
+    key: "componentDidMount",
     value: function componentDidMount() {
-      document.addEventListener('scroll', this.handScroll, { passive: true });
+      document.addEventListener("scroll", this.handScroll, { passive: true });
       this.getLayoutSetting();
     }
   }, {
-    key: 'componentWillUnmount',
+    key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      document.removeEventListener('scroll', this.handScroll);
+      document.removeEventListener("scroll", this.handScroll);
     }
 
     /**
@@ -404,11 +401,11 @@ var NHLayout = function (_React$Component) {
     /** 将setting保存到数据库中 */
 
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
       var _this3 = this;
 
-      var curUrl = window.location.href.split('#')[1];
+      var curUrl = window.location.href.split("#")[1];
       var menuIcons = this.props.menuIcons;
       var _state = this.state,
           setting = _state.setting,
@@ -425,7 +422,7 @@ var NHLayout = function (_React$Component) {
       // const layout === 'topmenu' = layout === 'topmenu';  //显示顶部菜单
       // 若内容区域宽度为定宽 则设置为1200px 左右居中
 
-      var contentProps = contentWidth === 'Fixed' ? { margin: '0 auto', width: '1200px' } : {};
+      var contentProps = contentWidth === "Fixed" ? { margin: "0 auto", width: "1200px" } : {};
       var siderCom = _react2.default.createElement(
         Sider,
         {
@@ -434,7 +431,7 @@ var NHLayout = function (_React$Component) {
           collapsed: this.state.collapsed,
           width: leftMenuWidth,
           theme: navTheme,
-          className: layout === 'mixmenu' && fixedHeader ? 'xgui-layout-fixHeader-content xgui-layout-sider' : 'xgui-layout-sider',
+          className: layout === "mixmenu" && fixedHeader ? "xgui-layout-fixHeader-content xgui-layout-sider" : "xgui-layout-sider",
           onMouseEnter: function onMouseEnter() {
             _this3.setState({ hover: true });
           },
@@ -442,11 +439,11 @@ var NHLayout = function (_React$Component) {
             _this3.setState({ hover: false });
           }
         },
-        layout === 'sidemenu' && _react2.default.createElement(
-          'div',
-          { className: 'xgui-layout-logo' },
-          _react2.default.createElement('img', {
-            alt: '',
+        layout === "sidemenu" && _react2.default.createElement(
+          "div",
+          { className: "xgui-layout-logo" },
+          _react2.default.createElement("img", {
+            alt: "",
             style: { maxWidth: 40, maxHeight: 40 },
             src: this.props.config.logoUrl,
             onError: function onError(e) {
@@ -454,14 +451,14 @@ var NHLayout = function (_React$Component) {
             }
           }),
           !this.state.collapsed && _react2.default.createElement(
-            'span',
+            "span",
             {
-              className: (0, _classnames2.default)('xgui-layout-logoSpan', {
-                light: navTheme === 'light'
+              className: (0, _classnames2.default)("xgui-layout-logoSpan", {
+                light: navTheme === "light"
               })
             },
             _react2.default.createElement(
-              'b',
+              "b",
               null,
               this.state.fwmc
             )
@@ -476,25 +473,25 @@ var NHLayout = function (_React$Component) {
           setting: setting
         }),
         _react2.default.createElement(
-          'div',
+          "div",
           {
             onClick: this.toggle,
-            style: hover ? {} : { visibility: 'hidden' },
-            className: 'xgui-sider-btn-fixed'
+            style: hover ? {} : { visibility: "hidden" },
+            className: "xgui-sider-btn-fixed"
           },
-          _react2.default.createElement(_icon2.default, { type: 'left', rotate: this.state.collapsed ? 180 : 0 })
+          _react2.default.createElement(_icon2.default, { type: "left", rotate: this.state.collapsed ? 180 : 0 })
         ),
         !this.state.collapsed && this.props.config.sysVersion ? _react2.default.createElement(
-          'div',
-          { className: 'xgui-layout-menu-version' },
-          '\u7248\u672C\u53F7\uFF1A',
-          this.props.config.sysVersion ? this.props.config.sysVersion : ''
+          "div",
+          { className: "xgui-layout-menu-version" },
+          "\u7248\u672C\u53F7\uFF1A",
+          this.props.config.sysVersion ? this.props.config.sysVersion : ""
         ) : null
       );
       var conTentCom = _react2.default.createElement(
         _layout2.default,
         { hasSider: false },
-        layout !== 'mixmenu' && visible ? _react2.default.createElement(_Top2.default, {
+        layout !== "mixmenu" && visible ? _react2.default.createElement(_Top2.default, {
           collapsed: this.state.collapsed,
           toggle: this.toggle,
           config: this.props.config,
@@ -507,11 +504,11 @@ var NHLayout = function (_React$Component) {
           Content,
           {
             style: (0, _extends3.default)({
-              height: layout !== 'mixmenu' ? (0, _xguiForReact.getSize)().contentH : (0, _xguiForReact.getSize)().contentH + 40
+              height: layout !== "mixmenu" ? (0, _index.getSize)().contentH : (0, _index.getSize)().contentH + 40
             }, contentProps),
-            className: fixedHeader ? 'xgui-layout-fixHeader-content' : ''
+            className: fixedHeader ? "xgui-layout-fixHeader-content" : ""
           },
-          layout === 'mixmenu' && _react2.default.createElement(_index2.default, { layout: layout }),
+          layout === "mixmenu" && _react2.default.createElement(_index3.default, { layout: layout }),
           this.props.children
         )
       );
@@ -519,19 +516,19 @@ var NHLayout = function (_React$Component) {
         // return null;
         return _react2.default.createElement(
           _spin2.default,
-          { spinning: true, size: 'large' },
-          _react2.default.createElement('div', {
-            style: { width: (0, _xguiForReact.getSize)().windowW, height: (0, _xguiForReact.getSize)().windowH }
+          { spinning: true, size: "large" },
+          _react2.default.createElement("div", {
+            style: { width: (0, _index.getSize)().windowW, height: (0, _index.getSize)().windowH }
           })
         );
       }
       return _react2.default.createElement(
-        'div',
-        { style: { width: '100%', height: '100%' } },
+        "div",
+        { style: { width: "100%", height: "100%" } },
         _react2.default.createElement(
           _layout2.default,
-          { style: { height: '100%' } },
-          layout === 'mixmenu' && visible && _react2.default.createElement(_mixTop2.default, {
+          { style: { height: "100%" } },
+          layout === "mixmenu" && visible && _react2.default.createElement(_mixTop2.default, {
             collapsed: this.state.collapsed,
             toggle: this.toggle,
             config: this.props.config,
@@ -567,7 +564,7 @@ var NHLayout = function (_React$Component) {
           //     }
           // </Sider>
 
-          layout === 'mixmenu' ?
+          layout === "mixmenu" ?
           // 混合菜单布局
           _react2.default.createElement(
             _layout2.default,
@@ -575,7 +572,7 @@ var NHLayout = function (_React$Component) {
             siderCom,
             conTentCom
           ) : // 顶部菜单布局
-          layout === 'topmenu' ? _react2.default.createElement(
+          layout === "topmenu" ? _react2.default.createElement(
             _react2.default.Fragment,
             null,
             conTentCom
@@ -590,7 +587,7 @@ var NHLayout = function (_React$Component) {
         ),
 
         // 只有系统管理服务内容可开启主题设置
-        this.props.config.baseUrl === 'api/hq-xtgl' && _react2.default.createElement(_settingDrawer2.default, {
+        this.props.config.baseUrl === "api/hq-xtgl" && _react2.default.createElement(_settingDrawer2.default, {
           setting: setting,
           changeSetting: this.changeSetting,
           onSaveTheme: this.saveSettingToDataBase