@libs-ui/components-inputs-quill2x-preview 0.2.357-1 → 0.2.357-11
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 +3 -11
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -107,7 +107,7 @@ export class NewsFeedComponent {
|
|
|
107
107
|
[hasButtonCollapseExpand]="true"
|
|
108
108
|
[labelButtonViewMore]="'Xem toàn bộ bài viết'"
|
|
109
109
|
[labelButtonCollapse]="'Thu gọn bài viết'"
|
|
110
|
-
[(expand)]="isExpanded
|
|
110
|
+
[(expand)]="isExpanded">
|
|
111
111
|
</libs_ui-components-inputs-quill2x-preview>
|
|
112
112
|
```
|
|
113
113
|
|
|
@@ -147,7 +147,7 @@ export class ProductDescriptionComponent {
|
|
|
147
147
|
[containerClass]="'border border-gray-200 rounded p-2'"
|
|
148
148
|
[maxHeight]="200"
|
|
149
149
|
[hasButtonCollapseExpand]="true"
|
|
150
|
-
[(expand)]="isOpen
|
|
150
|
+
[(expand)]="isOpen">
|
|
151
151
|
</libs_ui-components-inputs-quill2x-preview>
|
|
152
152
|
```
|
|
153
153
|
|
|
@@ -157,7 +157,7 @@ export class ProductDescriptionComponent {
|
|
|
157
157
|
|---|---|---|---|---|
|
|
158
158
|
| `data` | `string` | **(Required)** | Chuỗi HTML cần hiển thị. Nội dung sẽ được tự động sanitize trước khi render | `[data]="articleHtml()"` |
|
|
159
159
|
| `containerClass` | `string` | `undefined` | Class CSS bổ sung cho thẻ `.ql-container` bên trong. Dùng để override style hoặc thêm border/padding | `[containerClass]="'border rounded p-2'"` |
|
|
160
|
-
| `expand` | `boolean` | `undefined` | Trạng thái mở rộng / thu gọn. Là `model()` — hỗ trợ two-way binding `[(expand)]` | `[(expand)]="isExpanded
|
|
160
|
+
| `expand` | `boolean` | `undefined` | Trạng thái mở rộng / thu gọn. Là `model()` — hỗ trợ two-way binding `[(expand)]` | `[(expand)]="isExpanded"` |
|
|
161
161
|
| `hasButtonCollapseExpand` | `boolean` | `undefined` (falsy) | Bật tính năng giới hạn chiều cao và nút Xem thêm / Thu gọn. Khi `true`, component đo chiều cao sau render | `[hasButtonCollapseExpand]="true"` |
|
|
162
162
|
| `maxHeight` | `number` | `160` | Chiều cao tối đa tính bằng pixel trước khi kích hoạt nút Xem thêm. Nếu truyền `undefined` hoặc `0`, mặc định về `160` | `[maxHeight]="200"` |
|
|
163
163
|
| `labelButtonViewMore` | `string` | `'i18n_view_more'` | Nhãn hiển thị trên nút Xem thêm. Nếu không truyền, dùng i18n key `i18n_view_more` | `[labelButtonViewMore]="'Xem toàn bộ'"` |
|
|
@@ -206,11 +206,3 @@ Component có SCSS override phức tạp để sửa lỗi đánh số tự đ
|
|
|
206
206
|
⚠️ **expand là model()**: `expand` dùng `model()` thay vì `input()`. Sử dụng `[(expand)]` cho two-way binding. Nếu chỉ cần one-way, dùng `[expand]`.
|
|
207
207
|
|
|
208
208
|
⚠️ **hasButtonCollapseExpand + ngAfterViewInit**: Nút Xem thêm chỉ hiển thị sau khi DOM render xong (sau 250ms). Không nên kiểm tra `hasShowMore` đồng bộ ngay khi component khởi tạo.
|
|
209
|
-
|
|
210
|
-
## Demo
|
|
211
|
-
|
|
212
|
-
```bash
|
|
213
|
-
npx nx serve core-ui
|
|
214
|
-
```
|
|
215
|
-
|
|
216
|
-
Truy cập: http://localhost:4500/components/inputs/quill2x-preview
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@libs-ui/components-inputs-quill2x-preview",
|
|
3
|
-
"version": "0.2.357-
|
|
3
|
+
"version": "0.2.357-11",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^18.2.0",
|
|
6
6
|
"@angular/core": "^18.2.0",
|
|
7
|
-
"@libs-ui/components-buttons-button": "0.2.357-
|
|
8
|
-
"@libs-ui/pipes-security-trust": "0.2.357-
|
|
7
|
+
"@libs-ui/components-buttons-button": "0.2.357-11",
|
|
8
|
+
"@libs-ui/pipes-security-trust": "0.2.357-11",
|
|
9
9
|
"rxjs": "~7.8.0"
|
|
10
10
|
},
|
|
11
11
|
"sideEffects": false,
|