@leafer-ui/data 1.0.0-rc.9 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafer-ui/data",
-  "version": "1.0.0-rc.9",
+  "version": "1.0.1",
   "description": "@leafer-ui/data",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
@@ -15,18 +15,18 @@
     "type": "git",
     "url": "https://github.com/leaferjs/ui.git"
   },
-  "homepage": "https://github.com/leaferjs/ui/tree/main/packages/data",
+  "homepage": "https://github.com/leaferjs/ui/tree/main/packages/display-module/data",
   "bugs": "https://github.com/leaferjs/ui/issues",
   "keywords": [
     "leafer-ui",
     "leaferjs"
   ],
   "dependencies": {
-    "@leafer/core": "1.0.0-rc.9",
-    "@leafer-ui/external": "1.0.0-rc.9"
+    "@leafer/core": "1.0.1",
+    "@leafer-ui/external": "1.0.1"
   },
   "devDependencies": {
-    "@leafer/interface": "1.0.0-rc.9",
-    "@leafer-ui/interface": "1.0.0-rc.9"
+    "@leafer/interface": "1.0.1",
+    "@leafer-ui/interface": "1.0.1"
   }
 }

package/src/BoxData.ts

@@ -4,5 +4,5 @@ import { GroupData } from "./GroupData"
 
 
 export class BoxData extends GroupData implements IBoxData {
-    get __boxStroke(): boolean { return true }
+    get __boxStroke(): boolean { return !this.__pathInputed }
 }

package/src/EllipseData.ts

@@ -4,5 +4,5 @@ import { UIData } from "./UIData"
 
 
 export class EllipseData extends UIData implements IEllipseData {
-    get __boxStroke(): boolean { return true }
+    get __boxStroke(): boolean { return !this.__pathInputed }
 }

package/src/PathData.ts

@@ -1,24 +1,8 @@
-import { IPathCommandData } from '@leafer/interface'
-import { PathConvert } from '@leafer/core'
+import { IPathData } from '@leafer-ui/interface'
 
-import { IPathString } from '@leafer-ui/interface'
 import { UIData } from "./UIData"
 
 
