ele-admin-plus 1.0.0-beta.1

package/es/ele-config-provider/props.js

@@ -0,0 +1,15 @@
+const configProviderProps = {
+  // 表格全局配置
+  table: Object,
+  // 高德地图密钥
+  mapKey: String,
+  // 授权码
+  license: String,
+  // 国际化
+  locale: Object,
+  // 是否开启页签缓存
+  keepAlive: Boolean
+};
+export {
+  configProviderProps
+};

package/es/ele-config-provider/style/index.js

@@ -0,0 +1 @@
+//

package/es/ele-config-provider/types/index.d.ts

@@ -0,0 +1,90 @@
+import type { ComputedRef } from 'vue';
+import type { ProTableProps } from '../../ele-pro-table/props';
+import type { TableLocale } from '../../ele-pro-table/types';
+import type { FileListLocale } from '../../ele-file-list/types';
+import type { CropperLocale } from '../../ele-cropper/types';
+import type { MapLocale } from '../../ele-map-picker/types';
+import type { UploadLocale } from '../../ele-upload-list/types';
+import type { TourLocale } from '../../ele-tour/types';
+/**
+ * 全局配置
+ */
+export interface EleGlobalProvide {
+    /** 表格配置 */
+    table?: TableGlobalConfig;
+    /** 地图密钥 */
+    mapKey?: string;
+    /** 授权码 */
+    license?: string;
+    /** 国际化 */
+    locale?: EleLocale;
+    /** 是否开启页签缓存 */
+    keepAlive?: boolean;
+}
+/**
+ * 表格配置
+ */
+export type TableGlobalConfig = Partial<Pick<ProTableProps, 'request' | 'response' | 'ascendingValue' | 'descendingValue' | 'size'>>;
+/**
+ * 国际化
+ */
+export interface EleLocale {
+    /** 图片裁剪 */
+    cropper: CropperLocale;
+    /** 文件列表 */
+    fileList: FileListLocale;
+    /** 地图选择 */
+    map: MapLocale;
+    /** 高级表格 */
+    table: TableLocale;
+    /** 文件上传 */
+    upload: UploadLocale;
+    /** 漫游式引导 */
+    tour: TourLocale;
+}
+/**
+ * 带国际化的组件属性
+ */
+export interface LocaleProps<T> extends Record<keyof any, any> {
+    locale?: T;
+}
+/**
+ * 获取国际化方法返回结果
+ */
+export interface UseLocaleResult<T> {
+    /** 语言 */
+    lang: ComputedRef<T>;
+    /** 全局配置 */
+    globalConfig: EleGlobalProvide;
+}
+/**
+ * 布局共享数据
+ */
+export interface LayoutProvide {
+    /** 是否是移动设备 */
+    mobile?: boolean;
+    /** 是否折叠侧栏菜单 */
+    collapse?: boolean;
+    /** 侧栏一级是否紧凑风格 */
+    compact?: boolean;
+    /** 是否顶栏导航布局 */
+    topLayout?: boolean;
+    /** 是否双侧栏布局 */
+    mixSidebar?: boolean;
+    /** 内容区是否最大化 */
+    maximized?: boolean;
+    /** 内容区最大时不带页签栏 */
+    expanded?: boolean;
+    /** 是否需要页签栏 */
+    tabBar?: boolean;
+    /** 是否显示侧栏 */
+    sidebar?: boolean;
+    /** 是否开启响应式 */
+    responsive?: boolean;
+}
+/**
+ * 带响应式的组件属性
+ */
+export interface ResponsiveProps extends Record<keyof any, any> {
+    responsive?: boolean;
+}

package/es/ele-config-provider/use-receiver.d.ts

