@vtable-guild/vtable-guild 2.2.0 → 2.2.1
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 +13 -6
- package/css/tailwind3.css +3 -1558
- package/dist/core/src/utils/types.d.ts +2 -1
- package/dist/core/src/utils/types.d.ts.map +1 -1
- package/dist/css/tailwind3.css +3 -1558
- package/dist/index.cjs +1 -0
- package/dist/tailwind3-preset.cjs +1 -0
- package/dist/tailwind3-preset.d.ts +4 -0
- package/dist/tailwind3-preset.mjs +23 -0
- package/dist/vtable-guild/src/tailwind3-preset.d.ts +22 -0
- package/dist/vtable-guild/src/tailwind3-preset.d.ts.map +1 -0
- package/package.json +6 -1
package/README.md
CHANGED
|
@@ -10,7 +10,11 @@ pnpm add @vtable-guild/vtable-guild
|
|
|
10
10
|
|
|
11
11
|
## Quick Start
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
vtable-guild supports three CSS modes.
|
|
14
|
+
|
|
15
|
+
### prebuilt
|
|
16
|
+
|
|
17
|
+
Use the prebuilt CSS entry when the host app does not use Tailwind CSS:
|
|
14
18
|
|
|
15
19
|
```ts
|
|
16
20
|
import { createVTableGuild } from '@vtable-guild/vtable-guild'
|
|
@@ -24,8 +28,14 @@ This works without installing Tailwind CSS or configuring `@tailwindcss/vite`. I
|
|
|
24
28
|
classes are emitted with the `vtg-` prefix. If you need to override an internal utility in `ui` or
|
|
25
29
|
`theme`, use the same prefix, for example `vtg-px-2`.
|
|
26
30
|
|
|
27
|
-
|
|
28
|
-
|
|
31
|
+
### tailwind3
|
|
32
|
+
|
|
33
|
+
Use the Tailwind 3 CSS entry, add `@vtable-guild/vtable-guild/tailwind3-preset` to `presets`, scan
|
|
34
|
+
`node_modules/@vtable-guild`, and enable `cssMode: 'tailwind3'`.
|
|
35
|
+
|
|
36
|
+
### tailwind4
|
|
37
|
+
|
|
38
|
+
Use the Tailwind 4 CSS entry and runtime mode:
|
|
29
39
|
|
|
30
40
|
```ts
|
|
31
41
|
import '@vtable-guild/vtable-guild/css/tailwind4'
|
|
@@ -33,9 +43,6 @@ import '@vtable-guild/vtable-guild/css/tailwind4'
|
|
|
33
43
|
app.use(createVTableGuild({ cssMode: 'tailwind4' }))
|
|
34
44
|
```
|
|
35
45
|
|
|
36
|
-
`@vtable-guild/vtable-guild/css/tailwind3` is kept as a legacy compatibility alias for existing
|
|
37
|
-
prebuilt CSS projects.
|
|
38
|
-
|
|
39
46
|
```vue
|
|
40
47
|
<template>
|
|
41
48
|
<VTable :columns="columns" :data-source="data" />
|