ele-admin-plus 1.0.0-beta.1

package/lib/ele-map-picker/index.d.ts

@@ -0,0 +1,164 @@
+import type { CenterPoint, MapLocale } from './types';
+declare const _sfc_main: import("vue").DefineComponent<{
+    modelValue: BooleanConstructor;
+    modalProps: import("vue").PropType<Partial<Omit<import("../ele-modal/props").ModalProps, "modelValue">>>;
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    locale: import("vue").PropType<MapLocale>;
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    center: import("vue").PropType<number[]>;
+    zoom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectedZoom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    poiLimit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    poiType: {
+        type: StringConstructor;
+        default: string;
+    };
+    poiKeywords: {
+        type: StringConstructor;
+        default: string;
+    };
+    poiRadius: {
+        type: NumberConstructor;
+        default: number;
+    };
+    returnRegions: BooleanConstructor;
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    message: StringConstructor;
+    suggestionCity: {
+        type: StringConstructor;
+        default: string;
+    };
+    keywordMode: BooleanConstructor;
+    searchPlaceholder: StringConstructor;
+    markerSrc: {
+        type: StringConstructor;
+        default: string;
+    };
+    mapKey: StringConstructor;
+    mapVersion: {
+        type: StringConstructor;
+        default: string;
+    };
+    mapStyle: StringConstructor;
+    darkMode: BooleanConstructor;
+    okText: StringConstructor;
+    emptyProps: import("vue").PropType<Partial<import("element-plus").EmptyProps>>;
+}, {
+    mapRef: any;
+    lang: import("vue").ComputedRef<MapLocale>;
+    isResponsive: import("vue").ComputedRef<boolean>;
+    aMapKey: import("vue").ComputedRef<string | undefined>;
+    updateModelValue: (value: boolean) => void;
+    onDone: (result: CenterPoint) => void;
+    onMapDone: (ins: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    done: (_result: CenterPoint) => boolean;
+    mapDone: (_ins: any) => boolean;
+    open: () => boolean;
+    closed: () => boolean;
+    'update:modelValue': (_value: boolean) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: BooleanConstructor;
+    modalProps: import("vue").PropType<Partial<Omit<import("../ele-modal/props").ModalProps, "modelValue">>>;
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    locale: import("vue").PropType<MapLocale>;
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    center: import("vue").PropType<number[]>;
+    zoom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectedZoom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    poiLimit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    poiType: {
+        type: StringConstructor;
+        default: string;
+    };
+    poiKeywords: {
+        type: StringConstructor;
+        default: string;
+    };
+    poiRadius: {
+        type: NumberConstructor;
+        default: number;
+    };
+    returnRegions: BooleanConstructor;
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    message: StringConstructor;
+    suggestionCity: {
+        type: StringConstructor;
+        default: string;
+    };
+    keywordMode: BooleanConstructor;
+    searchPlaceholder: StringConstructor;
+    markerSrc: {
+        type: StringConstructor;
+        default: string;
+    };
+    mapKey: StringConstructor;
+    mapVersion: {
+        type: StringConstructor;
+        default: string;
+    };
+    mapStyle: StringConstructor;
+    darkMode: BooleanConstructor;
+    okText: StringConstructor;
+    emptyProps: import("vue").PropType<Partial<import("element-plus").EmptyProps>>;
+}>> & {
+    onDone?: ((_result: CenterPoint) => any) | undefined;
+    onMapDone?: ((_ins: any) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
+}, {
+    required: boolean;
+    responsive: boolean;
+    modelValue: boolean;
+    height: string;
+    zoom: number;
+    selectedZoom: number;
+    poiLimit: number;
+    poiType: string;
+    poiKeywords: string;
+    poiRadius: number;
+    returnRegions: boolean;
+    suggestionCity: string;
+    keywordMode: boolean;
+    markerSrc: string;
+    mapVersion: string;
+    darkMode: boolean;
+}, {}>;
+export default _sfc_main;

package/lib/ele-map-picker/index.js

@@ -0,0 +1,116 @@
+"use strict";
+const vue = require("vue");
+const useReceiver = require("../ele-config-provider/use-receiver");
+const EleModal = require("../ele-modal/index");
+const MapView = require("./components/map-view");
+const props = require("./props");
+const _sfc_main = vue.defineComponent({
+  name: "EleMapPicker",
+  components: { EleModal, MapView },
+  props: props.mapModalProps,
+  emits: props.mapModalEmits,
+  setup(props2, { emit }) {
+    const { lang, globalConfig } = useReceiver.useLocale("map", props2);
+    const isResponsive = useReceiver.useResponsive(props2);
+    const mapRef = vue.ref(null);
+    const aMapKey = vue.computed(() => props2.mapKey || globalConfig.mapKey);
+    const updateModelValue = (value) => {
+      emit("update:modelValue", value);
+    };
+    const onDone = (result) => {
+      emit("done", result);
+    };
+    const onMapDone = (ins) => {
+      emit("mapDone", ins);
+    };
+    return {
+      mapRef,
+      lang,
+      isResponsive,
+      aMapKey,
+      updateModelValue,
+      onDone,
+      onMapDone
+    };
+  }
+});
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_MapView = vue.resolveComponent("MapView");
+  const _component_EleModal = vue.resolveComponent("EleModal");
+  return vue.openBlock(), vue.createBlock(_component_EleModal, vue.mergeProps({
+    width: "780px",
+    title: _ctx.lang.title
+  }, _ctx.modalProps, {
+    modelValue: _ctx.modelValue,
+    class: ["ele-map-picker", { "is-responsive": _ctx.isResponsive }],
+    "onUpdate:modelValue": _ctx.updateModelValue
+  }), vue.createSlots({
+    default: vue.withCtx(() => [
+      vue.createVNode(_component_MapView, {
+        ref: "mapRef",
+        height: _ctx.height,
+        center: _ctx.center,
+        zoom: _ctx.zoom,
+        selectedZoom: _ctx.selectedZoom,
+        poiLimit: _ctx.poiLimit,
+        poiType: _ctx.poiType,
+        poiKeywords: _ctx.poiKeywords,
+        poiRadius: _ctx.poiRadius,
+        returnRegions: _ctx.returnRegions,
+        required: _ctx.required,
+        suggestionCity: _ctx.suggestionCity,
+        keywordMode: _ctx.keywordMode,
+        markerSrc: _ctx.markerSrc,
+        mapVersion: _ctx.mapVersion,
+        mapStyle: _ctx.mapStyle,
+        darkMode: _ctx.darkMode,
+        emptyProps: _ctx.emptyProps,
+        message: _ctx.lang.message,
+        searchPlaceholder: _ctx.lang.placeholder,
+        okText: _ctx.lang.ok,
+        mapKey: _ctx.aMapKey,
+        onDone: _ctx.onDone,
+        onMapDone: _ctx.onMapDone
+      }, null, 8, ["height", "center", "zoom", "selectedZoom", "poiLimit", "poiType", "poiKeywords", "poiRadius", "returnRegions", "required", "suggestionCity", "keywordMode", "markerSrc", "mapVersion", "mapStyle", "darkMode", "emptyProps", "message", "searchPlaceholder", "okText", "mapKey", "onDone", "onMapDone"])
+    ]),
+    _: 2
+  }, [
+    _ctx.$slots.header ? {
+      name: "header",
+      fn: vue.withCtx((slotProps) => [
+        vue.renderSlot(_ctx.$slots, "header", vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+      ]),
+      key: "0"
+    } : void 0,
+    _ctx.$slots.footer ? {
+      name: "footer",
+      fn: vue.withCtx((slotProps) => [
+        vue.renderSlot(_ctx.$slots, "footer", vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+      ]),
+      key: "1"
+    } : void 0,
+    _ctx.$slots.maxIcon ? {
+      name: "maxIcon",
+      fn: vue.withCtx((slotProps) => [
+        vue.renderSlot(_ctx.$slots, "maxIcon", vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+      ]),
+      key: "2"
+    } : void 0,
+    _ctx.$slots.closeIcon ? {
+      name: "closeIcon",
+      fn: vue.withCtx((slotProps) => [
+        vue.renderSlot(_ctx.$slots, "closeIcon", vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+      ]),
+      key: "3"
+    } : void 0
+  ]), 1040, ["title", "modelValue", "class", "onUpdate:modelValue"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/ele-map-picker/props.d.ts

@@ -0,0 +1,137 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { EmptyProps } from 'element-plus';
+import type { ModalProps } from '../ele-modal/props';
+import type { MapLocale, CenterPoint } from './types';
+/**
+ * 属性
+ */
+export declare const mapViewProps: {
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    center: PropType<number[]>;
+    zoom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectedZoom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    poiLimit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    poiType: {
+        type: StringConstructor;
+        default: string;
+    };
+    poiKeywords: {
+        type: StringConstructor;
+        default: string;
+    };
+    poiRadius: {
+        type: NumberConstructor;
+        default: number;
+    };
+    returnRegions: BooleanConstructor;
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    message: StringConstructor;
+    suggestionCity: {
+        type: StringConstructor;
+        default: string;
+    };
+    keywordMode: BooleanConstructor;
+    searchPlaceholder: StringConstructor;
+    markerSrc: {
+        type: StringConstructor;
+        default: string;
+    };
+    mapKey: StringConstructor;
+    mapVersion: {
+        type: StringConstructor;
+        default: string;
+    };
+    mapStyle: StringConstructor;
+    darkMode: BooleanConstructor;
+    okText: StringConstructor;
+    emptyProps: PropType<Partial<EmptyProps>>;
+};
+export declare const mapModalProps: {
+    modelValue: BooleanConstructor;
+    modalProps: PropType<Partial<Omit<ModalProps, "modelValue">>>;
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    locale: PropType<MapLocale>;
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    center: PropType<number[]>;
+    zoom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectedZoom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    poiLimit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    poiType: {
+        type: StringConstructor;
+        default: string;
+    };
+    poiKeywords: {
+        type: StringConstructor;
+        default: string;
+    };
+    poiRadius: {
+        type: NumberConstructor;
+        default: number;
+    };
+    returnRegions: BooleanConstructor;
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    message: StringConstructor;
+    suggestionCity: {
+        type: StringConstructor;
+        default: string;
+    };
+    keywordMode: BooleanConstructor;
+    searchPlaceholder: StringConstructor;
+    markerSrc: {
+        type: StringConstructor;
+        default: string;
+    };
+    mapKey: StringConstructor;
+    mapVersion: {
+        type: StringConstructor;
+        default: string;
+    };
+    mapStyle: StringConstructor;
+    darkMode: BooleanConstructor;
+    okText: StringConstructor;
+    emptyProps: PropType<Partial<EmptyProps>>;
+};
+export type MapModalProps = ExtractPropTypes<typeof mapModalProps>;
+/**
+ * 事件
+ */
+export declare const mapModalEmits: {
+    done: (_result: CenterPoint) => boolean;
+    mapDone: (_ins: any) => boolean;
+    open: () => boolean;
+    closed: () => boolean;
+    'update:modelValue': (_value: boolean) => boolean;
+};

package/lib/ele-map-picker/props.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const mapViewProps = {
+  // 地图的高度
+  height: {
+    type: String,
+    default: "450px"
+  },
+  // 地图默认中心点
+  center: Array,
+  // 地图初始缩放级别
+  zoom: {
+    type: Number,
+    default: 11
+  },
+  // 地图选中后缩放级别
+  selectedZoom: {
+    type: Number,
+    default: 17
+  },
+  // POI检索最大数量
+  poiLimit: {
+    type: Number,
+    default: 30
+  },
+  // POI检索兴趣点类别
+  poiType: {
+    type: String,
+    default: ""
+  },
+  // POI检索关键字
+  poiKeywords: {
+    type: String,
+    default: ""
+  },
+  // POI检索半径
+  poiRadius: {
+    type: Number,
+    default: 1e3
+  },
+  // 是否返回行政区
+  returnRegions: Boolean,
+  // 是否强制选择
+  required: {
+    type: Boolean,
+    default: true
+  },
+  // 强制选择提示文本
+  message: String,
+  // 输入建议的城市范围
+  suggestionCity: {
+    type: String,
+    default: "全国"
+  },
+  // 是否使用关键字检索模式, 默认POI检索模式
+  keywordMode: Boolean,
+  // 搜索框提示文本
+  searchPlaceholder: String,
+  // 地图中心图标地址
+  markerSrc: {
+    type: String,
+    default: "https://3gimg.qq.com/lightmap/components/locationPicker2/image/marker.png"
+  },
+  // 高德地图密钥
+  mapKey: String,
+  // 高德地图版本号
+  mapVersion: {
+    type: String,
+    default: "2.0"
+  },
+  // 地图风格
+  mapStyle: String,
+  // 是否暗黑主题
+  darkMode: Boolean,
+  // 完成按钮文字
+  okText: String,
+  // 空组件属性
+  emptyProps: Object
+};
+const mapModalProps = {
+  ...mapViewProps,
+  // 弹窗是否显示
+  modelValue: Boolean,
+  // 弹窗参数
+  modalProps: Object,
+  // 是否开启响应式
+  responsive: {
+    type: Boolean,
+    default: null
+  },
+  // 国际化
+  locale: Object
+};
+const mapModalEmits = {
+  // 选择完成事件
+  done: (_result) => true,
+  // 地图渲染完成事件
+  mapDone: (_ins) => true,
+  // 弹窗打开事件
+  open: () => true,
+  // 弹窗关闭事件
+  closed: () => true,
+  // 更新弹窗打开状态
+  "update:modelValue": (_value) => true
+};
+exports.mapModalEmits = mapModalEmits;
+exports.mapModalProps = mapModalProps;
+exports.mapViewProps = mapViewProps;

package/lib/ele-map-picker/style/index.js

@@ -0,0 +1,9 @@
+"use strict";
+require("element-plus/es/components/autocomplete/style/index");
+require("element-plus/es/components/input/style/index");
+require("element-plus/es/components/button/style/index");
+require("element-plus/es/components/icon/style/index");
+require("element-plus/es/components/empty/style/index");
+require("../../ele-loading/style/index");
+require("../../ele-modal/style/index");
+require("./index.scss");