yuang-framework-ui-pc 1.1.44 → 1.1.46

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

@@ -0,0 +1,232 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
+import { ElEmptyProps } from '../ele-app/el';
+import { EleDialogProps } from '../ele-app/plus';
+import { SelectMode, PoiItem, MapLocale } from './types';
+
+/**
+ * 属性
+ */
+export declare const mapProps: {
+    /** 地图的高度 */
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 地图默认中心点 */
+    center: PropType<number[]>;
+    /** 地图初始缩放级别 */
+    zoom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 地图选中后缩放级别 */
+    selectedZoom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** POI检索最大数量 */
+    poiLimit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** POI检索兴趣点类别 */
+    poiType: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** POI检索关键字 */
+    poiKeywords: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** POI检索半径 */
+    poiRadius: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 是否返回行政区 */
+    returnRegions: BooleanConstructor;
+    /** 是否强制选择 */
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 强制选择提示文本 */
+    message: StringConstructor;
+    /** 输入建议的城市范围 */
+    suggestionCity: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 搜索框提示文本 */
+    searchPlaceholder: StringConstructor;
+    /** 地图中心图标地址 */
+    markerSrc: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 高德地图密钥 */
+    mapKey: StringConstructor;
+    /** 高德地图版本号 */
+    mapVersion: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 地图风格 */
+    mapStyle: StringConstructor;
+    /** 是否暗黑主题 */
+    darkMode: BooleanConstructor;
+    /** 完成按钮文字 */
+    okText: StringConstructor;
+    /** 空组件属性 */
+    emptyProps: PropType<ElEmptyProps>;
+    /** 自定义搜索栏样式 */
+    searchStyle: PropType<StyleValue>;
+    /** 位置选择模式 */
+    mode: {
+        type: PropType<SelectMode>;
+        default: string;
+    };
+    /** 非关键字模式是否显示搜索框 */
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 强制选择点击地图提示文本 */
+    clickMessage: StringConstructor;
+    /** 回显选中的位置 */
+    selected: PropType<PoiItem>;
+    /** 侧栏容器样式 */
+    sideStyle: PropType<StyleValue>;
+};
+export declare const mapPickerProps: {
+    /** 弹窗是否显示 */
+    modelValue: BooleanConstructor;
+    /** 弹窗参数 */
+    modalProps: PropType<Omit<EleDialogProps, "modelValue">>;
+    /** 是否开启响应式 */
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    /** 国际化 */
+    locale: PropType<Partial<MapLocale>>;
+    /** 是否使用关键字检索模式, 默认POI检索模式 */
+    keywordMode: BooleanConstructor;
+    /** 自定义header样式 */
+    headerStyle: PropType<StyleValue>;
+    /** 地图的高度 */
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 地图默认中心点 */
+    center: PropType<number[]>;
+    /** 地图初始缩放级别 */
+    zoom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 地图选中后缩放级别 */
+    selectedZoom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** POI检索最大数量 */
+    poiLimit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** POI检索兴趣点类别 */
+    poiType: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** POI检索关键字 */
+    poiKeywords: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** POI检索半径 */
+    poiRadius: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 是否返回行政区 */
+    returnRegions: BooleanConstructor;
+    /** 是否强制选择 */
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 强制选择提示文本 */
+    message: StringConstructor;
+    /** 输入建议的城市范围 */
+    suggestionCity: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 搜索框提示文本 */
+    searchPlaceholder: StringConstructor;
+    /** 地图中心图标地址 */
+    markerSrc: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 高德地图密钥 */
+    mapKey: StringConstructor;
+    /** 高德地图版本号 */
+    mapVersion: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 地图风格 */
+    mapStyle: StringConstructor;
+    /** 是否暗黑主题 */
+    darkMode: BooleanConstructor;
+    /** 完成按钮文字 */
+    okText: StringConstructor;
+    /** 空组件属性 */
+    emptyProps: PropType<ElEmptyProps>;
+    /** 自定义搜索栏样式 */
+    searchStyle: PropType<StyleValue>;
+    /** 位置选择模式 */
+    mode: {
+        type: PropType<SelectMode>;
+        default: string;
+    };
+    /** 非关键字模式是否显示搜索框 */
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 强制选择点击地图提示文本 */
+    clickMessage: StringConstructor;
+    /** 回显选中的位置 */
+    selected: PropType<PoiItem>;
+    /** 侧栏容器样式 */
+    sideStyle: PropType<StyleValue>;
+};
+export type MapPickerProps = ExtractPropTypes<typeof mapPickerProps>;
+export type MapProps = ExtractPropTypes<typeof mapProps>;
+/**
+ * 事件
+ */
+export declare const mapPickerEmits: {
+    /** 选择完成事件 */
+    done: (_result: PoiItem) => boolean;
+    /** 地图渲染完成事件 */
+    mapDone: (_ins: any) => boolean;
+    /** 弹窗打开事件 */
+    open: () => boolean;
+    /** 弹窗关闭事件 */
+    closed: () => boolean;
+    /** 更新弹窗打开状态 */
+    'update:modelValue': (_value: boolean) => boolean;
+};
+export type MapPropKeys = Array<keyof typeof mapProps>;
+/**
+ * 地图组件属性名
+ */
+export declare const mapPropKeys: MapPropKeys;

