vxe-gantt 0.0.1 → 0.0.3

package/lib/ui/src/utils.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.eqEmptyValue = eqEmptyValue;
+exports.formatText = formatText;
+exports.getFuncText = getFuncText;
+exports.getLastZIndex = getLastZIndex;
+exports.hasChildrenList = hasChildrenList;
+exports.isEmptyValue = isEmptyValue;
+exports.isEnableConf = isEnableConf;
+exports.nextZIndex = nextZIndex;
+exports.parseFile = parseFile;
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _core = require("@vxe-ui/core");
+var _domZindex = _interopRequireDefault(require("dom-zindex"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function isEnableConf(conf) {
+  return conf && conf.enabled !== false;
+}
+function isEmptyValue(cellValue) {
+  return cellValue === null || cellValue === undefined || cellValue === '';
+}
+function parseFile(file) {
+  const name = file.name;
+  const tIndex = _xeUtils.default.lastIndexOf(name, '.');
+  const type = name.substring(tIndex + 1, name.length).toLowerCase();
+  const filename = name.substring(0, tIndex);
+  return {
+    filename,
+    type
+  };
+}
+function nextZIndex() {
+  return _domZindex.default.getNext();
+}
+function getLastZIndex() {
+  return _domZindex.default.getCurrent();
+}
+function hasChildrenList(item) {
+  return item && item.children && item.children.length > 0;
+}
+function getFuncText(content, args) {
+  if (content) {
+    const translate = _core.VxeUI.getConfig().translate;
+    return _xeUtils.default.toValueString(translate ? translate('' + content, args) : content);
+  }
+  return '';
+}
+function formatText(value, placeholder) {
+  return '' + (isEmptyValue(value) ? placeholder ? _core.VxeUI.getConfig().emptyCell : '' : value);
+}
+/**
+ * 判断值为：'' | null | undefined 时都属于空值
+ */
+function eqEmptyValue(cellValue) {
+  return cellValue === '' || _xeUtils.default.eqNull(cellValue);
+}

package/lib/ui/src/utils.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.eqEmptyValue=eqEmptyValue,exports.formatText=formatText,exports.getFuncText=getFuncText,exports.getLastZIndex=getLastZIndex,exports.hasChildrenList=hasChildrenList,exports.isEmptyValue=isEmptyValue,exports.isEnableConf=isEnableConf,exports.nextZIndex=nextZIndex,exports.parseFile=parseFile;var _xeUtils=_interopRequireDefault(require("xe-utils")),_core=require("@vxe-ui/core"),_domZindex=_interopRequireDefault(require("dom-zindex"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function isEnableConf(e){return e&&!1!==e.enabled}function isEmptyValue(e){return null==e||""===e}function parseFile(e){var e=e.name,t=_xeUtils.default.lastIndexOf(e,"."),n=e.substring(t+1,e.length).toLowerCase();return{filename:e.substring(0,t),type:n}}function nextZIndex(){return _domZindex.default.getNext()}function getLastZIndex(){return _domZindex.default.getCurrent()}function hasChildrenList(e){return e&&e.children&&0<e.children.length}function getFuncText(e,t){var n;return e?(n=_core.VxeUI.getConfig().translate,_xeUtils.default.toValueString(n?n(""+e,t):e)):""}function formatText(e,t){return""+(isEmptyValue(e)?t?_core.VxeUI.getConfig().emptyCell:"":e)}function eqEmptyValue(e){return""===e||_xeUtils.default.eqNull(e)}

package/lib/ui/src/vn.js

@@ -0,0 +1 @@
+"use strict";

package/lib/ui/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/vxe-gantt/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _gantt = _interopRequireWildcard(require("../gantt"));
+Object.keys(_gantt).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _gantt[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gantt[key];
+    }
+  });
+});
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var _default = exports.default = _gantt.default;

