@tianditu/vue 0.0.1-edge.0 → 0.0.2

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2023 Demo Macro
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2023 Demo Macro
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.mts

@@ -1,15 +1,18 @@
-import { JSX } from '@tianditu/wc';
+import * as vue from 'vue';
 import { Plugin } from 'vue';
+import { JSX } from '@tianditu/wc';
 
 interface InputProps<T> {
     modelValue?: T;
 }
 
-declare const TdtControl: (props: JSX.TdtControl & InputProps<string | number | boolean> & {}) => any;
-declare const TdtControlScale: (props: JSX.TdtControlScale & InputProps<string | number | boolean> & {}) => any;
-declare const TdtControlZoom: (props: JSX.TdtControlZoom & InputProps<string | number | boolean> & {}) => any;
-declare const TdtMap: (props: JSX.TdtMap & InputProps<string | number | boolean> & {}) => any;
+declare const TdtControl: vue.DefineSetupFnComponent<JSX.TdtControl & InputProps<string | number | boolean>, {}, {}, JSX.TdtControl & InputProps<string | number | boolean> & {}, vue.PublicProps>;
+declare const TdtControlCopyright: vue.DefineSetupFnComponent<JSX.TdtControlCopyright & InputProps<string | number | boolean>, {}, {}, JSX.TdtControlCopyright & InputProps<string | number | boolean> & {}, vue.PublicProps>;
+declare const TdtControlOverviewMap: vue.DefineSetupFnComponent<JSX.TdtControlOverviewMap & InputProps<string | number | boolean>, {}, {}, JSX.TdtControlOverviewMap & InputProps<string | number | boolean> & {}, vue.PublicProps>;
+declare const TdtControlScale: vue.DefineSetupFnComponent<JSX.TdtControlScale & InputProps<string | number | boolean>, {}, {}, JSX.TdtControlScale & InputProps<string | number | boolean> & {}, vue.PublicProps>;
+declare const TdtControlZoom: vue.DefineSetupFnComponent<JSX.TdtControlZoom & InputProps<string | number | boolean>, {}, {}, JSX.TdtControlZoom & InputProps<string | number | boolean> & {}, vue.PublicProps>;
+declare const TdtMap: vue.DefineSetupFnComponent<JSX.TdtMap & InputProps<string | number | boolean>, {}, {}, JSX.TdtMap & InputProps<string | number | boolean> & {}, vue.PublicProps>;
 
 declare const ComponentLibrary: Plugin;
 
-export { ComponentLibrary, TdtControl, TdtControlScale, TdtControlZoom, TdtMap };
+export { ComponentLibrary, TdtControl, TdtControlCopyright, TdtControlOverviewMap, TdtControlScale, TdtControlZoom, TdtMap };

package/dist/index.d.ts

@@ -1,15 +1,18 @@
-import { JSX } from '@tianditu/wc';
+import * as vue from 'vue';
 import { Plugin } from 'vue';
+import { JSX } from '@tianditu/wc';
 
 interface InputProps<T> {
     modelValue?: T;
 }
 
