ele-admin-plus 1.0.0-beta.1

package/es/ele-tab-wrap/index.d.ts

@@ -0,0 +1,8 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    size: import("vue").PropType<import("../ele-tabs/types").TabSize>;
+    type: import("vue").PropType<import("../ele-tabs/types").TabType>;
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: import("vue").PropType<import("../ele-tabs/types").TabSize>;
+    type: import("vue").PropType<import("../ele-tabs/types").TabType>;
+}>>, {}, {}>;
+export default _sfc_main;

package/es/ele-tab-wrap/index.js

@@ -0,0 +1,31 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { tabWrapProps } from "./props";
+const _sfc_main = defineComponent({
+  name: "EleTabWrap",
+  props: tabWrapProps
+});
+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(), createElementBlock("div", {
+    class: normalizeClass([
+      "ele-tab-wrap",
+      { "is-small": _ctx.size === "small" },
+      { "is-large": _ctx.size === "large" },
+      { "is-simple": _ctx.type === "simple" },
+      { "is-indicator": _ctx.type === "indicator" },
+      { "is-button": _ctx.type === "button" }
+    ])
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 2);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/es/ele-tab-wrap/props.d.ts

@@ -0,0 +1,10 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { TabSize, TabType } from '../ele-tabs/types';
+/**
+ * 属性
+ */
+export declare const tabWrapProps: {
+    size: PropType<TabSize>;
+    type: PropType<TabType>;
+};
+export type TabWrapProps = ExtractPropTypes<typeof tabWrapProps>;

package/es/ele-tab-wrap/props.js

@@ -0,0 +1,9 @@
+const tabWrapProps = {
+  // 尺寸
+  size: String,
+  // 风格类型
+  type: String
+};
+export {
+  tabWrapProps
+};

package/es/ele-tab-wrap/style/index.js

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

package/es/ele-table/index.d.ts

@@ -0,0 +1,13 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    stripe: BooleanConstructor;
+    border: BooleanConstructor;
+    size: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    stripe: BooleanConstructor;
+    border: BooleanConstructor;
+    size: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+}>>, {
+    stripe: boolean;
+    border: boolean;
+}, {}>;
+export default _sfc_main;

package/es/ele-table/index.js

