potato-map3d-ui2 0.0.8 → 0.0.9

package/src/packages/main.ts

@@ -0,0 +1,12 @@
+import type { App } from 'vue'
+import Map3dt from '../components/map3dt/index.vue'
+import ZoomOut from '../components/zoomOut/index.vue'
+import ZoomIn from '../components/zoomIn/index.vue'
+const CesiumUi = {
+  install: (app: App) => {
+    app.component('map3dt', Map3dt);
+    app.component('zoomOut', ZoomOut);
+    app.component('zoomIn', ZoomIn);
+  }
+}
+export default CesiumUi

package/src/style.css

@@ -0,0 +1,85 @@
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-text-size-adjust: 100%;
+}
+* {
+  margin: 0px;
+  padding: 0px;
+  box-sizing: border-box;
+  user-select: none;
+}
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+  padding: 2em;
+}
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}

package/src/typings/shims-vue.d.ts

@@ -0,0 +1,23 @@
+/* eslint-disable */
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+  //声明cesium变量
+  declare global {
+    interface Window {
+      Gviewer: any;
+      map: any;
+      CESIUM_BASE_URL: string;
+     }
+  }
+}
+// //声明cesium变量
+declare const Cesium: any
+interface Window{
+  tudou3d: any;
+  Cesium:any;
+  Gviewer: any;
+  map: any;
+  CESIUM_BASE_URL: string;
+}

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "declaration": true,
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "strict": true,
+    "jsx": "preserve",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": ["ESNext", "DOM"],
+    "skipLibCheck": true,
+    "noEmit": true,
+    "types": [
+      "node"
+    ],
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue","src/**/**/*.vue"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/tsconfig.node.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/uno.config.ts

@@ -0,0 +1,34 @@
+
+import {
+  presetAttributify,
+  presetUno,
+  transformerVariantGroup,
+  transformerDirectives,
+  presetIcons,
+  defineConfig
+} from 'unocss'
+
+export default defineConfig({
+  rules: [
+    [
+      /clip-path-\[(.+)\]/,
+      (match) => ({ 'clip-path': match[1].replace(/_/g, ' ') }),
+    ],
+  ],
+  shortcuts: [
+    ['f-b-c', 'flex justify-between items-center'],
+    ['f-c-c', 'flex justify-center items-center'],
+    ['f-e-c', 'flex justify-evenly items-center'],
+    ['f-ic', 'flex items-center'],
+    ['flex-col', 'flex flex-col'],
+  ],
+  presets: [
+    presetAttributify({
+      prefix: 'un-',
+      prefixedOnly: true,
+    }),
+    presetUno(),
+    presetIcons(),
+  ],
+  transformers: [transformerVariantGroup(), transformerDirectives()],
+})

package/vite.config.ts

@@ -0,0 +1,44 @@
+import UnoCSS from 'unocss/vite'
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { resolve } from "path";
+import dts from "vite-plugin-dts";
+// https://vitejs.dev/config/
+export default defineConfig({
+  base:'./',
+  plugins: [vue(), UnoCSS(), dts({
+    entryRoot: "./src/packages",
+    outputDir: ["./dist"],
+    //指定使用的tsconfig.json为我们整个项目根目录下,如果不配置,你也可以在components下新建tsconfig.json
+    tsConfigFilePath: "./tsconfig.json",
+  }),],
+  build: {
+    outDir: "dist",
+    //压缩
+    minify: false,
+    rollupOptions: {
+      external: ["vue"],
+      output: {
+        globals: {
+          vue: "Vue",
+        },
+      },
+    },
+    lib: {
+      entry: "src/packages/main.ts",
+      name: "map3d-ui2",
+      fileName: (format) => `map3d-ui2.${format}.js`
+    },
+  },
+  resolve: {
+    alias: {
+      "@": resolve(__dirname, "src"),
+      // 注意一定不要随意命名，a b c这样的，项目的目录也不能为关键字保留字！！
+      "comp": resolve(__dirname, "src/components"),
+      // 配置图片要这样引用
+      "/img": "./src/assets",
+    },
+  },
+})
+
+

package/dist/main.d.ts

@@ -1,5 +0,0 @@
-import type { App } from 'vue';
-declare const CesiumUi: {
-    install: (app: App) => void;
-};
-export default CesiumUi;

package/dist/map3d-ui2.es.js

@@ -1,140 +0,0 @@
-import { defineComponent, toRefs, onMounted, openBlock, createElementBlock, unref, pushScopeId, popScopeId, createElementVNode, createTextVNode } from "vue";
-const { tudou3d } = window;
-function initMap(options) {
-  const { id, mapOptions } = options;
-  const map = new tudou3d.Map(id, mapOptions);
-  return map;
-}
-const _hoisted_1$2 = ["id"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    mapOptions: {
-      type: Object,
-      required: true
-    },
-    mapId: {
-      type: [String],
-      default: "map3d"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const { mapOptions, mapId } = toRefs(props);
-    onMounted(() => {
-      window.map = initMap({
-        id: mapId.value,
-        mapOptions: mapOptions.value
-      });
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "map3d-class",
-        id: unref(mapId)
-      }, null, 8, _hoisted_1$2);
-    };
-  }
-});
-const index_vue_vue_type_style_index_0_scoped_b4b79245_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const Map3dt = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-b4b79245"]]);
-const _withScopeId = (n) => (pushScopeId("data-v-11713398"), n = n(), popScopeId(), n);
-const _hoisted_1$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", { src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0i6aOO5qC86K6+6K6hIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC00MzAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLlnLDlm77mjqfliLblsZXlvIAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM2Mi4wMDAwMDAsIDI1Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLlnLDlm77nvKnlsI8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY4LjAwMDAwMCwgMTc4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0i6Lev5b6EIiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjQgMTMgNCAxMSAyMCAxMSAyMCAxMyI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=" }, null, -1));
-const _hoisted_2$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, [
-  /* @__PURE__ */ createTextVNode(" 缩小 "),
-  /* @__PURE__ */ createElementVNode("div", { class: "triangle" })
-], -1));
-const _hoisted_3$1 = [
-  _hoisted_1$1,
-  _hoisted_2$1
-];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    map: {
-      type: Object,
-      default: null
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const { map } = toRefs(props);
-    function zoomOut() {
-      const mapControl = map.value || window.map;
-      if (mapControl) {
-        const height = mapControl.viewer.camera.positionCartographic.height / 10;
-        mapControl.viewer.camera.zoomOut(height);
-      } else {
-        console.log("没有map对象");
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "control",
-        onClick: zoomOut
-      }, _hoisted_3$1);
-    };
-  }
-});
-const index_vue_vue_type_style_index_0_scoped_11713398_lang = "";
-const ZoomOut = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-11713398"]]);
-const _imports_0 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC0zOTguMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i5Zyw5Zu+5o6n5Yi25bGV5byAIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjIuMDAwMDAwLCAyNTIuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9IuWcsOWbvuaUvuWkpyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjguMDAwMDAwLCAxNDYuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMy4xNDI4NTcyIDEzLjE0Mjg1NzIgMTMuMTQyODU3MiAyMCAxMC44NTcxNDI4IDIwIDEwLjg1NzE0MjggMTMuMTQyODU3MiA0IDEzLjE0Mjg1NzIgNCAxMC44NTcxNDI4IDEwLjg1NzE0MjggMTAuODU3MTQyOCAxMC44NTcxNDI4IDQgMTMuMTQyODU3MiA0IDEzLjE0Mjg1NzIgMTAuODU3MTQyOCAyMCAxMC44NTcxNDI4IDIwIDEzLjE0Mjg1NzIiPjwvcG9seWdvbj4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=";
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("img", {
-  src: _imports_0,
-  class: "w-24px h-24px"
-}, null, -1);
-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" }, [
-  /* @__PURE__ */ createTextVNode(" 放大 "),
-  /* @__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" })
-], -1);
-const _hoisted_3 = [
-  _hoisted_1,
-  _hoisted_2
-];
-const __default__ = {
-  name: "ZoomIn"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: {
-    map: {
-      type: Object,
-      default: null
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const { map } = toRefs(props);
-    function zoomIn() {
-      const mapControl = map.value || window.map;
-      if (mapControl) {
-        const height = mapControl.viewer.camera.positionCartographic.height / 10;
-        mapControl.viewer.camera.zoomIn(height);
-      } else {
-        console.log("没有map对象");
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        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",
-        onClick: zoomIn
-      }, _hoisted_3);
-    };
-  }
-});
-const CesiumUi = {
-  install: (app) => {
-    app.component("map3dt", Map3dt);
-    app.component("zoomOut", ZoomOut);
-    app.component("zoomIn", _sfc_main);
-  }
-};
-export {
-  CesiumUi as default
-};

package/dist/map3d-ui2.umd.js

@@ -1,142 +0,0 @@
-(function(global, factory) {
-  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));
-})(this, function(vue) {
-  "use strict";
-  const { tudou3d } = window;
-  function initMap(options) {
-    const { id, mapOptions } = options;
-    const map = new tudou3d.Map(id, mapOptions);
-    return map;
-  }
-  const _hoisted_1$2 = ["id"];
-  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-    __name: "index",
-    props: {
-      mapOptions: {
-        type: Object,
-        required: true
-      },
-      mapId: {
-        type: [String],
-        default: "map3d"
-      }
-    },
-    setup(__props) {
-      const props = __props;
-      const { mapOptions, mapId } = vue.toRefs(props);
-      vue.onMounted(() => {
-        window.map = initMap({
-          id: mapId.value,
-          mapOptions: mapOptions.value
-        });
-      });
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", {
-          class: "map3d-class",
-          id: vue.unref(mapId)
-        }, null, 8, _hoisted_1$2);
-      };
-    }
-  });
-  const index_vue_vue_type_style_index_0_scoped_b4b79245_lang = "";
-  const _export_sfc = (sfc, props) => {
-    const target = sfc.__vccOpts || sfc;
-    for (const [key, val] of props) {
-      target[key] = val;
-    }
-    return target;
-  };
-  const Map3dt = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-b4b79245"]]);
-  const _withScopeId = (n) => (vue.pushScopeId("data-v-11713398"), n = n(), vue.popScopeId(), n);
-  const _hoisted_1$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", { src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0i6aOO5qC86K6+6K6hIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC00MzAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLlnLDlm77mjqfliLblsZXlvIAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM2Mi4wMDAwMDAsIDI1Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLlnLDlm77nvKnlsI8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY4LjAwMDAwMCwgMTc4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0i6Lev5b6EIiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjQgMTMgNCAxMSAyMCAxMSAyMCAxMyI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=" }, null, -1));
-  const _hoisted_2$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", null, [
-    /* @__PURE__ */ vue.createTextVNode(" 缩小 "),
-    /* @__PURE__ */ vue.createElementVNode("div", { class: "triangle" })
-  ], -1));
-  const _hoisted_3$1 = [
-    _hoisted_1$1,
-    _hoisted_2$1
-  ];
-  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-    __name: "index",
-    props: {
-      map: {
-        type: Object,
-        default: null
-      }
-    },
-    setup(__props) {
-      const props = __props;
-      const { map } = vue.toRefs(props);
-      function zoomOut() {
-        const mapControl = map.value || window.map;
-        if (mapControl) {
-          const height = mapControl.viewer.camera.positionCartographic.height / 10;
-          mapControl.viewer.camera.zoomOut(height);
-        } else {
-          console.log("没有map对象");
-        }
-      }
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", {
-          class: "control",
-          onClick: zoomOut
-        }, _hoisted_3$1);
-      };
-    }
-  });
-  const index_vue_vue_type_style_index_0_scoped_11713398_lang = "";
-  const ZoomOut = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-11713398"]]);
-  const _imports_0 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC0zOTguMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i5Zyw5Zu+5o6n5Yi25bGV5byAIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjIuMDAwMDAwLCAyNTIuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9IuWcsOWbvuaUvuWkpyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjguMDAwMDAwLCAxNDYuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMy4xNDI4NTcyIDEzLjE0Mjg1NzIgMTMuMTQyODU3MiAyMCAxMC44NTcxNDI4IDIwIDEwLjg1NzE0MjggMTMuMTQyODU3MiA0IDEzLjE0Mjg1NzIgNCAxMC44NTcxNDI4IDEwLjg1NzE0MjggMTAuODU3MTQyOCAxMC44NTcxNDI4IDQgMTMuMTQyODU3MiA0IDEzLjE0Mjg1NzIgMTAuODU3MTQyOCAyMCAxMC44NTcxNDI4IDIwIDEzLjE0Mjg1NzIiPjwvcG9seWdvbj4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=";
-  const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("img", {
-    src: _imports_0,
-    class: "w-24px h-24px"
-  }, null, -1);
-  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" }, [
-    /* @__PURE__ */ vue.createTextVNode(" 放大 "),
-    /* @__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" })
-  ], -1);
-  const _hoisted_3 = [
-    _hoisted_1,
-    _hoisted_2
-  ];
-  const __default__ = {
-    name: "ZoomIn"
-  };
-  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-    ...__default__,
-    props: {
-      map: {
-        type: Object,
-        default: null
-      }
-    },
-    setup(__props) {
-      const props = __props;
-      const { map } = vue.toRefs(props);
-      function zoomIn() {
-        const mapControl = map.value || window.map;
-        if (mapControl) {
-          const height = mapControl.viewer.camera.positionCartographic.height / 10;
-          mapControl.viewer.camera.zoomIn(height);
-        } else {
-          console.log("没有map对象");
-        }
-      }
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", {
-          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",
-          onClick: zoomIn
-        }, _hoisted_3);
-      };
-    }
-  });
-  const CesiumUi = {
-    install: (app) => {
-      app.component("map3dt", Map3dt);
-      app.component("zoomOut", ZoomOut);
-      app.component("zoomIn", _sfc_main);
-    }
-  };
-  return CesiumUi;
-});

package/dist/style.css

@@ -1,62 +0,0 @@
-
-.map3d-class[data-v-b4b79245] {
-  width: 100%;
-  height: 100%;
-}
-
-*[data-v-11713398] {
-  margin: 0px;
-  padding: 0px;
-  box-sizing: border-box;
-  user-select: none;
-}
-.control[data-v-11713398] {
-  width: 28px;
-  height: 28px;
-  border-radius: 4px;
-  background-color: #000;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 2px;
-  float: left;
-  margin: 2px;
-  cursor: pointer;
-  position: relative;
-  z-index: 999;
-}
-.control img[data-v-11713398] {
-  width: 24px;
-  height: 24px;
-}
-.control span[data-v-11713398] {
-  visibility: hidden;
-  background-color: #000;
-  position: absolute;
-  top: 50%;
-  left: -50px;
-  transform: translateY(-50%);
-  font-size: 14px;
-  padding: 4px;
-  border-radius: 4px;
-  color: #fff;
-}
-.control[data-v-11713398]:hover {
-  background-color: skyblue;
-}
-.control:hover span[data-v-11713398] {
-  visibility: visible;
-}
-.control span .triangle[data-v-11713398] {
-  position: absolute;
-  top: 50%;
-  right: -9px;
-  transform: translateY(-50%);
-  width: 0px;
-  height: 0px;
-  border: 5px solid #000;
-  border-top-color: transparent;
-  border-right-color: transparent;
-  border-bottom-color: transparent;
-  border-left-color: #000000;
-}