yuang-framework-ui-pc 1.1.44 → 1.1.45

package/es/ele-admin-layout/components/layout-tabs.js

@@ -1,132 +0,0 @@
-import { defineComponent, resolveComponent, createBlock, openBlock, withCtx, createCommentVNode, renderSlot, createVNode, createSlots, normalizeProps, guardReactiveProps } from "vue";
-import { ElIcon } from "element-plus";
-import { HomeOutlined } from "../../icons";
-import EleTabWrap from "../../ele-tab-wrap/index";
-import EleTabTool from "../../ele-tab-tool/index";
-import EleTabs from "../../ele-tabs/index";
-const _sfc_main = defineComponent({
-  name: "LayoutTabs",
-  components: {
-    ElIcon,
-    HomeOutlined,
-    EleTabWrap,
-    EleTabTool,
-    EleTabs
-  },
-  props: {
-    /** 页签数据 */
-    tabs: Array,
-    /** 页签选中 */
-    active: String,
-    /** 是否需要固定的主页页签 */
-    fixedHome: Boolean,
-    /** 主页路由地址 */
-    homePath: String,
-    /** 当前路由是否是主页 */
-    isHome: Boolean,
-    /** 页签风格 */
-    tabStyle: String,
-    /** 是否支持右键菜单 */
-    tabContextMenu: [Boolean, Object],
-    /** 右键菜单 */
-    tabContextMenus: [Array, Function],
-    /** 是否支持拖动排序 */
-    tabSortable: Boolean
-  },
-  emits: {
-    tabClick: (_option) => true,
-    tabRemove: (_name) => true,
-    tabContextMenu: (_option) => true,
-    tabSortChange: (_data) => true
-  },
-  setup(_props, { emit }) {
-    const handleTabItemClick = (option) => {
-      emit("tabClick", option);
-    };
-    const handleTabRemove = (name) => {
-      emit("tabRemove", name);
-    };
-    const handleTabContextMenu = (option) => {
-      emit("tabContextMenu", option);
-    };
-    const handleTabSortChange = (data) => {
-      emit("tabSortChange", data);
-    };
-    return {
-      handleTabRemove,
-      handleTabItemClick,
-      handleTabContextMenu,
-      handleTabSortChange
-    };
-  }
-});
-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_HomeOutlined = resolveComponent("HomeOutlined");
-  const _component_ElIcon = resolveComponent("ElIcon");
-  const _component_EleTabTool = resolveComponent("EleTabTool");
-  const _component_EleTabs = resolveComponent("EleTabs");
-  const _component_EleTabWrap = resolveComponent("EleTabWrap");
-  return openBlock(), createBlock(_component_EleTabWrap, {
-    type: _ctx.tabStyle,
-    class: "ele-admin-tabs"
-  }, {
-    default: withCtx(() => [
-      _ctx.fixedHome ? (openBlock(), createBlock(_component_EleTabTool, {
-        key: 0,
-        tab: true,
-        active: _ctx.isHome,
-        tabName: _ctx.homePath
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "tabHome", { active: _ctx.active }, () => [
-            createVNode(_component_ElIcon, {
-              class: "ele-tab-icon",
-              style: { "vertical-align": "-3px" }
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_HomeOutlined, { style: { "transform": "scale(1.08)" } })
-              ]),
-              _: 1
-            })
-          ])
-        ]),
-        _: 3
-      }, 8, ["active", "tabName"])) : createCommentVNode("", true),
-      _ctx.tabs ? (openBlock(), createBlock(_component_EleTabs, {
-        key: 1,
-        items: _ctx.tabs,
-        modelValue: _ctx.active,
-        sortable: _ctx.tabSortable,
-        contextMenu: _ctx.tabContextMenu,
-        contextMenus: _ctx.tabContextMenus,
-        mousewheel: true,
-        handleClick: true,
-        onTabRemove: _ctx.handleTabRemove,
-        onTabItemClick: _ctx.handleTabItemClick,
-        onTabContextMenu: _ctx.handleTabContextMenu,
-        onTabSortChange: _ctx.handleTabSortChange
-      }, createSlots({ _: 2 }, [
-        _ctx.$slots.tabTitle ? {
-          name: "label",
-          fn: withCtx((slotProps) => [
-            renderSlot(_ctx.$slots, "tabTitle", normalizeProps(guardReactiveProps(slotProps || {})))
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["items", "modelValue", "sortable", "contextMenu", "contextMenus", "onTabRemove", "onTabItemClick", "onTabContextMenu", "onTabSortChange"])) : createCommentVNode("", true),
-      renderSlot(_ctx.$slots, "tabExtra", { active: _ctx.active })
-    ]),
-    _: 3
-  }, 8, ["type"]);
-}
-const layoutTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  layoutTabs as default
-};

