@panpanzhao/component-ui 0.0.9 → 0.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/component-ui.common.js +1631 -465
- package/lib/components/crud.js +331 -185
- package/lib/components/dialog.js +10 -10
- package/lib/components/drawer.js +547 -0
- package/lib/components/form-dialog.js +145 -83
- package/lib/components/form-drawer.js +1260 -0
- package/lib/components/form-group.js +94 -53
- package/lib/components/form-input.js +55 -52
- package/lib/components/form-item.js +37 -9
- package/lib/components/form-view-dialog.js +35 -41
- package/lib/components/form-view-group.js +26 -25
- package/lib/components/form-view.js +14 -11
- package/lib/components/form.js +70 -25
- package/lib/components/formula.js +148 -78
- package/lib/components/table-column.js +47 -29
- package/lib/components/table-editable.js +22 -21
- package/lib/components/table-operate.js +2350 -0
- package/lib/components/table-search.js +33 -21
- package/lib/components/table.js +75 -44
- package/lib/index.js +1 -1
- package/lib/styles/component-ui.css +1 -1
- package/lib/styles/drawer.css +1 -0
- package/lib/styles/form-dialog.css +0 -1
- package/lib/styles/form.css +1 -1
- package/lib/styles/index.css +1 -1
- package/lib/styles/table-search.css +1 -0
- package/package.json +1 -1
package/lib/components/form.js
CHANGED
|
@@ -82,7 +82,7 @@ module.exports =
|
|
|
82
82
|
/******/
|
|
83
83
|
/******/
|
|
84
84
|
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 4);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ([
|
|
@@ -194,29 +194,29 @@ function normalizeComponent(
|
|
|
194
194
|
/* 2 */
|
|
195
195
|
/***/ (function(module, exports) {
|
|
196
196
|
|
|
197
|
+
module.exports = require("lodash");
|
|
198
|
+
|
|
199
|
+
/***/ }),
|
|
200
|
+
/* 3 */
|
|
201
|
+
/***/ (function(module, exports) {
|
|
202
|
+
|
|
197
203
|
module.exports = require("@panpanzhao/component-ui/lib/utils/formula");
|
|
198
204
|
|
|
199
205
|
/***/ }),
|
|
200
|
-
/*
|
|
201
|
-
/* 4 */,
|
|
202
|
-
/* 5 */,
|
|
203
|
-
/* 6 */,
|
|
204
|
-
/* 7 */,
|
|
205
|
-
/* 8 */,
|
|
206
|
-
/* 9 */
|
|
206
|
+
/* 4 */
|
|
207
207
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
208
208
|
|
|
209
209
|
"use strict";
|
|
210
210
|
// ESM COMPAT FLAG
|
|
211
211
|
__webpack_require__.r(__webpack_exports__);
|
|
212
212
|
|
|
213
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/form.vue?vue&type=template&id=
|
|
213
|
+
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/form.vue?vue&type=template&id=26d7095f&
|
|
214
214
|
var render = function render() {
|
|
215
215
|
var _vm = this,
|
|
216
216
|
_c = _vm._self._c
|
|
217
217
|
return _c(
|
|
218
218
|
"div",
|
|
219
|
-
{
|
|
219
|
+
{ class: ["form", { "is-full": _vm.isFull }] },
|
|
220
220
|
[
|
|
221
221
|
_vm._t("default", function () {
|
|
222
222
|
return [
|
|
@@ -235,7 +235,10 @@ var render = function render() {
|
|
|
235
235
|
return [
|
|
236
236
|
_c(
|
|
237
237
|
"el-col",
|
|
238
|
-
{
|
|
238
|
+
{
|
|
239
|
+
key: item.prop,
|
|
240
|
+
attrs: { span: item.span || _vm.span },
|
|
241
|
+
},
|
|
239
242
|
[
|
|
240
243
|
_c(
|
|
241
244
|
"form-item",
|
|
@@ -278,26 +281,29 @@ var staticRenderFns = []
|
|
|
278
281
|
render._withStripped = true
|
|
279
282
|
|
|
280
283
|
|
|
281
|
-
// CONCATENATED MODULE: ./src/components/form/src/form.vue?vue&type=template&id=
|
|
284
|
+
// CONCATENATED MODULE: ./src/components/form/src/form.vue?vue&type=template&id=26d7095f&
|
|
282
285
|
|
|
283
286
|
// EXTERNAL MODULE: external "element-ui/lib/form"
|
|
284
|
-
var form_ = __webpack_require__(
|
|
287
|
+
var form_ = __webpack_require__(12);
|
|
285
288
|
var form_default = /*#__PURE__*/__webpack_require__.n(form_);
|
|
286
289
|
|
|
287
290
|
// EXTERNAL MODULE: external "element-ui/lib/row"
|
|
288
|
-
var row_ = __webpack_require__(
|
|
291
|
+
var row_ = __webpack_require__(13);
|
|
289
292
|
var row_default = /*#__PURE__*/__webpack_require__.n(row_);
|
|
290
293
|
|
|
291
294
|
// EXTERNAL MODULE: external "element-ui/lib/col"
|
|
292
|
-
var col_ = __webpack_require__(
|
|
295
|
+
var col_ = __webpack_require__(14);
|
|
293
296
|
var col_default = /*#__PURE__*/__webpack_require__.n(col_);
|
|
294
297
|
|
|
295
298
|
// EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/components/form-item"
|
|
296
|
-
var form_item_ = __webpack_require__(
|
|
299
|
+
var form_item_ = __webpack_require__(15);
|
|
297
300
|
var form_item_default = /*#__PURE__*/__webpack_require__.n(form_item_);
|
|
298
301
|
|
|
299
302
|
// EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/utils/formula"
|
|
300
|
-
var formula_ = __webpack_require__(
|
|
303
|
+
var formula_ = __webpack_require__(3);
|
|
304
|
+
|
|
305
|
+
// EXTERNAL MODULE: external "lodash"
|
|
306
|
+
var external_lodash_ = __webpack_require__(2);
|
|
301
307
|
|
|
302
308
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/form/src/form.vue?vue&type=script&lang=js&
|
|
303
309
|
|
|
@@ -305,6 +311,7 @@ var formula_ = __webpack_require__(2);
|
|
|
305
311
|
|
|
306
312
|
|
|
307
313
|
|
|
314
|
+
|
|
308
315
|
/* harmony default export */ var formvue_type_script_lang_js_ = ({
|
|
309
316
|
name: "Form",
|
|
310
317
|
componentName: "Form",
|
|
@@ -320,7 +327,12 @@ var formula_ = __webpack_require__(2);
|
|
|
320
327
|
};
|
|
321
328
|
},
|
|
322
329
|
props: {
|
|
330
|
+
isFull: {
|
|
331
|
+
type: Boolean,
|
|
332
|
+
default: true
|
|
333
|
+
},
|
|
323
334
|
prop: String,
|
|
335
|
+
span: Number,
|
|
324
336
|
formItems: {
|
|
325
337
|
type: Array,
|
|
326
338
|
default: function _default() {
|
|
@@ -367,11 +379,14 @@ var formula_ = __webpack_require__(2);
|
|
|
367
379
|
}
|
|
368
380
|
if (typeof item.show === "function" && !item.show.call(_this, {
|
|
369
381
|
form: _this,
|
|
382
|
+
formModel: _this.formModel,
|
|
370
383
|
config: item
|
|
371
384
|
})) {
|
|
372
385
|
return false;
|
|
373
386
|
}
|
|
374
|
-
if (typeof item.show === "string" && !Object(formula_["evaluate"])(item.show, _this.formModel
|
|
387
|
+
if (typeof item.show === "string" && !Object(formula_["evaluate"])(item.show, _this.formModel, {
|
|
388
|
+
evalMode: true
|
|
389
|
+
})) {
|
|
375
390
|
return false;
|
|
376
391
|
}
|
|
377
392
|
return true;
|
|
@@ -391,6 +406,7 @@ var formula_ = __webpack_require__(2);
|
|
|
391
406
|
data: function data() {
|
|
392
407
|
return {
|
|
393
408
|
defaultModel: {},
|
|
409
|
+
//默认值存储
|
|
394
410
|
formItemLayout: {}
|
|
395
411
|
};
|
|
396
412
|
},
|
|
@@ -399,8 +415,30 @@ var formula_ = __webpack_require__(2);
|
|
|
399
415
|
this.formItems.forEach(function (item) {
|
|
400
416
|
_this2.formItemLayout[item.prop] = item;
|
|
401
417
|
_this2.defaultModel[item.prop] = item.value;
|
|
402
|
-
|
|
403
|
-
|
|
418
|
+
//初始化值处理
|
|
419
|
+
var formVal = Object(external_lodash_["get"])(_this2.formModel, item.prop);
|
|
420
|
+
if (typeof formVal === 'undefined') {
|
|
421
|
+
//初始化数据值
|
|
422
|
+
if (item.prop && item.prop.indexOf(".") != -1) {
|
|
423
|
+
//循环设置值
|
|
424
|
+
var keyArr = item.prop.split('.');
|
|
425
|
+
var tempObj = _this2.formModel;
|
|
426
|
+
keyArr.forEach(function (key, index) {
|
|
427
|
+
if (index < keyArr.length - 1) {
|
|
428
|
+
if (typeof tempObj[key] === 'undefined') {
|
|
429
|
+
_this2.$set(tempObj, key, {});
|
|
430
|
+
}
|
|
431
|
+
tempObj = tempObj[key];
|
|
432
|
+
} else {
|
|
433
|
+
_this2.$set(tempObj, key, item.value || null);
|
|
434
|
+
}
|
|
435
|
+
});
|
|
436
|
+
} else {
|
|
437
|
+
_this2.$set(_this2.formModel, item.prop, item.value || null);
|
|
438
|
+
}
|
|
439
|
+
} else {
|
|
440
|
+
item.value = formVal;
|
|
441
|
+
}
|
|
404
442
|
});
|
|
405
443
|
},
|
|
406
444
|
methods: {
|
|
@@ -410,6 +448,9 @@ var formula_ = __webpack_require__(2);
|
|
|
410
448
|
validateField: function validateField(props, callback) {
|
|
411
449
|
return this.$refs.form.validateField(props, callback);
|
|
412
450
|
},
|
|
451
|
+
reset: function reset() {
|
|
452
|
+
this.resetFields();
|
|
453
|
+
},
|
|
413
454
|
resetFields: function resetFields() {
|
|
414
455
|
for (var key in this.defaultModel) {
|
|
415
456
|
if (this.formItemLayout[key]) {
|
|
@@ -466,28 +507,32 @@ src_form.install = function (Vue) {
|
|
|
466
507
|
/* harmony default export */ var components_form = __webpack_exports__["default"] = (src_form);
|
|
467
508
|
|
|
468
509
|
/***/ }),
|
|
510
|
+
/* 5 */,
|
|
511
|
+
/* 6 */,
|
|
512
|
+
/* 7 */,
|
|
513
|
+
/* 8 */,
|
|
514
|
+
/* 9 */,
|
|
469
515
|
/* 10 */,
|
|
470
516
|
/* 11 */,
|
|
471
|
-
/* 12
|
|
472
|
-
/* 13 */
|
|
517
|
+
/* 12 */
|
|
473
518
|
/***/ (function(module, exports) {
|
|
474
519
|
|
|
475
520
|
module.exports = require("element-ui/lib/form");
|
|
476
521
|
|
|
477
522
|
/***/ }),
|
|
478
|
-
/*
|
|
523
|
+
/* 13 */
|
|
479
524
|
/***/ (function(module, exports) {
|
|
480
525
|
|
|
481
526
|
module.exports = require("element-ui/lib/row");
|
|
482
527
|
|
|
483
528
|
/***/ }),
|
|
484
|
-
/*
|
|
529
|
+
/* 14 */
|
|
485
530
|
/***/ (function(module, exports) {
|
|
486
531
|
|
|
487
532
|
module.exports = require("element-ui/lib/col");
|
|
488
533
|
|
|
489
534
|
/***/ }),
|
|
490
|
-
/*
|
|
535
|
+
/* 15 */
|
|
491
536
|
/***/ (function(module, exports) {
|
|
492
537
|
|
|
493
538
|
module.exports = require("@panpanzhao/component-ui/lib/components/form-item");
|