@opengis/partsmap 0.1.37 → 0.1.38
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 +84 -84
- package/dist/index.js +8 -4
- package/dist/index.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +49 -49
package/README.md
CHANGED
|
@@ -1,84 +1,84 @@
|
|
|
1
|
-

|
|
2
|
-
|
|
3
|
-
[](https://www.npmjs.com/package/@opengis/partsmap)
|
|
4
|
-
[]()
|
|
5
|
-
[]()
|
|
6
|
-
[](http://standardjs.com/)
|
|
7
|
-
|
|
8
|
-
Partsmap is part table, part map.
|
|
9
|
-
|
|
10
|
-
### Why Partsmap?
|
|
11
|
-
|
|
12
|
-
- **Spatial representation of data:** Combining both interfaces on single page allows for instant data visualization.
|
|
13
|
-
- **Base Theme:** A clean and practical design inspired by Preline.
|
|
14
|
-
- **Base maps:** Possibility to add any map tiles.
|
|
15
|
-
- **Smooth transitions:** Zoom in and out between objects with fluid animations.
|
|
16
|
-
- **Color attributes:** Use CLS to define and differentiate data visually.
|
|
17
|
-
- **Server Side Rendering** - Ensures quick and responsive content delivery.
|
|
18
|
-
|
|
19
|
-
### Features
|
|
20
|
-
|
|
21
|
-
- Filter and search
|
|
22
|
-
- Detailed data cards
|
|
23
|
-
- Attribute based styling
|
|
24
|
-
- Print and share
|
|
25
|
-
- Data history
|
|
26
|
-
- SSR
|
|
27
|
-
|
|
28
|
-
---
|
|
29
|
-
|
|
30
|
-
### Install
|
|
31
|
-
|
|
32
|
-
```bash
|
|
33
|
-
npm i @opengis/partsmap
|
|
34
|
-
```
|
|
35
|
-
|
|
36
|
-
### Usage
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
```ts
|
|
40
|
-
import PartsMap from '@opengis/partsmap';
|
|
41
|
-
import '@opengis/partsmap/dist/style.css';
|
|
42
|
-
PartsMap.install(app);
|
|
43
|
-
```
|
|
44
|
-
|
|
45
|
-
---
|
|
46
|
-
|
|
47
|
-
### Documentation
|
|
48
|
-
|
|
49
|
-
For a detailed understanding of `partsmap`, its features, and how to use them, refer to our [Documentation](https://apidocs.softpro.ua/partsmap/).
|
|
50
|
-
|
|
51
|
-
---
|
|
52
|
-
|
|
53
|
-
### Technology stack
|
|
54
|
-
|
|
55
|
-
<a href="https://vuejs.org/" target="_blank">
|
|
56
|
-
<img src="https://img.shields.io/badge/Vue%20js-323330?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D" /></a>
|
|
57
|
-
|
|
58
|
-
<a href="https://maplibre.org/" target="_blank">
|
|
59
|
-
<img src="https://img.shields.io/badge/Maplibre-323330?style=for-the-badge&logo=maplibre&logoColor=87b2f0" /></a>
|
|
60
|
-
|
|
61
|
-
---
|
|
62
|
-
|
|
63
|
-
### Contribute
|
|
64
|
-
|
|
65
|
-
Feel free to contact us through our website [SOFTPRO.UA](https://softpro.ua) or email <info@softpro.ua>
|
|
66
|
-
|
|
67
|
-
- Report bugs
|
|
68
|
-
- Share your ideas
|
|
69
|
-
- Ask questions
|
|
70
|
-
|
|
71
|
-
### Follow Us
|
|
72
|
-
|
|
73
|
-
[Official site](https://softpro.ua)
|
|
74
|
-
|
|
75
|
-
<p>
|
|
76
|
-
<a href="https://www.instagram.com/gissoftpro/" target="_blank"><img src="https://cdn.softpro.ua/data/npm/instagram.png" alt="Softpro Instagram" title="oftpro Instagram"></a>
|
|
77
|
-
<a href="https://www.facebook.com/gissoftpro" target="_blank"><img src="https://cdn.softpro.ua/data/npm/facebook.png" alt="Softpro Facebook" title="Softpro Facebook"></a>
|
|
78
|
-
<a href="https://t.me/softprogis" target="_blank"><img src="https://cdn.softpro.ua/data/npm/telegram.png" alt="Softpro Telegram" title="Softpro Telegram"></a>
|
|
79
|
-
<a href="https://www.linkedin.com/in/softpro-ukraine-a8876b282/recent-activity/all/" target="_blank"><img src="https://cdn.softpro.ua/data/npm/social/linkedin.png" alt="Softpro Linkedin" title="Softpro LinkedIn"></a>
|
|
80
|
-
</p>
|
|
81
|
-
|
|
82
|
-
### License
|
|
83
|
-
|
|
84
|
-
Copyright © SOFTPRO. All rights reserved.
|
|
1
|
+

|
|
2
|
+
|
|
3
|
+
[](https://www.npmjs.com/package/@opengis/partsmap)
|
|
4
|
+
[]()
|
|
5
|
+
[]()
|
|
6
|
+
[](http://standardjs.com/)
|
|
7
|
+
|
|
8
|
+
Partsmap is part table, part map.
|
|
9
|
+
|
|
10
|
+
### Why Partsmap?
|
|
11
|
+
|
|
12
|
+
- **Spatial representation of data:** Combining both interfaces on single page allows for instant data visualization.
|
|
13
|
+
- **Base Theme:** A clean and practical design inspired by Preline.
|
|
14
|
+
- **Base maps:** Possibility to add any map tiles.
|
|
15
|
+
- **Smooth transitions:** Zoom in and out between objects with fluid animations.
|
|
16
|
+
- **Color attributes:** Use CLS to define and differentiate data visually.
|
|
17
|
+
- **Server Side Rendering** - Ensures quick and responsive content delivery.
|
|
18
|
+
|
|
19
|
+
### Features
|
|
20
|
+
|
|
21
|
+
- Filter and search
|
|
22
|
+
- Detailed data cards
|
|
23
|
+
- Attribute based styling
|
|
24
|
+
- Print and share
|
|
25
|
+
- Data history
|
|
26
|
+
- SSR
|
|
27
|
+
|
|
28
|
+
---
|
|
29
|
+
|
|
30
|
+
### Install
|
|
31
|
+
|
|
32
|
+
```bash
|
|
33
|
+
npm i @opengis/partsmap
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
### Usage
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
```ts
|
|
40
|
+
import PartsMap from '@opengis/partsmap';
|
|
41
|
+
import '@opengis/partsmap/dist/style.css';
|
|
42
|
+
PartsMap.install(app);
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
---
|
|
46
|
+
|
|
47
|
+
### Documentation
|
|
48
|
+
|
|
49
|
+
For a detailed understanding of `partsmap`, its features, and how to use them, refer to our [Documentation](https://apidocs.softpro.ua/partsmap/).
|
|
50
|
+
|
|
51
|
+
---
|
|
52
|
+
|
|
53
|
+
### Technology stack
|
|
54
|
+
|
|
55
|
+
<a href="https://vuejs.org/" target="_blank">
|
|
56
|
+
<img src="https://img.shields.io/badge/Vue%20js-323330?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D" /></a>
|
|
57
|
+
|
|
58
|
+
<a href="https://maplibre.org/" target="_blank">
|
|
59
|
+
<img src="https://img.shields.io/badge/Maplibre-323330?style=for-the-badge&logo=maplibre&logoColor=87b2f0" /></a>
|
|
60
|
+
|
|
61
|
+
---
|
|
62
|
+
|
|
63
|
+
### Contribute
|
|
64
|
+
|
|
65
|
+
Feel free to contact us through our website [SOFTPRO.UA](https://softpro.ua) or email <info@softpro.ua>
|
|
66
|
+
|
|
67
|
+
- Report bugs
|
|
68
|
+
- Share your ideas
|
|
69
|
+
- Ask questions
|
|
70
|
+
|
|
71
|
+
### Follow Us
|
|
72
|
+
|
|
73
|
+
[Official site](https://softpro.ua)
|
|
74
|
+
|
|
75
|
+
<p>
|
|
76
|
+
<a href="https://www.instagram.com/gissoftpro/" target="_blank"><img src="https://cdn.softpro.ua/data/npm/instagram.png" alt="Softpro Instagram" title="oftpro Instagram"></a>
|
|
77
|
+
<a href="https://www.facebook.com/gissoftpro" target="_blank"><img src="https://cdn.softpro.ua/data/npm/facebook.png" alt="Softpro Facebook" title="Softpro Facebook"></a>
|
|
78
|
+
<a href="https://t.me/softprogis" target="_blank"><img src="https://cdn.softpro.ua/data/npm/telegram.png" alt="Softpro Telegram" title="Softpro Telegram"></a>
|
|
79
|
+
<a href="https://www.linkedin.com/in/softpro-ukraine-a8876b282/recent-activity/all/" target="_blank"><img src="https://cdn.softpro.ua/data/npm/social/linkedin.png" alt="Softpro Linkedin" title="Softpro LinkedIn"></a>
|
|
80
|
+
</p>
|
|
81
|
+
|
|
82
|
+
### License
|
|
83
|
+
|
|
84
|
+
Copyright © SOFTPRO. All rights reserved.
|
package/dist/index.js
CHANGED
|
@@ -4288,7 +4288,7 @@ const Sr = { class: "fixed inset-0 z-50 pointer-events-none" }, Mr = { class: "t
|
|
|
4288
4288
|
[_e, e.open]
|
|
4289
4289
|
]);
|
|
4290
4290
|
}
|
|
4291
|
-
}), rt = /* @__PURE__ */ Re(jr, [["__scopeId", "data-v-
|
|
4291
|
+
}), rt = /* @__PURE__ */ Re(jr, [["__scopeId", "data-v-74c152ea"]]), Fr = {
|
|
4292
4292
|
class: "flex flex-col gap-2 pointer-events-auto self-end",
|
|
4293
4293
|
"data-peek-controls": "1"
|
|
4294
4294
|
}, zr = /* @__PURE__ */ ae({
|
|
@@ -4560,6 +4560,7 @@ const Rr = [
|
|
|
4560
4560
|
highlightCircleRadius: {},
|
|
4561
4561
|
highlightCircleColor: {},
|
|
4562
4562
|
isCollapsible: { type: Boolean },
|
|
4563
|
+
legendDefaultExpanded: { type: Boolean, default: !1 },
|
|
4563
4564
|
legendTitle: {},
|
|
4564
4565
|
legendWidth: {},
|
|
4565
4566
|
alwaysShowPolygon: { type: Boolean }
|
|
@@ -4568,7 +4569,7 @@ const Rr = [
|
|
|
4568
4569
|
setup(e, { emit: i }) {
|
|
4569
4570
|
const a = e, r = i;
|
|
4570
4571
|
let t, c = null;
|
|
4571
|
-
const k = Lt(), n = L(null), v = L(!1), x = L(
|
|
4572
|
+
const k = Lt(), n = L(null), v = L(!1), x = L(a.legendDefaultExpanded), g = L(!1), h = L(!1);
|
|
4572
4573
|
let w = null, M = null;
|
|
4573
4574
|
const m = ["vector-circle", "vector-fill", "vector-stroke"], S = L(!1);
|
|
4574
4575
|
function $() {
|
|
@@ -5485,6 +5486,7 @@ const Di = /* @__PURE__ */ Re(Ei, [["render", Ri]]), Oi = { class: "absolute ins
|
|
|
5485
5486
|
highlightCircleRadius: {},
|
|
5486
5487
|
highlightCircleColor: {},
|
|
5487
5488
|
isCollapsible: { type: Boolean },
|
|
5489
|
+
legendDefaultExpanded: { type: Boolean },
|
|
5488
5490
|
legendTitle: {},
|
|
5489
5491
|
legendWidth: {},
|
|
5490
5492
|
polygonFitBbox: { type: Boolean },
|
|
@@ -5755,6 +5757,7 @@ const Di = /* @__PURE__ */ Re(Ei, [["render", Ri]]), Oi = { class: "absolute ins
|
|
|
5755
5757
|
"onUpdate:modelValue": B[1] || (B[1] = (W) => et.value = W),
|
|
5756
5758
|
layers: n.layers,
|
|
5757
5759
|
isCollapsible: n.isCollapsible,
|
|
5760
|
+
legendDefaultExpanded: n.legendDefaultExpanded,
|
|
5758
5761
|
legendTitle: n.legendTitle,
|
|
5759
5762
|
legendWidth: n.legendWidth,
|
|
5760
5763
|
"show-popup": !1,
|
|
@@ -5764,7 +5767,7 @@ const Di = /* @__PURE__ */ Re(Ei, [["render", Ri]]), Oi = { class: "absolute ins
|
|
|
5764
5767
|
fe(b.$slots, "popup", { data: W })
|
|
5765
5768
|
]),
|
|
5766
5769
|
_: 3
|
|
5767
|
-
}, 8, ["table", "selectedFeature", "map", "zoom", "minZoom", "maxZoom", "colorAttr", "strokeAttr", "filter", "center", "clusterZoom", "pointZoom", "polygonZoom", "geometryZoomBreakpoint", "mixedGeom", "circleRadius", "circleStrokeWidth", "highlightCircleRadius", "highlightCircleColor", "alwaysShowPolygon", "modelValue", "layers", "isCollapsible", "legendTitle", "legendWidth"]),
|
|
5770
|
+
}, 8, ["table", "selectedFeature", "map", "zoom", "minZoom", "maxZoom", "colorAttr", "strokeAttr", "filter", "center", "clusterZoom", "pointZoom", "polygonZoom", "geometryZoomBreakpoint", "mixedGeom", "circleRadius", "circleStrokeWidth", "highlightCircleRadius", "highlightCircleColor", "alwaysShowPolygon", "modelValue", "layers", "isCollapsible", "legendDefaultExpanded", "legendTitle", "legendWidth"]),
|
|
5768
5771
|
Je.value ? (s(), d("div", Gi, [...B[19] || (B[19] = [
|
|
5769
5772
|
gt('<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="text-white/80"><path d="M12.75 7.09a3 3 0 0 1 2.16 2.16"></path><path d="M17.072 17.072c-1.634 2.17-3.527 3.912-4.471 4.727a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 1.432-4.568"></path><path d="m2 2 20 20"></path><path d="M8.475 2.818A8 8 0 0 1 20 10c0 1.183-.31 2.377-.81 3.533"></path><path d="M9.13 9.13a3 3 0 0 0 3.74 3.74"></path></svg><p class="mt-4 text-base font-[300] text-white">Геопросторові дані відсутні</p><p class="mt-2 max-w-xs text-center text-sm font-[200] text-white/70 leading-relaxed"> Координати або межі об'єкта не внесені до системи. Об'єкт відображається лише у текстовому форматі. </p>', 3)
|
|
5770
5773
|
])])) : F("", !0),
|
|
@@ -6083,6 +6086,7 @@ const Di = /* @__PURE__ */ Re(Ei, [["render", Ri]]), Oi = { class: "absolute ins
|
|
|
6083
6086
|
"onUpdate:modelValue": B[18] || (B[18] = (W) => et.value = W),
|
|
6084
6087
|
layers: n.layers,
|
|
6085
6088
|
isCollapsible: n.isCollapsible,
|
|
6089
|
+
legendDefaultExpanded: n.legendDefaultExpanded,
|
|
6086
6090
|
legendTitle: n.legendTitle,
|
|
6087
6091
|
legendWidth: n.legendWidth,
|
|
6088
6092
|
"show-popup": !0
|
|
@@ -6091,7 +6095,7 @@ const Di = /* @__PURE__ */ Re(Ei, [["render", Ri]]), Oi = { class: "absolute ins
|
|
|
6091
6095
|
fe(b.$slots, "popup", { data: W })
|
|
6092
6096
|
]),
|
|
6093
6097
|
_: 3
|
|
6094
|
-
}, 8, ["table", "selectedFeature", "map", "zoom", "minZoom", "maxZoom", "colorAttr", "strokeAttr", "filter", "center", "clusterZoom", "pointZoom", "polygonZoom", "geometryZoomBreakpoint", "mixedGeom", "circleRadius", "circleStrokeWidth", "highlightCircleRadius", "highlightCircleColor", "alwaysShowPolygon", "modelValue", "layers", "isCollapsible", "legendTitle", "legendWidth"]),
|
|
6098
|
+
}, 8, ["table", "selectedFeature", "map", "zoom", "minZoom", "maxZoom", "colorAttr", "strokeAttr", "filter", "center", "clusterZoom", "pointZoom", "polygonZoom", "geometryZoomBreakpoint", "mixedGeom", "circleRadius", "circleStrokeWidth", "highlightCircleRadius", "highlightCircleColor", "alwaysShowPolygon", "modelValue", "layers", "isCollapsible", "legendDefaultExpanded", "legendTitle", "legendWidth"]),
|
|
6095
6099
|
fe(b.$slots, "default", {
|
|
6096
6100
|
table: n.table,
|
|
6097
6101
|
map: m.value,
|