vxe-pc-ui 3.15.16 → 3.15.18
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/button/style.css +8 -4
- package/es/button/style.min.css +1 -1
- package/es/cascader/src/cascader.js +3 -3
- package/es/color-picker/src/color-picker.js +3 -3
- package/es/date-picker/src/date-picker.js +3 -3
- package/es/drawer/src/drawer.js +2 -2
- package/es/form/src/render.js +2 -2
- package/es/icon/style.css +1 -1
- package/es/icon-picker/src/icon-picker.js +19 -1
- package/es/icon-picker/style.css +14 -15
- package/es/icon-picker/style.min.css +1 -1
- package/es/language/ar-EG.js +2 -1
- package/es/language/de-DE.js +2 -1
- package/es/language/en-US.js +2 -1
- package/es/language/es-ES.js +2 -1
- package/es/language/fr-FR.js +2 -1
- package/es/language/hu-HU.js +2 -1
- package/es/language/hy-AM.js +2 -1
- package/es/language/id-ID.js +2 -1
- package/es/language/it-IT.js +2 -1
- package/es/language/ja-JP.js +2 -1
- package/es/language/ko-KR.js +2 -1
- package/es/language/ms-MY.js +2 -1
- package/es/language/nb-NO.js +2 -1
- package/es/language/pt-BR.js +2 -1
- package/es/language/ru-RU.js +2 -1
- package/es/language/th-TH.js +2 -1
- package/es/language/ug-CN.js +2 -1
- package/es/language/uk-UA.js +2 -1
- package/es/language/uz-UZ.js +2 -1
- package/es/language/vi-VN.js +2 -1
- package/es/language/zh-CHT.js +2 -1
- package/es/language/zh-CN.js +2 -1
- package/es/layout-aside/src/layout-aside.js +1 -1
- package/es/modal/src/modal.js +2 -2
- package/es/pager/src/pager.js +2 -2
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/tree/src/tree.js +181 -14
- package/es/tree/style.css +1 -1
- package/es/tree/style.min.css +1 -1
- package/es/tree-select/src/tree-select.js +1 -1
- package/es/ui/index.js +8 -1
- package/es/ui/src/log.js +1 -1
- package/es/vxe-button/style.css +8 -4
- package/es/vxe-button/style.min.css +1 -1
- package/es/vxe-icon-picker/style.css +14 -15
- package/es/vxe-icon-picker/style.min.css +1 -1
- package/es/vxe-tree/style.css +1 -1
- package/es/vxe-tree/style.min.css +1 -1
- package/lib/button/style/style.css +8 -4
- package/lib/button/style/style.min.css +1 -1
- package/lib/cascader/src/cascader.js +3 -3
- package/lib/cascader/src/cascader.min.js +1 -1
- package/lib/color-picker/src/color-picker.js +3 -3
- package/lib/color-picker/src/color-picker.min.js +1 -1
- package/lib/date-picker/src/date-picker.js +3 -3
- package/lib/date-picker/src/date-picker.min.js +1 -1
- package/lib/drawer/src/drawer.js +3 -3
- package/lib/drawer/src/drawer.min.js +1 -1
- package/lib/form/src/render.js +2 -2
- package/lib/form/src/render.min.js +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/icon-picker/src/icon-picker.js +20 -1
- package/lib/icon-picker/src/icon-picker.min.js +1 -1
- package/lib/icon-picker/style/style.css +14 -15
- package/lib/icon-picker/style/style.min.css +1 -1
- package/lib/index.umd.js +316 -119
- package/lib/index.umd.min.js +1 -1
- package/lib/language/ar-EG.js +2 -1
- package/lib/language/ar-EG.min.js +1 -1
- package/lib/language/ar-EG.umd.js +2 -1
- package/lib/language/de-DE.js +2 -1
- package/lib/language/de-DE.min.js +1 -1
- package/lib/language/de-DE.umd.js +2 -1
- package/lib/language/en-US.js +2 -1
- package/lib/language/en-US.min.js +1 -1
- package/lib/language/en-US.umd.js +2 -1
- package/lib/language/es-ES.js +2 -1
- package/lib/language/es-ES.min.js +1 -1
- package/lib/language/es-ES.umd.js +2 -1
- package/lib/language/fr-FR.js +2 -1
- package/lib/language/fr-FR.min.js +1 -1
- package/lib/language/fr-FR.umd.js +2 -1
- package/lib/language/hu-HU.js +2 -1
- package/lib/language/hu-HU.min.js +1 -1
- package/lib/language/hu-HU.umd.js +2 -1
- package/lib/language/hy-AM.js +2 -1
- package/lib/language/hy-AM.min.js +1 -1
- package/lib/language/hy-AM.umd.js +2 -1
- package/lib/language/id-ID.js +2 -1
- package/lib/language/id-ID.min.js +1 -1
- package/lib/language/id-ID.umd.js +2 -1
- package/lib/language/it-IT.js +2 -1
- package/lib/language/it-IT.min.js +1 -1
- package/lib/language/it-IT.umd.js +2 -1
- package/lib/language/ja-JP.js +2 -1
- package/lib/language/ja-JP.min.js +1 -1
- package/lib/language/ja-JP.umd.js +2 -1
- package/lib/language/ko-KR.js +2 -1
- package/lib/language/ko-KR.min.js +1 -1
- package/lib/language/ko-KR.umd.js +2 -1
- package/lib/language/ms-MY.js +2 -1
- package/lib/language/ms-MY.min.js +1 -1
- package/lib/language/ms-MY.umd.js +2 -1
- package/lib/language/nb-NO.js +2 -1
- package/lib/language/nb-NO.min.js +1 -1
- package/lib/language/nb-NO.umd.js +2 -1
- package/lib/language/pt-BR.js +2 -1
- package/lib/language/pt-BR.min.js +1 -1
- package/lib/language/pt-BR.umd.js +2 -1
- package/lib/language/ru-RU.js +2 -1
- package/lib/language/ru-RU.min.js +1 -1
- package/lib/language/ru-RU.umd.js +2 -1
- package/lib/language/th-TH.js +2 -1
- package/lib/language/th-TH.min.js +1 -1
- package/lib/language/th-TH.umd.js +2 -1
- package/lib/language/ug-CN.js +2 -1
- package/lib/language/ug-CN.min.js +1 -1
- package/lib/language/ug-CN.umd.js +2 -1
- package/lib/language/uk-UA.js +2 -1
- package/lib/language/uk-UA.min.js +1 -1
- package/lib/language/uk-UA.umd.js +2 -1
- package/lib/language/uz-UZ.js +2 -1
- package/lib/language/uz-UZ.min.js +1 -1
- package/lib/language/uz-UZ.umd.js +2 -1
- package/lib/language/vi-VN.js +2 -1
- package/lib/language/vi-VN.min.js +1 -1
- package/lib/language/vi-VN.umd.js +2 -1
- package/lib/language/zh-CHT.js +2 -1
- package/lib/language/zh-CHT.min.js +1 -1
- package/lib/language/zh-CHT.umd.js +2 -1
- package/lib/language/zh-CN.js +2 -1
- package/lib/language/zh-CN.min.js +1 -1
- package/lib/language/zh-CN.umd.js +2 -1
- package/lib/layout-aside/src/layout-aside.js +1 -1
- package/lib/layout-aside/src/layout-aside.min.js +1 -1
- package/lib/modal/src/modal.js +3 -3
- package/lib/modal/src/modal.min.js +1 -1
- package/lib/pager/src/pager.js +2 -2
- package/lib/pager/src/pager.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/tree/src/tree.js +180 -12
- package/lib/tree/src/tree.min.js +1 -1
- package/lib/tree/style/style.css +1 -1
- package/lib/tree/style/style.min.css +1 -1
- package/lib/tree-select/src/tree-select.js +1 -1
- package/lib/tree-select/src/tree-select.min.js +1 -1
- package/lib/ui/index.js +8 -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-button/style/style.css +8 -4
- package/lib/vxe-button/style/style.min.css +1 -1
- package/lib/vxe-icon-picker/style/style.css +14 -15
- package/lib/vxe-icon-picker/style/style.min.css +1 -1
- package/lib/vxe-tree/style/style.css +1 -1
- package/lib/vxe-tree/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/cascader/src/cascader.ts +3 -3
- package/packages/color-picker/src/color-picker.ts +3 -3
- package/packages/date-picker/src/date-picker.ts +3 -3
- package/packages/drawer/src/drawer.ts +2 -2
- package/packages/form/src/render.ts +2 -2
- package/packages/icon-picker/src/icon-picker.ts +21 -1
- package/packages/language/ar-EG.ts +2 -1
- package/packages/language/de-DE.ts +2 -1
- package/packages/language/en-US.ts +2 -1
- package/packages/language/es-ES.ts +2 -1
- package/packages/language/fr-FR.ts +2 -1
- package/packages/language/hu-HU.ts +2 -1
- package/packages/language/hy-AM.ts +2 -1
- package/packages/language/id-ID.ts +2 -1
- package/packages/language/it-IT.ts +2 -1
- package/packages/language/ja-JP.ts +2 -1
- package/packages/language/ko-KR.ts +2 -1
- package/packages/language/ms-MY.ts +2 -1
- package/packages/language/nb-NO.ts +2 -1
- package/packages/language/pt-BR.ts +2 -1
- package/packages/language/ru-RU.ts +2 -1
- package/packages/language/th-TH.ts +2 -1
- package/packages/language/ug-CN.ts +2 -1
- package/packages/language/uk-UA.ts +2 -1
- package/packages/language/uz-UZ.ts +2 -1
- package/packages/language/vi-VN.ts +2 -1
- package/packages/language/zh-CHT.ts +2 -1
- package/packages/language/zh-CN.ts +2 -1
- package/packages/layout-aside/src/layout-aside.ts +1 -1
- package/packages/modal/src/modal.ts +2 -2
- package/packages/pager/src/pager.ts +2 -2
- package/packages/tree/src/tree.ts +195 -27
- package/packages/tree-select/src/tree-select.ts +1 -1
- package/packages/ui/index.ts +7 -0
- package/styles/components/button.scss +2 -1
- package/styles/components/icon-picker.scss +14 -15
- package/styles/components/tree.scss +1 -1
- package/types/components/grid.d.ts +20 -0
- package/types/components/table-module/custom.d.ts +1 -1
- package/types/components/table.d.ts +26 -0
- package/types/components/tree.d.ts +62 -0
- /package/es/icon/{iconfont.1782833699010.ttf → iconfont.1782890361324.ttf} +0 -0
- /package/es/icon/{iconfont.1782833699010.woff → iconfont.1782890361324.woff} +0 -0
- /package/es/icon/{iconfont.1782833699010.woff2 → iconfont.1782890361324.woff2} +0 -0
- /package/es/{iconfont.1782833699010.ttf → iconfont.1782890361324.ttf} +0 -0
- /package/es/{iconfont.1782833699010.woff → iconfont.1782890361324.woff} +0 -0
- /package/es/{iconfont.1782833699010.woff2 → iconfont.1782890361324.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1782833699010.ttf → iconfont.1782890361324.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1782833699010.woff → iconfont.1782890361324.woff} +0 -0
- /package/lib/icon/style/{iconfont.1782833699010.woff2 → iconfont.1782890361324.woff2} +0 -0
- /package/lib/{iconfont.1782833699010.ttf → iconfont.1782890361324.ttf} +0 -0
- /package/lib/{iconfont.1782833699010.woff → iconfont.1782890361324.woff} +0 -0
- /package/lib/{iconfont.1782833699010.woff2 → iconfont.1782890361324.woff2} +0 -0
package/es/tree/src/tree.js
CHANGED
|
@@ -6,9 +6,10 @@ import { createComponentLog } from '../../ui/src/log';
|
|
|
6
6
|
import { getSlotVNs } from '../../ui/src/vn';
|
|
7
7
|
import { crossTreeDragNodeGlobal, getCrossTreeDragNodeInfo } from './store';
|
|
8
8
|
import { toCssUnit, isScale, getPaddingTopBottomSize, addClass, removeClass, getTpImg, hasControlKey, getEventTargetNode } from '../../ui/src/dom';
|
|
9
|
-
import { isEnableConf, enModelValue, deModelValue } from '../../ui/src/utils';
|
|
9
|
+
import { isEnableConf, enModelValue, deModelValue, getText } from '../../ui/src/utils';
|
|
10
10
|
import { moveRowAnimateToTb, clearRowAnimate } from '../../ui/src/anime';
|
|
11
11
|
import VxeLoadingComponent from '../../loading';
|
|
12
|
+
import VxeTooltipComponent from '../../tooltip';
|
|
12
13
|
const { warnLog, errLog } = createComponentLog('tree');
|
|
13
14
|
const { menus, getConfig, getI18n, getIcon } = VxeUI;
|
|
14
15
|
let crossTreeDragNodeObj = null;
|
|
@@ -545,7 +546,11 @@ function createReactData() {
|
|
|
545
546
|
removeNodeFlag: 1,
|
|
546
547
|
dragNode: null,
|
|
547
548
|
dragTipText: '',
|
|
548
|
-
isCrossDragNode: false
|
|
549
|
+
isCrossDragNode: false,
|
|
550
|
+
tooltipStore: {
|
|
551
|
+
visible: false,
|
|
552
|
+
node: null
|
|
553
|
+
}
|
|
549
554
|
};
|
|
550
555
|
}
|
|
551
556
|
export default {
|
|
@@ -634,6 +639,11 @@ export default {
|
|
|
634
639
|
lazy: Boolean,
|
|
635
640
|
toggleMethod: Function,
|
|
636
641
|
loadMethod: Function,
|
|
642
|
+
showOverflow: {
|
|
643
|
+
type: Boolean,
|
|
644
|
+
default: () => getConfig().tree.showOverflow
|
|
645
|
+
},
|
|
646
|
+
tooltipConfig: Object,
|
|
637
647
|
drag: {
|
|
638
648
|
type: Boolean,
|
|
639
649
|
default: () => getConfig().tree.drag
|
|
@@ -770,6 +780,11 @@ export default {
|
|
|
770
780
|
const props = $xeTree;
|
|
771
781
|
return Object.assign({}, getConfig().tree.dragConfig, props.dragConfig);
|
|
772
782
|
},
|
|
783
|
+
computeTooltipOpts() {
|
|
784
|
+
const $xeTree = this;
|
|
785
|
+
const props = $xeTree;
|
|
786
|
+
return Object.assign({}, getConfig().tree.tooltipConfig, props.tooltipConfig);
|
|
787
|
+
},
|
|
773
788
|
computeMenuOpts() {
|
|
774
789
|
const $xeTree = this;
|
|
775
790
|
const props = $xeTree;
|
|
@@ -1856,6 +1871,108 @@ export default {
|
|
|
1856
1871
|
const $xeTree = this;
|
|
1857
1872
|
$xeTree.dispatchEvent('node-dblclick', { node }, evnt);
|
|
1858
1873
|
},
|
|
1874
|
+
handleNodeMouseenterEvent(evnt, node) {
|
|
1875
|
+
const $xeTree = this;
|
|
1876
|
+
const reactData = $xeTree.reactData;
|
|
1877
|
+
const internalData = $xeTree.internalData;
|
|
1878
|
+
const $tooltip = $xeTree.$refs.refTooltip;
|
|
1879
|
+
if (!$tooltip) {
|
|
1880
|
+
return;
|
|
1881
|
+
}
|
|
1882
|
+
const { tooltipStore } = reactData;
|
|
1883
|
+
const { tipTimeout } = internalData;
|
|
1884
|
+
const nodeEl = evnt.currentTarget;
|
|
1885
|
+
const tooltipOpts = $xeTree.computeTooltipOpts;
|
|
1886
|
+
const { showAll, contentMethod } = tooltipOpts;
|
|
1887
|
+
if (tipTimeout) {
|
|
1888
|
+
clearTimeout(tipTimeout);
|
|
1889
|
+
internalData.tipTimeout = undefined;
|
|
1890
|
+
}
|
|
1891
|
+
const titleEl = nodeEl.querySelector('.vxe-tree--node-item-title');
|
|
1892
|
+
const tipOverEl = nodeEl.querySelector('.vxe-tree--node-item-wrapper');
|
|
1893
|
+
if (!tipOverEl) {
|
|
1894
|
+
return;
|
|
1895
|
+
}
|
|
1896
|
+
const cellText = XEUtils.toString(tipOverEl.textContent).trim();
|
|
1897
|
+
const isOver = tipOverEl.scrollWidth > tipOverEl.clientWidth;
|
|
1898
|
+
let isShow = false;
|
|
1899
|
+
let customContent = null;
|
|
1900
|
+
let content = '';
|
|
1901
|
+
if (contentMethod) {
|
|
1902
|
+
customContent = contentMethod({ node, $event: evnt, $tree: $xeTree });
|
|
1903
|
+
}
|
|
1904
|
+
// 是否全部展示
|
|
1905
|
+
if (showAll) {
|
|
1906
|
+
// 如果为 null 默认显示
|
|
1907
|
+
if (XEUtils.eqNull(customContent)) {
|
|
1908
|
+
isShow = true;
|
|
1909
|
+
content = cellText;
|
|
1910
|
+
}
|
|
1911
|
+
else if (customContent !== '' && customContent !== false) {
|
|
1912
|
+
// 如果为 '' | false 则不显示
|
|
1913
|
+
isShow = true;
|
|
1914
|
+
content = '' + customContent;
|
|
1915
|
+
}
|
|
1916
|
+
}
|
|
1917
|
+
else {
|
|
1918
|
+
// 如果为 null 使用默认逻辑
|
|
1919
|
+
if (XEUtils.eqNull(customContent)) {
|
|
1920
|
+
isShow = isOver;
|
|
1921
|
+
content = cellText;
|
|
1922
|
+
}
|
|
1923
|
+
else if (customContent !== '' && customContent !== false) {
|
|
1924
|
+
// 如果为 '' | false 则不显示
|
|
1925
|
+
isShow = true;
|
|
1926
|
+
content = '' + customContent;
|
|
1927
|
+
}
|
|
1928
|
+
else {
|
|
1929
|
+
content = cellText;
|
|
1930
|
+
}
|
|
1931
|
+
}
|
|
1932
|
+
if (isShow && content) {
|
|
1933
|
+
const tipContent = getText(content);
|
|
1934
|
+
tooltipStore.visible = true;
|
|
1935
|
+
tooltipStore.node = node;
|
|
1936
|
+
if ($tooltip.open) {
|
|
1937
|
+
$tooltip.open((isOver ? tipOverEl : titleEl) || tipOverEl, tipContent);
|
|
1938
|
+
}
|
|
1939
|
+
}
|
|
1940
|
+
},
|
|
1941
|
+
handleNodeMouseleaveEvent() {
|
|
1942
|
+
const $xeTree = this;
|
|
1943
|
+
const internalData = $xeTree.internalData;
|
|
1944
|
+
let $tooltip = $xeTree.$refs.refTooltip;
|
|
1945
|
+
const tooltipOpts = $xeTree.computeTooltipOpts;
|
|
1946
|
+
if ($tooltip && $tooltip.setActived) {
|
|
1947
|
+
$tooltip.setActived(false);
|
|
1948
|
+
}
|
|
1949
|
+
if (tooltipOpts.enterable) {
|
|
1950
|
+
internalData.tipTimeout = setTimeout(() => {
|
|
1951
|
+
$tooltip = $xeTree.$refs.refTooltip;
|
|
1952
|
+
if ($tooltip && $tooltip.isActived && !$tooltip.isActived()) {
|
|
1953
|
+
$xeTree.closeTooltip();
|
|
1954
|
+
}
|
|
1955
|
+
internalData.tipTimeout = undefined;
|
|
1956
|
+
}, tooltipOpts.leaveDelay);
|
|
1957
|
+
}
|
|
1958
|
+
else {
|
|
1959
|
+
$xeTree.closeTooltip();
|
|
1960
|
+
}
|
|
1961
|
+
},
|
|
1962
|
+
closeTooltip() {
|
|
1963
|
+
const $xeTree = this;
|
|
1964
|
+
const reactData = $xeTree.reactData;
|
|
1965
|
+
const { tooltipStore } = reactData;
|
|
1966
|
+
if (tooltipStore.visible) {
|
|
1967
|
+
tooltipStore.visible = false;
|
|
1968
|
+
tooltipStore.node = null;
|
|
1969
|
+
const $tooltip = $xeTree.$refs.refTooltip;
|
|
1970
|
+
if ($tooltip) {
|
|
1971
|
+
$tooltip.close();
|
|
1972
|
+
}
|
|
1973
|
+
}
|
|
1974
|
+
return $xeTree.$nextTick();
|
|
1975
|
+
},
|
|
1859
1976
|
handleContextmenuEvent(evnt, node) {
|
|
1860
1977
|
const $xeTree = this;
|
|
1861
1978
|
const props = $xeTree;
|
|
@@ -3129,6 +3246,8 @@ export default {
|
|
|
3129
3246
|
const { lazy, drag, transform, showRadio, showCheckbox, showLine, iconOpen, iconClose, iconLoaded, showIcon } = props;
|
|
3130
3247
|
const { currentNode, selectRadioKey, updateExpandedFlag } = reactData;
|
|
3131
3248
|
const { afterTreeList, nodeMaps, treeExpandedMaps, treeExpandLazyLoadedMaps } = internalData;
|
|
3249
|
+
const tooltipOpts = $xeTree.computeTooltipOpts;
|
|
3250
|
+
const { mode: tipMode } = tooltipOpts;
|
|
3132
3251
|
const childrenField = $xeTree.computeChildrenField;
|
|
3133
3252
|
const titleField = $xeTree.computeTitleField;
|
|
3134
3253
|
const hasChildField = $xeTree.computeHasChildField;
|
|
@@ -3139,7 +3258,7 @@ export default {
|
|
|
3139
3258
|
const extraSlot = slots.extra;
|
|
3140
3259
|
const isExpand = updateExpandedFlag && treeExpandedMaps[nodeid];
|
|
3141
3260
|
const nodeItem = nodeMaps[nodeid] || {};
|
|
3142
|
-
const nodeTitle = XEUtils.get(node, titleField);
|
|
3261
|
+
const nodeTitle = getText(XEUtils.get(node, titleField));
|
|
3143
3262
|
const nLevel = nodeItem.level;
|
|
3144
3263
|
let isRadioChecked = false;
|
|
3145
3264
|
if (showRadio) {
|
|
@@ -3161,7 +3280,7 @@ export default {
|
|
|
3161
3280
|
}
|
|
3162
3281
|
const prevNode = nodeItem.items[nodeItem.treeIndex - 1];
|
|
3163
3282
|
const nParams = { node, isExpand };
|
|
3164
|
-
const
|
|
3283
|
+
const itemOns = {
|
|
3165
3284
|
mousedown(evnt) {
|
|
3166
3285
|
$xeTree.handleNodeMousedownEvent(evnt, node);
|
|
3167
3286
|
},
|
|
@@ -3176,19 +3295,26 @@ export default {
|
|
|
3176
3295
|
$xeTree.handleContextmenuEvent(evnt, node);
|
|
3177
3296
|
}
|
|
3178
3297
|
};
|
|
3298
|
+
if (tipMode === 'tooltip') {
|
|
3299
|
+
itemOns.mouseenter = (evnt) => {
|
|
3300
|
+
$xeTree.handleNodeMouseenterEvent(evnt, node);
|
|
3301
|
+
};
|
|
3302
|
+
itemOns.mouseleave = $xeTree.handleNodeMouseleaveEvent;
|
|
3303
|
+
}
|
|
3179
3304
|
// 拖拽行事件
|
|
3180
3305
|
if (drag && transform) {
|
|
3181
|
-
|
|
3182
|
-
|
|
3183
|
-
|
|
3306
|
+
itemOns.dragstart = $xeTree.handleNodeDragDragstartEvent;
|
|
3307
|
+
itemOns.dragend = $xeTree.handleNodeDragDragendEvent;
|
|
3308
|
+
itemOns.dragover = $xeTree.handleNodeDragDragoverEvent;
|
|
3184
3309
|
}
|
|
3185
3310
|
return h('div', {
|
|
3186
3311
|
key: nodeid,
|
|
3187
3312
|
class: ['vxe-tree--node-wrapper', `node--level-${nLevel}`],
|
|
3188
3313
|
attrs: {
|
|
3189
|
-
nodeid
|
|
3314
|
+
nodeid,
|
|
3315
|
+
title: tipMode === 'title' ? nodeTitle : ''
|
|
3190
3316
|
},
|
|
3191
|
-
on:
|
|
3317
|
+
on: itemOns
|
|
3192
3318
|
}, [
|
|
3193
3319
|
h('div', {
|
|
3194
3320
|
class: ['vxe-tree--node-item', {
|
|
@@ -3237,8 +3363,12 @@ export default {
|
|
|
3237
3363
|
class: 'vxe-tree--node-item-inner'
|
|
3238
3364
|
}, [
|
|
3239
3365
|
h('div', {
|
|
3240
|
-
class: 'vxe-tree--node-item-
|
|
3241
|
-
},
|
|
3366
|
+
class: 'vxe-tree--node-item-wrapper'
|
|
3367
|
+
}, [
|
|
3368
|
+
h('span', {
|
|
3369
|
+
class: 'vxe-tree--node-item-title'
|
|
3370
|
+
}, titleSlot ? getSlotVNs(titleSlot(nParams)) : nodeTitle)
|
|
3371
|
+
]),
|
|
3242
3372
|
extraSlot
|
|
3243
3373
|
? h('div', {
|
|
3244
3374
|
class: 'vxe-tree--node-item-extra'
|
|
@@ -3334,7 +3464,7 @@ export default {
|
|
|
3334
3464
|
const slots = $xeTree.$scopedSlots;
|
|
3335
3465
|
const reactData = $xeTree.reactData;
|
|
3336
3466
|
const { loading, trigger, showLine } = props;
|
|
3337
|
-
const { bodyHeight, topSpaceHeight, treeList } = reactData;
|
|
3467
|
+
const { bodyHeight, topSpaceHeight, treeList, tooltipStore } = reactData;
|
|
3338
3468
|
const vSize = $xeTree.computeSize;
|
|
3339
3469
|
const radioOpts = $xeTree.computeRadioOpts;
|
|
3340
3470
|
const checkboxOpts = $xeTree.computeCheckboxOpts;
|
|
@@ -3342,9 +3472,11 @@ export default {
|
|
|
3342
3472
|
const isNodeHover = $xeTree.computeIsNodeHover;
|
|
3343
3473
|
const treeStyle = $xeTree.computeTreeStyle;
|
|
3344
3474
|
const dragOpts = $xeTree.computeDragOpts;
|
|
3475
|
+
const tooltipOpts = $xeTree.computeTooltipOpts;
|
|
3345
3476
|
const loadingSlot = slots.loading;
|
|
3346
3477
|
const headerSlot = slots.header;
|
|
3347
3478
|
const footerSlot = slots.footer;
|
|
3479
|
+
const tooltipSlot = slots.tooltip;
|
|
3348
3480
|
const teOns = {};
|
|
3349
3481
|
if (dragOpts.isCrossTreeDrag && !treeList.length) {
|
|
3350
3482
|
teOns.dragover = $xeTree.handleCrossTreeNodeDragoverEmptyEvent;
|
|
@@ -3400,6 +3532,38 @@ export default {
|
|
|
3400
3532
|
* 拖拽提示
|
|
3401
3533
|
*/
|
|
3402
3534
|
$xeTree.renderDragTip(h),
|
|
3535
|
+
/**
|
|
3536
|
+
* 工具提示
|
|
3537
|
+
*/
|
|
3538
|
+
tooltipOpts.mode === 'tooltip'
|
|
3539
|
+
? h(VxeTooltipComponent, {
|
|
3540
|
+
ref: 'refTooltip',
|
|
3541
|
+
props: {
|
|
3542
|
+
theme: tooltipOpts.theme,
|
|
3543
|
+
enterable: tooltipOpts.enterable,
|
|
3544
|
+
enterDelay: tooltipOpts.enterDelay,
|
|
3545
|
+
leaveDelay: tooltipOpts.leaveDelay,
|
|
3546
|
+
useHtml: tooltipOpts.useHtml,
|
|
3547
|
+
width: tooltipOpts.width,
|
|
3548
|
+
height: tooltipOpts.height,
|
|
3549
|
+
minWidth: tooltipOpts.minWidth,
|
|
3550
|
+
minHeight: tooltipOpts.minHeight,
|
|
3551
|
+
maxWidth: tooltipOpts.maxWidth,
|
|
3552
|
+
maxHeight: tooltipOpts.maxHeight,
|
|
3553
|
+
placement: tooltipOpts.placement,
|
|
3554
|
+
defaultPlacement: tooltipOpts.defaultPlacement,
|
|
3555
|
+
popupClassName: tooltipOpts.popupClassName
|
|
3556
|
+
},
|
|
3557
|
+
scopedSlots: tooltipSlot
|
|
3558
|
+
? {
|
|
3559
|
+
content: () => {
|
|
3560
|
+
const { node } = tooltipStore;
|
|
3561
|
+
return tooltipSlot({ node, $tree: $xeTree });
|
|
3562
|
+
}
|
|
3563
|
+
}
|
|
3564
|
+
: undefined
|
|
3565
|
+
})
|
|
3566
|
+
: renderEmptyElement($xeTree),
|
|
3403
3567
|
/**
|
|
3404
3568
|
* 加载中
|
|
3405
3569
|
*/
|
|
@@ -3414,7 +3578,7 @@ export default {
|
|
|
3414
3578
|
? {
|
|
3415
3579
|
default: () => loadingSlot({ $tree: $xeTree })
|
|
3416
3580
|
}
|
|
3417
|
-
:
|
|
3581
|
+
: undefined
|
|
3418
3582
|
})
|
|
3419
3583
|
]);
|
|
3420
3584
|
}
|
|
@@ -3480,8 +3644,11 @@ export default {
|
|
|
3480
3644
|
const $xeTree = this;
|
|
3481
3645
|
const props = $xeTree;
|
|
3482
3646
|
const internalData = $xeTree.internalData;
|
|
3483
|
-
const { transform, drag, menuConfig } = props;
|
|
3647
|
+
const { transform, drag, menuConfig, showOverflow } = props;
|
|
3484
3648
|
const dragOpts = $xeTree.computeDragOpts;
|
|
3649
|
+
if (!showOverflow) {
|
|
3650
|
+
errLog('vxe.error.errProp', ['show-overflow=false', 'show-overflow=true']);
|
|
3651
|
+
}
|
|
3485
3652
|
if (drag && !transform) {
|
|
3486
3653
|
errLog('vxe.error.notSupportProp', ['drag', 'transform=false', 'transform=true']);
|
|
3487
3654
|
}
|
package/es/tree/style.css
CHANGED
package/es/tree/style.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.vxe-tree{--vxe-ui-tree-current-font-size:var(--vxe-ui-font-size-default)}.vxe-tree.size--medium{--vxe-ui-tree-current-font-size:var(--vxe-ui-font-size-medium)}.vxe-tree.size--small{--vxe-ui-tree-current-font-size:var(--vxe-ui-font-size-small)}.vxe-tree.size--mini{--vxe-ui-tree-current-font-size:var(--vxe-ui-font-size-mini)}.vxe-tree{position:relative;font-size:var(--vxe-ui-tree-current-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tree.node--trigger .vxe-tree--node-item{cursor:pointer}.vxe-tree .vxe-tree--node-item.is--current{background-color:var(--vxe-ui-tree-node-current-background-color)}.vxe-tree.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked{background-color:var(--vxe-ui-tree-node-checkbox-checked-background-color)}.vxe-tree.radio--highlight .vxe-tree--node-item.is-radio--checked{background-color:var(--vxe-ui-tree-node-radio-checked-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover{background-color:var(--vxe-ui-tree-node-hover-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover.is--current{background-color:var(--vxe-ui-tree-node-hover-current-background-color)}.vxe-tree.node--hover.radio--highlight .vxe-tree--node-item.is-radio--checked:hover{background-color:var(--vxe-ui-tree-node-hover-radio-checked-background-color)}.vxe-tree.node--hover.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked:hover{background-color:var(--vxe-ui-tree-node-hover-checkbox-checked-background-color)}.vxe-tree.show--line .vxe-tree--node-child-line{position:absolute;top:0;left:0;height:calc(100% - .7em);transform:translateX(-.6em);border-left-width:var(--vxe-ui-tree-node-line-width);border-left-style:var(--vxe-ui-tree-node-line-style);border-left-color:var(--vxe-ui-tree-node-line-color);pointer-events:none;z-index:5}.vxe-tree--drag-handle{flex-shrink:0;padding-right:.2em}.vxe-tree--drag-handle:not(.is--disabled){cursor:grab}.vxe-tree--drag-handle:not(.is--disabled):active{cursor:grabbing}.vxe-tree--drag-handle:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-handle.is--disabled{color:var(--vxe-ui-input-disabled-color);cursor:not-allowed}.vxe-tree--node-wrapper.row--drag-move{transition:transform .5s ease}.vxe-tree--node-wrapper.node--drag-origin{opacity:.3}.vxe-tree--node-wrapper.node--level-0>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 0 + var(--vxe-ui-tree-node-root-indent) + var(--vxe-ui-tree-node-padding))}.vxe-tree--node-wrapper.node--level-1>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 1 + var(--vxe-ui-tree-node-root-indent) + var(--vxe-ui-tree-node-padding))}.vxe-tree--node-wrapper.node--level-2>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 2 + var(--vxe-ui-tree-node-root-indent) + var(--vxe-ui-tree-node-padding))}.vxe-tree--node-wrapper.node--level-3>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 3 + var(--vxe-ui-tree-node-root-indent) + var(--vxe-ui-tree-node-padding))}.vxe-tree--node-wrapper.node--level-4>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 4 + var(--vxe-ui-tree-node-root-indent) + var(--vxe-ui-tree-node-padding))}.vxe-tree--node-wrapper.node--level-5>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 5 + var(--vxe-ui-tree-node-root-indent) + var(--vxe-ui-tree-node-padding))}.vxe-tree--node-wrapper.node--level-6>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 6 + var(--vxe-ui-tree-node-root-indent) + var(--vxe-ui-tree-node-padding))}.vxe-tree--node-wrapper.node--level-7>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 7 + var(--vxe-ui-tree-node-root-indent) + var(--vxe-ui-tree-node-padding))}.vxe-tree--node-wrapper.node--level-8>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 8 + var(--vxe-ui-tree-node-root-indent) + var(--vxe-ui-tree-node-padding))}.vxe-tree--node-wrapper.node--level-9>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 9 + var(--vxe-ui-tree-node-root-indent) + var(--vxe-ui-tree-node-padding))}.vxe-tree--drag-node-line{display:none;position:absolute;top:0;left:0;z-index:11;pointer-events:none}.vxe-tree--drag-node-line{width:100%;height:1px;border:2px solid transparent}.vxe-tree--drag-node-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-to-child=y]{border-top-color:transparent;border-bottom-color:transparent;border-left-color:var(--vxe-ui-status-success-color)}.vxe-tree--drag-node-line.is--guides{background-color:var(--vxe-ui-tree-drag-over-background-color)}.vxe-body--row-list-move{transition-property:transform;transition-duration:.35s}.vxe-tree--drag-sort-tip{display:none;position:absolute;top:0;left:0;padding:.6em 1.4em;max-width:50%;min-width:100px;border-radius:var(--vxe-ui-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-ui-layout-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-tree--drag-sort-tip[drag-status=normal] .vxe-tree--drag-sort-tip-normal-status{display:block}.vxe-tree--drag-sort-tip[drag-status=sub] .vxe-tree--drag-sort-tip-sub-status{display:block}.vxe-tree--drag-sort-tip[drag-status=disabled] .vxe-tree--drag-sort-tip-disabled-status{display:block}.vxe-tree--drag-sort-tip-wrapper{display:flex;flex-direction:row;align-items:center}.vxe-tree--drag-sort-tip-status{padding-right:.4em}.vxe-tree--drag-sort-tip-disabled-status{display:none;flex-shrink:0;color:var(--vxe-ui-status-error-color)}.vxe-tree--drag-sort-tip-normal-status,.vxe-tree--drag-sort-tip-sub-status{display:none}.vxe-tree--drag-sort-tip-content{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-line-wrapper{position:relative;display:block;height:0}.vxe-tree--node-line{position:absolute;bottom:calc(var(--vxe-ui-tree-node-height)/ 2 * -1);left:.6em;width:.6em;border-width:0 0 var(--vxe-ui-tree-node-line-width) var(--vxe-ui-tree-node-line-width);border-style:var(--vxe-ui-tree-node-line-style);border-color:var(--vxe-ui-tree-node-line-color);pointer-events:none}.vxe-tree--node-list-wrapper{overflow-y:auto;overflow-x:hidden}.vxe-tree--node-child-wrapper{position:relative}.vxe-tree--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-tree-node-height);line-height:var(--vxe-ui-tree-node-height)}.vxe-tree--node-item.is-checkbox--indeterminate>.vxe-tree--node-item-inner{color:var(--vxe-ui-tree-node-checkbox-indeterminate-color)}.vxe-tree--node-item.is-checkbox--checked>.vxe-tree--node-item-inner{color:var(--vxe-ui-tree-node-checkbox-checked-color)}.vxe-tree--node-item-switcher{position:relative;width:1.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--node-item-icon{position:absolute;display:inline-flex;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;text-align:center;z-index:7}.vxe-tree--node-item-icon>i{display:inline-flex;transition:all .2s ease-in-out}.vxe-tree--node-item-inner{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-tree--node-item-inner .vxe-tree--node-item-
|
|
1
|
+
@charset "UTF-8";.vxe-tree{--vxe-ui-tree-current-font-size:var(--vxe-ui-font-size-default)}.vxe-tree.size--medium{--vxe-ui-tree-current-font-size:var(--vxe-ui-font-size-medium)}.vxe-tree.size--small{--vxe-ui-tree-current-font-size:var(--vxe-ui-font-size-small)}.vxe-tree.size--mini{--vxe-ui-tree-current-font-size:var(--vxe-ui-font-size-mini)}.vxe-tree{position:relative;font-size:var(--vxe-ui-tree-current-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tree.node--trigger .vxe-tree--node-item{cursor:pointer}.vxe-tree .vxe-tree--node-item.is--current{background-color:var(--vxe-ui-tree-node-current-background-color)}.vxe-tree.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked{background-color:var(--vxe-ui-tree-node-checkbox-checked-background-color)}.vxe-tree.radio--highlight .vxe-tree--node-item.is-radio--checked{background-color:var(--vxe-ui-tree-node-radio-checked-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover{background-color:var(--vxe-ui-tree-node-hover-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover.is--current{background-color:var(--vxe-ui-tree-node-hover-current-background-color)}.vxe-tree.node--hover.radio--highlight .vxe-tree--node-item.is-radio--checked:hover{background-color:var(--vxe-ui-tree-node-hover-radio-checked-background-color)}.vxe-tree.node--hover.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked:hover{background-color:var(--vxe-ui-tree-node-hover-checkbox-checked-background-color)}.vxe-tree.show--line .vxe-tree--node-child-line{position:absolute;top:0;left:0;height:calc(100% - .7em);transform:translateX(-.6em);border-left-width:var(--vxe-ui-tree-node-line-width);border-left-style:var(--vxe-ui-tree-node-line-style);border-left-color:var(--vxe-ui-tree-node-line-color);pointer-events:none;z-index:5}.vxe-tree--drag-handle{flex-shrink:0;padding-right:.2em}.vxe-tree--drag-handle:not(.is--disabled){cursor:grab}.vxe-tree--drag-handle:not(.is--disabled):active{cursor:grabbing}.vxe-tree--drag-handle:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-handle.is--disabled{color:var(--vxe-ui-input-disabled-color);cursor:not-allowed}.vxe-tree--node-wrapper.row--drag-move{transition:transform .5s ease}.vxe-tree--node-wrapper.node--drag-origin{opacity:.3}.vxe-tree--node-wrapper.node--level-0>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 0 + var(--vxe-ui-tree-node-root-indent) + var(--vxe-ui-tree-node-padding))}.vxe-tree--node-wrapper.node--level-1>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 1 + var(--vxe-ui-tree-node-root-indent) + var(--vxe-ui-tree-node-padding))}.vxe-tree--node-wrapper.node--level-2>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 2 + var(--vxe-ui-tree-node-root-indent) + var(--vxe-ui-tree-node-padding))}.vxe-tree--node-wrapper.node--level-3>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 3 + var(--vxe-ui-tree-node-root-indent) + var(--vxe-ui-tree-node-padding))}.vxe-tree--node-wrapper.node--level-4>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 4 + var(--vxe-ui-tree-node-root-indent) + var(--vxe-ui-tree-node-padding))}.vxe-tree--node-wrapper.node--level-5>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 5 + var(--vxe-ui-tree-node-root-indent) + var(--vxe-ui-tree-node-padding))}.vxe-tree--node-wrapper.node--level-6>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 6 + var(--vxe-ui-tree-node-root-indent) + var(--vxe-ui-tree-node-padding))}.vxe-tree--node-wrapper.node--level-7>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 7 + var(--vxe-ui-tree-node-root-indent) + var(--vxe-ui-tree-node-padding))}.vxe-tree--node-wrapper.node--level-8>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 8 + var(--vxe-ui-tree-node-root-indent) + var(--vxe-ui-tree-node-padding))}.vxe-tree--node-wrapper.node--level-9>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 9 + var(--vxe-ui-tree-node-root-indent) + var(--vxe-ui-tree-node-padding))}.vxe-tree--drag-node-line{display:none;position:absolute;top:0;left:0;z-index:11;pointer-events:none}.vxe-tree--drag-node-line{width:100%;height:1px;border:2px solid transparent}.vxe-tree--drag-node-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-to-child=y]{border-top-color:transparent;border-bottom-color:transparent;border-left-color:var(--vxe-ui-status-success-color)}.vxe-tree--drag-node-line.is--guides{background-color:var(--vxe-ui-tree-drag-over-background-color)}.vxe-body--row-list-move{transition-property:transform;transition-duration:.35s}.vxe-tree--drag-sort-tip{display:none;position:absolute;top:0;left:0;padding:.6em 1.4em;max-width:50%;min-width:100px;border-radius:var(--vxe-ui-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-ui-layout-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-tree--drag-sort-tip[drag-status=normal] .vxe-tree--drag-sort-tip-normal-status{display:block}.vxe-tree--drag-sort-tip[drag-status=sub] .vxe-tree--drag-sort-tip-sub-status{display:block}.vxe-tree--drag-sort-tip[drag-status=disabled] .vxe-tree--drag-sort-tip-disabled-status{display:block}.vxe-tree--drag-sort-tip-wrapper{display:flex;flex-direction:row;align-items:center}.vxe-tree--drag-sort-tip-status{padding-right:.4em}.vxe-tree--drag-sort-tip-disabled-status{display:none;flex-shrink:0;color:var(--vxe-ui-status-error-color)}.vxe-tree--drag-sort-tip-normal-status,.vxe-tree--drag-sort-tip-sub-status{display:none}.vxe-tree--drag-sort-tip-content{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-line-wrapper{position:relative;display:block;height:0}.vxe-tree--node-line{position:absolute;bottom:calc(var(--vxe-ui-tree-node-height)/ 2 * -1);left:.6em;width:.6em;border-width:0 0 var(--vxe-ui-tree-node-line-width) var(--vxe-ui-tree-node-line-width);border-style:var(--vxe-ui-tree-node-line-style);border-color:var(--vxe-ui-tree-node-line-color);pointer-events:none}.vxe-tree--node-list-wrapper{overflow-y:auto;overflow-x:hidden}.vxe-tree--node-child-wrapper{position:relative}.vxe-tree--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-tree-node-height);line-height:var(--vxe-ui-tree-node-height)}.vxe-tree--node-item.is-checkbox--indeterminate>.vxe-tree--node-item-inner{color:var(--vxe-ui-tree-node-checkbox-indeterminate-color)}.vxe-tree--node-item.is-checkbox--checked>.vxe-tree--node-item-inner{color:var(--vxe-ui-tree-node-checkbox-checked-color)}.vxe-tree--node-item-switcher{position:relative;width:1.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--node-item-icon{position:absolute;display:inline-flex;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;text-align:center;z-index:7}.vxe-tree--node-item-icon>i{display:inline-flex;transition:all .2s ease-in-out}.vxe-tree--node-item-inner{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-tree--node-item-inner .vxe-tree--node-item-wrapper{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-item-inner .vxe-tree--node-item-extra{flex-shrink:0}.vxe-tree--checkbox-option{padding-right:.4em}.vxe-tree--checkbox-option{cursor:pointer}.vxe-tree--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-tree--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--checkbox-option.is--checked,.vxe-tree--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-tree--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--hidden{cursor:default}.vxe-tree--checkbox-option.is--readonly{cursor:auto}.vxe-tree--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--checkbox-option .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-tree--radio-option{padding-right:.4em}.vxe-tree--radio-option{cursor:pointer}.vxe-tree--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-tree--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--readonly{cursor:auto}.vxe-tree--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--radio-option .vxe-radio--label{padding-left:.4em;vertical-align:middle}.vxe-tree--empty-placeholder{margin-top:1.4em;text-align:center;height:var(--vxe-ui-tree-node-height);color:var(--vxe-ui-input-placeholder-color)}.vxe-tree--y-space{width:0;float:left}
|
|
@@ -4,10 +4,10 @@ import { getConfig, getI18n, getIcon, globalEvents, createEvent, globalMixins, r
|
|
|
4
4
|
import { getEventTargetNode, updatePanelPlacement, toCssUnit } from '../../ui/src/dom';
|
|
5
5
|
import { getLastZIndex, nextZIndex, deModelValue } from '../../ui/src/utils';
|
|
6
6
|
import { createComponentLog } from '../../ui/src/log';
|
|
7
|
+
import { getSlotVNs } from '../../ui/src/vn';
|
|
7
8
|
import VxeInputComponent from '../../input';
|
|
8
9
|
import VxeButtonComponent from '../../button';
|
|
9
10
|
import VxeTreeComponent from '../../tree';
|
|
10
|
-
import { getSlotVNs } from '../../ui/src/vn';
|
|
11
11
|
const { warnLog, errLog } = createComponentLog('tree-select');
|
|
12
12
|
function getOptUniqueId() {
|
|
13
13
|
return XEUtils.uniqueId('node_');
|
package/es/ui/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
|
|
2
2
|
import { dynamicApp } from '../dynamics';
|
|
3
3
|
import { warnLog } from './src/log';
|
|
4
|
-
export const version = "3.15.
|
|
4
|
+
export const version = "3.15.18";
|
|
5
5
|
VxeUI.uiVersion = version;
|
|
6
6
|
VxeUI.dynamicApp = dynamicApp;
|
|
7
7
|
export function config(options) {
|
|
@@ -418,9 +418,16 @@ setConfig({
|
|
|
418
418
|
// autoResize: false,
|
|
419
419
|
indent: 20,
|
|
420
420
|
minHeight: 60,
|
|
421
|
+
showOverflow: true,
|
|
421
422
|
radioConfig: {
|
|
422
423
|
strict: true
|
|
423
424
|
},
|
|
425
|
+
tooltipConfig: {
|
|
426
|
+
mode: 'tooltip',
|
|
427
|
+
enterable: true,
|
|
428
|
+
leaveDelay: 300,
|
|
429
|
+
defaultPlacement: 'top'
|
|
430
|
+
},
|
|
424
431
|
dragConfig: {
|
|
425
432
|
showIcon: true,
|
|
426
433
|
animation: true,
|
package/es/ui/src/log.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { VxeUI } from '@vxe-ui/core';
|
|
2
2
|
const { log } = VxeUI;
|
|
3
|
-
const uiVersion = `ui v${"3.15.
|
|
3
|
+
const uiVersion = `ui v${"3.15.18"}`;
|
|
4
4
|
export function createComponentLog(name) {
|
|
5
5
|
const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
|
|
6
6
|
const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
|
package/es/vxe-button/style.css
CHANGED
|
@@ -1,22 +1,26 @@
|
|
|
1
|
-
.vxe-button
|
|
1
|
+
.vxe-button,
|
|
2
|
+
.vxe-button--dropdown {
|
|
2
3
|
--vxe-ui-button-current-font-size: var(--vxe-ui-font-size-default);
|
|
3
4
|
--vxe-ui-button-current-margin-left: var(--vxe-ui-base-margin-gap-default);
|
|
4
5
|
--vxe-ui-button-current-height: var(--vxe-ui-button-height-default);
|
|
5
6
|
--vxe-ui-button-current-border-radius: var(--vxe-ui-button-round-border-radius-default);
|
|
6
7
|
}
|
|
7
|
-
.vxe-button.size--medium
|
|
8
|
+
.vxe-button.size--medium,
|
|
9
|
+
.vxe-button--dropdown.size--medium {
|
|
8
10
|
--vxe-ui-button-current-font-size: var(--vxe-ui-font-size-medium);
|
|
9
11
|
--vxe-ui-button-current-margin-left: var(--vxe-ui-base-margin-gap-medium);
|
|
10
12
|
--vxe-ui-button-current-height: var(--vxe-ui-button-height-medium);
|
|
11
13
|
--vxe-ui-button-current-border-radius: var(--vxe-ui-button-round-border-radius-medium);
|
|
12
14
|
}
|
|
13
|
-
.vxe-button.size--small
|
|
15
|
+
.vxe-button.size--small,
|
|
16
|
+
.vxe-button--dropdown.size--small {
|
|
14
17
|
--vxe-ui-button-current-font-size: var(--vxe-ui-font-size-small);
|
|
15
18
|
--vxe-ui-button-current-margin-left: var(--vxe-ui-base-margin-gap-small);
|
|
16
19
|
--vxe-ui-button-current-height: var(--vxe-ui-button-height-small);
|
|
17
20
|
--vxe-ui-button-current-border-radius: var(--vxe-ui-button-round-border-radius-small);
|
|
18
21
|
}
|
|
19
|
-
.vxe-button.size--mini
|
|
22
|
+
.vxe-button.size--mini,
|
|
23
|
+
.vxe-button--dropdown.size--mini {
|
|
20
24
|
--vxe-ui-button-current-font-size: var(--vxe-ui-font-size-mini);
|
|
21
25
|
--vxe-ui-button-current-margin-left: var(--vxe-ui-base-margin-gap-mini);
|
|
22
26
|
--vxe-ui-button-current-height: var(--vxe-ui-button-height-mini);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-button{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-default);--vxe-ui-button-current-height:var(--vxe-ui-button-height-default);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-default)}.vxe-button.size--medium{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-medium);--vxe-ui-button-current-height:var(--vxe-ui-button-height-medium);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-medium)}.vxe-button.size--small{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-small);--vxe-ui-button-current-height:var(--vxe-ui-button-height-small);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-small)}.vxe-button.size--mini{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-mini);--vxe-ui-button-current-height:var(--vxe-ui-button-height-mini);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-mini)}.vxe-button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;background-color:var(--vxe-ui-layout-background-color);outline:0;font-size:var(--vxe-ui-button-current-font-size);max-width:var(--vxe-ui-button-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .2s ease-in-out}.vxe-button.align--left{justify-content:left}.vxe-button.align--center{justify-content:center}.vxe-button.align--right{justify-content:right}.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-color);cursor:pointer}.vxe-button.is--loading{cursor:progress}.vxe-button.is--loading:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35);pointer-events:none}.vxe-button.is--disabled{color:var(--vxe-ui-font-disabled-color)}.vxe-button.is--disabled:not(.is--loading){cursor:no-drop}.vxe-button.type--text{text-decoration:none;border:0;padding:.1em .5em;background-color:transparent;text-decoration:none}.vxe-button.type--text:not(.is--disabled):focus{color:var(--vxe-ui-font-darken-color)}.vxe-button.type--text:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary.is--disabled{color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--text.theme--success:not(.is--disabled):active{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success.is--disabled{color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--text.theme--info:not(.is--disabled):active{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info.is--disabled{color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):active{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning.is--disabled{color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):active{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger.is--disabled{color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-color)}.vxe-button.type--text.theme--error:not(.is--disabled):focus{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error:not(.is--disabled):hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--text.theme--error:not(.is--disabled):active{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error.is--disabled{color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect.is--disabled{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{font-family:inherit;line-height:1;border:1px solid var(--vxe-ui-input-border-color);text-decoration:none}.vxe-button.type--button.is--round{border-radius:var(--vxe-ui-button-current-border-radius)}.vxe-button.type--button:not(.is--round){border-radius:var(--vxe-ui-base-border-radius)}.vxe-button.type--button.is--circle{padding:0 .5em;text-align:center;justify-content:center;min-width:var(--vxe-ui-button-current-height);border-radius:50%}.vxe-button.type--button.is--shadow{box-shadow:0 0 6px rgba(0,0,0,.3)}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--button.theme--primary.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--button.theme--primary.is--loading{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--success:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--button.theme--success:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--button.theme--success.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--button.theme--success.is--loading{border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--info:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--button.theme--info:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--button.theme--info.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--button.theme--info.is--loading{border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--button.theme--warning.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--button.theme--warning.is--loading{border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--button.theme--danger.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--button.theme--danger.is--loading{border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--error{color:#fff}.vxe-button.type--button.theme--error:not(.is--disabled){border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--error:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--button.theme--error:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--button.theme--error.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--button.theme--error.is--loading{border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--loading{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{height:var(--vxe-ui-button-current-height)}.vxe-button--custom-prefix-icon>svg,.vxe-button--custom-suffix-icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-input--prefix-icon>.vxe-button.type--button,.vxe-input--suffix-icon>.vxe-button.type--button{height:100%}.vxe-button--item{padding:0 .1em}.vxe-button--item:first-child{padding-left:0}.vxe-button--item:last-child{padding-right:0}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative;outline:0}.vxe-button--dropdown>.vxe-button.type--button.theme--primary{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--success{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--info{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--warning{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--danger{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--error{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--error{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active .vxe-button--dropdown-arrow{transform:rotate(180deg)}.vxe-button--dropdown-arrow{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s ease-in-out}.vxe-button--dropdown-panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-button--dropdown-panel:not(.is--transfer){min-width:100%}.vxe-button--dropdown-panel.is--transfer{position:fixed}.vxe-button--dropdown-panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-button--dropdown-panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-panel.ani--enter>div::after{display:none}.vxe-button--dropdown-panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-button--dropdown-wrapper{padding:5px;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-button--dropdown-wrapper>.vxe-button.type--button,.vxe-button--dropdown-wrapper>.vxe-button.type--text{display:block;width:100%;border:0;margin:.4em 0 0 0}.vxe-button--dropdown-wrapper>.vxe-button.type--text{padding:2px 8px}.vxe-button--dropdown-wrapper>.vxe-button:first-child{margin-top:0}.vxe-button--dropdown-wrapper>.vxe-button:last-child{margin-bottom:0}.vxe-button--dropdown,.vxe-button.type--button{margin-right:var(--vxe-ui-button-current-margin-left)}.vxe-button--dropdown:last-of-type,.vxe-button.type--button:last-of-type{margin-right:0}.vxe-button+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button{margin-left:var(--vxe-ui-button-current-margin-left)}
|
|
1
|
+
.vxe-button,.vxe-button--dropdown{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-default);--vxe-ui-button-current-height:var(--vxe-ui-button-height-default);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-default)}.vxe-button--dropdown.size--medium,.vxe-button.size--medium{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-medium);--vxe-ui-button-current-height:var(--vxe-ui-button-height-medium);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-medium)}.vxe-button--dropdown.size--small,.vxe-button.size--small{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-small);--vxe-ui-button-current-height:var(--vxe-ui-button-height-small);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-small)}.vxe-button--dropdown.size--mini,.vxe-button.size--mini{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-mini);--vxe-ui-button-current-height:var(--vxe-ui-button-height-mini);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-mini)}.vxe-button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;background-color:var(--vxe-ui-layout-background-color);outline:0;font-size:var(--vxe-ui-button-current-font-size);max-width:var(--vxe-ui-button-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .2s ease-in-out}.vxe-button.align--left{justify-content:left}.vxe-button.align--center{justify-content:center}.vxe-button.align--right{justify-content:right}.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-color);cursor:pointer}.vxe-button.is--loading{cursor:progress}.vxe-button.is--loading:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35);pointer-events:none}.vxe-button.is--disabled{color:var(--vxe-ui-font-disabled-color)}.vxe-button.is--disabled:not(.is--loading){cursor:no-drop}.vxe-button.type--text{text-decoration:none;border:0;padding:.1em .5em;background-color:transparent;text-decoration:none}.vxe-button.type--text:not(.is--disabled):focus{color:var(--vxe-ui-font-darken-color)}.vxe-button.type--text:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary.is--disabled{color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--text.theme--success:not(.is--disabled):active{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success.is--disabled{color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--text.theme--info:not(.is--disabled):active{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info.is--disabled{color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):active{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning.is--disabled{color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):active{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger.is--disabled{color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-color)}.vxe-button.type--text.theme--error:not(.is--disabled):focus{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error:not(.is--disabled):hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--text.theme--error:not(.is--disabled):active{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error.is--disabled{color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect.is--disabled{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{font-family:inherit;line-height:1;border:1px solid var(--vxe-ui-input-border-color);text-decoration:none}.vxe-button.type--button.is--round{border-radius:var(--vxe-ui-button-current-border-radius)}.vxe-button.type--button:not(.is--round){border-radius:var(--vxe-ui-base-border-radius)}.vxe-button.type--button.is--circle{padding:0 .5em;text-align:center;justify-content:center;min-width:var(--vxe-ui-button-current-height);border-radius:50%}.vxe-button.type--button.is--shadow{box-shadow:0 0 6px rgba(0,0,0,.3)}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--button.theme--primary.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--button.theme--primary.is--loading{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--success:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--button.theme--success:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--button.theme--success.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--button.theme--success.is--loading{border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--info:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--button.theme--info:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--button.theme--info.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--button.theme--info.is--loading{border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--button.theme--warning.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--button.theme--warning.is--loading{border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--button.theme--danger.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--button.theme--danger.is--loading{border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--error{color:#fff}.vxe-button.type--button.theme--error:not(.is--disabled){border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--error:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--button.theme--error:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--button.theme--error.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--button.theme--error.is--loading{border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--loading{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{height:var(--vxe-ui-button-current-height)}.vxe-button--custom-prefix-icon>svg,.vxe-button--custom-suffix-icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-input--prefix-icon>.vxe-button.type--button,.vxe-input--suffix-icon>.vxe-button.type--button{height:100%}.vxe-button--item{padding:0 .1em}.vxe-button--item:first-child{padding-left:0}.vxe-button--item:last-child{padding-right:0}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative;outline:0}.vxe-button--dropdown>.vxe-button.type--button.theme--primary{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--success{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--info{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--warning{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--danger{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--error{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--error{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active .vxe-button--dropdown-arrow{transform:rotate(180deg)}.vxe-button--dropdown-arrow{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s ease-in-out}.vxe-button--dropdown-panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-button--dropdown-panel:not(.is--transfer){min-width:100%}.vxe-button--dropdown-panel.is--transfer{position:fixed}.vxe-button--dropdown-panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-button--dropdown-panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-panel.ani--enter>div::after{display:none}.vxe-button--dropdown-panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-button--dropdown-wrapper{padding:5px;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-button--dropdown-wrapper>.vxe-button.type--button,.vxe-button--dropdown-wrapper>.vxe-button.type--text{display:block;width:100%;border:0;margin:.4em 0 0 0}.vxe-button--dropdown-wrapper>.vxe-button.type--text{padding:2px 8px}.vxe-button--dropdown-wrapper>.vxe-button:first-child{margin-top:0}.vxe-button--dropdown-wrapper>.vxe-button:last-child{margin-bottom:0}.vxe-button--dropdown,.vxe-button.type--button{margin-right:var(--vxe-ui-button-current-margin-left)}.vxe-button--dropdown:last-of-type,.vxe-button.type--button:last-of-type{margin-right:0}.vxe-button+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button{margin-left:var(--vxe-ui-button-current-margin-left)}
|
|
@@ -1,18 +1,22 @@
|
|
|
1
1
|
.vxe-ico-picker,
|
|
2
2
|
.vxe-ico-picker--panel {
|
|
3
3
|
--vxe-ui-ico-picker-current-font-size: var(--vxe-ui-font-size-default);
|
|
4
|
+
--vxe-ui-ico-picker-current-height: var(--vxe-ui-input-height-default);
|
|
4
5
|
}
|
|
5
6
|
.vxe-ico-picker.size--medium,
|
|
6
7
|
.vxe-ico-picker--panel.size--medium {
|
|
7
8
|
--vxe-ui-ico-picker-current-font-size: var(--vxe-ui-font-size-medium);
|
|
9
|
+
--vxe-ui-ico-picker-current-height: var(--vxe-ui-input-height-medium);
|
|
8
10
|
}
|
|
9
11
|
.vxe-ico-picker.size--small,
|
|
10
12
|
.vxe-ico-picker--panel.size--small {
|
|
11
13
|
--vxe-ui-ico-picker-current-font-size: var(--vxe-ui-font-size-small);
|
|
14
|
+
--vxe-ui-ico-picker-current-height: var(--vxe-ui-input-height-small);
|
|
12
15
|
}
|
|
13
16
|
.vxe-ico-picker.size--mini,
|
|
14
17
|
.vxe-ico-picker--panel.size--mini {
|
|
15
18
|
--vxe-ui-ico-picker-current-font-size: var(--vxe-ui-font-size-mini);
|
|
19
|
+
--vxe-ui-ico-picker-current-height: var(--vxe-ui-input-height-mini);
|
|
16
20
|
}
|
|
17
21
|
|
|
18
22
|
.vxe-ico-picker {
|
|
@@ -24,6 +28,8 @@
|
|
|
24
28
|
border: 1px solid var(--vxe-ui-input-border-color);
|
|
25
29
|
border-radius: var(--vxe-ui-base-border-radius);
|
|
26
30
|
background-color: var(--vxe-ui-layout-background-color);
|
|
31
|
+
height: var(--vxe-ui-ico-picker-current-height);
|
|
32
|
+
line-height: var(--vxe-ui-ico-picker-current-height);
|
|
27
33
|
}
|
|
28
34
|
.vxe-ico-picker.is--disabled {
|
|
29
35
|
background-color: var(--vxe-ui-input-disabled-background-color);
|
|
@@ -225,19 +231,12 @@
|
|
|
225
231
|
transform: scaleY(1);
|
|
226
232
|
}
|
|
227
233
|
|
|
228
|
-
.vxe-ico-picker {
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
.vxe-ico-picker.size--small {
|
|
237
|
-
height: var(--vxe-ui-input-height-small);
|
|
238
|
-
line-height: var(--vxe-ui-input-height-small);
|
|
239
|
-
}
|
|
240
|
-
.vxe-ico-picker.size--mini {
|
|
241
|
-
height: var(--vxe-ui-input-height-mini);
|
|
242
|
-
line-height: var(--vxe-ui-input-height-mini);
|
|
234
|
+
.vxe-ico-picker--empty-placeholder {
|
|
235
|
+
display: flex;
|
|
236
|
+
flex-direction: row;
|
|
237
|
+
align-items: center;
|
|
238
|
+
justify-content: center;
|
|
239
|
+
padding: 0 0.6em;
|
|
240
|
+
text-align: center;
|
|
241
|
+
min-height: 4em;
|
|
243
242
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-ico-picker,.vxe-ico-picker--panel{--vxe-ui-ico-picker-current-font-size:var(--vxe-ui-font-size-default)}.vxe-ico-picker--panel.size--medium,.vxe-ico-picker.size--medium{--vxe-ui-ico-picker-current-font-size:var(--vxe-ui-font-size-medium)}.vxe-ico-picker--panel.size--small,.vxe-ico-picker.size--small{--vxe-ui-ico-picker-current-font-size:var(--vxe-ui-font-size-small)}.vxe-ico-picker--panel.size--mini,.vxe-ico-picker.size--mini{--vxe-ui-ico-picker-current-font-size:var(--vxe-ui-font-size-mini)}.vxe-ico-picker{position:relative;display:inline-block;font-size:var(--vxe-ui-ico-picker-current-font-size);color:var(--vxe-ui-font-color);width:100px;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color)}.vxe-ico-picker.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color);color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-ico-picker.show--clear:hover .vxe-ico-picker--clear-icon{display:block}.vxe-ico-picker.is--active{border-color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--inner{display:flex;flex-direction:row;width:100%;padding:0 .5em}.vxe-ico-picker--input{position:absolute;z-index:-1;width:1px;height:1px;outline:0;border:0}.vxe-ico-picker--icon{flex-grow:1;display:inline-flex;flex-direction:row;align-items:center;justify-content:left;padding:0 .5em}.vxe-ico-picker--icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-ico-picker--placeholder{flex-grow:1;color:var(--vxe-ui-input-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-ico-picker--suffix{display:flex;flex-direction:row;flex-shrink:0;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-ico-picker--suffix .vxe-ico-picker--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-ico-picker--panel-search{display:block;flex-shrink:0;padding:var(--vxe-ui-layout-padding-default)}.vxe-ico-picker--panel-search .vxe-ico-picker-search--input{width:100%}.vxe-ico-picker--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-ico-picker--clear-icon{display:none;padding-right:.5em;height:100%;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-ico-picker--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-ico-picker--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--all-list{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-ico-picker--list-wrapper{overflow-x:hidden;overflow-y:auto;height:var(--vxe-ui-icon-picker-panel-height);max-height:var(--vxe-ui-icon-picker-panel-max-height,var(--vxe-ui-icon-picker-panel-height,22.3em));padding:var(--vxe-ui-layout-padding-qtr)}.vxe-ico-picker--list{display:flex;flex-direction:row}.vxe-ico-picker--item{display:flex;flex-direction:column;min-width:4.8em;width:var(--vxe-ui-icon-picker-item-width,4.8em);padding:var(--vxe-ui-layout-padding-half)}.vxe-ico-picker--item .vxe-ico-picker--item-inner{padding:.2em;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer}.vxe-ico-picker--item .vxe-ico-picker--item-inner:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-ico-picker--item.is--selected .vxe-ico-picker--item-inner{color:var(--vxe-ui-font-primary-color);border-color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--item-icon{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;height:1.5em;font-size:var(--vxe-ui-icon-picker-panel-icon-font-size)}.vxe-ico-picker--item-icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-ico-picker--item-title{padding:0 .2em;line-height:1.3em;flex-shrink:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9em}.vxe-ico-picker--item-icon,.vxe-ico-picker--item-title{width:100%}.vxe-ico-picker--panel-wrapper{position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-ico-picker--panel{display:none;position:absolute;left:0;padding:4px 0;font-size:var(--vxe-ui-ico-picker-current-font-size);color:var(--vxe-ui-font-color);text-align:left}.vxe-ico-picker--panel:not(.is--transfer){min-width:100%}.vxe-ico-picker--panel.is--transfer{position:fixed}.vxe-ico-picker--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-ico-picker--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-ico-picker--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-ico-picker
|
|
1
|
+
.vxe-ico-picker,.vxe-ico-picker--panel{--vxe-ui-ico-picker-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-ico-picker-current-height:var(--vxe-ui-input-height-default)}.vxe-ico-picker--panel.size--medium,.vxe-ico-picker.size--medium{--vxe-ui-ico-picker-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-ico-picker-current-height:var(--vxe-ui-input-height-medium)}.vxe-ico-picker--panel.size--small,.vxe-ico-picker.size--small{--vxe-ui-ico-picker-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-ico-picker-current-height:var(--vxe-ui-input-height-small)}.vxe-ico-picker--panel.size--mini,.vxe-ico-picker.size--mini{--vxe-ui-ico-picker-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-ico-picker-current-height:var(--vxe-ui-input-height-mini)}.vxe-ico-picker{position:relative;display:inline-block;font-size:var(--vxe-ui-ico-picker-current-font-size);color:var(--vxe-ui-font-color);width:100px;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);height:var(--vxe-ui-ico-picker-current-height);line-height:var(--vxe-ui-ico-picker-current-height)}.vxe-ico-picker.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color);color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-ico-picker.show--clear:hover .vxe-ico-picker--clear-icon{display:block}.vxe-ico-picker.is--active{border-color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--inner{display:flex;flex-direction:row;width:100%;padding:0 .5em}.vxe-ico-picker--input{position:absolute;z-index:-1;width:1px;height:1px;outline:0;border:0}.vxe-ico-picker--icon{flex-grow:1;display:inline-flex;flex-direction:row;align-items:center;justify-content:left;padding:0 .5em}.vxe-ico-picker--icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-ico-picker--placeholder{flex-grow:1;color:var(--vxe-ui-input-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-ico-picker--suffix{display:flex;flex-direction:row;flex-shrink:0;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-ico-picker--suffix .vxe-ico-picker--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-ico-picker--panel-search{display:block;flex-shrink:0;padding:var(--vxe-ui-layout-padding-default)}.vxe-ico-picker--panel-search .vxe-ico-picker-search--input{width:100%}.vxe-ico-picker--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-ico-picker--clear-icon{display:none;padding-right:.5em;height:100%;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-ico-picker--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-ico-picker--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--all-list{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-ico-picker--list-wrapper{overflow-x:hidden;overflow-y:auto;height:var(--vxe-ui-icon-picker-panel-height);max-height:var(--vxe-ui-icon-picker-panel-max-height,var(--vxe-ui-icon-picker-panel-height,22.3em));padding:var(--vxe-ui-layout-padding-qtr)}.vxe-ico-picker--list{display:flex;flex-direction:row}.vxe-ico-picker--item{display:flex;flex-direction:column;min-width:4.8em;width:var(--vxe-ui-icon-picker-item-width,4.8em);padding:var(--vxe-ui-layout-padding-half)}.vxe-ico-picker--item .vxe-ico-picker--item-inner{padding:.2em;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer}.vxe-ico-picker--item .vxe-ico-picker--item-inner:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-ico-picker--item.is--selected .vxe-ico-picker--item-inner{color:var(--vxe-ui-font-primary-color);border-color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--item-icon{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;height:1.5em;font-size:var(--vxe-ui-icon-picker-panel-icon-font-size)}.vxe-ico-picker--item-icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-ico-picker--item-title{padding:0 .2em;line-height:1.3em;flex-shrink:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9em}.vxe-ico-picker--item-icon,.vxe-ico-picker--item-title{width:100%}.vxe-ico-picker--panel-wrapper{position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-ico-picker--panel{display:none;position:absolute;left:0;padding:4px 0;font-size:var(--vxe-ui-ico-picker-current-font-size);color:var(--vxe-ui-font-color);text-align:left}.vxe-ico-picker--panel:not(.is--transfer){min-width:100%}.vxe-ico-picker--panel.is--transfer{position:fixed}.vxe-ico-picker--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-ico-picker--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-ico-picker--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-ico-picker--empty-placeholder{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 .6em;text-align:center;min-height:4em}
|
package/es/vxe-tree/style.css
CHANGED