ym-giswidget-2d 1.0.25 → 1.0.27

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.
@@ -1,4 +1,5 @@
1
1
  import { default as OLMap } from 'ym-gis-2d/mapView/Map';
2
+ import { default as Geometry } from 'ol/geom/Geometry';
2
3
  import { default as IStyle } from 'ym-gis-2d/entity/IStyle';
3
4
  import { IMapService } from 'ym-gis-2d/entity';
4
5
  type __VLS_Props = {
@@ -10,6 +11,136 @@ type __VLS_Props = {
10
11
  polygonStyle?: IStyle;
11
12
  cancePolygonStyle?: IStyle;
12
13
  selectLayers?: IMapService[];
14
+ showLoading?: boolean;
15
+ selectType?: "point" | "pointermove" | "polyline" | "polygon" | "rectangle" | "circle";
13
16
  };
14
- declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
17
+ declare function setSelectLayers(layers: IMapService[]): void;
18
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {
19
+ setSelectLayers: typeof setSelectLayers;
20
+ features: {
21
+ isSelected?: boolean | undefined;
22
+ fromType?: "draw" | "import" | "cut" | "copy" | "union" | "identify" | undefined;
23
+ layerId?: string | undefined;
24
+ tag?: string | undefined;
25
+ tempLayer?: {
26
+ getRenderBuffer: () => number | undefined;
27
+ getRenderOrder: () => (arg0: import('ol').default, arg1: import('ol').default) => number | null | undefined;
28
+ getStyle: () => import('ol/style/Style').StyleLike | import('ol/style/flat').FlatStyleLike | null | undefined;
29
+ getStyleFunction: () => import('ol/style/Style').StyleFunction | undefined;
30
+ getUpdateWhileAnimating: () => boolean;
31
+ getUpdateWhileInteracting: () => boolean;
32
+ setRenderOrder: (renderOrder: import('ol/render').OrderFunction | null | undefined) => void;
33
+ setStyle: (style?: import('ol/style/Style').StyleLike | import('ol/style/flat').FlatStyleLike | null | undefined) => void;
34
+ on: import('ol/layer/Layer').LayerOnSignature<import('ol/events').EventsKey>;
35
+ once: import('ol/layer/Layer').LayerOnSignature<import('ol/events').EventsKey>;
36
+ un: import('ol/layer/Layer').LayerOnSignature<void>;
37
+ render: (frameState: import('ol/Map').FrameState | null, target: HTMLElement) => HTMLElement | null;
38
+ getSource: () => import('ol/source').Vector<import('ol').Feature<Geometry>> | null;
39
+ getRenderSource: () => import('ol/source').Vector<import('ol').Feature<Geometry>> | null;
40
+ getFeatures: (pixel: import('ol/pixel').Pixel) => Promise<Array<import('ol/Feature').FeatureLike>>;
41
+ getData: (pixel: import('ol/pixel').Pixel) => Uint8ClampedArray | Uint8Array | Float32Array | DataView | null;
42
+ isVisible: (view?: import('ol').View | import('ol/View').ViewStateLayerStateExtent | undefined) => boolean;
43
+ getAttributions: (view?: import('ol').View | import('ol/View').ViewStateLayerStateExtent | undefined) => Array<string>;
44
+ unrender: () => void;
45
+ getDeclutter: () => string;
46
+ renderDeclutter: (frameState: import('ol/Map').FrameState, layerState: import('ol/layer/Layer').State) => void;
47
+ renderDeferred: (frameState: import('ol/Map').FrameState) => void;
48
+ setMapInternal: (map: import('ol').default | null) => void;
49
+ getMapInternal: () => import('ol').default | null;
50
+ setMap: (map: import('ol').default | null) => void;
51
+ setSource: (source: import('ol/source').Vector<import('ol').Feature<Geometry>> | null) => void;
52
+ getRenderer: () => import('ol/renderer/canvas/VectorLayer').default | null;
53
+ hasRenderer: () => boolean;
54
+ getBackground: () => import('ol/layer/Base').BackgroundColor | false;
55
+ getClassName: () => string;
56
+ getLayerState: (managed?: boolean | undefined) => import('ol/layer/Layer').State;
57
+ getLayersArray: (array?: import('ol/layer').default<import('ol/source').default, import('ol/renderer/Layer').default<any>>[] | undefined) => Array<import('ol/layer').default>;
58
+ getLayerStatesArray: (states?: import('ol/layer/Layer').State[] | undefined) => Array<import('ol/layer/Layer').State>;
59
+ getExtent: () => import('ol/extent').Extent | undefined;
60
+ getMaxResolution: () => number;
61
+ getMinResolution: () => number;
62
+ getMinZoom: () => number;
63
+ getMaxZoom: () => number;
64
+ getOpacity: () => number;
65
+ getSourceState: () => import('ol/source/Source').State;
66
+ getVisible: () => boolean;
67
+ getZIndex: () => number | undefined;
68
+ setBackground: (background?: import('ol/layer/Base').BackgroundColor | undefined) => void;
69
+ setExtent: (extent: import('ol/extent').Extent | undefined) => void;
70
+ setMaxResolution: (maxResolution: number) => void;
71
+ setMinResolution: (minResolution: number) => void;
72
+ setMaxZoom: (maxZoom: number) => void;
73
+ setMinZoom: (minZoom: number) => void;
74
+ setOpacity: (opacity: number) => void;
75
+ setVisible: (visible: boolean) => void;
76
+ setZIndex: (zindex: number) => void;
77
+ get: (key: string) => any;
78
+ getKeys: () => Array<string>;
79
+ getProperties: () => {
80
+ [x: string]: any;
81
+ };
82
+ getPropertiesInternal: () => {
83
+ [x: string]: any;
84
+ } | null;
85
+ hasProperties: () => boolean;
86
+ notify: (key: string, oldValue: any) => void;
87
+ addChangeListener: (key: string, listener: import('ol/events').Listener) => void;
88
+ removeChangeListener: (key: string, listener: import('ol/events').Listener) => void;
89
+ set: (key: string, value: any, silent?: boolean | undefined) => void;
90
+ setProperties: (values: {
91
+ [x: string]: any;
92
+ }, silent?: boolean | undefined) => void;
93
+ unset: (key: string, silent?: boolean | undefined) => void;
94
+ changed: () => void;
95
+ getRevision: () => number;
96
+ addEventListener: (type: string, listener: import('ol/events').Listener) => void;
97
+ dispatchEvent: (event: import('ol/events/Event').default | string) => boolean | undefined;
98
+ getListeners: (type: string) => Array<import('ol/events').Listener> | undefined;
99
+ hasListener: (type?: string | undefined) => boolean;
100
+ removeEventListener: (type: string, listener: import('ol/events').Listener) => void;
101
+ dispose: () => void;
102
+ } | undefined;
103
+ on: import('ol/Feature').FeatureOnSignature<import('ol/events').EventsKey>;
104
+ once: import('ol/Feature').FeatureOnSignature<import('ol/events').EventsKey>;
105
+ un: import('ol/Feature').FeatureOnSignature<void>;
106
+ clone: () => import('ol').Feature<Geometry>;
107
+ getGeometry: () => Geometry | undefined;
108
+ getId: () => number | string | undefined;
109
+ getGeometryName: () => string;
110
+ getStyle: () => import('ol/style/Style').StyleLike | undefined;
111
+ getStyleFunction: () => import('ol/style/Style').StyleFunction | undefined;
112
+ setGeometry: (geometry: Geometry | undefined) => void;
113
+ setStyle: (style?: import('ol/style/Style').StyleLike | undefined) => void;
114
+ setId: (id: number | string | undefined) => void;
115
+ setGeometryName: (name: string) => void;
116
+ get: (key: string) => any;
117
+ getKeys: () => Array<string>;
118
+ getProperties: () => {
119
+ [x: string]: any;
120
+ };
121
+ getPropertiesInternal: () => {
122
+ [x: string]: any;
123
+ } | null;
124
+ hasProperties: () => boolean;
125
+ notify: (key: string, oldValue: any) => void;
126
+ addChangeListener: (key: string, listener: import('ol/events').Listener) => void;
127
+ removeChangeListener: (key: string, listener: import('ol/events').Listener) => void;
128
+ set: (key: string, value: any, silent?: boolean | undefined) => void;
129
+ setProperties: (values: {
130
+ [x: string]: any;
131
+ }, silent?: boolean | undefined) => void;
132
+ unset: (key: string, silent?: boolean | undefined) => void;
133
+ changed: () => void;
134
+ getRevision: () => number;
135
+ addEventListener: (type: string, listener: import('ol/events').Listener) => void;
136
+ dispatchEvent: (event: import('ol/events/Event').default | string) => boolean | undefined;
137
+ getListeners: (type: string) => Array<import('ol/events').Listener> | undefined;
138
+ hasListener: (type?: string | undefined) => boolean;
139
+ removeEventListener: (type: string, listener: import('ol/events').Listener) => void;
140
+ dispose: () => void;
141
+ }[] | undefined;
142
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
143
+ showLoading: boolean;
144
+ selectType: "point" | "pointermove" | "polyline" | "polygon" | "rectangle" | "circle";
145
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
15
146
  export default _default;
@@ -1,4 +1,4 @@
1
- import { defineComponent, onMounted, onUnmounted } from "vue";
1
+ import { defineComponent, reactive, onMounted, toRaw, onUnmounted } from "vue";
2
2
  import Select from "ym-gis-2d/interaction/Select";
3
3
  import { ElLoading } from "element-plus";
4
4
  import FeatureManager from "ym-gis-2d/feature/FeatureManager";
@@ -14,9 +14,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
14
14
  canceLineStyle: {},
15
15
  polygonStyle: {},
16
16
  cancePolygonStyle: {},
17
- selectLayers: {}
17
+ selectLayers: {},
18
+ showLoading: { type: Boolean, default: true },
19
+ selectType: { default: "point" }
18
20
  },
19
- setup(__props) {
21
+ setup(__props, { expose: __expose }) {
20
22
  const props = __props;
21
23
  const pointStyle = props.pointStyle ? getStyle(props.pointStyle) : getSelectPointStyle();
22
24
  const cancePointStyle = props.cancePointStyle ? getStyle(props.cancePointStyle) : getSelectCancePointStyle();
@@ -26,8 +28,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
26
28
  const cancePolygonStyle = props.cancePolygonStyle ? getStyle(props.cancePolygonStyle) : getSelectCancelPolygonStyle();
27
29
  const tempType = ["copy", "cut", "draw", "import", "union"];
28
30
  let holdCtrl = false;
31
+ const reactiveData = reactive({
32
+ features: []
33
+ });
29
34
  onMounted(() => {
30
- const select = new Select("pointermove", {
35
+ reactiveData.selectTool = new Select(props.selectType, {
31
36
  pointStyle: props.pointStyle,
32
37
  cancePointStyle: props.cancePointStyle,
33
38
  lineStyle: props.lineStyle,
@@ -35,19 +40,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
35
40
  polygonStyle: props.polygonStyle,
36
41
  cancePolygonStyle: props.cancePolygonStyle,
37
42
  addTempLayer: false,
38
- selectLayers: props.selectLayers
43
+ selectLayers: props.selectLayers,
44
+ tipText: ""
39
45
  });
40
- props.map.interactionManager.addInteraction("select", select);
46
+ props.map.interactionManager.addInteraction("select", toRaw(reactiveData.selectTool));
41
47
  let loadingInstance;
42
- select.on("selectstart", (event) => {
43
- loadingInstance = ElLoading.service({ text: "正在查询...", background: "rgba(0, 0, 0, 0.5)", target: props.map.getTarget() });
48
+ reactiveData.selectTool.on("selectstart", (event) => {
49
+ if (props.showLoading) {
50
+ loadingInstance = ElLoading.service({ text: "正在查询...", background: "rgba(0, 0, 0, 0.5)", target: props.map.getTarget() });
51
+ }
44
52
  });
45
- select.on("selected", (event) => {
46
- loadingInstance.close();
53
+ reactiveData.selectTool.on("selected", (event) => {
54
+ loadingInstance == null ? void 0 : loadingInstance.close();
47
55
  holdCtrl = event.holdCtrl;
48
56
  if (event.selectGeom) {
49
57
  clearSelected(event.selectGeom);
50
58
  }
59
+ reactiveData.features = event.allFeatures;
51
60
  if (event.allFeatures) {
52
61
  addFeaturesToTempLayer(event.allFeatures);
53
62
  }
@@ -134,6 +143,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
134
143
  }
135
144
  }
136
145
  }
146
+ function setSelectLayers(layers) {
147
+ var _a;
148
+ (_a = reactiveData.selectTool) == null ? void 0 : _a.setSelectLayers(layers);
149
+ }
150
+ __expose({
151
+ setSelectLayers,
152
+ features: reactiveData.features
153
+ });
137
154
  return (_ctx, _cache) => {
138
155
  return null;
139
156
  };
@@ -7,7 +7,133 @@ export declare const Select: import('../../utils').WithInstall<import('vue').Def
7
7
  polygonStyle?: import('ym-gis-2d/entity/IStyle').default;
8
8
  cancePolygonStyle?: import('ym-gis-2d/entity/IStyle').default;
9
9
  selectLayers?: import('ym-gis-2d/entity').IMapService[];
10
- }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
10
+ showLoading?: boolean;
11
+ selectType?: "point" | "pointermove" | "polyline" | "polygon" | "rectangle" | "circle";
12
+ }, {
13
+ setSelectLayers: (layers: import('ym-gis-2d/entity').IMapService[]) => void;
14
+ features: {
15
+ isSelected?: boolean | undefined;
16
+ fromType?: "draw" | "import" | "cut" | "copy" | "union" | "identify" | undefined;
17
+ layerId?: string | undefined;
18
+ tag?: string | undefined;
19
+ tempLayer?: {
20
+ getRenderBuffer: () => number | undefined;
21
+ getRenderOrder: () => (arg0: import('ol').default, arg1: import('ol').default) => number | null | undefined;
22
+ getStyle: () => import('ol/style/Style').StyleLike | import('ol/style/flat').FlatStyleLike | null | undefined;
23
+ getStyleFunction: () => import('ol/style/Style').StyleFunction | undefined;
24
+ getUpdateWhileAnimating: () => boolean;
25
+ getUpdateWhileInteracting: () => boolean;
26
+ setRenderOrder: (renderOrder: import('ol/render').OrderFunction | null | undefined) => void;
27
+ setStyle: (style?: import('ol/style/Style').StyleLike | import('ol/style/flat').FlatStyleLike | null | undefined) => void;
28
+ on: import('ol/layer/Layer').LayerOnSignature<import('ol/events').EventsKey>;
29
+ once: import('ol/layer/Layer').LayerOnSignature<import('ol/events').EventsKey>;
30
+ un: import('ol/layer/Layer').LayerOnSignature<void>;
31
+ render: (frameState: import('ol/Map').FrameState | null, target: HTMLElement) => HTMLElement | null;
32
+ getSource: () => import('ol/source').Vector<import('ol').Feature<import('ol/geom').Geometry>> | null;
33
+ getRenderSource: () => import('ol/source').Vector<import('ol').Feature<import('ol/geom').Geometry>> | null;
34
+ getFeatures: (pixel: import('ol/pixel').Pixel) => Promise<Array<import('ol/Feature').FeatureLike>>;
35
+ getData: (pixel: import('ol/pixel').Pixel) => Uint8ClampedArray | Uint8Array | Float32Array | DataView | null;
36
+ isVisible: (view?: import('ol').View | import('ol/View').ViewStateLayerStateExtent | undefined) => boolean;
37
+ getAttributions: (view?: import('ol').View | import('ol/View').ViewStateLayerStateExtent | undefined) => Array<string>;
38
+ unrender: () => void;
39
+ getDeclutter: () => string;
40
+ renderDeclutter: (frameState: import('ol/Map').FrameState, layerState: import('ol/layer/Layer').State) => void;
41
+ renderDeferred: (frameState: import('ol/Map').FrameState) => void;
42
+ setMapInternal: (map: import('ol').default | null) => void;
43
+ getMapInternal: () => import('ol').default | null;
44
+ setMap: (map: import('ol').default | null) => void;
45
+ setSource: (source: import('ol/source').Vector<import('ol').Feature<import('ol/geom').Geometry>> | null) => void;
46
+ getRenderer: () => import('ol/renderer/canvas/VectorLayer').default | null;
47
+ hasRenderer: () => boolean;
48
+ getBackground: () => import('ol/layer/Base').BackgroundColor | false;
49
+ getClassName: () => string;
50
+ getLayerState: (managed?: boolean | undefined) => import('ol/layer/Layer').State;
51
+ getLayersArray: (array?: import('ol/layer').default<import('ol/source').default, import('ol/renderer/Layer').default<any>>[] | undefined) => Array<import('ol/layer').default>;
52
+ getLayerStatesArray: (states?: import('ol/layer/Layer').State[] | undefined) => Array<import('ol/layer/Layer').State>;
53
+ getExtent: () => import('ol/extent').Extent | undefined;
54
+ getMaxResolution: () => number;
55
+ getMinResolution: () => number;
56
+ getMinZoom: () => number;
57
+ getMaxZoom: () => number;
58
+ getOpacity: () => number;
59
+ getSourceState: () => import('ol/source/Source').State;
60
+ getVisible: () => boolean;
61
+ getZIndex: () => number | undefined;
62
+ setBackground: (background?: import('ol/layer/Base').BackgroundColor | undefined) => void;
63
+ setExtent: (extent: import('ol/extent').Extent | undefined) => void;
64
+ setMaxResolution: (maxResolution: number) => void;
65
+ setMinResolution: (minResolution: number) => void;
66
+ setMaxZoom: (maxZoom: number) => void;
67
+ setMinZoom: (minZoom: number) => void;
68
+ setOpacity: (opacity: number) => void;
69
+ setVisible: (visible: boolean) => void;
70
+ setZIndex: (zindex: number) => void;
71
+ get: (key: string) => any;
72
+ getKeys: () => Array<string>;
73
+ getProperties: () => {
74
+ [x: string]: any;
75
+ };
76
+ getPropertiesInternal: () => {
77
+ [x: string]: any;
78
+ } | null;
79
+ hasProperties: () => boolean;
80
+ notify: (key: string, oldValue: any) => void;
81
+ addChangeListener: (key: string, listener: import('ol/events').Listener) => void;
82
+ removeChangeListener: (key: string, listener: import('ol/events').Listener) => void;
83
+ set: (key: string, value: any, silent?: boolean | undefined) => void;
84
+ setProperties: (values: {
85
+ [x: string]: any;
86
+ }, silent?: boolean | undefined) => void;
87
+ unset: (key: string, silent?: boolean | undefined) => void;
88
+ changed: () => void;
89
+ getRevision: () => number;
90
+ addEventListener: (type: string, listener: import('ol/events').Listener) => void;
91
+ dispatchEvent: (event: import('ol/events/Event').default | string) => boolean | undefined;
92
+ getListeners: (type: string) => Array<import('ol/events').Listener> | undefined;
93
+ hasListener: (type?: string | undefined) => boolean;
94
+ removeEventListener: (type: string, listener: import('ol/events').Listener) => void;
95
+ dispose: () => void;
96
+ } | undefined;
97
+ on: import('ol/Feature').FeatureOnSignature<import('ol/events').EventsKey>;
98
+ once: import('ol/Feature').FeatureOnSignature<import('ol/events').EventsKey>;
99
+ un: import('ol/Feature').FeatureOnSignature<void>;
100
+ clone: () => import('ol').Feature<import('ol/geom').Geometry>;
101
+ getGeometry: () => import('ol/geom').Geometry | undefined;
102
+ getId: () => number | string | undefined;
103
+ getGeometryName: () => string;
104
+ getStyle: () => import('ol/style/Style').StyleLike | undefined;
105
+ getStyleFunction: () => import('ol/style/Style').StyleFunction | undefined;
106
+ setGeometry: (geometry: import('ol/geom').Geometry | undefined) => void;
107
+ setStyle: (style?: import('ol/style/Style').StyleLike | undefined) => void;
108
+ setId: (id: number | string | undefined) => void;
109
+ setGeometryName: (name: string) => void;
110
+ get: (key: string) => any;
111
+ getKeys: () => Array<string>;
112
+ getProperties: () => {
113
+ [x: string]: any;
114
+ };
115
+ getPropertiesInternal: () => {
116
+ [x: string]: any;
117
+ } | null;
118
+ hasProperties: () => boolean;
119
+ notify: (key: string, oldValue: any) => void;
120
+ addChangeListener: (key: string, listener: import('ol/events').Listener) => void;
121
+ removeChangeListener: (key: string, listener: import('ol/events').Listener) => void;
122
+ set: (key: string, value: any, silent?: boolean | undefined) => void;
123
+ setProperties: (values: {
124
+ [x: string]: any;
125
+ }, silent?: boolean | undefined) => void;
126
+ unset: (key: string, silent?: boolean | undefined) => void;
127
+ changed: () => void;
128
+ getRevision: () => number;
129
+ addEventListener: (type: string, listener: import('ol/events').Listener) => void;
130
+ dispatchEvent: (event: import('ol/events/Event').default | string) => boolean | undefined;
131
+ getListeners: (type: string) => Array<import('ol/events').Listener> | undefined;
132
+ hasListener: (type?: string | undefined) => boolean;
133
+ removeEventListener: (type: string, listener: import('ol/events').Listener) => void;
134
+ dispose: () => void;
135
+ }[] | undefined;
136
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
11
137
  map: import('ym-gis-2d/mapView/Map').default;
12
138
  pointStyle?: import('ym-gis-2d/entity/IStyle').default;
13
139
  cancePointStyle?: import('ym-gis-2d/entity/IStyle').default;
@@ -16,5 +142,10 @@ export declare const Select: import('../../utils').WithInstall<import('vue').Def
16
142
  polygonStyle?: import('ym-gis-2d/entity/IStyle').default;
17
143
  cancePolygonStyle?: import('ym-gis-2d/entity/IStyle').default;
18
144
  selectLayers?: import('ym-gis-2d/entity').IMapService[];
19
- }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>>;
145
+ showLoading?: boolean;
146
+ selectType?: "point" | "pointermove" | "polyline" | "polygon" | "rectangle" | "circle";
147
+ }> & Readonly<{}>, {
148
+ showLoading: boolean;
149
+ selectType: "point" | "pointermove" | "polyline" | "polygon" | "rectangle" | "circle";
150
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>>;
20
151
  export default Select;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ym-giswidget-2d",
3
- "version": "1.0.25",
3
+ "version": "1.0.27",
4
4
  "type": "module",
5
5
  "main": "index.js",
6
6
  "module": "index.js",
@@ -10,6 +10,6 @@
10
10
  "element-plus": "^2.9.0",
11
11
  "jszip": "^3.10.1",
12
12
  "ol": "^9.2.4",
13
- "ym-gis-2d": "1.0.4"
13
+ "ym-gis-2d": "1.0.6"
14
14
  }
15
15
  }