@fecp/designer 5.5.81 → 5.5.82
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/es/designer/package.json.mjs +1 -1
- package/es/designer/src/packages/dialog/useDialogDialog.mjs +1 -1
- package/es/designer/src/packages/dialogGlobal/useDialogGlobalDialog.mjs +1 -1
- package/es/designer/src/packages/form/property/widgets.vue.mjs +2 -2
- package/es/designer/src/packages/prod/index.vue.mjs +48 -18
- package/es/designer.css +43 -43
- package/es/packages/vue/src/components/forms/form/Form.vue.mjs +16 -4
- package/lib/designer/package.json.js +1 -1
- package/lib/designer/src/packages/dialog/useDialogDialog.js +1 -1
- package/lib/designer/src/packages/dialogGlobal/useDialogGlobalDialog.js +1 -1
- package/lib/designer/src/packages/form/property/widgets.vue.js +2 -2
- package/lib/designer/src/packages/prod/index.vue.js +48 -18
- package/lib/designer.css +43 -43
- package/lib/packages/vue/src/components/forms/form/Form.vue.js +16 -4
- package/package.json +1 -1
|
@@ -52,8 +52,8 @@ import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
|
|
|
52
52
|
import "../../../components/TemplateSelector.vue.mjs";
|
|
53
53
|
import "../../table/default.mjs";
|
|
54
54
|
/* empty css */
|
|
55
|
-
/* empty css
|
|
56
|
-
/* empty css
|
|
55
|
+
/* empty css */
|
|
56
|
+
/* empty css */
|
|
57
57
|
import "../../../store/index.mjs";
|
|
58
58
|
/* empty css */
|
|
59
59
|
import { ElCollapse, ElCollapseItem } from "../../../../../node_modules/element-plus/es/components/collapse/index.mjs";
|
|
@@ -29,7 +29,11 @@ const _hoisted_3 = { class: "config-list" };
|
|
|
29
29
|
const _hoisted_4 = { class: "config-row" };
|
|
30
30
|
const _hoisted_5 = { class: "config-list" };
|
|
31
31
|
const _hoisted_6 = { class: "config-row" };
|
|
32
|
-
const _hoisted_7 = {
|
|
32
|
+
const _hoisted_7 = {
|
|
33
|
+
class: "config-row",
|
|
34
|
+
style: { "margin-top": "10px" }
|
|
35
|
+
};
|
|
36
|
+
const _hoisted_8 = { class: "dialog-footer" };
|
|
33
37
|
const _sfc_main = {
|
|
34
38
|
__name: "index",
|
|
35
39
|
props: {
|
|
@@ -111,6 +115,7 @@ const _sfc_main = {
|
|
|
111
115
|
validationConfigs.value.push({
|
|
112
116
|
id: generateId(),
|
|
113
117
|
pageField: "",
|
|
118
|
+
format: "default",
|
|
114
119
|
minProductField: "",
|
|
115
120
|
maxProductField: ""
|
|
116
121
|
});
|
|
@@ -206,7 +211,7 @@ const _sfc_main = {
|
|
|
206
211
|
class: "fec-dev-designer-dialog"
|
|
207
212
|
}, {
|
|
208
213
|
footer: withCtx(() => [
|
|
209
|
-
createElementVNode("span",
|
|
214
|
+
createElementVNode("span", _hoisted_8, [
|
|
210
215
|
createVNode(_component_el_button, { onClick: handleCancel }, {
|
|
211
216
|
default: withCtx(() => _cache[12] || (_cache[12] = [
|
|
212
217
|
createTextVNode("取消")
|
|
@@ -423,7 +428,7 @@ const _sfc_main = {
|
|
|
423
428
|
placeholder: "选择页面字段",
|
|
424
429
|
filterable: "",
|
|
425
430
|
clearable: "",
|
|
426
|
-
style: { "width": "
|
|
431
|
+
style: { "width": "235px", "margin-right": "10px" }
|
|
427
432
|
}, {
|
|
428
433
|
default: withCtx(() => [
|
|
429
434
|
(openBlock(true), createElementBlock(Fragment, null, renderList(fieldsDataAll.value, (field) => {
|
|
@@ -436,13 +441,49 @@ const _sfc_main = {
|
|
|
436
441
|
]),
|
|
437
442
|
_: 2
|
|
438
443
|
}, 1032, ["modelValue", "onUpdate:modelValue"]),
|
|
444
|
+
createVNode(_component_el_select, {
|
|
445
|
+
modelValue: item.format,
|
|
446
|
+
"onUpdate:modelValue": ($event) => item.format = $event,
|
|
447
|
+
placeholder: "格式",
|
|
448
|
+
clearable: "",
|
|
449
|
+
style: { "width": "235px", "margin-right": "10px" }
|
|
450
|
+
}, {
|
|
451
|
+
default: withCtx(() => [
|
|
452
|
+
createVNode(_component_el_option, {
|
|
453
|
+
label: "默认格式",
|
|
454
|
+
value: "default"
|
|
455
|
+
}),
|
|
456
|
+
createVNode(_component_el_option, {
|
|
457
|
+
label: "金额",
|
|
458
|
+
value: "amount"
|
|
459
|
+
}),
|
|
460
|
+
createVNode(_component_el_option, {
|
|
461
|
+
label: "百分比",
|
|
462
|
+
value: "percent"
|
|
463
|
+
})
|
|
464
|
+
]),
|
|
465
|
+
_: 2
|
|
466
|
+
}, 1032, ["modelValue", "onUpdate:modelValue"]),
|
|
467
|
+
createVNode(_component_el_button, {
|
|
468
|
+
type: "danger",
|
|
469
|
+
size: "small",
|
|
470
|
+
link: "",
|
|
471
|
+
onClick: ($event) => removeValidationConfig(index)
|
|
472
|
+
}, {
|
|
473
|
+
default: withCtx(() => _cache[10] || (_cache[10] = [
|
|
474
|
+
createTextVNode(" 删除 ")
|
|
475
|
+
])),
|
|
476
|
+
_: 2
|
|
477
|
+
}, 1032, ["onClick"])
|
|
478
|
+
]),
|
|
479
|
+
createElementVNode("div", _hoisted_7, [
|
|
439
480
|
createVNode(_component_el_select, {
|
|
440
481
|
modelValue: item.minProductField,
|
|
441
482
|
"onUpdate:modelValue": ($event) => item.minProductField = $event,
|
|
442
483
|
placeholder: "最小值配置项",
|
|
443
484
|
filterable: "",
|
|
444
485
|
clearable: "",
|
|
445
|
-
style: { "width": "
|
|
486
|
+
style: { "width": "235px", "margin-right": "10px" }
|
|
446
487
|
}, {
|
|
447
488
|
default: withCtx(() => [
|
|
448
489
|
(openBlock(true), createElementBlock(Fragment, null, renderList(parsedConfig.value, (config) => {
|
|
@@ -461,7 +502,7 @@ const _sfc_main = {
|
|
|
461
502
|
placeholder: "最大值配置项",
|
|
462
503
|
filterable: "",
|
|
463
504
|
clearable: "",
|
|
464
|
-
style: { "width": "
|
|
505
|
+
style: { "width": "235px", "margin-right": "10px" }
|
|
465
506
|
}, {
|
|
466
507
|
default: withCtx(() => [
|
|
467
508
|
(openBlock(true), createElementBlock(Fragment, null, renderList(parsedConfig.value, (config) => {
|
|
@@ -473,18 +514,7 @@ const _sfc_main = {
|
|
|
473
514
|
}), 128))
|
|
474
515
|
]),
|
|
475
516
|
_: 2
|
|
476
|
-
}, 1032, ["modelValue", "onUpdate:modelValue"])
|
|
477
|
-
createVNode(_component_el_button, {
|
|
478
|
-
type: "danger",
|
|
479
|
-
size: "small",
|
|
480
|
-
link: "",
|
|
481
|
-
onClick: ($event) => removeValidationConfig(index)
|
|
482
|
-
}, {
|
|
483
|
-
default: withCtx(() => _cache[10] || (_cache[10] = [
|
|
484
|
-
createTextVNode(" 删除 ")
|
|
485
|
-
])),
|
|
486
|
-
_: 2
|
|
487
|
-
}, 1032, ["onClick"])
|
|
517
|
+
}, 1032, ["modelValue", "onUpdate:modelValue"])
|
|
488
518
|
])
|
|
489
519
|
]);
|
|
490
520
|
}), 128)),
|
|
@@ -513,7 +543,7 @@ const _sfc_main = {
|
|
|
513
543
|
};
|
|
514
544
|
}
|
|
515
545
|
};
|
|
516
|
-
const ProdDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
546
|
+
const ProdDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cc93f7f2"]]);
|
|
517
547
|
export {
|
|
518
548
|
ProdDialog as default
|
|
519
549
|
};
|
package/es/designer.css
CHANGED
|
@@ -3082,26 +3082,26 @@ to {
|
|
|
3082
3082
|
left: 0px;
|
|
3083
3083
|
border-radius: 4px;
|
|
3084
3084
|
}
|
|
3085
|
-
.config-list[data-v-
|
|
3085
|
+
.config-list[data-v-cc93f7f2] {
|
|
3086
3086
|
width: 100%;
|
|
3087
3087
|
}
|
|
3088
|
-
.config-item[data-v-
|
|
3088
|
+
.config-item[data-v-cc93f7f2] {
|
|
3089
3089
|
margin-bottom: 10px;
|
|
3090
3090
|
padding: 10px;
|
|
3091
3091
|
background: #f8f9fa;
|
|
3092
3092
|
border-radius: 4px;
|
|
3093
3093
|
border: 1px solid #e8e8e8;
|
|
3094
3094
|
}
|
|
3095
|
-
.config-item[data-v-
|
|
3095
|
+
.config-item[data-v-cc93f7f2]:last-child {
|
|
3096
3096
|
margin-bottom: 8px;
|
|
3097
3097
|
}
|
|
3098
|
-
.config-row[data-v-
|
|
3098
|
+
.config-row[data-v-cc93f7f2] {
|
|
3099
3099
|
display: flex;
|
|
3100
3100
|
align-items: center;
|
|
3101
3101
|
justify-content: flex-start;
|
|
3102
3102
|
gap: 10px;
|
|
3103
3103
|
}
|
|
3104
|
-
.config-preview[data-v-
|
|
3104
|
+
.config-preview[data-v-cc93f7f2] {
|
|
3105
3105
|
padding: 12px;
|
|
3106
3106
|
background: #f5f7fa;
|
|
3107
3107
|
border-radius: 4px;
|
|
@@ -3109,14 +3109,14 @@ to {
|
|
|
3109
3109
|
overflow-y: auto;
|
|
3110
3110
|
border: 1px solid #dcdfe6;
|
|
3111
3111
|
}
|
|
3112
|
-
.config-preview pre[data-v-
|
|
3112
|
+
.config-preview pre[data-v-cc93f7f2] {
|
|
3113
3113
|
margin: 0;
|
|
3114
3114
|
font-size: 12px;
|
|
3115
3115
|
line-height: 1.5;
|
|
3116
3116
|
white-space: pre-wrap;
|
|
3117
3117
|
word-wrap: break-word;
|
|
3118
3118
|
}
|
|
3119
|
-
.prod-config-label[data-v-
|
|
3119
|
+
.prod-config-label[data-v-cc93f7f2] {
|
|
3120
3120
|
font-size: 14px;
|
|
3121
3121
|
font-weight: 600;
|
|
3122
3122
|
}
|
|
@@ -6267,15 +6267,15 @@ body,
|
|
|
6267
6267
|
align-items: center;
|
|
6268
6268
|
flex-wrap: nowrap;
|
|
6269
6269
|
}
|
|
6270
|
-
.fec-form[data-v-
|
|
6270
|
+
.fec-form[data-v-ba1c0b78] {
|
|
6271
6271
|
height: 100%;
|
|
6272
6272
|
}
|
|
6273
|
-
.fec-form.inMinApp[data-v-
|
|
6273
|
+
.fec-form.inMinApp[data-v-ba1c0b78] {
|
|
6274
6274
|
height: 0px;
|
|
6275
6275
|
flex: 1;
|
|
6276
6276
|
padding: 8px;
|
|
6277
6277
|
}
|
|
6278
|
-
.fec-form-col[data-v-
|
|
6278
|
+
.fec-form-col[data-v-ba1c0b78] {
|
|
6279
6279
|
padding: 0px !important;
|
|
6280
6280
|
display: flex !important;
|
|
6281
6281
|
flex-direction: column;
|
|
@@ -6284,22 +6284,22 @@ body,
|
|
|
6284
6284
|
overflow: hidden;
|
|
6285
6285
|
flex: auto !important;
|
|
6286
6286
|
}
|
|
6287
|
-
[data-v-
|
|
6287
|
+
[data-v-ba1c0b78] .vgl-layout {
|
|
6288
6288
|
position: relative;
|
|
6289
6289
|
}
|
|
6290
|
-
[data-v-
|
|
6290
|
+
[data-v-ba1c0b78] .vgl-item {
|
|
6291
6291
|
transition: none;
|
|
6292
6292
|
}
|
|
6293
|
-
[data-v-
|
|
6293
|
+
[data-v-ba1c0b78] .vgl-item > .el-form-item {
|
|
6294
6294
|
width: 100%;
|
|
6295
6295
|
padding: 6px 8px 0 8px;
|
|
6296
6296
|
height: calc(100% - 15px);
|
|
6297
6297
|
display: flex;
|
|
6298
6298
|
}
|
|
6299
|
-
[data-v-
|
|
6299
|
+
[data-v-ba1c0b78] .vgl-item > .el-form-item.el-form-item--label-top {
|
|
6300
6300
|
flex-direction: column;
|
|
6301
6301
|
}
|
|
6302
|
-
[data-v-
|
|
6302
|
+
[data-v-ba1c0b78] .vgl-item > .el-form-item .el-form-item__label {
|
|
6303
6303
|
line-height: 20px;
|
|
6304
6304
|
display: inline-flex;
|
|
6305
6305
|
align-items: center;
|
|
@@ -6313,107 +6313,107 @@ body,
|
|
|
6313
6313
|
flex-shrink: 0;
|
|
6314
6314
|
min-height: 45px;
|
|
6315
6315
|
}
|
|
6316
|
-
[data-v-
|
|
6316
|
+
[data-v-ba1c0b78] .vgl-item > .el-form-item {
|
|
6317
6317
|
/* .el-form-item__error {
|
|
6318
6318
|
padding-top: 10px;
|
|
6319
6319
|
} */
|
|
6320
6320
|
}
|
|
6321
|
-
[data-v-
|
|
6321
|
+
[data-v-ba1c0b78] .vgl-item > .el-form-item .el-input__wrapper {
|
|
6322
6322
|
padding: 1px 12px;
|
|
6323
6323
|
}
|
|
6324
|
-
[data-v-
|
|
6324
|
+
[data-v-ba1c0b78] .vgl-item > .el-container {
|
|
6325
6325
|
height: auto !important;
|
|
6326
6326
|
}
|
|
6327
6327
|
@media (min-width: 1720px) {
|
|
6328
|
-
[data-v-
|
|
6328
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item__label {
|
|
6329
6329
|
max-width: 160px !important;
|
|
6330
6330
|
}
|
|
6331
|
-
[data-v-
|
|
6331
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item {
|
|
6332
6332
|
padding: 6px 8px 0 8px !important;
|
|
6333
6333
|
}
|
|
6334
|
-
[data-v-
|
|
6334
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item .el-input__wrapper {
|
|
6335
6335
|
padding: 1px 12px;
|
|
6336
6336
|
}
|
|
6337
|
-
[data-v-
|
|
6337
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item .el-select__wrapper {
|
|
6338
6338
|
padding: 8px 12px;
|
|
6339
6339
|
}
|
|
6340
|
-
.fec-el-form[data-v-
|
|
6340
|
+
.fec-el-form[data-v-ba1c0b78] {
|
|
6341
6341
|
padding: 12px !important;
|
|
6342
6342
|
}
|
|
6343
6343
|
}
|
|
6344
6344
|
/* 标准 PC(1200px ~ 1439px)*/
|
|
6345
6345
|
@media (min-width: 1366px) and (max-width: 1719px) {
|
|
6346
|
-
[data-v-
|
|
6346
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item__label {
|
|
6347
6347
|
max-width: 130px !important;
|
|
6348
6348
|
padding-right: 6px !important;
|
|
6349
6349
|
}
|
|
6350
|
-
[data-v-
|
|
6350
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item {
|
|
6351
6351
|
padding: 6px 0 0 0 !important;
|
|
6352
6352
|
}
|
|
6353
|
-
[data-v-
|
|
6353
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item .el-input__wrapper {
|
|
6354
6354
|
padding: 1px 8px;
|
|
6355
6355
|
}
|
|
6356
|
-
[data-v-
|
|
6356
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item .el-select__wrapper {
|
|
6357
6357
|
padding: 8px 8px;
|
|
6358
6358
|
}
|
|
6359
|
-
.fec-el-form[data-v-
|
|
6359
|
+
.fec-el-form[data-v-ba1c0b78] {
|
|
6360
6360
|
padding: 8px !important;
|
|
6361
6361
|
}
|
|
6362
6362
|
}
|
|
6363
6363
|
/* 2. 标准 PC 992px ~ 1199px */
|
|
6364
6364
|
@media (min-width: 992px) and (max-width: 1365px) {
|
|
6365
|
-
[data-v-
|
|
6365
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item__label {
|
|
6366
6366
|
max-width: 125px !important;
|
|
6367
6367
|
padding-right: 4px !important;
|
|
6368
6368
|
}
|
|
6369
|
-
[data-v-
|
|
6369
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item {
|
|
6370
6370
|
padding: 0 !important;
|
|
6371
6371
|
}
|
|
6372
|
-
[data-v-
|
|
6372
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item .el-input__wrapper {
|
|
6373
6373
|
padding: 1px 6px;
|
|
6374
6374
|
}
|
|
6375
|
-
[data-v-
|
|
6375
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item .el-select__wrapper {
|
|
6376
6376
|
padding: 8px 6px;
|
|
6377
6377
|
}
|
|
6378
|
-
.fec-el-form[data-v-
|
|
6378
|
+
.fec-el-form[data-v-ba1c0b78] {
|
|
6379
6379
|
padding: 6px !important;
|
|
6380
6380
|
}
|
|
6381
6381
|
}
|
|
6382
6382
|
/* 3. 小屏 PC / 窄窗口 <992px(最小到768px)*/
|
|
6383
6383
|
@media (max-width: 991px) and (min-width: 768px) {
|
|
6384
|
-
[data-v-
|
|
6384
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item__label {
|
|
6385
6385
|
max-width: 100px !important;
|
|
6386
6386
|
padding-right: 4px !important;
|
|
6387
6387
|
}
|
|
6388
|
-
[data-v-
|
|
6388
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item {
|
|
6389
6389
|
padding: 0 !important;
|
|
6390
6390
|
}
|
|
6391
|
-
[data-v-
|
|
6391
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item .el-input__wrapper {
|
|
6392
6392
|
padding: 1px 4px;
|
|
6393
6393
|
}
|
|
6394
|
-
[data-v-
|
|
6394
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item .el-select__wrapper {
|
|
6395
6395
|
padding: 8px 4px;
|
|
6396
6396
|
}
|
|
6397
|
-
.fec-el-form[data-v-
|
|
6397
|
+
.fec-el-form[data-v-ba1c0b78] {
|
|
6398
6398
|
padding: 6px !important;
|
|
6399
6399
|
}
|
|
6400
6400
|
}
|
|
6401
6401
|
/* 超小屏 <768px */
|
|
6402
6402
|
@media (max-width: 767px) {
|
|
6403
|
-
[data-v-
|
|
6403
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item__label {
|
|
6404
6404
|
max-width: 80px !important;
|
|
6405
6405
|
padding-right: 4px !important;
|
|
6406
6406
|
}
|
|
6407
|
-
[data-v-
|
|
6407
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item {
|
|
6408
6408
|
padding: 0 !important;
|
|
6409
6409
|
}
|
|
6410
|
-
[data-v-
|
|
6410
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item .el-input__wrapper {
|
|
6411
6411
|
padding: 1px 2px;
|
|
6412
6412
|
}
|
|
6413
|
-
[data-v-
|
|
6413
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item .el-select__wrapper {
|
|
6414
6414
|
padding: 8px 2px;
|
|
6415
6415
|
}
|
|
6416
|
-
.fec-el-form[data-v-
|
|
6416
|
+
.fec-el-form[data-v-ba1c0b78] {
|
|
6417
6417
|
padding: 6px !important;
|
|
6418
6418
|
}
|
|
6419
6419
|
}.table-pagination[data-v-142fdd35] {
|
|
@@ -450,15 +450,27 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
450
450
|
callback(new Error("请输入有效的数字"));
|
|
451
451
|
return;
|
|
452
452
|
}
|
|
453
|
+
const formatValue = (val) => {
|
|
454
|
+
if (val === void 0 || val === null) return "";
|
|
455
|
+
const num = Number(val);
|
|
456
|
+
if (config.format === "amount") {
|
|
457
|
+
return `${num.toLocaleString()}元`;
|
|
458
|
+
} else if (config.format === "percent") {
|
|
459
|
+
return `${(num * 100).toFixed(2)}%`;
|
|
460
|
+
}
|
|
461
|
+
return num;
|
|
462
|
+
};
|
|
453
463
|
let errorMessage = "";
|
|
454
464
|
if (minValue !== void 0 && numValue < Number(minValue)) {
|
|
455
|
-
errorMessage = `不能小于 ${minValue}`;
|
|
465
|
+
errorMessage = `不能小于 ${formatValue(minValue)}`;
|
|
456
466
|
}
|
|
457
467
|
if (maxValue !== void 0 && numValue > Number(maxValue)) {
|
|
458
468
|
if (errorMessage) {
|
|
459
|
-
errorMessage = `${errorMessage} 且 不能大于 ${
|
|
469
|
+
errorMessage = `${errorMessage} 且 不能大于 ${formatValue(
|
|
470
|
+
maxValue
|
|
471
|
+
)}`;
|
|
460
472
|
} else {
|
|
461
|
-
errorMessage = `不能大于 ${maxValue}`;
|
|
473
|
+
errorMessage = `不能大于 ${formatValue(maxValue)}`;
|
|
462
474
|
}
|
|
463
475
|
}
|
|
464
476
|
if (errorMessage) {
|
|
@@ -1255,7 +1267,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
1255
1267
|
};
|
|
1256
1268
|
}
|
|
1257
1269
|
});
|
|
1258
|
-
const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
1270
|
+
const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ba1c0b78"]]);
|
|
1259
1271
|
export {
|
|
1260
1272
|
_Form as default
|
|
1261
1273
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const index = require("./index.
|
|
3
|
+
const index = require("./index.vue2.js");
|
|
4
4
|
const Vue = require("vue");
|
|
5
5
|
function useDialogDialog() {
|
|
6
6
|
const dialogDialogVisible = Vue.ref(false);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const index = require("./index.
|
|
3
|
+
const index = require("./index.vue2.js");
|
|
4
4
|
const Vue = require("vue");
|
|
5
5
|
function useDialogGlobalDialog() {
|
|
6
6
|
const dialogGlobalDialogVisible = Vue.ref(false);
|
|
@@ -54,8 +54,8 @@ const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_exp
|
|
|
54
54
|
require("../../../components/TemplateSelector.vue.js");
|
|
55
55
|
require("../../table/default.js");
|
|
56
56
|
;/* empty css */
|
|
57
|
-
;/* empty css
|
|
58
|
-
;/* empty css
|
|
57
|
+
;/* empty css */
|
|
58
|
+
;/* empty css */
|
|
59
59
|
require("../../../store/index.js");
|
|
60
60
|
;/* empty css */
|
|
61
61
|
const index$2 = require("../../../../../node_modules/element-plus/es/components/collapse/index.js");
|
|
@@ -31,7 +31,11 @@ const _hoisted_3 = { class: "config-list" };
|
|
|
31
31
|
const _hoisted_4 = { class: "config-row" };
|
|
32
32
|
const _hoisted_5 = { class: "config-list" };
|
|
33
33
|
const _hoisted_6 = { class: "config-row" };
|
|
34
|
-
const _hoisted_7 = {
|
|
34
|
+
const _hoisted_7 = {
|
|
35
|
+
class: "config-row",
|
|
36
|
+
style: { "margin-top": "10px" }
|
|
37
|
+
};
|
|
38
|
+
const _hoisted_8 = { class: "dialog-footer" };
|
|
35
39
|
const _sfc_main = {
|
|
36
40
|
__name: "index",
|
|
37
41
|
props: {
|
|
@@ -113,6 +117,7 @@ const _sfc_main = {
|
|
|
113
117
|
validationConfigs.value.push({
|
|
114
118
|
id: generateId(),
|
|
115
119
|
pageField: "",
|
|
120
|
+
format: "default",
|
|
116
121
|
minProductField: "",
|
|
117
122
|
maxProductField: ""
|
|
118
123
|
});
|
|
@@ -208,7 +213,7 @@ const _sfc_main = {
|
|
|
208
213
|
class: "fec-dev-designer-dialog"
|
|
209
214
|
}, {
|
|
210
215
|
footer: Vue.withCtx(() => [
|
|
211
|
-
Vue.createElementVNode("span",
|
|
216
|
+
Vue.createElementVNode("span", _hoisted_8, [
|
|
212
217
|
Vue.createVNode(_component_el_button, { onClick: handleCancel }, {
|
|
213
218
|
default: Vue.withCtx(() => _cache[12] || (_cache[12] = [
|
|
214
219
|
Vue.createTextVNode("取消")
|
|
@@ -425,7 +430,7 @@ const _sfc_main = {
|
|
|
425
430
|
placeholder: "选择页面字段",
|
|
426
431
|
filterable: "",
|
|
427
432
|
clearable: "",
|
|
428
|
-
style: { "width": "
|
|
433
|
+
style: { "width": "235px", "margin-right": "10px" }
|
|
429
434
|
}, {
|
|
430
435
|
default: Vue.withCtx(() => [
|
|
431
436
|
(Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(fieldsDataAll.value, (field) => {
|
|
@@ -438,13 +443,49 @@ const _sfc_main = {
|
|
|
438
443
|
]),
|
|
439
444
|
_: 2
|
|
440
445
|
}, 1032, ["modelValue", "onUpdate:modelValue"]),
|
|
446
|
+
Vue.createVNode(_component_el_select, {
|
|
447
|
+
modelValue: item.format,
|
|
448
|
+
"onUpdate:modelValue": ($event) => item.format = $event,
|
|
449
|
+
placeholder: "格式",
|
|
450
|
+
clearable: "",
|
|
451
|
+
style: { "width": "235px", "margin-right": "10px" }
|
|
452
|
+
}, {
|
|
453
|
+
default: Vue.withCtx(() => [
|
|
454
|
+
Vue.createVNode(_component_el_option, {
|
|
455
|
+
label: "默认格式",
|
|
456
|
+
value: "default"
|
|
457
|
+
}),
|
|
458
|
+
Vue.createVNode(_component_el_option, {
|
|
459
|
+
label: "金额",
|
|
460
|
+
value: "amount"
|
|
461
|
+
}),
|
|
462
|
+
Vue.createVNode(_component_el_option, {
|
|
463
|
+
label: "百分比",
|
|
464
|
+
value: "percent"
|
|
465
|
+
})
|
|
466
|
+
]),
|
|
467
|
+
_: 2
|
|
468
|
+
}, 1032, ["modelValue", "onUpdate:modelValue"]),
|
|
469
|
+
Vue.createVNode(_component_el_button, {
|
|
470
|
+
type: "danger",
|
|
471
|
+
size: "small",
|
|
472
|
+
link: "",
|
|
473
|
+
onClick: ($event) => removeValidationConfig(index2)
|
|
474
|
+
}, {
|
|
475
|
+
default: Vue.withCtx(() => _cache[10] || (_cache[10] = [
|
|
476
|
+
Vue.createTextVNode(" 删除 ")
|
|
477
|
+
])),
|
|
478
|
+
_: 2
|
|
479
|
+
}, 1032, ["onClick"])
|
|
480
|
+
]),
|
|
481
|
+
Vue.createElementVNode("div", _hoisted_7, [
|
|
441
482
|
Vue.createVNode(_component_el_select, {
|
|
442
483
|
modelValue: item.minProductField,
|
|
443
484
|
"onUpdate:modelValue": ($event) => item.minProductField = $event,
|
|
444
485
|
placeholder: "最小值配置项",
|
|
445
486
|
filterable: "",
|
|
446
487
|
clearable: "",
|
|
447
|
-
style: { "width": "
|
|
488
|
+
style: { "width": "235px", "margin-right": "10px" }
|
|
448
489
|
}, {
|
|
449
490
|
default: Vue.withCtx(() => [
|
|
450
491
|
(Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(parsedConfig.value, (config) => {
|
|
@@ -463,7 +504,7 @@ const _sfc_main = {
|
|
|
463
504
|
placeholder: "最大值配置项",
|
|
464
505
|
filterable: "",
|
|
465
506
|
clearable: "",
|
|
466
|
-
style: { "width": "
|
|
507
|
+
style: { "width": "235px", "margin-right": "10px" }
|
|
467
508
|
}, {
|
|
468
509
|
default: Vue.withCtx(() => [
|
|
469
510
|
(Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(parsedConfig.value, (config) => {
|
|
@@ -475,18 +516,7 @@ const _sfc_main = {
|
|
|
475
516
|
}), 128))
|
|
476
517
|
]),
|
|
477
518
|
_: 2
|
|
478
|
-
}, 1032, ["modelValue", "onUpdate:modelValue"])
|
|
479
|
-
Vue.createVNode(_component_el_button, {
|
|
480
|
-
type: "danger",
|
|
481
|
-
size: "small",
|
|
482
|
-
link: "",
|
|
483
|
-
onClick: ($event) => removeValidationConfig(index2)
|
|
484
|
-
}, {
|
|
485
|
-
default: Vue.withCtx(() => _cache[10] || (_cache[10] = [
|
|
486
|
-
Vue.createTextVNode(" 删除 ")
|
|
487
|
-
])),
|
|
488
|
-
_: 2
|
|
489
|
-
}, 1032, ["onClick"])
|
|
519
|
+
}, 1032, ["modelValue", "onUpdate:modelValue"])
|
|
490
520
|
])
|
|
491
521
|
]);
|
|
492
522
|
}), 128)),
|
|
@@ -515,5 +545,5 @@ const _sfc_main = {
|
|
|
515
545
|
};
|
|
516
546
|
}
|
|
517
547
|
};
|
|
518
|
-
const ProdDialog = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-
|
|
548
|
+
const ProdDialog = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-cc93f7f2"]]);
|
|
519
549
|
exports.default = ProdDialog;
|
package/lib/designer.css
CHANGED
|
@@ -3082,26 +3082,26 @@ to {
|
|
|
3082
3082
|
left: 0px;
|
|
3083
3083
|
border-radius: 4px;
|
|
3084
3084
|
}
|
|
3085
|
-
.config-list[data-v-
|
|
3085
|
+
.config-list[data-v-cc93f7f2] {
|
|
3086
3086
|
width: 100%;
|
|
3087
3087
|
}
|
|
3088
|
-
.config-item[data-v-
|
|
3088
|
+
.config-item[data-v-cc93f7f2] {
|
|
3089
3089
|
margin-bottom: 10px;
|
|
3090
3090
|
padding: 10px;
|
|
3091
3091
|
background: #f8f9fa;
|
|
3092
3092
|
border-radius: 4px;
|
|
3093
3093
|
border: 1px solid #e8e8e8;
|
|
3094
3094
|
}
|
|
3095
|
-
.config-item[data-v-
|
|
3095
|
+
.config-item[data-v-cc93f7f2]:last-child {
|
|
3096
3096
|
margin-bottom: 8px;
|
|
3097
3097
|
}
|
|
3098
|
-
.config-row[data-v-
|
|
3098
|
+
.config-row[data-v-cc93f7f2] {
|
|
3099
3099
|
display: flex;
|
|
3100
3100
|
align-items: center;
|
|
3101
3101
|
justify-content: flex-start;
|
|
3102
3102
|
gap: 10px;
|
|
3103
3103
|
}
|
|
3104
|
-
.config-preview[data-v-
|
|
3104
|
+
.config-preview[data-v-cc93f7f2] {
|
|
3105
3105
|
padding: 12px;
|
|
3106
3106
|
background: #f5f7fa;
|
|
3107
3107
|
border-radius: 4px;
|
|
@@ -3109,14 +3109,14 @@ to {
|
|
|
3109
3109
|
overflow-y: auto;
|
|
3110
3110
|
border: 1px solid #dcdfe6;
|
|
3111
3111
|
}
|
|
3112
|
-
.config-preview pre[data-v-
|
|
3112
|
+
.config-preview pre[data-v-cc93f7f2] {
|
|
3113
3113
|
margin: 0;
|
|
3114
3114
|
font-size: 12px;
|
|
3115
3115
|
line-height: 1.5;
|
|
3116
3116
|
white-space: pre-wrap;
|
|
3117
3117
|
word-wrap: break-word;
|
|
3118
3118
|
}
|
|
3119
|
-
.prod-config-label[data-v-
|
|
3119
|
+
.prod-config-label[data-v-cc93f7f2] {
|
|
3120
3120
|
font-size: 14px;
|
|
3121
3121
|
font-weight: 600;
|
|
3122
3122
|
}
|
|
@@ -6267,15 +6267,15 @@ body,
|
|
|
6267
6267
|
align-items: center;
|
|
6268
6268
|
flex-wrap: nowrap;
|
|
6269
6269
|
}
|
|
6270
|
-
.fec-form[data-v-
|
|
6270
|
+
.fec-form[data-v-ba1c0b78] {
|
|
6271
6271
|
height: 100%;
|
|
6272
6272
|
}
|
|
6273
|
-
.fec-form.inMinApp[data-v-
|
|
6273
|
+
.fec-form.inMinApp[data-v-ba1c0b78] {
|
|
6274
6274
|
height: 0px;
|
|
6275
6275
|
flex: 1;
|
|
6276
6276
|
padding: 8px;
|
|
6277
6277
|
}
|
|
6278
|
-
.fec-form-col[data-v-
|
|
6278
|
+
.fec-form-col[data-v-ba1c0b78] {
|
|
6279
6279
|
padding: 0px !important;
|
|
6280
6280
|
display: flex !important;
|
|
6281
6281
|
flex-direction: column;
|
|
@@ -6284,22 +6284,22 @@ body,
|
|
|
6284
6284
|
overflow: hidden;
|
|
6285
6285
|
flex: auto !important;
|
|
6286
6286
|
}
|
|
6287
|
-
[data-v-
|
|
6287
|
+
[data-v-ba1c0b78] .vgl-layout {
|
|
6288
6288
|
position: relative;
|
|
6289
6289
|
}
|
|
6290
|
-
[data-v-
|
|
6290
|
+
[data-v-ba1c0b78] .vgl-item {
|
|
6291
6291
|
transition: none;
|
|
6292
6292
|
}
|
|
6293
|
-
[data-v-
|
|
6293
|
+
[data-v-ba1c0b78] .vgl-item > .el-form-item {
|
|
6294
6294
|
width: 100%;
|
|
6295
6295
|
padding: 6px 8px 0 8px;
|
|
6296
6296
|
height: calc(100% - 15px);
|
|
6297
6297
|
display: flex;
|
|
6298
6298
|
}
|
|
6299
|
-
[data-v-
|
|
6299
|
+
[data-v-ba1c0b78] .vgl-item > .el-form-item.el-form-item--label-top {
|
|
6300
6300
|
flex-direction: column;
|
|
6301
6301
|
}
|
|
6302
|
-
[data-v-
|
|
6302
|
+
[data-v-ba1c0b78] .vgl-item > .el-form-item .el-form-item__label {
|
|
6303
6303
|
line-height: 20px;
|
|
6304
6304
|
display: inline-flex;
|
|
6305
6305
|
align-items: center;
|
|
@@ -6313,107 +6313,107 @@ body,
|
|
|
6313
6313
|
flex-shrink: 0;
|
|
6314
6314
|
min-height: 45px;
|
|
6315
6315
|
}
|
|
6316
|
-
[data-v-
|
|
6316
|
+
[data-v-ba1c0b78] .vgl-item > .el-form-item {
|
|
6317
6317
|
/* .el-form-item__error {
|
|
6318
6318
|
padding-top: 10px;
|
|
6319
6319
|
} */
|
|
6320
6320
|
}
|
|
6321
|
-
[data-v-
|
|
6321
|
+
[data-v-ba1c0b78] .vgl-item > .el-form-item .el-input__wrapper {
|
|
6322
6322
|
padding: 1px 12px;
|
|
6323
6323
|
}
|
|
6324
|
-
[data-v-
|
|
6324
|
+
[data-v-ba1c0b78] .vgl-item > .el-container {
|
|
6325
6325
|
height: auto !important;
|
|
6326
6326
|
}
|
|
6327
6327
|
@media (min-width: 1720px) {
|
|
6328
|
-
[data-v-
|
|
6328
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item__label {
|
|
6329
6329
|
max-width: 160px !important;
|
|
6330
6330
|
}
|
|
6331
|
-
[data-v-
|
|
6331
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item {
|
|
6332
6332
|
padding: 6px 8px 0 8px !important;
|
|
6333
6333
|
}
|
|
6334
|
-
[data-v-
|
|
6334
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item .el-input__wrapper {
|
|
6335
6335
|
padding: 1px 12px;
|
|
6336
6336
|
}
|
|
6337
|
-
[data-v-
|
|
6337
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item .el-select__wrapper {
|
|
6338
6338
|
padding: 8px 12px;
|
|
6339
6339
|
}
|
|
6340
|
-
.fec-el-form[data-v-
|
|
6340
|
+
.fec-el-form[data-v-ba1c0b78] {
|
|
6341
6341
|
padding: 12px !important;
|
|
6342
6342
|
}
|
|
6343
6343
|
}
|
|
6344
6344
|
/* 标准 PC(1200px ~ 1439px)*/
|
|
6345
6345
|
@media (min-width: 1366px) and (max-width: 1719px) {
|
|
6346
|
-
[data-v-
|
|
6346
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item__label {
|
|
6347
6347
|
max-width: 130px !important;
|
|
6348
6348
|
padding-right: 6px !important;
|
|
6349
6349
|
}
|
|
6350
|
-
[data-v-
|
|
6350
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item {
|
|
6351
6351
|
padding: 6px 0 0 0 !important;
|
|
6352
6352
|
}
|
|
6353
|
-
[data-v-
|
|
6353
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item .el-input__wrapper {
|
|
6354
6354
|
padding: 1px 8px;
|
|
6355
6355
|
}
|
|
6356
|
-
[data-v-
|
|
6356
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item .el-select__wrapper {
|
|
6357
6357
|
padding: 8px 8px;
|
|
6358
6358
|
}
|
|
6359
|
-
.fec-el-form[data-v-
|
|
6359
|
+
.fec-el-form[data-v-ba1c0b78] {
|
|
6360
6360
|
padding: 8px !important;
|
|
6361
6361
|
}
|
|
6362
6362
|
}
|
|
6363
6363
|
/* 2. 标准 PC 992px ~ 1199px */
|
|
6364
6364
|
@media (min-width: 992px) and (max-width: 1365px) {
|
|
6365
|
-
[data-v-
|
|
6365
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item__label {
|
|
6366
6366
|
max-width: 125px !important;
|
|
6367
6367
|
padding-right: 4px !important;
|
|
6368
6368
|
}
|
|
6369
|
-
[data-v-
|
|
6369
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item {
|
|
6370
6370
|
padding: 0 !important;
|
|
6371
6371
|
}
|
|
6372
|
-
[data-v-
|
|
6372
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item .el-input__wrapper {
|
|
6373
6373
|
padding: 1px 6px;
|
|
6374
6374
|
}
|
|
6375
|
-
[data-v-
|
|
6375
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item .el-select__wrapper {
|
|
6376
6376
|
padding: 8px 6px;
|
|
6377
6377
|
}
|
|
6378
|
-
.fec-el-form[data-v-
|
|
6378
|
+
.fec-el-form[data-v-ba1c0b78] {
|
|
6379
6379
|
padding: 6px !important;
|
|
6380
6380
|
}
|
|
6381
6381
|
}
|
|
6382
6382
|
/* 3. 小屏 PC / 窄窗口 <992px(最小到768px)*/
|
|
6383
6383
|
@media (max-width: 991px) and (min-width: 768px) {
|
|
6384
|
-
[data-v-
|
|
6384
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item__label {
|
|
6385
6385
|
max-width: 100px !important;
|
|
6386
6386
|
padding-right: 4px !important;
|
|
6387
6387
|
}
|
|
6388
|
-
[data-v-
|
|
6388
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item {
|
|
6389
6389
|
padding: 0 !important;
|
|
6390
6390
|
}
|
|
6391
|
-
[data-v-
|
|
6391
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item .el-input__wrapper {
|
|
6392
6392
|
padding: 1px 4px;
|
|
6393
6393
|
}
|
|
6394
|
-
[data-v-
|
|
6394
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item .el-select__wrapper {
|
|
6395
6395
|
padding: 8px 4px;
|
|
6396
6396
|
}
|
|
6397
|
-
.fec-el-form[data-v-
|
|
6397
|
+
.fec-el-form[data-v-ba1c0b78] {
|
|
6398
6398
|
padding: 6px !important;
|
|
6399
6399
|
}
|
|
6400
6400
|
}
|
|
6401
6401
|
/* 超小屏 <768px */
|
|
6402
6402
|
@media (max-width: 767px) {
|
|
6403
|
-
[data-v-
|
|
6403
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item__label {
|
|
6404
6404
|
max-width: 80px !important;
|
|
6405
6405
|
padding-right: 4px !important;
|
|
6406
6406
|
}
|
|
6407
|
-
[data-v-
|
|
6407
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item {
|
|
6408
6408
|
padding: 0 !important;
|
|
6409
6409
|
}
|
|
6410
|
-
[data-v-
|
|
6410
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item .el-input__wrapper {
|
|
6411
6411
|
padding: 1px 2px;
|
|
6412
6412
|
}
|
|
6413
|
-
[data-v-
|
|
6413
|
+
[data-v-ba1c0b78] .vgl-item .el-form-item .el-select__wrapper {
|
|
6414
6414
|
padding: 8px 2px;
|
|
6415
6415
|
}
|
|
6416
|
-
.fec-el-form[data-v-
|
|
6416
|
+
.fec-el-form[data-v-ba1c0b78] {
|
|
6417
6417
|
padding: 6px !important;
|
|
6418
6418
|
}
|
|
6419
6419
|
}.table-pagination[data-v-142fdd35] {
|
|
@@ -452,15 +452,27 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
452
452
|
callback(new Error("请输入有效的数字"));
|
|
453
453
|
return;
|
|
454
454
|
}
|
|
455
|
+
const formatValue = (val) => {
|
|
456
|
+
if (val === void 0 || val === null) return "";
|
|
457
|
+
const num = Number(val);
|
|
458
|
+
if (config.format === "amount") {
|
|
459
|
+
return `${num.toLocaleString()}元`;
|
|
460
|
+
} else if (config.format === "percent") {
|
|
461
|
+
return `${(num * 100).toFixed(2)}%`;
|
|
462
|
+
}
|
|
463
|
+
return num;
|
|
464
|
+
};
|
|
455
465
|
let errorMessage = "";
|
|
456
466
|
if (minValue !== void 0 && numValue < Number(minValue)) {
|
|
457
|
-
errorMessage = `不能小于 ${minValue}`;
|
|
467
|
+
errorMessage = `不能小于 ${formatValue(minValue)}`;
|
|
458
468
|
}
|
|
459
469
|
if (maxValue !== void 0 && numValue > Number(maxValue)) {
|
|
460
470
|
if (errorMessage) {
|
|
461
|
-
errorMessage = `${errorMessage} 且 不能大于 ${
|
|
471
|
+
errorMessage = `${errorMessage} 且 不能大于 ${formatValue(
|
|
472
|
+
maxValue
|
|
473
|
+
)}`;
|
|
462
474
|
} else {
|
|
463
|
-
errorMessage = `不能大于 ${maxValue}`;
|
|
475
|
+
errorMessage = `不能大于 ${formatValue(maxValue)}`;
|
|
464
476
|
}
|
|
465
477
|
}
|
|
466
478
|
if (errorMessage) {
|
|
@@ -1257,5 +1269,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
|
|
|
1257
1269
|
};
|
|
1258
1270
|
}
|
|
1259
1271
|
});
|
|
1260
|
-
const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-
|
|
1272
|
+
const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-ba1c0b78"]]);
|
|
1261
1273
|
exports.default = _Form;
|