skygraph-vue 0.5.2 → 0.6.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 +58 -36
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -1,36 +1,58 @@
|
|
|
1
|
-
# skygraph-vue
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
```
|
|
9
|
-
|
|
10
|
-
```
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
</
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
importing from `skygraph-vue`.
|
|
26
|
-
|
|
27
|
-
## What's inside
|
|
28
|
-
|
|
29
|
-
`skygraph-vue` re-exports the full public API of `@skygraph/vue` and
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
1
|
+
# skygraph-vue
|
|
2
|
+
|
|
3
|
+
[](https://www.npmjs.com/package/skygraph-vue)
|
|
4
|
+
[](https://github.com/RuslanSinkevich/skygraph-public/blob/master/LICENSE)
|
|
5
|
+
|
|
6
|
+
UI components for Vue 3 — tables, forms, charts, calendars, diagrams and 66+ more. One install, styles included.
|
|
7
|
+
|
|
8
|
+
```bash
|
|
9
|
+
npm install skygraph-vue
|
|
10
|
+
```
|
|
11
|
+
|
|
12
|
+
```vue
|
|
13
|
+
<script setup lang="ts">
|
|
14
|
+
import { SgForm, SgField, SgSubmitButton } from 'skygraph-vue'
|
|
15
|
+
</script>
|
|
16
|
+
|
|
17
|
+
<template>
|
|
18
|
+
<SgForm :default-values="{ email: '' }">
|
|
19
|
+
<SgField name="email" label="Email" />
|
|
20
|
+
<SgSubmitButton>Submit</SgSubmitButton>
|
|
21
|
+
</SgForm>
|
|
22
|
+
</template>
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
That's it. No extra `@skygraph/styles` import, no separate `@skygraph/core` install. The styles are pulled in automatically as a side effect of importing from `skygraph-vue`.
|
|
26
|
+
|
|
27
|
+
## What's inside
|
|
28
|
+
|
|
29
|
+
`skygraph-vue` re-exports the full public API of [`@skygraph/vue`](https://www.npmjs.com/package/@skygraph/vue) and ships [`@skygraph/core`](https://www.npmjs.com/package/@skygraph/core) and [`@skygraph/styles`](https://www.npmjs.com/package/@skygraph/styles) as transitive dependencies. Existing imports from `@skygraph/*` keep working — this package is purely additive.
|
|
30
|
+
|
|
31
|
+
## Components (66+)
|
|
32
|
+
|
|
33
|
+
SgButton, SgInput, SgSelect, SgDatePicker, SgTable, SgDataGrid, SgTree, SgList, SgModal, SgDrawer, SgNotification, SgTabs, SgForm, SgFormList, SgSchemaForm, SgSchemaFormEditor, SgDiagram, SgLineChart, SgBarChart, SgAreaChart, SgPieChart, SgDashboard, SgGantt, SgEventTimeline, SgResourceCalendar — and the rest of an AntD-shaped surface with the `Sg*` prefix.
|
|
34
|
+
|
|
35
|
+
## Theming
|
|
36
|
+
|
|
37
|
+
CSS Variables, no CSS-in-JS:
|
|
38
|
+
|
|
39
|
+
```css
|
|
40
|
+
:root {
|
|
41
|
+
--sg-color-primary: #7c3aed;
|
|
42
|
+
--sg-border-radius: 8px;
|
|
43
|
+
}
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
Dark mode via one attribute:
|
|
47
|
+
|
|
48
|
+
```html
|
|
49
|
+
<html data-sg-theme="dark"> ... </html>
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
## Repository
|
|
53
|
+
|
|
54
|
+
[github.com/RuslanSinkevich/skygraph-public](https://github.com/RuslanSinkevich/skygraph-public) · [docs](https://skygraph.ruslansinkevich.ru/) · [React version](https://www.npmjs.com/package/skygraph-react)
|
|
55
|
+
|
|
56
|
+
## License
|
|
57
|
+
|
|
58
|
+
MIT
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "skygraph-vue",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.1",
|
|
4
4
|
"description": "SkyGraph for Vue 3 — components, composables and styles in a single install",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -49,9 +49,9 @@
|
|
|
49
49
|
"skygraph"
|
|
50
50
|
],
|
|
51
51
|
"dependencies": {
|
|
52
|
-
"@skygraph/
|
|
53
|
-
"@skygraph/
|
|
54
|
-
"@skygraph/vue": "0.
|
|
52
|
+
"@skygraph/core": "0.5.0",
|
|
53
|
+
"@skygraph/styles": "0.2.1",
|
|
54
|
+
"@skygraph/vue": "0.6.1"
|
|
55
55
|
},
|
|
56
56
|
"peerDependencies": {
|
|
57
57
|
"vue": "^3.4.0"
|