dlt-for-react 1.1.16 → 1.1.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (87) hide show
  1. package/README.md +20 -1
  2. package/assets/HqCheckButton/index.less +13 -0
  3. package/assets/HqImage/index.less +11 -0
  4. package/assets/HqInputPicker/index.less +8 -0
  5. package/assets/selector/resultview/index.less +53 -0
  6. package/assets/selector/selectormodal/index.less +15 -0
  7. package/assets/selector/table/index.less +211 -0
  8. package/assets/selector/tree/index.less +138 -0
  9. package/assets/stuSelector/index.less +24 -0
  10. package/assets/teaSelector/index.less +4 -0
  11. package/lib/components/HqButton/index.js +95 -0
  12. package/lib/components/HqCascader/index.js +306 -0
  13. package/lib/components/HqCheckBox/index.js +375 -0
  14. package/lib/components/HqCheckButton/index.js +284 -0
  15. package/lib/components/HqConfirm/index.js +81 -0
  16. package/lib/components/HqFormItem/FormRules.js +27 -0
  17. package/lib/components/HqFormItem/index.js +309 -0
  18. package/lib/components/HqImage/index.js +553 -0
  19. package/lib/components/HqInputPicker/edit-page.js +585 -0
  20. package/lib/components/HqInputPicker/index.js +226 -0
  21. package/lib/components/HqInputPicker/input-const.js +134 -0
  22. package/lib/components/HqInputPicker/render.js +2496 -0
  23. package/lib/components/HqInputPicker/setting-checkbox.js +853 -0
  24. package/lib/components/HqInputPicker/setting-datepicker.js +430 -0
  25. package/lib/components/HqInputPicker/setting-datetimepicker.js +443 -0
  26. package/lib/components/HqInputPicker/setting-input.js +555 -0
  27. package/lib/components/HqInputPicker/setting-inputNumber.js +658 -0
  28. package/lib/components/HqInputPicker/setting-monthpicker.js +434 -0
  29. package/lib/components/HqInputPicker/setting-multiSelect.js +533 -0
  30. package/lib/components/HqInputPicker/setting-nhcascader.js +588 -0
  31. package/lib/components/HqInputPicker/setting-old-upload.js +428 -0
  32. package/lib/components/HqInputPicker/setting-radio.js +468 -0
  33. package/lib/components/HqInputPicker/setting-rangepicker.js +466 -0
  34. package/lib/components/HqInputPicker/setting-select.js +534 -0
  35. package/lib/components/HqInputPicker/setting-stu-selector.js +508 -0
  36. package/lib/components/HqInputPicker/setting-switch.js +274 -0
  37. package/lib/components/HqInputPicker/setting-tea-selector.js +508 -0
  38. package/lib/components/HqInputPicker/setting-textarea.js +619 -0
  39. package/lib/components/HqInputPicker/setting-timepicker.js +437 -0
  40. package/lib/components/HqInputPicker/setting-upload.js +795 -0
  41. package/lib/components/HqMultiSelect/index.js +495 -0
  42. package/lib/components/HqOldUpload/index.js +350 -0
  43. package/lib/components/HqSelect/getSelectName.js +20 -0
  44. package/lib/components/HqSelect/index.js +495 -0
  45. package/lib/components/HqSelector/HqLsrySelector/index.js +269 -267
  46. package/lib/components/HqSelector/HqRySelector/index.js +4 -2
  47. package/lib/components/HqSelector/HqWzSelector/index.js +4 -2
  48. package/lib/components/HqStuSelector/index.js +267 -0
  49. package/lib/components/HqSwitch/index.js +280 -0
  50. package/lib/components/HqTeaSelector/index.js +221 -0
  51. package/lib/components/KyCollapse/index.js +23 -24
  52. package/lib/components/KyContainerFrame/index.js +2 -2
  53. package/lib/components/KyEditableTable/component.js +38 -38
  54. package/lib/components/KyEditableTable/index.js +203 -181
  55. package/lib/components/KyExcel/index.js +191 -153
  56. package/lib/components/KyModal/index.js +43 -33
  57. package/lib/components/KyTable/AddFieldsModal.js +66 -59
  58. package/lib/components/KyTable/checkButtons.js +3 -13
  59. package/lib/components/KyTable/index.js +2 -2
  60. package/lib/components/KyTableCardList/AddFieldsModal.js +280 -282
  61. package/lib/components/KyTableCardList/index.js +15 -26
  62. package/lib/components/KyTree/index.js +7 -7
  63. package/lib/components/KyUpload/index.js +170 -165
  64. package/lib/components/NHSelector/ListSort/index.js +411 -0
  65. package/lib/components/NHSelector/index.js +636 -0
  66. package/lib/components/NHSelector/resultview/index.js +408 -0
  67. package/lib/components/NHSelector/selectormodal/index.js +303 -0
  68. package/lib/components/NHSelector/table/index.js +784 -0
  69. package/lib/components/NHSelector/tree/index.js +554 -0
  70. package/lib/index.js +164 -36
  71. package/lib/layouts/LeftMenu/index.js +6 -6
  72. package/lib/layouts/Login/index-pre.js +107 -103
  73. package/lib/layouts/Login/index.js +2 -2
  74. package/lib/layouts/Login/login.js +178 -172
  75. package/lib/layouts/NavigationBar/index.js +67 -67
  76. package/lib/layouts/Top/editPassWord.js +84 -64
  77. package/lib/layouts/Top/index.js +117 -117
  78. package/lib/layouts/TopMenu/index.js +53 -53
  79. package/lib/layouts/layout/index.js +115 -118
  80. package/lib/layouts/mixTop/index.js +95 -95
  81. package/lib/layouts/settingDrawer/index.js +96 -96
  82. package/lib/routes/AuthorizedRoute.js +33 -32
  83. package/lib/utils/NHCore.js +65 -65
  84. package/package.json +2 -2
  85. package/lib/utils/createUuid.js +0 -40
  86. package/lib/utils/getLoginUser.js +0 -10
  87. package/lib/utils/getSize.js +0 -27
