@maxtropy/v-components 0.1.12-beta.10 → 0.1.12-beta.11

package/lib/common/const.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var UserStatus = /* @__PURE__ */ ((UserStatus2) => {
+  UserStatus2[UserStatus2["ENABLE"] = 0] = "ENABLE";
+  UserStatus2[UserStatus2["DISABLE"] = 1] = "DISABLE";
+  UserStatus2[UserStatus2["FREEZE"] = 2] = "FREEZE";
+  return UserStatus2;
+})(UserStatus || {});
+var Gender = /* @__PURE__ */ ((Gender2) => {
+  Gender2[Gender2["MALE"] = 0] = "MALE";
+  Gender2[Gender2["FEMALE"] = 1] = "FEMALE";
+  return Gender2;
+})(Gender || {});
+var PermissionType = /* @__PURE__ */ ((PermissionType2) => {
+  PermissionType2["MENU"] = "p";
+  PermissionType2["BUTTON"] = "b";
+  return PermissionType2;
+})(PermissionType || {});
+var MenuLevel = /* @__PURE__ */ ((MenuLevel2) => {
+  MenuLevel2[MenuLevel2["ONE"] = 1] = "ONE";
+  MenuLevel2[MenuLevel2["TWO"] = 2] = "TWO";
+  MenuLevel2[MenuLevel2["THREE"] = 3] = "THREE";
+  return MenuLevel2;
+})(MenuLevel || {});
+var MenuOpenType = /* @__PURE__ */ ((MenuOpenType2) => {
+  MenuOpenType2[MenuOpenType2["CurrentPage"] = 0] = "CurrentPage";
+  MenuOpenType2[MenuOpenType2["NewPage"] = 1] = "NewPage";
+  MenuOpenType2[MenuOpenType2["CurrentPageForce"] = 2] = "CurrentPageForce";
+  return MenuOpenType2;
+})(MenuOpenType || {});
+var TenantMenuJumpType = /* @__PURE__ */ ((TenantMenuJumpType2) => {
+  TenantMenuJumpType2[TenantMenuJumpType2["WITHINSYSTEM"] = 1] = "WITHINSYSTEM";
+  TenantMenuJumpType2[TenantMenuJumpType2["CUSTOMIZATIONWITHINSYSTEM"] = 2] = "CUSTOMIZATIONWITHINSYSTEM";
+  TenantMenuJumpType2[TenantMenuJumpType2["OUTSIDESYSTEM"] = 3] = "OUTSIDESYSTEM";
+  return TenantMenuJumpType2;
+})(TenantMenuJumpType || {});
+var TenantMenuPermissionType = /* @__PURE__ */ ((TenantMenuPermissionType2) => {
+  TenantMenuPermissionType2[TenantMenuPermissionType2["PLATFORM"] = 1] = "PLATFORM";
+  TenantMenuPermissionType2[TenantMenuPermissionType2["INTEGRATEDAPP"] = 2] = "INTEGRATEDAPP";
+  TenantMenuPermissionType2[TenantMenuPermissionType2["NOPERMISSION"] = 3] = "NOPERMISSION";
+  return TenantMenuPermissionType2;
+})(TenantMenuPermissionType || {});
+const envMap = {
+  s35: "https://cc.s35.test.maxtropy.com",
+  test: "https://cc.test.maxtropy.com",
+  cloud: "https://cc.cloud.maxtropy.com"
+};
+exports.Gender = Gender;
+exports.MenuLevel = MenuLevel;
+exports.MenuOpenType = MenuOpenType;
+exports.PermissionType = PermissionType;
+exports.TenantMenuJumpType = TenantMenuJumpType;
+exports.TenantMenuPermissionType = TenantMenuPermissionType;
+exports.UserStatus = UserStatus;
+exports.envMap = envMap;

package/lib/common/entity.d.ts

