@panpanzhao/component-ui 0.0.10 → 0.0.12
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/lib/component-ui.common.js +362 -157
- package/lib/components/crud.js +59 -30
- package/lib/components/form-dialog.js +54 -28
- package/lib/components/form-drawer.js +5 -2
- package/lib/components/form-group.js +5 -2
- package/lib/components/form-input.js +191 -60
- package/lib/components/form-item.js +31 -19
- package/lib/components/form.js +5 -2
- package/lib/components/table-column.js +19 -13
- package/lib/components/table-editable.js +8 -8
- package/lib/components/table-operate.js +54 -28
- package/lib/components/table-search.js +3 -3
- package/lib/components/table.js +17 -7
- package/lib/index.js +1 -1
- package/lib/styles/component-ui.css +1 -1
- package/lib/styles/form.css +1 -1
- package/lib/styles/index.css +1 -1
- package/lib/styles/table-search.css +1 -1
- package/package.json +2 -2
|
@@ -589,8 +589,8 @@ module.exports = require("async-validator");
|
|
|
589
589
|
// ESM COMPAT FLAG
|
|
590
590
|
__webpack_require__.r(__webpack_exports__);
|
|
591
591
|
|
|
592
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table-editable/src/index.vue?vue&type=template&id=
|
|
593
|
-
var
|
|
592
|
+
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table-editable/src/index.vue?vue&type=template&id=aabdd8e6&
|
|
593
|
+
var srcvue_type_template_id_aabdd8e6_render = function render() {
|
|
594
594
|
var _vm = this,
|
|
595
595
|
_c = _vm._self._c
|
|
596
596
|
return _c(
|
|
@@ -633,10 +633,10 @@ var srcvue_type_template_id_2cd18efc_render = function render() {
|
|
|
633
633
|
)
|
|
634
634
|
}
|
|
635
635
|
var staticRenderFns = []
|
|
636
|
-
|
|
636
|
+
srcvue_type_template_id_aabdd8e6_render._withStripped = true
|
|
637
637
|
|
|
638
638
|
|
|
639
|
-
// CONCATENATED MODULE: ./src/components/table-editable/src/index.vue?vue&type=template&id=
|
|
639
|
+
// CONCATENATED MODULE: ./src/components/table-editable/src/index.vue?vue&type=template&id=aabdd8e6&
|
|
640
640
|
|
|
641
641
|
// EXTERNAL MODULE: external "element-ui/lib/table"
|
|
642
642
|
var table_ = __webpack_require__(29);
|
|
@@ -1293,10 +1293,10 @@ var utils = __webpack_require__(20);
|
|
|
1293
1293
|
deleteByIndex: function deleteByIndex(index) {
|
|
1294
1294
|
this.data && this.data.splice(index, 1);
|
|
1295
1295
|
},
|
|
1296
|
-
deleteByRow: function deleteByRow(row) {
|
|
1297
|
-
var
|
|
1296
|
+
deleteByRow: function deleteByRow(row, id) {
|
|
1297
|
+
var refId = row[this.rowKey] ? this.rowKey : "id";
|
|
1298
1298
|
Object(utils["d" /* spliceTreeSelf */])(this.data, Object(utils["c" /* findTreeIndex */])(this.data, function (item) {
|
|
1299
|
-
return item[
|
|
1299
|
+
return item[id || refId] === row[id || refId];
|
|
1300
1300
|
}), 1);
|
|
1301
1301
|
}
|
|
1302
1302
|
}
|
|
@@ -1316,7 +1316,7 @@ var componentNormalizer = __webpack_require__(1);
|
|
|
1316
1316
|
|
|
1317
1317
|
var component = Object(componentNormalizer["a" /* default */])(
|
|
1318
1318
|
table_editable_srcvue_type_script_lang_js_,
|
|
1319
|
-
|
|
1319
|
+
srcvue_type_template_id_aabdd8e6_render,
|
|
1320
1320
|
staticRenderFns,
|
|
1321
1321
|
false,
|
|
1322
1322
|
null,
|
|
@@ -215,7 +215,7 @@ module.exports = require("@panpanzhao/component-ui/lib/utils/formula");
|
|
|
215
215
|
// ESM COMPAT FLAG
|
|
216
216
|
__webpack_require__.r(__webpack_exports__);
|
|
217
217
|
|
|
218
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/form.vue?vue&type=template&id=
|
|
218
|
+
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/form.vue?vue&type=template&id=dfeb985e&
|
|
219
219
|
var render = function render() {
|
|
220
220
|
var _vm = this,
|
|
221
221
|
_c = _vm._self._c
|
|
@@ -286,7 +286,7 @@ var staticRenderFns = []
|
|
|
286
286
|
render._withStripped = true
|
|
287
287
|
|
|
288
288
|
|
|
289
|
-
// CONCATENATED MODULE: ./src/components/form/src/form.vue?vue&type=template&id=
|
|
289
|
+
// CONCATENATED MODULE: ./src/components/form/src/form.vue?vue&type=template&id=dfeb985e&
|
|
290
290
|
|
|
291
291
|
// EXTERNAL MODULE: external "element-ui/lib/form"
|
|
292
292
|
var form_ = __webpack_require__(12);
|
|
@@ -419,6 +419,9 @@ var external_lodash_ = __webpack_require__(2);
|
|
|
419
419
|
var _this2 = this;
|
|
420
420
|
this.formItems.forEach(function (item) {
|
|
421
421
|
_this2.formItemLayout[item.prop] = item;
|
|
422
|
+
if (typeof item.value === "function") {
|
|
423
|
+
item.value = item.value.call(_this2);
|
|
424
|
+
}
|
|
422
425
|
_this2.defaultModel[item.prop] = item.value;
|
|
423
426
|
//初始化值处理
|
|
424
427
|
var formVal = Object(external_lodash_["get"])(_this2.formModel, item.prop);
|
|
@@ -1504,6 +1507,10 @@ var external_lodash_ = __webpack_require__(2);
|
|
|
1504
1507
|
}
|
|
1505
1508
|
},
|
|
1506
1509
|
formMode: String,
|
|
1510
|
+
noApiClose: {
|
|
1511
|
+
type: Boolean,
|
|
1512
|
+
default: true
|
|
1513
|
+
},
|
|
1507
1514
|
api: {
|
|
1508
1515
|
type: Object,
|
|
1509
1516
|
default: function _default() {
|
|
@@ -1534,6 +1541,7 @@ var external_lodash_ = __webpack_require__(2);
|
|
|
1534
1541
|
return {
|
|
1535
1542
|
show: false,
|
|
1536
1543
|
formModel: {},
|
|
1544
|
+
expandModel: null,
|
|
1537
1545
|
defaultTools: [{
|
|
1538
1546
|
label: this.dialog.cancelButtonText || "取消",
|
|
1539
1547
|
type: this.confirmButtonType,
|
|
@@ -1557,10 +1565,14 @@ var external_lodash_ = __webpack_require__(2);
|
|
|
1557
1565
|
}
|
|
1558
1566
|
},
|
|
1559
1567
|
methods: {
|
|
1560
|
-
open: function open(model) {
|
|
1568
|
+
open: function open(model, expandModel) {
|
|
1569
|
+
var _this2 = this;
|
|
1561
1570
|
this.show = true;
|
|
1571
|
+
this.expandModel = expandModel;
|
|
1562
1572
|
if (model) {
|
|
1563
|
-
this
|
|
1573
|
+
this.$nextTick(function () {
|
|
1574
|
+
_this2.setFormModel(model);
|
|
1575
|
+
});
|
|
1564
1576
|
}
|
|
1565
1577
|
},
|
|
1566
1578
|
close: function close() {
|
|
@@ -1572,45 +1584,57 @@ var external_lodash_ = __webpack_require__(2);
|
|
|
1572
1584
|
reset: function reset() {
|
|
1573
1585
|
this.$refs.form && this.$refs.form.reset();
|
|
1574
1586
|
},
|
|
1587
|
+
closed: function closed() {
|
|
1588
|
+
this.reset();
|
|
1589
|
+
this.show = false;
|
|
1590
|
+
},
|
|
1575
1591
|
submit: function submit(button) {
|
|
1576
|
-
var
|
|
1592
|
+
var _this3 = this;
|
|
1577
1593
|
this.$refs.form.validate(function (isValidate, errorMessage) {
|
|
1578
1594
|
if (!isValidate) {
|
|
1579
1595
|
return false;
|
|
1580
1596
|
}
|
|
1581
|
-
var reqData = Object(external_lodash_["merge"])(
|
|
1582
|
-
if (typeof
|
|
1583
|
-
reqData =
|
|
1597
|
+
var reqData = Object(external_lodash_["merge"])(_this3.api.data || {}, _this3.formModel);
|
|
1598
|
+
if (typeof _this3.api.before === "function") {
|
|
1599
|
+
reqData = _this3.api.before.call(_this3, reqData);
|
|
1584
1600
|
}
|
|
1585
|
-
if (!(
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
|
|
1589
|
-
|
|
1590
|
-
|
|
1601
|
+
if (!(_this3.api.url && _this3.requester)) {
|
|
1602
|
+
if (_this3.noApiClose) {
|
|
1603
|
+
_this3.reset();
|
|
1604
|
+
_this3.show = false;
|
|
1605
|
+
}
|
|
1606
|
+
_this3.$emit("success", {
|
|
1607
|
+
request: _this3.requester,
|
|
1608
|
+
reqData: reqData,
|
|
1609
|
+
expandData: _this3.expandModel
|
|
1610
|
+
}, {
|
|
1611
|
+
button: button
|
|
1591
1612
|
});
|
|
1592
1613
|
return false;
|
|
1593
1614
|
}
|
|
1594
1615
|
button.loading = true;
|
|
1595
|
-
|
|
1596
|
-
url: Object(formula_["evaluate"])(
|
|
1597
|
-
method:
|
|
1616
|
+
_this3.requester({
|
|
1617
|
+
url: Object(formula_["evaluate"])(_this3.api.url, reqData),
|
|
1618
|
+
method: _this3.api.method || "POST",
|
|
1619
|
+
headers: _this3.api.headers,
|
|
1598
1620
|
data: reqData
|
|
1599
1621
|
}).then(function (res) {
|
|
1600
1622
|
button.loading = false;
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
request:
|
|
1623
|
+
_this3.reset();
|
|
1624
|
+
_this3.show = false;
|
|
1625
|
+
_this3.$emit("success", {
|
|
1626
|
+
request: _this3.requester,
|
|
1605
1627
|
reqData: reqData,
|
|
1606
|
-
resData: res
|
|
1628
|
+
resData: res,
|
|
1629
|
+
expandData: _this3.expandModel
|
|
1607
1630
|
});
|
|
1608
1631
|
}).catch(function (error) {
|
|
1609
1632
|
button.loading = false;
|
|
1610
|
-
|
|
1611
|
-
request:
|
|
1633
|
+
_this3.$emit("error", {
|
|
1634
|
+
request: _this3.requester,
|
|
1612
1635
|
reqData: reqData,
|
|
1613
|
-
resError: error
|
|
1636
|
+
resError: error,
|
|
1637
|
+
expandData: _this3.expandModel
|
|
1614
1638
|
});
|
|
1615
1639
|
});
|
|
1616
1640
|
});
|
|
@@ -1618,7 +1642,8 @@ var external_lodash_ = __webpack_require__(2);
|
|
|
1618
1642
|
renderForm: function renderForm(h) {
|
|
1619
1643
|
var param = {
|
|
1620
1644
|
attrs: Object.assign({
|
|
1621
|
-
formModel: this.formModel
|
|
1645
|
+
formModel: this.formModel,
|
|
1646
|
+
request: this.request
|
|
1622
1647
|
}, this.form)
|
|
1623
1648
|
};
|
|
1624
1649
|
if (this.formMode === "group") {
|
|
@@ -1650,7 +1675,7 @@ var external_lodash_ = __webpack_require__(2);
|
|
|
1650
1675
|
}
|
|
1651
1676
|
},
|
|
1652
1677
|
render: function render(h) {
|
|
1653
|
-
var
|
|
1678
|
+
var _this4 = this;
|
|
1654
1679
|
var param = {
|
|
1655
1680
|
attrs: Object.assign({
|
|
1656
1681
|
visible: this.show,
|
|
@@ -1659,7 +1684,8 @@ var external_lodash_ = __webpack_require__(2);
|
|
|
1659
1684
|
}, this.dialog),
|
|
1660
1685
|
on: Object.assign(this.on, {
|
|
1661
1686
|
close: function close() {
|
|
1662
|
-
|
|
1687
|
+
_this4.reset();
|
|
1688
|
+
_this4.show = false;
|
|
1663
1689
|
}
|
|
1664
1690
|
})
|
|
1665
1691
|
};
|
|
@@ -227,7 +227,7 @@ module.exports = require("@panpanzhao/component-ui/lib/components/table");
|
|
|
227
227
|
// ESM COMPAT FLAG
|
|
228
228
|
__webpack_require__.r(__webpack_exports__);
|
|
229
229
|
|
|
230
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table-search/src/index.vue?vue&type=template&id=
|
|
230
|
+
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table-search/src/index.vue?vue&type=template&id=36222536&
|
|
231
231
|
var render = function render() {
|
|
232
232
|
var _vm = this,
|
|
233
233
|
_c = _vm._self._c
|
|
@@ -260,7 +260,7 @@ var render = function render() {
|
|
|
260
260
|
"el-button",
|
|
261
261
|
{
|
|
262
262
|
attrs: { icon: "el-icon-refresh-left" },
|
|
263
|
-
on: { click: _vm.
|
|
263
|
+
on: { click: _vm.resetForm },
|
|
264
264
|
},
|
|
265
265
|
[_vm._v("重置")]
|
|
266
266
|
),
|
|
@@ -296,7 +296,7 @@ var staticRenderFns = []
|
|
|
296
296
|
render._withStripped = true
|
|
297
297
|
|
|
298
298
|
|
|
299
|
-
// CONCATENATED MODULE: ./src/components/table-search/src/index.vue?vue&type=template&id=
|
|
299
|
+
// CONCATENATED MODULE: ./src/components/table-search/src/index.vue?vue&type=template&id=36222536&
|
|
300
300
|
|
|
301
301
|
// EXTERNAL MODULE: external "element-ui/lib/button"
|
|
302
302
|
var button_ = __webpack_require__(5);
|
package/lib/components/table.js
CHANGED
|
@@ -255,8 +255,8 @@ module.exports = require("element-ui/lib/pagination");
|
|
|
255
255
|
// ESM COMPAT FLAG
|
|
256
256
|
__webpack_require__.r(__webpack_exports__);
|
|
257
257
|
|
|
258
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table/src/table.vue?vue&type=template&id=
|
|
259
|
-
var
|
|
258
|
+
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table/src/table.vue?vue&type=template&id=a8e62da6&
|
|
259
|
+
var tablevue_type_template_id_a8e62da6_render = function render() {
|
|
260
260
|
var _vm = this,
|
|
261
261
|
_c = _vm._self._c
|
|
262
262
|
return _c("div", { staticClass: "table" }, [
|
|
@@ -335,10 +335,10 @@ var tablevue_type_template_id_189ef3b0_render = function render() {
|
|
|
335
335
|
])
|
|
336
336
|
}
|
|
337
337
|
var staticRenderFns = []
|
|
338
|
-
|
|
338
|
+
tablevue_type_template_id_a8e62da6_render._withStripped = true
|
|
339
339
|
|
|
340
340
|
|
|
341
|
-
// CONCATENATED MODULE: ./src/components/table/src/table.vue?vue&type=template&id=
|
|
341
|
+
// CONCATENATED MODULE: ./src/components/table/src/table.vue?vue&type=template&id=a8e62da6&
|
|
342
342
|
|
|
343
343
|
// EXTERNAL MODULE: external "@vue/babel-helper-vue-jsx-merge-props"
|
|
344
344
|
var babel_helper_vue_jsx_merge_props_ = __webpack_require__(0);
|
|
@@ -462,7 +462,10 @@ var external_lodash_ = __webpack_require__(2);
|
|
|
462
462
|
return {};
|
|
463
463
|
}
|
|
464
464
|
},
|
|
465
|
-
hasInit:
|
|
465
|
+
hasInit: {
|
|
466
|
+
type: Boolean,
|
|
467
|
+
default: true
|
|
468
|
+
},
|
|
466
469
|
remoteProp: {
|
|
467
470
|
type: Object,
|
|
468
471
|
default: function _default() {
|
|
@@ -562,10 +565,16 @@ var external_lodash_ = __webpack_require__(2);
|
|
|
562
565
|
}
|
|
563
566
|
|
|
564
567
|
_this2.$emit("row-click", row);
|
|
568
|
+
if (typeof _this2.on["row-click"] === "function") {
|
|
569
|
+
_this2.on["row-click"].call(_this2, row);
|
|
570
|
+
}
|
|
565
571
|
},
|
|
566
572
|
"selection-change": function selectionChange(selection) {
|
|
567
573
|
_this2.selection = selection;
|
|
568
574
|
_this2.$emit("selection-change", selection);
|
|
575
|
+
if (typeof _this2.on["selection-change"] === "function") {
|
|
576
|
+
_this2.on["selection-change"].call(_this2, row);
|
|
577
|
+
}
|
|
569
578
|
}
|
|
570
579
|
});
|
|
571
580
|
},
|
|
@@ -615,7 +624,7 @@ var external_lodash_ = __webpack_require__(2);
|
|
|
615
624
|
},
|
|
616
625
|
search: function search() {
|
|
617
626
|
var _this4 = this;
|
|
618
|
-
if (!this.requester) {
|
|
627
|
+
if (!(this.requester && this.api.url)) {
|
|
619
628
|
return false;
|
|
620
629
|
}
|
|
621
630
|
var reqData = Object.assign({}, this.api.data);
|
|
@@ -633,6 +642,7 @@ var external_lodash_ = __webpack_require__(2);
|
|
|
633
642
|
this.requester({
|
|
634
643
|
url: Object(formula_["evaluate"])(this.api.url, reqData),
|
|
635
644
|
method: this.api.method || "POST",
|
|
645
|
+
headers: this.api.headers,
|
|
636
646
|
data: reqData
|
|
637
647
|
}).then(function (res) {
|
|
638
648
|
if (typeof _this4.api.after === "function") {
|
|
@@ -673,7 +683,7 @@ var componentNormalizer = __webpack_require__(1);
|
|
|
673
683
|
|
|
674
684
|
var component = Object(componentNormalizer["a" /* default */])(
|
|
675
685
|
src_tablevue_type_script_lang_js_,
|
|
676
|
-
|
|
686
|
+
tablevue_type_template_id_a8e62da6_render,
|
|
677
687
|
staticRenderFns,
|
|
678
688
|
false,
|
|
679
689
|
null,
|