@@ -0,0 +1,22 @@
+import type { Ref } from 'vue';
+import type { EleGlobalProvide, LocaleProps, UseLocaleResult, LayoutProvide, ResponsiveProps } from './types';
+/**
+ * 获取全局配置
+ */
+export declare function useReceiver(): EleGlobalProvide;
+/**
+ * 获取全局属性
+ */
+export declare function useGlobalProps<T>(name: string): Ref<T>;
+/**
+ * 获取国际化
+ */
+export declare function useLocale<T>(name: string, props: LocaleProps<T>): UseLocaleResult<T>;
+/**
+ * 获取布局状态
+ */
+export declare function useLayoutState(defaultValue?: Ref<LayoutProvide>): Ref<LayoutProvide> | undefined;
+/**
+ * 获取是否开启布局响应
+ */
+export declare function useResponsive(props: ResponsiveProps): import("vue").ComputedRef<boolean>;

package/es/ele-config-provider/use-receiver.js

@@ -0,0 +1,38 @@
+import { inject, computed, unref } from "vue";
+import { PROVIDE_KEY, LAYOUT_KEY } from "./keys";
+import defaultLocale from "../lang/zh_CN";
+function useReceiver() {
+  return inject(PROVIDE_KEY, {});
+}
+function useGlobalProps(name) {
+  const globalConfig = useReceiver();
+  return computed(() => globalConfig[name] ?? {});
+}
+function useLocale(name, props) {
+  const globalConfig = useReceiver();
+  const lang = computed(() => {
+    const temp = globalConfig.locale ?? defaultLocale;
+    if (name) {
+      return Object.assign(temp[name] ?? {}, props.locale);
+    }
+    return temp;
+  });
+  return { lang, globalConfig };
+}
+function useLayoutState(defaultValue) {
+  return inject(LAYOUT_KEY, defaultValue);
+}
+function useResponsive(props) {
+  const state = useLayoutState();
+  return computed(() => {
+    var _a;
+    return props.responsive ?? ((_a = unref(state)) == null ? void 0 : _a.responsive) ?? true;
+  });
+}
+export {
+  useGlobalProps,
+  useLayoutState,
+  useLocale,
+  useReceiver,
+  useResponsive
+};

package/es/ele-count-up/index.d.ts

