vue-tianditu2
Version:
42 lines (41 loc) • 1.21 kB
JavaScript
import { defineComponent as s, h as o } from "vue";
import { SearchBox as a } from "../../search/components/SearchBox.mjs";
import { SearchPois as d } from "../../search/components/SearchPois.mjs";
import { useMethods as c } from "../use/methods.mjs";
import { useState as l } from "../use/state.mjs";
const S = s({
setup() {
const e = l(), { onSearch: r, onPoiClick: n, onPageChange: p } = c(e);
return () => o("div", { class: "route-search" }, [
// 起点搜索框
o(a, {
modelValue: e.startKeyword,
placeholder: "请输入起点",
onFocus: () => e.poiType = "start",
"onUpdate:modelValue": (t) => r(1, t, "start")
}),
// 终点搜索框
o(a, {
modelValue: e.endKeyword,
placeholder: "请输入终点",
onFocus: () => e.poiType = "end",
"onUpdate:modelValue": (t) => r(1, t, "end")
}),
// 搜索点
o(d, {
pois: e.pois || [],
page: {
current: e.current,
size: 10,
total: e.total
},
onPoiClick: n,
"onUpdate:page": p
})
]);
}
});
export {
S as RouteSearch
};
//# sourceMappingURL=RouteSearch.mjs.map