@@ -0,0 +1,118 @@
+import { UserStatus, Gender } from './const';
+export declare enum NavigationPreference {
+    AUTO = 1,
+    OPEN = 2,
+    HIDE = 3
+}
+export interface Customer {
+    mcid: string;
+    name: string;
+    fullName: string;
+    uscc?: string;
+    address?: string;
+    phone?: string;
+    contactName?: string;
+    adCode: string;
+    logoUrl?: string;
+    disabled?: boolean;
+    username?: string;
+    contactPhone: string;
+    createTime: string;
+    updateTime: string;
+}
+export interface Staff {
+    id: number;
+    mcid: string;
+    muid: string;
+    admin: boolean;
+    createTime: string;
+    updateTime: string;
+    status: UserStatus;
+    staffCode: string;
+    iconUrl?: string;
+    platformTitleType?: PlatformTitleType;
+    platformName?: string;
+    homePageLogoUrl?: string;
+}
+export interface StaffProps {
+    customerName: string;
+    customerFullName: string;
+    id: number;
+    muid: string;
+    mcid: string;
+    staffCode?: string;
+    tenantMcid: string;
+    tenantName: string;
+    customerMcid: string;
+}
+export interface CustomerUser {
+    muid: string;
+    username: string;
+    name: string;
+    cellphone: string;
+    expired: boolean;
+    disabled: boolean;
+    status: UserStatus;
+    gender: Gender;
+    birthday?: string;
+    email?: string;
+    wechat?: string;
+    qq?: string;
+    headPic?: string;
+    humanCode: string;
+    createTime: string;
+    updateTime: string;
+    passwordUpdateTime: string;
+    navigationPreference?: NavigationPreference;
+}
+export interface Tenant {
+    mcid: string;
+    name: string;
+    uscc?: string;
+    tenantCode: string;
+}
+export declare enum PlaceType {
+    TOP = "top",
+    NAVBAR = "navbar"
+}
+export interface IMenu {
+    id: number;
+    name: string;
+    code: string;
+    type: string;
+    place: PlaceType;
+    path: string;
+    origin: string;
+}
+export interface MenuEntry {
+    name: string;
+    url: string;
+    key: number | string;
+    children?: MenuEntry[];
+    always?: boolean;
+    origin?: string;
+}
+export declare enum PlatformTitleType {
+    PLATFORMNAME = 1,
+    NAVIGATIONNAME = 2,
+    PLATFORMANDNAVIGATIONNAME = 3
+}
+export interface MenuItemProps {
+    currentId: string;
+    level: number;
+    name: string;
+    openType: number;
+    parentId: string;
+    rootId: string;
+    transitPagePath: string | null;
+    weighting: number;
+}
+export interface MenuItem extends MenuItemProps {
+    children?: MenuItem[];
+}
+export declare enum MicroAppNameEnum {
+    WO = "ms-wo"
+}
+export declare enum MicroAppIdEnum {
+    WO = 1
+}

package/lib/common/entity.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var NavigationPreference = /* @__PURE__ */ ((NavigationPreference2) => {
+  NavigationPreference2[NavigationPreference2["AUTO"] = 1] = "AUTO";
+  NavigationPreference2[NavigationPreference2["OPEN"] = 2] = "OPEN";
+  NavigationPreference2[NavigationPreference2["HIDE"] = 3] = "HIDE";
+  return NavigationPreference2;
+})(NavigationPreference || {});
+var PlaceType = /* @__PURE__ */ ((PlaceType2) => {
+  PlaceType2["TOP"] = "top";
+  PlaceType2["NAVBAR"] = "navbar";
+  return PlaceType2;
+})(PlaceType || {});
+var PlatformTitleType = /* @__PURE__ */ ((PlatformTitleType2) => {
+  PlatformTitleType2[PlatformTitleType2["PLATFORMNAME"] = 1] = "PLATFORMNAME";
+  PlatformTitleType2[PlatformTitleType2["NAVIGATIONNAME"] = 2] = "NAVIGATIONNAME";
+  PlatformTitleType2[PlatformTitleType2["PLATFORMANDNAVIGATIONNAME"] = 3] = "PLATFORMANDNAVIGATIONNAME";
+  return PlatformTitleType2;
+})(PlatformTitleType || {});
+var MicroAppNameEnum = /* @__PURE__ */ ((MicroAppNameEnum2) => {
+  MicroAppNameEnum2["WO"] = "ms-wo";
+  return MicroAppNameEnum2;
+})(MicroAppNameEnum || {});
+var MicroAppIdEnum = /* @__PURE__ */ ((MicroAppIdEnum2) => {
+  MicroAppIdEnum2[MicroAppIdEnum2["WO"] = 1] = "WO";
+  return MicroAppIdEnum2;
+})(MicroAppIdEnum || {});
+exports.MicroAppIdEnum = MicroAppIdEnum;
+exports.MicroAppNameEnum = MicroAppNameEnum;
+exports.NavigationPreference = NavigationPreference;
+exports.PlaceType = PlaceType;
+exports.PlatformTitleType = PlatformTitleType;

