fmui-base 2.2.92 → 2.2.94

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 (32) hide show
  1. package/README.md +2 -0
  2. package/lib/form/table.js +9 -4
  3. package/lib/nvoice/nvoice.js +15 -24
  4. package/lib/process_info/processInfo.js +38 -9
  5. package/lib/tblform/FlowCommentPane.js +2 -2
  6. package/package.json +1 -1
  7. package/lib/css/processList.css +0 -8
  8. package/lib/css/react_grid.css +0 -1013
  9. package/lib/css/selectInput.css +0 -76
  10. package/lib/css/workItem.css +0 -59
  11. package/lib/form_details/formDetails.js +0 -162
  12. package/lib/form_details/formDetails.less +0 -0
  13. package/lib/form_details/form_details.js +0 -146
  14. package/lib/form_details/form_details.less +0 -0
  15. package/lib/form_details/index.js +0 -16
  16. package/lib/react_grid/react_grid copy 1.js +0 -1670
  17. package/lib/react_grid/react_grid copy 2.js +0 -722
  18. package/lib/react_grid/react_grid copy 3.js +0 -1502
  19. package/lib/react_grid/react_grid copy 4.js +0 -1421
  20. package/lib/react_grid/react_grid copy 5.js +0 -1670
  21. package/lib/react_grid/react_grid copy.js +0 -1811
  22. package/lib/rela_obj/relaObj copy.js +0 -144
  23. package/lib/select_input/selectInputField.js +0 -424
  24. package/lib/select_input/selectInputField.less +0 -39
  25. /package/lib/{scrollList → ScrollList}/BottomTip.js +0 -0
  26. /package/lib/{scrollList → ScrollList}/EmptyContent.js +0 -0
  27. /package/lib/{scrollList → ScrollList}/Item.js +0 -0
  28. /package/lib/{scrollList/scrollList.js → ScrollList/ScrollList.js} +0 -0
  29. /package/lib/{scrollList → ScrollList}/ScrollList.styl +0 -0
  30. /package/lib/{scrollList → ScrollList}/TagList.js +0 -0
  31. /package/lib/{scrollList → ScrollList}/index.js +0 -0
  32. /package/lib/{scrollList → ScrollList}/style.js +0 -0
