@weitutech/by-components 1.0.30 → 1.0.31
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.
- package/CHANGELOG.md +6 -0
- package/docs/form.md +32 -6
- package/lib/by-components.common.js +58 -11
- package/lib/by-components.umd.js +58 -11
- package/lib/by-components.umd.min.js +5 -5
- package/package.json +2 -1
- package/src/components/form/comps/custom-date-picker.vue +27 -1
- package/src/components/form/form.vue +17 -0
- package/.browserslistrc +0 -3
- package/babel.config.js +0 -9
- package/jsconfig.json +0 -19
- package/postcss.config.js +0 -7
- package/vue.config.js +0 -7
package/CHANGELOG.md
CHANGED
package/docs/form.md
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
### 类型(没有注册看Element的组件使用方法)
|
|
1
|
+
### 类型(没有注册看 Element 的组件使用方法)
|
|
2
|
+
|
|
2
3
|
```
|
|
3
4
|
| 'input'
|
|
4
5
|
| 'inputNumber'
|
|
@@ -17,10 +18,35 @@
|
|
|
17
18
|
|
|
18
19
|
#### Event
|
|
19
20
|
|
|
20
|
-
|
|
|
21
|
-
|
|
|
22
|
-
| change
|
|
23
|
-
| queryBtnClick
|
|
21
|
+
| 事件 | 参数 |
|
|
22
|
+
| ------------- | ------------------- |
|
|
23
|
+
| change | context: IFormItems |
|
|
24
|
+
| queryBtnClick | 无 |
|
|
24
25
|
|
|
25
26
|
完整案列见 [表单 by-form](../README.md)
|
|
26
|
-
|
|
27
|
+
|
|
28
|
+
### 特殊说明
|
|
29
|
+
|
|
30
|
+
#### 'customDatePicker'特别说明
|
|
31
|
+
|
|
32
|
+
自定义时间选中器同时支持时间段方式绑定值 和 单独时间方式绑定值
|
|
33
|
+
|
|
34
|
+
```
|
|
35
|
+
// 时间段方式绑定值
|
|
36
|
+
{
|
|
37
|
+
type: 'customDatePicker',
|
|
38
|
+
field: 'report_time',
|
|
39
|
+
label: '报表时间'
|
|
40
|
+
}
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
```
|
|
44
|
+
// 单独时间方式绑定值
|
|
45
|
+
{
|
|
46
|
+
type: 'customDatePicker',
|
|
47
|
+
field: 'report_time', // 仍然保留原来的字段,保证兼容性
|
|
48
|
+
startTimeField: 'start_time', // 新增开始时间字段
|
|
49
|
+
endTimeField: 'end_time', // 新增结束时间字段
|
|
50
|
+
label: '报表时间'
|
|
51
|
+
}
|
|
52
|
+
```
|
|
@@ -60987,8 +60987,8 @@ var table_component = normalizeComponent(
|
|
|
60987
60987
|
)
|
|
60988
60988
|
|
|
60989
60989
|
/* harmony default export */ var table = (table_component.exports);
|
|
60990
|
-
;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=template&id=
|
|
60991
|
-
var
|
|
60990
|
+
;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=template&id=6a2ab326
|
|
60991
|
+
var formvue_type_template_id_6a2ab326_render = function render() {
|
|
60992
60992
|
var _vm = this,
|
|
60993
60993
|
_c = _vm._self._c;
|
|
60994
60994
|
return _c('div', {
|
|
@@ -61212,6 +61212,9 @@ var formvue_type_template_id_3a1619e0_render = function render() {
|
|
|
61212
61212
|
on: {
|
|
61213
61213
|
"input": function ($event) {
|
|
61214
61214
|
return _vm.handleValueChange($event, item);
|
|
61215
|
+
},
|
|
61216
|
+
"range-change": function ($event) {
|
|
61217
|
+
return _vm.handleRangeChange($event, item);
|
|
61215
61218
|
}
|
|
61216
61219
|
}
|
|
61217
61220
|
}, 'CustomDatePicker', item, false))] : item.type === 'custom' ? [_vm._t(item.field, null, {
|
|
@@ -61232,7 +61235,7 @@ var formvue_type_template_id_3a1619e0_render = function render() {
|
|
|
61232
61235
|
staticClass: "footer"
|
|
61233
61236
|
}, [_vm._t("footer")], 2)], 1);
|
|
61234
61237
|
};
|
|
61235
|
-
var
|
|
61238
|
+
var formvue_type_template_id_6a2ab326_staticRenderFns = [];
|
|
61236
61239
|
|
|
61237
61240
|
;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/pair-number-input.vue?vue&type=template&id=36a34615
|
|
61238
61241
|
var pair_number_inputvue_type_template_id_36a34615_render = function render() {
|
|
@@ -61338,8 +61341,8 @@ var pair_number_input_component = normalizeComponent(
|
|
|
61338
61341
|
)
|
|
61339
61342
|
|
|
61340
61343
|
/* harmony default export */ var pair_number_input = (pair_number_input_component.exports);
|
|
61341
|
-
;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/custom-date-picker.vue?vue&type=template&id=
|
|
61342
|
-
var
|
|
61344
|
+
;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/custom-date-picker.vue?vue&type=template&id=01437dec
|
|
61345
|
+
var custom_date_pickervue_type_template_id_01437dec_render = function render() {
|
|
61343
61346
|
var _vm = this,
|
|
61344
61347
|
_c = _vm._self._c;
|
|
61345
61348
|
return _c('div', {
|
|
@@ -61371,7 +61374,7 @@ var custom_date_pickervue_type_template_id_9015f7ea_render = function render() {
|
|
|
61371
61374
|
}, [_vm._v(" " + _vm._s(item.label) + " ")]);
|
|
61372
61375
|
}), 0)], 1);
|
|
61373
61376
|
};
|
|
61374
|
-
var
|
|
61377
|
+
var custom_date_pickervue_type_template_id_01437dec_staticRenderFns = [];
|
|
61375
61378
|
|
|
61376
61379
|
// EXTERNAL MODULE: ./node_modules/moment/moment.js
|
|
61377
61380
|
var moment = __webpack_require__(9412);
|
|
@@ -61395,6 +61398,14 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
|
|
|
61395
61398
|
size: "mini",
|
|
61396
61399
|
active: ""
|
|
61397
61400
|
})
|
|
61401
|
+
},
|
|
61402
|
+
startTimeField: {
|
|
61403
|
+
type: String,
|
|
61404
|
+
default: ""
|
|
61405
|
+
},
|
|
61406
|
+
endTimeField: {
|
|
61407
|
+
type: String,
|
|
61408
|
+
default: ""
|
|
61398
61409
|
}
|
|
61399
61410
|
},
|
|
61400
61411
|
data() {
|
|
@@ -61466,14 +61477,33 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
|
|
|
61466
61477
|
handleChange(e) {
|
|
61467
61478
|
if (!e) {
|
|
61468
61479
|
this.$emit("input", []);
|
|
61480
|
+
if (this.startTimeField && this.endTimeField) {
|
|
61481
|
+
this.$emit("range-change", {
|
|
61482
|
+
startTime: "",
|
|
61483
|
+
endTime: ""
|
|
61484
|
+
});
|
|
61485
|
+
}
|
|
61469
61486
|
} else {
|
|
61470
|
-
|
|
61487
|
+
const formattedDates = e.map(item => moment_default()(item).format("YYYY-MM-DD"));
|
|
61488
|
+
this.$emit("input", formattedDates);
|
|
61489
|
+
if (this.startTimeField && this.endTimeField) {
|
|
61490
|
+
this.$emit("range-change", {
|
|
61491
|
+
startTime: formattedDates[0],
|
|
61492
|
+
endTime: formattedDates[1]
|
|
61493
|
+
});
|
|
61494
|
+
}
|
|
61471
61495
|
}
|
|
61472
61496
|
this.active = "";
|
|
61473
61497
|
},
|
|
61474
61498
|
handleClick(item) {
|
|
61475
61499
|
this.active = item.key;
|
|
61476
61500
|
this.$emit("input", [item.start_time, item.end_time]);
|
|
61501
|
+
if (this.startTimeField && this.endTimeField) {
|
|
61502
|
+
this.$emit("range-change", {
|
|
61503
|
+
startTime: item.start_time,
|
|
61504
|
+
endTime: item.end_time
|
|
61505
|
+
});
|
|
61506
|
+
}
|
|
61477
61507
|
}
|
|
61478
61508
|
}
|
|
61479
61509
|
});
|
|
@@ -61489,8 +61519,8 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
|
|
|
61489
61519
|
;
|
|
61490
61520
|
var custom_date_picker_component = normalizeComponent(
|
|
61491
61521
|
comps_custom_date_pickervue_type_script_lang_js,
|
|
61492
|
-
|
|
61493
|
-
|
|
61522
|
+
custom_date_pickervue_type_template_id_01437dec_render,
|
|
61523
|
+
custom_date_pickervue_type_template_id_01437dec_staticRenderFns,
|
|
61494
61524
|
false,
|
|
61495
61525
|
null,
|
|
61496
61526
|
null,
|
|
@@ -61633,6 +61663,23 @@ var custom_date_picker_component = normalizeComponent(
|
|
|
61633
61663
|
});
|
|
61634
61664
|
this.$emit("input", this.replacementData);
|
|
61635
61665
|
},
|
|
61666
|
+
handleRangeChange({
|
|
61667
|
+
startTime,
|
|
61668
|
+
endTime
|
|
61669
|
+
}, item) {
|
|
61670
|
+
if (!item.startTimeField || !item.endTimeField) return;
|
|
61671
|
+
if (this.replacementData) {
|
|
61672
|
+
this.replacementData[item.startTimeField] = startTime;
|
|
61673
|
+
this.replacementData[item.endTimeField] = endTime;
|
|
61674
|
+
} else {
|
|
61675
|
+
this.replacementData = {
|
|
61676
|
+
...this.value,
|
|
61677
|
+
[item.startTimeField]: startTime,
|
|
61678
|
+
[item.endTimeField]: endTime
|
|
61679
|
+
};
|
|
61680
|
+
}
|
|
61681
|
+
this.$emit("input", this.replacementData);
|
|
61682
|
+
},
|
|
61636
61683
|
handleQueryClick() {
|
|
61637
61684
|
this.$emit("queryBtnClick");
|
|
61638
61685
|
}
|
|
@@ -61650,8 +61697,8 @@ var custom_date_picker_component = normalizeComponent(
|
|
|
61650
61697
|
;
|
|
61651
61698
|
var form_component = normalizeComponent(
|
|
61652
61699
|
form_formvue_type_script_lang_js,
|
|
61653
|
-
|
|
61654
|
-
|
|
61700
|
+
formvue_type_template_id_6a2ab326_render,
|
|
61701
|
+
formvue_type_template_id_6a2ab326_staticRenderFns,
|
|
61655
61702
|
false,
|
|
61656
61703
|
null,
|
|
61657
61704
|
null,
|
package/lib/by-components.umd.js
CHANGED
|
@@ -60997,8 +60997,8 @@ var table_component = normalizeComponent(
|
|
|
60997
60997
|
)
|
|
60998
60998
|
|
|
60999
60999
|
/* harmony default export */ var table = (table_component.exports);
|
|
61000
|
-
;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=template&id=
|
|
61001
|
-
var
|
|
61000
|
+
;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=template&id=6a2ab326
|
|
61001
|
+
var formvue_type_template_id_6a2ab326_render = function render() {
|
|
61002
61002
|
var _vm = this,
|
|
61003
61003
|
_c = _vm._self._c;
|
|
61004
61004
|
return _c('div', {
|
|
@@ -61222,6 +61222,9 @@ var formvue_type_template_id_3a1619e0_render = function render() {
|
|
|
61222
61222
|
on: {
|
|
61223
61223
|
"input": function ($event) {
|
|
61224
61224
|
return _vm.handleValueChange($event, item);
|
|
61225
|
+
},
|
|
61226
|
+
"range-change": function ($event) {
|
|
61227
|
+
return _vm.handleRangeChange($event, item);
|
|
61225
61228
|
}
|
|
61226
61229
|
}
|
|
61227
61230
|
}, 'CustomDatePicker', item, false))] : item.type === 'custom' ? [_vm._t(item.field, null, {
|
|
@@ -61242,7 +61245,7 @@ var formvue_type_template_id_3a1619e0_render = function render() {
|
|
|
61242
61245
|
staticClass: "footer"
|
|
61243
61246
|
}, [_vm._t("footer")], 2)], 1);
|
|
61244
61247
|
};
|
|
61245
|
-
var
|
|
61248
|
+
var formvue_type_template_id_6a2ab326_staticRenderFns = [];
|
|
61246
61249
|
|
|
61247
61250
|
;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/pair-number-input.vue?vue&type=template&id=36a34615
|
|
61248
61251
|
var pair_number_inputvue_type_template_id_36a34615_render = function render() {
|
|
@@ -61348,8 +61351,8 @@ var pair_number_input_component = normalizeComponent(
|
|
|
61348
61351
|
)
|
|
61349
61352
|
|
|
61350
61353
|
/* harmony default export */ var pair_number_input = (pair_number_input_component.exports);
|
|
61351
|
-
;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/custom-date-picker.vue?vue&type=template&id=
|
|
61352
|
-
var
|
|
61354
|
+
;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/custom-date-picker.vue?vue&type=template&id=01437dec
|
|
61355
|
+
var custom_date_pickervue_type_template_id_01437dec_render = function render() {
|
|
61353
61356
|
var _vm = this,
|
|
61354
61357
|
_c = _vm._self._c;
|
|
61355
61358
|
return _c('div', {
|
|
@@ -61381,7 +61384,7 @@ var custom_date_pickervue_type_template_id_9015f7ea_render = function render() {
|
|
|
61381
61384
|
}, [_vm._v(" " + _vm._s(item.label) + " ")]);
|
|
61382
61385
|
}), 0)], 1);
|
|
61383
61386
|
};
|
|
61384
|
-
var
|
|
61387
|
+
var custom_date_pickervue_type_template_id_01437dec_staticRenderFns = [];
|
|
61385
61388
|
|
|
61386
61389
|
// EXTERNAL MODULE: ./node_modules/moment/moment.js
|
|
61387
61390
|
var moment = __webpack_require__(9618);
|
|
@@ -61405,6 +61408,14 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
|
|
|
61405
61408
|
size: "mini",
|
|
61406
61409
|
active: ""
|
|
61407
61410
|
})
|
|
61411
|
+
},
|
|
61412
|
+
startTimeField: {
|
|
61413
|
+
type: String,
|
|
61414
|
+
default: ""
|
|
61415
|
+
},
|
|
61416
|
+
endTimeField: {
|
|
61417
|
+
type: String,
|
|
61418
|
+
default: ""
|
|
61408
61419
|
}
|
|
61409
61420
|
},
|
|
61410
61421
|
data() {
|
|
@@ -61476,14 +61487,33 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
|
|
|
61476
61487
|
handleChange(e) {
|
|
61477
61488
|
if (!e) {
|
|
61478
61489
|
this.$emit("input", []);
|
|
61490
|
+
if (this.startTimeField && this.endTimeField) {
|
|
61491
|
+
this.$emit("range-change", {
|
|
61492
|
+
startTime: "",
|
|
61493
|
+
endTime: ""
|
|
61494
|
+
});
|
|
61495
|
+
}
|
|
61479
61496
|
} else {
|
|
61480
|
-
|
|
61497
|
+
const formattedDates = e.map(item => moment_default()(item).format("YYYY-MM-DD"));
|
|
61498
|
+
this.$emit("input", formattedDates);
|
|
61499
|
+
if (this.startTimeField && this.endTimeField) {
|
|
61500
|
+
this.$emit("range-change", {
|
|
61501
|
+
startTime: formattedDates[0],
|
|
61502
|
+
endTime: formattedDates[1]
|
|
61503
|
+
});
|
|
61504
|
+
}
|
|
61481
61505
|
}
|
|
61482
61506
|
this.active = "";
|
|
61483
61507
|
},
|
|
61484
61508
|
handleClick(item) {
|
|
61485
61509
|
this.active = item.key;
|
|
61486
61510
|
this.$emit("input", [item.start_time, item.end_time]);
|
|
61511
|
+
if (this.startTimeField && this.endTimeField) {
|
|
61512
|
+
this.$emit("range-change", {
|
|
61513
|
+
startTime: item.start_time,
|
|
61514
|
+
endTime: item.end_time
|
|
61515
|
+
});
|
|
61516
|
+
}
|
|
61487
61517
|
}
|
|
61488
61518
|
}
|
|
61489
61519
|
});
|
|
@@ -61499,8 +61529,8 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
|
|
|
61499
61529
|
;
|
|
61500
61530
|
var custom_date_picker_component = normalizeComponent(
|
|
61501
61531
|
comps_custom_date_pickervue_type_script_lang_js,
|
|
61502
|
-
|
|
61503
|
-
|
|
61532
|
+
custom_date_pickervue_type_template_id_01437dec_render,
|
|
61533
|
+
custom_date_pickervue_type_template_id_01437dec_staticRenderFns,
|
|
61504
61534
|
false,
|
|
61505
61535
|
null,
|
|
61506
61536
|
null,
|
|
@@ -61643,6 +61673,23 @@ var custom_date_picker_component = normalizeComponent(
|
|
|
61643
61673
|
});
|
|
61644
61674
|
this.$emit("input", this.replacementData);
|
|
61645
61675
|
},
|
|
61676
|
+
handleRangeChange({
|
|
61677
|
+
startTime,
|
|
61678
|
+
endTime
|
|
61679
|
+
}, item) {
|
|
61680
|
+
if (!item.startTimeField || !item.endTimeField) return;
|
|
61681
|
+
if (this.replacementData) {
|
|
61682
|
+
this.replacementData[item.startTimeField] = startTime;
|
|
61683
|
+
this.replacementData[item.endTimeField] = endTime;
|
|
61684
|
+
} else {
|
|
61685
|
+
this.replacementData = {
|
|
61686
|
+
...this.value,
|
|
61687
|
+
[item.startTimeField]: startTime,
|
|
61688
|
+
[item.endTimeField]: endTime
|
|
61689
|
+
};
|
|
61690
|
+
}
|
|
61691
|
+
this.$emit("input", this.replacementData);
|
|
61692
|
+
},
|
|
61646
61693
|
handleQueryClick() {
|
|
61647
61694
|
this.$emit("queryBtnClick");
|
|
61648
61695
|
}
|
|
@@ -61660,8 +61707,8 @@ var custom_date_picker_component = normalizeComponent(
|
|
|
61660
61707
|
;
|
|
61661
61708
|
var form_component = normalizeComponent(
|
|
61662
61709
|
form_formvue_type_script_lang_js,
|
|
61663
|
-
|
|
61664
|
-
|
|
61710
|
+
formvue_type_template_id_6a2ab326_render,
|
|
61711
|
+
formvue_type_template_id_6a2ab326_staticRenderFns,
|
|
61665
61712
|
false,
|
|
61666
61713
|
null,
|
|
61667
61714
|
null,
|