@summeruse/ol 0.0.0

package/dist/index.js

@@ -0,0 +1,44 @@
+import { defineComponent as d, ref as c, createBlock as f, openBlock as m, unref as v } from "vue";
+import { NDropdown as x } from "naive-ui";
+const _ = /* @__PURE__ */ d({
+  __name: "n-ol-contextmenu",
+  props: {
+    olMap: {},
+    createDropdownOptions: { type: Function }
+  },
+  setup(a) {
+    const s = a, { olMap: n } = s, o = c({
+      visible: !1,
+      x: 0,
+      y: 0
+    }), r = () => {
+      o.value.visible = !1;
+    }, l = c();
+    n.getViewport().oncontextmenu = (e) => {
+      e.preventDefault();
+      const t = n.getEventPixel(e), i = n.getEventCoordinate(e), u = n.getFeaturesAtPixel(t);
+      l.value = s.createDropdownOptions({ event: e, pixel: t, coordinate: i, features: u }), o.value = {
+        visible: !0,
+        x: e.clientX,
+        y: e.clientY
+      };
+    };
+    const p = (e, t) => {
+      const { onClick: i } = t;
+      i && i(), o.value.visible = !1;
+    };
+    return (e, t) => (m(), f(v(x), {
+      placement: "bottom-start",
+      trigger: "manual",
+      show: l.value && l.value.length > 0 && o.value.visible,
+      x: o.value.x,
+      y: o.value.y,
+      options: l.value,
+      "on-clickoutside": r,
+      onSelect: p
+    }, null, 8, ["show", "x", "y", "options"]));
+  }
+});
+export {
+  _ as NOlContextmenu
+};

package/es/components/index.d.ts

@@ -0,0 +1,3 @@
+import { default as NOlContextmenu } from './ol-contextmenu/n-ol-contextmenu.vue';
+export { NOlContextmenu };
+export * from './ol-contextmenu/props';

package/es/components/ol-contextmenu/n-ol-contextmenu.vue.d.ts

@@ -0,0 +1,3 @@
+import { Props } from './props';
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/components/ol-contextmenu/n-ol-contextmenu.vue.mjs

@@ -0,0 +1,44 @@
+import { defineComponent as d, ref as a, createBlock as f, openBlock as v, unref as m } from "vue";
+import { NDropdown as x } from "naive-ui";
+const _ = /* @__PURE__ */ d({
+  __name: "n-ol-contextmenu",
+  props: {
+    olMap: {},
+    createDropdownOptions: { type: Function }
+  },
+  setup(c) {
+    const s = c, { olMap: n } = s, o = a({
+      visible: !1,
+      x: 0,
+      y: 0
+    }), r = () => {
+      o.value.visible = !1;
+    }, l = a();
+    n.getViewport().oncontextmenu = (e) => {
+      e.preventDefault();
+      const t = n.getEventPixel(e), i = n.getEventCoordinate(e), u = n.getFeaturesAtPixel(t);
+      l.value = s.createDropdownOptions({ event: e, pixel: t, coordinate: i, features: u }), o.value = {
+        visible: !0,
+        x: e.clientX,
+        y: e.clientY
+      };
+    };
+    const p = (e, t) => {
+      const { onClick: i } = t;
+      i && i(), o.value.visible = !1;
+    };
+    return (e, t) => (v(), f(m(x), {
+      placement: "bottom-start",
+      trigger: "manual",
+      show: l.value && l.value.length > 0 && o.value.visible,
+      x: o.value.x,
+      y: o.value.y,
+      options: l.value,
+      "on-clickoutside": r,
+      onSelect: p
+    }, null, 8, ["show", "x", "y", "options"]));
+  }
+});
+export {
+  _ as default
+};

package/es/components/ol-contextmenu/n-ol-contextmenu.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./n-ol-contextmenu.vue.mjs";
+export {
+  f as default
+};

package/es/components/ol-contextmenu/props.d.ts