-declare const TdtControl: (props: JSX.TdtControl & InputProps<string | number | boolean> & {}) => any;
-declare const TdtControlScale: (props: JSX.TdtControlScale & InputProps<string | number | boolean> & {}) => any;
-declare const TdtControlZoom: (props: JSX.TdtControlZoom & InputProps<string | number | boolean> & {}) => any;
-declare const TdtMap: (props: JSX.TdtMap & InputProps<string | number | boolean> & {}) => any;
+declare const TdtControl: vue.DefineSetupFnComponent<JSX.TdtControl & InputProps<string | number | boolean>, {}, {}, JSX.TdtControl & InputProps<string | number | boolean> & {}, vue.PublicProps>;
+declare const TdtControlCopyright: vue.DefineSetupFnComponent<JSX.TdtControlCopyright & InputProps<string | number | boolean>, {}, {}, JSX.TdtControlCopyright & InputProps<string | number | boolean> & {}, vue.PublicProps>;
+declare const TdtControlOverviewMap: vue.DefineSetupFnComponent<JSX.TdtControlOverviewMap & InputProps<string | number | boolean>, {}, {}, JSX.TdtControlOverviewMap & InputProps<string | number | boolean> & {}, vue.PublicProps>;
+declare const TdtControlScale: vue.DefineSetupFnComponent<JSX.TdtControlScale & InputProps<string | number | boolean>, {}, {}, JSX.TdtControlScale & InputProps<string | number | boolean> & {}, vue.PublicProps>;
+declare const TdtControlZoom: vue.DefineSetupFnComponent<JSX.TdtControlZoom & InputProps<string | number | boolean>, {}, {}, JSX.TdtControlZoom & InputProps<string | number | boolean> & {}, vue.PublicProps>;
+declare const TdtMap: vue.DefineSetupFnComponent<JSX.TdtMap & InputProps<string | number | boolean>, {}, {}, JSX.TdtMap & InputProps<string | number | boolean> & {}, vue.PublicProps>;
 
 declare const ComponentLibrary: Plugin;
 
-export { ComponentLibrary, TdtControl, TdtControlScale, TdtControlZoom, TdtMap };
+export { ComponentLibrary, TdtControl, TdtControlCopyright, TdtControlOverviewMap, TdtControlScale, TdtControlZoom, TdtMap };

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { defineComponent, ref, getCurrentInstance, inject, h } from 'vue';
-import { applyPolyfills, defineCustomElements } from '@tianditu/wc/dist/loader';
+import { defineComponent, ref, getCurrentInstance, inject, h, withDirectives } from 'vue';
+import { defineCustomElements } from '@tianditu/wc/dist/loader';
 
 const UPDATE_VALUE_EVENT = "update:modelValue";
 const MODEL_VALUE = "modelValue";
@@ -17,7 +17,7 @@ const getElementClasses = (ref2, componentClasses, defaultClasses = []) => {
     (c, i, self) => !componentClasses.has(c) && self.indexOf(c) === i
   );
 };