package/es/ele-admin-layout/style/tabs.scss

@@ -1,59 +0,0 @@
-@use '../../style/themes/default.scss' as *;
-@use '../../style/util.scss' as *;
-
-/* 页签栏 */
-.ele-admin-tabs {
-  flex-shrink: 0;
-  background: eleVar('header', 'bg');
-  box-shadow: eleVar('header', 'shadow');
-  z-index: calc(#{eleVar('layout', 'index')} + 1);
-  $padding: eleVar('page', 'padding', #{eleVar('header', 'tools-padding')});
-
-  &:not(.is-fixed-home) {
-    .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
-      padding-left: $padding;
-    }
-
-    &.is-simple,
-    &.is-indicator {
-      .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
-        padding-left: calc(#{$padding} - eleVar('tab', 'simple-angle-size'));
-      }
-    }
-  }
-
-  /* 固定的主页页签 */
-  &.is-fixed-home {
-    padding-left: $padding;
-
-    &.is-tag .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
-      padding-left: eleVar('tab', 'tag-space');
-    }
-
-    &.is-button .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
-      padding-left: eleVar('tab', 'button-space');
-    }
-  }
-
-  /* 标签风格页签栏 */
-  &.is-tag {
-    padding-right: eleVar('tab', 'tag-space');
-  }
-
-  /* 卡片风格页签栏 */
-  &.is-button {
-    padding-right: $padding;
-    background: eleVar('layout', 'bg');
-    box-shadow: none;
-  }
-
-  /* 固定页签栏 */
-  &.is-fixed {
-    position: sticky;
-    top: eleVar('header', 'height');
-  }
-
-  &.is-fixed-top {
-    top: 0;
-  }
-}

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

@@ -1,58 +0,0 @@
-import { PropType, ExtractPropTypes } from 'vue';
-import { StyleValue } from '../ele-app/types';
-import { ElAlertProps, ElIconProps } from '../ele-app/el';
-
-/**
- * 属性
- */
-export declare const alertProps: {
-    /** 标题 */
-    title: StringConstructor;
-    /** 类型 */
-    type: PropType<ElAlertProps["type"]>;
-    /** 描述 */
-    description: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: string;
-    };
-    /** 是否可关闭 */
-    closable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** 是否居中 */
-    center: BooleanConstructor;
-    /** 自定义关闭按钮文字 */
-    closeText: StringConstructor;
-    /** 是否显示图标 */
-    showIcon: BooleanConstructor;
-    /** 主题 */
-    effect: PropType<ElAlertProps["effect"]>;
-    /** 图标样式 */
-    iconStyle: PropType<StyleValue>;
-    /** 图标组件属性 */
-    iconProps: PropType<ElIconProps>;
-    /** 关闭图标样式 */
-    closeIconStyle: PropType<StyleValue>;
-    /** 关闭图标组件属性 */
-    closeIconProps: PropType<ElIconProps>;
-    /** 内容区样式 */
-    bodyStyle: PropType<StyleValue>;
-    /** 标题样式 */
-    titleStyle: PropType<StyleValue>;
-    /** 描述样式 */
-    descriptionStyle: PropType<StyleValue>;
-    /** 过渡动画名称 */
-    transitionName: {
-        type: StringConstructor;
-        default: string;
-    };
-};
-export type AlertProps = ExtractPropTypes<typeof alertProps>;
-/**
- * 事件
- */
-export declare const alertEmits: {
-    /** 关闭的事件 */
-    close: (_e: MouseEvent) => boolean;
-};

