@fecp/designer 5.3.9 → 5.3.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/designer.css +69 -53
- package/es/node_modules/.pnpm/@element-plus_icons-vue@2.3.2_vue@3.5.13_typescript@5.7.3_/node_modules/@element-plus/icons-vue/dist/index.mjs +20 -0
- package/es/packages/designer/package.json.mjs +1 -1
- package/es/packages/designer/src/packages/form/index.vue.mjs +29 -110
- package/lib/designer.css +69 -53
- package/lib/node_modules/.pnpm/@element-plus_icons-vue@2.3.2_vue@3.5.13_typescript@5.7.3_/node_modules/@element-plus/icons-vue/dist/index.js +20 -0
- package/lib/packages/designer/package.json.js +1 -1
- package/lib/packages/designer/src/packages/form/index.vue.js +32 -113
- package/package.json +1 -1
package/es/designer.css
CHANGED
|
@@ -4648,33 +4648,33 @@ to {
|
|
|
4648
4648
|
white-space: nowrap;
|
|
4649
4649
|
overflow: hidden;
|
|
4650
4650
|
text-overflow: ellipsis;
|
|
4651
|
-
}.form-work-area[data-v-
|
|
4651
|
+
}.form-work-area[data-v-1d0d8388] {
|
|
4652
4652
|
height: 100%;
|
|
4653
4653
|
display: flex;
|
|
4654
4654
|
flex-direction: column;
|
|
4655
4655
|
}
|
|
4656
|
-
.form-toolbar[data-v-
|
|
4656
|
+
.form-toolbar[data-v-1d0d8388] {
|
|
4657
4657
|
background: #f8f9fa;
|
|
4658
4658
|
padding: 16px;
|
|
4659
4659
|
margin-bottom: 20px;
|
|
4660
4660
|
border-radius: 4px;
|
|
4661
4661
|
border: 1px solid #e9ecef;
|
|
4662
4662
|
}
|
|
4663
|
-
.form-grid-container[data-v-
|
|
4663
|
+
.form-grid-container[data-v-1d0d8388] {
|
|
4664
4664
|
position: relative;
|
|
4665
4665
|
flex: 1;
|
|
4666
4666
|
overflow: auto;
|
|
4667
4667
|
background-color: #fff;
|
|
4668
4668
|
user-select: none;
|
|
4669
4669
|
}
|
|
4670
|
-
.form-grid[data-v-
|
|
4670
|
+
.form-grid[data-v-1d0d8388] {
|
|
4671
4671
|
position: relative;
|
|
4672
4672
|
padding: 12px;
|
|
4673
4673
|
}
|
|
4674
|
-
.form-grid.el-form--label-top .status-tags[data-v-
|
|
4674
|
+
.form-grid.el-form--label-top .status-tags[data-v-1d0d8388] {
|
|
4675
4675
|
top: 28px;
|
|
4676
4676
|
}
|
|
4677
|
-
.form-component[data-v-
|
|
4677
|
+
.form-component[data-v-1d0d8388] {
|
|
4678
4678
|
position: relative;
|
|
4679
4679
|
border-radius: 4px;
|
|
4680
4680
|
padding: 12px;
|
|
@@ -4682,26 +4682,26 @@ to {
|
|
|
4682
4682
|
transition: all 0.2s ease;
|
|
4683
4683
|
height: 100%;
|
|
4684
4684
|
}
|
|
4685
|
-
.form-component.h2[data-v-
|
|
4685
|
+
.form-component.h2[data-v-1d0d8388] {
|
|
4686
4686
|
padding: 8px 12px;
|
|
4687
4687
|
}
|
|
4688
|
-
.form-component.is-hover[data-v-
|
|
4688
|
+
.form-component.is-hover[data-v-1d0d8388] {
|
|
4689
4689
|
background: #f5f7fa;
|
|
4690
4690
|
border: 1px solid #e4e7ed;
|
|
4691
4691
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
|
|
4692
4692
|
z-index: 1;
|
|
4693
4693
|
}
|
|
4694
|
-
.form-component.is-select[data-v-
|
|
4694
|
+
.form-component.is-select[data-v-1d0d8388] {
|
|
4695
4695
|
background: #fff8e6;
|
|
4696
4696
|
border: 2px solid #f0ad4e;
|
|
4697
4697
|
box-shadow: 0 4px 16px rgba(240, 173, 78, 0.2);
|
|
4698
4698
|
}
|
|
4699
|
-
.form-component.is-hover.is-select[data-v-
|
|
4699
|
+
.form-component.is-hover.is-select[data-v-1d0d8388] {
|
|
4700
4700
|
background: #fff8e6;
|
|
4701
4701
|
border-color: #f5b041;
|
|
4702
4702
|
box-shadow: 0 4px 16px rgba(240, 173, 78, 0.3);
|
|
4703
4703
|
}
|
|
4704
|
-
.form-component .component-toolbar[data-v-
|
|
4704
|
+
.form-component .component-toolbar[data-v-1d0d8388] {
|
|
4705
4705
|
position: absolute;
|
|
4706
4706
|
top: -12px;
|
|
4707
4707
|
right: 8px;
|
|
@@ -4710,7 +4710,7 @@ to {
|
|
|
4710
4710
|
opacity: 0;
|
|
4711
4711
|
transition: all 0.2s ease;
|
|
4712
4712
|
}
|
|
4713
|
-
.form-component .component-toolbar .toolbar-btn[data-v-
|
|
4713
|
+
.form-component .component-toolbar .toolbar-btn[data-v-1d0d8388] {
|
|
4714
4714
|
width: 20px;
|
|
4715
4715
|
height: 20px;
|
|
4716
4716
|
border-radius: 3px;
|
|
@@ -4725,54 +4725,70 @@ to {
|
|
|
4725
4725
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
4726
4726
|
transition: all 0.15s ease;
|
|
4727
4727
|
}
|
|
4728
|
-
.form-component .component-toolbar .toolbar-btn[data-v-
|
|
4728
|
+
.form-component .component-toolbar .toolbar-btn[data-v-1d0d8388]:hover {
|
|
4729
4729
|
transform: scale(1.05);
|
|
4730
4730
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
|
|
4731
4731
|
}
|
|
4732
|
-
.form-component .component-toolbar .toolbar-btn.delete-btn[data-v-
|
|
4732
|
+
.form-component .component-toolbar .toolbar-btn.delete-btn[data-v-1d0d8388] {
|
|
4733
4733
|
color: #f56c6c;
|
|
4734
4734
|
}
|
|
4735
|
-
.form-component .component-toolbar .toolbar-btn.delete-btn[data-v-
|
|
4735
|
+
.form-component .component-toolbar .toolbar-btn.delete-btn[data-v-1d0d8388]:hover {
|
|
4736
4736
|
background: #f56c6c;
|
|
4737
4737
|
color: white;
|
|
4738
4738
|
border-color: #f56c6c;
|
|
4739
4739
|
}
|
|
4740
|
-
.form-component .component-toolbar .toolbar-btn.settings-btn[data-v-
|
|
4740
|
+
.form-component .component-toolbar .toolbar-btn.settings-btn[data-v-1d0d8388] {
|
|
4741
4741
|
color: #409eff;
|
|
4742
4742
|
}
|
|
4743
|
-
.form-component .component-toolbar .toolbar-btn.settings-btn[data-v-
|
|
4743
|
+
.form-component .component-toolbar .toolbar-btn.settings-btn[data-v-1d0d8388]:hover, .form-component .component-toolbar .toolbar-btn.settings-btn.is-active[data-v-1d0d8388] {
|
|
4744
4744
|
background: #409eff;
|
|
4745
4745
|
color: white;
|
|
4746
4746
|
border-color: #409eff;
|
|
4747
4747
|
}
|
|
4748
|
-
.form-component .component-toolbar .toolbar-btn.required-btn[data-v-
|
|
4748
|
+
.form-component .component-toolbar .toolbar-btn.required-btn[data-v-1d0d8388] {
|
|
4749
4749
|
color: #c0c4cc;
|
|
4750
4750
|
}
|
|
4751
|
-
.form-component .component-toolbar .toolbar-btn.required-btn[data-v-
|
|
4751
|
+
.form-component .component-toolbar .toolbar-btn.required-btn[data-v-1d0d8388]:hover {
|
|
4752
|
+
background: #f5b041;
|
|
4753
|
+
color: white;
|
|
4754
|
+
border-color: #f5b041;
|
|
4755
|
+
}
|
|
4756
|
+
.form-component .component-toolbar .toolbar-btn.required-btn.is-required[data-v-1d0d8388] {
|
|
4757
|
+
color: #f5b041;
|
|
4758
|
+
}
|
|
4759
|
+
.form-component .component-toolbar .toolbar-btn.required-btn.is-required[data-v-1d0d8388]:hover {
|
|
4760
|
+
background: #f5b041;
|
|
4761
|
+
color: white;
|
|
4762
|
+
border-color: #f5b041;
|
|
4763
|
+
}
|
|
4764
|
+
.form-component .component-toolbar .toolbar-btn.disabled-btn[data-v-1d0d8388] {
|
|
4765
|
+
color: #c0c4cc;
|
|
4766
|
+
}
|
|
4767
|
+
.form-component .component-toolbar .toolbar-btn.disabled-btn[data-v-1d0d8388]:hover {
|
|
4752
4768
|
background: #f56e6e;
|
|
4753
4769
|
color: white;
|
|
4754
4770
|
border-color: #f56e6e;
|
|
4755
4771
|
}
|
|
4756
|
-
.form-component .component-toolbar .toolbar-btn.
|
|
4772
|
+
.form-component .component-toolbar .toolbar-btn.disabled-btn.is-disabled[data-v-1d0d8388] {
|
|
4757
4773
|
color: #f56e6e;
|
|
4758
4774
|
}
|
|
4759
|
-
.form-component .component-toolbar .toolbar-btn.
|
|
4775
|
+
.form-component .component-toolbar .toolbar-btn.disabled-btn.is-disabled[data-v-1d0d8388]:hover {
|
|
4760
4776
|
background: #f56e6e;
|
|
4761
4777
|
color: white;
|
|
4762
4778
|
border-color: #f56e6e;
|
|
4763
4779
|
}
|
|
4764
|
-
.form-component.is-hover .component-toolbar[data-v-
|
|
4780
|
+
.form-component.is-hover .component-toolbar[data-v-1d0d8388], .form-component.is-select .component-toolbar[data-v-1d0d8388] {
|
|
4765
4781
|
opacity: 1;
|
|
4766
4782
|
}
|
|
4767
|
-
.form-component .component-content[data-v-
|
|
4783
|
+
.form-component .component-content[data-v-1d0d8388] {
|
|
4768
4784
|
height: 100%;
|
|
4769
4785
|
display: flex;
|
|
4770
4786
|
align-items: flex-start;
|
|
4771
4787
|
}
|
|
4772
|
-
.form-component .component-content.is-linked-visibility[data-v-
|
|
4788
|
+
.form-component .component-content.is-linked-visibility[data-v-1d0d8388] {
|
|
4773
4789
|
opacity: 0.45;
|
|
4774
4790
|
}
|
|
4775
|
-
.form-component .status-tags[data-v-
|
|
4791
|
+
.form-component .status-tags[data-v-1d0d8388] {
|
|
4776
4792
|
position: absolute;
|
|
4777
4793
|
top: 8px;
|
|
4778
4794
|
right: 8px;
|
|
@@ -4780,7 +4796,7 @@ to {
|
|
|
4780
4796
|
gap: 4px;
|
|
4781
4797
|
z-index: 10;
|
|
4782
4798
|
}
|
|
4783
|
-
.form-component .field-name-tag[data-v-
|
|
4799
|
+
.form-component .field-name-tag[data-v-1d0d8388] {
|
|
4784
4800
|
background: rgba(0, 0, 0, 0.5);
|
|
4785
4801
|
color: #fff;
|
|
4786
4802
|
padding: 2px 6px;
|
|
@@ -4791,7 +4807,7 @@ to {
|
|
|
4791
4807
|
transition: all 0.2s ease;
|
|
4792
4808
|
line-height: 16px;
|
|
4793
4809
|
}
|
|
4794
|
-
.form-component .status-tag[data-v-
|
|
4810
|
+
.form-component .status-tag[data-v-1d0d8388] {
|
|
4795
4811
|
display: flex;
|
|
4796
4812
|
align-items: center;
|
|
4797
4813
|
gap: 2px;
|
|
@@ -4802,107 +4818,107 @@ to {
|
|
|
4802
4818
|
opacity: 0.9;
|
|
4803
4819
|
transition: all 0.2s ease;
|
|
4804
4820
|
}
|
|
4805
|
-
.form-component .status-tag .el-icon[data-v-
|
|
4821
|
+
.form-component .status-tag .el-icon[data-v-1d0d8388] {
|
|
4806
4822
|
font-size: 12px;
|
|
4807
4823
|
}
|
|
4808
|
-
.form-component .status-tag.disabled-tag[data-v-
|
|
4824
|
+
.form-component .status-tag.disabled-tag[data-v-1d0d8388] {
|
|
4809
4825
|
background: rgba(245, 108, 108, 0.9);
|
|
4810
4826
|
color: #fff;
|
|
4811
4827
|
}
|
|
4812
|
-
.form-component .status-tag.readonly-tag[data-v-
|
|
4828
|
+
.form-component .status-tag.readonly-tag[data-v-1d0d8388] {
|
|
4813
4829
|
background: rgba(144, 147, 153, 0.9);
|
|
4814
4830
|
color: #fff;
|
|
4815
4831
|
}
|
|
4816
|
-
.form-component.is-disabled[data-v-
|
|
4832
|
+
.form-component.is-disabled[data-v-1d0d8388] {
|
|
4817
4833
|
opacity: 0.6;
|
|
4818
4834
|
background: #f5f7fa;
|
|
4819
4835
|
border-color: #e4e7ed;
|
|
4820
4836
|
}
|
|
4821
|
-
.form-component.is-disabled .component-preview[data-v-
|
|
4837
|
+
.form-component.is-disabled .component-preview[data-v-1d0d8388] .el-input__wrapper {
|
|
4822
4838
|
background-color: #f5f7fa;
|
|
4823
4839
|
box-shadow: 0 0 0 1px #e4e7ed inset;
|
|
4824
4840
|
}
|
|
4825
|
-
.form-component.is-readonly[data-v-
|
|
4841
|
+
.form-component.is-readonly[data-v-1d0d8388] {
|
|
4826
4842
|
border-style: dashed;
|
|
4827
4843
|
border-color: #c0c4cc;
|
|
4828
4844
|
background: #fafafa;
|
|
4829
4845
|
}
|
|
4830
|
-
.form-component.is-readonly .component-preview[data-v-
|
|
4846
|
+
.form-component.is-readonly .component-preview[data-v-1d0d8388] .el-input__wrapper {
|
|
4831
4847
|
background-color: #f5f7fa;
|
|
4832
4848
|
}
|
|
4833
|
-
.quick-setting-panel[data-v-
|
|
4849
|
+
.quick-setting-panel[data-v-1d0d8388] {
|
|
4834
4850
|
padding: 8px;
|
|
4835
4851
|
min-width: 160px;
|
|
4836
4852
|
}
|
|
4837
|
-
.quick-setting-panel .setting-row[data-v-
|
|
4853
|
+
.quick-setting-panel .setting-row[data-v-1d0d8388] {
|
|
4838
4854
|
display: flex;
|
|
4839
4855
|
align-items: center;
|
|
4840
4856
|
justify-content: space-between;
|
|
4841
4857
|
margin-bottom: 8px;
|
|
4842
4858
|
}
|
|
4843
|
-
.quick-setting-panel .setting-row[data-v-
|
|
4859
|
+
.quick-setting-panel .setting-row[data-v-1d0d8388]:last-child {
|
|
4844
4860
|
margin-bottom: 0;
|
|
4845
4861
|
}
|
|
4846
|
-
.quick-setting-panel .setting-row .setting-label[data-v-
|
|
4862
|
+
.quick-setting-panel .setting-row .setting-label[data-v-1d0d8388] {
|
|
4847
4863
|
font-size: 12px;
|
|
4848
4864
|
color: #606266;
|
|
4849
4865
|
min-width: 35px;
|
|
4850
4866
|
}
|
|
4851
|
-
.quick-setting-panel .setting-row .setting-select[data-v-
|
|
4867
|
+
.quick-setting-panel .setting-row .setting-select[data-v-1d0d8388] {
|
|
4852
4868
|
flex: 1;
|
|
4853
4869
|
width: 90px;
|
|
4854
4870
|
}
|
|
4855
|
-
.quick-setting-panel .setting-row .setting-input[data-v-
|
|
4871
|
+
.quick-setting-panel .setting-row .setting-input[data-v-1d0d8388] {
|
|
4856
4872
|
flex: 1;
|
|
4857
4873
|
width: 90px;
|
|
4858
4874
|
}
|
|
4859
|
-
.quick-setting-panel .setting-row[data-v-
|
|
4875
|
+
.quick-setting-panel .setting-row[data-v-1d0d8388] .el-checkbox {
|
|
4860
4876
|
margin-right: 5px;
|
|
4861
4877
|
}
|
|
4862
|
-
.quick-setting-panel .setting-row[data-v-
|
|
4878
|
+
.quick-setting-panel .setting-row[data-v-1d0d8388] .el-checkbox .el-checkbox__label {
|
|
4863
4879
|
padding-left: 5px;
|
|
4864
4880
|
}
|
|
4865
|
-
.grid-draggable-wrapper[data-v-
|
|
4881
|
+
.grid-draggable-wrapper[data-v-1d0d8388] {
|
|
4866
4882
|
min-height: 600px;
|
|
4867
4883
|
padding-bottom: 60px;
|
|
4868
4884
|
}
|
|
4869
|
-
.grid-draggable-wrapper[data-v-
|
|
4885
|
+
.grid-draggable-wrapper[data-v-1d0d8388] .components-item {
|
|
4870
4886
|
display: none;
|
|
4871
4887
|
}
|
|
4872
|
-
.grid-draggable-wrapper[data-v-
|
|
4888
|
+
.grid-draggable-wrapper[data-v-1d0d8388] .vgl-item:hover {
|
|
4873
4889
|
z-index: 1;
|
|
4874
4890
|
}
|
|
4875
|
-
.grid-draggable-wrapper[data-v-
|
|
4891
|
+
.grid-draggable-wrapper[data-v-1d0d8388] .vgl-item--placeholder {
|
|
4876
4892
|
background-color: rgba(64, 158, 255, 0.2);
|
|
4877
4893
|
border: 2px dashed #409eff;
|
|
4878
4894
|
border-radius: 4px;
|
|
4879
4895
|
opacity: 0.5;
|
|
4880
4896
|
pointer-events: none;
|
|
4881
4897
|
}
|
|
4882
|
-
.grid-draggable-wrapper[data-v-
|
|
4898
|
+
.grid-draggable-wrapper[data-v-1d0d8388] .vgl-item--dragging {
|
|
4883
4899
|
opacity: 0.7;
|
|
4884
4900
|
}
|
|
4885
|
-
.grid-draggable-wrapper[data-v-
|
|
4901
|
+
.grid-draggable-wrapper[data-v-1d0d8388] .vgl-item--resizing {
|
|
4886
4902
|
background: #f5f7fa;
|
|
4887
4903
|
border: 1px solid #e4e7ed;
|
|
4888
4904
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
|
|
4889
4905
|
opacity: 0.7;
|
|
4890
4906
|
border-radius: 4px;
|
|
4891
4907
|
}
|
|
4892
|
-
.grid-draggable-wrapper[data-v-
|
|
4908
|
+
.grid-draggable-wrapper[data-v-1d0d8388] .vgl-item__resizer {
|
|
4893
4909
|
z-index: 1;
|
|
4894
4910
|
}
|
|
4895
|
-
.grid-draggable-wrapper[data-v-
|
|
4911
|
+
.grid-draggable-wrapper[data-v-1d0d8388] .vgl-item__resizer:before {
|
|
4896
4912
|
display: none;
|
|
4897
4913
|
border-color: #409eff;
|
|
4898
4914
|
}
|
|
4899
|
-
.grid-draggable-wrapper[data-v-
|
|
4915
|
+
.grid-draggable-wrapper[data-v-1d0d8388] .vgl-item:hover .vgl-item__resizer:before {
|
|
4900
4916
|
display: block;
|
|
4901
4917
|
}
|
|
4902
|
-
[data-v-
|
|
4918
|
+
[data-v-1d0d8388] .el-divider {
|
|
4903
4919
|
margin: 16px 0;
|
|
4904
4920
|
}
|
|
4905
|
-
[data-v-
|
|
4921
|
+
[data-v-1d0d8388] .el-divider .el-divider__text {
|
|
4906
4922
|
color: #adb0b7;
|
|
4907
4923
|
padding: 0 10px;
|
|
4908
4924
|
border-radius: 4px;
|
|
@@ -877,6 +877,25 @@ var _sfc_main249 = /* @__PURE__ */ defineComponent({
|
|
|
877
877
|
]));
|
|
878
878
|
}
|
|
879
879
|
}), success_filled_default = _sfc_main249;
|
|
880
|
+
var _sfc_main273 = /* @__PURE__ */ defineComponent({
|
|
881
|
+
name: "Unlock",
|
|
882
|
+
__name: "unlock",
|
|
883
|
+
setup(__props) {
|
|
884
|
+
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
|
885
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
886
|
+
viewBox: "0 0 1024 1024"
|
|
887
|
+
}, [
|
|
888
|
+
createElementVNode("path", {
|
|
889
|
+
fill: "currentColor",
|
|
890
|
+
d: "M224 448a32 32 0 0 0-32 32v384a32 32 0 0 0 32 32h576a32 32 0 0 0 32-32V480a32 32 0 0 0-32-32zm0-64h576a96 96 0 0 1 96 96v384a96 96 0 0 1-96 96H224a96 96 0 0 1-96-96V480a96 96 0 0 1 96-96"
|
|
891
|
+
}),
|
|
892
|
+
createElementVNode("path", {
|
|
893
|
+
fill: "currentColor",
|
|
894
|
+
d: "M512 544a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V576a32 32 0 0 1 32-32m178.304-295.296A192.064 192.064 0 0 0 320 320v64h352l96 38.4V448H256V320a256 256 0 0 1 493.76-95.104z"
|
|
895
|
+
})
|
|
896
|
+
]));
|
|
897
|
+
}
|
|
898
|
+
}), unlock_default = _sfc_main273;
|
|
880
899
|
var _sfc_main274 = /* @__PURE__ */ defineComponent({
|
|
881
900
|
name: "UploadFilled",
|
|
882
901
|
__name: "upload-filled",
|
|
@@ -1023,6 +1042,7 @@ export {
|
|
|
1023
1042
|
star_default as Star,
|
|
1024
1043
|
star_filled_default as StarFilled,
|
|
1025
1044
|
success_filled_default as SuccessFilled,
|
|
1045
|
+
unlock_default as Unlock,
|
|
1026
1046
|
upload_filled_default as UploadFilled,
|
|
1027
1047
|
video_play_default as VideoPlay,
|
|
1028
1048
|
view_default as View,
|
|
@@ -2,13 +2,6 @@
|
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
5
|
-
/* empty css */
|
|
6
|
-
/* empty css */
|
|
7
|
-
/* empty css */
|
|
8
|
-
/* empty css */
|
|
9
|
-
import "../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/theme-chalk/el-dropdown-menu.css.mjs";
|
|
10
|
-
/* empty css */
|
|
11
|
-
/* empty css */
|
|
12
5
|
import { computed, ref, watch, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, unref, normalizeStyle, createCommentVNode, withModifiers, normalizeClass, createBlock, toDisplayString, createTextVNode, nextTick } from "vue";
|
|
13
6
|
import emitter from "../utils/eventBus.mjs";
|
|
14
7
|
import "../../../../../node_modules/.pnpm/grid-layout-plus@1.1.1_vue@3.5.13_typescript@5.7.3_/node_modules/grid-layout-plus/es/index.mjs";
|
|
@@ -22,7 +15,7 @@ import H2Wrapper from "./components/H2Wrapper.vue.mjs";
|
|
|
22
15
|
import SubForm from "./components/SubForm.vue.mjs";
|
|
23
16
|
import ApprovalHistory from "./components/ApprovalHistory.vue.mjs";
|
|
24
17
|
import SubTable from "./components/SubTable.vue.mjs";
|
|
25
|
-
import { StarFilled as star_filled_default, Star as star_default,
|
|
18
|
+
import { StarFilled as star_filled_default, Star as star_default, Lock as lock_default, Unlock as unlock_default, Delete as delete_default, View as view_default } from "../../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.2_vue@3.5.13_typescript@5.7.3_/node_modules/@element-plus/icons-vue/dist/index.mjs";
|
|
26
19
|
import { getEditConfigData, setSelectedItem, setHoverItem, getCurrentClass, isSelectedItem } from "../utils/common.mjs";
|
|
27
20
|
import { throttle as eo } from "../../../../../node_modules/.pnpm/@vexip-ui_utils@2.16.4/node_modules/@vexip-ui/utils/dist/index.mjs";
|
|
28
21
|
/* empty css */
|
|
@@ -33,9 +26,6 @@ import { ElScrollbar } from "../../../../../node_modules/.pnpm/element-plus@2.13
|
|
|
33
26
|
import { ElForm } from "../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/form/index.mjs";
|
|
34
27
|
import De from "../../../../../node_modules/.pnpm/grid-layout-plus@1.1.1_vue@3.5.13_typescript@5.7.3_/node_modules/grid-layout-plus/es/components/grid-layout.vue.mjs";
|
|
35
28
|
import { ElIcon } from "../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/icon/index.mjs";
|
|
36
|
-
import { ElDropdown, ElDropdownMenu } from "../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/dropdown/index.mjs";
|
|
37
|
-
import { ElInput } from "../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/input/index.mjs";
|
|
38
|
-
import { ElCheckbox } from "../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/checkbox/index.mjs";
|
|
39
29
|
import { ElDivider } from "../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/divider/index.mjs";
|
|
40
30
|
import { ElMessage } from "../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/message/index.mjs";
|
|
41
31
|
const _hoisted_1 = { class: "form-work-area" };
|
|
@@ -46,22 +36,19 @@ const _hoisted_4 = {
|
|
|
46
36
|
class: "component-toolbar"
|
|
47
37
|
};
|
|
48
38
|
const _hoisted_5 = ["onClick"];
|
|
49
|
-
const _hoisted_6 =
|
|
50
|
-
const _hoisted_7 =
|
|
51
|
-
const _hoisted_8 =
|
|
52
|
-
const _hoisted_9 = { class: "
|
|
53
|
-
const _hoisted_10 =
|
|
54
|
-
const _hoisted_11 = ["onClick"];
|
|
55
|
-
const _hoisted_12 = { class: "status-tags" };
|
|
56
|
-
const _hoisted_13 = {
|
|
39
|
+
const _hoisted_6 = ["onClick"];
|
|
40
|
+
const _hoisted_7 = ["onClick"];
|
|
41
|
+
const _hoisted_8 = ["onClick"];
|
|
42
|
+
const _hoisted_9 = { class: "status-tags" };
|
|
43
|
+
const _hoisted_10 = {
|
|
57
44
|
key: 0,
|
|
58
45
|
class: "field-name-tag"
|
|
59
46
|
};
|
|
60
|
-
const
|
|
47
|
+
const _hoisted_11 = {
|
|
61
48
|
key: 1,
|
|
62
49
|
class: "status-tag disabled-tag"
|
|
63
50
|
};
|
|
64
|
-
const
|
|
51
|
+
const _hoisted_12 = {
|
|
65
52
|
key: 2,
|
|
66
53
|
class: "status-tag readonly-tag"
|
|
67
54
|
};
|
|
@@ -317,13 +304,7 @@ const _sfc_main = {
|
|
|
317
304
|
emitter.on("resizeEvent", () => {
|
|
318
305
|
gridLayout.value.resizeEvent();
|
|
319
306
|
});
|
|
320
|
-
|
|
321
|
-
function getDropdownVisible(itemId) {
|
|
322
|
-
return dropdownVisibleMap.value.get(itemId) || false;
|
|
323
|
-
}
|
|
324
|
-
function setDropdownVisible(itemId, visible) {
|
|
325
|
-
dropdownVisibleMap.value.set(itemId, visible);
|
|
326
|
-
}
|
|
307
|
+
ref(/* @__PURE__ */ new Map());
|
|
327
308
|
const isDragging = computed(() => {
|
|
328
309
|
var _a;
|
|
329
310
|
return ((_a = gridLayout.value) == null ? void 0 : _a.state.isDragging) || false;
|
|
@@ -343,10 +324,6 @@ const _sfc_main = {
|
|
|
343
324
|
});
|
|
344
325
|
return (_ctx, _cache) => {
|
|
345
326
|
const _component_el_icon = ElIcon;
|
|
346
|
-
const _component_el_input = ElInput;
|
|
347
|
-
const _component_el_checkbox = ElCheckbox;
|
|
348
|
-
const _component_el_dropdown_menu = ElDropdownMenu;
|
|
349
|
-
const _component_el_dropdown = ElDropdown;
|
|
350
327
|
const _component_Hide = resolveComponent("Hide");
|
|
351
328
|
const _component_el_divider = ElDivider;
|
|
352
329
|
const _component_el_form = ElForm;
|
|
@@ -411,76 +388,18 @@ const _sfc_main = {
|
|
|
411
388
|
_: 2
|
|
412
389
|
}, 1024)
|
|
413
390
|
], 10, _hoisted_5),
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
_cache[3] || (_cache[3] = createElementVNode("span", { class: "setting-label" }, "标题:", -1)),
|
|
427
|
-
createVNode(_component_el_input, {
|
|
428
|
-
modelValue: item.component.label,
|
|
429
|
-
"onUpdate:modelValue": ($event) => item.component.label = $event,
|
|
430
|
-
size: "small",
|
|
431
|
-
class: "setting-input"
|
|
432
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue"])
|
|
433
|
-
]),
|
|
434
|
-
createElementVNode("div", _hoisted_8, [
|
|
435
|
-
_cache[4] || (_cache[4] = createElementVNode("span", { class: "setting-label" }, "字段:", -1)),
|
|
436
|
-
createVNode(_component_el_input, {
|
|
437
|
-
modelValue: item.component.fieldName,
|
|
438
|
-
"onUpdate:modelValue": ($event) => item.component.fieldName = $event,
|
|
439
|
-
size: "small",
|
|
440
|
-
class: "setting-input"
|
|
441
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue"])
|
|
442
|
-
]),
|
|
443
|
-
createElementVNode("div", _hoisted_9, [
|
|
444
|
-
createVNode(_component_el_checkbox, {
|
|
445
|
-
modelValue: item.component.required,
|
|
446
|
-
"onUpdate:modelValue": ($event) => item.component.required = $event,
|
|
447
|
-
label: "必填",
|
|
448
|
-
size: "small"
|
|
449
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue"]),
|
|
450
|
-
createVNode(_component_el_checkbox, {
|
|
451
|
-
modelValue: item.component.readOnly,
|
|
452
|
-
"onUpdate:modelValue": ($event) => item.component.readOnly = $event,
|
|
453
|
-
label: "只读",
|
|
454
|
-
size: "small"
|
|
455
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue"]),
|
|
456
|
-
createVNode(_component_el_checkbox, {
|
|
457
|
-
modelValue: item.component.disabled,
|
|
458
|
-
"onUpdate:modelValue": ($event) => item.component.disabled = $event,
|
|
459
|
-
label: "禁用",
|
|
460
|
-
size: "small"
|
|
461
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue"])
|
|
462
|
-
])
|
|
463
|
-
])
|
|
464
|
-
]),
|
|
465
|
-
_: 2
|
|
466
|
-
}, 1024)) : createCommentVNode("", true)
|
|
467
|
-
]),
|
|
468
|
-
default: withCtx(() => [
|
|
469
|
-
item.component.fieldType != "blank" ? (openBlock(), createElementBlock("span", {
|
|
470
|
-
key: 0,
|
|
471
|
-
class: normalizeClass(["toolbar-btn settings-btn", { "is-active": getDropdownVisible(item.id) }]),
|
|
472
|
-
title: "快捷设置"
|
|
473
|
-
}, [
|
|
474
|
-
createVNode(_component_el_icon, null, {
|
|
475
|
-
default: withCtx(() => [
|
|
476
|
-
createVNode(unref(setting_default))
|
|
477
|
-
]),
|
|
478
|
-
_: 1
|
|
479
|
-
})
|
|
480
|
-
], 2)) : createCommentVNode("", true)
|
|
481
|
-
]),
|
|
482
|
-
_: 2
|
|
483
|
-
}, 1032, ["popper-class", "onVisibleChange"]),
|
|
391
|
+
createElementVNode("span", {
|
|
392
|
+
class: normalizeClass(["toolbar-btn disabled-btn", { "is-disabled": item.component.disabled }]),
|
|
393
|
+
title: "设置只读",
|
|
394
|
+
onClick: withModifiers(($event) => item.component.disabled = !item.component.disabled, ["stop"])
|
|
395
|
+
}, [
|
|
396
|
+
createVNode(_component_el_icon, null, {
|
|
397
|
+
default: withCtx(() => [
|
|
398
|
+
item.component.disabled ? (openBlock(), createBlock(unref(lock_default), { key: 0 })) : (openBlock(), createBlock(unref(unlock_default), { key: 1 }))
|
|
399
|
+
]),
|
|
400
|
+
_: 2
|
|
401
|
+
}, 1024)
|
|
402
|
+
], 10, _hoisted_6),
|
|
484
403
|
createElementVNode("span", {
|
|
485
404
|
class: "toolbar-btn settings-btn",
|
|
486
405
|
title: "放进隐藏域",
|
|
@@ -492,7 +411,7 @@ const _sfc_main = {
|
|
|
492
411
|
]),
|
|
493
412
|
_: 1
|
|
494
413
|
})
|
|
495
|
-
], 8,
|
|
414
|
+
], 8, _hoisted_7),
|
|
496
415
|
createElementVNode("span", {
|
|
497
416
|
class: "toolbar-btn delete-btn",
|
|
498
417
|
title: "删除组件",
|
|
@@ -504,18 +423,18 @@ const _sfc_main = {
|
|
|
504
423
|
]),
|
|
505
424
|
_: 1
|
|
506
425
|
})
|
|
507
|
-
], 8,
|
|
426
|
+
], 8, _hoisted_8)
|
|
508
427
|
])) : createCommentVNode("", true),
|
|
509
|
-
createElementVNode("div",
|
|
510
|
-
editConfigData.value.showFieldName && item.component.fieldName ? (openBlock(), createElementBlock("div",
|
|
511
|
-
item.component.disabled ? (openBlock(), createElementBlock("div",
|
|
428
|
+
createElementVNode("div", _hoisted_9, [
|
|
429
|
+
editConfigData.value.showFieldName && item.component.fieldName ? (openBlock(), createElementBlock("div", _hoisted_10, toDisplayString(item.component.fieldType == "blank" ? "空白占位" : item.component.fieldName), 1)) : createCommentVNode("", true),
|
|
430
|
+
item.component.disabled ? (openBlock(), createElementBlock("div", _hoisted_11, [
|
|
512
431
|
createVNode(_component_el_icon, null, {
|
|
513
432
|
default: withCtx(() => [
|
|
514
433
|
createVNode(unref(lock_default))
|
|
515
434
|
]),
|
|
516
435
|
_: 1
|
|
517
436
|
})
|
|
518
|
-
])) : item.component.readOnly ? (openBlock(), createElementBlock("div",
|
|
437
|
+
])) : item.component.readOnly ? (openBlock(), createElementBlock("div", _hoisted_12, [
|
|
519
438
|
createVNode(_component_el_icon, null, {
|
|
520
439
|
default: withCtx(() => [
|
|
521
440
|
createVNode(unref(view_default))
|
|
@@ -552,7 +471,7 @@ const _sfc_main = {
|
|
|
552
471
|
key: 5,
|
|
553
472
|
"border-style": "dashed"
|
|
554
473
|
}, {
|
|
555
|
-
default: withCtx(() => _cache[
|
|
474
|
+
default: withCtx(() => _cache[3] || (_cache[3] = [
|
|
556
475
|
createTextVNode(" 此处为分割线，阻止下方组件自动向上补齐，解析时不显示 ")
|
|
557
476
|
])),
|
|
558
477
|
_: 1
|
|
@@ -580,7 +499,7 @@ const _sfc_main = {
|
|
|
580
499
|
};
|
|
581
500
|
}
|
|
582
501
|
};
|
|
583
|
-
const formWorkArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
502
|
+
const formWorkArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1d0d8388"]]);
|
|
584
503
|
export {
|
|
585
504
|
formWorkArea as default
|
|
586
505
|
};
|
package/lib/designer.css
CHANGED
|
@@ -4648,33 +4648,33 @@ to {
|
|
|
4648
4648
|
white-space: nowrap;
|
|
4649
4649
|
overflow: hidden;
|
|
4650
4650
|
text-overflow: ellipsis;
|
|
4651
|
-
}.form-work-area[data-v-
|
|
4651
|
+
}.form-work-area[data-v-1d0d8388] {
|
|
4652
4652
|
height: 100%;
|
|
4653
4653
|
display: flex;
|
|
4654
4654
|
flex-direction: column;
|
|
4655
4655
|
}
|
|
4656
|
-
.form-toolbar[data-v-
|
|
4656
|
+
.form-toolbar[data-v-1d0d8388] {
|
|
4657
4657
|
background: #f8f9fa;
|
|
4658
4658
|
padding: 16px;
|
|
4659
4659
|
margin-bottom: 20px;
|
|
4660
4660
|
border-radius: 4px;
|
|
4661
4661
|
border: 1px solid #e9ecef;
|
|
4662
4662
|
}
|
|
4663
|
-
.form-grid-container[data-v-
|
|
4663
|
+
.form-grid-container[data-v-1d0d8388] {
|
|
4664
4664
|
position: relative;
|
|
4665
4665
|
flex: 1;
|
|
4666
4666
|
overflow: auto;
|
|
4667
4667
|
background-color: #fff;
|
|
4668
4668
|
user-select: none;
|
|
4669
4669
|
}
|
|
4670
|
-
.form-grid[data-v-
|
|
4670
|
+
.form-grid[data-v-1d0d8388] {
|
|
4671
4671
|
position: relative;
|
|
4672
4672
|
padding: 12px;
|
|
4673
4673
|
}
|
|
4674
|
-
.form-grid.el-form--label-top .status-tags[data-v-
|
|
4674
|
+
.form-grid.el-form--label-top .status-tags[data-v-1d0d8388] {
|
|
4675
4675
|
top: 28px;
|
|
4676
4676
|
}
|
|
4677
|
-
.form-component[data-v-
|
|
4677
|
+
.form-component[data-v-1d0d8388] {
|
|
4678
4678
|
position: relative;
|
|
4679
4679
|
border-radius: 4px;
|
|
4680
4680
|
padding: 12px;
|
|
@@ -4682,26 +4682,26 @@ to {
|
|
|
4682
4682
|
transition: all 0.2s ease;
|
|
4683
4683
|
height: 100%;
|
|
4684
4684
|
}
|
|
4685
|
-
.form-component.h2[data-v-
|
|
4685
|
+
.form-component.h2[data-v-1d0d8388] {
|
|
4686
4686
|
padding: 8px 12px;
|
|
4687
4687
|
}
|
|
4688
|
-
.form-component.is-hover[data-v-
|
|
4688
|
+
.form-component.is-hover[data-v-1d0d8388] {
|
|
4689
4689
|
background: #f5f7fa;
|
|
4690
4690
|
border: 1px solid #e4e7ed;
|
|
4691
4691
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
|
|
4692
4692
|
z-index: 1;
|
|
4693
4693
|
}
|
|
4694
|
-
.form-component.is-select[data-v-
|
|
4694
|
+
.form-component.is-select[data-v-1d0d8388] {
|
|
4695
4695
|
background: #fff8e6;
|
|
4696
4696
|
border: 2px solid #f0ad4e;
|
|
4697
4697
|
box-shadow: 0 4px 16px rgba(240, 173, 78, 0.2);
|
|
4698
4698
|
}
|
|
4699
|
-
.form-component.is-hover.is-select[data-v-
|
|
4699
|
+
.form-component.is-hover.is-select[data-v-1d0d8388] {
|
|
4700
4700
|
background: #fff8e6;
|
|
4701
4701
|
border-color: #f5b041;
|
|
4702
4702
|
box-shadow: 0 4px 16px rgba(240, 173, 78, 0.3);
|
|
4703
4703
|
}
|
|
4704
|
-
.form-component .component-toolbar[data-v-
|
|
4704
|
+
.form-component .component-toolbar[data-v-1d0d8388] {
|
|
4705
4705
|
position: absolute;
|
|
4706
4706
|
top: -12px;
|
|
4707
4707
|
right: 8px;
|
|
@@ -4710,7 +4710,7 @@ to {
|
|
|
4710
4710
|
opacity: 0;
|
|
4711
4711
|
transition: all 0.2s ease;
|
|
4712
4712
|
}
|
|
4713
|
-
.form-component .component-toolbar .toolbar-btn[data-v-
|
|
4713
|
+
.form-component .component-toolbar .toolbar-btn[data-v-1d0d8388] {
|
|
4714
4714
|
width: 20px;
|
|
4715
4715
|
height: 20px;
|
|
4716
4716
|
border-radius: 3px;
|
|
@@ -4725,54 +4725,70 @@ to {
|
|
|
4725
4725
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
4726
4726
|
transition: all 0.15s ease;
|
|
4727
4727
|
}
|
|
4728
|
-
.form-component .component-toolbar .toolbar-btn[data-v-
|
|
4728
|
+
.form-component .component-toolbar .toolbar-btn[data-v-1d0d8388]:hover {
|
|
4729
4729
|
transform: scale(1.05);
|
|
4730
4730
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
|
|
4731
4731
|
}
|
|
4732
|
-
.form-component .component-toolbar .toolbar-btn.delete-btn[data-v-
|
|
4732
|
+
.form-component .component-toolbar .toolbar-btn.delete-btn[data-v-1d0d8388] {
|
|
4733
4733
|
color: #f56c6c;
|
|
4734
4734
|
}
|
|
4735
|
-
.form-component .component-toolbar .toolbar-btn.delete-btn[data-v-
|
|
4735
|
+
.form-component .component-toolbar .toolbar-btn.delete-btn[data-v-1d0d8388]:hover {
|
|
4736
4736
|
background: #f56c6c;
|
|
4737
4737
|
color: white;
|
|
4738
4738
|
border-color: #f56c6c;
|
|
4739
4739
|
}
|
|
4740
|
-
.form-component .component-toolbar .toolbar-btn.settings-btn[data-v-
|
|
4740
|
+
.form-component .component-toolbar .toolbar-btn.settings-btn[data-v-1d0d8388] {
|
|
4741
4741
|
color: #409eff;
|
|
4742
4742
|
}
|
|
4743
|
-
.form-component .component-toolbar .toolbar-btn.settings-btn[data-v-
|
|
4743
|
+
.form-component .component-toolbar .toolbar-btn.settings-btn[data-v-1d0d8388]:hover, .form-component .component-toolbar .toolbar-btn.settings-btn.is-active[data-v-1d0d8388] {
|
|
4744
4744
|
background: #409eff;
|
|
4745
4745
|
color: white;
|
|
4746
4746
|
border-color: #409eff;
|
|
4747
4747
|
}
|
|
4748
|
-
.form-component .component-toolbar .toolbar-btn.required-btn[data-v-
|
|
4748
|
+
.form-component .component-toolbar .toolbar-btn.required-btn[data-v-1d0d8388] {
|
|
4749
4749
|
color: #c0c4cc;
|
|
4750
4750
|
}
|
|
4751
|
-
.form-component .component-toolbar .toolbar-btn.required-btn[data-v-
|
|
4751
|
+
.form-component .component-toolbar .toolbar-btn.required-btn[data-v-1d0d8388]:hover {
|
|
4752
|
+
background: #f5b041;
|
|
4753
|
+
color: white;
|
|
4754
|
+
border-color: #f5b041;
|
|
4755
|
+
}
|
|
4756
|
+
.form-component .component-toolbar .toolbar-btn.required-btn.is-required[data-v-1d0d8388] {
|
|
4757
|
+
color: #f5b041;
|
|
4758
|
+
}
|
|
4759
|
+
.form-component .component-toolbar .toolbar-btn.required-btn.is-required[data-v-1d0d8388]:hover {
|
|
4760
|
+
background: #f5b041;
|
|
4761
|
+
color: white;
|
|
4762
|
+
border-color: #f5b041;
|
|
4763
|
+
}
|
|
4764
|
+
.form-component .component-toolbar .toolbar-btn.disabled-btn[data-v-1d0d8388] {
|
|
4765
|
+
color: #c0c4cc;
|
|
4766
|
+
}
|
|
4767
|
+
.form-component .component-toolbar .toolbar-btn.disabled-btn[data-v-1d0d8388]:hover {
|
|
4752
4768
|
background: #f56e6e;
|
|
4753
4769
|
color: white;
|
|
4754
4770
|
border-color: #f56e6e;
|
|
4755
4771
|
}
|
|
4756
|
-
.form-component .component-toolbar .toolbar-btn.
|
|
4772
|
+
.form-component .component-toolbar .toolbar-btn.disabled-btn.is-disabled[data-v-1d0d8388] {
|
|
4757
4773
|
color: #f56e6e;
|
|
4758
4774
|
}
|
|
4759
|
-
.form-component .component-toolbar .toolbar-btn.
|
|
4775
|
+
.form-component .component-toolbar .toolbar-btn.disabled-btn.is-disabled[data-v-1d0d8388]:hover {
|
|
4760
4776
|
background: #f56e6e;
|
|
4761
4777
|
color: white;
|
|
4762
4778
|
border-color: #f56e6e;
|
|
4763
4779
|
}
|
|
4764
|
-
.form-component.is-hover .component-toolbar[data-v-
|
|
4780
|
+
.form-component.is-hover .component-toolbar[data-v-1d0d8388], .form-component.is-select .component-toolbar[data-v-1d0d8388] {
|
|
4765
4781
|
opacity: 1;
|
|
4766
4782
|
}
|
|
4767
|
-
.form-component .component-content[data-v-
|
|
4783
|
+
.form-component .component-content[data-v-1d0d8388] {
|
|
4768
4784
|
height: 100%;
|
|
4769
4785
|
display: flex;
|
|
4770
4786
|
align-items: flex-start;
|
|
4771
4787
|
}
|
|
4772
|
-
.form-component .component-content.is-linked-visibility[data-v-
|
|
4788
|
+
.form-component .component-content.is-linked-visibility[data-v-1d0d8388] {
|
|
4773
4789
|
opacity: 0.45;
|
|
4774
4790
|
}
|
|
4775
|
-
.form-component .status-tags[data-v-
|
|
4791
|
+
.form-component .status-tags[data-v-1d0d8388] {
|
|
4776
4792
|
position: absolute;
|
|
4777
4793
|
top: 8px;
|
|
4778
4794
|
right: 8px;
|
|
@@ -4780,7 +4796,7 @@ to {
|
|
|
4780
4796
|
gap: 4px;
|
|
4781
4797
|
z-index: 10;
|
|
4782
4798
|
}
|
|
4783
|
-
.form-component .field-name-tag[data-v-
|
|
4799
|
+
.form-component .field-name-tag[data-v-1d0d8388] {
|
|
4784
4800
|
background: rgba(0, 0, 0, 0.5);
|
|
4785
4801
|
color: #fff;
|
|
4786
4802
|
padding: 2px 6px;
|
|
@@ -4791,7 +4807,7 @@ to {
|
|
|
4791
4807
|
transition: all 0.2s ease;
|
|
4792
4808
|
line-height: 16px;
|
|
4793
4809
|
}
|
|
4794
|
-
.form-component .status-tag[data-v-
|
|
4810
|
+
.form-component .status-tag[data-v-1d0d8388] {
|
|
4795
4811
|
display: flex;
|
|
4796
4812
|
align-items: center;
|
|
4797
4813
|
gap: 2px;
|
|
@@ -4802,107 +4818,107 @@ to {
|
|
|
4802
4818
|
opacity: 0.9;
|
|
4803
4819
|
transition: all 0.2s ease;
|
|
4804
4820
|
}
|
|
4805
|
-
.form-component .status-tag .el-icon[data-v-
|
|
4821
|
+
.form-component .status-tag .el-icon[data-v-1d0d8388] {
|
|
4806
4822
|
font-size: 12px;
|
|
4807
4823
|
}
|
|
4808
|
-
.form-component .status-tag.disabled-tag[data-v-
|
|
4824
|
+
.form-component .status-tag.disabled-tag[data-v-1d0d8388] {
|
|
4809
4825
|
background: rgba(245, 108, 108, 0.9);
|
|
4810
4826
|
color: #fff;
|
|
4811
4827
|
}
|
|
4812
|
-
.form-component .status-tag.readonly-tag[data-v-
|
|
4828
|
+
.form-component .status-tag.readonly-tag[data-v-1d0d8388] {
|
|
4813
4829
|
background: rgba(144, 147, 153, 0.9);
|
|
4814
4830
|
color: #fff;
|
|
4815
4831
|
}
|
|
4816
|
-
.form-component.is-disabled[data-v-
|
|
4832
|
+
.form-component.is-disabled[data-v-1d0d8388] {
|
|
4817
4833
|
opacity: 0.6;
|
|
4818
4834
|
background: #f5f7fa;
|
|
4819
4835
|
border-color: #e4e7ed;
|
|
4820
4836
|
}
|
|
4821
|
-
.form-component.is-disabled .component-preview[data-v-
|
|
4837
|
+
.form-component.is-disabled .component-preview[data-v-1d0d8388] .el-input__wrapper {
|
|
4822
4838
|
background-color: #f5f7fa;
|
|
4823
4839
|
box-shadow: 0 0 0 1px #e4e7ed inset;
|
|
4824
4840
|
}
|
|
4825
|
-
.form-component.is-readonly[data-v-
|
|
4841
|
+
.form-component.is-readonly[data-v-1d0d8388] {
|
|
4826
4842
|
border-style: dashed;
|
|
4827
4843
|
border-color: #c0c4cc;
|
|
4828
4844
|
background: #fafafa;
|
|
4829
4845
|
}
|
|
4830
|
-
.form-component.is-readonly .component-preview[data-v-
|
|
4846
|
+
.form-component.is-readonly .component-preview[data-v-1d0d8388] .el-input__wrapper {
|
|
4831
4847
|
background-color: #f5f7fa;
|
|
4832
4848
|
}
|
|
4833
|
-
.quick-setting-panel[data-v-
|
|
4849
|
+
.quick-setting-panel[data-v-1d0d8388] {
|
|
4834
4850
|
padding: 8px;
|
|
4835
4851
|
min-width: 160px;
|
|
4836
4852
|
}
|
|
4837
|
-
.quick-setting-panel .setting-row[data-v-
|
|
4853
|
+
.quick-setting-panel .setting-row[data-v-1d0d8388] {
|
|
4838
4854
|
display: flex;
|
|
4839
4855
|
align-items: center;
|
|
4840
4856
|
justify-content: space-between;
|
|
4841
4857
|
margin-bottom: 8px;
|
|
4842
4858
|
}
|
|
4843
|
-
.quick-setting-panel .setting-row[data-v-
|
|
4859
|
+
.quick-setting-panel .setting-row[data-v-1d0d8388]:last-child {
|
|
4844
4860
|
margin-bottom: 0;
|
|
4845
4861
|
}
|
|
4846
|
-
.quick-setting-panel .setting-row .setting-label[data-v-
|
|
4862
|
+
.quick-setting-panel .setting-row .setting-label[data-v-1d0d8388] {
|
|
4847
4863
|
font-size: 12px;
|
|
4848
4864
|
color: #606266;
|
|
4849
4865
|
min-width: 35px;
|
|
4850
4866
|
}
|
|
4851
|
-
.quick-setting-panel .setting-row .setting-select[data-v-
|
|
4867
|
+
.quick-setting-panel .setting-row .setting-select[data-v-1d0d8388] {
|
|
4852
4868
|
flex: 1;
|
|
4853
4869
|
width: 90px;
|
|
4854
4870
|
}
|
|
4855
|
-
.quick-setting-panel .setting-row .setting-input[data-v-
|
|
4871
|
+
.quick-setting-panel .setting-row .setting-input[data-v-1d0d8388] {
|
|
4856
4872
|
flex: 1;
|
|
4857
4873
|
width: 90px;
|
|
4858
4874
|
}
|
|
4859
|
-
.quick-setting-panel .setting-row[data-v-
|
|
4875
|
+
.quick-setting-panel .setting-row[data-v-1d0d8388] .el-checkbox {
|
|
4860
4876
|
margin-right: 5px;
|
|
4861
4877
|
}
|
|
4862
|
-
.quick-setting-panel .setting-row[data-v-
|
|
4878
|
+
.quick-setting-panel .setting-row[data-v-1d0d8388] .el-checkbox .el-checkbox__label {
|
|
4863
4879
|
padding-left: 5px;
|
|
4864
4880
|
}
|
|
4865
|
-
.grid-draggable-wrapper[data-v-
|
|
4881
|
+
.grid-draggable-wrapper[data-v-1d0d8388] {
|
|
4866
4882
|
min-height: 600px;
|
|
4867
4883
|
padding-bottom: 60px;
|
|
4868
4884
|
}
|
|
4869
|
-
.grid-draggable-wrapper[data-v-
|
|
4885
|
+
.grid-draggable-wrapper[data-v-1d0d8388] .components-item {
|
|
4870
4886
|
display: none;
|
|
4871
4887
|
}
|
|
4872
|
-
.grid-draggable-wrapper[data-v-
|
|
4888
|
+
.grid-draggable-wrapper[data-v-1d0d8388] .vgl-item:hover {
|
|
4873
4889
|
z-index: 1;
|
|
4874
4890
|
}
|
|
4875
|
-
.grid-draggable-wrapper[data-v-
|
|
4891
|
+
.grid-draggable-wrapper[data-v-1d0d8388] .vgl-item--placeholder {
|
|
4876
4892
|
background-color: rgba(64, 158, 255, 0.2);
|
|
4877
4893
|
border: 2px dashed #409eff;
|
|
4878
4894
|
border-radius: 4px;
|
|
4879
4895
|
opacity: 0.5;
|
|
4880
4896
|
pointer-events: none;
|
|
4881
4897
|
}
|
|
4882
|
-
.grid-draggable-wrapper[data-v-
|
|
4898
|
+
.grid-draggable-wrapper[data-v-1d0d8388] .vgl-item--dragging {
|
|
4883
4899
|
opacity: 0.7;
|
|
4884
4900
|
}
|
|
4885
|
-
.grid-draggable-wrapper[data-v-
|
|
4901
|
+
.grid-draggable-wrapper[data-v-1d0d8388] .vgl-item--resizing {
|
|
4886
4902
|
background: #f5f7fa;
|
|
4887
4903
|
border: 1px solid #e4e7ed;
|
|
4888
4904
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
|
|
4889
4905
|
opacity: 0.7;
|
|
4890
4906
|
border-radius: 4px;
|
|
4891
4907
|
}
|
|
4892
|
-
.grid-draggable-wrapper[data-v-
|
|
4908
|
+
.grid-draggable-wrapper[data-v-1d0d8388] .vgl-item__resizer {
|
|
4893
4909
|
z-index: 1;
|
|
4894
4910
|
}
|
|
4895
|
-
.grid-draggable-wrapper[data-v-
|
|
4911
|
+
.grid-draggable-wrapper[data-v-1d0d8388] .vgl-item__resizer:before {
|
|
4896
4912
|
display: none;
|
|
4897
4913
|
border-color: #409eff;
|
|
4898
4914
|
}
|
|
4899
|
-
.grid-draggable-wrapper[data-v-
|
|
4915
|
+
.grid-draggable-wrapper[data-v-1d0d8388] .vgl-item:hover .vgl-item__resizer:before {
|
|
4900
4916
|
display: block;
|
|
4901
4917
|
}
|
|
4902
|
-
[data-v-
|
|
4918
|
+
[data-v-1d0d8388] .el-divider {
|
|
4903
4919
|
margin: 16px 0;
|
|
4904
4920
|
}
|
|
4905
|
-
[data-v-
|
|
4921
|
+
[data-v-1d0d8388] .el-divider .el-divider__text {
|
|
4906
4922
|
color: #adb0b7;
|
|
4907
4923
|
padding: 0 10px;
|
|
4908
4924
|
border-radius: 4px;
|
|
@@ -879,6 +879,25 @@ var _sfc_main249 = /* @__PURE__ */ vue.defineComponent({
|
|
|
879
879
|
]));
|
|
880
880
|
}
|
|
881
881
|
}), success_filled_default = _sfc_main249;
|
|
882
|
+
var _sfc_main273 = /* @__PURE__ */ vue.defineComponent({
|
|
883
|
+
name: "Unlock",
|
|
884
|
+
__name: "unlock",
|
|
885
|
+
setup(__props) {
|
|
886
|
+
return (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
|
|
887
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
888
|
+
viewBox: "0 0 1024 1024"
|
|
889
|
+
}, [
|
|
890
|
+
vue.createElementVNode("path", {
|
|
891
|
+
fill: "currentColor",
|
|
892
|
+
d: "M224 448a32 32 0 0 0-32 32v384a32 32 0 0 0 32 32h576a32 32 0 0 0 32-32V480a32 32 0 0 0-32-32zm0-64h576a96 96 0 0 1 96 96v384a96 96 0 0 1-96 96H224a96 96 0 0 1-96-96V480a96 96 0 0 1 96-96"
|
|
893
|
+
}),
|
|
894
|
+
vue.createElementVNode("path", {
|
|
895
|
+
fill: "currentColor",
|
|
896
|
+
d: "M512 544a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V576a32 32 0 0 1 32-32m178.304-295.296A192.064 192.064 0 0 0 320 320v64h352l96 38.4V448H256V320a256 256 0 0 1 493.76-95.104z"
|
|
897
|
+
})
|
|
898
|
+
]));
|
|
899
|
+
}
|
|
900
|
+
}), unlock_default = _sfc_main273;
|
|
882
901
|
var _sfc_main274 = /* @__PURE__ */ vue.defineComponent({
|
|
883
902
|
name: "UploadFilled",
|
|
884
903
|
__name: "upload-filled",
|
|
@@ -1024,6 +1043,7 @@ exports.SortUp = sort_up_default;
|
|
|
1024
1043
|
exports.Star = star_default;
|
|
1025
1044
|
exports.StarFilled = star_filled_default;
|
|
1026
1045
|
exports.SuccessFilled = success_filled_default;
|
|
1046
|
+
exports.Unlock = unlock_default;
|
|
1027
1047
|
exports.UploadFilled = upload_filled_default;
|
|
1028
1048
|
exports.VideoPlay = video_play_default;
|
|
1029
1049
|
exports.View = view_default;
|
|
@@ -4,13 +4,6 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
|
|
|
4
4
|
;/* empty css */
|
|
5
5
|
;/* empty css */
|
|
6
6
|
;/* empty css */
|
|
7
|
-
;/* empty css */
|
|
8
|
-
;/* empty css */
|
|
9
|
-
;/* empty css */
|
|
10
|
-
;/* empty css */
|
|
11
|
-
require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/theme-chalk/el-dropdown-menu.css.js");
|
|
12
|
-
;/* empty css */
|
|
13
|
-
;/* empty css */
|
|
14
7
|
const vue = require("vue");
|
|
15
8
|
const eventBus = require("../utils/eventBus.js");
|
|
16
9
|
require("../../../../../node_modules/.pnpm/grid-layout-plus@1.1.1_vue@3.5.13_typescript@5.7.3_/node_modules/grid-layout-plus/es/index.js");
|
|
@@ -35,11 +28,8 @@ const index$1 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_v
|
|
|
35
28
|
const index$2 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/form/index.js");
|
|
36
29
|
const gridLayout_vue = require("../../../../../node_modules/.pnpm/grid-layout-plus@1.1.1_vue@3.5.13_typescript@5.7.3_/node_modules/grid-layout-plus/es/components/grid-layout.vue.js");
|
|
37
30
|
const index$3 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/icon/index.js");
|
|
38
|
-
const index$5 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/
|
|
39
|
-
const index$6 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/
|
|
40
|
-
const index$7 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/checkbox/index.js");
|
|
41
|
-
const index$8 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/divider/index.js");
|
|
42
|
-
const index$9 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/message/index.js");
|
|
31
|
+
const index$5 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/divider/index.js");
|
|
32
|
+
const index$6 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/message/index.js");
|
|
43
33
|
const _hoisted_1 = { class: "form-work-area" };
|
|
44
34
|
const _hoisted_2 = { class: "form-grid-container" };
|
|
45
35
|
const _hoisted_3 = ["onMouseenter", "onClick"];
|
|
@@ -48,22 +38,19 @@ const _hoisted_4 = {
|
|
|
48
38
|
class: "component-toolbar"
|
|
49
39
|
};
|
|
50
40
|
const _hoisted_5 = ["onClick"];
|
|
51
|
-
const _hoisted_6 =
|
|
52
|
-
const _hoisted_7 =
|
|
53
|
-
const _hoisted_8 =
|
|
54
|
-
const _hoisted_9 = { class: "
|
|
55
|
-
const _hoisted_10 =
|
|
56
|
-
const _hoisted_11 = ["onClick"];
|
|
57
|
-
const _hoisted_12 = { class: "status-tags" };
|
|
58
|
-
const _hoisted_13 = {
|
|
41
|
+
const _hoisted_6 = ["onClick"];
|
|
42
|
+
const _hoisted_7 = ["onClick"];
|
|
43
|
+
const _hoisted_8 = ["onClick"];
|
|
44
|
+
const _hoisted_9 = { class: "status-tags" };
|
|
45
|
+
const _hoisted_10 = {
|
|
59
46
|
key: 0,
|
|
60
47
|
class: "field-name-tag"
|
|
61
48
|
};
|
|
62
|
-
const
|
|
49
|
+
const _hoisted_11 = {
|
|
63
50
|
key: 1,
|
|
64
51
|
class: "status-tag disabled-tag"
|
|
65
52
|
};
|
|
66
|
-
const
|
|
53
|
+
const _hoisted_12 = {
|
|
67
54
|
key: 2,
|
|
68
55
|
class: "status-tag readonly-tag"
|
|
69
56
|
};
|
|
@@ -182,7 +169,7 @@ const _sfc_main = {
|
|
|
182
169
|
};
|
|
183
170
|
editConfigData.value.deletedFields.push(deletedField);
|
|
184
171
|
layoutData.value.splice(index2, 1);
|
|
185
|
-
index$
|
|
172
|
+
index$6.ElMessage.success("字段已移至回收站");
|
|
186
173
|
}
|
|
187
174
|
}
|
|
188
175
|
function handleHide(item) {
|
|
@@ -319,13 +306,7 @@ const _sfc_main = {
|
|
|
319
306
|
eventBus.default.on("resizeEvent", () => {
|
|
320
307
|
gridLayout.value.resizeEvent();
|
|
321
308
|
});
|
|
322
|
-
|
|
323
|
-
function getDropdownVisible(itemId) {
|
|
324
|
-
return dropdownVisibleMap.value.get(itemId) || false;
|
|
325
|
-
}
|
|
326
|
-
function setDropdownVisible(itemId, visible) {
|
|
327
|
-
dropdownVisibleMap.value.set(itemId, visible);
|
|
328
|
-
}
|
|
309
|
+
vue.ref(/* @__PURE__ */ new Map());
|
|
329
310
|
const isDragging = vue.computed(() => {
|
|
330
311
|
var _a;
|
|
331
312
|
return ((_a = gridLayout.value) == null ? void 0 : _a.state.isDragging) || false;
|
|
@@ -345,12 +326,8 @@ const _sfc_main = {
|
|
|
345
326
|
});
|
|
346
327
|
return (_ctx, _cache) => {
|
|
347
328
|
const _component_el_icon = index$3.ElIcon;
|
|
348
|
-
const _component_el_input = index$6.ElInput;
|
|
349
|
-
const _component_el_checkbox = index$7.ElCheckbox;
|
|
350
|
-
const _component_el_dropdown_menu = index$5.ElDropdownMenu;
|
|
351
|
-
const _component_el_dropdown = index$5.ElDropdown;
|
|
352
329
|
const _component_Hide = vue.resolveComponent("Hide");
|
|
353
|
-
const _component_el_divider = index$
|
|
330
|
+
const _component_el_divider = index$5.ElDivider;
|
|
354
331
|
const _component_el_form = index$2.ElForm;
|
|
355
332
|
const _component_el_scrollbar = index$1.ElScrollbar;
|
|
356
333
|
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
@@ -413,76 +390,18 @@ const _sfc_main = {
|
|
|
413
390
|
_: 2
|
|
414
391
|
}, 1024)
|
|
415
392
|
], 10, _hoisted_5),
|
|
416
|
-
vue.
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
_cache[3] || (_cache[3] = vue.createElementVNode("span", { class: "setting-label" }, "标题:", -1)),
|
|
429
|
-
vue.createVNode(_component_el_input, {
|
|
430
|
-
modelValue: item.component.label,
|
|
431
|
-
"onUpdate:modelValue": ($event) => item.component.label = $event,
|
|
432
|
-
size: "small",
|
|
433
|
-
class: "setting-input"
|
|
434
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue"])
|
|
435
|
-
]),
|
|
436
|
-
vue.createElementVNode("div", _hoisted_8, [
|
|
437
|
-
_cache[4] || (_cache[4] = vue.createElementVNode("span", { class: "setting-label" }, "字段:", -1)),
|
|
438
|
-
vue.createVNode(_component_el_input, {
|
|
439
|
-
modelValue: item.component.fieldName,
|
|
440
|
-
"onUpdate:modelValue": ($event) => item.component.fieldName = $event,
|
|
441
|
-
size: "small",
|
|
442
|
-
class: "setting-input"
|
|
443
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue"])
|
|
444
|
-
]),
|
|
445
|
-
vue.createElementVNode("div", _hoisted_9, [
|
|
446
|
-
vue.createVNode(_component_el_checkbox, {
|
|
447
|
-
modelValue: item.component.required,
|
|
448
|
-
"onUpdate:modelValue": ($event) => item.component.required = $event,
|
|
449
|
-
label: "必填",
|
|
450
|
-
size: "small"
|
|
451
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue"]),
|
|
452
|
-
vue.createVNode(_component_el_checkbox, {
|
|
453
|
-
modelValue: item.component.readOnly,
|
|
454
|
-
"onUpdate:modelValue": ($event) => item.component.readOnly = $event,
|
|
455
|
-
label: "只读",
|
|
456
|
-
size: "small"
|
|
457
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue"]),
|
|
458
|
-
vue.createVNode(_component_el_checkbox, {
|
|
459
|
-
modelValue: item.component.disabled,
|
|
460
|
-
"onUpdate:modelValue": ($event) => item.component.disabled = $event,
|
|
461
|
-
label: "禁用",
|
|
462
|
-
size: "small"
|
|
463
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue"])
|
|
464
|
-
])
|
|
465
|
-
])
|
|
466
|
-
]),
|
|
467
|
-
_: 2
|
|
468
|
-
}, 1024)) : vue.createCommentVNode("", true)
|
|
469
|
-
]),
|
|
470
|
-
default: vue.withCtx(() => [
|
|
471
|
-
item.component.fieldType != "blank" ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
472
|
-
key: 0,
|
|
473
|
-
class: vue.normalizeClass(["toolbar-btn settings-btn", { "is-active": getDropdownVisible(item.id) }]),
|
|
474
|
-
title: "快捷设置"
|
|
475
|
-
}, [
|
|
476
|
-
vue.createVNode(_component_el_icon, null, {
|
|
477
|
-
default: vue.withCtx(() => [
|
|
478
|
-
vue.createVNode(vue.unref(index$4.Setting))
|
|
479
|
-
]),
|
|
480
|
-
_: 1
|
|
481
|
-
})
|
|
482
|
-
], 2)) : vue.createCommentVNode("", true)
|
|
483
|
-
]),
|
|
484
|
-
_: 2
|
|
485
|
-
}, 1032, ["popper-class", "onVisibleChange"]),
|
|
393
|
+
vue.createElementVNode("span", {
|
|
394
|
+
class: vue.normalizeClass(["toolbar-btn disabled-btn", { "is-disabled": item.component.disabled }]),
|
|
395
|
+
title: "设置只读",
|
|
396
|
+
onClick: vue.withModifiers(($event) => item.component.disabled = !item.component.disabled, ["stop"])
|
|
397
|
+
}, [
|
|
398
|
+
vue.createVNode(_component_el_icon, null, {
|
|
399
|
+
default: vue.withCtx(() => [
|
|
400
|
+
item.component.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.Lock), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(index$4.Unlock), { key: 1 }))
|
|
401
|
+
]),
|
|
402
|
+
_: 2
|
|
403
|
+
}, 1024)
|
|
404
|
+
], 10, _hoisted_6),
|
|
486
405
|
vue.createElementVNode("span", {
|
|
487
406
|
class: "toolbar-btn settings-btn",
|
|
488
407
|
title: "放进隐藏域",
|
|
@@ -494,7 +413,7 @@ const _sfc_main = {
|
|
|
494
413
|
]),
|
|
495
414
|
_: 1
|
|
496
415
|
})
|
|
497
|
-
], 8,
|
|
416
|
+
], 8, _hoisted_7),
|
|
498
417
|
vue.createElementVNode("span", {
|
|
499
418
|
class: "toolbar-btn delete-btn",
|
|
500
419
|
title: "删除组件",
|
|
@@ -506,18 +425,18 @@ const _sfc_main = {
|
|
|
506
425
|
]),
|
|
507
426
|
_: 1
|
|
508
427
|
})
|
|
509
|
-
], 8,
|
|
428
|
+
], 8, _hoisted_8)
|
|
510
429
|
])) : vue.createCommentVNode("", true),
|
|
511
|
-
vue.createElementVNode("div",
|
|
512
|
-
editConfigData.value.showFieldName && item.component.fieldName ? (vue.openBlock(), vue.createElementBlock("div",
|
|
513
|
-
item.component.disabled ? (vue.openBlock(), vue.createElementBlock("div",
|
|
430
|
+
vue.createElementVNode("div", _hoisted_9, [
|
|
431
|
+
editConfigData.value.showFieldName && item.component.fieldName ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, vue.toDisplayString(item.component.fieldType == "blank" ? "空白占位" : item.component.fieldName), 1)) : vue.createCommentVNode("", true),
|
|
432
|
+
item.component.disabled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
|
|
514
433
|
vue.createVNode(_component_el_icon, null, {
|
|
515
434
|
default: vue.withCtx(() => [
|
|
516
435
|
vue.createVNode(vue.unref(index$4.Lock))
|
|
517
436
|
]),
|
|
518
437
|
_: 1
|
|
519
438
|
})
|
|
520
|
-
])) : item.component.readOnly ? (vue.openBlock(), vue.createElementBlock("div",
|
|
439
|
+
])) : item.component.readOnly ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
|
|
521
440
|
vue.createVNode(_component_el_icon, null, {
|
|
522
441
|
default: vue.withCtx(() => [
|
|
523
442
|
vue.createVNode(vue.unref(index$4.View))
|
|
@@ -554,7 +473,7 @@ const _sfc_main = {
|
|
|
554
473
|
key: 5,
|
|
555
474
|
"border-style": "dashed"
|
|
556
475
|
}, {
|
|
557
|
-
default: vue.withCtx(() => _cache[
|
|
476
|
+
default: vue.withCtx(() => _cache[3] || (_cache[3] = [
|
|
558
477
|
vue.createTextVNode(" 此处为分割线，阻止下方组件自动向上补齐，解析时不显示 ")
|
|
559
478
|
])),
|
|
560
479
|
_: 1
|
|
@@ -582,5 +501,5 @@ const _sfc_main = {
|
|
|
582
501
|
};
|
|
583
502
|
}
|
|
584
503
|
};
|
|
585
|
-
const formWorkArea = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-
|
|
504
|
+
const formWorkArea = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-1d0d8388"]]);
|
|
586
505
|
exports.default = formWorkArea;
|