yuang-framework-ui-pc 1.1.44 → 1.1.45

package/es/style/nprogress.scss

@@ -0,0 +1,85 @@
+@use './util.scss' as *;
+
+/* Make clicks pass-through */
+#nprogress {
+  pointer-events: none;
+  transition: none !important;
+}
+
+#nprogress .bar {
+  background: elVar('color-primary');
+
+  position: fixed;
+  z-index: 1031;
+  top: 0;
+  left: 0;
+
+  width: 100%;
+  height: 2px;
+}
+
+/* Fancy blur effect */
+#nprogress .peg {
+  display: block;
+  position: absolute;
+  right: 0;
+  width: 100px;
+  height: 100%;
+  box-shadow: (0 0 10px elVar('color-primary'), 0 0 5px elVar('color-primary'));
+  opacity: 1;
+
+  -webkit-transform: rotate(3deg) translate(0px, -4px);
+  -ms-transform: rotate(3deg) translate(0px, -4px);
+  transform: rotate(3deg) translate(0px, -4px);
+}
+
+/* Remove these to get rid of the spinner */
+#nprogress .spinner {
+  display: block;
+  position: fixed;
+  z-index: 1031;
+  top: 15px;
+  right: 15px;
+}
+
+#nprogress .spinner-icon {
+  width: 18px;
+  height: 18px;
+  box-sizing: border-box;
+
+  border: solid 2px transparent;
+  border-top-color: elVar('color-primary');
+  border-left-color: elVar('color-primary');
+  border-radius: 50%;
+
+  -webkit-animation: nprogress-spinner 400ms linear infinite;
+  animation: nprogress-spinner 400ms linear infinite;
+}
+
+.nprogress-custom-parent {
+  overflow: hidden;
+  position: relative;
+}
+
+.nprogress-custom-parent #nprogress .spinner,
+.nprogress-custom-parent #nprogress .bar {
+  position: absolute;
+}
+
+@-webkit-keyframes nprogress-spinner {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+  }
+}
+
+@keyframes nprogress-spinner {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/lib/ele-app/style/overwrite/color-picker/index.scss

@@ -0,0 +1,42 @@
+@use '../../../../style/themes/default.scss' as *;
+@use '../../../../style/util.scss' as *;
+
+/* ColorPicker */
+body .el-color-picker__panel {
+  padding: 10px;
+}
+
+.el-color-picker__panel {
+  .el-color-dropdown__btns {
+    margin-top: 8px;
+  }
+
+  .el-color-predefine__color-selector.selected {
+    box-shadow: none;
+    position: relative;
+
+    &::after {
+      content: '';
+      width: 5.71428571px;
+      height: 9.14285714px;
+      border: 2px solid #fff;
+      border-left: 0;
+      border-top: 0;
+      transform: rotate(45deg) translate(-50%, -50%);
+      box-sizing: border-box;
+      position: absolute;
+      top: 50%;
+      left: 6px;
+    }
+  }
+}
+
+.el-color-picker .el-color-picker__color {
+  border-color: elVar('border-color', 'light');
+  overflow: hidden;
+}
+
+body .el-color-picker .el-color-picker__icon,
+body .el-color-picker .el-color-picker__empty {
+  font-size: 13px;
+}

package/lib/ele-app/style/overwrite/notification/css-var.scss

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

package/lib/ele-app/style/overwrite/select/css-var.scss

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

package/{es/ele-avatar-group/props.js → lib/ele-avatar-group/props.cjs}

@@ -1,3 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const avatarGroupProps = {
   /** 数据 */
   data: {
@@ -41,7 +43,5 @@ const avatarGroupEmits = {
   /** 图片加载失败事件 */
   error: (_option) => true
 };
-export {
-  avatarGroupEmits,
-  avatarGroupProps
-};
+exports.avatarGroupEmits = avatarGroupEmits;
+exports.avatarGroupProps = avatarGroupProps;

package/lib/ele-avatar-group/style/index.scss

@@ -0,0 +1,73 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+
+.ele-avatar-group {
+  display: inline-block;
+  vertical-align: top;
+  position: relative;
+  font-size: 0;
+
+  .el-avatar {
+    vertical-align: top;
+    border: 1px solid elVar('bg-color', 'overlay');
+    transition: all 0.3s ease;
+    box-sizing: content-box;
+    position: relative;
+    cursor: pointer;
+    z-index: 1;
+
+    &:first-child {
+      margin-left: 0 !important;
+    }
+
+    &:hover {
+      z-index: 2;
+    }
+  }
+
+  .ele-avatar-more {
+    color: rgb(245, 106, 0);
+    background: elVar('bg-color', 'overlay');
+    display: inline-block;
+  }
+
+  .ele-avatar-more-inner {
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(245, 106, 0, 0.2);
+  }
+
+  &.is-hover-open {
+    &::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      transition: all 0.3s ease;
+      pointer-events: all;
+      z-index: 9999;
+    }
+
+    &:hover {
+      &::before {
+        visibility: hidden;
+      }
+
+      .el-avatar {
+        margin-left: 0 !important;
+      }
+    }
+  }
+}
+
+.ele-avatar-popover.ele-popper.ele-popover {
+  min-width: auto;
+}
+
+.ele-avatar-popover > .ele-popover-body {
+  padding: 8px 12px;
+}

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

@@ -0,0 +1,8 @@
+@use '../../style/util.scss' as *;
+
+/* 返回顶部主题变量 */
+@mixin set-backtop-var($var) {
+  .ele-backtop {
+    @include set-ele-var('backtop', $var);
+  }
+}

package/lib/ele-bar-code/index.cjs

@@ -0,0 +1,66 @@
+"use strict";
+const vue = require("vue");
+const JsBarCode = require("jsbarcode");
+const props = require("./props");
+const _sfc_main = vue.defineComponent({
+  name: "EleBarCode",
+  props: props.barCodeProps,
+  setup(props2) {
+    const rootRef = vue.ref(null);
+    const instance = vue.ref(null);
+    const render = () => {
+      if (!props2.value || !rootRef.value) {
+        return;
+      }
+      try {
+        instance.value = new JsBarCode(
+          rootRef.value,
+          props2.value,
+          props2.options
+        );
+      } catch (e) {
+        console.error(e);
+      }
+    };
+    vue.watch(
+      () => props2.value,
+      () => {
+        render();
+      }
+    );
+    vue.watch(
+      () => props2.options,
+      () => {
+        render();
+      },
+      { deep: true }
+    );
+    vue.watch(
+      () => props2.tag,
+      () => {
+        vue.nextTick(() => {
+          render();
+        });
+      }
+    );
+    vue.onMounted(() => {
+      render();
+    });
+    return { rootRef, instance, render };
+  }
+});
+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) {
+  return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
+    ref: "rootRef",
+    style: vue.normalizeStyle(_ctx.value ? void 0 : { display: "none" })
+  }, null, 8, ["style"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/ele-bar-code/props.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const barCodeProps = {
+  /** 条码内容 */
+  value: String,
+  /** 渲染方式 */
+  tag: {
+    type: String,
+    default: "svg"
+  },
+  /** 参数 */
+  options: Object
+};
+exports.barCodeProps = barCodeProps;

package/lib/ele-basic-select/props.cjs

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const basicSelectProps = {
+  /** 选中值 */
+  value: {
+    type: [String, Number, Boolean, Array],
+    default: () => {
+      return null;
+    }
+  },
+  /** 是否多选 */
+  multiple: Boolean,
+  /** 是否禁用 */
+  disabled: Boolean,
+  /** 尺寸 */
+  size: String,
+  /** 是否支持清除 */
+  clearable: Boolean,
+  /** 无选中时提示文本 */
+  placeholder: String,
+  /** 单选选中展示文本 */
+  selectedLabel: String,
+  /** 多选选中数据 */
+  selected: Array,
+  /** 多选标签最大显示数量 */
+  maxTagCount: Number,
+  /** 多选标签最大显示文本长度 */
+  maxTagTextLength: Number,
+  /** 多选标签类型 */
+  tagType: String,
+  /** 是否在输入框获得焦点后自动弹出选项菜单 */
+  automaticDropdown: Boolean,
+  /** 是否可以筛选 */
+  filterable: Boolean,
+  /** 下拉框是否显示 */
+  visible: Boolean,
+  /** 是否将下拉框插入 body */
+  teleported: Boolean,
+  /** 始终渲染下拉框 */
+  persistent: Boolean,
+  /** 下拉框位置 */
+  placement: String,
+  /** 下拉框渐变动画 */
+  transition: {
+    type: String,
+    default: "el-fade-in-linear"
+  },
+  /** popper.js 参数 */
+  popperOptions: Object,
+  /** 下拉框类名 */
+  popperClass: String,
+  /** 下拉框宽度 */
+  popperWidth: [Number, String],
+  /** 自定义类名 */
+  selectClass: String,
+  /** 自定义样式 */
+  selectStyle: Object,
+  /** 自定义输入框样式 */
+  inputStyle: Object,
+  /** 自定义多选标签容器样式 */
+  selectTagsStyle: Object
+};
+const basicSelectEmits = {
+  /** 更新下拉框显示状态 */
+  "update:visible": (_visible) => true,
+  /** 多选标签移除事件 */
+  removeTag: (_item) => true,
+  /** 清空事件 */
+  clear: () => true,
+  /** 获取焦点事件 */
+  focus: (_e) => true,
+  /** 失去焦点事件 */
+  blur: (_e) => true,
+  /** 筛选输入框值改变事件 */
+  filterChange: (_value) => true
+};
+exports.basicSelectEmits = basicSelectEmits;
+exports.basicSelectProps = basicSelectProps;

package/lib/ele-basic-select/style/css-var.scss

@@ -0,0 +1,9 @@
+@use '../../style/util.scss' as *;
+
+/* 通用下拉选择主题变量 */
+@mixin set-basic-select-var($var) {
+  .ele-select {
+    @include set-ele-var('input', $var);
+    @include set-ele-var('input-error', $var);
+  }
+}

package/lib/ele-basic-select/style/index.scss

@@ -0,0 +1,269 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-basic-select-var($ele);
+
+.ele-select {
+  width: 100%;
+  position: relative;
+  cursor: pointer;
+
+  & > .el-input,
+  & > .el-input > .el-input__wrapper,
+  & > .el-input > .el-input__wrapper > .el-input__inner {
+    cursor: inherit;
+  }
+
+  &.is-filterable {
+    cursor: text;
+  }
+
+  /* 输入框 */
+  & > .el-input > .el-input__wrapper {
+    border: eleVar('input', 'border');
+    background: eleVar('input', 'bg');
+    transition: all $transition-base;
+    box-sizing: border-box;
+    position: relative;
+    box-shadow: none;
+  }
+
+  &:hover > .el-input > .el-input__wrapper {
+    border: eleVar('input', 'hover-border');
+    background: eleVar('input', 'hover-bg');
+    box-shadow: eleVar('input', 'hover-shadow');
+  }
+
+  & > .el-input > .el-input__wrapper.is-focus,
+  &.is-opened > .el-input > .el-input__wrapper {
+    border: eleVar('input', 'focus-border');
+    background: eleVar('input', 'focus-bg');
+    box-shadow: eleVar('input', 'focus-shadow');
+  }
+
+  /* 图标 */
+  & > .el-input > .el-input__wrapper .el-input__icon {
+    color: eleVar('input', 'icon-color');
+    font-size: eleVar('input', 'icon-size');
+    transition: all $transition-base;
+  }
+
+  & > .el-input .el-input__prefix-inner .el-input__icon {
+    margin-right: eleVar('input', 'icon-space');
+  }
+
+  & > .el-input .el-input__suffix-inner .el-input__icon {
+    margin-left: eleVar('input', 'icon-space');
+  }
+
+  /* 箭头和清空图标 */
+  & > .el-input .el-input__icon.ele-select-clear,
+  & > .el-input .el-input__icon.ele-select-arrow {
+    margin: eleVar('input', 'clear-margin');
+  }
+
+  & > .el-input .el-input__icon.ele-select-clear {
+    color: eleVar('input', 'clear-color');
+    cursor: pointer;
+
+    &:hover {
+      color: eleVar('input', 'clear-hover-color');
+    }
+  }
+
+  .ele-select-clear,
+  &:hover .ele-select-clear + .ele-select-arrow,
+  &:hover .ele-select-clear + .ele-select-arrow + .el-input__validateIcon {
+    display: none;
+  }
+
+  &:hover .ele-select-clear {
+    display: flex;
+  }
+
+  .ele-select-arrow > svg > path {
+    transition: d $transition-base;
+  }
+
+  &.is-opened .ele-select-arrow > svg > path {
+    #{'d'}: path('M10 31 24 17 38 31');
+  }
+
+  /* 多选 */
+  &.is-multiple {
+    min-height: elVar('component-size');
+
+    & > .el-input {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      width: 100%;
+      height: 100%;
+
+      & > .el-input__wrapper,
+      & > .el-input__wrapper > .el-input__inner {
+        height: 100%;
+        box-sizing: border-box;
+      }
+    }
+  }
+
+  /* 多选标签 */
+  .ele-select-tags {
+    display: flex;
+    flex-wrap: wrap;
+    min-height: inherit;
+    box-sizing: border-box;
+    padding: 2px 0 2px 4px;
+    width: calc(100% - 22px);
+    position: relative;
+    z-index: 3;
+
+    & > .el-tag {
+      flex-shrink: 0;
+      margin: 2px 4px 2px 0;
+      height: calc(elVar('component-size') - 4px - 4px);
+      border: none;
+    }
+  }
+
+  &.is-empty .ele-select-tags {
+    padding-left: 8.8px;
+  }
+
+  /* 多选搜索框 */
+  .ele-select-search.el-tag {
+    flex: 1;
+    padding: 0;
+    margin-right: 0;
+    min-width: 60px;
+    overflow: hidden;
+    background: none;
+    display: none;
+    font-size: 0;
+
+    & > .el-tag__content {
+      width: 100%;
+      height: 100%;
+      display: block;
+      font-size: 0;
+    }
+
+    .el-input {
+      width: 100%;
+      height: 100%;
+      cursor: inherit;
+
+      .el-input__wrapper {
+        height: 100%;
+        padding: 0 0 0 2px;
+        box-sizing: border-box;
+        border: none;
+        box-shadow: none;
+        background: none;
+        cursor: inherit;
+      }
+
+      .el-input__inner {
+        height: 100%;
+        cursor: inherit;
+      }
+    }
+  }
+
+  &.is-opened .ele-select-search.el-tag {
+    display: block;
+  }
+
+  /* 小尺寸 */
+  &.is-small {
+    &.is-multiple {
+      min-height: elVar('component-size', 'small');
+    }
+
+    .ele-select-tags {
+      width: calc(100% - 20px);
+
+      & > .el-tag {
+        margin: 1px 4px 1px 0;
+        height: calc(elVar('component-size', 'small') - 4px - 2px);
+      }
+    }
+
+    &.is-empty .ele-select-tags {
+      padding-left: 6.8px;
+    }
+  }
+
+  /* 大尺寸 */
+  &.is-large {
+    &.is-multiple {
+      min-height: elVar('component-size', 'large');
+    }
+
+    .ele-select-tags {
+      padding: 4px 0 4px 6px;
+      width: calc(100% - 24px);
+
+      & > .el-tag {
+        height: calc(elVar('component-size', 'large') - 8px - 4px);
+      }
+    }
+
+    &.is-empty .ele-select-tags {
+      padding-left: 10.8px;
+    }
+  }
+
+  /* 禁用 */
+  &.is-disabled {
+    cursor: not-allowed;
+
+    & > .el-input.is-disabled > .el-input__wrapper {
+      border: eleVar('input', 'disabled-border');
+      background: eleVar('input', 'disabled-bg');
+      box-shadow: none;
+    }
+
+    & > .el-input > .el-input__wrapper > .el-input__inner {
+      color: eleVar('input', 'disabled-color');
+      -webkit-text-fill-color: eleVar('input', 'disabled-color');
+    }
+
+    .ele-select-tags > .el-tag {
+      color: elVar('disabled', 'text-color');
+      background: hsla(0, 0%, 60%, 0.15);
+    }
+  }
+}
+
+/* 表单验证 */
+.el-form-item.is-error {
+  .ele-select > .el-input > .el-input__wrapper {
+    border: eleVar('input-error', 'border');
+    background: eleVar('input-error', 'bg');
+    box-shadow: none;
+  }
+
+  .ele-select:hover > .el-input > .el-input__wrapper {
+    border: eleVar('input-error', 'hover-border');
+    background: eleVar('input-error', 'hover-bg');
+    box-shadow: eleVar('input-error', 'hover-shadow');
+  }
+
+  .ele-select > .el-input > .el-input__wrapper.is-focus,
+  .ele-select.is-opened > .el-input > .el-input__wrapper {
+    border: eleVar('input-error', 'focus-border');
+    background: eleVar('input-error', 'focus-bg');
+    box-shadow: eleVar('input-error', 'focus-shadow') !important;
+  }
+
+  .ele-select.is-disabled > .el-input > .el-input__wrapper {
+    border: eleVar('input-error', 'disabled-border');
+    background: eleVar('input-error', 'disabled-bg');
+    box-shadow: none;
+  }
+}

package/{es/ele-config-provider/props.js → lib/ele-config-provider/props.cjs}

@@ -1,3 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const configProviderProps = {
   /** 国际化 */
   locale: Object,
@@ -13,7 +15,5 @@ const configProviderProps = {
   mapKey: String
 };
 const CONFIG_KEY = Symbol("config");
-export {
-  CONFIG_KEY,
-  configProviderProps
-};
+exports.CONFIG_KEY = CONFIG_KEY;
+exports.configProviderProps = configProviderProps;