yuang-framework-ui-pc 1.1.43 → 1.1.45

package/es/ele-split-panel/style/index.scss

@@ -1,360 +0,0 @@
-@use '../../style/themes/default.scss' as *;
-@use '../../style/util.scss' as *;
-
-.ele-split-panel {
-  display: flex;
-  position: relative;
-  --ele-split-size: 200px;
-  --ele-split-space: 16px;
-
-  /* 侧边容器 */
-  & > .ele-split-panel-wrap {
-    flex-shrink: 0;
-    box-sizing: border-box;
-    width: calc(var(--ele-split-size) + var(--ele-split-space));
-    display: flex;
-    justify-content: flex-end;
-    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    opacity: 1;
-
-    /* 侧边 */
-    & > .ele-split-panel-side {
-      flex-shrink: 0;
-      width: var(--ele-split-size);
-      border: 1px solid elVar('border-color', 'light');
-      box-sizing: border-box;
-      position: relative;
-    }
-
-    /* 间距 */
-    & > .ele-split-panel-space {
-      flex-shrink: 0;
-      width: var(--ele-split-space);
-      box-sizing: border-box;
-      position: relative;
-
-      /* 拉伸线 */
-      .ele-split-resize-line {
-        width: 12px;
-        height: 100%;
-        position: absolute;
-        left: -6px;
-        z-index: 4;
-        cursor: e-resize;
-
-        &::after {
-          content: '';
-          width: 3px;
-          height: 100%;
-          display: block;
-          margin: 0 auto;
-        }
-
-        &:hover::after {
-          background: elVar('color-primary');
-        }
-      }
-    }
-  }
-
-  /* 内容 */
-  & > .ele-split-panel-body {
-    flex: 1;
-    overflow: auto;
-    box-sizing: border-box;
-    position: relative;
-  }
-
-  /* 折叠按钮 */
-  & > .ele-split-collapse-button {
-    width: 24px;
-    height: 24px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: absolute;
-    top: 50%;
-    left: var(--ele-split-size);
-    border-radius: 50%;
-    border: 1px solid elVar('border-color', 'extra-light');
-    box-sizing: border-box;
-    margin: -12px 0 0 -12px;
-    background: elVar('bg-color', 'overlay');
-    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.04);
-    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    cursor: pointer;
-    z-index: 5;
-
-    .ele-split-collapse-icon {
-      font-size: 14px;
-      color: elVar('text-color', 'secondary');
-      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-      transform: scaleX(1);
-
-      & > svg {
-        stroke-width: 5;
-      }
-    }
-
-    &:hover .ele-split-collapse-icon {
-      color: elVar('text-color', 'primary');
-    }
-  }
-
-  /* 折叠状态 */
-  &.is-collapse {
-    & > .ele-split-panel-wrap {
-      width: 0 !important;
-      pointer-events: none;
-      opacity: 0;
-    }
-
-    & > .ele-split-collapse-button {
-      left: 0;
-
-      .ele-split-collapse-icon {
-        transform: scaleX(-1);
-      }
-    }
-  }
-
-  /* 垂直 */
-  &.is-vertical {
-    flex-direction: column;
-
-    & > .ele-split-panel-wrap {
-      flex-direction: column;
-      height: calc(var(--ele-split-size) + var(--ele-split-space));
-      width: auto;
-
-      & > .ele-split-panel-side {
-        height: var(--ele-split-size);
-        width: auto;
-      }
-
-      & > .ele-split-panel-space {
-        height: var(--ele-split-space);
-        width: auto;
-
-        .ele-split-resize-line {
-          width: 100%;
-          height: 12px;
-          left: auto;
-          top: -6px;
-          cursor: n-resize;
-
-          &::after {
-            width: 100%;
-            height: 3px;
-            margin: 4px 0 0 0;
-          }
-        }
-      }
-    }
-
-    & > .ele-split-collapse-button {
-      top: var(--ele-split-size);
-      left: 50%;
-
-      .ele-split-collapse-icon {
-        transform: scaleY(1);
-      }
-    }
-
-    &.is-collapse {
-      & > .ele-split-panel-wrap {
-        width: auto !important;
-        height: 0 !important;
-      }
-
-      & > .ele-split-collapse-button {
-        top: 0;
-
-        .ele-split-collapse-icon {
-          transform: scaleY(-1);
-        }
-      }
-    }
-  }
-
-  /* 反向 */
-  &.is-reverse {
-    flex-direction: row-reverse;
-
-    & > .ele-split-panel-wrap {
-      flex-direction: row-reverse;
-
-      & > .ele-split-panel-space .ele-split-resize-line {
-        left: auto;
-        right: -6px;
-      }
-    }
-
-    & > .ele-split-collapse-button {
-      left: auto;
-      right: var(--ele-split-size);
-      margin: -12px -12px 0 0;
-
-      .ele-split-collapse-icon {
-        transform: scaleX(-1);
-      }
-    }
-
-    &.is-collapse > .ele-split-collapse-button {
-      right: 0;
-
-      .ele-split-collapse-icon {
-        transform: scaleX(1);
-      }
-    }
-
-    &.is-vertical {
-      flex-direction: column-reverse;
-
-      & > .ele-split-panel-wrap {
-        flex-direction: column-reverse;
-
-        & > .ele-split-panel-space .ele-split-resize-line {
-          top: auto;
-          right: auto;
-          bottom: -6px;
-        }
-      }
-
-      & > .ele-split-collapse-button {
-        left: 50%;
-        top: auto;
-        bottom: var(--ele-split-size);
-        margin: 0 0 -12px -12px;
-
-        .ele-split-collapse-icon {
-          transform: scaleY(-1);
-        }
-      }
-
-      &.is-collapse > .ele-split-collapse-button {
-        bottom: 0;
-
-        .ele-split-collapse-icon {
-          transform: scaleY(1);
-        }
-      }
-    }
-  }
-
-  /* 拉伸状态 */
-  &.is-resizing {
-    user-select: none;
-
-    & > .ele-split-panel-wrap,
-    & > .ele-split-collapse-button {
-      transition: none;
-    }
-  }
-
-  /* 遮罩层 */
-  .ele-split-panel-mask {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    opacity: 0;
-    backdrop-filter: blur(6px);
-    background: rgba(158, 158, 158, 0.2);
-    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    pointer-events: none;
-    display: none;
-    z-index: 2;
-  }
-
-  /* 内部表格弹性布局 */
-  &.is-flex-table {
-    flex: 1;
-    overflow: auto;
-
-    & > .ele-split-panel-body,
-    & > .ele-split-panel-wrap > .ele-split-panel-side {
-      display: flex;
-      flex-direction: column;
-
-      & > .ele-pro-table {
-        flex: 1;
-        display: flex;
-        flex-direction: column;
-        overflow: auto;
-
-        & > .el-table {
-          flex: 1;
-          height: 100%;
-        }
-      }
-    }
-  }
-}
-
-/* 小屏幕样式 */
-@media screen and (max-width: 768px) {
-  .ele-split-panel.is-responsive:not(.is-vertical) {
-    &:not(.is-collapse) {
-      overflow: hidden !important;
-    }
-
-    & > .ele-split-panel-wrap {
-      position: absolute;
-      top: 0;
-      left: 0;
-      bottom: 0;
-
-      & > .ele-split-panel-side {
-        background: elVar('bg-color');
-        border: none;
-        z-index: 3;
-      }
-    }
-
-    & > .ele-split-panel-body {
-      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    }
-
-    & > .ele-split-panel-mask {
-      display: block;
-    }
-
-    &:not(.is-collapse) {
-      & > .ele-split-panel-mask {
-        left: var(--ele-split-size);
-        pointer-events: all;
-        opacity: 1;
-      }
-
-      & > .ele-split-panel-body {
-        transform: translateX(
-          calc(var(--ele-split-size) + var(--ele-split-space))
-        );
-        z-index: 1;
-      }
-    }
-
-    /* 反向 */
-    &.is-reverse {
-      & > .ele-split-panel-wrap {
-        right: 0;
-        left: auto;
-      }
-
-      &:not(.is-collapse) {
-        & > .ele-split-panel-mask {
-          left: 0;
-          right: var(--ele-split-size);
-        }
-
-        & > .ele-split-panel-body {
-          transform: translateX(
-            calc(0px - var(--ele-split-size) - var(--ele-split-space))
-          );
-        }
-      }
-    }
-  }
-}

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

