@tmagic/stage 1.3.0-beta.2 → 1.3.0-beta.4

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.0-beta.2",
+  "version": "1.3.0-beta.4",
   "name": "@tmagic/stage",
   "type": "module",
   "sideEffects": [
@@ -30,9 +30,9 @@
   },
   "dependencies": {
     "@scena/guides": "^0.29.2",
-    "@tmagic/core": "1.3.0-beta.2",
-    "@tmagic/schema": "1.3.0-beta.2",
-    "@tmagic/utils": "1.3.0-beta.2",
+    "@tmagic/core": "1.3.0-beta.4",
+    "@tmagic/schema": "1.3.0-beta.4",
+    "@tmagic/utils": "1.3.0-beta.4",
     "events": "^3.3.0",
     "keycon": "^1.4.0",
     "lodash-es": "^4.17.21",

package/src/MoveableOptionsManager.ts

@@ -90,7 +90,7 @@ export default class MoveableOptionsManager extends EventEmitter {
    * @param selectedElList 选中的元素列表，需要排除在对齐元素之外
    * @param allElList 全部元素列表
    */
-  protected setElementGuidelines(selectedElList: HTMLElement[], allElList: HTMLElement[]): void {
+  protected setElementGuidelines(selectedElList: HTMLElement[], allElList: Element[]): void {
     this.elementGuidelines.forEach((node) => {
       node.remove();
     });
@@ -224,7 +224,7 @@ export default class MoveableOptionsManager extends EventEmitter {
    * @param allElList 全部元素列表
    * @returns frame 辅助对齐元素集合的页面片
    */
-  private createGuidelineElements(selectedElList: HTMLElement[], allElList: HTMLElement[]): DocumentFragment {
+  private createGuidelineElements(selectedElList: HTMLElement[], allElList: Element[]): DocumentFragment {
     const frame = globalThis.document.createDocumentFragment();
 
     for (const node of allElList) {
@@ -246,7 +246,7 @@ export default class MoveableOptionsManager extends EventEmitter {
    * @param eleList 元素列表
    * @returns 是否在元素列表里面
    */
-  private isInElementList(ele: HTMLElement, eleList: HTMLElement[]): boolean {
+  private isInElementList(ele: Element, eleList: Element[]): boolean {
     for (const eleItem of eleList) {
       if (ele === eleItem) return true;
     }

package/src/StageDragResize.ts

@@ -132,7 +132,7 @@ export default class StageDragResize extends MoveableOptionsManager {
     this.dragResizeHelper.setMode(this.mode);
 
     // 设置选中元素的周围元素，用于选中元素跟周围元素对齐辅助
-    const elementGuidelines: HTMLElement[] = Array.prototype.slice.call(this.target?.parentElement?.children) || [];
+    const elementGuidelines: Element[] = Array.from(this.target?.parentElement?.children || []);
     this.setElementGuidelines([this.target as HTMLElement], elementGuidelines);
 
     return this.getOptions(false, {

package/src/StageMultiDragResize.ts

@@ -80,8 +80,7 @@ export default class StageMultiDragResize extends MoveableOptionsManager {
     this.dragResizeHelper.updateGroup(els);
 
     // 设置周围元素，用于选中元素跟周围元素的对齐辅助
-    const elementGuidelines: HTMLElement[] =
-      Array.prototype.slice.call(this.targetList[0].parentElement?.children) || [];
+    const elementGuidelines: Element[] = Array.from(this.targetList[0].parentElement?.children || []);
     this.setElementGuidelines(this.targetList, elementGuidelines);
 
     this.moveableForMulti?.destroy();

package/src/util.ts

@@ -30,7 +30,7 @@ const getParents = (el: Element, relative: Element) => {
   return parents;
 };
 
-export const getOffset = (el: TargetElement): Offset => {
+export const getOffset = (el: Element): Offset => {
   const htmlEl = el as HTMLElement;
   const { offsetParent } = htmlEl;
 

package/types/MoveableOptionsManager.d.ts

@@ -40,7 +40,7 @@ export default class MoveableOptionsManager extends EventEmitter {
      * @param selectedElList 选中的元素列表，需要排除在对齐元素之外
      * @param allElList 全部元素列表
      */
-    protected setElementGuidelines(selectedElList: HTMLElement[], allElList: HTMLElement[]): void;
+    protected setElementGuidelines(selectedElList: HTMLElement[], allElList: Element[]): void;
     /**
      * 获取moveable参数
      * @param isMultiSelect 是否多选模式

package/types/util.d.ts

@@ -1,6 +1,6 @@
 import { Mode, ZIndex } from './const';
 import type { Offset, SortEventData, TargetElement } from './types';
-export declare const getOffset: (el: TargetElement) => Offset;
+export declare const getOffset: (el: Element) => Offset;
 export declare const getTargetElStyle: (el: TargetElement, zIndex?: ZIndex) => string;
 export declare const getAbsolutePosition: (el: HTMLElement, { top, left }: Offset) => {
     left: number;