ele-admin-plus 1.0.0-beta.1

package/lib/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/lib/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/lib/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/lib/ele-bar-code/index.js

@@ -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.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/lib/ele-bar-code/props.js

@@ -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/style/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//

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

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

package/lib/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/lib/ele-basic-select/components/select-tag.js

@@ -0,0 +1,64 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const _sfc_main = vue.defineComponent({
+  name: "SelectTag",
+  components: { ElTag: elementPlus.ElTag },
+  props: {
+    size: String,
+    // 显示文本
+    label: [String, Number],
+    // 最大显示文本长度
+    maxTagTextLength: Number,
+    // 类型
+    type: String,
+    // 是否可关闭
+    closable: Boolean
+  },
+  emits: {
+    close: () => true
+  },
+  setup(props, { emit }) {
+    const text = vue.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 = vue.resolveComponent("ElTag");
+  return vue.openBlock(), vue.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: vue.withCtx(() => [
+      vue.renderSlot(_ctx.$slots, "default", {}, () => [
+        vue.createTextVNode(vue.toDisplayString(_ctx.text), 1)
+      ])
+    ]),
+    _: 3
+  }, 8, ["size", "type", "closable", "title", "onClose"]);
+}
+const selectTag = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = selectTag;