resolver-egretimp-plus 0.0.101 → 0.0.104

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "resolver-egretimp-plus",
3
- "version": "0.0.101",
3
+ "version": "0.0.104",
4
4
  "description": "交付体验渲染",
5
5
  "main": "./dist/web/index.js",
6
6
  "module": "./dist/web/index.js",
@@ -45,16 +45,18 @@ function toCollapse() {
45
45
  </script>
46
46
 
47
47
  <template>
48
- <cmi-collapse v-bind="{...attrs, ...collapseProps}">
49
- <div class="render-wrap">
50
- <Renderer :config="showPageMeteList" v-model="modelValue"></Renderer>
51
- </div>
52
- <div v-if="showCollapseBtn" class="collapse-wrap">
53
- <cmi-button type="text" size="small" @click="toCollapse">
54
- {{ collapseLabel }}
55
- </cmi-button>
56
- </div>
57
- </cmi-collapse>
48
+ <div :style="attrs.style">
49
+ <cmi-collapse v-bind="{...attrs, ...collapseProps}">
50
+ <div class="render-wrap">
51
+ <Renderer :config="showPageMeteList" v-model="modelValue"></Renderer>
52
+ </div>
53
+ <div v-if="showCollapseBtn" class="collapse-wrap">
54
+ <cmi-button type="text" size="small" @click="toCollapse">
55
+ {{ collapseLabel }}
56
+ </cmi-button>
57
+ </div>
58
+ </cmi-collapse>
59
+ </div>
58
60
  </template>
59
61
 
60
62
  <style lang="scss">
@@ -72,3 +74,16 @@ function toCollapse() {
72
74
  justify-content: end;
73
75
  }
74
76
  </style>
77
+ <style lang="scss">
78
+ .CustomComponentCollapseH5:first-child {
79
+ margin-bottom: 16px;
80
+ }
81
+ .CustomComponentCollapseH5 + .CustomComponentCollapseH5 {
82
+ margin-bottom: 16px;
83
+ }
84
+
85
+ // 加权
86
+ .CustomComponentCollapseH5.CustomComponentCollapseH5.CustomComponentCollapseH5:last-child {
87
+ margin-bottom: 0;
88
+ }
89
+ </style>
@@ -101,13 +101,31 @@ const dialogValue = computed({
101
101
  })
102
102
  // 是否显示确定按钮
103
103
  const showConfirmButton = computed(() => {
104
- return !!(props.config?.showConfirmButton) || !!(props.config?.showConfirm)
104
+ return (
105
+ typeof props.config?.showConfirmButton === 'boolean' ?
106
+ !!(props.config?.showConfirmButton) :
107
+ props.config.showConfirmButton === '1'
108
+ ) || (
109
+ typeof props.config?.showConfirm === 'boolean' ?
110
+ !!(props.config?.showConfirm) :
111
+ props.config.showConfirm === '1'
112
+ )
105
113
  })
106
114
  // 是否显示确定关闭按钮
107
115
  const showCloseButton = computed(() => {
108
116
  return hasOwn(props.config, 'showCloseButton') ?
109
- !!(props.config?.showCloseButton) :
110
- hasOwn(props.config, 'showClose') ? !!(props.config?.showClose) : true
117
+ (
118
+ typeof props.config.showCloseButton === 'boolean' ?
119
+ !!(props.config.showCloseButton) :
120
+ props.config.showCloseButton === '1'
121
+ ) :
122
+ hasOwn(props.config, 'showClose') ?
123
+ (
124
+ typeof props.config.showClose === 'boolean' ?
125
+ !!(props.config.showClose) :
126
+ props.config.showClose === '1'
127
+ ) :
128
+ true
111
129
  })
112
130
 
113
131
  const toConfirm = async () => {
@@ -1,3 +1,7 @@
1
+ .custom-component-card.el-card {
2
+ overflow: unset;
3
+ }
4
+
1
5
 
2
6
  .el-card__body {
3
7
  padding: var(--prmary-marign-second) var(--prmary-marign) 0 var(--prmary-marign);
@@ -28,7 +28,7 @@
28
28
  }
29
29
  }
30
30
  .el-collapse-item__wrap {
31
- overflow: none;
31
+ overflow: unset;
32
32
  }
33
33
  .el-collapse-item {
34
34
  position: relative;
@@ -40,4 +40,4 @@
40
40
  @import './tabs.scss';
41
41
  @import './tree.scss';
42
42
  @import './steps.scss';
43
- @import './dialog.scss'
43
+ @import './dialog.scss';
@@ -481,11 +481,11 @@ export function generateLayoutPolyfill(config, disabled, isH5) {
481
481
  }
482
482
  })
483
483
  }
484
+ props.class = {
485
+ [normalCapitalizeComponent(config.metaType)]: true,
486
+ }
484
487
  if (isElCol) {
485
- props.class = {
486
- [normalCapitalizeComponent(config.metaType)]: true,
487
- 'is-card': config?.needWrap, // 这个样式主要用于折叠上面,控制被卡片包裹的时候,下边距是16,没有被包裹的时候,是12
488
- }
488
+ props.class['is-card'] = config?.needWrap, // 这个样式主要用于折叠上面,控制被卡片包裹的时候,下边距是16,没有被包裹的时候,是12
489
489
  props = {
490
490
  ...props,
491
491
  ...getDefaultColProps(config),