package/lib/ele-map-picker/style/css-var.scss

@@ -0,0 +1,8 @@
+@use '../../style/util.scss' as *;
+
+/* 地图位置选择器主题变量 */
+@mixin set-map-var($var) {
+  .ele-map-picker {
+    @include set-ele-var('map', $var);
+  }
+}

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

@@ -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-dialog/style/index");
+require("./index.scss");

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

@@ -0,0 +1,71 @@
+/**
+ * 位置选择模式
+ */
+export type SelectMode = 'lnglat' | 'poi' | 'keyword';
+
+/**
+ * 行政区数据
+ */
+export interface City {
+  /** 省 */
+  province: string;
+  /** 市 */
+  city: string;
+  /** 区 */
+  district: string;
+  /** 区号 */
+  citycode: number;
+}
+
+/**
+ * 检索结果
+ */
+export interface PoiItem extends Record<string, any> {
+  /** 唯一标识 */
+  key?: string;
+  /** 地点名称 */
+  name?: string;
+  /** 详细地址 */
+  address?: string;
+  /** 纬度 */
+  lat?: number;
+  /** 经度 */
+  lng?: number;
+  /** 输入建议的街道 */
+  district?: string;
+  /** 行政区 */
+  city?: City;
+}
+
+/**
+ * 实例
+ */
+export interface MapState {
+  /** 上次搜索建议 */
+  lastSuggestion?: string;
+  /** 选中的搜索建议 */
+  selectedSuggestion?: PoiItem | null;
+  /** 是否是选中条目移动地图 */
+  isItemClickMove?: boolean;
+  /** 地图实例 */
+  mapIns?: any;
+  /** 检索实例 */
+  placeSearchIns?: any;
+  /** 搜索建议实例 */
+  autoCompleteIns?: any;
+  /** 地图标记点 */
+  centerMarker?: any;
+}
+
+/**
+ * 国际化
+ */
+export interface MapLocale {
+  title: string;
+  placeholder: string;
+  message: string;
+  ok: string;
+  clickMessage: string;
+}
+
+export type CenterPoint = PoiItem;

package/lib/ele-menus/components/menu-items.cjs

