vxe-gantt 0.0.1 → 0.0.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 xuliangzhan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.en.md

@@ -0,0 +1,72 @@
+# vxe-gantt
+
+[简体中文](README.md) | [繁體中文](README.zh-TW.md) | English | [日本語](README.ja-JP.md)  
+
+[![star](https://gitee.com/x-extends/vxe-gantt/badge/star.svg?theme=gvp)](https://gitee.com/x-extends/vxe-gantt/stargazers)
+[![npm version](https://img.shields.io/npm/v/vxe-gantt.svg?style=flat-square)](https://www.npmjs.com/package/vxe-gantt)
+[![NodeJS with Webpack](https://github.com/x-extends/vxe-gantt/actions/workflows/webpack.yml/badge.svg)](https://github.com/x-extends/vxe-gantt/actions/workflows/webpack.yml)
+[![npm downloads](https://img.shields.io/npm/dt/vxe-gantt.svg?style=flat-square)](https://npm-stat.com/charts.html?package=vxe-gantt)
+[![issues](https://img.shields.io/github/issues/x-extends/vxe-gantt.svg)](https://github.com/x-extends/vxe-gantt/issues)
+[![issues closed](https://img.shields.io/github/issues-closed/x-extends/vxe-gantt.svg)](https://github.com/x-extends/vxe-gantt/issues?q=is%3Aissue+is%3Aclosed)
+[![pull requests](https://img.shields.io/github/issues-pr/x-extends/vxe-gantt.svg)](https://github.com/x-extends/vxe-gantt/pulls)
+[![pull requests closed](https://img.shields.io/github/issues-pr-closed/x-extends/vxe-gantt.svg)](https://github.com/x-extends/vxe-gantt/pulls?q=is%3Apr+is%3Aclosed)
+[![npm license](https://img.shields.io/github/license/mashape/apistatus.svg)](LICENSE)
+
+A PC-based Gantt chart component based on [Vxe UI](https://github.com/x-extends/  vxe-pc-ui).
+
+## Browser Support
+
+![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png)
+--- | --- | --- | --- | --- |
+80+ ✔ | 80+ ✔ | 90+ ✔ | 75+ ✔ | 10+ ✔ |
+
+## Use
+
+版本：[vue](https://www.npmjs.com/package/vue) 3.x
+
+```shell
+npm install vxe-gantt
+```
+
+Get on [unpkg](https://unpkg.com/vxe-gantt/) and [cdnjs](https://cdn.jsdelivr.net/npm/vxe-gantt/)
+
+### NPM
+
+```javascript
+// ...
+import VxeUIAll from 'vxe-pc-ui'
+import 'vxe-pc-ui/lib/style.css'
+
+import VxeUITable from 'vxe-table'
+import 'vxe-table/lib/style.css'
+
+import VxeUIGantt from 'vxe-gantt'
+import 'vxe-gantt/lib/style.css'
+// ...
+
+createApp(App).use(VxeUIAll).use(VxeUITable).use(VxeUIGantt).mount('#app')
+```
+
+## Run the project
+
+Install dependencies
+
+```shell
+npm install
+```
+
+Start local debugging
+
+```shell
+npm run serve
+```
+
+Compile packaging, generated compiled directory: es,lib
+
+```shell
+npm run lib
+```
+
+## License
+
+[MIT](LICENSE) © 2025-present, Xu Liangzhan

package/README.ja-JP.md

@@ -0,0 +1,72 @@
+# vxe-gantt
+
+[简体中文](README.md) | [繁體中文](README.zh-TW.md) | [English](README.en.md) | 日本語  
+
+[![star](https://gitee.com/x-extends/vxe-gantt/badge/star.svg?theme=gvp)](https://gitee.com/x-extends/vxe-gantt/stargazers)
+[![npm version](https://img.shields.io/npm/v/vxe-gantt.svg?style=flat-square)](https://www.npmjs.com/package/vxe-gantt)
+[![NodeJS with Webpack](https://github.com/x-extends/vxe-gantt/actions/workflows/webpack.yml/badge.svg)](https://github.com/x-extends/vxe-gantt/actions/workflows/webpack.yml)
+[![npm downloads](https://img.shields.io/npm/dt/vxe-gantt.svg?style=flat-square)](https://npm-stat.com/charts.html?package=vxe-gantt)
+[![issues](https://img.shields.io/github/issues/x-extends/vxe-gantt.svg)](https://github.com/x-extends/vxe-gantt/issues)
+[![issues closed](https://img.shields.io/github/issues-closed/x-extends/vxe-gantt.svg)](https://github.com/x-extends/vxe-gantt/issues?q=is%3Aissue+is%3Aclosed)
+[![pull requests](https://img.shields.io/github/issues-pr/x-extends/vxe-gantt.svg)](https://github.com/x-extends/vxe-gantt/pulls)
+[![pull requests closed](https://img.shields.io/github/issues-pr-closed/x-extends/vxe-gantt.svg)](https://github.com/x-extends/vxe-gantt/pulls?q=is%3Apr+is%3Aclosed)
+[![npm license](https://img.shields.io/github/license/mashape/apistatus.svg)](LICENSE)
+
+一个基于 [Vxe UI](https://github.com/x-extends/vxe-pc-ui) 的基于 PC 端甘特图组件  
+
+## ブラウザサポート
+
+![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png)
+--- | --- | --- | --- | --- |
+80+ ✔ | 80+ ✔ | 90+ ✔ | 75+ ✔ | 10+ ✔ |
+
+### テーブルとUIの使用
+
+版本：[vue](https://www.npmjs.com/package/vue) 3.x
+
+```shell
+npm install vxe-gantt
+```
+
+Get on [unpkg](https://unpkg.com/vxe-gantt/) and [cdnjs](https://cdn.jsdelivr.net/npm/vxe-gantt/)
+
+### NPM
+
+```javascript
+// ...
+import VxeUIAll from 'vxe-pc-ui'
+import 'vxe-pc-ui/lib/style.css'
+
+import VxeUITable from 'vxe-table'
+import 'vxe-table/lib/style.css'
+
+import VxeUIGantt from 'vxe-gantt'
+import 'vxe-gantt/lib/style.css'
+// ...
+
+createApp(App).use(VxeUIAll).use(VxeUITable).use(VxeUIGantt).mount('#app')
+```
+
+## プロジェクトの実行
+
+依存関係をインストールする
+
+```shell
+npm install
+```
+
+ローカルデバッグを開始する
+
+```shell
+npm run serve
+```
+
+コンパイルパッケージング、生成されたコンパイルディレクトリ: es,lib
+
+```shell
+npm run lib
+```
+
+## ライセンス
+
+[MIT](LICENSE) © 2025-present, Xu Liangzhan

package/README.md

@@ -1,5 +1,59 @@
-# vxejs
+# vxe-gantt
+
+简体中文 | [繁體中文](README.zh-TW.md) | [English](README.en.md) | [日本語](README.ja-JP.md) 
+
+[![star](https://gitee.com/x-extends/vxe-gantt/badge/star.svg?theme=gvp)](https://gitee.com/x-extends/vxe-gantt/stargazers)
+[![npm version](https://img.shields.io/npm/v/vxe-gantt.svg?style=flat-square)](https://www.npmjs.com/package/vxe-gantt)
+[![NodeJS with Webpack](https://github.com/x-extends/vxe-gantt/actions/workflows/webpack.yml/badge.svg)](https://github.com/x-extends/vxe-gantt/actions/workflows/webpack.yml)
+[![npm downloads](https://img.shields.io/npm/dt/vxe-gantt.svg?style=flat-square)](https://npm-stat.com/charts.html?package=vxe-gantt)
+[![issues](https://img.shields.io/github/issues/x-extends/vxe-gantt.svg)](https://github.com/x-extends/vxe-gantt/issues)
+[![issues closed](https://img.shields.io/github/issues-closed/x-extends/vxe-gantt.svg)](https://github.com/x-extends/vxe-gantt/issues?q=is%3Aissue+is%3Aclosed)
+[![pull requests](https://img.shields.io/github/issues-pr/x-extends/vxe-gantt.svg)](https://github.com/x-extends/vxe-gantt/pulls)
+[![pull requests closed](https://img.shields.io/github/issues-pr-closed/x-extends/vxe-gantt.svg)](https://github.com/x-extends/vxe-gantt/pulls?q=is%3Apr+is%3Aclosed)
+[![npm license](https://img.shields.io/github/license/mashape/apistatus.svg)](LICENSE)
+
+一个基于 [Vxe UI](https://github.com/x-extends/vxe-pc-ui) 的基于 PC 端甘特图组件  
+
+* 设计理念
+  * 面向现代浏览器，高效的简洁 API 设计
+
+* 版本说明
+  * **V4**
+    * [x] v4.0 基于 vue3.2+，只支持现代浏览器，不支持 IE
+  * **V3**
+    * [x] v3.0 基于 vue2.6+，只支持现代浏览器，不支持 IE
+  * **V2**
+    * [x] ~~v2.0 基于 vue2.6+，停止维护~~
+  * **V1**
+    * [x] ~~v1.0 基于 vue2.6+，停止维护~~
+
+## 安装
+
+版本：[vue](https://www.npmjs.com/package/vue) 3.x
+
+```shell
+npm install vxe-gantt
+```
+
+Get on [unpkg](https://unpkg.com/vxe-gantt/) and [cdnjs](https://cdn.jsdelivr.net/npm/vxe-gantt/)
+
+### NPM
+
+```javascript
+// ...
+import VxeUIAll from 'vxe-pc-ui'
+import 'vxe-pc-ui/lib/style.css'
+
+import VxeUITable from 'vxe-table'
+import 'vxe-table/lib/style.css'
+
+import VxeUIGantt from 'vxe-gantt'
+import 'vxe-gantt/lib/style.css'
+// ...
+
+createApp(App).use(VxeUIAll).use(VxeUITable).use(VxeUIGantt).mount('#app')
+```
 
 ## License
 
-[MIT](LICENSE) © 2019-present, Xu Liangzhan
+[MIT](LICENSE) © 2025-present, Xu Liangzhan

package/README.zh-TW.md

@@ -0,0 +1,73 @@
+# vxe-gantt
+
+[简体中文](README.md) | 繁體中文 | [English](README.en.md) | [日本語](README.ja-JP.md)  
+
+[![star](https://gitee.com/x-extends/vxe-gantt/badge/star.svg?theme=gvp)](https://gitee.com/x-extends/vxe-gantt/stargazers)
+[![npm version](https://img.shields.io/npm/v/vxe-gantt.svg?style=flat-square)](https://www.npmjs.com/package/vxe-gantt)
+[![NodeJS with Webpack](https://github.com/x-extends/vxe-gantt/actions/workflows/webpack.yml/badge.svg)](https://github.com/x-extends/vxe-gantt/actions/workflows/webpack.yml)
+[![npm downloads](https://img.shields.io/npm/dt/vxe-gantt.svg?style=flat-square)](https://npm-stat.com/charts.html?package=vxe-gantt)
+[![issues](https://img.shields.io/github/issues/x-extends/vxe-gantt.svg)](https://github.com/x-extends/vxe-gantt/issues)
+[![issues closed](https://img.shields.io/github/issues-closed/x-extends/vxe-gantt.svg)](https://github.com/x-extends/vxe-gantt/issues?q=is%3Aissue+is%3Aclosed)
+[![pull requests](https://img.shields.io/github/issues-pr/x-extends/vxe-gantt.svg)](https://github.com/x-extends/vxe-gantt/pulls)
+[![pull requests closed](https://img.shields.io/github/issues-pr-closed/x-extends/vxe-gantt.svg)](https://github.com/x-extends/vxe-gantt/pulls?q=is%3Apr+is%3Aclosed)
+[![npm license](https://img.shields.io/github/license/mashape/apistatus.svg)](LICENSE)
+
+一个基于 [Vxe UI](https://github.com/x-extends/vxe-pc-ui) 的基于 PC 端甘特图组件  
+
+## 浏览器支持
+
+![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png)
+--- | --- | --- | --- | --- |
+80+ ✔ | 80+ ✔ | 90+ ✔ | 75+ ✔ | 10+ ✔ |
+
+
+## 安装
+
+版本：[vue](https://www.npmjs.com/package/vue) 3.x
+
+```shell
+npm install vxe-gantt
+```
+
+Get on [unpkg](https://unpkg.com/vxe-gantt/) and [cdnjs](https://cdn.jsdelivr.net/npm/vxe-gantt/)
+
+### NPM
+
+```javascript
+// ...
+import VxeUIAll from 'vxe-pc-ui'
+import 'vxe-pc-ui/lib/style.css'
+
+import VxeUITable from 'vxe-table'
+import 'vxe-table/lib/style.css'
+
+import VxeUIGantt from 'vxe-gantt'
+import 'vxe-gantt/lib/style.css'
+// ...
+
+createApp(App).use(VxeUIAll).use(VxeUITable).use(VxeUIGantt).mount('#app')
+```
+
+## 運行項目
+
+安裝依賴
+
+```shell
+npm install
+```
+
+啓動本地調試
+
+```shell
+npm run serve
+```
+
+編譯打包，生成編譯後的目錄：es,lib
+
+```shell
+npm run lib
+```
+
+## 許可證
+
+[MIT](LICENSE) © 2025-present, Xu Liangzhan

package/es/components.js

@@ -0,0 +1,12 @@
+import { setConfig } from '@vxe-ui/core';
+import VxeGantt from './gantt';
+const components = [
+    VxeGantt
+];
+export function install(app, options) {
+    setConfig(options);
+    components.forEach(component => app.use(component));
+}
+export * from './ui';
+// Components
+export * from './gantt';

package/es/gantt/index.js

@@ -0,0 +1,13 @@
+import { VxeUI } from '@vxe-ui/core';
+import VxeGanttComponent from './src/gantt';
+export const VxeGantt = Object.assign({}, VxeGanttComponent, {
+    install(app) {
+        app.component(VxeGanttComponent.name, VxeGanttComponent);
+    }
+});
+if (VxeUI.dynamicApp) {
+    VxeUI.dynamicApp.use(VxeGantt);
+}
+VxeUI.component(VxeGanttComponent);
+export const Gantt = VxeGantt;
+export default VxeGantt;

package/es/gantt/src/gantt.js

@@ -0,0 +1,61 @@
+import { ref, h, reactive, onUnmounted } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
+import { getConfig, createEvent } from '../../ui';
+import XEUtils from 'xe-utils';
+function createInternalData() {
+    return {};
+}
+export default defineVxeComponent({
+    name: 'VxeGantt',
+    props: {
+        size: {
+            type: String,
+            default: () => getConfig().gantt.size || getConfig().size
+        }
+    },
+    emits: [],
+    setup(props, context) {
+        const { emit } = context;
+        const xID = XEUtils.uniqueId();
+        const refElem = ref();
+        const refTable = ref();
+        const reactData = reactive({});
+        const internalData = createInternalData();
+        const refMaps = {
+            refElem,
+            refTable
+        };
+        const computeMaps = {};
+        const $xeGantt = {
+            xID,
+            props,
+            context,
+            reactData,
+            internalData,
+            getRefMaps: () => refMaps,
+            getComputeMaps: () => computeMaps
+        };
+        const dispatchEvent = (type, params, evnt) => {
+            emit(type, createEvent(evnt, { $gantt: $xeGantt }, params));
+        };
+        const ganttMethods = {
+            dispatchEvent
+        };
+        const ganttPrivateMethods = {};
+        Object.assign($xeGantt, ganttMethods, ganttPrivateMethods);
+        const renderVN = () => {
+            return h('div', {
+                ref: refElem,
+                class: 'vxe-gantt'
+            });
+        };
+        onUnmounted(() => {
+            XEUtils.assign(internalData, createInternalData());
+        });
+        $xeGantt.renderVN = renderVN;
+        return $xeGantt;
+    },
+    render() {
+        return this.renderVN();
+    }
+});

package/es/index.esm.js

@@ -0,0 +1,3 @@
+import * as VxeUIExport from './components';
+export * from './components';
+export default VxeUIExport;

package/es/ui/index.js

@@ -0,0 +1,8 @@
+import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
+VxeUI.ganttVersion = "0.0.2";
+setConfig({
+    gantt: {}
+});
+setIcon({});
+export * from '@vxe-ui/core';
+export default VxeUI;

package/es/ui/src/comp.js

@@ -0,0 +1,2 @@
+import { defineComponent } from 'vue';
+export const defineVxeComponent = defineComponent;

package/es/ui/src/dom.js

@@ -0,0 +1,230 @@
+import XEUtils from 'xe-utils';
+let tpImgEl;
+export function initTpImg() {
+    if (!tpImgEl) {
+        tpImgEl = new Image();
+        tpImgEl.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';
+    }
+    return tpImgEl;
+}
+export function getTpImg() {
+    if (!tpImgEl) {
+        return initTpImg();
+    }
+    return tpImgEl;
+}
+const reClsMap = {};
+function getClsRE(cls) {
+    if (!reClsMap[cls]) {
+        reClsMap[cls] = new RegExp(`(?:^|\\s)${cls}(?!\\S)`, 'g');
+    }
+    return reClsMap[cls];
+}
+function getNodeOffset(elem, container, rest) {
+    if (elem) {
+        const parentElem = elem.parentNode;
+        rest.top += elem.offsetTop;
+        rest.left += elem.offsetLeft;
+        if (parentElem && parentElem !== document.documentElement && parentElem !== document.body) {
+            rest.top -= parentElem.scrollTop;
+            rest.left -= parentElem.scrollLeft;
+        }
+        if (container && (elem === container || elem.offsetParent === container) ? 0 : elem.offsetParent) {
+            return getNodeOffset(elem.offsetParent, container, rest);
+        }
+    }
+    return rest;
+}
+export function isPx(val) {
+    return val && /^\d+(px)?$/.test(val);
+}
+export function isScale(val) {
+    return val && /^\d+%$/.test(val);
+}
+export function hasClass(elem, cls) {
+    return !!(elem && elem.className && elem.className.match && elem.className.match(getClsRE(cls)));
+}
+export function removeClass(elem, cls) {
+    if (elem && hasClass(elem, cls)) {
+        elem.className = elem.className.replace(getClsRE(cls), '');
+    }
+}
+export function addClass(elem, cls) {
+    if (elem && !hasClass(elem, cls)) {
+        removeClass(elem, cls);
+        elem.className = `${elem.className} ${cls}`;
+    }
+}
+export function hasControlKey(evnt) {
+    return evnt.ctrlKey || evnt.metaKey;
+}
+export function toCssUnit(val, unit = 'px') {
+    if (XEUtils.isNumber(val) || /^\d+$/.test(`${val}`)) {
+        return `${val}${unit}`;
+    }
+    return `${val || ''}`;
+}
+export function getDomNode() {
+    const documentElement = document.documentElement;
+    const bodyElem = document.body;
+    return {
+        scrollTop: documentElement.scrollTop || bodyElem.scrollTop,
+        scrollLeft: documentElement.scrollLeft || bodyElem.scrollLeft,
+        visibleHeight: documentElement.clientHeight || bodyElem.clientHeight,
+        visibleWidth: documentElement.clientWidth || bodyElem.clientWidth
+    };
+}
+/**
+ * 检查触发源是否属于目标节点
+ */
+export function getEventTargetNode(evnt, container, queryCls, queryMethod) {
+    let targetElem;
+    let target = (evnt.target.shadowRoot && evnt.composed) ? (evnt.composedPath()[0] || evnt.target) : evnt.target;
+    while (target && target.nodeType && target !== document) {
+        if (queryCls && hasClass(target, queryCls) && (!queryMethod || queryMethod(target))) {
+            targetElem = target;
+        }
+        else if (target === container) {
+            return { flag: queryCls ? !!targetElem : true, container, targetElem: targetElem };
+        }
+        target = target.parentNode;
+    }
+    return { flag: false };
+}
+/**
+ * 获取元素相对于 document 的位置
+ */
+export function getOffsetPos(elem, container) {
+    return getNodeOffset(elem, container, { left: 0, top: 0 });
+}
+export function getAbsolutePos(elem) {
+    const bounding = elem.getBoundingClientRect();
+    const boundingTop = bounding.top;
+    const boundingLeft = bounding.left;
+    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) {
+    if (elem) {
+        if (elem[scrollIntoViewIfNeeded]) {
+            elem[scrollIntoViewIfNeeded]();
+        }
+        else if (elem[scrollIntoView]) {
+            elem[scrollIntoView]();
+        }
+    }
+}
+export function triggerEvent(targetElem, type) {
+    if (targetElem) {
+        targetElem.dispatchEvent(new Event(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

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