-const { parse } = PathConvert
-
-export class PathData extends UIData {
-
-    protected _path: IPathCommandData
-
-    protected setPath(value: IPathCommandData | IPathString) {
-        if (typeof value === 'string') {
-            this.__setInput('path', value)
-            this._path = parse(value)
-        } else {
-            if (this.__input) this.__removeInput('path')
-            this._path = value
-        }
-    }
+export class PathData extends UIData implements IPathData {
 
 }

package/src/RectData.ts

@@ -4,5 +4,5 @@ import { UIData } from "./UIData"
 
 
 export class RectData extends UIData implements IRectData {
-    get __boxStroke(): boolean { return true }
+    get __boxStroke(): boolean { return !this.__pathInputed }
 }

package/src/TextData.ts

@@ -17,6 +17,8 @@ const fontWeightMap = {
 
 export class TextData extends UIData implements ITextData {
 
+    public get __useNaturalRatio() { return false }
+
     protected _fontWeight?: number
 
     setFontWeight(value: IFontWeight): void {

package/src/UIData.ts

@@ -1,10 +1,11 @@
-import { INumber, IValue, IBoolean } from '@leafer/interface'
-import { LeafData, Debug } from '@leafer/core'
+import { INumber, IValue, IBoolean, IPathCommandData, IPathString } from '@leafer/interface'
+import { PathConvert, LeafData, Debug } from '@leafer/core'
 
 import { IShadowEffect, IUI, IUIData, IUnitData, ILeafPaint } from '@leafer-ui/interface'
-import { Paint } from '@leafer-ui/external'
+import { Paint, PaintImage } from '@leafer-ui/external'
 
 
+const { parse } = PathConvert
 const emptyPaint: ILeafPaint = {}
 const debug = Debug.get('UIData')
 export class UIData extends LeafData implements IUIData {
@@ -16,9 +17,23 @@ export class UIData extends LeafData implements IUIData {
     public __isFills?: boolean
     public __isStrokes?: boolean
 
+    public get __strokeWidth(): number {
+        const { strokeWidth, strokeWidthFixed } = this as IUIData
+        if (strokeWidthFixed) {
+            const ui = this.__leaf
+            let { scaleX } = ui.__nowWorld || ui.__world
+            if (scaleX < 0) scaleX = -scaleX
+            return scaleX > 1 ? strokeWidth / scaleX : strokeWidth
+        } else {
+            return strokeWidth
+        }
+    }
+
     public __pixelFill?: boolean // png / svg / webp
     public __pixelStroke?: boolean
 
+    public __needComputePaint: boolean
+
     protected _visible?: IBoolean
 
     protected _width?: INumber
@@ -27,13 +42,15 @@ export class UIData extends LeafData implements IUIData {
     protected _fill?: IValue
     protected _stroke?: IValue
 
+    protected _path: IPathCommandData
+
     protected _shadow?: IValue
     protected _innerShadow?: IValue
 
     public get __autoWidth() { return !this._width }
     public get __autoHeight() { return !this._height }
-    public get __autoBounds() { return !this._width && !this._height }
-
+    public get __autoSide() { return !this._width || !this._height }
+    public get __autoSize() { return !this._width && !this._height }
 
     protected setVisible(value: IBoolean) {
         if (this.__leaf.leafer) this.__leaf.leafer.watcher.hasVisible = true
@@ -62,11 +79,11 @@ export class UIData extends LeafData implements IUIData {
 
 
     protected setFill(value: IValue) {
-        if (this.__naturalWidth) this.__naturalWidth = this.__naturalHeight = undefined
+        if (this.__naturalWidth) this.__removeNaturalSize()
         if (typeof value === 'string' || !value) {
             if (this.__isFills) {
                 this.__removeInput('fill')
-                Paint.recycleImage('fill', this)
+                PaintImage.recycleImage('fill', this)
                 this.__isFills = false
                 if (this.__pixelFill) this.__pixelFill = false
             }
@@ -83,7 +100,7 @@ export class UIData extends LeafData implements IUIData {
         if (typeof value === 'string' || !value) {
             if (this.__isStrokes) {
                 this.__removeInput('stroke')
-                Paint.recycleImage('stroke', this)
+                PaintImage.recycleImage('stroke', this)
                 this.__isStrokes = false
                 if (this.__pixelStroke) this.__pixelStroke = false
             }
@@ -97,6 +114,17 @@ export class UIData extends LeafData implements IUIData {
     }
 
 
+    protected setPath(value: IPathCommandData | IPathString) {
+        if (typeof value === 'string') {
+            this.__setInput('path', value)
+            this._path = parse(value)
+        } else {
+            if (this.__input) this.__removeInput('path')
+            this._path = value
+        }
+    }
+
+
     protected setShadow(value: IValue) {
         this.__setInput('shadow', value)
         if (value instanceof Array) {
@@ -121,13 +149,22 @@ export class UIData extends LeafData implements IUIData {
         }
     }
 
+    // custom
+
+    public __computePaint(): void {
+        const { fill, stroke } = this.__input
+        if (fill) Paint.compute('fill', this.__leaf)
+        if (stroke) Paint.compute('stroke', this.__leaf)
+        this.__needComputePaint = false
+    }
+
 }
 
 
 export const UnitConvert = {
 
     number(value: number | IUnitData, percentRefer?: number): number {
-        if (typeof value === 'object') return value.type === 'percent' ? value.value / 100 * percentRefer : value.value
+        if (typeof value === 'object') return value.type === 'percent' ? value.value * percentRefer : value.value
         return value
     }
 

package/src/index.ts

@@ -6,7 +6,6 @@ export { LeaferData } from './LeaferData'
 export { FrameData } from './FrameData'
 
 export { LineData } from './LineData'
-export { ArrowData } from './ArrowData'
 export { RectData } from './RectData'
 export { EllipseData } from './EllipseData'
 export { PolygonData } from './PolygonData'

package/types/index.d.ts

@@ -1,31 +1,37 @@
-import { IBoolean, INumber, IValue, IPathCommandData } from '@leafer/interface';
+import { IBoolean, INumber, IValue, IPathCommandData, IPathString } from '@leafer/interface';
 import { LeafData } from '@leafer/core';
-import { IUIData, IUI, IUnitData, IGroupData, IBoxData, ILeaferData, IFrameData, ILineData, IArrowData, IRectData, IEllipseData, IPolygonData, IStarData, IPathString, IPenData, ITextData, IFontWeight, IImageData, IImage, IObject, ICanvasData } from '@leafer-ui/interface';
+import { IUIData, IUI, IUnitData, IGroupData, IBoxData, ILeaferData, IFrameData, ILineData, IRectData, IEllipseData, IPolygonData, IStarData, IPathData, IPenData, ITextData, IFontWeight, IImageData, IImage, IObject, ICanvasData } from '@leafer-ui/interface';
 
 declare class UIData extends LeafData implements IUIData {
     __leaf: IUI;
     __blendLayer?: boolean;
     __isFills?: boolean;
     __isStrokes?: boolean;
+    get __strokeWidth(): number;
     __pixelFill?: boolean;
     __pixelStroke?: boolean;
+    __needComputePaint: boolean;
     protected _visible?: IBoolean;
     protected _width?: INumber;
     protected _height?: INumber;
     protected _fill?: IValue;
     protected _stroke?: IValue;
+    protected _path: IPathCommandData;
     protected _shadow?: IValue;
     protected _innerShadow?: IValue;
     get __autoWidth(): boolean;
     get __autoHeight(): boolean;
-    get __autoBounds(): boolean;
+    get __autoSide(): boolean;
+    get __autoSize(): boolean;
     protected setVisible(value: IBoolean): void;
     protected setWidth(value: INumber): void;
     protected setHeight(value: INumber): void;
     protected setFill(value: IValue): void;
     protected setStroke(value: IValue): void;
+    protected setPath(value: IPathCommandData | IPathString): void;
     protected setShadow(value: IValue): void;
     protected setInnerShadow(value: IValue): void;
+    __computePaint(): void;
 }
 declare const UnitConvert: {
     number(value: number | IUnitData, percentRefer?: number): number;
@@ -47,9 +53,6 @@ declare class FrameData extends BoxData implements IFrameData {
 declare class LineData extends UIData implements ILineData {
 }
 
-declare class ArrowData extends LineData implements IArrowData {
-}
-
 declare class RectData extends UIData implements IRectData {
     get __boxStroke(): boolean;
 }
@@ -64,15 +67,14 @@ declare class PolygonData extends UIData implements IPolygonData {
 declare class StarData extends UIData implements IStarData {
 }
 
-declare class PathData extends UIData {
-    protected _path: IPathCommandData;
-    protected setPath(value: IPathCommandData | IPathString): void;
+declare class PathData extends UIData implements IPathData {
 }
 
 declare class PenData extends GroupData implements IPenData {
 }
 
 declare class TextData extends UIData implements ITextData {
+    get __useNaturalRatio(): boolean;
     protected _fontWeight?: number;
     setFontWeight(value: IFontWeight): void;
 }
@@ -89,4 +91,4 @@ declare class ImageData extends RectData implements IImageData {
 declare class CanvasData extends RectData implements ICanvasData {
 }
 
-export { ArrowData, BoxData, CanvasData, EllipseData, FrameData, GroupData, ImageData, LeaferData, LineData, PathData, PenData, PolygonData, RectData, StarData, TextData, UIData, UnitConvert };
+export { BoxData, CanvasData, EllipseData, FrameData, GroupData, ImageData, LeaferData, LineData, PathData, PenData, PolygonData, RectData, StarData, TextData, UIData, UnitConvert };

package/src/ArrowData.ts

@@ -1,8 +0,0 @@
-import { IArrowData } from "@leafer-ui/interface"
-
-import { LineData } from "./LineData"
-
-
-export class ArrowData extends LineData implements IArrowData {
-
-}