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