dlt-for-react 1.0.24 → 1.1.1

package/lib/layouts/KyInputPicker/setting-switch.js

@@ -0,0 +1,274 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _switch = require('antd/lib/switch');
+
+var _switch2 = _interopRequireDefault(_switch);
+
+var _input = require('antd/lib/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+var _row = require('antd/lib/row');
+
+var _row2 = _interopRequireDefault(_row);
+
+var _col = require('antd/lib/col');
+
+var _col2 = _interopRequireDefault(_col);
+
+var _message2 = require('antd/lib/message');
+
+var _message3 = _interopRequireDefault(_message2);
+
+var _stringify = require('babel-runtime/core-js/json/stringify');
+
+var _stringify2 = _interopRequireDefault(_stringify);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+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/switch/style');
+
+require('antd/lib/input/style');
+
+require('antd/lib/row/style');
+
+require('antd/lib/col/style');
+
+require('antd/lib/message/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _inputConst = require('./input-const');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * 开关选择器输入控件配置组件
+ * Author: zengxiangkai@ly-sky.com
+ * Created on: 2018-02-07 09:36:29
+ * Version: 1.0
+ * Modify log:
+ * 2019-03-21：1、增加validationValueType表单校验值类型属性
+ */
+var SettingSwitch = function (_React$Component) {
+    (0, _inherits3.default)(SettingSwitch, _React$Component);
+
+    function SettingSwitch(props) {
+        (0, _classCallCheck3.default)(this, SettingSwitch);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (SettingSwitch.__proto__ || (0, _getPrototypeOf2.default)(SettingSwitch)).call(this, props));
+
+        _this.getFeature = function () {
+            return _this.state.feature;
+        };
+
+        _this.handleCheckedTextChange = function (e) {
+            var checkedText = e.target.value;
+            var fp = (0, _extends3.default)({}, _this.state.featureParams);
+            fp.checkedText = checkedText;
+            _this.setState({ featureParams: fp });
+            _this.createFeature(fp);
+        };
+
+        _this.handleUncheckedTextChange = function (e) {
+            var uncheckedText = e.target.value;
+            var fp = (0, _extends3.default)({}, _this.state.featureParams);
+            fp.uncheckedText = uncheckedText;
+            _this.setState({ featureParams: fp });
+            _this.createFeature(fp);
+        };
+
+        _this.handleDefaultCheckedChange = function (value) {
+            var defaultChecked = value;
+            var fp = (0, _extends3.default)({}, _this.state.featureParams);
+            fp.defaultChecked = defaultChecked;
+            _this.setState({ featureParams: fp });
+            _this.createFeature(fp);
+        };
+
+        _this.createFeature = function (featureParams) {
+
+            try {
+                var feature = (0, _stringify2.default)(featureParams);
+                _this.setState({
+                    feature: feature
+                });
+                _this.props.onChange(feature);
+            } catch (e) {
+                console.log(e);
+                _message3.default.error('生成控件配置参数出错！');
+            }
+        };
+
+        _this.state = {
+            feature: '', //原参数json字符串
+            featureParams: {
+                name: '开关选择器组件',
+                type: _inputConst.InputType.SWITCH, //控件类型，必须有此属性，用于渲染时期判断控件类型
+                checkedText: '', //开启时的文字说明
+                uncheckedText: '', //关闭时的文字说明
+                defaultChecked: false, //是否开启
+                validationValueType: 'boolean' //用于校验的值的类型
+            }
+        };
+        return _this;
+    }
+
+    (0, _createClass3.default)(SettingSwitch, [{
+        key: 'componentWillMount',
+
+
+        //在渲染前调用,可在此最后一次初始化组件状态
+        value: function componentWillMount() {
+            //将输入控件配置参数设置到状态中
+            if (this.props.initFeature) {
+                try {
+                    var initFeature = JSON.parse(this.props.initFeature);
+                    if (initFeature.type == _inputConst.InputType.SWITCH) {
+                        var _initFeature$checkedT = initFeature.checkedText,
+                            checkedText = _initFeature$checkedT === undefined ? '' : _initFeature$checkedT,
+                            _initFeature$unchecke = initFeature.uncheckedText,
+                            uncheckedText = _initFeature$unchecke === undefined ? '' : _initFeature$unchecke,
+                            _initFeature$defaultC = initFeature.defaultChecked,
+                            defaultChecked = _initFeature$defaultC === undefined ? false : _initFeature$defaultC;
+
+
+                        var fp = (0, _extends3.default)({}, this.state.featureParams);
+                        fp.checkedText = checkedText;
+                        fp.uncheckedText = uncheckedText;
+                        fp.defaultChecked = defaultChecked;
+
+                        this.setState({
+                            feature: this.props.initFeature,
+                            featureParams: fp
+                        });
+                    }
+                } catch (e) {
+                    console.log(e);
+                    _message3.default.error('解析控件配置参数出错！');
+                }
+            } else {
+                try {
+                    var feature = (0, _stringify2.default)(this.state.featureParams);
+                    this.setState({
+                        feature: feature
+                    });
+                } catch (e) {
+                    console.log(e);
+                    _message3.default.error('生成控件配置参数出错！');
+                }
+            }
+        }
+
+        //供父组件获取feature
+
+
+        //当开关开启文字说明改变时
+
+
+        //当开关关闭文字说明改变时
+
+
+        //当默认状态改变时
+
+
+        //生成feature参数json字符串
+
+    }, {
+        key: 'render',
+        value: function render() {
+            var _state$featureParams = this.state.featureParams,
+                checkedText = _state$featureParams.checkedText,
+                uncheckedText = _state$featureParams.uncheckedText,
+                defaultChecked = _state$featureParams.defaultChecked;
+
+
+            return _react2.default.createElement(
+                'div',
+                { id: 'input-setting-div' },
+                _react2.default.createElement(
+                    _row2.default,
+                    { type: 'flex' },
+                    _react2.default.createElement(
+                        _col2.default,
+                        null,
+                        _react2.default.createElement(
+                            'div',
+                            { style: { margin: "16px 0" } },
+                            '\u5F00\u5173\u6587\u5B57\u8BF4\u660E'
+                        )
+                    )
+                ),
+                _react2.default.createElement(
+                    _row2.default,
+                    { type: 'flex', gutter: 8 },
+                    _react2.default.createElement(
+                        _col2.default,
+                        { span: 12 },
+                        _react2.default.createElement(_input2.default, { placeholder: '\u8BF7\u8F93\u5165\u5F00\u542F\u6587\u5B57\u8BF4\u660E', value: checkedText, onChange: this.handleCheckedTextChange })
+                    ),
+                    _react2.default.createElement(
+                        _col2.default,
+                        { span: 12 },
+                        _react2.default.createElement(_input2.default, { placeholder: '\u8BF7\u8F93\u5165\u5173\u95ED\u6587\u5B57\u8BF4\u660E', value: uncheckedText, onChange: this.handleUncheckedTextChange })
+                    )
+                ),
+                _react2.default.createElement(
+                    _row2.default,
+                    { type: 'flex' },
+                    _react2.default.createElement(
+                        _col2.default,
+                        { span: 24 },
+                        _react2.default.createElement(
+                            'div',
+                            { style: { margin: "16px 0" } },
+                            '\u9ED8\u8BA4\u72B6\u6001'
+                        )
+                    )
+                ),
+                _react2.default.createElement(
+                    _row2.default,
+                    { type: 'flex' },
+                    _react2.default.createElement(
+                        _col2.default,
+                        { span: 12 },
+                        _react2.default.createElement(_switch2.default, { checkedChildren: checkedText, unCheckedChildren: uncheckedText, checked: defaultChecked, onChange: this.handleDefaultCheckedChange })
+                    )
+                )
+            );
+        }
+    }]);
+    return SettingSwitch;
+}(_react2.default.Component);
+
+SettingSwitch.defaultProps = {
+    initFeature: '' };
+exports.default = SettingSwitch;