dlt-for-react 2.0.1 → 2.0.3

package/lib/layouts/settingDrawer/colorPicker.js

@@ -1,53 +1,53 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
 exports.default = undefined;
 
-var _extends2 = require('babel-runtime/helpers/extends');
+var _extends2 = require("babel-runtime/helpers/extends");
 
 var _extends3 = _interopRequireDefault(_extends2);
 
-var _message2 = require('antd/lib/message');
+var _message2 = require("antd/lib/message");
 
 var _message3 = _interopRequireDefault(_message2);
 
-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);
 
-require('antd/lib/message/style');
+require("antd/lib/message/style");
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _reactColor = require('react-color');
+var _reactColor = require("react-color");
 
-var _colorSetting = require('./colorSetting');
+var _colorSetting = require("./colorSetting");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var pickers = {
-    circle: _reactColor.CirclePicker,
-    sketch: _reactColor.SketchPicker
+  circle: _reactColor.CirclePicker,
+  sketch: _reactColor.SketchPicker
 }; /*
     * @Description: 颜色选择器
     * @Author: lisenlin
@@ -57,69 +57,77 @@ var pickers = {
     */
 
 var colorPicker = function (_Component) {
-    (0, _inherits3.default)(colorPicker, _Component);
-
-    function colorPicker(props) {
-        (0, _classCallCheck3.default)(this, colorPicker);
-
-        var _this = (0, _possibleConstructorReturn3.default)(this, (colorPicker.__proto__ || (0, _getPrototypeOf2.default)(colorPicker)).call(this, props));
-
-        _this.handleChangeComplete = function (color) {
-            _this.setState({ color: color.hex });
-            if (!window.less || !window.less.modifyVars) {
-                _message3.default.warn('抱歉，当前无法切换主题色！');
-            } else {
-                var messageKey = 'updateTheme';
-                _message3.default.loading({ content: '正在切换主题色...', key: messageKey });
-                window.less.modifyVars({
-                    '@primary-color': color.hex
-                }).then(function () {
-                    var styleDom = document.createElement('style');
-                    styleDom.innerHTML = '\n                .xgui-nhTableNew .ant-table-tbody>tr:nth-of-type(2n){\n                    background: ' + color.hex + '0D;\n                }';
-                    document.getElementsByTagName('body')[0].appendChild(styleDom);
-                    _message3.default.success({ content: '主题色切换成功！', key: messageKey, duration: 2 });
-                }).catch(function () {
-                    _message3.default.error({ content: '主题色切换失败，请联系管理员处理！', key: messageKey, duration: 2 });
-                });
-            }
-            // changeDynamicAntdTheme(color.hex);
-            _this.props.onChangeComplete(color.hex);
-        };
-
-        _this.state = {
-            color: props.color //当前选中的颜色
-        };
-        return _this;
+  (0, _inherits3.default)(colorPicker, _Component);
+
+  function colorPicker(props) {
+    (0, _classCallCheck3.default)(this, colorPicker);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (colorPicker.__proto__ || (0, _getPrototypeOf2.default)(colorPicker)).call(this, props));
+
+    _this.handleChangeComplete = function (color) {
+      _this.setState({ color: color.hex });
+      if (!window.less || !window.less.modifyVars) {
+        _message3.default.warn("抱歉，当前无法切换主题色！");
+      } else {
+        var messageKey = "updateTheme";
+        _message3.default.loading({ content: "正在切换主题色...", key: messageKey });
+        window.less.modifyVars({
+          "@primary-color": color.hex
+        }).then(function () {
+          var styleDom = document.createElement("style");
+          styleDom.innerHTML = "\n                .dlt-nhTableNew .ant-table-tbody>tr:nth-of-type(2n){\n                    background: " + color.hex + "0D;\n                }";
+          document.getElementsByTagName("body")[0].appendChild(styleDom);
+          _message3.default.success({
+            content: "主题色切换成功！",
+            key: messageKey,
+            duration: 2
+          });
+        }).catch(function () {
+          _message3.default.error({
+            content: "主题色切换失败，请联系管理员处理！",
+            key: messageKey,
+            duration: 2
+          });
+        });
+      }
+      // changeDynamicAntdTheme(color.hex);
+      _this.props.onChangeComplete(color.hex);
+    };
+
+    _this.state = {
+      color: props.color //当前选中的颜色
+    };
+    return _this;
+  }
+
+  //颜色选择确认事件
+
+
+  (0, _createClass3.default)(colorPicker, [{
+    key: "render",
+    value: function render() {
+      var _props = this.props,
+          type = _props.type,
+          colors = _props.colors;
+      var color = this.state.color;
+
+      var Picker = pickers[type];
+      return _react2.default.createElement(
+        _react.Fragment,
+        null,
+        _react2.default.createElement(Picker, (0, _extends3.default)({}, this.props, {
+          color: color,
+          colors: colors,
+          onChangeComplete: this.handleChangeComplete
+        }))
+      );
     }
-
-    //颜色选择确认事件
-
-
-    (0, _createClass3.default)(colorPicker, [{
-        key: 'render',
-        value: function render() {
-            var _props = this.props,
-                type = _props.type,
-                colors = _props.colors;
-            var color = this.state.color;
-
-            var Picker = pickers[type];
-            return _react2.default.createElement(
-                _react.Fragment,
-                null,
-                _react2.default.createElement(Picker, (0, _extends3.default)({}, this.props, {
-                    color: color,
-                    colors: colors,
-                    onChangeComplete: this.handleChangeComplete
-                }))
-            );
-        }
-    }]);
-    return colorPicker;
+  }]);
+  return colorPicker;
 }(_react.Component);
 
 colorPicker.defaultProps = {
-    type: 'circle', //选择器类型
-    colors: ["#1890ff", "#e91e63", "#9c27b0", "#673ab7", "#3f51b5", "#2196f3", "#03a9f4", "#00bcd4", "#009688", "#4caf50", "#8bc34a", "#cddc39", "#ffeb3b", "#ffc107", "#ff9800", "#ff5722", "#795548", "#607d8b"] //颜色列表
+  type: "circle", //选择器类型
+  colors: ["#1890ff", "#e91e63", "#9c27b0", "#673ab7", "#3f51b5", "#2196f3", "#03a9f4", "#00bcd4", "#009688", "#4caf50", "#8bc34a", "#cddc39", "#ffeb3b", "#ffc107", "#ff9800", "#ff5722", "#795548", "#607d8b"] //颜色列表
 };
 exports.default = colorPicker;

