potato-map3d-ui2 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.
Files changed (4) hide show
  1. package/dist/map3d-ui2.es.js +49 -33
  2. package/dist/map3d-ui2.umd.js +48 -32
  3. package/dist/style.css +1 -58
  4. package/package.json +2 -2
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,36 +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
- const __default__ = {
103
- name: "ZoomIn"
104
- };
105
103
  const _sfc_main = /* @__PURE__ */ defineComponent({
106
- ...__default__,
104
+ __name: "index",
107
105
  props: {
108
106
  map: {
109
107
  type: Object,
110
108
  default: null
109
+ },
110
+ placement: {
111
+ type: String,
112
+ default: "left"
111
113
  }
112
114
  },
113
115
  setup(__props) {
@@ -126,17 +128,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
126
128
  return openBlock(), createElementBlock("div", {
127
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",
128
130
  onClick: zoomIn
129
- }, _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
+ ]);
130
146
  };
131
147
  }
132
148
  });
133
- const CesiumUi = {
149
+ const potatoMap3dUi2 = {
134
150
  install: (app) => {
135
151
  app.component("map3dt", Map3dt);
136
- app.component("zoomOut", ZoomOut);
152
+ app.component("zoomOut", _sfc_main$1);
137
153
  app.component("zoomIn", _sfc_main);
138
154
  }
139
155
  };
140
156
  export {
141
- CesiumUi as default
157
+ potatoMap3dUi2 as default
142
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,36 +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
- const __default__ = {
106
- name: "ZoomIn"
107
- };
108
106
  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
109
- ...__default__,
107
+ __name: "index",
110
108
  props: {
111
109
  map: {
112
110
  type: Object,
113
111
  default: null
112
+ },
113
+ placement: {
114
+ type: String,
115
+ default: "left"
114
116
  }
115
117
  },
116
118
  setup(__props) {
@@ -129,16 +131,30 @@
129
131
  return vue.openBlock(), vue.createElementBlock("div", {
130
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",
131
133
  onClick: zoomIn
132
- }, _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
+ ]);
133
149
  };
134
150
  }
135
151
  });
136
- const CesiumUi = {
152
+ const potatoMap3dUi2 = {
137
153
  install: (app) => {
138
154
  app.component("map3dt", Map3dt);
139
- app.component("zoomOut", ZoomOut);
155
+ app.component("zoomOut", _sfc_main$1);
140
156
  app.component("zoomIn", _sfc_main);
141
157
  }
142
158
  };
143
- return CesiumUi;
159
+ return potatoMap3dUi2;
144
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;}.group:hover .group-hover\:visible,.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.14",
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",
@@ -21,7 +21,6 @@
21
21
  "preview": "vite preview"
22
22
  },
23
23
  "dependencies": {
24
- "unocss": "^0.51.2",
25
24
  "vite-plugin-dts": "^2.2.0",
26
25
  "vue": "^3.2.47"
27
26
  },
@@ -29,6 +28,7 @@
29
28
  "@types/node": "^18.15.11",
30
29
  "@vitejs/plugin-vue": "^4.2.1",
31
30
  "typescript": "^4.9.3",
31
+ "unocss": "^0.53.6",
32
32
  "vite": "^4.3.2",
33
33
  "vue-tsc": "^1.2.0"
34
34
  }