@opengis/filter 0.1.19 → 0.1.20
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 +74 -74
- package/dist/components/filter-field/fields/list/list-item.vue.d.ts.map +1 -1
- package/dist/components/filter-field/fields/text-input.vue.d.ts +1 -1
- package/dist/components/filter-field/filter-field.vue.d.ts +1 -1
- package/dist/index.js +1732 -1724
- package/dist/index.umd.cjs +2 -2
- package/package.json +59 -59
package/README.md
CHANGED
|
@@ -1,74 +1,74 @@
|
|
|
1
|
-
# Filter Panel
|
|
2
|
-
|
|
3
|
-
A flexible and extensible filter component system for Vue 3.
|
|
4
|
-
Ideal for building customizable filter UIs with checkbox, radio, or custom slot fields.
|
|
5
|
-
|
|
6
|
-
---
|
|
7
|
-
|
|
8
|
-
## Features
|
|
9
|
-
|
|
10
|
-
- Schema-based filter rendering (radio, checkbox)
|
|
11
|
-
- Slot-based extensibility for custom filters
|
|
12
|
-
- Built-in clear/reset support
|
|
13
|
-
- Emits `change` and `clear` events
|
|
14
|
-
- Popover support with positioning logic
|
|
15
|
-
- Show more / limit options logic
|
|
16
|
-
- Written in TypeScript
|
|
17
|
-
- Fully styleable with Tailwind CSS
|
|
18
|
-
- Mobile-friendly and responsive
|
|
19
|
-
|
|
20
|
-
---
|
|
21
|
-
|
|
22
|
-
## Documentation
|
|
23
|
-
|
|
24
|
-
Check out the documentation and live demo here: [Live Demo & Docs](https://filter.opengis.info)
|
|
25
|
-
|
|
26
|
-
## Install & Usage
|
|
27
|
-
|
|
28
|
-
### Install
|
|
29
|
-
|
|
30
|
-
```bash
|
|
31
|
-
npm i @opengis/filter
|
|
32
|
-
```
|
|
33
|
-
|
|
34
|
-
### Usage
|
|
35
|
-
|
|
36
|
-
```vue
|
|
37
|
-
<template>
|
|
38
|
-
<VsFilter :schema="schema" @change="console.log($event.data)" />
|
|
39
|
-
</template>
|
|
40
|
-
|
|
41
|
-
<script setup lang="ts">
|
|
42
|
-
|
|
43
|
-
import {ref} from 'vue'
|
|
44
|
-
import VsFilter from "@opengis/filter";
|
|
45
|
-
|
|
46
|
-
// import { Filter, FilterField } from '@opengis/filter'; // component import
|
|
47
|
-
|
|
48
|
-
const schema = ref([
|
|
49
|
-
{name: 'media', type: 'checkbox', label: 'Media type', options: [...] },
|
|
50
|
-
{name: 'source', type: 'radio', label: 'Source', options: [...] }
|
|
51
|
-
]);
|
|
52
|
-
</script>
|
|
53
|
-
```
|
|
54
|
-
|
|
55
|
-
### Register
|
|
56
|
-
|
|
57
|
-
```ts
|
|
58
|
-
// main.ts
|
|
59
|
-
import VsFilter from '@opengis/filter';
|
|
60
|
-
app.use(VsFilter); // Register: Filter, VsFilter, FilterField
|
|
61
|
-
```
|
|
62
|
-
|
|
63
|
-
### Style
|
|
64
|
-
|
|
65
|
-
```html
|
|
66
|
-
<script src="https://cdn.tailwindcss.com"></script>
|
|
67
|
-
```
|
|
68
|
-
|
|
69
|
-
---
|
|
70
|
-
|
|
71
|
-
## Contributions
|
|
72
|
-
|
|
73
|
-
We welcome contributions!
|
|
74
|
-
Feel free to open issues, suggest features, or submit pull requests.
|
|
1
|
+
# Filter Panel
|
|
2
|
+
|
|
3
|
+
A flexible and extensible filter component system for Vue 3.
|
|
4
|
+
Ideal for building customizable filter UIs with checkbox, radio, or custom slot fields.
|
|
5
|
+
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
## Features
|
|
9
|
+
|
|
10
|
+
- Schema-based filter rendering (radio, checkbox)
|
|
11
|
+
- Slot-based extensibility for custom filters
|
|
12
|
+
- Built-in clear/reset support
|
|
13
|
+
- Emits `change` and `clear` events
|
|
14
|
+
- Popover support with positioning logic
|
|
15
|
+
- Show more / limit options logic
|
|
16
|
+
- Written in TypeScript
|
|
17
|
+
- Fully styleable with Tailwind CSS
|
|
18
|
+
- Mobile-friendly and responsive
|
|
19
|
+
|
|
20
|
+
---
|
|
21
|
+
|
|
22
|
+
## Documentation
|
|
23
|
+
|
|
24
|
+
Check out the documentation and live demo here: [Live Demo & Docs](https://filter.opengis.info)
|
|
25
|
+
|
|
26
|
+
## Install & Usage
|
|
27
|
+
|
|
28
|
+
### Install
|
|
29
|
+
|
|
30
|
+
```bash
|
|
31
|
+
npm i @opengis/filter
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
### Usage
|
|
35
|
+
|
|
36
|
+
```vue
|
|
37
|
+
<template>
|
|
38
|
+
<VsFilter :schema="schema" @change="console.log($event.data)" />
|
|
39
|
+
</template>
|
|
40
|
+
|
|
41
|
+
<script setup lang="ts">
|
|
42
|
+
|
|
43
|
+
import {ref} from 'vue'
|
|
44
|
+
import VsFilter from "@opengis/filter";
|
|
45
|
+
|
|
46
|
+
// import { Filter, FilterField } from '@opengis/filter'; // component import
|
|
47
|
+
|
|
48
|
+
const schema = ref([
|
|
49
|
+
{name: 'media', type: 'checkbox', label: 'Media type', options: [...] },
|
|
50
|
+
{name: 'source', type: 'radio', label: 'Source', options: [...] }
|
|
51
|
+
]);
|
|
52
|
+
</script>
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
### Register
|
|
56
|
+
|
|
57
|
+
```ts
|
|
58
|
+
// main.ts
|
|
59
|
+
import VsFilter from '@opengis/filter';
|
|
60
|
+
app.use(VsFilter); // Register: Filter, VsFilter, FilterField
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
### Style
|
|
64
|
+
|
|
65
|
+
```html
|
|
66
|
+
<script src="https://cdn.tailwindcss.com"></script>
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
---
|
|
70
|
+
|
|
71
|
+
## Contributions
|
|
72
|
+
|
|
73
|
+
We welcome contributions!
|
|
74
|
+
Feel free to open issues, suggest features, or submit pull requests.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-item.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/filter-field/fields/list/list-item.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"list-item.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/filter-field/fields/list/list-item.vue"],"names":[],"mappings":"AAuFA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,GAAG,CAAA;IACV,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;;;;;;;;AAsKF,wBAQG"}
|
|
@@ -14,8 +14,8 @@ declare const _default: import("vue").DefineComponent<IFilterItem, {}, {}, {}, {
|
|
|
14
14
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
15
15
|
onClear?: ((name: string) => any) | undefined;
|
|
16
16
|
}>, {
|
|
17
|
-
layout: "inline" | "vertical" | "popover";
|
|
18
17
|
width: number | string;
|
|
18
|
+
layout: "inline" | "vertical" | "popover";
|
|
19
19
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
20
20
|
export default _default;
|
|
21
21
|
//# sourceMappingURL=text-input.vue.d.ts.map
|
|
@@ -16,8 +16,8 @@ declare const _default: import("vue").DefineComponent<IFilterItem, {
|
|
|
16
16
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
17
17
|
onClear?: ((name: string) => any) | undefined;
|
|
18
18
|
}>, {
|
|
19
|
-
layout: "inline" | "vertical" | "popover";
|
|
20
19
|
sort: "name" | "count";
|
|
20
|
+
layout: "inline" | "vertical" | "popover";
|
|
21
21
|
options: IListItem[];
|
|
22
22
|
limit: number;
|
|
23
23
|
disabled: boolean;
|