@panpanzhao/component-ui 0.0.5 → 0.0.6
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 +610 -137
- package/lib/components/crud.js +47 -30
- package/lib/components/dialog.js +4 -4
- package/lib/components/form-dialog.js +14 -12
- package/lib/components/form-group.js +4 -2
- package/lib/components/form-input.js +138 -51
- package/lib/components/form-item.js +4 -4
- package/lib/components/form-view-dialog.js +14 -9
- package/lib/components/form-view-group.js +11 -5
- package/lib/components/form-view.js +7 -3
- package/lib/components/formula.js +358 -18
- package/lib/components/table-column.js +374 -14
- package/lib/components/table-editable.js +400 -22
- package/lib/components/table-search.js +35 -33
- package/lib/components/table.js +18 -12
- package/lib/index.js +1 -1
- package/lib/styles/component-ui.css +1 -1
- package/lib/styles/index.css +1 -1
- package/lib/styles/table-editable.css +1 -1
- package/lib/styles/table.css +1 -1
- package/lib/utils/helper.js +11 -45
- package/lib/utils/index.js +15 -0
- package/lib/utils/tree.js +333 -0
- package/package.json +2 -2
- package/src/index.js +67 -0
package/lib/components/crud.js
CHANGED
|
@@ -508,7 +508,7 @@ src_form.install = function (Vue) {
|
|
|
508
508
|
// ESM COMPAT FLAG
|
|
509
509
|
__webpack_require__.r(__webpack_exports__);
|
|
510
510
|
|
|
511
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form-view/src/index.vue?vue&type=template&id=
|
|
511
|
+
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form-view/src/index.vue?vue&type=template&id=1df6f53d&
|
|
512
512
|
var render = function render() {
|
|
513
513
|
var _vm = this,
|
|
514
514
|
_c = _vm._self._c
|
|
@@ -555,7 +555,7 @@ var staticRenderFns = []
|
|
|
555
555
|
render._withStripped = true
|
|
556
556
|
|
|
557
557
|
|
|
558
|
-
// CONCATENATED MODULE: ./src/components/form-view/src/index.vue?vue&type=template&id=
|
|
558
|
+
// CONCATENATED MODULE: ./src/components/form-view/src/index.vue?vue&type=template&id=1df6f53d&
|
|
559
559
|
|
|
560
560
|
// EXTERNAL MODULE: external "element-ui/lib/descriptions"
|
|
561
561
|
var descriptions_ = __webpack_require__(17);
|
|
@@ -585,6 +585,7 @@ var external_lodash_ = __webpack_require__(3);
|
|
|
585
585
|
},
|
|
586
586
|
props: {
|
|
587
587
|
prop: String,
|
|
588
|
+
labelWidth: String,
|
|
588
589
|
formItems: {
|
|
589
590
|
type: Array,
|
|
590
591
|
default: function _default() {
|
|
@@ -601,7 +602,10 @@ var external_lodash_ = __webpack_require__(3);
|
|
|
601
602
|
computed: {
|
|
602
603
|
formProps: function formProps() {
|
|
603
604
|
return Object.assign({
|
|
604
|
-
border: true
|
|
605
|
+
border: true,
|
|
606
|
+
labelStyle: {
|
|
607
|
+
width: this.labelWidth
|
|
608
|
+
}
|
|
605
609
|
}, this.$attrs);
|
|
606
610
|
},
|
|
607
611
|
formListeners: function formListeners() {
|
|
@@ -724,7 +728,9 @@ module.exports = require("element-ui/lib/descriptions");
|
|
|
724
728
|
module.exports = require("element-ui/lib/descriptions-item");
|
|
725
729
|
|
|
726
730
|
/***/ }),
|
|
727
|
-
/* 19
|
|
731
|
+
/* 19 */,
|
|
732
|
+
/* 20 */,
|
|
733
|
+
/* 21 */
|
|
728
734
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
729
735
|
|
|
730
736
|
"use strict";
|
|
@@ -1084,7 +1090,7 @@ src.install = function (Vue) {
|
|
|
1084
1090
|
/* harmony default export */ var form_group = __webpack_exports__["default"] = (src);
|
|
1085
1091
|
|
|
1086
1092
|
/***/ }),
|
|
1087
|
-
/*
|
|
1093
|
+
/* 22 */
|
|
1088
1094
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1089
1095
|
|
|
1090
1096
|
"use strict";
|
|
@@ -1335,12 +1341,11 @@ src.install = function (Vue) {
|
|
|
1335
1341
|
/* harmony default export */ var form_view_group = __webpack_exports__["default"] = (src);
|
|
1336
1342
|
|
|
1337
1343
|
/***/ }),
|
|
1338
|
-
/* 21 */,
|
|
1339
|
-
/* 22 */,
|
|
1340
1344
|
/* 23 */,
|
|
1341
1345
|
/* 24 */,
|
|
1342
1346
|
/* 25 */,
|
|
1343
|
-
/* 26
|
|
1347
|
+
/* 26 */,
|
|
1348
|
+
/* 27 */
|
|
1344
1349
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1345
1350
|
|
|
1346
1351
|
"use strict";
|
|
@@ -1363,7 +1368,7 @@ var button_default = /*#__PURE__*/__webpack_require__.n(button_);
|
|
|
1363
1368
|
var components_form = __webpack_require__(9);
|
|
1364
1369
|
|
|
1365
1370
|
// EXTERNAL MODULE: ./src/components/form-group/index.js + 2 modules
|
|
1366
|
-
var form_group = __webpack_require__(
|
|
1371
|
+
var form_group = __webpack_require__(21);
|
|
1367
1372
|
|
|
1368
1373
|
// EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/utils/formula"
|
|
1369
1374
|
var formula_ = __webpack_require__(2);
|
|
@@ -1490,18 +1495,18 @@ var external_lodash_ = __webpack_require__(3);
|
|
|
1490
1495
|
show: false,
|
|
1491
1496
|
formModel: {},
|
|
1492
1497
|
defaultTools: [{
|
|
1493
|
-
label: this.dialog.
|
|
1494
|
-
type: this.confirmButtonType
|
|
1498
|
+
label: this.dialog.cancelButtonText || "取消",
|
|
1499
|
+
type: this.confirmButtonType,
|
|
1495
1500
|
loading: false,
|
|
1496
1501
|
on: {
|
|
1497
|
-
click: this.
|
|
1502
|
+
click: this.close
|
|
1498
1503
|
}
|
|
1499
1504
|
}, {
|
|
1500
|
-
label: this.dialog.
|
|
1501
|
-
type: this.confirmButtonType,
|
|
1505
|
+
label: this.dialog.confirmButtonText || "确认",
|
|
1506
|
+
type: this.confirmButtonType || "primary",
|
|
1502
1507
|
loading: false,
|
|
1503
1508
|
on: {
|
|
1504
|
-
click: this.
|
|
1509
|
+
click: this.submit
|
|
1505
1510
|
}
|
|
1506
1511
|
}]
|
|
1507
1512
|
};
|
|
@@ -1585,6 +1590,7 @@ var external_lodash_ = __webpack_require__(3);
|
|
|
1585
1590
|
var param = {
|
|
1586
1591
|
attrs: Object.assign({
|
|
1587
1592
|
visible: this.show,
|
|
1593
|
+
closeOnClickModal: false,
|
|
1588
1594
|
"customClass": "form-dialog"
|
|
1589
1595
|
}, this.dialog),
|
|
1590
1596
|
on: Object.assign(this.on, {
|
|
@@ -1635,7 +1641,7 @@ src.install = function (Vue) {
|
|
|
1635
1641
|
/* harmony default export */ var form_dialog = __webpack_exports__["default"] = (src);
|
|
1636
1642
|
|
|
1637
1643
|
/***/ }),
|
|
1638
|
-
/*
|
|
1644
|
+
/* 28 */
|
|
1639
1645
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1640
1646
|
|
|
1641
1647
|
"use strict";
|
|
@@ -1658,7 +1664,7 @@ var button_default = /*#__PURE__*/__webpack_require__.n(button_);
|
|
|
1658
1664
|
var form_view = __webpack_require__(10);
|
|
1659
1665
|
|
|
1660
1666
|
// EXTERNAL MODULE: ./src/components/form-view-group/index.js + 2 modules
|
|
1661
|
-
var form_view_group = __webpack_require__(
|
|
1667
|
+
var form_view_group = __webpack_require__(22);
|
|
1662
1668
|
|
|
1663
1669
|
// EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/utils/formula"
|
|
1664
1670
|
var formula_ = __webpack_require__(2);
|
|
@@ -1896,7 +1902,6 @@ src.install = function (Vue) {
|
|
|
1896
1902
|
/* harmony default export */ var form_view_dialog = __webpack_exports__["default"] = (src);
|
|
1897
1903
|
|
|
1898
1904
|
/***/ }),
|
|
1899
|
-
/* 28 */,
|
|
1900
1905
|
/* 29 */,
|
|
1901
1906
|
/* 30 */,
|
|
1902
1907
|
/* 31 */,
|
|
@@ -1924,19 +1929,19 @@ src.install = function (Vue) {
|
|
|
1924
1929
|
/* 53 */,
|
|
1925
1930
|
/* 54 */,
|
|
1926
1931
|
/* 55 */,
|
|
1927
|
-
/* 56
|
|
1932
|
+
/* 56 */,
|
|
1933
|
+
/* 57 */
|
|
1928
1934
|
/***/ (function(module, exports) {
|
|
1929
1935
|
|
|
1930
1936
|
module.exports = require("@panpanzhao/component-ui/lib/components/table-search");
|
|
1931
1937
|
|
|
1932
1938
|
/***/ }),
|
|
1933
|
-
/*
|
|
1939
|
+
/* 58 */
|
|
1934
1940
|
/***/ (function(module, exports) {
|
|
1935
1941
|
|
|
1936
1942
|
module.exports = require("element-ui/lib/message-box");
|
|
1937
1943
|
|
|
1938
1944
|
/***/ }),
|
|
1939
|
-
/* 58 */,
|
|
1940
1945
|
/* 59 */,
|
|
1941
1946
|
/* 60 */,
|
|
1942
1947
|
/* 61 */,
|
|
@@ -1960,7 +1965,7 @@ module.exports = require("element-ui/lib/message-box");
|
|
|
1960
1965
|
// ESM COMPAT FLAG
|
|
1961
1966
|
__webpack_require__.r(__webpack_exports__);
|
|
1962
1967
|
|
|
1963
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/crud/src/index.vue?vue&type=template&id=
|
|
1968
|
+
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/crud/src/index.vue?vue&type=template&id=0fa8c191&
|
|
1964
1969
|
var render = function render() {
|
|
1965
1970
|
var _vm = this,
|
|
1966
1971
|
_c = _vm._self._c
|
|
@@ -2020,20 +2025,20 @@ var staticRenderFns = []
|
|
|
2020
2025
|
render._withStripped = true
|
|
2021
2026
|
|
|
2022
2027
|
|
|
2023
|
-
// CONCATENATED MODULE: ./src/components/crud/src/index.vue?vue&type=template&id=
|
|
2028
|
+
// CONCATENATED MODULE: ./src/components/crud/src/index.vue?vue&type=template&id=0fa8c191&
|
|
2024
2029
|
|
|
2025
2030
|
// EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/components/table-search"
|
|
2026
|
-
var table_search_ = __webpack_require__(
|
|
2031
|
+
var table_search_ = __webpack_require__(57);
|
|
2027
2032
|
var table_search_default = /*#__PURE__*/__webpack_require__.n(table_search_);
|
|
2028
2033
|
|
|
2029
2034
|
// EXTERNAL MODULE: ./src/components/form-dialog/index.js + 3 modules
|
|
2030
|
-
var form_dialog = __webpack_require__(
|
|
2035
|
+
var form_dialog = __webpack_require__(27);
|
|
2031
2036
|
|
|
2032
2037
|
// EXTERNAL MODULE: ./src/components/form-view-dialog/index.js + 3 modules
|
|
2033
|
-
var form_view_dialog = __webpack_require__(
|
|
2038
|
+
var form_view_dialog = __webpack_require__(28);
|
|
2034
2039
|
|
|
2035
2040
|
// EXTERNAL MODULE: external "element-ui/lib/message-box"
|
|
2036
|
-
var message_box_ = __webpack_require__(
|
|
2041
|
+
var message_box_ = __webpack_require__(58);
|
|
2037
2042
|
var message_box_default = /*#__PURE__*/__webpack_require__.n(message_box_);
|
|
2038
2043
|
|
|
2039
2044
|
// EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/utils/formula"
|
|
@@ -2062,13 +2067,25 @@ var formula_ = __webpack_require__(2);
|
|
|
2062
2067
|
};
|
|
2063
2068
|
},
|
|
2064
2069
|
createProps: function createProps() {
|
|
2065
|
-
return Object.assign({
|
|
2070
|
+
return Object.assign({
|
|
2071
|
+
dialog: {
|
|
2072
|
+
title: "添加"
|
|
2073
|
+
}
|
|
2074
|
+
}, this.create);
|
|
2066
2075
|
},
|
|
2067
2076
|
updateProps: function updateProps() {
|
|
2068
|
-
return Object.assign({
|
|
2077
|
+
return Object.assign({
|
|
2078
|
+
dialog: {
|
|
2079
|
+
title: "修改"
|
|
2080
|
+
}
|
|
2081
|
+
}, this.update);
|
|
2069
2082
|
},
|
|
2070
2083
|
viewProps: function viewProps() {
|
|
2071
|
-
return Object.assign({
|
|
2084
|
+
return Object.assign({
|
|
2085
|
+
dialog: {
|
|
2086
|
+
title: "查看"
|
|
2087
|
+
}
|
|
2088
|
+
}, this.view);
|
|
2072
2089
|
}
|
|
2073
2090
|
},
|
|
2074
2091
|
props: {
|
package/lib/components/dialog.js
CHANGED
|
@@ -220,7 +220,7 @@ module.exports = require("element-ui/src/mixins/emitter");
|
|
|
220
220
|
// ESM COMPAT FLAG
|
|
221
221
|
__webpack_require__.r(__webpack_exports__);
|
|
222
222
|
|
|
223
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/dialog/src/index.vue?vue&type=template&id=
|
|
223
|
+
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/dialog/src/index.vue?vue&type=template&id=6ea89ba6&
|
|
224
224
|
var render = function render() {
|
|
225
225
|
var _vm = this,
|
|
226
226
|
_c = _vm._self._c
|
|
@@ -333,7 +333,7 @@ var staticRenderFns = []
|
|
|
333
333
|
render._withStripped = true
|
|
334
334
|
|
|
335
335
|
|
|
336
|
-
// CONCATENATED MODULE: ./src/components/dialog/src/index.vue?vue&type=template&id=
|
|
336
|
+
// CONCATENATED MODULE: ./src/components/dialog/src/index.vue?vue&type=template&id=6ea89ba6&
|
|
337
337
|
|
|
338
338
|
// EXTERNAL MODULE: external "element-ui/src/utils/popup"
|
|
339
339
|
var popup_ = __webpack_require__(62);
|
|
@@ -365,7 +365,7 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
|
|
|
365
365
|
},
|
|
366
366
|
middle: {
|
|
367
367
|
type: Boolean,
|
|
368
|
-
default:
|
|
368
|
+
default: false
|
|
369
369
|
},
|
|
370
370
|
scroll: {
|
|
371
371
|
type: Boolean,
|
|
@@ -377,7 +377,7 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
|
|
|
377
377
|
},
|
|
378
378
|
appendToBody: {
|
|
379
379
|
type: Boolean,
|
|
380
|
-
default:
|
|
380
|
+
default: true
|
|
381
381
|
},
|
|
382
382
|
lockScroll: {
|
|
383
383
|
type: Boolean,
|
|
@@ -82,7 +82,7 @@ module.exports =
|
|
|
82
82
|
/******/
|
|
83
83
|
/******/
|
|
84
84
|
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 27);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ([
|
|
@@ -535,7 +535,9 @@ module.exports = require("@panpanzhao/component-ui/lib/components/form-item");
|
|
|
535
535
|
/***/ }),
|
|
536
536
|
/* 17 */,
|
|
537
537
|
/* 18 */,
|
|
538
|
-
/* 19
|
|
538
|
+
/* 19 */,
|
|
539
|
+
/* 20 */,
|
|
540
|
+
/* 21 */
|
|
539
541
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
540
542
|
|
|
541
543
|
"use strict";
|
|
@@ -895,13 +897,12 @@ src.install = function (Vue) {
|
|
|
895
897
|
/* harmony default export */ var form_group = __webpack_exports__["default"] = (src);
|
|
896
898
|
|
|
897
899
|
/***/ }),
|
|
898
|
-
/* 20 */,
|
|
899
|
-
/* 21 */,
|
|
900
900
|
/* 22 */,
|
|
901
901
|
/* 23 */,
|
|
902
902
|
/* 24 */,
|
|
903
903
|
/* 25 */,
|
|
904
|
-
/* 26
|
|
904
|
+
/* 26 */,
|
|
905
|
+
/* 27 */
|
|
905
906
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
906
907
|
|
|
907
908
|
"use strict";
|
|
@@ -924,7 +925,7 @@ var button_default = /*#__PURE__*/__webpack_require__.n(button_);
|
|
|
924
925
|
var components_form = __webpack_require__(9);
|
|
925
926
|
|
|
926
927
|
// EXTERNAL MODULE: ./src/components/form-group/index.js + 2 modules
|
|
927
|
-
var form_group = __webpack_require__(
|
|
928
|
+
var form_group = __webpack_require__(21);
|
|
928
929
|
|
|
929
930
|
// EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/utils/formula"
|
|
930
931
|
var formula_ = __webpack_require__(2);
|
|
@@ -1051,18 +1052,18 @@ var external_lodash_ = __webpack_require__(3);
|
|
|
1051
1052
|
show: false,
|
|
1052
1053
|
formModel: {},
|
|
1053
1054
|
defaultTools: [{
|
|
1054
|
-
label: this.dialog.
|
|
1055
|
-
type: this.confirmButtonType
|
|
1055
|
+
label: this.dialog.cancelButtonText || "取消",
|
|
1056
|
+
type: this.confirmButtonType,
|
|
1056
1057
|
loading: false,
|
|
1057
1058
|
on: {
|
|
1058
|
-
click: this.
|
|
1059
|
+
click: this.close
|
|
1059
1060
|
}
|
|
1060
1061
|
}, {
|
|
1061
|
-
label: this.dialog.
|
|
1062
|
-
type: this.confirmButtonType,
|
|
1062
|
+
label: this.dialog.confirmButtonText || "确认",
|
|
1063
|
+
type: this.confirmButtonType || "primary",
|
|
1063
1064
|
loading: false,
|
|
1064
1065
|
on: {
|
|
1065
|
-
click: this.
|
|
1066
|
+
click: this.submit
|
|
1066
1067
|
}
|
|
1067
1068
|
}]
|
|
1068
1069
|
};
|
|
@@ -1146,6 +1147,7 @@ var external_lodash_ = __webpack_require__(3);
|
|
|
1146
1147
|
var param = {
|
|
1147
1148
|
attrs: Object.assign({
|
|
1148
1149
|
visible: this.show,
|
|
1150
|
+
closeOnClickModal: false,
|
|
1149
1151
|
"customClass": "form-dialog"
|
|
1150
1152
|
}, this.dialog),
|
|
1151
1153
|
on: Object.assign(this.on, {
|
|
@@ -82,7 +82,7 @@ module.exports =
|
|
|
82
82
|
/******/
|
|
83
83
|
/******/
|
|
84
84
|
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 21);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ([
|
|
@@ -520,7 +520,9 @@ module.exports = require("@panpanzhao/component-ui/lib/components/form-item");
|
|
|
520
520
|
/***/ }),
|
|
521
521
|
/* 17 */,
|
|
522
522
|
/* 18 */,
|
|
523
|
-
/* 19
|
|
523
|
+
/* 19 */,
|
|
524
|
+
/* 20 */,
|
|
525
|
+
/* 21 */
|
|
524
526
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
525
527
|
|
|
526
528
|
"use strict";
|