@me-framework/me-ui 1.0.44

package/es/input/style/index.scss

@@ -0,0 +1,156 @@
+.me-input {
+  display: flex;
+  align-items: center;
+  width: 100%;
+
+  .first-button {
+    display: flex;
+    align-items: center;
+    height: 100%;
+    .el-button {
+      border-bottom-right-radius: var(--me-border-b-r-radius);
+      border-top-right-radius: var(--me-border-t-r-radius);
+    }
+  }
+
+  .el-input-group__append,
+  .el-input-group__prepend {
+    background-color: var(--el-fill-color-blank);
+    height: var(--me-height);
+    padding: 0;
+  }
+
+  .input-group {
+    box-shadow: 0 1px 1px rgba(24, 36, 51, 0.06);
+    border-radius: 4px;
+    height: 34px;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    .el-input-number,
+    .el-input {
+      height: 100%;
+    }
+
+    .el-input__wrapper {
+      border-radius: 4px 0px 0px 4px;
+      width: 150px;
+    }
+    .el-input__wrapper.is-focus {
+      color: #182433;
+      background-color: #fff;
+      border-color: #90b5e2;
+      outline: 0;
+      z-index: 0;
+      box-shadow: 0 0 0 1px #90b5e2 inset;
+    }
+
+    .button-group {
+      display: flex;
+      height: 100%;
+      .el-button {
+        border-radius: 0;
+      }
+    }
+    .button-group.prepend {
+      // 第一个button 按钮
+      .el-button:first-child {
+        border-bottom-left-radius: var(--me-border-b-r-radius);
+        border-top-left-radius: var(--me-border-t-r-radius);
+        border-bottom-right-radius: 0;
+        border-top-right-radius: 0;
+      }
+    }
+    .button-group.append {
+      // 最后一个 button 按钮
+      .el-button:last-child {
+        border-bottom-left-radius: 0;
+        border-top-left-radius: 0;
+        border-bottom-right-radius: var(--me-border-b-r-radius);
+        border-top-right-radius: var(--me-border-t-r-radius);
+      }
+    }
+
+    .el-button {
+      --btn-padding-x: 1rem;
+      --btn-padding-y: 0.5625rem;
+      margin-left: -1px;
+      // margin-right: -1px;
+      color: red;
+      height: 100%;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      white-space: nowrap;
+      padding: var(--btn-padding-y) var(--btn-padding-x);
+      font-size: 14px;
+      font-weight: 500;
+      position: relative;
+      color: #182433;
+      text-align: center;
+      vertical-align: middle;
+      cursor: pointer;
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none;
+      border: 1px solid #dce1e7;
+      // border: none;
+      background-color: #fff;
+      transition:
+        color 0.15s ease-in-out,
+        background-color 0.15s ease-in-out,
+        border-color 0.15s ease-in-out,
+        box-shadow 0.15s ease-in-out;
+    }
+    .el-button {
+      &:hover {
+        text-decoration: none;
+        background-color: #fff;
+        border-color: #aab2bf;
+      }
+      &:active {
+        color: #206bc4;
+        background-color: rgba(32, 107, 196, 0.04);
+        border-color: #206bc4;
+        z-index: 99;
+      }
+    }
+  }
+
+  .me-input {
+    height: var(--me-height);
+    display: flex;
+    flex: 1;
+    align-items: center;
+    width: auto;
+    .el-input__wrapper,
+    .el-select__wrapper {
+      height: var(--me-height);
+      // border-radius: 0px !important;
+      box-sizing: border-box;
+      border-radius: var(--me-border-radius);
+    }
+  }
+
+  .search-select {
+    .el-select__wrapper {
+      width: var(--me-select-width);
+    }
+  }
+
+  .el-select__wrapper {
+    height: var(--me-height);
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    // box-shadow: 0 0 0 1px var(--el-input-border-color) inset;
+    // box-shadow: 0px 0 0px 1px rgba(0,0,0,0.5) inset;
+    border: 1px solid #dce1e7;
+    border-right: none;
+    box-shadow: 0 1px 1px rgba(24, 36, 51, 0.06);
+  }
+
+  .el-select__wrapper.is-hovering {
+    box-shadow: 0 1px 1px rgba(24, 36, 51, 0.06);
+  }
+}

package/es/input/style/scss.d.ts

