@leafer-ui/data 1.0.0-alpha.23 → 1.0.0-alpha.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafer-ui/data",
-  "version": "1.0.0-alpha.23",
+  "version": "1.0.0-alpha.31",
   "description": "@leafer-ui/data",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
@@ -19,10 +19,10 @@
     "leaferjs"
   ],
   "dependencies": {
-    "@leafer/core": "1.0.0-alpha.23"
+    "@leafer/core": "1.0.0-alpha.31"
   },
   "devDependencies": {
-    "@leafer/interface": "1.0.0-alpha.23",
-    "@leafer-ui/interface": "1.0.0-alpha.23"
+    "@leafer/interface": "1.0.0-alpha.31",
+    "@leafer-ui/interface": "1.0.0-alpha.31"
   }
 }

package/src/BoxData.ts

@@ -0,0 +1,8 @@
+import { IBoxData } from '@leafer-ui/interface'
+
+import { GroupData } from "./GroupData"
+
+
+export class BoxData extends GroupData implements IBoxData {
+
+}

package/src/FrameData.ts

@@ -1,8 +1,8 @@
 import { IFrameData } from '@leafer-ui/interface'
 
-import { GroupData } from "./GroupData"
+import { BoxData } from './BoxData'
 
 
-export class FrameData extends GroupData implements IFrameData {
+export class FrameData extends BoxData implements IFrameData {
 
 }

package/src/LeaferData.ts

@@ -0,0 +1,8 @@
+import { ILeaferData } from '@leafer-ui/interface'
+
+import { GroupData } from './GroupData'
+
+
+export class LeaferData extends GroupData implements ILeaferData {
+
+}

package/src/PathData.ts

@@ -12,7 +12,13 @@ export class PathData extends UIData {
     protected _path: IPathCommandData
 
     protected setPath(value: IPathCommandData | IPathString) {
-        this._path = (typeof value === 'string') ? parse(value) : value
+        if (typeof value === 'string') {
+            this.__setInput('path', value)
+            this._path = parse(value)
+        } else {
+            if (this.__input) this.__removeInput('path')
+            this._path = value
+        }
     }
 
 }

package/src/PenData.ts

@@ -0,0 +1,8 @@
+import { IPenData } from '@leafer-ui/interface'
+
+import { GroupData } from './GroupData'
+
+
+export class PenData extends GroupData implements IPenData {
+
+}

package/src/TextData.ts

@@ -1,8 +1,32 @@
-import { ITextData } from '@leafer-ui/interface'
+import { IFontWeight, ITextData } from '@leafer-ui/interface'
 
 import { UIData } from "./UIData"
 
 
+const fontWeightMap = {
+    'thin': 100,
+    'extra-light': 200,
+    'light': 300,
+    'normal': 400,
+    'medium': 500,
+    'semi-bold': 600,
+    'bold': 700,
+    'extra-bold': 800,
+    'black': 900
+}
+
 export class TextData extends UIData implements ITextData {
 
+    protected _fontWeight?: number
+
+    setFontWeight(value: IFontWeight): void {
+        if (typeof value === 'string') {
+            this.__setInput('fontWeight', value)
+            this._fontWeight = fontWeightMap[value] || 400
+        } else {
+            if (this.__input) this.__removeInput('fontWeight')
+            this._fontWeight = value
+        }
+    }
+
 }

package/src/UIData.ts

@@ -1,11 +1,17 @@
-import { __Value } from '@leafer/interface'
+import { IBlendMode, __Value } from '@leafer/interface'
 import { LeafData } from '@leafer/core'
 
-import { IUIData } from '@leafer-ui/interface'
+import { IShadowEffect, IUI, IUIData, IUnitData } from '@leafer-ui/interface'
+import { Paint } from '@leafer-ui/external'
 
 
 export class UIData extends LeafData implements IUIData {
 
+    public __leaf: IUI
+
+    public __blendLayer?: boolean
+    public _blendMode: string
+
     public __isFills?: boolean
     public __isStrokes?: boolean
 
@@ -15,46 +21,71 @@ export class UIData extends LeafData implements IUIData {
     protected _shadow?: __Value
     protected _innerShadow?: __Value
 
+    protected setBlendMode(value: IBlendMode) {
+        this._blendMode = value
+        if (value === 'pass-through' || !value) {
+            if (this.__blendLayer) this.__blendLayer = false
+        } else {
+            this.__blendLayer = true
+        }
+    }
+
     protected setFill(value: __Value) {
-        this._fill = value
         if (typeof value === 'string' || !value) {
-            if (this.__isFills) this.__isFills = false
-        } else if (value instanceof Array) {
-            this.__setInput('fill', value)
-            this.__isFills = true
+            this._fill = value
+            if (this.__input) this.__removeInput('fill')
+            this.__isFills && (this.__isFills = false)
         } else if (typeof value === 'object') {
-            this.__setInput('fill', [value])
+            this.__setInput('fill', value)
+            this.__leaf.__layout.boxBoundsChanged ? this._fill = value : Paint.computeFill(this.__leaf)
             this.__isFills = true
         }
     }
 
     protected setStroke(value: __Value) {
-        this._stroke = value
         if (typeof value === 'string' || !value) {
-            if (this.__isStrokes) this.__isStrokes = false
-        } else if (value instanceof Array) {
-            this.__setInput('stroke', value)
-            this.__isStrokes = true
+            this._stroke = value
+            if (this.__input) this.__removeInput('stroke')
+            this.__isStrokes && (this.__isStrokes = false)
         } else if (typeof value === 'object') {
-            this.__setInput('stroke', [value])
+            this.__setInput('stroke', value)
+            this.__leaf.__layout.boxBoundsChanged ? this._stroke = value : Paint.computeStroke(this.__leaf)
             this.__isStrokes = true
         }
     }
 
     protected setShadow(value: __Value) {
+        this.__setInput('shadow', value)
         if (value instanceof Array) {
-            this._shadow = value
+            if (value.some((item: IShadowEffect) => item.visible === false)) value = value.filter((item: IShadowEffect) => item.visible !== false)
+            this._shadow = value.length ? value : null
+        } else if (value) {
+            this._shadow = (value as IShadowEffect).visible === false ? null : [value]
         } else {
-            this._shadow = [value]
+            this._shadow = null
         }
     }
 
     protected setInnerShadow(value: __Value) {
+        this.__setInput('innerShadow', value)
         if (value instanceof Array) {
-            this._innerShadow = value
+            if (value.some((item: IShadowEffect) => item.visible === false)) value = value.filter((item: IShadowEffect) => item.visible !== false)
+            this._innerShadow = value.length ? value : null
+        } else if (value) {
+            this._innerShadow = (value as IShadowEffect).visible === false ? null : [value]
         } else {
-            this._innerShadow = [value]
+            this._innerShadow = null
         }
     }
 
 }
+
+
+export const UnitConvert = {
+
+    number(value: number | IUnitData, percentRefer?: number): number {
+        if (typeof value === 'object') return value.type === 'percent' ? value.value / 100 * percentRefer : value.value
+        return value
+    }
+
+} 

package/src/index.ts

@@ -1,7 +1,9 @@
 
-export { UIData } from './UIData'
+export { UIData, UnitConvert } from './UIData'
 export { GroupData } from './GroupData'
+export { BoxData } from './BoxData'
 
+export { LeaferData } from './LeaferData'
 export { FrameData } from './FrameData'
 
 export { LineData } from './LineData'
@@ -10,8 +12,10 @@ export { EllipseData } from './EllipseData'
 export { PolygonData } from './PolygonData'
 export { StarData } from './StarData'
 export { PathData } from './PathData'
+export { PenData } from './PenData'
 export { VectorData } from './VectorData'
 export { TextData } from './TextData'
 export { ImageData } from './ImageData'
 
 
+