dlt-for-react 1.0.3 → 1.0.5

package/lib/components/KyCheckButton/index.js

@@ -0,0 +1,256 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _dropdown = require('antd/lib/dropdown');
+
+var _dropdown2 = _interopRequireDefault(_dropdown);
+
+var _icon = require('antd/lib/icon');
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _menu = require('antd/lib/menu');
+
+var _menu2 = _interopRequireDefault(_menu);
+
+var _button = require('antd/lib/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+require('antd/lib/dropdown/style');
+
+require('antd/lib/icon/style');
+
+require('antd/lib/menu/style');
+
+require('antd/lib/button/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+require('../../../assets/components/KyCheckButton/index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * @Description:选择按钮-多选、单选
+ * @Version: 1.0
+ * @Author: 琴时
+ */
+
+var KyCheckButton = function (_React$Component) {
+  (0, _inherits3.default)(KyCheckButton, _React$Component);
+
+  function KyCheckButton(props) {
+    (0, _classCallCheck3.default)(this, KyCheckButton);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (KyCheckButton.__proto__ || (0, _getPrototypeOf2.default)(KyCheckButton)).call(this, props));
+
+    _this.onChange = function (v) {
+      var _this$props = _this.props,
+          single = _this$props.single,
+          disabled = _this$props.disabled;
+
+      var value = [].concat((0, _toConsumableArray3.default)(_this.state.value));
+      var optionIndex = _this.state.value.indexOf(v);
+      if (disabled) {
+        //禁用
+        return;
+      }
+      if (optionIndex === -1) {
+        if (single) {
+          value = [v];
+        } else {
+          value.push(v);
+        }
+      } else {
+        value.splice(optionIndex, 1);
+      }
+
+      _this.setState({ value: value });
+      var onChange = _this.props.onChange;
+      if (onChange) {
+        onChange(value);
+      }
+    };
+
+    _this.handleVisibleChange = function (flag) {
+      _this.setState({ visible: flag });
+    };
+
+    _this.BuildCheckButton = function () {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+      if (!_this.props.showItems) {
+        return _this.buildOptions(options);
+      } else {
+        var num = parseInt(_this.props.showItems);
+        var optionsBk = [].concat((0, _toConsumableArray3.default)(options));
+        var checkOptions = optionsBk.slice(0, num);
+        var moreOptions = optionsBk.splice(num, options.length);
+        var DomHtml = [];
+        DomHtml.push(_this.buildOptions(checkOptions));
+        moreOptions.length > 0 && DomHtml.push(_this.buildMoreDrop(moreOptions));
+        return DomHtml;
+      }
+    };
+
+    _this.buildOptions = function () {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      var value = _this.state.value;
+      var disabled = _this.props.disabled;
+
+      var buttonList = [];
+      options.map(function (item) {
+        buttonList.push(_react2.default.createElement(
+          _button2.default,
+          {
+            key: item.value,
+            type: value.indexOf(item.value) >= 0 ? 'primary' : '',
+            onClick: function onClick() {
+              return _this.onChange(item.value);
+            },
+            className: (0, _classnames2.default)({ 'check-Button-disabled': disabled })
+          },
+          item.label
+        ));
+      });
+      return buttonList;
+    };
+
+    _this.buildMoreDrop = function () {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+      var MenueItems = [];
+      options.map(function (item) {
+        MenueItems.push(_react2.default.createElement(
+          _menu2.default.Item,
+          { key: item.label },
+          item.label
+        ));
+      });
+      var menu = _react2.default.createElement(
+        _menu2.default,
+        { onClick: function onClick(e) {
+            return _this.onChange(e.key);
+          } },
+        MenueItems
+      );
+      var DropHtml = _react2.default.createElement(
+        _dropdown2.default,
+        {
+          overlay: menu,
+          onVisibleChange: _this.handleVisibleChange,
+          visible: _this.state.visible
+        },
+        _react2.default.createElement(
+          'a',
+          { className: 'ant-dropdown-link', onClick: function onClick(e) {
+              return e.preventDefault();
+            } },
+          '\u66F4\u591A ',
+          _react2.default.createElement(_icon2.default, { type: 'down' })
+        )
+      );
+      return DropHtml;
+    };
+
+    _this.state = {
+      value: props.value || props.defaultValue || [],
+      options: []
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(KyCheckButton, [{
+    key: 'componentWillMount',
+    value: function componentWillMount() {
+      this.setState({
+        options: this.props.options
+      });
+    }
+  }, {
+    key: 'componentWillReceiveProps',
+    value: function componentWillReceiveProps(nextProps) {
+      if ('options' in nextProps && nextProps.options != this.props.options) {
+        this.setState({
+          options: nextProps.options
+        });
+      }
+      if ('value' in nextProps && nextProps.value != this.props.value) {
+        this.setState({
+          value: nextProps.value
+        });
+      }
+    }
+
+    // 改变
+
+  }, {
+    key: 'render',
+    value: function render() {
+      var className = this.props.className;
+      var options = this.state.options;
+      var value = this.state.value;
+
+      return _react2.default.createElement(
+        'div',
+        { className: (0, _classnames2.default)('check-Button', className) },
+        this.BuildCheckButton(options)
+      );
+    }
+  }]);
+  return KyCheckButton;
+}(_react2.default.Component);
+
+KyCheckButton.defaultProps = {
+  options: [],
+  single: false,
+  disabled: false
+};
+KyCheckButton.propTypes = {
+  single: _propTypes2.default.bool, // 是否单项选择
+  defaultValue: _propTypes2.default.array,
+  value: _propTypes2.default.array,
+  options: _propTypes2.default.array.isRequired, // 需要遍历的数据
+  onChange: _propTypes2.default.func,
+  disabled: _propTypes2.default.bool //是否禁用
+};
+exports.default = KyCheckButton;

package/lib/components/KyCollapse/index.js

@@ -0,0 +1,144 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _collapse = require('antd/lib/collapse');
+
+var _collapse2 = _interopRequireDefault(_collapse);
+
+require('antd/lib/collapse/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _reactCustomScrollbarsPatched = require('react-custom-scrollbars-patched');
+
+var _KyTitle = require('../KyTitle');
+
+var _KyTitle2 = _interopRequireDefault(_KyTitle);
+
+require('../../../assets/components/KyCollapse/index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Panel = _collapse2.default.Panel;
+
+/**
+ * 容器框架组件
+ */
+var KyCollapse = function (_React$Component) {
+  (0, _inherits3.default)(KyCollapse, _React$Component);
+
+  function KyCollapse(props) {
+    (0, _classCallCheck3.default)(this, KyCollapse);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (KyCollapse.__proto__ || (0, _getPrototypeOf2.default)(KyCollapse)).call(this, props));
+
+    _this.state = {};
+    return _this;
+  }
+
+  (0, _createClass3.default)(KyCollapse, [{
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          children = _props.children,
+          bordered = _props.bordered,
+          title = _props.title,
+          onClick = _props.onClick,
+          btnText = _props.btnText,
+          className = _props.className,
+          style = _props.style,
+          defaultExpansion = _props.defaultExpansion;
+
+      var defaultActiveKey = ['1'];
+      if (!defaultExpansion) {
+        defaultActiveKey = [];
+      }
+      return _react2.default.createElement(
+        'div',
+        { className: 'KyCollapse' },
+        _react2.default.createElement(
+          _collapse2.default,
+          {
+            bordered: bordered,
+            expandIconPosition: 'right',
+            defaultActiveKey: defaultActiveKey,
+            className: 'site-collapse-custom-collapse'
+          },
+          _react2.default.createElement(
+            Panel,
+            {
+              className: 'site-collapse-custom-panel',
+              header: _react2.default.createElement(_KyTitle2.default, {
+                title: title,
+                onClick: onClick,
+                btnText: btnText,
+                className: className,
+                style: style
+              }),
+              key: '1'
+            },
+            children
+          )
+        )
+      );
+    }
+  }]);
+  return KyCollapse;
+}(_react2.default.Component);
+
+/**
+ * 默认属性
+ */
+
+
+KyCollapse.defaultProps = {
+  defaultExpansion: true,
+  bordered: false,
+  title: '标题', // KyTitle页面标题
+  btnText: '操作', // KyTitle右侧按钮文本
+  className: '', // KyTitle组件类选择器名称
+  style: {}
+};
+
+/**
+ * 属性检查
+ */
+KyCollapse.propTypes = {
+  defaultExpansion: _propTypes2.default.bool,
+  hidden: _propTypes2.default.bool,
+  bordered: _propTypes2.default.bool,
+  title: _propTypes2.default.string.isRequired, // KyTitle左侧标题
+  onClick: _propTypes2.default.func, // KyTitle右侧按钮
+  btnText: _propTypes2.default.string // KyTitle右侧按钮文本
+};
+
+exports.default = KyCollapse;

package/lib/components/KyContainerFrame/index.js

@@ -0,0 +1,239 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
+
+var _defineProperty3 = _interopRequireDefault(_defineProperty2);
+
+var _row = require('antd/lib/row');
+
+var _row2 = _interopRequireDefault(_row);
+
+var _pageHeader = require('antd/lib/page-header');
+
+var _pageHeader2 = _interopRequireDefault(_pageHeader);
+
+var _button = require('antd/lib/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _col = require('antd/lib/col');
+
+var _col2 = _interopRequireDefault(_col);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _KyContainerFrame$pro;
+
+require('antd/lib/row/style');
+
+require('antd/lib/page-header/style');
+
+require('antd/lib/button/style');
+
+require('antd/lib/col/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _reactCustomScrollbarsPatched = require('react-custom-scrollbars-patched');
+
+var _utils = require('../../utils');
+
+require('../../../assets/components/KyContainerFrame/index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * 容器框架组件
+ */
+var KyContainerFrame = function (_React$Component) {
+  (0, _inherits3.default)(KyContainerFrame, _React$Component);
+
+  function KyContainerFrame(props) {
+    (0, _classCallCheck3.default)(this, KyContainerFrame);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (KyContainerFrame.__proto__ || (0, _getPrototypeOf2.default)(KyContainerFrame)).call(this, props));
+
+    _this.stopLoading = function () {
+      _this.setState({
+        loading: false
+      });
+    };
+
+    _this.handleSave = function () {
+      _this.setState({
+        loading: true
+      });
+      var onOk = _this.props.onOk;
+
+      onOk && onOk(_this.stopLoading);
+    };
+
+    _this.getButtons = function () {
+      var _this$props = _this.props,
+          buttons = _this$props.buttons,
+          onOk = _this$props.onOk,
+          onCancel = _this$props.onCancel,
+          okText = _this$props.okText,
+          okType = _this$props.okType,
+          cancelText = _this$props.cancelText,
+          clType = _this$props.clType,
+          loading = _this$props.loading;
+
+      var list = buttons.map(function (item) {
+        return _react2.default.createElement(
+          _col2.default,
+          { key: (0, _utils.createUuid)() },
+          item
+        );
+      });
+      if (onOk) {
+        list.push(_react2.default.createElement(
+          _button2.default,
+          {
+            key: (0, _utils.createUuid)(),
+            type: okType,
+            onClick: _this.handleSave,
+            loading: loading !== undefined ? loading : _this.state.loading
+          },
+          okText
+        ));
+      }
+      if (onCancel) {
+        list.push(_react2.default.createElement(
+          _button2.default,
+          { type: clType, style: { marginLeft: '16px' }, key: (0, _utils.createUuid)(), onClick: onCancel },
+          '\u8FD4\u56DE'
+        ));
+      }
+      return list;
+    };
+
+    _this.wrapScroll = function (component, contentHeight) {
+      var _this$props$scroll = _this.props.scroll,
+          scroll = _this$props$scroll === undefined ? true : _this$props$scroll;
+
+      if (scroll) {
+        return _react2.default.createElement(
+          _reactCustomScrollbarsPatched.Scrollbars,
+          { autoHide: true, style: { width: '100%', height: contentHeight } },
+          _react2.default.createElement(
+            'div',
+            null,
+            component
+          )
+        );
+      } else {
+        return component;
+      }
+    };
+
+    _this.state = {
+      loading: false
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(KyContainerFrame, [{
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          onCancel = _props.onCancel,
+          hideHeader = _props.hideHeader,
+          pageHeader = _props.pageHeader,
+          title = _props.title,
+          visible = _props.visible,
+          height = _props.height,
+          children = _props.children,
+          pageHeaderHidden = _props.pageHeaderHidden,
+          className = _props.className;
+
+      var contentHeight = height ? parseInt(height) : (0, _utils.getSize)().windowH - 207 - (hideHeader ? 0 : 50);
+      if (!visible) return null;
+      return _react2.default.createElement(
+        'div',
+        { className: (0, _classnames2.default)('KyContainerFrame', className) },
+        !hideHeader && (pageHeader ? !pageHeaderHidden && _react2.default.createElement(_pageHeader2.default, { onBack: onCancel, title: title }) : _react2.default.createElement(
+          'div',
+          { className: 'header' },
+          _react2.default.createElement(
+            _row2.default,
+            null,
+            _react2.default.createElement(
+              _col2.default,
+              { span: 16, className: 'title' },
+              title
+            ),
+            _react2.default.createElement(
+              _col2.default,
+              { span: 8, className: 'button' },
+              this.getButtons()
+            )
+          )
+        )),
+        this.wrapScroll(children, contentHeight)
+      );
+    }
+  }]);
+  return KyContainerFrame;
+}(_react2.default.Component);
+
+/**
+ * 默认属性
+ */
+
+
+KyContainerFrame.defaultProps = {
+  hideHeader: false,
+  title: '标题', //页面标题
+  visible: true, //默认可见
+  buttons: [], //自定义按钮组
+  okText: '保存', //保存按钮标题
+  okType: 'primary', //保存按钮样式
+  cancelText: '返回', //返回按钮标题
+  clType: 'default', //返回按钮样式
+  pageHeader: false, //使用页头组件
+  pageHeaderHidden: false //使用页头组件,默认显示
+};
+
+/**
+ * 属性检查
+ */
+KyContainerFrame.propTypes = (_KyContainerFrame$pro = {
+  hideHeader: _propTypes2.default.bool, //隐藏头部
+  pageHeader: _propTypes2.default.bool, //使用页头
+  title: _propTypes2.default.string.isRequired, //页面标题
+  pageHeaderHidden: _propTypes2.default.bool }, (0, _defineProperty3.default)(_KyContainerFrame$pro, 'title', _propTypes2.default.string.isRequired), (0, _defineProperty3.default)(_KyContainerFrame$pro, 'visible', _propTypes2.default.bool), (0, _defineProperty3.default)(_KyContainerFrame$pro, 'buttons', _propTypes2.default.arrayOf(_propTypes2.default.object)), (0, _defineProperty3.default)(_KyContainerFrame$pro, 'onOk', _propTypes2.default.func), (0, _defineProperty3.default)(_KyContainerFrame$pro, 'onCancel', _propTypes2.default.func.isRequired), (0, _defineProperty3.default)(_KyContainerFrame$pro, 'height', _propTypes2.default.number), (0, _defineProperty3.default)(_KyContainerFrame$pro, 'okText', _propTypes2.default.string), (0, _defineProperty3.default)(_KyContainerFrame$pro, 'cancelText', _propTypes2.default.string), _KyContainerFrame$pro);
+
+exports.default = KyContainerFrame;