@@ -0,0 +1,5 @@
+import "./index.scss";
+import 'element-plus/es/components/input/style/index';
+import 'element-plus/es/components/select/style/index';
+import 'element-plus/es/components/option/style/index';
+import 'element-plus/es/components/button/style/index';

package/es/input/style/scss.mjs

@@ -0,0 +1,8 @@
+import './index.scss';
+import 'element-plus/es/components/input/style/index';
+import 'element-plus/es/components/select/style/index';
+import 'element-plus/es/components/option/style/index';
+import 'element-plus/es/components/button/style/index';
+
+"use strict";
+//# sourceMappingURL=scss.mjs.map

package/es/input/style/scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/es/input-gps/index.d.ts

@@ -0,0 +1,17 @@
+import InputGps from "./src/input-gps.vue";
+export declare const MeInputGps: import("../utils/install").WithInstall<import("vue").DefineComponent<import(".").InputGpsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    confirmEvent: (data: {
+        latitude: number;
+        longitude: number;
+        address: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<import(".").InputGpsProps> & Readonly<{
+    onConfirmEvent?: ((data: {
+        latitude: number;
+        longitude: number;
+        address: string;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
+export default MeInputGps;
+export * from "./src/input-gps";
+export type InputGpsInstance = InstanceType<typeof InputGps> & unknown;

package/es/input-gps/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from '../utils/install.mjs';
+import './src/input-gps.vue.mjs';
+import './src/input-gps.mjs';
+import script from './src/input-gps.vue2.mjs';
+
+"use strict";
+const MeInputGps = withInstall(script);
+
+export { MeInputGps, MeInputGps as default };
+//# sourceMappingURL=index.mjs.map

package/es/input-gps/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/input-gps/index.ts"],"sourcesContent":["import { withInstall } from \"../utils/install\";\nimport InputGps from \"./src/input-gps.vue\";\n\nexport const MeInputGps = withInstall(InputGps);\nexport default MeInputGps;\n\nexport * from \"./src/input-gps\";\n\nexport type InputGpsInstance = InstanceType<typeof InputGps> & unknown\n"],"names":["InputGps"],"mappings":";;;;;;AAGO,MAAM,UAAA,GAAa,YAAYA,MAAQ;;;;"}

package/es/input-gps/src/input-gps.d.ts

@@ -0,0 +1,14 @@
+interface InputGpsProps {
+    latitude: number;
+    longitude: number;
+    address: string;
+    mapKey: string;
+}
+interface InputGpsEmits {
+    (e: "confirmEvent", data: {
+        latitude: number;
+        longitude: number;
+        address: string;
+    }): void;
+}
+export type { InputGpsProps, InputGpsEmits };

package/es/input-gps/src/input-gps.mjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=input-gps.mjs.map

package/es/input-gps/src/input-gps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-gps.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/input-gps/src/input-gps.vue.d.ts

@@ -0,0 +1,16 @@
+import type { InputGpsProps } from "./input-gps";
+declare const __VLS_export: import("vue").DefineComponent<InputGpsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    confirmEvent: (data: {
+        latitude: number;
+        longitude: number;
+        address: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<InputGpsProps> & Readonly<{
+    onConfirmEvent?: ((data: {
+        latitude: number;
+        longitude: number;
+        address: string;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/input-gps/src/input-gps.vue.mjs

@@ -0,0 +1,6 @@
+import script from './input-gps.vue2.mjs';
+
+script.__file = "src/input-gps/src/input-gps.vue";
+
+export { script as default };
+//# sourceMappingURL=input-gps.vue.mjs.map

package/es/input-gps/src/input-gps.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-gps.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/es/input-gps/src/input-gps.vue2.mjs

@@ -0,0 +1,117 @@
+import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, toDisplayString, createCommentVNode, createBlock, createTextVNode } from 'vue';
+import { ElInput } from 'element-plus';
+import { MeSvgIcon } from '../../svg-icon/index.mjs';
+import { MeButton } from '../../button/index.mjs';
+import { MeDialog } from '../../dialog/index.mjs';
+import './map.vue.mjs';
+import script$1 from './map.vue2.mjs';
+
+"use strict";
+const _hoisted_1 = { class: "me-input-gps" };
+const _hoisted_2 = {
+  key: 0,
+  style: { "color": "#999" }
+};
+const __default__ = defineComponent({
+  name: "me-input-gps"
+});
+var script = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    latitude: { type: Number, required: true },
+    longitude: { type: Number, required: true },
+    address: { type: String, required: true },
+    mapKey: { type: String, required: true }
+  },
+  emits: ["confirmEvent"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const coord = ref({});
+    const visible = ref(false);
+    const inputValue = computed(() => {
+      if (!coord.value.latitude) return "";
+      return `\u7ECF\u5EA6\uFF1A${coord.value.longitude}\uFF0C\u7EAC\u5EA6\uFF1A${coord.value.latitude}`;
+    });
+    const handleOpenMap = () => {
+      visible.value = true;
+    };
+    const confirm = () => {
+      const data = {
+        latitude: coord.value.latitude,
+        longitude: coord.value.longitude,
+        address: coord.value.address
+      };
+      emit("confirmEvent", data);
+      visible.value = false;
+    };
+    onMounted(() => {
+      coord.value.latitude = props.latitude;
+      coord.value.longitude = props.longitude;
+    });
+    const isFullscreen = ref(false);
+    const handleFullscreenChange = (val) => {
+      isFullscreen.value = val;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(ElInput), {
+          style: { "cursor": "pointer" },
+          value: inputValue.value,
+          "read-only": ""
+        }, {
+          suffix: withCtx(() => [
+            createElementVNode("div", {
+              style: { "cursor": "pointer", "height": "100%" },
+              onClick: handleOpenMap
+            }, [
+              createVNode(unref(MeSvgIcon), { name: "ri-map-pin-line" })
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["value"]),
+        coord.value?.address ? (openBlock(), createElementBlock(
+          "div",
+          _hoisted_2,
+          "\u4F4D\u7F6E\uFF1A" + toDisplayString(coord.value.address),
+          1
+          /* TEXT */
+        )) : createCommentVNode("v-if", true),
+        createVNode(unref(MeDialog), {
+          modelValue: visible.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
+          title: "\u9009\u62E9\u4F4D\u7F6E"
+        }, {
+          "me-dialog-footer-right": withCtx(() => [
+            createVNode(unref(MeButton), { onClick: confirm }, {
+              default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                createTextVNode(
+                  "\u786E\u5B9A",
+                  -1
+                  /* CACHED */
+                )
+              ])]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          default: withCtx(() => [
+            __props.mapKey ? (openBlock(), createBlock(script$1, {
+              key: 0,
+              isFullscreen: isFullscreen.value,
+              modelValue: coord.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => coord.value = $event),
+              "map-key": __props.mapKey
+            }, null, 8, ["isFullscreen", "modelValue", "map-key"])) : createCommentVNode("v-if", true)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=input-gps.vue2.mjs.map

package/es/input-gps/src/input-gps.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-gps.vue2.mjs","sources":["../../../src/input-gps/src/input-gps.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: \"me-input-gps\",\n});\n</script>\n<template>\n  <div class=\"me-input-gps\">\n    <el-input style=\"cursor: pointer\" :value=\"inputValue\" read-only>\n      <template #suffix>\n        <div style=\"cursor: pointer; height: 100%\" @click=\"handleOpenMap\">\n          <me-svg-icon name=\"ri-map-pin-line\"></me-svg-icon>\n        </div>\n      </template>\n    </el-input>\n    <div style=\"color: #999\" v-if=\"coord?.address\">位置：{{ coord.address }}</div>\n    <me-dialog v-model=\"visible\" title=\"选择位置\">\n      <MeMap v-if=\"mapKey\" :isFullscreen=\"isFullscreen\" v-model=\"coord\" :map-key=\"mapKey\"></MeMap>\n      <template #me-dialog-footer-right>\n        <me-button @click=\"confirm\">确定</me-button>\n      </template>\n    </me-dialog>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { InputGpsProps, InputGpsEmits } from \"./input-gps\"\nimport { computed, ref, onMounted } from \"vue\"\nimport { ElInput } from \"element-plus\"\nimport { MeSvgIcon } from \"../../svg-icon\"\nimport { MeButton } from \"../../button\"\nimport { MeDialog } from \"../../dialog\"\nimport MeMap from './map.vue'\n\n\nconst props = withDefaults(defineProps<InputGpsProps>(), {})\nconst emit = defineEmits<InputGpsEmits>()\n\nconst coord = ref<any>({})\nconst visible = ref(false)\n\nconst inputValue = computed(() => {\n  if (!coord.value.latitude) return \"\"\n  return `经度：${coord.value.longitude}，纬度：${coord.value.latitude}`\n})\n\nconst handleOpenMap = () => {\n  visible.value = true\n}\n\nconst confirm = () => {\n  const data = {\n    latitude: coord.value.latitude,\n    longitude: coord.value.longitude,\n    address: coord.value.address,\n  }\n  emit(\"confirmEvent\", data)\n  visible.value = false\n}\n\nonMounted(() => {\n  coord.value.latitude = props.latitude\n  coord.value.longitude = props.longitude\n})\n\nconst isFullscreen = ref(false)\n\nconst handleFullscreenChange = (val: boolean) => {\n  isFullscreen.value = val\n}\n</script>\n"],"names":["__MACROS_defineComponent","_openBlock","_createElementBlock","_createVNode","_unref","_createElementVNode","_toDisplayString","_createBlock","MeMap"],"mappings":"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"}

package/es/input-gps/src/map.vue.d.ts

@@ -0,0 +1,42 @@
+declare function handleSearch(queryString: string, cb: any): void;
+declare function handleSelect(item: any): void;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    isFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    mapKey: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    handleSearch: typeof handleSearch;
+    handleSelect: typeof handleSelect;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    isFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    mapKey: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+    modelValue: Record<string, any>;
+    isFullscreen: boolean;
+    mapKey: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/input-gps/src/map.vue.mjs

@@ -0,0 +1,6 @@
+import script from './map.vue2.mjs';
+
+script.__file = "src/input-gps/src/map.vue";
+
+export { script as default };
+//# sourceMappingURL=map.vue.mjs.map

package/es/input-gps/src/map.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"map.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/es/input-gps/src/map.vue2.mjs

@@ -0,0 +1,227 @@
+import { defineComponent, shallowRef, computed, watch, ref, onMounted, openBlock, createElementBlock, normalizeStyle, createElementVNode, createVNode, unref } from 'vue';
+import AMapLoader from '@amap/amap-jsapi-loader';
+import { ElAutocomplete, ElInput } from 'element-plus';
+
+"use strict";
+const _hoisted_1 = { class: "search-box" };
+var script = /* @__PURE__ */ defineComponent({
+  __name: "map",
+  props: {
+    isFullscreen: {
+      type: Boolean,
+      default: false
+    },
+    modelValue: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    mapKey: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const map = shallowRef();
+    const location = computed({
+      get() {
+        return props.modelValue;
+      },
+      set(val) {
+        console.log(val);
+        emit("update:modelValue", val);
+      }
+    });
+    watch(location, (val) => {
+      if (val.longitude && val.latitude) {
+        drawMarker(val);
+      }
+    });
+    watch(
+      () => props.isFullscreen,
+      () => {
+        setTimeout(() => {
+          map.value.resize();
+        }, 100);
+      }
+    );
+    const keyword = ref("");
+    let placeSearch, AMapObj, marker, geocoder;
+    function initMap() {
+      AMapLoader.load({
+        key: props.mapKey,
+        // 申请好的Web端Key，首次调用 load 时必填
+        version: "2.0"
+      }).then((AMap) => {
+        AMapObj = AMap;
+        map.value = new AMap.Map("mapcontainer");
+        map.value.on("click", onMapClick);
+        if (location.value.longitude) {
+          drawMarker(location.value);
+        }
+        AMap.plugin(["AMap.ToolBar", "AMap.Scale", "AMap.Geolocation", "AMap.PlaceSearch", "AMap.Geocoder"], () => {
+          const toolbar = new AMap.ToolBar();
+          const scale = new AMap.Scale();
+          const geolocation = new AMap.Geolocation({
+            enableHighAccuracy: true,
+            //是否使用高精度定位，默认:true
+            timeout: 1e4,
+            //超过10秒后停止定位，默认：5s
+            position: "RT",
+            //定位按钮的停靠位置
+            buttonOffset: new AMap.Pixel(10, 20),
+            //定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
+            zoomToAccuracy: true
+            //定位成功后是否自动调整地图视野到定位点
+          });
+          geocoder = new AMap.Geocoder({
+            city: "\u5168\u56FD"
+          });
+          map.value.addControl(geolocation);
+          map.value.addControl(toolbar);
+          map.value.addControl(scale);
+          placeSearch = new AMap.PlaceSearch({
+            map: map.value,
+            city: "",
+            pageSize: 30,
+            // 单页显示结果条数
+            pageIndex: 1,
+            // 页码
+            citylimit: false,
+            // 是否强制限制在设置的城市内搜索
+            autoFitView: true
+          });
+        });
+        AMap.Event.addListener(placeSearch, "markerClick", function(e) {
+          location.value.longitude = e.data.location.lng;
+          location.value.latitude = e.data.location.lat;
+          location.value.name = e.data.name;
+        });
+      });
+    }
+    onMounted(() => {
+      initMap();
+      setTimeout(() => {
+        const { longitude, latitude } = location.value;
+        if (longitude && latitude) {
+          map.value.setZoomAndCenter(16, [longitude, latitude]);
+        }
+      }, 500);
+    });
+    function handleSearch(queryString, cb) {
+      placeSearch.search(queryString, (status, result) => {
+        if (result && typeof result === "object" && result.poiList) {
+          const list = result.poiList.pois;
+          list.forEach((item) => {
+            item.value = item.name;
+            item.label = item.name;
+          });
+          cb(list);
+        } else {
+          cb([]);
+        }
+      });
+    }
+    function onMapClick(e) {
+      const { lng, lat } = e.lnglat;
+      geocoder.getAddress([lng, lat], (status, result) => {
+        if (status === "complete" && result.info === "OK") {
+          const { addressComponent, formattedAddress } = result.regeocode;
+          let { city, province, district } = addressComponent;
+          if (!city) {
+            city = province;
+          }
+          location.value = {
+            longitude: lng,
+            latitude: lat,
+            address: formattedAddress,
+            zone: [province, city, district]
+          };
+        }
+      });
+    }
+    function handleSelect(item) {
+      const { pname, cityname, adname, address, name } = item;
+      const { lng, lat } = item.location;
+      location.value = {
+        longitude: lng,
+        latitude: lat,
+        address,
+        zone: [pname, cityname, adname],
+        name
+      };
+      map.value.setZoomAndCenter(16, [lng, lat]);
+    }
+    function drawMarker(val = location.value) {
+      const { longitude, latitude } = location.value || val;
+      console.log(longitude, latitude);
+      if (marker) {
+        marker.setMap(null);
+      }
+      marker = new AMapObj.Marker({
+        position: new AMapObj.LngLat(longitude, latitude),
+        anchor: "bottom-center"
+      });
+      map.value.add(marker);
+    }
+    __expose({
+      handleSearch,
+      handleSelect
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: "me-input-gps__map",
+          style: normalizeStyle({ height: __props.isFullscreen ? "100%" : "400px", width: "100%" })
+        },
+        [
+          _cache[3] || (_cache[3] = createElementVNode(
+            "div",
+            { id: "mapcontainer" },
+            null,
+            -1
+            /* CACHED */
+          )),
+          createElementVNode("div", _hoisted_1, [
+            createVNode(unref(ElAutocomplete), {
+              modelValue: keyword.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => keyword.value = $event),
+              "fetch-suggestions": handleSearch,
+              "trigger-on-focus": false,
+              clearable: "",
+              placeholder: "\u8F93\u5165\u57CE\u5E02+\u5173\u952E\u5B57\u641C\u7D22",
+              onSelect: handleSelect,
+              style: { "width": "300px" }
+            }, null, 8, ["modelValue"]),
+            createVNode(unref(ElInput), {
+              modelValue: location.value.longitude,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => location.value.longitude = $event),
+              placeholder: "\u70B9\u51FB\u5730\u56FE\u9009\u62E9\u7ECF\u5EA6",
+              maxlength: "15",
+              clearable: "",
+              style: { "width": "150px", "margin": "0 5px" }
+            }, null, 8, ["modelValue"]),
+            createVNode(unref(ElInput), {
+              modelValue: location.value.latitude,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => location.value.latitude = $event),
+              placeholder: "\u70B9\u51FB\u5730\u56FE\u9009\u62E9\u7EAC\u5EA6",
+              maxlength: "15",
+              clearable: "",
+              style: { "width": "150px" }
+            }, null, 8, ["modelValue"])
+          ])
+        ],
+        4
+        /* STYLE */
+      );
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=map.vue2.mjs.map