@@ -0,0 +1,267 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.HqStuSelector = undefined;
7
+
8
+ var _extends2 = require("babel-runtime/helpers/extends");
9
+
10
+ var _extends3 = _interopRequireDefault(_extends2);
11
+
12
+ var _avatar = require("antd/lib/avatar");
13
+
14
+ var _avatar2 = _interopRequireDefault(_avatar);
15
+
16
+ var _tooltip = require("antd/lib/tooltip");
17
+
18
+ var _tooltip2 = _interopRequireDefault(_tooltip);
19
+
20
+ var _getPrototypeOf = require("babel-runtime/core-js/object/get-prototype-of");
21
+
22
+ var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
23
+
24
+ var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");
25
+
26
+ var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
27
+
28
+ var _createClass2 = require("babel-runtime/helpers/createClass");
29
+
30
+ var _createClass3 = _interopRequireDefault(_createClass2);
31
+
32
+ var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");
33
+
34
+ var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
35
+
36
+ var _inherits2 = require("babel-runtime/helpers/inherits");
37
+
38
+ var _inherits3 = _interopRequireDefault(_inherits2);
39
+
40
+ require("antd/lib/avatar/style");
41
+
42
+ require("antd/lib/tooltip/style");
43
+
44
+ var _react = require("react");
45
+
46
+ var _react2 = _interopRequireDefault(_react);
47
+
48
+ var _NHSelector = require("../NHSelector");
49
+
50
+ var _NHSelector2 = _interopRequireDefault(_NHSelector);
51
+
52
+ require("../../../assets/stuSelector/index.less");
53
+
54
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
55
+
56
+ var sexImg1 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0Y2U5MGEwYi03YjJkLWY2NDgtOWM1Zi0zOGFhY2E0ZjgzZGIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MThEM0NDOTI3NEZDMTFFOEE0N0RBNEE1NDhDMDQ3QjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MThEM0NDOTE3NEZDMTFFOEE0N0RBNEE1NDhDMDQ3QjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MmM4YWI5MWEtMGRiMy0zYzQ4LWExMjUtYzIzZDc4ODUzMDBhIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6Y2NjNjUwMGYtNWYyMi0xMWU4LTg1ZmQtZmI5MTlkNDMyYjk1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+6FrKPQAAAS1JREFUeNpi/P//PwMlgImBQsACYzQ2NmJVMEOg3hFI7QPin0D8A4g/A/Hp5/kMQUS5IOND434gxQPEEkBcC8QyQGyJ4QIkG9WAVCIQawPxNyAGGbAIiO2AuAuIS6AGYYYBUHMqkDoPxMJAvA6IT0ANuwzEK4E4BYjnAjE3TA8jLBYkJzI4AKn1QOwGdPZpJEMZgVQvEPsAsRZIDxD/AoYBI7oLqkFhiawZGgb/oc7+C8T+QP5vqGEYXrCBOhtbQP6Dus4Oyt+KzQA2aKDhAl+ganAmpGtQV+AC9tDAxGnAdCBuAwYaP5ao9QNSZkC8AmdKBKkDYlCqOw7UUAWkjwExyLBoIC4G4gig39/hdAE0oMKBeDIQNwHxUyA+A8T6QGyLHHDIgHHAcyNAgAEA0Z9XpIpWR7MAAAAASUVORK5CYII=";
57
+ var sexImg2 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0Y2U5MGEwYi03YjJkLWY2NDgtOWM1Zi0zOGFhY2E0ZjgzZGIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkY0NTM2RTM3NEZDMTFFOEJBODJBQTFCNjhDMTg5NUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkY0NTM2RTI3NEZDMTFFOEJBODJBQTFCNjhDMTg5NUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MmM4YWI5MWEtMGRiMy0zYzQ4LWExMjUtYzIzZDc4ODUzMDBhIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6Y2NjNjUwMGYtNWYyMi0xMWU4LTg1ZmQtZmI5MTlkNDMyYjk1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+gJElrAAAARlJREFUeNpi/P//PwMlgAWZw8jIyPC/rJcLyKwG4hggFgfil0C8GIjbGLuKv6FbyITMgWreD8QSQGwD1MABpO2AWAaI9wLlOTGcADIRjst6m4F4LjanAsXnA3E9inogZkJTB3J2LQ7vNgBxHCEXvMMXYED5D4Rc8AuoiBeHZn4g9R1dHN2AbUCcgcMBmUC8BW80AkEdEB8H2vYGSC8AxsJ/IJsRyE4C4iwgNkc3gBE5XqHpQBXInA3ECiCXAzEzEN8G4lSggffQ0wGGAUh+lgVS14BYC6jxMXKgE3IBKLG4gbhAvBSIo6Eu2Y0tJbJgCSxRaHyDnM4KxAlA/BeILwLxA7zpAFu84003WNIBOnhGKDcyUpqdAQIMANDWpnddyVOvAAAAAElFTkSuQmCC";
58
+
59
+ var HqStuSelector = exports.HqStuSelector = function (_React$Component) {
60
+ (0, _inherits3.default)(HqStuSelector, _React$Component);
61
+
62
+ function HqStuSelector(props) {
63
+ (0, _classCallCheck3.default)(this, HqStuSelector);
64
+
65
+ var _this = (0, _possibleConstructorReturn3.default)(this, (HqStuSelector.__proto__ || (0, _getPrototypeOf2.default)(HqStuSelector)).call(this, props));
66
+
67
+ _this.show = function (initValues) {
68
+ _this.stuSelector.show(initValues);
69
+ };
70
+
71
+ _this.getTextLength = function (str) {
72
+ var strlen = 0;
73
+ var val = "";
74
+ for (var i = 0; i < str.length; i++) {
75
+ val = val + str.charAt(i);
76
+ if (str.charCodeAt(i) > 128) {
77
+ strlen = strlen + 2;
78
+ } else {
79
+ strlen = strlen + 1;
80
+ }
81
+ }
82
+ return strlen;
83
+ };
84
+
85
+ _this.singerBottomShowRender = function (record) {
86
+ var xh = record.XH || record.xh;
87
+ var xm = record.XM || record.xm;
88
+ var yxmc = record.YXMC || record.yxmc;
89
+ var zymc = record.ZYMC || record.zymc;
90
+ var bjmc = record.BJMC || record.bjmc;
91
+ yxmc = yxmc ? yxmc : "无学院信息";
92
+ zymc = zymc ? zymc : "无专业信息";
93
+ bjmc = bjmc ? bjmc : "无班级信息";
94
+ var len = _this.getTextLength(yxmc + zymc + bjmc);
95
+ var isToopTip = len > 38 ? true : false;
96
+ var tip = yxmc + "," + zymc + "," + bjmc;
97
+ var curTip = "";
98
+ if (isToopTip) {
99
+ curTip = tip.substring(0, 21) + "...";
100
+ }
101
+ return _react2.default.createElement(
102
+ "span",
103
+ null,
104
+ _react2.default.createElement(
105
+ "font",
106
+ { className: "dlt-selector-stu-xmCss" },
107
+ xm
108
+ ),
109
+ _react2.default.createElement(
110
+ "font",
111
+ null,
112
+ "\uFF08",
113
+ xh,
114
+ "\uFF09"
115
+ ),
116
+ _react2.default.createElement(
117
+ "font",
118
+ null,
119
+ isToopTip ? _react2.default.createElement(
120
+ _tooltip2.default,
121
+ { title: tip },
122
+ curTip
123
+ ) : tip
124
+ )
125
+ );
126
+ };
127
+
128
+ _this.state = {};
129
+ return _this;
130
+ }
131
+
132
+ //字段限制返回(单位字符,一个汉字2个字符)
133
+
134
+
135
+ /**
136
+ * 单选时底部结果渲染
137
+ * @param record 选中的那条结果数据
138
+ */
139
+
140
+
141
+ (0, _createClass3.default)(HqStuSelector, [{
142
+ key: "render",
143
+ value: function render() {
144
+ var _this2 = this;
145
+
146
+ var columns = [{
147
+ key: "rowId",
148
+ title: "学生信息",
149
+ minWidth: "200",
150
+ sorted: false,
151
+ render: function render(text, record) {
152
+ var iconName = "姓";
153
+ var rowId = record.rowId || record.row_id || record.ROW_ID;
154
+ var xm = record.XM || record.xm;
155
+ var xh = record.XH || record.xh;
156
+ var xb = record.XB || record.xb;
157
+ var yxmc = record.YXMC || record.yxmc;
158
+ var zymc = record.ZYMC || record.zymc;
159
+ var bjmc = record.BJMC || record.bjmc;
160
+ if (xm) {
161
+ iconName = xm.substring(0, 1);
162
+ }
163
+ //处理学院、专业、班级
164
+ yxmc = yxmc ? yxmc : "无学院信息";
165
+ zymc = zymc ? zymc : "无专业信息";
166
+ bjmc = bjmc ? bjmc : "无班级信息";
167
+ var len = _this2.getTextLength(yxmc + zymc + bjmc);
168
+ var isToopTip = len > 56 ? true : false;
169
+ var tip = yxmc + " / " + zymc + " / " + bjmc;
170
+ return _react2.default.createElement(
171
+ "div",
172
+ null,
173
+ _react2.default.createElement(
174
+ _avatar2.default,
175
+ {
176
+ className: "dlt-selector-stu-avatar-div",
177
+ style: {
178
+ backgroundColor: "#1890FF",
179
+ verticalAlign: "middle",
180
+ float: "left"
181
+ },
182
+ size: "large"
183
+ },
184
+ iconName
185
+ ),
186
+ _react2.default.createElement(
187
+ "div",
188
+ { className: "dlt-selector-stu-list-div" },
189
+ _react2.default.createElement(
190
+ "div",
191
+ { className: "dlt-selector-basic-data-div" },
192
+ rowId,
193
+ ".",
194
+ xm,
195
+ "\uFF08",
196
+ xh,
197
+ "\uFF09",
198
+ _react2.default.createElement("img", { alt: "", src: xb === "男" ? sexImg1 : sexImg2 })
199
+ ),
200
+ _react2.default.createElement(
201
+ "div",
202
+ { className: "dlt-selector-else-data-div" },
203
+ isToopTip ? _react2.default.createElement(
204
+ _tooltip2.default,
205
+ { title: tip },
206
+ yxmc,
207
+ "\xA0/\xA0",
208
+ _react2.default.createElement(
209
+ "span",
210
+ null,
211
+ zymc
212
+ ),
213
+ "\xA0/\xA0",
214
+ bjmc
215
+ ) : _react2.default.createElement(
216
+ "span",
217
+ null,
218
+ yxmc,
219
+ "\xA0/\xA0",
220
+ _react2.default.createElement(
221
+ "span",
222
+ null,
223
+ zymc
224
+ ),
225
+ "\xA0/\xA0",
226
+ bjmc
227
+ )
228
+ )
229
+ )
230
+ );
231
+ }
232
+ }];
233
+
234
+ return _react2.default.createElement(
235
+ "div",
236
+ null,
237
+ _react2.default.createElement(_NHSelector2.default, (0, _extends3.default)({
238
+ ref: function ref(form) {
239
+ _this2.stuSelector = form;
240
+ },
241
+ columns: columns,
242
+ singerBottomShowRender: this.singerBottomShowRender
243
+ }, this.props))
244
+ );
245
+ }
246
+ }]);
247
+ return HqStuSelector;
248
+ }(_react2.default.Component);
249
+
250
+ HqStuSelector.defaultProps = {
251
+ sign: "zhxg_selector_xsxx", // 数据标识
252
+ title: "学生选择器",
253
+ mode: "treeAndTable", //模式:tree:只存在树,table:只存在列表,treeAndTable:存在树和列表
254
+ keyField: "XSID",
255
+ titleField: "XM",
256
+ searchField: "xh,xm,xb,yxmc,zymc,bjmc", // 搜索的关键词对应的字段
257
+ searchWidth: "300", // 查询框宽度
258
+ placeholder: "姓名/学号/性别/院系/专业/班级", // 查询框的提示
259
+ treeWidth: 250, //树宽度
260
+ tableWidth: 600, // 列表宽度
261
+ resultWidth: 150, // 结果区域宽度
262
+ height: 500, // 选择器高度
263
+ treeShowIcon: true, // 树是否需要显示图标
264
+ singerBottomShowFlag: true // 单选时,结果显示在下方
265
+ };
266
+
267
+ exports.default = HqStuSelector;
@@ -0,0 +1,280 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ var _switch = require("antd/lib/switch");
8
+
9
+ var _switch2 = _interopRequireDefault(_switch);
10
+
11
+ var _getPrototypeOf = require("babel-runtime/core-js/object/get-prototype-of");
12
+
13
+ var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
14
+
15
+ var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");
16
+
17
+ var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
18
+
19
+ var _createClass2 = require("babel-runtime/helpers/createClass");
20
+
21
+ var _createClass3 = _interopRequireDefault(_createClass2);
22
+
23
+ var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");
24
+
25
+ var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
26
+
27
+ var _inherits2 = require("babel-runtime/helpers/inherits");
28
+
29
+ var _inherits3 = _interopRequireDefault(_inherits2);
30
+
31
+ require("antd/lib/switch/style");
32
+
33
+ var _react = require("react");
34
+
35
+ var _react2 = _interopRequireDefault(_react);
36
+
37
+ var _propTypes = require("prop-types");
38
+
39
+ var _propTypes2 = _interopRequireDefault(_propTypes);
40
+
41
+ var _NHFetch = require("../../utils/NHFetch");
42
+
43
+ var _NHFetch2 = _interopRequireDefault(_NHFetch);
44
+
45
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
46
+
47
+ var pathUrl = "/proData/selectDataList";
48
+
49
+ /**
50
+ * @Description: 开关选择器
51
+ * @author weishihuai
52
+ * @date 2019/3/7 9:13
53
+ *
54
+ * 使用说明:
55
+ * 1. 使用sign标识从后台查询数据源时,以'DMK_'加上对应代码库标识,如: sign={'DMK_XTGL_SFM'};
56
+ * 2. 可使用dataSource自定义数据源,格式如: [{"VALUE":"1","LABEL":"是"},{"VALUE":"0","LABEL":"否"}];
57
+ * 3. 可以使用checkedChildren/unCheckedChildren指定选中/未选中时文本;
58
+ * 注意: 如果同时配置了sign/dataSource/(checkedChildren/unCheckedChildren),文本取值优先级顺序: sign > dataSource > (checkedChildren/unCheckedChildren)
59
+ * 4. onChange = (checked,value)父组件回调方法 : checked表示是否选中boolean值(true/false), value表示当前选择器的值('1'/'0');
60
+ * 5. 使用示例:
61
+ * <HqSwitch
62
+ * onChange={this.onSwitchChange}
63
+ * loading={false}
64
+ * disabled={false}
65
+ * size={'default'}
66
+ * sign={'DMK_XTGL_SFM'}
67
+ * dataSource={[{"VALUE":"1","LABEL":"是"},{"VALUE":"0","LABEL":"否"}]}
68
+ * checkedChildren={'启用'}
69
+ * unCheckedChildren={'禁用'}
70
+ * onClick={this.onClick}/>
71
+ */
72
+
73
+ var HqSwitch = function (_React$Component) {
74
+ (0, _inherits3.default)(HqSwitch, _React$Component);
75
+
76
+ function HqSwitch(props) {
77
+ (0, _classCallCheck3.default)(this, HqSwitch);
78
+
79
+ var _this = (0, _possibleConstructorReturn3.default)(this, (HqSwitch.__proto__ || (0, _getPrototypeOf2.default)(HqSwitch)).call(this, props));
80
+
81
+ _initialiseProps.call(_this);
82
+
83
+ var _this$props = _this.props,
84
+ _this$props$checkedCh = _this$props.checkedChildren,
85
+ checkedChildren = _this$props$checkedCh === undefined ? "" : _this$props$checkedCh,
86
+ _this$props$unChecked = _this$props.unCheckedChildren,
87
+ unCheckedChildren = _this$props$unChecked === undefined ? "" : _this$props$unChecked,
88
+ checked = _this$props.checked;
89
+
90
+ _this.state = {
91
+ checkedChildren: checkedChildren, //选中时文本
92
+ unCheckedChildren: unCheckedChildren, //未选中文本
93
+ currentValue: "", //当前选中的值
94
+ checked: checked //当前选中状态
95
+ };
96
+ return _this;
97
+ }
98
+
99
+ (0, _createClass3.default)(HqSwitch, [{
100
+ key: "componentDidMount",
101
+ value: function componentDidMount() {
102
+ var sign = this.props.sign;
103
+
104
+ this.getDataSource(sign);
105
+ }
106
+ }, {
107
+ key: "UNSAFE_componentWillReceiveProps",
108
+ value: function UNSAFE_componentWillReceiveProps(nextProps) {
109
+ if ("dataSource" in nextProps) {
110
+ var dataSource = nextProps.dataSource;
111
+ if (dataSource && dataSource.length > 0) {
112
+ this.buildCheckedChildren(dataSource);
113
+ }
114
+ }
115
+ }
116
+
117
+ //加载数据源
118
+
119
+
120
+ //使用自定义数据源
121
+
122
+
123
+ //值改变回调方法
124
+
125
+
126
+ //点击事件回调方法
127
+
128
+ }, {
129
+ key: "render",
130
+ value: function render() {
131
+ var _state = this.state,
132
+ _state$checkedChildre = _state.checkedChildren,
133
+ checkedChildren = _state$checkedChildre === undefined ? "" : _state$checkedChildre,
134
+ _state$unCheckedChild = _state.unCheckedChildren,
135
+ unCheckedChildren = _state$unCheckedChild === undefined ? "" : _state$unCheckedChild,
136
+ checked = _state.checked;
137
+ var _props = this.props,
138
+ defaultChecked = _props.defaultChecked,
139
+ loading = _props.loading,
140
+ size = _props.size,
141
+ disabled = _props.disabled;
142
+
143
+ return _react2.default.createElement(
144
+ "div",
145
+ null,
146
+ _react2.default.createElement(_switch2.default, {
147
+ defaultChecked: defaultChecked,
148
+ checkedChildren: checkedChildren,
149
+ unCheckedChildren: unCheckedChildren,
150
+ loading: loading,
151
+ size: size,
152
+ checked: checked,
153
+ disabled: disabled,
154
+ onChange: this.onSwitchChange,
155
+ onClick: this.onSwitchClick
156
+ })
157
+ );
158
+ }
159
+ }]);
160
+ return HqSwitch;
161
+ }(_react2.default.Component);
162
+
163
+ //默认属性
164
+
165
+
166
+ var _initialiseProps = function _initialiseProps() {
167
+ var _this2 = this;
168
+
169
+ this.getPropsCheckedText = function () {
170
+ var _props2 = _this2.props,
171
+ _props2$checkedChildr = _props2.checkedChildren,
172
+ checkedChildren = _props2$checkedChildr === undefined ? "" : _props2$checkedChildr,
173
+ _props2$unCheckedChil = _props2.unCheckedChildren,
174
+ unCheckedChildren = _props2$unCheckedChil === undefined ? "" : _props2$unCheckedChil;
175
+
176
+ _this2.setState({
177
+ checkedChildren: checkedChildren,
178
+ unCheckedChildren: unCheckedChildren
179
+ });
180
+ };
181
+
182
+ this.getDataSource = function (sign) {
183
+ if (sign) {
184
+ (0, _NHFetch2.default)(pathUrl, "GET", { sign: sign, t: new Date().getTime() }).then(function (res) {
185
+ if (res) {
186
+ var data = res.data;
187
+ if (data) {
188
+ _this2.buildCheckedChildren(data);
189
+ } else {
190
+ _this2.getCustomDataSource();
191
+ }
192
+ }
193
+ });
194
+ } else {
195
+ _this2.getCustomDataSource();
196
+ }
197
+ };
198
+
199
+ this.getCustomDataSource = function () {
200
+ var _props$dataSource = _this2.props.dataSource,
201
+ dataSource = _props$dataSource === undefined ? [] : _props$dataSource;
202
+
203
+ if (dataSource && dataSource.length > 0) {
204
+ _this2.buildCheckedChildren(dataSource);
205
+ } else {
206
+ _this2.getPropsCheckedText();
207
+ }
208
+ };
209
+
210
+ this.buildCheckedChildren = function (data) {
211
+ data.map(function (item) {
212
+ var itemVal = item.VALUE || item.value;
213
+ var itemLabel = item.LABEL || item.label;
214
+ if (itemVal === "1") {
215
+ _this2.setState({
216
+ checkedChildren: itemLabel
217
+ });
218
+ } else {
219
+ _this2.setState({
220
+ unCheckedChildren: itemLabel
221
+ });
222
+ }
223
+ });
224
+ };
225
+
226
+ this.onSwitchChange = function (checked) {
227
+ var onChange = _this2.props.onChange;
228
+
229
+ _this2.setState({
230
+ currentValue: checked ? "1" : "0",
231
+ checked: checked
232
+ }, function () {
233
+ if (onChange && typeof onChange === "function") {
234
+ onChange(checked, _this2.state.currentValue);
235
+ }
236
+ });
237
+ };
238
+
239
+ this.onSwitchClick = function (checked) {
240
+ var onClick = _this2.props.onClick;
241
+
242
+ _this2.setState({
243
+ currentValue: checked ? "1" : "0",
244
+ checked: checked
245
+ }, function () {
246
+ if (onClick && typeof onClick === "function") {
247
+ onClick(checked, _this2.state.currentValue);
248
+ }
249
+ });
250
+ };
251
+ };
252
+
253
+ HqSwitch.defaultProps = {
254
+ loading: false,
255
+ size: "default",
256
+ disabled: false,
257
+ onChange: function onChange() {},
258
+ onClick: function onClick() {}
259
+ };
260
+
261
+ //属性检查
262
+ HqSwitch.propTypes = {
263
+ sign: _propTypes2.default.string, //数据源标识
264
+ onChange: _propTypes2.default.func, //变化时回调函数
265
+ onClick: _propTypes2.default.func, //点击时回调函数
266
+ checkedChildren: _propTypes2.default.string, //选中时的内容
267
+ unCheckedChildren: _propTypes2.default.string, //未选中的内容
268
+ defaultChecked: _propTypes2.default.bool, //初始是否选中
269
+ loading: _propTypes2.default.bool, //加载中的开关
270
+ disabled: _propTypes2.default.bool, //是否禁用
271
+ size: _propTypes2.default.string, //开关大小,可选值: default/small,默认为default
272
+ dataSource: _propTypes2.default.arrayOf(
273
+ //自定义数据源
274
+ _propTypes2.default.shape({
275
+ value: _propTypes2.default.string,
276
+ label: _propTypes2.default.node
277
+ }))
278
+ };
279
+
280
+ exports.default = HqSwitch;