@visactor/vtable-gantt 1.18.0 → 1.18.1

package/cjs/index.d.ts

@@ -5,5 +5,5 @@ import { Gantt } from './Gantt';
 import * as tools from './tools';
 import * as VRender from './vrender';
 import * as VTable from './vtable';
-export declare const version = "1.18.0";
+export declare const version = "1.18.1";
 export { TYPES, GanttConstructorOptions, Gantt, ColumnsDefine, ColumnDefine, LinkColumnDefine, ChartColumnDefine, ImageColumnDefine, SparklineColumnDefine, ProgressbarColumnDefine, TextColumnDefine, GroupColumnDefine, TextAlignType, TextBaselineType, tools, VRender, VTable };

package/cjs/index.js

@@ -52,5 +52,5 @@ exports.VRender = VRender;
 
 const VTable = __importStar(require("./vtable"));
 
-exports.VTable = VTable, exports.version = "1.18.0";
+exports.VTable = VTable, exports.version = "1.18.1";
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAAoC;AAuBlC,sBAAK;AATP,mCAAgC;AAW9B,sFAXO,aAAK,OAWP;AAVP,+CAAiC;AAsB/B,sBAAK;AArBP,mDAAqC;AAsBnC,0BAAO;AArBT,iDAAmC;AAsBjC,wBAAM;AArBK,QAAA,OAAO,GAAG,QAAQ,CAAC","file":"index.js","sourcesContent":["import type { GanttConstructorOptions } from './ts-types';\nimport * as TYPES from './ts-types';\nimport type {\n  ColumnDefine,\n  ColumnsDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType\n} from '@visactor/vtable';\nimport { Gantt } from './Gantt';\nimport * as tools from './tools';\nimport * as VRender from './vrender';\nimport * as VTable from './vtable';\nexport const version = \"1.18.0\";\n/**\n * @namespace VTable\n */\nexport {\n  TYPES,\n  GanttConstructorOptions,\n  Gantt,\n  ColumnsDefine,\n  ColumnDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType,\n  tools,\n  VRender,\n  VTable\n};\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAAoC;AAuBlC,sBAAK;AATP,mCAAgC;AAW9B,sFAXO,aAAK,OAWP;AAVP,+CAAiC;AAsB/B,sBAAK;AArBP,mDAAqC;AAsBnC,0BAAO;AArBT,iDAAmC;AAsBjC,wBAAM;AArBK,QAAA,OAAO,GAAG,QAAQ,CAAC","file":"index.js","sourcesContent":["import type { GanttConstructorOptions } from './ts-types';\nimport * as TYPES from './ts-types';\nimport type {\n  ColumnDefine,\n  ColumnsDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType\n} from '@visactor/vtable';\nimport { Gantt } from './Gantt';\nimport * as tools from './tools';\nimport * as VRender from './vrender';\nimport * as VTable from './vtable';\nexport const version = \"1.18.1\";\n/**\n * @namespace VTable\n */\nexport {\n  TYPES,\n  GanttConstructorOptions,\n  Gantt,\n  ColumnsDefine,\n  ColumnDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType,\n  tools,\n  VRender,\n  VTable\n};\n"]}

package/dist/vtable-gantt.js

@@ -3852,6 +3852,11 @@
         return this.context.tryUpdateLength();
       }
     };
