potato-map3d-ui2 0.0.15 → 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.
Files changed (4) hide show
  1. package/dist/map3d-ui2.es.js +48 -29
  2. package/dist/map3d-ui2.umd.js +47 -28
  3. package/dist/style.css +1 -58
  4. package/package.json +1 -1
package/dist/map3d-ui2.es.js CHANGED
@@ -1,5 +1,4 @@
1
- import { defineComponent, toRefs, onMounted, openBlock, createElementBlock, unref, pushScopeId, popScopeId, createElementVNode, createTextVNode } from "vue";
2
- const __uno = "";
1
+ import { defineComponent, toRefs, onMounted, openBlock, createElementBlock, unref, renderSlot, createElementVNode, normalizeClass, createTextVNode } from "vue";
3
2
  const { tudou3d } = window;
4
3
  function initMap(options) {
5
4
  const { id, mapOptions } = options;
@@ -45,23 +44,21 @@ const _export_sfc = (sfc, props) => {
45
44
  return target;
46
45
  };
47
46
  const Map3dt = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-914d176b"]]);
48
- const _imports_0$1 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC00NjIuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i5Zyw5Zu+5o6n5Yi25bGV5byAIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjIuMDAwMDAwLCAyNTIuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9IuW6leWbvuWIh+aNoiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjguMDAwMDAwLCAyMTAuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IuWbvuWxgumbhiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy4wMDAwMDAsIDQuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+DQogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOS4xNDI4NTcxNCwxNC4yNDc2MTkxIEwxLjcxNDI4NTcxLDEwLjQzODA5NTIgTDAsMTEuMzE4ODU3MSBMOS4xNDI4NTcxNCwxNiBMMTguMjg1NzE0MywxMS4zMTczMzMzIEwxNi41NzE0Mjg2LDEwLjQzODA5NTIgTDkuMTQyODU3MTQsMTQuMjQ3NjE5MSBaIE05LjE0Mjg1NzE0LDEwLjkzMzMzMzMgTDEuNzE0Mjg1NzEsNy4xMjkxNDI4NiBMMCw4LjAwNDU3MTQzIEw5LjE0Mjg1NzE0LDEyLjY4NzIzODEgTDE4LjI4NTcxNDMsOC4wMDQ1NzE0MyBMMTYuNTcxNDI4Niw3LjEyNjg1NzE0IEw5LjE0Mjg1NzE0LDEwLjkzMzMzMzMgWiBNMTguMjg1NzE0Myw0LjY4NTcxNDI5IEw5LjE0Mjg1NzE0LDAgTDAsNC42ODI2NjY2NiBMOS4xNDI4NTcxNCw5LjM2NjA5NTIzIEwxOC4yODU3MTQzLDQuNjg1NzE0MjkgWiBNOS4xNDI4NTcxNCwxLjc0NzgwOTUyIEwxNC44Nzg0NzYyLDQuNjg1NzE0MjkgTDkuMTQyODU3MTQsNy42MTkwNDc2MyBMMy40MDcyMzgwOSw0LjY4MTE0Mjg2IEw5LjE0Mjg1NzE0LDEuNzQ3ODA5NTIgWiIgaWQ9IuW9oueKtiI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+";
49
- const _withScopeId = (n) => (pushScopeId("data-v-460568ba"), n = n(), popScopeId(), n);
50
- const _hoisted_1$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", { src: _imports_0$1 }, null, -1));
51
- const _hoisted_2$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, [
52
- /* @__PURE__ */ createTextVNode(" 缩小 "),
53
- /* @__PURE__ */ createElementVNode("div", { class: "triangle" })
54
- ], -1));
55
- const _hoisted_3$1 = [
56
- _hoisted_1$1,
57
- _hoisted_2$1
58
- ];
47
+ const _imports_0$1 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC00MzAuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i5Zyw5Zu+5o6n5Yi25bGV5byAIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjIuMDAwMDAwLCAyNTIuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9IuWcsOWbvue8qeWwjyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjguMDAwMDAwLCAxNzguMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI0IDEzIDQgMTEgMjAgMTEgMjAgMTMiPjwvcG9seWdvbj4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=";
48
+ const _hoisted_1$1 = /* @__PURE__ */ createElementVNode("img", {
49
+ src: _imports_0$1,
50
+ class: "w-24px h-24px"
51
+ }, null, -1);
59
52
  const _sfc_main$1 = /* @__PURE__ */ defineComponent({
60
53
  __name: "index",
61
54
  props: {
62
55
  map: {
63
56
  type: Object,
64
57
  default: null
58
+ },
59
+ placement: {
60
+ type: String,
61
+ default: "left"
65
62
  }
66
63
  },
67
64
  setup(__props) {
@@ -78,33 +75,41 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
78
75
  }
79
76
  return (_ctx, _cache) => {
80
77
  return openBlock(), createElementBlock("div", {
81
- class: "control",
78
+ 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
79
  onClick: zoomOut
83
- }, _hoisted_3$1);
80
+ }, [
81
+ renderSlot(_ctx.$slots, "img", {}, () => [
82
+ _hoisted_1$1
83
+ ]),
84
+ createElementVNode("span", {
85
+ 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%"])
86
+ }, [
87
+ renderSlot(_ctx.$slots, "default", {}, () => [
88
+ createTextVNode("缩小")
89
+ ]),
90
+ createElementVNode("div", {
91
+ 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"])
92
+ }, null, 2)
93
+ ], 2)
94
+ ]);
84
95
  };
