dlt-for-react 1.0.3 → 1.0.5

package/lib/components/KyEditableTable/component.js

@@ -0,0 +1,216 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SwitchComponents = undefined;
+
+var _treeSelect = require('antd/lib/tree-select');
+
+var _treeSelect2 = _interopRequireDefault(_treeSelect);
+
+var _NHSelect2 = require('xgui-for-react/lib/components/NHSelect');
+
+var _NHSelect3 = _interopRequireDefault(_NHSelect2);
+
+var _radio = require('antd/lib/radio');
+
+var _radio2 = _interopRequireDefault(_radio);
+
+var _datePicker = require('antd/lib/date-picker');
+
+var _datePicker2 = _interopRequireDefault(_datePicker);
+
+var _switch = require('antd/lib/switch');
+
+var _switch2 = _interopRequireDefault(_switch);
+
+var _inputNumber = require('antd/lib/input-number');
+
+var _inputNumber2 = _interopRequireDefault(_inputNumber);
+
+var _input = require('antd/lib/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _select = require('antd/lib/select');
+
+var _select2 = _interopRequireDefault(_select);
+
+require('antd/lib/tree-select/style');
+
+require('antd/lib/radio/style');
+
+require('antd/lib/date-picker/style');
+
+require('antd/lib/switch/style');
+
+require('antd/lib/input-number/style');
+
+require('antd/lib/input/style');
+
+require('antd/lib/select/style');
+
+require('../../../assets/components/KyEditableTable/index.less');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _debounce = require('lodash/debounce');
+
+var _debounce2 = _interopRequireDefault(_debounce);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Option = _select2.default.Option;
+
+
+var styles = { style: { width: '100%' } };
+
+var changeInputData = function changeInputData(value, dataIndex, form, record, func) {
+  delayedChange(value, dataIndex, form, record, func);
+};
+
+var delayedChange = (0, _debounce2.default)(function (value, dataIndex, form, record, func) {
+  record[dataIndex] = value;
+  func && func((0, _extends3.default)({}, record));
+}, 200);
+
+/**
+ * 组件选择器
+ *
+ * @param {string} type
+ * @param {} config
+ */
+var SwitchComponents = exports.SwitchComponents = function SwitchComponents(type, dataIndex, form, record, func) {
+  var config = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
+  var selectOptions = arguments[6];
+
+  switch (type) {
+    case 'text':
+      return _react2.default.createElement(_input2.default, (0, _extends3.default)({}, config, styles, {
+        onClick: function onClick(e) {
+          var callback = config.callback;
+
+          callback && callback(e, record, dataIndex);
+        } //监听点击
+        , onPressEnter: function onPressEnter(e) {
+          changeInputData(e.target.value, dataIndex, form, record, func);
+        } //监听回车
+        , onBlur: function onBlur(e) {
+          changeInputData(e.target.value, dataIndex, form, record, func);
+        } //监听失去焦点
+        , onChange: function onChange(e) {
+          changeInputData(e.target.value, dataIndex, form, record, func);
+        } //监听失去焦点
+      }));
+    case 'hidden':
+      return _react2.default.createElement(_input2.default, (0, _extends3.default)({}, config, styles));
+    case 'number':
+      return _react2.default.createElement(_inputNumber2.default, (0, _extends3.default)({}, config, styles, {
+        onClick: function onClick(e) {
+          var callback = config.callback;
+
+          callback && callback(e, record, dataIndex);
+        },
+        onChange: function onChange(value) {
+          changeInputData(value, dataIndex, form, record, func);
+        }
+      }));
+    case 'switch':
+      return _react2.default.createElement(_switch2.default, config);
+    case 'date':
+      return _react2.default.createElement(_datePicker2.default, (0, _extends3.default)({}, config, {
+        onChange: function onChange(value) {
+          changeInputData(value, dataIndex, form, record, func);
+        }
+      }));
+    case 'select':
+      return _react2.default.createElement(
+        _select2.default,
+        (0, _extends3.default)({
+          filterOption: function filterOption(input, option) {
+            return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+          },
+          onChange: function onChange(value) {
+            changeInputData(value, dataIndex, form, record, func);
+          },
+          optionFilterProp: 'children',
+          placeholder: '\u8BF7\u9009\u62E9',
+          showSearch: true,
+          allowClear: true,
+          style: { width: 200 }
+        }, config, styles),
+        selectOptions.map(function (item, index) {
+          return _react2.default.createElement(
+            Option,
+            { value: item.value || item.VALUE, key: index },
+            item.label || item.LABEL
+          );
+        })
+      );
+    case 'radio':
+      return _react2.default.createElement(
+        _radio2.default.Group,
+        (0, _extends3.default)({
+          onChange: function onChange(e) {
+            changeInputData(e.target.value, dataIndex, form, record, func);
+          },
+          allowClear: true,
+          style: { width: 200 }
+        }, config, styles),
+        selectOptions.map(function (item, index) {
+          return _react2.default.createElement(
+            _radio2.default,
+            { value: item.value || item.VALUE, key: index },
+            item.label || item.LABEL
+          );
+        })
+      )
+      // <Select
+      //   filterOption={(input, option) =>
+      //     option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      //   }
+
+      //   optionFilterProp="children"
+      //   placeholder="请选择"
+      //   showSearch
+      //   allowClear
+      //   style={{ width: 200 }}
+      //   {...config}
+      //   {...styles}
+      // >
+      // </Select>
+      ;
+    case 'nh-select':
+      return _react2.default.createElement(_NHSelect3.default, (0, _extends3.default)({
+        style: { width: '100%' }
+      }, config, {
+        onChange: function onChange(value) {
+          changeInputData(value, dataIndex, form, record, func);
+        }
+      }));
+    case 'tree-select':
+      return _react2.default.createElement(_treeSelect2.default, (0, _extends3.default)({
+        showSearch: true,
+        style: { width: '100%' },
+        treeData: selectOptions,
+        onChange: function onChange(value) {
+          changeInputData(value, dataIndex, form, record, func);
+        },
+        dropdownStyle: { maxHeight: 400, overflow: 'auto' },
+        treeNodeFilterProp: 'title',
+        placeholder: '\u8BF7\u9009\u62E9',
+        treeDefaultExpandAll: true,
+        allowClear: true
+      }, config, styles));
+
+    default:
+      return _react2.default.createElement(_input2.default, { disabled: true });
+  }
+};