@opengis/form 0.0.72 → 0.0.74
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 +73 -73
- package/dist/components/inputs/file/vs-input-file.vue.d.ts.map +1 -1
- package/dist/components/inputs/map/vs-input-map.vue.d.ts.map +1 -1
- package/dist/components/inputs/table/vs-input-datatable.vue.d.ts.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +2447 -2328
- package/dist/index.umd.cjs +3 -3
- package/dist/types/form.d.ts +2 -0
- package/dist/types/form.d.ts.map +1 -1
- package/dist/utils/file.api.d.ts +9 -1
- package/dist/utils/file.api.d.ts.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,73 +1,73 @@
|
|
|
1
|
-
# Vue 3 + TypeScript + Vite
|
|
2
|
-
|
|
3
|
-
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
|
|
4
|
-
|
|
5
|
-
Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
|
|
6
|
-
|
|
7
|
-
## Features
|
|
8
|
-
|
|
9
|
-
- Schema-based filter rendering (radio, checkbox)
|
|
10
|
-
- Slot-based extensibility for custom filters
|
|
11
|
-
- Built-in clear/reset support
|
|
12
|
-
- Emits `change` and `clear` events
|
|
13
|
-
- Popover support with positioning logic
|
|
14
|
-
- Show more / limit options logic
|
|
15
|
-
- Written in TypeScript
|
|
16
|
-
- Fully styleable with Tailwind CSS
|
|
17
|
-
- Mobile-friendly and responsive
|
|
18
|
-
|
|
19
|
-
---
|
|
20
|
-
|
|
21
|
-
## Documentation
|
|
22
|
-
|
|
23
|
-
Check out the documentation and live demo here: [Live Demo & Docs](https://form.opengis.info)
|
|
24
|
-
|
|
25
|
-
## Install & Usage
|
|
26
|
-
|
|
27
|
-
### Install
|
|
28
|
-
|
|
29
|
-
```bash
|
|
30
|
-
npm i @opengis/form
|
|
31
|
-
```
|
|
32
|
-
|
|
33
|
-
### Usage
|
|
34
|
-
|
|
35
|
-
```vue
|
|
36
|
-
<template>
|
|
37
|
-
<VsForm :schema="schema" @change="console.log($event.data)" />
|
|
38
|
-
</template>
|
|
39
|
-
|
|
40
|
-
<script setup lang="ts">
|
|
41
|
-
|
|
42
|
-
import {ref} from 'vue'
|
|
43
|
-
import VsForm from "@opengis/form";
|
|
44
|
-
|
|
45
|
-
const schema = [
|
|
46
|
-
{ name: 'name', label: 'Name', type: 'text', col: 6, conditions: ['number', '==', 2], },
|
|
47
|
-
{ name: 'date', label: 'Date', type: 'date', col: 6, time: true, },
|
|
48
|
-
{ name: 'file', label: 'File', type: 'file', multiple: true, },
|
|
49
|
-
{ name: 'number', label: 'Number', type: 'number', col: 6, }
|
|
50
|
-
];
|
|
51
|
-
</script>
|
|
52
|
-
```
|
|
53
|
-
|
|
54
|
-
### Register
|
|
55
|
-
|
|
56
|
-
```ts
|
|
57
|
-
// main.ts
|
|
58
|
-
import VsFilter from '@opengis/form';
|
|
59
|
-
app.use(VsForm); // Register: VsForm, TextInput, ...
|
|
60
|
-
```
|
|
61
|
-
|
|
62
|
-
### Style
|
|
63
|
-
|
|
64
|
-
```html
|
|
65
|
-
<script src="https://cdn.tailwindcss.com"></script>
|
|
66
|
-
```
|
|
67
|
-
|
|
68
|
-
---
|
|
69
|
-
|
|
70
|
-
## Contributions
|
|
71
|
-
|
|
72
|
-
We welcome contributions!
|
|
73
|
-
Feel free to open issues, suggest features, or submit pull requests.
|
|
1
|
+
# Vue 3 + TypeScript + Vite
|
|
2
|
+
|
|
3
|
+
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
|
|
4
|
+
|
|
5
|
+
Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
|
|
6
|
+
|
|
7
|
+
## Features
|
|
8
|
+
|
|
9
|
+
- Schema-based filter rendering (radio, checkbox)
|
|
10
|
+
- Slot-based extensibility for custom filters
|
|
11
|
+
- Built-in clear/reset support
|
|
12
|
+
- Emits `change` and `clear` events
|
|
13
|
+
- Popover support with positioning logic
|
|
14
|
+
- Show more / limit options logic
|
|
15
|
+
- Written in TypeScript
|
|
16
|
+
- Fully styleable with Tailwind CSS
|
|
17
|
+
- Mobile-friendly and responsive
|
|
18
|
+
|
|
19
|
+
---
|
|
20
|
+
|
|
21
|
+
## Documentation
|
|
22
|
+
|
|
23
|
+
Check out the documentation and live demo here: [Live Demo & Docs](https://form.opengis.info)
|
|
24
|
+
|
|
25
|
+
## Install & Usage
|
|
26
|
+
|
|
27
|
+
### Install
|
|
28
|
+
|
|
29
|
+
```bash
|
|
30
|
+
npm i @opengis/form
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
### Usage
|
|
34
|
+
|
|
35
|
+
```vue
|
|
36
|
+
<template>
|
|
37
|
+
<VsForm :schema="schema" @change="console.log($event.data)" />
|
|
38
|
+
</template>
|
|
39
|
+
|
|
40
|
+
<script setup lang="ts">
|
|
41
|
+
|
|
42
|
+
import {ref} from 'vue'
|
|
43
|
+
import VsForm from "@opengis/form";
|
|
44
|
+
|
|
45
|
+
const schema = [
|
|
46
|
+
{ name: 'name', label: 'Name', type: 'text', col: 6, conditions: ['number', '==', 2], },
|
|
47
|
+
{ name: 'date', label: 'Date', type: 'date', col: 6, time: true, },
|
|
48
|
+
{ name: 'file', label: 'File', type: 'file', multiple: true, },
|
|
49
|
+
{ name: 'number', label: 'Number', type: 'number', col: 6, }
|
|
50
|
+
];
|
|
51
|
+
</script>
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
### Register
|
|
55
|
+
|
|
56
|
+
```ts
|
|
57
|
+
// main.ts
|
|
58
|
+
import VsFilter from '@opengis/form';
|
|
59
|
+
app.use(VsForm); // Register: VsForm, TextInput, ...
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
### Style
|
|
63
|
+
|
|
64
|
+
```html
|
|
65
|
+
<script src="https://cdn.tailwindcss.com"></script>
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
---
|
|
69
|
+
|
|
70
|
+
## Contributions
|
|
71
|
+
|
|
72
|
+
We welcome contributions!
|
|
73
|
+
Feel free to open issues, suggest features, or submit pull requests.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vs-input-file.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/file/vs-input-file.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"vs-input-file.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/file/vs-input-file.vue"],"names":[],"mappings":"AAkQA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,KAAK,WAAW,GAAG,eAAe,CAAC;AAuLnC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC9B,CAAC;;;;;;;;AA0LF,wBAOG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vs-input-map.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/map/vs-input-map.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"vs-input-map.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/map/vs-input-map.vue"],"names":[],"mappings":"AAo5BA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;;;;;;;;;;;AA40C9E,wBAQG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vs-input-datatable.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/table/vs-input-datatable.vue"],"names":[],"mappings":"AAqYA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAgLpC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;CAClB,CAAC;;;;;;
|
|
1
|
+
{"version":3,"file":"vs-input-datatable.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/table/vs-input-datatable.vue"],"names":[],"mappings":"AAqYA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAgLpC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;CAClB,CAAC;;;;;;AAq4BF,wBAOG"}
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.grid[data-v-
|
|
1
|
+
.grid[data-v-cf0478ce]{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.item-file:hover>div[data-v-b61a9d9a]{display:flex!important;background-color:#00000080}.loader[data-v-36441415]{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #3b82f6;border-radius:50%;animation:spin-36441415 1s linear infinite}@keyframes spin-36441415{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.widget-file .vs-button{background-color:#2563eb;color:#fff;font-size:.875rem;line-height:1.25rem;font-weight:600}.ui-dialog__modal div.flex.justify-between.items-center.py-3.px-4.border-b{border-bottom-width:0px;--tw-text-opacity: 1;color:#1f2937;font-weight:500;font-size:1.125rem;line-height:1.75rem;padding-bottom:0rem}.ui-dialog__modal .ui-dialog__content .p-4{padding-top:0rem}.slide-fade-enter-active[data-v-00f2f0fc],.slide-fade-leave-active[data-v-00f2f0fc]{transition:all .3s ease}.slide-fade-enter-from[data-v-00f2f0fc],.slide-fade-leave-to[data-v-00f2f0fc]{max-height:0;opacity:0;transform:translateY(-10px)}.slide-fade-enter-to[data-v-00f2f0fc],.slide-fade-leave-from[data-v-00f2f0fc]{max-height:1000px;opacity:1;transform:translateY(0)}.slide-fade-enter-active[data-v-78778cb5],.slide-fade-leave-active[data-v-78778cb5]{transition:all .3s ease}.slide-fade-enter-from[data-v-78778cb5],.slide-fade-leave-to[data-v-78778cb5]{max-height:0;opacity:0;transform:translateY(-10px)}.slide-fade-enter-to[data-v-78778cb5],.slide-fade-leave-from[data-v-78778cb5]{max-height:1000px;opacity:1;transform:translateY(0)}.map-search-widget[data-v-c5cab151]{width:100%}.vs-ctrl-group[data-v-e14fd251]{display:inline-flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;box-shadow:0 1px 2px #0000000a;gap:2px}.vs-btn[data-v-e14fd251]{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:none;cursor:pointer;border-radius:.375rem;transition:background-color .15s ease,color .15s ease,opacity .15s}.vs-btn svg[data-v-e14fd251]{width:16px;height:16px;stroke:currentColor;fill:none;color:#3c3c43;stroke-width:2}.vs-btn[data-v-e14fd251]:hover,.vs-active[data-v-e14fd251]{background:#2563eb;color:#fff}.vs-btn[data-v-e14fd251]:disabled{opacity:.5;cursor:not-allowed}.ring-2[data-v-e14fd251]{box-shadow:0 0 0 2px #3b82f699}.leaflet-map-wrapper .leaflet-container[data-v-e14fd251]{font:inherit}.fullscreen[data-v-e14fd251]{position:fixed!important;inset:0;width:100vw!important;height:100vh!important;z-index:9999;background:#fff}.tool[data-v-e14fd251]{line-height:1}.zoom-instructions-enter-active[data-v-e14fd251],.zoom-instructions-leave-active[data-v-e14fd251]{transition:all .3s ease}.zoom-instructions-enter-from[data-v-e14fd251]{opacity:0;transform:scale(.95) translateY(-10px)}.zoom-instructions-leave-to[data-v-e14fd251]{opacity:0;transform:scale(.95) translateY(10px)}.zoom-instructions-enter-to[data-v-e14fd251],.zoom-instructions-leave-from[data-v-e14fd251]{opacity:1;transform:scale(1) translateY(0)}.col-error .vs-form-text input[data-v-cb7b2b74]{border:1px solid red}.vs-form-text[data-v-cb7b2b74]{position:relative}.vs-form-text__input[data-v-cb7b2b74]::placeholder{opacity:.5}.col-error .vs-form-text input[data-v-8f88fb66]{border:1px solid red}.vs-form-text[data-v-8f88fb66]{position:relative}.vs-form-text__input[data-v-8f88fb66]::placeholder{opacity:.5}[draggable=true][data-v-c1219c25],[draggable=true][data-v-9f5a70cd]{-webkit-user-select:none;user-select:none}.vs-compact-form-navigation__item[data-v-b3e16a91]{--vs-nav-indicator-left: 4px}.vs-compact-form-navigation__item[data-v-b3e16a91]:before{content:"";position:absolute;top:50%;left:var(--vs-nav-indicator-left);width:1.5px;height:100%;transform:translateY(-50%);background-color:#6b728099;transition:background-color .2s ease}.vs-compact-form-navigation__button[data-v-b3e16a91]{transition:color .2s ease}.vs-compact-form-navigation__item--active[data-v-b3e16a91]:before{background-color:#2563eb;border-radius:9999px}
|