ele-admin-plus 1.1.9-beta.5 → 1.1.9-beta.6

package/lib/ele-map-picker/components/map-search.cjs

@@ -0,0 +1,74 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const icons = require("../../icons");
+const _sfc_main = vue.defineComponent({
+  name: "MapSearch",
+  components: { ElAutocomplete: elementPlus.ElAutocomplete, SearchOutlined: icons.SearchOutlined },
+  props: {
+    modelValue: String,
+    placeholder: String
+  },
+  emits: {
+    "update:modelValue": (_keywords) => true,
+    search: (_keywords, _callback) => true,
+    searchSelect: (_item) => true
+  },
+  setup(_props, { emit }) {
+    const autocompleteRef = vue.ref(null);
+    const updateModelValue = (keywords) => {
+      emit("update:modelValue", keywords);
+    };
+    const onSearch = (keywords, callback) => {
+      emit("search", keywords, callback);
+    };
+    const onSearchSelect = (item) => {
+      autocompleteRef.value && autocompleteRef.value.blur();
+      emit("searchSelect", item);
+    };
+    return { autocompleteRef, updateModelValue, onSearch, onSearchSelect };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { class: "ele-map-suggest-item" };
+const _hoisted_2 = { class: "ele-map-suggest-title" };
+const _hoisted_3 = { class: "ele-map-suggest-text" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_SearchOutlined = vue.resolveComponent("SearchOutlined");
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_ElAutocomplete = vue.resolveComponent("ElAutocomplete");
+  return vue.openBlock(), vue.createBlock(_component_ElAutocomplete, {
+    ref: "autocompleteRef",
+    clearable: true,
+    placeholder: _ctx.placeholder,
+    fetchSuggestions: _ctx.onSearch,
+    popperClass: "ele-map-suggest-popper",
+    modelValue: _ctx.modelValue,
+    "onUpdate:modelValue": _ctx.updateModelValue,
+    onSelect: _ctx.onSearchSelect
+  }, {
+    prefix: vue.withCtx(() => [
+      vue.createVNode(_component_ElIcon, { class: "el-input__icon" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_SearchOutlined)
+        ]),
+        _: 1
+      })
+    ]),
+    default: vue.withCtx(({ item }) => [
+      vue.createElementVNode("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(item.label), 1),
+        vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(item.district), 1)
+      ])
+    ]),
+    _: 1
+  }, 8, ["placeholder", "fetchSuggestions", "modelValue", "onUpdate:modelValue", "onSelect"]);
+}
+const mapSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = mapSearch;

package/lib/ele-map-picker/components/map-search.d.ts

@@ -0,0 +1,22 @@
+import type { ElAutocompleteInstance } from '../../ele-app/el';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: StringConstructor;
+    placeholder: StringConstructor;
+}, {
+    autocompleteRef: import("vue").Ref<ElAutocompleteInstance>;
+    updateModelValue: (keywords: string) => void;
+    onSearch: (keywords: string, callback?: any) => void;
+    onSearchSelect: (item: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (_keywords: string) => true;
+    search: (_keywords: string, _callback: any) => true;
+    searchSelect: (_item: any) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: StringConstructor;
+    placeholder: StringConstructor;
+}>> & {
+    "onUpdate:modelValue"?: ((_keywords: string) => any) | undefined;
+    onSearch?: ((_keywords: string, _callback: any) => any) | undefined;
+    onSearchSelect?: ((_item: any) => any) | undefined;
+}, {}, {}>;
+export default _default;