vxe-pc-ui 4.16.10 → 4.16.12

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.
Files changed (101) hide show
  1. package/dist/all.esm.js +282 -145
  2. package/dist/style.css +1 -1
  3. package/dist/style.min.css +1 -1
  4. package/es/icon/{iconfont.1783944746257.ttf → iconfont.1784124328754.ttf} +0 -0
  5. package/es/icon/iconfont.1784124328754.woff +0 -0
  6. package/es/icon/iconfont.1784124328754.woff2 +0 -0
  7. package/es/icon/style.css +33 -2
  8. package/es/icon/style.min.css +1 -1
  9. package/{lib/icon/style/iconfont.1783944746257.ttf → es/iconfont.1784124328754.ttf} +0 -0
  10. package/es/iconfont.1784124328754.woff +0 -0
  11. package/es/iconfont.1784124328754.woff2 +0 -0
  12. package/es/language/en-US.js +3 -3
  13. package/es/language/hy-AM.js +3 -3
  14. package/es/language/zh-CN.js +3 -3
  15. package/es/layout-aside/src/layout-aside.js +13 -20
  16. package/es/layout-aside/style.css +1 -3
  17. package/es/layout-aside/style.min.css +1 -1
  18. package/es/menu/src/menu.js +265 -121
  19. package/es/menu/style.css +51 -3
  20. package/es/menu/style.min.css +1 -1
  21. package/es/style.css +1 -1
  22. package/es/style.min.css +1 -1
  23. package/es/tree-select/src/tree-select.js +1 -1
  24. package/es/ui/index.js +1 -1
  25. package/es/ui/src/log.js +1 -1
  26. package/es/vxe-icon/style.css +33 -2
  27. package/es/vxe-icon/style.min.css +1 -1
  28. package/es/vxe-layout-aside/style.css +1 -3
  29. package/es/vxe-layout-aside/style.min.css +1 -1
  30. package/es/vxe-menu/style.css +51 -3
  31. package/es/vxe-menu/style.min.css +1 -1
  32. package/lib/{iconfont.1783944746257.ttf → icon/style/iconfont.1784124328754.ttf} +0 -0
  33. package/lib/icon/style/iconfont.1784124328754.woff +0 -0
  34. package/lib/icon/style/iconfont.1784124328754.woff2 +0 -0
  35. package/lib/icon/style/style.css +33 -2
  36. package/lib/icon/style/style.min.css +33 -2
  37. package/{es/iconfont.1783944746257.ttf → lib/iconfont.1784124328754.ttf} +0 -0
  38. package/lib/iconfont.1784124328754.woff +0 -0
  39. package/lib/iconfont.1784124328754.woff2 +0 -0
  40. package/lib/index.umd.js +300 -134
  41. package/lib/index.umd.min.js +1 -1
  42. package/lib/language/en-US.js +3 -3
  43. package/lib/language/en-US.min.js +1 -1
  44. package/lib/language/en-US.umd.js +3 -3
  45. package/lib/language/hy-AM.js +3 -3
  46. package/lib/language/hy-AM.min.js +1 -1
  47. package/lib/language/hy-AM.umd.js +3 -3
  48. package/lib/language/zh-CN.js +3 -3
  49. package/lib/language/zh-CN.min.js +1 -1
  50. package/lib/language/zh-CN.umd.js +3 -3
  51. package/lib/layout-aside/src/layout-aside.js +12 -18
  52. package/lib/layout-aside/src/layout-aside.min.js +1 -1
  53. package/lib/layout-aside/style/style.css +1 -3
  54. package/lib/layout-aside/style/style.min.css +1 -1
  55. package/lib/menu/src/menu.js +283 -116
  56. package/lib/menu/src/menu.min.js +1 -1
  57. package/lib/menu/style/style.css +51 -3
  58. package/lib/menu/style/style.min.css +1 -1
  59. package/lib/style.css +1 -1
  60. package/lib/style.min.css +1 -1
  61. package/lib/tree-select/src/tree-select.js +1 -1
  62. package/lib/tree-select/src/tree-select.min.js +1 -1
  63. package/lib/ui/index.js +1 -1
  64. package/lib/ui/index.min.js +1 -1
  65. package/lib/ui/src/log.js +1 -1
  66. package/lib/ui/src/log.min.js +1 -1
  67. package/lib/vxe-icon/style/style.css +33 -2
  68. package/lib/vxe-icon/style/style.min.css +1 -1
  69. package/lib/vxe-layout-aside/style/style.css +1 -3
  70. package/lib/vxe-layout-aside/style/style.min.css +1 -1
  71. package/lib/vxe-menu/style/style.css +51 -3
  72. package/lib/vxe-menu/style/style.min.css +1 -1
  73. package/package.json +2 -2
  74. package/packages/language/en-US.ts +3 -3
  75. package/packages/language/hy-AM.ts +3 -3
  76. package/packages/language/zh-CN.ts +3 -3
  77. package/packages/layout-aside/src/layout-aside.ts +15 -21
  78. package/packages/menu/src/menu.ts +302 -132
  79. package/packages/tree-select/src/tree-select.ts +1 -1
  80. package/styles/components/icon.scss +33 -4
  81. package/styles/components/layout-aside.scss +1 -3
  82. package/styles/components/menu.scss +64 -1
  83. package/styles/icon/iconfont.ttf +0 -0
  84. package/styles/icon/iconfont.woff +0 -0
  85. package/styles/icon/iconfont.woff2 +0 -0
  86. package/styles/theme/dark.scss +1 -0
  87. package/styles/theme/light.scss +1 -0
  88. package/styles/variable.scss +2 -1
  89. package/types/components/icon.d.ts +1 -1
  90. package/types/components/layout-aside.d.ts +5 -4
  91. package/types/components/menu.d.ts +66 -12
  92. package/types/components/table.d.ts +12 -11
  93. package/types/components/toolbar.d.ts +1 -1
  94. package/es/icon/iconfont.1783944746257.woff +0 -0
  95. package/es/icon/iconfont.1783944746257.woff2 +0 -0
  96. package/es/iconfont.1783944746257.woff +0 -0
  97. package/es/iconfont.1783944746257.woff2 +0 -0
  98. package/lib/icon/style/iconfont.1783944746257.woff +0 -0
  99. package/lib/icon/style/iconfont.1783944746257.woff2 +0 -0
  100. package/lib/iconfont.1783944746257.woff +0 -0
  101. package/lib/iconfont.1783944746257.woff2 +0 -0
