1

public/static/modules/numinput/numinput.js

@@ -0,0 +1,367 @@
+/**
+ * Layui 数字输入组件
+ * 
+ * @author  iTanken
+ * @since   2019-03-29
+ * @version 2020-01-19：数字键盘纵向定位自适应
+ * @version 2020-04-02：添加功能按钮悬浮提示开关参数；添加悬浮提示内部键盘按钮样式；修复 number 类型输入框小数输入问题
+ */
+layui.define(['jquery'], function(exports) {
+  var $ = layui.$, baseClassName = 'layui-input-number', keyClassName = 'layui-keyboard-number',
+    style = ['<style type="text/css">',
+      '.', baseClassName, ' + .', keyClassName, ' { position: absolute; display: block; ', 
+      ' background-color: #f2f2f2; border-radius: 2px; border: 1px solid #e6e6e6; outline: none; }', 
+      '.', keyClassName, ' .layui-key-btn { font-family: Consolas; font-size: 17px; font-weight: 600; ',
+      ' text-align: center; background-color: #ffffff; cursor: pointer; overflow: hidden; padding: 10px; }',
+      '.', keyClassName, ' .layui-key-btn:active { background-color: #f2f2f2; }',
+      '.layui-layer-tips kbd { display: inline-block; padding: 3px 5px; font-size: 11px;',
+      ' line-height: 10px; color: #24292e; vertical-align: middle; background-color: #fafbfc;',
+      ' border: 1px solid #d1d5da; border-radius: 3px; box-shadow: inset 0 -1px 0 #d1d5da; }',
+      '</style>'].join('');
+  $('head link:last')[0] && $('head link:last').after(style) || $('head').append(style);
+
+  var numberInput = {
+    /** 默认配置选项 */
+    options: {
+      // 123：123键置顶, 789：789键置顶
+      topBtns: 123,
+      // 右侧功能按钮
+      rightBtns: true,
+      // 功能按钮提示
+      showTips: true,
+      // 监听键盘事件
+      listening: true,
+      // 批量配置默认小数精确度，-1 不处理精确度
+      defaultPrec: -1,
+      // 初始化回调，无参
+      initEnd: $.noop,
+      // 触发显示回调，参数为当前输入框和数字键盘的 jQuery 对象
+      showEnd: $.noop,
+      // 隐藏键盘回调，参数为当前输入框的 jQuery 对象
+      hideEnd: $.noop,
+      // z-index
+      zIndex: 19999999
+    },
+    /** 初始化 */
+    init: function(custom) {
+      var _this = this;
+      _this.options = $.extend(_this.options, custom);
+      $('.' + baseClassName).attr({
+        "readonly": "readonly"
+      }).on('focus', function(e) {
+        _this.showKeyboard(_this, $(this));
+      });
+      typeof _this.options.initEnd === 'function' && _this.options.initEnd();
+    },
+    /** 获取按键悬浮提示 */
+    getTips: function(tip) {
+      return this.options.showTips ? (' lay-tips="' + tip + '"') : '';
+    },
+    /** 显示数字键盘 */
+    showKeyboard: function(_this, $input) {
+      // 2020-04-02：修复小数输入问题，将 number 类型输入框一律设置为 text
+      $input.prop('type') === 'number' && $input.attr('type', 'text');
+      var $keyBoard = $input.next('.' + keyClassName);
+      if (!$keyBoard[0]) {
+        // 不存在，添加元素
+        var sizeXS = _this.options.rightBtns ? 'xs3' : 'xs4',
+          sizeZero = _this.options.rightBtns ? 'xs6' : 'xs4',
+          // 按钮 123
+          btn123 = [
+            '<div class="layui-col-', sizeXS, '">',
+              '<div class="layui-card">',
+                '<div class="layui-key-btn" data-keycode="49 97">1</div>',
+              '</div>',
+            '</div>',
+            '<div class="layui-col-', sizeXS, '">',
+              '<div class="layui-card">',
+                '<div class="layui-key-btn" data-keycode="50 98">2</div>',
+              '</div>',
+            '</div>',
+            '<div class="layui-col-', sizeXS, '">',
+              '<div class="layui-card">',
+                '<div class="layui-key-btn" data-keycode="51 99">3</div>',
+              '</div>',
+            '</div>'
+          ].join(''),
+          // 按钮 789
+          btn789 = [
+            '<div class="layui-col-', sizeXS, '">',
+              '<div class="layui-card">',
+                '<div class="layui-key-btn" data-keycode="55 103">7</div>',
+              '</div>',
+            '</div>',
+            '<div class="layui-col-', sizeXS, '">',
+              '<div class="layui-card">',
+                '<div class="layui-key-btn" data-keycode="56 104">8</div>',
+              '</div>',
+            '</div>',
+            '<div class="layui-col-', sizeXS, '">',
+              '<div class="layui-card">',
+                '<div class="layui-key-btn" data-keycode="57 105">9</div>',
+              '</div>',
+            '</div>'
+          ].join(''),
+          /* 退格键 */
+          backspace = [
+            '<div class="layui-col-', sizeXS, '">',
+              '<div class="layui-card">',
+                '<div class="layui-key-btn" data-keycode="8">',
+                  '<i class="layui-icon layui-icon-return"', _this.getTips('退格 <kbd>Backspace</kbd>'), '></i>',
+                '</div>',
+              '</div>',
+            '</div>'
+          ].join(''),
+          /* 增加键 */
+          add = [
+            '<div class="layui-col-', sizeXS, '">',
+              '<div class="layui-card">',
+                '<div class="layui-key-btn" data-keycode="38 39">',
+                  '<i class="layui-icon layui-icon-up"', _this.getTips('增加 <kbd>↑</kbd>'), '></i>',
+                '</div>',
+              '</div>',
+            '</div>'
+          ].join(''),
+          /* 减小键 */
+          reduce = [
+            '<div class="layui-col-', sizeXS, '">',
+              '<div class="layui-card">',
+                '<div class="layui-key-btn" data-keycode="37 40">',
+                  '<i class="layui-icon layui-icon-down"', _this.getTips('减小 <kbd>↓</kbd>'), '></i>',
+                '</div>',
+              '</div>',
+            '</div>'
+          ].join(''),
+          /* 清空键 */
+          reset = [
+            '<div class="layui-col-', sizeXS, '">',
+              '<div class="layui-card">',
+                '<div class="layui-key-btn" data-keycode="46">',
+                  '<i class="layui-icon layui-icon-refresh-1"', _this.getTips('清空 <kbd>Delete</kbd>'), '></i>',
+                '</div>',
+              '</div>',
+            '</div>'
+          ].join('');
+
+        $input.after(['<div tabindex="0" hidefocus="true" class="', keyClassName, 
+          ' layui-unselect layui-anim layui-anim-upbit" ', 
+          'style="width:', $input.width() + 10, 'px;">',
+          '<div class="layui-row layui-col-space1">',
+            _this.options.topBtns == 789 ? btn789 : btn123,
+            _this.options.rightBtns ? backspace : '',
+            '<div class="layui-col-', sizeXS, '">',
+              '<div class="layui-card">',
+                '<div class="layui-key-btn" data-keycode="52 100">4</div>',
+              '</div>',
+            '</div>',
+            '<div class="layui-col-', sizeXS, '">',
+              '<div class="layui-card">',
+                '<div class="layui-key-btn" data-keycode="53 101">5</div>',
+              '</div>',
+            '</div>',
+            '<div class="layui-col-', sizeXS, '">',
+              '<div class="layui-card">',
+                '<div class="layui-key-btn" data-keycode="54 102">6</div>',
+              '</div>',
+            '</div>',
+            _this.options.rightBtns ? add : '',
+            _this.options.topBtns == 789 ? btn123 : btn789,
+            _this.options.rightBtns ? reduce : '',
+            _this.options.rightBtns ? '' : backspace,
+            '<div class="layui-col-', sizeZero, '">',
+              '<div class="layui-card">',
+                '<div class="layui-key-btn" data-keycode="48 96">0</div>',
+              '</div>',
+            '</div>',
+            '<div class="layui-col-', sizeXS, '">',
+              '<div class="layui-card">',
+                '<div class="layui-key-btn" data-keycode="110 190">.</div>',
+              '</div>',
+            '</div>',
+            _this.options.rightBtns ? reset : '',
+          '</div>',
+        '</div>'].join(''));
+
+        $keyBoard = $input.next('.' + keyClassName);
+
+        $keyBoard.on('touchstart click', '.layui-key-btn', function(e) {
+          _this.setValue(_this, $input, $(this));
+          layui.stope(e);
+          return false;
+        });
+        $keyBoard.on('blur', function(e) {
+          _this.setValueRange(_this, $input, _this.toFixedPrec(_this, $input));
+          $keyBoard.remove(); // $keyBoard.hide();
+          typeof _this.options.hideEnd === 'function' && _this.options.hideEnd($input);
+        });
+        _this.options.listening && _this.initKeyListening(_this, $input, $keyBoard);
+      }
+
+      _this.display(_this, $input, $keyBoard);
+    },
+    /** 设置数字键盘样式并显示 */
+    display: function(_this, $input, $keyBoard) {
+      var showTop = $input[0].offsetTop + $input[0].offsetHeight + 4, boardHeight = $keyBoard.height(),
+        $win = $(window), topOffset = $keyBoard.offset().top + $keyBoard.outerHeight() + 4 - $win.scrollTop();
+
+      // 数字键盘纵向定位自适应
+      if (topOffset + boardHeight > $win.height() && topOffset >= boardHeight) {
+        showTop = $input[0].offsetTop - boardHeight - 5;
+      }
+
+      $keyBoard.css({
+        'top': showTop + 'px', 
+        'left': $input[0].offsetLeft + 'px',
+        'z-index': _this.options.zIndex
+      });
+
+      $keyBoard.show(200, function() {
+        typeof _this.options.showEnd === 'function' && _this.options.showEnd($input, $keyBoard);
+      }).focus();
+    },
+    /** 初始化键盘监听事件 */
+    initKeyListening: function(_this, $input, $keyBoard) {
+      var $key, code;
+      $keyBoard.on('keydown', function(e) {
+        code = e.keyCode;
+        var inputNumber = parseInt($input.val(), 10) || 0;
+        if (code === 107 || e.shiftKey && code === 187) {
+          // 加号切换正数
+          inputNumber < 0 && _this.setValueRange(_this, $input, Math.abs(inputNumber));
+        } else if (code === 109 || e.shiftKey && code === 189) {
+          // 减号切换负数
+          inputNumber > 0 && _this.setValueRange(_this, $input, '-' + inputNumber);
+        } else {
+          // 监听数字键盘，退格键(Backspace)/重置键(Delete)
+          $key = $keyBoard.find('.layui-key-btn[data-keycode~=' + code + ']');
+          if ($key[0]) {
+            $key.trigger('click').css("background-color", "#f2f2f2");
+            $keyBoard.off('keyup').on('keyup', function(e) {
+              $('.layui-key-btn[data-keycode]').css("background-color", "#ffffff");
+            });
+          }
+          if (code > 36 && code < 41) {
+            // 上下左右键，防止触发混动条滑动事件
+            return false;
+          }
+        }
+        return true;
+      });
+    },
+    /** 处理精确度 */
+    toFixedPrec: function(_this, $input, val1, val2) {
+      var m, s, rs, prec = $.trim($input.data('prec'));
+      // 2020-04-02：修复获取小数精确度配置值问题
+      prec = parseInt(prec === '' || isNaN(prec) ? _this.options.defaultPrec : prec, 10);
+
+      val1 = val1 === undefined ? $input.val() : val1;
+      val1 = val1 == '' ? ($input.attr('min') || 0) : val1;
+      rs = val1.toString().split('.')[1];
+      if (prec < 0) {
+        prec = rs && rs.length || prec;
+      }
+
+      val2 = val2 || 0;
+      rs = val2.toString().split('.')[1];
+      prec = Math.max(prec, rs ? rs.length : 0);
+
+      m = Math.pow(10, prec);
+      s = ((val1 * m + val2 * m).toFixed(0) / m).toString();
+      rs = s.indexOf('.');
+      if (rs < 0 && prec > 0) {
+        rs = s.length;
+        s += '.';
+      }
+      while (s.length <= rs + prec) {
+        s += '0';
+      }
+      return s;
+    },
+    /** 设置值范围 */
+    setValueRange: function(_this, $input, value) {
+      var minVal = $input.attr('min') || Math.pow(-2, 63), 
+        maxVal = $input.attr('max') || Math.pow(2, 63) - 1;
+
+      minVal = typeof minVal === 'string' && minVal.indexOf('.') > -1 ? parseFloat(minVal) : parseInt(minVal, 10);
+      maxVal = typeof maxVal === 'string' && maxVal.indexOf('.') > -1 ? parseFloat(maxVal) : parseInt(maxVal, 10);
+
+      if (value < minVal) {
+        value = _this.toFixedPrec(_this, $input, minVal);
+        _this.tips($input, '最小值为 <kbd>' + minVal + '</kbd>！');
+      }
+      if (value > maxVal) {
+        value = _this.toFixedPrec(_this, $input, maxVal);
+        _this.tips($input, '最大值为 <kbd>' + maxVal + '</kbd>！');
+      }
+      value = value < minVal ? minVal : (value > maxVal ? maxVal : value);
+
+      $input.val(value);
+    },
+    /** 设置输入框值 */
+    setValue: function(_this, $input, $key) {
+      var inputVal = $.trim($input.val()), keyVal = $.trim($key.text()), changeVal,
+        prec = $.trim($input.data('prec')), isDecimal = inputVal.indexOf('.') > -1;
+        // 2020-04-02：修复获取小数精确度配置值问题
+        prec = parseInt(prec === '' || isNaN(prec) ? _this.options.defaultPrec : prec, 10);
+
+      if ($.inArray(keyVal, ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '.']) > -1) {
+        if (keyVal === '.') {
+          if (inputVal === '' || isDecimal) {
+            return;
+          }
+          if (prec === 0) {
+            _this.tips($input, '当前字段不允许输入小数！'); 
+            return;
+          }
+        }
+        if (keyVal === '0' && inputVal.indexOf('0') === 0 && !isDecimal) {
+          return;
+        }
+        if (inputVal.indexOf('.') > -1 && inputVal.split('.')[1].length >= prec && prec > 0) {
+          _this.tips($input, '精确度为保留小数点后 <kbd>' + prec + '</kbd> 位！');
+          return;
+        }
+
+        changeVal = inputVal = (keyVal !== '.' && inputVal === '0' ? '' : inputVal) + keyVal;
+        $input.val(inputVal);
+      } else {
+        changeVal = inputVal === '' ? 0 : inputVal,
+          step = $input.attr('step');
+        if (isDecimal) {
+          step = parseFloat(step) || 0.1;
+          changeVal = parseFloat(changeVal);
+        } else {
+          step = parseInt(step, 10) || 1;
+          changeVal = parseInt(changeVal, 10);
+        }
+        // right function buttons
+        switch($key.data('keycode')) {
+        case '38 39':
+          // ↑、→ 键增加
+          changeVal = _this.toFixedPrec(_this, $input, changeVal, step);
+          break;
+        case '37 40':
+          // ↓、← 键减小
+          changeVal = _this.toFixedPrec(_this, $input, changeVal, -step);
+          break;
+        case 8:
+          // Backspace 键退格
+          var valLength = inputVal.length;
+          valLength && $input.val(inputVal.substring(0, valLength - 1));
+          return;
+        case 46:
+          // Delete 键清空
+          $input.val('');
+          return;
+        }
+      }
+      $input.val(changeVal);
+    },
+    /** 提示 */
+    tips: function($input, msg) {
+      return layer.tips(msg, $input, { tips: [1, '#01AAED'], time: 2e3, anim: 6, zIndex: this.options.zIndex });
+    }
+  };
+
+  exports('numinput', numberInput);
+});

