Skip to content

Commit e423d11

Browse files
pardnchiupardnchiu
committed
支持完整 CSS 屬性，如 :background-color，方便快速設置。
1 parent f6ff130 commit e423d11

28 files changed

+27
-28
lines changed

‎DEPRECATION.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,4 +25,5 @@
2525
},
2626
}
2727
});
28-
```
28+
```
29+
- 非標準 CSS 屬性寫法將不再支持。請使用標準 CSS 屬性名稱。 (例如：將 `:borderRadius` 改為 `:border-radius`；將 `:bg-color` 改為 `:background-color`)

‎README.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -17,11 +17,6 @@
1717
- **自動渲染**：監控資料變動並自動更新，減少手動操作。
1818
- **輕量化**：使用原生 JS 和內建 API 撰寫，無任何外部依賴。
1919

20-
## 範例
21-
22-
- 範例一: [預覽](https://pardnchiu.github.io/web-template/target/personal-introduction-20230220) [源碼](https://github.com/pardnchiu/web-template/blob/main/target/personal-introduction-20230220)
23-
- 範例二: [預覽](https://pardnchiu.github.io/web-template/target/20230616) [源碼](https://github.com/pardnchiu/web-template/blob/main/target/20230616)
24-
2520
## 安裝方式
2621

2722
- **從 npm 安裝**
@@ -628,6 +623,11 @@
628623
629624
</details>
630625
626+
## 範例
627+
628+
- 範例一: [預覽](https://pardnchiu.github.io/web-template/target/personal-introduction-20230220) [源碼](https://github.com/pardnchiu/web-template/blob/main/target/personal-introduction-20230220)
629+
- 範例二: [預覽](https://pardnchiu.github.io/web-template/target/20230616) [源碼](https://github.com/pardnchiu/web-template/blob/main/target/20230616)
630+
631631
## 開發者
632632
633633
<img src="https://avatars.githubusercontent.com/u/25631760" align="left" width="96" height="96" style="margin-right: 0.5rem;" />

‎dist/PDQuickUI.css

Lines changed: 1 addition & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
12
*[\:animation="fade-in"],
23
*[animation="fade-in"] {
34
opacity: 0;
@@ -67,11 +68,6 @@
6768
}
6869

6970
img[lazyload]:not([lazyload=""]) {
70-
width: 1rem;
71-
height: 1rem;
72-
border: 0.25rem solid rgba(0, 0, 0, 0.1);
73-
border-top-color: #3498db;
74-
border-radius: 50%;
7571
animation: spin 2s ease-in-out infinite;
7672
}
7773

@@ -83,14 +79,4 @@ img[lazyload]:not([lazyload=""]) {
8379
100% {
8480
transform: rotate(360deg);
8581
}
86-
}
87-
88-
img[src]:not([src=""]) {
89-
width: unset;
90-
height: unset;
91-
border: 0 solid transparent;
92-
border-radius: 0;
93-
animation: none;
94-
transition: width 0.3s;
95-
transition: height 0.3s;
9682
}

‎dist/PDQuickUI.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/PDQuickUI.module.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@
6767
<script src="./dist/PDQuickUI.js"></script>
6868
</head>
6969

70-
<body id="app" :animation="fade-in">
70+
<body id="app" :effect="fade-in">
7171
<strong>延遲載入過渡</strong>
7272
<hr>
7373
<img :lazyload="https://picsum.photos/id/1/640/480" alt="">
@@ -239,13 +239,13 @@ <h4 :else>{{ title }} 4
239239
// setTimeout(_ => {
240240

241241
// app.data.heading = 3
242-
// }, 1000)
242+
// }, 2000)
243243
// setTimeout(_ => {
244244

245245
// app.data.isH2 = true
246246
// app.data.obj.home.ary[0].name = "Test"
247247

248-
// }, 2000)
248+
// }, 3000)
249249
console.log("已渲染")
250250
},
251251
before_update: _ => {

‎package.json

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "pdquickui",
3-
"version": "0.5.1",
3+
"version": "0.5.2",
44
"description": "PDQuickUI contains a lightweight front-end framework designed to separate the front-end user interface and data logic.",
55
"main": "dist/PDQuickUI.js",
66
"module": "dist/PDQuickUI.module.js",
@@ -18,7 +18,8 @@
1818
"index.html",
1919
"src/interface.ts",
2020
"LICENSE",
21-
"README.md"
21+
"README.md",
22+
"DEPRECATION.md"
2223
],
2324
"repository": {
2425
"type": "git",

‎src/*.ts

2.74 KB
Binary file not shown.

‎src/Lifecycle.ts

-2.72 KB
Binary file not shown.

‎src/PDQuickUI.js

-797 Bytes
Binary file not shown.

‎src/QUI.ts

-41.6 KB
Binary file not shown.

‎src/function/calc.ts

630 Bytes
Binary file not shown.

‎src/function/createElement.ts

3.49 KB
Binary file not shown.

‎src/function/createReactiveObject.ts

12 Bytes
Binary file not shown.

‎src/function/getCamelString.ts

511 Bytes
Binary file not shown.

‎src/function/getElementIndex.ts

4 Bytes
Binary file not shown.

‎src/function/getUniqueID.ts

14 Bytes
Binary file not shown.

‎src/function/htmlParser.ts

311 Bytes
Binary file not shown.

‎src/function/printLog.ts

2 Bytes
Binary file not shown.

‎src/function/removeEmptyTextNode.ts

7 Bytes
Binary file not shown.

‎src/function/renderElement.ts

-3.6 KB
Binary file not shown.

‎src/listener/LazyloadListener.ts

-584 Bytes
Binary file not shown.

‎src/listener/SVGListener.ts

46 Bytes
Binary file not shown.

‎src/model/Lifecycle.ts

3.93 KB
Binary file not shown.

‎src/model/QUI.ts

43.1 KB
Binary file not shown.

‎src/model/vDOM.ts

23.9 KB
Binary file not shown.

‎src/vDOM.ts

-9.57 KB
Binary file not shown.

‎static/image/loading.svg

Lines changed: 11 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)