uiik 1.1.0 → 1.3.0-alpha

package/CHANGELOG.md

@@ -1,4 +1,18 @@
 # Changelog
+
+## [1.3.0] - 2023/10/4 ⚠️BreakChange
+### 优化
+- 重构 draggable/resizable/rotatable/selectable，支持transform变形后的操作识别
+- 重新设计的事件框架，优化执行流
+### 新增
+- handle 属性变更，支持更多类型
+- onPointerDown 事件，可用于阻止后续逻辑
+- draggable watch参数，可用于dom变动自动检测 
+
+## [1.2.0] - 2023/9/3
+### Add
+- SVG support —— draggable/resizable/selectable/rotatable
+
 ## [1.1.0] - 2023/6/6 ⚠️BreakChange
 ### Add
 - Sortable

package/README.md

@@ -12,6 +12,7 @@ A UI interaction kit includes draggable, splittable, rotatable, selectable, etc.
 - Draggable/Droppable/Splittable/rotatable/selectable/Resizable
 - Customizable CSS interfaces like 'uii-draggable-handle', 'uii-splittable-handle'...
 - Rich options
+- SVG support
 
 ## Quick start
 1. install

package/detector.d.ts

@@ -6,29 +6,10 @@ export declare class CollisionDetector {
     elData: CollisionData;
     opts: Record<string, any>;
     constructor(el: string | HTMLElement, targets: (() => Array<HTMLElement>) | string | HTMLElement | Array<HTMLElement> | NodeList | HTMLCollection, opts?: CollisionDetectorOptions);
-    /**
-     * update targets data if them changed
-     */
     update(): void;
-    /**
-     * detect targets and return overlaps
-     * @returns
-     */
     getOverlaps(): Array<HTMLElement>;
     getOverlaps(x1: number, y1: number, x2: number, y2: number): Array<HTMLElement>;
-    /**
-     * detect targets and return inclusions
-     * @returns
-     */
     getInclusions(): Array<HTMLElement>;
     getInclusions(x1: number, y1: number, x2: number, y2: number): Array<HTMLElement>;
 }
-/**
- * create a detector for the el and return
- * @param el element to be detected
- * @param targets
- * @param opts CollisionDetectorOptions
- * @param opts.container a root element of targets
- * @returns
- */
 export declare function newCollisionDetector(el: string | HTMLElement, targets: (() => Array<HTMLElement>) | string | HTMLElement | Array<HTMLElement> | NodeList | HTMLCollection, opts?: CollisionDetectorOptions): CollisionDetector;

package/draggable.d.ts

@@ -1,25 +1,8 @@
 import { DraggableOptions, Uii } from "./types";
-/**
- * 用于表示一个或多个可拖动元素的定义
- * > 可用CSS接口
- * - .uii-draggable
- * - .uii-draggable-handle
- * - .uii-draggable-active
- * - .uii-draggable-ghost
- * @public
- */
 export declare class Draggable extends Uii {
     #private;
     constructor(els: string | HTMLElement | Array<string | HTMLElement>, opts?: DraggableOptions);
-    /**
-     * @internal
-     */
+    bindEvent(bindTarget: Element, opts: DraggableOptions, handleMap: WeakMap<Element, Element>): void;
     onOptionChanged(opts: Record<string, any>): void;
 }
-/**
- * create a draggable pattern for one or more elements with opts
- * @param els selector string / html element
- * @param opts
- * @returns Draggable instance
- */
 export declare function newDraggable(els: string | HTMLElement | Array<string | HTMLElement>, opts?: DraggableOptions): Draggable;

package/droppable.d.ts

@@ -1,30 +1,9 @@
 import { DroppableOptions, Uii } from "./types";
-/**
- * 用于表示一个或多个可响应拖动元素的定义
- * > 可用CSS接口
- * - .uii-droppable
- * @public
- */
 export declare class Droppable extends Uii {
     #private;
     constructor(el: string | HTMLElement | Array<string | HTMLElement>, opts?: DroppableOptions);
-    /**
-     * @internal
-     */
     bindEvent(droppable: HTMLElement, opts: DroppableOptions): void;
-    /**
-     * @internal
-     */
     active(target: HTMLElement): void;
-    /**
-     * @internal
-     */
     deactive(target: HTMLElement): void;
 }
-/**
- * Enable els to response to draggable objects
- * @param els selector string / html element
- * @param opts
- * @returns
- */
 export declare function newDroppable(els: string | HTMLElement | Array<string | HTMLElement>, opts?: DroppableOptions): Droppable;

package/index.d.ts

@@ -14,6 +14,8 @@ export * from './selectable';
 export * from './sortable';
 export * from './detector';
 export * from './types';
+export * from './transform';
+export * from './utils';
 export declare const VERSION: string;
 declare const _default: {
     VERSION: string;