@@ -31,22 +31,20 @@ export default defineVxeComponent({
31
31
  const computeCollapseOpts = computed(() => {
32
32
  return Object.assign({}, getConfig().layoutAside.collapseConfig, props.collapseConfig);
33
33
  });
34
- const computeWrapperWidth = computed(() => {
35
- const { width, collapsed, collapseWidth } = props;
36
- if (collapsed) {
37
- if (collapseWidth) {
38
- return toCssUnit(collapseWidth);
39
- }
34
+ const computeVarStyle = computed(() => {
35
+ const { width, collapseWidth } = props;
36
+ const stys = {};
37
+ if (collapseWidth) {
38
+ stys['--vxe-ui-layout-aside-collapse-width'] = toCssUnit(collapseWidth);
40
39
  }
41
- else {
42
- if (width) {
43
- return toCssUnit(width);
44
- }
40
+ if (width) {
41
+ stys['--vxe-ui-layout-aside-default-width'] = toCssUnit(width);
45
42
  }
46
- return '';
43
+ return stys;
47
44
  });
48
45
  const computeMaps = {
49
- computeSize
46
+ computeSize,
47
+ computeVarStyle
50
48
  };
51
49
  const $xeLayoutAside = {
52
50
  xID,
@@ -65,8 +63,8 @@ export default defineVxeComponent({
65
63
  const layoutAsidePrivateMethods = {};
66
64
  Object.assign($xeLayoutAside, layoutAsideMethods, layoutAsidePrivateMethods);
67
65
  const renderVN = () => {
68
- const { width, collapsed, loading, padding } = props;
69
- const wrapperWidth = computeWrapperWidth.value;
66
+ const { collapsed, loading, padding } = props;
67
+ const varStyle = computeVarStyle.value;
70
68
  const vSize = computeSize.value;
71
69
  const collapseOpts = computeCollapseOpts.value;
72
70
  const defaultSlot = slots.default;
@@ -76,15 +74,10 @@ export default defineVxeComponent({
76
74
  [`size--${vSize}`]: vSize,
77
75
  'is--animat': collapseOpts.animation !== false,
78
76
  'is--padding': padding,
79
- 'is--default-width': !width,
80
77
  'is--collapse': collapsed,
81
78
  'is--loading': loading
82
79
  }],
83
- style: wrapperWidth
84
- ? {
85
- width: wrapperWidth
86
- }
87
- : null
80
+ style: varStyle
88
81
  }, [
89
82
  h('div', {
90
83
  class: 'vxe-layout-aside--inner'
@@ -3,14 +3,12 @@
3
3
  display: flex;
4
4
  flex-direction: column;
5
5
  flex-shrink: 0;
6
+ width: var(--vxe-ui-layout-aside-default-width);
6
7
  overflow: hidden;
7
8
  }
8
9
  .vxe-layout-aside.is--animat {
9
10
  transition: width 0.3s;
10
11
  }
11
- .vxe-layout-aside.is--default-width {
12
- width: var(--vxe-ui-layout-aside-default-width);
13
- }
14
12
  .vxe-layout-aside.is--collapse {
15
13
  width: var(--vxe-ui-layout-aside-collapse-width);
16
14
  }
@@ -1 +1 @@
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}
1
+ .vxe-layout-aside{position:relative;display:flex;flex-direction:column;flex-shrink:0;width:var(--vxe-ui-layout-aside-default-width);overflow:hidden}.vxe-layout-aside.is--animat{transition:width .3s}.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}