vxe-gantt 0.0.2 → 4.0.0-beta.0

package/es/style.min.css

@@ -0,0 +1 @@
+:root{--vxe-ui-gantt-view-column-width:40px;--vxe-ui-gantt-view-chart-bar-height:1.6em;--vxe-ui-gantt-view-split-bar-width:10px;--vxe-ui-gantt-view-split-bar-height:6.8em}[data-vxe-ui-theme=light]{--vxe-ui-gantt-view-handle-background-color:#8b8b8b;--vxe-ui-gantt-view-split-bar-background-color:#e2e2e3}[data-vxe-ui-theme=dark]{--vxe-ui-gantt-view-handle-background-color:#9f9f9f;--vxe-ui-gantt-view-split-bar-background-color:#444}.vxe-gantt-view--chart-wrapper{position:absolute;top:0;left:0;pointer-events:none}.vxe-gantt-view--chart-row{position:relative}.vxe-gantt-view--chart-bar{display:flex;flex-direction:row;width:100px;top:50%;color:#fff;transform:translateY(-50%);height:var(--vxe-ui-gantt-view-chart-bar-height);background-color:var(--vxe-ui-font-primary-lighten-color);pointer-events:all}.vxe-gantt-view--chart-bar,.vxe-gantt-view--chart-bar:hover:after{position:absolute;left:0;border-radius:var(--vxe-ui-base-border-radius)}.vxe-gantt-view--chart-bar:hover:after{content:"";top:0;width:100%;height:100%;background-color:rgba(0,0,0,.1)}.vxe-gantt-view--chart-progress{flex-shrink:0;width:40px;text-align:left;border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-font-primary-color)}.vxe-gantt-view--chart-content{flex-grow:1;text-align:right}.vxe-gantt{position:relative;overflow:auto;display:flex;flex-direction:column}.vxe-gantt.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-gantt.is--loading>.vxe-gantt-view .vxe-loading{background-color:transparent}.vxe-gantt.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:var(--vxe-ui-layout-background-color)}.vxe-gantt.is--split-drag{cursor:col-resize}.vxe-gantt.is--split-drag .vxe-gantt--table-wrapper:after,.vxe-gantt.is--split-drag .vxe-gantt--view-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-gantt .vxe-gantt--bottom-wrapper,.vxe-gantt .vxe-gantt--form-wrapper,.vxe-gantt .vxe-gantt--top-wrapper{position:relative}.vxe-gantt .vxe-gantt--gantt-container{position:relative;display:flex;flex-direction:row}.vxe-gantt .vxe-gantt--left-wrapper,.vxe-gantt .vxe-gantt--right-wrapper{flex-shrink:0;overflow:auto;outline:0}.vxe-gantt .vxe-gantt--table-wrapper,.vxe-gantt .vxe-gantt--view-wrapper{display:none;position:relative;flex-grow:1;overflow:hidden}.vxe-gantt .vxe-gantt--view-split-bar{flex-shrink:0;cursor:col-resize;width:var(--vxe-ui-gantt-view-split-bar-width);background-color:var(--vxe-ui-gantt-view-split-bar-background-color)}.vxe-gantt.show--left .vxe-gantt--table-wrapper{display:block}.vxe-gantt.show--left.show--right .vxe-gantt--table-wrapper{flex-grow:unset;flex-shrink:0;width:30%}.vxe-gantt.show--right .vxe-gantt--view-wrapper{display:block}.vxe-gantt--layout-body-wrapper{display:flex;flex-direction:row;overflow:auto;flex-grow:1}.vxe-gantt--layout-body-content-wrapper{flex-grow:1;overflow:hidden}.vxe-gantt--layout-aside-left-wrapper,.vxe-gantt--layout-footer-wrapper,.vxe-gantt--layout-header-wrapper{flex-shrink:0;overflow:auto}.vxe-gantt--border-line{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;border:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--header-wrapper,.vxe-gantt.border--full .vxe-gantt-view--header-wrapper,.vxe-gantt.border--outer .vxe-gantt-view--header-wrapper{background-color:var(--vxe-ui-table-header-background-color)}.vxe-gantt.border--full .vxe-gantt-view--body-column,.vxe-gantt.border--full .vxe-gantt-view--footer-column,.vxe-gantt.border--full .vxe-gantt-view--header-column{background-image:linear-gradient(var(--vxe-ui-table-border-color),var(--vxe-ui-table-border-color)),linear-gradient(var(--vxe-ui-table-border-color),var(--vxe-ui-table-border-color));background-repeat:no-repeat;background-size:var(--vxe-ui-table-border-width) 100%,100% var(--vxe-ui-table-border-width);background-position:100% 0,100% 100%}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner:before,.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner:before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner:before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner:before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-bottom-corner:before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-top-corner:before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-bottom-corner:before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-top-corner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-width:0;border-style:solid;border-color:var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner:before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner:before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-top-corner:before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-top-corner:before{border-bottom-width:var(--vxe-ui-table-border-width)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-bottom-corner{border-top:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-x-wrapper:after,.vxe-gantt.border--full .vxe-gantt-view--scroll-x-wrapper:after,.vxe-gantt.border--inner .vxe-gantt-view--scroll-x-wrapper:after,.vxe-gantt.border--outer .vxe-gantt-view--scroll-x-wrapper:after{content:"";position:absolute;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.vxe-gantt.border--default.sx-pos--top .vxe-gantt-view--scroll-x-wrapper:after,.vxe-gantt.border--full.sx-pos--top .vxe-gantt-view--scroll-x-wrapper:after,.vxe-gantt.border--inner.sx-pos--top .vxe-gantt-view--scroll-x-wrapper:after,.vxe-gantt.border--outer.sx-pos--top .vxe-gantt-view--scroll-x-wrapper:after{top:0;border-bottom:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper:after,.vxe-gantt.border--full.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper:after,.vxe-gantt.border--inner.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper:after,.vxe-gantt.border--outer.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper:after{bottom:0;height:calc(100% + var(--vxe-ui-table-border-width));border-top:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner:before,.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner:before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner:before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner:before{border-left-width:var(--vxe-ui-table-border-width);border-right-width:var(--vxe-ui-table-border-width)}.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-bottom-corner:before,.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-top-corner:before,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-bottom-corner:before,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-top-corner:before{width:calc(100% + 1px);left:-1px}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-wrapper:after,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-wrapper:after{content:"";position:absolute;top:0;width:100%;height:100%;z-index:1;pointer-events:none}.vxe-gantt.border--default.sy-pos--left .vxe-gantt-view--scroll-y-wrapper:after,.vxe-gantt.border--full.sy-pos--left .vxe-gantt-view--scroll-y-wrapper:after{left:0;border-right:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-wrapper:after,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-wrapper:after{right:0;width:calc(100% + var(--vxe-ui-table-border-width));border-left:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt--view-split-bar{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-gantt--view-split-bar-handle{position:absolute;top:0;left:0;width:100%;height:100%;z-index:13}.vxe-gantt--view-split-bar-btn-wrapper{display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:15;pointer-events:none}.vxe-gantt--view-split-bar-left-btn,.vxe-gantt--view-split-bar-right-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:.5em;height:var(--vxe-ui-gantt-view-split-bar-height);width:var(--vxe-ui-gantt-view-split-bar-width);color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-gantt-view-handle-background-color);border:1px solid var(--vxe-ui-input-border-color);pointer-events:all;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .1s ease-in-out}.vxe-gantt--view-split-bar-left-btn:hover,.vxe-gantt--view-split-bar-right-btn:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-gantt--view-split-bar-left-btn:active,.vxe-gantt--view-split-bar-right-btn:active{transform:scale(.9)}.vxe-gantt--view-split-bar-right-btn{margin-top:1em}.vxe-gantt--resizable-split-tip{display:none;position:absolute;top:0;left:0;width:1px;height:100%;z-index:18;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize}.vxe-gantt--resizable-split-tip:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-table-resizable-drag-line-color)}.vxe-gantt--resizable-split-tip-number{position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.vxe-gantt--resizable-split-number-left,.vxe-gantt--resizable-split-number-right{position:absolute;padding:.25em .25em;font-size:12px;border-radius:var(--vxe-ui-border-radius);white-space:nowrap;color:#fff;background-color:var(--vxe-ui-table-resizable-drag-line-color)}.vxe-gantt--resizable-split-number-left{right:0}.vxe-gantt--resizable-split-number-right{left:1px}.vxe-gantt.is--loading>.vxe-gantt-view--layout-wrapper>.vxe-gantt-view--scroll-y-virtual,.vxe-gantt.is--loading>.vxe-gantt-view--scroll-x-virtual{visibility:hidden}.vxe-gantt .vxe-gantt-view--scroll-x-virtual{height:0}.vxe-gantt .vxe-gantt-view--scroll-y-virtual{width:0}.vxe-gantt .vxe-gantt-view--scroll-x-virtual,.vxe-gantt .vxe-gantt-view--scroll-y-virtual{visibility:hidden;position:relative;flex-shrink:0;z-index:7}.vxe-gantt .vxe-gantt-view--scroll-x-handle,.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner,.vxe-gantt .vxe-gantt-view--scroll-x-wrapper,.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-handle,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner,.vxe-gantt .vxe-gantt-view--scroll-y-wrapper{position:absolute}.vxe-gantt .vxe-gantt-view--scroll-x-handle,.vxe-gantt .vxe-gantt-view--scroll-x-wrapper{width:100%;left:0;bottom:0}.vxe-gantt .vxe-gantt-view--scroll-x-handle{overflow-y:hidden;overflow-x:scroll;height:18px}.vxe-gantt .vxe-gantt-view--scroll-x-wrapper{height:100%}.vxe-gantt .vxe-gantt-view--scroll-y-handle,.vxe-gantt .vxe-gantt-view--scroll-y-wrapper{width:100%;height:100%;right:0;top:0}.vxe-gantt .vxe-gantt-view--scroll-y-handle{overflow-y:scroll;overflow-x:hidden;width:18px;height:100%}.vxe-gantt .vxe-gantt-view--scroll-x-space{height:1px}.vxe-gantt .vxe-gantt-view--scroll-y-space{width:1px}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner,.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{display:none;position:absolute}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner{bottom:0;width:0;height:100%}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner:before,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-width:var(--vxe-ui-table-border-width);border-style:solid;border-color:var(--vxe-ui-table-border-color)}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner{left:0}.vxe-gantt .vxe-gantt-view--scroll-x-right-corner{right:0}.vxe-gantt.sy-pos--right .vxe-gantt-view--scroll-x-right-corner{right:1px}.vxe-gantt.sy-pos--right .vxe-gantt-view--scroll-x-right-corner:before{border-right:0}.vxe-gantt.sx-pos--bottom .vxe-gantt-view--scroll-x-right-corner{bottom:1px}.vxe-gantt.sx-pos--bottom .vxe-gantt-view--scroll-x-right-corner:before{border-bottom:0}.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{background-color:var(--vxe-ui-table-header-background-color)}.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{top:0;right:0;width:100%;height:0}.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner{margin-top:-1px}.vxe-gantt-view--layout-wrapper{display:flex;flex-direction:row;background-color:var(--vxe-ui-layout-background-color)}.vxe-gantt-view--viewport-wrapper{position:relative;overflow:hidden;flex-grow:1}.vxe-gantt-view--render-vars{width:0;height:0;overflow:hidden}.vxe-gantt-view--column-info{width:var(--vxe-ui-gantt-view-column-width)}.vxe-gantt-view{flex-grow:1;overflow:hidden}.vxe-gantt-view .vxe-body--x-space{width:100%;height:1px;margin-bottom:-1px}.vxe-gantt-view .vxe-body--y-space{width:0;float:left}.vxe-gantt-view--header-table{height:100%}.vxe-gantt-view--body-table,.vxe-gantt-view--header-table{border:0;border-spacing:0;border-collapse:separate;table-layout:fixed}.vxe-gantt-view--body-table col,.vxe-gantt-view--header-table col{width:var(--vxe-ui-gantt-view-column-width)}.vxe-gantt-view--body-wrapper,.vxe-gantt-view--header-wrapper{overflow:hidden}.vxe-gantt-view--header-inner-wrapper{overflow-y:hidden;overflow-x:scroll}.vxe-gantt-view--body-inner-wrapper{overflow-y:auto;overflow-x:auto}.vxe-gantt-view--body-inner-wrapper,.vxe-gantt-view--header-inner-wrapper{position:relative;width:100%;height:100%;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.vxe-gantt-view--header-column{text-align:center;font-size:1em}.vxe-gantt-view--body-column{height:48px}.vxe-gantt-view--body-column,.vxe-gantt-view--footer-column,.vxe-gantt-view--header-column{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-gantt-view.mode--day .vxe-gantt-view--header-column{height:50%}.vxe-gantt{font-size:var(--vxe-ui-font-size-default)}.vxe-gantt.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-gantt.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-gantt.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/es/ui/index.js

@@ -1,8 +1,52 @@
 import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
-VxeUI.ganttVersion = "0.0.2";
+VxeUI.ganttVersion = "0.0.3";
 setConfig({
-    gantt: {}
+    gantt: {
+        // size: null,
+        // zoomConfig: {
+        //   escRestore: true
+        // },
+        formConfig: {
+            enabled: true
+        },
+        pagerConfig: {
+            enabled: true
+            // perfect: false
+        },
+        toolbarConfig: {
+            enabled: true
+            // perfect: false
+        },
+        proxyConfig: {
+            enabled: true,
+            autoLoad: true,
+            showLoading: true,
+            showResponseMsg: true,
+            showActionMsg: true,
+            response: {
+                list: null,
+                result: 'result',
+                total: 'page.total',
+                message: 'message'
+            }
+            // beforeItem: null,
+            // beforeColumn: null,
+            // beforeQuery: null,
+            // afterQuery: null,
+            // beforeDelete: null,
+            // afterDelete: null,
+            // beforeSave: null,
+            // afterSave: null
+        }
+    }
+});
+const iconPrefix = 'vxe-icon-';
+setIcon({
+    // gantt
+    GANTT_VIEW_LEFT_OPEN: iconPrefix + 'arrow-left',
+    GANTT_VIEW_LEFT_CLOSE: iconPrefix + 'arrow-right',
+    GANTT_VIEW_RIGHT_OPEN: iconPrefix + 'arrow-right',
+    GANTT_VIEW_RIGHT_CLOSE: iconPrefix + 'arrow-left'
 });
-setIcon({});
 export * from '@vxe-ui/core';
 export default VxeUI;

package/es/ui/src/dom.js

@@ -1,4 +1,5 @@
 import XEUtils from 'xe-utils';
+const reClsMap = {};
 let tpImgEl;
 export function initTpImg() {
     if (!tpImgEl) {
@@ -13,7 +14,9 @@ export function getTpImg() {
     }
     return tpImgEl;
 }
-const reClsMap = {};
+export function getPropClass(property, params) {
+    return property ? XEUtils.isFunction(property) ? property(params) : property : '';
+}
 function getClsRE(cls) {
     if (!reClsMap[cls]) {
         reClsMap[cls] = new RegExp(`(?:^|\\s)${cls}(?!\\S)`, 'g');
@@ -64,6 +67,12 @@ export function toCssUnit(val, unit = 'px') {
     }
     return `${val || ''}`;
 }
+export function queryElement(elem, selector) {
+    if (elem) {
+        return elem.querySelector(selector);
+    }
+    return null;
+}
 export function getDomNode() {
     const documentElement = document.documentElement;
     const bodyElem = document.body;
@@ -74,6 +83,40 @@ export function getDomNode() {
         visibleWidth: documentElement.clientWidth || bodyElem.clientWidth
     };
 }
+export function getOffsetHeight(elem) {
+    return elem ? elem.offsetHeight : 0;
+}
+export function getPaddingTopBottomSize(elem) {
+    if (elem) {
+        const computedStyle = getComputedStyle(elem);
+        const paddingTop = XEUtils.toNumber(computedStyle.paddingTop);
+        const paddingBottom = XEUtils.toNumber(computedStyle.paddingBottom);
+        return paddingTop + paddingBottom;
+    }
+    return 0;
+}
+export function setScrollTop(elem, scrollTop) {
+    if (elem) {
+        elem.scrollTop = scrollTop;
+    }
+}
+export function setScrollLeft(elem, scrollLeft) {
+    if (elem) {
+        elem.scrollLeft = scrollLeft;
+    }
+}
+// export function setScrollLeftAndTop (elem: HTMLElement | null, scrollLeft: number, scrollTop: number) {
+//   if (elem) {
+//     elem.scrollLeft = scrollLeft
+//     elem.scrollTop = scrollTop
+//   }
+// }
+export function updateCellTitle(overflowElem, column) {
+    const content = column.type === 'html' ? overflowElem.innerText : overflowElem.textContent;
+    if (overflowElem.getAttribute('title') !== content) {
+        overflowElem.setAttribute('title', content);
+    }
+}
 /**
  * 检查触发源是否属于目标节点
  */
@@ -104,15 +147,6 @@ export function getAbsolutePos(elem) {
     const { scrollTop, scrollLeft, visibleHeight, visibleWidth } = getDomNode();
     return { boundingTop, top: scrollTop + boundingTop, boundingLeft, left: scrollLeft + boundingLeft, visibleHeight, visibleWidth };
 }
-export function getPaddingTopBottomSize(elem) {
-    if (elem) {
-        const computedStyle = getComputedStyle(elem);
-        const paddingTop = XEUtils.toNumber(computedStyle.paddingTop);
-        const paddingBottom = XEUtils.toNumber(computedStyle.paddingBottom);
-        return paddingTop + paddingBottom;
-    }
-    return 0;
-}
 const scrollIntoViewIfNeeded = 'scrollIntoViewIfNeeded';
 const scrollIntoView = 'scrollIntoView';
 export function scrollToView(elem) {
@@ -133,98 +167,3 @@ export function triggerEvent(targetElem, type) {
 export function isNodeElement(elem) {
     return elem && elem.nodeType === 1;
 }
-export function updatePanelPlacement(targetElem, panelElem, options) {
-    const { placement, teleportTo, marginSize } = Object.assign({ teleportTo: false, marginSize: 32 }, options);
-    let panelPlacement = 'bottom';
-    let top = '';
-    let bottom = '';
-    let left = '';
-    const right = '';
-    let minWidth = '';
-    const stys = {};
-    if (panelElem && targetElem) {
-        const documentElement = document.documentElement;
-        const bodyElem = document.body;
-        const targetHeight = targetElem.offsetHeight;
-        const panelHeight = panelElem.offsetHeight;
-        const panelWidth = panelElem.offsetWidth;
-        const panelRect = panelElem.getBoundingClientRect();
-        const targetRect = targetElem.getBoundingClientRect();
-        const visibleHeight = documentElement.clientHeight || bodyElem.clientHeight;
-        const visibleWidth = documentElement.clientWidth || bodyElem.clientWidth;
-        minWidth = targetElem.offsetWidth;
-        if (teleportTo) {
-            left = targetRect.left;
-            top = targetRect.top + targetHeight;
-            if (placement === 'top') {
-                panelPlacement = 'top';
-                top = targetRect.top - panelHeight;
-            }
-            else if (!placement) {
-                // 如果下面不够放，则向上
-                if (top + panelHeight + marginSize > visibleHeight) {
-                    panelPlacement = 'top';
-                    top = targetRect.top - panelHeight;
-                }
-                // 如果上面不够放，则向下（优先）
-                if (top < marginSize) {
-                    panelPlacement = 'bottom';
-                    top = targetRect.top + targetHeight;
-                }
-            }
-            // 如果溢出右边
-            if (left + panelWidth + marginSize > visibleWidth) {
-                left -= left + panelWidth + marginSize - visibleWidth;
-            }
-            // 如果溢出左边
-            if (left < marginSize) {
-                left = marginSize;
-            }
-        }
-        else {
-            if (placement === 'top') {
-                panelPlacement = 'top';
-                bottom = targetHeight;
-            }
-            else if (!placement) {
-                // 如果下面不够放，则向上
-                top = targetHeight;
-                if (targetRect.top + targetRect.height + marginSize > visibleHeight) {
-                    // 如果上面不够放，则向下（优先）
-                    if (targetRect.top - targetHeight - panelHeight > marginSize) {
-                        panelPlacement = 'top';
-                        top = '';
-                        bottom = targetHeight;
-                    }
-                }
-            }
-            // 是否超出右侧
-            if (panelRect.left + panelRect.width + marginSize > visibleWidth) {
-                left = -(panelRect.left + panelRect.width + marginSize - visibleWidth);
-            }
-        }
-        if (XEUtils.isNumber(top)) {
-            stys.top = toCssUnit(top);
-        }
-        if (XEUtils.isNumber(bottom)) {
-            stys.bottom = toCssUnit(bottom);
-        }
-        if (XEUtils.isNumber(left)) {
-            stys.left = toCssUnit(left);
-        }
-        if (XEUtils.isNumber(right)) {
-            stys.right = toCssUnit(right);
-        }
-        if (XEUtils.isNumber(minWidth)) {
-            stys.minWidth = toCssUnit(minWidth);
-        }
-    }
-    return {
-        top: top || 0,
-        bottom: bottom || 0,
-        left: left || 0,
-        right: right || 0,
-        style: stys,
-        placement: panelPlacement
-    };
-}

package/es/ui/src/log.js

@@ -1,4 +1,4 @@
 import { log } from '@vxe-ui/core';
-const version = `ui v${"0.0.2"}`;
+const version = `gantt v${"0.0.3"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/es/ui/src/utils.js

@@ -1,40 +1,41 @@
 import XEUtils from 'xe-utils';
-import { getConfig } from '@vxe-ui/core';
+import { VxeUI } from '@vxe-ui/core';
 import DomZIndex from 'dom-zindex';
 export function isEnableConf(conf) {
     return conf && conf.enabled !== false;
 }
+export function isEmptyValue(cellValue) {
+    return cellValue === null || cellValue === undefined || cellValue === '';
+}
+export function parseFile(file) {
+    const name = file.name;
+    const tIndex = XEUtils.lastIndexOf(name, '.');
+    const type = name.substring(tIndex + 1, name.length).toLowerCase();
+    const filename = name.substring(0, tIndex);
+    return { filename, type };
+}
 export function nextZIndex() {
     return DomZIndex.getNext();
 }
 export function getLastZIndex() {
     return DomZIndex.getCurrent();
 }
-export function nextSubZIndex() {
-    return DomZIndex.getSubNext();
-}
-export function getSubLastZIndex() {
-    return DomZIndex.getSubCurrent();
-}
-export function getGlobalDefaultConfig(value, globalValue) {
-    if (XEUtils.eqNull(value)) {
-        return globalValue;
-    }
-    return value;
+export function hasChildrenList(item) {
+    return item && item.children && item.children.length > 0;
 }
 export function getFuncText(content, args) {
     if (content) {
-        const translate = getConfig().translate;
+        const translate = VxeUI.getConfig().translate;
         return XEUtils.toValueString(translate ? translate('' + content, args) : content);
     }
     return '';
 }
+export function formatText(value, placeholder) {
+    return '' + (isEmptyValue(value) ? (placeholder ? VxeUI.getConfig().emptyCell : '') : value);
+}
 /**
  * 判断值为：'' | null | undefined 时都属于空值
  */
 export function eqEmptyValue(cellValue) {
-    return cellValue === null || cellValue === undefined || cellValue === '';
-}
-export function handleBooleanDefaultValue(value) {
-    return XEUtils.isBoolean(value) ? value : null;
+    return cellValue === '' || XEUtils.eqNull(cellValue);
 }

package/es/ui/src/vn.js

@@ -1,32 +1 @@
-import XEUtils from 'xe-utils';
-export function getOnName(type) {
-    return 'on' + type.substring(0, 1).toLocaleUpperCase() + type.substring(1);
-}
-export function getModelEvent(name) {
-    switch (name) {
-        case 'input':
-        case 'textarea':
-            return 'input';
-        case 'select':
-            return 'change';
-    }
-    return 'update:modelValue';
-}
-export function getChangeEvent(name) {
-    switch (name) {
-        case 'input':
-        case 'textarea':
-        case 'VxeInput':
-        case 'VxeTextarea':
-        case '$input': // 已废弃
-        case '$textarea': // 已废弃
-            return 'input';
-    }
-    return 'change';
-}
-export function getSlotVNs(vns) {
-    if (XEUtils.isArray(vns)) {
-        return vns;
-    }
-    return vns ? [vns] : [];
-}
+"use strict";