ele-admin-plus 1.0.0-beta.1

package/es/ele-icon-select/props.js

@@ -0,0 +1,96 @@
+const iconSelectProps = {
+  // 绑定值
+  modelValue: String,
+  // 图标数据
+  data: {
+    type: Array,
+    required: true
+  },
+  // 是否禁用
+  disabled: Boolean,
+  // 尺寸
+  size: String,
+  // 支持清除
+  clearable: Boolean,
+  // 占位符
+  placeholder: String,
+  // input 的 name 属性
+  name: String,
+  // input 的 autocomplete 属性
+  autocomplete: {
+    type: String,
+    default: "off"
+  },
+  // 是否将 popover 内容插入 body
+  teleported: {
+    type: Boolean,
+    default: true
+  },
+  // 始终渲染 popover 内容
+  persistent: {
+    type: Boolean,
+    default: true
+  },
+  // 是否在输入框获得焦点后自动弹出选项菜单
+  automaticDropdown: Boolean,
+  // 气泡框位置
+  placement: {
+    type: String,
+    default: "bottom-start"
+  },
+  // popper 宽度
+  popperWidth: {
+    type: [Number, String],
+    default: 414
+  },
+  // popper 高度
+  popperHeight: {
+    type: [Number, String],
+    default: 260
+  },
+  // popper.js 的参数
+  popperOptions: Object,
+  // 下拉框的类名
+  popperClass: String,
+  // 是否显示搜索框
+  filterable: Boolean,
+  // 搜索框提示文本
+  filterPlaceholder: {
+    type: String,
+    default: "搜索.."
+  },
+  // 顶栏选项卡只有一个时隐藏
+  hideOnSingleTab: Boolean,
+  // 空组件属性
+  emptyProps: Object,
+  // 是否显示提示
+  tooltip: {
+    type: Boolean,
+    default: true
+  },
+  // 提示属性
+  tooltipProps: Object,
+  // 是否开启响应式
+  responsive: {
+    type: Boolean,
+    default: null
+  }
+};
+const iconSelectEmits = {
+  // 更新展开状态
+  "update:modelValue": (_value) => true,
+  // 选中值改变事件
+  change: (_value) => true,
+  // 展开状态改变事件
+  visibleChange: (_visible) => true,
+  // 清空事件
+  clear: () => true,
+  // 获取焦点事件
+  focus: (_e) => true,
+  // 失去焦点事件
+  blur: (_e) => true
+};
+export {
+  iconSelectEmits,
+  iconSelectProps
+};

package/es/ele-icon-select/style/index.js

@@ -0,0 +1,5 @@
+import 'element-plus/es/components/input/style/index';
+import 'element-plus/es/components/empty/style/index';
+import 'element-plus/es/components/tooltip/style/index';
+import '../../ele-basic-select/style/index';
+import './index.scss';

package/es/ele-icon-select/style/index.scss