package/lib/common/fetch.d.ts

@@ -0,0 +1,13 @@
+import 'element-plus/es/components/message-box/style/css';
+import { Subscription } from 'rxjs';
+export declare function fetch<T>(input: RequestInfo, init?: RequestInit): Promise<T>;
+export declare class ResponseCodeError extends Error {
+    readonly status: number;
+    readonly errorType?: string;
+    readonly errorMessage?: string;
+    readonly body?: any;
+    constructor(status: number, errorType?: string, errorMessage?: string, body?: any);
+    static getMessage(err: any): string | undefined;
+    static getMessage(err: any, defaultMessage: string): string;
+}
+export declare function observeHttpStatus(listener: (status: number) => void): Subscription;

package/lib/common/fetch.js

@@ -0,0 +1,95 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const elementPlus = require("element-plus");
+require("element-plus/es/components/message-box/style/css");
+const rxjs = require("rxjs");
+const httpStatusSubject = new rxjs.Subject();
+async function fetch(input, init) {
+  const compoundInit = {
+    credentials: "include",
+    ...init
+  };
+  if (compoundInit.headers instanceof Headers) {
+    if (!compoundInit.headers.has("Accept")) {
+      compoundInit.headers.set("Accept", "application/json");
+    }
+    if (!compoundInit.headers.has("Content-Type") && (init == null ? void 0 : init.body)) {
+      compoundInit.headers.set("Content-Type", "application/json;charset=UTF-8");
+    }
+    if (compoundInit.headers.has("Content-Type") && compoundInit.headers.get("Content-Type") === "multipart/form-data") {
+      compoundInit.headers.delete("Content-Type");
+    }
+  } else {
+    const defaultHeaders = {
+      Accept: "application/json"
+    };
+    if (init == null ? void 0 : init.body) {
+      defaultHeaders["Content-Type"] = "application/json;charset=UTF-8";
+    }
+    compoundInit.headers = {
+      ...defaultHeaders,
+      ...compoundInit.headers
+    };
+  }
+  const response = await window.fetch(input, compoundInit);
+  httpStatusSubject.next(response.status);
+  const text = await response.text();
+  let body = void 0;
+  if (text) {
+    body = JSON.parse(text);
+  }
+  if (!response.ok) {
+    throw new ResponseCodeError(response.status, body == null ? void 0 : body.errorType, body == null ? void 0 : body.errorMessage, body);
+  } else {
+    if ((body == null ? void 0 : body.code) === 401) {
+      const url = new URL(window.location.href);
+      url.searchParams.delete("isvAppToken");
+      if (process.env.NODE_ENV === "development") {
+        elementPlus.ElMessageBox.confirm(
+          "<div><div>检测到您尚未登录登录，是否跳转到登录页面？</div><div>注意：在租户端登录后请再次打开当前站点</div></div>",
+          "账号登录",
+          {
+            dangerouslyUseHTMLString: true,
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning",
+            appendTo: document.body
+          }
+        ).then(() => {
+          window.location.assign("/server/landing?to=" + encodeURIComponent(url.toString()));
+        });
+      } else {
+        window.location.assign("/server/landing?to=" + encodeURIComponent(url.toString()));
+      }
+    }
+  }
+  return body == null ? void 0 : body.data;
+}
+class ResponseCodeError extends Error {
+  constructor(status, errorType, errorMessage, body) {
+    super();
+    __publicField(this, "status");
+    __publicField(this, "errorType");
+    __publicField(this, "errorMessage");
+    __publicField(this, "body");
+    this.status = status;
+    this.errorType = errorType;
+    this.errorMessage = errorMessage;
+    this.body = body;
+  }
+  static getMessage(err, defaultMessage) {
+    return err instanceof ResponseCodeError && err.errorMessage || defaultMessage;
+  }
+}
+function observeHttpStatus(listener) {
+  return httpStatusSubject.subscribe(listener);
+}
+exports.ResponseCodeError = ResponseCodeError;
+exports.fetch = fetch;
+exports.observeHttpStatus = observeHttpStatus;