public/static/modules/textool/textool.js

@@ -0,0 +1,308 @@
+/**
+ * Layui 文本输入工具组件
+ * 
+ * @author  iTanken
+ * @since   20200310
+ */
+layui.define(['jquery'], function (exports) {
+  var $ = layui.$, baseClassName = 'layext-text-tool', extClassName = 'layext-textool-pane',
+    style, alignRight = true, alignClass, nodes = [], tools = {
+      "hide": null, "count": null, "copy": null, "reset": null, "clear": null,
+      hideIndex: -1, countIndex: -1, copyIndex: -1, resetIndex: -1, clearIndex: -1,
+      hideName: "hide", countName: "count", copyName: "copy", resetName: "reset", clearName: "clear",
+      hideClass: "layext-textool-minmax", countClass: "layext-textool-count", maxClass: "layext-textool-max",
+      copyClass: "layext-textool-copy", resetClass: "layext-textool-reset", clearClass: "layext-textool-clear",
+      copyTextId: baseClassName + '-copy-text', lengthClass: 'layext-textool-length',
+      lengthOverClass: baseClassName + '-length-over', laytips: 'layext-textool-laytips'
+    }, defaultOptions = {
+      // 根据元素 id 值单独渲染，为空默认根据 class='layext-text-tool' 批量渲染
+      eleId: null,
+      // 批量设置输入框最大长度，可结合 eleId 单独设置最大长度
+      maxlength: -1,
+      // 初始化回调，无参
+      initEnd: $.noop,
+      // 显示回调，参数为当前输入框和工具条面板的 jQuery 对象
+      showEnd: $.noop,
+      // 隐藏回调，参数为当前输入框和工具条面板的 jQuery 对象
+      hideEnd: $.noop,
+      // 初始化展开，默认展开，否则收起
+      initShow: true,
+      // 工具条是否位于输入框内部，默认位于外部
+      inner: false,
+      // 工具条对齐方向，默认右对齐，可选左对齐 'left'
+      align: 'right',
+      // 启用指定工具模块，默认依次为字数统计、复制内容、重置内容、清空内容，按数组顺序显示
+      tools: ['count', 'copy', 'reset', 'clear'],
+      // 工具按钮提示类型，默认为 'title' 属性，可选 'laytips'，使用 layer 组件的吸附提示， 其他值不显示提示
+      tipType: 'title',
+      // 吸附提示背景颜色
+      tipColor: '#01AAED',
+      // 工具条字体颜色
+      color: '#666666',
+      // 工具条背景颜色
+      bgColor: '#FFFFFF',
+      // 工具条边框颜色
+      borderColor: '#E6E6E6',
+      // 工具条附加样式类名
+      className: '',
+      // z-index
+      zIndex: 19891014
+    }, Class = function (custom) {
+      var _this = this;
+      _this.tipsAttr = null;
+      _this.selector = null;
+      _this.init(_this, custom || {});
+    };
+
+  /** 初始化 */
+  Class.prototype.init = function (_this, custom) {
+    _this.options = $.extend({}, defaultOptions, custom);
+    _this.selector = $.trim(_this.options.eleId) === '' ? '.' + baseClassName : '#' + _this.options.eleId;
+
+    _this.initStyle(_this);
+    _this.initPrototype();
+
+    $(_this.selector).each(function (i, n) {
+      var $this = $(this), maxlength = _this.options.maxlength;
+      !isNaN(maxlength) && maxlength > -1 && $this.attr('maxlength', maxlength);
+      _this.addTextool(_this, $this);
+    });
+    _this.initTips(_this);
+    typeof _this.options.initEnd === 'function' && _this.options.initEnd();
+  };
+
+  /** 初始化扩展样式 */
+  Class.prototype.initStyle = function (_this) {
+    _this.options.zIndex = isNaN(_this.options.zIndex) ? 0 : _this.options.zIndex || 0;
+
+    style = ['<style type="text/css">',
+      '#', tools.copyTextId, ' { width: 0; height: 0; position: absolute; top: -190000px; }',
+      _this.selector, ' { position: relative; z-index: ', _this.options.zIndex + (_this.options.inner ? 0 : 1), '; }',
+      _this.selector, ' + .', extClassName, ' { position: relative; z-index: ', _this.options.zIndex, '; margin-top: -2px; display: block; outline: none; }',
+      _this.selector, ' + .', extClassName, ' * { color: ', (_this.options.color || '#666666'), '; }',
+      _this.selector, ' + .', extClassName, ' a > i { font-size: 12px!important; }',
+      _this.selector, ' + .', extClassName, ' a { padding: 0 3px; cursor: pointer; }',
+      _this.selector, ' + .', extClassName, ' a:active { background-color: #E2E2E2; opacity: 0.8; }',
+      _this.selector, ' + .', extClassName, ' .', tools.lengthClass, ' * { font-family: Consolas, sans-serif; }',
+      _this.selector, ' + .', extClassName, ' .', tools.lengthClass, ' { display: inline-block; border-width: 0 1px; }', /* border: 1px solid #F6F6F6; */
+      _this.selector, ' + .', extClassName, ' .', tools.lengthClass, ' * { font-family: Consolas, sans-serif; }',
+      _this.selector, ' + .', extClassName, ' .', tools.lengthOverClass, ' { color: #FF5722; }',
+      _this.selector, ' + .', extClassName, ' .', tools.countClass, ', ', _this.selector, ' + .', extClassName, ' .', tools.maxClass, ' { display: inline-block; min-width: 26px; height: 16px; line-height: 18px; }',
+      _this.selector, ' + .', extClassName, ' > .layui-badge { overflow: hidden; border-color: ', (_this.options.borderColor || '#E6E6E6'), '; background-color: ', (_this.options.bgColor || '#FFFFFF'), '; }',
+      _this.selector, ' + .', extClassName, '-r.', extClassName, '-inner > .layui-badge { border-right: 0 none; border-radius: 15px 0 17px; margin-right: 1px; }',
+      _this.selector, ' + .', extClassName, '-l.', extClassName, '-inner > .layui-badge { border-left: 0 none; border-radius: 0 15px 0; margin-left: 1px; }',
+      _this.selector, ' + .', extClassName, '-inner > .layui-badge  { top: -18px; border-bottom: 0 none; opacity: 0.8; }',
+      _this.selector, ' + .', extClassName, '-inner > .layui-badge:hover  { opacity: 1; }',
+      _this.selector, ' + .', extClassName, ' .', tools.maxClass, ' { opacity: 0.9; }',
+      _this.selector, ' + .', extClassName, '-r { text-align: right; }',
+      _this.selector, ' + .', extClassName, '-l { text-align: left; }',
+      _this.selector, ' + .', extClassName, '-inner { height: 0; }',
+      '</style>'].join('');
+
+    $('head link:last')[0] && $('head link:last').after(style) || $('head').append(style);
+  };
+
+  /** 初始化默认方法，处理 JS 兼容问题 */
+  Class.prototype.initPrototype = function () {
+    // 获取数组元素下标
+    !Array.prototype.indexOf && (Array.prototype.indexOf = function (array, value) {
+      array = array || [];
+      for (var i = array.length; i--;) {
+        if (array[i] == value) {
+          return i;
+        }
+      }
+
+      return -1;
+    });
+  };
+
+  /** 添加文本工具 */
+  Class.prototype.addTextool = function (_this, $target) {
+    var $extPane = $target.next('.' + extClassName);
+    // 若已存在，则移除元素，支持重复渲染
+    $extPane && $extPane.length && $extPane.remove();
+    // 添加元素
+    $target.after(_this.getToolsNode(_this, $target));
+    $extPane = $target.next('.' + extClassName);
+    _this.setEvent(_this, $target, $extPane);
+
+    $extPane.fadeIn(200, function() {
+      !_this.options.initShow && $extPane.find('.' + tools.hideClass).trigger('click');
+    });
+  };
+
+  /** 复制文本 */
+  Class.prototype.copyText = function (_this, $target) {
+    if (!$target) {
+      return false;
+    }
+    !$('#' + tools.copyTextId).length && $('body').append('<textarea id=' + tools.copyTextId + ' readonly="readonly"></textarea>');
+    var $copy = $('#' + tools.copyTextId), value = $target.val();
+    $copy.val(value === '' ? ' ' : value).select();
+    document.execCommand('copy');
+    _this.showTip(_this, $target, '已复制！');
+  };
+
+  /** 设置内容长度 */
+  Class.prototype.setValLength = function (_this, $target) {
+    var $length = $target.next('.' + extClassName).find('.' + tools.countClass);
+    $length.text($target.val().length);
+    if ($target.val().length > $target.attr('maxlength')) {
+      $length.addClass(tools.lengthOverClass);
+    } else if ($length.hasClass(tools.lengthOverClass)) {
+      $length.removeClass(tools.lengthOverClass);
+    }
+  }
+
+  /** 设置工具条事件 */
+  Class.prototype.setEvent = function (_this, $target, $extPane) {
+    _this.setValLength(_this, $target);
+    var initValue = $target.val();
+    // 文本工具条按钮点击事件
+    $extPane.on('click', 'a', function (e) {
+      var $this = $(this), $icon = $this.children('i.layui-icon');
+      if ($this.hasClass(tools.hideClass)) {
+        // 收起展开按钮事件
+        $this.nextAll().toggle('fast');
+        $this.prevAll().toggle('fast');
+        if ($icon.hasClass('layui-icon-more')) {
+          $icon.removeClass('layui-icon-more').addClass('layui-icon-more-vertical');
+          $this.attr(_this.tipsAttr, '展开');
+          typeof _this.options.hideEnd === 'function' && _this.options.hideEnd($target, $extPane);
+        } else {
+          $icon.removeClass('layui-icon-more-vertical').addClass('layui-icon-more');
+          $this.attr(_this.tipsAttr, '收起');
+          typeof _this.options.showEnd === 'function' && _this.options.showEnd($target, $extPane);
+        }
+        _this.tipsAttr === tools.laytips && _this.showTip(_this, $this, $this.attr(_this.tipsAttr));
+      }
+      if ($this.hasClass(tools.copyClass)) {
+        // 复制按钮事件
+        _this.copyText(_this, $target);
+      }
+      if ($this.hasClass(tools.resetClass)) {
+        // 重置按钮事件
+        $target.val(initValue);
+        _this.setValLength(_this, $target);
+      }
+      if ($this.hasClass(tools.clearClass)) {
+        // 清空按钮事件
+        $target.val('');
+        _this.setValLength(_this, $target);
+      }
+
+      layui.stope(e);
+      return false;
+    });
+    // 字数统计事件
+    $target.on('keyup input', function (e) {
+      _this.setValLength(_this, $target);
+
+      layui.stope(e);
+      return false;
+    });
+  };
+
+  /** 获取工具条节点 */
+  Class.prototype.getToolsNode = function (_this, $target) {
+    if (!$target) return false;
+    // 总是显示收起展开按钮
+    tools.hide = ['<a href="javascript:;"', _this.getTips(_this, '收起'), 'class="', tools.hideClass, '"><i class="layui-icon layui-icon-more"></i></a>'].join('');
+    // 至少显示一个工具模块
+    _this.options.tools = _this.options.tools || [tools.countName];
+    // 字数统计
+    tools.countIndex = _this.options.tools.indexOf(tools.countName);
+    if (tools.countIndex > -1) {
+      var maxlength = $target.attr('maxlength') || -1;
+      tools.count = ['<span class="', tools.lengthClass, '"><b class="', tools.countClass, '"', _this.getTips(_this, '当前字数'), '>0</b>',
+        (maxlength < 0 ? '' : ['/<span class="', tools.maxClass, '"', _this.getTips(_this, '最大字数'), '>', maxlength, '</span>'].join('')), '</span>'].join('');
+    }
+    // 复制内容
+    tools.copyIndex = _this.options.tools.indexOf(tools.copyName);
+    if (tools.copyIndex > -1) {
+      tools.copy = ['<a href="javascript:;" class="', tools.copyClass, '"', _this.getTips(_this, '复制'),
+        '><i class="layui-icon layui-icon-file"></i></a>'].join('');
+    }
+    // 重置内容
+    tools.resetIndex = _this.options.tools.indexOf(tools.resetName);
+    if (tools.resetIndex > -1) {
+      tools.reset = ['<a href="javascript:;" class="', tools.resetClass, '"', _this.getTips(_this, '重置'),
+        '><i class="layui-icon layui-icon-refresh-1"></i></a>'].join('');
+    }
+    // 清空内容
+    tools.clearIndex = _this.options.tools.indexOf(tools.clearName);
+    if (tools.clearIndex > -1) {
+      tools.clear = ['<a href="javascript:;" class="', tools.clearClass, '"', _this.getTips(_this, '清空'),
+        '><i class="layui-icon layui-icon-close"></i></a>'].join('');
+    }
+
+    if (_this.options.align === 'left') {
+      // 居左对齐
+      alignRight = false;
+      alignClass = extClassName + '-l';
+    } else {
+      // 居右对其
+      alignRight = true;
+      alignClass = extClassName + '-r';
+    }
+    // 处理工具条节点
+    nodes = ['<span class="layui-unselect ', extClassName, ' ', alignClass, ' ', (_this.options.inner ? extClassName + '-inner ' : ''),
+      $.trim(_this.options.className), ' layui-anim layui-anim-fadein"><span class="layui-badge layui-badge-rim">'];
+    !alignRight && nodes.push(tools.hide);
+    for (var i = 0; i < _this.options.tools.length; i++) {
+      nodes.push(tools[_this.options.tools[i]] || '');
+    }
+    alignRight && nodes.push(tools.hide);
+    nodes.push('</span></span>');
+  
+    return nodes.join('');
+  };
+
+  /** 获取提示信息属性 */
+  Class.prototype.getTips = function (_this, msg) {
+    switch (_this.options.tipType) {
+      case 'title':
+        _this.tipsAttr = 'title';
+        break;
+      case 'laytips':
+        _this.tipsAttr = tools.laytips;
+        break;
+      default:
+        return '';
+    }
+  
+    return [' ', _this.tipsAttr, '=', msg, ' '].join('');
+  };
+
+  /** 初始化吸附提示 */
+  Class.prototype.initTips = function (_this) {
+    $('[' + tools.laytips + ']').each(function (i, n) {
+      var $target = $(n);
+      if ($.trim($target.attr(_this.tipsAttr)) !== '') {
+        $target.hover(function () {
+          _this.showTip(_this, $target, $target.attr(_this.tipsAttr));
+        }, _this.hideTip);
+      }
+    });
+  };
+
+  /** 显示吸附提示 */
+  Class.prototype.showTip = function (_this, $target, msg) {
+    _this.hideTip();
+    layui.layer.tips(msg, $target, { tips: [1, _this.options.tipColor || '#01AAED'], time: 2e3, anim: 5, zIndex: (_this.options.zIndex || 0) + 2 });
+  };
+
+  /** 隐藏吸附提示 */
+  Class.prototype.hideTip = function () {
+    layui.layer.closeAll('tips');
+  };
+
+  exports('textool', {
+    /** 初始化入口方法 */
+    init: function (custom) {
+      return new Class(custom);
+    }
+  });
+
+});