ym-giswidget-2d 1.0.71 → 1.0.73

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.
Files changed (4) hide show
  1. package/components/address-search/AddressSearch.vue.js +1 -1
  2. package/components/address-search/AddressSearch.vue2.js +11 -8
  3. package/components/address-search/index.css +22 -15
  4. package/package.json +1 -1
package/components/address-search/AddressSearch.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./AddressSearch.vue2.js";
2
2
  /* empty css */
3
3
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
4
- const _AddressSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c81f7e30"]]);
4
+ const _AddressSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-30ad1752"]]);
5
5
  export {
6
6
  _AddressSearch as default
7
7
  };
package/components/address-search/AddressSearch.vue2.js CHANGED
@@ -5,8 +5,8 @@ import "element-plus/es/components/form-item/style/css";
5
5
  import "element-plus/es/components/input/style/css";
6
6
  import "element-plus/es/components/button/style/css";
7
7
  import "element-plus/es/components/icon/style/css";
8
- import { defineComponent, ref, reactive, computed, onMounted, onUnmounted, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, withCtx, withKeys, withModifiers, unref, Transition, withDirectives, TransitionGroup, Fragment, renderList, vShow, nextTick } from "vue";
9
- import { Search as search_default, Switch as switch_default } from "../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.5.13_typescript@5.8.2_/node_modules/@element-plus/icons-vue/dist/index.js";
8
+ import { defineComponent, ref, reactive, computed, onMounted, onUnmounted, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, withCtx, withKeys, withModifiers, unref, Transition, withDirectives, TransitionGroup, Fragment, renderList, normalizeClass, vShow, nextTick } from "vue";
9
+ import { Search, Switch } from "@element-plus/icons-vue";
10
10
  import { getTDTPOIData } from "../../http/poi.js";
11
11
  import { ElMessage } from "element-plus";
12
12
  import { gcj02towgs84 } from "ym-gis-2d/utils/gcj02Util";
@@ -19,8 +19,7 @@ const _hoisted_1 = {
19
19
  const _hoisted_2 = { class: "input-container" };
20
20
  const _hoisted_3 = { class: "result-container" };
21
21
  const _hoisted_4 = ["onClick"];
22
- const _hoisted_5 = { class: "name" };
23
- const _hoisted_6 = ["title"];
22
+ const _hoisted_5 = ["title"];
24
23
  const _sfc_main = /* @__PURE__ */ defineComponent({
25
24
  __name: "AddressSearch",
26
25
  props: {
@@ -69,6 +68,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
69
68
  });
70
69
  const form = reactive({});
71
70
  const result = ref([]);
71
+ const currentName = ref("");
72
72
  const option = computed(() => options[activeIndex.value]);
73
73
  function locationSearch() {
74
74
  result.value = [];
@@ -128,6 +128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
128
128
  });
129
129
  }
130
130
  function nameLocate(item) {
131
+ currentName.value = item.name;
131
132
  if (item.lonlat) {
132
133
  const delimiter = item.lonlat.includes(",") ? "," : "，";
133
134
  const [longitude, latitude] = item.lonlat.split(delimiter);
@@ -215,7 +216,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
215
216
  onClick: handleSwitchType
216
217
  }, {
217
218
  default: withCtx(() => [
218
- createVNode(unref(switch_default))
219
+ createVNode(unref(Switch))
219
220
  ]),
220
221
  _: 1
221
222
  })
@@ -225,7 +226,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
225
226
  style: { "background-color": "rgb(3, 171, 157)", "border-color": "rgb(3, 171, 157)" },
226
227
  loading: status.loading,
227
228
  type: "primary",
228
- icon: unref(search_default),
229
+ icon: unref(Search),
229
230
  onClick: option.value.search
230
231
  }, null, 8, ["loading", "icon", "onClick"])
231
232
  ]),
@@ -249,11 +250,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
249
250
  key: item.name,
250
251
  onClick: ($event) => nameLocate(item)
251
252
  }, [
252
- createElementVNode("div", _hoisted_5, toDisplayString(index + 1) + ". " + toDisplayString(item.name), 1),
253
+ createElementVNode("div", {
254
+ class: normalizeClass(["name", currentName.value == item.name ? "active" : ""])
255
+ }, toDisplayString(index + 1) + ". " + toDisplayString(item.name), 3),
253
256
  createElementVNode("div", {
254
257
  class: "address",
255
258
  title: item.address
256
- }, toDisplayString(item.address), 9, _hoisted_6)
259
+ }, toDisplayString(item.address), 9, _hoisted_5)
257
260
  ], 8, _hoisted_4);
258
261
  }), 128))
259
262
  ]),