package/lib/common/request.d.ts

@@ -0,0 +1,30 @@
+import { ResponseCodeError } from './fetch';
+import 'element-plus/es/components/message-box/style/css';
+interface ErrorHandler {
+    (err: any): boolean;
+}
+export type PromiseWithErrorHandler<T> = Promise<T> & ErrorHandlerReceiver<T>;
+interface ErrorHandlerReceiver<T> {
+    onError(handler: ErrorHandler): PromiseWithErrorHandler<T>;
+    then<TResult1 = T, TResult2 = never>(onfulfilled?: ((value: T) => TResult1 | PromiseLike<TResult1>) | undefined | null, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | undefined | null): Promise<TResult1 | TResult2>;
+}
+export declare function defaultErrorHandling(err: any): boolean;
+export declare class ResponseError extends Error {
+    readonly cause: ResponseCodeError;
+    readonly error?: string;
+    readonly errorCode?: string;
+    readonly message: string;
+    readonly path?: string;
+    readonly status?: string;
+    readonly timestamp?: string;
+    constructor(cause: ResponseCodeError);
+}
+interface DefaultErrorHandler {
+    (err: any): boolean;
+}
+interface fetchConfigProps {
+    handler: DefaultErrorHandler;
+}
+export declare const createFetchInstance: (defaultConfig?: fetchConfigProps) => <T>(input: RequestInfo, init?: RequestInit) => PromiseWithErrorHandler<T>;
+declare const fetchInstance: <T>(input: RequestInfo, init?: RequestInit) => PromiseWithErrorHandler<T>;
+export { fetchInstance as fetch };

package/lib/common/request.js

