uiik 1.0.9 → 1.3.0-alpha

package/CHANGELOG.md

@@ -1 +1,23 @@
 # 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
+### Optimize
+- Unified events params to {data,ev}
+- Modularity
+### Change
+- Switch the func-lib to myfx

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
@@ -28,6 +29,12 @@ import {Splittable} from 'uiik'
 //or
 import uiik from 'https://cdn.skypack.dev/uiik'
 ```
+3. import module
+```ts
+import {newSplittable} from 'uiik/splittable'
+//or
+import {newSortable} from 'uiik/sortable'
+```
 
 ## Development
 1. use `test` to do jest 

package/{types/detector.d.ts → 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

@@ -0,0 +1,8 @@
+import { DraggableOptions, Uii } from "./types";
+export declare class Draggable extends Uii {
+    #private;
+    constructor(els: string | HTMLElement | Array<string | HTMLElement>, opts?: DraggableOptions);
+    bindEvent(bindTarget: Element, opts: DraggableOptions, handleMap: WeakMap<Element, Element>): void;
+    onOptionChanged(opts: Record<string, any>): void;
+}
+export declare function newDraggable(els: string | HTMLElement | Array<string | HTMLElement>, opts?: DraggableOptions): Draggable;

package/droppable.d.ts

@@ -0,0 +1,9 @@
+import { DroppableOptions, Uii } from "./types";
+export declare class Droppable extends Uii {
+    #private;
+    constructor(el: string | HTMLElement | Array<string | HTMLElement>, opts?: DroppableOptions);
+    bindEvent(droppable: HTMLElement, opts: DroppableOptions): void;
+    active(target: HTMLElement): void;
+    deactive(target: HTMLElement): void;
+}
+export declare function newDroppable(els: string | HTMLElement | Array<string | HTMLElement>, opts?: DroppableOptions): Droppable;

package/{types/index.d.ts → index.d.ts}

@@ -4,14 +4,18 @@ import { newDraggable } from './draggable';
 import { newDroppable } from './droppable';
 import { newRotatable } from './rotatable';
 import { newSelectable } from './selectable';
+import { newSortable } from './sortable';
 export * from './splittable';
 export * from './resizable';
 export * from './draggable';
 export * from './droppable';
 export * from './rotatable';
 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;
@@ -21,5 +25,6 @@ declare const _default: {
     newDroppable: typeof newDroppable;
     newRotatable: typeof newRotatable;
     newSelectable: typeof newSelectable;
+    newSortable: typeof newSortable;
 };
 export default _default;