package/components/address-search/index.css CHANGED
@@ -1,11 +1,11 @@
1
- .search-container[data-v-c81f7e30] {
1
+ .search-container[data-v-30ad1752] {
2
2
  width: 320px;
3
3
  position: absolute;
4
4
  right: 165px;
5
5
  top: 6.34444vh;
6
6
  z-index: 999;
7
7
  }
8
- .search-container .input-container[data-v-c81f7e30] {
8
+ .search-container .input-container[data-v-30ad1752] {
9
9
  width: 100%;
10
10
  display: flex;
11
11
  align-items: center;
@@ -13,7 +13,7 @@
13
13
  padding-left: 45px;
14
14
  box-sizing: border-box;
15
15
  }
16
- .search-container .input-container .drag-header[data-v-c81f7e30] {
16
+ .search-container .input-container .drag-header[data-v-30ad1752] {
17
17
  width: 60px;
18
18
  height: 32px;
19
19
  position: absolute;
@@ -29,61 +29,68 @@
29
29
  box-shadow: 0px 0px 7.9673px 1.9923px var(--system-primary-border-color) inset !important;
30
30
  font-size: var(--system-primary-text-size);
31
31
  }
32
- .search-container .input-container .el-form[data-v-c81f7e30] {
32
+ .search-container .input-container .el-form[data-v-30ad1752] {
33
33
  width: 100%;
34
34
  }
35
- .search-container .input-container .el-form .el-form-item[data-v-c81f7e30] {
35
+ .search-container .input-container .el-form .el-form-item[data-v-30ad1752] {
36
36
  margin: 0;
37
37
  }
38
- .search-container .input-container .el-input .el-input-group__append[data-v-c81f7e30] {
38
+ .search-container .input-container .el-input .el-input-group__append[data-v-30ad1752] {
39
39
  color: var(--system-primary-text-color);
40
40
  font-size: var(--system-primary-text-size);
41
41
  box-shadow: none;
42
42
  background-color: var(--system-primary-color);
43
43
  }
44
- .search-container .input-container .el-input[data-v-c81f7e30]:active {
44
+ .search-container .input-container .el-input[data-v-30ad1752]:active {
45
45
  color: var(--system-primary-text-active-color);
46
46
  }
47
- .search-container .input-container .el-input[data-v-c81f7e30] .el-input__wrapper {
47
+ .search-container .input-container .el-input[data-v-30ad1752] .el-input__wrapper {
48
48
  border-radius: 0;
49
49
  box-shadow: 1px 1px var(--box-inset-shadow-color) inset !important;
50
50
  background-color: var(--system-primary-color);
51
51
  }
52
- .search-container .input-container .el-input[data-v-c81f7e30] .el-input__prefix {
52
+ .search-container .input-container .el-input[data-v-30ad1752] .el-input__prefix {
53
53
  color: var(--system-primary-text-color);
54
54
  font-size: var(--system-primary-text-size);
55
55
  }
56
- .search-container .result-container[data-v-c81f7e30] {
56
+ .search-container .input-container .el-input[data-v-30ad1752] .el-input__inner {
57
+ color: var(--system-primary-text-color);
58
+ }
59
+ .search-container .result-container[data-v-30ad1752] {
57
60
  max-height: 60vh;
58
61
  box-sizing: border-box;
59
62
  transition: all 0.3s;
60
63
  overflow-y: auto;
61
64
  overflow-x: hidden;
65
+ margin-top: 2px;
62
66
  padding: 10px 0;
63
67
  background: var(--system-primary-color);
64
68
  }
65
- .search-container .result-container .result-item[data-v-c81f7e30] {
69
+ .search-container .result-container .result-item[data-v-30ad1752] {
66
70
  display: flex;
67
71
  flex-direction: column;
68
72
  padding: 8px 15px;
69
73
  color: var(--system-primary-text-color);
70
74
  font-size: var(--system-primary-text-size);
71
75
  }
72
- .search-container .result-container .result-item .name[data-v-c81f7e30] {
76
+ .search-container .result-container .result-item .name[data-v-30ad1752] {
73
77
  font-weight: 700;
74
78
  cursor: pointer;
75
79
  }
76
- .search-container .result-container .result-item .address[data-v-c81f7e30] {
80
+ .search-container .result-container .result-item .address[data-v-30ad1752] {
77
81
  color: var(--system-primary-text-color);
78
82
  cursor: pointer;
79
83
  }
80
- .el-button[data-v-c81f7e30] {
84
+ .search-container .result-container .result-item .active[data-v-30ad1752] {
85
+ color: var(--system-primary-text-active-color);
86
+ }
87
+ .el-button[data-v-30ad1752] {
81
88
  display: flex;
82
89
  font-size: var(--system-primary-text-size);
83
90
  border-top-left-radius: 0px;
84
91
  border-bottom-left-radius: 0px;
85
92
  }
86
- .el-button[data-v-c81f7e30] .el-icon {
93
+ .el-button[data-v-30ad1752] .el-icon {
87
94
  color: var(--system-primary-text-color);
88
95
  cursor: pointer;
89
96
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ym-giswidget-2d",
3
- "version": "1.0.71",
3
+ "version": "1.0.73",
4
4
  "type": "module",
5
5
  "main": "index.js",
6
6
  "module": "index.js",