@@ -0,0 +1,36 @@
+import { CountUp } from 'countup.js';
+declare const _sfc_main: import("vue").DefineComponent<{
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    endVal: {
+        type: NumberConstructor;
+        required: boolean;
+    };
+    options: import("vue").PropType<import("countup.js").CountUpOptions>;
+}, {
+    rootRef: import("vue").Ref<HTMLDivElement | null>;
+    printValue: (value: number) => void;
+    start: (callback?: ((args?: any) => any) | undefined) => void;
+    pauseResume: () => void;
+    reset: () => void;
+    update: (newEndVal?: string | number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    ready: (_instance?: CountUp | undefined) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    endVal: {
+        type: NumberConstructor;
+        required: boolean;
+    };
+    options: import("vue").PropType<import("countup.js").CountUpOptions>;
+}>> & {
+    onReady?: ((_instance?: CountUp | undefined) => any) | undefined;
+}, {
+    delay: number;
+}, {}>;
+export default _sfc_main;

package/es/ele-count-up/index.js

@@ -0,0 +1,107 @@
+import { defineComponent, ref, watch, onMounted, onBeforeUnmount, unref, openBlock, createElementBlock } from "vue";
+import { CountUp } from "countup.js";
+import { countUpProps, countUpEmits } from "./props";
+const isFunction = (value) => typeof value === "function";
+const _sfc_main = defineComponent({
+  name: "EleCountUp",
+  props: countUpProps,
+  emits: countUpEmits,
+  setup(props, { emit }) {
+    let instance;
+    const rootRef = ref(null);
+    const create = () => {
+      const elem = unref(rootRef);
+      if (instance || !elem) {
+        return;
+      }
+      const ins = new CountUp(elem, props.endVal ?? 0, props.options);
+      if (ins.error) {
+        console.warn(ins);
+        return;
+      }
+      instance = ins;
+    };
+    const printValue = (value) => {
+      if (instance && isFunction(instance.printValue)) {
+        return instance.printValue(value);
+      }
+    };
+    const start = (callback) => {
+      if (instance && isFunction(instance.start)) {
+        return instance.start(callback);
+      }
+    };
+    const pauseResume = () => {
+      if (instance && isFunction(instance.pauseResume)) {
+        return instance.pauseResume();
+      }
+    };
+    const reset = () => {
+      if (instance && isFunction(instance.reset)) {
+        return instance.reset();
+      }
+    };
+    const update = (newEndVal) => {
+      if (instance && isFunction(instance.update)) {
+        return instance.update(newEndVal ?? 0);
+      }
+    };
+    const destroy = () => {
+      instance = void 0;
+    };
+    watch(
+      () => props.endVal,
+      (value) => {
+        update(value);
+      }
+    );
+    watch(
+      () => props.options,
+      () => {
+        destroy();
+        create();
+        emit("ready", instance);
+      }
+    );
+    onMounted(() => {
+      create();
+      if (props.delay < 0) {
+        emit("ready", instance);
+        return;
+      }
+      setTimeout(() => {
+        if (instance && isFunction(instance.start)) {
+          instance.start(() => {
+            emit("ready", instance);
+          });
+        }
+      }, props.delay);
+    });
+    onBeforeUnmount(() => {
+      destroy();
+    });
+    return {
+      rootRef,
+      printValue,
+      start,
+      pauseResume,
+      reset,
+      update
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { ref: "rootRef" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("span", _hoisted_1, null, 512);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/es/ele-count-up/props.d.ts

@@ -0,0 +1,23 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { CountUpOptions, CountUp } from 'countup.js';
+/**
+ * 属性
+ */
+export declare const countUpProps: {
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    endVal: {
+        type: NumberConstructor;
+        required: boolean;
+    };
+    options: PropType<CountUpOptions>;
+};
+export type CountUpProps = ExtractPropTypes<typeof countUpProps>;
+/**
+ * 事件
+ */
+export declare const countUpEmits: {
+    ready: (_instance?: CountUp) => boolean;
+};

package/es/ele-count-up/props.js

@@ -0,0 +1,22 @@
+const countUpProps = {
+  // 首次动画延迟时间
+  delay: {
+    type: Number,
+    default: 300
+  },
+  // 结束值
+  endVal: {
+    type: Number,
+    required: true
+  },
+  // 参数配置
+  options: Object
+};
+const countUpEmits = {
+  // 渲染完成事件
+  ready: (_instance) => true
+};
+export {
+  countUpEmits,
+  countUpProps
+};

package/es/ele-count-up/style/index.js

@@ -0,0 +1 @@
+//

package/es/ele-cropper/components/cropper-preview.d.ts

@@ -0,0 +1,17 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    previewWidth: {
+        type: NumberConstructor;
+        required: true;
+    };
+    aspectRatio: NumberConstructor;
+}, {
+    rootRef: import("vue").Ref<HTMLDivElement | null>;
+    getPreviews: () => NodeListOf<HTMLElement> | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    previewWidth: {
+        type: NumberConstructor;
+        required: true;
+    };
+    aspectRatio: NumberConstructor;
+}>>, {}, {}>;
+export default _sfc_main;

package/es/ele-cropper/components/cropper-preview.js

@@ -0,0 +1,74 @@
+import { defineComponent, ref, openBlock, createElementBlock, normalizeStyle, createElementVNode, Fragment, createCommentVNode } from "vue";
+const _sfc_main = defineComponent({
+  name: "CropperPreview",
+  props: {
+    // 组件宽度
+    previewWidth: {
+      type: Number,
+      required: true
+    },
+    // 裁剪比例
+    aspectRatio: Number
+  },
+  setup() {
+    const rootRef = ref(null);
+    const getPreviews = () => {
+      if (!rootRef.value) {
+        return;
+      }
+      return rootRef.value.querySelectorAll(".ele-cropper-preview");
+    };
+    return { rootRef, getPreviews };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "rootRef",
+    class: "ele-cropper-previews",
+    style: normalizeStyle({ width: `${_ctx.previewWidth + 14}px` })
+  }, [
+    createElementVNode("div", {
+      class: "ele-cropper-preview",
+      style: normalizeStyle({
+        width: `${_ctx.previewWidth}px`,
+        height: `${_ctx.previewWidth / (_ctx.aspectRatio || 1)}px`,
+        marginTop: "0px"
+      })
+    }, null, 4),
+    _ctx.aspectRatio === 1 ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: "ele-cropper-preview is-circle",
+      style: normalizeStyle({
+        width: `${_ctx.previewWidth}px`,
+        height: `${_ctx.previewWidth / _ctx.aspectRatio}px`
+      })
+    }, null, 4)) : _ctx.aspectRatio ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+      createElementVNode("div", {
+        class: "ele-cropper-preview",
+        style: normalizeStyle({
+          width: `${_ctx.previewWidth}px`,
+          height: `${(_ctx.previewWidth / 3 * 2 - 10) / _ctx.aspectRatio}px`
+        })
+      }, null, 4),
+      createElementVNode("div", {
+        class: "ele-cropper-preview",
+        style: normalizeStyle({
+          width: `${_ctx.previewWidth}px`,
+          height: `${_ctx.previewWidth / 3 / _ctx.aspectRatio}px`,
+          marginLeft: "10px"
+        })
+      }, null, 4)
+    ], 64)) : createCommentVNode("", true)
+  ], 4);
+}
+const cropperPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  cropperPreview as default
+};

