ym-giswidget-2d 1.0.25 → 1.0.26

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