yuang-framework-ui-pc 1.1.44 → 1.1.45

package/lib/ele-steps/index.cjs

@@ -0,0 +1,54 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const core = require("../utils/core");
+const props = require("./props");
+const _sfc_main = vue.defineComponent({
+  name: "EleSteps",
+  components: { ElSteps: elementPlus.ElSteps, ElStep: elementPlus.ElStep },
+  props: props.stepsProps,
+  setup(props2) {
+    const rootProps = vue.computed(() => {
+      return core.omit(props2, ["items", "type"]);
+    });
+    return { rootProps };
+  }
+});
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElStep = vue.resolveComponent("ElStep");
+  const _component_ElSteps = vue.resolveComponent("ElSteps");
+  return vue.openBlock(), vue.createBlock(_component_ElSteps, vue.mergeProps(_ctx.rootProps, {
+    class: [
+      "ele-steps",
+      { "is-inline": _ctx.direction === "horizontal" && _ctx.type === "inline" }
+    ]
+  }), {
+    default: vue.withCtx(() => [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item, index2) => {
+        return vue.openBlock(), vue.createBlock(_component_ElStep, vue.mergeProps({ key: index2 }, { ref_for: true }, item), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(_ctx.$slots).filter((k) => "default" !== k), (name) => {
+            return {
+              name,
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, name, {
+                  index: index2,
+                  item
+                })
+              ])
+            };
+          })
+        ]), 1040);
+      }), 128))
+    ]),
+    _: 3
+  }, 16, ["class"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/ele-tab-wrap/props.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tabWrapProps = {
+  /** 尺寸 */
+  size: String,
+  /** 风格类型 */
+  type: String
+};
+exports.tabWrapProps = tabWrapProps;

package/lib/ele-table/props.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tableProps = {
+  /** 是否为斑马纹 */
+  stripe: Boolean,
+  /** 是否带有纵向边框 */
+  border: Boolean,
+  /** 尺寸 */
+  size: String,
+  /** 是否有表头 */
+  hasHeader: {
+    type: Boolean,
+    default: true
+  },
+  /** 是否有表尾 */
+  hasFooter: Boolean,
+  /** 是否使用打印皮肤 */
+  printSkin: Boolean
+};
+exports.tableProps = tableProps;

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

@@ -0,0 +1,219 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use '../../ele-data-table/style/css-var.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-table-var($ele);
+
+.ele-table {
+  width: 100%;
+  border-spacing: 0;
+  border-collapse: separate;
+
+  /* 单元格样式 */
+  & > tr,
+  & > thead > tr,
+  & > tbody > tr,
+  & > tfoot > tr {
+    & > th,
+    & > td {
+      color: eleVar('table', 'color');
+      font-size: eleVar('table', 'font-size');
+      font-weight: normal;
+      line-height: eleVar('table', 'line-height');
+      padding: eleVar('table', 'padding');
+      transition: background-color $transition-base;
+      border-width: 0;
+      border-style: solid;
+      border-color: eleVar('table', 'border-color');
+      border-bottom-width: 1px;
+      vertical-align: middle;
+      box-sizing: border-box;
+      text-align: left;
+
+      /* 单元格对齐方式 */
+      &.is-align-left {
+        text-align: left;
+      }
+
+      &.is-align-center {
+        text-align: center;
+      }
+
+      &.is-align-right {
+        text-align: right;
+      }
+    }
+
+    & > td {
+      background: eleVar('table', 'tr-bg');
+    }
+
+    &:hover > td {
+      background: eleVar('table', 'tr-hover-bg');
+    }
+  }
+
+  /* 表头单元格 */
+  & > tr > th,
+  & > thead > tr > th,
+  & > tbody > tr > th,
+  & > tfoot > tr > th,
+  & > thead > tr > td {
+    color: eleVar('table', 'th-color');
+    font-weight: eleVar('table', 'th-font-weight');
+    background: eleVar('table', 'th-bg');
+  }
+
+  & > thead > tr > th {
+    position: relative;
+
+    &::after {
+      content: '';
+      width: 0;
+      height: 20px;
+      border-right: 1px solid eleVar('table', 'border-color');
+      position: absolute;
+      right: 0;
+      top: 50%;
+      margin-top: -10px;
+    }
+  }
+
+  & > thead > tr > th:last-child::after,
+  &.is-border > thead > tr > th::after {
+    display: none;
+  }
+
+  /* 表尾 */
+  & > tfoot > tr > td {
+    background: eleVar('table', 'th-bg');
+  }
+
+  &:not(.is-border) > tfoot > tr:last-child > td {
+    border-bottom-width: 0;
+  }
+
+  /* 圆角 */
+  @include table-radius(eleVar('table', 'radius'));
+
+  /* 斑马纹 */
+  &.is-stripe {
+    & > tr:nth-child(even),
+    & > tbody > tr:nth-child(even) {
+      & > td {
+        background: eleVar('table', 'even-bg');
+      }
+
+      &:hover > td {
+        background: eleVar('table', 'tr-hover-bg');
+      }
+    }
+  }
+
+  /* 行选中 */
+  & > tr.is-active,
+  & > tbody > tr.is-active,
+  &.is-stripe > tr.is-active,
+  &.is-stripe > tbody > tr.is-active {
+    & > td {
+      background: eleVar('table', 'tr-active-bg');
+    }
+
+    &:hover > td {
+      background: eleVar('table', 'tr-active-hover-bg');
+    }
+  }
+
+  /* 大型尺寸 */
+  &.is-large {
+    & > tr,
+    & > thead > tr,
+    & > tbody > tr,
+    & > tfoot > tr {
+      & > th,
+      & > td {
+        font-size: eleVar('table', 'lg-size');
+        padding: eleVar('table', 'lg-padding');
+      }
+    }
+
+    @include table-radius(eleVar('table', 'lg-radius'));
+  }
+
+  /* 小型尺寸 */
+  &.is-small {
+    & > tr,
+    & > thead > tr,
+    & > tbody > tr,
+    & > tfoot > tr {
+      & > th,
+      & > td {
+        font-size: eleVar('table', 'sm-size');
+        padding: eleVar('table', 'sm-padding');
+      }
+    }
+
+    @include table-radius(eleVar('table', 'sm-radius'));
+  }
+
+  /* 全边框 */
+  &.is-border {
+    border-top: 1px solid eleVar('table', 'border-color');
+    border-left: 1px solid eleVar('table', 'border-color');
+
+    & > tr,
+    & > thead > tr,
+    & > tbody > tr,
+    & > tfoot > tr {
+      & > th,
+      & > td {
+        border-right-width: 1px;
+      }
+    }
+  }
+
+  &:not(.has-header) {
+    border-top: 1px solid eleVar('table', 'border-color');
+  }
+
+  /* 表格内组件样式优化 */
+  @include table-common-style();
+
+  /* 打印风格的皮肤 */
+  &.is-print-skin {
+    table-layout: fixed;
+    border-collapse: collapse;
+    word-break: break-all;
+
+    &.is-border {
+      border-right: 2px solid eleVar('table', 'border-color');
+
+      & > tr,
+      & > thead > tr,
+      & > tbody > tr,
+      & > tfoot > tr {
+        & > th,
+        & > td {
+          border-right-width: 0;
+          border-left-width: 1px;
+        }
+      }
+    }
+  }
+}
+
+body table.ele-table.is-print-skin {
+  #{eleVarName('table', 'color')}: #000;
+  #{eleVarName('table', 'th-color')}: #000;
+  #{eleVarName('table', 'border-color')}: #000;
+  #{eleVarName('table', 'bg')}: transparent;
+  #{eleVarName('table', 'th-bg')}: transparent;
+  #{eleVarName('table', 'tr-bg')}: transparent;
+}
+
+table.ele-table.is-border.is-print-skin {
+  #{eleVarName('table', 'radius')}: 0;
+  #{eleVarName('table', 'sm-radius')}: 0;
+  #{eleVarName('table', 'lg-radius')}: 0;
+}

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

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

package/{es/ele-test → lib/ele-text}/style/index.scss

@@ -4,7 +4,7 @@
 
 @include set-text-var($ele);
 
-.yu-test {
+.ele-text {
   color: elVar('text-color', 'regular');
   font-size: elVar('font-size', 'base');
   box-sizing: border-box;

package/lib/ele-tool/props.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const toolProps = {
+  /** 提示文字 */
+  title: String,
+  /** 提示方向 */
+  placement: {
+    type: String,
+    default: "top"
+  },
+  /** 是否禁用提示 */
+  disabled: Boolean,
+  /** 是否点击时关闭提示 */
+  clickHideTooltip: Boolean
+};
+const toolEmits = {
+  /** 点击事件 */
+  click: (_e) => true
+};
+exports.toolEmits = toolEmits;
+exports.toolProps = toolProps;

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

@@ -0,0 +1,56 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-toolbar-var($ele);
+
+.ele-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  box-sizing: border-box;
+  padding: eleVar('toolbar', 'padding');
+  background: eleVar('toolbar', 'bg');
+  border: eleVar('toolbar', 'border');
+  border-radius: eleVar('toolbar', 'radius');
+
+  .ele-toolbar-title {
+    flex-shrink: 0;
+    max-width: 100%;
+    margin-top: eleVar('toolbar', 'space');
+    margin-bottom: eleVar('toolbar', 'space');
+    margin-right: eleVar('toolbar', 'space');
+  }
+
+  .ele-toolbar-body {
+    flex: auto;
+    max-width: 100%;
+    margin: eleVar('toolbar', 'space') 0;
+  }
+
+  .ele-toolbar-tools {
+    flex-shrink: 0;
+    max-width: 100%;
+    margin-right: 0;
+    margin-left: auto;
+    margin-top: calc(#{eleVar('toolbar', 'space')} / 2);
+    margin-bottom: calc(#{eleVar('toolbar', 'space')} / 2);
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    align-items: center;
+  }
+
+  /* 朴素风格 */
+  &.is-plain {
+    padding: 0;
+    border: none;
+    background: none;
+    margin: eleVar('toolbar-plain', 'margin');
+  }
+
+  /* 修复上传列表占位 */
+  .el-upload-list {
+    margin: 0;
+  }
+}

package/lib/ele-tour/props.cjs

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tourProps = {
+  /** 当前处于第几步 */
+  modelValue: Number,
+  /** 步骤 */
+  steps: {
+    type: Array,
+    required: true
+  },
+  /** 是否开启遮罩层 */
+  mask: {
+    type: Boolean,
+    default: true
+  },
+  /** 高亮区内间距 */
+  padding: {
+    type: Number,
+    default: 6
+  },
+  /** 层级 */
+  zIndex: Number,
+  /** 国际化 */
+  locale: Object
+};
+const tourEmits = {
+  "update:modelValue": (_value) => true
+};
+exports.tourEmits = tourEmits;
+exports.tourProps = tourProps;

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

@@ -0,0 +1,101 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+
+.ele-tour {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: elVar('index', 'popper');
+  display: none;
+
+  &.is-open {
+    display: block;
+  }
+}
+
+/* 带高亮的遮罩 */
+.ele-tour-box {
+  position: absolute;
+  border: 2px solid elVar('color-primary');
+  border-radius: elVar('border-radius', 'base');
+  transition: (
+    left $transition-base,
+    top $transition-base,
+    width $transition-base,
+    height $transition-base
+  );
+}
+
+.ele-tour.show-mask > .ele-tour-box {
+  border: none;
+  box-shadow: 0 0 0 1000vw elVar('overlay-color', 'lighter');
+}
+
+/* 气泡定位元素 */
+.ele-tour-reference {
+  position: absolute;
+  box-sizing: border-box;
+}
+
+/* 标题 */
+.ele-tour-title {
+  font-weight: bold;
+  color: elVar('text-color', 'primary');
+  margin-bottom: 8px;
+}
+
+/* 内容 */
+.ele-tour-text {
+  font-size: elVar('font-size', 'small');
+}
+
+/* 底部 */
+.ele-tour-footer {
+  display: flex;
+  align-items: center;
+  margin-top: 16px;
+}
+
+/* 指示器 */
+.ele-tour-counter {
+  color: elVar('text-color', 'secondary');
+  font-size: elVar('font-size', 'extra-small');
+}
+
+/* 操作按钮 */
+.ele-tour-action {
+  flex: 1;
+  text-align: right;
+
+  .el-button {
+    padding-left: 8px;
+    padding-right: 8px;
+
+    & + .el-button {
+      margin-left: 8px;
+    }
+  }
+}
+
+.ele-tour-popover > .ele-popover-body {
+  padding: 12px 16px;
+}
+
+/* 气泡弹窗效果 */
+.ele-tour-popover.ele-tour-modal {
+  margin: 0 auto;
+  left: 0 !important;
+  top: 50% !important;
+  right: 0 !important;
+  bottom: auto !important;
+  transform: translateY(-50.1%) !important;
+  transform-origin: center !important;
+  max-width: calc(100% - 32px);
+  box-sizing: border-box;
+
+  & > .el-popper__arrow {
+    display: none;
+  }
+}

package/lib/ele-tour/util.cjs

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function getOffset(el) {
+  const { top, left } = el.getBoundingClientRect();
+  const { scrollY, scrollX } = el.ownerDocument.defaultView ?? {};
+  return {
+    top: top + (scrollY ?? 0),
+    left: left + (scrollX ?? 0)
+  };
+}
+function getPopperProps(visible, modal, props) {
+  const classes = ["ele-tour-popover"];
+  if (modal) {
+    classes.push("ele-tour-modal");
+  }
+  if (props && props.popperClass && typeof props.popperClass === "string") {
+    classes.push(props.popperClass);
+  }
+  return {
+    trigger: "click",
+    placement: "top",
+    teleported: false,
+    width: modal ? 440 : 290,
+    transition: "ele-tour-fast",
+    persistent: false,
+    effect: "light",
+    isPopover: true,
+    gpuAcceleration: true,
+    ...props,
+    visible: visible ?? false,
+    popperClass: classes.join(" ")
+  };
+}
+function scrollIntoView(el) {
+  if (typeof el["scrollIntoViewIfNeeded"] === "function") {
+    el.scrollIntoViewIfNeeded(true);
+  } else {
+    el.scrollIntoView({ behavior: "instant", block: "nearest" });
+  }
+}
+exports.getOffset = getOffset;
+exports.getPopperProps = getPopperProps;
+exports.scrollIntoView = scrollIntoView;

package/{es/ele-upload-list/props.js → lib/ele-upload-list/props.cjs}

@@ -1,3 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uploadListProps = {
   /** 已上传列表 */
   modelValue: Array,
@@ -66,7 +68,5 @@ const uploadListEmits = {
   /** item 预览事件 */
   preview: (_item) => true
 };
-export {
-  uploadListEmits,
-  uploadListProps
-};
+exports.uploadListEmits = uploadListEmits;
+exports.uploadListProps = uploadListProps;

package/lib/ele-upload-list/style/css-var.scss

@@ -0,0 +1,8 @@
+@use '../../style/util.scss' as *;
+
+/* 文件上传主题变量 */
+@mixin set-upload-list-var($var) {
+  .ele-upload-list {
+    @include set-ele-var('upload-list', $var);
+  }
+}