@opengis/form 0.0.86 → 0.0.87
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 +61 -61
- package/dist/components/inputs/date/datepicker/Datepicker.vue.d.ts.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +101 -101
- package/dist/index.umd.cjs +3 -3
- package/dist/types/form.d.ts +1 -0
- package/dist/types/form.d.ts.map +1 -1
- package/package.json +68 -68
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":"AAukBA,OAAO,EAKL,QAAQ,EAKT,MAAM,KAAK,CAAA;;;;;;IAyCR;;OAEG;;cAEa,QAAQ,CAAC,IAAI,CAAC;;;IAG9B;;OAEG;;cAEe,QAAQ,CAAC;YACvB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;YACd,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,KAAK,OAAO,CAAA;SAC3C,CAAC;;;;;;;;IAQJ;;OAEG;;cAEe,QAAQ,CAAC;YACvB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;YACd,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,KAAK,OAAO,CAAA;SAC3C,CAAC;;;IAGJ;;OAEG;;cAEa,QAAQ,CAAC,IAAI,CAAC;;;IAG9B;;OAEG;;cAEa,QAAQ,CAAC,IAAI,CAAC;;;IAG9B;;OAEG;;cAEe,QAAQ,CAAC,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;;;sBAG7C,OAAO;;IAGvB;;;;OAIG;;cAEa,QAAQ,CAAC,IAAI,CAAC;;;;IAI9B;;OAEG;;;;;;IAMH;;OAEG;;;;;;IAMH;;OAEG;;;;;;IAMH;;OAEG;;;;;;IAMH;;;OAGG;;;;;;IAMH;;OAEG;;cAEc,QAAQ,CAAC,MAAM,EAAE,CAAC;;;IAGnC;;;;;OAKG;;cAEe,QAAQ,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;;;2BAGhC,GAAG;;IAExB;;OAEG;;;;;;IAMH;;OAEG;;;;;;;;;;;IAcH;;OAEG;;cAEe,QAAQ,CAAC,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;;;sBAG7C,OAAO;;;;;;;;;;2BAwHf,MAAM,GAAG,OAAO,GAAG,KAAK,eACjB,IAAI;uBAUO,IAAI;wBAUH,IAAI;sBAUN,IAAI;uBAWH,IAAI;mBAsBR,aAAa;;;;;;aAkExB,GAAG;wBAjCa,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS;;;;iCApNhC,IAAI,GAAG,IAAI,GAAG,SAAS;kCAEtB,IAAI;gCACN,IAAI;iCACH,IAAI;;;;;;;;IAtKjC;;OAEG;;cAEa,QAAQ,CAAC,IAAI,CAAC;;;IAG9B;;OAEG;;cAEe,QAAQ,CAAC;YACvB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;YACd,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,KAAK,OAAO,CAAA;SAC3C,CAAC;;;;;;;;IAQJ;;OAEG;;cAEe,QAAQ,CAAC;YACvB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;YACd,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,KAAK,OAAO,CAAA;SAC3C,CAAC;;;IAGJ;;OAEG;;cAEa,QAAQ,CAAC,IAAI,CAAC;;;IAG9B;;OAEG;;cAEa,QAAQ,CAAC,IAAI,CAAC;;;IAG9B;;OAEG;;cAEe,QAAQ,CAAC,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;;;sBAG7C,OAAO;;IAGvB;;;;OAIG;;cAEa,QAAQ,CAAC,IAAI,CAAC;;;;IAI9B;;OAEG;;;;;;IAMH;;OAEG;;;;;;IAMH;;OAEG;;;;;;IAMH;;OAEG;;;;;;IAMH;;;OAGG;;;;;;IAMH;;OAEG;;cAEc,QAAQ,CAAC,MAAM,EAAE,CAAC;;;IAGnC;;;;;OAKG;;cAEe,QAAQ,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;;;2BAGhC,GAAG;;IAExB;;OAEG;;;;;;IAMH;;OAEG;;;;;;;;;;;IAcH;;OAEG;;cAEe,QAAQ,CAAC,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;;;sBAG7C,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAhN3B,CAvRa;yBAuRb,CAvRwC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAuRxC,CAvRa;yBAuRb,CAvRwC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAuRxC,CAlSW;yBAkSX,CAlSsC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAkStC,CAlSW;yBAkSX,CAlSsC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwUtC,wBAwaE"}
|
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-08fe911b]{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #3b82f6;border-radius:50%;animation:spin-08fe911b 1s linear infinite}@keyframes spin-08fe911b{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-322adabb]{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-322adabb]{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-322adabb]{width:16px;height:16px;stroke:currentColor;fill:none;color:#3c3c43;stroke-width:2}.vs-btn[data-v-322adabb]:hover,.vs-active[data-v-322adabb]{background:#2563eb;color:#fff}.vs-btn[data-v-322adabb]:disabled{opacity:.5;cursor:not-allowed}.ring-2[data-v-322adabb]{box-shadow:0 0 0 2px #3b82f699}.leaflet-map-wrapper .leaflet-container[data-v-322adabb]{font:inherit}.fullscreen[data-v-322adabb]{position:fixed!important;inset:0;width:100vw!important;height:100vh!important;z-index:9999;background:#fff}.tool[data-v-322adabb]{line-height:1}.zoom-instructions-enter-active[data-v-322adabb],.zoom-instructions-leave-active[data-v-322adabb]{transition:all .3s ease}.zoom-instructions-enter-from[data-v-322adabb]{opacity:0;transform:scale(.95) translateY(-10px)}.zoom-instructions-leave-to[data-v-322adabb]{opacity:0;transform:scale(.95) translateY(10px)}.zoom-instructions-enter-to[data-v-322adabb],.zoom-instructions-leave-from[data-v-322adabb]{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-77ce3498]{-webkit-user-select:none;user-select:none}.vs-datalist[data-v-f2f5c43b],.vs-dataform[data-v-9e39b4f5]{width:100%}.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}.v3dp__popout[data-v-bce70985]{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-bce70985] *{color:inherit;font-size:inherit;font-weight:inherit}.v3dp__popout[data-v-bce70985] button{background:none;border:none;outline:none}.v3dp__popout[data-v-bce70985] button:not(:disabled){cursor:pointer}.v3dp__heading[data-v-bce70985]{width:100%;display:flex;height:var(--heading-size);line-height:var(--heading-size);font-weight:var(--heading-weight)}.v3dp__heading__button[data-v-bce70985]{background:none;border:none;padding:0;display:flex;justify-content:center;align-items:center;width:var(--heading-size)}button.v3dp__heading__center[data-v-bce70985]:hover,.v3dp__heading__button[data-v-bce70985]:not(:disabled):hover{background-color:var(--heading-hover-color)}.v3dp__heading__center[data-v-bce70985]{flex:1}.v3dp__heading__icon[data-v-bce70985]{height:12px;stroke:var(--arrow-color)}.v3dp__heading__button:disabled .v3dp__heading__icon[data-v-bce70985]{stroke:var(--elem-disabled-color)}.v3dp__subheading[data-v-bce70985],.v3dp__elements[data-v-bce70985]{display:grid;grid-template-columns:var(--popout-column-definition);font-size:var(--elem-font-size)}.v3dp__subheading[data-v-bce70985]{margin-top:1em}.v3dp__divider[data-v-bce70985]{border:1px solid var(--divider-color);border-radius:3px}.v3dp__elements[data-v-bce70985] button:disabled{color:var(--elem-disabled-color)}.v3dp__elements[data-v-bce70985] button{padding:.3em .6em}.v3dp__elements[data-v-bce70985] button span{display:block;line-height:1.9em;height:1.8em;border-radius:var(--elem-border-radius)}.v3dp__elements[data-v-bce70985] button:not(:disabled):hover span{background-color:var(--elem-hover-bg-color);color:var(--elem-hover-color)}.v3dp__elements[data-v-bce70985] button.selected span{background-color:var(--elem-selected-bg-color);color:var(--elem-selected-color)}.v3dp__elements[data-v-bce70985] button.current span{font-weight:var(--elem-current-font-weight);outline:1px solid var(--elem-current-outline-color)}.v3dp__column[data-v-bcfd11bc]{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-97661afe],.vs-date-picker[data-v-97661afe] .v3dp__datepicker{width:100%}.vs-date-picker[data-v-97661afe] .v3dp__input_wrapper{position:relative}.vs-date-picker[data-v-97661afe] .v3dp__input_wrapper input{border:1px solid #CFD9E0;background-color:#fff}.vs-date-picker[data-v-97661afe] .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-97661afe] .v3dp__clearable i{display:inline;position:absolute;right:5px;cursor:pointer}.vs-date-picker[data-v-97661afe] .v3dp__clearable:hover{color:#ef4444}
|