@sunggang/ui-lib 0.4.16 → 0.4.18
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 +25 -2
- package/index.cjs.css +0 -7
- package/index.esm.css +0 -7
- package/package.json +5 -2
package/README.md
CHANGED
|
@@ -7,12 +7,35 @@ This library was generated with [Nx](https://nx.dev).
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
## 安裝
|
|
10
|
-
```
|
|
10
|
+
```bash
|
|
11
11
|
npm i @sunggang/ui-lib
|
|
12
12
|
```
|
|
13
13
|
|
|
14
|
-
##
|
|
14
|
+
## CSS 設定
|
|
15
|
+
|
|
16
|
+
### 方法 1：引入所有樣式（推薦）
|
|
17
|
+
```tsx
|
|
18
|
+
import '@sunggang/ui-lib/style.css'; // Tailwind 基礎樣式
|
|
19
|
+
import '@sunggang/ui-lib/flatpickr.css'; // 日期選擇器樣式
|
|
20
|
+
import '@sunggang/ui-lib/react-date-range.css'; // 日期範圍選擇器樣式
|
|
21
|
+
import '@sunggang/ui-lib/react-date-range-theme.css'; // 日期範圍主題樣式
|
|
15
22
|
```
|
|
23
|
+
|
|
24
|
+
### 方法 2：按需引入樣式
|
|
25
|
+
```tsx
|
|
26
|
+
// 基礎樣式（必須）
|
|
27
|
+
import '@sunggang/ui-lib/style.css';
|
|
28
|
+
|
|
29
|
+
// 只有使用 FlatpickrField 時才需要
|
|
30
|
+
import '@sunggang/ui-lib/flatpickr.css';
|
|
31
|
+
|
|
32
|
+
// 只有使用 ReactDateRange 時才需要
|
|
33
|
+
import '@sunggang/ui-lib/react-date-range.css';
|
|
34
|
+
import '@sunggang/ui-lib/react-date-range-theme.css';
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
## 元件使用方式
|
|
38
|
+
```tsx
|
|
16
39
|
import { Switch, CkEditor } from '@sunggang/ui-lib';
|
|
17
40
|
```
|
|
18
41
|
|
package/index.cjs.css
CHANGED
|
@@ -3123,13 +3123,6 @@ video {
|
|
|
3123
3123
|
.\[module\:ui\/template\~TemplateBinding\#callback\] {
|
|
3124
3124
|
module: ui/template~TemplateBinding#callback;
|
|
3125
3125
|
}
|
|
3126
|
-
|
|
3127
|
-
/* Flatpickr CSS for date picker components */
|
|
3128
|
-
@import './assets/css/flatpickr.min.css';
|
|
3129
|
-
|
|
3130
|
-
/* React Date Range CSS */
|
|
3131
|
-
@import './assets/css/react_date_range_styles.css';
|
|
3132
|
-
@import './assets/css/react_date_range_theme_default.css';
|
|
3133
3126
|
.file\:border-0::file-selector-button {
|
|
3134
3127
|
border-width: 0px;
|
|
3135
3128
|
}
|
package/index.esm.css
CHANGED
|
@@ -3123,13 +3123,6 @@ video {
|
|
|
3123
3123
|
.\[module\:ui\/template\~TemplateBinding\#callback\] {
|
|
3124
3124
|
module: ui/template~TemplateBinding#callback;
|
|
3125
3125
|
}
|
|
3126
|
-
|
|
3127
|
-
/* Flatpickr CSS for date picker components */
|
|
3128
|
-
@import './assets/css/flatpickr.min.css';
|
|
3129
|
-
|
|
3130
|
-
/* React Date Range CSS */
|
|
3131
|
-
@import './assets/css/react_date_range_styles.css';
|
|
3132
|
-
@import './assets/css/react_date_range_theme_default.css';
|
|
3133
3126
|
.file\:border-0::file-selector-button {
|
|
3134
3127
|
border-width: 0px;
|
|
3135
3128
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sunggang/ui-lib",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.18",
|
|
4
4
|
"main": "./index.cjs.js",
|
|
5
5
|
"module": "./index.esm.js",
|
|
6
6
|
"types": "./dist/src/index.d.ts",
|
|
@@ -10,7 +10,10 @@
|
|
|
10
10
|
"import": "./index.cjs.mjs",
|
|
11
11
|
"default": "./index.cjs.js"
|
|
12
12
|
},
|
|
13
|
-
"./style.css": "./dist/
|
|
13
|
+
"./style.css": "./dist/style.esm.css",
|
|
14
|
+
"./flatpickr.css": "./dist/flatpickr.min.css",
|
|
15
|
+
"./react-date-range.css": "./dist/react_date_range_styles.css",
|
|
16
|
+
"./react-date-range-theme.css": "./dist/react_date_range_theme_default.css",
|
|
14
17
|
"./FormProvider": {
|
|
15
18
|
"module": "./FormProvider.esm.js",
|
|
16
19
|
"import": "./FormProvider.cjs.mjs",
|