@@ -1,144 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = undefined;
7
-
8
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
9
-
10
- var _class, _temp, _initialiseProps;
11
-
12
- var _react = require('react');
13
-
14
- var _react2 = _interopRequireDefault(_react);
15
-
16
- var _Group = require('saltui/lib/Group');
17
-
18
- var _Group2 = _interopRequireDefault(_Group);
19
-
20
- var _Field = require('saltui/lib/Field');
21
-
22
- var _Field2 = _interopRequireDefault(_Field);
23
-
24
- var _db = require('../db/db');
25
-
26
- var _db2 = _interopRequireDefault(_db);
27
-
28
- require('./relaObj.less');
29
-
30
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
31
-
32
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
33
-
34
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
35
-
36
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
37
-
38
- var relaObj = (_temp = _class = function (_React$Component) {
39
- _inherits(relaObj, _React$Component);
40
-
41
- function relaObj(props) {
42
- _classCallCheck(this, relaObj);
43
-
44
- // 传入的props参数
45
- var _this = _possibleConstructorReturn(this, (relaObj.__proto__ || Object.getPrototypeOf(relaObj)).call(this, props));
46
-
47
- _initialiseProps.call(_this);
48
-
49
- var formId = _this.props.id;
50
- var title = _this.props.title;
51
-
52
- _this.state = {
53
- fileData: [],
54
- flowData: [],
55
- infoData: [],
56
- formId: formId,
57
- title: title
58
- };
59
-
60
- return _this;
61
- }
62
-
63
- _createClass(relaObj, [{
64
- key: 'componentDidMount',
65
- value: function componentDidMount() {
66
- this.initFn(this.state.formId);
67
- }
68
-
69
- // 跳转函数
70
-
71
-
72
- // 下载函数
73
-
74
- }, {
75
- key: 'render',
76
- value: function render() {
77
- var _this2 = this;
78
-
79
- return _react2.default.createElement(
80
- _Group2.default.List,
81
- { borderTopNone: true },
82
- _react2.default.createElement(_Field2.default, { label: '\u76F8\u5173\u6D41\u7A0B (' + (this.state.flowData && this.state.flowData.length || 0) + ')', layout: 'h', multiLine: true }),
83
- _react2.default.createElement(
84
- _Field2.default,
85
- { label: '\u76F8\u5173\u4FE1\u606F (' + (this.state.infoData && this.state.infoData.length || 0) + ')', layout: 'h', multiLine: true },
86
- this.state.infoData && this.state.infoData.map(function (item, index) {
87
- return _react2.default.createElement(
88
- 'div',
89
- { key: item.id, style: { padding: '2px 0' }, onClick: function onClick() {
90
- _this2.jupFn(item);
91
- } },
92
- item.relaObjName
93
- );
94
- })
95
- ),
96
- _react2.default.createElement(
97
- _Field2.default,
98
- { label: '\u76F8\u5173\u9644\u4EF6 (' + (this.state.fileData && this.state.fileData.length || 0) + ')', layout: 'h', multiLine: true },
99
- this.state.fileData && this.state.fileData.map(function (item, index) {
100
- return _react2.default.createElement(
101
- 'div',
102
- { key: item.id, style: { padding: '2px 0' }, onClick: function onClick() {
103
- _this2.downloadFile(item);
104
- } },
105
- item.relaObjName
106
- );
107
- })
108
- )
109
- );
110
- }
111
- }]);
112
-
113
- return relaObj;
114
- }(_react2.default.Component), _initialiseProps = function _initialiseProps() {
115
- var _this3 = this;
116
-
117
- this.initFn = function (formId) {
118
- // 初始化表单详情数据
119
- _db2.default.FlowModuleAPI.getRelaObjByRelaId({
120
- relaId: formId
121
- }).then(function (content) {
122
- _this3.setState({
123
- fileData: content.file,
124
- flowData: content.flow,
125
- infoData: content.info
126
- });
127
- }).catch(function (error) {
128
- console.error('获取表单详情数据失败', error);
129
- });
130
- };
131
-
132
- this.jupFn = function (item) {
133
- if (item.relaObjType === 'flow') {
134
- pageSkip('mobile/modules/approve/dist/index.html', '/process/processDetails/-99/-99/-99/3/0/' + item.relaObjId + '/1');
135
- } else if (item.relaObjType === 'info') {
136
- pageSkip('mobile/modules/cms/dist/index.html', '/info/details/' + item.relaObjId + '/1');
137
- }
138
- };
139
-
140
- this.downloadFile = function (file) {
141
- downloadFile(file.relaObjId);
142
- };
143
- }, _temp);
144
- exports.default = relaObj;
@@ -1,424 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = undefined;
7
-
8
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
9
-
10
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
11
-
12
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
13
-
14
- var _react = require('react');
15
-
16
- var _react2 = _interopRequireDefault(_react);
17
-
18
- var _Field = require('saltui/lib/Field');
19
-
20
- var _Field2 = _interopRequireDefault(_Field);
21
-
22
- require('./selectInputField.less');
23
-
24
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
-
26
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
27
-
28
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
29
-
30
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
31
-
32
- // 单个选项值与输入框值之间的分隔符。
33
- // 例如:c$#$#111 表示选中 value=c,且该项输入框内容为 111。
34
- var KV_SEP = '$#$#';
35
-
36
- // 多个选中项之间的分隔符。
37
- // 例如:c$#$#111#$#$d$#$#222 表示同时选中 c、d 两项。
38
- var PAIR_SEP = '#$#$';
39
-
40
- var SelectInputField = function (_React$Component) {
41
- _inherits(SelectInputField, _React$Component);
42
-
43
- function SelectInputField(props) {
44
- _classCallCheck(this, SelectInputField);
45
-
46
- // 内部状态完全由外部 props 推导,不在 constructor 中手工拆分数据。
47
- // 这样首次渲染与后续 props 更新可以共用同一套解析逻辑。
48
- var _this = _possibleConstructorReturn(this, (SelectInputField.__proto__ || Object.getPrototypeOf(SelectInputField)).call(this, props));
49
-
50
- _this.state = _this.buildStateFromProps(props);
51
- return _this;
52
- }
53
-
54
- _createClass(SelectInputField, [{
55
- key: 'componentDidUpdate',
56
- value: function componentDidUpdate(prevProps) {
57
- var propsChanged = prevProps.value !== this.props.value || prevProps.options !== this.props.options || prevProps.selectType !== this.props.selectType;
58
-
59
- if (propsChanged) {
60
- // 外部 value 或选项变化后,重新同步内部选中态和输入值。
61
- this.setState(this.buildStateFromProps(this.props));
62
- }
63
- }
64
- }, {
65
- key: 'getOptions',
66
- value: function getOptions(props) {
67
- // 统一标准化外部 options,屏蔽不同页面传值字段差异。
68
- // 最终内部只使用:value、text、isInput、disabled、isDefault。
69
- var options = props.options || [];
70
- return options.map(function (item) {
71
- var text = item.text || item.name || item.label || item.value;
72
- var isInput = item.isinput === '1' || item.isinput === 1 || item.isInput === true;
73
- var disabledByState = item.state === '0' || item.state === 0;
74
- var disabled = disabledByState || item.disable === true || item.disabled === true;
75
- var isDefault = item.isDefault === 1 || item.isDefault === '1';
76
- return {
77
- value: item.value,
78
- text: text,
79
- isInput: isInput,
80
- disabled: disabled,
81
- isDefault: isDefault
82
- };
83
- });
84
- }
85
- }, {
86
- key: 'splitPair',
87
- value: function splitPair(part) {
88
- // 将单个“值 + 输入框内容”片段拆成结构化数据。
89
- // 输入:c$#$#111
90
- // 输出:{ selected: 'c', inputValue: '111' }
91
- // 如果没有输入框值,例如只传 c,则 inputValue 为空字符串。
92
- var index = part.indexOf(KV_SEP);
93
- if (index === -1) {
94
- return {
95
- selected: part,
96
- inputValue: ''
97
- };
98
- }
99
- return {
100
- selected: part.substring(0, index),
101
- inputValue: part.substring(index + KV_SEP.length)
102
- };
103
- }
104
- }, {
105
- key: 'parseValueByType',
106
- value: function parseValueByType(value, selectType, options) {
107
- // 解析外部传入的 value,转换成组件内部可直接渲染的状态:
108
- // 1. inputValues: 各选项输入框值,格式如 { c: '111', d: '222' }
109
- // 2. selectedRadio: 单选当前选中的 value
110
- // 3. selectedMap: 多选当前选中项映射,格式如 { c: true, d: true }
111
- var inputValues = {};
112
- var selectedRadio = '';
113
- var selectedMap = {};
114
-
115
- if (selectType === 'radio') {
116
- // 单选只维护一个 selectedRadio,输入框内容挂在对应 value 下。
117
- // 支持两种格式:
118
- // 1. 字符串:a 或 a$#$#备注
119
- // 2. 对象:{ value: 'a', text: 'A' }
120
- if (typeof value === 'string' && value !== '') {
121
- var pair = this.splitPair(value);
122
- selectedRadio = pair.selected;
123
- if (pair.inputValue !== '') {
124
- inputValues[pair.selected] = pair.inputValue;
125
- }
126
- } else if (value && (typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object' && value.value !== undefined) {
127
- selectedRadio = value.value;
128
- }
129
-
130
- if (!selectedRadio) {
131
- // 没有传值时,回退到第一个默认选中且未禁用的选项。
132
- // 这里的“默认选中”依赖 options[i].isDefault。
133
- for (var i = 0; i < options.length; i++) {
134
- if (options[i].isDefault && !options[i].disabled) {
135
- selectedRadio = options[i].value;
136
- break;
137
- }
138
- }
139
- }
140
- } else {
141
- // 多选统一转成 selectedMap,后续渲染时按 value 快速判断是否勾选。
142
- // 支持三种 value 来源:
143
- // 1. 编码字符串:c$#$#111#$#$d$#$#222
144
- // 2. 普通字符串:a,b,c
145
- // 3. 数组:['a', 'b', 'c']
146
- var selectedValues = [];
147
- if (typeof value === 'string' && value !== '') {
148
- if (value.indexOf(KV_SEP) !== -1 || value.indexOf(PAIR_SEP) !== -1) {
149
- // 支持 c$#$#111#$#$d$#$#222 这种“多项 + 输入框内容”格式。
150
- var parts = value.split(PAIR_SEP);
151
- for (var _i = 0; _i < parts.length; _i++) {
152
- if (!parts[_i]) {
153
- continue;
154
- }
155
- var _pair = this.splitPair(parts[_i]);
156
- if (_pair.selected !== '') {
157
- // 选中项单独存进 selectedValues,输入框值按 value 建索引。
158
- selectedValues.push(_pair.selected);
159
- inputValues[_pair.selected] = _pair.inputValue;
160
- }
161
- }
162
- } else {
163
- // 兼容普通逗号分隔的多选值,例如 a,b,c。
164
- selectedValues = value.split(',').filter(function (item) {
165
- return item !== '';
166
- });
167
- }
168
- } else if (Array.isArray(value)) {
169
- selectedValues = value;
170
- }
171
-
172
- if (selectedValues.length === 0) {
173
- // 没有传值时,多选回退到所有默认选中且未禁用的项。
174
- for (var _i2 = 0; _i2 < options.length; _i2++) {
175
- if (options[_i2].isDefault && !options[_i2].disabled) {
176
- selectedValues.push(options[_i2].value);
177
- }
178
- }
179
- }
180
-
181
- selectedValues.forEach(function (item) {
182
- // selectedMap 用来支撑 render 时的 O(1) 勾选判断。
183
- selectedMap[item] = true;
184
- });
185
- }
186
-
187
- return {
188
- inputValues: inputValues,
189
- selectedRadio: selectedRadio,
190
- selectedMap: selectedMap
191
- };
192
- }
193
- }, {
194
- key: 'buildStateFromProps',
195
- value: function buildStateFromProps(props) {
196
- var selectType = props.selectType === 'checkbox' ? 'checkbox' : 'radio';
197
- var options = this.getOptions(props);
198
- // 每次都根据 props 重建内部状态,避免受旧 state 残留影响。
199
- var parsed = this.parseValueByType(props.value, selectType, options);
200
-
201
- // state 字段说明:
202
- // selectType: 当前模式,radio 或 checkbox
203
- // options: 标准化后的选项列表
204
- // inputValues: 当前所有输入框内容
205
- // selectedRadio: 单选模式下的已选 value
206
- // selectedMap: 多选模式下的已选映射
207
- return {
208
- selectType: selectType,
209
- options: options,
210
- inputValues: parsed.inputValues,
211
- selectedRadio: parsed.selectedRadio,
212
- selectedMap: parsed.selectedMap
213
- };
214
- }
215
- }, {
216
- key: 'getOptionByValue',
217
- value: function getOptionByValue(value) {
218
- // 根据 value 找到当前选项元数据,用于判断该选项是否带输入框等属性。
219
- var options = this.state.options;
220
- for (var i = 0; i < options.length; i++) {
221
- if (options[i].value === value) {
222
- return options[i];
223
- }
224
- }
225
- return null;
226
- }
227
- }, {
228
- key: 'buildEmitValue',
229
- value: function buildEmitValue(nextState) {
230
- // 将内部状态重新编码成父页面需要的字符串格式。
231
- // 这是组件对外唯一的数据输出协议。
232
- var selectType = nextState.selectType;
233
- var options = nextState.options;
234
-
235
- if (selectType === 'radio') {
236
- // 单选回传 value 或 value$#$#输入内容。
237
- var selectedValue = nextState.selectedRadio;
238
- if (!selectedValue) {
239
- return '';
240
- }
241
- var option = this.getOptionByValue(selectedValue);
242
- if (option && option.isInput) {
243
- var text = nextState.inputValues[selectedValue] || '';
244
- return selectedValue + KV_SEP + text;
245
- }
246
- return selectedValue;
247
- }
248
-
249
- // 多选按 options 原顺序拼接,保证回传值稳定。
250
- // 这样即使用户先点 D 再点 C,最终输出仍可按 options 顺序固定下来。
251
- var selectedValues = [];
252
- for (var i = 0; i < options.length; i++) {
253
- var _option = options[i];
254
- if (nextState.selectedMap[_option.value]) {
255
- if (_option.isInput) {
256
- var _text = nextState.inputValues[_option.value] || '';
257
- selectedValues.push(_option.value + KV_SEP + _text);
258
- } else {
259
- selectedValues.push(_option.value);
260
- }
261
- }
262
- }
263
-
264
- if (selectedValues.length === 0) {
265
- // 没有任何选中项时,对外统一返回空字符串。
266
- return '';
267
- }
268
-
269
- var hasInputType = false;
270
- for (var _i3 = 0; _i3 < options.length; _i3++) {
271
- if (options[_i3].isInput) {
272
- hasInputType = true;
273
- break;
274
- }
275
- }
276
-
277
- if (hasInputType) {
278
- // 只要存在可输入选项,就按“值 + 输入内容”的协议回传。
279
- // 即使某个已选项当前输入框为空,也会保留 value$#$# 的结构。
280
- return selectedValues.join(PAIR_SEP);
281
- }
282
-
283
- // 所有项都不带输入框时,退回普通多选格式。
284
- return selectedValues.join(',');
285
- }
286
- }, {
287
- key: 'emitValue',
288
- value: function emitValue(nextState) {
289
- // 所有变更最终都通过 onSelect 向父页面抛出编码后的最终值。
290
- // 父页面不需要感知内部 selectedMap / inputValues 的实现细节。
291
- if (this.props.onSelect) {
292
- this.props.onSelect(this.buildEmitValue(nextState));
293
- }
294
- }
295
- }, {
296
- key: 'handleSelectChange',
297
- value: function handleSelectChange(optionValue, checked) {
298
- var _this2 = this;
299
-
300
- if (this.props.readOnly) {
301
- return;
302
- }
303
-
304
- var selectType = this.state.selectType;
305
- if (selectType === 'radio') {
306
- // 单选直接替换当前选中项。
307
- // radio 模式下 checked 参数不参与判断,因为始终只有一个选中值。
308
- var _nextState = _extends({}, this.state, {
309
- selectedRadio: optionValue
310
- });
311
- this.setState(_nextState, function () {
312
- _this2.emitValue(_this2.state);
313
- });
314
- return;
315
- }
316
-
317
- // 多选在 selectedMap 上增删当前项。
318
- // checked=true 表示勾上,checked=false 表示取消。
319
- var selectedMap = _extends({}, this.state.selectedMap);
320
-
321
- if (checked) {
322
- selectedMap[optionValue] = true;
323
- } else {
324
- delete selectedMap[optionValue];
325
- }
326
-
327
- var nextState = _extends({}, this.state, {
328
- selectedMap: selectedMap
329
- });
330
-
331
- this.setState(nextState, function () {
332
- _this2.emitValue(_this2.state);
333
- });
334
- }
335
- }, {
336
- key: 'handleInputChange',
337
- value: function handleInputChange(optionValue, value) {
338
- var _this3 = this;
339
-
340
- if (this.props.readOnly) {
341
- return;
342
- }
343
-
344
- // 输入框内容单独存储,提交时再与选中值一起编码。
345
- // 注意:这里不改变选中状态,只更新某一项的附加输入内容。
346
- var inputValues = _extends({}, this.state.inputValues);
347
- inputValues[optionValue] = value;
348
-
349
- var nextState = _extends({}, this.state, {
350
- inputValues: inputValues
351
- });
352
-
353
- this.setState(nextState, function () {
354
- _this3.emitValue(_this3.state);
355
- });
356
- }
357
- }, {
358
- key: 'renderOptions',
359
- value: function renderOptions() {
360
- var _this4 = this;
361
-
362
- var readOnly = this.props.readOnly;
363
- var selectType = this.state.selectType;
364
- var options = this.state.options;
365
-
366
- return options.map(function (option, index) {
367
- var optionValue = option.value;
368
- // 单选看 selectedRadio,多选看 selectedMap 是否包含当前 value。
369
- var checked = selectType === 'radio' ? _this4.state.selectedRadio === optionValue : !!_this4.state.selectedMap[optionValue];
370
- var disabled = readOnly || option.disabled;
371
- var showInput = option.isInput;
372
-
373
- return _react2.default.createElement(
374
- 'label',
375
- { className: disabled ? 'dd-select-input-option disabled' : 'dd-select-input-option', key: optionValue || index },
376
- _react2.default.createElement('input', {
377
- type: selectType,
378
- checked: checked,
379
- disabled: disabled,
380
- onChange: function onChange(e) {
381
- _this4.handleSelectChange(optionValue, e.target.checked);
382
- }
383
- }),
384
- _react2.default.createElement(
385
- 'span',
386
- { className: 'dd-select-input-option-text' },
387
- option.text
388
- ),
389
- showInput ? _react2.default.createElement('input', {
390
- className: 'dd-select-input-text',
391
- type: 'text',
392
- value: _this4.state.inputValues[optionValue] || ''
393
- // 输入框只有在“当前项被选中”时才允许输入。
394
- , disabled: disabled || !checked,
395
- onChange: function onChange(e) {
396
- _this4.handleInputChange(optionValue, e.target.value);
397
- }
398
- }) : null
399
- );
400
- });
401
- }
402
- }, {
403
- key: 'render',
404
- value: function render() {
405
- return _react2.default.createElement(
406
- _Field2.default,
407
- {
408
- required: this.props.required,
409
- label: this.props.label,
410
- multiLine: this.props.multiLine
411
- },
412
- _react2.default.createElement(
413
- 'div',
414
- { className: 'dd-select-input-field' },
415
- this.renderOptions()
416
- )
417
- );
418
- }
419
- }]);
420
-
421
- return SelectInputField;
422
- }(_react2.default.Component);
423
-
424
- exports.default = SelectInputField;
@@ -1,39 +0,0 @@
1
- .dd-select-input-field {
2
- width: 100%;
3
- }
4
-
5
- .dd-select-input-option {
6
- display: flex;
7
- align-items: center;
8
- margin: 8px 0;
9
- }
10
-
11
- .dd-select-input-option.disabled {
12
- color: #999;
13
- }
14
-
15
- .dd-select-input-option input[type='radio'],
16
- .dd-select-input-option input[type='checkbox'] {
17
- margin-right: 8px;
18
- }
19
-
20
- .dd-select-input-option-text {
21
- margin-right: 8px;
22
- min-width: 32px;
23
- }
24
-
25
- .dd-select-input-text {
26
- flex: 1;
27
- min-width: 120px;
28
- border: none;
29
- border-bottom: 1px solid #ddd;
30
- outline: none;
31
- padding: 4px 2px;
32
- font-size: 14px;
33
- background-color: transparent;
34
- }
35
-
36
- .dd-select-input-text:disabled {
37
- color: #999;
38
- border-bottom-color: #eee;
39
- }
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes