ele-admin-plus 1.0.0-beta.1

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

@@ -0,0 +1,178 @@
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, normalizeStyle, withCtx, renderSlot, mergeProps, createVNode, createElementVNode, toDisplayString, createCommentVNode } from "vue";
+import { ElAvatar, ElTooltip, ElPopover } from "element-plus";
+import { useLicense } from "../utils/license-util";
+import { avatarGroupProps, avatarGroupEmits } from "./props";
+const _sfc_main = defineComponent({
+  name: "EleAvatarGroup",
+  components: { ElAvatar, ElTooltip, ElPopover },
+  props: avatarGroupProps,
+  emits: avatarGroupEmits,
+  setup(props, { emit }) {
+    const { authenticated } = useLicense();
+    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 (!authenticated.value || 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 onItemHover = (item, e) => {
+      if (props.tooltip && item.label) {
+        virtualRef.value = e.currentTarget;
+        tooltipContent.value = item.label;
+      }
+    };
+    const onItemClick = (item) => {
+      emit("itemClick", item);
+    };
+    const onMoreClick = () => {
+      emit("moreClick");
+    };
+    const onError = (option) => {
+      emit("error", option);
+    };
+    return {
+      tooltipContent,
+      virtualRef,
+      overflowVisible,
+      commonStyle,
+      isOverflow,
+      avatarData,
+      overflowCount,
+      overflowData,
+      onItemHover,
+      onItemClick,
+      onMoreClick,
+      onError
+    };
+  }
+});
+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-group" };
+const _hoisted_2 = { class: "ele-avatar-more-inner" };
+const _hoisted_3 = {
+  key: 0,
+  class: "ele-avatar-group"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElAvatar = resolveComponent("ElAvatar");
+  const _component_ElPopover = resolveComponent("ElPopover");
+  const _component_ElTooltip = resolveComponent("ElTooltip");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.avatarData, (item, index2) => {
+      return openBlock(), createBlock(_component_ElAvatar, {
+        key: index2 + "-" + item.value,
+        size: _ctx.size,
+        shape: _ctx.shape,
+        src: item.value,
+        style: normalizeStyle([_ctx.commonStyle, _ctx.itemStyle, _ctx.avatarStyle]),
+        onClick: ($event) => _ctx.onItemClick(item),
+        onError: (e) => _ctx.onError({ item, e }),
+        onMouseover: (e) => _ctx.onItemHover(item, e)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "item", { item })
+        ]),
+        _: 2
+      }, 1032, ["size", "shape", "src", "style", "onClick", "onError", "onMouseover"]);
+    }), 128)),
+    _ctx.isOverflow ? (openBlock(), createBlock(_component_ElPopover, mergeProps({
+      key: 0,
+      placement: "top",
+      popperClass: "ele-avatar-popover"
+    }, _ctx.overflowPopoverProps, {
+      width: "auto",
+      disabled: !_ctx.overflowPopover,
+      visible: _ctx.overflowVisible,
+      "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.overflowVisible = $event)
+    }), {
+      reference: withCtx(() => [
+        createVNode(_component_ElAvatar, {
+          size: _ctx.size,
+          shape: _ctx.shape,
+          style: normalizeStyle([_ctx.commonStyle, _ctx.itemStyle, _ctx.moreStyle]),
+          class: "ele-avatar-more",
+          onClick: _ctx.onMoreClick
+        }, {
+          default: withCtx(() => [
+            createElementVNode("span", _hoisted_2, [
+              renderSlot(_ctx.$slots, "more", {
+                overflowCount: _ctx.overflowCount,
+                overflowData: _ctx.overflowData
+              }, () => [
+                createElementVNode("span", null, "+" + toDisplayString(_ctx.overflowCount), 1)
+              ])
+            ])
+          ]),
+          _: 3
+        }, 8, ["size", "shape", "style", "onClick"])
+      ]),
+      default: withCtx(() => [
+        renderSlot(_ctx.$slots, "overflow", { overflowData: _ctx.overflowData }, () => [
+          _ctx.overflowPopover ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.overflowData, (item, index2) => {
+              return openBlock(), createBlock(_component_ElAvatar, {
+                key: index2 + "-" + item.value,
+                size: _ctx.size,
+                shape: _ctx.shape,
+                src: item.value,
+                style: normalizeStyle([_ctx.commonStyle, _ctx.itemStyle, _ctx.avatarStyle]),
+                onClick: ($event) => _ctx.onItemClick(item),
+                onError: (e) => _ctx.onError({ item, e }),
+                onMouseover: (e) => _ctx.onItemHover(item, e)
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "item", { item })
+                ]),
+                _: 2
+              }, 1032, ["size", "shape", "src", "style", "onClick", "onError", "onMouseover"]);
+            }), 128))
+          ])) : createCommentVNode("", true)
+        ])
+      ]),
+      _: 3
+    }, 16, ["disabled", "visible"])) : createCommentVNode("", true),
+    createVNode(_component_ElTooltip, mergeProps({ placement: "top" }, _ctx.tooltipProps, {
+      content: _ctx.tooltipContent,
+      virtualRef: _ctx.virtualRef,
+      virtualTriggering: true
+    }), null, 16, ["content", "virtualRef"])
+  ]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/es/ele-avatar-group/props.d.ts

