yuang-framework-ui-pc 1.1.14 → 1.1.16

package/lib/ele-modal/props.d.ts

@@ -1,135 +0,0 @@
-import { PropType, ExtractPropTypes } from 'vue';
-import { dialogProps } from 'element-plus';
-import { StyleValue } from '../ele-app/types';
-import { Resizable, MoveOut, Position } from './types';
-
-/**
- * 属性
- */
-export declare const modalProps: {
-    appendToBody: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    draggable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** 是否可以拖出边界 */
-    moveOut: PropType<MoveOut>;
-    /** 是否可以拉伸 */
-    resizable: PropType<Resizable>;
-    /** 初始位置 */
-    position: PropType<Position>;
-    /** 是否在弹窗关闭后重置位置和大小 */
-    resetOnClose: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** 是否显示最大化切换按钮 */
-    maxable: BooleanConstructor;
-    /** 是否支持打开多个 */
-    multiple: BooleanConstructor;
-    /** 是否限制在主体内部 */
-    inner: BooleanConstructor;
-    /** 最小拉伸宽度 */
-    minWidth: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /** 最小拉伸高度 */
-    minHeight: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /** 标题栏样式 */
-    headerStyle: PropType<StyleValue>;
-    /** 标题样式 */
-    titleStyle: PropType<StyleValue>;
-    /** 主体样式 */
-    bodyStyle: PropType<StyleValue>;
-    /** 底栏样式 */
-    footerStyle: PropType<StyleValue>;
-    /** 自定义关闭按钮样式 */
-    closeBtnStyle: PropType<StyleValue>;
-    /** 自定义全屏按钮样式 */
-    fullscreenBtnStyle: PropType<StyleValue>;
-    /** 拉伸图标样式 */
-    resizeIconStyle: PropType<StyleValue>;
-    /** 是否开启响应式 */
-    responsive: {
-        type: BooleanConstructor;
-        default: null;
-    };
-    /** 是否是表单弹窗 */
-    form: BooleanConstructor;
-    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown, "body", boolean>;
-    beforeClose: {
-        readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    destroyOnClose: BooleanConstructor;
-    closeOnClickModal: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    closeOnPressEscape: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    lockScroll: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    modal: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    openDelay: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    closeDelay: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    top: {
-        readonly type: import('vue').PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    modelValue: BooleanConstructor;
-    modalClass: StringConstructor;
-    width: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    zIndex: {
-        readonly type: import('vue').PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    trapFocus: BooleanConstructor;
-    headerAriaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
-    center: BooleanConstructor;
-    alignCenter: BooleanConstructor;
-    closeIcon: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    overflow: BooleanConstructor;
-    fullscreen: BooleanConstructor;
-    showClose: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    title: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    ariaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
-};
-export type ModalProps = ExtractPropTypes<typeof modalProps>;
-/**
- * 事件
- */
-export declare const modalEmits: {
-    /** 更新全屏状态 */
-    'update:fullscreen': (_fullscreen: boolean) => boolean;
-    open: () => boolean;
-    opened: () => boolean;
-    close: () => boolean;
-    closed: () => boolean;
-    "update:modelValue": (value: boolean) => boolean;
-    openAutoFocus: () => boolean;
-    closeAutoFocus: () => boolean;
-};
-export type DialogPropKeys = Array<keyof typeof dialogProps>;
-/**
- * 弹窗组件属性名
- */
-export declare const dialogPropKeys: DialogPropKeys;

package/lib/ele-modal/style/css-var.scss

@@ -1,8 +0,0 @@
-@use '../../style/util.scss' as *;
-
-/* 弹窗主题变量 */
-@mixin set-modal-var($var) {
-  .ele-modal {
-    @include set-ele-var('modal', $var);
-  }
-}

package/lib/ele-modal/style/index.cjs

@@ -1,4 +0,0 @@
-"use strict";
-require("element-plus/es/components/dialog/style/index");
-require("element-plus/es/components/icon/style/index");
-require("./index.scss");

package/lib/ele-modal/style/index.d.ts

@@ -1 +0,0 @@
-

package/lib/ele-modal/style/index.scss

@@ -1,259 +0,0 @@
-@use '../../style/themes/default.scss' as *;
-@use '../../style/util.scss' as *;
-@use './css-var.scss' as *;
-
-@include set-modal-var($ele);
-
-.ele-modal {
-  &.el-overlay {
-    height: auto;
-  }
-
-  & > .el-overlay-dialog {
-    position: absolute;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: center;
-
-    & > .el-dialog {
-      padding: 0;
-      flex-shrink: 0;
-      position: relative;
-      background: eleVar('modal', 'bg');
-      border-radius: eleVar('modal', 'radius');
-      margin-bottom: eleVar('modal', 'mobile-space');
-
-      // 让 model 外层不出现滚动条
-      position: absolute!important;
-      left: 50%;
-      top: 50%;
-      margin-top: 0!important;
-      transform: translate(-50%,-50%);
-      max-height: calc(100% - 30px);
-      max-width: calc(100% - 30px);
-      display: flex;
-      flex-direction: column;
-
-      & > .el-dialog__header,
-      & > .el-dialog__footer {
-        flex-shrink: 0;
-        border: none;
-        padding: 0;
-        margin: 0;
-      }
-
-      & > .el-dialog__body {
-        padding: 0;
-        color: inherit;
-        font-size: inherit;
-
-        overflow: scroll;
-      }
-    }
-  }
-}
-
-/* header */
-.ele-modal-header {
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  padding: eleVar('modal', 'header-padding');
-  border-bottom: eleVar('modal', 'header-border');
-}
-
-.ele-modal-title {
-  flex: 1;
-  color: eleVar('modal', 'header-color');
-  font-size: eleVar('modal', 'header-font-size');
-  line-height: eleVar('modal', 'header-line-height');
-  font-weight: eleVar('modal', 'header-font-weight');
-  box-sizing: border-box;
-}
-
-/* 图标按钮 */
-.ele-modal-tool {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: eleVar('modal', 'icon-size');
-  height: eleVar('modal', 'icon-size');
-  line-height: eleVar('modal', 'icon-size');
-  color: eleVar('modal', 'icon-color');
-  font-size: eleVar('modal', 'icon-font-size');
-  border-radius: eleVar('modal', 'icon-radius');
-  transition: (color $transition-base, background-color $transition-base);
-  box-sizing: border-box;
-  cursor: pointer;
-
-  &:hover {
-    color: eleVar('modal', 'icon-hover-color');
-    background: eleVar('modal', 'icon-hover-bg');
-  }
-
-  & + .ele-modal-tool {
-    margin-left: eleVar('modal', 'icon-space');
-  }
-}
-
-/* body */
-.ele-modal-body {
-  padding: eleVar('modal', 'body-padding');
-  box-sizing: border-box;
-
-  &.is-form {
-    padding: eleVar('modal', 'form-body-padding');
-  }
-}
-
-/* footer */
-.ele-modal-footer {
-  padding: eleVar('modal', 'footer-padding');
-  border-top: eleVar('modal', 'footer-border');
-  box-sizing: border-box;
-}
-
-/* 默认位置 */
-.ele-modal-top > .el-overlay-dialog > .el-dialog {
-  margin: 0;
-}
-
-.ele-modal-center > .el-overlay-dialog > .el-dialog {
-  margin: auto;
-}
-
-.ele-modal-bottom > .el-overlay-dialog > .el-dialog {
-  margin: auto auto 0 auto;
-}
-
-.ele-modal-left > .el-overlay-dialog > .el-dialog {
-  margin: auto auto auto 0;
-}
-
-.ele-modal-right > .el-overlay-dialog > .el-dialog {
-  margin: auto 0 auto auto;
-}
-
-.ele-modal-left-top > .el-overlay-dialog > .el-dialog {
-  margin: 0 auto 0 0;
-}
-
-.ele-modal-left-bottom > .el-overlay-dialog > .el-dialog {
-  margin: auto auto 0 0;
-}
-
-.ele-modal-right-top > .el-overlay-dialog > .el-dialog {
-  margin: 0 0 0 auto;
-}
-
-.ele-modal-right-bottom > .el-overlay-dialog > .el-dialog {
-  margin: auto 0 0 auto;
-}
-
-/* 支持拖拽 */
-.ele-modal-movable > .el-overlay-dialog > .el-dialog > .el-dialog__header {
-  cursor: move;
-  user-select: none;
-}
-
-/* 支持拉伸 */
-.ele-modal-resize-icon {
-  position: absolute;
-  right: 2px;
-  bottom: 2px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: eleVar('modal', 'icon-color');
-  font-size: 12px;
-  cursor: se-resize;
-
-  &.is-horizontal {
-    cursor: e-resize;
-  }
-
-  &.is-vertical {
-    cursor: s-resize;
-  }
-}
-
-.ele-modal-resizable > .el-overlay-dialog > .el-dialog,
-.ele-modal-fullscreen > .el-overlay-dialog > .el-dialog {
-  display: flex;
-  flex-direction: column;
-
-  & > .el-dialog__body {
-    flex: auto;
-    overflow: auto;
-  }
-}
-
-/* 全屏 */
-.ele-modal-fullscreen > .el-overlay-dialog > .el-dialog {
-  top: 0 !important;
-  left: 0 !important;
-  margin: 0 !important;
-  width: 100% !important;
-  height: 100% !important;
-  display: flex !important;
-  max-width: none !important;
-  min-width: auto !important;
-  max-height: none !important;
-  min-height: auto !important;
-  border-radius: 0 !important;
-
-  & > .el-dialog__header {
-    cursor: default;
-
-    & > .ele-modal-resize-icon {
-      display: none;
-    }
-  }
-}
-
-/* 同时打开多个 */
-.ele-modal-container {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  box-sizing: border-box;
-  z-index: elVar('index', 'popper');
-  overflow: hidden;
-}
-
-.ele-modal-multiple {
-  pointer-events: none !important;
-  position: absolute !important;
-
-  & > .el-overlay-dialog {
-    pointer-events: none;
-    overflow: hidden;
-
-    & > .el-dialog {
-      pointer-events: auto;
-    }
-  }
-}
-
-/* 失活状态 */
-.ele-modal-hide {
-  display: none !important;
-}
-
-/* 最大宽度适应屏幕 */
-.ele-modal-responsive > .el-overlay-dialog > .el-dialog {
-  max-width: calc(100% - #{eleVar('modal', 'mobile-space')} * 2);
-}
-
-/* 限制在主体区域 */
-.ele-admin-modals > .ele-modal {
-  pointer-events: auto;
-  position: absolute !important;
-}

package/lib/ele-modal/types.d.ts

@@ -1,43 +0,0 @@
-/**
- * 拉伸类型
- */
-export type Resizable = boolean | 'horizontal' | 'vertical';
-
-/**
- * 拖出边界字符类型
- */
-export type MoveOutValue = 'top' | 'left' | 'right' | 'bottom';
-
-/**
- * 拖出边界类型
- */
-export type MoveOut = boolean | MoveOutValue[];
-
-/**
- * 初始位置对象类型
- */
-export interface PositionObject {
-  top?: string | number;
-  left?: string | number;
-  bottom?: string | number;
-  right?: string | number;
-}
-
-/**
- * 初始位置字符类型
- */
-export type PositionValue =
-  | 'top'
-  | 'bottom'
-  | 'left'
-  | 'right'
-  | 'leftTop'
-  | 'leftBottom'
-  | 'rightTop'
-  | 'rightBottom'
-  | 'center';
-
-/**
- * 初始位置类型
- */
-export type Position = PositionValue | PositionObject;