potato-map3d-ui2 0.0.15 → 0.0.17
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/dist/map3d-ui2.es.js +48 -28
- package/dist/map3d-ui2.umd.js +47 -27
- package/dist/style.css +1 -58
- package/package.json +1 -1
package/dist/map3d-ui2.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, toRefs, onMounted, openBlock, createElementBlock, unref,
|
|
1
|
+
import { defineComponent, toRefs, onMounted, openBlock, createElementBlock, unref, renderSlot, createElementVNode, normalizeClass, createTextVNode } from "vue";
|
|
2
2
|
const __uno = "";
|
|
3
3
|
const { tudou3d } = window;
|
|
4
4
|
function initMap(options) {
|
|
@@ -45,23 +45,21 @@ const _export_sfc = (sfc, props) => {
|
|
|
45
45
|
return target;
|
|
46
46
|
};
|
|
47
47
|
const Map3dt = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-914d176b"]]);
|
|
48
|
-
const _imports_0$1 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+
|
|
49
|
-
const
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
/* @__PURE__ */ createElementVNode("div", { class: "triangle" })
|
|
54
|
-
], -1));
|
|
55
|
-
const _hoisted_3$1 = [
|
|
56
|
-
_hoisted_1$1,
|
|
57
|
-
_hoisted_2$1
|
|
58
|
-
];
|
|
48
|
+
const _imports_0$1 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC00MzAuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i5Zyw5Zu+5o6n5Yi25bGV5byAIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjIuMDAwMDAwLCAyNTIuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9IuWcsOWbvue8qeWwjyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjguMDAwMDAwLCAxNzguMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI0IDEzIDQgMTEgMjAgMTEgMjAgMTMiPjwvcG9seWdvbj4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=";
|
|
49
|
+
const _hoisted_1$1 = /* @__PURE__ */ createElementVNode("img", {
|
|
50
|
+
src: _imports_0$1,
|
|
51
|
+
class: "w-24px h-24px"
|
|
52
|
+
}, null, -1);
|
|
59
53
|
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
60
54
|
__name: "index",
|
|
61
55
|
props: {
|
|
62
56
|
map: {
|
|
63
57
|
type: Object,
|
|
64
58
|
default: null
|
|
59
|
+
},
|
|
60
|
+
placement: {
|
|
61
|
+
type: String,
|
|
62
|
+
default: "left"
|
|
65
63
|
}
|
|
66
64
|
},
|
|
67
65
|
setup(__props) {
|
|
@@ -78,33 +76,41 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
78
76
|
}
|
|
79
77
|
return (_ctx, _cache) => {
|
|
80
78
|
return openBlock(), createElementBlock("div", {
|
|
81
|
-
class: "
|
|
79
|
+
class: "group w-28px h-28px rd-4px bg-#000 f-c-c p-2px float-left m-2px cursor-pointer relative z-999 hover:bg-blue",
|
|
82
80
|
onClick: zoomOut
|
|
83
|
-
},
|
|
81
|
+
}, [
|
|
82
|
+
renderSlot(_ctx.$slots, "img", {}, () => [
|
|
83
|
+
_hoisted_1$1
|
|
84
|
+
]),
|
|
85
|
+
createElementVNode("span", {
|
|
86
|
+
class: normalizeClass(["invisible group-hover:visible w-max bg-#000 absolute top-50% translate-y--50% text-14px p-4px rd-4px c-#fff lh-16px", __props.placement === "left" ? "right-150% " : "left-150%"])
|
|
87
|
+
}, [
|
|
88
|
+
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
89
|
+
createTextVNode("缩小")
|
|
90
|
+
]),
|
|
91
|
+
createElementVNode("div", {
|
|
92
|
+
class: normalizeClass(["absolute top-50% translate-y--50% w-0px h-0px b-5px b-solid b-transparent", __props.placement === "left" ? "right--10px b-l-#000 " : "left--10px b-r-#000"])
|
|
93
|
+
}, null, 2)
|
|
94
|
+
], 2)
|
|
95
|
+
]);
|
|
84
96
|
};
|
|
85
97
|
}
|
|
86
98
|
});
|
|
87
|
-
const index_vue_vue_type_style_index_0_scoped_460568ba_lang = "";
|
|
88
|
-
const ZoomOut = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-460568ba"]]);
|
|
89
99
|
const _imports_0 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC0zOTguMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i5Zyw5Zu+5o6n5Yi25bGV5byAIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjIuMDAwMDAwLCAyNTIuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9IuWcsOWbvuaUvuWkpyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjguMDAwMDAwLCAxNDYuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMy4xNDI4NTcyIDEzLjE0Mjg1NzIgMTMuMTQyODU3MiAyMCAxMC44NTcxNDI4IDIwIDEwLjg1NzE0MjggMTMuMTQyODU3MiA0IDEzLjE0Mjg1NzIgNCAxMC44NTcxNDI4IDEwLjg1NzE0MjggMTAuODU3MTQyOCAxMC44NTcxNDI4IDQgMTMuMTQyODU3MiA0IDEzLjE0Mjg1NzIgMTAuODU3MTQyOCAyMCAxMC44NTcxNDI4IDIwIDEzLjE0Mjg1NzIiPjwvcG9seWdvbj4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=";
|
|
90
100
|
const _hoisted_1 = /* @__PURE__ */ createElementVNode("img", {
|
|
91
101
|
src: _imports_0,
|
|
92
102
|
class: "w-24px h-24px"
|
|
93
103
|
}, null, -1);
|
|
94
|
-
const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", { class: "invisible group-hover:visible bg-#000 absolute top-50% left--50px translate-y--50% text-14px p-4px rd-4px c-#fff" }, [
|
|
95
|
-
/* @__PURE__ */ createTextVNode(" 放大 "),
|
|
96
|
-
/* @__PURE__ */ createElementVNode("div", { class: "absolute top-50% left--9px translate-y--50% w-0px h-0px b-5px b-t-transparent b-r-transparent b-b-transparent b-l-#000" })
|
|
97
|
-
], -1);
|
|
98
|
-
const _hoisted_3 = [
|
|
99
|
-
_hoisted_1,
|
|
100
|
-
_hoisted_2
|
|
101
|
-
];
|
|
102
104
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
103
105
|
__name: "index",
|
|
104
106
|
props: {
|
|
105
107
|
map: {
|
|
106
108
|
type: Object,
|
|
107
109
|
default: null
|
|
110
|
+
},
|
|
111
|
+
placement: {
|
|
112
|
+
type: String,
|
|
113
|
+
default: "left"
|
|
108
114
|
}
|
|
109
115
|
},
|
|
110
116
|
setup(__props) {
|
|
@@ -123,17 +129,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
123
129
|
return openBlock(), createElementBlock("div", {
|
|
124
130
|
class: "group w-28px h-28px rd-4px bg-#000 f-c-c p-2px float-left m-2px cursor-pointer relative z-999 hover:bg-blue",
|
|
125
131
|
onClick: zoomIn
|
|
126
|
-
},
|
|
132
|
+
}, [
|
|
133
|
+
renderSlot(_ctx.$slots, "img", {}, () => [
|
|
134
|
+
_hoisted_1
|
|
135
|
+
]),
|
|
136
|
+
createElementVNode("span", {
|
|
137
|
+
class: normalizeClass(["invisible group-hover:visible w-max bg-#000 absolute top-50% translate-y--50% text-14px p-4px rd-4px c-#fff lh-16px", __props.placement === "left" ? "right-150% " : "left-150%"])
|
|
138
|
+
}, [
|
|
139
|
+
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
140
|
+
createTextVNode("放大")
|
|
141
|
+
]),
|
|
142
|
+
createElementVNode("div", {
|
|
143
|
+
class: normalizeClass(["absolute top-50% translate-y--50% w-0px h-0px b-5px b-solid b-transparent", __props.placement === "left" ? "right--10px b-l-#000 " : "left--10px b-r-#000"])
|
|
144
|
+
}, null, 2)
|
|
145
|
+
], 2)
|
|
146
|
+
]);
|
|
127
147
|
};
|
|
128
148
|
}
|
|
129
149
|
});
|
|
130
|
-
const
|
|
150
|
+
const potatoMap3dUi2 = {
|
|
131
151
|
install: (app) => {
|
|
132
152
|
app.component("map3dt", Map3dt);
|
|
133
|
-
app.component("zoomOut",
|
|
153
|
+
app.component("zoomOut", _sfc_main$1);
|
|
134
154
|
app.component("zoomIn", _sfc_main);
|
|
135
155
|
}
|
|
136
156
|
};
|
|
137
157
|
export {
|
|
138
|
-
|
|
158
|
+
potatoMap3dUi2 as default
|
|
139
159
|
};
|
package/dist/map3d-ui2.umd.js
CHANGED
|
@@ -48,23 +48,21 @@
|
|
|
48
48
|
return target;
|
|
49
49
|
};
|
|
50
50
|
const Map3dt = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-914d176b"]]);
|
|
51
|
-
const _imports_0$1 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+
|
|
52
|
-
const
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
/* @__PURE__ */ vue.createElementVNode("div", { class: "triangle" })
|
|
57
|
-
], -1));
|
|
58
|
-
const _hoisted_3$1 = [
|
|
59
|
-
_hoisted_1$1,
|
|
60
|
-
_hoisted_2$1
|
|
61
|
-
];
|
|
51
|
+
const _imports_0$1 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC00MzAuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i5Zyw5Zu+5o6n5Yi25bGV5byAIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjIuMDAwMDAwLCAyNTIuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9IuWcsOWbvue8qeWwjyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjguMDAwMDAwLCAxNzguMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI0IDEzIDQgMTEgMjAgMTEgMjAgMTMiPjwvcG9seWdvbj4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=";
|
|
52
|
+
const _hoisted_1$1 = /* @__PURE__ */ vue.createElementVNode("img", {
|
|
53
|
+
src: _imports_0$1,
|
|
54
|
+
class: "w-24px h-24px"
|
|
55
|
+
}, null, -1);
|
|
62
56
|
const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
63
57
|
__name: "index",
|
|
64
58
|
props: {
|
|
65
59
|
map: {
|
|
66
60
|
type: Object,
|
|
67
61
|
default: null
|
|
62
|
+
},
|
|
63
|
+
placement: {
|
|
64
|
+
type: String,
|
|
65
|
+
default: "left"
|
|
68
66
|
}
|
|
69
67
|
},
|
|
70
68
|
setup(__props) {
|
|
@@ -81,33 +79,41 @@
|
|
|
81
79
|
}
|
|
82
80
|
return (_ctx, _cache) => {
|
|
83
81
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
84
|
-
class: "
|
|
82
|
+
class: "group w-28px h-28px rd-4px bg-#000 f-c-c p-2px float-left m-2px cursor-pointer relative z-999 hover:bg-blue",
|
|
85
83
|
onClick: zoomOut
|
|
86
|
-
},
|
|
84
|
+
}, [
|
|
85
|
+
vue.renderSlot(_ctx.$slots, "img", {}, () => [
|
|
86
|
+
_hoisted_1$1
|
|
87
|
+
]),
|
|
88
|
+
vue.createElementVNode("span", {
|
|
89
|
+
class: vue.normalizeClass(["invisible group-hover:visible w-max bg-#000 absolute top-50% translate-y--50% text-14px p-4px rd-4px c-#fff lh-16px", __props.placement === "left" ? "right-150% " : "left-150%"])
|
|
90
|
+
}, [
|
|
91
|
+
vue.renderSlot(_ctx.$slots, "default", {}, () => [
|
|
92
|
+
vue.createTextVNode("缩小")
|
|
93
|
+
]),
|
|
94
|
+
vue.createElementVNode("div", {
|
|
95
|
+
class: vue.normalizeClass(["absolute top-50% translate-y--50% w-0px h-0px b-5px b-solid b-transparent", __props.placement === "left" ? "right--10px b-l-#000 " : "left--10px b-r-#000"])
|
|
96
|
+
}, null, 2)
|
|
97
|
+
], 2)
|
|
98
|
+
]);
|
|
87
99
|
};
|
|
88
100
|
}
|
|
89
101
|
});
|
|
90
|
-
const index_vue_vue_type_style_index_0_scoped_460568ba_lang = "";
|
|
91
|
-
const ZoomOut = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-460568ba"]]);
|
|
92
102
|
const _imports_0 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC0zOTguMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i5Zyw5Zu+5o6n5Yi25bGV5byAIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjIuMDAwMDAwLCAyNTIuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9IuWcsOWbvuaUvuWkpyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjguMDAwMDAwLCAxNDYuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMy4xNDI4NTcyIDEzLjE0Mjg1NzIgMTMuMTQyODU3MiAyMCAxMC44NTcxNDI4IDIwIDEwLjg1NzE0MjggMTMuMTQyODU3MiA0IDEzLjE0Mjg1NzIgNCAxMC44NTcxNDI4IDEwLjg1NzE0MjggMTAuODU3MTQyOCAxMC44NTcxNDI4IDQgMTMuMTQyODU3MiA0IDEzLjE0Mjg1NzIgMTAuODU3MTQyOCAyMCAxMC44NTcxNDI4IDIwIDEzLjE0Mjg1NzIiPjwvcG9seWdvbj4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=";
|
|
93
103
|
const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("img", {
|
|
94
104
|
src: _imports_0,
|
|
95
105
|
class: "w-24px h-24px"
|
|
96
106
|
}, null, -1);
|
|
97
|
-
const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("span", { class: "invisible group-hover:visible bg-#000 absolute top-50% left--50px translate-y--50% text-14px p-4px rd-4px c-#fff" }, [
|
|
98
|
-
/* @__PURE__ */ vue.createTextVNode(" 放大 "),
|
|
99
|
-
/* @__PURE__ */ vue.createElementVNode("div", { class: "absolute top-50% left--9px translate-y--50% w-0px h-0px b-5px b-t-transparent b-r-transparent b-b-transparent b-l-#000" })
|
|
100
|
-
], -1);
|
|
101
|
-
const _hoisted_3 = [
|
|
102
|
-
_hoisted_1,
|
|
103
|
-
_hoisted_2
|
|
104
|
-
];
|
|
105
107
|
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
106
108
|
__name: "index",
|
|
107
109
|
props: {
|
|
108
110
|
map: {
|
|
109
111
|
type: Object,
|
|
110
112
|
default: null
|
|
113
|
+
},
|
|
114
|
+
placement: {
|
|
115
|
+
type: String,
|
|
116
|
+
default: "left"
|
|
111
117
|
}
|
|
112
118
|
},
|
|
113
119
|
setup(__props) {
|
|
@@ -126,16 +132,30 @@
|
|
|
126
132
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
127
133
|
class: "group w-28px h-28px rd-4px bg-#000 f-c-c p-2px float-left m-2px cursor-pointer relative z-999 hover:bg-blue",
|
|
128
134
|
onClick: zoomIn
|
|
129
|
-
},
|
|
135
|
+
}, [
|
|
136
|
+
vue.renderSlot(_ctx.$slots, "img", {}, () => [
|
|
137
|
+
_hoisted_1
|
|
138
|
+
]),
|
|
139
|
+
vue.createElementVNode("span", {
|
|
140
|
+
class: vue.normalizeClass(["invisible group-hover:visible w-max bg-#000 absolute top-50% translate-y--50% text-14px p-4px rd-4px c-#fff lh-16px", __props.placement === "left" ? "right-150% " : "left-150%"])
|
|
141
|
+
}, [
|
|
142
|
+
vue.renderSlot(_ctx.$slots, "default", {}, () => [
|
|
143
|
+
vue.createTextVNode("放大")
|
|
144
|
+
]),
|
|
145
|
+
vue.createElementVNode("div", {
|
|
146
|
+
class: vue.normalizeClass(["absolute top-50% translate-y--50% w-0px h-0px b-5px b-solid b-transparent", __props.placement === "left" ? "right--10px b-l-#000 " : "left--10px b-r-#000"])
|
|
147
|
+
}, null, 2)
|
|
148
|
+
], 2)
|
|
149
|
+
]);
|
|
130
150
|
};
|
|
131
151
|
}
|
|
132
152
|
});
|
|
133
|
-
const
|
|
153
|
+
const potatoMap3dUi2 = {
|
|
134
154
|
install: (app) => {
|
|
135
155
|
app.component("map3dt", Map3dt);
|
|
136
|
-
app.component("zoomOut",
|
|
156
|
+
app.component("zoomOut", _sfc_main$1);
|
|
137
157
|
app.component("zoomIn", _sfc_main);
|
|
138
158
|
}
|
|
139
159
|
};
|
|
140
|
-
return
|
|
160
|
+
return potatoMap3dUi2;
|
|
141
161
|
});
|
package/dist/style.css
CHANGED
|
@@ -1,62 +1,5 @@
|
|
|
1
|
-
*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.f-c-c{display:flex;align-items:center;justify-content:center;}.
|
|
1
|
+
*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.f-c-c{display:flex;align-items:center;justify-content:center;}.group:hover .group-hover\:visible{visibility:visible;}.invisible{visibility:hidden;}.absolute{position:absolute;}.relative{position:relative;}.left--10px{left:-10px;}.left-150\%{left:150%;}.right--10px{right:-10px;}.right-150\%{right:150%;}.top-50\%{top:50%;}.z-999{z-index:999;}.float-left{float:left;}.m-2px{margin:2px;}.h-0px{height:0;}.h-24px{height:24px;}.h-28px{height:28px;}.w-0px{width:0;}.w-24px{width:24px;}.w-28px{width:28px;}.w-max{width:max-content;}.translate-y--50\%{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.cursor-pointer{cursor:pointer;}.b-5px{border-width:5px;}.b-transparent{border-color:transparent;}.b-l-\#000{--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(0,0,0,var(--un-border-left-opacity));}.b-r-\#000{--un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:rgba(0,0,0,var(--un-border-right-opacity));}.rd-4px{border-radius:4px;}.b-solid{border-style:solid;}.bg-\#000{--un-bg-opacity:1;background-color:rgba(0,0,0,var(--un-bg-opacity));}.hover\:bg-blue:hover{--un-bg-opacity:1;background-color:rgba(96,165,250,var(--un-bg-opacity));}.p-2px{padding:2px;}.p-4px{padding:4px;}.text-14px{font-size:14px;}.lh-16px{line-height:16px;}.c-\#fff{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity));}
|
|
2
2
|
.map3d-class[data-v-914d176b] {
|
|
3
3
|
width: 100%;
|
|
4
4
|
height: 100%;
|
|
5
5
|
}
|
|
6
|
-
|
|
7
|
-
*[data-v-460568ba] {
|
|
8
|
-
margin: 0px;
|
|
9
|
-
padding: 0px;
|
|
10
|
-
box-sizing: border-box;
|
|
11
|
-
user-select: none;
|
|
12
|
-
}
|
|
13
|
-
.control[data-v-460568ba] {
|
|
14
|
-
width: 28px;
|
|
15
|
-
height: 28px;
|
|
16
|
-
border-radius: 4px;
|
|
17
|
-
background-color: #000;
|
|
18
|
-
display: flex;
|
|
19
|
-
align-items: center;
|
|
20
|
-
justify-content: center;
|
|
21
|
-
padding: 2px;
|
|
22
|
-
float: left;
|
|
23
|
-
margin: 2px;
|
|
24
|
-
cursor: pointer;
|
|
25
|
-
position: relative;
|
|
26
|
-
z-index: 999;
|
|
27
|
-
}
|
|
28
|
-
.control img[data-v-460568ba] {
|
|
29
|
-
width: 24px;
|
|
30
|
-
height: 24px;
|
|
31
|
-
}
|
|
32
|
-
.control span[data-v-460568ba] {
|
|
33
|
-
visibility: hidden;
|
|
34
|
-
background-color: #000;
|
|
35
|
-
position: absolute;
|
|
36
|
-
top: 50%;
|
|
37
|
-
left: -50px;
|
|
38
|
-
transform: translateY(-50%);
|
|
39
|
-
font-size: 14px;
|
|
40
|
-
padding: 4px;
|
|
41
|
-
border-radius: 4px;
|
|
42
|
-
color: #fff;
|
|
43
|
-
}
|
|
44
|
-
.control[data-v-460568ba]:hover {
|
|
45
|
-
background-color: skyblue;
|
|
46
|
-
}
|
|
47
|
-
.control:hover span[data-v-460568ba] {
|
|
48
|
-
visibility: visible;
|
|
49
|
-
}
|
|
50
|
-
.control span .triangle[data-v-460568ba] {
|
|
51
|
-
position: absolute;
|
|
52
|
-
top: 50%;
|
|
53
|
-
right: -9px;
|
|
54
|
-
transform: translateY(-50%);
|
|
55
|
-
width: 0px;
|
|
56
|
-
height: 0px;
|
|
57
|
-
border: 5px solid #000;
|
|
58
|
-
border-top-color: transparent;
|
|
59
|
-
border-right-color: transparent;
|
|
60
|
-
border-bottom-color: transparent;
|
|
61
|
-
border-left-color: #000000;
|
|
62
|
-
}
|