@@ -0,0 +1,268 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const icons = require("../../icons");
+const core = require("../../utils/core");
+const ItemTitle = require("./item-title");
+const util = require("../util");
+const _sfc_main = vue.defineComponent({
+  name: "MenuItems",
+  components: { ElMenuItem: elementPlus.ElMenuItem, ElSubMenu: elementPlus.ElSubMenu, ElMenuItemGroup: elementPlus.ElMenuItemGroup, ItemTitle },
+  props: {
+    /** 菜单数据 */
+    items: Array,
+    /** 是否是第一级菜单 */
+    first: Boolean,
+    /** 是否禁用折叠的 tooltip */
+    tipDisabled: Boolean,
+    /** 父级是否是分组菜单 */
+    parentIsGroup: Boolean,
+    /** 主题 */
+    theme: String,
+    /** 气泡菜单主题 */
+    popTheme: String,
+    /** 是否彩色图标 */
+    colorful: Boolean,
+    /** 气泡菜单是否彩色图标 */
+    popupColorful: [Boolean, String],
+    /** 第一级气泡菜单类名 */
+    firstPopClass: String,
+    /** 是否是 webkit 内核 */
+    webkit: Boolean
+  },
+  emits: {
+    itemClick: (_item, _e) => true,
+    itemMouseenter: (_item, _e) => true,
+    itemMouseleave: (_item, _e) => true,
+    parentMouseenter: (_item, _e) => true,
+    parentMouseleave: (_item, _e) => true
+  },
+  setup(_props, { emit }) {
+    const handleMenuItemClick = () => {
+    };
+    const handleItemClick = (item, e) => {
+      emit("itemClick", item, e);
+    };
+    const handleItemMouseenter = (item, e) => {
+      emit("itemMouseenter", item, e);
+    };
+    const handleItemMouseleave = (item, e) => {
+      emit("itemMouseleave", item, e);
+    };
+    const handleParentMouseenter = (item, e) => {
+      emit("parentMouseenter", item, e);
+    };
+    const handleParentMouseleave = (item, e) => {
+      emit("parentMouseleave", item, e);
+    };
+    return {
+      pick: core.pick,
+      ArrowDown: icons.ArrowDown,
+      ArrowRight: icons.ArrowRight,
+      getPopperClass: util.getPopperClass,
+      handleMenuItemClick,
+      handleItemClick,
+      handleItemMouseenter,
+      handleItemMouseleave,
+      handleParentMouseenter,
+      handleParentMouseleave
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = {
+  key: 0,
+  class: "ele-menu-title"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ItemTitle = vue.resolveComponent("ItemTitle");
+  const _component_ElMenuItem = vue.resolveComponent("ElMenuItem");
+  const _component_MenuItems = vue.resolveComponent("MenuItems", true);
+  const _component_ElMenuItemGroup = vue.resolveComponent("ElMenuItemGroup");
+  const _component_ElSubMenu = vue.resolveComponent("ElSubMenu");
+  return vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item) => {
+    return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+      !item.children || !item.children.length ? (vue.openBlock(), vue.createBlock(_component_ElMenuItem, vue.mergeProps({
+        key: 0,
+        ref_for: true
+      }, _ctx.pick(item, ["route", "disabled", "class", "style"]), {
+        key: (item.key || item.index || item.path) + "-" + _ctx.tipDisabled,
+        index: item.index || item.path,
+        class: [{ "ele-menu-overflow": item.overflow }],
+        onClick: _ctx.handleMenuItemClick
+      }), vue.createSlots({
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_ItemTitle, {
+            item,
+            showTitle: !(_ctx.first && !_ctx.tipDisabled),
+            showLink: true,
+            onItemClick: _ctx.handleItemClick,
+            onItemMouseenter: _ctx.handleItemMouseenter,
+            onItemMouseleave: _ctx.handleItemMouseleave
+          }, vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.mergeProps({ ref_for: true }, slotProps || {}))
+                ])
+              };
+            })
+          ]), 1032, ["item", "showTitle", "onItemClick", "onItemMouseenter", "onItemMouseleave"])
+        ]),
+        _: 2
+      }, [
+        _ctx.first && !_ctx.tipDisabled ? {
+          name: "title",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "title", {
+              item,
+              title: item.title
+            }, () => [
+              item.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(item.title), 1)) : vue.createCommentVNode("", true)
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["index", "class", "onClick"])) : item.group === true && !_ctx.parentIsGroup ? (vue.openBlock(), vue.createBlock(_component_ElMenuItemGroup, {
+        key: (item.key || item.index || item.path) + "-group",
+        class: vue.normalizeClass(item.class),
+        style: vue.normalizeStyle(item.style)
+      }, {
+        title: vue.withCtx(() => [
+          vue.createVNode(_component_ItemTitle, {
+            item,
+            onItemMouseenter: _ctx.handleParentMouseenter,
+            onItemMouseleave: _ctx.handleParentMouseleave
+          }, vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.mergeProps({ ref_for: true }, slotProps || {}))
+                ])
+              };
+            })
+          ]), 1032, ["item", "onItemMouseenter", "onItemMouseleave"])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_MenuItems, {
+            items: item.children,
+            first: _ctx.first,
+            tipDisabled: _ctx.tipDisabled,
+            parentIsGroup: true,
+            theme: _ctx.theme,
+            popTheme: _ctx.popTheme,
+            colorful: _ctx.colorful,
+            popupColorful: _ctx.popupColorful,
+            firstPopClass: _ctx.firstPopClass,
+            webkit: _ctx.webkit,
+            onItemClick: _ctx.handleItemClick,
+            onItemMouseenter: _ctx.handleItemMouseenter,
+            onItemMouseleave: _ctx.handleItemMouseleave,
+            onParentMouseenter: _ctx.handleParentMouseenter,
+            onParentMouseleave: _ctx.handleParentMouseleave
+          }, vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.mergeProps({ ref_for: true }, slotProps || {}))
+                ])
+              };
+            })
+          ]), 1032, ["items", "first", "tipDisabled", "theme", "popTheme", "colorful", "popupColorful", "firstPopClass", "webkit", "onItemClick", "onItemMouseenter", "onItemMouseleave", "onParentMouseenter", "onParentMouseleave"])
+        ]),
+        _: 2
+      }, 1032, ["class", "style"])) : (vue.openBlock(), vue.createBlock(_component_ElSubMenu, vue.mergeProps(
+        {
+          key: 2,
+          ref_for: true
+        },
+        _ctx.pick(item, [
+          "showTimeout",
+          "hideTimeout",
+          "disabled",
+          "popperOffset",
+          "class",
+          "style"
+        ]),
+        {
+          key: (item.key || item.index || item.path) + "-sub",
+          index: item.index || item.path || "",
+          popperClass: _ctx.getPopperClass(
+            item.popperClass,
+            _ctx.theme,
+            _ctx.popTheme,
+            _ctx.colorful,
+            _ctx.popupColorful,
+            _ctx.firstPopClass,
+            _ctx.first,
+            _ctx.webkit
+          ),
+          teleported: item.teleported ?? !!_ctx.first,
+          expandCloseIcon: item.expandCloseIcon ?? _ctx.ArrowDown,
+          expandOpenIcon: item.expandOpenIcon ?? _ctx.ArrowDown,
+          collapseCloseIcon: item.collapseCloseIcon ?? _ctx.ArrowRight,
+          collapseOpenIcon: item.collapseOpenIcon ?? _ctx.ArrowRight,
+          class: [{ "ele-menu-overflow": item.overflow }]
+        }
+      ), {
+        title: vue.withCtx(() => [
+          vue.createVNode(_component_ItemTitle, {
+            item,
+            onItemMouseenter: _ctx.handleParentMouseenter,
+            onItemMouseleave: _ctx.handleParentMouseleave
+          }, vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.mergeProps({ ref_for: true }, slotProps || {}))
+                ])
+              };
+            })
+          ]), 1032, ["item", "onItemMouseenter", "onItemMouseleave"])
+        ]),
+        default: vue.withCtx(() => [
+          !(item.children.length === 1 && item.children[0] == null) ? (vue.openBlock(), vue.createBlock(_component_MenuItems, {
+            key: 0,
+            items: item.children,
+            first: false,
+            tipDisabled: _ctx.tipDisabled,
+            parentIsGroup: false,
+            theme: _ctx.theme,
+            popTheme: _ctx.popTheme,
+            colorful: _ctx.colorful,
+            popupColorful: _ctx.popupColorful,
+            firstPopClass: _ctx.firstPopClass,
+            webkit: _ctx.webkit,
+            onItemClick: _ctx.handleItemClick,
+            onItemMouseenter: _ctx.handleItemMouseenter,
+            onItemMouseleave: _ctx.handleItemMouseleave,
+            onParentMouseenter: _ctx.handleParentMouseenter,
+            onParentMouseleave: _ctx.handleParentMouseleave
+          }, vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.mergeProps({ ref_for: true }, slotProps || {}))
+                ])
+              };
+            })
+          ]), 1032, ["items", "tipDisabled", "theme", "popTheme", "colorful", "popupColorful", "firstPopClass", "webkit", "onItemClick", "onItemMouseenter", "onItemMouseleave", "onParentMouseenter", "onParentMouseleave"])) : vue.createCommentVNode("", true)
+        ]),
+        _: 2
+      }, 1040, ["index", "popperClass", "teleported", "expandCloseIcon", "expandOpenIcon", "collapseCloseIcon", "collapseOpenIcon", "class"]))
+    ], 64);
+  }), 256);
+}
+const menuItems = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = menuItems;