@zscreate/form-component 1.1.304 → 1.1.306

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.
@@ -3798,97 +3798,97 @@ span.CodeMirror-selectedtext { background: none; }
3798
3798
  opacity: 0.6;
3799
3799
  }
3800
3800
 
3801
- .paper[data-v-45d7dc3c] * {
3801
+ .paper[data-v-e75cd372] * {
3802
3802
  font-size: var(--paperFontSize);
3803
3803
  }
3804
- .paper .form-title[data-v-45d7dc3c] {
3804
+ .paper .form-title[data-v-e75cd372] {
3805
3805
  text-align: center;
3806
3806
  font-weight: 600;
3807
3807
  font-size: 16px;
3808
3808
  height: 40px;
3809
3809
  }
3810
- [data-v-45d7dc3c] .vue-grid-layout {
3810
+ [data-v-e75cd372] .vue-grid-layout {
3811
3811
  z-index: 2;
3812
3812
  }
3813
- [data-v-45d7dc3c] .vue-grid-item {
3813
+ [data-v-e75cd372] .vue-grid-item {
3814
3814
  border: 1px dashed #ccc;
3815
3815
  box-sizing: border-box;
3816
3816
  background-color: #fff;
3817
3817
  }
3818
- [data-v-45d7dc3c] .ant-form-item {
3818
+ [data-v-e75cd372] .ant-form-item {
3819
3819
  width: 100%;
3820
3820
  height: 100%;
3821
3821
  margin-bottom: 0;
3822
3822
  }
3823
- [data-v-45d7dc3c] .ant-form-item .ant-form-item-label {
3823
+ [data-v-e75cd372] .ant-form-item .ant-form-item-label {
3824
3824
  height: 100%;
3825
3825
  position: absolute;
3826
3826
  left: 0;
3827
3827
  top: 0;
3828
3828
  border-right: 1px solid var(--designBorderColor);
3829
3829
  }
3830
- [data-v-45d7dc3c] .ant-form-item .ant-form-item-label label {
3830
+ [data-v-e75cd372] .ant-form-item .ant-form-item-label label {
3831
3831
  display: flex;
3832
3832
  justify-content: center;
3833
3833
  align-items: center;
3834
3834
  height: 100%;
3835
3835
  }
3836
- [data-v-45d7dc3c] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
3836
+ [data-v-e75cd372] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
3837
3837
  display: none;
3838
3838
  }
3839
- [data-v-45d7dc3c] .ant-form-item .ant-form-item-control-wrapper {
3839
+ [data-v-e75cd372] .ant-form-item .ant-form-item-control-wrapper {
3840
3840
  height: 100%;
3841
3841
  float: right;
3842
3842
  display: flex;
3843
3843
  align-items: center;
3844
3844
  }
3845
- [data-v-45d7dc3c] .ant-form-item .ant-form-item-control {
3845
+ [data-v-e75cd372] .ant-form-item .ant-form-item-control {
3846
3846
  width: 98%;
3847
3847
  margin: 0 auto;
3848
3848
  }
3849
- .is_required[data-v-45d7dc3c]::before {
3849
+ .is_required[data-v-e75cd372]::before {
3850
3850
  content: "*";
3851
3851
  color: #f56c6c;
3852
3852
  margin-right: 4px;
3853
3853
  }
3854
- .widget-form-list[data-v-45d7dc3c] {
3854
+ .widget-form-list[data-v-e75cd372] {
3855
3855
  background: #fff;
3856
3856
  box-sizing: border-box;
3857
3857
  }
3858
- .widget-form-list .row-item[data-v-45d7dc3c]:first-child {
3858
+ .widget-form-list .row-item[data-v-e75cd372]:first-child {
3859
3859
  border-top: 1px solid var(--designBorderColor);
3860
3860
  }
3861
- .widget-form-list .row-item[data-v-45d7dc3c] {
3861
+ .widget-form-list .row-item[data-v-e75cd372] {
3862
3862
  border-bottom: 1px solid var(--designBorderColor);
3863
3863
  }
3864
- .widget-form-list .row-item[data-v-45d7dc3c] {
3864
+ .widget-form-list .row-item[data-v-e75cd372] {
3865
3865
  border-right: 1px solid var(--designBorderColor);
3866
3866
  border-left: 1px solid var(--designBorderColor);
3867
3867
  }
3868
- .widget-form-list .item-bottom[data-v-45d7dc3c] {
3868
+ .widget-form-list .item-bottom[data-v-e75cd372] {
3869
3869
  border-bottom: 1px solid var(--designBorderColor);
3870
3870
  }
3871
- .widget-form-list .no-row-item[data-v-45d7dc3c] {
3871
+ .widget-form-list .no-row-item[data-v-e75cd372] {
3872
3872
  border-right: none;
3873
3873
  border-bottom: none !important;
3874
3874
  }
3875
- .widget-form-list .no-row-item .widget-form-list[data-v-45d7dc3c] {
3875
+ .widget-form-list .no-row-item .widget-form-list[data-v-e75cd372] {
3876
3876
  border-top: none !important;
3877
3877
  border-right: none;
3878
3878
  }
3879
- .widget-form-list .widget-grid[data-v-45d7dc3c] {
3879
+ .widget-form-list .widget-grid[data-v-e75cd372] {
3880
3880
  background: #f4f6fc;
3881
3881
  position: relative;
3882
3882
  border-left: 5px solid transparent;
3883
3883
  padding: 5px;
3884
3884
  margin: 0 !important;
3885
3885
  }
3886
- .widget-form-list .widget-grid.active[data-v-45d7dc3c] {
3886
+ .widget-form-list .widget-grid.active[data-v-e75cd372] {
3887
3887
  outline: 2px solid #409eff;
3888
3888
  border: 1px solid #409eff;
3889
3889
  background: #b3d8ff;
3890
3890
  }
3891
- .widget-form-list .widget-grid .grid-background[data-v-45d7dc3c] {
3891
+ .widget-form-list .widget-grid .grid-background[data-v-e75cd372] {
3892
3892
  position: absolute;
3893
3893
  z-index: 1;
3894
3894
  top: 0;
@@ -3899,85 +3899,85 @@ span.CodeMirror-selectedtext { background: none; }
3899
3899
  height: 100%;
3900
3900
  padding: 5px 5px 10px 5px;
3901
3901
  }
3902
- .widget-form-list .widget-grid .grid-background .rows[data-v-45d7dc3c] {
3902
+ .widget-form-list .widget-grid .grid-background .rows[data-v-e75cd372] {
3903
3903
  border-bottom: 1px dashed #ccc;
3904
3904
  border-left: 1px dashed #ccc;
3905
3905
  box-sizing: border-box;
3906
3906
  overflow: hidden;
3907
3907
  }
3908
- .widget-form-list .widget-grid .grid-background .rows[data-v-45d7dc3c]:first-child {
3908
+ .widget-form-list .widget-grid .grid-background .rows[data-v-e75cd372]:first-child {
3909
3909
  border-top: 1px dashed #ccc;
3910
3910
  }
3911
- .widget-form-list .widget-grid .grid-background .rows .columns[data-v-45d7dc3c] {
3911
+ .widget-form-list .widget-grid .grid-background .rows .columns[data-v-e75cd372] {
3912
3912
  float: left;
3913
3913
  border-right: 1px dashed #ccc;
3914
3914
  min-height: 40px;
3915
3915
  box-sizing: border-box;
3916
3916
  }
3917
- .widget-form-list .row_table[data-v-45d7dc3c] {
3917
+ .widget-form-list .row_table[data-v-e75cd372] {
3918
3918
  min-height: 60px;
3919
3919
  position: relative;
3920
3920
  }
3921
- .widget-form-list li.sortable-chosen[data-v-45d7dc3c] {
3921
+ .widget-form-list li.sortable-chosen[data-v-e75cd372] {
3922
3922
  height: 2px !important;
3923
3923
  overflow: hidden !important;
3924
3924
  background: red !important;
3925
3925
  }
3926
- .widget-form-list .widget-col-list[data-v-45d7dc3c] {
3926
+ .widget-form-list .widget-col-list[data-v-e75cd372] {
3927
3927
  min-height: 50px;
3928
3928
  border: 1px dashed #ccc;
3929
3929
  background: #fff;
3930
3930
  }
3931
- .widget-form-list .widget-col[data-v-45d7dc3c] {
3931
+ .widget-form-list .widget-col[data-v-e75cd372] {
3932
3932
  padding-bottom: 0;
3933
3933
  padding: 5px;
3934
3934
  background-color: rgba(253, 246, 236, 0.3);
3935
3935
  }
3936
- .grid-lay-out-wrap .widget-col-list[data-v-45d7dc3c] {
3936
+ .grid-lay-out-wrap .widget-col-list[data-v-e75cd372] {
3937
3937
  width: 100%;
3938
3938
  height: 100%;
3939
3939
  min-height: 40px;
3940
3940
  border: none;
3941
3941
  }
3942
- .widget-form-ocuupied[data-v-45d7dc3c] {
3942
+ .widget-form-ocuupied[data-v-e75cd372] {
3943
3943
  min-height: 540px;
3944
3944
  border: none;
3945
3945
  }
3946
- .drag_table[data-v-45d7dc3c] {
3946
+ .drag_table[data-v-e75cd372] {
3947
3947
  width: calc(100% - 100px);
3948
3948
  height: 100%;
3949
3949
  display: flex;
3950
3950
  overflow-y: scroll;
3951
3951
  }
3952
- .drag_table[data-v-45d7dc3c]::-webkit-scrollbar {
3952
+ .drag_table[data-v-e75cd372]::-webkit-scrollbar {
3953
3953
  width: 3px;
3954
3954
  height: 3px;
3955
3955
  }
3956
- .drag_table[data-v-45d7dc3c]::-webkit-scrollbar-track {
3956
+ .drag_table[data-v-e75cd372]::-webkit-scrollbar-track {
3957
3957
  background: #fff;
3958
3958
  border-radius: 2px;
3959
3959
  }
3960
- .drag_table[data-v-45d7dc3c]::-webkit-scrollbar-thumb {
3960
+ .drag_table[data-v-e75cd372]::-webkit-scrollbar-thumb {
3961
3961
  background: #cdcdcd;
3962
3962
  border-radius: 8px;
3963
3963
  }
3964
- .drag_table[data-v-45d7dc3c]::-webkit-scrollbar-thumb:hover {
3964
+ .drag_table[data-v-e75cd372]::-webkit-scrollbar-thumb:hover {
3965
3965
  background: #cdcdcd;
3966
3966
  }
3967
- .drag_table[data-v-45d7dc3c]::-webkit-scrollbar-corner {
3967
+ .drag_table[data-v-e75cd372]::-webkit-scrollbar-corner {
3968
3968
  background: #cdcdcd;
3969
3969
  }
3970
- .widget-form-ocuupied[data-v-45d7dc3c] {
3970
+ .widget-form-ocuupied[data-v-e75cd372] {
3971
3971
  min-height: 540px;
3972
3972
  border: none;
3973
3973
  }
3974
- .table_label[data-v-45d7dc3c] {
3974
+ .table_label[data-v-e75cd372] {
3975
3975
  width: 100px;
3976
3976
  min-width: 100px;
3977
3977
  height: 100%;
3978
3978
  text-align: right;
3979
3979
  }
3980
- .widget-view-model[data-v-45d7dc3c] {
3980
+ .widget-view-model[data-v-e75cd372] {
3981
3981
  position: absolute;
3982
3982
  top: 0px;
3983
3983
  right: 3px;
@@ -3987,12 +3987,12 @@ span.CodeMirror-selectedtext { background: none; }
3987
3987
  opacity: 0.6;
3988
3988
  }
3989
3989
  /**selectedWidget active*/
3990
- [data-v-45d7dc3c] .active {
3990
+ [data-v-e75cd372] .active {
3991
3991
  outline: 2px solid #539dfa;
3992
3992
  box-shadow: 0 0 5px #539dfa;
3993
3993
  position: relative;
3994
3994
  }
3995
- [data-v-45d7dc3c] .active .widget-view-drag {
3995
+ [data-v-e75cd372] .active .widget-view-drag {
3996
3996
  position: absolute;
3997
3997
  left: -2px;
3998
3998
  top: -2px;
@@ -4006,7 +4006,7 @@ span.CodeMirror-selectedtext { background: none; }
4006
4006
  color: #ffffff;
4007
4007
  cursor: move;
4008
4008
  }
4009
- [data-v-45d7dc3c] .active .widget-view-action {
4009
+ [data-v-e75cd372] .active .widget-view-action {
4010
4010
  width: 70px;
4011
4011
  position: absolute;
4012
4012
  right: 0px;
@@ -4019,7 +4019,7 @@ span.CodeMirror-selectedtext { background: none; }
4019
4019
  background: transparent;
4020
4020
  color: #fff;
4021
4021
  }
4022
- [data-v-45d7dc3c] .active .widget-view-action .iconfont {
4022
+ [data-v-e75cd372] .active .widget-view-action .iconfont {
4023
4023
  width: 25px;
4024
4024
  height: 25px;
4025
4025
  border-radius: 50%;
@@ -4029,17 +4029,17 @@ span.CodeMirror-selectedtext { background: none; }
4029
4029
  font-size: 14px;
4030
4030
  justify-content: center;
4031
4031
  }
4032
- [data-v-45d7dc3c] .active .widget-view-action .icon-icon_clone {
4032
+ [data-v-e75cd372] .active .widget-view-action .icon-icon_clone {
4033
4033
  background: red;
4034
4034
  }
4035
- [data-v-45d7dc3c] .active .widget-view-action .icon-trash {
4035
+ [data-v-e75cd372] .active .widget-view-action .icon-trash {
4036
4036
  margin-left: 20px;
4037
4037
  }
4038
- .widget-form-list .widget-view[data-v-45d7dc3c] {
4038
+ .widget-form-list .widget-view[data-v-e75cd372] {
4039
4039
  z-index: 8;
4040
4040
  position: relative;
4041
4041
  }
4042
- .widget-form-list .widget-view .widget-view-action[data-v-45d7dc3c] {
4042
+ .widget-form-list .widget-view .widget-view-action[data-v-e75cd372] {
4043
4043
  position: absolute;
4044
4044
  right: 0px;
4045
4045
  bottom: 0;
@@ -4051,7 +4051,7 @@ span.CodeMirror-selectedtext { background: none; }
4051
4051
  background: transparent;
4052
4052
  color: #fff;
4053
4053
  }
4054
- .widget-form-list .widget-view .widget-view-action .iconfont[data-v-45d7dc3c] {
4054
+ .widget-form-list .widget-view .widget-view-action .iconfont[data-v-e75cd372] {
4055
4055
  width: 25px;
4056
4056
  height: 25px;
4057
4057
  border-radius: 50%;
@@ -4061,13 +4061,13 @@ span.CodeMirror-selectedtext { background: none; }
4061
4061
  font-size: 14px;
4062
4062
  justify-content: center;
4063
4063
  }
4064
- .widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-45d7dc3c] {
4064
+ .widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-e75cd372] {
4065
4065
  background: red;
4066
4066
  }
4067
- .widget-form-list .widget-view .widget-view-action .icon-trash[data-v-45d7dc3c] {
4067
+ .widget-form-list .widget-view .widget-view-action .icon-trash[data-v-e75cd372] {
4068
4068
  margin-left: 20px;
4069
4069
  }
4070
- .widget-form-list .widget-view .widget-view-drag[data-v-45d7dc3c] {
4070
+ .widget-form-list .widget-view .widget-view-drag[data-v-e75cd372] {
4071
4071
  position: absolute;
4072
4072
  left: -2px;
4073
4073
  top: -2px;
@@ -4077,30 +4077,30 @@ span.CodeMirror-selectedtext { background: none; }
4077
4077
  background: #409eff;
4078
4078
  z-index: 9;
4079
4079
  }
4080
- .widget-form-list .widget-view .widget-view-drag i[data-v-45d7dc3c] {
4080
+ .widget-form-list .widget-view .widget-view-drag i[data-v-e75cd372] {
4081
4081
  font-size: 14px;
4082
4082
  color: #fff;
4083
4083
  margin: 0 5px;
4084
4084
  cursor: move;
4085
4085
  }
4086
4086
  /*****无border *****/
4087
- .no-border .widget-form-list[data-v-45d7dc3c] {
4087
+ .no-border .widget-form-list[data-v-e75cd372] {
4088
4088
  border: none;
4089
4089
  }
4090
- .no-border .widget-form-list .row-item[data-v-45d7dc3c]:not(:last-child) {
4090
+ .no-border .widget-form-list .row-item[data-v-e75cd372]:not(:last-child) {
4091
4091
  border: none;
4092
4092
  }
4093
- .no-border .widget-form-list[data-v-45d7dc3c] .ant-form-item .ant-form-item-label {
4093
+ .no-border .widget-form-list[data-v-e75cd372] .ant-form-item .ant-form-item-label {
4094
4094
  border: 0;
4095
4095
  }
4096
4096
  /*****无border *****/
4097
4097
  /***label对齐方式 */
4098
- [data-v-45d7dc3c] .custom_form_item .break {
4098
+ [data-v-e75cd372] .custom_form_item .break {
4099
4099
  white-space: normal;
4100
4100
  word-break: break-all;
4101
4101
  word-wrap: break-word;
4102
4102
  }
4103
- [data-v-45d7dc3c] .custom_form_item .align-between {
4103
+ [data-v-e75cd372] .custom_form_item .align-between {
4104
4104
  white-space: normal;
4105
4105
  word-break: break-all;
4106
4106
  word-wrap: break-word;
@@ -4109,28 +4109,28 @@ span.CodeMirror-selectedtext { background: none; }
4109
4109
  text-align-last: justify;
4110
4110
  width: 80%;
4111
4111
  }
4112
- [data-v-45d7dc3c] .custom_form_item .align-middle {
4112
+ [data-v-e75cd372] .custom_form_item .align-middle {
4113
4113
  white-space: normal;
4114
4114
  word-break: break-all;
4115
4115
  word-wrap: break-word;
4116
4116
  text-align: center;
4117
4117
  width: 80%;
4118
4118
  }
4119
- [data-v-45d7dc3c] .custom_form_item .align-left {
4119
+ [data-v-e75cd372] .custom_form_item .align-left {
4120
4120
  white-space: normal;
4121
4121
  word-break: break-all;
4122
4122
  word-wrap: break-word;
4123
4123
  text-align: left;
4124
4124
  width: 80%;
4125
4125
  }
4126
- [data-v-45d7dc3c] .custom_form_item .align-right {
4126
+ [data-v-e75cd372] .custom_form_item .align-right {
4127
4127
  white-space: normal;
4128
4128
  word-break: break-all;
4129
4129
  word-wrap: break-word;
4130
4130
  text-align: right;
4131
4131
  width: 80%;
4132
4132
  }
4133
- [data-v-45d7dc3c] .custom_form_item .align-center {
4133
+ [data-v-e75cd372] .custom_form_item .align-center {
4134
4134
  white-space: normal;
4135
4135
  word-break: break-all;
4136
4136
  word-wrap: break-word;
@@ -108016,7 +108016,7 @@ function keys(object) {
108016
108016
  /***/ ((module) => {
108017
108017
 
108018
108018
  "use strict";
108019
- module.exports = {"rE":"1.1.304"};
108019
+ module.exports = {"rE":"1.1.306"};
108020
108020
 
108021
108021
  /***/ })
108022
108022
 
@@ -109961,7 +109961,7 @@ icon_Icon.install = function (Vue) {
109961
109961
  var layoutForPaper = __webpack_require__(6271);
109962
109962
  // EXTERNAL MODULE: ./src/form/modules/layout/layoutItem.vue + 10 modules
109963
109963
  var layoutItem = __webpack_require__(3051);
109964
- ;// CONCATENATED MODULE: ./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/Container.vue?vue&type=template&id=1a051f21
109964
+ ;// CONCATENATED MODULE: ./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/Container.vue?vue&type=template&id=4c90dd96
109965
109965
  var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a-layout',{staticClass:"fm2-container"},[_c('a-layout',[_c('a-layout-header',{staticClass:"btn-bar"},[_c('widget-list',{attrs:{"previewDesktop":_vm.isPreviewDesktop,"isView":_vm.isView,"positionRight":_vm.hiddenSave},on:{"update:previewDesktop":function($event){_vm.isPreviewDesktop=$event},"update:preview-desktop":function($event){_vm.isPreviewDesktop=$event}}},[_c('div',[(!_vm.hiddenSave)?_c('span',{staticClass:"activeTab",on:{"click":_vm.handleSave}},[_vm._v("保存")]):_vm._e(),_c('span',{staticClass:"activeTab",on:{"click":_vm.handleClear}},[_vm._v("清空")]),_c('span',{staticClass:"activeTab",on:{"click":_vm.handleGenerateJson}},[_vm._v("查看JSON")]),_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.isView),expression:"isView"}],staticClass:"activeTab",on:{"click":_vm.handleGetData}},[_vm._v("获取数据")]),_c('span',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isView),expression:"!isView"}],staticClass:"activeTab",on:{"click":_vm.handlePreview}},[_vm._v("预览")]),_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.isView),expression:"isView"}],staticClass:"activeTab",on:{"click":_vm.handleColse}},[_vm._v("关闭预览")])])])],1),_c('a-layout',[_c('a-layout-content',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isView),expression:"!isView"}],staticClass:"center-container g1-form_main2",attrs:{"direction":"vertical"}},[_c('div',{staticClass:"a-layout-main",class:{ 'widget-empty': _vm.widgetForm.list.length == 0 }},[_c('widget-form',{ref:"widgetForm",attrs:{"data":_vm.widgetForm,"selectedWidget":_vm.widgetFormSelect},on:{"update:data":function($event){_vm.widgetForm=$event},"update:selectedWidget":function($event){_vm.widgetFormSelect=$event},"update:selected-widget":function($event){_vm.widgetFormSelect=$event}}})],1)]),_c('a-layout-sider',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isView),expression:"!isView"}],staticClass:"widget-config-container g1-panel1",attrs:{"width":"300px"}},[_c('a-layout-header',{staticStyle:{"background":"#fff"},attrs:{"height":"45px"}},[_c('div',{staticClass:"config-tab",class:{ active: _vm.configTab == 'widget' },on:{"click":function($event){return _vm.handleConfigSelect('widget')}}},[_vm._v(" 字段属性 ")]),_c('div',{staticClass:"config-tab",class:{ active: _vm.configTab == 'form' },on:{"click":function($event){return _vm.handleConfigSelect('form')}}},[_vm._v(" 表单属性 ")])]),_c('div',{staticClass:"config-content a-layout-main"},[(!_vm.refreshWidgetConfig)?_c('widget-config',{directives:[{name:"show",rawName:"v-show",value:(_vm.configTab == 'widget'),expression:"configTab == 'widget'"}],ref:"widgetconfig",attrs:{"selectedWidget":_vm.widgetFormSelect,"datalist":_vm.widgetForm.list}}):_vm._e(),_c('form-config',{directives:[{name:"show",rawName:"v-show",value:(_vm.configTab == 'form'),expression:"configTab == 'form'"}],attrs:{"formConfig":_vm.widgetForm.config},on:{"update:formConfig":function($event){return _vm.$set(_vm.widgetForm, "config", $event)},"update:form-config":function($event){return _vm.$set(_vm.widgetForm, "config", $event)},"changeHeaderOrFooter":_vm.changeHeaderOrFooter}})],1)],1),(_vm.isView)?_c('a-layout-content',{staticClass:"center-container g1-form_main2",attrs:{"direction":"vertical"}},[_c('div',{staticClass:"a-layout-main",style:({ textAlign: (_vm.isView && !_vm.isPreviewDesktop) ? 'center' : 'left' })},[(!_vm.isPreviewDesktop)?_c('div',{staticClass:"phone-preview"},[_c('iframe',{ref:"previewIframe",staticClass:"previewIframe",staticStyle:{"width":"375px","margin":"0 auto","height":"620px","margin-top":"-20px"},attrs:{"id":"previewIframe","src":_vm.previewMobileUrl,"frameborder":"0"},on:{"load":_vm.previewMobileOnload}})]):_c('layout-for-paper',{ref:"layoutForPaper",attrs:{"insite":"true","data":_vm.widgetForm,"value":_vm.widgetModels},on:{"on-change":_vm.handleDataChange}})],1)]):_vm._e()],1),_c('cus-dialog',{ref:"jsonPreview",staticStyle:{"text-align":"left"},attrs:{"title":"数据展示","visible":_vm.jsonVisible,"width":"800px","form":""},on:{"on-close":function($event){_vm.jsonVisible = false}}},[_c('codemirror',{staticClass:"code",attrs:{"value":_vm.jsonTemplate,"options":_vm.options}}),_c('template',{slot:"action"},[(_vm.canCopy)?_c('a-button',{staticClass:"json-btn",attrs:{"type":"primary","data-clipboard-text":_vm.jsonCopyValue}},[_vm._v("复制数据")]):_vm._e(),(!_vm.canCopy)?_c('a-button',{staticClass:"json-btn",on:{"click":function($event){_vm.jsonVisible = false}}},[_vm._v("关闭")]):_vm._e()],1)],2),_c('pageFooterAndHeader',{ref:"pageFooterAndHeader",on:{"changeContent":_vm.changeContent}})],1)],1)}
109966
109966
  var staticRenderFns = []
109967
109967
 
@@ -111246,8 +111246,8 @@ var component = (0,componentNormalizer/* default */.A)(
111246
111246
  )
111247
111247
 
111248
111248
  /* harmony default export */ const widgetList = (component.exports);
111249
- ;// CONCATENATED MODULE: ./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/widgetForm.vue?vue&type=template&id=45d7dc3c&scoped=true
111250
- var widgetFormvue_type_template_id_45d7dc3c_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"widget-form",class:{ 'no-border': !_vm.data.config.border },style:(_vm.widgetFormStyle)},[(_vm.widgetList[0].length == 0)?_c('div',{staticClass:"form-empty"},[_vm._v(" 从工具菜单中拖拽相应组件来布局表单字段 ")]):_vm._e(),_c('a-form-model',{attrs:{"model":_vm.form,"label-col":{ style: 'width:200px' },"wrapper-col":{}}},[_vm._l((_vm.widgetList),function(list,listindex){return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.widgetList[0].length > 0),expression:"widgetList[0].length > 0"}],key:listindex,staticClass:"paper",style:(_vm.contentStyle)},[(listindex == 0)?_c('div',{staticClass:"form-title",style:(Object.assign({}, {height: _vm.formNameHeight}, _vm.formNameStyle))},[_c('span',{staticStyle:{"font-size":"inherit"},domProps:{"innerHTML":_vm._s(_vm.data.config.formNameLeftContent || '')}}),_vm._v(_vm._s(_vm.data.config.formName)),_c('span',{staticStyle:{"font-size":"inherit"},domProps:{"innerHTML":_vm._s(_vm.data.config.formNameRightContent || '')}})]):_vm._e(),(_vm.data.config.pageHeader && listindex == 0)?_c('div',{style:(_vm.data.config.headerHeight),domProps:{"innerHTML":_vm._s(_vm.data.config.pageHeader)}}):_vm._e(),_c('draggable',_vm._b({attrs:{"setData":function () {}},on:{"end":function (e) {
111249
+ ;// CONCATENATED MODULE: ./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/widgetForm.vue?vue&type=template&id=e75cd372&scoped=true
111250
+ var widgetFormvue_type_template_id_e75cd372_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"widget-form",class:{ 'no-border': !_vm.data.config.border },style:(_vm.widgetFormStyle)},[(_vm.widgetList[0].length == 0)?_c('div',{staticClass:"form-empty"},[_vm._v(" 从工具菜单中拖拽相应组件来布局表单字段 ")]):_vm._e(),_c('a-form-model',{attrs:{"model":_vm.form,"label-col":{ style: 'width:200px' },"wrapper-col":{}}},[_vm._l((_vm.widgetList),function(list,listindex){return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.widgetList[0].length > 0),expression:"widgetList[0].length > 0"}],key:listindex,staticClass:"paper",style:(_vm.contentStyle)},[(listindex == 0)?_c('div',{staticClass:"form-title",style:(Object.assign({}, {height: _vm.formNameHeight}, _vm.formNameStyle))},[_c('span',{staticStyle:{"font-size":"inherit"},domProps:{"innerHTML":_vm._s(_vm.data.config.formNameLeftContent || '')}}),_vm._v(_vm._s(_vm.data.config.formName)),_c('span',{staticStyle:{"font-size":"inherit"},domProps:{"innerHTML":_vm._s(_vm.data.config.formNameRightContent || '')}})]):_vm._e(),(_vm.data.config.pageHeader && listindex == 0)?_c('div',{style:(_vm.data.config.headerHeight),domProps:{"innerHTML":_vm._s(_vm.data.config.pageHeader)}}):_vm._e(),_c('draggable',_vm._b({attrs:{"setData":function () {}},on:{"end":function (e) {
111251
111251
  _vm.handleMoveEnd(e, listindex);
111252
111252
  },"add":function (e) {
111253
111253
  _vm.handleWidgetAdd(e, listindex);
@@ -111256,7 +111256,7 @@ var widgetFormvue_type_template_id_45d7dc3c_scoped_true_render = function () {va
111256
111256
  widget.options.layoutModel === undefined
111257
111257
  )?_c('div',{key:index,staticClass:"row_table",class:{
111258
111258
  active: _vm.selectWidget.key == widget.key,
111259
- },on:{"click":function($event){$event.stopPropagation();return _vm.handleSelectWidget(index, listindex)}}},[_c('div',{staticStyle:{"display":"flex","height":"100%","justify-content":"center"}},[_c('div',{staticStyle:{"display":"table","align-items":"center","justify-content":"center"},style:(_vm.labelCol(widget))},[_c('span',{staticClass:"table_label",staticStyle:{"display":"table-cell","vertical-align":"middle","white-space":"normal","word-break":"break-all","word-wrap":"break-word","text-align":"justify","-moz-text-align-last":"justify","text-align-last":"justify","padding":"0 10%"}},[_vm._v(_vm._s(("" + (widget.name))))])]),_c('div',{staticClass:"widget-table-wrapper",staticStyle:{"flex":"1","overflow":"hidden"}},[_c('draggable',_vm._b({staticClass:"drag_table widget-col-list",staticStyle:{"width":"100%","display":"flex","overflow-y":"scroll"},attrs:{"setData":function () {},"no-transition-on-drag":true},on:{"add":function($event){return _vm.handleWidgetTableAdd(
111259
+ },on:{"click":function($event){$event.stopPropagation();return _vm.handleSelectWidget(index, listindex)}}},[_c('div',{staticStyle:{"display":"flex","height":"100%","justify-content":"center"}},[_c('div',{staticStyle:{"display":"table","align-items":"center","justify-content":"center"},style:(_vm.labelCol(widget))},[_c('span',{staticClass:"table_label",style:(((widget.options.height ? ("height: " + (widget.options.height) + "px") : '') + ";\n display: table-cell;\n vertical-align: middle;\n white-space: normal;\n word-break: break-all;\n word-wrap: break-word;\n text-align: justify;\n -moz-text-align-last: justify;\n text-align-last: justify;\n padding: 0 10%;"))},[_vm._v(_vm._s(("" + (widget.name))))])]),_c('div',{staticClass:"widget-table-wrapper",staticStyle:{"flex":"1","overflow":"hidden"}},[_c('draggable',_vm._b({staticClass:"drag_table widget-col-list",staticStyle:{"width":"100%","display":"flex","overflow-y":"scroll"},attrs:{"setData":function () {},"no-transition-on-drag":true},on:{"add":function($event){return _vm.handleWidgetTableAdd(
111260
111260
  $event,
111261
111261
  widget,
111262
111262
  index,
@@ -111298,7 +111298,7 @@ var widgetFormvue_type_template_id_45d7dc3c_scoped_true_render = function () {va
111298
111298
  'item-bottom': !widget.options.border,
111299
111299
  'row-item': widget.options.border,
111300
111300
  },style:({ borderColor: _vm.data.config.borderColor })},[_c('widget-form-item',{key:widget.key,attrs:{"index":index,"widget":widget,"widgetListCell":_vm.widgetList[listindex],"select":_vm.selectWidget},on:{"updatePaperLayout":_vm.updatePaperLayout,"update:select":function($event){_vm.selectWidget=$event}}})],1)]:[(widget && widget.key)?_c('div',{key:widget.key,staticClass:"row-item"},[_c('widget-form-item',{key:widget.key,attrs:{"index":index,"widget":widget,"widgetListCell":_vm.widgetList[listindex],"select":_vm.selectWidget},on:{"updatePaperLayout":_vm.updatePaperLayout,"update:select":function($event){_vm.selectWidget=$event}}})],1):_vm._e()]]})],2)],1),(_vm.data.config.pageFooter && listindex === _vm.widgetList.length - 1)?_c('div',{staticClass:"form-p age-footer",style:(_vm.data.config.footerHeight),domProps:{"innerHTML":_vm._s(_vm.data.config.pageFooter)}}):_vm._e()],1)}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.widgetList[0].length == 0),expression:"widgetList[0].length == 0"}],staticClass:"paper",style:(_vm.contentStyle)},[_c('div',{staticClass:"form-title"},[_vm._v(_vm._s(_vm.data.config.formName))]),(_vm.data.config.pageHeader)?_c('div',{style:(_vm.data.config.headerHeight),domProps:{"innerHTML":_vm._s(_vm.data.config.pageHeader)}}):_vm._e(),_c('draggable',_vm._b({attrs:{"setData":function () {}},on:{"end":_vm.handleMoveEnd,"add":_vm.handleWidgetAdd},model:{value:(_vm.widgetList[0]),callback:function ($$v) {_vm.$set(_vm.widgetList, 0, $$v)},expression:"widgetList[0]"}},'draggable',_vm.draggableOptions,false),[_c('transition-group',{staticClass:"widget-form-list widget-form-ocuupied",attrs:{"name":"fade","tag":"div"}})],1),(_vm.data.config.pageFooter)?_c('div',{style:(_vm.data.config.footerHeight),domProps:{"innerHTML":_vm._s(_vm.data.config.pageFooter)}}):_vm._e()],1)],2)],1)}
111301
- var widgetFormvue_type_template_id_45d7dc3c_scoped_true_staticRenderFns = []
111301
+ var widgetFormvue_type_template_id_e75cd372_scoped_true_staticRenderFns = []
111302
111302
 
111303
111303
 
111304
111304
  // EXTERNAL MODULE: ./node_modules/_core-js@3.36.1@core-js/modules/es.array.push.js
@@ -111720,6 +111720,7 @@ var widgetDesign = __webpack_require__(5171);
111720
111720
  //
111721
111721
  //
111722
111722
  //
111723
+ //
111723
111724
 
111724
111725
 
111725
111726
 
@@ -112188,10 +112189,10 @@ var widgetDesign = __webpack_require__(5171);
112188
112189
  });
112189
112190
  ;// CONCATENATED MODULE: ./src/form/modules/widgetForm.vue?vue&type=script&lang=js
112190
112191
  /* harmony default export */ const modules_widgetFormvue_type_script_lang_js = (widgetFormvue_type_script_lang_js);
112191
- ;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.8.1@mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/_css-loader@6.10.0@css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/widgetForm.vue?vue&type=style&index=0&id=45d7dc3c&prod&lang=less&scoped=true
112192
+ ;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.8.1@mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/_css-loader@6.10.0@css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/widgetForm.vue?vue&type=style&index=0&id=e75cd372&prod&lang=less&scoped=true
112192
112193
  // extracted by mini-css-extract-plugin
112193
112194
 
112194
- ;// CONCATENATED MODULE: ./src/form/modules/widgetForm.vue?vue&type=style&index=0&id=45d7dc3c&prod&lang=less&scoped=true
112195
+ ;// CONCATENATED MODULE: ./src/form/modules/widgetForm.vue?vue&type=style&index=0&id=e75cd372&prod&lang=less&scoped=true
112195
112196
 
112196
112197
  ;// CONCATENATED MODULE: ./src/form/modules/widgetForm.vue
112197
112198
 
@@ -112204,11 +112205,11 @@ var widgetDesign = __webpack_require__(5171);
112204
112205
 
112205
112206
  var widgetForm_component = (0,componentNormalizer/* default */.A)(
112206
112207
  modules_widgetFormvue_type_script_lang_js,
112207
- widgetFormvue_type_template_id_45d7dc3c_scoped_true_render,
112208
- widgetFormvue_type_template_id_45d7dc3c_scoped_true_staticRenderFns,
112208
+ widgetFormvue_type_template_id_e75cd372_scoped_true_render,
112209
+ widgetFormvue_type_template_id_e75cd372_scoped_true_staticRenderFns,
112209
112210
  false,
112210
112211
  null,
112211
- "45d7dc3c",
112212
+ "e75cd372",
112212
112213
  null
112213
112214
 
112214
112215
  )
@@ -114142,7 +114143,9 @@ __webpack_require__(2864);
114142
114143
  setJSON(json, record) {
114143
114144
  if (json && json.list.length > 0) {
114144
114145
  this.widgetForm = json;
114145
- this.widgetForm.config.formName = record.formName;
114146
+ if (this.widgetForm.config.formName === '表单设计') {
114147
+ this.widgetForm.config.formName = record.formName;
114148
+ }
114146
114149
  if (json.list && json.list.length > 0) {
114147
114150
  this.widgetFormSelect = json.list[0];
114148
114151
  }
@@ -114281,10 +114284,10 @@ __webpack_require__(2864);
114281
114284
  });
114282
114285
  ;// CONCATENATED MODULE: ./src/form/modules/Container.vue?vue&type=script&lang=js
114283
114286
  /* harmony default export */ const modules_Containervue_type_script_lang_js = (Containervue_type_script_lang_js);
114284
- ;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.8.1@mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/_css-loader@6.10.0@css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/Container.vue?vue&type=style&index=0&id=1a051f21&prod&lang=less
114287
+ ;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.8.1@mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/_css-loader@6.10.0@css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/Container.vue?vue&type=style&index=0&id=4c90dd96&prod&lang=less
114285
114288
  // extracted by mini-css-extract-plugin
114286
114289
 
114287
- ;// CONCATENATED MODULE: ./src/form/modules/Container.vue?vue&type=style&index=0&id=1a051f21&prod&lang=less
114290
+ ;// CONCATENATED MODULE: ./src/form/modules/Container.vue?vue&type=style&index=0&id=4c90dd96&prod&lang=less
114288
114291
 
114289
114292
  ;// CONCATENATED MODULE: ./src/form/modules/Container.vue
114290
114293
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zscreate/form-component",
3
- "version": "1.1.304",
3
+ "version": "1.1.306",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "main": "dist/form-component.umd.js",