@hatiolab/things-scene 10.0.0-beta.76 → 10.0.0-beta.77
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/dist-types/components/drawer/fill.d.ts.map +1 -1
- package/dist-types/interfaces/rendering.d.ts +82 -17
- package/dist-types/interfaces/rendering.d.ts.map +1 -1
- package/dist-types/threed/texture/fillstyle-texture.d.ts.map +1 -1
- package/package.json +1 -1
- package/things-scene-min.js +1 -1
- package/things-scene-min.js.map +1 -1
- package/things-scene.mjs +1 -1
- package/things-scene.mjs.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fill.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/fill.ts"],"names":[],"mappings":"AAQA,wBAAgB,QAAQ,CAAC,OAAO,KAAA,EAAE,MAAM,KAAA,EAAE,MAAM,KAAA,EAAE,KAAK,KAAA,EAAE,cAAc,KAAA,
|
|
1
|
+
{"version":3,"file":"fill.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/fill.ts"],"names":[],"mappings":"AAQA,wBAAgB,QAAQ,CAAC,OAAO,KAAA,EAAE,MAAM,KAAA,EAAE,MAAM,KAAA,EAAE,KAAK,KAAA,EAAE,cAAc,KAAA,QAoLtE;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,QA0D/D;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,QAWtD;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,QAa9D"}
|
|
@@ -12,59 +12,124 @@ export interface DrawOptions {
|
|
|
12
12
|
override?: Record<string, any>;
|
|
13
13
|
}
|
|
14
14
|
/**
|
|
15
|
-
* 스타일
|
|
15
|
+
* 스타일 옵션 — gradient / pattern 타입 fillStyle 의 공통 베이스.
|
|
16
|
+
*
|
|
17
|
+
* 주의: 'solid' 채우기는 객체가 아니라 단순 색상 문자열이다 (`state.fillStyle = '#ff0000'`).
|
|
18
|
+
* 이 인터페이스는 객체 형태일 때만 (gradient / pattern) 적용된다.
|
|
16
19
|
*/
|
|
17
20
|
export interface StyleOptions {
|
|
18
21
|
type?: string;
|
|
19
|
-
gradientType?:
|
|
22
|
+
gradientType?: 'linear' | 'radial';
|
|
20
23
|
rotation?: number;
|
|
21
24
|
color?: string;
|
|
22
|
-
|
|
23
|
-
stops?: number[];
|
|
25
|
+
/** 인덱스 시그니처 — pattern 의 fitPattern / align / offsetX / offsetY 등 자유 필드 허용. */
|
|
24
26
|
[key: string]: any;
|
|
25
27
|
}
|
|
26
28
|
/**
|
|
27
|
-
* 채우기
|
|
29
|
+
* 채우기 스타일 — `state.fillStyle` 타입.
|
|
30
|
+
*
|
|
31
|
+
* 실제 형식 (drawer/fill.ts 검증):
|
|
32
|
+
* - **solid**: 그냥 색상 문자열 — 객체 아님. e.g., `state.fillStyle = '#ff0000'` 또는 `'rgba(...)'`.
|
|
33
|
+
* - **gradient**: 객체 — `{ type: 'gradient', gradientType, colorStops: [{position, color}], rotation, ... }`
|
|
34
|
+
* - **pattern**: 객체 — `{ type: 'pattern', image, fitPattern?, noRepeat?, align?, offsetX?, offsetY?, width?, height?, color? }`
|
|
35
|
+
* - **none**: `undefined` 또는 `null`.
|
|
36
|
+
*
|
|
37
|
+
* 따라서 `state.fillStyle` 의 실제 타입은 `string | FillStyle | undefined`.
|
|
28
38
|
*/
|
|
39
|
+
export type FillStyleValue = string | FillStyle | undefined;
|
|
29
40
|
export interface FillStyle extends StyleOptions {
|
|
30
|
-
type: '
|
|
31
|
-
|
|
41
|
+
type: 'gradient' | 'pattern';
|
|
42
|
+
/** gradient: 색상-위치 stops. drawer/fill.ts:79 가 사용. */
|
|
43
|
+
colorStops?: Array<{
|
|
44
|
+
position: number;
|
|
45
|
+
color: string;
|
|
46
|
+
}>;
|
|
47
|
+
/** pattern: 이미지 URL 또는 asset 참조. */
|
|
48
|
+
image?: string;
|
|
49
|
+
/** pattern: 영역에 맞춰 비율 조정. */
|
|
50
|
+
fitPattern?: boolean;
|
|
51
|
+
/** pattern: 반복 안 함 (1회만). */
|
|
52
|
+
noRepeat?: boolean;
|
|
53
|
+
/** pattern: 영역 내 정렬. */
|
|
54
|
+
align?: 'center' | 'left-top' | 'left-bottom' | 'right-top' | 'right-bottom' | 'left' | 'right' | 'top' | 'bottom';
|
|
55
|
+
/** pattern: fitPattern=false 일 때 영역 내 위치. */
|
|
56
|
+
offsetX?: number;
|
|
57
|
+
offsetY?: number;
|
|
58
|
+
/** pattern: 패턴 크기 (기본은 이미지 원본 크기). */
|
|
59
|
+
width?: number;
|
|
60
|
+
height?: number;
|
|
61
|
+
/** 컴포넌트 alpha 와 별개 — gradient/pattern 의 자체 투명도. */
|
|
32
62
|
opacity?: number;
|
|
33
63
|
}
|
|
34
64
|
/**
|
|
35
|
-
* 선
|
|
65
|
+
* 선 / 테두리 스타일 — **state 에 top-level flat 으로 저장되는 필드들**.
|
|
66
|
+
*
|
|
67
|
+
* 실제 형식 (drawer/stroke.ts:6 destructure 검증):
|
|
68
|
+
* `{ strokeStyle, lineDash, lineWidth, lineCap, lineJoin, alpha } = component.state`
|
|
69
|
+
*
|
|
70
|
+
* - `state.strokeStyle`: 색상 문자열 (Canvas API 의 strokeStyle 직접 대입)
|
|
71
|
+
* - `state.lineWidth`: number
|
|
72
|
+
* - `state.lineDash`: STRING preset 이름 — 'solid' / 'round-dot' / 'square-dot' /
|
|
73
|
+
* 'dash' / 'dash-dot' / 'long-dash' / 'long-dash-dot' / 'long-dash-dot-dot'
|
|
74
|
+
* - `state.lineCap`: 'butt' | 'round' | 'square'
|
|
75
|
+
* - `state.lineJoin`: 'miter' | 'round' | 'bevel'
|
|
76
|
+
*
|
|
77
|
+
* 이 인터페이스는 historic 한 객체 구조 — 실제로는 사용 안 됨. 참고용.
|
|
78
|
+
* 새 코드는 state 의 top-level 필드를 직접 사용할 것.
|
|
36
79
|
*/
|
|
37
80
|
export interface StrokeStyle {
|
|
81
|
+
/** @deprecated 실제로는 `state.lineWidth` (top-level). */
|
|
38
82
|
width?: number;
|
|
83
|
+
/** @deprecated 실제로는 `state.strokeStyle` (string color). */
|
|
39
84
|
color?: string;
|
|
85
|
+
/** @deprecated 실제로는 컴포넌트 `state.alpha` 가 stroke 에도 적용. */
|
|
40
86
|
opacity?: number;
|
|
87
|
+
/** @deprecated 실제로는 `state.lineCap`. */
|
|
41
88
|
lineCap?: CanvasLineCap;
|
|
89
|
+
/** @deprecated 실제로는 `state.lineJoin`. */
|
|
42
90
|
lineJoin?: CanvasLineJoin;
|
|
43
|
-
lineDash
|
|
91
|
+
/** @deprecated 실제로는 `state.lineDash` — number[] 가 아닌 STRING preset 이름. */
|
|
92
|
+
lineDash?: string;
|
|
93
|
+
/** @deprecated 미사용. */
|
|
44
94
|
lineDashOffset?: number;
|
|
45
95
|
}
|
|
46
96
|
/**
|
|
47
|
-
* 텍스트
|
|
97
|
+
* 텍스트 / 폰트 스타일 — **state 에 top-level flat 으로 저장**.
|
|
98
|
+
*
|
|
99
|
+
* `state.fontFamily / fontSize / fontStyle / fontWeight / fontColor /
|
|
100
|
+
* textAlign / textBaseline / lineHeight`
|
|
101
|
+
*
|
|
102
|
+
* 이 인터페이스는 필드 이름 reference 용 — 객체로 묶어 저장하지 않는다.
|
|
48
103
|
*/
|
|
49
104
|
export interface TextStyle {
|
|
50
|
-
font?: string;
|
|
51
|
-
fontSize?: number;
|
|
52
|
-
fontColor?: string;
|
|
53
105
|
fontFamily?: string;
|
|
106
|
+
fontSize?: number;
|
|
54
107
|
fontStyle?: string;
|
|
55
108
|
fontWeight?: string;
|
|
109
|
+
fontColor?: string;
|
|
56
110
|
textAlign?: CanvasTextAlign;
|
|
57
111
|
textBaseline?: CanvasTextBaseline;
|
|
58
112
|
lineHeight?: number;
|
|
113
|
+
/** @deprecated 사용처 없음. */
|
|
114
|
+
font?: string;
|
|
59
115
|
}
|
|
60
116
|
/**
|
|
61
|
-
* 그림자
|
|
117
|
+
* 그림자 효과 — `state.shadow` 객체 형식.
|
|
118
|
+
*
|
|
119
|
+
* 실제 형식 (effect/shadow.ts:13 검증):
|
|
120
|
+
* `{ left = 0, top = 0, blurSize = 0, color = 'transparent' } = state.shadow`
|
|
121
|
+
*
|
|
122
|
+
* Canvas API 의 shadowOffsetX/Y/Blur 와 헷갈릴 수 있는데 **shadow 객체 안에서는
|
|
123
|
+
* left/top/blurSize 가 정설**. 외부 (CSS / Material 등) 에서 입력 받을 때 매핑 필요.
|
|
62
124
|
*/
|
|
63
125
|
export interface Shadow {
|
|
64
126
|
color?: string;
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
127
|
+
/** Canvas 의 shadowOffsetX 에 매핑되는 값. CSS 의 box-shadow 의 offset-x. */
|
|
128
|
+
left?: number;
|
|
129
|
+
/** Canvas 의 shadowOffsetY 에 매핑되는 값. */
|
|
130
|
+
top?: number;
|
|
131
|
+
/** Canvas 의 shadowBlur 에 매핑되는 값. CSS 의 box-shadow 의 blur-radius. */
|
|
132
|
+
blurSize?: number;
|
|
68
133
|
}
|
|
69
134
|
/** Fill drawer — 그라디언트, 패턴, 이미지 채우기 */
|
|
70
135
|
export interface IFillDrawer {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rendering.d.ts","sourceRoot":"","sources":["../../src/interfaces/rendering.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,wBAAwB,CAAA;AAEzD;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,kBAAkB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC/B;AAED
|
|
1
|
+
{"version":3,"file":"rendering.d.ts","sourceRoot":"","sources":["../../src/interfaces/rendering.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fillstyle-texture.d.ts","sourceRoot":"","sources":["../../../src/threed/texture/fillstyle-texture.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,SAAS,MAAM,+BAA+B,CAAA;AAG1D;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE;IAAE,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAAE,EAC3H,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,GACR,iBAAiB,GAAG,IAAI,CAmC1B;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,GAAG,KAAK,CAAC,OAAO,CAqGvF;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE;IAAE,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAAE,GAC1H,KAAK,CAAC,aAAa,GAAG,SAAS,CASjC;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,SAAS,GAAG,KAAK,CAAC,OAAO,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"fillstyle-texture.d.ts","sourceRoot":"","sources":["../../../src/threed/texture/fillstyle-texture.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,SAAS,MAAM,+BAA+B,CAAA;AAG1D;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE;IAAE,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAAE,EAC3H,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,GACR,iBAAiB,GAAG,IAAI,CAmC1B;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,GAAG,KAAK,CAAC,OAAO,CAqGvF;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE;IAAE,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAAE,GAC1H,KAAK,CAAC,aAAa,GAAG,SAAS,CASjC;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,SAAS,GAAG,KAAK,CAAC,OAAO,GAAG,SAAS,CAarF"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hatiolab/things-scene",
|
|
3
|
-
"version": "10.0.0-beta.
|
|
3
|
+
"version": "10.0.0-beta.77",
|
|
4
4
|
"description": "A high-performance 2D/3D scene graph library for building interactive visual editors, combining HTML5 Canvas and Three.js to enable facility visualization, data-driven animations, and real-time monitoring dashboards",
|
|
5
5
|
"main": "things-scene-min.js",
|
|
6
6
|
"module": "things-scene.mjs",
|