+    class StepClosed extends Step$1 {
+      lineEnd() {
+        this.context.closePath();
+      }
+    }
     function genStepSegments(points, t) {
       let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       const {
@@ -3865,6 +3870,16 @@
     function genStepTypeSegments(path, points) {
       return genCurveSegments(path, points);
     }
+    function genStepClosedSegments(points, t) {
+      let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      const {
+        direction: direction,
+        startPoint: startPoint
+      } = params;
+      if (points.length < 2 - Number(!!startPoint)) return null;
+      const segContext = new SegContext("step", null != direction ? direction : abs(points[points.length - 1].x - points[0].x) > abs(points[points.length - 1].y - points[0].y) ? Direction$2.ROW : Direction$2.COLUMN);
+      return genStepTypeSegments(new StepClosed(segContext, t, startPoint), points), segContext;
+    }
 
     class LinearClosed extends Linear {
       lineEnd() {
@@ -4094,6 +4109,8 @@
           return genMonotoneYSegments(points, params);
         case "step":
           return genStepSegments(points, .5, params);
+        case "stepClosed":
+          return genStepClosedSegments(points, .5, params);
         case "stepBefore":
           return genStepSegments(points, 0, params);
         case "stepAfter":
@@ -4968,7 +4985,7 @@
     function createColor(context, c, params) {
       let offsetX = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
       let offsetY = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-      var _a, _b;
+      var _a, _b, _c, _d;
       if (!c || !0 === c) return "black";
       let result, color;
       if (isArray$9(c)) for (let i = 0; i < c.length && (color = c[i], !color); i++);else color = c;
@@ -4985,7 +5002,7 @@
             scaleY = 1,
             angle = 0
           } = params.attribute;
-          w /= scaleX, h /= scaleY, x /= scaleX, y /= scaleY, (angle || 1 !== scaleX || 1 !== scaleY) && (x = 0, y = 0, w = null !== (_a = params.widthWithoutTransform) && void 0 !== _a ? _a : w, h = null !== (_b = params.heightWithoutTransform) && void 0 !== _b ? _b : h);
+          w /= scaleX, h /= scaleY, x /= scaleX, y /= scaleY, (angle || 1 !== scaleX || 1 !== scaleY) && (x = null !== (_a = params.x1WithoutTransform) && void 0 !== _a ? _a : 0, y = null !== (_b = params.y1WithoutTransform) && void 0 !== _b ? _b : 0, w = null !== (_c = params.widthWithoutTransform) && void 0 !== _c ? _c : w, h = null !== (_d = params.heightWithoutTransform) && void 0 !== _d ? _d : h);
         }
         "linear" === color.gradient ? result = createLinearGradient(context, color, x, y, w, h) : "conical" === color.gradient ? result = createConicGradient(context, color, x, y, w, h) : "radial" === color.gradient && (result = createRadialGradient(context, color, x, y, w, h));
       }
@@ -5010,7 +5027,7 @@
       const canvasGradient = context.createConicGradient(x + (null !== (_a = color.x) && void 0 !== _a ? _a : 0) * w, y + (null !== (_b = color.y) && void 0 !== _b ? _b : 0) * h, color.startAngle, color.endAngle);
       return color.stops.forEach(stop => {
         canvasGradient.addColorStop(stop.offset, stop.color);
-      }), canvasGradient.GetPattern(w + x, h + y, undefined);
+      }), canvasGradient.GetPattern ? canvasGradient.GetPattern(w + x, h + y, undefined) : canvasGradient;
     }
 
     const DIRECTION_KEY = {
@@ -8572,7 +8589,7 @@
     }
     var rect = new RectSymbol();
 
-    const tempBounds$1 = new AABBBounds$1();
+    const tempBounds = new AABBBounds$1();
     class CustomSymbolClass {
       constructor(type, path) {
         let isSvg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
@@ -8601,7 +8618,7 @@
             let {
               path: path
             } = _ref;
-            tempBounds$1.x1 = path.bounds.x1 * size, tempBounds$1.y1 = path.bounds.y1 * size, tempBounds$1.x2 = path.bounds.x2 * size, tempBounds$1.y2 = path.bounds.y2 * size, bounds.union(tempBounds$1);
+            tempBounds.x1 = path.bounds.x1 * size, tempBounds.y1 = path.bounds.y1 * size, tempBounds.x2 = path.bounds.x2 * size, tempBounds.y2 = path.bounds.y2 * size, bounds.union(tempBounds);
           });
         }
         this.path.bounds && (bounds.x1 = this.path.bounds.x1 * size, bounds.y1 = this.path.bounds.y1 * size, bounds.x2 = this.path.bounds.x2 * size, bounds.y2 = this.path.bounds.y2 * size);
@@ -8915,8 +8932,8 @@
     const SVG_PARSE_ATTRIBUTE_MAP_KEYS = Object.keys(SVG_PARSE_ATTRIBUTE_MAP);
 
     const _tempBounds$1 = new AABBBounds$1(),
-      tempMatrix = new Matrix(),
-      tempBounds = new AABBBounds$1();
+      tempMatrix = new Matrix();
+      new AABBBounds$1();
     const GRAPHIC_UPDATE_TAG_KEY = ["lineWidth", "scaleX", "scaleY", "angle", "anchor", "visible"];
     const tempConstantXYKey = ["x", "y"],
       tempConstantScaleXYKey = ["scaleX", "scaleY"],
@@ -9435,25 +9452,12 @@
       needUpdateLayout() {
         return !!(this._updateTag & UpdateTag.UPDATE_LAYOUT);
       }