@@ -0,0 +1,15 @@
+import { Map as OLMap } from 'ol';
+import { DropdownMixedOption } from 'naive-ui/es/dropdown/src/interface';
+import { Pixel } from 'ol/pixel';
+import { Coordinate } from 'ol/coordinate';
+import { FeatureLike } from 'ol/Feature';
+export interface Options {
+    event: MouseEvent;
+    pixel: Pixel;
+    coordinate: Coordinate;
+    features: FeatureLike[];
+}
+export interface Props {
+    olMap: OLMap;
+    createDropdownOptions: (options: Options) => DropdownMixedOption[];
+}

package/es/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/es/index.mjs

@@ -0,0 +1,4 @@
+import { default as o } from "./components/ol-contextmenu/n-ol-contextmenu.vue.mjs";
+export {
+  o as NOlContextmenu
+};

package/lib/components/index.d.ts

@@ -0,0 +1,3 @@
+import { default as NOlContextmenu } from './ol-contextmenu/n-ol-contextmenu.vue';
+export { NOlContextmenu };
+export * from './ol-contextmenu/props';

package/lib/components/ol-contextmenu/n-ol-contextmenu.vue.d.ts

@@ -0,0 +1,3 @@
+import { Props } from './props';
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/lib/components/ol-contextmenu/n-ol-contextmenu.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),d=require("naive-ui"),v=t.defineComponent({__name:"n-ol-contextmenu",props:{olMap:{},createDropdownOptions:{type:Function}},setup(a){const c=a,{olMap:l}=c,o=t.ref({visible:!1,x:0,y:0}),r=()=>{o.value.visible=!1},i=t.ref();l.getViewport().oncontextmenu=e=>{e.preventDefault();const n=l.getEventPixel(e),s=l.getEventCoordinate(e),p=l.getFeaturesAtPixel(n);i.value=c.createDropdownOptions({event:e,pixel:n,coordinate:s,features:p}),o.value={visible:!0,x:e.clientX,y:e.clientY}};const u=(e,n)=>{const{onClick:s}=n;s&&s(),o.value.visible=!1};return(e,n)=>(t.openBlock(),t.createBlock(t.unref(d.NDropdown),{placement:"bottom-start",trigger:"manual",show:i.value&&i.value.length>0&&o.value.visible,x:o.value.x,y:o.value.y,options:i.value,"on-clickoutside":r,onSelect:u},null,8,["show","x","y","options"]))}});exports.default=v;

package/lib/components/ol-contextmenu/n-ol-contextmenu.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./n-ol-contextmenu.vue.js");exports.default=e.default;

package/lib/components/ol-contextmenu/props.d.ts

@@ -0,0 +1,15 @@
+import { Map as OLMap } from 'ol';
+import { DropdownMixedOption } from 'naive-ui/es/dropdown/src/interface';
+import { Pixel } from 'ol/pixel';
+import { Coordinate } from 'ol/coordinate';
+import { FeatureLike } from 'ol/Feature';
+export interface Options {
+    event: MouseEvent;
+    pixel: Pixel;
+    coordinate: Coordinate;
+    features: FeatureLike[];
+}
+export interface Props {
+    olMap: OLMap;
+    createDropdownOptions: (options: Options) => DropdownMixedOption[];
+}

package/lib/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/lib/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/ol-contextmenu/n-ol-contextmenu.vue.js");exports.NOlContextmenu=e.default;

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@summeruse/ol",
+  "version": "0.0.0",
+  "description": "",
+  "type": "module",
+  "main": "lib/index.js",
+  "module": "es/index.mjs",
+  "unpkg": "dist/index.js",
+  "jsdelivr": "dist/index.js",
+  "types": "es/index.d.ts",
+  "files": [
+    "README.md",
+    "dist",
+    "es",
+    "lib"
+  ],
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "vue": "^3.5.13"
+  },
+  "devDependencies": {
+    "@types/node": "^22.13.14",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vue/tsconfig": "^0.7.0",
+    "naive-ui": "^2.41.0",
+    "ol": "^10.4.0",
+    "typescript": "~5.7.2",
+    "vite": "^6.2.0",
+    "vite-plugin-dts": "^4.5.3",
+    "vue-tsc": "^2.2.4"
+  },
+  "peerDependencies": {
+    "naive-ui": "^2.41.0",
+    "ol": "^10.4.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vue-tsc -b && vite build"
+  }
+}