85
96
  }
86
97
  });
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
98
  const _imports_0 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC0zOTguMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i5Zyw5Zu+5o6n5Yi25bGV5byAIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjIuMDAwMDAwLCAyNTIuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9IuWcsOWbvuaUvuWkpyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjguMDAwMDAwLCAxNDYuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMy4xNDI4NTcyIDEzLjE0Mjg1NzIgMTMuMTQyODU3MiAyMCAxMC44NTcxNDI4IDIwIDEwLjg1NzE0MjggMTMuMTQyODU3MiA0IDEzLjE0Mjg1NzIgNCAxMC44NTcxNDI4IDEwLjg1NzE0MjggMTAuODU3MTQyOCAxMC44NTcxNDI4IDQgMTMuMTQyODU3MiA0IDEzLjE0Mjg1NzIgMTAuODU3MTQyOCAyMCAxMC44NTcxNDI4IDIwIDEzLjE0Mjg1NzIiPjwvcG9seWdvbj4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=";
90
99
  const _hoisted_1 = /* @__PURE__ */ createElementVNode("img", {
91
100
  src: _imports_0,
92
101
  class: "w-24px h-24px"
93
102
  }, 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
103
  const _sfc_main = /* @__PURE__ */ defineComponent({
103
104
  __name: "index",
104
105
  props: {
105
106
  map: {
106
107
  type: Object,
107
108
  default: null
109
+ },
110
+ placement: {
111
+ type: String,
112
+ default: "left"
108
113
  }
109
114
  },
110
115
  setup(__props) {
@@ -123,17 +128,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
123
128
  return openBlock(), createElementBlock("div", {
124
129
  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
130
  onClick: zoomIn
126
- }, _hoisted_3);
131
+ }, [
132
+ renderSlot(_ctx.$slots, "img", {}, () => [
133
+ _hoisted_1
134
+ ]),
135
+ createElementVNode("span", {
136
+ 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%"])
137
+ }, [
138
+ renderSlot(_ctx.$slots, "default", {}, () => [
139
+ createTextVNode("放大")
140
+ ]),
141
+ createElementVNode("div", {
142
+ 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"])
143
+ }, null, 2)
144
+ ], 2)
145
+ ]);
127
146
  };
128
147
  }
129
148
  });
