yuang-framework-ui-pc 1.1.41 → 1.1.43

package/es/ele-avatar-group/index.js

@@ -1,189 +0,0 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, normalizeStyle, withCtx, renderSlot, createCommentVNode, mergeProps, createVNode, createElementVNode, toDisplayString } from "vue";
-import { ElAvatar } from "element-plus";
-import EleTooltip from "../ele-tooltip/index";
-import { avatarGroupProps, avatarGroupEmits } from "./props";
-const _sfc_main = defineComponent({
-  name: "EleAvatarGroup",
-  components: { ElAvatar, EleTooltip },
-  props: avatarGroupProps,
-  emits: avatarGroupEmits,
-  setup(props, { emit }) {
-    const tooltipContent = ref("");
-    const virtualRef = ref();
-    const overflowVisible = ref(false);
-    const commonStyle = computed(() => {
-      if (props.size == null || typeof props.size === "string") {
-        const obj = { large: "-12px", default: "-10px", small: "-8px" };
-        return { marginLeft: props.size ? obj[props.size] : "-10px" };
-      }
-      if (typeof props.size === "number" && props.size >= 0) {
-        return { marginLeft: `${-Math.round(props.size / 3)}px` };
-      }
-      return {};
-    });
-    const isOverflow = computed(() => {
-      return props.maxCount != null && props.maxCount > 0 && props.data != null && props.data.length > props.maxCount;
-    });
-    const avatarData = computed(() => {
-      if (props.data == null) {
-        return [];
-      }
-      return isOverflow.value ? props.data.slice(0, props.maxCount) : props.data;
-    });
-    const overflowCount = computed(() => {
-      if (!isOverflow.value || !props.data || props.maxCount == null) {
-        return 0;
-      }
-      return props.data.length - props.maxCount;
-    });
-    const overflowData = computed(() => {
-      if (props.data == null || !isOverflow.value) {
-        return [];
-      }
-      return props.data.slice(props.maxCount);
-    });
-    const handleItemHover = (item, e) => {
-      if (props.tooltip && item.label) {
-        virtualRef.value = e.currentTarget;
-        tooltipContent.value = item.label;
-      }
-    };
-    const handleItemClick = (item) => {
-      emit("itemClick", item);
-    };
-    const handleMoreClick = () => {
-      emit("moreClick");
-    };
-    const handleError = (option) => {
-      emit("error", option);
-    };
-    return {
-      tooltipContent,
-      virtualRef,
-      overflowVisible,
-      commonStyle,
-      isOverflow,
-      avatarData,
-      overflowCount,
-      overflowData,
-      handleItemHover,
-      handleItemClick,
-      handleMoreClick,
-      handleError
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = { class: "ele-avatar-more-inner" };
-const _hoisted_2 = {
-  key: 0,
-  class: "ele-popover-body ele-avatar-group"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElAvatar = resolveComponent("ElAvatar");
-  const _component_EleTooltip = resolveComponent("EleTooltip");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["ele-avatar-group", { "is-hover-open": _ctx.hoverOpen }])
-  }, [
-    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.avatarData, (item, index2) => {
-      return openBlock(), createBlock(_component_ElAvatar, {
-        key: item.key ?? index2 + "-" + (item.value || item.label),
-        size: _ctx.size,
-        shape: _ctx.shape,
-        src: item.value,
-        style: normalizeStyle([_ctx.commonStyle, _ctx.itemStyle, _ctx.avatarStyle]),
-        onClick: ($event) => _ctx.handleItemClick(item),
-        onError: (e) => _ctx.handleError({ item, e }),
-        onMouseover: (e) => _ctx.handleItemHover(item, e)
-      }, {
-        default: withCtx(() => [
-          _ctx.$slots.item ? renderSlot(_ctx.$slots, "item", {
-            key: 0,
-            item
-          }) : createCommentVNode("", true)
-        ]),
-        _: 2
-      }, 1032, ["size", "shape", "src", "style", "onClick", "onError", "onMouseover"]);
-    }), 128)),
-    _ctx.isOverflow ? (openBlock(), createBlock(_component_EleTooltip, mergeProps({
-      key: 0,
-      effect: "light",
-      isPopover: true,
-      gpuAcceleration: true,
-      placement: "top",
-      popperClass: "ele-avatar-popover",
-      offset: 6
-    }, _ctx.overflowPopoverProps || {}, {
-      disabled: !_ctx.overflowPopover,
-      visible: _ctx.overflowVisible,
-      "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.overflowVisible = $event)
-    }), {
-      body: withCtx(() => [
-        _ctx.overflowPopover ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          renderSlot(_ctx.$slots, "overflow", { overflowData: _ctx.overflowData }, () => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.overflowData, (item, index2) => {
-              return openBlock(), createBlock(_component_ElAvatar, {
-                key: item.key ?? index2 + "-" + (item.value || item.label),
-                size: _ctx.size,
-                shape: _ctx.shape,
-                src: item.value,
-                style: normalizeStyle([_ctx.commonStyle, _ctx.itemStyle, _ctx.avatarStyle]),
-                onClick: ($event) => _ctx.handleItemClick(item),
-                onError: (e) => _ctx.handleError({ item, e }),
-                onMouseover: (e) => _ctx.handleItemHover(item, e)
-              }, {
-                default: withCtx(() => [
-                  _ctx.$slots.item ? renderSlot(_ctx.$slots, "item", {
-                    key: 0,
-                    item
-                  }) : createCommentVNode("", true)
-                ]),
-                _: 2
-              }, 1032, ["size", "shape", "src", "style", "onClick", "onError", "onMouseover"]);
-            }), 128))
-          ])
-        ])) : createCommentVNode("", true)
-      ]),
-      default: withCtx(() => [
-        createVNode(_component_ElAvatar, {
-          size: _ctx.size,
-          shape: _ctx.shape,
-          style: normalizeStyle([_ctx.commonStyle, _ctx.itemStyle, _ctx.moreStyle]),
-          class: "ele-avatar-more",
-          onClick: _ctx.handleMoreClick
-        }, {
-          default: withCtx(() => [
-            createElementVNode("span", _hoisted_1, [
-              renderSlot(_ctx.$slots, "more", {
-                overflowCount: _ctx.overflowCount,
-                overflowData: _ctx.overflowData
-              }, () => [
-                createElementVNode("span", null, "+" + toDisplayString(_ctx.overflowCount), 1)
-              ])
-            ])
-          ]),
-          _: 3
-        }, 8, ["size", "shape", "style", "onClick"])
-      ]),
-      _: 3
-    }, 16, ["disabled", "visible"])) : createCommentVNode("", true),
-    createVNode(_component_EleTooltip, mergeProps({
-      placement: "top",
-      offset: 6
-    }, _ctx.tooltipProps || {}, {
-      content: _ctx.tooltipContent,
-      virtualRef: _ctx.virtualRef,
-      virtualTriggering: true
-    }), null, 16, ["content", "virtualRef"])
-  ], 2);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  index as default
-};

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

