estreui 1.1.0 → 1.2.0
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 +2 -2
- package/index.html +2 -0
- package/package.json +2 -2
- package/scripts/estreUi.js +536 -285
- package/serviceWorker.js +3 -2
- package/styles/estreUi.css +5 -2
- package/styles/estreUiAliases.css +29 -1
- package/styles/estreUiEmoji.css +88 -0
- package/styles/estreUiRoot.css +15 -7
package/README.md
CHANGED
|
@@ -106,7 +106,7 @@ EstreUI organizes content hierarchically:
|
|
|
106
106
|
EstreUI classifies pages as follows:
|
|
107
107
|
* **Static**: Static page. Elements are not deleted and remain after registration during Estre UI initialization. Cannot be closed with closePage(). PID starts with `$s`. (Can be omitted when calling)
|
|
108
108
|
* **Instant**: Instant page. Elements are deleted after registration during Estre UI initialization and loaded when bringPage() is called separately. Can be closed with closePage(). PID starts with `$i`. (Can be omitted when calling)
|
|
109
|
-
* **Multi instance**: Can display the same page implementation with different content simultaneously. PID includes an instance origin id prefixed with `^` at the end. (
|
|
109
|
+
* **Multi instance**: Can display the same page implementation with different content simultaneously. PID includes an instance origin id prefixed with `^` at the end. When creating (calling) a page, you can explicitly specify the `instanceOrigin`, or it will be automatically generated if not specified. When closing a page, you can also specify the `instanceOrigin` to close a specific page; if not specified, the most recently created page will be closed.
|
|
110
110
|
|
|
111
111
|
### PID (Page ID)
|
|
112
112
|
Navigation is handled via PIDs, similar to deep links or routes.
|
|
@@ -371,7 +371,7 @@ EstreUI는 콘텐츠를 계층적으로 구성합니다:
|
|
|
371
371
|
EstreUI는 페이지를 다음과 같이 구분합니다:
|
|
372
372
|
* **Static**: 정적 페이지. Estre UI 초기화 중 페이지 등록 시 요소가 삭제되지 않고 유지되며, closePage()로 닫을 수 없습니다. PID가 `$s`로 시작합니다. (호출 시 생략 가능)
|
|
373
373
|
* **Instant**: 인스턴트 페이지. Estre UI 초기화 중 페이지 등록 후 요소가 삭제되며, 별도로 bringPage()호출을 할 때 로드됩니다. closePage()로 닫을 수 있습니다. PID가 `$i`로 시작합니다. (호출 시 생략 가능)
|
|
374
|
-
* **Multi instance**: 같은 페이지 구현을 다른 내용으로 동시에 표시할 수 있습니다. PID 끝에 `^`를 프리픽스로 하는 instance origin id가 포함됩니다. (
|
|
374
|
+
* **Multi instance**: 같은 페이지 구현을 다른 내용으로 동시에 표시할 수 있습니다. PID 끝에 `^`를 프리픽스로 하는 instance origin id가 포함됩니다. 페이지 생성(호출) 시 `instanceOrigin`을 직접 지정하거나 지정한 내용이 없는 경우 자동으로 생성됩니다. 페이지를 닫을 때도 `instanceOrigin`을 지정하여 특정 페이지를 닫을 수 있고, 지정하지 않은 경우 가장 마지막 생성된 페이지가 닫힙니다.
|
|
375
375
|
|
|
376
376
|
### PID (Page ID)
|
|
377
377
|
네비게이션은 딥링크나 라우트와 유사한 PID를 통해 처리됩니다.
|
package/index.html
CHANGED
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
<link rel="manifest" href="./webmanifest.json">
|
|
38
38
|
|
|
39
39
|
<link rel="stylesheet" type="text/css" href="./styles/estreUiInitialize.css" />
|
|
40
|
+
<meta link="lazy" rel="stylesheet" type="text/css" href="./styles/estreUiEmoji.css" />
|
|
40
41
|
<meta link="lazy" rel="stylesheet" type="text/css" href="./styles/estreUiRoot.css" />
|
|
41
42
|
<meta link="lazy" rel="stylesheet" type="text/css" href="./styles/estreUiCore.css" />
|
|
42
43
|
<meta link="lazy" rel="stylesheet" type="text/css" href="./styles/estreUiCore2.css" />
|
|
@@ -78,6 +79,7 @@
|
|
|
78
79
|
|
|
79
80
|
|
|
80
81
|
<!-- Preload stylesheet be loaded lazy -->
|
|
82
|
+
<link rel="preload" as="style" type="text/css" href="./styles/estreUiEmoji.css" />
|
|
81
83
|
<link rel="preload" as="style" type="text/css" href="./styles/estreUiRoot.css" />
|
|
82
84
|
<link rel="preload" as="style" type="text/css" href="./styles/estreUiCore.css" />
|
|
83
85
|
<link rel="preload" as="style" type="text/css" href="./styles/estreUiCore2.css" />
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "estreui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"description": "EstreUI Core Library - A comprehensive UI framework for web applications",
|
|
5
5
|
"main": "scripts/estreUi.js",
|
|
6
6
|
"files": [
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"author": "SoliEstre",
|
|
38
38
|
"license": "MIT",
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"jquery": "^
|
|
40
|
+
"jquery": "^4.0.0",
|
|
41
41
|
"jcodd": "^0.9.0",
|
|
42
42
|
"doctre": "^1.1.1",
|
|
43
43
|
"modernism": "^0.7.0",
|