package/es/ele-alert/props.js

@@ -1,51 +0,0 @@
-const alertProps = {
-  /** 标题 */
-  title: String,
-  /** 类型 */
-  type: String,
-  /** 描述 */
-  description: {
-    type: [String, Boolean],
-    default: ""
-  },
-  /** 是否可关闭 */
-  closable: {
-    type: Boolean,
-    default: true
-  },
-  /** 是否居中 */
-  center: Boolean,
-  /** 自定义关闭按钮文字 */
-  closeText: String,
-  /** 是否显示图标 */
-  showIcon: Boolean,
-  /** 主题 */
-  effect: String,
-  /** 图标样式 */
-  iconStyle: Object,
-  /** 图标组件属性 */
-  iconProps: Object,
-  /** 关闭图标样式 */
-  closeIconStyle: Object,
-  /** 关闭图标组件属性 */
-  closeIconProps: Object,
-  /** 内容区样式 */
-  bodyStyle: Object,
-  /** 标题样式 */
-  titleStyle: Object,
-  /** 描述样式 */
-  descriptionStyle: Object,
-  /** 过渡动画名称 */
-  transitionName: {
-    type: String,
-    default: "ele-alert-fade"
-  }
-};
-const alertEmits = {
-  /** 关闭的事件 */
-  close: (_e) => true
-};
-export {
-  alertEmits,
-  alertProps
-};

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

@@ -1,172 +0,0 @@
-@use '../../style/themes/default.scss' as *;
-@use '../../style/util.scss' as *;
-@use './css-var.scss' as *;
-
-@include set-alert-var($ele);
-
-.ele-alert {
-  display: flex;
-  align-items: center;
-  padding: eleVar('alert', 'padding');
-  border-radius: eleVar('alert', 'radius');
-  background: elVar('color-primary', 'light-9');
-  border: 1px solid elVar('color-primary', 'light-7');
-  transition: opacity 0.2s;
-  box-sizing: border-box;
-  position: relative;
-
-  .ele-alert-icon {
-    flex-shrink: 0;
-    color: elVar('color-primary');
-    font-size: eleVar('alert', 'icon-size');
-    margin: eleVar('alert', 'icon-margin');
-    display: flex;
-  }
-
-  .ele-alert-body {
-    flex: 1;
-    overflow: auto;
-  }
-
-  .ele-alert-title {
-    color: eleVar('alert', 'color');
-    font-size: eleVar('alert', 'title-size');
-    line-height: eleVar('alert', 'title-line-height');
-
-    & + .ele-alert-text {
-      margin-top: 4px;
-    }
-  }
-
-  .ele-alert-text {
-    color: eleVar('alert', 'color');
-    font-size: eleVar('alert', 'size');
-  }
-
-  .ele-alert-close {
-    flex-shrink: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: eleVar('alert', 'close-size');
-    height: eleVar('alert', 'close-size');
-    line-height: eleVar('alert', 'close-size');
-    border-radius: eleVar('alert', 'close-radius');
-    color: eleVar('alert', 'close-color');
-    font-size: eleVar('alert', 'close-font-size');
-    transition: (color $transition-base, background-color $transition-base);
-    margin: eleVar('alert', 'close-margin');
-    cursor: pointer;
-
-    &:hover {
-      color: eleVar('alert', 'close-hover-color');
-      background: eleVar('alert', 'close-hover-bg');
-    }
-  }
-
-  /* 含有描述 */
-  &.is-rich {
-    align-items: flex-start;
-    padding: eleVar('alert', 'rich-padding');
-
-    & > .ele-alert-icon {
-      font-size: eleVar('alert', 'rich-icon-size');
-    }
-
-    & > .ele-alert-body > .ele-alert-title {
-      color: eleVar('alert', 'title-color');
-    }
-  }
-
-  /* 类型 */
-  &.is-success {
-    background: elVar('color-success', 'light-9');
-    border-color: elVar('color-success', 'light-7');
-
-    & > .ele-alert-icon {
-      color: elVar('color-success');
-    }
-  }
-
-  &.is-warning {
-    background: elVar('color-warning', 'light-9');
-    border-color: elVar('color-warning', 'light-7');
-
-    & > .ele-alert-icon {
-      color: elVar('color-warning');
-    }
-  }
-
-  &.is-error {
-    background: elVar('color-error', 'light-9');
-    border-color: elVar('color-error', 'light-7');
-
-    & > .ele-alert-icon {
-      color: elVar('color-error');
-    }
-  }
-
-  /* 居中 */
-  &.is-center {
-    justify-content: center;
-
-    & > .ele-alert-body {
-      flex: initial;
-    }
-
-    & > .ele-alert-close {
-      position: absolute;
-      right: 12px;
-      top: 50%;
-      transform: translateY(-50%);
-    }
-  }
-
-  /* 主题 */
-  &.is-dark {
-    background: elVar('color-primary');
-    border-color: elVar('color-primary');
-
-    & > .ele-alert-icon {
-      color: eleVar('alert-dark', 'title-color');
-    }
-
-    & > .ele-alert-body > .ele-alert-title,
-    & > .ele-alert-body > .ele-alert-text {
-      color: eleVar('alert-dark', 'color');
-    }
-
-    & > .ele-alert-close {
-      color: eleVar('alert-dark', 'close-color');
-
-      &:hover {
-        color: eleVar('alert-dark', 'close-hover-color');
-        background: eleVar('alert-dark', 'close-hover-bg');
-      }
-    }
-
-    &.is-rich > .ele-alert-body > .ele-alert-title {
-      color: eleVar('alert-dark', 'title-color');
-    }
-
-    &.is-success {
-      background: elVar('color-success');
-      border-color: elVar('color-success');
-    }
-
-    &.is-warning {
-      background: elVar('color-warning');
-      border-color: elVar('color-warning');
-    }
-
-    &.is-error {
-      background: elVar('color-error');
-      border-color: elVar('color-error');
-    }
-  }
-}
-
-.ele-alert-fade-enter-from,
-.ele-alert-fade-leave-active {
-  opacity: 0;
-}