130
- const CesiumUi = {
149
+ const potatoMap3dUi2 = {
131
150
  install: (app) => {
132
151
  app.component("map3dt", Map3dt);
133
- app.component("zoomOut", ZoomOut);
152
+ app.component("zoomOut", _sfc_main$1);
134
153
  app.component("zoomIn", _sfc_main);
135
154
  }
136
155
  };
137
156
  export {
138
- CesiumUi as default
157
+ potatoMap3dUi2 as default
139
158
  };
package/dist/map3d-ui2.umd.js CHANGED
@@ -2,7 +2,6 @@
2
2
  typeof exports === "object" && typeof module !== "undefined" ? module.exports = factory(require("vue")) : typeof define === "function" && define.amd ? define(["vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, global["map3d-ui2"] = factory(global.Vue));
3
3
  })(this, function(vue) {
4
4
  "use strict";
5
- const __uno = "";
6
5
  const { tudou3d } = window;
7
6
  function initMap(options) {
8
7
  const { id, mapOptions } = options;
@@ -48,23 +47,21 @@
48
47
  return target;
49
48
  };
50
49
  const Map3dt = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-914d176b"]]);
51
- const _imports_0$1 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC00NjIuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i5Zyw5Zu+5o6n5Yi25bGV5byAIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjIuMDAwMDAwLCAyNTIuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9IuW6leWbvuWIh+aNoiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjguMDAwMDAwLCAyMTAuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IuWbvuWxgumbhiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy4wMDAwMDAsIDQuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+DQogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOS4xNDI4NTcxNCwxNC4yNDc2MTkxIEwxLjcxNDI4NTcxLDEwLjQzODA5NTIgTDAsMTEuMzE4ODU3MSBMOS4xNDI4NTcxNCwxNiBMMTguMjg1NzE0MywxMS4zMTczMzMzIEwxNi41NzE0Mjg2LDEwLjQzODA5NTIgTDkuMTQyODU3MTQsMTQuMjQ3NjE5MSBaIE05LjE0Mjg1NzE0LDEwLjkzMzMzMzMgTDEuNzE0Mjg1NzEsNy4xMjkxNDI4NiBMMCw4LjAwNDU3MTQzIEw5LjE0Mjg1NzE0LDEyLjY4NzIzODEgTDE4LjI4NTcxNDMsOC4wMDQ1NzE0MyBMMTYuNTcxNDI4Niw3LjEyNjg1NzE0IEw5LjE0Mjg1NzE0LDEwLjkzMzMzMzMgWiBNMTguMjg1NzE0Myw0LjY4NTcxNDI5IEw5LjE0Mjg1NzE0LDAgTDAsNC42ODI2NjY2NiBMOS4xNDI4NTcxNCw5LjM2NjA5NTIzIEwxOC4yODU3MTQzLDQuNjg1NzE0MjkgWiBNOS4xNDI4NTcxNCwxLjc0NzgwOTUyIEwxNC44Nzg0NzYyLDQuNjg1NzE0MjkgTDkuMTQyODU3MTQsNy42MTkwNDc2MyBMMy40MDcyMzgwOSw0LjY4MTE0Mjg2IEw5LjE0Mjg1NzE0LDEuNzQ3ODA5NTIgWiIgaWQ9IuW9oueKtiI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+";
52
- const _withScopeId = (n) => (vue.pushScopeId("data-v-460568ba"), n = n(), vue.popScopeId(), n);
53
- const _hoisted_1$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", { src: _imports_0$1 }, null, -1));
54
- const _hoisted_2$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", null, [
55
- /* @__PURE__ */ vue.createTextVNode(" 缩小 "),
56
- /* @__PURE__ */ vue.createElementVNode("div", { class: "triangle" })
57
- ], -1));
58
- const _hoisted_3$1 = [
59
- _hoisted_1$1,
60
- _hoisted_2$1
61
- ];
50
+ const _imports_0$1 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC00MzAuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i5Zyw5Zu+5o6n5Yi25bGV5byAIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjIuMDAwMDAwLCAyNTIuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9IuWcsOWbvue8qeWwjyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjguMDAwMDAwLCAxNzguMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI0IDEzIDQgMTEgMjAgMTEgMjAgMTMiPjwvcG9seWdvbj4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=";
51
+ const _hoisted_1$1 = /* @__PURE__ */ vue.createElementVNode("img", {
52
+ src: _imports_0$1,
53
+ class: "w-24px h-24px"
54
+ }, null, -1);
62
55
  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
63
56
  __name: "index",
64
57
  props: {
65
58
  map: {
66
59
  type: Object,
67
60
  default: null
61
+ },
62
+ placement: {
63
+ type: String,
64
+ default: "left"
68
65
  }
69
66
  },
70
67
  setup(__props) {
@@ -81,33 +78,41 @@
81
78
  }