@@ -0,0 +1,197 @@
+@use '../../style/themes/default.scss' as *;
+
+.ele-icon-select-popper.el-popover {
+  padding: 0;
+
+  &.is-responsive {
+    max-width: calc(100vw - 32px);
+  }
+}
+
+.ele-icon-select-popup {
+  display: flex;
+  flex-direction: column;
+}
+
+.ele-icon-select-header {
+  display: flex;
+  align-items: center;
+  padding: 0 12px;
+  box-sizing: border-box;
+  box-shadow: 0 -1px 0 elVar('border-color', 'lighter') inset;
+
+  .ele-icon-select-tab {
+    flex: 1;
+    overflow: auto;
+    overflow: overlay;
+    display: flex;
+    align-items: center;
+
+    .ele-icon-select-tab-item {
+      height: 42px;
+      line-height: 42px;
+      padding: 0 2px;
+      box-sizing: border-box;
+      transition: color 0.3s, background-color 0.3s;
+      white-space: nowrap;
+      position: relative;
+      cursor: pointer;
+
+      & + .ele-icon-select-tab-item {
+        margin-left: 16px;
+      }
+
+      &::after {
+        content: '';
+        width: 100%;
+        height: 2px;
+        position: absolute;
+        left: 0;
+        bottom: 0;
+        opacity: 0;
+        transform: scaleX(0.0001);
+        background: elVar('color-primary');
+        transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
+          opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
+      }
+
+      &:hover {
+        color: elVar('color-primary');
+      }
+
+      &.is-active {
+        color: elVar('color-primary');
+
+        &::after {
+          opacity: 1;
+          transform: scaleX(1);
+          transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
+            opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
+        }
+      }
+    }
+  }
+
+  .ele-icon-select-search {
+    width: 100%;
+    flex-shrink: 0;
+    padding: 8px 0;
+    box-sizing: border-box;
+  }
+
+  .ele-icon-select-tab + .ele-icon-select-search {
+    width: 120px;
+    padding-left: 12px;
+  }
+}
+
+.ele-icon-select-body {
+  flex: 1;
+  display: flex;
+  overflow: auto;
+
+  .ele-icon-select-menu {
+    width: 120px;
+    height: 100%;
+    flex-shrink: 0;
+    overflow: auto;
+    overflow: overlay;
+    padding: 12px 0;
+    box-sizing: border-box;
+    box-shadow: -1px 0 0 elVar('border-color', 'lighter') inset;
+
+    .ele-icon-select-menu-item {
+      height: 36px;
+      line-height: 36px;
+      padding: 0 12px;
+      box-sizing: border-box;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      word-break: break-all;
+      transition: color 0.3s, background-color 0.3s;
+      position: relative;
+      cursor: pointer;
+
+      &::after {
+        content: '';
+        width: 2px;
+        height: 100%;
+        position: absolute;
+        top: 0;
+        right: 0;
+        opacity: 0;
+        transform: scaleY(0.0001);
+        background: elVar('color-primary');
+        transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
+          opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
+      }
+
+      &:hover {
+        color: elVar('color-primary');
+      }
+
+      &:active {
+        background: elVar('color-primary', 'light-9');
+      }
+
+      &.is-active {
+        color: elVar('color-primary');
+        background: elVar('color-primary', 'light-9');
+
+        &::after {
+          opacity: 1;
+          transform: scaleY(1);
+          transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
+            opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
+        }
+      }
+    }
+  }
+
+  .ele-icon-select-list {
+    flex: 1;
+    height: 100%;
+    font-size: 0;
+    overflow: auto;
+    overflow: overlay;
+    padding: 12px 4px 4px 12px;
+    box-sizing: border-box;
+
+    .ele-icon-select-item {
+      width: calc(20% - 8px);
+      min-width: 46px;
+      height: 48px;
+      font-size: 22px;
+      margin: 0 8px 8px 0;
+      vertical-align: top;
+      display: inline-flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      box-sizing: border-box;
+      border: 1px solid elVar('border-color', 'lighter');
+      transition: color 0.3s, background-color 0.3s, border-color 0.3s;
+      border-radius: 6px;
+      overflow: hidden;
+      cursor: pointer;
+
+      &:hover {
+        color: elVar('color-primary');
+        border-color: elVar('color-primary', 'light-9');
+        background: elVar('color-primary', 'light-9');
+      }
+
+      &.is-active {
+        color: elVar('color-primary');
+        border-color: elVar('color-primary');
+        background: elVar('color-primary', 'light-9');
+        border-width: 2px;
+      }
+    }
+  }
+}
+
+.ele-icon-select-empty > .el-empty {
+  #{elVarName('empty', 'padding')}: 20px 0;
+}

package/es/ele-icon-select/types/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 图标数据格式
+ */
+export interface IconItem {
+    /** 标题 */
+    title: string;
+    /** 图标 */
+    icons?: string[];
+    /** 子级 */
+    children?: {
+        /** 子级标题 */
+        title: string;
+        /** 子级图标 */
+        icons?: string[];
+    }[];
+}

package/es/ele-loading/index.d.ts