-const defineContainer = (name, defineCustomElement, componentProps = [], modelProp, modelUpdateEvent, externalModelUpdateEvent) => {
+const defineContainer = (name, defineCustomElement, componentProps = [], modelProp, modelUpdateEvent) => {
   if (defineCustomElement !== void 0) {
     defineCustomElement();
   }
@@ -26,15 +26,14 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
       let modelPropValue = props[modelProp];
       const containerRef = ref();
       const classes = new Set(getComponentClasses(attrs.class));
-      const onVnodeBeforeMount = (vnode) => {
-        if (vnode.el) {
+      const vModelDirective = {
+        created: (el) => {
           const eventsNames = Array.isArray(modelUpdateEvent) ? modelUpdateEvent : [modelUpdateEvent];
           eventsNames.forEach((eventName) => {
-            vnode.el.addEventListener(eventName.toLowerCase(), (e) => {
-              modelPropValue = (e?.target)[modelProp];
-              emit(UPDATE_VALUE_EVENT, modelPropValue);
-              if (externalModelUpdateEvent) {
-                emit(externalModelUpdateEvent, e);
+            el.addEventListener(eventName.toLowerCase(), (e) => {
+              if (e.target.tagName === el.tagName) {
+                modelPropValue = (e?.target)[modelProp];
+                emit(UPDATE_VALUE_EVENT, modelPropValue);
               }
             });
           });
@@ -48,6 +47,7 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
         if (routerLink === EMPTY_PROP)
           return;
         if (navManager !== void 0) {
+          ev.preventDefault();
           let navigationPayload = { event: ev };
           for (const key in props) {
             const value = props[key];
@@ -79,8 +79,7 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
         let propsToAdd = {
           ref: containerRef,
           class: getElementClasses(containerRef, classes),
-          onClick: handleClick,
-          onVnodeBeforeMount: modelUpdateEvent ? onVnodeBeforeMount : void 0
+          onClick: handleClick
         };
         for (const key in props) {
           const value = props[key];
@@ -101,7 +100,14 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
             };
           }
         }
-        return h(name, propsToAdd, slots.default && slots.default());
+        if (props[ROUTER_LINK_VALUE] !== EMPTY_PROP) {
+          propsToAdd = {
+            ...propsToAdd,
+            href: props[ROUTER_LINK_VALUE]
+          };
+        }
+        const node = h(name, propsToAdd, slots.default && slots.default());
+        return modelProp === void 0 ? node : withDirectives(node, [[vModelDirective]]);
       };
     }
   );
@@ -115,7 +121,7 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
     });
     if (modelProp) {
       Container.props[MODEL_VALUE] = DEFAULT_EMPTY_PROP;
-      Container.emits = [UPDATE_VALUE_EVENT, externalModelUpdateEvent];
+      Container.emits = [UPDATE_VALUE_EVENT];
     }
   }
   return Container;
@@ -124,30 +130,54 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
 const TdtControl = /* @__PURE__ */ defineContainer(
   "tdt-control",
   void 0,
-  ["control", "position", "offset", "options"]
+  ["control", "position", "visible", "offset", "options", "uniqueId"]
+);
+const TdtControlCopyright = /* @__PURE__ */ defineContainer(
+  "tdt-control-copyright",
+  void 0,
+  ["position", "content", "uniqueId"]
+);
+const TdtControlOverviewMap = /* @__PURE__ */ defineContainer(
+  "tdt-control-overview-map",
+  void 0,
+  ["position", "isOpen", "uniqueId"]
 );
 const TdtControlScale = /* @__PURE__ */ defineContainer(
   "tdt-control-scale",
   void 0,
-  ["position", "color"]
+  ["position", "color", "uniqueId"]
 );
 const TdtControlZoom = /* @__PURE__ */ defineContainer(
   "tdt-control-zoom",
   void 0,
-  ["position", "zoomInText", "zoomInTitle", "zoomOutText", "zoomOutTitle"]
+  [
+    "position",
+    "zoomInText",
+    "zoomInTitle",
+    "zoomOutText",
+    "zoomOutTitle",
+    "uniqueId"
+  ]
 );
 const TdtMap = /* @__PURE__ */ defineContainer(
   "tdt-map",
   void 0,
-  ["tk", "projection", "minZoom", "maxZoom", "maxBounds", "center", "zoom"]
+  [
+    "tk",
+    "projection",
+    "minZoom",
+    "maxZoom",
+    "maxBounds",
+    "center",
+    "zoom",
+    "uniqueId"
+  ]
 );
 
 const ComponentLibrary = {
   async install() {
-    applyPolyfills().then(() => {
-      defineCustomElements();
-    });
+    defineCustomElements();
   }
 };
 
-export { ComponentLibrary, TdtControl, TdtControlScale, TdtControlZoom, TdtMap };
+export { ComponentLibrary, TdtControl, TdtControlCopyright, TdtControlOverviewMap, TdtControlScale, TdtControlZoom, TdtMap };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tianditu/vue",
-  "version": "0.0.1-edge.0",
+  "version": "0.0.2",
   "description": "Vue components for tianditu, powered by Demo Macro.",
   "main": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -29,11 +29,10 @@
   },
   "homepage": "https://github.com/DemoMacro/tianditu#readme",
   "devDependencies": {
-    "vue": "3.3.4",
-    "@tianditu/wc": "0.0.1-edge.0"
+    "vue": "3.4.37",
+    "@tianditu/wc": "0.0.2"
   },
   "scripts": {
-    "dev": "unbuild --stub",
-    "postinstall": "pnpm prepack"
+    "dev": "unbuild --stub"
   }
 }