package/lib/layouts/settingDrawer/colorSetting.js

@@ -1,18 +1,18 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.changeDynamicAntdTheme = exports.loadScript = undefined;
 
-var _promise = require('babel-runtime/core-js/promise');
+var _promise = require("babel-runtime/core-js/promise");
 
 var _promise2 = _interopRequireDefault(_promise);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /*
- * @Description: 
+ * @Description:
  * @Author: lisenlin
  * @Date: 2021-10-25 15:12:18
  * @LastEditors: lisenlin
@@ -22,8 +22,8 @@ var timer = null,
     timeScape = 500;
 var loadScript = exports.loadScript = function loadScript(src, id) {
   return new _promise2.default(function (resolve, reject) {
-    var script = document.createElement('script');
-    script.type = 'text/javascript';
+    var script = document.createElement("script");
+    script.type = "text/javascript";
     script.src = src;
     script.id = id;
     script.onload = resolve;
@@ -32,41 +32,40 @@ var loadScript = exports.loadScript = function loadScript(src, id) {
   });
 };
 var changeDynamicAntdTheme = exports.changeDynamicAntdTheme = function changeDynamicAntdTheme(color) {
-
   var changeColor = function changeColor() {
     window.less.modifyVars({
-      '@primary-color': color
+      "@primary-color": color
     }).then(function () {
       //防抖
       var run = function run() {
         // 样式变换代码
-        var styleDom = document.createElement('style');
-        styleDom.innerHTML = '\n              .xgui-nhTableNew .ant-table-tbody>tr:nth-of-type(2n){\n                background: ' + color + '0D;\n              }';
-        document.getElementsByTagName('body')[0].appendChild(styleDom);
+        var styleDom = document.createElement("style");
+        styleDom.innerHTML = "\n              .dlt-nhTableNew .ant-table-tbody>tr:nth-of-type(2n){\n                background: " + color + "0D;\n              }";
+        document.getElementsByTagName("body")[0].appendChild(styleDom);
         if (!timer) {
           timer = setTimeout(function () {
-            console.log('触发抖动，重置定时器,抖动间隔');
+            console.log("触发抖动，重置定时器,抖动间隔");
             run(timeScape);
           }, timeScape);
         } else {
           clearTimeout(timer);
           timer = null;
           timer = setTimeout(function () {
-            message.success('切换成功');
+            message.success("切换成功");
           }, timeScape);
         }
       };
       run(timeScape);
     });
   };
-  var lessUrl = 'https://cdnjs.cloudflare.com/ajax/libs/less.js/2.7.2/less.min.js';
-  if (document.getElementById('lessScript')) {
+  var lessUrl = "https://cdnjs.cloudflare.com/ajax/libs/less.js/2.7.2/less.min.js";
+  if (document.getElementById("lessScript")) {
     changeColor();
   } else {
     window.less = {
       async: true
     };
-    loadScript(lessUrl, 'lessScript').then(function () {
+    loadScript(lessUrl, "lessScript").then(function () {
       changeColor();
     });
   }

package/lib/layouts/settingDrawer/fontChange.js

@@ -1,30 +1,30 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _slicedToArray2 = require('babel-runtime/helpers/slicedToArray');
+var _slicedToArray2 = require("babel-runtime/helpers/slicedToArray");
 
 var _slicedToArray3 = _interopRequireDefault(_slicedToArray2);
 
 exports.default = FontChange;
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _classnames = require('classnames');
+var _classnames = require("classnames");
 
 var _classnames2 = _interopRequireDefault(_classnames);
 
-require('../../../assets/layouts/settingDrawer/style.less');
+require("../../../assets/layouts/settingDrawer/style.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function FontChange(props) {
   var _props$initFontSize = props.initFontSize,
-      initFontSize = _props$initFontSize === undefined ? 'default' : _props$initFontSize,
+      initFontSize = _props$initFontSize === undefined ? "default" : _props$initFontSize,
       updateFontSize = props.updateFontSize; //字号  default/big/huge
 
   var _useState = (0, _react.useState)(initFontSize),
@@ -32,88 +32,88 @@ function FontChange(props) {
       fontSize = _useState2[0],
       setFontSize = _useState2[1];
 
-  var Dom = document.getElementsByTagName('html')[0];
+  var Dom = document.getElementsByTagName("html")[0];
   var changeFontSize = function changeFontSize(size) {
     var baseNumberFontSize = 75; //默认号75
     switch (size) {
-      case 'default':
-        Dom.style.fontSize = baseNumberFontSize + 'px';
+      case "default":
+        Dom.style.fontSize = baseNumberFontSize + "px";
         setFontSize(size);
         updateFontSize(size);
         break;
-      case 'big':
-        Dom.style.fontSize = +baseNumberFontSize + 5 + 'px';
+      case "big":
+        Dom.style.fontSize = +baseNumberFontSize + 5 + "px";
         setFontSize(size);
         updateFontSize(size);
         break;
-      case 'huge':
-        Dom.style.fontSize = +baseNumberFontSize + 15 + 'px';
+      case "huge":
+        Dom.style.fontSize = +baseNumberFontSize + 15 + "px";
         setFontSize(size);
         updateFontSize(size);
         break;
     }
   };
   return _react2.default.createElement(
-    'div',
+    "div",
     null,
     _react2.default.createElement(
-      'div',
-      { className: 'fontContent' },
+      "div",
+      { className: "dlt-setting-fontContent" },
       _react2.default.createElement(
-        'div',
+        "div",
         null,
         _react2.default.createElement(
-          'div',
+          "div",
           {
-            className: (0, _classnames2.default)('fontContentBox', {
-              selected: fontSize == 'default'
+            className: (0, _classnames2.default)("fontContentBox", {
+              selected: fontSize == "default"
             }),
             onClick: function onClick() {
-              changeFontSize('default');
+              changeFontSize("default");
             }
           },
           _react2.default.createElement(
-            'p',
+            "p",
             null,
-            '\u6807\u51C6'
+            "\u6807\u51C6"
           )
         ),
         _react2.default.createElement(
-          'p',
-          { className: 'hint' },
-          '\u63A8\u8350'
+          "p",
+          { className: "hint" },
+          "\u63A8\u8350"
         )
       ),
       _react2.default.createElement(
-        'div',
+        "div",
         {
-          className: (0, _classnames2.default)('fontContentBox', {
-            selected: fontSize == 'big'
+          className: (0, _classnames2.default)("fontContentBox", {
+            selected: fontSize == "big"
           }),
           onClick: function onClick() {
-            changeFontSize('big');
+            changeFontSize("big");
           }
         },
         _react2.default.createElement(
-          'p',
+          "p",
           null,
-          '\u5927\u53F7'
+          "\u5927\u53F7"
         )
       ),
       _react2.default.createElement(
-        'div',
+        "div",
         {
-          className: (0, _classnames2.default)('fontContentBox', {
-            selected: fontSize == 'huge'
+          className: (0, _classnames2.default)("fontContentBox", {
+            selected: fontSize == "huge"
           }),
           onClick: function onClick() {
-            changeFontSize('huge');
+            changeFontSize("huge");
           }
         },
         _react2.default.createElement(
-          'p',
+          "p",
           null,
-          '\u52A0\u5927'
+          "\u52A0\u5927"
         )
       )
     )

package/lib/layouts/settingDrawer/index.js

@@ -117,7 +117,7 @@ var Body = function Body(_ref) {
     },
     _react2.default.createElement(
       "h3",
-      { className: "title" },
+      { className: "dlt-setting-title" },
       title
     ),
     children
@@ -265,7 +265,7 @@ var SettingDrawer = function (_Component) {
           onClose: this.togglerContent,
           handler: _react2.default.createElement(
             "div",
-            { className: "handler", onClick: this.togglerContent },
+            { className: "dlt-setting-handler", onClick: this.togglerContent },
             _react2.default.createElement(_icon2.default, {
               type: collapse ? "close" : "setting",
               style: {
@@ -282,7 +282,7 @@ var SettingDrawer = function (_Component) {
         ),
         _react2.default.createElement(
           "div",
-          { className: "content" },
+          { className: "dlt-setting-content" },
           _react2.default.createElement(
             Body,
             { title: "\u6574\u4F53\u98CE\u683C\u8BBE\u7F6E" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dlt-for-react",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "dlt for react",
   "main": "lib/index.js",
   "scripts": {
@@ -75,12 +75,16 @@
     "echarts-for-react": "^2.0.15-beta.0",
     "hex-sha1": "^1.0.2",
     "jsencrypt": "3.0.0-rc.1",
+    "rc-queue-anim": "^2.0.0",
+    "rc-tween-one": "^3.0.6",
     "react": "^16.3.1",
     "react-color": "^2.19.3",
     "react-custom-scrollbars-patched": "^4.2.1",
     "react-dom": "^16.3.1",
     "react-file-viewer": "^1.2.1",
     "react-pdf-js": "^5.1.0",
+    "react-resizable": "^3.0.5",
+    "react-viewer": "^3.2.2",
     "urlencode": "^1.1.0"
   }
 }

package/assets/teaSelector/index.less

@@ -1,4 +0,0 @@
-.dlt-selector-tea-xmCss {
-  font-size: 14px;
-  color: black;
-}