@@ -0,0 +1,107 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const fetch$1 = require("./fetch");
+require("element-plus/es/components/message-box/style/css");
+const elementPlus = require("element-plus");
+require("element-plus/es/components/message/style/css");
+async function fetch(input, init) {
+  try {
+    return await fetch$1.fetch(input, init);
+  } catch (e) {
+    if (e instanceof fetch$1.ResponseCodeError) {
+      throw new ResponseError(e);
+    } else {
+      throw e;
+    }
+  }
+}
+function defaultErrorHandling(err) {
+  let rce;
+  let defaultMessage = "未知错误！ 请联系管理员。";
+  if (err instanceof fetch$1.ResponseCodeError) {
+    rce = err;
+  } else if (err instanceof ResponseError) {
+    rce = err.cause;
+    defaultMessage = err.message || err.cause.errorMessage || defaultMessage;
+  }
+  if (rce) {
+    switch (rce.status) {
+      case 400:
+        elementPlus.ElMessage({
+          message: defaultMessage,
+          type: "error"
+        });
+        return true;
+      case 500:
+        elementPlus.ElMessage({
+          message: defaultMessage,
+          type: "error"
+        });
+        return true;
+    }
+  }
+  return false;
+}
+class ResponseError extends Error {
+  constructor(cause) {
+    var _a, _b, _c, _d, _e, _f;
+    super();
+    __publicField(this, "cause");
+    __publicField(this, "error");
+    __publicField(this, "errorCode");
+    __publicField(this, "message");
+    __publicField(this, "path");
+    __publicField(this, "status");
+    __publicField(this, "timestamp");
+    this.cause = cause;
+    this.error = (_a = cause == null ? void 0 : cause.body) == null ? void 0 : _a.error;
+    this.errorCode = (_b = cause == null ? void 0 : cause.body) == null ? void 0 : _b.error_code;
+    this.message = (_c = cause == null ? void 0 : cause.body) == null ? void 0 : _c.message;
+    this.path = (_d = cause == null ? void 0 : cause.body) == null ? void 0 : _d.path;
+    this.status = (_e = cause == null ? void 0 : cause.body) == null ? void 0 : _e.status;
+    this.timestamp = (_f = cause == null ? void 0 : cause.body) == null ? void 0 : _f.timestamp;
+  }
+}
+const createFetchInstance = (defaultConfig) => {
+  const { handler = defaultErrorHandling } = defaultConfig ?? {};
+  return function fetchWithDefaultErrorHandling(input, init) {
+    let errorHandler;
+    let callThen = true;
+    const result = fetch(input, init).catch((e) => {
+      if (errorHandler) {
+        callThen = !errorHandler(e);
+      } else {
+        callThen = !handler(e);
+      }
+      if (callThen) {
+        throw e;
+      }
+    });
+    const mergedResult = result;
+    mergedResult.onError = (handler2) => {
+      errorHandler = handler2;
+      return mergedResult;
+    };
+    const _then = mergedResult.then;
+    mergedResult.then = (onfulfilled, onrejected) => {
+      const fulfilled = (...args) => {
+        if (callThen) {
+          return onfulfilled(...args);
+        }
+      };
+      return _then.apply(mergedResult, [fulfilled, onrejected]);
+    };
+    return mergedResult;
+  };
+};
+const fetchInstance = /* @__PURE__ */ createFetchInstance();
+exports.ResponseError = ResponseError;
+exports.createFetchInstance = createFetchInstance;
+exports.defaultErrorHandling = defaultErrorHandling;
+exports.fetch = fetchInstance;

package/lib/common/subject.d.ts

@@ -0,0 +1,20 @@
+import { Subscription } from 'rxjs';
+export interface ISubjectHolder<T> {
+    subscribe(callback: (data?: T) => void): Subscription;
+    current(): T | undefined;
+    resetData(): void;
+    refreshData(callback?: () => void): void;
+}
+export declare class SubjectHolder<T> implements ISubjectHolder<T> {
+    private readonly subject;
+    private data?;
+    private asyncGetData?;
+    private sending;
+    constructor(asyncGetData?: () => Promise<T>);
+    subscribe(callback: (data?: T) => void): Subscription;
+    private getData;
+    resetData(): void;
+    refreshData(callback?: () => void): void;
+    current(): T | undefined;
+}
+export declare function lazyHolderSingletonGetter<T>(supplier: () => ISubjectHolder<T>): () => ISubjectHolder<T>;

package/lib/common/subject.js

