yuang-framework-ui-pc 1.1.44 → 1.1.46

package/lib/ele-avatar-group/props.cjs

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const avatarGroupProps = {
+  /** 数据 */
+  data: {
+    type: Array,
+    required: true
+  },
+  /** 最大显示个数 */
+  maxCount: Number,
+  /** 形状 */
+  shape: String,
+  /** 大小 */
+  size: [Number, String],
+  /** 自定义样式 */
+  itemStyle: Object,
+  /** 自定义头像样式 */
+  avatarStyle: Object,
+  /** 自定义溢出样式 */
+  moreStyle: Object,
+  /** 是否显示提示 */
+  tooltip: {
+    type: Boolean,
+    default: true
+  },
+  /** 提示属性 */
+  tooltipProps: Object,
+  /** 是否显示溢出气泡 */
+  overflowPopover: {
+    type: Boolean,
+    default: true
+  },
+  /** 溢出气泡属性 */
+  overflowPopoverProps: Object,
+  /** 是否鼠标移入展开 */
+  hoverOpen: Boolean
+};
+const avatarGroupEmits = {
+  /** item 点击事件 */
+  itemClick: (_item) => true,
+  /** 更多点击事件 */
+  moreClick: () => true,
+  /** 图片加载失败事件 */
+  error: (_option) => true
+};
+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/index.cjs

@@ -0,0 +1,104 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const icons = require("../icons");
+const core = require("../utils/core");
+const props = require("./props");
+const _sfc_main = vue.defineComponent({
+  name: "EleBacktop",
+  components: { ElIcon: elementPlus.ElIcon, ArrowUp: icons.ArrowUp },
+  props: props.backtopProps,
+  emits: props.backtopEmits,
+  setup(props2, { emit }) {
+    const visible = vue.ref(false);
+    const targetEl = vue.shallowRef(null);
+    const updateTarget = (el) => {
+      if (el !== targetEl.value && !(el == null && targetEl.value == null)) {
+        targetEl.value = !el || typeof el === "string" ? null : el;
+      }
+    };
+    const handleClick = (e) => {
+      if (targetEl.value) {
+        targetEl.value.scrollTo({ top: 0, behavior: "smooth" });
+      }
+      emit("click", e);
+    };
+    const handleScroll = () => {
+      if (targetEl.value != null && props2.visibilityHeight != null) {
+        visible.value = targetEl.value.scrollTop >= props2.visibilityHeight;
+      } else {
+        visible.value = false;
+      }
+    };
+    const scrollListener = core.throttle(handleScroll, 300, true);
+    const unbindEvent = () => {
+      if (targetEl.value != null) {
+        targetEl.value.removeEventListener("scroll", scrollListener);
+        targetEl.value = null;
+      }
+    };
+    const bindEvent = () => {
+      unbindEvent();
+      if (typeof props2.target === "undefined") {
+        updateTarget(document.body);
+      } else if (typeof props2.target === "string" && props2.target) {
+        updateTarget(document.querySelector(props2.target));
+      } else {
+        updateTarget(props2.target);
+      }
+      handleScroll();
+      if (targetEl.value) {
+        targetEl.value.addEventListener("scroll", scrollListener);
+      }
+    };
+    vue.watch(
+      () => props2.target,
+      () => {
+        bindEvent();
+      }
+    );
+    vue.onMounted(() => {
+      bindEvent();
+    });
+    vue.onBeforeUnmount(() => {
+      unbindEvent();
+    });
+    return { visible, handleClick };
+  }
+});
+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_ArrowUp = vue.resolveComponent("ArrowUp");
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  return vue.openBlock(), vue.createBlock(vue.Transition, { name: _ctx.transitionName }, {
+    default: vue.withCtx(() => [
+      _ctx.visible ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: "ele-backtop",
+        style: vue.normalizeStyle({
+          bottom: typeof _ctx.bottom === "number" ? `${_ctx.bottom}px` : _ctx.bottom,
+          right: typeof _ctx.right === "number" ? `${_ctx.right}px` : _ctx.right
+        }),
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+      }, [
+        vue.renderSlot(_ctx.$slots, "default", {}, () => [
+          vue.createVNode(_component_ElIcon, null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_ArrowUp)
+            ]),
+            _: 1
+          })
+        ])
+      ], 4)) : vue.createCommentVNode("", true)
+    ]),
+    _: 3
+  }, 8, ["name"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/ele-backtop/index.d.ts

@@ -0,0 +1,108 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    target: import('vue').PropType<string | HTMLElement | null>;
+    visibilityHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bottom: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    right: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    visible: import('vue').Ref<boolean, boolean>;
+    handleClick: (e: MouseEvent) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (_e: MouseEvent) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    target: import('vue').PropType<string | HTMLElement | null>;
+    visibilityHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bottom: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    right: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onClick?: ((_e: MouseEvent) => any) | undefined;
+}>, {
+    visibilityHeight: number;
+    bottom: string | number;
+    right: string | number;
+    transitionName: string;
+}, {}, {
+    ElIcon: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            readonly size: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly color: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+        }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            readonly size: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly color: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+        }>>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        readonly size: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly color: {
+            readonly type: import('vue').PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+    }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) & import('vue').Plugin;
+    ArrowUp: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/ele-backtop/props.cjs

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const backtopProps = {
+  /** 触发滚动的对象 */
+  target: [String, Object],
+  /** 滚动高度达到此参数值才出现 */
+  visibilityHeight: {
+    type: Number,
+    default: 200
+  },
+  /** 距离页面底部距离 */
+  bottom: {
+    type: [Number, String],
+    default: 60
+  },
+  /** 距离页面右边距 */
+  right: {
+    type: [Number, String],
+    default: 30
+  },
+  /** 过渡动画名称 */
+  transitionName: {
+    type: String,
+    default: "ele-backtop-fade"
+  }
+};
+const backtopEmits = {
+  click: (_e) => true
+};
+exports.backtopEmits = backtopEmits;
+exports.backtopProps = backtopProps;

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-backtop/style/index.d.ts

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,34 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-backtop-var($ele);
+
+.ele-backtop {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  box-sizing: border-box;
+  font-size: 18px;
+  color: eleVar('backtop', 'color');
+  background: eleVar('backtop', 'bg');
+  box-shadow: eleVar('backtop', 'shadow');
+  transition: (color $transition-base, background-color $transition-base);
+  position: fixed;
+  right: 40px;
+  bottom: 40px;
+  cursor: pointer;
+  z-index: 5;
+
+  & > .el-icon > .ele-arrow-up {
+    stroke-width: 5px;
+  }
+}
+
+.ele-backtop-fade-enter-from,
+.ele-backtop-fade-leave-active {
+  opacity: 0;
+}

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-bar-code/props.d.ts

@@ -0,0 +1,19 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { Options } from 'jsbarcode';
+import { BarCodeTag } from './types';
+
+/**
+ * 属性
+ */
+export declare const barCodeProps: {
+    /** 条码内容 */
+    value: StringConstructor;
+    /** 渲染方式 */
+    tag: {
+        type: PropType<BarCodeTag>;
+        default: string;
+    };
+    /** 参数 */
+    options: PropType<Options>;
+};
+export type BarCodeProps = ExtractPropTypes<typeof barCodeProps>;

package/lib/ele-bar-code/types.d.ts

@@ -0,0 +1,11 @@
+import type { api } from 'jsbarcode';
+
+/**
+ * 条形码实例
+ */
+export type JsBarCodeInstance = Required<api> | null;
+
+/**
+ * 条码渲染方式
+ */
+export type BarCodeTag = 'svg' | 'img' | 'canvas';