@@ -1 +0,0 @@
-

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

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

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

@@ -1,14 +0,0 @@
-import type { ElStepProps } from '../ele-app/el';
-
-/**
- * 步骤条数据
- */
-export interface StepItem extends ElStepProps {
-  /** 循环的 key */
-  key?: string | number | symbol;
-}
-
-/**
- * 步骤条类型
- */
-export type StepType = 'inline' | null;

package/es/ele-tab-tool/props.d.ts

@@ -1,14 +0,0 @@
-import { ExtractPropTypes } from 'vue';
-
-/**
- * 属性
- */
-export declare const tabToolProps: {
-    /** 是否为模拟页签 */
-    tab: BooleanConstructor;
-    /** 为模拟页签时是否选中 */
-    active: BooleanConstructor;
-    /** 为模拟页签时页签标识 */
-    tabName: (StringConstructor | NumberConstructor)[];
-};
-export type TabToolProps = ExtractPropTypes<typeof tabToolProps>;

package/es/ele-tab-tool/props.js

@@ -1,11 +0,0 @@
-const tabToolProps = {
-  /** 是否为模拟页签 */
-  tab: Boolean,
-  /** 为模拟页签时是否选中 */
-  active: Boolean,
-  /** 为模拟页签时页签标识 */
-  tabName: [String, Number]
-};
-export {
-  tabToolProps
-};