@@ -0,0 +1,37 @@
+import type { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+import type { ElTooltipProps, PopoverProps } from 'element-plus';
+import type { AvatarItem, AvatarErrorOption } from './types';
+/**
+ * 属性
+ */
+export declare const avatarGroupProps: {
+    data: {
+        type: PropType<AvatarItem[]>;
+        required: boolean;
+    };
+    maxCount: NumberConstructor;
+    shape: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "circle" | "square", unknown>>;
+    size: PropType<import("element-plus/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number>>;
+    itemStyle: PropType<CSSProperties>;
+    avatarStyle: PropType<CSSProperties>;
+    moreStyle: PropType<CSSProperties>;
+    tooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipProps: PropType<Partial<ElTooltipProps>>;
+    overflowPopover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowPopoverProps: PropType<Partial<PopoverProps>>;
+};
+export type AvatarGroupProps = ExtractPropTypes<typeof avatarGroupProps>;
+/**
+ * 事件
+ */
+export declare const avatarGroupEmits: {
+    itemClick: (_item: AvatarItem) => boolean;
+    moreClick: () => boolean;
+    error: (_option: AvatarErrorOption) => boolean;
+};

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

@@ -0,0 +1,45 @@
+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
+};
+const avatarGroupEmits = {
+  // item 点击事件
+  itemClick: (_item) => true,
+  // 更多点击事件
+  moreClick: () => true,
+  // 图片加载失败事件
+  error: (_option) => true
+};
+export {
+  avatarGroupEmits,
+  avatarGroupProps
+};

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

@@ -0,0 +1,4 @@
+import 'element-plus/es/components/avatar/style/index';
+import 'element-plus/es/components/tooltip/style/index';
+import 'element-plus/es/components/popover/style/index';
+import './index.scss';

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

@@ -0,0 +1,36 @@
+@use '../../style/themes/default.scss' as *;
+
+.ele-avatar-group {
+  display: inline-block;
+  vertical-align: top;
+  font-size: 0;
+
+  .el-avatar {
+    vertical-align: top;
+    border: 1px solid elVar('bg-color', 'overlay');
+    box-sizing: content-box;
+    cursor: pointer;
+
+    &:first-child {
+      margin-left: 0 !important;
+    }
+  }
+
+  .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);
+  }
+}
+
+.ele-avatar-popover.el-popper {
+  min-width: auto;
+}

package/es/ele-avatar-group/types/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 数据
+ */
+export interface AvatarItem extends Record<keyof any, any> {
+    label?: string;
+    value?: string;
+}
+/**
+ * 图片加载失败事件参数
+ */
+export interface AvatarErrorOption {
+    /** 数据 */
+    item: AvatarItem;
+    /** 事件 */
+    e: Event;
+}

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