@@ -0,0 +1,62 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const rxjs = require("rxjs");
+class SubjectHolder {
+  constructor(asyncGetData) {
+    __publicField(this, "subject", new rxjs.BehaviorSubject(void 0));
+    __publicField(this, "data");
+    __publicField(this, "asyncGetData");
+    __publicField(this, "sending", false);
+    if (asyncGetData) {
+      this.asyncGetData = asyncGetData;
+    }
+    this.subscribe((data) => {
+      this.data = data;
+    });
+    this.getData();
+  }
+  subscribe(callback) {
+    return this.subject.subscribe(callback);
+  }
+  async getData(callback) {
+    if (this.sending)
+      return;
+    if (this.asyncGetData) {
+      this.sending = true;
+      try {
+        const res = await this.asyncGetData();
+        this.subject.next(res);
+        callback && callback();
+      } catch (e) {
+        console.error(e);
+      }
+      this.sending = false;
+    }
+  }
+  resetData() {
+    this.subject.next(void 0);
+  }
+  refreshData(callback) {
+    this.getData(callback);
+  }
+  current() {
+    return this.data;
+  }
+}
+function lazyHolderSingletonGetter(supplier) {
+  let instance;
+  return () => {
+    if (!instance) {
+      instance = supplier();
+    }
+    return instance;
+  };
+}
+exports.SubjectHolder = SubjectHolder;
+exports.lazyHolderSingletonGetter = lazyHolderSingletonGetter;

package/lib/components/alert/MxAlert.css

@@ -0,0 +1,47 @@
+.mx-alert[data-v-3f2a0ebe] {
+  padding: 9px 16px;
+  border: 1px solid rgba(74, 144, 226, 0.5);
+}
+.mx-alert .el-alert__icon[data-v-3f2a0ebe] {
+  font-size: 16px;
+}
+.mx-alert[data-v-3f2a0ebe] .el-alert__content {
+  line-height: 22px;
+  padding: 0;
+}
+.mx-alert[data-v-3f2a0ebe] .el-alert__content .el-alert__title {
+  --el-alert-title-font-size: 14px;
+  line-height: 22px;
+  display: flex;
+}
+.mx-alert[data-v-3f2a0ebe] .el-alert__content .el-icon {
+  margin-right: 8px;
+  height: 22px;
+}
+.mx-alert[data-v-3f2a0ebe] .el-alert__content .el-alert__description {
+  margin-left: 24px;
+}
+.mx-alert[data-v-3f2a0ebe] .el-alert__close-btn {
+  --el-alert-close-font-size: 12px;
+  top: 14px;
+  right: 16px;
+}
+.mx-alert.el-alert--success[data-v-3f2a0ebe] {
+  --el-color-success: #52c41a;
+  --el-alert-bg-color: rgba(82, 196, 26, 0.1);
+  border-color: rgba(82, 196, 26, 0.5);
+}
+.mx-alert.el-alert--error[data-v-3f2a0ebe] {
+  --el-color-error: #e64242;
+  --el-alert-bg-color: rgba(230, 66, 66, 0.1);
+  border-color: rgba(230, 66, 66, 0.5);
+}
+.mx-alert.el-alert--info[data-v-3f2a0ebe] {
+  --el-color-info: #4a90e2;
+  --el-alert-bg-color: rgba(74, 144, 226, 0.1);
+}
+.mx-alert.el-alert--warning[data-v-3f2a0ebe] {
+  --el-color-info: #faad14;
+  --el-alert-bg-color: rgba(250, 173, 20, 0.1);
+  border-color: rgba(250, 173, 20, 0.5);
+}

package/lib/components/alert/MxAlert.vue.d.ts

@@ -0,0 +1,63 @@
+export declare const TypeComponentsMap: {
+    success: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    warning: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    error: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    info: import("vue").Raw<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+};
+export declare const keysOf: <T extends object>(object: T) => string[];
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    type: {
+        type: StringConstructor;
+        values: string[];
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    description: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    closable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeText: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    center: BooleanConstructor;
+    effect: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "light" | "dark", unknown, "light", boolean>;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        values: string[];
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    description: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    closable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeText: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    center: BooleanConstructor;
+    effect: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "light" | "dark", unknown, "light", boolean>;
+}>>, {
+    title: string;
+    type: string;
+    showIcon: boolean;
+    description: string;
+    closable: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    closeText: string;
+    center: boolean;
+    effect: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>;
+}, {}>, Partial<Record<NonNullable<string | number>, (_: {}) => any>> & {
+    title?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};