@operato/scene-marker 10.0.0-beta.2 → 10.0.0-beta.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +28 -10
- package/dist/marker.d.ts +9 -5
- package/dist/marker.js +0 -3
- package/dist/marker.js.map +1 -1
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -1,15 +1,33 @@
|
|
|
1
|
-
#
|
|
1
|
+
# @operato/scene-marker
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
> Marker UI component for things-scene
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
<!-- AUTOGEN_BEGIN: do not edit between markers (run scripts/regenerate-readmes.mjs to update) -->
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
| ---- | ------------------------- | -------------- | ------ |
|
|
9
|
-
| UMD | things-scene-marker.js | modern browser | O |
|
|
10
|
-
| UMD | things-scene-marker-ie.js | ie 11 | O |
|
|
11
|
-
| ESM | things-scene-marker.mjs | modern browser | O |
|
|
7
|
+
## Components
|
|
12
8
|
|
|
13
|
-
|
|
9
|
+
- `Marker`
|
|
14
10
|
|
|
15
|
-
|
|
11
|
+
## Install
|
|
12
|
+
|
|
13
|
+
```bash
|
|
14
|
+
yarn add @operato/scene-marker
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
## Usage
|
|
18
|
+
|
|
19
|
+
```ts
|
|
20
|
+
import { Marker } from '@operato/scene-marker'
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Build
|
|
24
|
+
|
|
25
|
+
```bash
|
|
26
|
+
yarn build
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
Output: ESM module at `dist/index.js` (single bundle, no UMD/IE legacy).
|
|
30
|
+
|
|
31
|
+
_Version: 10.0.0-beta.14_
|
|
32
|
+
|
|
33
|
+
<!-- AUTOGEN_END -->
|
package/dist/marker.d.ts
CHANGED
|
@@ -49,7 +49,7 @@ declare const Marker_base: (new (...args: any[]) => {
|
|
|
49
49
|
get disposed(): boolean;
|
|
50
50
|
isLayer(): boolean;
|
|
51
51
|
isGroup(): boolean;
|
|
52
|
-
isContainer(): this is import("@hatiolab/things-scene
|
|
52
|
+
isContainer(): this is import("@hatiolab/things-scene").Container;
|
|
53
53
|
isLine(): boolean;
|
|
54
54
|
isRoot(): boolean;
|
|
55
55
|
isRootModel(): boolean;
|
|
@@ -65,9 +65,10 @@ declare const Marker_base: (new (...args: any[]) => {
|
|
|
65
65
|
get(property: any): any;
|
|
66
66
|
set(props: any, propval?: any): any;
|
|
67
67
|
getState(property: any): any;
|
|
68
|
-
setState(props:
|
|
68
|
+
setState(props: Partial<import("@hatiolab/things-scene").State> | string, propval?: any): any;
|
|
69
69
|
get model(): any;
|
|
70
|
-
get state():
|
|
70
|
+
get state(): import("@hatiolab/things-scene").State;
|
|
71
|
+
get refid(): any;
|
|
71
72
|
get hierarchy(): any;
|
|
72
73
|
get volatile(): never[];
|
|
73
74
|
_applyProps(target: any, props: any, options: any): any;
|
|
@@ -158,7 +159,7 @@ declare const Marker_base: (new (...args: any[]) => {
|
|
|
158
159
|
findAll(s: string | ((c: import("@hatiolab/things-scene").Component) => boolean), ...others: any[]): any[] | undefined;
|
|
159
160
|
capture(x: number, y: number, except?: (c: import("@hatiolab/things-scene").Component) => boolean): any;
|
|
160
161
|
findAnchor(name: string): any;
|
|
161
|
-
isDescendible(container: import("@hatiolab/things-scene").Component): boolean;
|
|
162
|
+
isDescendible(container: import("@hatiolab/things-scene").Component | any): boolean;
|
|
162
163
|
getContext(component?: unknown): any;
|
|
163
164
|
get root(): import("@hatiolab/things-scene").Component;
|
|
164
165
|
get rootModel(): import("@hatiolab/things-scene").Component;
|
|
@@ -202,9 +203,13 @@ declare const Marker_base: (new (...args: any[]) => {
|
|
|
202
203
|
toLocal(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
|
|
203
204
|
toGlobal(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
|
|
204
205
|
toOther(x: number, y: number, target: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
|
|
206
|
+
on<K extends keyof import("@hatiolab/things-scene").ComponentEventMap>(name: K, callback: (...args: import("@hatiolab/things-scene").ComponentEventMap[K]) => void, context?: any): any;
|
|
205
207
|
on(name: string | object, callback: Function, context?: any): any;
|
|
208
|
+
off<K extends keyof import("@hatiolab/things-scene").ComponentEventMap>(name: K, callback?: ((...args: import("@hatiolab/things-scene").ComponentEventMap[K]) => void) | undefined, context?: any): any;
|
|
206
209
|
off(name?: string | object, callback?: Function, context?: any): any;
|
|
210
|
+
once<K extends keyof import("@hatiolab/things-scene").ComponentEventMap>(name: K, callback: (...args: import("@hatiolab/things-scene").ComponentEventMap[K]) => void, context?: any): any;
|
|
207
211
|
once(name: string | object, callback: Function, context?: any): any;
|
|
212
|
+
trigger<K extends keyof import("@hatiolab/things-scene").ComponentEventMap>(name: K, ...args: import("@hatiolab/things-scene").ComponentEventMap[K]): any;
|
|
208
213
|
trigger(name: string, ...args: any[]): any;
|
|
209
214
|
delegate_on(delegator: any): any;
|
|
210
215
|
delegate_off(delegator: any): any;
|
|
@@ -237,7 +242,6 @@ declare const Marker_base: (new (...args: any[]) => {
|
|
|
237
242
|
set element(_v: HTMLElement | null): any;
|
|
238
243
|
}) & typeof Shape;
|
|
239
244
|
export default class Marker extends Marker_base {
|
|
240
|
-
is3dish(): boolean;
|
|
241
245
|
render(context: CanvasRenderingContext2D): void;
|
|
242
246
|
get controls(): Control[];
|
|
243
247
|
postrender(context: CanvasRenderingContext2D): void;
|
package/dist/marker.js
CHANGED
|
@@ -15,9 +15,6 @@ const NATURE = {
|
|
|
15
15
|
help: 'scene/component/marker'
|
|
16
16
|
};
|
|
17
17
|
let Marker = class Marker extends RectPath(Shape) {
|
|
18
|
-
is3dish() {
|
|
19
|
-
return true;
|
|
20
|
-
}
|
|
21
18
|
render(context) {
|
|
22
19
|
var { innerCircleFillStyle } = this.state;
|
|
23
20
|
var { top, left, width, height } = this.bounds;
|
package/dist/marker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"marker.js","sourceRoot":"","sources":["../src/marker.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAA4B,QAAQ,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAElG,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,yBAAyB;YAChC,IAAI,EAAE,sBAAsB;YAC5B,QAAQ,EAAE,sBAAsB;SACjC;KACF;IACD,IAAI,EAAE,wBAAwB;CAC/B,CAAA;AAGc,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,QAAQ,CAAC,KAAK,CAAC;IACjD,
|
|
1
|
+
{"version":3,"file":"marker.js","sourceRoot":"","sources":["../src/marker.ts"],"names":[],"mappings":"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","sourcesContent":["import { sceneComponent, ComponentNature, Control, RectPath, Shape } from '@hatiolab/things-scene'\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [\n {\n type: 'color',\n label: 'inner-circle-fill-style',\n name: 'innerCircleFillStyle',\n property: 'innerCircleFillStyle'\n }\n ],\n help: 'scene/component/marker'\n}\n\n@sceneComponent('marker')\nexport default class Marker extends RectPath(Shape) {\n render(context: CanvasRenderingContext2D) {\n var { innerCircleFillStyle } = this.state\n var { top, left, width, height } = this.bounds\n context.translate(left, top)\n\n // 마커 모양 그리기\n context.beginPath()\n\n context.moveTo(width / 2, height * 0.9)\n\n context.bezierCurveTo(width / 2.3, height * 0.6, 0, height / 2, 0, height / 4)\n\n context.ellipse(\n width / 2,\n height / 4,\n Math.abs(width / 2),\n Math.abs(height / 4),\n 0,\n Math.PI * (width < 0 ? 0 : 1),\n Math.PI * (width < 0 ? 1 : 0),\n Math.sign(width) * Math.sign(height) == -1\n )\n\n context.bezierCurveTo(width, height / 2, width / 1.7, height * 0.6, width / 2, height * 0.9)\n\n context.closePath()\n\n this.drawFill(context)\n this.drawStroke(context)\n\n // 안쪽 원 그리기\n context.beginPath()\n context.ellipse(width / 2, height / 4, Math.abs(width * 0.18), Math.abs(height * 0.09), 0, 0, Math.PI * 2)\n context.fillStyle = innerCircleFillStyle\n context.fill()\n\n context.translate(-left, -top)\n }\n\n get controls(): Control[] {\n return []\n }\n\n postrender(context: CanvasRenderingContext2D) {\n this.drawText(context)\n }\n\n get nature() {\n return NATURE\n }\n}\n"]}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@operato/scene-marker",
|
|
3
3
|
"description": "Marker UI component for things-scene",
|
|
4
4
|
"author": "heartyoh",
|
|
5
|
-
"version": "10.0.0-beta.
|
|
5
|
+
"version": "10.0.0-beta.65",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "dist/index.js",
|
|
8
8
|
"module": "dist/index.js",
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@hatiolab/prettier-config": "^1.0.0",
|
|
35
|
-
"@things-factory/builder": "^10.0.0-
|
|
36
|
-
"@things-factory/operato-board": "^10.0.0-
|
|
35
|
+
"@things-factory/builder": "^10.0.0-zeta.1",
|
|
36
|
+
"@things-factory/operato-board": "^10.0.0-zeta.1",
|
|
37
37
|
"@typescript-eslint/eslint-plugin": "^8.0.0",
|
|
38
38
|
"@typescript-eslint/parser": "^8.0.0",
|
|
39
39
|
"@web/dev-server": "^0.1.28",
|
|
@@ -58,5 +58,5 @@
|
|
|
58
58
|
"prettier --write"
|
|
59
59
|
]
|
|
60
60
|
},
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "99733bf39e2d279630d68844f19d9687272a4992"
|
|
62
62
|
}
|