package/es/ele-app/style/overwrite/autocomplete/index.scss

@@ -1,33 +0,0 @@
-@use '../../../../style/themes/default.scss' as *;
-@use '../../../../style/util.scss' as *;
-@use './css-var.scss' as *;
-
-@include set-el-autocomplete-var($ele);
-
-/* Autocomplete */
-.el-autocomplete__popper {
-  .el-autocomplete-suggestion {
-    background: inherit;
-    border-radius: inherit;
-  }
-
-  .el-autocomplete-suggestion__wrap {
-    padding: 0;
-  }
-
-  .el-autocomplete-suggestion__list {
-    padding: eleVar('autocomplete', 'padding');
-  }
-
-  .el-autocomplete-suggestion li {
-    height: eleVar('autocomplete', 'item-height');
-    line-height: eleVar('autocomplete', 'item-height');
-    padding: eleVar('autocomplete', 'item-padding');
-    border-radius: eleVar('autocomplete', 'item-radius');
-    transition: (color $transition-base, background-color $transition-base);
-
-    & + li {
-      margin-top: eleVar('autocomplete', 'item-margin');
-    }
-  }
-}

package/es/ele-app/style/overwrite/cascader/index.scss

@@ -1,166 +0,0 @@
-@use '../../../../style/themes/default.scss' as *;
-@use '../../../../style/util.scss' as *;
-@use './css-var.scss' as *;
-
-@include set-el-cascader-var($ele);
-
-/* Cascader */
-.el-cascader__dropdown {
-  .el-cascader-panel,
-  .el-cascader__suggestion-panel {
-    background: inherit;
-    border-radius: inherit;
-  }
-
-  .el-cascader-menu__list {
-    padding: eleVar('cascader', 'menu-padding');
-  }
-
-  .el-cascader-node {
-    height: eleVar('cascader', 'item-height');
-    line-height: eleVar('cascader', 'item-height');
-    padding: eleVar('cascader', 'item-padding');
-    border-radius: eleVar('cascader', 'item-radius');
-    transition: (color $transition-base, background-color $transition-base);
-
-    & > .el-checkbox,
-    & > .el-radio {
-      margin-right: 8px;
-    }
-
-    & + .el-cascader-node {
-      margin-top: eleVar('cascader', 'item-margin');
-    }
-
-    &.in-active-path,
-    &.is-selectable.in-checked-path,
-    &.is-active {
-      background: eleVar('cascader', 'item-active-bg');
-      font-weight: eleVar('cascader', 'item-active-font-weight');
-
-      &:hover,
-      &:focus {
-        background: eleVar('cascader', 'item-active-hover-bg');
-      }
-    }
-  }
-
-  .el-cascader-menu:last-child .el-cascader-node {
-    padding: eleVar('cascader', 'item-padding');
-  }
-
-  .el-cascader-node__label {
-    padding: 0;
-  }
-
-  .el-cascader-node__prefix {
-    order: 4;
-    margin-right: -4px;
-    position: static;
-    left: auto;
-  }
-
-  .el-cascader-node__postfix {
-    margin-right: -6px;
-    position: static;
-    right: auto;
-  }
-
-  .el-cascader__suggestion-list {
-    padding: eleVar('cascader', 'menu-padding');
-  }
-
-  .el-cascader__suggestion-item {
-    height: eleVar('cascader', 'item-height');
-    line-height: eleVar('cascader', 'item-height');
-    padding: eleVar('cascader', 'item-padding');
-    border-radius: eleVar('cascader', 'item-radius');
-
-    & > span {
-      flex: 1;
-      margin-right: 0;
-    }
-
-    & > .el-icon {
-      margin-right: -4px;
-    }
-
-    & + .el-cascader__suggestion-item {
-      margin-top: eleVar('cascader', 'item-margin');
-    }
-
-    &.is-checked {
-      background: eleVar('cascader', 'item-active-bg');
-      font-weight: eleVar('cascader', 'item-active-font-weight');
-    }
-  }
-}
-
-.el-cascader > .el-input .el-input__inner {
-  margin: -2px 0;
-  min-height: calc(#{elVar('input', 'height')} + 2px);
-}
-
-/* 多选标签 */
-.el-cascader__tags .el-tag__content,
-.el-cascader__collapse-tag .el-tag__content {
-  display: inline-flex;
-  align-items: center;
-  line-height: 14px;
-}
-
-.el-cascader .el-cascader__tags {
-  padding: 0 0 0 4px;
-}
-
-.el-cascader .el-cascader__tags .el-tag,
-.el-cascader__collapse-tags .el-cascader__collapse-tag .el-tag {
-  flex-shrink: 0;
-  margin: 2px 4px 2px 0;
-  height: calc(elVar('component-size') - 4px - 4px);
-  border: none;
-}
-
-.el-cascader__tags .el-cascader__search-input {
-  margin: 2px 0 2px 5.8px;
-}
-
-/* 小尺寸 */
-.el-cascader--small .el-cascader__tags .el-cascader__search-input {
-  height: 18px;
-  margin-top: 1px;
-  margin-bottom: 1px;
-  margin-left: 3.8px;
-}
-
-.el-cascader--small .el-cascader__tags .el-tag,
-.el-cascader__collapse-tags .el-cascader__collapse-tag .el-tag--small {
-  margin: 1px 4px 1px 0;
-  height: calc(elVar('component-size', 'small') - 4px - 2px);
-}
-
-/* 大尺寸 */
-.el-cascader--large .el-cascader__tags {
-  padding: 1px 0 1px 6px;
-}
-
-.el-cascader--large .el-cascader__tags .el-tag {
-  height: calc(elVar('component-size', 'large') - 8px - 4px);
-}
-
-.el-cascader--large .el-cascader__tags .el-cascader__search-input {
-  margin-left: 7.8px;
-}
-
-/* 多选搜索框 */
-.el-cascader__tags .el-tag + .el-cascader__search-input {
-  margin-left: 2px;
-}
-
-/* 标签溢出气泡 */
-.el-popper > .el-cascader__collapse-tags {
-  margin: -5px -11px;
-  padding: 8px 10px;
-  background: inherit;
-  border-radius: inherit;
-}

package/es/ele-app/style/overwrite/checkbox/css-var.scss

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