package/lib/vxe-gantt/index.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={},_gantt=(exports.default=void 0,_interopRequireWildcard(require("../gantt")));function _interopRequireWildcard(e,t){var a,u;return"function"==typeof WeakMap&&(a=new WeakMap,u=new WeakMap),(_interopRequireWildcard=function(t,e){if(!e&&t&&t.__esModule)return t;var r,n,o={__proto__:null,default:t};if(null!==t&&("object"==typeof t||"function"==typeof t)){if(r=e?u:a){if(r.has(t))return r.get(t);r.set(t,o)}for(let e in t)"default"!==e&&{}.hasOwnProperty.call(t,e)&&((n=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,e))&&(n.get||n.set)?r(o,e,n):o[e]=t[e])}return o})(e,t)}Object.keys(_gantt).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_gantt[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _gantt[e]}})});var _default=exports.default=_gantt.default;

package/lib/vxe-gantt/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/vxe-gantt/style/style.css

@@ -0,0 +1,599 @@
+@charset "UTF-8";
+.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;
+  position: absolute;
+  width: 100px;
+  top: 50%;
+  left: 0;
+  color: #ffffff;
+  transform: translateY(-50%);
+  border-radius: var(--vxe-ui-base-border-radius);
+  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:hover::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.1);
+  border-radius: var(--vxe-ui-base-border-radius);
+}
+
+.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: 0.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--form-wrapper,
+.vxe-gantt .vxe-gantt--top-wrapper,
+.vxe-gantt .vxe-gantt--bottom-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-header-wrapper,
+.vxe-gantt--layout-footer-wrapper,
+.vxe-gantt--layout-aside-left-wrapper,
+.vxe-gantt--layout-aside-left-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--header-column,
+.vxe-gantt.border--full .vxe-gantt-view--body-column,
+.vxe-gantt.border--full .vxe-gantt-view--footer-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: right top, right bottom;
+}
+.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before,
+.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner::before, .vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before,
+.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner::before, .vxe-gantt.border--outer .vxe-gantt-view--scroll-y-top-corner::before,
+.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-bottom-corner::before, .vxe-gantt.border--inner .vxe-gantt-view--scroll-y-top-corner::before,
+.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-bottom-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--outer .vxe-gantt-view--scroll-y-top-corner::before, .vxe-gantt.border--inner .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--outer .vxe-gantt-view--scroll-y-bottom-corner, .vxe-gantt.border--inner .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--outer .vxe-gantt-view--scroll-x-wrapper::after, .vxe-gantt.border--inner .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--outer.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after, .vxe-gantt.border--inner.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--outer.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after, .vxe-gantt.border--inner.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-top-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 .vxe-gantt-view--scroll-y-bottom-corner::before, .vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-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-top-corner::before,
+.vxe-gantt.border--default.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,
+.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-bottom-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: 0.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 0.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(0.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: 0.25em 0.25em;
+  font-size: 12px;
+  border-radius: var(--vxe-ui-border-radius);
+  white-space: nowrap;
+  color: #ffffff;
+  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--scroll-x-virtual {
+  visibility: hidden;
+}
+.vxe-gantt.is--loading > .vxe-gantt-view--layout-wrapper > .vxe-gantt-view--scroll-y-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-y-handle,
+.vxe-gantt .vxe-gantt-view--scroll-x-wrapper,
+.vxe-gantt .vxe-gantt-view--scroll-y-wrapper,
+.vxe-gantt .vxe-gantt-view--scroll-y-top-corner,
+.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,
+.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,
+.vxe-gantt .vxe-gantt-view--scroll-x-right-corner {
+  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-top-corner,
+.vxe-gantt .vxe-gantt-view--scroll-y-bottom-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-top-corner,
+.vxe-gantt .vxe-gantt-view--scroll-y-bottom-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--header-table,
+.vxe-gantt-view--body-table {
+  border: 0;
+  border-spacing: 0;
+  border-collapse: separate;
+  table-layout: fixed;
+}
+.vxe-gantt-view--header-table col,
+.vxe-gantt-view--body-table col {
+  width: var(--vxe-ui-gantt-view-column-width);
+}
+
+.vxe-gantt-view--header-wrapper,
+.vxe-gantt-view--body-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--header-inner-wrapper,
+.vxe-gantt-view--body-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--header-column,
+.vxe-gantt-view--body-column,
+.vxe-gantt-view--footer-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);
+}