yuang-framework-ui-pc 1.1.44 → 1.1.45

package/es/ele-drawer/index.js

@@ -1,202 +0,0 @@
-import { defineComponent, ref, computed, onActivated, onDeactivated, resolveComponent, createBlock, openBlock, Teleport, createVNode, mergeProps, createSlots, withCtx, normalizeStyle, renderSlot, createElementVNode, createElementBlock, createCommentVNode, createTextVNode, toDisplayString } from "vue";
-import { drawerEmits, ElIcon, ElDrawer } from "element-plus";
-import { CloseOutlined } from "../icons";
-import ReceiverView from "../ele-config-provider/components/receiver-view";
-import { useLayoutState } from "../ele-pro-layout/util";
-import { getDialogContainer } from "../ele-dialog/util";
-import { drawerProps } from "./props";
-const _sfc_main = defineComponent({
-  name: "EleDrawer",
-  components: { ElDrawer, ElIcon, CloseOutlined, ReceiverView },
-  props: drawerProps,
-  emits: drawerEmits,
-  setup(props, { emit }) {
-    const layoutState = useLayoutState();
-    const drawerRef = ref(null);
-    const isActivated = ref(true);
-    const drawerClass = computed(() => {
-      const classes = ["ele-drawer"];
-      if (!props.modelValue) {
-        classes.push("ele-drawer-closed");
-      }
-      if (!isActivated.value && props.modelValue) {
-        classes.push("ele-drawer-hide");
-      }
-      if (props.inner) {
-        classes.push("ele-drawer-inner");
-      }
-      if (props.modalClass) {
-        classes.push(props.modalClass);
-      }
-      return classes.join(" ");
-    });
-    const teleportTo = computed(() => {
-      return getDialogContainer(
-        props.inner,
-        false,
-        props.appendTo,
-        layoutState.modalsEl
-      );
-    });
-    const teleportDisabled = computed(() => {
-      const appendTo = props.appendTo || "body";
-      const disabled = appendTo === "body" ? !props.appendToBody : false;
-      return props.inner ? false : disabled;
-    });
-    const handleClose = () => {
-      if (drawerRef.value && drawerRef.value.handleClose) {
-        drawerRef.value.handleClose();
-      }
-    };
-    const updateModelValue = (value) => {
-      emit("update:modelValue", value);
-    };
-    const handleDrawerOpen = () => {
-      emit("open");
-    };
-    const handleDrawerOpened = () => {
-      emit("opened");
-    };
-    const handleDrawerClose = () => {
-      emit("close");
-    };
-    const handleDrawerClosed = () => {
-      emit("closed");
-    };
-    const handleDrawerOpenAutoFocus = () => {
-      emit("openAutoFocus");
-    };
-    const handleDrawerCloseAutoFocus = () => {
-      emit("closeAutoFocus");
-    };
-    onActivated(() => {
-      isActivated.value = true;
-    });
-    onDeactivated(() => {
-      isActivated.value = false;
-    });
-    return {
-      drawerRef,
-      drawerClass,
-      teleportTo,
-      teleportDisabled,
-      handleClose,
-      updateModelValue,
-      handleDrawerOpen,
-      handleDrawerOpened,
-      handleDrawerClose,
-      handleDrawerClosed,
-      handleDrawerOpenAutoFocus,
-      handleDrawerCloseAutoFocus
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = ["onClick"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_CloseOutlined = resolveComponent("CloseOutlined");
-  const _component_ElIcon = resolveComponent("ElIcon");
-  const _component_ReceiverView = resolveComponent("ReceiverView");
-  const _component_ElDrawer = resolveComponent("ElDrawer");
-  return openBlock(), createBlock(Teleport, {
-    to: _ctx.teleportTo,
-    disabled: _ctx.teleportDisabled
-  }, [
-    createVNode(_component_ElDrawer, mergeProps(_ctx.$attrs, {
-      ref: "drawerRef",
-      modelValue: _ctx.modelValue,
-      appendToBody: false,
-      lockScroll: _ctx.inner ? false : _ctx.lockScroll,
-      beforeClose: _ctx.beforeClose,
-      closeOnClickModal: _ctx.closeOnClickModal,
-      closeOnPressEscape: _ctx.closeOnPressEscape,
-      openDelay: _ctx.openDelay,
-      closeDelay: _ctx.closeDelay,
-      destroyOnClose: _ctx.destroyOnClose,
-      modal: _ctx.modal,
-      direction: _ctx.direction,
-      showClose: false,
-      size: _ctx.size,
-      title: _ctx.title,
-      withHeader: _ctx.withHeader,
-      modalClass: _ctx.drawerClass,
-      zIndex: _ctx.zIndex,
-      headerAriaLevel: _ctx.headerAriaLevel,
-      onOpen: _ctx.handleDrawerOpen,
-      onOpened: _ctx.handleDrawerOpened,
-      onClose: _ctx.handleDrawerClose,
-      onClosed: _ctx.handleDrawerClosed,
-      onOpenAutoFocus: _ctx.handleDrawerOpenAutoFocus,
-      onCloseAutoFocus: _ctx.handleDrawerCloseAutoFocus,
-      "onUpdate:modelValue": _ctx.updateModelValue
-    }), createSlots({
-      header: withCtx(({ close }) => [
-        createElementVNode("div", {
-          class: "ele-drawer-header",
-          style: normalizeStyle(_ctx.headerStyle)
-        }, [
-          createElementVNode("div", {
-            role: "heading",
-            class: "ele-drawer-title",
-            style: normalizeStyle(_ctx.titleStyle)
-          }, [
-            renderSlot(_ctx.$slots, "header", {}, () => [
-              createTextVNode(toDisplayString(_ctx.title), 1)
-            ])
-          ], 4),
-          _ctx.showClose ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "ele-drawer-close",
-            style: normalizeStyle(_ctx.closeBtnStyle),
-            onClick: close
-          }, [
-            renderSlot(_ctx.$slots, "closeBtn", {}, () => [
-              createVNode(_component_ElIcon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_CloseOutlined)
-                ]),
-                _: 1
-              })
-            ])
-          ], 12, _hoisted_1)) : createCommentVNode("", true)
-        ], 4)
-      ]),
-      default: withCtx(() => [
-        createVNode(_component_ReceiverView, {
-          wrapPosition: false,
-          class: "ele-drawer-body",
-          style: normalizeStyle(_ctx.bodyStyle)
-        }, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["style"])
-      ]),
-      _: 2
-    }, [
-      _ctx.$slots.footer ? {
-        name: "footer",
-        fn: withCtx(() => [
-          createElementVNode("div", {
-            class: "ele-drawer-footer",
-            style: normalizeStyle(_ctx.footerStyle)
-          }, [
-            renderSlot(_ctx.$slots, "footer")
-          ], 4)
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1040, ["modelValue", "lockScroll", "beforeClose", "closeOnClickModal", "closeOnPressEscape", "openDelay", "closeDelay", "destroyOnClose", "modal", "direction", "size", "title", "withHeader", "modalClass", "zIndex", "headerAriaLevel", "onOpen", "onOpened", "onClose", "onClosed", "onOpenAutoFocus", "onCloseAutoFocus", "onUpdate:modelValue"])
-  ], 8, ["to", "disabled"]);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  index as default
-};

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

@@ -1,184 +0,0 @@
-import { PropType, ExtractPropTypes } from 'vue';
-import { StyleValue } from '../ele-app/types';
-
-/**
- * 属性
- */
-export declare const drawerProps: {
-    /** 自定义标题样式 */
-    headerStyle: PropType<StyleValue>;
-    /** 标题样式 */
-    titleStyle: PropType<StyleValue>;
-    /** 自定义主体样式 */
-    bodyStyle: PropType<StyleValue>;
-    /** 自定义底部样式 */
-    footerStyle: PropType<StyleValue>;
-    /** 自定义关闭按钮样式 */
-    closeBtnStyle: PropType<StyleValue>;
-    /** 是否限制在主体内部 */
-    inner: BooleanConstructor;
-    direction: {
-        readonly type: PropType<"ltr" | "rtl" | "ttb" | "btt">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "rtl";
-    };
-    size: {
-        readonly type: PropType<string | number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "30%";
-    };
-    withHeader: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
-    modalFade: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
-    headerAriaLevel: {
-        readonly type: PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "2";
-    };
-    appendToBody: BooleanConstructor;
-    appendTo: {
-        readonly type: PropType<string | HTMLElement>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "body";
-    };
-    beforeClose: {
-        readonly type: PropType<import('element-plus').DialogBeforeCloseFn>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    destroyOnClose: BooleanConstructor;
-    closeOnClickModal: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
-    closeOnPressEscape: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
-    lockScroll: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
-    modal: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
-    openDelay: {
-        readonly type: PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: 0;
-    };
-    closeDelay: {
-        readonly type: PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: 0;
-    };
-    top: {
-        readonly type: PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    modelValue: BooleanConstructor;
-    modalClass: StringConstructor;
-    headerClass: StringConstructor;
-    bodyClass: StringConstructor;
-    footerClass: StringConstructor;
-    width: {
-        readonly type: PropType<string | number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    zIndex: {
-        readonly type: PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    trapFocus: BooleanConstructor;
-    center: BooleanConstructor;
-    alignCenter: BooleanConstructor;
-    closeIcon: {
-        readonly type: PropType<string | import('vue').Component>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    draggable: BooleanConstructor;
-    overflow: BooleanConstructor;
-    fullscreen: BooleanConstructor;
-    showClose: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
-    title: {
-        readonly type: PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "";
-    };
-    ariaLevel: {
-        readonly type: PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "2";
-    };
-};
-export type DrawerProps = ExtractPropTypes<typeof drawerProps>;

package/es/ele-drawer/props.js

@@ -1,19 +0,0 @@
-import { drawerProps as drawerProps$1 } from "element-plus";
-const drawerProps = {
-  ...drawerProps$1,
-  /** 自定义标题样式 */
-  headerStyle: Object,
-  /** 标题样式 */
-  titleStyle: Object,
-  /** 自定义主体样式 */
-  bodyStyle: Object,
-  /** 自定义底部样式 */
-  footerStyle: Object,
-  /** 自定义关闭按钮样式 */
-  closeBtnStyle: Object,
-  /** 是否限制在主体内部 */
-  inner: Boolean
-};
-export {
-  drawerProps
-};

package/es/ele-drawer/style/index.d.ts

@@ -1 +0,0 @@
-

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

@@ -1,3 +0,0 @@
-import "element-plus/es/components/drawer/style/index";
-import "element-plus/es/components/icon/style/index";
-import "./index.scss";

package/es/ele-drawer/style/index.scss

@@ -1,96 +0,0 @@
-@use '../../style/themes/default.scss' as *;
-@use '../../style/util.scss' as *;
-@use './css-var.scss' as *;
-
-@include set-drawer-var($ele);
-
-/* 抽屉 */
-.ele-drawer {
-  & > .el-drawer {
-    background: eleVar('drawer', 'bg');
-
-    & > .el-drawer__header {
-      margin: 0;
-      padding: 0;
-      color: inherit;
-      display: block;
-      flex-shrink: 0;
-      border: none;
-    }
-
-    & > .el-drawer__body {
-      padding: 0;
-    }
-
-    & > .el-drawer__footer {
-      padding: 0;
-      flex-shrink: 0;
-      border: none;
-    }
-  }
-}
-
-.ele-drawer-header {
-  display: flex;
-  align-items: center;
-  padding: eleVar('drawer', 'header-padding');
-  border-bottom: eleVar('drawer', 'header-border');
-  box-sizing: border-box;
-}
-
-.ele-drawer-title {
-  flex: 1;
-  color: eleVar('drawer', 'header-color');
-  font-size: eleVar('drawer', 'header-font-size');
-  line-height: eleVar('drawer', 'header-line-height');
-  font-weight: eleVar('drawer', 'header-font-weight');
-  box-sizing: border-box;
-}
-
-.ele-drawer-close {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: eleVar('drawer', 'icon-size');
-  height: eleVar('drawer', 'icon-size');
-  line-height: eleVar('drawer', 'icon-size');
-  color: eleVar('drawer', 'icon-color');
-  font-size: eleVar('drawer', 'icon-font-size');
-  border-radius: eleVar('drawer', 'icon-radius');
-  transition: (color $transition-base, background-color $transition-base);
-  box-sizing: border-box;
-  cursor: pointer;
-
-  &:hover {
-    color: eleVar('drawer', 'icon-hover-color');
-    background: eleVar('drawer', 'icon-hover-bg');
-  }
-}
-
-.ele-drawer-body {
-  padding: eleVar('drawer', 'body-padding');
-  box-sizing: border-box;
-}
-
-.ele-drawer-footer {
-  padding: eleVar('drawer', 'footer-padding');
-  border-top: eleVar('drawer', 'footer-border');
-  box-sizing: border-box;
-}
-
-/* 失活状态 */
-.ele-drawer-hide {
-  display: none !important;
-}
-
-/* 限制在主体区域 */
-.ele-admin-modals > .ele-drawer {
-  height: auto;
-  pointer-events: auto;
-  position: absolute !important;
-
-  &:not(.el-drawer-fade-leave-active):not(.el-drawer-fade-enter-active) {
-    transition: (width $transition-base, left $transition-base);
-  }
-}

package/es/ele-dropdown/style/css-var.scss

@@ -1,8 +0,0 @@
-@use '../../style/util.scss' as *;
-
-/* 下拉菜单主题变量 */
-@mixin set-dropdown-var($var) {
-  .ele-dropdown {
-    @include set-ele-var('dropdown', $var);
-  }
-}

package/es/ele-dropdown/types.d.ts

@@ -1,22 +0,0 @@
-import type { StyleValue } from '../ele-app/types';
-import type { ElIconProps, ElDropdownItemProps } from '../ele-app/el';
-
-/**
- * 下拉菜单数据
- */
-export interface DropdownItem extends ElDropdownItemProps {
-  /** 循环的 key */
-  key?: string | number | symbol;
-  /** 标题 */
-  title?: string;
-  /** 图标属性 */
-  iconProps?: ElIconProps;
-  /** 图标样式 */
-  iconStyle?: StyleValue;
-  /** 插槽名称 */
-  slot?: Exclude<string, 'default'>;
-  /** 是否为危险样式 */
-  danger?: boolean;
-  /** 子菜单 */
-  children?: DropdownItem[];
-}

package/es/ele-edit-tag/style/index.d.ts

@@ -1 +0,0 @@
-

package/es/ele-edit-tag/style/index.js

@@ -1,5 +0,0 @@
-import "element-plus/es/components/tag/style/index";
-import "element-plus/es/components/input/style/index";
-import "element-plus/es/components/icon/style/index";
-import "../../ele-tooltip/style/index";
-import "./index.scss";

package/es/ele-edit-tag/types.d.ts

@@ -1,9 +0,0 @@
-/**
- * 添加校验方法
- */
-export type Validator = (value: string) => Promise<void>;
-
-/**
- * 移除校验方法
- */
-export type BeforeRemove = (index: number, value?: string) => Promise<void>;

package/es/ele-ellipsis/index.js

@@ -1,113 +0,0 @@
-import { defineComponent, ref, computed, resolveComponent, createBlock, openBlock, mergeProps, withCtx, renderSlot, createCommentVNode, normalizeProps } from "vue";
-import { omit, pick, contentIsEllipsis } from "../utils/core";
-import EleTooltip from "../ele-tooltip/index";
-import EleText from "../ele-text/index";
-import { textPropKeys } from "../ele-text/props";
-import { ellipsisProps } from "./props";
-const _sfc_main = defineComponent({
-  name: "EleEllipsis",
-  components: { EleText, EleTooltip },
-  props: ellipsisProps,
-  setup(props) {
-    const textRef = ref(null);
-    const virtualRef = ref();
-    const text = ref("");
-    const title = computed(() => {
-      if (!props.tooltip || typeof props.tooltip !== "object" || props.tooltip.original !== true) {
-        return;
-      }
-      return text.value;
-    });
-    const tooltipProps = computed(() => {
-      const isObj = props.tooltip && props.tooltip !== true;
-      const opt = isObj ? { ...props.tooltip } : {};
-      opt.content = text.value;
-      opt.virtualRef = virtualRef.value;
-      opt.virtualTriggering = true;
-      return omit(opt, ["original"]);
-    });
-    const multiLine = computed(() => {
-      return !!(props.maxLine && props.maxLine > 1);
-    });
-    const textProps = computed(() => {
-      return Object.assign({ title: title.value }, pick(props, textPropKeys));
-    });
-    const rootStyle = computed(() => {
-      const style = {};
-      const { lineHeight, maxLine } = props;
-      if (lineHeight != null) {
-        const h = typeof lineHeight === "number" ? `${lineHeight}px` : lineHeight;
-        style.lineHeight = h;
-        if (multiLine.value) {
-          style.height = `calc(${h} * ${maxLine})`;
-        }
-      }
-      if (multiLine.value) {
-        style["-webkit-line-clamp"] = maxLine;
-      }
-      return style;
-    });
-    const handleHover = (e) => {
-      if (!props.tooltip) {
-        virtualRef.value = void 0;
-        return;
-      }
-      const target = e.currentTarget;
-      if (typeof props.tooltip === "object" && props.tooltip.content) {
-        if (text.value !== props.tooltip.content) {
-          text.value = props.tooltip.content;
-        }
-      } else {
-        if (target) {
-          const temp = contentIsEllipsis(target) ? target.innerText : "";
-          if (text.value !== temp) {
-            text.value = temp;
-          }
-        }
-      }
-      if (text.value && (props.tooltip === true || !props.tooltip.original)) {
-        if (virtualRef.value !== target) {
-          virtualRef.value = target;
-        }
-      } else {
-        virtualRef.value = void 0;
-      }
-    };
-    return {
-      textRef,
-      virtualRef,
-      tooltipProps,
-      multiLine,
-      textProps,
-      rootStyle,
-      handleHover
-    };
-  }
-});
-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) {
-  const _component_EleTooltip = resolveComponent("EleTooltip");
-  const _component_EleText = resolveComponent("EleText");
-  return openBlock(), createBlock(_component_EleText, mergeProps(_ctx.textProps, {
-    ref: "textRef",
-    style: _ctx.rootStyle,
-    class: ["ele-ellipsis", { "is-multi-line": _ctx.multiLine }],
-    onMouseover: _ctx.handleHover
-  }), {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default"),
-      _ctx.virtualRef ? (openBlock(), createBlock(_component_EleTooltip, normalizeProps(mergeProps({ key: 0 }, _ctx.tooltipProps)), null, 16)) : createCommentVNode("", true)
-    ]),
-    _: 3
-  }, 16, ["style", "class", "onMouseover"]);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  index as default
-};

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

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