@opengis/filter 0.0.14 → 0.0.16
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/package.json
CHANGED
|
@@ -1,59 +1,18 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opengis/filter",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.16",
|
|
4
|
+
"description": "A flexible and extensible filter component system for Vue 3. Ideal for building customizable filter UIs with checkbox, radio, or custom slot fields.",
|
|
5
|
+
"private": false,
|
|
4
6
|
"type": "module",
|
|
5
7
|
"main": "filter.js",
|
|
6
|
-
"private": false,
|
|
7
|
-
"module": "filter.es.js",
|
|
8
|
-
"types": "filter.d.ts",
|
|
9
|
-
"files": [
|
|
10
|
-
"dist"
|
|
11
|
-
],
|
|
12
|
-
"description": "A flexible and extensible filter component system for Vue 3. Ideal for building customizable filter UIs with checkbox, radio, or custom slot fields.",
|
|
13
|
-
"license": "MIT",
|
|
14
8
|
"homepage": "https://filter.opengis.info/",
|
|
15
|
-
"author": {
|
|
16
|
-
"name": "OpenGIS",
|
|
17
|
-
"url": "https://opengis.info/"
|
|
18
|
-
},
|
|
19
9
|
"keywords": [
|
|
20
10
|
"filter",
|
|
21
11
|
"vue3"
|
|
22
12
|
],
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"url": "
|
|
26
|
-
},
|
|
27
|
-
"scripts": {
|
|
28
|
-
"lint": "eslint src --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
|
|
29
|
-
"dev": "vite",
|
|
30
|
-
"build": "vite build",
|
|
31
|
-
"preview": "vite preview",
|
|
32
|
-
"build-only": "vite build",
|
|
33
|
-
"type-check": "vue-tsc --build",
|
|
34
|
-
"test": "vitest",
|
|
35
|
-
"docs:dev": "npm run --prefix ./docs docs:dev",
|
|
36
|
-
"docs:build": "npm run --prefix ./docs docs:build",
|
|
37
|
-
"publish": "bun run custom-publish",
|
|
38
|
-
"custom-publish": "bun run build && bun run scripts/pre-publish.ts && cd dist/ && bun publish",
|
|
39
|
-
"docs:preview": "npm run --prefix ./docs docs:preview"
|
|
13
|
+
"author": {
|
|
14
|
+
"name": "OpenGIS",
|
|
15
|
+
"url": "https://opengis.info/"
|
|
40
16
|
},
|
|
41
|
-
"
|
|
42
|
-
"devDependencies": {
|
|
43
|
-
"@tsconfig/node22": "^22.0.2",
|
|
44
|
-
"@types/node": "^22.15.32",
|
|
45
|
-
"@vitejs/plugin-vue": "^6.0.0",
|
|
46
|
-
"@vue/eslint-config-typescript": "^12.0.0",
|
|
47
|
-
"@vue/test-utils": "^2.4.6",
|
|
48
|
-
"@vue/tsconfig": "^0.7.0",
|
|
49
|
-
"eslint": "8.49.0",
|
|
50
|
-
"eslint-config-airbnb": "19.0.4",
|
|
51
|
-
"eslint-plugin-import": "^2.25.3",
|
|
52
|
-
"eslint-plugin-vue": "^9.17.0",
|
|
53
|
-
"typescript": "~5.8.0",
|
|
54
|
-
"vite": "^7.0.0",
|
|
55
|
-
"vitest": "^3.2.4",
|
|
56
|
-
"vue": "^3.5.18",
|
|
57
|
-
"vue-tsc": "^2.2.10"
|
|
58
|
-
}
|
|
17
|
+
"license": "MIT"
|
|
59
18
|
}
|
package/dist/README.md
DELETED
|
@@ -1,82 +0,0 @@
|
|
|
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
|
-
## Documentation
|
|
22
|
-
|
|
23
|
-
### Live Demo & Docs
|
|
24
|
-
|
|
25
|
-
Check out the documentation and live demo here:
|
|
26
|
-
- [FIlter](https://filter.opengis.info)
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
## Install & Usage
|
|
30
|
-
|
|
31
|
-
### 1. Install the packag
|
|
32
|
-
```bash
|
|
33
|
-
npm i @opengis/filter
|
|
34
|
-
```
|
|
35
|
-
### 2. Register the component
|
|
36
|
-
```typescript
|
|
37
|
-
// main.ts or main.js
|
|
38
|
-
import { createApp } from 'vue'
|
|
39
|
-
import App from './App.vue'
|
|
40
|
-
import InlineFilter from 'filter'
|
|
41
|
-
|
|
42
|
-
createApp(App).component('Filter', InlineFilter).mount('#app')
|
|
43
|
-
```
|
|
44
|
-
### 3. Use it in your template
|
|
45
|
-
|
|
46
|
-
```vue
|
|
47
|
-
|
|
48
|
-
<template>
|
|
49
|
-
<filter :schema="schema" @change="filter = $event" @clear="console.log($event.data)">
|
|
50
|
-
<filter-field :options="options" label="test label" limit=1 name="test" type="checkbox"/>
|
|
51
|
-
</filter>
|
|
52
|
-
</template>
|
|
53
|
-
|
|
54
|
-
<script setup lang="ts">
|
|
55
|
-
import {ref} from 'vue'
|
|
56
|
-
import {ListItem, Schema} from "./forms.model";
|
|
57
|
-
|
|
58
|
-
const options: ListItem[] = [
|
|
59
|
-
{
|
|
60
|
-
value: 'is_video',
|
|
61
|
-
label: 'Video',
|
|
62
|
-
},
|
|
63
|
-
{
|
|
64
|
-
value: 'is_photo',
|
|
65
|
-
label: 'Photo',
|
|
66
|
-
},
|
|
67
|
-
];
|
|
68
|
-
|
|
69
|
-
const schema = ref({
|
|
70
|
-
name: {type: 'radio', label: 'Наявність фото / відео', options}
|
|
71
|
-
} as Schema);
|
|
72
|
-
|
|
73
|
-
const selectedIcon = ref('')
|
|
74
|
-
const myIcons = ['home', 'user', 'settings', 'arrow-left', 'check'] // your SVG names
|
|
75
|
-
</script>
|
|
76
|
-
```
|
|
77
|
-
|
|
78
|
-
---
|
|
79
|
-
|
|
80
|
-
## Contributions
|
|
81
|
-
We welcome contributions!
|
|
82
|
-
Feel free to open issues, suggest features, or submit pull requests.
|
package/dist/package.json
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@opengis/filter",
|
|
3
|
-
"version": "0.0.13",
|
|
4
|
-
"description": "A flexible and extensible filter component system for Vue 3. Ideal for building customizable filter UIs with checkbox, radio, or custom slot fields.",
|
|
5
|
-
"type": "module",
|
|
6
|
-
"main": "filter.js",
|
|
7
|
-
"module": "filter.es.js",
|
|
8
|
-
"types": "filter.d.ts",
|
|
9
|
-
"files": [
|
|
10
|
-
"."
|
|
11
|
-
],
|
|
12
|
-
"homepage": "https://filter.opengis.info/",
|
|
13
|
-
"keywords": [
|
|
14
|
-
"filter",
|
|
15
|
-
"vue3"
|
|
16
|
-
],
|
|
17
|
-
"author": {
|
|
18
|
-
"name": "OpenGIS",
|
|
19
|
-
"url": "https://opengis.info/"
|
|
20
|
-
},
|
|
21
|
-
"license": "MIT"
|
|
22
|
-
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|