dlt-for-react 1.0.2 → 1.0.3

package/lib/components/KyInputPicker/index.js

@@ -0,0 +1,220 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _row = require('antd/lib/row');
+
+var _row2 = _interopRequireDefault(_row);
+
+var _button = require('antd/lib/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _col = require('antd/lib/col');
+
+var _col2 = _interopRequireDefault(_col);
+
+var _message2 = require('antd/lib/message');
+
+var _message3 = _interopRequireDefault(_message2);
+
+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/row/style');
+
+require('antd/lib/button/style');
+
+require('antd/lib/col/style');
+
+require('antd/lib/message/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _KyModal = require('../KyModal');
+
+var _KyModal2 = _interopRequireDefault(_KyModal);
+
+var _editPage = require('./edit-page');
+
+var _editPage2 = _interopRequireDefault(_editPage);
+
+var _render = require('./render');
+
+var _render2 = _interopRequireDefault(_render);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * 输入控件配置生成器
+ * Author: zengxiangkai@ly-sky.com
+ * Created on: 2018-02-05 13:57:05
+ * Version: 1.0
+ * Modify log:
+ */
+var NHInputPicker = function (_React$Component) {
+  (0, _inherits3.default)(NHInputPicker, _React$Component);
+
+  function NHInputPicker(props) {
+    (0, _classCallCheck3.default)(this, NHInputPicker);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (NHInputPicker.__proto__ || (0, _getPrototypeOf2.default)(NHInputPicker)).call(this, props));
+
+    _this.getFeature = function () {
+      return _this.state.feature;
+    };
+
+    _this.handleBtnClick = function () {
+      _this.KyModal.show();
+    };
+
+    _this.handleOk = function (stopLoading) {
+      var feature = _this.editpage.getFeature();
+      var map = JSON.parse(feature);
+      if (map.type === 'upload') {
+        if (map.moduleName && map.serviceMark) {
+          if (feature === undefined) {
+            _message3.default.warning('未设置任何输入控件配置信息！');
+          } else {
+            if (!('value' in _this.props)) {
+              _this.setState({ feature: feature });
+            }
+            _this.triggerChange(feature);
+          }
+          _this.KyModal.close();
+        } else {
+          _message3.default.error('服务标志和模块名称不能为空！');
+          stopLoading();
+        }
+      } else {
+        if (feature === undefined) {
+          _message3.default.warning('未设置任何输入控件配置信息！');
+        } else {
+          if (!('value' in _this.props)) {
+            _this.setState({ feature: feature });
+          }
+          _this.triggerChange(feature);
+        }
+        _this.KyModal.close();
+      }
+    };
+
+    _this.triggerChange = function (changedValue) {
+      // Should provide an event to pass value to Form.
+      var onChange = _this.props.onChange;
+      if (onChange) {
+        onChange(changedValue);
+      }
+    };
+
+    var value = _this.props.value || '';
+    _this.state = {
+      feature: value || '' //设置的输入控件配置参数
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(NHInputPicker, [{
+    key: 'componentWillReceiveProps',
+    value: function componentWillReceiveProps(nextProps) {
+      // Should be a controlled component.
+      if ('value' in nextProps) {
+        var value = nextProps.value;
+        this.setState({ feature: value });
+      }
+    }
+
+    //供父组件获取feature
+
+
+    //打开输入控件配置窗口
+
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      return _react2.default.createElement(
+        'div',
+        null,
+        _react2.default.createElement(
+          _row2.default,
+          null,
+          _react2.default.createElement(
+            _col2.default,
+            null,
+            this.state.feature ? _react2.default.createElement(_render2.default, { feature: this.state.feature, isEdit: this.props.isEdit }) : this.props.value ? _react2.default.createElement(_render2.default, { feature: this.props.value, isEdit: this.props.isEdit }) : null
+          ),
+          _react2.default.createElement(
+            _col2.default,
+            null,
+            _react2.default.createElement(
+              _button2.default,
+              { onClick: this.handleBtnClick },
+              '\u8BBE\u7F6E\u8F93\u5165\u6846\u7C7B\u578B'
+            )
+          )
+        ),
+        _react2.default.createElement(
+          _KyModal2.default,
+          {
+            ref: function ref(form) {
+              _this2.KyModal = form;
+            },
+            title: '\u8BBE\u7F6E\u8F93\u5165\u63A7\u4EF6\u7C7B\u578B',
+            width: 620,
+            onOk: this.handleOk
+          },
+          _react2.default.createElement(_editPage2.default, {
+            ref: function ref(form) {
+              _this2.editpage = form;
+            },
+            initFeature: this.state.feature ? this.state.feature : this.props.initFeature,
+            serverUrl: this.props.serverUrl,
+            serverSign: this.props.serverSign
+          })
+        )
+      );
+    }
+  }]);
+  return NHInputPicker;
+}(_react2.default.Component);
+
+/**
+ * @type {{value: *, onChange: *}}
+ */
+
+
+NHInputPicker.propTypes = {
+  value: _propTypes2.default.string, //输入控件参数字符串
+  onChange: _propTypes2.default.func, //输入控件参数变化时的回调方法
+  serverUrl: _propTypes2.default.string,
+  serverSign: _propTypes2.default.string
+};
+
+exports.default = NHInputPicker;

package/lib/components/KyInputPicker/input-const.js

@@ -0,0 +1,134 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+/**
+ * 输入控件常用常量
+ * Author: zengxiangkai@ly-sky.com
+ * Created on: 2018-02-05 15:06:15
+ * Version: 1.0
+ * Modify log:
+ */
+
+//输入控件类型常量
+var InputType = exports.InputType = {
+  INPUT: 'input', //单行文本输入控件类型
+  INPUTNUMBER: 'inputnumber', //数字输入控件类型
+  TEXTAREA: 'textarea', //多行文本输入控件类型
+  SELECT: 'select', //下拉选择器类型
+  SEL: 'sel', //下拉选择器类型
+  RADIO: 'radio', //单选框类型
+  CHECKBOX: 'checkbox', //多选框类型
+  SWITCH: 'switch', //开关类型
+  UPLOAD: 'upload', //上传控件类型
+  DATEPICKER: 'datepicker', // 日期控件
+  RANGEPICKER: 'rangepicker', // 日期范围控件
+  TIMEPICKER: 'timepicker', // 时间控件
+  MULTISELECT: 'multiselect', // 多选下拉框
+  NHCASCADER: 'nhcascader', // 级联下拉框
+  DATETIMEPICKER: 'datetimepicker', // 日期时间选择框
+  MONTHPICKER: 'monthpicker', // 月份选择框
+  OLDUPLOAD: 'oldupload', // 旧版附件上传，没有附件主表
+  STUSELECTOR: 'stuselector', // 学生选择器
+  TEASELECTOR: 'teaselector' // 教师选择器
+};
+
+//控件宽度类型
+var WidthType = exports.WidthType = {
+  DEFAULT: 'default', //默认，自适应
+  RELATIVE: 'relative', //相对宽度，百分比
+  FIXED: 'fixed' //固定宽度，像素
+};
+
+//正则表达式常量
+var RegularExpression = exports.RegularExpression = {
+  NUMBER: { describe: '数字', rule: { pattern: '^[0-9]*$', message: '请输入数字' } },
+  CN_CHARACTERS: {
+    describe: '汉字',
+    rule: { pattern: '^[\\u4e00-\\u9fa5]{0,}$', message: '请输入汉字' }
+  },
+  EN_CHARACTERS: { describe: '英文', rule: { pattern: '^[A-Za-z]+$', message: '请输入英文' } },
+  EN_NUMBER_UNDERLINE: {
+    describe: '英文、数字或下划线',
+    rule: { pattern: '^\\w+$', message: '请输入英文、数字或下划线' }
+  },
+  EN_NUMBER: {
+    describe: '英文或数字',
+    rule: { pattern: '^[A-Za-z0-9]+$', message: '请输入英文或数字' }
+  },
+  EMAIL: {
+    describe: '邮箱地址',
+    rule: {
+      pattern: '\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$',
+      message: '请输入正确的邮箱地址'
+    }
+  },
+  MOBILE_PHONE_NUMBER: {
+    describe: '手机号码',
+    rule: { pattern: '^[1]\\d{10}$', message: '请输入正确的手机号码' }
+  },
+  PHONE_NUMBER: {
+    describe: '电话号码',
+    rule: { pattern: '\\d{3}-\\d{8}|\\d{4}-\\d{7}', message: '请输入正确的电话号码' }
+  },
+  IDCARD: {
+    describe: '身份证号码',
+    rule: {
+      pattern: '^([1-9]\\d{7}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3})|([1-9]\\d{5}[1-9]\\d{3}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])((\\d{4})|(\\d{3}[X])))$',
+      message: '请输入正确的身份证号'
+    }
+  },
+  QQ: { describe: 'QQ号码', rule: { pattern: '[1-9][0-9]{4,}', message: '请输入正确的QQ号' } },
+  POSTAL_CODE: {
+    describe: '邮政编码',
+    rule: { pattern: '^[0-9]\\d{5}$', message: '请输入正确的邮政编码' }
+  },
+  JS_BANK_NUMBER: {
+    describe: '建设银行卡号',
+    rule: {
+      pattern: '^(((621284|436742|589970|620060|621081|621467|621598|621621|621700|622280|622700|623211|623668)\\d{13})|((421349|434061|434062|524094|526410|552245|621080|621082|621466|621488|621499|622966|622988|622382|621487|621083|621084|620107)\\d{10})|((436742193|622280193)\\d{10})|((553242)\\d{12})|((625362|625363|628316|628317|356896|356899|356895|436718|436738|436745|436748|489592|531693|532450|532458|544887|552801|557080|558895|559051|622166|622168|622708|625964|625965|625966|628266|628366|622381|622675|622676|622677)\\d{10})|((5453242|5491031|5544033)\\d{11})|((622725|622728|436728|453242|491031|544033|622707|625955|625956)\\d{10})|((53242|53243)\\d{11}))$',
+      message: '请输入正确的建设银行卡号'
+    }
+  },
+  ICBC_SAVINGS_CARD_NUMBER: {
+    describe: '工商银行储蓄卡位数',
+    rule: { pattern: '^[0-9]\\d{18}$', message: '请输入正确的工商银行储蓄卡位数为19位' }
+  },
+  CHINA_BANK_NUMBER: {
+    describe: '中国银行卡号',
+    rule: {
+      pattern: '^(621660|621661|621662|621663|621665|621667|621668|621669|621666|456351|601382|621256|621212|621283|620061|621725|621330|621331|621332|621333|621297|621568|621569|621672|623208|621620|621756|621757|621758|621759|621785|621786|621787|621788|621789|621790|622273|622274|622771|622772|622770|621741|621041)\\d{13}|(621293|621294|621342|621343|621364|621394|621648|621248|621215|621249|621231|621638|621334|621395|623040|622348)\\d{10}|(625908|625910|625909|356833|356835|409665|409666|409668|409669|409670|409671|409672|512315|512316|512411|512412|514957|409667|438088|552742|553131|514958|622760|628388|518377|622788|628313|628312|622750|622751|625145|622479|622480|622789|625140|622346|622347)\\d{10}|(518378|518379|518474|518475|518476|524865|525745|525746|547766|558868|622752|622753|622755|524864|622757|622758|622759|622761|622762|622763|622756|622754|622764|622765|558869|625905|625906|625907|625333)\\d{10}|(53591|49102|377677)\\d{11}|(620514|620025|620026|620210|620211|620019|620035|620202|620203|620048|620515|920000)\\d{10}|(620040|620531|620513|921000|620038)\\d{13}$',
+      message: '请输入正确的中国银行卡号'
+    }
+  },
+  ICBC_BANK_NUMBER: {
+    describe: '工商银行卡号',
+    rule: {
+      pattern: '^(620200|620302|620402|620403|620404|620406|620407|620409|620410|620411|620412|620502|620503|620405|620408|620512|620602|620604|620607|620611|620612|620704|620706|620707|620708|620709|620710|620609|620712|620713|620714|620802|620711|620904|620905|621001|620902|621103|621105|621106|621107|621102|621203|621204|621205|621206|621207|621208|621209|621210|621302|621303|621202|621305|621306|621307|621309|621311|621313|621211|621315|621304|621402|621404|621405|621406|621407|621408|621409|621410|621502|621317|621511|621602|621603|621604|621605|621608|621609|621610|621611|621612|621613|621614|621615|621616|621617|621607|621606|621804|621807|621813|621814|621817|621901|621904|621905|621906|621907|621908|621909|621910|621911|621912|621913|621915|622002|621903|622004|622005|622006|622007|622008|622010|622011|622012|621914|622015|622016|622003|622018|622019|622020|622102|622103|622104|622105|622013|622111|622114|622017|622110|622303|622304|622305|622306|622307|622308|622309|622314|622315|622317|622302|622402|622403|622404|622313|622504|622505|622509|622513|622517|622502|622604|622605|622606|622510|622703|622715|622806|622902|622903|622706|623002|623006|623008|623011|623012|622904|623015|623100|623202|623301|623400|623500|623602|623803|623901|623014|624100|624200|624301|624402|623700|624000)\\d{12}|(622200|622202|622203|622208|621225|620058|621281|900000|621558|621559|621722|621723|620086|621226|621618|620516|621227|621288|621721|900010|623062|621670|621720|621379|621240|621724|621762|621414|621375|622926|622927|622928|622929|622930|622931|621733|621732|621372|621369|621763)\\d{13}|(402791|427028|427038|548259|621376|621423|621428|621434|621761|621749|621300|621378|622944|622949|621371|621730|621734|621433|621370|621764|621464|621765|621750|621377|621367|621374|621731|621781)\\d{10}|(370246|370248|370249|370247|370267|374738|374739)\\d{9}|(427010|427018|427019|427020|427029|427030|427039|438125|438126|451804|451810|451811|458071|489734|489735|489736|510529|427062|524091|427064|530970|530990|558360|524047|525498|622230|622231|622232|622233|622234|622235|622237|622239|622240|622245|622238|451804|451810|451811|458071|628288|628286|622206|526836|513685|543098|458441|622246|544210|548943|356879|356880|356881|356882|528856|625330|625331|625332|622236|524374|550213|625929|625927|625939|625987|625930|625114|622159|625021|625022|625932|622889|625900|625915|625916|622171|625931|625113|625928|625914|625986|625925|625921|625926|625942|622158|625917|625922|625934|625933|625920|625924|625017|625018|625019)\\d{10}|(9558)\\d{15}|(45806|53098|45806|53098)\\d{11}|(622210|622211|622212|622213|622214|622220|622223|622225|622229|622215|622224)\\d{10}|(620054|620142|620184|620030|620050|620143|620149|620124|620183|620094|620186|620148|620185)\\d{10}|(620114|620187|620046)\\d{13}$',
+      message: '请输入正确的工商银行卡号'
+    }
+  },
+  BCM_BANK_NUMBER: {
+    describe: '交通银行卡号',
+    rule: {
+      pattern: '^(622261|622260|622262|621002|621069|621436|621335)\\d{13}|(620013)\\d{10}|(405512|601428|405512|601428|622258|622259|405512|601428)\\d{11}|(49104|53783)\\d{11}|(434910|458123|458124|520169|522964|552853|622250|622251|521899|622253|622656|628216|622252|955590|955591|955592|955593|628218|625028|625029)\\d{10}|(622254|622255|622256|622257|622284)\\d{10}|(620021|620521)\\d{13}$',
+      message: '请输入正确的交通银行卡号'
+    }
+  },
+  ABC_BANK_NUMBER: {
+    describe: '农业银行卡号',
+    rule: {
+      pattern: '^(622841|622824|622826|622848|620059|621282|622828|622823|621336|621619|622821|622822|622825|622827|622845|622849|623018|623206|621671|622840|622843|622844|622846|622847|620501)\\d{13}|(95595|95596|95597|95598|95599)\\d{14}|(103)\\d{16}|(403361|404117|404118|404119|404120|404121|463758|519412|519413|520082|520083|552599|558730|514027|622836|622837|628268|625996|625998|625997|622838|625336|625826|625827|544243|548478|628269)\\d{10}|(622820|622830)\\d{10}$',
+      message: '请输入正确的农业银行卡号'
+    }
+  }
+};
+
+//文件后缀
+var UploadFileNameSuffix = exports.UploadFileNameSuffix = {
+  imageFileType: ['png', 'jpeg', 'gif', 'svg', 'tiff'],
+  otherFileType: ['doc', 'docx', 'txt', 'ppt', 'pptx', 'xls', 'xlsx', 'zip', '7z']
+};
+
+exports.default = RegularExpression;