tenghui-ui 1.2.0 → 1.2.1
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/dist/style.css +1 -1
- package/dist/tenghui-ui.es.js +208 -121
- package/dist/tenghui-ui.es.js.map +1 -1
- package/dist/tenghui-ui.umd.js +1 -1
- package/dist/tenghui-ui.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.el-menu[data-v-1a7163e6]{width:100%;height:60px!important}.el-submenu .el-menu-item[data-v-1a7163e6]{min-width:unset}.el-submenu__title i[data-v-1a7163e6]{color:unset}.ui-tabs[data-v-e7fe9cfa]{border-bottom:1px solid #ebeef5;padding:0 10px;height:40px;background-color:#fff}.ui-tabs__item[data-v-e7fe9cfa]{float:left;height:31px;border-radius:6px 6px 0 0;border:1px solid #ebeef5;margin-top:10px;box-sizing:border-box;font-size:12px;line-height:30px;padding:0 10px;color:#c0c4cc;cursor:pointer;border-bottom-color:#fff;margin-right:1px;position:relative;transition:all .1s linear}.ui-tabs__item:hover .el-icon-error[data-v-e7fe9cfa]{opacity:1}.ui-tabs__item .el-icon-error[data-v-e7fe9cfa]{position:absolute;right:2px;top:50%;margin-top:-5px;opacity:0;transition:all .1s linear}.ui-tabs__item .el-icon-error[data-v-e7fe9cfa]:hover{color:#409effcc}.ui-tabs__item--active[data-v-e7fe9cfa]{color:#409effcc;padding-right:20px}.ui-tabs__item--active .el-icon-error[data-v-e7fe9cfa]{top:50%;right:5px;font-size:14px;margin-top:-5px;opacity:1}.el-icon-s-tools[data-v-b586e068]{font-size:20px;color:#fff;line-height:60px;margin-right:20px;cursor:pointer}[data-v-0a02be4b] .el-dialog__header{border-bottom:1px solid #ededed}[data-v-0a02be4b] .el-dialog__header .el-dialog__title{font-size:16px}[data-v-0a02be4b] .el-dialog__footer{border-top:1px solid #ededed}[data-v-0a02be4b] .el-dialog__body .el-form .el-select,[data-v-0a02be4b] .el-dialog__body .el-form .el-input,[data-v-0a02be4b] .el-dialog__body .el-form .el-input-number{width:240px}[data-v-0a02be4b] .el-dialog__body .el-form .el-input-number .el-input__inner{text-align:left}[data-v-0a02be4b] .el-dialog__body .el-form .ui-item__main{width:100%}[data-v-0a02be4b] .el-dialog__body .el-form .el-form-item__label{font-size:12px}[data-v-0a02be4b] .el-dialog__body .el-form .el-input--small .el-input__icon{height:32px}.ui-form__item[data-v-5f450689]{display:flex;align-items:center;margin-right:15px}.ui-item__label[data-v-5f450689]{margin-right:10px;font-size:12px;width:70px;text-align:right}.ui-operation[data-v-3c6cb9f6]{padding:0 10px}.ui-search[data-v-07c7d454]{margin:10px 10px 0;padding:20px;background-color:#fff;border:1px solid #ebeef5;border-radius:4px}.ui-search__main[data-v-07c7d454]{display:flex}.ui-search__footer[data-v-07c7d454]{margin-top:10px}.ui-search[data-v-07c7d454] .ui-form__item{display:block}.ui-search[data-v-07c7d454] .ui-item__label{width:unset;text-align:left;margin-bottom:5px}.ui-table[data-v-f8366462]{padding:0 10px}.ui-table[data-v-f8366462] .el-table-column--selection .el-checkbox{display:block}.ui-pagination[data-v-f8366462]{text-align:center;padding:10px 0}
|
|
1
|
+
.el-menu[data-v-1a7163e6]{width:100%;height:60px!important}.el-submenu .el-menu-item[data-v-1a7163e6]{min-width:unset}.el-submenu__title i[data-v-1a7163e6]{color:unset}.ui-tabs[data-v-e7fe9cfa]{border-bottom:1px solid #ebeef5;padding:0 10px;height:40px;background-color:#fff}.ui-tabs__item[data-v-e7fe9cfa]{float:left;height:31px;border-radius:6px 6px 0 0;border:1px solid #ebeef5;margin-top:10px;box-sizing:border-box;font-size:12px;line-height:30px;padding:0 10px;color:#c0c4cc;cursor:pointer;border-bottom-color:#fff;margin-right:1px;position:relative;transition:all .1s linear}.ui-tabs__item:hover .el-icon-error[data-v-e7fe9cfa]{opacity:1}.ui-tabs__item .el-icon-error[data-v-e7fe9cfa]{position:absolute;right:2px;top:50%;margin-top:-5px;opacity:0;transition:all .1s linear}.ui-tabs__item .el-icon-error[data-v-e7fe9cfa]:hover{color:#409effcc}.ui-tabs__item--active[data-v-e7fe9cfa]{color:#409effcc;padding-right:20px}.ui-tabs__item--active .el-icon-error[data-v-e7fe9cfa]{top:50%;right:5px;font-size:14px;margin-top:-5px;opacity:1}.el-icon-s-tools[data-v-b586e068]{font-size:20px;color:#fff;line-height:60px;margin-right:20px;cursor:pointer}[data-v-0a02be4b] .el-dialog__header{border-bottom:1px solid #ededed}[data-v-0a02be4b] .el-dialog__header .el-dialog__title{font-size:16px}[data-v-0a02be4b] .el-dialog__footer{border-top:1px solid #ededed}[data-v-0a02be4b] .el-dialog__body .el-form .el-select,[data-v-0a02be4b] .el-dialog__body .el-form .el-input,[data-v-0a02be4b] .el-dialog__body .el-form .el-input-number{width:240px}[data-v-0a02be4b] .el-dialog__body .el-form .el-input-number .el-input__inner{text-align:left}[data-v-0a02be4b] .el-dialog__body .el-form .ui-item__main{width:100%}[data-v-0a02be4b] .el-dialog__body .el-form .el-form-item__label{font-size:12px}[data-v-0a02be4b] .el-dialog__body .el-form .el-input--small .el-input__icon{height:32px}.ui-form__item[data-v-5f450689]{display:flex;align-items:center;margin-right:15px}.ui-item__label[data-v-5f450689]{margin-right:10px;font-size:12px;width:70px;text-align:right}.ui-operation[data-v-3c6cb9f6]{padding:0 10px}.ui-search[data-v-07c7d454]{margin:10px 10px 0;padding:20px;background-color:#fff;border:1px solid #ebeef5;border-radius:4px}.ui-search__main[data-v-07c7d454]{display:flex}.ui-search__footer[data-v-07c7d454]{margin-top:10px}.ui-search[data-v-07c7d454] .ui-form__item{display:block}.ui-search[data-v-07c7d454] .ui-item__label{width:unset;text-align:left;margin-bottom:5px}.ui-table[data-v-f8366462]{padding:0 10px}.ui-table[data-v-f8366462] .el-table-column--selection .el-checkbox{display:block}.ui-pagination[data-v-f8366462]{text-align:center;padding:10px 0}.ui-image--error[data-v-4d3de6d0]{text-align:center;color:#999;background-color:#efefef}
|
package/dist/tenghui-ui.es.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
var render$
|
|
1
|
+
var render$9 = function() {
|
|
2
2
|
var _vm = this;
|
|
3
3
|
var _h = _vm.$createElement;
|
|
4
4
|
var _c = _vm._self._c || _h;
|
|
5
5
|
return _c("div", { staticClass: "ui-template" }, [_c("h1", [_vm._v(_vm._s(_vm.msg))]), _c("el-table", { staticStyle: { "width": "100%" }, attrs: { "data": _vm.tableData } }, [_c("el-table-column", { attrs: { "prop": "date", "label": "\u65E5\u671F", "width": "180" } }), _c("el-table-column", { attrs: { "prop": "name", "label": "\u59D3\u540D", "width": "180" } }), _c("el-table-column", { attrs: { "prop": "address", "label": "\u5730\u5740" } })], 1)], 1);
|
|
6
6
|
};
|
|
7
|
-
var staticRenderFns$
|
|
8
|
-
var index_vue_vue_type_style_index_0_scoped_true_lang$
|
|
7
|
+
var staticRenderFns$9 = [];
|
|
8
|
+
var index_vue_vue_type_style_index_0_scoped_true_lang$9 = "";
|
|
9
9
|
function normalizeComponent(scriptExports, render2, staticRenderFns2, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
|
|
10
10
|
var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
|
|
11
11
|
if (render2) {
|
|
@@ -57,7 +57,7 @@ function normalizeComponent(scriptExports, render2, staticRenderFns2, functional
|
|
|
57
57
|
options
|
|
58
58
|
};
|
|
59
59
|
}
|
|
60
|
-
const __vue2_script$
|
|
60
|
+
const __vue2_script$9 = {
|
|
61
61
|
name: "ComTemplate",
|
|
62
62
|
data() {
|
|
63
63
|
return {
|
|
@@ -83,21 +83,21 @@ const __vue2_script$8 = {
|
|
|
83
83
|
},
|
|
84
84
|
methods: {}
|
|
85
85
|
};
|
|
86
|
-
const __cssModules$
|
|
87
|
-
var __component__$
|
|
88
|
-
function __vue2_injectStyles$
|
|
89
|
-
for (let o in __cssModules$
|
|
90
|
-
this[o] = __cssModules$
|
|
86
|
+
const __cssModules$9 = {};
|
|
87
|
+
var __component__$9 = /* @__PURE__ */ normalizeComponent(__vue2_script$9, render$9, staticRenderFns$9, false, __vue2_injectStyles$9, "183fe45a", null, null);
|
|
88
|
+
function __vue2_injectStyles$9(context) {
|
|
89
|
+
for (let o in __cssModules$9) {
|
|
90
|
+
this[o] = __cssModules$9[o];
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
93
|
var ComTemplate = /* @__PURE__ */ function() {
|
|
94
|
-
return __component__$
|
|
94
|
+
return __component__$9.exports;
|
|
95
95
|
}();
|
|
96
96
|
ComTemplate.install = (app) => {
|
|
97
97
|
app.component(ComTemplate.name, ComTemplate);
|
|
98
98
|
};
|
|
99
99
|
const InComTemplate = ComTemplate;
|
|
100
|
-
var render$
|
|
100
|
+
var render$8 = function() {
|
|
101
101
|
var _vm = this;
|
|
102
102
|
var _h = _vm.$createElement;
|
|
103
103
|
var _c = _vm._self._c || _h;
|
|
@@ -109,9 +109,9 @@ var render$7 = function() {
|
|
|
109
109
|
})], 2) : _c("el-menu-item", { attrs: { "index": item.path || item.name } }, [_c("i", { staticClass: "el-icon-menu" }), _c("span", { attrs: { "slot": "title" }, slot: "title" }, [_vm._v(_vm._s(item.name))])])];
|
|
110
110
|
})], 2);
|
|
111
111
|
};
|
|
112
|
-
var staticRenderFns$
|
|
113
|
-
var index_vue_vue_type_style_index_0_scoped_true_lang$
|
|
114
|
-
const __vue2_script$
|
|
112
|
+
var staticRenderFns$8 = [];
|
|
113
|
+
var index_vue_vue_type_style_index_0_scoped_true_lang$8 = "";
|
|
114
|
+
const __vue2_script$8 = {
|
|
115
115
|
name: "ComMenu",
|
|
116
116
|
props: {
|
|
117
117
|
data: {
|
|
@@ -131,21 +131,21 @@ const __vue2_script$7 = {
|
|
|
131
131
|
}
|
|
132
132
|
}
|
|
133
133
|
};
|
|
134
|
-
const __cssModules$
|
|
135
|
-
var __component__$
|
|
136
|
-
function __vue2_injectStyles$
|
|
137
|
-
for (let o in __cssModules$
|
|
138
|
-
this[o] = __cssModules$
|
|
134
|
+
const __cssModules$8 = {};
|
|
135
|
+
var __component__$8 = /* @__PURE__ */ normalizeComponent(__vue2_script$8, render$8, staticRenderFns$8, false, __vue2_injectStyles$8, "1a7163e6", null, null);
|
|
136
|
+
function __vue2_injectStyles$8(context) {
|
|
137
|
+
for (let o in __cssModules$8) {
|
|
138
|
+
this[o] = __cssModules$8[o];
|
|
139
139
|
}
|
|
140
140
|
}
|
|
141
|
-
var ComComponent$
|
|
142
|
-
return __component__$
|
|
141
|
+
var ComComponent$8 = /* @__PURE__ */ function() {
|
|
142
|
+
return __component__$8.exports;
|
|
143
143
|
}();
|
|
144
|
-
ComComponent$
|
|
145
|
-
app.component(ComComponent$
|
|
144
|
+
ComComponent$8.install = (app) => {
|
|
145
|
+
app.component(ComComponent$8.name, ComComponent$8);
|
|
146
146
|
};
|
|
147
|
-
const InComComponent$
|
|
148
|
-
var render$
|
|
147
|
+
const InComComponent$8 = ComComponent$8;
|
|
148
|
+
var render$7 = function() {
|
|
149
149
|
var _vm = this;
|
|
150
150
|
var _h = _vm.$createElement;
|
|
151
151
|
var _c = _vm._self._c || _h;
|
|
@@ -158,9 +158,9 @@ var render$6 = function() {
|
|
|
158
158
|
} } })]);
|
|
159
159
|
}), 0)]);
|
|
160
160
|
};
|
|
161
|
-
var staticRenderFns$
|
|
162
|
-
var index_vue_vue_type_style_index_0_scoped_true_lang$
|
|
163
|
-
const __vue2_script$
|
|
161
|
+
var staticRenderFns$7 = [];
|
|
162
|
+
var index_vue_vue_type_style_index_0_scoped_true_lang$7 = "";
|
|
163
|
+
const __vue2_script$7 = {
|
|
164
164
|
name: "ComTabs",
|
|
165
165
|
props: {
|
|
166
166
|
data: {
|
|
@@ -188,21 +188,21 @@ const __vue2_script$6 = {
|
|
|
188
188
|
}
|
|
189
189
|
}
|
|
190
190
|
};
|
|
191
|
-
const __cssModules$
|
|
192
|
-
var __component__$
|
|
193
|
-
function __vue2_injectStyles$
|
|
194
|
-
for (let o in __cssModules$
|
|
195
|
-
this[o] = __cssModules$
|
|
191
|
+
const __cssModules$7 = {};
|
|
192
|
+
var __component__$7 = /* @__PURE__ */ normalizeComponent(__vue2_script$7, render$7, staticRenderFns$7, false, __vue2_injectStyles$7, "e7fe9cfa", null, null);
|
|
193
|
+
function __vue2_injectStyles$7(context) {
|
|
194
|
+
for (let o in __cssModules$7) {
|
|
195
|
+
this[o] = __cssModules$7[o];
|
|
196
196
|
}
|
|
197
197
|
}
|
|
198
|
-
var ComComponent$
|
|
199
|
-
return __component__$
|
|
198
|
+
var ComComponent$7 = /* @__PURE__ */ function() {
|
|
199
|
+
return __component__$7.exports;
|
|
200
200
|
}();
|
|
201
|
-
ComComponent$
|
|
202
|
-
app.component(ComComponent$
|
|
201
|
+
ComComponent$7.install = (app) => {
|
|
202
|
+
app.component(ComComponent$7.name, ComComponent$7);
|
|
203
203
|
};
|
|
204
|
-
const InComComponent$
|
|
205
|
-
var render$
|
|
204
|
+
const InComComponent$7 = ComComponent$7;
|
|
205
|
+
var render$6 = function() {
|
|
206
206
|
var _vm = this;
|
|
207
207
|
var _h = _vm.$createElement;
|
|
208
208
|
var _c = _vm._self._c || _h;
|
|
@@ -210,9 +210,9 @@ var render$5 = function() {
|
|
|
210
210
|
return _vm.handleOperation("outLogin");
|
|
211
211
|
} } }, [_vm._v("\u9000\u51FA\u767B\u5F55")])], 1)], 1);
|
|
212
212
|
};
|
|
213
|
-
var staticRenderFns$
|
|
214
|
-
var index_vue_vue_type_style_index_0_scoped_true_lang$
|
|
215
|
-
const __vue2_script$
|
|
213
|
+
var staticRenderFns$6 = [];
|
|
214
|
+
var index_vue_vue_type_style_index_0_scoped_true_lang$6 = "";
|
|
215
|
+
const __vue2_script$6 = {
|
|
216
216
|
name: "ComTool",
|
|
217
217
|
methods: {
|
|
218
218
|
handleOperation(cmd) {
|
|
@@ -228,21 +228,21 @@ const __vue2_script$5 = {
|
|
|
228
228
|
}
|
|
229
229
|
}
|
|
230
230
|
};
|
|
231
|
-
const __cssModules$
|
|
232
|
-
var __component__$
|
|
233
|
-
function __vue2_injectStyles$
|
|
234
|
-
for (let o in __cssModules$
|
|
235
|
-
this[o] = __cssModules$
|
|
231
|
+
const __cssModules$6 = {};
|
|
232
|
+
var __component__$6 = /* @__PURE__ */ normalizeComponent(__vue2_script$6, render$6, staticRenderFns$6, false, __vue2_injectStyles$6, "b586e068", null, null);
|
|
233
|
+
function __vue2_injectStyles$6(context) {
|
|
234
|
+
for (let o in __cssModules$6) {
|
|
235
|
+
this[o] = __cssModules$6[o];
|
|
236
236
|
}
|
|
237
237
|
}
|
|
238
|
-
var ComComponent$
|
|
239
|
-
return __component__$
|
|
238
|
+
var ComComponent$6 = /* @__PURE__ */ function() {
|
|
239
|
+
return __component__$6.exports;
|
|
240
240
|
}();
|
|
241
|
-
ComComponent$
|
|
242
|
-
app.component(ComComponent$
|
|
241
|
+
ComComponent$6.install = (app) => {
|
|
242
|
+
app.component(ComComponent$6.name, ComComponent$6);
|
|
243
243
|
};
|
|
244
|
-
const InComComponent$
|
|
245
|
-
var render$
|
|
244
|
+
const InComComponent$6 = ComComponent$6;
|
|
245
|
+
var render$5 = function() {
|
|
246
246
|
var _vm = this;
|
|
247
247
|
var _h = _vm.$createElement;
|
|
248
248
|
var _c = _vm._self._c || _h;
|
|
@@ -252,9 +252,9 @@ var render$4 = function() {
|
|
|
252
252
|
} } }, [_vm._v("\u53D6\u6D88")]) : _vm._e(), _vm.showBtn ? _c("el-button", { attrs: { "size": "small", "type": "primary" }, on: { "click": _vm.handleConfirm } }, [_vm._v("\u786E\u5B9A")]) : _vm._e()])];
|
|
253
253
|
}, proxy: true }], null, true) }, [_vm._t("default")], 2);
|
|
254
254
|
};
|
|
255
|
-
var staticRenderFns$
|
|
256
|
-
var index_vue_vue_type_style_index_0_scoped_true_lang$
|
|
257
|
-
const __vue2_script$
|
|
255
|
+
var staticRenderFns$5 = [];
|
|
256
|
+
var index_vue_vue_type_style_index_0_scoped_true_lang$5 = "";
|
|
257
|
+
const __vue2_script$5 = {
|
|
258
258
|
name: "ComDialog",
|
|
259
259
|
props: {
|
|
260
260
|
visible: {
|
|
@@ -303,21 +303,21 @@ const __vue2_script$4 = {
|
|
|
303
303
|
}
|
|
304
304
|
}
|
|
305
305
|
};
|
|
306
|
-
const __cssModules$
|
|
307
|
-
var __component__$
|
|
308
|
-
function __vue2_injectStyles$
|
|
309
|
-
for (let o in __cssModules$
|
|
310
|
-
this[o] = __cssModules$
|
|
306
|
+
const __cssModules$5 = {};
|
|
307
|
+
var __component__$5 = /* @__PURE__ */ normalizeComponent(__vue2_script$5, render$5, staticRenderFns$5, false, __vue2_injectStyles$5, "0a02be4b", null, null);
|
|
308
|
+
function __vue2_injectStyles$5(context) {
|
|
309
|
+
for (let o in __cssModules$5) {
|
|
310
|
+
this[o] = __cssModules$5[o];
|
|
311
311
|
}
|
|
312
312
|
}
|
|
313
|
-
var ComComponent$
|
|
314
|
-
return __component__$
|
|
313
|
+
var ComComponent$5 = /* @__PURE__ */ function() {
|
|
314
|
+
return __component__$5.exports;
|
|
315
315
|
}();
|
|
316
|
-
ComComponent$
|
|
317
|
-
app.component(ComComponent$
|
|
316
|
+
ComComponent$5.install = (app) => {
|
|
317
|
+
app.component(ComComponent$5.name, ComComponent$5);
|
|
318
318
|
};
|
|
319
|
-
const InComComponent$
|
|
320
|
-
var render$
|
|
319
|
+
const InComComponent$5 = ComComponent$5;
|
|
320
|
+
var render$4 = function() {
|
|
321
321
|
var _vm = this;
|
|
322
322
|
var _h = _vm.$createElement;
|
|
323
323
|
var _c = _vm._self._c || _h;
|
|
@@ -339,9 +339,9 @@ var render$3 = function() {
|
|
|
339
339
|
_vm.modelForm = $$v;
|
|
340
340
|
}, expression: "modelForm" } })] : _vm._e()], 2)]);
|
|
341
341
|
};
|
|
342
|
-
var staticRenderFns$
|
|
343
|
-
var index_vue_vue_type_style_index_0_scoped_true_lang$
|
|
344
|
-
const __vue2_script$
|
|
342
|
+
var staticRenderFns$4 = [];
|
|
343
|
+
var index_vue_vue_type_style_index_0_scoped_true_lang$4 = "";
|
|
344
|
+
const __vue2_script$4 = {
|
|
345
345
|
name: "ComFormItem",
|
|
346
346
|
model: {
|
|
347
347
|
prop: "model",
|
|
@@ -444,58 +444,58 @@ const __vue2_script$3 = {
|
|
|
444
444
|
}
|
|
445
445
|
}
|
|
446
446
|
};
|
|
447
|
-
const __cssModules$
|
|
448
|
-
var __component__$
|
|
449
|
-
function __vue2_injectStyles$
|
|
450
|
-
for (let o in __cssModules$
|
|
451
|
-
this[o] = __cssModules$
|
|
447
|
+
const __cssModules$4 = {};
|
|
448
|
+
var __component__$4 = /* @__PURE__ */ normalizeComponent(__vue2_script$4, render$4, staticRenderFns$4, false, __vue2_injectStyles$4, "5f450689", null, null);
|
|
449
|
+
function __vue2_injectStyles$4(context) {
|
|
450
|
+
for (let o in __cssModules$4) {
|
|
451
|
+
this[o] = __cssModules$4[o];
|
|
452
452
|
}
|
|
453
453
|
}
|
|
454
|
-
var ComComponent$
|
|
455
|
-
return __component__$
|
|
454
|
+
var ComComponent$4 = /* @__PURE__ */ function() {
|
|
455
|
+
return __component__$4.exports;
|
|
456
456
|
}();
|
|
457
|
-
ComComponent$
|
|
458
|
-
app.component(ComComponent$
|
|
457
|
+
ComComponent$4.install = (app) => {
|
|
458
|
+
app.component(ComComponent$4.name, ComComponent$4);
|
|
459
459
|
};
|
|
460
|
-
const InComComponent$
|
|
461
|
-
var render$
|
|
460
|
+
const InComComponent$4 = ComComponent$4;
|
|
461
|
+
var render$3 = function() {
|
|
462
462
|
var _vm = this;
|
|
463
463
|
var _h = _vm.$createElement;
|
|
464
464
|
var _c = _vm._self._c || _h;
|
|
465
465
|
return _c("div", { staticClass: "ui-operation" }, [_vm._t("default")], 2);
|
|
466
466
|
};
|
|
467
|
-
var staticRenderFns$
|
|
468
|
-
var index_vue_vue_type_style_index_0_scoped_true_lang$
|
|
469
|
-
const __vue2_script$
|
|
467
|
+
var staticRenderFns$3 = [];
|
|
468
|
+
var index_vue_vue_type_style_index_0_scoped_true_lang$3 = "";
|
|
469
|
+
const __vue2_script$3 = {
|
|
470
470
|
name: "ComOperation",
|
|
471
471
|
prop: {
|
|
472
472
|
type: String,
|
|
473
473
|
default: "main"
|
|
474
474
|
}
|
|
475
475
|
};
|
|
476
|
-
const __cssModules$
|
|
477
|
-
var __component__$
|
|
478
|
-
function __vue2_injectStyles$
|
|
479
|
-
for (let o in __cssModules$
|
|
480
|
-
this[o] = __cssModules$
|
|
476
|
+
const __cssModules$3 = {};
|
|
477
|
+
var __component__$3 = /* @__PURE__ */ normalizeComponent(__vue2_script$3, render$3, staticRenderFns$3, false, __vue2_injectStyles$3, "3c6cb9f6", null, null);
|
|
478
|
+
function __vue2_injectStyles$3(context) {
|
|
479
|
+
for (let o in __cssModules$3) {
|
|
480
|
+
this[o] = __cssModules$3[o];
|
|
481
481
|
}
|
|
482
482
|
}
|
|
483
|
-
var ComComponent$
|
|
484
|
-
return __component__$
|
|
483
|
+
var ComComponent$3 = /* @__PURE__ */ function() {
|
|
484
|
+
return __component__$3.exports;
|
|
485
485
|
}();
|
|
486
|
-
ComComponent$
|
|
487
|
-
app.component(ComComponent$
|
|
486
|
+
ComComponent$3.install = (app) => {
|
|
487
|
+
app.component(ComComponent$3.name, ComComponent$3);
|
|
488
488
|
};
|
|
489
|
-
const InComComponent$
|
|
490
|
-
var render$
|
|
489
|
+
const InComComponent$3 = ComComponent$3;
|
|
490
|
+
var render$2 = function() {
|
|
491
491
|
var _vm = this;
|
|
492
492
|
var _h = _vm.$createElement;
|
|
493
493
|
var _c = _vm._self._c || _h;
|
|
494
494
|
return _c("div", { staticClass: "ui-search" }, [_c("div", { staticClass: "ui-search__main" }, [_vm._t("default")], 2), _c("div", { staticClass: "ui-search__footer" }, [_c("el-button", { attrs: { "size": "small", "icon": "el-icon-refresh" }, on: { "click": _vm.handleReset } }, [_vm._v("\u91CD\u7F6E")]), _c("el-button", { attrs: { "size": "small", "icon": "el-icon-search", "type": "primary" }, on: { "click": _vm.handleQuery } }, [_vm._v("\u67E5\u8BE2")])], 1)]);
|
|
495
495
|
};
|
|
496
|
-
var staticRenderFns$
|
|
497
|
-
var index_vue_vue_type_style_index_0_scoped_true_lang$
|
|
498
|
-
const __vue2_script$
|
|
496
|
+
var staticRenderFns$2 = [];
|
|
497
|
+
var index_vue_vue_type_style_index_0_scoped_true_lang$2 = "";
|
|
498
|
+
const __vue2_script$2 = {
|
|
499
499
|
name: "ComSearch",
|
|
500
500
|
methods: {
|
|
501
501
|
handleQuery() {
|
|
@@ -516,20 +516,20 @@ const __vue2_script$1 = {
|
|
|
516
516
|
}
|
|
517
517
|
}
|
|
518
518
|
};
|
|
519
|
-
const __cssModules$
|
|
520
|
-
var __component__$
|
|
521
|
-
function __vue2_injectStyles$
|
|
522
|
-
for (let o in __cssModules$
|
|
523
|
-
this[o] = __cssModules$
|
|
519
|
+
const __cssModules$2 = {};
|
|
520
|
+
var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "07c7d454", null, null);
|
|
521
|
+
function __vue2_injectStyles$2(context) {
|
|
522
|
+
for (let o in __cssModules$2) {
|
|
523
|
+
this[o] = __cssModules$2[o];
|
|
524
524
|
}
|
|
525
525
|
}
|
|
526
|
-
var ComComponent$
|
|
527
|
-
return __component__$
|
|
526
|
+
var ComComponent$2 = /* @__PURE__ */ function() {
|
|
527
|
+
return __component__$2.exports;
|
|
528
528
|
}();
|
|
529
|
-
ComComponent$
|
|
530
|
-
app.component(ComComponent$
|
|
529
|
+
ComComponent$2.install = (app) => {
|
|
530
|
+
app.component(ComComponent$2.name, ComComponent$2);
|
|
531
531
|
};
|
|
532
|
-
const InComComponent$
|
|
532
|
+
const InComComponent$2 = ComComponent$2;
|
|
533
533
|
function countTableHeight(staticNum = 0) {
|
|
534
534
|
const pageCountEls = document.querySelectorAll(".ui-page__main:not(.v-leave) > div");
|
|
535
535
|
const paginationEl = document.querySelector(".ui-pagination");
|
|
@@ -566,7 +566,7 @@ function countTableHeight(staticNum = 0) {
|
|
|
566
566
|
tableHeight = window.innerHeight - tableHeight;
|
|
567
567
|
return tableHeight;
|
|
568
568
|
}
|
|
569
|
-
var render = function() {
|
|
569
|
+
var render$1 = function() {
|
|
570
570
|
var _vm = this;
|
|
571
571
|
var _h = _vm.$createElement;
|
|
572
572
|
var _c = _vm._self._c || _h;
|
|
@@ -584,9 +584,9 @@ var render = function() {
|
|
|
584
584
|
return _vm.handlePageChange("offset", val);
|
|
585
585
|
} } })], 1) : _vm._e()], 1);
|
|
586
586
|
};
|
|
587
|
-
var staticRenderFns = [];
|
|
588
|
-
var index_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
589
|
-
const __vue2_script = {
|
|
587
|
+
var staticRenderFns$1 = [];
|
|
588
|
+
var index_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
|
|
589
|
+
const __vue2_script$1 = {
|
|
590
590
|
name: "ComTable",
|
|
591
591
|
props: {
|
|
592
592
|
showSelect: { type: Boolean, default: false },
|
|
@@ -677,8 +677,93 @@ const __vue2_script = {
|
|
|
677
677
|
window.removeEventListener("resize", this.handleRefreshHeight);
|
|
678
678
|
}
|
|
679
679
|
};
|
|
680
|
+
const __cssModules$1 = {};
|
|
681
|
+
var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, "f8366462", null, null);
|
|
682
|
+
function __vue2_injectStyles$1(context) {
|
|
683
|
+
for (let o in __cssModules$1) {
|
|
684
|
+
this[o] = __cssModules$1[o];
|
|
685
|
+
}
|
|
686
|
+
}
|
|
687
|
+
var ComComponent$1 = /* @__PURE__ */ function() {
|
|
688
|
+
return __component__$1.exports;
|
|
689
|
+
}();
|
|
690
|
+
ComComponent$1.install = (app) => {
|
|
691
|
+
app.component(ComComponent$1.name, ComComponent$1);
|
|
692
|
+
};
|
|
693
|
+
const InComComponent$1 = ComComponent$1;
|
|
694
|
+
var render = function() {
|
|
695
|
+
var _vm = this;
|
|
696
|
+
var _h = _vm.$createElement;
|
|
697
|
+
var _c = _vm._self._c || _h;
|
|
698
|
+
return _c("el-image", { ref: "imageRef", style: { width: _vm.sizeMain }, attrs: { "src": _vm.srcMain, "preview-src-list": _vm.previewList }, scopedSlots: _vm._u([{ key: "placeholder", fn: function() {
|
|
699
|
+
return [_c("div", { directives: [{ name: "loading", rawName: "v-loading", value: true, expression: "true" }], staticClass: "ui-image--loading", style: { width: _vm.sizeMain, height: _vm.height } })];
|
|
700
|
+
}, proxy: true }, { key: "error", fn: function() {
|
|
701
|
+
return [_c("div", { staticClass: "ui-image--error", style: { width: _vm.sizeMain, height: _vm.height, lineHeight: _vm.height, fontSize: _vm.fontSize } }, [_c("i", { staticClass: "el-icon-picture-outline" })])];
|
|
702
|
+
}, proxy: true }]) });
|
|
703
|
+
};
|
|
704
|
+
var staticRenderFns = [];
|
|
705
|
+
var index_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
706
|
+
const __vue2_script = {
|
|
707
|
+
name: "ComImage",
|
|
708
|
+
props: {
|
|
709
|
+
size: {
|
|
710
|
+
type: String,
|
|
711
|
+
default: ""
|
|
712
|
+
},
|
|
713
|
+
src: {
|
|
714
|
+
type: [String, Array],
|
|
715
|
+
default() {
|
|
716
|
+
return "";
|
|
717
|
+
}
|
|
718
|
+
},
|
|
719
|
+
previewSrcList: {
|
|
720
|
+
type: Array,
|
|
721
|
+
default() {
|
|
722
|
+
return [];
|
|
723
|
+
}
|
|
724
|
+
}
|
|
725
|
+
},
|
|
726
|
+
data() {
|
|
727
|
+
return {
|
|
728
|
+
height: ""
|
|
729
|
+
};
|
|
730
|
+
},
|
|
731
|
+
computed: {
|
|
732
|
+
previewList() {
|
|
733
|
+
if (this.previewSrcList.length)
|
|
734
|
+
return this.previewSrcList;
|
|
735
|
+
if (Array.isArray(this.src)) {
|
|
736
|
+
return this.src;
|
|
737
|
+
} else {
|
|
738
|
+
return [];
|
|
739
|
+
}
|
|
740
|
+
},
|
|
741
|
+
srcMain() {
|
|
742
|
+
if (Array.isArray(this.src)) {
|
|
743
|
+
return this.src[0];
|
|
744
|
+
} else {
|
|
745
|
+
return this.src;
|
|
746
|
+
}
|
|
747
|
+
},
|
|
748
|
+
fontSize() {
|
|
749
|
+
return `${parseInt(this.height) - 30}px`;
|
|
750
|
+
},
|
|
751
|
+
sizeMain() {
|
|
752
|
+
if (!this.size)
|
|
753
|
+
return "100%";
|
|
754
|
+
else if (Number(this.size))
|
|
755
|
+
return `${this.size}px`;
|
|
756
|
+
else
|
|
757
|
+
return this.size;
|
|
758
|
+
}
|
|
759
|
+
},
|
|
760
|
+
async mounted() {
|
|
761
|
+
await this.$nextTick();
|
|
762
|
+
this.height = `${this.$refs.imageRef.$el.offsetWidth}px`;
|
|
763
|
+
}
|
|
764
|
+
};
|
|
680
765
|
const __cssModules = {};
|
|
681
|
-
var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, "
|
|
766
|
+
var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, "4d3de6d0", null, null);
|
|
682
767
|
function __vue2_injectStyles(context) {
|
|
683
768
|
for (let o in __cssModules) {
|
|
684
769
|
this[o] = __cssModules[o];
|
|
@@ -693,6 +778,7 @@ ComComponent.install = (app) => {
|
|
|
693
778
|
const InComComponent = ComComponent;
|
|
694
779
|
const components = [
|
|
695
780
|
InComTemplate,
|
|
781
|
+
InComComponent$8,
|
|
696
782
|
InComComponent$7,
|
|
697
783
|
InComComponent$6,
|
|
698
784
|
InComComponent$5,
|
|
@@ -710,14 +796,15 @@ const defaultConfig = {
|
|
|
710
796
|
version: "dev",
|
|
711
797
|
install,
|
|
712
798
|
ComTemplate: InComTemplate,
|
|
713
|
-
ComMenu: InComComponent$
|
|
714
|
-
ComTabs: InComComponent$
|
|
715
|
-
ComTool: InComComponent$
|
|
716
|
-
ComDialog: InComComponent$
|
|
717
|
-
ComFormItem: InComComponent$
|
|
718
|
-
ComOperation: InComComponent$
|
|
719
|
-
ComSearch: InComComponent$
|
|
720
|
-
ComTable: InComComponent
|
|
799
|
+
ComMenu: InComComponent$8,
|
|
800
|
+
ComTabs: InComComponent$7,
|
|
801
|
+
ComTool: InComComponent$6,
|
|
802
|
+
ComDialog: InComComponent$5,
|
|
803
|
+
ComFormItem: InComComponent$4,
|
|
804
|
+
ComOperation: InComComponent$3,
|
|
805
|
+
ComSearch: InComComponent$2,
|
|
806
|
+
ComTable: InComComponent$1,
|
|
807
|
+
ComImage: InComComponent
|
|
721
808
|
};
|
|
722
809
|
try {
|
|
723
810
|
defaultConfig.version = require("../package.json").version;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tenghui-ui.es.js","sources":["../packages/template/src/index.vue?vue&type=template&lang.js","../packages/template/src/index.vue","../packages/template/index.ts","../packages/menu/src/index.vue?vue&type=template&lang.js","../packages/menu/src/index.vue","../packages/menu/index.ts","../packages/tabs/src/index.vue?vue&type=template&lang.js","../packages/tabs/src/index.vue","../packages/tabs/index.ts","../packages/tool/src/index.vue?vue&type=template&lang.js","../packages/tool/src/index.vue","../packages/tool/index.ts","../packages/dialog/src/index.vue?vue&type=template&lang.js","../packages/dialog/src/index.vue","../packages/dialog/index.ts","../packages/form-item/src/index.vue?vue&type=template&lang.js","../packages/form-item/src/index.vue","../packages/form-item/index.ts","../packages/operation/src/index.vue?vue&type=template&lang.js","../packages/operation/src/index.vue","../packages/operation/index.ts","../packages/search/src/index.vue?vue&type=template&lang.js","../packages/search/src/index.vue","../packages/search/index.ts","../utils/index.ts","../packages/table/src/index.vue?vue&type=template&lang.js","../packages/table/src/index.vue","../packages/table/index.ts","../src/main.ts"],"sourcesContent":["\n<div class=\"ui-template\">\n <h1>{{ msg }}</h1>\n <el-table :data=\"tableData\" style=\"width: 100%\">\n <el-table-column prop=\"date\" label=\"日期\" width=\"180\">\n </el-table-column>\n <el-table-column prop=\"name\" label=\"姓名\" width=\"180\">\n </el-table-column>\n <el-table-column prop=\"address\" label=\"地址\">\n </el-table-column>\n </el-table>\n</div>\n","<template>\r\n <div class=\"ui-template\">\r\n <h1>{{ msg }}</h1>\r\n <el-table :data=\"tableData\" style=\"width: 100%\">\r\n <el-table-column prop=\"date\" label=\"日期\" width=\"180\">\r\n </el-table-column>\r\n <el-table-column prop=\"name\" label=\"姓名\" width=\"180\">\r\n </el-table-column>\r\n <el-table-column prop=\"address\" label=\"地址\">\r\n </el-table-column>\r\n </el-table>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"ComTemplate\",\r\n data() {\r\n return {\r\n msg: '测试组件11111',\r\n tableData: [{\r\n date: '2016-05-02',\r\n name: '王小虎',\r\n address: '上海市普陀区金沙江路 1518 弄'\r\n }, {\r\n date: '2016-05-04',\r\n name: '王小虎',\r\n address: '上海市普陀区金沙江路 1517 弄'\r\n }, {\r\n date: '2016-05-01',\r\n name: '王小虎',\r\n address: '上海市普陀区金沙江路 1519 弄'\r\n }, {\r\n date: '2016-05-03',\r\n name: '王小虎',\r\n address: '上海市普陀区金沙江路 1516 弄'\r\n }]\r\n }\r\n },\r\n methods: {\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n</style>","import Vue from 'vue';\r\nimport ComTemplate from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComTemplate.install = (app: typeof Vue) => {\r\n app.component(ComTemplate.name, ComTemplate);\r\n};\r\nconst InComTemplate: SFCWithInstall<typeof ComTemplate> = ComTemplate; // 增加类型\r\nexport default InComTemplate;","\n<el-menu \n mode=\"horizontal\"\n background-color=\"#545c64\"\n text-color=\"#ccc\"\n active-text-color=\"#FFF\"\n menu-trigger=\"hover\"\n :default-active=\"$route.path\"\n @select=\"handleJump\">\n <template v-for=\"(item, index) in data\">\n <el-submenu v-if=\"item.children\" :index=\"item.path || item.name\">\n <template slot=\"title\">\n <i class=\"icon-chanpinguanli-chanpinliebiao\"></i>\n <span>{{item.name}}</span>\n </template>\n <template v-for=\"(_item, _index) in item.children\">\n <el-submenu v-if=\"_item.children\" \n :index=\"_item.path || _item.name\">\n <template slot=\"title\">{{_item.name}}</template>\n <el-menu-item v-for=\"(__item, __index) in _item.children\" \n :key=\"__item.name\" \n :index=\"__item.path || __item.name\">{{__item.name}}</el-menu-item>\n </el-submenu>\n <el-menu-item v-else :index=\"_item.path || _item.name\">{{_item.name}}</el-menu-item>\n </template>\n </el-submenu>\n <el-menu-item v-else :index=\"item.path || item.name\">\n <i class=\"el-icon-menu\"></i>\n <span slot=\"title\">{{item.name}}</span>\n </el-menu-item>\n </template>\n</el-menu>\n","<template>\r\n <el-menu \r\n mode=\"horizontal\"\r\n background-color=\"#545c64\"\r\n text-color=\"#ccc\"\r\n active-text-color=\"#FFF\"\r\n menu-trigger=\"hover\"\r\n :default-active=\"$route.path\"\r\n @select=\"handleJump\">\r\n <template v-for=\"(item, index) in data\">\r\n <el-submenu v-if=\"item.children\" :index=\"item.path || item.name\">\r\n <template slot=\"title\">\r\n <i class=\"icon-chanpinguanli-chanpinliebiao\"></i>\r\n <span>{{item.name}}</span>\r\n </template>\r\n <template v-for=\"(_item, _index) in item.children\">\r\n <el-submenu v-if=\"_item.children\" \r\n :index=\"_item.path || _item.name\">\r\n <template slot=\"title\">{{_item.name}}</template>\r\n <el-menu-item v-for=\"(__item, __index) in _item.children\" \r\n :key=\"__item.name\" \r\n :index=\"__item.path || __item.name\">{{__item.name}}</el-menu-item>\r\n </el-submenu>\r\n <el-menu-item v-else :index=\"_item.path || _item.name\">{{_item.name}}</el-menu-item>\r\n </template>\r\n </el-submenu>\r\n <el-menu-item v-else :index=\"item.path || item.name\">\r\n <i class=\"el-icon-menu\"></i>\r\n <span slot=\"title\">{{item.name}}</span>\r\n </el-menu-item>\r\n </template>\r\n </el-menu>\r\n</template>\r\n<script>\r\n\r\nexport default {\r\n name: 'ComMenu',\r\n props: {\r\n data: {\r\n type: Array,\r\n default() {\r\n return []\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n \r\n }\r\n },\r\n computed: {\r\n \r\n },\r\n methods: {\r\n handleJump(path) {\r\n this.$emit('jump', path);\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n .el-menu {\r\n width: 100%;\r\n height: 60px !important;\r\n }\r\n\r\n .el-submenu .el-menu-item {\r\n min-width: unset;\r\n }\r\n\r\n .el-submenu__title i {\r\n color: unset;\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-tabs\">\n <ul class=\"clear-fix\">\n <li class=\"ui-tabs__item\" v-for=\"item in data\" :class=\"{ 'ui-tabs__item--active': currentTab.path === item.path }\" \n @click=\"handleToggle(item.path)\">\n <span>{{item.name}}</span>\n <span class=\"el-icon-error\" @click.stop=\"handleDeleteTab(item.path)\"></span>\n </li>\n </ul>\n</div>\n","<template>\r\n <div class=\"ui-tabs\">\r\n <ul class=\"clear-fix\">\r\n <li class=\"ui-tabs__item\" v-for=\"item in data\" :class=\"{ 'ui-tabs__item--active': currentTab.path === item.path }\" \r\n @click=\"handleToggle(item.path)\">\r\n <span>{{item.name}}</span>\r\n <span class=\"el-icon-error\" @click.stop=\"handleDeleteTab(item.path)\"></span>\r\n </li>\r\n </ul>\r\n </div>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComTabs',\r\n props: {\r\n data: {\r\n type: Array,\r\n default() {\r\n return []\r\n }\r\n },\r\n currentTab: {\r\n type: Object,\r\n default() {\r\n return {}\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n\r\n }\r\n },\r\n methods: {\r\n handleToggle(path) {\r\n this.$emit('toggle', path);\r\n },\r\n handleDeleteTab(path) {\r\n this.$emit('deleteTab', path);\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n\r\n .ui-tabs {\r\n\r\n border-bottom: 1px solid @color-border;\r\n padding: 0 10px;\r\n height: 40px;\r\n background-color: #FFF;\r\n \r\n &__item {\r\n float: left;\r\n height: 31px;\r\n border-radius: 6px 6px 0 0;\r\n border: 1px solid @color-border;\r\n margin-top: 10px;\r\n box-sizing: border-box;\r\n font-size: 12px;\r\n line-height: 30px;\r\n padding: 0 10px;\r\n color: @color-f4;\r\n cursor: pointer;\r\n border-bottom-color: #FFF;\r\n margin-right: 1px;\r\n position: relative;\r\n transition: all .1s linear;\r\n\r\n &:hover {\r\n .el-icon-error {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .el-icon-error {\r\n position: absolute;\r\n right: 2px;\r\n top: 50%;\r\n margin-top: -5px;\r\n opacity: 0;\r\n transition: all .1s linear;\r\n\r\n &:hover {\r\n color: @theme-color2;\r\n }\r\n }\r\n\r\n &--active {\r\n color: @theme-color2;\r\n padding-right: 20px;\r\n\r\n .el-icon-error {\r\n top: 50%;\r\n right: 5px;\r\n font-size: 14px;\r\n margin-top: -5px;\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<el-dropdown>\n <span class=\"el-dropdown-link\">\n <i class=\"el-icon-s-tools\"></i>\n </span>\n <el-dropdown-menu slot=\"dropdown\">\n <el-dropdown-item icon=\"icon-tuichudenglu\" @click=\"handleOperation('outLogin')\">退出登录</el-dropdown-item>\n </el-dropdown-menu>\n</el-dropdown>\n","<template>\r\n <el-dropdown>\r\n <span class=\"el-dropdown-link\">\r\n <i class=\"el-icon-s-tools\"></i>\r\n </span>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item icon=\"icon-tuichudenglu\" @click=\"handleOperation('outLogin')\">退出登录</el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComTool',\r\n methods: {\r\n handleOperation(cmd) {\r\n switch (cmd) {\r\n case 'outLogin':\r\n this.$confirm('确认退出登录?', '提示', {\r\n type: 'warning'\r\n }).then(() => {\r\n console.log('out login');\r\n })\r\n break;\r\n }\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n .el-icon-s-tools {\r\n font-size: 20px;\r\n color: #FFF;\r\n line-height: 60px;\r\n margin-right: 20px;\r\n cursor: pointer;\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<el-dialog \n append-to-body \n :top=\"top\" \n :title=\"title\" \n :visible=\"visible\"\n :width=\"width\" \n :close-on-click-modal=\"closeOnClickModal\"\n :before-close=\"beforeClose\"\n @close=\"handleClose\">\n <slot></slot>\n <template v-slot:footer>\n <slot name=\"footer\">\n <el-button v-if=\"showBtn\" size=\"small\" @click=\"$emit('update:visible', false)\">取消</el-button>\n <el-button v-if=\"showBtn\" size=\"small\" type=\"primary\" @click=\"handleConfirm\">确定</el-button>\n </slot>\n </template>\n</el-dialog>\n","<template>\r\n <el-dialog \r\n append-to-body \r\n :top=\"top\" \r\n :title=\"title\" \r\n :visible=\"visible\"\r\n :width=\"width\" \r\n :close-on-click-modal=\"closeOnClickModal\"\r\n :before-close=\"beforeClose\"\r\n @close=\"handleClose\">\r\n <slot></slot>\r\n <template v-slot:footer>\r\n <slot name=\"footer\">\r\n <el-button v-if=\"showBtn\" size=\"small\" @click=\"$emit('update:visible', false)\">取消</el-button>\r\n <el-button v-if=\"showBtn\" size=\"small\" type=\"primary\" @click=\"handleConfirm\">确定</el-button>\r\n </slot>\r\n </template>\r\n </el-dialog>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComDialog',\r\n props: {\r\n visible: {\r\n type: Boolean,\r\n default: false\r\n },\r\n title: {\r\n type: String,\r\n default: '标题'\r\n },\r\n width: {\r\n type: String,\r\n default: '600px'\r\n },\r\n top: {\r\n type: String,\r\n default: '50px'\r\n },\r\n closeOnClickModal: {\r\n type: Boolean,\r\n default: false\r\n },\r\n beforeClose: {\r\n type: Function,\r\n default(done) {\r\n done();\r\n }\r\n },\r\n showBtn: {\r\n type: Boolean,\r\n default: true\r\n }\r\n },\r\n data() {\r\n return {\r\n show: false\r\n }\r\n },\r\n methods: {\r\n handleClose() {\r\n this.$emit('close');\r\n this.$emit('update:visible', false);\r\n },\r\n\r\n handleConfirm() {\r\n this.$emit('confirm');\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n/deep/ .el-dialog__header {\r\n border-bottom: 1px solid #ededed;\r\n\r\n .el-dialog__title {\r\n font-size: 16px;\r\n }\r\n}\r\n\r\n/deep/ .el-dialog__footer {\r\n border-top: 1px solid #ededed;\r\n}\r\n\r\n/deep/ .el-dialog__body {\r\n\r\n .el-form {\r\n .el-select {\r\n width: 240px;\r\n }\r\n\r\n .el-input {\r\n width: 240px;\r\n }\r\n\r\n .el-input-number {\r\n width: 240px;\r\n\r\n .el-input__inner {\r\n text-align: left;\r\n }\r\n }\r\n\r\n .ui-item__main {\r\n width: 100%;\r\n }\r\n\r\n .el-form-item__label {\r\n font-size: 12px;\r\n }\r\n\r\n .el-input--small .el-input__icon {\r\n height: 32px;\r\n }\r\n }\r\n}\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-form__item\">\n <div>\n <slot name=\"label\">\n <div class=\"ui-item__label\" v-if=\"label\">\n <span >{{label}}</span>\n </div>\n </slot>\n </div>\n <div class=\"ui-item__main\">\n <template v-if=\"type === 'input'\">\n <el-input size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder\" :disabled=\"readonly\" :maxlength=\"maxlength\"></el-input>\n </template>\n <template v-else-if=\"type === 'select'\">\n <el-select size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder || '请选择'\" :multiple=\"multiple\" :disabled=\"readonly\" :clearable=\"clearable\" filterable >\n <el-option v-for=\"item in selectOption\" :key=\"item.value\" :value=\"item.value.toString()\" :label=\"item.label\"></el-option>\n </el-select>\n </template>\n <template v-else-if=\"type === 'textarea'\">\n <el-input size=\"small\" v-model=\"modelForm\" type=\"textarea\" \n :placeholder=\"placeholder || '请输入'\" \n :rows=\"4\" \n :disabled=\"readonly\"></el-input>\n </template>\n <template v-else-if=\"type === 'input-number'\">\n <el-input-number size=\"small\" v-model=\"modelForm\" controls-position=\"right\"></el-input-number>\n </template>\n <template v-else-if=\"type === 'cascader'\">\n <el-cascader\n size=\"small\"\n v-model=\"modelForm\"\n :options=\"options\"\n :props=\"props\"\n @change=\"handleChange\"></el-cascader>\n </template>\n <template v-else-if=\"type === 'daterange'\">\n <el-date-picker\n v-model=\"modelForm\"\n type=\"daterange\"\n value-format=\"yyyy-MM-dd\"\n format=\"yyyy-MM-dd\"\n range-separator=\"至\"\n start-placeholder=\"开始日期\"\n end-placeholder=\"结束日期\">\n </el-date-picker>\n </template>\n <template v-else-if=\"type === 'datetimerange'\">\n <el-date-picker\n v-model=\"modelForm\"\n type=\"datetimerange\"\n value-format=\"yyyy-MM-dd hh:mm:ss\"\n format=\"yyyy-MM-dd hh:mm:ss\"\n range-separator=\"至\"\n start-placeholder=\"开始时间\"\n end-placeholder=\"结束时间\">\n </el-date-picker>\n </template>\n </div>\n</div>\n","<template>\r\n <div class=\"ui-form__item\">\r\n <div>\r\n <slot name=\"label\">\r\n <div class=\"ui-item__label\" v-if=\"label\">\r\n <span >{{label}}</span>\r\n </div>\r\n </slot>\r\n </div>\r\n <div class=\"ui-item__main\">\r\n <template v-if=\"type === 'input'\">\r\n <el-input size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder\" :disabled=\"readonly\" :maxlength=\"maxlength\"></el-input>\r\n </template>\r\n <template v-else-if=\"type === 'select'\">\r\n <el-select size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder || '请选择'\" :multiple=\"multiple\" :disabled=\"readonly\" :clearable=\"clearable\" filterable >\r\n <el-option v-for=\"item in selectOption\" :key=\"item.value\" :value=\"item.value.toString()\" :label=\"item.label\"></el-option>\r\n </el-select>\r\n </template>\r\n <template v-else-if=\"type === 'textarea'\">\r\n <el-input size=\"small\" v-model=\"modelForm\" type=\"textarea\" \r\n :placeholder=\"placeholder || '请输入'\" \r\n :rows=\"4\" \r\n :disabled=\"readonly\"></el-input>\r\n </template>\r\n <template v-else-if=\"type === 'input-number'\">\r\n <el-input-number size=\"small\" v-model=\"modelForm\" controls-position=\"right\"></el-input-number>\r\n </template>\r\n <template v-else-if=\"type === 'cascader'\">\r\n <el-cascader\r\n size=\"small\"\r\n v-model=\"modelForm\"\r\n :options=\"options\"\r\n :props=\"props\"\r\n @change=\"handleChange\"></el-cascader>\r\n </template>\r\n <template v-else-if=\"type === 'daterange'\">\r\n <el-date-picker\r\n v-model=\"modelForm\"\r\n type=\"daterange\"\r\n value-format=\"yyyy-MM-dd\"\r\n format=\"yyyy-MM-dd\"\r\n range-separator=\"至\"\r\n start-placeholder=\"开始日期\"\r\n end-placeholder=\"结束日期\">\r\n </el-date-picker>\r\n </template>\r\n <template v-else-if=\"type === 'datetimerange'\">\r\n <el-date-picker\r\n v-model=\"modelForm\"\r\n type=\"datetimerange\"\r\n value-format=\"yyyy-MM-dd hh:mm:ss\"\r\n format=\"yyyy-MM-dd hh:mm:ss\"\r\n range-separator=\"至\"\r\n start-placeholder=\"开始时间\"\r\n end-placeholder=\"结束时间\">\r\n </el-date-picker>\r\n </template>\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComFormItem',\r\n model: {\r\n prop: 'model',\r\n event: 'changes'\r\n },\r\n props: {\r\n\r\n model: undefined,\r\n\r\n // 组件类型\r\n type: {\r\n type: String,\r\n default: 'input'\r\n },\r\n\r\n // item name\r\n label: {\r\n type: String,\r\n default: ''\r\n },\r\n\r\n readonly: {\r\n type: Boolean,\r\n default: false\r\n },\r\n\r\n placeholder: {\r\n type: String,\r\n default: ''\r\n },\r\n\r\n maxlength: {\r\n type: [Array, String],\r\n default: ''\r\n },\r\n\r\n multiple: {\r\n type: Boolean,\r\n default: false\r\n },\r\n\r\n // 选项\r\n options: {\r\n type: [Object, Array],\r\n default() {\r\n return { '1': '选项一', '2': '选项二' }\r\n }\r\n },\r\n\r\n // 选项映射\r\n props: {\r\n type: Object,\r\n default() {\r\n return { value: 'value', label: 'label' }\r\n }\r\n },\r\n\r\n clearable: {\r\n type: Boolean,\r\n default: true\r\n }\r\n },\r\n data() {\r\n return {\r\n modelForm: this.model\r\n }\r\n },\r\n computed: {\r\n selectOption() {\r\n let tempArr = [];\r\n if (Array.isArray(this.options) && this.options.length && this.options[0][this.props.label] === undefined) {\r\n const { label, value } = this.props;\r\n tempArr = this.options.map((item, index) => {\r\n const obj = {\r\n label: item,\r\n value: index\r\n }\r\n return {\r\n label: obj[label],\r\n value: obj[value]\r\n }\r\n })\r\n } else if (!Array.isArray(this.options)){\r\n tempArr = Object.entries(this.options).map(([value, label]) => {\r\n return {\r\n label,\r\n value\r\n }\r\n })\r\n } else {\r\n let options = [];\r\n options.push(...this.options);\r\n tempArr = options.map((item) => {\r\n return {\r\n label: item[this.props.label],\r\n value: item[this.props.value]\r\n }\r\n })\r\n }\r\n return tempArr;\r\n }\r\n },\r\n methods: {\r\n handleChange(val) {\r\n this.$emit('change', val);\r\n }\r\n },\r\n watch: {\r\n modelForm(val) {\r\n this.$emit('changes', val);\r\n },\r\n model(val) {\r\n this.modelForm = val;\r\n }\r\n },\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.ui-form__item {\r\n display: flex;\r\n align-items: center;\r\n margin-right: 15px;\r\n}\r\n\r\n.ui-item__label {\r\n margin-right: 10px;\r\n font-size: 12px;\r\n width: 70px;\r\n text-align: right;\r\n}\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-operation\">\n <slot></slot>\n</div>\n","<template>\r\n <div class=\"ui-operation\">\r\n <slot></slot>\r\n </div>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComOperation',\r\n prop: {\r\n type: String,\r\n default: 'main'\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n .ui-operation {\r\n padding: 0 10px;\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-search\">\n <div class=\"ui-search__main\">\n <slot></slot>\n </div>\n <div class=\"ui-search__footer\">\n <el-button size=\"small\" icon=\"el-icon-refresh\" @click=\"handleReset\">重置</el-button>\n <el-button size=\"small\" icon=\"el-icon-search\" type=\"primary\" @click=\"handleQuery\">查询</el-button>\n </div>\n</div>\n","<template>\r\n <div class=\"ui-search\">\r\n <div class=\"ui-search__main\">\r\n <slot></slot>\r\n </div>\r\n <div class=\"ui-search__footer\">\r\n <el-button size=\"small\" icon=\"el-icon-refresh\" @click=\"handleReset\">重置</el-button>\r\n <el-button size=\"small\" icon=\"el-icon-search\" type=\"primary\" @click=\"handleQuery\">查询</el-button>\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComSearch',\r\n methods: {\r\n handleQuery() {\r\n const queryFn = this.$parent.handleQuery;\r\n if (queryFn) {\r\n queryFn();\r\n } else {\r\n this.$emit('query');\r\n }\r\n },\r\n handleReset() {\r\n const resetFn = this.$parent.handleReset;\r\n if (resetFn) {\r\n resetFn();\r\n } else {\r\n this.$emit('reset');\r\n }\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n .ui-search {\r\n margin: 10px 10px 0 10px;\r\n padding: 20px;\r\n // box-shadow: 0 0 5px 2px #e7e7e7;\r\n background-color: #FFF;\r\n border: 1px solid @color-border;\r\n border-radius: 4px;\r\n\r\n &__main {\r\n display: flex;\r\n }\r\n\r\n &__footer {\r\n margin-top: 10px;\r\n }\r\n\r\n /deep/ .ui-form__item {\r\n display: block;\r\n }\r\n\r\n /deep/ .ui-item__label {\r\n width: unset;\r\n text-align: left;\r\n margin-bottom: 5px;\r\n }\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\r\n/**\r\n * 计算表格高度\r\n * staticNum { number } \r\n * */\r\n export function countTableHeight(staticNum = 0) {\r\n\r\n const pageCountEls = document.querySelectorAll('.ui-page__main:not(.v-leave) > div')\r\n const paginationEl = document.querySelector('.ui-pagination');\r\n \r\n const headerEl = document.querySelector('.ui-container__header');\r\n const tabsEl = document.querySelector('.ui-tabs');\r\n\r\n let tableHeight = staticNum;\r\n tableHeight += paginationEl ? paginationEl.offsetHeight : 0;\r\n tableHeight += headerEl ? headerEl.offsetHeight : 0;\r\n tableHeight += tabsEl ? tabsEl.offsetHeight : 0;\r\n\r\n let userAgent = navigator.userAgent;\r\n for (let i = 0; i < pageCountEls.length; i++) {\r\n\r\n // 获取容器元素\r\n let ele = pageCountEls[i];\r\n if (!ele || ele.className === 'ui-table') continue;\r\n tableHeight += ele.offsetHeight;\r\n\r\n let eleMargin, eleTBMargin;\r\n let eleCss = document.defaultView.getComputedStyle(ele);\r\n if (userAgent.indexOf('Firefox') > -1) {\r\n eleTBMargin = parseInt(eleCss['margin-top']) + parseInt(eleCss['margin-bottom']);\r\n } else if (userAgent.indexOf('compatible') > -1 && userAgent.indexOf(\"MSIE\") > -1 && !(userAgent.indexOf(\"Opera\") > -1)) {\r\n let ieCss = ele.currentStyle;\r\n eleTBMargin = parseInt(ieCss['marginTop']) + parseInt(ieCss['marginBottom']);\r\n } else {\r\n eleMargin = eleCss.margin.split(' ');\r\n\r\n if (eleMargin.length == 1) {\r\n eleTBMargin = parseInt(eleMargin[0]) * 2;\r\n } else {\r\n const [mt, mr, mb, ml] = eleMargin;\r\n eleTBMargin = parseInt(mb) ? parseInt(mt) + parseInt(mb) : parseInt(mt);\r\n }\r\n }\r\n\r\n tableHeight = eleTBMargin + tableHeight;\r\n }\r\n tableHeight = window.innerHeight - tableHeight;\r\n return tableHeight;\r\n }\r\n \r\n // 表格INX\r\n export function autoAddTableInx(inx) {\r\n let i = parseInt(inx) + 1 + '';\r\n let first = '0';\r\n return first.repeat(4 - i.length) + i\r\n }","\n<div class=\"ui-table\">\n <div class=\"ui-table__tab\">\n <slot></slot>\n </div>\n <el-table \n ref=\"myTable\"\n highlightRow\n :border=\"true\"\n :data=\"tableData\"\n :[isBindHeight]=\"tableHeight\"\n :[isBindMaxHeight]=\"maxHeight\"\n @selection-change=\"handleSelectionChange\">\n <el-table-column type=\"selection\" width=\"35\" v-if=\"showSelect\" :selectable=\"selectable\"></el-table-column>\n <el-table-column v-for=\"(item, index) in tableTitle\"\n minWidth=\"60px\"\n :label=\"item\"\n :key=\"tableProps[index]\" \n :prop=\"tableProps[index]\" \n :width=\"tableProps[index] === 'index' ? '60px' : (tableColsWidth[index] || '')\">\n\n <!-- 表头插槽 自定义表头-->\n <template v-slot:header=\"scope\">\n <slot \n :name=\"tableProps[index] + 'Title'\" \n :row=\"item\" \n :$index=\"scope.$index\">\n <span>{{ item }}</span>\n </slot>\n </template>\n\n <!-- 内容插槽 -->\n <template v-slot:default=\"scope\">\n <slot \n :name=\"tableProps[index]\" \n :row=\"scope.row\" \n :$index=\"scope.$index\">\n <span>{{ tableProps[index] === 'index' ? changeTableInx(scope.$index) :\n scope.row[tableProps[index]]\n }}</span>\n </slot>\n </template>\n </el-table-column>\n <template v-slot:empty>\n <div v-if=\"!autoHeight\">\n <el-empty v-show=\"!tableData.length\" description=\"暂无数据\"></el-empty>\n </div>\n </template>\n </el-table>\n <div class=\"ui-pagination\" v-if=\"showPage\">\n <el-pagination ref=\"pageRef\" \n layout=\"total, sizes, prev, pager, next, jumper\"\n :current-page=\"Number(pageData.offset)\"\n :page-sizes=\"pageSizes\"\n :page-size=\"Number(pageData.limit)\"\n :total=\"Number(pageData.total)\"\n @size-change=\"val => handlePageChange('limit', val)\"\n @current-change=\"val => handlePageChange('offset', val)\" >\n </el-pagination>\n </div>\n</div>\n","<template>\r\n <div class=\"ui-table\">\r\n <div class=\"ui-table__tab\">\r\n <slot></slot>\r\n </div>\r\n <el-table \r\n ref=\"myTable\"\r\n highlightRow\r\n :border=\"true\"\r\n :data=\"tableData\"\r\n :[isBindHeight]=\"tableHeight\"\r\n :[isBindMaxHeight]=\"maxHeight\"\r\n @selection-change=\"handleSelectionChange\">\r\n <el-table-column type=\"selection\" width=\"35\" v-if=\"showSelect\" :selectable=\"selectable\"></el-table-column>\r\n <el-table-column v-for=\"(item, index) in tableTitle\"\r\n minWidth=\"60px\"\r\n :label=\"item\"\r\n :key=\"tableProps[index]\" \r\n :prop=\"tableProps[index]\" \r\n :width=\"tableProps[index] === 'index' ? '60px' : (tableColsWidth[index] || '')\">\r\n\r\n <!-- 表头插槽 自定义表头-->\r\n <template v-slot:header=\"scope\">\r\n <slot \r\n :name=\"tableProps[index] + 'Title'\" \r\n :row=\"item\" \r\n :$index=\"scope.$index\">\r\n <span>{{ item }}</span>\r\n </slot>\r\n </template>\r\n\r\n <!-- 内容插槽 -->\r\n <template v-slot:default=\"scope\">\r\n <slot \r\n :name=\"tableProps[index]\" \r\n :row=\"scope.row\" \r\n :$index=\"scope.$index\">\r\n <span>{{ tableProps[index] === 'index' ? changeTableInx(scope.$index) :\r\n scope.row[tableProps[index]]\r\n }}</span>\r\n </slot>\r\n </template>\r\n </el-table-column>\r\n <template v-slot:empty>\r\n <div v-if=\"!autoHeight\">\r\n <el-empty v-show=\"!tableData.length\" description=\"暂无数据\"></el-empty>\r\n </div>\r\n </template>\r\n </el-table>\r\n <div class=\"ui-pagination\" v-if=\"showPage\">\r\n <el-pagination ref=\"pageRef\" \r\n layout=\"total, sizes, prev, pager, next, jumper\"\r\n :current-page=\"Number(pageData.offset)\"\r\n :page-sizes=\"pageSizes\"\r\n :page-size=\"Number(pageData.limit)\"\r\n :total=\"Number(pageData.total)\"\r\n @size-change=\"val => handlePageChange('limit', val)\"\r\n @current-change=\"val => handlePageChange('offset', val)\" >\r\n </el-pagination>\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\nimport { countTableHeight } from '@/utils';\r\nexport default {\r\n name: 'ComTable',\r\n props: {\r\n\r\n // 是否显示勾选框\r\n showSelect: { type: Boolean, default: false },\r\n\r\n // 勾选方法\r\n selectable: { type: Function, default() { return () => { } } },\r\n\r\n // 表格数据\r\n tableData: { type: Array, default() { return [] } },\r\n\r\n // 表头映射\r\n tableMap: { type: Object, default() { return { index: '序号' } } },\r\n\r\n // 列宽度\r\n colsWidth: { type: [Array, Object], default() { return [] } },\r\n\r\n // 分页对象\r\n pageData: { type: Object, default() { return {} } },\r\n\r\n // 是否显示分页\r\n showPage: { type: Boolean, default: true },\r\n\r\n // 固定表格高度\r\n height: { type: String, default: '' },\r\n\r\n // 表格高度自适应\r\n autoHeight: { type: Boolean, default: false },\r\n\r\n // 最大高度 \r\n maxHeight: { type: String, default: '' },\r\n\r\n // 高度占位值 当有特殊情况表格高度需减少指定值\r\n heightStatic: { type: Number, default: 0 }\r\n },\r\n\r\n data() {\r\n return {\r\n pageSizes: [20, 50, 100, 200],\r\n tableHeight: ''\r\n }\r\n },\r\n\r\n computed: {\r\n tableTitle() {\r\n return Object.values(this.tableMap);\r\n },\r\n tableProps() {\r\n return Object.keys(this.tableMap);\r\n },\r\n tableColsWidth() {\r\n if (Array.isArray(this.colsWidth)) {\r\n return this.colsWidth.map(item => `${parseInt(item)}px`);\r\n } else {\r\n return this.tableProps.map(item => this.colsWidth[item] ? `${parseInt(this.colsWidth[item])}px` : '') \r\n }\r\n },\r\n isBindHeight() {\r\n return this.tableHeight ? 'height' : ''\r\n },\r\n isBindMaxHeight() {\r\n return this.maxHeight ? 'max-height' : ''\r\n },\r\n },\r\n methods: {\r\n\r\n changeTableInx(inx) {\r\n let i = parseInt(inx) + 1 + '';\r\n let first = '0';\r\n return first.repeat(4 - i.length) + i\r\n },\r\n\r\n // 刷新表格高度\r\n handleRefreshHeight() {\r\n this.tableHeight = `${countTableHeight() - this.heightStatic}px`;\r\n this.$refs['myTable'] && this.$refs['myTable'].doLayout();\r\n },\r\n\r\n // 分页切换\r\n handlePageChange(type = 'offset', val) {\r\n if (type === 'offset') {\r\n if (this.tempSize > this.pageData.total && this.pageData.offset > 1) return;\r\n this.$emit('pageChange', type, val);\r\n } else {\r\n this.tempSize = val;\r\n this.$emit('pageChange', type, val)\r\n }\r\n },\r\n\r\n // 勾选\r\n handleSelectionChange(val) {\r\n this.$emit('selectionChange', val);\r\n }\r\n },\r\n async mounted() {\r\n\r\n // 没设置表格高度 高度根据屏幕高度适应\r\n if (!this.autoHeight && !this.height) {\r\n await this.$nextTick();\r\n this.handleRefreshHeight();\r\n\r\n window.addEventListener('resize', this.handleRefreshHeight);\r\n } else if (this.height) {\r\n this.tableHeight = this.height;\r\n this.$refs['myTable'] && this.$refs['myTable'].doLayout();\r\n }\r\n },\r\n beforeDestroy() {\r\n window.removeEventListener('resize', this.handleRefreshHeight);\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n\r\n .ui-table {\r\n padding: 0 10px;\r\n\r\n /deep/ .el-table-column--selection {\r\n .el-checkbox {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n .ui-pagination {\r\n text-align: center;\r\n padding: 10px 0;\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","import ComTemplate from '../packages/template';\r\nimport ComMenu from '../packages/menu';\r\nimport ComTabs from '../packages/tabs';\r\nimport ComTool from '../packages/tool';\r\nimport ComDialog from '../packages/dialog';\r\nimport ComFormItem from '../packages/form-item';\r\nimport ComOperation from '../packages/operation';\r\nimport ComSearch from '../packages/search';\r\nimport ComTable from '../packages/table';\r\n\r\n\r\nconst components:any[] = [\r\n ComTemplate,\r\n ComMenu,\r\n ComTabs,\r\n ComTool,\r\n ComDialog,\r\n ComFormItem,\r\n ComOperation,\r\n ComSearch,\r\n ComTable\r\n];\r\n\r\n/**\r\n * @param { App }\r\n * @returns { Void }\r\n */\r\nconst install = (Vue:any, ops:any = { config: {} }) => {\r\n components.forEach(component => Vue.component(component.name, component));\r\n\r\n // 注册组件时可以带入UI库配置\r\n Vue.prototype.$UICONFIG = ops.config;\r\n}\r\n\r\n\r\nconst defaultConfig = {\r\n version: 'dev',\r\n install,\r\n ComTemplate,\r\n ComMenu,\r\n ComTabs,\r\n ComTool,\r\n ComDialog,\r\n ComFormItem,\r\n ComOperation,\r\n ComSearch,\r\n ComTable\r\n};\r\n\r\ntry {\r\n defaultConfig.version = require('../package.json').version;\r\n} catch(e) {\r\n console.log('no require');\r\n}\r\n\r\nexport default defaultConfig;"],"names":["render","staticRenderFns","ComComponent","InComComponent","ComTemplate","ComMenu","ComTabs","ComTool","ComDialog","ComFormItem","ComOperation","ComSearch","ComTable"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"tenghui-ui.es.js","sources":["../packages/template/src/index.vue?vue&type=template&lang.js","../packages/template/src/index.vue","../packages/template/index.ts","../packages/menu/src/index.vue?vue&type=template&lang.js","../packages/menu/src/index.vue","../packages/menu/index.ts","../packages/tabs/src/index.vue?vue&type=template&lang.js","../packages/tabs/src/index.vue","../packages/tabs/index.ts","../packages/tool/src/index.vue?vue&type=template&lang.js","../packages/tool/src/index.vue","../packages/tool/index.ts","../packages/dialog/src/index.vue?vue&type=template&lang.js","../packages/dialog/src/index.vue","../packages/dialog/index.ts","../packages/form-item/src/index.vue?vue&type=template&lang.js","../packages/form-item/src/index.vue","../packages/form-item/index.ts","../packages/operation/src/index.vue?vue&type=template&lang.js","../packages/operation/src/index.vue","../packages/operation/index.ts","../packages/search/src/index.vue?vue&type=template&lang.js","../packages/search/src/index.vue","../packages/search/index.ts","../utils/index.ts","../packages/table/src/index.vue?vue&type=template&lang.js","../packages/table/src/index.vue","../packages/table/index.ts","../packages/image/src/index.vue?vue&type=template&lang.js","../packages/image/src/index.vue","../packages/image/index.ts","../src/main.ts"],"sourcesContent":["\n<div class=\"ui-template\">\n <h1>{{ msg }}</h1>\n <el-table :data=\"tableData\" style=\"width: 100%\">\n <el-table-column prop=\"date\" label=\"日期\" width=\"180\">\n </el-table-column>\n <el-table-column prop=\"name\" label=\"姓名\" width=\"180\">\n </el-table-column>\n <el-table-column prop=\"address\" label=\"地址\">\n </el-table-column>\n </el-table>\n</div>\n","<template>\r\n <div class=\"ui-template\">\r\n <h1>{{ msg }}</h1>\r\n <el-table :data=\"tableData\" style=\"width: 100%\">\r\n <el-table-column prop=\"date\" label=\"日期\" width=\"180\">\r\n </el-table-column>\r\n <el-table-column prop=\"name\" label=\"姓名\" width=\"180\">\r\n </el-table-column>\r\n <el-table-column prop=\"address\" label=\"地址\">\r\n </el-table-column>\r\n </el-table>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"ComTemplate\",\r\n data() {\r\n return {\r\n msg: '测试组件11111',\r\n tableData: [{\r\n date: '2016-05-02',\r\n name: '王小虎',\r\n address: '上海市普陀区金沙江路 1518 弄'\r\n }, {\r\n date: '2016-05-04',\r\n name: '王小虎',\r\n address: '上海市普陀区金沙江路 1517 弄'\r\n }, {\r\n date: '2016-05-01',\r\n name: '王小虎',\r\n address: '上海市普陀区金沙江路 1519 弄'\r\n }, {\r\n date: '2016-05-03',\r\n name: '王小虎',\r\n address: '上海市普陀区金沙江路 1516 弄'\r\n }]\r\n }\r\n },\r\n methods: {\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n</style>","import Vue from 'vue';\r\nimport ComTemplate from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComTemplate.install = (app: typeof Vue) => {\r\n app.component(ComTemplate.name, ComTemplate);\r\n};\r\nconst InComTemplate: SFCWithInstall<typeof ComTemplate> = ComTemplate; // 增加类型\r\nexport default InComTemplate;","\n<el-menu \n mode=\"horizontal\"\n background-color=\"#545c64\"\n text-color=\"#ccc\"\n active-text-color=\"#FFF\"\n menu-trigger=\"hover\"\n :default-active=\"$route.path\"\n @select=\"handleJump\">\n <template v-for=\"(item, index) in data\">\n <el-submenu v-if=\"item.children\" :index=\"item.path || item.name\">\n <template slot=\"title\">\n <i class=\"icon-chanpinguanli-chanpinliebiao\"></i>\n <span>{{item.name}}</span>\n </template>\n <template v-for=\"(_item, _index) in item.children\">\n <el-submenu v-if=\"_item.children\" \n :index=\"_item.path || _item.name\">\n <template slot=\"title\">{{_item.name}}</template>\n <el-menu-item v-for=\"(__item, __index) in _item.children\" \n :key=\"__item.name\" \n :index=\"__item.path || __item.name\">{{__item.name}}</el-menu-item>\n </el-submenu>\n <el-menu-item v-else :index=\"_item.path || _item.name\">{{_item.name}}</el-menu-item>\n </template>\n </el-submenu>\n <el-menu-item v-else :index=\"item.path || item.name\">\n <i class=\"el-icon-menu\"></i>\n <span slot=\"title\">{{item.name}}</span>\n </el-menu-item>\n </template>\n</el-menu>\n","<template>\r\n <el-menu \r\n mode=\"horizontal\"\r\n background-color=\"#545c64\"\r\n text-color=\"#ccc\"\r\n active-text-color=\"#FFF\"\r\n menu-trigger=\"hover\"\r\n :default-active=\"$route.path\"\r\n @select=\"handleJump\">\r\n <template v-for=\"(item, index) in data\">\r\n <el-submenu v-if=\"item.children\" :index=\"item.path || item.name\">\r\n <template slot=\"title\">\r\n <i class=\"icon-chanpinguanli-chanpinliebiao\"></i>\r\n <span>{{item.name}}</span>\r\n </template>\r\n <template v-for=\"(_item, _index) in item.children\">\r\n <el-submenu v-if=\"_item.children\" \r\n :index=\"_item.path || _item.name\">\r\n <template slot=\"title\">{{_item.name}}</template>\r\n <el-menu-item v-for=\"(__item, __index) in _item.children\" \r\n :key=\"__item.name\" \r\n :index=\"__item.path || __item.name\">{{__item.name}}</el-menu-item>\r\n </el-submenu>\r\n <el-menu-item v-else :index=\"_item.path || _item.name\">{{_item.name}}</el-menu-item>\r\n </template>\r\n </el-submenu>\r\n <el-menu-item v-else :index=\"item.path || item.name\">\r\n <i class=\"el-icon-menu\"></i>\r\n <span slot=\"title\">{{item.name}}</span>\r\n </el-menu-item>\r\n </template>\r\n </el-menu>\r\n</template>\r\n<script>\r\n\r\nexport default {\r\n name: 'ComMenu',\r\n props: {\r\n data: {\r\n type: Array,\r\n default() {\r\n return []\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n \r\n }\r\n },\r\n computed: {\r\n \r\n },\r\n methods: {\r\n handleJump(path) {\r\n this.$emit('jump', path);\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n .el-menu {\r\n width: 100%;\r\n height: 60px !important;\r\n }\r\n\r\n .el-submenu .el-menu-item {\r\n min-width: unset;\r\n }\r\n\r\n .el-submenu__title i {\r\n color: unset;\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-tabs\">\n <ul class=\"clear-fix\">\n <li class=\"ui-tabs__item\" v-for=\"item in data\" :class=\"{ 'ui-tabs__item--active': currentTab.path === item.path }\" \n @click=\"handleToggle(item.path)\">\n <span>{{item.name}}</span>\n <span class=\"el-icon-error\" @click.stop=\"handleDeleteTab(item.path)\"></span>\n </li>\n </ul>\n</div>\n","<template>\r\n <div class=\"ui-tabs\">\r\n <ul class=\"clear-fix\">\r\n <li class=\"ui-tabs__item\" v-for=\"item in data\" :class=\"{ 'ui-tabs__item--active': currentTab.path === item.path }\" \r\n @click=\"handleToggle(item.path)\">\r\n <span>{{item.name}}</span>\r\n <span class=\"el-icon-error\" @click.stop=\"handleDeleteTab(item.path)\"></span>\r\n </li>\r\n </ul>\r\n </div>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComTabs',\r\n props: {\r\n data: {\r\n type: Array,\r\n default() {\r\n return []\r\n }\r\n },\r\n currentTab: {\r\n type: Object,\r\n default() {\r\n return {}\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n\r\n }\r\n },\r\n methods: {\r\n handleToggle(path) {\r\n this.$emit('toggle', path);\r\n },\r\n handleDeleteTab(path) {\r\n this.$emit('deleteTab', path);\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n\r\n .ui-tabs {\r\n\r\n border-bottom: 1px solid @color-border;\r\n padding: 0 10px;\r\n height: 40px;\r\n background-color: #FFF;\r\n \r\n &__item {\r\n float: left;\r\n height: 31px;\r\n border-radius: 6px 6px 0 0;\r\n border: 1px solid @color-border;\r\n margin-top: 10px;\r\n box-sizing: border-box;\r\n font-size: 12px;\r\n line-height: 30px;\r\n padding: 0 10px;\r\n color: @color-f4;\r\n cursor: pointer;\r\n border-bottom-color: #FFF;\r\n margin-right: 1px;\r\n position: relative;\r\n transition: all .1s linear;\r\n\r\n &:hover {\r\n .el-icon-error {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .el-icon-error {\r\n position: absolute;\r\n right: 2px;\r\n top: 50%;\r\n margin-top: -5px;\r\n opacity: 0;\r\n transition: all .1s linear;\r\n\r\n &:hover {\r\n color: @theme-color2;\r\n }\r\n }\r\n\r\n &--active {\r\n color: @theme-color2;\r\n padding-right: 20px;\r\n\r\n .el-icon-error {\r\n top: 50%;\r\n right: 5px;\r\n font-size: 14px;\r\n margin-top: -5px;\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<el-dropdown>\n <span class=\"el-dropdown-link\">\n <i class=\"el-icon-s-tools\"></i>\n </span>\n <el-dropdown-menu slot=\"dropdown\">\n <el-dropdown-item icon=\"icon-tuichudenglu\" @click=\"handleOperation('outLogin')\">退出登录</el-dropdown-item>\n </el-dropdown-menu>\n</el-dropdown>\n","<template>\r\n <el-dropdown>\r\n <span class=\"el-dropdown-link\">\r\n <i class=\"el-icon-s-tools\"></i>\r\n </span>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item icon=\"icon-tuichudenglu\" @click=\"handleOperation('outLogin')\">退出登录</el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComTool',\r\n methods: {\r\n handleOperation(cmd) {\r\n switch (cmd) {\r\n case 'outLogin':\r\n this.$confirm('确认退出登录?', '提示', {\r\n type: 'warning'\r\n }).then(() => {\r\n console.log('out login');\r\n })\r\n break;\r\n }\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n .el-icon-s-tools {\r\n font-size: 20px;\r\n color: #FFF;\r\n line-height: 60px;\r\n margin-right: 20px;\r\n cursor: pointer;\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<el-dialog \n append-to-body \n :top=\"top\" \n :title=\"title\" \n :visible=\"visible\"\n :width=\"width\" \n :close-on-click-modal=\"closeOnClickModal\"\n :before-close=\"beforeClose\"\n @close=\"handleClose\">\n <slot></slot>\n <template v-slot:footer>\n <slot name=\"footer\">\n <el-button v-if=\"showBtn\" size=\"small\" @click=\"$emit('update:visible', false)\">取消</el-button>\n <el-button v-if=\"showBtn\" size=\"small\" type=\"primary\" @click=\"handleConfirm\">确定</el-button>\n </slot>\n </template>\n</el-dialog>\n","<template>\r\n <el-dialog \r\n append-to-body \r\n :top=\"top\" \r\n :title=\"title\" \r\n :visible=\"visible\"\r\n :width=\"width\" \r\n :close-on-click-modal=\"closeOnClickModal\"\r\n :before-close=\"beforeClose\"\r\n @close=\"handleClose\">\r\n <slot></slot>\r\n <template v-slot:footer>\r\n <slot name=\"footer\">\r\n <el-button v-if=\"showBtn\" size=\"small\" @click=\"$emit('update:visible', false)\">取消</el-button>\r\n <el-button v-if=\"showBtn\" size=\"small\" type=\"primary\" @click=\"handleConfirm\">确定</el-button>\r\n </slot>\r\n </template>\r\n </el-dialog>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComDialog',\r\n props: {\r\n visible: {\r\n type: Boolean,\r\n default: false\r\n },\r\n title: {\r\n type: String,\r\n default: '标题'\r\n },\r\n width: {\r\n type: String,\r\n default: '600px'\r\n },\r\n top: {\r\n type: String,\r\n default: '50px'\r\n },\r\n closeOnClickModal: {\r\n type: Boolean,\r\n default: false\r\n },\r\n beforeClose: {\r\n type: Function,\r\n default(done) {\r\n done();\r\n }\r\n },\r\n showBtn: {\r\n type: Boolean,\r\n default: true\r\n }\r\n },\r\n data() {\r\n return {\r\n show: false\r\n }\r\n },\r\n methods: {\r\n handleClose() {\r\n this.$emit('close');\r\n this.$emit('update:visible', false);\r\n },\r\n\r\n handleConfirm() {\r\n this.$emit('confirm');\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n/deep/ .el-dialog__header {\r\n border-bottom: 1px solid #ededed;\r\n\r\n .el-dialog__title {\r\n font-size: 16px;\r\n }\r\n}\r\n\r\n/deep/ .el-dialog__footer {\r\n border-top: 1px solid #ededed;\r\n}\r\n\r\n/deep/ .el-dialog__body {\r\n\r\n .el-form {\r\n .el-select {\r\n width: 240px;\r\n }\r\n\r\n .el-input {\r\n width: 240px;\r\n }\r\n\r\n .el-input-number {\r\n width: 240px;\r\n\r\n .el-input__inner {\r\n text-align: left;\r\n }\r\n }\r\n\r\n .ui-item__main {\r\n width: 100%;\r\n }\r\n\r\n .el-form-item__label {\r\n font-size: 12px;\r\n }\r\n\r\n .el-input--small .el-input__icon {\r\n height: 32px;\r\n }\r\n }\r\n}\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-form__item\">\n <div>\n <slot name=\"label\">\n <div class=\"ui-item__label\" v-if=\"label\">\n <span >{{label}}</span>\n </div>\n </slot>\n </div>\n <div class=\"ui-item__main\">\n <template v-if=\"type === 'input'\">\n <el-input size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder\" :disabled=\"readonly\" :maxlength=\"maxlength\"></el-input>\n </template>\n <template v-else-if=\"type === 'select'\">\n <el-select size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder || '请选择'\" :multiple=\"multiple\" :disabled=\"readonly\" :clearable=\"clearable\" filterable >\n <el-option v-for=\"item in selectOption\" :key=\"item.value\" :value=\"item.value.toString()\" :label=\"item.label\"></el-option>\n </el-select>\n </template>\n <template v-else-if=\"type === 'textarea'\">\n <el-input size=\"small\" v-model=\"modelForm\" type=\"textarea\" \n :placeholder=\"placeholder || '请输入'\" \n :rows=\"4\" \n :disabled=\"readonly\"></el-input>\n </template>\n <template v-else-if=\"type === 'input-number'\">\n <el-input-number size=\"small\" v-model=\"modelForm\" controls-position=\"right\"></el-input-number>\n </template>\n <template v-else-if=\"type === 'cascader'\">\n <el-cascader\n size=\"small\"\n v-model=\"modelForm\"\n :options=\"options\"\n :props=\"props\"\n @change=\"handleChange\"></el-cascader>\n </template>\n <template v-else-if=\"type === 'daterange'\">\n <el-date-picker\n v-model=\"modelForm\"\n type=\"daterange\"\n value-format=\"yyyy-MM-dd\"\n format=\"yyyy-MM-dd\"\n range-separator=\"至\"\n start-placeholder=\"开始日期\"\n end-placeholder=\"结束日期\">\n </el-date-picker>\n </template>\n <template v-else-if=\"type === 'datetimerange'\">\n <el-date-picker\n v-model=\"modelForm\"\n type=\"datetimerange\"\n value-format=\"yyyy-MM-dd hh:mm:ss\"\n format=\"yyyy-MM-dd hh:mm:ss\"\n range-separator=\"至\"\n start-placeholder=\"开始时间\"\n end-placeholder=\"结束时间\">\n </el-date-picker>\n </template>\n </div>\n</div>\n","<template>\r\n <div class=\"ui-form__item\">\r\n <div>\r\n <slot name=\"label\">\r\n <div class=\"ui-item__label\" v-if=\"label\">\r\n <span >{{label}}</span>\r\n </div>\r\n </slot>\r\n </div>\r\n <div class=\"ui-item__main\">\r\n <template v-if=\"type === 'input'\">\r\n <el-input size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder\" :disabled=\"readonly\" :maxlength=\"maxlength\"></el-input>\r\n </template>\r\n <template v-else-if=\"type === 'select'\">\r\n <el-select size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder || '请选择'\" :multiple=\"multiple\" :disabled=\"readonly\" :clearable=\"clearable\" filterable >\r\n <el-option v-for=\"item in selectOption\" :key=\"item.value\" :value=\"item.value.toString()\" :label=\"item.label\"></el-option>\r\n </el-select>\r\n </template>\r\n <template v-else-if=\"type === 'textarea'\">\r\n <el-input size=\"small\" v-model=\"modelForm\" type=\"textarea\" \r\n :placeholder=\"placeholder || '请输入'\" \r\n :rows=\"4\" \r\n :disabled=\"readonly\"></el-input>\r\n </template>\r\n <template v-else-if=\"type === 'input-number'\">\r\n <el-input-number size=\"small\" v-model=\"modelForm\" controls-position=\"right\"></el-input-number>\r\n </template>\r\n <template v-else-if=\"type === 'cascader'\">\r\n <el-cascader\r\n size=\"small\"\r\n v-model=\"modelForm\"\r\n :options=\"options\"\r\n :props=\"props\"\r\n @change=\"handleChange\"></el-cascader>\r\n </template>\r\n <template v-else-if=\"type === 'daterange'\">\r\n <el-date-picker\r\n v-model=\"modelForm\"\r\n type=\"daterange\"\r\n value-format=\"yyyy-MM-dd\"\r\n format=\"yyyy-MM-dd\"\r\n range-separator=\"至\"\r\n start-placeholder=\"开始日期\"\r\n end-placeholder=\"结束日期\">\r\n </el-date-picker>\r\n </template>\r\n <template v-else-if=\"type === 'datetimerange'\">\r\n <el-date-picker\r\n v-model=\"modelForm\"\r\n type=\"datetimerange\"\r\n value-format=\"yyyy-MM-dd hh:mm:ss\"\r\n format=\"yyyy-MM-dd hh:mm:ss\"\r\n range-separator=\"至\"\r\n start-placeholder=\"开始时间\"\r\n end-placeholder=\"结束时间\">\r\n </el-date-picker>\r\n </template>\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComFormItem',\r\n model: {\r\n prop: 'model',\r\n event: 'changes'\r\n },\r\n props: {\r\n\r\n model: undefined,\r\n\r\n // 组件类型\r\n type: {\r\n type: String,\r\n default: 'input'\r\n },\r\n\r\n // item name\r\n label: {\r\n type: String,\r\n default: ''\r\n },\r\n\r\n readonly: {\r\n type: Boolean,\r\n default: false\r\n },\r\n\r\n placeholder: {\r\n type: String,\r\n default: ''\r\n },\r\n\r\n maxlength: {\r\n type: [Array, String],\r\n default: ''\r\n },\r\n\r\n multiple: {\r\n type: Boolean,\r\n default: false\r\n },\r\n\r\n // 选项\r\n options: {\r\n type: [Object, Array],\r\n default() {\r\n return { '1': '选项一', '2': '选项二' }\r\n }\r\n },\r\n\r\n // 选项映射\r\n props: {\r\n type: Object,\r\n default() {\r\n return { value: 'value', label: 'label' }\r\n }\r\n },\r\n\r\n clearable: {\r\n type: Boolean,\r\n default: true\r\n }\r\n },\r\n data() {\r\n return {\r\n modelForm: this.model\r\n }\r\n },\r\n computed: {\r\n selectOption() {\r\n let tempArr = [];\r\n if (Array.isArray(this.options) && this.options.length && this.options[0][this.props.label] === undefined) {\r\n const { label, value } = this.props;\r\n tempArr = this.options.map((item, index) => {\r\n const obj = {\r\n label: item,\r\n value: index\r\n }\r\n return {\r\n label: obj[label],\r\n value: obj[value]\r\n }\r\n })\r\n } else if (!Array.isArray(this.options)){\r\n tempArr = Object.entries(this.options).map(([value, label]) => {\r\n return {\r\n label,\r\n value\r\n }\r\n })\r\n } else {\r\n let options = [];\r\n options.push(...this.options);\r\n tempArr = options.map((item) => {\r\n return {\r\n label: item[this.props.label],\r\n value: item[this.props.value]\r\n }\r\n })\r\n }\r\n return tempArr;\r\n }\r\n },\r\n methods: {\r\n handleChange(val) {\r\n this.$emit('change', val);\r\n }\r\n },\r\n watch: {\r\n modelForm(val) {\r\n this.$emit('changes', val);\r\n },\r\n model(val) {\r\n this.modelForm = val;\r\n }\r\n },\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.ui-form__item {\r\n display: flex;\r\n align-items: center;\r\n margin-right: 15px;\r\n}\r\n\r\n.ui-item__label {\r\n margin-right: 10px;\r\n font-size: 12px;\r\n width: 70px;\r\n text-align: right;\r\n}\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-operation\">\n <slot></slot>\n</div>\n","<template>\r\n <div class=\"ui-operation\">\r\n <slot></slot>\r\n </div>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComOperation',\r\n prop: {\r\n type: String,\r\n default: 'main'\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n .ui-operation {\r\n padding: 0 10px;\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-search\">\n <div class=\"ui-search__main\">\n <slot></slot>\n </div>\n <div class=\"ui-search__footer\">\n <el-button size=\"small\" icon=\"el-icon-refresh\" @click=\"handleReset\">重置</el-button>\n <el-button size=\"small\" icon=\"el-icon-search\" type=\"primary\" @click=\"handleQuery\">查询</el-button>\n </div>\n</div>\n","<template>\r\n <div class=\"ui-search\">\r\n <div class=\"ui-search__main\">\r\n <slot></slot>\r\n </div>\r\n <div class=\"ui-search__footer\">\r\n <el-button size=\"small\" icon=\"el-icon-refresh\" @click=\"handleReset\">重置</el-button>\r\n <el-button size=\"small\" icon=\"el-icon-search\" type=\"primary\" @click=\"handleQuery\">查询</el-button>\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComSearch',\r\n methods: {\r\n handleQuery() {\r\n const queryFn = this.$parent.handleQuery;\r\n if (queryFn) {\r\n queryFn();\r\n } else {\r\n this.$emit('query');\r\n }\r\n },\r\n handleReset() {\r\n const resetFn = this.$parent.handleReset;\r\n if (resetFn) {\r\n resetFn();\r\n } else {\r\n this.$emit('reset');\r\n }\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n .ui-search {\r\n margin: 10px 10px 0 10px;\r\n padding: 20px;\r\n // box-shadow: 0 0 5px 2px #e7e7e7;\r\n background-color: #FFF;\r\n border: 1px solid @color-border;\r\n border-radius: 4px;\r\n\r\n &__main {\r\n display: flex;\r\n }\r\n\r\n &__footer {\r\n margin-top: 10px;\r\n }\r\n\r\n /deep/ .ui-form__item {\r\n display: block;\r\n }\r\n\r\n /deep/ .ui-item__label {\r\n width: unset;\r\n text-align: left;\r\n margin-bottom: 5px;\r\n }\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\r\n/**\r\n * 计算表格高度\r\n * staticNum { number } \r\n * */\r\n export function countTableHeight(staticNum = 0) {\r\n\r\n const pageCountEls = document.querySelectorAll('.ui-page__main:not(.v-leave) > div')\r\n const paginationEl = document.querySelector('.ui-pagination');\r\n \r\n const headerEl = document.querySelector('.ui-container__header');\r\n const tabsEl = document.querySelector('.ui-tabs');\r\n\r\n let tableHeight = staticNum;\r\n tableHeight += paginationEl ? paginationEl.offsetHeight : 0;\r\n tableHeight += headerEl ? headerEl.offsetHeight : 0;\r\n tableHeight += tabsEl ? tabsEl.offsetHeight : 0;\r\n\r\n let userAgent = navigator.userAgent;\r\n for (let i = 0; i < pageCountEls.length; i++) {\r\n\r\n // 获取容器元素\r\n let ele = pageCountEls[i];\r\n if (!ele || ele.className === 'ui-table') continue;\r\n tableHeight += ele.offsetHeight;\r\n\r\n let eleMargin, eleTBMargin;\r\n let eleCss = document.defaultView.getComputedStyle(ele);\r\n if (userAgent.indexOf('Firefox') > -1) {\r\n eleTBMargin = parseInt(eleCss['margin-top']) + parseInt(eleCss['margin-bottom']);\r\n } else if (userAgent.indexOf('compatible') > -1 && userAgent.indexOf(\"MSIE\") > -1 && !(userAgent.indexOf(\"Opera\") > -1)) {\r\n let ieCss = ele.currentStyle;\r\n eleTBMargin = parseInt(ieCss['marginTop']) + parseInt(ieCss['marginBottom']);\r\n } else {\r\n eleMargin = eleCss.margin.split(' ');\r\n\r\n if (eleMargin.length == 1) {\r\n eleTBMargin = parseInt(eleMargin[0]) * 2;\r\n } else {\r\n const [mt, mr, mb, ml] = eleMargin;\r\n eleTBMargin = parseInt(mb) ? parseInt(mt) + parseInt(mb) : parseInt(mt);\r\n }\r\n }\r\n\r\n tableHeight = eleTBMargin + tableHeight;\r\n }\r\n tableHeight = window.innerHeight - tableHeight;\r\n return tableHeight;\r\n }\r\n \r\n // 表格INX\r\n export function autoAddTableInx(inx) {\r\n let i = parseInt(inx) + 1 + '';\r\n let first = '0';\r\n return first.repeat(4 - i.length) + i\r\n }","\n<div class=\"ui-table\">\n <div class=\"ui-table__tab\">\n <slot></slot>\n </div>\n <el-table \n ref=\"myTable\"\n highlightRow\n :border=\"true\"\n :data=\"tableData\"\n :[isBindHeight]=\"tableHeight\"\n :[isBindMaxHeight]=\"maxHeight\"\n @selection-change=\"handleSelectionChange\">\n <el-table-column type=\"selection\" width=\"35\" v-if=\"showSelect\" :selectable=\"selectable\"></el-table-column>\n <el-table-column v-for=\"(item, index) in tableTitle\"\n minWidth=\"60px\"\n :label=\"item\"\n :key=\"tableProps[index]\" \n :prop=\"tableProps[index]\" \n :width=\"tableProps[index] === 'index' ? '60px' : (tableColsWidth[index] || '')\">\n\n <!-- 表头插槽 自定义表头-->\n <template v-slot:header=\"scope\">\n <slot \n :name=\"tableProps[index] + 'Title'\" \n :row=\"item\" \n :$index=\"scope.$index\">\n <span>{{ item }}</span>\n </slot>\n </template>\n\n <!-- 内容插槽 -->\n <template v-slot:default=\"scope\">\n <slot \n :name=\"tableProps[index]\" \n :row=\"scope.row\" \n :$index=\"scope.$index\">\n <span>{{ tableProps[index] === 'index' ? changeTableInx(scope.$index) :\n scope.row[tableProps[index]]\n }}</span>\n </slot>\n </template>\n </el-table-column>\n <template v-slot:empty>\n <div v-if=\"!autoHeight\">\n <el-empty v-show=\"!tableData.length\" description=\"暂无数据\"></el-empty>\n </div>\n </template>\n </el-table>\n <div class=\"ui-pagination\" v-if=\"showPage\">\n <el-pagination ref=\"pageRef\" \n layout=\"total, sizes, prev, pager, next, jumper\"\n :current-page=\"Number(pageData.offset)\"\n :page-sizes=\"pageSizes\"\n :page-size=\"Number(pageData.limit)\"\n :total=\"Number(pageData.total)\"\n @size-change=\"val => handlePageChange('limit', val)\"\n @current-change=\"val => handlePageChange('offset', val)\" >\n </el-pagination>\n </div>\n</div>\n","<template>\r\n <div class=\"ui-table\">\r\n <div class=\"ui-table__tab\">\r\n <slot></slot>\r\n </div>\r\n <el-table \r\n ref=\"myTable\"\r\n highlightRow\r\n :border=\"true\"\r\n :data=\"tableData\"\r\n :[isBindHeight]=\"tableHeight\"\r\n :[isBindMaxHeight]=\"maxHeight\"\r\n @selection-change=\"handleSelectionChange\">\r\n <el-table-column type=\"selection\" width=\"35\" v-if=\"showSelect\" :selectable=\"selectable\"></el-table-column>\r\n <el-table-column v-for=\"(item, index) in tableTitle\"\r\n minWidth=\"60px\"\r\n :label=\"item\"\r\n :key=\"tableProps[index]\" \r\n :prop=\"tableProps[index]\" \r\n :width=\"tableProps[index] === 'index' ? '60px' : (tableColsWidth[index] || '')\">\r\n\r\n <!-- 表头插槽 自定义表头-->\r\n <template v-slot:header=\"scope\">\r\n <slot \r\n :name=\"tableProps[index] + 'Title'\" \r\n :row=\"item\" \r\n :$index=\"scope.$index\">\r\n <span>{{ item }}</span>\r\n </slot>\r\n </template>\r\n\r\n <!-- 内容插槽 -->\r\n <template v-slot:default=\"scope\">\r\n <slot \r\n :name=\"tableProps[index]\" \r\n :row=\"scope.row\" \r\n :$index=\"scope.$index\">\r\n <span>{{ tableProps[index] === 'index' ? changeTableInx(scope.$index) :\r\n scope.row[tableProps[index]]\r\n }}</span>\r\n </slot>\r\n </template>\r\n </el-table-column>\r\n <template v-slot:empty>\r\n <div v-if=\"!autoHeight\">\r\n <el-empty v-show=\"!tableData.length\" description=\"暂无数据\"></el-empty>\r\n </div>\r\n </template>\r\n </el-table>\r\n <div class=\"ui-pagination\" v-if=\"showPage\">\r\n <el-pagination ref=\"pageRef\" \r\n layout=\"total, sizes, prev, pager, next, jumper\"\r\n :current-page=\"Number(pageData.offset)\"\r\n :page-sizes=\"pageSizes\"\r\n :page-size=\"Number(pageData.limit)\"\r\n :total=\"Number(pageData.total)\"\r\n @size-change=\"val => handlePageChange('limit', val)\"\r\n @current-change=\"val => handlePageChange('offset', val)\" >\r\n </el-pagination>\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\nimport { countTableHeight } from '@/utils';\r\nexport default {\r\n name: 'ComTable',\r\n props: {\r\n\r\n // 是否显示勾选框\r\n showSelect: { type: Boolean, default: false },\r\n\r\n // 勾选方法\r\n selectable: { type: Function, default() { return () => { } } },\r\n\r\n // 表格数据\r\n tableData: { type: Array, default() { return [] } },\r\n\r\n // 表头映射\r\n tableMap: { type: Object, default() { return { index: '序号' } } },\r\n\r\n // 列宽度\r\n colsWidth: { type: [Array, Object], default() { return [] } },\r\n\r\n // 分页对象\r\n pageData: { type: Object, default() { return {} } },\r\n\r\n // 是否显示分页\r\n showPage: { type: Boolean, default: true },\r\n\r\n // 固定表格高度\r\n height: { type: String, default: '' },\r\n\r\n // 表格高度自适应\r\n autoHeight: { type: Boolean, default: false },\r\n\r\n // 最大高度 \r\n maxHeight: { type: String, default: '' },\r\n\r\n // 高度占位值 当有特殊情况表格高度需减少指定值\r\n heightStatic: { type: Number, default: 0 }\r\n },\r\n\r\n data() {\r\n return {\r\n pageSizes: [20, 50, 100, 200],\r\n tableHeight: ''\r\n }\r\n },\r\n\r\n computed: {\r\n tableTitle() {\r\n return Object.values(this.tableMap);\r\n },\r\n tableProps() {\r\n return Object.keys(this.tableMap);\r\n },\r\n tableColsWidth() {\r\n if (Array.isArray(this.colsWidth)) {\r\n return this.colsWidth.map(item => `${parseInt(item)}px`);\r\n } else {\r\n return this.tableProps.map(item => this.colsWidth[item] ? `${parseInt(this.colsWidth[item])}px` : '') \r\n }\r\n },\r\n isBindHeight() {\r\n return this.tableHeight ? 'height' : ''\r\n },\r\n isBindMaxHeight() {\r\n return this.maxHeight ? 'max-height' : ''\r\n },\r\n },\r\n methods: {\r\n\r\n changeTableInx(inx) {\r\n let i = parseInt(inx) + 1 + '';\r\n let first = '0';\r\n return first.repeat(4 - i.length) + i\r\n },\r\n\r\n // 刷新表格高度\r\n handleRefreshHeight() {\r\n this.tableHeight = `${countTableHeight() - this.heightStatic}px`;\r\n this.$refs['myTable'] && this.$refs['myTable'].doLayout();\r\n },\r\n\r\n // 分页切换\r\n handlePageChange(type = 'offset', val) {\r\n if (type === 'offset') {\r\n if (this.tempSize > this.pageData.total && this.pageData.offset > 1) return;\r\n this.$emit('pageChange', type, val);\r\n } else {\r\n this.tempSize = val;\r\n this.$emit('pageChange', type, val)\r\n }\r\n },\r\n\r\n // 勾选\r\n handleSelectionChange(val) {\r\n this.$emit('selectionChange', val);\r\n }\r\n },\r\n async mounted() {\r\n\r\n // 没设置表格高度 高度根据屏幕高度适应\r\n if (!this.autoHeight && !this.height) {\r\n await this.$nextTick();\r\n this.handleRefreshHeight();\r\n\r\n window.addEventListener('resize', this.handleRefreshHeight);\r\n } else if (this.height) {\r\n this.tableHeight = this.height;\r\n this.$refs['myTable'] && this.$refs['myTable'].doLayout();\r\n }\r\n },\r\n beforeDestroy() {\r\n window.removeEventListener('resize', this.handleRefreshHeight);\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n\r\n .ui-table {\r\n padding: 0 10px;\r\n\r\n /deep/ .el-table-column--selection {\r\n .el-checkbox {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n .ui-pagination {\r\n text-align: center;\r\n padding: 10px 0;\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<el-image ref=\"imageRef\" :src=\"srcMain\" :style=\"{ width: sizeMain }\" :preview-src-list=\"previewList\">\n <template v-slot:placeholder>\n <div v-loading=\"true\" class=\"ui-image--loading\" :style=\"{ width: sizeMain, height }\"></div>\n </template>\n <template v-slot:error>\n <div class=\"ui-image--error\" :style=\"{ width: sizeMain, height, lineHeight: height, fontSize }\">\n <i class=\"el-icon-picture-outline\"></i>\n </div>\n </template>\n</el-image>\n","<template>\r\n <el-image ref=\"imageRef\" :src=\"srcMain\" :style=\"{ width: sizeMain }\" :preview-src-list=\"previewList\">\r\n <template v-slot:placeholder>\r\n <div v-loading=\"true\" class=\"ui-image--loading\" :style=\"{ width: sizeMain, height }\"></div>\r\n </template>\r\n <template v-slot:error>\r\n <div class=\"ui-image--error\" :style=\"{ width: sizeMain, height, lineHeight: height, fontSize }\">\r\n <i class=\"el-icon-picture-outline\"></i>\r\n </div>\r\n </template>\r\n </el-image>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComImage',\r\n props: {\r\n size: {\r\n type: String,\r\n default: ''\r\n },\r\n src: {\r\n type: [String, Array],\r\n default() {\r\n return ''\r\n }\r\n },\r\n previewSrcList: {\r\n type: Array,\r\n default() {\r\n return []\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n height: ''\r\n }\r\n },\r\n computed: {\r\n previewList() {\r\n\r\n if (this.previewSrcList.length) return this.previewSrcList;\r\n\r\n if (Array.isArray(this.src)) {\r\n return this.src;\r\n } else {\r\n return [];\r\n }\r\n },\r\n srcMain() {\r\n if (Array.isArray(this.src)) {\r\n return this.src[0]\r\n } else {\r\n return this.src;\r\n }\r\n },\r\n fontSize() {\r\n return `${parseInt(this.height) - 30}px`; \r\n },\r\n sizeMain() {\r\n if (!this.size) return '100%';\r\n else if (Number(this.size)) return `${this.size}px`;\r\n else return this.size;\r\n }\r\n },\r\n async mounted() {\r\n await this.$nextTick();\r\n this.height = `${this.$refs.imageRef.$el.offsetWidth}px`;\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n\r\n.ui-image {\r\n\r\n &--error {\r\n text-align: center;\r\n color: #999;\r\n background-color: #efefef;\r\n }\r\n}\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","import ComTemplate from '../packages/template';\r\nimport ComMenu from '../packages/menu';\r\nimport ComTabs from '../packages/tabs';\r\nimport ComTool from '../packages/tool';\r\nimport ComDialog from '../packages/dialog';\r\nimport ComFormItem from '../packages/form-item';\r\nimport ComOperation from '../packages/operation';\r\nimport ComSearch from '../packages/search';\r\nimport ComTable from '../packages/table';\r\nimport ComImage from '../packages/image';\r\n\r\n\r\nconst components:any[] = [\r\n ComTemplate,\r\n ComMenu,\r\n ComTabs,\r\n ComTool,\r\n ComDialog,\r\n ComFormItem,\r\n ComOperation,\r\n ComSearch,\r\n ComTable,\r\n ComImage\r\n];\r\n\r\n/**\r\n * @param { App }\r\n * @returns { Void }\r\n */\r\nconst install = (Vue:any, ops:any = { config: {} }) => {\r\n components.forEach(component => Vue.component(component.name, component));\r\n\r\n // 注册组件时可以带入UI库配置\r\n Vue.prototype.$UICONFIG = ops.config;\r\n}\r\n\r\n\r\nconst defaultConfig = {\r\n version: 'dev',\r\n install,\r\n ComTemplate,\r\n ComMenu,\r\n ComTabs,\r\n ComTool,\r\n ComDialog,\r\n ComFormItem,\r\n ComOperation,\r\n ComSearch,\r\n ComTable,\r\n ComImage\r\n};\r\n\r\ntry {\r\n defaultConfig.version = require('../package.json').version;\r\n} catch(e) {\r\n console.log('no require');\r\n}\r\n\r\nexport default defaultConfig;"],"names":["render","staticRenderFns","ComComponent","InComComponent","ComTemplate","ComMenu","ComTabs","ComTool","ComDialog","ComFormItem","ComOperation","ComSearch","ComTable","ComImage"],"mappings":"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"}
|
package/dist/tenghui-ui.umd.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(_,h){typeof exports=="object"&&typeof module!="undefined"?module.exports=h():typeof define=="function"&&define.amd?define(h):(_=typeof globalThis!="undefined"?globalThis:_||self,_["tenghui-ui"]=h())})(this,function(){"use strict";var _=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"ui-template"},[t("h1",[e._v(e._s(e.msg))]),t("el-table",{staticStyle:{width:"100%"},attrs:{data:e.tableData}},[t("el-table-column",{attrs:{prop:"date",label:"\u65E5\u671F",width:"180"}}),t("el-table-column",{attrs:{prop:"name",label:"\u59D3\u540D",width:"180"}}),t("el-table-column",{attrs:{prop:"address",label:"\u5730\u5740"}})],1)],1)},h=[],Ee="";function u(e,n,t,a,l,o,d,c){var r=typeof e=="function"?e.options:e;n&&(r.render=n,r.staticRenderFns=t,r._compiled=!0),a&&(r.functional=!0),o&&(r._scopeId="data-v-"+o);var i;if(d?(i=function(s){s=s||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!s&&typeof __VUE_SSR_CONTEXT__!="undefined"&&(s=__VUE_SSR_CONTEXT__),l&&l.call(this,s),s&&s._registeredComponents&&s._registeredComponents.add(d)},r._ssrRegister=i):l&&(i=c?function(){l.call(this,(r.functional?this.parent:this).$root.$options.shadowRoot)}:l),i)if(r.functional){r._injectStyles=i;var p=r.render;r.render=function(Q,f){return i.call(f),p(Q,f)}}else{var m=r.beforeCreate;r.beforeCreate=m?[].concat(m,i):[i]}return{exports:e,options:r}}const U={name:"ComTemplate",data(){return{msg:"\u6D4B\u8BD5\u7EC4\u4EF611111",tableData:[{date:"2016-05-02",name:"\u738B\u5C0F\u864E",address:"\u4E0A\u6D77\u5E02\u666E\u9640\u533A\u91D1\u6C99\u6C5F\u8DEF 1518 \u5F04"},{date:"2016-05-04",name:"\u738B\u5C0F\u864E",address:"\u4E0A\u6D77\u5E02\u666E\u9640\u533A\u91D1\u6C99\u6C5F\u8DEF 1517 \u5F04"},{date:"2016-05-01",name:"\u738B\u5C0F\u864E",address:"\u4E0A\u6D77\u5E02\u666E\u9640\u533A\u91D1\u6C99\u6C5F\u8DEF 1519 \u5F04"},{date:"2016-05-03",name:"\u738B\u5C0F\u864E",address:"\u4E0A\u6D77\u5E02\u666E\u9640\u533A\u91D1\u6C99\u6C5F\u8DEF 1516 \u5F04"}]}},methods:{}},w={};var J=u(U,_,h,!1,V,"183fe45a",null,null);function V(e){for(let n in w)this[n]=w[n]}var v=function(){return J.exports}();v.install=e=>{e.component(v.name,v)};const T=v;var X=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("el-menu",{attrs:{mode:"horizontal","background-color":"#545c64","text-color":"#ccc","active-text-color":"#FFF","menu-trigger":"hover","default-active":e.$route.path},on:{select:e.handleJump}},[e._l(e.data,function(a,l){return[a.children?t("el-submenu",{attrs:{index:a.path||a.name}},[t("template",{slot:"title"},[t("i",{staticClass:"icon-chanpinguanli-chanpinliebiao"}),t("span",[e._v(e._s(a.name))])]),e._l(a.children,function(o,d){return[o.children?t("el-submenu",{attrs:{index:o.path||o.name}},[t("template",{slot:"title"},[e._v(e._s(o.name))]),e._l(o.children,function(c,r){return t("el-menu-item",{key:c.name,attrs:{index:c.path||c.name}},[e._v(e._s(c.name))])})],2):t("el-menu-item",{attrs:{index:o.path||o.name}},[e._v(e._s(o.name))])]})],2):t("el-menu-item",{attrs:{index:a.path||a.name}},[t("i",{staticClass:"el-icon-menu"}),t("span",{attrs:{slot:"title"},slot:"title"},[e._v(e._s(a.name))])])]})],2)},G=[],De="";const K={name:"ComMenu",props:{data:{type:Array,default(){return[]}}},data(){return{}},computed:{},methods:{handleJump(e){this.$emit("jump",e)}}},k={};var Y=u(K,X,G,!1,Z,"1a7163e6",null,null);function Z(e){for(let n in k)this[n]=k[n]}var g=function(){return Y.exports}();g.install=e=>{e.component(g.name,g)};const M=g;var ee=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"ui-tabs"},[t("ul",{staticClass:"clear-fix"},e._l(e.data,function(a){return t("li",{staticClass:"ui-tabs__item",class:{"ui-tabs__item--active":e.currentTab.path===a.path},on:{click:function(l){return e.handleToggle(a.path)}}},[t("span",[e._v(e._s(a.name))]),t("span",{staticClass:"el-icon-error",on:{click:function(l){return l.stopPropagation(),e.handleDeleteTab(a.path)}}})])}),0)])},te=[],Ae="";const ne={name:"ComTabs",props:{data:{type:Array,default(){return[]}},currentTab:{type:Object,default(){return{}}}},data(){return{}},methods:{handleToggle(e){this.$emit("toggle",e)},handleDeleteTab(e){this.$emit("deleteTab",e)}}},I={};var ae=u(ne,ee,te,!1,oe,"e7fe9cfa",null,null);function oe(e){for(let n in I)this[n]=I[n]}var b=function(){return ae.exports}();b.install=e=>{e.component(b.name,b)};const H=b;var le=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("el-dropdown",[t("span",{staticClass:"el-dropdown-link"},[t("i",{staticClass:"el-icon-s-tools"})]),t("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[t("el-dropdown-item",{attrs:{icon:"icon-tuichudenglu"},on:{click:function(a){return e.handleOperation("outLogin")}}},[e._v("\u9000\u51FA\u767B\u5F55")])],1)],1)},re=[],Pe="";const se={name:"ComTool",methods:{handleOperation(e){switch(e){case"outLogin":this.$confirm("\u786E\u8BA4\u9000\u51FA\u767B\u5F55?","\u63D0\u793A",{type:"warning"}).then(()=>{console.log("out login")});break}}}},O={};var ie=u(se,le,re,!1,ce,"b586e068",null,null);function ce(e){for(let n in O)this[n]=O[n]}var y=function(){return ie.exports}();y.install=e=>{e.component(y.name,y)};const R=y;var ue=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("el-dialog",{attrs:{"append-to-body":"",top:e.top,title:e.title,visible:e.visible,width:e.width,"close-on-click-modal":e.closeOnClickModal,"before-close":e.beforeClose},on:{close:e.handleClose},scopedSlots:e._u([{key:"footer",fn:function(){return[e._t("footer",[e.showBtn?t("el-button",{attrs:{size:"small"},on:{click:function(a){return e.$emit("update:visible",!1)}}},[e._v("\u53D6\u6D88")]):e._e(),e.showBtn?t("el-button",{attrs:{size:"small",type:"primary"},on:{click:e.handleConfirm}},[e._v("\u786E\u5B9A")]):e._e()])]},proxy:!0}],null,!0)},[e._t("default")],2)},de=[],Ne="";const pe={name:"ComDialog",props:{visible:{type:Boolean,default:!1},title:{type:String,default:"\u6807\u9898"},width:{type:String,default:"600px"},top:{type:String,default:"50px"},closeOnClickModal:{type:Boolean,default:!1},beforeClose:{type:Function,default(e){e()}},showBtn:{type:Boolean,default:!0}},data(){return{show:!1}},methods:{handleClose(){this.$emit("close"),this.$emit("update:visible",!1)},handleConfirm(){this.$emit("confirm")}}},j={};var me=u(pe,ue,de,!1,_e,"0a02be4b",null,null);function _e(e){for(let n in j)this[n]=j[n]}var $=function(){return me.exports}();$.install=e=>{e.component($.name,$)};const z=$;var he=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"ui-form__item"},[t("div",[e._t("label",[e.label?t("div",{staticClass:"ui-item__label"},[t("span",[e._v(e._s(e.label))])]):e._e()])],2),t("div",{staticClass:"ui-item__main"},[e.type==="input"?[t("el-input",{attrs:{size:"small",placeholder:e.placeholder,disabled:e.readonly,maxlength:e.maxlength},model:{value:e.modelForm,callback:function(a){e.modelForm=a},expression:"modelForm"}})]:e.type==="select"?[t("el-select",{attrs:{size:"small",placeholder:e.placeholder||"\u8BF7\u9009\u62E9",multiple:e.multiple,disabled:e.readonly,clearable:e.clearable,filterable:""},model:{value:e.modelForm,callback:function(a){e.modelForm=a},expression:"modelForm"}},e._l(e.selectOption,function(a){return t("el-option",{key:a.value,attrs:{value:a.value.toString(),label:a.label}})}),1)]:e.type==="textarea"?[t("el-input",{attrs:{size:"small",type:"textarea",placeholder:e.placeholder||"\u8BF7\u8F93\u5165",rows:4,disabled:e.readonly},model:{value:e.modelForm,callback:function(a){e.modelForm=a},expression:"modelForm"}})]:e.type==="input-number"?[t("el-input-number",{attrs:{size:"small","controls-position":"right"},model:{value:e.modelForm,callback:function(a){e.modelForm=a},expression:"modelForm"}})]:e.type==="cascader"?[t("el-cascader",{attrs:{size:"small",options:e.options,props:e.props},on:{change:e.handleChange},model:{value:e.modelForm,callback:function(a){e.modelForm=a},expression:"modelForm"}})]:e.type==="daterange"?[t("el-date-picker",{attrs:{type:"daterange","value-format":"yyyy-MM-dd",format:"yyyy-MM-dd","range-separator":"\u81F3","start-placeholder":"\u5F00\u59CB\u65E5\u671F","end-placeholder":"\u7ED3\u675F\u65E5\u671F"},model:{value:e.modelForm,callback:function(a){e.modelForm=a},expression:"modelForm"}})]:e.type==="datetimerange"?[t("el-date-picker",{attrs:{type:"datetimerange","value-format":"yyyy-MM-dd hh:mm:ss",format:"yyyy-MM-dd hh:mm:ss","range-separator":"\u81F3","start-placeholder":"\u5F00\u59CB\u65F6\u95F4","end-placeholder":"\u7ED3\u675F\u65F6\u95F4"},model:{value:e.modelForm,callback:function(a){e.modelForm=a},expression:"modelForm"}})]:e._e()],2)])},fe=[],We="";const ve={name:"ComFormItem",model:{prop:"model",event:"changes"},props:{model:void 0,type:{type:String,default:"input"},label:{type:String,default:""},readonly:{type:Boolean,default:!1},placeholder:{type:String,default:""},maxlength:{type:[Array,String],default:""},multiple:{type:Boolean,default:!1},options:{type:[Object,Array],default(){return{"1":"\u9009\u9879\u4E00","2":"\u9009\u9879\u4E8C"}}},props:{type:Object,default(){return{value:"value",label:"label"}}},clearable:{type:Boolean,default:!0}},data(){return{modelForm:this.model}},computed:{selectOption(){let e=[];if(Array.isArray(this.options)&&this.options.length&&this.options[0][this.props.label]===void 0){const{label:n,value:t}=this.props;e=this.options.map((a,l)=>{const o={label:a,value:l};return{label:o[n],value:o[t]}})}else if(!Array.isArray(this.options))e=Object.entries(this.options).map(([n,t])=>({label:t,value:n}));else{let n=[];n.push(...this.options),e=n.map(t=>({label:t[this.props.label],value:t[this.props.value]}))}return e}},methods:{handleChange(e){this.$emit("change",e)}},watch:{modelForm(e){this.$emit("changes",e)},model(e){this.modelForm=e}}},B={};var ge=u(ve,he,fe,!1,be,"5f450689",null,null);function be(e){for(let n in B)this[n]=B[n]}var C=function(){return ge.exports}();C.install=e=>{e.component(C.name,C)};const E=C;var ye=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"ui-operation"},[e._t("default")],2)},$e=[],qe="";const Ce={name:"ComOperation",prop:{type:String,default:"main"}},D={};var xe=u(Ce,ye,$e,!1,Fe,"3c6cb9f6",null,null);function Fe(e){for(let n in D)this[n]=D[n]}var x=function(){return xe.exports}();x.install=e=>{e.component(x.name,x)};const A=x;var Se=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"ui-search"},[t("div",{staticClass:"ui-search__main"},[e._t("default")],2),t("div",{staticClass:"ui-search__footer"},[t("el-button",{attrs:{size:"small",icon:"el-icon-refresh"},on:{click:e.handleReset}},[e._v("\u91CD\u7F6E")]),t("el-button",{attrs:{size:"small",icon:"el-icon-search",type:"primary"},on:{click:e.handleQuery}},[e._v("\u67E5\u8BE2")])],1)])},we=[],Le="";const Te={name:"ComSearch",methods:{handleQuery(){const e=this.$parent.handleQuery;e?e():this.$emit("query")},handleReset(){const e=this.$parent.handleReset;e?e():this.$emit("reset")}}},P={};var ke=u(Te,Se,we,!1,Me,"07c7d454",null,null);function Me(e){for(let n in P)this[n]=P[n]}var F=function(){return ke.exports}();F.install=e=>{e.component(F.name,F)};const N=F;function Ie(e=0){const n=document.querySelectorAll(".ui-page__main:not(.v-leave) > div"),t=document.querySelector(".ui-pagination"),a=document.querySelector(".ui-container__header"),l=document.querySelector(".ui-tabs");let o=e;o+=t?t.offsetHeight:0,o+=a?a.offsetHeight:0,o+=l?l.offsetHeight:0;let d=navigator.userAgent;for(let c=0;c<n.length;c++){let r=n[c];if(!r||r.className==="ui-table")continue;o+=r.offsetHeight;let i,p,m=document.defaultView.getComputedStyle(r);if(d.indexOf("Firefox")>-1)p=parseInt(m["margin-top"])+parseInt(m["margin-bottom"]);else if(d.indexOf("compatible")>-1&&d.indexOf("MSIE")>-1&&!(d.indexOf("Opera")>-1)){let s=r.currentStyle;p=parseInt(s.marginTop)+parseInt(s.marginBottom)}else if(i=m.margin.split(" "),i.length==1)p=parseInt(i[0])*2;else{const[s,Q,f,Je]=i;p=parseInt(f)?parseInt(s)+parseInt(f):parseInt(s)}o=p+o}return o=window.innerHeight-o,o}var He=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"ui-table"},[t("div",{staticClass:"ui-table__tab"},[e._t("default")],2),t("el-table",e._b({ref:"myTable",attrs:{highlightRow:"",border:!0,data:e.tableData},on:{"selection-change":e.handleSelectionChange},scopedSlots:e._u([{key:"empty",fn:function(){return[e.autoHeight?e._e():t("div",[t("el-empty",{directives:[{name:"show",rawName:"v-show",value:!e.tableData.length,expression:"!tableData.length"}],attrs:{description:"\u6682\u65E0\u6570\u636E"}})],1)]},proxy:!0}])},"el-table",e._d({},[e.isBindHeight,e.tableHeight,e.isBindMaxHeight,e.maxHeight])),[e.showSelect?t("el-table-column",{attrs:{type:"selection",width:"35",selectable:e.selectable}}):e._e(),e._l(e.tableTitle,function(a,l){return t("el-table-column",{key:e.tableProps[l],attrs:{minWidth:"60px",label:a,prop:e.tableProps[l],width:e.tableProps[l]==="index"?"60px":e.tableColsWidth[l]||""},scopedSlots:e._u([{key:"header",fn:function(o){return[e._t(e.tableProps[l]+"Title",[t("span",[e._v(e._s(a))])],{row:a,$index:o.$index})]}},{key:"default",fn:function(o){return[e._t(e.tableProps[l],[t("span",[e._v(e._s(e.tableProps[l]==="index"?e.changeTableInx(o.$index):o.row[e.tableProps[l]]))])],{row:o.row,$index:o.$index})]}}],null,!0)})})],2),e.showPage?t("div",{staticClass:"ui-pagination"},[t("el-pagination",{ref:"pageRef",attrs:{layout:"total, sizes, prev, pager, next, jumper","current-page":Number(e.pageData.offset),"page-sizes":e.pageSizes,"page-size":Number(e.pageData.limit),total:Number(e.pageData.total)},on:{"size-change":function(a){return e.handlePageChange("limit",a)},"current-change":function(a){return e.handlePageChange("offset",a)}}})],1):e._e()],1)},Oe=[],Qe="";const Re={name:"ComTable",props:{showSelect:{type:Boolean,default:!1},selectable:{type:Function,default(){return()=>{}}},tableData:{type:Array,default(){return[]}},tableMap:{type:Object,default(){return{index:"\u5E8F\u53F7"}}},colsWidth:{type:[Array,Object],default(){return[]}},pageData:{type:Object,default(){return{}}},showPage:{type:Boolean,default:!0},height:{type:String,default:""},autoHeight:{type:Boolean,default:!1},maxHeight:{type:String,default:""},heightStatic:{type:Number,default:0}},data(){return{pageSizes:[20,50,100,200],tableHeight:""}},computed:{tableTitle(){return Object.values(this.tableMap)},tableProps(){return Object.keys(this.tableMap)},tableColsWidth(){return Array.isArray(this.colsWidth)?this.colsWidth.map(e=>`${parseInt(e)}px`):this.tableProps.map(e=>this.colsWidth[e]?`${parseInt(this.colsWidth[e])}px`:"")},isBindHeight(){return this.tableHeight?"height":""},isBindMaxHeight(){return this.maxHeight?"max-height":""}},methods:{changeTableInx(e){let n=parseInt(e)+1+"";return"0".repeat(4-n.length)+n},handleRefreshHeight(){this.tableHeight=`${Ie()-this.heightStatic}px`,this.$refs.myTable&&this.$refs.myTable.doLayout()},handlePageChange(e="offset",n){if(e==="offset"){if(this.tempSize>this.pageData.total&&this.pageData.offset>1)return;this.$emit("pageChange",e,n)}else this.tempSize=n,this.$emit("pageChange",e,n)},handleSelectionChange(e){this.$emit("selectionChange",e)}},async mounted(){!this.autoHeight&&!this.height?(await this.$nextTick(),this.handleRefreshHeight(),window.addEventListener("resize",this.handleRefreshHeight)):this.height&&(this.tableHeight=this.height,this.$refs.myTable&&this.$refs.myTable.doLayout())},beforeDestroy(){window.removeEventListener("resize",this.handleRefreshHeight)}},W={};var je=u(Re,He,Oe,!1,ze,"f8366462",null,null);function ze(e){for(let n in W)this[n]=W[n]}var S=function(){return je.exports}();S.install=e=>{e.component(S.name,S)};const q=S,Be=[T,M,H,R,z,E,A,N,q],L={version:"dev",install:(e,n={config:{}})=>{Be.forEach(t=>e.component(t.name,t)),e.prototype.$UICONFIG=n.config},ComTemplate:T,ComMenu:M,ComTabs:H,ComTool:R,ComDialog:z,ComFormItem:E,ComOperation:A,ComSearch:N,ComTable:q};try{L.version=require("../package.json").version}catch{console.log("no require")}return L});
|
|
1
|
+
(function(_,h){typeof exports=="object"&&typeof module!="undefined"?module.exports=h():typeof define=="function"&&define.amd?define(h):(_=typeof globalThis!="undefined"?globalThis:_||self,_["tenghui-ui"]=h())})(this,function(){"use strict";var _=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"ui-template"},[t("h1",[e._v(e._s(e.msg))]),t("el-table",{staticStyle:{width:"100%"},attrs:{data:e.tableData}},[t("el-table-column",{attrs:{prop:"date",label:"\u65E5\u671F",width:"180"}}),t("el-table-column",{attrs:{prop:"name",label:"\u59D3\u540D",width:"180"}}),t("el-table-column",{attrs:{prop:"address",label:"\u5730\u5740"}})],1)],1)},h=[],Qe="";function c(e,n,t,a,o,r,d,u){var l=typeof e=="function"?e.options:e;n&&(l.render=n,l.staticRenderFns=t,l._compiled=!0),a&&(l.functional=!0),r&&(l._scopeId="data-v-"+r);var i;if(d?(i=function(s){s=s||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!s&&typeof __VUE_SSR_CONTEXT__!="undefined"&&(s=__VUE_SSR_CONTEXT__),o&&o.call(this,s),s&&s._registeredComponents&&s._registeredComponents.add(d)},l._ssrRegister=i):o&&(i=u?function(){o.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:o),i)if(l.functional){l._injectStyles=i;var p=l.render;l.render=function(V,f){return i.call(f),p(V,f)}}else{var m=l.beforeCreate;l.beforeCreate=m?[].concat(m,i):[i]}return{exports:e,options:l}}const X={name:"ComTemplate",data(){return{msg:"\u6D4B\u8BD5\u7EC4\u4EF611111",tableData:[{date:"2016-05-02",name:"\u738B\u5C0F\u864E",address:"\u4E0A\u6D77\u5E02\u666E\u9640\u533A\u91D1\u6C99\u6C5F\u8DEF 1518 \u5F04"},{date:"2016-05-04",name:"\u738B\u5C0F\u864E",address:"\u4E0A\u6D77\u5E02\u666E\u9640\u533A\u91D1\u6C99\u6C5F\u8DEF 1517 \u5F04"},{date:"2016-05-01",name:"\u738B\u5C0F\u864E",address:"\u4E0A\u6D77\u5E02\u666E\u9640\u533A\u91D1\u6C99\u6C5F\u8DEF 1519 \u5F04"},{date:"2016-05-03",name:"\u738B\u5C0F\u864E",address:"\u4E0A\u6D77\u5E02\u666E\u9640\u533A\u91D1\u6C99\u6C5F\u8DEF 1516 \u5F04"}]}},methods:{}},T={};var G=c(X,_,h,!1,K,"183fe45a",null,null);function K(e){for(let n in T)this[n]=T[n]}var v=function(){return G.exports}();v.install=e=>{e.component(v.name,v)};const k=v;var Y=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("el-menu",{attrs:{mode:"horizontal","background-color":"#545c64","text-color":"#ccc","active-text-color":"#FFF","menu-trigger":"hover","default-active":e.$route.path},on:{select:e.handleJump}},[e._l(e.data,function(a,o){return[a.children?t("el-submenu",{attrs:{index:a.path||a.name}},[t("template",{slot:"title"},[t("i",{staticClass:"icon-chanpinguanli-chanpinliebiao"}),t("span",[e._v(e._s(a.name))])]),e._l(a.children,function(r,d){return[r.children?t("el-submenu",{attrs:{index:r.path||r.name}},[t("template",{slot:"title"},[e._v(e._s(r.name))]),e._l(r.children,function(u,l){return t("el-menu-item",{key:u.name,attrs:{index:u.path||u.name}},[e._v(e._s(u.name))])})],2):t("el-menu-item",{attrs:{index:r.path||r.name}},[e._v(e._s(r.name))])]})],2):t("el-menu-item",{attrs:{index:a.path||a.name}},[t("i",{staticClass:"el-icon-menu"}),t("span",{attrs:{slot:"title"},slot:"title"},[e._v(e._s(a.name))])])]})],2)},Z=[],Ue="";const ee={name:"ComMenu",props:{data:{type:Array,default(){return[]}}},data(){return{}},computed:{},methods:{handleJump(e){this.$emit("jump",e)}}},M={};var te=c(ee,Y,Z,!1,ne,"1a7163e6",null,null);function ne(e){for(let n in M)this[n]=M[n]}var g=function(){return te.exports}();g.install=e=>{e.component(g.name,g)};const z=g;var ae=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"ui-tabs"},[t("ul",{staticClass:"clear-fix"},e._l(e.data,function(a){return t("li",{staticClass:"ui-tabs__item",class:{"ui-tabs__item--active":e.currentTab.path===a.path},on:{click:function(o){return e.handleToggle(a.path)}}},[t("span",[e._v(e._s(a.name))]),t("span",{staticClass:"el-icon-error",on:{click:function(o){return o.stopPropagation(),e.handleDeleteTab(a.path)}}})])}),0)])},re=[],Je="";const oe={name:"ComTabs",props:{data:{type:Array,default(){return[]}},currentTab:{type:Object,default(){return{}}}},data(){return{}},methods:{handleToggle(e){this.$emit("toggle",e)},handleDeleteTab(e){this.$emit("deleteTab",e)}}},I={};var le=c(oe,ae,re,!1,se,"e7fe9cfa",null,null);function se(e){for(let n in I)this[n]=I[n]}var y=function(){return le.exports}();y.install=e=>{e.component(y.name,y)};const H=y;var ie=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("el-dropdown",[t("span",{staticClass:"el-dropdown-link"},[t("i",{staticClass:"el-icon-s-tools"})]),t("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[t("el-dropdown-item",{attrs:{icon:"icon-tuichudenglu"},on:{click:function(a){return e.handleOperation("outLogin")}}},[e._v("\u9000\u51FA\u767B\u5F55")])],1)],1)},ce=[],Ve="";const ue={name:"ComTool",methods:{handleOperation(e){switch(e){case"outLogin":this.$confirm("\u786E\u8BA4\u9000\u51FA\u767B\u5F55?","\u63D0\u793A",{type:"warning"}).then(()=>{console.log("out login")});break}}}},R={};var de=c(ue,ie,ce,!1,pe,"b586e068",null,null);function pe(e){for(let n in R)this[n]=R[n]}var b=function(){return de.exports}();b.install=e=>{e.component(b.name,b)};const O=b;var me=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("el-dialog",{attrs:{"append-to-body":"",top:e.top,title:e.title,visible:e.visible,width:e.width,"close-on-click-modal":e.closeOnClickModal,"before-close":e.beforeClose},on:{close:e.handleClose},scopedSlots:e._u([{key:"footer",fn:function(){return[e._t("footer",[e.showBtn?t("el-button",{attrs:{size:"small"},on:{click:function(a){return e.$emit("update:visible",!1)}}},[e._v("\u53D6\u6D88")]):e._e(),e.showBtn?t("el-button",{attrs:{size:"small",type:"primary"},on:{click:e.handleConfirm}},[e._v("\u786E\u5B9A")]):e._e()])]},proxy:!0}],null,!0)},[e._t("default")],2)},_e=[],Xe="";const he={name:"ComDialog",props:{visible:{type:Boolean,default:!1},title:{type:String,default:"\u6807\u9898"},width:{type:String,default:"600px"},top:{type:String,default:"50px"},closeOnClickModal:{type:Boolean,default:!1},beforeClose:{type:Function,default(e){e()}},showBtn:{type:Boolean,default:!0}},data(){return{show:!1}},methods:{handleClose(){this.$emit("close"),this.$emit("update:visible",!1)},handleConfirm(){this.$emit("confirm")}}},j={};var fe=c(he,me,_e,!1,ve,"0a02be4b",null,null);function ve(e){for(let n in j)this[n]=j[n]}var $=function(){return fe.exports}();$.install=e=>{e.component($.name,$)};const A=$;var ge=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"ui-form__item"},[t("div",[e._t("label",[e.label?t("div",{staticClass:"ui-item__label"},[t("span",[e._v(e._s(e.label))])]):e._e()])],2),t("div",{staticClass:"ui-item__main"},[e.type==="input"?[t("el-input",{attrs:{size:"small",placeholder:e.placeholder,disabled:e.readonly,maxlength:e.maxlength},model:{value:e.modelForm,callback:function(a){e.modelForm=a},expression:"modelForm"}})]:e.type==="select"?[t("el-select",{attrs:{size:"small",placeholder:e.placeholder||"\u8BF7\u9009\u62E9",multiple:e.multiple,disabled:e.readonly,clearable:e.clearable,filterable:""},model:{value:e.modelForm,callback:function(a){e.modelForm=a},expression:"modelForm"}},e._l(e.selectOption,function(a){return t("el-option",{key:a.value,attrs:{value:a.value.toString(),label:a.label}})}),1)]:e.type==="textarea"?[t("el-input",{attrs:{size:"small",type:"textarea",placeholder:e.placeholder||"\u8BF7\u8F93\u5165",rows:4,disabled:e.readonly},model:{value:e.modelForm,callback:function(a){e.modelForm=a},expression:"modelForm"}})]:e.type==="input-number"?[t("el-input-number",{attrs:{size:"small","controls-position":"right"},model:{value:e.modelForm,callback:function(a){e.modelForm=a},expression:"modelForm"}})]:e.type==="cascader"?[t("el-cascader",{attrs:{size:"small",options:e.options,props:e.props},on:{change:e.handleChange},model:{value:e.modelForm,callback:function(a){e.modelForm=a},expression:"modelForm"}})]:e.type==="daterange"?[t("el-date-picker",{attrs:{type:"daterange","value-format":"yyyy-MM-dd",format:"yyyy-MM-dd","range-separator":"\u81F3","start-placeholder":"\u5F00\u59CB\u65E5\u671F","end-placeholder":"\u7ED3\u675F\u65E5\u671F"},model:{value:e.modelForm,callback:function(a){e.modelForm=a},expression:"modelForm"}})]:e.type==="datetimerange"?[t("el-date-picker",{attrs:{type:"datetimerange","value-format":"yyyy-MM-dd hh:mm:ss",format:"yyyy-MM-dd hh:mm:ss","range-separator":"\u81F3","start-placeholder":"\u5F00\u59CB\u65F6\u95F4","end-placeholder":"\u7ED3\u675F\u65F6\u95F4"},model:{value:e.modelForm,callback:function(a){e.modelForm=a},expression:"modelForm"}})]:e._e()],2)])},ye=[],Ge="";const be={name:"ComFormItem",model:{prop:"model",event:"changes"},props:{model:void 0,type:{type:String,default:"input"},label:{type:String,default:""},readonly:{type:Boolean,default:!1},placeholder:{type:String,default:""},maxlength:{type:[Array,String],default:""},multiple:{type:Boolean,default:!1},options:{type:[Object,Array],default(){return{"1":"\u9009\u9879\u4E00","2":"\u9009\u9879\u4E8C"}}},props:{type:Object,default(){return{value:"value",label:"label"}}},clearable:{type:Boolean,default:!0}},data(){return{modelForm:this.model}},computed:{selectOption(){let e=[];if(Array.isArray(this.options)&&this.options.length&&this.options[0][this.props.label]===void 0){const{label:n,value:t}=this.props;e=this.options.map((a,o)=>{const r={label:a,value:o};return{label:r[n],value:r[t]}})}else if(!Array.isArray(this.options))e=Object.entries(this.options).map(([n,t])=>({label:t,value:n}));else{let n=[];n.push(...this.options),e=n.map(t=>({label:t[this.props.label],value:t[this.props.value]}))}return e}},methods:{handleChange(e){this.$emit("change",e)}},watch:{modelForm(e){this.$emit("changes",e)},model(e){this.modelForm=e}}},E={};var $e=c(be,ge,ye,!1,Ce,"5f450689",null,null);function Ce(e){for(let n in E)this[n]=E[n]}var C=function(){return $e.exports}();C.install=e=>{e.component(C.name,C)};const B=C;var xe=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"ui-operation"},[e._t("default")],2)},Se=[],Ke="";const we={name:"ComOperation",prop:{type:String,default:"main"}},D={};var Fe=c(we,xe,Se,!1,Te,"3c6cb9f6",null,null);function Te(e){for(let n in D)this[n]=D[n]}var x=function(){return Fe.exports}();x.install=e=>{e.component(x.name,x)};const P=x;var ke=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"ui-search"},[t("div",{staticClass:"ui-search__main"},[e._t("default")],2),t("div",{staticClass:"ui-search__footer"},[t("el-button",{attrs:{size:"small",icon:"el-icon-refresh"},on:{click:e.handleReset}},[e._v("\u91CD\u7F6E")]),t("el-button",{attrs:{size:"small",icon:"el-icon-search",type:"primary"},on:{click:e.handleQuery}},[e._v("\u67E5\u8BE2")])],1)])},Me=[],Ye="";const ze={name:"ComSearch",methods:{handleQuery(){const e=this.$parent.handleQuery;e?e():this.$emit("query")},handleReset(){const e=this.$parent.handleReset;e?e():this.$emit("reset")}}},L={};var Ie=c(ze,ke,Me,!1,He,"07c7d454",null,null);function He(e){for(let n in L)this[n]=L[n]}var S=function(){return Ie.exports}();S.install=e=>{e.component(S.name,S)};const N=S;function Re(e=0){const n=document.querySelectorAll(".ui-page__main:not(.v-leave) > div"),t=document.querySelector(".ui-pagination"),a=document.querySelector(".ui-container__header"),o=document.querySelector(".ui-tabs");let r=e;r+=t?t.offsetHeight:0,r+=a?a.offsetHeight:0,r+=o?o.offsetHeight:0;let d=navigator.userAgent;for(let u=0;u<n.length;u++){let l=n[u];if(!l||l.className==="ui-table")continue;r+=l.offsetHeight;let i,p,m=document.defaultView.getComputedStyle(l);if(d.indexOf("Firefox")>-1)p=parseInt(m["margin-top"])+parseInt(m["margin-bottom"]);else if(d.indexOf("compatible")>-1&&d.indexOf("MSIE")>-1&&!(d.indexOf("Opera")>-1)){let s=l.currentStyle;p=parseInt(s.marginTop)+parseInt(s.marginBottom)}else if(i=m.margin.split(" "),i.length==1)p=parseInt(i[0])*2;else{const[s,V,f,nt]=i;p=parseInt(f)?parseInt(s)+parseInt(f):parseInt(s)}r=p+r}return r=window.innerHeight-r,r}var Oe=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"ui-table"},[t("div",{staticClass:"ui-table__tab"},[e._t("default")],2),t("el-table",e._b({ref:"myTable",attrs:{highlightRow:"",border:!0,data:e.tableData},on:{"selection-change":e.handleSelectionChange},scopedSlots:e._u([{key:"empty",fn:function(){return[e.autoHeight?e._e():t("div",[t("el-empty",{directives:[{name:"show",rawName:"v-show",value:!e.tableData.length,expression:"!tableData.length"}],attrs:{description:"\u6682\u65E0\u6570\u636E"}})],1)]},proxy:!0}])},"el-table",e._d({},[e.isBindHeight,e.tableHeight,e.isBindMaxHeight,e.maxHeight])),[e.showSelect?t("el-table-column",{attrs:{type:"selection",width:"35",selectable:e.selectable}}):e._e(),e._l(e.tableTitle,function(a,o){return t("el-table-column",{key:e.tableProps[o],attrs:{minWidth:"60px",label:a,prop:e.tableProps[o],width:e.tableProps[o]==="index"?"60px":e.tableColsWidth[o]||""},scopedSlots:e._u([{key:"header",fn:function(r){return[e._t(e.tableProps[o]+"Title",[t("span",[e._v(e._s(a))])],{row:a,$index:r.$index})]}},{key:"default",fn:function(r){return[e._t(e.tableProps[o],[t("span",[e._v(e._s(e.tableProps[o]==="index"?e.changeTableInx(r.$index):r.row[e.tableProps[o]]))])],{row:r.row,$index:r.$index})]}}],null,!0)})})],2),e.showPage?t("div",{staticClass:"ui-pagination"},[t("el-pagination",{ref:"pageRef",attrs:{layout:"total, sizes, prev, pager, next, jumper","current-page":Number(e.pageData.offset),"page-sizes":e.pageSizes,"page-size":Number(e.pageData.limit),total:Number(e.pageData.total)},on:{"size-change":function(a){return e.handlePageChange("limit",a)},"current-change":function(a){return e.handlePageChange("offset",a)}}})],1):e._e()],1)},je=[],Ze="";const Ae={name:"ComTable",props:{showSelect:{type:Boolean,default:!1},selectable:{type:Function,default(){return()=>{}}},tableData:{type:Array,default(){return[]}},tableMap:{type:Object,default(){return{index:"\u5E8F\u53F7"}}},colsWidth:{type:[Array,Object],default(){return[]}},pageData:{type:Object,default(){return{}}},showPage:{type:Boolean,default:!0},height:{type:String,default:""},autoHeight:{type:Boolean,default:!1},maxHeight:{type:String,default:""},heightStatic:{type:Number,default:0}},data(){return{pageSizes:[20,50,100,200],tableHeight:""}},computed:{tableTitle(){return Object.values(this.tableMap)},tableProps(){return Object.keys(this.tableMap)},tableColsWidth(){return Array.isArray(this.colsWidth)?this.colsWidth.map(e=>`${parseInt(e)}px`):this.tableProps.map(e=>this.colsWidth[e]?`${parseInt(this.colsWidth[e])}px`:"")},isBindHeight(){return this.tableHeight?"height":""},isBindMaxHeight(){return this.maxHeight?"max-height":""}},methods:{changeTableInx(e){let n=parseInt(e)+1+"";return"0".repeat(4-n.length)+n},handleRefreshHeight(){this.tableHeight=`${Re()-this.heightStatic}px`,this.$refs.myTable&&this.$refs.myTable.doLayout()},handlePageChange(e="offset",n){if(e==="offset"){if(this.tempSize>this.pageData.total&&this.pageData.offset>1)return;this.$emit("pageChange",e,n)}else this.tempSize=n,this.$emit("pageChange",e,n)},handleSelectionChange(e){this.$emit("selectionChange",e)}},async mounted(){!this.autoHeight&&!this.height?(await this.$nextTick(),this.handleRefreshHeight(),window.addEventListener("resize",this.handleRefreshHeight)):this.height&&(this.tableHeight=this.height,this.$refs.myTable&&this.$refs.myTable.doLayout())},beforeDestroy(){window.removeEventListener("resize",this.handleRefreshHeight)}},W={};var Ee=c(Ae,Oe,je,!1,Be,"f8366462",null,null);function Be(e){for(let n in W)this[n]=W[n]}var w=function(){return Ee.exports}();w.install=e=>{e.component(w.name,w)};const q=w;var De=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("el-image",{ref:"imageRef",style:{width:e.sizeMain},attrs:{src:e.srcMain,"preview-src-list":e.previewList},scopedSlots:e._u([{key:"placeholder",fn:function(){return[t("div",{directives:[{name:"loading",rawName:"v-loading",value:!0,expression:"true"}],staticClass:"ui-image--loading",style:{width:e.sizeMain,height:e.height}})]},proxy:!0},{key:"error",fn:function(){return[t("div",{staticClass:"ui-image--error",style:{width:e.sizeMain,height:e.height,lineHeight:e.height,fontSize:e.fontSize}},[t("i",{staticClass:"el-icon-picture-outline"})])]},proxy:!0}])})},Pe=[],et="";const Le={name:"ComImage",props:{size:{type:String,default:""},src:{type:[String,Array],default(){return""}},previewSrcList:{type:Array,default(){return[]}}},data(){return{height:""}},computed:{previewList(){return this.previewSrcList.length?this.previewSrcList:Array.isArray(this.src)?this.src:[]},srcMain(){return Array.isArray(this.src)?this.src[0]:this.src},fontSize(){return`${parseInt(this.height)-30}px`},sizeMain(){return this.size?Number(this.size)?`${this.size}px`:this.size:"100%"}},async mounted(){await this.$nextTick(),this.height=`${this.$refs.imageRef.$el.offsetWidth}px`}},Q={};var Ne=c(Le,De,Pe,!1,We,"4d3de6d0",null,null);function We(e){for(let n in Q)this[n]=Q[n]}var F=function(){return Ne.exports}();F.install=e=>{e.component(F.name,F)};const U=F,qe=[k,z,H,O,A,B,P,N,q,U],J={version:"dev",install:(e,n={config:{}})=>{qe.forEach(t=>e.component(t.name,t)),e.prototype.$UICONFIG=n.config},ComTemplate:k,ComMenu:z,ComTabs:H,ComTool:O,ComDialog:A,ComFormItem:B,ComOperation:P,ComSearch:N,ComTable:q,ComImage:U};try{J.version=require("../package.json").version}catch{console.log("no require")}return J});
|
|
2
2
|
//# sourceMappingURL=tenghui-ui.umd.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tenghui-ui.umd.js","sources":["../packages/template/src/index.vue?vue&type=template&lang.js","../packages/template/src/index.vue","../packages/template/index.ts","../packages/menu/src/index.vue?vue&type=template&lang.js","../packages/menu/src/index.vue","../packages/menu/index.ts","../packages/tabs/src/index.vue?vue&type=template&lang.js","../packages/tabs/src/index.vue","../packages/tabs/index.ts","../packages/tool/src/index.vue?vue&type=template&lang.js","../packages/tool/src/index.vue","../packages/tool/index.ts","../packages/dialog/src/index.vue?vue&type=template&lang.js","../packages/dialog/src/index.vue","../packages/dialog/index.ts","../packages/form-item/src/index.vue?vue&type=template&lang.js","../packages/form-item/src/index.vue","../packages/form-item/index.ts","../packages/operation/src/index.vue?vue&type=template&lang.js","../packages/operation/src/index.vue","../packages/operation/index.ts","../packages/search/src/index.vue?vue&type=template&lang.js","../packages/search/src/index.vue","../packages/search/index.ts","../utils/index.ts","../packages/table/src/index.vue?vue&type=template&lang.js","../packages/table/src/index.vue","../packages/table/index.ts","../src/main.ts"],"sourcesContent":["\n<div class=\"ui-template\">\n <h1>{{ msg }}</h1>\n <el-table :data=\"tableData\" style=\"width: 100%\">\n <el-table-column prop=\"date\" label=\"日期\" width=\"180\">\n </el-table-column>\n <el-table-column prop=\"name\" label=\"姓名\" width=\"180\">\n </el-table-column>\n <el-table-column prop=\"address\" label=\"地址\">\n </el-table-column>\n </el-table>\n</div>\n","<template>\r\n <div class=\"ui-template\">\r\n <h1>{{ msg }}</h1>\r\n <el-table :data=\"tableData\" style=\"width: 100%\">\r\n <el-table-column prop=\"date\" label=\"日期\" width=\"180\">\r\n </el-table-column>\r\n <el-table-column prop=\"name\" label=\"姓名\" width=\"180\">\r\n </el-table-column>\r\n <el-table-column prop=\"address\" label=\"地址\">\r\n </el-table-column>\r\n </el-table>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"ComTemplate\",\r\n data() {\r\n return {\r\n msg: '测试组件11111',\r\n tableData: [{\r\n date: '2016-05-02',\r\n name: '王小虎',\r\n address: '上海市普陀区金沙江路 1518 弄'\r\n }, {\r\n date: '2016-05-04',\r\n name: '王小虎',\r\n address: '上海市普陀区金沙江路 1517 弄'\r\n }, {\r\n date: '2016-05-01',\r\n name: '王小虎',\r\n address: '上海市普陀区金沙江路 1519 弄'\r\n }, {\r\n date: '2016-05-03',\r\n name: '王小虎',\r\n address: '上海市普陀区金沙江路 1516 弄'\r\n }]\r\n }\r\n },\r\n methods: {\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n</style>","import Vue from 'vue';\r\nimport ComTemplate from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComTemplate.install = (app: typeof Vue) => {\r\n app.component(ComTemplate.name, ComTemplate);\r\n};\r\nconst InComTemplate: SFCWithInstall<typeof ComTemplate> = ComTemplate; // 增加类型\r\nexport default InComTemplate;","\n<el-menu \n mode=\"horizontal\"\n background-color=\"#545c64\"\n text-color=\"#ccc\"\n active-text-color=\"#FFF\"\n menu-trigger=\"hover\"\n :default-active=\"$route.path\"\n @select=\"handleJump\">\n <template v-for=\"(item, index) in data\">\n <el-submenu v-if=\"item.children\" :index=\"item.path || item.name\">\n <template slot=\"title\">\n <i class=\"icon-chanpinguanli-chanpinliebiao\"></i>\n <span>{{item.name}}</span>\n </template>\n <template v-for=\"(_item, _index) in item.children\">\n <el-submenu v-if=\"_item.children\" \n :index=\"_item.path || _item.name\">\n <template slot=\"title\">{{_item.name}}</template>\n <el-menu-item v-for=\"(__item, __index) in _item.children\" \n :key=\"__item.name\" \n :index=\"__item.path || __item.name\">{{__item.name}}</el-menu-item>\n </el-submenu>\n <el-menu-item v-else :index=\"_item.path || _item.name\">{{_item.name}}</el-menu-item>\n </template>\n </el-submenu>\n <el-menu-item v-else :index=\"item.path || item.name\">\n <i class=\"el-icon-menu\"></i>\n <span slot=\"title\">{{item.name}}</span>\n </el-menu-item>\n </template>\n</el-menu>\n","<template>\r\n <el-menu \r\n mode=\"horizontal\"\r\n background-color=\"#545c64\"\r\n text-color=\"#ccc\"\r\n active-text-color=\"#FFF\"\r\n menu-trigger=\"hover\"\r\n :default-active=\"$route.path\"\r\n @select=\"handleJump\">\r\n <template v-for=\"(item, index) in data\">\r\n <el-submenu v-if=\"item.children\" :index=\"item.path || item.name\">\r\n <template slot=\"title\">\r\n <i class=\"icon-chanpinguanli-chanpinliebiao\"></i>\r\n <span>{{item.name}}</span>\r\n </template>\r\n <template v-for=\"(_item, _index) in item.children\">\r\n <el-submenu v-if=\"_item.children\" \r\n :index=\"_item.path || _item.name\">\r\n <template slot=\"title\">{{_item.name}}</template>\r\n <el-menu-item v-for=\"(__item, __index) in _item.children\" \r\n :key=\"__item.name\" \r\n :index=\"__item.path || __item.name\">{{__item.name}}</el-menu-item>\r\n </el-submenu>\r\n <el-menu-item v-else :index=\"_item.path || _item.name\">{{_item.name}}</el-menu-item>\r\n </template>\r\n </el-submenu>\r\n <el-menu-item v-else :index=\"item.path || item.name\">\r\n <i class=\"el-icon-menu\"></i>\r\n <span slot=\"title\">{{item.name}}</span>\r\n </el-menu-item>\r\n </template>\r\n </el-menu>\r\n</template>\r\n<script>\r\n\r\nexport default {\r\n name: 'ComMenu',\r\n props: {\r\n data: {\r\n type: Array,\r\n default() {\r\n return []\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n \r\n }\r\n },\r\n computed: {\r\n \r\n },\r\n methods: {\r\n handleJump(path) {\r\n this.$emit('jump', path);\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n .el-menu {\r\n width: 100%;\r\n height: 60px !important;\r\n }\r\n\r\n .el-submenu .el-menu-item {\r\n min-width: unset;\r\n }\r\n\r\n .el-submenu__title i {\r\n color: unset;\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-tabs\">\n <ul class=\"clear-fix\">\n <li class=\"ui-tabs__item\" v-for=\"item in data\" :class=\"{ 'ui-tabs__item--active': currentTab.path === item.path }\" \n @click=\"handleToggle(item.path)\">\n <span>{{item.name}}</span>\n <span class=\"el-icon-error\" @click.stop=\"handleDeleteTab(item.path)\"></span>\n </li>\n </ul>\n</div>\n","<template>\r\n <div class=\"ui-tabs\">\r\n <ul class=\"clear-fix\">\r\n <li class=\"ui-tabs__item\" v-for=\"item in data\" :class=\"{ 'ui-tabs__item--active': currentTab.path === item.path }\" \r\n @click=\"handleToggle(item.path)\">\r\n <span>{{item.name}}</span>\r\n <span class=\"el-icon-error\" @click.stop=\"handleDeleteTab(item.path)\"></span>\r\n </li>\r\n </ul>\r\n </div>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComTabs',\r\n props: {\r\n data: {\r\n type: Array,\r\n default() {\r\n return []\r\n }\r\n },\r\n currentTab: {\r\n type: Object,\r\n default() {\r\n return {}\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n\r\n }\r\n },\r\n methods: {\r\n handleToggle(path) {\r\n this.$emit('toggle', path);\r\n },\r\n handleDeleteTab(path) {\r\n this.$emit('deleteTab', path);\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n\r\n .ui-tabs {\r\n\r\n border-bottom: 1px solid @color-border;\r\n padding: 0 10px;\r\n height: 40px;\r\n background-color: #FFF;\r\n \r\n &__item {\r\n float: left;\r\n height: 31px;\r\n border-radius: 6px 6px 0 0;\r\n border: 1px solid @color-border;\r\n margin-top: 10px;\r\n box-sizing: border-box;\r\n font-size: 12px;\r\n line-height: 30px;\r\n padding: 0 10px;\r\n color: @color-f4;\r\n cursor: pointer;\r\n border-bottom-color: #FFF;\r\n margin-right: 1px;\r\n position: relative;\r\n transition: all .1s linear;\r\n\r\n &:hover {\r\n .el-icon-error {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .el-icon-error {\r\n position: absolute;\r\n right: 2px;\r\n top: 50%;\r\n margin-top: -5px;\r\n opacity: 0;\r\n transition: all .1s linear;\r\n\r\n &:hover {\r\n color: @theme-color2;\r\n }\r\n }\r\n\r\n &--active {\r\n color: @theme-color2;\r\n padding-right: 20px;\r\n\r\n .el-icon-error {\r\n top: 50%;\r\n right: 5px;\r\n font-size: 14px;\r\n margin-top: -5px;\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<el-dropdown>\n <span class=\"el-dropdown-link\">\n <i class=\"el-icon-s-tools\"></i>\n </span>\n <el-dropdown-menu slot=\"dropdown\">\n <el-dropdown-item icon=\"icon-tuichudenglu\" @click=\"handleOperation('outLogin')\">退出登录</el-dropdown-item>\n </el-dropdown-menu>\n</el-dropdown>\n","<template>\r\n <el-dropdown>\r\n <span class=\"el-dropdown-link\">\r\n <i class=\"el-icon-s-tools\"></i>\r\n </span>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item icon=\"icon-tuichudenglu\" @click=\"handleOperation('outLogin')\">退出登录</el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComTool',\r\n methods: {\r\n handleOperation(cmd) {\r\n switch (cmd) {\r\n case 'outLogin':\r\n this.$confirm('确认退出登录?', '提示', {\r\n type: 'warning'\r\n }).then(() => {\r\n console.log('out login');\r\n })\r\n break;\r\n }\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n .el-icon-s-tools {\r\n font-size: 20px;\r\n color: #FFF;\r\n line-height: 60px;\r\n margin-right: 20px;\r\n cursor: pointer;\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<el-dialog \n append-to-body \n :top=\"top\" \n :title=\"title\" \n :visible=\"visible\"\n :width=\"width\" \n :close-on-click-modal=\"closeOnClickModal\"\n :before-close=\"beforeClose\"\n @close=\"handleClose\">\n <slot></slot>\n <template v-slot:footer>\n <slot name=\"footer\">\n <el-button v-if=\"showBtn\" size=\"small\" @click=\"$emit('update:visible', false)\">取消</el-button>\n <el-button v-if=\"showBtn\" size=\"small\" type=\"primary\" @click=\"handleConfirm\">确定</el-button>\n </slot>\n </template>\n</el-dialog>\n","<template>\r\n <el-dialog \r\n append-to-body \r\n :top=\"top\" \r\n :title=\"title\" \r\n :visible=\"visible\"\r\n :width=\"width\" \r\n :close-on-click-modal=\"closeOnClickModal\"\r\n :before-close=\"beforeClose\"\r\n @close=\"handleClose\">\r\n <slot></slot>\r\n <template v-slot:footer>\r\n <slot name=\"footer\">\r\n <el-button v-if=\"showBtn\" size=\"small\" @click=\"$emit('update:visible', false)\">取消</el-button>\r\n <el-button v-if=\"showBtn\" size=\"small\" type=\"primary\" @click=\"handleConfirm\">确定</el-button>\r\n </slot>\r\n </template>\r\n </el-dialog>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComDialog',\r\n props: {\r\n visible: {\r\n type: Boolean,\r\n default: false\r\n },\r\n title: {\r\n type: String,\r\n default: '标题'\r\n },\r\n width: {\r\n type: String,\r\n default: '600px'\r\n },\r\n top: {\r\n type: String,\r\n default: '50px'\r\n },\r\n closeOnClickModal: {\r\n type: Boolean,\r\n default: false\r\n },\r\n beforeClose: {\r\n type: Function,\r\n default(done) {\r\n done();\r\n }\r\n },\r\n showBtn: {\r\n type: Boolean,\r\n default: true\r\n }\r\n },\r\n data() {\r\n return {\r\n show: false\r\n }\r\n },\r\n methods: {\r\n handleClose() {\r\n this.$emit('close');\r\n this.$emit('update:visible', false);\r\n },\r\n\r\n handleConfirm() {\r\n this.$emit('confirm');\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n/deep/ .el-dialog__header {\r\n border-bottom: 1px solid #ededed;\r\n\r\n .el-dialog__title {\r\n font-size: 16px;\r\n }\r\n}\r\n\r\n/deep/ .el-dialog__footer {\r\n border-top: 1px solid #ededed;\r\n}\r\n\r\n/deep/ .el-dialog__body {\r\n\r\n .el-form {\r\n .el-select {\r\n width: 240px;\r\n }\r\n\r\n .el-input {\r\n width: 240px;\r\n }\r\n\r\n .el-input-number {\r\n width: 240px;\r\n\r\n .el-input__inner {\r\n text-align: left;\r\n }\r\n }\r\n\r\n .ui-item__main {\r\n width: 100%;\r\n }\r\n\r\n .el-form-item__label {\r\n font-size: 12px;\r\n }\r\n\r\n .el-input--small .el-input__icon {\r\n height: 32px;\r\n }\r\n }\r\n}\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-form__item\">\n <div>\n <slot name=\"label\">\n <div class=\"ui-item__label\" v-if=\"label\">\n <span >{{label}}</span>\n </div>\n </slot>\n </div>\n <div class=\"ui-item__main\">\n <template v-if=\"type === 'input'\">\n <el-input size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder\" :disabled=\"readonly\" :maxlength=\"maxlength\"></el-input>\n </template>\n <template v-else-if=\"type === 'select'\">\n <el-select size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder || '请选择'\" :multiple=\"multiple\" :disabled=\"readonly\" :clearable=\"clearable\" filterable >\n <el-option v-for=\"item in selectOption\" :key=\"item.value\" :value=\"item.value.toString()\" :label=\"item.label\"></el-option>\n </el-select>\n </template>\n <template v-else-if=\"type === 'textarea'\">\n <el-input size=\"small\" v-model=\"modelForm\" type=\"textarea\" \n :placeholder=\"placeholder || '请输入'\" \n :rows=\"4\" \n :disabled=\"readonly\"></el-input>\n </template>\n <template v-else-if=\"type === 'input-number'\">\n <el-input-number size=\"small\" v-model=\"modelForm\" controls-position=\"right\"></el-input-number>\n </template>\n <template v-else-if=\"type === 'cascader'\">\n <el-cascader\n size=\"small\"\n v-model=\"modelForm\"\n :options=\"options\"\n :props=\"props\"\n @change=\"handleChange\"></el-cascader>\n </template>\n <template v-else-if=\"type === 'daterange'\">\n <el-date-picker\n v-model=\"modelForm\"\n type=\"daterange\"\n value-format=\"yyyy-MM-dd\"\n format=\"yyyy-MM-dd\"\n range-separator=\"至\"\n start-placeholder=\"开始日期\"\n end-placeholder=\"结束日期\">\n </el-date-picker>\n </template>\n <template v-else-if=\"type === 'datetimerange'\">\n <el-date-picker\n v-model=\"modelForm\"\n type=\"datetimerange\"\n value-format=\"yyyy-MM-dd hh:mm:ss\"\n format=\"yyyy-MM-dd hh:mm:ss\"\n range-separator=\"至\"\n start-placeholder=\"开始时间\"\n end-placeholder=\"结束时间\">\n </el-date-picker>\n </template>\n </div>\n</div>\n","<template>\r\n <div class=\"ui-form__item\">\r\n <div>\r\n <slot name=\"label\">\r\n <div class=\"ui-item__label\" v-if=\"label\">\r\n <span >{{label}}</span>\r\n </div>\r\n </slot>\r\n </div>\r\n <div class=\"ui-item__main\">\r\n <template v-if=\"type === 'input'\">\r\n <el-input size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder\" :disabled=\"readonly\" :maxlength=\"maxlength\"></el-input>\r\n </template>\r\n <template v-else-if=\"type === 'select'\">\r\n <el-select size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder || '请选择'\" :multiple=\"multiple\" :disabled=\"readonly\" :clearable=\"clearable\" filterable >\r\n <el-option v-for=\"item in selectOption\" :key=\"item.value\" :value=\"item.value.toString()\" :label=\"item.label\"></el-option>\r\n </el-select>\r\n </template>\r\n <template v-else-if=\"type === 'textarea'\">\r\n <el-input size=\"small\" v-model=\"modelForm\" type=\"textarea\" \r\n :placeholder=\"placeholder || '请输入'\" \r\n :rows=\"4\" \r\n :disabled=\"readonly\"></el-input>\r\n </template>\r\n <template v-else-if=\"type === 'input-number'\">\r\n <el-input-number size=\"small\" v-model=\"modelForm\" controls-position=\"right\"></el-input-number>\r\n </template>\r\n <template v-else-if=\"type === 'cascader'\">\r\n <el-cascader\r\n size=\"small\"\r\n v-model=\"modelForm\"\r\n :options=\"options\"\r\n :props=\"props\"\r\n @change=\"handleChange\"></el-cascader>\r\n </template>\r\n <template v-else-if=\"type === 'daterange'\">\r\n <el-date-picker\r\n v-model=\"modelForm\"\r\n type=\"daterange\"\r\n value-format=\"yyyy-MM-dd\"\r\n format=\"yyyy-MM-dd\"\r\n range-separator=\"至\"\r\n start-placeholder=\"开始日期\"\r\n end-placeholder=\"结束日期\">\r\n </el-date-picker>\r\n </template>\r\n <template v-else-if=\"type === 'datetimerange'\">\r\n <el-date-picker\r\n v-model=\"modelForm\"\r\n type=\"datetimerange\"\r\n value-format=\"yyyy-MM-dd hh:mm:ss\"\r\n format=\"yyyy-MM-dd hh:mm:ss\"\r\n range-separator=\"至\"\r\n start-placeholder=\"开始时间\"\r\n end-placeholder=\"结束时间\">\r\n </el-date-picker>\r\n </template>\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComFormItem',\r\n model: {\r\n prop: 'model',\r\n event: 'changes'\r\n },\r\n props: {\r\n\r\n model: undefined,\r\n\r\n // 组件类型\r\n type: {\r\n type: String,\r\n default: 'input'\r\n },\r\n\r\n // item name\r\n label: {\r\n type: String,\r\n default: ''\r\n },\r\n\r\n readonly: {\r\n type: Boolean,\r\n default: false\r\n },\r\n\r\n placeholder: {\r\n type: String,\r\n default: ''\r\n },\r\n\r\n maxlength: {\r\n type: [Array, String],\r\n default: ''\r\n },\r\n\r\n multiple: {\r\n type: Boolean,\r\n default: false\r\n },\r\n\r\n // 选项\r\n options: {\r\n type: [Object, Array],\r\n default() {\r\n return { '1': '选项一', '2': '选项二' }\r\n }\r\n },\r\n\r\n // 选项映射\r\n props: {\r\n type: Object,\r\n default() {\r\n return { value: 'value', label: 'label' }\r\n }\r\n },\r\n\r\n clearable: {\r\n type: Boolean,\r\n default: true\r\n }\r\n },\r\n data() {\r\n return {\r\n modelForm: this.model\r\n }\r\n },\r\n computed: {\r\n selectOption() {\r\n let tempArr = [];\r\n if (Array.isArray(this.options) && this.options.length && this.options[0][this.props.label] === undefined) {\r\n const { label, value } = this.props;\r\n tempArr = this.options.map((item, index) => {\r\n const obj = {\r\n label: item,\r\n value: index\r\n }\r\n return {\r\n label: obj[label],\r\n value: obj[value]\r\n }\r\n })\r\n } else if (!Array.isArray(this.options)){\r\n tempArr = Object.entries(this.options).map(([value, label]) => {\r\n return {\r\n label,\r\n value\r\n }\r\n })\r\n } else {\r\n let options = [];\r\n options.push(...this.options);\r\n tempArr = options.map((item) => {\r\n return {\r\n label: item[this.props.label],\r\n value: item[this.props.value]\r\n }\r\n })\r\n }\r\n return tempArr;\r\n }\r\n },\r\n methods: {\r\n handleChange(val) {\r\n this.$emit('change', val);\r\n }\r\n },\r\n watch: {\r\n modelForm(val) {\r\n this.$emit('changes', val);\r\n },\r\n model(val) {\r\n this.modelForm = val;\r\n }\r\n },\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.ui-form__item {\r\n display: flex;\r\n align-items: center;\r\n margin-right: 15px;\r\n}\r\n\r\n.ui-item__label {\r\n margin-right: 10px;\r\n font-size: 12px;\r\n width: 70px;\r\n text-align: right;\r\n}\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-operation\">\n <slot></slot>\n</div>\n","<template>\r\n <div class=\"ui-operation\">\r\n <slot></slot>\r\n </div>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComOperation',\r\n prop: {\r\n type: String,\r\n default: 'main'\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n .ui-operation {\r\n padding: 0 10px;\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-search\">\n <div class=\"ui-search__main\">\n <slot></slot>\n </div>\n <div class=\"ui-search__footer\">\n <el-button size=\"small\" icon=\"el-icon-refresh\" @click=\"handleReset\">重置</el-button>\n <el-button size=\"small\" icon=\"el-icon-search\" type=\"primary\" @click=\"handleQuery\">查询</el-button>\n </div>\n</div>\n","<template>\r\n <div class=\"ui-search\">\r\n <div class=\"ui-search__main\">\r\n <slot></slot>\r\n </div>\r\n <div class=\"ui-search__footer\">\r\n <el-button size=\"small\" icon=\"el-icon-refresh\" @click=\"handleReset\">重置</el-button>\r\n <el-button size=\"small\" icon=\"el-icon-search\" type=\"primary\" @click=\"handleQuery\">查询</el-button>\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComSearch',\r\n methods: {\r\n handleQuery() {\r\n const queryFn = this.$parent.handleQuery;\r\n if (queryFn) {\r\n queryFn();\r\n } else {\r\n this.$emit('query');\r\n }\r\n },\r\n handleReset() {\r\n const resetFn = this.$parent.handleReset;\r\n if (resetFn) {\r\n resetFn();\r\n } else {\r\n this.$emit('reset');\r\n }\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n .ui-search {\r\n margin: 10px 10px 0 10px;\r\n padding: 20px;\r\n // box-shadow: 0 0 5px 2px #e7e7e7;\r\n background-color: #FFF;\r\n border: 1px solid @color-border;\r\n border-radius: 4px;\r\n\r\n &__main {\r\n display: flex;\r\n }\r\n\r\n &__footer {\r\n margin-top: 10px;\r\n }\r\n\r\n /deep/ .ui-form__item {\r\n display: block;\r\n }\r\n\r\n /deep/ .ui-item__label {\r\n width: unset;\r\n text-align: left;\r\n margin-bottom: 5px;\r\n }\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\r\n/**\r\n * 计算表格高度\r\n * staticNum { number } \r\n * */\r\n export function countTableHeight(staticNum = 0) {\r\n\r\n const pageCountEls = document.querySelectorAll('.ui-page__main:not(.v-leave) > div')\r\n const paginationEl = document.querySelector('.ui-pagination');\r\n \r\n const headerEl = document.querySelector('.ui-container__header');\r\n const tabsEl = document.querySelector('.ui-tabs');\r\n\r\n let tableHeight = staticNum;\r\n tableHeight += paginationEl ? paginationEl.offsetHeight : 0;\r\n tableHeight += headerEl ? headerEl.offsetHeight : 0;\r\n tableHeight += tabsEl ? tabsEl.offsetHeight : 0;\r\n\r\n let userAgent = navigator.userAgent;\r\n for (let i = 0; i < pageCountEls.length; i++) {\r\n\r\n // 获取容器元素\r\n let ele = pageCountEls[i];\r\n if (!ele || ele.className === 'ui-table') continue;\r\n tableHeight += ele.offsetHeight;\r\n\r\n let eleMargin, eleTBMargin;\r\n let eleCss = document.defaultView.getComputedStyle(ele);\r\n if (userAgent.indexOf('Firefox') > -1) {\r\n eleTBMargin = parseInt(eleCss['margin-top']) + parseInt(eleCss['margin-bottom']);\r\n } else if (userAgent.indexOf('compatible') > -1 && userAgent.indexOf(\"MSIE\") > -1 && !(userAgent.indexOf(\"Opera\") > -1)) {\r\n let ieCss = ele.currentStyle;\r\n eleTBMargin = parseInt(ieCss['marginTop']) + parseInt(ieCss['marginBottom']);\r\n } else {\r\n eleMargin = eleCss.margin.split(' ');\r\n\r\n if (eleMargin.length == 1) {\r\n eleTBMargin = parseInt(eleMargin[0]) * 2;\r\n } else {\r\n const [mt, mr, mb, ml] = eleMargin;\r\n eleTBMargin = parseInt(mb) ? parseInt(mt) + parseInt(mb) : parseInt(mt);\r\n }\r\n }\r\n\r\n tableHeight = eleTBMargin + tableHeight;\r\n }\r\n tableHeight = window.innerHeight - tableHeight;\r\n return tableHeight;\r\n }\r\n \r\n // 表格INX\r\n export function autoAddTableInx(inx) {\r\n let i = parseInt(inx) + 1 + '';\r\n let first = '0';\r\n return first.repeat(4 - i.length) + i\r\n }","\n<div class=\"ui-table\">\n <div class=\"ui-table__tab\">\n <slot></slot>\n </div>\n <el-table \n ref=\"myTable\"\n highlightRow\n :border=\"true\"\n :data=\"tableData\"\n :[isBindHeight]=\"tableHeight\"\n :[isBindMaxHeight]=\"maxHeight\"\n @selection-change=\"handleSelectionChange\">\n <el-table-column type=\"selection\" width=\"35\" v-if=\"showSelect\" :selectable=\"selectable\"></el-table-column>\n <el-table-column v-for=\"(item, index) in tableTitle\"\n minWidth=\"60px\"\n :label=\"item\"\n :key=\"tableProps[index]\" \n :prop=\"tableProps[index]\" \n :width=\"tableProps[index] === 'index' ? '60px' : (tableColsWidth[index] || '')\">\n\n <!-- 表头插槽 自定义表头-->\n <template v-slot:header=\"scope\">\n <slot \n :name=\"tableProps[index] + 'Title'\" \n :row=\"item\" \n :$index=\"scope.$index\">\n <span>{{ item }}</span>\n </slot>\n </template>\n\n <!-- 内容插槽 -->\n <template v-slot:default=\"scope\">\n <slot \n :name=\"tableProps[index]\" \n :row=\"scope.row\" \n :$index=\"scope.$index\">\n <span>{{ tableProps[index] === 'index' ? changeTableInx(scope.$index) :\n scope.row[tableProps[index]]\n }}</span>\n </slot>\n </template>\n </el-table-column>\n <template v-slot:empty>\n <div v-if=\"!autoHeight\">\n <el-empty v-show=\"!tableData.length\" description=\"暂无数据\"></el-empty>\n </div>\n </template>\n </el-table>\n <div class=\"ui-pagination\" v-if=\"showPage\">\n <el-pagination ref=\"pageRef\" \n layout=\"total, sizes, prev, pager, next, jumper\"\n :current-page=\"Number(pageData.offset)\"\n :page-sizes=\"pageSizes\"\n :page-size=\"Number(pageData.limit)\"\n :total=\"Number(pageData.total)\"\n @size-change=\"val => handlePageChange('limit', val)\"\n @current-change=\"val => handlePageChange('offset', val)\" >\n </el-pagination>\n </div>\n</div>\n","<template>\r\n <div class=\"ui-table\">\r\n <div class=\"ui-table__tab\">\r\n <slot></slot>\r\n </div>\r\n <el-table \r\n ref=\"myTable\"\r\n highlightRow\r\n :border=\"true\"\r\n :data=\"tableData\"\r\n :[isBindHeight]=\"tableHeight\"\r\n :[isBindMaxHeight]=\"maxHeight\"\r\n @selection-change=\"handleSelectionChange\">\r\n <el-table-column type=\"selection\" width=\"35\" v-if=\"showSelect\" :selectable=\"selectable\"></el-table-column>\r\n <el-table-column v-for=\"(item, index) in tableTitle\"\r\n minWidth=\"60px\"\r\n :label=\"item\"\r\n :key=\"tableProps[index]\" \r\n :prop=\"tableProps[index]\" \r\n :width=\"tableProps[index] === 'index' ? '60px' : (tableColsWidth[index] || '')\">\r\n\r\n <!-- 表头插槽 自定义表头-->\r\n <template v-slot:header=\"scope\">\r\n <slot \r\n :name=\"tableProps[index] + 'Title'\" \r\n :row=\"item\" \r\n :$index=\"scope.$index\">\r\n <span>{{ item }}</span>\r\n </slot>\r\n </template>\r\n\r\n <!-- 内容插槽 -->\r\n <template v-slot:default=\"scope\">\r\n <slot \r\n :name=\"tableProps[index]\" \r\n :row=\"scope.row\" \r\n :$index=\"scope.$index\">\r\n <span>{{ tableProps[index] === 'index' ? changeTableInx(scope.$index) :\r\n scope.row[tableProps[index]]\r\n }}</span>\r\n </slot>\r\n </template>\r\n </el-table-column>\r\n <template v-slot:empty>\r\n <div v-if=\"!autoHeight\">\r\n <el-empty v-show=\"!tableData.length\" description=\"暂无数据\"></el-empty>\r\n </div>\r\n </template>\r\n </el-table>\r\n <div class=\"ui-pagination\" v-if=\"showPage\">\r\n <el-pagination ref=\"pageRef\" \r\n layout=\"total, sizes, prev, pager, next, jumper\"\r\n :current-page=\"Number(pageData.offset)\"\r\n :page-sizes=\"pageSizes\"\r\n :page-size=\"Number(pageData.limit)\"\r\n :total=\"Number(pageData.total)\"\r\n @size-change=\"val => handlePageChange('limit', val)\"\r\n @current-change=\"val => handlePageChange('offset', val)\" >\r\n </el-pagination>\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\nimport { countTableHeight } from '@/utils';\r\nexport default {\r\n name: 'ComTable',\r\n props: {\r\n\r\n // 是否显示勾选框\r\n showSelect: { type: Boolean, default: false },\r\n\r\n // 勾选方法\r\n selectable: { type: Function, default() { return () => { } } },\r\n\r\n // 表格数据\r\n tableData: { type: Array, default() { return [] } },\r\n\r\n // 表头映射\r\n tableMap: { type: Object, default() { return { index: '序号' } } },\r\n\r\n // 列宽度\r\n colsWidth: { type: [Array, Object], default() { return [] } },\r\n\r\n // 分页对象\r\n pageData: { type: Object, default() { return {} } },\r\n\r\n // 是否显示分页\r\n showPage: { type: Boolean, default: true },\r\n\r\n // 固定表格高度\r\n height: { type: String, default: '' },\r\n\r\n // 表格高度自适应\r\n autoHeight: { type: Boolean, default: false },\r\n\r\n // 最大高度 \r\n maxHeight: { type: String, default: '' },\r\n\r\n // 高度占位值 当有特殊情况表格高度需减少指定值\r\n heightStatic: { type: Number, default: 0 }\r\n },\r\n\r\n data() {\r\n return {\r\n pageSizes: [20, 50, 100, 200],\r\n tableHeight: ''\r\n }\r\n },\r\n\r\n computed: {\r\n tableTitle() {\r\n return Object.values(this.tableMap);\r\n },\r\n tableProps() {\r\n return Object.keys(this.tableMap);\r\n },\r\n tableColsWidth() {\r\n if (Array.isArray(this.colsWidth)) {\r\n return this.colsWidth.map(item => `${parseInt(item)}px`);\r\n } else {\r\n return this.tableProps.map(item => this.colsWidth[item] ? `${parseInt(this.colsWidth[item])}px` : '') \r\n }\r\n },\r\n isBindHeight() {\r\n return this.tableHeight ? 'height' : ''\r\n },\r\n isBindMaxHeight() {\r\n return this.maxHeight ? 'max-height' : ''\r\n },\r\n },\r\n methods: {\r\n\r\n changeTableInx(inx) {\r\n let i = parseInt(inx) + 1 + '';\r\n let first = '0';\r\n return first.repeat(4 - i.length) + i\r\n },\r\n\r\n // 刷新表格高度\r\n handleRefreshHeight() {\r\n this.tableHeight = `${countTableHeight() - this.heightStatic}px`;\r\n this.$refs['myTable'] && this.$refs['myTable'].doLayout();\r\n },\r\n\r\n // 分页切换\r\n handlePageChange(type = 'offset', val) {\r\n if (type === 'offset') {\r\n if (this.tempSize > this.pageData.total && this.pageData.offset > 1) return;\r\n this.$emit('pageChange', type, val);\r\n } else {\r\n this.tempSize = val;\r\n this.$emit('pageChange', type, val)\r\n }\r\n },\r\n\r\n // 勾选\r\n handleSelectionChange(val) {\r\n this.$emit('selectionChange', val);\r\n }\r\n },\r\n async mounted() {\r\n\r\n // 没设置表格高度 高度根据屏幕高度适应\r\n if (!this.autoHeight && !this.height) {\r\n await this.$nextTick();\r\n this.handleRefreshHeight();\r\n\r\n window.addEventListener('resize', this.handleRefreshHeight);\r\n } else if (this.height) {\r\n this.tableHeight = this.height;\r\n this.$refs['myTable'] && this.$refs['myTable'].doLayout();\r\n }\r\n },\r\n beforeDestroy() {\r\n window.removeEventListener('resize', this.handleRefreshHeight);\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n\r\n .ui-table {\r\n padding: 0 10px;\r\n\r\n /deep/ .el-table-column--selection {\r\n .el-checkbox {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n .ui-pagination {\r\n text-align: center;\r\n padding: 10px 0;\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","import ComTemplate from '../packages/template';\r\nimport ComMenu from '../packages/menu';\r\nimport ComTabs from '../packages/tabs';\r\nimport ComTool from '../packages/tool';\r\nimport ComDialog from '../packages/dialog';\r\nimport ComFormItem from '../packages/form-item';\r\nimport ComOperation from '../packages/operation';\r\nimport ComSearch from '../packages/search';\r\nimport ComTable from '../packages/table';\r\n\r\n\r\nconst components:any[] = [\r\n ComTemplate,\r\n ComMenu,\r\n ComTabs,\r\n ComTool,\r\n ComDialog,\r\n ComFormItem,\r\n ComOperation,\r\n ComSearch,\r\n ComTable\r\n];\r\n\r\n/**\r\n * @param { App }\r\n * @returns { Void }\r\n */\r\nconst install = (Vue:any, ops:any = { config: {} }) => {\r\n components.forEach(component => Vue.component(component.name, component));\r\n\r\n // 注册组件时可以带入UI库配置\r\n Vue.prototype.$UICONFIG = ops.config;\r\n}\r\n\r\n\r\nconst defaultConfig = {\r\n version: 'dev',\r\n install,\r\n ComTemplate,\r\n ComMenu,\r\n ComTabs,\r\n ComTool,\r\n ComDialog,\r\n ComFormItem,\r\n ComOperation,\r\n ComSearch,\r\n ComTable\r\n};\r\n\r\ntry {\r\n defaultConfig.version = require('../package.json').version;\r\n} catch(e) {\r\n console.log('no require');\r\n}\r\n\r\nexport default defaultConfig;"],"names":["render","staticRenderFns","ComComponent","InComComponent","ComTemplate","ComMenu","ComTabs","ComTool","ComDialog","ComFormItem","ComOperation","ComSearch","ComTable"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"tenghui-ui.umd.js","sources":["../packages/template/src/index.vue?vue&type=template&lang.js","../packages/template/src/index.vue","../packages/template/index.ts","../packages/menu/src/index.vue?vue&type=template&lang.js","../packages/menu/src/index.vue","../packages/menu/index.ts","../packages/tabs/src/index.vue?vue&type=template&lang.js","../packages/tabs/src/index.vue","../packages/tabs/index.ts","../packages/tool/src/index.vue?vue&type=template&lang.js","../packages/tool/src/index.vue","../packages/tool/index.ts","../packages/dialog/src/index.vue?vue&type=template&lang.js","../packages/dialog/src/index.vue","../packages/dialog/index.ts","../packages/form-item/src/index.vue?vue&type=template&lang.js","../packages/form-item/src/index.vue","../packages/form-item/index.ts","../packages/operation/src/index.vue?vue&type=template&lang.js","../packages/operation/src/index.vue","../packages/operation/index.ts","../packages/search/src/index.vue?vue&type=template&lang.js","../packages/search/src/index.vue","../packages/search/index.ts","../utils/index.ts","../packages/table/src/index.vue?vue&type=template&lang.js","../packages/table/src/index.vue","../packages/table/index.ts","../packages/image/src/index.vue?vue&type=template&lang.js","../packages/image/src/index.vue","../packages/image/index.ts","../src/main.ts"],"sourcesContent":["\n<div class=\"ui-template\">\n <h1>{{ msg }}</h1>\n <el-table :data=\"tableData\" style=\"width: 100%\">\n <el-table-column prop=\"date\" label=\"日期\" width=\"180\">\n </el-table-column>\n <el-table-column prop=\"name\" label=\"姓名\" width=\"180\">\n </el-table-column>\n <el-table-column prop=\"address\" label=\"地址\">\n </el-table-column>\n </el-table>\n</div>\n","<template>\r\n <div class=\"ui-template\">\r\n <h1>{{ msg }}</h1>\r\n <el-table :data=\"tableData\" style=\"width: 100%\">\r\n <el-table-column prop=\"date\" label=\"日期\" width=\"180\">\r\n </el-table-column>\r\n <el-table-column prop=\"name\" label=\"姓名\" width=\"180\">\r\n </el-table-column>\r\n <el-table-column prop=\"address\" label=\"地址\">\r\n </el-table-column>\r\n </el-table>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"ComTemplate\",\r\n data() {\r\n return {\r\n msg: '测试组件11111',\r\n tableData: [{\r\n date: '2016-05-02',\r\n name: '王小虎',\r\n address: '上海市普陀区金沙江路 1518 弄'\r\n }, {\r\n date: '2016-05-04',\r\n name: '王小虎',\r\n address: '上海市普陀区金沙江路 1517 弄'\r\n }, {\r\n date: '2016-05-01',\r\n name: '王小虎',\r\n address: '上海市普陀区金沙江路 1519 弄'\r\n }, {\r\n date: '2016-05-03',\r\n name: '王小虎',\r\n address: '上海市普陀区金沙江路 1516 弄'\r\n }]\r\n }\r\n },\r\n methods: {\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n</style>","import Vue from 'vue';\r\nimport ComTemplate from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComTemplate.install = (app: typeof Vue) => {\r\n app.component(ComTemplate.name, ComTemplate);\r\n};\r\nconst InComTemplate: SFCWithInstall<typeof ComTemplate> = ComTemplate; // 增加类型\r\nexport default InComTemplate;","\n<el-menu \n mode=\"horizontal\"\n background-color=\"#545c64\"\n text-color=\"#ccc\"\n active-text-color=\"#FFF\"\n menu-trigger=\"hover\"\n :default-active=\"$route.path\"\n @select=\"handleJump\">\n <template v-for=\"(item, index) in data\">\n <el-submenu v-if=\"item.children\" :index=\"item.path || item.name\">\n <template slot=\"title\">\n <i class=\"icon-chanpinguanli-chanpinliebiao\"></i>\n <span>{{item.name}}</span>\n </template>\n <template v-for=\"(_item, _index) in item.children\">\n <el-submenu v-if=\"_item.children\" \n :index=\"_item.path || _item.name\">\n <template slot=\"title\">{{_item.name}}</template>\n <el-menu-item v-for=\"(__item, __index) in _item.children\" \n :key=\"__item.name\" \n :index=\"__item.path || __item.name\">{{__item.name}}</el-menu-item>\n </el-submenu>\n <el-menu-item v-else :index=\"_item.path || _item.name\">{{_item.name}}</el-menu-item>\n </template>\n </el-submenu>\n <el-menu-item v-else :index=\"item.path || item.name\">\n <i class=\"el-icon-menu\"></i>\n <span slot=\"title\">{{item.name}}</span>\n </el-menu-item>\n </template>\n</el-menu>\n","<template>\r\n <el-menu \r\n mode=\"horizontal\"\r\n background-color=\"#545c64\"\r\n text-color=\"#ccc\"\r\n active-text-color=\"#FFF\"\r\n menu-trigger=\"hover\"\r\n :default-active=\"$route.path\"\r\n @select=\"handleJump\">\r\n <template v-for=\"(item, index) in data\">\r\n <el-submenu v-if=\"item.children\" :index=\"item.path || item.name\">\r\n <template slot=\"title\">\r\n <i class=\"icon-chanpinguanli-chanpinliebiao\"></i>\r\n <span>{{item.name}}</span>\r\n </template>\r\n <template v-for=\"(_item, _index) in item.children\">\r\n <el-submenu v-if=\"_item.children\" \r\n :index=\"_item.path || _item.name\">\r\n <template slot=\"title\">{{_item.name}}</template>\r\n <el-menu-item v-for=\"(__item, __index) in _item.children\" \r\n :key=\"__item.name\" \r\n :index=\"__item.path || __item.name\">{{__item.name}}</el-menu-item>\r\n </el-submenu>\r\n <el-menu-item v-else :index=\"_item.path || _item.name\">{{_item.name}}</el-menu-item>\r\n </template>\r\n </el-submenu>\r\n <el-menu-item v-else :index=\"item.path || item.name\">\r\n <i class=\"el-icon-menu\"></i>\r\n <span slot=\"title\">{{item.name}}</span>\r\n </el-menu-item>\r\n </template>\r\n </el-menu>\r\n</template>\r\n<script>\r\n\r\nexport default {\r\n name: 'ComMenu',\r\n props: {\r\n data: {\r\n type: Array,\r\n default() {\r\n return []\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n \r\n }\r\n },\r\n computed: {\r\n \r\n },\r\n methods: {\r\n handleJump(path) {\r\n this.$emit('jump', path);\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n .el-menu {\r\n width: 100%;\r\n height: 60px !important;\r\n }\r\n\r\n .el-submenu .el-menu-item {\r\n min-width: unset;\r\n }\r\n\r\n .el-submenu__title i {\r\n color: unset;\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-tabs\">\n <ul class=\"clear-fix\">\n <li class=\"ui-tabs__item\" v-for=\"item in data\" :class=\"{ 'ui-tabs__item--active': currentTab.path === item.path }\" \n @click=\"handleToggle(item.path)\">\n <span>{{item.name}}</span>\n <span class=\"el-icon-error\" @click.stop=\"handleDeleteTab(item.path)\"></span>\n </li>\n </ul>\n</div>\n","<template>\r\n <div class=\"ui-tabs\">\r\n <ul class=\"clear-fix\">\r\n <li class=\"ui-tabs__item\" v-for=\"item in data\" :class=\"{ 'ui-tabs__item--active': currentTab.path === item.path }\" \r\n @click=\"handleToggle(item.path)\">\r\n <span>{{item.name}}</span>\r\n <span class=\"el-icon-error\" @click.stop=\"handleDeleteTab(item.path)\"></span>\r\n </li>\r\n </ul>\r\n </div>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComTabs',\r\n props: {\r\n data: {\r\n type: Array,\r\n default() {\r\n return []\r\n }\r\n },\r\n currentTab: {\r\n type: Object,\r\n default() {\r\n return {}\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n\r\n }\r\n },\r\n methods: {\r\n handleToggle(path) {\r\n this.$emit('toggle', path);\r\n },\r\n handleDeleteTab(path) {\r\n this.$emit('deleteTab', path);\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n\r\n .ui-tabs {\r\n\r\n border-bottom: 1px solid @color-border;\r\n padding: 0 10px;\r\n height: 40px;\r\n background-color: #FFF;\r\n \r\n &__item {\r\n float: left;\r\n height: 31px;\r\n border-radius: 6px 6px 0 0;\r\n border: 1px solid @color-border;\r\n margin-top: 10px;\r\n box-sizing: border-box;\r\n font-size: 12px;\r\n line-height: 30px;\r\n padding: 0 10px;\r\n color: @color-f4;\r\n cursor: pointer;\r\n border-bottom-color: #FFF;\r\n margin-right: 1px;\r\n position: relative;\r\n transition: all .1s linear;\r\n\r\n &:hover {\r\n .el-icon-error {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .el-icon-error {\r\n position: absolute;\r\n right: 2px;\r\n top: 50%;\r\n margin-top: -5px;\r\n opacity: 0;\r\n transition: all .1s linear;\r\n\r\n &:hover {\r\n color: @theme-color2;\r\n }\r\n }\r\n\r\n &--active {\r\n color: @theme-color2;\r\n padding-right: 20px;\r\n\r\n .el-icon-error {\r\n top: 50%;\r\n right: 5px;\r\n font-size: 14px;\r\n margin-top: -5px;\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<el-dropdown>\n <span class=\"el-dropdown-link\">\n <i class=\"el-icon-s-tools\"></i>\n </span>\n <el-dropdown-menu slot=\"dropdown\">\n <el-dropdown-item icon=\"icon-tuichudenglu\" @click=\"handleOperation('outLogin')\">退出登录</el-dropdown-item>\n </el-dropdown-menu>\n</el-dropdown>\n","<template>\r\n <el-dropdown>\r\n <span class=\"el-dropdown-link\">\r\n <i class=\"el-icon-s-tools\"></i>\r\n </span>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item icon=\"icon-tuichudenglu\" @click=\"handleOperation('outLogin')\">退出登录</el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComTool',\r\n methods: {\r\n handleOperation(cmd) {\r\n switch (cmd) {\r\n case 'outLogin':\r\n this.$confirm('确认退出登录?', '提示', {\r\n type: 'warning'\r\n }).then(() => {\r\n console.log('out login');\r\n })\r\n break;\r\n }\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n .el-icon-s-tools {\r\n font-size: 20px;\r\n color: #FFF;\r\n line-height: 60px;\r\n margin-right: 20px;\r\n cursor: pointer;\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<el-dialog \n append-to-body \n :top=\"top\" \n :title=\"title\" \n :visible=\"visible\"\n :width=\"width\" \n :close-on-click-modal=\"closeOnClickModal\"\n :before-close=\"beforeClose\"\n @close=\"handleClose\">\n <slot></slot>\n <template v-slot:footer>\n <slot name=\"footer\">\n <el-button v-if=\"showBtn\" size=\"small\" @click=\"$emit('update:visible', false)\">取消</el-button>\n <el-button v-if=\"showBtn\" size=\"small\" type=\"primary\" @click=\"handleConfirm\">确定</el-button>\n </slot>\n </template>\n</el-dialog>\n","<template>\r\n <el-dialog \r\n append-to-body \r\n :top=\"top\" \r\n :title=\"title\" \r\n :visible=\"visible\"\r\n :width=\"width\" \r\n :close-on-click-modal=\"closeOnClickModal\"\r\n :before-close=\"beforeClose\"\r\n @close=\"handleClose\">\r\n <slot></slot>\r\n <template v-slot:footer>\r\n <slot name=\"footer\">\r\n <el-button v-if=\"showBtn\" size=\"small\" @click=\"$emit('update:visible', false)\">取消</el-button>\r\n <el-button v-if=\"showBtn\" size=\"small\" type=\"primary\" @click=\"handleConfirm\">确定</el-button>\r\n </slot>\r\n </template>\r\n </el-dialog>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComDialog',\r\n props: {\r\n visible: {\r\n type: Boolean,\r\n default: false\r\n },\r\n title: {\r\n type: String,\r\n default: '标题'\r\n },\r\n width: {\r\n type: String,\r\n default: '600px'\r\n },\r\n top: {\r\n type: String,\r\n default: '50px'\r\n },\r\n closeOnClickModal: {\r\n type: Boolean,\r\n default: false\r\n },\r\n beforeClose: {\r\n type: Function,\r\n default(done) {\r\n done();\r\n }\r\n },\r\n showBtn: {\r\n type: Boolean,\r\n default: true\r\n }\r\n },\r\n data() {\r\n return {\r\n show: false\r\n }\r\n },\r\n methods: {\r\n handleClose() {\r\n this.$emit('close');\r\n this.$emit('update:visible', false);\r\n },\r\n\r\n handleConfirm() {\r\n this.$emit('confirm');\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n/deep/ .el-dialog__header {\r\n border-bottom: 1px solid #ededed;\r\n\r\n .el-dialog__title {\r\n font-size: 16px;\r\n }\r\n}\r\n\r\n/deep/ .el-dialog__footer {\r\n border-top: 1px solid #ededed;\r\n}\r\n\r\n/deep/ .el-dialog__body {\r\n\r\n .el-form {\r\n .el-select {\r\n width: 240px;\r\n }\r\n\r\n .el-input {\r\n width: 240px;\r\n }\r\n\r\n .el-input-number {\r\n width: 240px;\r\n\r\n .el-input__inner {\r\n text-align: left;\r\n }\r\n }\r\n\r\n .ui-item__main {\r\n width: 100%;\r\n }\r\n\r\n .el-form-item__label {\r\n font-size: 12px;\r\n }\r\n\r\n .el-input--small .el-input__icon {\r\n height: 32px;\r\n }\r\n }\r\n}\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-form__item\">\n <div>\n <slot name=\"label\">\n <div class=\"ui-item__label\" v-if=\"label\">\n <span >{{label}}</span>\n </div>\n </slot>\n </div>\n <div class=\"ui-item__main\">\n <template v-if=\"type === 'input'\">\n <el-input size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder\" :disabled=\"readonly\" :maxlength=\"maxlength\"></el-input>\n </template>\n <template v-else-if=\"type === 'select'\">\n <el-select size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder || '请选择'\" :multiple=\"multiple\" :disabled=\"readonly\" :clearable=\"clearable\" filterable >\n <el-option v-for=\"item in selectOption\" :key=\"item.value\" :value=\"item.value.toString()\" :label=\"item.label\"></el-option>\n </el-select>\n </template>\n <template v-else-if=\"type === 'textarea'\">\n <el-input size=\"small\" v-model=\"modelForm\" type=\"textarea\" \n :placeholder=\"placeholder || '请输入'\" \n :rows=\"4\" \n :disabled=\"readonly\"></el-input>\n </template>\n <template v-else-if=\"type === 'input-number'\">\n <el-input-number size=\"small\" v-model=\"modelForm\" controls-position=\"right\"></el-input-number>\n </template>\n <template v-else-if=\"type === 'cascader'\">\n <el-cascader\n size=\"small\"\n v-model=\"modelForm\"\n :options=\"options\"\n :props=\"props\"\n @change=\"handleChange\"></el-cascader>\n </template>\n <template v-else-if=\"type === 'daterange'\">\n <el-date-picker\n v-model=\"modelForm\"\n type=\"daterange\"\n value-format=\"yyyy-MM-dd\"\n format=\"yyyy-MM-dd\"\n range-separator=\"至\"\n start-placeholder=\"开始日期\"\n end-placeholder=\"结束日期\">\n </el-date-picker>\n </template>\n <template v-else-if=\"type === 'datetimerange'\">\n <el-date-picker\n v-model=\"modelForm\"\n type=\"datetimerange\"\n value-format=\"yyyy-MM-dd hh:mm:ss\"\n format=\"yyyy-MM-dd hh:mm:ss\"\n range-separator=\"至\"\n start-placeholder=\"开始时间\"\n end-placeholder=\"结束时间\">\n </el-date-picker>\n </template>\n </div>\n</div>\n","<template>\r\n <div class=\"ui-form__item\">\r\n <div>\r\n <slot name=\"label\">\r\n <div class=\"ui-item__label\" v-if=\"label\">\r\n <span >{{label}}</span>\r\n </div>\r\n </slot>\r\n </div>\r\n <div class=\"ui-item__main\">\r\n <template v-if=\"type === 'input'\">\r\n <el-input size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder\" :disabled=\"readonly\" :maxlength=\"maxlength\"></el-input>\r\n </template>\r\n <template v-else-if=\"type === 'select'\">\r\n <el-select size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder || '请选择'\" :multiple=\"multiple\" :disabled=\"readonly\" :clearable=\"clearable\" filterable >\r\n <el-option v-for=\"item in selectOption\" :key=\"item.value\" :value=\"item.value.toString()\" :label=\"item.label\"></el-option>\r\n </el-select>\r\n </template>\r\n <template v-else-if=\"type === 'textarea'\">\r\n <el-input size=\"small\" v-model=\"modelForm\" type=\"textarea\" \r\n :placeholder=\"placeholder || '请输入'\" \r\n :rows=\"4\" \r\n :disabled=\"readonly\"></el-input>\r\n </template>\r\n <template v-else-if=\"type === 'input-number'\">\r\n <el-input-number size=\"small\" v-model=\"modelForm\" controls-position=\"right\"></el-input-number>\r\n </template>\r\n <template v-else-if=\"type === 'cascader'\">\r\n <el-cascader\r\n size=\"small\"\r\n v-model=\"modelForm\"\r\n :options=\"options\"\r\n :props=\"props\"\r\n @change=\"handleChange\"></el-cascader>\r\n </template>\r\n <template v-else-if=\"type === 'daterange'\">\r\n <el-date-picker\r\n v-model=\"modelForm\"\r\n type=\"daterange\"\r\n value-format=\"yyyy-MM-dd\"\r\n format=\"yyyy-MM-dd\"\r\n range-separator=\"至\"\r\n start-placeholder=\"开始日期\"\r\n end-placeholder=\"结束日期\">\r\n </el-date-picker>\r\n </template>\r\n <template v-else-if=\"type === 'datetimerange'\">\r\n <el-date-picker\r\n v-model=\"modelForm\"\r\n type=\"datetimerange\"\r\n value-format=\"yyyy-MM-dd hh:mm:ss\"\r\n format=\"yyyy-MM-dd hh:mm:ss\"\r\n range-separator=\"至\"\r\n start-placeholder=\"开始时间\"\r\n end-placeholder=\"结束时间\">\r\n </el-date-picker>\r\n </template>\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComFormItem',\r\n model: {\r\n prop: 'model',\r\n event: 'changes'\r\n },\r\n props: {\r\n\r\n model: undefined,\r\n\r\n // 组件类型\r\n type: {\r\n type: String,\r\n default: 'input'\r\n },\r\n\r\n // item name\r\n label: {\r\n type: String,\r\n default: ''\r\n },\r\n\r\n readonly: {\r\n type: Boolean,\r\n default: false\r\n },\r\n\r\n placeholder: {\r\n type: String,\r\n default: ''\r\n },\r\n\r\n maxlength: {\r\n type: [Array, String],\r\n default: ''\r\n },\r\n\r\n multiple: {\r\n type: Boolean,\r\n default: false\r\n },\r\n\r\n // 选项\r\n options: {\r\n type: [Object, Array],\r\n default() {\r\n return { '1': '选项一', '2': '选项二' }\r\n }\r\n },\r\n\r\n // 选项映射\r\n props: {\r\n type: Object,\r\n default() {\r\n return { value: 'value', label: 'label' }\r\n }\r\n },\r\n\r\n clearable: {\r\n type: Boolean,\r\n default: true\r\n }\r\n },\r\n data() {\r\n return {\r\n modelForm: this.model\r\n }\r\n },\r\n computed: {\r\n selectOption() {\r\n let tempArr = [];\r\n if (Array.isArray(this.options) && this.options.length && this.options[0][this.props.label] === undefined) {\r\n const { label, value } = this.props;\r\n tempArr = this.options.map((item, index) => {\r\n const obj = {\r\n label: item,\r\n value: index\r\n }\r\n return {\r\n label: obj[label],\r\n value: obj[value]\r\n }\r\n })\r\n } else if (!Array.isArray(this.options)){\r\n tempArr = Object.entries(this.options).map(([value, label]) => {\r\n return {\r\n label,\r\n value\r\n }\r\n })\r\n } else {\r\n let options = [];\r\n options.push(...this.options);\r\n tempArr = options.map((item) => {\r\n return {\r\n label: item[this.props.label],\r\n value: item[this.props.value]\r\n }\r\n })\r\n }\r\n return tempArr;\r\n }\r\n },\r\n methods: {\r\n handleChange(val) {\r\n this.$emit('change', val);\r\n }\r\n },\r\n watch: {\r\n modelForm(val) {\r\n this.$emit('changes', val);\r\n },\r\n model(val) {\r\n this.modelForm = val;\r\n }\r\n },\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.ui-form__item {\r\n display: flex;\r\n align-items: center;\r\n margin-right: 15px;\r\n}\r\n\r\n.ui-item__label {\r\n margin-right: 10px;\r\n font-size: 12px;\r\n width: 70px;\r\n text-align: right;\r\n}\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-operation\">\n <slot></slot>\n</div>\n","<template>\r\n <div class=\"ui-operation\">\r\n <slot></slot>\r\n </div>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComOperation',\r\n prop: {\r\n type: String,\r\n default: 'main'\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n .ui-operation {\r\n padding: 0 10px;\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-search\">\n <div class=\"ui-search__main\">\n <slot></slot>\n </div>\n <div class=\"ui-search__footer\">\n <el-button size=\"small\" icon=\"el-icon-refresh\" @click=\"handleReset\">重置</el-button>\n <el-button size=\"small\" icon=\"el-icon-search\" type=\"primary\" @click=\"handleQuery\">查询</el-button>\n </div>\n</div>\n","<template>\r\n <div class=\"ui-search\">\r\n <div class=\"ui-search__main\">\r\n <slot></slot>\r\n </div>\r\n <div class=\"ui-search__footer\">\r\n <el-button size=\"small\" icon=\"el-icon-refresh\" @click=\"handleReset\">重置</el-button>\r\n <el-button size=\"small\" icon=\"el-icon-search\" type=\"primary\" @click=\"handleQuery\">查询</el-button>\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComSearch',\r\n methods: {\r\n handleQuery() {\r\n const queryFn = this.$parent.handleQuery;\r\n if (queryFn) {\r\n queryFn();\r\n } else {\r\n this.$emit('query');\r\n }\r\n },\r\n handleReset() {\r\n const resetFn = this.$parent.handleReset;\r\n if (resetFn) {\r\n resetFn();\r\n } else {\r\n this.$emit('reset');\r\n }\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n .ui-search {\r\n margin: 10px 10px 0 10px;\r\n padding: 20px;\r\n // box-shadow: 0 0 5px 2px #e7e7e7;\r\n background-color: #FFF;\r\n border: 1px solid @color-border;\r\n border-radius: 4px;\r\n\r\n &__main {\r\n display: flex;\r\n }\r\n\r\n &__footer {\r\n margin-top: 10px;\r\n }\r\n\r\n /deep/ .ui-form__item {\r\n display: block;\r\n }\r\n\r\n /deep/ .ui-item__label {\r\n width: unset;\r\n text-align: left;\r\n margin-bottom: 5px;\r\n }\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\r\n/**\r\n * 计算表格高度\r\n * staticNum { number } \r\n * */\r\n export function countTableHeight(staticNum = 0) {\r\n\r\n const pageCountEls = document.querySelectorAll('.ui-page__main:not(.v-leave) > div')\r\n const paginationEl = document.querySelector('.ui-pagination');\r\n \r\n const headerEl = document.querySelector('.ui-container__header');\r\n const tabsEl = document.querySelector('.ui-tabs');\r\n\r\n let tableHeight = staticNum;\r\n tableHeight += paginationEl ? paginationEl.offsetHeight : 0;\r\n tableHeight += headerEl ? headerEl.offsetHeight : 0;\r\n tableHeight += tabsEl ? tabsEl.offsetHeight : 0;\r\n\r\n let userAgent = navigator.userAgent;\r\n for (let i = 0; i < pageCountEls.length; i++) {\r\n\r\n // 获取容器元素\r\n let ele = pageCountEls[i];\r\n if (!ele || ele.className === 'ui-table') continue;\r\n tableHeight += ele.offsetHeight;\r\n\r\n let eleMargin, eleTBMargin;\r\n let eleCss = document.defaultView.getComputedStyle(ele);\r\n if (userAgent.indexOf('Firefox') > -1) {\r\n eleTBMargin = parseInt(eleCss['margin-top']) + parseInt(eleCss['margin-bottom']);\r\n } else if (userAgent.indexOf('compatible') > -1 && userAgent.indexOf(\"MSIE\") > -1 && !(userAgent.indexOf(\"Opera\") > -1)) {\r\n let ieCss = ele.currentStyle;\r\n eleTBMargin = parseInt(ieCss['marginTop']) + parseInt(ieCss['marginBottom']);\r\n } else {\r\n eleMargin = eleCss.margin.split(' ');\r\n\r\n if (eleMargin.length == 1) {\r\n eleTBMargin = parseInt(eleMargin[0]) * 2;\r\n } else {\r\n const [mt, mr, mb, ml] = eleMargin;\r\n eleTBMargin = parseInt(mb) ? parseInt(mt) + parseInt(mb) : parseInt(mt);\r\n }\r\n }\r\n\r\n tableHeight = eleTBMargin + tableHeight;\r\n }\r\n tableHeight = window.innerHeight - tableHeight;\r\n return tableHeight;\r\n }\r\n \r\n // 表格INX\r\n export function autoAddTableInx(inx) {\r\n let i = parseInt(inx) + 1 + '';\r\n let first = '0';\r\n return first.repeat(4 - i.length) + i\r\n }","\n<div class=\"ui-table\">\n <div class=\"ui-table__tab\">\n <slot></slot>\n </div>\n <el-table \n ref=\"myTable\"\n highlightRow\n :border=\"true\"\n :data=\"tableData\"\n :[isBindHeight]=\"tableHeight\"\n :[isBindMaxHeight]=\"maxHeight\"\n @selection-change=\"handleSelectionChange\">\n <el-table-column type=\"selection\" width=\"35\" v-if=\"showSelect\" :selectable=\"selectable\"></el-table-column>\n <el-table-column v-for=\"(item, index) in tableTitle\"\n minWidth=\"60px\"\n :label=\"item\"\n :key=\"tableProps[index]\" \n :prop=\"tableProps[index]\" \n :width=\"tableProps[index] === 'index' ? '60px' : (tableColsWidth[index] || '')\">\n\n <!-- 表头插槽 自定义表头-->\n <template v-slot:header=\"scope\">\n <slot \n :name=\"tableProps[index] + 'Title'\" \n :row=\"item\" \n :$index=\"scope.$index\">\n <span>{{ item }}</span>\n </slot>\n </template>\n\n <!-- 内容插槽 -->\n <template v-slot:default=\"scope\">\n <slot \n :name=\"tableProps[index]\" \n :row=\"scope.row\" \n :$index=\"scope.$index\">\n <span>{{ tableProps[index] === 'index' ? changeTableInx(scope.$index) :\n scope.row[tableProps[index]]\n }}</span>\n </slot>\n </template>\n </el-table-column>\n <template v-slot:empty>\n <div v-if=\"!autoHeight\">\n <el-empty v-show=\"!tableData.length\" description=\"暂无数据\"></el-empty>\n </div>\n </template>\n </el-table>\n <div class=\"ui-pagination\" v-if=\"showPage\">\n <el-pagination ref=\"pageRef\" \n layout=\"total, sizes, prev, pager, next, jumper\"\n :current-page=\"Number(pageData.offset)\"\n :page-sizes=\"pageSizes\"\n :page-size=\"Number(pageData.limit)\"\n :total=\"Number(pageData.total)\"\n @size-change=\"val => handlePageChange('limit', val)\"\n @current-change=\"val => handlePageChange('offset', val)\" >\n </el-pagination>\n </div>\n</div>\n","<template>\r\n <div class=\"ui-table\">\r\n <div class=\"ui-table__tab\">\r\n <slot></slot>\r\n </div>\r\n <el-table \r\n ref=\"myTable\"\r\n highlightRow\r\n :border=\"true\"\r\n :data=\"tableData\"\r\n :[isBindHeight]=\"tableHeight\"\r\n :[isBindMaxHeight]=\"maxHeight\"\r\n @selection-change=\"handleSelectionChange\">\r\n <el-table-column type=\"selection\" width=\"35\" v-if=\"showSelect\" :selectable=\"selectable\"></el-table-column>\r\n <el-table-column v-for=\"(item, index) in tableTitle\"\r\n minWidth=\"60px\"\r\n :label=\"item\"\r\n :key=\"tableProps[index]\" \r\n :prop=\"tableProps[index]\" \r\n :width=\"tableProps[index] === 'index' ? '60px' : (tableColsWidth[index] || '')\">\r\n\r\n <!-- 表头插槽 自定义表头-->\r\n <template v-slot:header=\"scope\">\r\n <slot \r\n :name=\"tableProps[index] + 'Title'\" \r\n :row=\"item\" \r\n :$index=\"scope.$index\">\r\n <span>{{ item }}</span>\r\n </slot>\r\n </template>\r\n\r\n <!-- 内容插槽 -->\r\n <template v-slot:default=\"scope\">\r\n <slot \r\n :name=\"tableProps[index]\" \r\n :row=\"scope.row\" \r\n :$index=\"scope.$index\">\r\n <span>{{ tableProps[index] === 'index' ? changeTableInx(scope.$index) :\r\n scope.row[tableProps[index]]\r\n }}</span>\r\n </slot>\r\n </template>\r\n </el-table-column>\r\n <template v-slot:empty>\r\n <div v-if=\"!autoHeight\">\r\n <el-empty v-show=\"!tableData.length\" description=\"暂无数据\"></el-empty>\r\n </div>\r\n </template>\r\n </el-table>\r\n <div class=\"ui-pagination\" v-if=\"showPage\">\r\n <el-pagination ref=\"pageRef\" \r\n layout=\"total, sizes, prev, pager, next, jumper\"\r\n :current-page=\"Number(pageData.offset)\"\r\n :page-sizes=\"pageSizes\"\r\n :page-size=\"Number(pageData.limit)\"\r\n :total=\"Number(pageData.total)\"\r\n @size-change=\"val => handlePageChange('limit', val)\"\r\n @current-change=\"val => handlePageChange('offset', val)\" >\r\n </el-pagination>\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\nimport { countTableHeight } from '@/utils';\r\nexport default {\r\n name: 'ComTable',\r\n props: {\r\n\r\n // 是否显示勾选框\r\n showSelect: { type: Boolean, default: false },\r\n\r\n // 勾选方法\r\n selectable: { type: Function, default() { return () => { } } },\r\n\r\n // 表格数据\r\n tableData: { type: Array, default() { return [] } },\r\n\r\n // 表头映射\r\n tableMap: { type: Object, default() { return { index: '序号' } } },\r\n\r\n // 列宽度\r\n colsWidth: { type: [Array, Object], default() { return [] } },\r\n\r\n // 分页对象\r\n pageData: { type: Object, default() { return {} } },\r\n\r\n // 是否显示分页\r\n showPage: { type: Boolean, default: true },\r\n\r\n // 固定表格高度\r\n height: { type: String, default: '' },\r\n\r\n // 表格高度自适应\r\n autoHeight: { type: Boolean, default: false },\r\n\r\n // 最大高度 \r\n maxHeight: { type: String, default: '' },\r\n\r\n // 高度占位值 当有特殊情况表格高度需减少指定值\r\n heightStatic: { type: Number, default: 0 }\r\n },\r\n\r\n data() {\r\n return {\r\n pageSizes: [20, 50, 100, 200],\r\n tableHeight: ''\r\n }\r\n },\r\n\r\n computed: {\r\n tableTitle() {\r\n return Object.values(this.tableMap);\r\n },\r\n tableProps() {\r\n return Object.keys(this.tableMap);\r\n },\r\n tableColsWidth() {\r\n if (Array.isArray(this.colsWidth)) {\r\n return this.colsWidth.map(item => `${parseInt(item)}px`);\r\n } else {\r\n return this.tableProps.map(item => this.colsWidth[item] ? `${parseInt(this.colsWidth[item])}px` : '') \r\n }\r\n },\r\n isBindHeight() {\r\n return this.tableHeight ? 'height' : ''\r\n },\r\n isBindMaxHeight() {\r\n return this.maxHeight ? 'max-height' : ''\r\n },\r\n },\r\n methods: {\r\n\r\n changeTableInx(inx) {\r\n let i = parseInt(inx) + 1 + '';\r\n let first = '0';\r\n return first.repeat(4 - i.length) + i\r\n },\r\n\r\n // 刷新表格高度\r\n handleRefreshHeight() {\r\n this.tableHeight = `${countTableHeight() - this.heightStatic}px`;\r\n this.$refs['myTable'] && this.$refs['myTable'].doLayout();\r\n },\r\n\r\n // 分页切换\r\n handlePageChange(type = 'offset', val) {\r\n if (type === 'offset') {\r\n if (this.tempSize > this.pageData.total && this.pageData.offset > 1) return;\r\n this.$emit('pageChange', type, val);\r\n } else {\r\n this.tempSize = val;\r\n this.$emit('pageChange', type, val)\r\n }\r\n },\r\n\r\n // 勾选\r\n handleSelectionChange(val) {\r\n this.$emit('selectionChange', val);\r\n }\r\n },\r\n async mounted() {\r\n\r\n // 没设置表格高度 高度根据屏幕高度适应\r\n if (!this.autoHeight && !this.height) {\r\n await this.$nextTick();\r\n this.handleRefreshHeight();\r\n\r\n window.addEventListener('resize', this.handleRefreshHeight);\r\n } else if (this.height) {\r\n this.tableHeight = this.height;\r\n this.$refs['myTable'] && this.$refs['myTable'].doLayout();\r\n }\r\n },\r\n beforeDestroy() {\r\n window.removeEventListener('resize', this.handleRefreshHeight);\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n\r\n .ui-table {\r\n padding: 0 10px;\r\n\r\n /deep/ .el-table-column--selection {\r\n .el-checkbox {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n .ui-pagination {\r\n text-align: center;\r\n padding: 10px 0;\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<el-image ref=\"imageRef\" :src=\"srcMain\" :style=\"{ width: sizeMain }\" :preview-src-list=\"previewList\">\n <template v-slot:placeholder>\n <div v-loading=\"true\" class=\"ui-image--loading\" :style=\"{ width: sizeMain, height }\"></div>\n </template>\n <template v-slot:error>\n <div class=\"ui-image--error\" :style=\"{ width: sizeMain, height, lineHeight: height, fontSize }\">\n <i class=\"el-icon-picture-outline\"></i>\n </div>\n </template>\n</el-image>\n","<template>\r\n <el-image ref=\"imageRef\" :src=\"srcMain\" :style=\"{ width: sizeMain }\" :preview-src-list=\"previewList\">\r\n <template v-slot:placeholder>\r\n <div v-loading=\"true\" class=\"ui-image--loading\" :style=\"{ width: sizeMain, height }\"></div>\r\n </template>\r\n <template v-slot:error>\r\n <div class=\"ui-image--error\" :style=\"{ width: sizeMain, height, lineHeight: height, fontSize }\">\r\n <i class=\"el-icon-picture-outline\"></i>\r\n </div>\r\n </template>\r\n </el-image>\r\n</template>\r\n<script>\r\nexport default {\r\n name: 'ComImage',\r\n props: {\r\n size: {\r\n type: String,\r\n default: ''\r\n },\r\n src: {\r\n type: [String, Array],\r\n default() {\r\n return ''\r\n }\r\n },\r\n previewSrcList: {\r\n type: Array,\r\n default() {\r\n return []\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n height: ''\r\n }\r\n },\r\n computed: {\r\n previewList() {\r\n\r\n if (this.previewSrcList.length) return this.previewSrcList;\r\n\r\n if (Array.isArray(this.src)) {\r\n return this.src;\r\n } else {\r\n return [];\r\n }\r\n },\r\n srcMain() {\r\n if (Array.isArray(this.src)) {\r\n return this.src[0]\r\n } else {\r\n return this.src;\r\n }\r\n },\r\n fontSize() {\r\n return `${parseInt(this.height) - 30}px`; \r\n },\r\n sizeMain() {\r\n if (!this.size) return '100%';\r\n else if (Number(this.size)) return `${this.size}px`;\r\n else return this.size;\r\n }\r\n },\r\n async mounted() {\r\n await this.$nextTick();\r\n this.height = `${this.$refs.imageRef.$el.offsetWidth}px`;\r\n }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n\r\n.ui-image {\r\n\r\n &--error {\r\n text-align: center;\r\n color: #999;\r\n background-color: #efefef;\r\n }\r\n}\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","import ComTemplate from '../packages/template';\r\nimport ComMenu from '../packages/menu';\r\nimport ComTabs from '../packages/tabs';\r\nimport ComTool from '../packages/tool';\r\nimport ComDialog from '../packages/dialog';\r\nimport ComFormItem from '../packages/form-item';\r\nimport ComOperation from '../packages/operation';\r\nimport ComSearch from '../packages/search';\r\nimport ComTable from '../packages/table';\r\nimport ComImage from '../packages/image';\r\n\r\n\r\nconst components:any[] = [\r\n ComTemplate,\r\n ComMenu,\r\n ComTabs,\r\n ComTool,\r\n ComDialog,\r\n ComFormItem,\r\n ComOperation,\r\n ComSearch,\r\n ComTable,\r\n ComImage\r\n];\r\n\r\n/**\r\n * @param { App }\r\n * @returns { Void }\r\n */\r\nconst install = (Vue:any, ops:any = { config: {} }) => {\r\n components.forEach(component => Vue.component(component.name, component));\r\n\r\n // 注册组件时可以带入UI库配置\r\n Vue.prototype.$UICONFIG = ops.config;\r\n}\r\n\r\n\r\nconst defaultConfig = {\r\n version: 'dev',\r\n install,\r\n ComTemplate,\r\n ComMenu,\r\n ComTabs,\r\n ComTool,\r\n ComDialog,\r\n ComFormItem,\r\n ComOperation,\r\n ComSearch,\r\n ComTable,\r\n ComImage\r\n};\r\n\r\ntry {\r\n defaultConfig.version = require('../package.json').version;\r\n} catch(e) {\r\n console.log('no require');\r\n}\r\n\r\nexport default defaultConfig;"],"names":["render","staticRenderFns","ComComponent","InComComponent","ComTemplate","ComMenu","ComTabs","ComTool","ComDialog","ComFormItem","ComOperation","ComSearch","ComTable","ComImage"],"mappings":"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"}
|