82
79
  return (_ctx, _cache) => {
83
80
  return vue.openBlock(), vue.createElementBlock("div", {
84
- class: "control",
81
+ 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
82
  onClick: zoomOut
86
- }, _hoisted_3$1);
83
+ }, [
84
+ vue.renderSlot(_ctx.$slots, "img", {}, () => [
85
+ _hoisted_1$1
86
+ ]),
87
+ vue.createElementVNode("span", {
88
+ 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%"])
89
+ }, [
90
+ vue.renderSlot(_ctx.$slots, "default", {}, () => [
91
+ vue.createTextVNode("缩小")
92
+ ]),
93
+ vue.createElementVNode("div", {
94
+ 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"])
95
+ }, null, 2)
96
+ ], 2)
97
+ ]);
87
98
  };
88
99
  }
89
100
  });
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
101
  const _imports_0 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC0zOTguMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i5Zyw5Zu+5o6n5Yi25bGV5byAIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjIuMDAwMDAwLCAyNTIuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9IuWcsOWbvuaUvuWkpyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjguMDAwMDAwLCAxNDYuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMy4xNDI4NTcyIDEzLjE0Mjg1NzIgMTMuMTQyODU3MiAyMCAxMC44NTcxNDI4IDIwIDEwLjg1NzE0MjggMTMuMTQyODU3MiA0IDEzLjE0Mjg1NzIgNCAxMC44NTcxNDI4IDEwLjg1NzE0MjggMTAuODU3MTQyOCAxMC44NTcxNDI4IDQgMTMuMTQyODU3MiA0IDEzLjE0Mjg1NzIgMTAuODU3MTQyOCAyMCAxMC44NTcxNDI4IDIwIDEzLjE0Mjg1NzIiPjwvcG9seWdvbj4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=";
93
102
  const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("img", {
94
103
  src: _imports_0,
95
104
  class: "w-24px h-24px"
96
105
  }, 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
106
  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
106
107
  __name: "index",
107
108
  props: {
108
109
  map: {
109
110
  type: Object,
110
111
  default: null
112
+ },
113
+ placement: {
114
+ type: String,
115
+ default: "left"
111
116
  }
112
117
  },
113
118
  setup(__props) {
@@ -126,16 +131,30 @@
126
131
  return vue.openBlock(), vue.createElementBlock("div", {
127
132
  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
133
  onClick: zoomIn
129
- }, _hoisted_3);
134
+ }, [
135
+ vue.renderSlot(_ctx.$slots, "img", {}, () => [
136
+ _hoisted_1
137
+ ]),
138
+ vue.createElementVNode("span", {
139
+ 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%"])
140
+ }, [
141
+ vue.renderSlot(_ctx.$slots, "default", {}, () => [
142
+ vue.createTextVNode("放大")
143
+ ]),
144
+ vue.createElementVNode("div", {
145
+ 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"])
146
+ }, null, 2)
147
+ ], 2)
148
+ ]);
130
149
  };
131
150
  }
132
151
  });
133
- const CesiumUi = {
152
+ const potatoMap3dUi2 = {
134
153
  install: (app) => {
135
154
  app.component("map3dt", Map3dt);
136
- app.component("zoomOut", ZoomOut);
155
+ app.component("zoomOut", _sfc_main$1);
137
156
  app.component("zoomIn", _sfc_main);
138
157
  }
139
158
  };
140
- return CesiumUi;
159
+ return potatoMap3dUi2;
141
160
  });
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;}.visible,.group:hover .group-hover\:visible{visibility:visible;}.invisible{visibility:hidden;}.absolute{position:absolute;}.relative{position:relative;}.left--50px{left:-50px;}.left--9px{left:-9px;}.top-50\%{top:50%;}.z-999{z-index:999;}.float-left{float:left;}.m-2px{margin:2px;}.hidden{display:none;}.h-0px{height:0;}.h-24px{height:24px;}.h-28px{height:28px;}.w-0px{width:0;}.w-24px{width:24px;}.w-28px{width:28px;}.flex{display:flex;}.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));}.transform{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;}.border{border-width:1px;}.b-b-transparent{border-bottom-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-transparent{border-right-color:transparent;}.b-t-transparent{border-top-color:transparent;}.rd-4px{border-radius:4px;}.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;}.c-\#fff{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity));}
1
+
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
- }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "potato-map3d-ui2",
3
3
  "private": false,
4
- "version": "0.0.15",
4
+ "version": "0.0.16",
5
5
  "main": "./dist/map3d-ui2.umd.js",
6
6
  "module": "./dist/map3d-ui2.es.js",
7
7
  "type": "module",