@yoooloo42/joker 1.0.88 → 1.0.90
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/index.cjs.js +390 -294
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +391 -295
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -22498,25 +22498,55 @@ var styleModule = {
|
|
|
22498
22498
|
|
|
22499
22499
|
var script$h = {
|
|
22500
22500
|
__name: 'LabelBox',
|
|
22501
|
-
props:
|
|
22502
|
-
|
|
22501
|
+
props: {
|
|
22502
|
+
modelValue: {
|
|
22503
|
+
type: Object,
|
|
22504
|
+
default: () => ({})
|
|
22505
|
+
},
|
|
22506
|
+
myProps: {
|
|
22507
|
+
type: Object,
|
|
22508
|
+
default: () => ({})
|
|
22509
|
+
},
|
|
22510
|
+
scopeThis: {
|
|
22511
|
+
type: Object,
|
|
22512
|
+
default: () => ({})
|
|
22513
|
+
},
|
|
22514
|
+
item: {
|
|
22515
|
+
type: Object,
|
|
22516
|
+
default: () => ({})
|
|
22517
|
+
}
|
|
22518
|
+
},
|
|
22519
|
+
emits: ['update:modelValue', 'change'],
|
|
22520
|
+
setup(__props, { emit: __emit }) {
|
|
22503
22521
|
|
|
22504
22522
|
const props = __props;
|
|
22505
|
-
//
|
|
22506
|
-
const
|
|
22507
|
-
|
|
22508
|
-
const
|
|
22523
|
+
// 遵循 Vue 3 v-model 规范,使用 update:modelValue 事件
|
|
22524
|
+
const emit = __emit;
|
|
22525
|
+
|
|
22526
|
+
const formData_box = vue.reactive(JSON.parse(JSON.stringify(props.modelValue)));
|
|
22527
|
+
vue.reactive(Object.assign({}, props.myProps));
|
|
22528
|
+
const scopeThis_box = vue.reactive(Object.assign({}, props.scopeThis));
|
|
22529
|
+
const propsItem_box = vue.reactive(Object.assign({}, props.item));
|
|
22509
22530
|
|
|
22510
22531
|
const style = vue.ref({
|
|
22511
|
-
box: styleModule.label.box(
|
|
22512
|
-
label: styleModule.label.label(
|
|
22532
|
+
box: styleModule.label.box(propsItem_box),
|
|
22533
|
+
label: styleModule.label.label(propsItem_box),
|
|
22513
22534
|
});
|
|
22514
22535
|
|
|
22515
22536
|
const hdlClick = () => {
|
|
22516
|
-
if(
|
|
22517
|
-
|
|
22537
|
+
if(propsItem_box.hdlLabelClick){
|
|
22538
|
+
propsItem_box.hdlLabelClick({formData_box, scopeThis_box});
|
|
22518
22539
|
}
|
|
22519
22540
|
};
|
|
22541
|
+
|
|
22542
|
+
// 表单数据监听
|
|
22543
|
+
vue.watch(
|
|
22544
|
+
formData_box, // 监听 reactive 对象时,默认是深层监听
|
|
22545
|
+
(newVal, oldVal) => {
|
|
22546
|
+
// 触发 update:modelValue 事件更新父组件的 v-model 绑定的值
|
|
22547
|
+
emit("update:modelValue", newVal);
|
|
22548
|
+
}
|
|
22549
|
+
);
|
|
22520
22550
|
|
|
22521
22551
|
return (_ctx, _cache) => {
|
|
22522
22552
|
return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
@@ -22527,7 +22557,7 @@ return (_ctx, _cache) => {
|
|
|
22527
22557
|
}, [
|
|
22528
22558
|
vue.createElementVNode("span", {
|
|
22529
22559
|
style: vue.normalizeStyle(style.value.label)
|
|
22530
|
-
}, vue.toDisplayString(
|
|
22560
|
+
}, vue.toDisplayString(propsItem_box.label), 5 /* TEXT, STYLE */)
|
|
22531
22561
|
], 4 /* STYLE */)
|
|
22532
22562
|
], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
|
|
22533
22563
|
}
|
|
@@ -22569,83 +22599,104 @@ const _hoisted_28 = { key: 30 };
|
|
|
22569
22599
|
|
|
22570
22600
|
var script$g = {
|
|
22571
22601
|
__name: 'InputBox',
|
|
22572
|
-
props:
|
|
22573
|
-
|
|
22602
|
+
props: {
|
|
22603
|
+
modelValue: {
|
|
22604
|
+
type: Object,
|
|
22605
|
+
default: () => ({})
|
|
22606
|
+
},
|
|
22607
|
+
myProps: {
|
|
22608
|
+
type: Object,
|
|
22609
|
+
default: () => ({})
|
|
22610
|
+
},
|
|
22611
|
+
scopeThis: {
|
|
22612
|
+
type: Object,
|
|
22613
|
+
default: () => ({})
|
|
22614
|
+
},
|
|
22615
|
+
item: {
|
|
22616
|
+
type: Object,
|
|
22617
|
+
default: () => ({})
|
|
22618
|
+
}
|
|
22619
|
+
},
|
|
22620
|
+
emits: ['update:modelValue', 'change'],
|
|
22621
|
+
setup(__props, { emit: __emit }) {
|
|
22574
22622
|
|
|
22575
22623
|
const props = __props;
|
|
22576
|
-
//
|
|
22577
|
-
const
|
|
22578
|
-
|
|
22579
|
-
const
|
|
22624
|
+
// 遵循 Vue 3 v-model 规范,使用 update:modelValue 事件
|
|
22625
|
+
const emit = __emit;
|
|
22626
|
+
|
|
22627
|
+
const formData_box = vue.reactive(JSON.parse(JSON.stringify(props.modelValue)));
|
|
22628
|
+
const formProps_box = vue.reactive(Object.assign({}, props.myProps));
|
|
22629
|
+
const scopeThis_box = vue.reactive(Object.assign({}, props.scopeThis));
|
|
22630
|
+
const propsItem_box = vue.reactive(Object.assign({}, props.item));
|
|
22580
22631
|
|
|
22581
22632
|
const input = vue.reactive({
|
|
22582
|
-
placeholder:
|
|
22583
|
-
showPassword: !!
|
|
22633
|
+
placeholder: propsItem_box.placeholder || formProps_box.para.placeholder.input,
|
|
22634
|
+
showPassword: !!propsItem_box.showPassword,
|
|
22584
22635
|
hdlCannotInput: event => { // 解决偶发不能输入的问题
|
|
22585
|
-
|
|
22636
|
+
formData_box[propsItem_box.fieldName] = event.target.value;
|
|
22586
22637
|
}
|
|
22587
22638
|
});
|
|
22588
22639
|
|
|
22589
22640
|
const select = vue.reactive({
|
|
22590
|
-
placeholder:
|
|
22641
|
+
placeholder: propsItem_box.placeholder || formProps_box.para.placeholder.select,
|
|
22591
22642
|
items: vue.computed(()=>{
|
|
22592
|
-
if (
|
|
22593
|
-
return
|
|
22594
|
-
} else if (
|
|
22595
|
-
return
|
|
22643
|
+
if (propsItem_box.items) {
|
|
22644
|
+
return propsItem_box.items
|
|
22645
|
+
} else if (propsItem_box.hdlGetItems) {
|
|
22646
|
+
return propsItem_box.hdlGetItems({formData: formData_box, scopeThis: scopeThis_box})
|
|
22596
22647
|
}
|
|
22597
22648
|
}),
|
|
22598
22649
|
hdlChange: value => {
|
|
22599
|
-
if (
|
|
22600
|
-
|
|
22650
|
+
if (propsItem_box.hdlChange) {
|
|
22651
|
+
propsItem_box.hdlChange({formData: formData_box, scopeThis: scopeThis_box, value});
|
|
22601
22652
|
}
|
|
22602
22653
|
}
|
|
22603
22654
|
});
|
|
22604
22655
|
|
|
22605
22656
|
const datePicker = vue.reactive({
|
|
22606
22657
|
placeholder: vue.computed(()=> {
|
|
22607
|
-
if (
|
|
22608
|
-
return
|
|
22658
|
+
if (propsItem_box.placeholder) {
|
|
22659
|
+
return propsItem_box.placeholder
|
|
22609
22660
|
}
|
|
22610
|
-
if (
|
|
22611
|
-
return
|
|
22661
|
+
if (propsItem_box.type === 'datetime') {
|
|
22662
|
+
return formProps_box.para.placeholder.datetime
|
|
22612
22663
|
}
|
|
22613
|
-
if (
|
|
22614
|
-
return
|
|
22664
|
+
if (propsItem_box.type === 'date') {
|
|
22665
|
+
return formProps_box.para.placeholder.date
|
|
22615
22666
|
}
|
|
22616
|
-
return
|
|
22667
|
+
return formProps_box.para.placeholder.datetime
|
|
22617
22668
|
}),
|
|
22618
22669
|
format: vue.computed(() => {
|
|
22619
|
-
if (
|
|
22620
|
-
return
|
|
22670
|
+
if (propsItem_box.format) {
|
|
22671
|
+
return propsItem_box.format
|
|
22621
22672
|
}
|
|
22622
|
-
if (
|
|
22673
|
+
if (propsItem_box.type === 'datetime') {
|
|
22623
22674
|
return 'YYYY/MM/DD HH:mm'
|
|
22624
22675
|
}
|
|
22625
|
-
if (
|
|
22676
|
+
if (propsItem_box.type === 'date') {
|
|
22626
22677
|
return 'YYYY/MM/DD'
|
|
22627
22678
|
}
|
|
22628
22679
|
return 'YYYY/MM/DD HH:mm'
|
|
22629
22680
|
}),
|
|
22630
22681
|
hdlChange: value => {
|
|
22631
|
-
if (
|
|
22632
|
-
|
|
22682
|
+
if (propsItem_box.hdlChange) {
|
|
22683
|
+
propsItem_box.hdlChange({formData: formData_box, scopeThis: scopeThis_box, value});
|
|
22633
22684
|
}
|
|
22634
22685
|
}
|
|
22635
22686
|
});
|
|
22636
22687
|
|
|
22637
22688
|
const ly0switch = vue.reactive({
|
|
22638
22689
|
hdlChange: value => {
|
|
22639
|
-
if (
|
|
22640
|
-
|
|
22690
|
+
if (propsItem_box.hdlChange) {
|
|
22691
|
+
propsItem_box.hdlChange({formData: formData_box, scopeThis: scopeThis_box, value});
|
|
22641
22692
|
}
|
|
22642
22693
|
}
|
|
22643
22694
|
});
|
|
22644
22695
|
|
|
22645
22696
|
const radioGroup = vue.reactive({
|
|
22646
22697
|
hdlChange: value => {
|
|
22647
|
-
if (
|
|
22648
|
-
|
|
22698
|
+
if (propsItem_box.hdlChange) {
|
|
22699
|
+
propsItem_box.hdlChange({formData: formData_box, scopeThis: scopeThis_box, value});
|
|
22649
22700
|
}
|
|
22650
22701
|
}
|
|
22651
22702
|
});
|
|
@@ -22653,54 +22704,54 @@ const radioGroup = vue.reactive({
|
|
|
22653
22704
|
const image = vue.reactive({
|
|
22654
22705
|
getSrc: vue.computed(() => {
|
|
22655
22706
|
if (
|
|
22656
|
-
|
|
22657
|
-
|
|
22658
|
-
(
|
|
22659
|
-
|
|
22707
|
+
propsItem_box.imageDelete &&
|
|
22708
|
+
formData_box[propsItem_box.imageDelete] &&
|
|
22709
|
+
(formData_box[propsItem_box.imageDelete] === true ||
|
|
22710
|
+
formData_box[propsItem_box.imageDelete] === 'true') // 图片已删除
|
|
22660
22711
|
) {
|
|
22661
22712
|
return ['']
|
|
22662
22713
|
}
|
|
22663
|
-
if (
|
|
22664
|
-
return
|
|
22714
|
+
if (formData_box[propsItem_box.fieldName]) {
|
|
22715
|
+
return formData_box[propsItem_box.fieldName]
|
|
22665
22716
|
}
|
|
22666
22717
|
return ['']
|
|
22667
22718
|
}),
|
|
22668
22719
|
delete: ()=>{
|
|
22669
|
-
|
|
22670
|
-
!
|
|
22720
|
+
formData_box[propsItem_box.imageDelete] =
|
|
22721
|
+
!formData_box[propsItem_box.imageDelete];
|
|
22671
22722
|
}
|
|
22672
22723
|
});
|
|
22673
22724
|
|
|
22674
22725
|
const images = vue.reactive({
|
|
22675
22726
|
getSrc: (itemImages, indexImages) => {
|
|
22676
22727
|
if (
|
|
22677
|
-
!
|
|
22678
|
-
!
|
|
22728
|
+
!propsItem_box.imageDelete ||
|
|
22729
|
+
!formData_box[propsItem_box.imageDelete].includes(itemImages)
|
|
22679
22730
|
) {
|
|
22680
22731
|
return itemImages
|
|
22681
22732
|
}
|
|
22682
22733
|
return ''
|
|
22683
22734
|
},
|
|
22684
22735
|
delete: (itemImages, indexImages) => {
|
|
22685
|
-
if (!
|
|
22686
|
-
|
|
22736
|
+
if (!formData_box[propsItem_box.imageDelete].includes(itemImages)) {
|
|
22737
|
+
formData_box[propsItem_box.imageDelete].push(itemImages);
|
|
22687
22738
|
return
|
|
22688
22739
|
}
|
|
22689
22740
|
|
|
22690
|
-
|
|
22741
|
+
formData_box[propsItem_box.imageDelete] = formData_box[propsItem_box.imageDelete].filter(i => {
|
|
22691
22742
|
return i !== itemImages
|
|
22692
22743
|
});
|
|
22693
22744
|
},
|
|
22694
22745
|
show: vue.computed(()=>{
|
|
22695
22746
|
let result = [];
|
|
22696
|
-
if (!
|
|
22697
|
-
|
|
22747
|
+
if (!propsItem_box.imageDelete) {
|
|
22748
|
+
formData_box[propsItem_box.fieldName].forEach(i => {
|
|
22698
22749
|
result.push(i);
|
|
22699
22750
|
});
|
|
22700
22751
|
} else {
|
|
22701
|
-
|
|
22752
|
+
formData_box[propsItem_box.fieldName]
|
|
22702
22753
|
.filter(i => {
|
|
22703
|
-
return !
|
|
22754
|
+
return !formData_box[propsItem_box.imageDelete].includes(i)
|
|
22704
22755
|
})
|
|
22705
22756
|
.forEach(i => {
|
|
22706
22757
|
result.push(i);
|
|
@@ -22711,62 +22762,62 @@ const images = vue.reactive({
|
|
|
22711
22762
|
});
|
|
22712
22763
|
|
|
22713
22764
|
const richtextProps = vue.ref({
|
|
22714
|
-
uploadUrl:
|
|
22765
|
+
uploadUrl: formProps_box.para.uploadUrl
|
|
22715
22766
|
});
|
|
22716
22767
|
|
|
22717
22768
|
const video = vue.reactive({
|
|
22718
22769
|
src: vue.computed(()=>{
|
|
22719
22770
|
if (
|
|
22720
|
-
|
|
22721
|
-
|
|
22722
|
-
(
|
|
22723
|
-
|
|
22771
|
+
propsItem_box.videoDelete &&
|
|
22772
|
+
formData_box[propsItem_box.videoDelete] &&
|
|
22773
|
+
(formData_box[propsItem_box.videoDelete] === true ||
|
|
22774
|
+
formData_box[propsItem_box.videoDelete] === 'true') // 图片已删除
|
|
22724
22775
|
) {
|
|
22725
22776
|
return ''
|
|
22726
22777
|
}
|
|
22727
|
-
if (
|
|
22728
|
-
return
|
|
22778
|
+
if (formData_box[propsItem_box.fieldName]) {
|
|
22779
|
+
return formData_box[propsItem_box.fieldName]
|
|
22729
22780
|
}
|
|
22730
22781
|
return ''
|
|
22731
22782
|
}),
|
|
22732
22783
|
poster: vue.computed(()=>{
|
|
22733
22784
|
if (
|
|
22734
|
-
|
|
22735
|
-
|
|
22736
|
-
(
|
|
22737
|
-
|
|
22785
|
+
propsItem_box.videoDelete &&
|
|
22786
|
+
formData_box[propsItem_box.videoDelete] &&
|
|
22787
|
+
(formData_box[propsItem_box.videoDelete] === true ||
|
|
22788
|
+
formData_box[propsItem_box.videoDelete] === 'true') // 图片已删除
|
|
22738
22789
|
) {
|
|
22739
22790
|
return ''
|
|
22740
22791
|
}
|
|
22741
|
-
if (
|
|
22742
|
-
return
|
|
22792
|
+
if (formData_box[propsItem_box.poster]) {
|
|
22793
|
+
return formData_box[propsItem_box.poster]
|
|
22743
22794
|
}
|
|
22744
22795
|
return ''
|
|
22745
22796
|
}),
|
|
22746
22797
|
delete: ()=>{
|
|
22747
|
-
|
|
22748
|
-
!
|
|
22798
|
+
formData_box[propsItem_box.videoDelete] =
|
|
22799
|
+
!formData_box[propsItem_box.videoDelete];
|
|
22749
22800
|
},
|
|
22750
22801
|
});
|
|
22751
22802
|
|
|
22752
22803
|
const download = vue.reactive({
|
|
22753
|
-
fileName:
|
|
22804
|
+
fileName: propsItem_box.downloadFileName || formProps_box.para.download.fileName,
|
|
22754
22805
|
downloadLabel: vue.computed(() => {
|
|
22755
|
-
if (!
|
|
22756
|
-
return
|
|
22806
|
+
if (!formData_box[propsItem_box.fieldName]) {
|
|
22807
|
+
return formProps_box.para.download.downloadLabelNoSrc
|
|
22757
22808
|
}
|
|
22758
|
-
if (
|
|
22759
|
-
return
|
|
22809
|
+
if (propsItem_box.hdlGetDownloadLabel) {
|
|
22810
|
+
return propsItem_box.hdlGetDownloadLabel({formData: formData_box, scopeThis: scopeThis_box})
|
|
22760
22811
|
}
|
|
22761
|
-
return
|
|
22812
|
+
return formProps_box.para.download.downloadLabel
|
|
22762
22813
|
}),
|
|
22763
|
-
downloadSrc:
|
|
22814
|
+
downloadSrc: formData_box[propsItem_box.fieldName] || ''
|
|
22764
22815
|
});
|
|
22765
22816
|
|
|
22766
22817
|
const upload = vue.reactive({
|
|
22767
|
-
uploadUrl:
|
|
22768
|
-
uploadUrl_image:
|
|
22769
|
-
uploadUrl_carplate:
|
|
22818
|
+
uploadUrl: formProps_box.para.uploadUrl,
|
|
22819
|
+
uploadUrl_image: formProps_box.para.uploadUrl_image,
|
|
22820
|
+
uploadUrl_carplate: formProps_box.para.uploadUrl_carplate
|
|
22770
22821
|
});
|
|
22771
22822
|
|
|
22772
22823
|
const style = vue.reactive({
|
|
@@ -22785,6 +22836,15 @@ const style = vue.reactive({
|
|
|
22785
22836
|
download: vue.computed(()=>styleModule.input.download()),
|
|
22786
22837
|
});
|
|
22787
22838
|
|
|
22839
|
+
// 表单数据监听
|
|
22840
|
+
vue.watch(
|
|
22841
|
+
formData_box, // 监听 reactive 对象时,默认是深层监听
|
|
22842
|
+
(newVal, oldVal) => {
|
|
22843
|
+
// 触发 update:modelValue 事件更新父组件的 v-model 绑定的值
|
|
22844
|
+
emit("update:modelValue", newVal);
|
|
22845
|
+
}
|
|
22846
|
+
);
|
|
22847
|
+
|
|
22788
22848
|
return (_ctx, _cache) => {
|
|
22789
22849
|
const _component_el_input = vue.resolveComponent("el-input");
|
|
22790
22850
|
const _component_el_option = vue.resolveComponent("el-option");
|
|
@@ -22815,77 +22875,77 @@ return (_ctx, _cache) => {
|
|
|
22815
22875
|
return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
22816
22876
|
vue.createCommentVNode(" input-box "),
|
|
22817
22877
|
vue.createElementVNode("div", {
|
|
22818
|
-
style: vue.normalizeStyle(style.box(
|
|
22878
|
+
style: vue.normalizeStyle(style.box(propsItem_box))
|
|
22819
22879
|
}, [
|
|
22820
22880
|
vue.createCommentVNode(" 只读 "),
|
|
22821
|
-
(
|
|
22881
|
+
(propsItem_box.inputType === 'text')
|
|
22822
22882
|
? (vue.openBlock(), vue.createElementBlock("div", {
|
|
22823
22883
|
key: 0,
|
|
22824
|
-
style: vue.normalizeStyle(style.text(
|
|
22825
|
-
}, vue.toDisplayString(
|
|
22884
|
+
style: vue.normalizeStyle(style.text(propsItem_box, formProps_box))
|
|
22885
|
+
}, vue.toDisplayString(formData_box[propsItem_box.fieldName] ? formData_box[propsItem_box.fieldName] : ' '), 5 /* TEXT, STYLE */))
|
|
22826
22886
|
: vue.createCommentVNode("v-if", true),
|
|
22827
|
-
(
|
|
22887
|
+
(propsItem_box.inputType === 'text0')
|
|
22828
22888
|
? (vue.openBlock(), vue.createElementBlock("div", {
|
|
22829
22889
|
key: 1,
|
|
22830
|
-
style: vue.normalizeStyle(style.text0(
|
|
22831
|
-
}, vue.toDisplayString(
|
|
22890
|
+
style: vue.normalizeStyle(style.text0(propsItem_box))
|
|
22891
|
+
}, vue.toDisplayString(formData_box[propsItem_box.fieldName] ? formData_box[propsItem_box.fieldName] : ' '), 5 /* TEXT, STYLE */))
|
|
22832
22892
|
: vue.createCommentVNode("v-if", true),
|
|
22833
|
-
(!
|
|
22893
|
+
(!propsItem_box.inputType)
|
|
22834
22894
|
? (vue.openBlock(), vue.createElementBlock("div", {
|
|
22835
22895
|
key: 2,
|
|
22836
|
-
style: vue.normalizeStyle(style.text(
|
|
22837
|
-
}, vue.toDisplayString(
|
|
22896
|
+
style: vue.normalizeStyle(style.text(propsItem_box, formProps_box))
|
|
22897
|
+
}, vue.toDisplayString(formData_box[propsItem_box.fieldName] ? formData_box[propsItem_box.fieldName] : ' '), 5 /* TEXT, STYLE */))
|
|
22838
22898
|
: vue.createCommentVNode("v-if", true),
|
|
22839
|
-
(
|
|
22899
|
+
(propsItem_box.inputType === 'expression')
|
|
22840
22900
|
? (vue.openBlock(), vue.createElementBlock("div", {
|
|
22841
22901
|
key: 3,
|
|
22842
|
-
style: vue.normalizeStyle(style.text(
|
|
22843
|
-
}, vue.toDisplayString(
|
|
22844
|
-
?
|
|
22902
|
+
style: vue.normalizeStyle(style.text(propsItem_box, formProps_box))
|
|
22903
|
+
}, vue.toDisplayString(propsItem_box.hdlExpression && propsItem_box.hdlExpression({formData: formData_box, scopeThis: __props.scopeThis})
|
|
22904
|
+
? propsItem_box.hdlExpression({formData: formData_box, scopeThis: scopeThis_box})
|
|
22845
22905
|
: ' '), 5 /* TEXT, STYLE */))
|
|
22846
22906
|
: vue.createCommentVNode("v-if", true),
|
|
22847
|
-
(
|
|
22907
|
+
(propsItem_box.inputType === 'expression0')
|
|
22848
22908
|
? (vue.openBlock(), vue.createElementBlock("div", {
|
|
22849
22909
|
key: 4,
|
|
22850
|
-
style: vue.normalizeStyle(style.text0(
|
|
22851
|
-
}, vue.toDisplayString(
|
|
22852
|
-
?
|
|
22910
|
+
style: vue.normalizeStyle(style.text0(propsItem_box))
|
|
22911
|
+
}, vue.toDisplayString(propsItem_box.hdlExpression && propsItem_box.hdlExpression({formData: formData_box, scopeThis: scopeThis_box})
|
|
22912
|
+
? propsItem_box.hdlExpression({formData: formData_box, scopeThis: scopeThis_box})
|
|
22853
22913
|
: ' '), 5 /* TEXT, STYLE */))
|
|
22854
22914
|
: vue.createCommentVNode("v-if", true),
|
|
22855
|
-
(
|
|
22915
|
+
(propsItem_box.inputType === 'line')
|
|
22856
22916
|
? (vue.openBlock(), vue.createElementBlock("div", {
|
|
22857
22917
|
key: 5,
|
|
22858
22918
|
style: vue.normalizeStyle(style.line)
|
|
22859
22919
|
}, null, 4 /* STYLE */))
|
|
22860
22920
|
: vue.createCommentVNode("v-if", true),
|
|
22861
22921
|
vue.createCommentVNode(" 修改数据 "),
|
|
22862
|
-
(
|
|
22922
|
+
(propsItem_box.inputType === 'input')
|
|
22863
22923
|
? (vue.openBlock(), vue.createBlock(_component_el_input, {
|
|
22864
22924
|
key: 6,
|
|
22865
|
-
modelValue:
|
|
22866
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((
|
|
22925
|
+
modelValue: formData_box[propsItem_box.fieldName],
|
|
22926
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((formData_box[propsItem_box.fieldName]) = $event)),
|
|
22867
22927
|
placeholder: input.placeholder,
|
|
22868
|
-
style: vue.normalizeStyle(style.input(
|
|
22928
|
+
style: vue.normalizeStyle(style.input(propsItem_box, formProps_box)),
|
|
22869
22929
|
onInput: input.hdlCannotInput,
|
|
22870
22930
|
"show-password": input.showPassword
|
|
22871
22931
|
}, null, 8 /* PROPS */, ["modelValue", "placeholder", "style", "onInput", "show-password"]))
|
|
22872
22932
|
: vue.createCommentVNode("v-if", true),
|
|
22873
|
-
(
|
|
22933
|
+
(propsItem_box.inputType === 'select')
|
|
22874
22934
|
? (vue.openBlock(), vue.createBlock(_component_el_select, {
|
|
22875
22935
|
key: 7,
|
|
22876
22936
|
class: "deep-input",
|
|
22877
|
-
modelValue:
|
|
22878
|
-
"onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ((
|
|
22937
|
+
modelValue: formData_box[propsItem_box.fieldName],
|
|
22938
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ((formData_box[propsItem_box.fieldName]) = $event)),
|
|
22879
22939
|
placeholder: select.placeholder,
|
|
22880
22940
|
filterable: "",
|
|
22881
|
-
style: vue.normalizeStyle(style.input(
|
|
22941
|
+
style: vue.normalizeStyle(style.input(propsItem_box, formProps_box)),
|
|
22882
22942
|
onChange: select.hdlChange
|
|
22883
22943
|
}, {
|
|
22884
22944
|
default: vue.withCtx(() => [
|
|
22885
22945
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(select.items, (item0, index0) => {
|
|
22886
22946
|
return (vue.openBlock(), vue.createBlock(_component_el_option, {
|
|
22887
|
-
label: item0[
|
|
22888
|
-
value: item0[
|
|
22947
|
+
label: item0[propsItem_box.item_fieldLabel],
|
|
22948
|
+
value: item0[propsItem_box.item_fieldValue],
|
|
22889
22949
|
key: index0
|
|
22890
22950
|
}, null, 8 /* PROPS */, ["label", "value"]))
|
|
22891
22951
|
}), 128 /* KEYED_FRAGMENT */))
|
|
@@ -22893,61 +22953,61 @@ return (_ctx, _cache) => {
|
|
|
22893
22953
|
_: 1 /* STABLE */
|
|
22894
22954
|
}, 8 /* PROPS */, ["modelValue", "placeholder", "style", "onChange"]))
|
|
22895
22955
|
: vue.createCommentVNode("v-if", true),
|
|
22896
|
-
(
|
|
22956
|
+
(propsItem_box.inputType === 'date-picker')
|
|
22897
22957
|
? (vue.openBlock(), vue.createBlock(_component_el_date_picker, {
|
|
22898
22958
|
key: 8,
|
|
22899
22959
|
class: "deep-input",
|
|
22900
|
-
modelValue:
|
|
22901
|
-
"onUpdate:modelValue": _cache[2] || (_cache[2] = $event => ((
|
|
22902
|
-
type:
|
|
22960
|
+
modelValue: formData_box[propsItem_box.fieldName],
|
|
22961
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = $event => ((formData_box[propsItem_box.fieldName]) = $event)),
|
|
22962
|
+
type: propsItem_box.type ? propsItem_box.type : 'datetime',
|
|
22903
22963
|
placeholder: datePicker.placeholder,
|
|
22904
22964
|
format: datePicker.format,
|
|
22905
|
-
style: vue.normalizeStyle(style.input(
|
|
22965
|
+
style: vue.normalizeStyle(style.input(propsItem_box, formProps_box)),
|
|
22906
22966
|
onChange: datePicker.hdlChange
|
|
22907
22967
|
}, null, 8 /* PROPS */, ["modelValue", "type", "placeholder", "format", "style", "onChange"]))
|
|
22908
22968
|
: vue.createCommentVNode("v-if", true),
|
|
22909
|
-
(
|
|
22969
|
+
(propsItem_box.inputType === 'input-number')
|
|
22910
22970
|
? (vue.openBlock(), vue.createBlock(_component_el_input_number, {
|
|
22911
22971
|
key: 9,
|
|
22912
|
-
modelValue:
|
|
22913
|
-
"onUpdate:modelValue": _cache[3] || (_cache[3] = $event => ((
|
|
22914
|
-
size: style.input_number(
|
|
22915
|
-
min: 'min' in
|
|
22916
|
-
max: 'max' in
|
|
22917
|
-
step: 'step' in
|
|
22918
|
-
"step-strictly": 'step_strictly' in
|
|
22972
|
+
modelValue: formData_box[propsItem_box.fieldName],
|
|
22973
|
+
"onUpdate:modelValue": _cache[3] || (_cache[3] = $event => ((formData_box[propsItem_box.fieldName]) = $event)),
|
|
22974
|
+
size: style.input_number(propsItem_box).facade.size,
|
|
22975
|
+
min: 'min' in propsItem_box ? propsItem_box.min : 1,
|
|
22976
|
+
max: 'max' in propsItem_box ? propsItem_box.max : 100,
|
|
22977
|
+
step: 'step' in propsItem_box ? propsItem_box.step : 1,
|
|
22978
|
+
"step-strictly": 'step_strictly' in propsItem_box ? propsItem_box.step_strictly : true
|
|
22919
22979
|
}, null, 8 /* PROPS */, ["modelValue", "size", "min", "max", "step", "step-strictly"]))
|
|
22920
22980
|
: vue.createCommentVNode("v-if", true),
|
|
22921
|
-
(
|
|
22981
|
+
(propsItem_box.inputType === 'switch')
|
|
22922
22982
|
? (vue.openBlock(), vue.createBlock(_component_el_switch, {
|
|
22923
22983
|
key: 10,
|
|
22924
|
-
modelValue:
|
|
22925
|
-
"onUpdate:modelValue": _cache[4] || (_cache[4] = $event => ((
|
|
22926
|
-
"active-text":
|
|
22927
|
-
"inactive-text":
|
|
22928
|
-
"active-value":
|
|
22929
|
-
"inactive-value":
|
|
22930
|
-
"active-color": style.el_switch(
|
|
22931
|
-
disabled: !!('disabled' in
|
|
22984
|
+
modelValue: formData_box[propsItem_box.fieldName],
|
|
22985
|
+
"onUpdate:modelValue": _cache[4] || (_cache[4] = $event => ((formData_box[propsItem_box.fieldName]) = $event)),
|
|
22986
|
+
"active-text": propsItem_box.activeText,
|
|
22987
|
+
"inactive-text": propsItem_box.inactiveText,
|
|
22988
|
+
"active-value": propsItem_box.activeValue,
|
|
22989
|
+
"inactive-value": propsItem_box.inactiveValue,
|
|
22990
|
+
"active-color": style.el_switch(propsItem_box).facade.active_color,
|
|
22991
|
+
disabled: !!('disabled' in propsItem_box && (propsItem_box.disabled === true || propsItem_box.disabled === 'true')),
|
|
22932
22992
|
onChange: ly0switch.hdlChange
|
|
22933
22993
|
}, null, 8 /* PROPS */, ["modelValue", "active-text", "inactive-text", "active-value", "inactive-value", "active-color", "disabled", "onChange"]))
|
|
22934
22994
|
: vue.createCommentVNode("v-if", true),
|
|
22935
|
-
(
|
|
22995
|
+
(propsItem_box.inputType === 'radio-group')
|
|
22936
22996
|
? (vue.openBlock(), vue.createBlock(_component_el_radio_group, {
|
|
22937
22997
|
key: 11,
|
|
22938
|
-
modelValue:
|
|
22939
|
-
"onUpdate:modelValue": _cache[5] || (_cache[5] = $event => ((
|
|
22940
|
-
disabled: !!
|
|
22998
|
+
modelValue: formData_box[propsItem_box.fieldName],
|
|
22999
|
+
"onUpdate:modelValue": _cache[5] || (_cache[5] = $event => ((formData_box[propsItem_box.fieldName]) = $event)),
|
|
23000
|
+
disabled: !!propsItem_box.disabled,
|
|
22941
23001
|
onChange: radioGroup.hdlChange
|
|
22942
23002
|
}, {
|
|
22943
23003
|
default: vue.withCtx(() => [
|
|
22944
|
-
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(
|
|
23004
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(propsItem_box.items, (item0, index0) => {
|
|
22945
23005
|
return (vue.openBlock(), vue.createBlock(_component_el_radio, {
|
|
22946
23006
|
key: index0,
|
|
22947
|
-
label: item0[
|
|
23007
|
+
label: item0[propsItem_box.item_fieldValue]
|
|
22948
23008
|
}, {
|
|
22949
23009
|
default: vue.withCtx(() => [
|
|
22950
|
-
vue.createTextVNode(vue.toDisplayString(item0[
|
|
23010
|
+
vue.createTextVNode(vue.toDisplayString(item0[propsItem_box.item_fieldLabel]), 1 /* TEXT */)
|
|
22951
23011
|
]),
|
|
22952
23012
|
_: 2 /* DYNAMIC */
|
|
22953
23013
|
}, 1032 /* PROPS, DYNAMIC_SLOTS */, ["label"]))
|
|
@@ -22956,9 +23016,9 @@ return (_ctx, _cache) => {
|
|
|
22956
23016
|
_: 1 /* STABLE */
|
|
22957
23017
|
}, 8 /* PROPS */, ["modelValue", "disabled", "onChange"]))
|
|
22958
23018
|
: vue.createCommentVNode("v-if", true),
|
|
22959
|
-
(
|
|
23019
|
+
(propsItem_box.inputType === 'button-group' && propsItem_box.box && propsItem_box.box.length > 0)
|
|
22960
23020
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
|
|
22961
|
-
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(
|
|
23021
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(propsItem_box.box, (item0, index0) => {
|
|
22962
23022
|
return (vue.openBlock(), vue.createBlock(_component_el_button_group, {
|
|
22963
23023
|
key: index0,
|
|
22964
23024
|
style: vue.normalizeStyle(style.button_group().group.style)
|
|
@@ -22974,14 +23034,14 @@ return (_ctx, _cache) => {
|
|
|
22974
23034
|
}, {
|
|
22975
23035
|
default: vue.withCtx(() => [
|
|
22976
23036
|
(vue.openBlock(), vue.createBlock(_component_el_button, {
|
|
22977
|
-
style: vue.normalizeStyle(style.button_group(
|
|
22978
|
-
icon: style.button_group(
|
|
22979
|
-
type: style.button_group(
|
|
22980
|
-
size: style.button_group(
|
|
22981
|
-
plain: style.button_group(
|
|
22982
|
-
round: style.button_group(
|
|
22983
|
-
circle: style.button_group(
|
|
22984
|
-
onClick: $event => (item1.hdlClick ? item1.hdlClick({formData:
|
|
23037
|
+
style: vue.normalizeStyle(style.button_group(propsItem_box, item0, item1).button.style),
|
|
23038
|
+
icon: style.button_group(propsItem_box, item0, item1).button.icon,
|
|
23039
|
+
type: style.button_group(propsItem_box, item0, item1).button.facade.type,
|
|
23040
|
+
size: style.button_group(propsItem_box, item0, item1).button.facade.size,
|
|
23041
|
+
plain: style.button_group(propsItem_box, item0, item1).button.facade.plain,
|
|
23042
|
+
round: style.button_group(propsItem_box, item0, item1).button.facade.round,
|
|
23043
|
+
circle: style.button_group(propsItem_box, item0, item1).button.facade.circle,
|
|
23044
|
+
onClick: $event => (item1.hdlClick ? item1.hdlClick({formData: formData_box, scopeThis: scopeThis_box}) : null),
|
|
22985
23045
|
key: index1
|
|
22986
23046
|
}, {
|
|
22987
23047
|
default: vue.withCtx(() => [
|
|
@@ -23003,11 +23063,11 @@ return (_ctx, _cache) => {
|
|
|
23003
23063
|
: vue.createCommentVNode("v-if", true),
|
|
23004
23064
|
vue.createCommentVNode(" 图片&富文本&视频 "),
|
|
23005
23065
|
vue.createCommentVNode(" 图片 "),
|
|
23006
|
-
(
|
|
23066
|
+
(propsItem_box.inputType === 'image')
|
|
23007
23067
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$6, [
|
|
23008
23068
|
vue.createElementVNode("div", null, [
|
|
23009
23069
|
vue.createVNode(_component_el_image, {
|
|
23010
|
-
style: vue.normalizeStyle(style.image(
|
|
23070
|
+
style: vue.normalizeStyle(style.image(propsItem_box, formProps_box)),
|
|
23011
23071
|
src: image.getSrc[0],
|
|
23012
23072
|
"preview-src-list": image.getSrc,
|
|
23013
23073
|
"preview-teleported": true,
|
|
@@ -23015,15 +23075,15 @@ return (_ctx, _cache) => {
|
|
|
23015
23075
|
}, null, 8 /* PROPS */, ["style", "src", "preview-src-list"])
|
|
23016
23076
|
]),
|
|
23017
23077
|
vue.createCommentVNode(" 设置了图片删除功能,同时图片不为空 "),
|
|
23018
|
-
(!!
|
|
23078
|
+
(!!propsItem_box.imageDelete && !!formData_box[propsItem_box.fieldName])
|
|
23019
23079
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, [
|
|
23020
23080
|
vue.createVNode(_component_el_button, {
|
|
23021
23081
|
size: "small",
|
|
23022
|
-
icon: !
|
|
23082
|
+
icon: !formData_box[propsItem_box.imageDelete] ? 'el-icon-delete' : 'el-icon-magic-stick',
|
|
23023
23083
|
onClick: image.delete
|
|
23024
23084
|
}, {
|
|
23025
23085
|
default: vue.withCtx(() => [
|
|
23026
|
-
vue.createTextVNode(vue.toDisplayString(
|
|
23086
|
+
vue.createTextVNode(vue.toDisplayString(formData_box[propsItem_box.imageDelete] ? '图片已删除,恢复' : '删除'), 1 /* TEXT */)
|
|
23027
23087
|
]),
|
|
23028
23088
|
_: 1 /* STABLE */
|
|
23029
23089
|
}, 8 /* PROPS */, ["icon", "onClick"])
|
|
@@ -23032,21 +23092,21 @@ return (_ctx, _cache) => {
|
|
|
23032
23092
|
]))
|
|
23033
23093
|
: vue.createCommentVNode("v-if", true),
|
|
23034
23094
|
vue.createCommentVNode(" 多个图片 "),
|
|
23035
|
-
(
|
|
23095
|
+
(propsItem_box.inputType === 'images')
|
|
23036
23096
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, [
|
|
23037
|
-
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(
|
|
23097
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(formData_box[propsItem_box.fieldName], (itemImages, indexImages) => {
|
|
23038
23098
|
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
23039
23099
|
key: indexImages,
|
|
23040
|
-
style: vue.normalizeStyle(style.images(
|
|
23100
|
+
style: vue.normalizeStyle(style.images(propsItem_box, formProps_box).itemBox)
|
|
23041
23101
|
}, [
|
|
23042
23102
|
vue.createElementVNode("div", null, [
|
|
23043
23103
|
vue.createVNode(_component_el_image, {
|
|
23044
|
-
style: vue.normalizeStyle(style.images(
|
|
23104
|
+
style: vue.normalizeStyle(style.images(propsItem_box, formProps_box).itemThumb),
|
|
23045
23105
|
src: images.getSrc(itemImages, indexImages),
|
|
23046
23106
|
"preview-src-list": images.show
|
|
23047
23107
|
}, null, 8 /* PROPS */, ["style", "src", "preview-src-list"])
|
|
23048
23108
|
]),
|
|
23049
|
-
(!!
|
|
23109
|
+
(!!propsItem_box.imageDelete)
|
|
23050
23110
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
|
|
23051
23111
|
vue.createVNode(_component_el_button, {
|
|
23052
23112
|
size: "small",
|
|
@@ -23054,7 +23114,7 @@ return (_ctx, _cache) => {
|
|
|
23054
23114
|
onClick: $event => (images.delete(itemImages, indexImages))
|
|
23055
23115
|
}, {
|
|
23056
23116
|
default: vue.withCtx(() => [
|
|
23057
|
-
vue.createTextVNode(vue.toDisplayString(
|
|
23117
|
+
vue.createTextVNode(vue.toDisplayString(formData_box[propsItem_box.imageDelete].includes(itemImages) ? '恢复' : '删除'), 1 /* TEXT */)
|
|
23058
23118
|
]),
|
|
23059
23119
|
_: 2 /* DYNAMIC */
|
|
23060
23120
|
}, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"])
|
|
@@ -23065,33 +23125,33 @@ return (_ctx, _cache) => {
|
|
|
23065
23125
|
]))
|
|
23066
23126
|
: vue.createCommentVNode("v-if", true),
|
|
23067
23127
|
vue.createCommentVNode(" 富文本 "),
|
|
23068
|
-
(
|
|
23128
|
+
(propsItem_box.inputType === 'richtext')
|
|
23069
23129
|
? (vue.openBlock(), vue.createElementBlock("div", {
|
|
23070
23130
|
key: 15,
|
|
23071
|
-
style: vue.normalizeStyle(style.richtext(
|
|
23131
|
+
style: vue.normalizeStyle(style.richtext(propsItem_box, formProps_box))
|
|
23072
23132
|
}, [
|
|
23073
23133
|
vue.createVNode(_component_ly0Richtext, {
|
|
23074
|
-
modelValue:
|
|
23075
|
-
"onUpdate:modelValue": _cache[6] || (_cache[6] = $event => ((
|
|
23134
|
+
modelValue: formData_box[propsItem_box.fieldName],
|
|
23135
|
+
"onUpdate:modelValue": _cache[6] || (_cache[6] = $event => ((formData_box[propsItem_box.fieldName]) = $event)),
|
|
23076
23136
|
myProps: richtextProps.value
|
|
23077
23137
|
}, null, 8 /* PROPS */, ["modelValue", "myProps"])
|
|
23078
23138
|
], 4 /* STYLE */))
|
|
23079
23139
|
: vue.createCommentVNode("v-if", true),
|
|
23080
23140
|
vue.createCommentVNode(" 富文本show "),
|
|
23081
|
-
(
|
|
23141
|
+
(propsItem_box.inputType === 'richtextShow')
|
|
23082
23142
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
|
|
23083
23143
|
vue.createElementVNode("div", {
|
|
23084
|
-
innerHTML:
|
|
23144
|
+
innerHTML: formData_box[propsItem_box.fieldName]
|
|
23085
23145
|
}, null, 8 /* PROPS */, _hoisted_8)
|
|
23086
23146
|
]))
|
|
23087
23147
|
: vue.createCommentVNode("v-if", true),
|
|
23088
23148
|
vue.createCommentVNode(" 视频 "),
|
|
23089
|
-
(
|
|
23149
|
+
(propsItem_box.inputType === 'video')
|
|
23090
23150
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
|
|
23091
23151
|
vue.createElementVNode("div", null, [
|
|
23092
23152
|
vue.createElementVNode("video", {
|
|
23093
|
-
width: style.video(
|
|
23094
|
-
height: style.video(
|
|
23153
|
+
width: style.video(propsItem_box, formProps_box).width,
|
|
23154
|
+
height: style.video(propsItem_box, formProps_box).height,
|
|
23095
23155
|
controls: "",
|
|
23096
23156
|
poster: video.poster
|
|
23097
23157
|
}, [
|
|
@@ -23113,15 +23173,15 @@ return (_ctx, _cache) => {
|
|
|
23113
23173
|
], 8 /* PROPS */, _hoisted_10)
|
|
23114
23174
|
]),
|
|
23115
23175
|
vue.createCommentVNode(" 设置了视频删除功能,同时视频不为空 "),
|
|
23116
|
-
(!!
|
|
23176
|
+
(!!propsItem_box.videoDelete && !!formData_box[propsItem_box.fieldName])
|
|
23117
23177
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
|
|
23118
23178
|
vue.createVNode(_component_el_button, {
|
|
23119
23179
|
size: "small",
|
|
23120
|
-
icon: !
|
|
23180
|
+
icon: !formData_box[propsItem_box.videoDelete] ? 'el-icon-delete' : 'el-icon-magic-stick',
|
|
23121
23181
|
onClick: video.delete
|
|
23122
23182
|
}, {
|
|
23123
23183
|
default: vue.withCtx(() => [
|
|
23124
|
-
vue.createTextVNode(vue.toDisplayString(!!
|
|
23184
|
+
vue.createTextVNode(vue.toDisplayString(!!formData_box[propsItem_box.videoDelete] ? '视频已删除,恢复' : '删除'), 1 /* TEXT */)
|
|
23125
23185
|
]),
|
|
23126
23186
|
_: 1 /* STABLE */
|
|
23127
23187
|
}, 8 /* PROPS */, ["icon", "onClick"])
|
|
@@ -23131,9 +23191,9 @@ return (_ctx, _cache) => {
|
|
|
23131
23191
|
: vue.createCommentVNode("v-if", true),
|
|
23132
23192
|
vue.createCommentVNode(" 上传及下载 "),
|
|
23133
23193
|
vue.createCommentVNode(" 下载 "),
|
|
23134
|
-
(
|
|
23194
|
+
(propsItem_box.inputType === 'download')
|
|
23135
23195
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
|
|
23136
|
-
(
|
|
23196
|
+
(formData_box[propsItem_box.fieldName])
|
|
23137
23197
|
? (vue.openBlock(), vue.createElementBlock("a", {
|
|
23138
23198
|
key: 0,
|
|
23139
23199
|
style: vue.normalizeStyle(style.download.style),
|
|
@@ -23149,134 +23209,134 @@ return (_ctx, _cache) => {
|
|
|
23149
23209
|
]))
|
|
23150
23210
|
: vue.createCommentVNode("v-if", true),
|
|
23151
23211
|
vue.createCommentVNode(" 上传多个文件 "),
|
|
23152
|
-
(
|
|
23212
|
+
(propsItem_box.inputType === 'upload')
|
|
23153
23213
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17, [
|
|
23154
23214
|
vue.createVNode(_component_ly0Upload, {
|
|
23155
|
-
modelValue:
|
|
23156
|
-
"onUpdate:modelValue": _cache[7] || (_cache[7] = $event => ((
|
|
23215
|
+
modelValue: formData_box[propsItem_box.fieldName],
|
|
23216
|
+
"onUpdate:modelValue": _cache[7] || (_cache[7] = $event => ((formData_box[propsItem_box.fieldName]) = $event)),
|
|
23157
23217
|
myProps: {uploadUrl: upload.uploadUrl}
|
|
23158
23218
|
}, null, 8 /* PROPS */, ["modelValue", "myProps"])
|
|
23159
23219
|
]))
|
|
23160
23220
|
: vue.createCommentVNode("v-if", true),
|
|
23161
23221
|
vue.createCommentVNode(" 拖拽上传 "),
|
|
23162
|
-
(
|
|
23222
|
+
(propsItem_box.inputType === 'upload-drag')
|
|
23163
23223
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18, [
|
|
23164
23224
|
vue.createVNode(_component_ly0Upload_drag, {
|
|
23165
|
-
modelValue:
|
|
23166
|
-
"onUpdate:modelValue": _cache[8] || (_cache[8] = $event => ((
|
|
23225
|
+
modelValue: formData_box[propsItem_box.fieldName],
|
|
23226
|
+
"onUpdate:modelValue": _cache[8] || (_cache[8] = $event => ((formData_box[propsItem_box.fieldName]) = $event)),
|
|
23167
23227
|
myProps: {uploadUrl: upload.uploadUrl}
|
|
23168
23228
|
}, null, 8 /* PROPS */, ["modelValue", "myProps"])
|
|
23169
23229
|
]))
|
|
23170
23230
|
: vue.createCommentVNode("v-if", true),
|
|
23171
23231
|
vue.createCommentVNode(" 图片列表 "),
|
|
23172
|
-
(
|
|
23232
|
+
(propsItem_box.inputType === 'upload-picture')
|
|
23173
23233
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, [
|
|
23174
23234
|
vue.createVNode(_component_ly0Upload_picture, {
|
|
23175
|
-
modelValue:
|
|
23176
|
-
"onUpdate:modelValue": _cache[9] || (_cache[9] = $event => ((
|
|
23235
|
+
modelValue: formData_box[propsItem_box.fieldName],
|
|
23236
|
+
"onUpdate:modelValue": _cache[9] || (_cache[9] = $event => ((formData_box[propsItem_box.fieldName]) = $event)),
|
|
23177
23237
|
myProps: {uploadUrl: upload.uploadUrl_image}
|
|
23178
23238
|
}, null, 8 /* PROPS */, ["modelValue", "myProps"])
|
|
23179
23239
|
]))
|
|
23180
23240
|
: vue.createCommentVNode("v-if", true),
|
|
23181
23241
|
vue.createCommentVNode(" 图片墙 "),
|
|
23182
|
-
(
|
|
23242
|
+
(propsItem_box.inputType === 'upload-picture-card')
|
|
23183
23243
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20, [
|
|
23184
23244
|
vue.createVNode(_component_ly0Upload_pictureCard, {
|
|
23185
|
-
modelValue:
|
|
23186
|
-
"onUpdate:modelValue": _cache[10] || (_cache[10] = $event => ((
|
|
23245
|
+
modelValue: formData_box[propsItem_box.fieldName],
|
|
23246
|
+
"onUpdate:modelValue": _cache[10] || (_cache[10] = $event => ((formData_box[propsItem_box.fieldName]) = $event)),
|
|
23187
23247
|
myProps: {uploadUrl: upload.uploadUrl_image}
|
|
23188
23248
|
}, null, 8 /* PROPS */, ["modelValue", "myProps"])
|
|
23189
23249
|
]))
|
|
23190
23250
|
: vue.createCommentVNode("v-if", true),
|
|
23191
23251
|
vue.createCommentVNode(" 头像 "),
|
|
23192
|
-
(
|
|
23252
|
+
(propsItem_box.inputType === 'upload-avatar')
|
|
23193
23253
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21, [
|
|
23194
23254
|
vue.createVNode(_component_ly0Upload_avatar, {
|
|
23195
|
-
modelValue:
|
|
23196
|
-
"onUpdate:modelValue": _cache[11] || (_cache[11] = $event => ((
|
|
23255
|
+
modelValue: formData_box[propsItem_box.fieldName],
|
|
23256
|
+
"onUpdate:modelValue": _cache[11] || (_cache[11] = $event => ((formData_box[propsItem_box.fieldName]) = $event)),
|
|
23197
23257
|
myProps: {uploadUrl: upload.uploadUrl_image}
|
|
23198
23258
|
}, null, 8 /* PROPS */, ["modelValue", "myProps"])
|
|
23199
23259
|
]))
|
|
23200
23260
|
: vue.createCommentVNode("v-if", true),
|
|
23201
23261
|
vue.createCommentVNode(" 车牌识别 "),
|
|
23202
|
-
(
|
|
23262
|
+
(propsItem_box.inputType === 'upload-carplate')
|
|
23203
23263
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_22, [
|
|
23204
23264
|
vue.createVNode(_component_ly0Upload_carplate, {
|
|
23205
|
-
modelValue:
|
|
23206
|
-
"onUpdate:modelValue": _cache[12] || (_cache[12] = $event => ((
|
|
23265
|
+
modelValue: formData_box[propsItem_box.fieldName],
|
|
23266
|
+
"onUpdate:modelValue": _cache[12] || (_cache[12] = $event => ((formData_box[propsItem_box.fieldName]) = $event)),
|
|
23207
23267
|
myProps: {uploadUrl: upload.uploadUrl_carplate}
|
|
23208
23268
|
}, null, 8 /* PROPS */, ["modelValue", "myProps"])
|
|
23209
23269
|
]))
|
|
23210
23270
|
: vue.createCommentVNode("v-if", true),
|
|
23211
23271
|
vue.createCommentVNode(" 行政区划 "),
|
|
23212
|
-
(
|
|
23272
|
+
(propsItem_box.inputType === 'd3gbt2260')
|
|
23213
23273
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23, [
|
|
23214
23274
|
vue.createVNode(_component_ly0gbt2260, {
|
|
23215
|
-
modelValue:
|
|
23216
|
-
"onUpdate:modelValue": _cache[13] || (_cache[13] = $event => ((
|
|
23217
|
-
myProps: {readOnly:
|
|
23275
|
+
modelValue: formData_box[propsItem_box.fieldName],
|
|
23276
|
+
"onUpdate:modelValue": _cache[13] || (_cache[13] = $event => ((formData_box[propsItem_box.fieldName]) = $event)),
|
|
23277
|
+
myProps: {readOnly: propsItem_box.readOnly}
|
|
23218
23278
|
}, null, 8 /* PROPS */, ["modelValue", "myProps"])
|
|
23219
23279
|
]))
|
|
23220
23280
|
: vue.createCommentVNode("v-if", true),
|
|
23221
23281
|
vue.createCommentVNode(" 商品分类 "),
|
|
23222
|
-
(
|
|
23282
|
+
(propsItem_box.inputType === 'd7group')
|
|
23223
23283
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_24, [
|
|
23224
23284
|
vue.createVNode(_component_ly0d7group, {
|
|
23225
|
-
modelValue:
|
|
23226
|
-
"onUpdate:modelValue": _cache[14] || (_cache[14] = $event => ((
|
|
23227
|
-
myProps: {readOnly:
|
|
23285
|
+
modelValue: formData_box[propsItem_box.fieldName],
|
|
23286
|
+
"onUpdate:modelValue": _cache[14] || (_cache[14] = $event => ((formData_box[propsItem_box.fieldName]) = $event)),
|
|
23287
|
+
myProps: {readOnly: propsItem_box.readOnly}
|
|
23228
23288
|
}, null, 8 /* PROPS */, ["modelValue", "myProps"])
|
|
23229
23289
|
]))
|
|
23230
23290
|
: vue.createCommentVNode("v-if", true),
|
|
23231
23291
|
vue.createCommentVNode(" 邮寄地址 "),
|
|
23232
|
-
(
|
|
23292
|
+
(propsItem_box.inputType === 'd7postal')
|
|
23233
23293
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_25, [
|
|
23234
23294
|
vue.createVNode(_component_ly0d7postal, {
|
|
23235
|
-
modelValue:
|
|
23236
|
-
"onUpdate:modelValue": _cache[15] || (_cache[15] = $event => ((
|
|
23237
|
-
myProps: {readOnly:
|
|
23295
|
+
modelValue: formData_box[propsItem_box.fieldName],
|
|
23296
|
+
"onUpdate:modelValue": _cache[15] || (_cache[15] = $event => ((formData_box[propsItem_box.fieldName]) = $event)),
|
|
23297
|
+
myProps: {readOnly: propsItem_box.readOnly}
|
|
23238
23298
|
}, null, 8 /* PROPS */, ["modelValue", "myProps"])
|
|
23239
23299
|
]))
|
|
23240
23300
|
: vue.createCommentVNode("v-if", true),
|
|
23241
23301
|
vue.createCommentVNode(" 商品标价 "),
|
|
23242
|
-
(
|
|
23302
|
+
(propsItem_box.inputType === 'd7price')
|
|
23243
23303
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_26, [
|
|
23244
23304
|
vue.createVNode(_component_ly0d7price, {
|
|
23245
|
-
modelValue:
|
|
23246
|
-
"onUpdate:modelValue": _cache[16] || (_cache[16] = $event => ((
|
|
23247
|
-
myProps: {readOnly:
|
|
23305
|
+
modelValue: formData_box[propsItem_box.fieldName],
|
|
23306
|
+
"onUpdate:modelValue": _cache[16] || (_cache[16] = $event => ((formData_box[propsItem_box.fieldName]) = $event)),
|
|
23307
|
+
myProps: {readOnly: propsItem_box.readOnly}
|
|
23248
23308
|
}, null, 8 /* PROPS */, ["modelValue", "myProps"])
|
|
23249
23309
|
]))
|
|
23250
23310
|
: vue.createCommentVNode("v-if", true),
|
|
23251
23311
|
vue.createCommentVNode(" 商品规格 "),
|
|
23252
|
-
(
|
|
23312
|
+
(propsItem_box.inputType === 'd7size')
|
|
23253
23313
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_27, [
|
|
23254
23314
|
vue.createVNode(_component_ly0d7size, {
|
|
23255
|
-
modelValue:
|
|
23256
|
-
"onUpdate:modelValue": _cache[17] || (_cache[17] = $event => ((
|
|
23257
|
-
myProps: {readOnly:
|
|
23315
|
+
modelValue: formData_box[propsItem_box.fieldName],
|
|
23316
|
+
"onUpdate:modelValue": _cache[17] || (_cache[17] = $event => ((formData_box[propsItem_box.fieldName]) = $event)),
|
|
23317
|
+
myProps: {readOnly: propsItem_box.readOnly}
|
|
23258
23318
|
}, null, 8 /* PROPS */, ["modelValue", "myProps"])
|
|
23259
23319
|
]))
|
|
23260
23320
|
: vue.createCommentVNode("v-if", true),
|
|
23261
23321
|
vue.createCommentVNode(" 商品缩略图 "),
|
|
23262
|
-
(
|
|
23322
|
+
(propsItem_box.inputType === 'd7thumb')
|
|
23263
23323
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_28, [
|
|
23264
23324
|
vue.createVNode(_component_ly0d7thumb, {
|
|
23265
|
-
modelValue:
|
|
23266
|
-
"onUpdate:modelValue": _cache[18] || (_cache[18] = $event => (
|
|
23325
|
+
modelValue: formData_box,
|
|
23326
|
+
"onUpdate:modelValue": _cache[18] || (_cache[18] = $event => ((formData_box) = $event)),
|
|
23267
23327
|
myProps: {
|
|
23268
23328
|
thumb: {
|
|
23269
|
-
fieldName:
|
|
23270
|
-
width:
|
|
23271
|
-
height:
|
|
23329
|
+
fieldName: propsItem_box.thumb.fieldName || formProps_box.para.ly0d7thumb.thumb.fieldName,
|
|
23330
|
+
width: propsItem_box.thumb.width || formProps_box.para.ly0d7thumb.thumb.width,
|
|
23331
|
+
height: propsItem_box.thumb.height || formProps_box.para.ly0d7thumb.thumb.height
|
|
23272
23332
|
},
|
|
23273
23333
|
name: {
|
|
23274
|
-
fieldName:
|
|
23334
|
+
fieldName: propsItem_box.name.fieldName || formProps_box.para.ly0d7thumb.name.fieldName,
|
|
23275
23335
|
},
|
|
23276
23336
|
number: {
|
|
23277
|
-
fieldName:
|
|
23337
|
+
fieldName: propsItem_box.number.fieldName || formProps_box.para.ly0d7thumb.number.fieldName,
|
|
23278
23338
|
},
|
|
23279
|
-
readOnly:
|
|
23339
|
+
readOnly: propsItem_box.readOnly
|
|
23280
23340
|
}
|
|
23281
23341
|
}, null, 8 /* PROPS */, ["modelValue", "myProps"])
|
|
23282
23342
|
]))
|
|
@@ -23296,17 +23356,33 @@ const _hoisted_2$c = ["colspan"];
|
|
|
23296
23356
|
const _hoisted_3$5 = { key: 0 };
|
|
23297
23357
|
const _hoisted_4$3 = ["colspan"];
|
|
23298
23358
|
|
|
23299
|
-
// 表单数据及方法注入
|
|
23300
23359
|
|
|
23301
23360
|
var script$f = {
|
|
23302
23361
|
__name: 'Form',
|
|
23303
|
-
|
|
23362
|
+
props: {
|
|
23363
|
+
modelValue: {
|
|
23364
|
+
type: Object,
|
|
23365
|
+
default: () => ({})
|
|
23366
|
+
},
|
|
23367
|
+
myProps: {
|
|
23368
|
+
type: Object,
|
|
23369
|
+
default: () => ({})
|
|
23370
|
+
},
|
|
23371
|
+
scopeThis: {
|
|
23372
|
+
type: Object,
|
|
23373
|
+
default: () => ({})
|
|
23374
|
+
}
|
|
23375
|
+
},
|
|
23376
|
+
emits: ['update:modelValue', 'change'],
|
|
23377
|
+
setup(__props, { emit: __emit }) {
|
|
23304
23378
|
|
|
23305
|
-
const
|
|
23306
|
-
|
|
23307
|
-
const
|
|
23379
|
+
const props = __props;
|
|
23380
|
+
// 遵循 Vue 3 v-model 规范,使用 update:modelValue 事件
|
|
23381
|
+
const emit = __emit;
|
|
23308
23382
|
|
|
23309
|
-
|
|
23383
|
+
const formData_box = vue.reactive(JSON.parse(JSON.stringify(props.modelValue)));
|
|
23384
|
+
const formProps_box = vue.reactive(Object.assign({}, props.myProps));
|
|
23385
|
+
const scopeThis_box = vue.reactive(Object.assign({}, props.scopeThis));
|
|
23310
23386
|
|
|
23311
23387
|
const style = vue.reactive({
|
|
23312
23388
|
collapse: styleModule.collapse,
|
|
@@ -23319,11 +23395,11 @@ const style = vue.reactive({
|
|
|
23319
23395
|
|
|
23320
23396
|
const hdl = {
|
|
23321
23397
|
async submit(){
|
|
23322
|
-
if(
|
|
23398
|
+
if(formProps_box.submit.handle){
|
|
23323
23399
|
// 执行用户句柄
|
|
23324
|
-
const result = await
|
|
23325
|
-
formData,
|
|
23326
|
-
scopeThis
|
|
23400
|
+
const result = await formProps_box.submit.handle({
|
|
23401
|
+
formData: formData_box,
|
|
23402
|
+
scopeThis: scopeThis_box
|
|
23327
23403
|
});
|
|
23328
23404
|
if(result.code !== 0){
|
|
23329
23405
|
return
|
|
@@ -23331,10 +23407,10 @@ const hdl = {
|
|
|
23331
23407
|
}
|
|
23332
23408
|
|
|
23333
23409
|
// 后台提交 - URL地址
|
|
23334
|
-
if(
|
|
23410
|
+
if(formProps_box.submit.url){
|
|
23335
23411
|
const result = await request.ly0.ly0request({
|
|
23336
|
-
url:
|
|
23337
|
-
data:
|
|
23412
|
+
url: formProps_box.submit.url,
|
|
23413
|
+
data: formData_box
|
|
23338
23414
|
});
|
|
23339
23415
|
if(result.code !== 0){
|
|
23340
23416
|
return
|
|
@@ -23342,22 +23418,23 @@ const hdl = {
|
|
|
23342
23418
|
}
|
|
23343
23419
|
|
|
23344
23420
|
// 后台提交 - 存储过程
|
|
23345
|
-
if(
|
|
23421
|
+
if(formProps_box.submit.storpro){
|
|
23346
23422
|
const result = await request.ly0.storpro({
|
|
23347
|
-
storproName:
|
|
23348
|
-
data:
|
|
23423
|
+
storproName: formProps_box.submit.storpro,
|
|
23424
|
+
data: formData_box
|
|
23349
23425
|
});
|
|
23350
23426
|
if(result.code !== 0){
|
|
23351
23427
|
return
|
|
23352
23428
|
}
|
|
23353
23429
|
}
|
|
23354
23430
|
|
|
23355
|
-
|
|
23356
|
-
formProps.submit.watch = true;
|
|
23357
|
-
if(formProps.popup){
|
|
23431
|
+
if(formProps_box.popup){
|
|
23358
23432
|
// 关闭表单窗口
|
|
23359
|
-
|
|
23433
|
+
formProps_box.popup.visible = false;
|
|
23360
23434
|
}
|
|
23435
|
+
|
|
23436
|
+
// 触发 update:modelValue 事件更新父组件的 v-model 绑定的值
|
|
23437
|
+
emit("update:modelValue", formData_box);
|
|
23361
23438
|
}
|
|
23362
23439
|
};
|
|
23363
23440
|
|
|
@@ -23369,31 +23446,37 @@ return (_ctx, _cache) => {
|
|
|
23369
23446
|
|
|
23370
23447
|
return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
23371
23448
|
vue.createCommentVNode(" 置顶菜单 "),
|
|
23372
|
-
(
|
|
23449
|
+
(formProps_box.menu && formProps_box.menu.menu && formProps_box.menu.menu.length > 0)
|
|
23373
23450
|
? (vue.openBlock(), vue.createBlock(_component_ly0Menu, {
|
|
23374
23451
|
key: 0,
|
|
23375
|
-
myProps:
|
|
23376
|
-
scopeThis:
|
|
23452
|
+
myProps: formProps_box.menu,
|
|
23453
|
+
scopeThis: __props.scopeThis
|
|
23377
23454
|
}, null, 8 /* PROPS */, ["myProps", "scopeThis"]))
|
|
23378
23455
|
: vue.createCommentVNode("v-if", true),
|
|
23379
23456
|
vue.createCommentVNode(" 表单区域可以分为多个列 "),
|
|
23380
23457
|
vue.createElementVNode("div", {
|
|
23381
23458
|
style: vue.normalizeStyle(style.root_box)
|
|
23382
23459
|
}, [
|
|
23383
|
-
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(
|
|
23460
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(formProps_box.cols, (item, index) => {
|
|
23384
23461
|
return (vue.openBlock(), vue.createElementBlock("div", { key: index }, [
|
|
23385
23462
|
vue.createElementVNode("table", null, [
|
|
23386
23463
|
vue.createElementVNode("tbody", null, [
|
|
23387
23464
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.items, (item0, index0) => {
|
|
23388
23465
|
return (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index0 }, [
|
|
23389
|
-
(item0.hdlVisible ? item0.hdlVisible({formData:
|
|
23466
|
+
(item0.hdlVisible ? item0.hdlVisible({formData: formData_box, scopeThis: scopeThis_box}) : true)
|
|
23390
23467
|
? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$c, [
|
|
23391
23468
|
(!!item0.label)
|
|
23392
23469
|
? (vue.openBlock(), vue.createElementBlock("td", {
|
|
23393
23470
|
key: 0,
|
|
23394
23471
|
style: vue.normalizeStyle(style.field_box.left)
|
|
23395
23472
|
}, [
|
|
23396
|
-
vue.createVNode(script$h, {
|
|
23473
|
+
vue.createVNode(script$h, {
|
|
23474
|
+
modelValue: formData_box,
|
|
23475
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((formData_box) = $event)),
|
|
23476
|
+
myProps: formProps_box,
|
|
23477
|
+
scopeThis: scopeThis_box,
|
|
23478
|
+
item: item0
|
|
23479
|
+
}, null, 8 /* PROPS */, ["modelValue", "myProps", "scopeThis", "item"])
|
|
23397
23480
|
], 4 /* STYLE */))
|
|
23398
23481
|
: vue.createCommentVNode("v-if", true),
|
|
23399
23482
|
vue.createElementVNode("td", {
|
|
@@ -23414,7 +23497,7 @@ return (_ctx, _cache) => {
|
|
|
23414
23497
|
default: vue.withCtx(() => [
|
|
23415
23498
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item0.items, (item1, index1) => {
|
|
23416
23499
|
return (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index1 }, [
|
|
23417
|
-
(item1.hdlVisible ? item1.hdlVisible({formData:
|
|
23500
|
+
(item1.hdlVisible ? item1.hdlVisible({formData: formData_box, scopeThis: scopeThis_box}) : true)
|
|
23418
23501
|
? (vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
|
|
23419
23502
|
key: 0,
|
|
23420
23503
|
title: item1.title,
|
|
@@ -23428,7 +23511,7 @@ return (_ctx, _cache) => {
|
|
|
23428
23511
|
return (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
|
|
23429
23512
|
(
|
|
23430
23513
|
item2.hdlVisible
|
|
23431
|
-
? item2.hdlVisible({formData:
|
|
23514
|
+
? item2.hdlVisible({formData: formData_box, scopeThis: scopeThis_box})
|
|
23432
23515
|
: true
|
|
23433
23516
|
)
|
|
23434
23517
|
? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_3$5, [
|
|
@@ -23437,14 +23520,26 @@ return (_ctx, _cache) => {
|
|
|
23437
23520
|
key: 0,
|
|
23438
23521
|
style: vue.normalizeStyle(style.field_box.left)
|
|
23439
23522
|
}, [
|
|
23440
|
-
vue.createVNode(script$h, {
|
|
23523
|
+
vue.createVNode(script$h, {
|
|
23524
|
+
modelValue: formData_box,
|
|
23525
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ((formData_box) = $event)),
|
|
23526
|
+
myProps: formProps_box,
|
|
23527
|
+
scopeThis: scopeThis_box,
|
|
23528
|
+
item: item2
|
|
23529
|
+
}, null, 8 /* PROPS */, ["modelValue", "myProps", "scopeThis", "item"])
|
|
23441
23530
|
], 4 /* STYLE */))
|
|
23442
23531
|
: vue.createCommentVNode("v-if", true),
|
|
23443
23532
|
vue.createElementVNode("td", {
|
|
23444
23533
|
style: vue.normalizeStyle(style.field_box.right),
|
|
23445
23534
|
colspan: style.no_field_label(item2)
|
|
23446
23535
|
}, [
|
|
23447
|
-
vue.createVNode(script$g, {
|
|
23536
|
+
vue.createVNode(script$g, {
|
|
23537
|
+
modelValue: formData_box,
|
|
23538
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = $event => ((formData_box) = $event)),
|
|
23539
|
+
myProps: formProps_box,
|
|
23540
|
+
scopeThis: scopeThis_box,
|
|
23541
|
+
item: item2
|
|
23542
|
+
}, null, 8 /* PROPS */, ["modelValue", "myProps", "scopeThis", "item"])
|
|
23448
23543
|
], 12 /* STYLE, PROPS */, _hoisted_4$3)
|
|
23449
23544
|
]))
|
|
23450
23545
|
: vue.createCommentVNode("v-if", true)
|
|
@@ -23461,7 +23556,13 @@ return (_ctx, _cache) => {
|
|
|
23461
23556
|
_: 2 /* DYNAMIC */
|
|
23462
23557
|
}, 1032 /* PROPS, DYNAMIC_SLOTS */, ["accordion", "modelValue", "onUpdate:modelValue", "style"]))
|
|
23463
23558
|
: vue.createCommentVNode("v-if", true),
|
|
23464
|
-
vue.createVNode(script$g, {
|
|
23559
|
+
vue.createVNode(script$g, {
|
|
23560
|
+
modelValue: formData_box,
|
|
23561
|
+
"onUpdate:modelValue": _cache[3] || (_cache[3] = $event => ((formData_box) = $event)),
|
|
23562
|
+
myProps: formProps_box,
|
|
23563
|
+
scopeThis: scopeThis_box,
|
|
23564
|
+
item: item0
|
|
23565
|
+
}, null, 8 /* PROPS */, ["modelValue", "myProps", "scopeThis", "item"])
|
|
23465
23566
|
], 12 /* STYLE, PROPS */, _hoisted_2$c)
|
|
23466
23567
|
]))
|
|
23467
23568
|
: vue.createCommentVNode("v-if", true)
|
|
@@ -23473,7 +23574,7 @@ return (_ctx, _cache) => {
|
|
|
23473
23574
|
}), 128 /* KEYED_FRAGMENT */))
|
|
23474
23575
|
], 4 /* STYLE */),
|
|
23475
23576
|
vue.createCommentVNode(" 提交 "),
|
|
23476
|
-
(
|
|
23577
|
+
(formProps_box.submit.switch)
|
|
23477
23578
|
? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
|
|
23478
23579
|
vue.createElementVNode("div", {
|
|
23479
23580
|
style: vue.normalizeStyle(style.line)
|
|
@@ -23487,7 +23588,7 @@ return (_ctx, _cache) => {
|
|
|
23487
23588
|
style: vue.normalizeStyle(style.submit_box.button.style),
|
|
23488
23589
|
onClick: hdl.submit
|
|
23489
23590
|
}, {
|
|
23490
|
-
default: vue.withCtx(() => [...(_cache[
|
|
23591
|
+
default: vue.withCtx(() => [...(_cache[4] || (_cache[4] = [
|
|
23491
23592
|
vue.createTextVNode("提交", -1 /* CACHED */)
|
|
23492
23593
|
]))]),
|
|
23493
23594
|
_: 1 /* STABLE */
|
|
@@ -23526,57 +23627,52 @@ const props = __props;
|
|
|
23526
23627
|
// 遵循 Vue 3 v-model 规范,使用 update:modelValue 事件
|
|
23527
23628
|
const emit = __emit;
|
|
23528
23629
|
|
|
23529
|
-
const
|
|
23530
|
-
const
|
|
23630
|
+
const formData_box = vue.reactive(JSON.parse(JSON.stringify(props.modelValue)));
|
|
23631
|
+
const formProps_box = vue.reactive(Object.assign({}, ly0default$2.myProps, props.myProps));
|
|
23531
23632
|
const scopeThis_box = vue.reactive(Object.assign({}, props.scopeThis));
|
|
23532
23633
|
|
|
23533
|
-
//
|
|
23534
|
-
vue.
|
|
23535
|
-
|
|
23536
|
-
|
|
23537
|
-
|
|
23538
|
-
|
|
23539
|
-
|
|
23540
|
-
|
|
23541
|
-
myProps_box.submit.watch,
|
|
23542
|
-
(newVal, oldVal) => {
|
|
23543
|
-
if (newVal) {
|
|
23544
|
-
// 触发 update:modelValue 事件更新父组件的 v-model 绑定的值
|
|
23545
|
-
emit("update:modelValue", modelValue_box);
|
|
23546
|
-
}
|
|
23547
|
-
});
|
|
23548
|
-
}else { // 非提交模式
|
|
23549
|
-
vue.watch(
|
|
23550
|
-
modelValue_box, // 监听 reactive 对象时,默认是深层监听
|
|
23551
|
-
(newVal, oldVal) => {
|
|
23552
|
-
// 触发 update:modelValue 事件更新父组件的 v-model 绑定的值
|
|
23553
|
-
emit("update:modelValue", newVal);
|
|
23554
|
-
}
|
|
23555
|
-
);
|
|
23556
|
-
}
|
|
23634
|
+
// 表单数据监听
|
|
23635
|
+
vue.watch(
|
|
23636
|
+
formData_box, // 监听 reactive 对象时,默认是深层监听
|
|
23637
|
+
(newVal, oldVal) => {
|
|
23638
|
+
// 触发 update:modelValue 事件更新父组件的 v-model 绑定的值
|
|
23639
|
+
emit("update:modelValue", newVal);
|
|
23640
|
+
}
|
|
23641
|
+
);
|
|
23557
23642
|
|
|
23558
23643
|
return (_ctx, _cache) => {
|
|
23559
23644
|
const _component_el_dialog = vue.resolveComponent("el-dialog");
|
|
23560
23645
|
|
|
23561
|
-
return (
|
|
23646
|
+
return (formProps_box.popup && formProps_box.popup.visible)
|
|
23562
23647
|
? (vue.openBlock(), vue.createBlock(_component_el_dialog, {
|
|
23563
23648
|
key: 0,
|
|
23564
|
-
modelValue:
|
|
23565
|
-
"onUpdate:modelValue": _cache[
|
|
23649
|
+
modelValue: formProps_box.popup.visible,
|
|
23650
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ((formProps_box.popup.visible) = $event)),
|
|
23566
23651
|
"custom-class": "code-template-dialog",
|
|
23567
23652
|
"close-on-press-escape": true,
|
|
23568
23653
|
"append-to-body": "",
|
|
23569
|
-
title:
|
|
23570
|
-
width:
|
|
23571
|
-
top:
|
|
23654
|
+
title: formProps_box.popup.title,
|
|
23655
|
+
width: formProps_box.popup.width,
|
|
23656
|
+
top: formProps_box.popup.top,
|
|
23572
23657
|
"destroy-on-close": true
|
|
23573
23658
|
}, {
|
|
23574
23659
|
default: vue.withCtx(() => [
|
|
23575
|
-
vue.createVNode(script$f
|
|
23660
|
+
vue.createVNode(script$f, {
|
|
23661
|
+
modelValue: formData_box,
|
|
23662
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((formData_box) = $event)),
|
|
23663
|
+
myProps: formProps_box,
|
|
23664
|
+
scopeThis: scopeThis_box
|
|
23665
|
+
}, null, 8 /* PROPS */, ["modelValue", "myProps", "scopeThis"])
|
|
23576
23666
|
]),
|
|
23577
23667
|
_: 1 /* STABLE */
|
|
23578
23668
|
}, 8 /* PROPS */, ["modelValue", "title", "width", "top"]))
|
|
23579
|
-
: (vue.openBlock(), vue.createBlock(script$f, {
|
|
23669
|
+
: (vue.openBlock(), vue.createBlock(script$f, {
|
|
23670
|
+
key: 1,
|
|
23671
|
+
modelValue: formData_box,
|
|
23672
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = $event => ((formData_box) = $event)),
|
|
23673
|
+
myProps: formProps_box,
|
|
23674
|
+
scopeThis: scopeThis_box
|
|
23675
|
+
}, null, 8 /* PROPS */, ["modelValue", "myProps", "scopeThis"]))
|
|
23580
23676
|
}
|
|
23581
23677
|
}
|
|
23582
23678
|
|
|
@@ -23600,7 +23696,7 @@ var ly0default$1 = {
|
|
|
23600
23696
|
|
|
23601
23697
|
var script$d = {
|
|
23602
23698
|
__name: 'index',
|
|
23603
|
-
props: ["
|
|
23699
|
+
props: ["myProps", "scopeThis"],
|
|
23604
23700
|
setup(__props) {
|
|
23605
23701
|
|
|
23606
23702
|
const props = __props;
|