-      getAnchor(anchor, params) {
+      getAnchor(anchor, params, resetScale) {
         const _anchor = [0, 0],
           getBounds = () => {
             if (params.b) return params.b;
-            const {
-              scaleX: scaleX,
-              scaleY: scaleY,
-              angle: angle,
-              scaleCenter: scaleCenter
-            } = this.attribute;
-            return tempBounds.copy(this._AABBBounds), this.setAttributes({
-              angle: 0,
-              scaleCenter: null
-            }), params.b = this.AABBBounds.clone(), this._AABBBounds.copy(tempBounds), this.setAttributes({
-              scaleX: scaleX,
-              scaleY: scaleY,
-              angle: angle,
-              scaleCenter: scaleCenter
-            }), params.b;
+            const graphic = this.clone();
+            return graphic.attribute.angle = 0, graphic.attribute.scaleCenter = null, resetScale && (graphic.attribute.scaleX = 1, graphic.attribute.scaleY = 1), params.b = graphic.AABBBounds, params.b;
           };
         if ("string" == typeof anchor[0]) {
           const ratio = parseFloat(anchor[0]) / 100,
@@ -9482,7 +9486,7 @@
         const params = {};
         if (anchor && angle && (_anchor = this.getAnchor(anchor, params)), !scaleCenter || 1 === scaleX && 1 === scaleY) normalTransform(this._transMatrix, this._transMatrix.reset(), x, y, scaleX, scaleY, angle, anchor && _anchor);else {
           const m = this._transMatrix;
-          m.reset(), m.translate(_anchor[0], _anchor[1]), m.rotate(angle), m.translate(-_anchor[0], -_anchor[1]), m.translate(x, y), _anchor = this.getAnchor(scaleCenter, params), application.transformUtil.fromMatrix(m, m).scale(scaleX, scaleY, {
+          m.reset(), m.translate(_anchor[0], _anchor[1]), m.rotate(angle), m.translate(-_anchor[0], -_anchor[1]), m.translate(x, y), _anchor = this.getAnchor(scaleCenter, params, !0), application.transformUtil.fromMatrix(m, m).scale(scaleX, scaleY, {
             x: _anchor[0],
             y: _anchor[1]
           });
@@ -11555,7 +11559,7 @@
           tb1: tb1,
           tb2: tb2
         } = application.graphicService.updateTempAABBBounds(aabbBounds);
-        updateBoundsOfSymbolOuterBorder(attribute, symbolTheme, tb1), aabbBounds.union(tb1), tb1.setValue(tb2.x1, tb2.y1, tb2.x2, tb2.y2), this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1;
+        updateBoundsOfSymbolOuterBorder(attribute, symbolTheme, tb1), aabbBounds.union(tb1), tb1.setValue(tb2.x1, tb2.y1, tb2.x2, tb2.y2), this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1, this.x1WithoutTransform = aabbBounds.x1, this.y1WithoutTransform = aabbBounds.y1;
         const {
           lineJoin = symbolTheme.lineJoin
         } = attribute;
@@ -18924,6 +18928,7 @@
         return this.nativeContext.createRadialGradient(x0, y0, r0, x1, y1, r1);
       }
       createConicGradient(x, y, startAngle, endAngle) {
+        if (this.nativeContext.createConicGradient && Math.abs(endAngle - startAngle - 2 * Math.PI) < .001) return this.nativeContext.createConicGradient(startAngle, x, y);
         let pattern,
           edit = !1;
         const ctx = this;
@@ -21435,7 +21440,9 @@
     loadScrollbarComponent();
     class ScrollBar extends AbstractComponent {
       constructor(attributes, options) {
-        super((null == options ? void 0 : options.skipDefault) ? attributes : merge$2({}, ScrollBar.defaultAttributes, attributes)), this.name = "scrollbar", this._onRailPointerDown = e => {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : merge$2({}, ScrollBar.defaultAttributes, attributes)), this.name = "scrollbar", this._handleTouchMove = e => {
+          isValid$5(this._prePos) && e.preventDefault();
+        }, this._onRailPointerDown = e => {
           const {
               viewX: viewX,
               viewY: viewY
@@ -21479,8 +21486,7 @@
           const triggers = getEndTriggersOfDrag(),
             obj = "browser" === vglobal.env ? vglobal : this.stage;
           obj.addEventListener("pointermove", this._onSliderPointerMoveWithDelay, {
-            capture: !0,
-            passive: !0
+            capture: !0
           }), triggers.forEach(trigger => {
             obj.addEventListener(trigger, this._onSliderPointerUp);
           });
@@ -21501,7 +21507,6 @@
           } = this.getSliderRenderBounds();
           return "vertical" === direction ? (currentPos = y, delta = currentPos - this._prePos, currentScrollValue = delta / height) : (currentPos = x, delta = currentPos - this._prePos, currentScrollValue = delta / width), [currentPos, currentScrollValue];
         }, this._onSliderPointerMove = e => {
-          e.preventDefault();
           const {
             stopSliderMovePropagation = !0
           } = this.attribute;
@@ -21517,7 +21522,7 @@
             preScrollRange = this.getScrollRange(),
             [currentPos, currentScrollValue] = this._computeScrollValue(e),
             range = [preScrollRange[0] + currentScrollValue, preScrollRange[1] + currentScrollValue];
-          this._dispatchEvent(SCROLLBAR_END_EVENT, {
+          this._prePos = null, this._dispatchEvent(SCROLLBAR_END_EVENT, {
             pre: preRange,
             value: clampRange$1(range, limitRange[0], limitRange[1])
           }), this._clearDragEvents();
@@ -21559,7 +21564,9 @@
           delayType = "throttle",
           delayTime = 0
         } = this.attribute;
-        this._rail && this._rail.addEventListener("pointerdown", delayMap[delayType](this._onRailPointerDown, delayTime)), this._slider && this._slider.addEventListener("pointerdown", this._onSliderPointerDown);
+        this._rail && this._rail.addEventListener("pointerdown", delayMap[delayType](this._onRailPointerDown, delayTime)), this._slider && this._slider.addEventListener("pointerdown", this._onSliderPointerDown), ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+          passive: !1
+        });
       }
       render() {
         this._reset();
@@ -21673,8 +21680,7 @@
         const triggers = getEndTriggersOfDrag(),
           obj = "browser" === vglobal.env ? vglobal : this.stage;
         obj.removeEventListener("pointermove", this._onSliderPointerMoveWithDelay, {
-          capture: !0,
-          passive: !1
+          capture: !0
         }), triggers.forEach(trigger => {
           obj.removeEventListener(trigger, this._onSliderPointerUp);
         });
@@ -21682,6 +21688,11 @@
       _reset() {
         this._sliderRenderBounds = null, this._sliderLimitRange = null;
       }
+      release(all) {
+        super.release(all), ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+          passive: !1
+        }), this._clearDragEvents();
+      }
     }
     ScrollBar.defaultAttributes = {
       direction: "horizontal",
@@ -26007,14 +26018,13 @@
           const triggers = getEndTriggersOfDrag(),
             obj = "browser" === vglobal.env ? vglobal : this.stage;
           obj.addEventListener("pointermove", this._onHandlerPointerMove, {
-            capture: !0,
-            passive: !1
+            capture: !0
           }), triggers.forEach(trigger => {
             obj.addEventListener(trigger, this._onHandlerPointerUp);
           });
         }, this._onHandlerPointerMove = e => {
           var _a, _b;
-          e.preventDefault(), this._isChanging = !0;
+          this._isChanging = !0;
           const {
             railWidth: railWidth,
             railHeight: railHeight,
@@ -26048,13 +26058,12 @@
           const triggers = getEndTriggersOfDrag(),
             obj = "browser" === vglobal.env ? vglobal : this.stage;
           obj.addEventListener("pointermove", this._onTrackPointerMove, {
-            capture: !0,
-            passive: !1
+            capture: !0
           }), triggers.forEach(trigger => {
             obj.addEventListener(trigger, this._onTrackPointerUp);
           });
         }, this._onTrackPointerMove = e => {
-          e.preventDefault(), this._isChanging = !0;
+          this._isChanging = !0;
           const {
             railWidth: railWidth,
             railHeight: railHeight,
@@ -26429,13 +26438,11 @@
         const triggers = getEndTriggersOfDrag(),
           obj = "browser" === vglobal.env ? vglobal : this.stage;
         obj.removeEventListener("pointermove", this._onHandlerPointerMove, {
-          capture: !0,
-          passive: !1
+          capture: !0
         }), triggers.forEach(trigger => {
           obj.removeEventListener(trigger, this._onHandlerPointerUp);
         }), obj.removeEventListener("pointermove", this._onTrackPointerMove, {
-          capture: !0,
-          passive: !1
+          capture: !0
         }), triggers.forEach(trigger => {
           obj.removeEventListener(trigger, this._onTrackPointerUp);
         });
@@ -54146,7 +54153,7 @@
       constructor(container) {
         let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.18.0", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.18.1", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         this.pluginManager = new PluginManager(this, options), this.fireListeners(TABLE_EVENT_TYPE.BEFORE_INIT, {
           options: options,
           container: container
@@ -67291,7 +67298,7 @@
         themes: themes$1
     });
 
-    const version = "1.18.0";
+    const version = "1.18.1";
 
     exports.Gantt = Gantt;
     exports.TYPES = index$3;