@@ -0,0 +1,14 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    loading: BooleanConstructor;
+    text: StringConstructor;
+    background: StringConstructor;
+    spinner: StringConstructor;
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    loading: BooleanConstructor;
+    text: StringConstructor;
+    background: StringConstructor;
+    spinner: StringConstructor;
+}>>, {
+    loading: boolean;
+}, {}>;
+export default _sfc_main;

package/es/ele-loading/index.js

@@ -0,0 +1,34 @@
+import { defineComponent, resolveDirective, withDirectives, openBlock, createElementBlock, renderSlot } from "vue";
+import { vLoading } from "element-plus";
+import { loadingProps } from "./props";
+const _sfc_main = defineComponent({
+  name: "EleLoading",
+  directives: {
+    loading: vLoading
+  },
+  props: loadingProps
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = ["element-loading-text", "element-loading-background", "element-loading-spinner"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _directive_loading = resolveDirective("loading");
+  return withDirectives((openBlock(), createElementBlock("div", {
+    "element-loading-text": _ctx.text,
+    "element-loading-background": _ctx.background,
+    "element-loading-spinner": _ctx.spinner
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 8, _hoisted_1)), [
+    [_directive_loading, _ctx.loading]
+  ]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/es/ele-loading/props.d.ts

@@ -0,0 +1,11 @@
+import type { ExtractPropTypes } from 'vue';
+/**
+ * 属性
+ */
+export declare const loadingProps: {
+    loading: BooleanConstructor;
+    text: StringConstructor;
+    background: StringConstructor;
+    spinner: StringConstructor;
+};
+export type LoadingProps = ExtractPropTypes<typeof loadingProps>;

package/es/ele-loading/props.js

@@ -0,0 +1,13 @@
+const loadingProps = {
+  // 是否显示动画
+  loading: Boolean,
+  // 显示在加载图标下方的加载文案
+  text: String,
+  // 背景遮罩的颜色
+  background: String,
+  // 自定义加载图标
+  spinner: String
+};
+export {
+  loadingProps
+};

package/es/ele-loading/style/index.js

@@ -0,0 +1 @@
+import 'element-plus/es/components/loading/style/index';

package/es/ele-map-picker/components/map-view.d.ts

@@ -0,0 +1,190 @@
+import type { PoiItem, CenterPoint } from '../types';
+declare const _sfc_main: import("vue").DefineComponent<{
+    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>>;
+}, {
+    Check: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    mapRef: import("vue").Ref<HTMLDivElement | null>;
+    loading: import("vue").Ref<boolean>;
+    poiLoading: import("vue").Ref<boolean>;
+    confirmLoading: import("vue").Ref<boolean>;
+    data: import("vue").Ref<{
+        name: string;
+        address: string;
+        location: {
+            lat: number;
+            lng: number;
+        };
+        selected?: boolean | undefined;
+        id?: string | undefined;
+        key?: string | undefined;
+        district?: string | undefined;
+        label?: string | undefined;
+        value?: string | undefined;
+    }[]>;
+    suggestionData: import("vue").Ref<{
+        name: string;
+        address: string;
+        location: {
+            lat: number;
+            lng: number;
+        };
+        selected?: boolean | undefined;
+        id?: string | undefined;
+        key?: string | undefined;
+        district?: string | undefined;
+        label?: string | undefined;
+        value?: string | undefined;
+    }[]>;
+    centerIconClass: import("vue").Ref<string[]>;
+    keywords: import("vue").Ref<string>;
+    selected: import("vue").Ref<{
+        name: string;
+        address: string;
+        location: {
+            lat: number;
+            lng: number;
+        };
+        selected?: boolean | undefined;
+        id?: string | undefined;
+        key?: string | undefined;
+        district?: string | undefined;
+        label?: string | undefined;
+        value?: string | undefined;
+    } | null>;
+    disabled: import("vue").ComputedRef<boolean>;
+    onSearch: (value: string, callback?: any) => void;
+    onSearchSelect: (item: any) => void;
+    onItemClick: (item: PoiItem) => void;
+    onConfirm: () => void;
+    getMapIns: () => any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    done: (_result: CenterPoint) => true;
+    mapDone: (_ins: any) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    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;
+}, {
+    required: 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;