@@ -1,73 +0,0 @@
-@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/es/ele-backtop/index.d.ts

@@ -1,50 +0,0 @@
-declare const _default: import('vue').DefineComponent<{
-    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>;
-    handleClick: (e: MouseEvent) => void;
-}, unknown, {}, {}, 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;
-    };
-}>> & {
-    onClick?: ((_e: MouseEvent) => any) | undefined;
-}, {
-    visibilityHeight: number;
-    bottom: string | number;
-    right: string | number;
-    transitionName: string;
-}, {}>;
-export default _default;

package/es/ele-backtop/index.js

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

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

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

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

@@ -1 +0,0 @@
-

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

@@ -1,2 +0,0 @@
-import "element-plus/es/components/icon/style/index";
-import "./index.scss";

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

@@ -1,34 +0,0 @@
-@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/es/ele-bar-code/props.d.ts

@@ -1,19 +0,0 @@
-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/es/ele-bar-code/props.js

@@ -1,14 +0,0 @@
-const barCodeProps = {
-  /** 条码内容 */
-  value: String,
-  /** 渲染方式 */
-  tag: {
-    type: String,
-    default: "svg"
-  },
-  /** 参数 */
-  options: Object
-};
-export {
-  barCodeProps
-};

package/es/ele-bar-code/style/index.js

@@ -1 +0,0 @@
-

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

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

package/es/ele-basic-select/index.d.ts

