fw-webbuilder 0.0.15 → 1.0.0

package/index.d.ts

@@ -466,15 +466,11 @@ declare class DrawerService {
     static ɵprov: i0.ɵɵInjectableDeclaration<DrawerService>;
 }
 
-type DragMode = 'absolute' | 'margin';
 declare class WbDragDrop implements OnInit {
     webBuilderService: webBuilderService;
     el: ElementRef;
     private renderer;
-    /**
-     * Input để chọn chế độ: 'absolute' (mặc định) hoặc 'margin'
-     *  */
-    mode: DragMode;
+    dragPreview: HTMLElement | null;
     /**
      * DOM phần tử cha
      */
@@ -487,6 +483,7 @@ declare class WbDragDrop implements OnInit {
     device: any;
     top: number;
     left: number;
+    position: any;
     type: any | 'design' | 'admin' | 'preview';
     dragOffset: {
         x: number;
@@ -507,12 +504,15 @@ declare class WbDragDrop implements OnInit {
      * biến này để theo dõi con trỏ chuột để resize top, left
      *  */
     currPos: any;
+    /**
+     * biến là top, left của this.data, cập nhật biến này khi kéo hoặc resize, pointerup mới cập nhật dữ liệu trong this.data
+     */
+    currPosClone: any;
     /**
      * biến cờ để biết đã kéo hay resize chưa, tránh click vào là update db luôn
      */
     changed: boolean;
     parentEleRect: any;
-    parentData: any;
     keyPosition: string;
     private isDragging;
     private mouseMoveListener;
@@ -528,13 +528,16 @@ declare class WbDragDrop implements OnInit {
      * hàm cập nhật ví trí của đối tượng trên giao diện
      * @param data
      */
-    updateUIPosition(): void;
+    updateMarginPosition(): void;
+    updateAbsolutePosition(): void;
     /**
      * hàm này cập nhật bottom và right của phần tử resize sử dụng
      */
     updateInitBottomAndRight(): void;
+    createDragPreview(): void;
     onPointerDown(e: any): void;
     private onMouseMove;
+    removeDragView(): void;
     private onMouseUp;
     ngOnDestroy(): void;
     private cleanupListeners;
@@ -543,6 +546,7 @@ declare class WbDragDrop implements OnInit {
     getLeftDrag(): 0 | -24;
     handleResizePointerDown(e: any, direction: any): void;
     handleResizePointerMove(e: any): void;
+    updatePosition(): void;
     handleResizePointerUp(e: any): void;
     minTop: any;
     onResizeTop(e: any): void;
@@ -550,13 +554,13 @@ declare class WbDragDrop implements OnInit {
     minLeft: any;
     onResizeLeft(e: any): void;
     onResizeRight(e: any): void;
-    updatePosition(): void;
-    updateClass(): void;
+    updatePositionDB(): void;
+    updateClassAndConfig(): void;
     updatePositionAndClass(): void;
     conditionShowActive(): any;
     conditionShowResize(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<WbDragDrop, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WbDragDrop, "[wbdragdrop]", never, { "mode": { "alias": "mode"; "required": false; }; "boundaryEle": { "alias": "boundaryEle"; "required": false; }; "parent": { "alias": "parent"; "required": false; }; "data": { "alias": "data"; "required": false; }; "device": { "alias": "device"; "required": false; }; "top": { "alias": "top"; "required": false; }; "left": { "alias": "left"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WbDragDrop, "[wbdragdrop]", never, { "boundaryEle": { "alias": "boundaryEle"; "required": false; }; "parent": { "alias": "parent"; "required": false; }; "data": { "alias": "data"; "required": false; }; "device": { "alias": "device"; "required": false; }; "top": { "alias": "top"; "required": false; }; "left": { "alias": "left"; "required": false; }; "position": { "alias": "position"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class WbVirtualSelected implements OnInit {
@@ -888,7 +892,6 @@ declare class WbHideShowConfig implements OnInit {
     classOverflowY: any;
     classFlexDirection: any;
     classGap: any;
-    configDragMode: any;
     configTypeDisplay: any;
     /**
      * configEnableZoom dùng cho object_product_image
@@ -911,7 +914,7 @@ declare class WbHideShowConfig implements OnInit {
     updateHidden(key: string, value: boolean): void;
     onChangedirection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WbHideShowConfig, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WbHideShowConfig, "wb-hide-show-config", never, { "data": { "alias": "data"; "required": false; }; "device": { "alias": "device"; "required": false; }; "classCursor": { "alias": "classCursor"; "required": false; }; "classOverflowY": { "alias": "classOverflowY"; "required": false; }; "classFlexDirection": { "alias": "classFlexDirection"; "required": false; }; "classGap": { "alias": "classGap"; "required": false; }; "configDragMode": { "alias": "configDragMode"; "required": false; }; "configTypeDisplay": { "alias": "configTypeDisplay"; "required": false; }; "configEnableZoom": { "alias": "configEnableZoom"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WbHideShowConfig, "wb-hide-show-config", never, { "data": { "alias": "data"; "required": false; }; "device": { "alias": "device"; "required": false; }; "classCursor": { "alias": "classCursor"; "required": false; }; "classOverflowY": { "alias": "classOverflowY"; "required": false; }; "classFlexDirection": { "alias": "classFlexDirection"; "required": false; }; "classGap": { "alias": "classGap"; "required": false; }; "configTypeDisplay": { "alias": "configTypeDisplay"; "required": false; }; "configEnableZoom": { "alias": "configEnableZoom"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class WbIconConfig implements OnInit {
@@ -1214,6 +1217,9 @@ declare class WbTextFormatConfig implements OnInit {
     onChangeMaxLine(): void;
     updateClassAndConfig(): void;
     updateClass(): void;
+    /**
+     * do text dùng min-height, mỗi lần chỉnh sửa dữ liệu xong sẽ update lại min-height cho phù hợp
+     */
     updateConfig(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WbTextFormatConfig, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<WbTextFormatConfig, "wb-text-format-config", never, { "data": { "alias": "data"; "required": false; }; "device": { "alias": "device"; "required": false; }; "classContent": { "alias": "classContent"; "required": false; }; "classGap": { "alias": "classGap"; "required": false; }; "classCursor": { "alias": "classCursor"; "required": false; }; "classFontWeight": { "alias": "classFontWeight"; "required": false; }; "classAlign": { "alias": "classAlign"; "required": false; }; "classLineHeight": { "alias": "classLineHeight"; "required": false; }; "classLetterSpacing": { "alias": "classLetterSpacing"; "required": false; }; "classAlignFlex": { "alias": "classAlignFlex"; "required": false; }; "classMargin": { "alias": "classMargin"; "required": false; }; "classMaxLine": { "alias": "classMaxLine"; "required": false; }; "classPadding": { "alias": "classPadding"; "required": false; }; "classMinWidth": { "alias": "classMinWidth"; "required": false; }; "classMinHeight": { "alias": "classMinHeight"; "required": false; }; "configContent": { "alias": "configContent"; "required": false; }; "configNotFound": { "alias": "configNotFound"; "required": false; }; "configHref": { "alias": "configHref"; "required": false; }; "configTag": { "alias": "configTag"; "required": false; }; "configMaxLine": { "alias": "configMaxLine"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "configFormatDate": { "alias": "configFormatDate"; "required": false; }; }, {}, never, never, true, never>;

package/package.json

@@ -1,9 +1,16 @@
 {
   "name": "fw-webbuilder",
-  "version": "0.0.15",
+  "version": "1.0.0",
   "peerDependencies": {
     "@angular/common": "^20.3.0",
-    "@angular/core": "^20.3.0"
+    "@angular/core": "^20.3.0",
+    "socket.io-client": "^4.8.1",
+    "ng-zorro-antd": "^20.4.3",
+    "@ckeditor/ckeditor5-angular": "^10.0.0",
+    "ckeditor5": "^46.1.1",
+    "dayjs": "^1.11.18",
+    "@ngx-translate/core": "^17.0.0",
+    "@ngx-translate/http-loader": "^17.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"