package/es/ele-tab-wrap/props.d.ts

@@ -1,13 +0,0 @@
-import { PropType, ExtractPropTypes } from 'vue';
-import { TabSize, TabType } from '../ele-tabs/types';
-
-/**
- * 属性
- */
-export declare const tabWrapProps: {
-    /** 尺寸 */
-    size: PropType<TabSize>;
-    /** 风格类型 */
-    type: PropType<TabType>;
-};
-export type TabWrapProps = ExtractPropTypes<typeof tabWrapProps>;

package/es/ele-tab-wrap/props.js

@@ -1,9 +0,0 @@
-const tabWrapProps = {
-  /** 尺寸 */
-  size: String,
-  /** 风格类型 */
-  type: String
-};
-export {
-  tabWrapProps
-};

package/es/ele-tab-wrap/style/index.js

@@ -1 +0,0 @@
-

package/es/ele-table/index.d.ts

@@ -1,28 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    stripe: BooleanConstructor;
-    border: BooleanConstructor;
-    size: import('vue').PropType<import('../ele-data-table/types').TableSize>;
-    hasHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hasFooter: BooleanConstructor;
-    printSkin: BooleanConstructor;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    stripe: BooleanConstructor;
-    border: BooleanConstructor;
-    size: import('vue').PropType<import('../ele-data-table/types').TableSize>;
-    hasHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hasFooter: BooleanConstructor;
-    printSkin: BooleanConstructor;
-}>> & Readonly<{}>, {
-    stripe: boolean;
-    border: boolean;
-    hasFooter: boolean;
-    hasHeader: boolean;
-    printSkin: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/es/ele-table/index.js

@@ -1,33 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot } from "vue";
-import { tableProps } from "./props";
-const _sfc_main = defineComponent({
-  name: "EleTable",
-  props: tableProps
-});
-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("table", {
-    class: normalizeClass([
-      "ele-table",
-      { "has-header": _ctx.hasHeader },
-      { "has-footer": _ctx.hasFooter },
-      { "is-stripe": _ctx.stripe },
-      { "is-border": _ctx.border },
-      { "is-large": _ctx.size === "large" },
-      { "is-small": _ctx.size === "small" },
-      { "is-print-skin": _ctx.printSkin }
-    ])
-  }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 2);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  index as default
-};