@ganwei-web/gw-base-components-plus 1.0.39 → 1.0.41
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/element-plus-adapter/dist/ElementPlusAdapter.cjs +355 -111
- package/element-plus-adapter/dist/ElementPlusAdapter.cjs.map +1 -1
- package/element-plus-adapter/dist/ElementPlusAdapter.css +32 -1
- package/element-plus-adapter/dist/ElementPlusAdapter.iife.js +355 -111
- package/element-plus-adapter/dist/ElementPlusAdapter.iife.js.map +1 -1
- package/element-plus-adapter/dist/ElementPlusAdapter.js +357 -113
- package/element-plus-adapter/dist/ElementPlusAdapter.js.map +1 -1
- package/formdesigner/vform/designer.style.css +1 -1
- package/formdesigner/vform/designer.umd.js +11 -11
- package/package.json +1 -1
|
@@ -1,4 +1,26 @@
|
|
|
1
|
-
@charset "UTF-8"
|
|
1
|
+
@charset "UTF-8";
|
|
2
|
+
/**
|
|
3
|
+
* iframe 环境下弹窗遮罩过渡动画
|
|
4
|
+
*
|
|
5
|
+
* 将 iframe 内部所有 Element Plus 弹窗的过渡动画时长统一为 0.2s linear，
|
|
6
|
+
* 与基座 OverlayMask 和自定义 GwOverlayMask 的 transition: opacity 0.2s linear 完全一致。
|
|
7
|
+
*
|
|
8
|
+
* --el-transition-fade-linear: 控制 .fade-in-linear 默认 0.2s
|
|
9
|
+
* --el-transition-duration: 控制 dialog-fade（ElDialog 弹窗主体）默认 0.3s
|
|
10
|
+
*
|
|
11
|
+
* useOverlayMask.ts 中的 disableOverlayTransition() 会在 iframe 环境下
|
|
12
|
+
* 给 <html> 添加 .gw-overlay-no-transition class，此文件中的规则
|
|
13
|
+
* 在该 class 作用域下生效。
|
|
14
|
+
*
|
|
15
|
+
* 注意：iframe 环境下 ElDialog 和 ElMessageBox 均关闭了 Element Plus 自带 modal
|
|
16
|
+
* （modal: false），遮罩由自定义 GwOverlayMask 组件提供。
|
|
17
|
+
* 此处仅统一 dialog 主体的过渡动画时长，不再需要处理 .el-overlay 的背景色。
|
|
18
|
+
*/
|
|
19
|
+
.gw-overlay-no-transition {
|
|
20
|
+
/* 统一动画时长为 0.2s，与基座 OverlayMask 和 GwOverlayMask 一致 */
|
|
21
|
+
--el-transition-fade-linear: opacity 0.2s linear;
|
|
22
|
+
--el-transition-duration: 0.2s;
|
|
23
|
+
}.el-button.el-button--primary {
|
|
2
24
|
background-color: var(--button-primary-background);
|
|
3
25
|
border-color: var(--button-primary-border-color);
|
|
4
26
|
}
|
|
@@ -1114,6 +1136,15 @@
|
|
|
1114
1136
|
}
|
|
1115
1137
|
.el-alert .el-alert__close-btn:hover {
|
|
1116
1138
|
color: var(--frame-main-color);
|
|
1139
|
+
}.gw-overlay-mask[data-v-cf048b89] {
|
|
1140
|
+
pointer-events: none;
|
|
1141
|
+
opacity: 0;
|
|
1142
|
+
transition: opacity 0.2s linear;
|
|
1143
|
+
will-change: opacity;
|
|
1144
|
+
}
|
|
1145
|
+
.gw-overlay-mask--visible[data-v-cf048b89] {
|
|
1146
|
+
opacity: 1;
|
|
1147
|
+
pointer-events: auto;
|
|
1117
1148
|
}.el-dialog {
|
|
1118
1149
|
padding: 20px;
|
|
1119
1150
|
background: var(--dialog-background);
|