@@ -1,118 +0,0 @@
-import { ElInputInstance } from '../ele-app/el';
-import { EleTooltipInstance } from '../ele-app/plus';
-import { SelectedItem } from './types';
-
-declare const _default: import('vue').DefineComponent<{
-    value: {
-        type: import('vue').PropType<import('./types').SelectValue>;
-        default: () => null;
-    };
-    multiple: BooleanConstructor;
-    disabled: BooleanConstructor;
-    size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
-    clearable: BooleanConstructor;
-    placeholder: StringConstructor;
-    selectedLabel: StringConstructor;
-    selected: import('vue').PropType<SelectedItem[]>;
-    maxTagCount: NumberConstructor;
-    maxTagTextLength: NumberConstructor;
-    tagType: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
-    automaticDropdown: BooleanConstructor;
-    filterable: BooleanConstructor;
-    visible: BooleanConstructor;
-    teleported: BooleanConstructor;
-    persistent: BooleanConstructor;
-    placement: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
-    transition: {
-        type: StringConstructor;
-        default: string;
-    };
-    popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
-    popperClass: StringConstructor;
-    popperWidth: (StringConstructor | NumberConstructor)[];
-    selectClass: StringConstructor;
-    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-}, {
-    tooltipRef: import('vue').Ref<EleTooltipInstance>;
-    inputRef: import('vue').Ref<ElInputInstance>;
-    searchRef: import('vue').Ref<ElInputInstance>;
-    inputValue: import('vue').Ref<string>;
-    searchValue: import('vue').Ref<string>;
-    isEmpty: import('vue').ComputedRef<boolean>;
-    inputPlaceholder: import('vue').ComputedRef<string>;
-    isCollapse: import('vue').ComputedRef<boolean>;
-    currentTags: import('vue').ComputedRef<SelectedItem[]>;
-    omittedTags: import('vue').ComputedRef<SelectedItem[]>;
-    omittedSize: import('vue').ComputedRef<number>;
-    updatePopper: () => void;
-    focusSearchInput: (e?: MouseEvent) => void;
-    updateSearchValue: (modelValue: string) => void;
-    updateInputValue: (modelValue: string) => void;
-    updateVisible: (visible: boolean) => void;
-    handleTagClose: (item: SelectedItem) => void;
-    handleClear: () => void;
-    handleInputClick: (e: MouseEvent) => void;
-    handleInputFocus: (e: FocusEvent) => void;
-    handleInputBlur: (e: FocusEvent) => void;
-    handleInputEsc: (e: FocusEvent) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    'update:visible': (_visible: boolean) => boolean;
-    removeTag: (_item: SelectedItem) => boolean;
-    clear: () => boolean;
-    focus: (_e: FocusEvent) => boolean;
-    blur: (_e: FocusEvent) => boolean;
-    filterChange: (_value: string) => boolean;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    value: {
-        type: import('vue').PropType<import('./types').SelectValue>;
-        default: () => null;
-    };
-    multiple: BooleanConstructor;
-    disabled: BooleanConstructor;
-    size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
-    clearable: BooleanConstructor;
-    placeholder: StringConstructor;
-    selectedLabel: StringConstructor;
-    selected: import('vue').PropType<SelectedItem[]>;
-    maxTagCount: NumberConstructor;
-    maxTagTextLength: NumberConstructor;
-    tagType: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
-    automaticDropdown: BooleanConstructor;
-    filterable: BooleanConstructor;
-    visible: BooleanConstructor;
-    teleported: BooleanConstructor;
-    persistent: BooleanConstructor;
-    placement: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
-    transition: {
-        type: StringConstructor;
-        default: string;
-    };
-    popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
-    popperClass: StringConstructor;
-    popperWidth: (StringConstructor | NumberConstructor)[];
-    selectClass: StringConstructor;
-    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-}>> & {
-    onFocus?: ((_e: FocusEvent) => any) | undefined;
-    onBlur?: ((_e: FocusEvent) => any) | undefined;
-    onClear?: (() => any) | undefined;
-    onRemoveTag?: ((_item: SelectedItem) => any) | undefined;
-    "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
-    onFilterChange?: ((_value: string) => any) | undefined;
-}, {
-    value: import('./types').SelectValue;
-    teleported: boolean;
-    clearable: boolean;
-    disabled: boolean;
-    filterable: boolean;
-    persistent: boolean;
-    visible: boolean;
-    transition: string;
-    multiple: boolean;
-    automaticDropdown: boolean;
-}, {}>;
-export default _default;