@@ -0,0 +1,30 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { tableProps } from "./props";
+const _sfc_main = defineComponent({
+  name: "EleTable",
+  props: tableProps
+});
+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(), createElementBlock("table", {
+    class: normalizeClass([
+      "ele-table",
+      { "is-stripe": _ctx.stripe },
+      { "is-border": _ctx.border },
+      { "is-large": _ctx.size === "large" },
+      { "is-small": _ctx.size === "small" }
+    ])
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 2);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/es/ele-table/props.d.ts

@@ -0,0 +1,10 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+/**
+ * 属性
+ */
+export declare const tableProps: {
+    stripe: BooleanConstructor;
+    border: BooleanConstructor;
+    size: PropType<"" | "default" | "small" | "large" | undefined>;
+};
+export type TableProps = ExtractPropTypes<typeof tableProps>;

package/es/ele-table/props.js

@@ -0,0 +1,11 @@
+const tableProps = {
+  // 是否为斑马纹
+  stripe: Boolean,
+  // 是否带有纵向边框
+  border: Boolean,
+  // 尺寸
+  size: String
+};
+export {
+  tableProps
+};

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

@@ -0,0 +1,7 @@
+@use '../../style/themes/default.scss' as *;
+
+@mixin set-table-var($var) {
+  .ele-table {
+    @include set-ele-var('table', $var);
+  }
+}

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

@@ -0,0 +1 @@
+import './index.scss';

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

@@ -0,0 +1,87 @@
+@use '../../style/themes/default.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-table-var($ele);
+
+/* 静态表格 */
+.ele-table {
+  width: 100%;
+  border-spacing: 0;
+  border-collapse: collapse;
+  background: eleVar('table', 'bg');
+
+  tr {
+    background: eleVar('table', 'tr-bg');
+    transition: background-color 0.25s ease;
+
+    &:hover {
+      background: eleVar('table', 'tr-hover-bg');
+    }
+  }
+
+  th,
+  td {
+    font-size: eleVar('table', 'font-szie');
+    font-weight: normal;
+    line-height: eleVar('table', 'line-height');
+    padding: eleVar('table', 'padding');
+    border-width: 0;
+    border-style: solid;
+    border-color: eleVar('table', 'border-color');
+    border-bottom-width: 1px;
+    vertical-align: middle;
+    text-align: left;
+  }
+
+  th,
+  thead td {
+    color: eleVar('table', 'th-color');
+    font-weight: eleVar('table', 'th-font-weight');
+    background: eleVar('table', 'th-bg');
+  }
+
+  // 斑马纹
+  &.is-stripe {
+    & > tr:nth-child(even),
+    & > tbody > tr:nth-child(even) {
+      background: eleVar('table', 'tr-hover-bg');
+    }
+  }
+
+  // 行选中
+  tr.is-active,
+  &.is-stripe > tr.is-active,
+  &.is-stripe > tbody > tr.is-active {
+    background: eleVar('table', 'tr-active-bg');
+  }
+
+  // 全边框
+  &.is-border {
+    th,
+    td {
+      border-width: 1px;
+    }
+  }
+
+  // 尺寸控制
+  &.is-large {
+    th,
+    td {
+      font-size: eleVar('table', 'lg-size');
+      padding: eleVar('table', 'lg-padding');
+    }
+  }
+
+  &.is-small {
+    th,
+    td {
+      font-size: eleVar('table', 'sm-size');
+      padding: eleVar('table', 'sm-padding');
+    }
+  }
+
+  // 开关
+  .el-switch {
+    height: auto;
+  }
+}

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

@@ -0,0 +1,159 @@
+import type { SingleValue, SelectValue, SelectedItem } from '../ele-basic-select/types';
+import type { DataItem } from '../ele-pro-table/types';
+import type { InitValue } from './types';
+declare const _sfc_main: import("vue").DefineComponent<{
+    modelValue: import("vue").PropType<SelectValue>;
+    multiple: BooleanConstructor;
+    disabled: BooleanConstructor;
+    size: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
+    clearable: BooleanConstructor;
+    placeholder: StringConstructor;
+    name: StringConstructor;
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    initValue: import("vue").PropType<InitValue>;
+    tableProps: {
+        type: import("vue").PropType<Partial<import("../ele-pro-table/props").ProTableProps>>;
+        required: boolean;
+    };
+    maxTagCount: NumberConstructor;
+    maxTagTextLength: NumberConstructor;
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    automaticDropdown: BooleanConstructor;
+    tagType: {
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+        default: string;
+    };
+    placement: {
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown>>;
+        default: string;
+    };
+    popperWidth: (StringConstructor | NumberConstructor)[];
+    popperOptions: import("vue").PropType<Partial<import("element-plus").Options>>;
+    popperClass: StringConstructor;
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
+    };
+}, {
+    selectRef: any;
+    tableRef: any;
+    visible: import("vue").Ref<boolean>;
+    selectedLabel: import("vue").Ref<string>;
+    selectedData: import("vue").Ref<{
+        label: string;
+        value: SingleValue;
+    }[]>;
+    current: import("vue").Ref<DataItem | null | undefined>;
+    selections: import("vue").Ref<DataItem[]>;
+    selectPopperClass: import("vue").ComputedRef<string>;
+    updateVisible: (value: boolean) => void;
+    onRemoveTag: (item: SelectedItem) => void;
+    onClear: () => void;
+    onFocus: (e: FocusEvent) => void;
+    onBlur: (e: FocusEvent) => void;
+    onUpdateCurrent: (value?: DataItem | null) => void;
+    onUpdateSelections: (values: DataItem[]) => void;
+    onTableDone: () => void;
+    onTableRowClick: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (_value: SelectValue) => boolean;
+    change: (_value: SelectValue) => boolean;
+    visibleChange: (_visible: boolean) => boolean;
+    removeTag: (_value: SingleValue) => boolean;
+    clear: () => boolean;
+    focus: (_e: FocusEvent) => boolean;
+    blur: (_e: FocusEvent) => boolean;
+    select: (_item: DataItem | DataItem[]) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: import("vue").PropType<SelectValue>;
+    multiple: BooleanConstructor;
+    disabled: BooleanConstructor;
+    size: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
+    clearable: BooleanConstructor;
+    placeholder: StringConstructor;
+    name: StringConstructor;
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    initValue: import("vue").PropType<InitValue>;
+    tableProps: {
+        type: import("vue").PropType<Partial<import("../ele-pro-table/props").ProTableProps>>;
+        required: boolean;
+    };
+    maxTagCount: NumberConstructor;
+    maxTagTextLength: NumberConstructor;
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    automaticDropdown: BooleanConstructor;
+    tagType: {
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+        default: string;
+    };
+    placement: {
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown>>;
+        default: string;
+    };
+    popperWidth: (StringConstructor | NumberConstructor)[];
+    popperOptions: import("vue").PropType<Partial<import("element-plus").Options>>;
+    popperClass: StringConstructor;
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
+    };
+}>> & {
+    onFocus?: ((_e: FocusEvent) => any) | undefined;
+    onBlur?: ((_e: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: SelectValue) => any) | undefined;
+    onChange?: ((_value: SelectValue) => any) | undefined;
+    onVisibleChange?: ((_visible: boolean) => any) | undefined;
+    onRemoveTag?: ((_value: SingleValue) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onSelect?: ((_item: DataItem | DataItem[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    autocomplete: string;
+    clearable: boolean;
+    persistent: boolean;
+    teleported: boolean;
+    placement: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown>;
+    multiple: boolean;
+    valueKey: string;
+    labelKey: string;
+    automaticDropdown: boolean;
+    tagType: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>;
+    responsive: boolean;
+}, {}>;
+export default _sfc_main;