package/es/ele-cropper/components/cropper-tools.d.ts

@@ -0,0 +1,55 @@
+import type { PropType } from 'vue';
+import type { ElTooltipProps } from 'element-plus';
+import type { UploadOption, ToolName, ToolGroup, ToolItem, CropperLocale } from '../types';
+declare const _sfc_main: import("vue").DefineComponent<{
+    tools: StringConstructor;
+    accept: StringConstructor;
+    tooltip: BooleanConstructor;
+    tooltipProps: PropType<Partial<ElTooltipProps>>;
+    locale: PropType<CropperLocale>;
+}, {
+    lang: import("vue").ComputedRef<CropperLocale>;
+    groups: import("vue").ShallowRef<ToolGroup[]>;
+    tooltipContent: import("vue").Ref<string>;
+    virtualRef: import("vue").Ref<any>;
+    onUpload: (file: File) => boolean;
+    onClick: (name: Omit<ToolName, 'upload'>) => void;
+    onItemHover: (item: ToolItem, e: MouseEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    zoomIn: () => true;
+    zoomOut: () => true;
+    moveLeft: () => true;
+    moveRight: () => true;
+    moveUp: () => true;
+    moveDown: () => true;
+    rotateLeft: () => true;
+    rotateRight: () => true;
+    flipX: () => true;
+    flipY: () => true;
+    reset: () => true;
+    upload: (_option?: UploadOption) => true;
+    ok: () => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tools: StringConstructor;
+    accept: StringConstructor;
+    tooltip: BooleanConstructor;
+    tooltipProps: PropType<Partial<ElTooltipProps>>;
+    locale: PropType<CropperLocale>;
+}>> & {
+    onZoomIn?: (() => any) | undefined;
+    onZoomOut?: (() => any) | undefined;
+    onMoveLeft?: (() => any) | undefined;
+    onMoveRight?: (() => any) | undefined;
+    onMoveUp?: (() => any) | undefined;
+    onMoveDown?: (() => any) | undefined;
+    onRotateLeft?: (() => any) | undefined;
+    onRotateRight?: (() => any) | undefined;
+    onFlipX?: (() => any) | undefined;
+    onFlipY?: (() => any) | undefined;
+    onReset?: (() => any) | undefined;
+    onUpload?: ((_option?: UploadOption | undefined) => any) | undefined;
+    onOk?: (() => any) | undefined;
+}, {
+    tooltip: boolean;
+}, {}>;
+export default _sfc_main;