@opengis/form 0.0.80 → 0.0.82
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
CHANGED
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
# Vue 3 + TypeScript + Vite
|
|
2
|
-
|
|
3
|
-
Flexible and reusable way to create forms with validation, different input types, and layouts
|
|
4
|
-
|
|
5
|
-
## Features
|
|
6
|
-
|
|
7
|
-
- Schema-based filter rendering (radio, checkbox)
|
|
8
|
-
- Slot-based extensibility for custom filters
|
|
9
|
-
- Built-in clear/reset support
|
|
10
|
-
- Emits `change` and `clear` events
|
|
11
|
-
- Popover support with positioning logic
|
|
12
|
-
- Show more / limit options logic
|
|
13
|
-
- Written in TypeScript
|
|
14
|
-
- Fully styleable with Tailwind CSS
|
|
15
|
-
- Mobile-friendly and responsive
|
|
16
|
-
|
|
17
|
-
---
|
|
18
|
-
|
|
19
|
-
## Documentation
|
|
20
|
-
|
|
21
|
-
Check out the documentation and live demo here: [Live Demo & Docs](https://form.opengis.info)
|
|
22
|
-
|
|
23
|
-
## Install & Usage
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
```bash
|
|
27
|
-
npm i @opengis/form
|
|
28
|
-
```
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
```vue
|
|
32
|
-
<template>
|
|
33
|
-
<VsForm :schema="schema" @change="console.log($event.data)" />
|
|
34
|
-
</template>
|
|
35
|
-
|
|
36
|
-
<script setup lang="ts">
|
|
37
|
-
|
|
38
|
-
import {ref} from 'vue'
|
|
39
|
-
import VsForm from "@opengis/form";
|
|
40
|
-
|
|
41
|
-
const schema = [
|
|
42
|
-
{ name: 'name', label: 'Name', type: 'text', col: 6, conditions: ['number', '==', 2], },
|
|
43
|
-
{ name: 'date', label: 'Date', type: 'date', col: 6, time: true, },
|
|
44
|
-
{ name: 'file', label: 'File', type: 'file', multiple: true, },
|
|
45
|
-
{ name: 'number', label: 'Number', type: 'number', col: 6, }
|
|
46
|
-
];
|
|
47
|
-
</script>
|
|
48
|
-
```
|
|
49
|
-
|
|
50
|
-
**Style**
|
|
51
|
-
|
|
52
|
-
```html
|
|
53
|
-
<script src="https://cdn.tailwindcss.com"></script>
|
|
54
|
-
```
|
|
55
|
-
|
|
56
|
-
---
|
|
57
|
-
|
|
58
|
-
## Contributions
|
|
59
|
-
|
|
60
|
-
We welcome contributions!
|
|
61
|
-
Feel free to open issues, suggest features, or submit pull requests.
|
|
1
|
+
# Vue 3 + TypeScript + Vite
|
|
2
|
+
|
|
3
|
+
Flexible and reusable way to create forms with validation, different input types, and layouts
|
|
4
|
+
|
|
5
|
+
## Features
|
|
6
|
+
|
|
7
|
+
- Schema-based filter rendering (radio, checkbox)
|
|
8
|
+
- Slot-based extensibility for custom filters
|
|
9
|
+
- Built-in clear/reset support
|
|
10
|
+
- Emits `change` and `clear` events
|
|
11
|
+
- Popover support with positioning logic
|
|
12
|
+
- Show more / limit options logic
|
|
13
|
+
- Written in TypeScript
|
|
14
|
+
- Fully styleable with Tailwind CSS
|
|
15
|
+
- Mobile-friendly and responsive
|
|
16
|
+
|
|
17
|
+
---
|
|
18
|
+
|
|
19
|
+
## Documentation
|
|
20
|
+
|
|
21
|
+
Check out the documentation and live demo here: [Live Demo & Docs](https://form.opengis.info)
|
|
22
|
+
|
|
23
|
+
## Install & Usage
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
```bash
|
|
27
|
+
npm i @opengis/form
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
```vue
|
|
32
|
+
<template>
|
|
33
|
+
<VsForm :schema="schema" @change="console.log($event.data)" />
|
|
34
|
+
</template>
|
|
35
|
+
|
|
36
|
+
<script setup lang="ts">
|
|
37
|
+
|
|
38
|
+
import {ref} from 'vue'
|
|
39
|
+
import VsForm from "@opengis/form";
|
|
40
|
+
|
|
41
|
+
const schema = [
|
|
42
|
+
{ name: 'name', label: 'Name', type: 'text', col: 6, conditions: ['number', '==', 2], },
|
|
43
|
+
{ name: 'date', label: 'Date', type: 'date', col: 6, time: true, },
|
|
44
|
+
{ name: 'file', label: 'File', type: 'file', multiple: true, },
|
|
45
|
+
{ name: 'number', label: 'Number', type: 'number', col: 6, }
|
|
46
|
+
];
|
|
47
|
+
</script>
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
**Style**
|
|
51
|
+
|
|
52
|
+
```html
|
|
53
|
+
<script src="https://cdn.tailwindcss.com"></script>
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
---
|
|
57
|
+
|
|
58
|
+
## Contributions
|
|
59
|
+
|
|
60
|
+
We welcome contributions!
|
|
61
|
+
Feel free to open issues, suggest features, or submit pull requests.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Datepicker.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/date/datepicker/Datepicker.vue"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Datepicker.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/date/datepicker/Datepicker.vue"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vs-input-select.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/vs-input-select.vue"],"names":[],"mappings":"AA+7BA,OAAO,KAAK,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AA2BnE,KAAK,oBAAoB,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACvD,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;CACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"vs-input-select.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/vs-input-select.vue"],"names":[],"mappings":"AA+7BA,OAAO,KAAK,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AA2BnE,KAAK,oBAAoB,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACvD,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;CACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;AA+vCF,wBAQG"}
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.grid[data-v-
|
|
1
|
+
.grid[data-v-8e66207e]{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.item-file:hover>div[data-v-286cdbc0]{display:flex!important;background-color:#00000080}.loader[data-v-94bcb5d9]{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #3b82f6;border-radius:50%;animation:spin-94bcb5d9 1s linear infinite}@keyframes spin-94bcb5d9{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-90320b87],.slide-fade-leave-active[data-v-90320b87]{transition:all .3s ease}.slide-fade-enter-from[data-v-90320b87],.slide-fade-leave-to[data-v-90320b87]{max-height:0;opacity:0;transform:translateY(-10px)}.slide-fade-enter-to[data-v-90320b87],.slide-fade-leave-from[data-v-90320b87]{max-height:1000px;opacity:1;transform:translateY(0)}.slide-fade-enter-active[data-v-590eff11],.slide-fade-leave-active[data-v-590eff11]{transition:all .3s ease}.slide-fade-enter-from[data-v-590eff11],.slide-fade-leave-to[data-v-590eff11]{max-height:0;opacity:0;transform:translateY(-10px)}.slide-fade-enter-to[data-v-590eff11],.slide-fade-leave-from[data-v-590eff11]{max-height:1000px;opacity:1;transform:translateY(0)}.map-search-widget[data-v-3048520a]{width:100%}.vs-ctrl-group[data-v-52b45f71]{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-52b45f71]{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-52b45f71]{width:16px;height:16px;stroke:currentColor;fill:none;color:#3c3c43;stroke-width:2}.vs-btn[data-v-52b45f71]:hover,.vs-active[data-v-52b45f71]{background:#2563eb;color:#fff}.vs-btn[data-v-52b45f71]:disabled{opacity:.5;cursor:not-allowed}.ring-2[data-v-52b45f71]{box-shadow:0 0 0 2px #3b82f699}.leaflet-map-wrapper .leaflet-container[data-v-52b45f71]{font:inherit}.fullscreen[data-v-52b45f71]{position:fixed!important;inset:0;width:100vw!important;height:100vh!important;z-index:9999;background:#fff}.tool[data-v-52b45f71]{line-height:1}.zoom-instructions-enter-active[data-v-52b45f71],.zoom-instructions-leave-active[data-v-52b45f71]{transition:all .3s ease}.zoom-instructions-enter-from[data-v-52b45f71]{opacity:0;transform:scale(.95) translateY(-10px)}.zoom-instructions-leave-to[data-v-52b45f71]{opacity:0;transform:scale(.95) translateY(10px)}.zoom-instructions-enter-to[data-v-52b45f71],.zoom-instructions-leave-from[data-v-52b45f71]{opacity:1;transform:scale(1) translateY(0)}.col-error .vs-form-text input[data-v-b0eba370]{border:1px solid red}.vs-form-text[data-v-b0eba370]{position:relative}.vs-form-text__input[data-v-b0eba370]::placeholder{opacity:.5}.col-error .vs-form-text input[data-v-6ee5237d]{border:1px solid red}.vs-form-text[data-v-6ee5237d]{position:relative}.vs-form-text__input[data-v-6ee5237d]::placeholder{opacity:.5}[draggable=true][data-v-a0f7fbfc],[draggable=true][data-v-66316a33]{-webkit-user-select:none;user-select:none}.vs-datalist[data-v-a7a64a30],.vs-dataform[data-v-4dc5a1a3]{width:100%}.vs-compact-form-navigation__item[data-v-1584a562]{--vs-nav-indicator-left: 4px}.vs-compact-form-navigation__item[data-v-1584a562]: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-1584a562]{transition:color .2s ease}.vs-compact-form-navigation__item--active[data-v-1584a562]:before{background-color:#2563eb;border-radius:9999px}.v3dp__popout[data-v-3b9aea7a]{z-index:10;position:absolute;text-align:center;width:17.5em;background-color:var(--popout-bg-color);box-shadow:var(--box-shadow);border-radius:var(--border-radius);padding:8px 0 1em;color:var(--text-color)}.v3dp__popout[data-v-3b9aea7a] *{color:inherit;font-size:inherit;font-weight:inherit}.v3dp__popout[data-v-3b9aea7a] button{background:none;border:none;outline:none}.v3dp__popout[data-v-3b9aea7a] button:not(:disabled){cursor:pointer}.v3dp__heading[data-v-3b9aea7a]{width:100%;display:flex;height:var(--heading-size);line-height:var(--heading-size);font-weight:var(--heading-weight)}.v3dp__heading__button[data-v-3b9aea7a]{background:none;border:none;padding:0;display:flex;justify-content:center;align-items:center;width:var(--heading-size)}button.v3dp__heading__center[data-v-3b9aea7a]:hover,.v3dp__heading__button[data-v-3b9aea7a]:not(:disabled):hover{background-color:var(--heading-hover-color)}.v3dp__heading__center[data-v-3b9aea7a]{flex:1}.v3dp__heading__icon[data-v-3b9aea7a]{height:12px;stroke:var(--arrow-color)}.v3dp__heading__button:disabled .v3dp__heading__icon[data-v-3b9aea7a]{stroke:var(--elem-disabled-color)}.v3dp__subheading[data-v-3b9aea7a],.v3dp__elements[data-v-3b9aea7a]{display:grid;grid-template-columns:var(--popout-column-definition);font-size:var(--elem-font-size)}.v3dp__subheading[data-v-3b9aea7a]{margin-top:1em}.v3dp__divider[data-v-3b9aea7a]{border:1px solid var(--divider-color);border-radius:3px}.v3dp__elements[data-v-3b9aea7a] button:disabled{color:var(--elem-disabled-color)}.v3dp__elements[data-v-3b9aea7a] button{padding:.3em .6em}.v3dp__elements[data-v-3b9aea7a] button span{display:block;line-height:1.9em;height:1.8em;border-radius:var(--elem-border-radius)}.v3dp__elements[data-v-3b9aea7a] button:not(:disabled):hover span{background-color:var(--elem-hover-bg-color);color:var(--elem-hover-color)}.v3dp__elements[data-v-3b9aea7a] button.selected span{background-color:var(--elem-selected-bg-color);color:var(--elem-selected-color)}.v3dp__elements[data-v-3b9aea7a] button.current span{font-weight:var(--elem-current-font-weight);outline:1px solid var(--elem-current-outline-color)}.v3dp__column[data-v-c075af58]{display:flex;flex-direction:column;overflow-y:auto;height:190px}.v3dp__datepicker{--popout-bg-color: var(--vdp-bg-color, #fff);--box-shadow: var( --vdp-box-shadow, 0 4px 10px 0 rgba(128, 144, 160, .1), 0 0 1px 0 rgba(128, 144, 160, .81) );--text-color: var(--vdp-text-color, #000000);--border-radius: var(--vdp-border-radius, 3px);--heading-size: var(--vdp-heading-size, 2.5em);--heading-weight: var(--vdp-heading-weight, bold);--heading-hover-color: var(--vdp-heading-hover-color, #eeeeee);--arrow-color: var(--vdp-arrow-color, currentColor);--elem-color: var(--vdp-elem-color, currentColor);--elem-disabled-color: var(--vdp-disabled-color, #d5d9e0);--elem-hover-color: var(--vdp-hover-color, #fff);--elem-hover-bg-color: var(--vdp-hover-bg-color, #0baf74);--elem-selected-color: var(--vdp-selected-color, #fff);--elem-selected-bg-color: var(--vdp-selected-bg-color, #0baf74);--elem-current-outline-color: var(--vdp-current-date-outline-color, #888);--elem-current-font-weight: var(--vdp-current-date-font-weight, bold);--elem-font-size: var(--vdp-elem-font-size, .8em);--elem-border-radius: var(--vdp-elem-border-radius, 3px);--divider-color: var(--vdp-divider-color, var(--elem-disabled-color));position:relative}.v3dp__clearable{display:inline;position:relative;left:-15px;cursor:pointer}.vs-date-picker[data-v-a65a2ac3],.vs-date-picker[data-v-a65a2ac3] .v3dp__datepicker{width:100%}.vs-date-picker[data-v-a65a2ac3] .v3dp__input_wrapper{position:relative}.vs-date-picker[data-v-a65a2ac3] .v3dp__input_wrapper input{border:1px solid #CFD9E0;background-color:#fff}.vs-date-picker[data-v-a65a2ac3] .v3dp__clearable{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);cursor:pointer;color:#6b7280;display:flex;align-items:center}.vs-date-picker[data-v-a65a2ac3] .v3dp__clearable i{display:inline;position:absolute;right:5px;cursor:pointer}.vs-date-picker[data-v-a65a2ac3] .v3dp__clearable:hover{color:#ef4444}
|