diff --git a/src/basic/app/grow.ts b/src/basic/app/grow.ts index 779067a..f316638 100644 --- a/src/basic/app/grow.ts +++ b/src/basic/app/grow.ts @@ -2,10 +2,10 @@ import { Leafer, Rect } from 'leafer-ui' const leafer = new Leafer({ view: window, - grow: true, // 自动生长 [!code hl:3] - // growWidth: true, // 宽度是否生长, 默认同 grow - // growHeight: true // 高度是否生长, 默认同 grow - fill: 'black' + grow: true, // 自动生长 // [!code hl:3] + // growWidth: true, // 进一步细化宽度是否生长, 默认同 grow + // growHeight: true // 进一步细化高度是否生长, 默认同 grow + fill: 'gray' }) const rect = Rect.one({ fill: '#32cd79', draggable: true }, 100, 100, 200, 200) diff --git a/src/performance/million.html b/src/performance/million.html index 8e04269..9bdced1 100644 --- a/src/performance/million.html +++ b/src/performance/million.html @@ -4,7 +4,7 @@ Million Rects | Leafer UI - + diff --git a/src/plugin/arrow/animate.ts b/src/plugin/arrow/animate.ts new file mode 100644 index 0000000..70275d3 --- /dev/null +++ b/src/plugin/arrow/animate.ts @@ -0,0 +1,22 @@ +import { Leafer } from 'leafer-ui' +import { Arrow } from '@leafer-in/arrow' +import '@leafer-in/animate' + +const leafer = new Leafer({ view: window }) + +const rect = new Arrow({ + x: 100, + y: 100, + stroke: '#32cd79', + strokeWidth: 5, + dashPattern: [10, 10], // 绘制虚线 // [!code hl:8] + dashOffset: 0, + animation: { // 虚线动画 + style: { dashOffset: -20 }, + easing: 'linear', + duration: 0.5, + loop: true, + } +}) + +leafer.add(rect) \ No newline at end of file diff --git a/src/property/custom/addAttr-datatype.ts b/src/property/custom/addAttr-datatype.ts index f408ef1..557b295 100644 --- a/src/property/custom/addAttr-datatype.ts +++ b/src/property/custom/addAttr-datatype.ts @@ -2,7 +2,7 @@ import { Leafer, Text, dataType } from 'leafer-ui' const leafer = new Leafer({ view: window }) -Text.addAttr('version', '1.3.2', dataType) // [!code hl] +Text.addAttr('version', '1.3.3', dataType) // [!code hl] // default version @@ -10,10 +10,10 @@ const text = new Text({ text: 'Welcome to LeaferJS' }) leafer.add(text) -console.log((text as any).version) // 1.3.2 +console.log((text as any).version) // 1.3.3 // set version -const text2 = new Text({ version: '1.3.2' } as any) +const text2 = new Text({ version: '1.3.3' } as any) -console.log((text2 as any).version) // 1.3.2 \ No newline at end of file +console.log((text2 as any).version) // 1.3.3 \ No newline at end of file diff --git a/src/start/create.html b/src/start/create.html index 5d1cd35..9e00c48 100644 --- a/src/start/create.html +++ b/src/start/create.html @@ -4,7 +4,7 @@ Demo | Leafer UI - +