@@ -0,0 +1,47 @@
+import JsBarCode from 'jsbarcode';
+declare const _sfc_main: import("vue").DefineComponent<{
+    value: StringConstructor;
+    tag: {
+        type: import("vue").PropType<import("./types").BarCodeTag>;
+        default: string;
+    };
+    options: import("vue").PropType<JsBarCode.Options>;
+}, {
+    rootRef: import("vue").Ref<HTMLElement | null>;
+    instance: import("vue").Ref<{
+        options: (options: JsBarCode.Options) => JsBarCode.api;
+        blank: (size: number) => JsBarCode.api;
+        init: (options?: JsBarCode.Options | undefined) => void;
+        render: () => void;
+        CODE39: (value: string, options?: JsBarCode.BaseOptions | undefined) => JsBarCode.api;
+        CODE128: (value: string, options?: JsBarCode.Code128Options | undefined) => JsBarCode.api;
+        CODE128A: (value: string, options?: JsBarCode.Code128Options | undefined) => JsBarCode.api;
+        CODE128B: (value: string, options?: JsBarCode.Code128Options | undefined) => JsBarCode.api;
+        CODE128C: (value: string, options?: JsBarCode.Code128Options | undefined) => JsBarCode.api;
+        EAN13: (value: string, options?: JsBarCode.Ean13Options | undefined) => JsBarCode.api;
+        EAN8: (value: string, options?: JsBarCode.Ean8Options | undefined) => JsBarCode.api;
+        EAN5: (value: string, options?: JsBarCode.BaseOptions | undefined) => JsBarCode.api;
+        EAN2: (value: string, options?: JsBarCode.BaseOptions | undefined) => JsBarCode.api;
+        UPC: (value: string, options?: JsBarCode.BaseOptions | undefined) => JsBarCode.api;
+        ITF14: (value: string, options?: JsBarCode.BaseOptions | undefined) => JsBarCode.api;
+        ITF: (value: string, options?: JsBarCode.BaseOptions | undefined) => JsBarCode.api;
+        MSI: (value: string, options?: JsBarCode.BaseOptions | undefined) => JsBarCode.api;
+        MSI10: (value: string, options?: JsBarCode.BaseOptions | undefined) => JsBarCode.api;
+        MSI11: (value: string, options?: JsBarCode.BaseOptions | undefined) => JsBarCode.api;
+        MSI1010: (value: string, options?: JsBarCode.BaseOptions | undefined) => JsBarCode.api;
+        MSI1110: (value: string, options?: JsBarCode.BaseOptions | undefined) => JsBarCode.api;
+        pharmacode: (value: string, options?: JsBarCode.BaseOptions | undefined) => JsBarCode.api;
+        codabar: (value: string, options?: JsBarCode.BaseOptions | undefined) => JsBarCode.api;
+    } | null>;
+    render: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: StringConstructor;
+    tag: {
+        type: import("vue").PropType<import("./types").BarCodeTag>;
+        default: string;
+    };
+    options: import("vue").PropType<JsBarCode.Options>;
+}>>, {
+    tag: import("./types").BarCodeTag;
+}, {}>;
+export default _sfc_main;

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

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

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

@@ -0,0 +1,15 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { Options } from 'jsbarcode';
+import type { 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

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

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

@@ -0,0 +1 @@
+//

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

@@ -0,0 +1,4 @@
+/**
+ * 条码渲染方式
+ */
+export type BarCodeTag = 'svg' | 'img' | 'canvas';

package/es/ele-basic-select/components/select-tag.d.ts

@@ -0,0 +1,24 @@
+import type { PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    size: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+    label: (StringConstructor | NumberConstructor)[];
+    maxTagTextLength: NumberConstructor;
+    type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+    closable: BooleanConstructor;
+}, {
+    text: import("vue").ComputedRef<string>;
+    onClose: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+    label: (StringConstructor | NumberConstructor)[];
+    maxTagTextLength: NumberConstructor;
+    type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+    closable: BooleanConstructor;
+}>> & {
+    onClose?: (() => any) | undefined;
+}, {
+    closable: boolean;
+}, {}>;
+export default _sfc_main;

package/es/ele-basic-select/components/select-tag.js

@@ -0,0 +1,65 @@
+import { defineComponent, computed, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { ElTag } from "element-plus";
+const _sfc_main = defineComponent({
+  name: "SelectTag",
+  components: { ElTag },
+  props: {
+    size: String,
+    // 显示文本
+    label: [String, Number],
+    // 最大显示文本长度
+    maxTagTextLength: Number,
+    // 类型
+    type: String,
+    // 是否可关闭
+    closable: Boolean
+  },
+  emits: {
+    close: () => true
+  },
+  setup(props, { emit }) {
+    const text = computed(() => {
+      if (props.label == null) {
+        return "";
+      }
+      const str = String(props.label);
+      if (typeof props.maxTagTextLength === "number" && str.length > props.maxTagTextLength) {
+        return `${str.slice(0, props.maxTagTextLength)}...`;
+      }
+      return str;
+    });
+    const onClose = () => {
+      emit("close");
+    };
+    return { text, onClose };
+  }
+});
+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_ElTag = resolveComponent("ElTag");
+  return openBlock(), createBlock(_component_ElTag, {
+    size: _ctx.size,
+    type: _ctx.type,
+    closable: _ctx.closable,
+    disableTransitions: true,
+    title: _ctx.label == null ? _ctx.label : String(_ctx.label),
+    onClose: _ctx.onClose
+  }, {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default", {}, () => [
+        createTextVNode(toDisplayString(_ctx.text), 1)
+      ])
+    ]),
+    _: 3
+  }, 8, ["size", "type", "closable", "title", "onClose"]);
+}
+const selectTag = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  selectTag as default
+};