vxe-pc-ui 3.14.34 → 3.14.36
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/layout-aside/src/layout-aside.js +9 -1
- package/es/layout-aside/style.css +3 -1
- package/es/layout-aside/style.min.css +1 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/es/vxe-layout-aside/style.css +3 -1
- package/es/vxe-layout-aside/style.min.css +1 -1
- package/lib/index.umd.js +11 -3
- package/lib/index.umd.min.js +1 -1
- package/lib/layout-aside/src/layout-aside.js +8 -1
- package/lib/layout-aside/src/layout-aside.min.js +1 -1
- package/lib/layout-aside/style/style.css +3 -1
- package/lib/layout-aside/style/style.min.css +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/ui/index.js +1 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/vxe-layout-aside/style/style.css +3 -1
- package/lib/vxe-layout-aside/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/layout-aside/src/layout-aside.ts +9 -0
- package/styles/components/layout-aside.scss +3 -1
- package/types/components/column.d.ts +2 -0
- package/types/components/grid.d.ts +6 -0
- package/types/components/layout-aside.d.ts +7 -0
- package/types/components/table.d.ts +12 -5
- /package/es/icon/{iconfont.1780986252009.ttf → iconfont.1781257686318.ttf} +0 -0
- /package/es/icon/{iconfont.1780986252009.woff → iconfont.1781257686318.woff} +0 -0
- /package/es/icon/{iconfont.1780986252009.woff2 → iconfont.1781257686318.woff2} +0 -0
- /package/es/{iconfont.1780986252009.ttf → iconfont.1781257686318.ttf} +0 -0
- /package/es/{iconfont.1780986252009.woff → iconfont.1781257686318.woff} +0 -0
- /package/es/{iconfont.1780986252009.woff2 → iconfont.1781257686318.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1780986252009.ttf → iconfont.1781257686318.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1780986252009.woff → iconfont.1781257686318.woff} +0 -0
- /package/lib/icon/style/{iconfont.1780986252009.woff2 → iconfont.1781257686318.woff2} +0 -0
- /package/lib/{iconfont.1780986252009.ttf → iconfont.1781257686318.ttf} +0 -0
- /package/lib/{iconfont.1780986252009.woff → iconfont.1781257686318.woff} +0 -0
- /package/lib/{iconfont.1780986252009.woff2 → iconfont.1781257686318.woff2} +0 -0
|
@@ -14,6 +14,7 @@ export default {
|
|
|
14
14
|
collapseWidth: [String, Number],
|
|
15
15
|
loading: Boolean,
|
|
16
16
|
padding: Boolean,
|
|
17
|
+
collapseConfig: Object,
|
|
17
18
|
size: {
|
|
18
19
|
type: String,
|
|
19
20
|
default: () => getConfig().layoutAside.size || getConfig().size
|
|
@@ -33,7 +34,12 @@ export default {
|
|
|
33
34
|
reactData
|
|
34
35
|
};
|
|
35
36
|
},
|
|
36
|
-
computed: Object.assign(Object.assign({}, {}), {
|
|
37
|
+
computed: Object.assign(Object.assign({}, {}), { computeCollapseOpts() {
|
|
38
|
+
const $xeLayoutAside = this;
|
|
39
|
+
const props = $xeLayoutAside;
|
|
40
|
+
return Object.assign({}, getConfig().layoutAside.collapseConfig, props.collapseConfig);
|
|
41
|
+
},
|
|
42
|
+
computeWrapperWidth() {
|
|
37
43
|
const $xeLayoutAside = this;
|
|
38
44
|
const props = $xeLayoutAside;
|
|
39
45
|
const { width, collapsed, collapseWidth } = props;
|
|
@@ -67,10 +73,12 @@ export default {
|
|
|
67
73
|
const { width, collapsed, loading, padding } = props;
|
|
68
74
|
const wrapperWidth = $xeLayoutAside.computeWrapperWidth;
|
|
69
75
|
const vSize = $xeLayoutAside.computeSize;
|
|
76
|
+
const collapseOpts = $xeLayoutAside.computeCollapseOpts;
|
|
70
77
|
const defaultSlot = slots.default;
|
|
71
78
|
return h('aside', {
|
|
72
79
|
class: ['vxe-layout-aside', {
|
|
73
80
|
[`size--${vSize}`]: vSize,
|
|
81
|
+
'is--animat': collapseOpts.animation !== false,
|
|
74
82
|
'is--padding': padding,
|
|
75
83
|
'is--default-width': !width,
|
|
76
84
|
'is--collapse': collapsed,
|
|
@@ -3,9 +3,11 @@
|
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
5
5
|
flex-shrink: 0;
|
|
6
|
-
transition: width 0.3s;
|
|
7
6
|
overflow: hidden;
|
|
8
7
|
}
|
|
8
|
+
.vxe-layout-aside.is--animat {
|
|
9
|
+
transition: width 0.3s;
|
|
10
|
+
}
|
|
9
11
|
.vxe-layout-aside.is--default-width {
|
|
10
12
|
width: var(--vxe-ui-layout-aside-default-width);
|
|
11
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-layout-aside{position:relative;display:flex;flex-direction:column;flex-shrink:0;transition:width .3s
|
|
1
|
+
.vxe-layout-aside{position:relative;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.vxe-layout-aside.is--animat{transition:width .3s}.vxe-layout-aside.is--default-width{width:var(--vxe-ui-layout-aside-default-width)}.vxe-layout-aside.is--collapse{width:var(--vxe-ui-layout-aside-collapse-width)}.vxe-layout-aside.is--padding{padding:var(--vxe-ui-layout-padding-default)}.vxe-layout-aside--inner{flex-grow:1;overflow-y:auto;overflow-x:hidden;outline:0}
|