ele-admin-plus 1.3.0-beta.2 → 1.3.0-beta.3

package/es/ele-radio-group/types.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 风格类型
+ */
+export type RadioType = 'default' | 'button';
+
+/**
+ * 选项数据
+ */
+export interface RadioOption {
+  /** 选项值 */
+  value: any;
+  /** 显示文本 */
+  label?: string;
+  /** 是否禁用 */
+  disabled?: boolean;
+  /** 是否显示边框 */
+  border?: boolean;
+  /** name */
+  name?: string;
+}
+
+/**
+ * 选项数据请求函数
+ */
+export type RadioOptionFunction = () => Promise<RadioOption[]>;

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

@@ -1,7 +1,8 @@
 import { omit } from '../utils/core';
+import { SelectOption } from './types';
 
 declare const _default: import('vue').DefineComponent<{
-    options: import('vue').PropType<import('./types').SelectOption[]>;
+    options: import('vue').PropType<SelectOption[] | import('./types').SelectOptionFunction>;
     ariaLabel: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -79,7 +80,17 @@ declare const _default: import('vue').DefineComponent<{
     fallbackPlacements: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').Placement[]) | (() => import('element-plus').Placement[]) | ((new (...args: any[]) => import('element-plus').Placement[]) | (() => import('element-plus').Placement[]))[], unknown, unknown, string[], boolean>;
 }, {
     omit: typeof omit;
-    emitMethods: Record<string, (...params: any) => void>;
+    emitMethods: {
+        blur: (_e: FocusEvent) => void;
+        change: (_value: any) => void;
+        focus: (_e: FocusEvent) => void;
+        clear: () => void;
+        "update:modelValue": (_value: any) => void;
+        "visible-change": (_visible: boolean) => void;
+        "remove-tag": (_value: any) => void;
+    };
+    optionData: import('vue').Ref<SelectOption[]>;
+    reloadOptions: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:modelValue': (_value: any) => boolean;
     change: (_value: any) => boolean;
@@ -89,7 +100,7 @@ declare const _default: import('vue').DefineComponent<{
     focus: (_e: FocusEvent) => boolean;
     blur: (_e: FocusEvent) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    options: import('vue').PropType<import('./types').SelectOption[]>;
+    options: import('vue').PropType<SelectOption[] | import('./types').SelectOptionFunction>;
     ariaLabel: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;

package/es/ele-select/index.js

@@ -1,16 +1,22 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementBlock, Fragment, renderList, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementBlock, Fragment, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { ElSelect, ElOptionGroup, ElOption } from "element-plus";
 import { omit } from "../utils/core";
-import { useComponentEvents } from "../utils/hook";
+import { useComponentEvents, useProOptions } from "../utils/hook";
 import { selectProps, selectEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleSelect",
   components: { ElSelect, ElOptionGroup, ElOption },
   props: selectProps,
   emits: selectEmits,
-  setup(_props, { emit }) {
+  setup(props, { emit }) {
     const { emitMethods } = useComponentEvents(selectEmits, emit);
-    return { omit, emitMethods };
+    const { optionData, reloadOptions } = useProOptions(props);
+    return {
+      omit,
+      emitMethods,
+      optionData,
+      reloadOptions
+    };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -34,7 +40,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onBlur: _ctx.emitMethods["blur"]
   }), createSlots({
     default: withCtx(() => [
-      _ctx.options ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.options, (option) => {
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.optionData, (option) => {
         return openBlock(), createElementBlock(Fragment, {
           key: option.value
         }, [
@@ -60,7 +66,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             disabled: option.disabled
           }, null, 8, ["label", "value", "disabled"]))
         ], 64);
-      }), 128)) : createCommentVNode("", true)
+      }), 128))
     ]),
     _: 2
   }, [

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

@@ -1,12 +1,12 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { SelectOption } from './types';
+import { SelectOption, SelectOptionFunction } from './types';
 
 /**
  * 属性
  */
 export declare const selectProps: {
     /** 选项数据 */
-    options: PropType<SelectOption[]>;
+    options: PropType<SelectOption[] | SelectOptionFunction>;
     ariaLabel: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;

package/es/ele-select/props.js

@@ -2,7 +2,7 @@ import { SelectProps } from "element-plus/es/components/select/src/select";
 const selectProps = {
   ...SelectProps,
   /** 选项数据 */
-  options: Array
+  options: [Array, Function]
 };
 const selectEmits = {
   "update:modelValue": (_value) => true,

package/es/ele-select/types.d.ts

@@ -1,5 +1,5 @@
 /**
- * 下拉选项数据
+ * 选项数据
  */
 export interface SelectOption {
   /** 选项值 */
@@ -18,3 +18,8 @@ export interface SelectOption {
     disabled?: boolean;
   }>;
 }
+
+/**
+ * 选项数据请求函数
+ */
+export type SelectOptionFunction = () => Promise<SelectOption[]>;

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

@@ -0,0 +1,21 @@
+import { PropType } from 'vue';
+import { omit } from '../utils/core';
+import { SelectTreeData, SelectTreeDataFunction } from './types';
+
+declare const _default: import('vue').DefineComponent<{
+    data: PropType<SelectTreeData | SelectTreeDataFunction>;
+}, {
+    omit: typeof omit;
+    emitMethods: {
+        "update:modelValue": (_value: any) => void;
+    };
+    optionData: import('vue').Ref<Record<string, any>[]>;
+    reloadOptions: () => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (_value: any) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    data: PropType<SelectTreeData | SelectTreeDataFunction>;
+}>> & {
+    "onUpdate:modelValue"?: ((_value: any) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/es/ele-select-tree/index.js

@@ -0,0 +1,57 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { ElTreeSelect } from "element-plus";
+import { omit } from "../utils/core";
+import { useComponentEvents, useProOptions } from "../utils/hook";
+const selectTreeProps = ElTreeSelect.props;
+const selectTreeEmits = {
+  "update:modelValue": (_value) => true
+};
+const _sfc_main = defineComponent({
+  name: "EleSelectTree",
+  components: { ElTreeSelect },
+  props: {
+    ...omit(selectTreeProps, ["data", "onUpdate:modelValue"]),
+    data: [Array, Function]
+  },
+  emits: selectTreeEmits,
+  setup(props, { emit }) {
+    const { emitMethods } = useComponentEvents(selectTreeEmits, emit);
+    const { optionData, reloadOptions } = useProOptions(
+      props,
+      "data"
+    );
+    return {
+      omit,
+      emitMethods,
+      optionData,
+      reloadOptions
+    };
+  }
+});
+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_ElTreeSelect = resolveComponent("ElTreeSelect");
+  return openBlock(), createBlock(_component_ElTreeSelect, mergeProps(_ctx.omit(_ctx.$props, ["data"]), {
+    data: _ctx.optionData,
+    "onUpdate:modelValue": _ctx.emitMethods["update:modelValue"]
+  }), createSlots({ _: 2 }, [
+    renderList(Object.keys(_ctx.$slots), (name) => {
+      return {
+        name,
+        fn: withCtx((slotProps) => [
+          renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+        ])
+      };
+    })
+  ]), 1040, ["data", "onUpdate:modelValue"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/es/ele-select-tree/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-select-tree/style/index.js

@@ -0,0 +1 @@
+import "element-plus/es/components/tree-select/style/index";

package/es/ele-select-tree/types.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 树下拉数据
+ */
+export type SelectTreeData = Array<Record<string, any>>;
+
+/**
+ * 树下拉数据项
+ */
+export type SelectTreeDataItem = SelectTreeData[number];
+
+/**
+ * 树下拉数据请求函数
+ */
+export type SelectTreeDataFunction = () => Promise<SelectTreeData>;

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

@@ -1,8 +1,8 @@
+import { omit } from '../utils/core';
+import { StepItem } from './types';
+
 declare const _default: import('vue').DefineComponent<{
-    items: {
-        type: import('vue').PropType<import('./types').StepItem[]>;
-        required: boolean;
-    };
+    items: import('vue').PropType<StepItem[] | import('./types').StepItemsFunction>;
     type: import('vue').PropType<import('./types').StepType>;
     space: import('element-plus/es/utils/index').EpPropFinalized<readonly [NumberConstructor, StringConstructor], unknown, unknown, "", boolean>;
     active: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
@@ -22,22 +22,11 @@ declare const _default: import('vue').DefineComponent<{
     finishStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown, "finish", boolean>;
     processStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown, "process", boolean>;
 }, {
-    rootProps: import('vue').ComputedRef<import('../ele-app/types').Mutable<Omit<import('@vue/shared').LooseRequired<{
-        readonly direction: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
-        readonly space: import('element-plus/es/utils/index').EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
-        readonly active: number;
-        readonly finishStatus: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "error" | "success" | "wait" | "finish" | "process", unknown>;
-        readonly processStatus: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "error" | "success" | "wait" | "finish" | "process", unknown>;
-        readonly type?: import('./types').StepType | undefined;
-        readonly alignCenter?: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
-        readonly items?: import('./types').StepItem[] | undefined;
-        readonly simple?: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
-    } & {}>, "type" | "items">>>;
+    omit: typeof omit;
+    optionData: import('vue').Ref<StepItem[]>;
+    reloadOptions: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    items: {
-        type: import('vue').PropType<import('./types').StepItem[]>;
-        required: boolean;
-    };
+    items: import('vue').PropType<StepItem[] | import('./types').StepItemsFunction>;
     type: import('vue').PropType<import('./types').StepType>;
     space: import('element-plus/es/utils/index').EpPropFinalized<readonly [NumberConstructor, StringConstructor], unknown, unknown, "", boolean>;
     active: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;

package/es/ele-steps/index.js

@@ -1,16 +1,22 @@
-import { defineComponent, computed, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, createSlots, renderSlot } from "vue";
+import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, createSlots, renderSlot } from "vue";
 import { ElSteps, ElStep } from "element-plus";
 import { omit } from "../utils/core";
+import { useProOptions } from "../utils/hook";
 import { stepsProps } from "./props";
 const _sfc_main = defineComponent({
   name: "EleSteps",
   components: { ElSteps, ElStep },
   props: stepsProps,
   setup(props) {
-    const rootProps = computed(() => {
-      return omit(props, ["items", "type"]);
-    });
-    return { rootProps };
+    const { optionData, reloadOptions } = useProOptions(
+      props,
+      "items"
+    );
+    return {
+      omit,
+      optionData,
+      reloadOptions
+    };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -23,14 +29,14 @@ const _export_sfc = (sfc, props) => {
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElStep = resolveComponent("ElStep");
   const _component_ElSteps = resolveComponent("ElSteps");
-  return openBlock(), createBlock(_component_ElSteps, mergeProps(_ctx.rootProps, {
+  return openBlock(), createBlock(_component_ElSteps, mergeProps(_ctx.omit(_ctx.$props, ["items", "type"]), {
     class: [
       "ele-steps",
       { "is-inline": _ctx.direction === "horizontal" && _ctx.type === "inline" }
     ]
   }), {
     default: withCtx(() => [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index2) => {
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.optionData, (item, index2) => {
         return openBlock(), createBlock(_component_ElStep, mergeProps({
           key: index2,
           ref_for: true

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

@@ -1,15 +1,12 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { StepType, StepItem } from './types';
+import { StepType, StepItem, StepItemsFunction } from './types';
 
 /**
  * 属性
  */
 export declare const stepsProps: {
     /** 步骤条数据 */
-    items: {
-        type: PropType<StepItem[]>;
-        required: boolean;
-    };
+    items: PropType<StepItem[] | StepItemsFunction>;
     /** 类型 */
     type: PropType<StepType>;
     space: import('element-plus/es/utils/index').EpPropFinalized<readonly [NumberConstructor, StringConstructor], unknown, unknown, "", boolean>;

package/es/ele-steps/props.js

@@ -2,10 +2,7 @@ import { stepsProps as stepsProps$1 } from "element-plus";
 const stepsProps = {
   ...stepsProps$1,
   /** 步骤条数据 */
-  items: {
-    type: Array,
-    required: true
-  },
+  items: Array,
   /** 类型 */
   type: String
 };

package/es/ele-steps/types.d.ts

@@ -12,3 +12,8 @@ export interface StepItem extends ElStepProps {
  * 步骤条类型
  */
 export type StepType = 'inline' | null;
+
+/**
+ * 步骤条数据请求方法
+ */
+export type StepItemsFunction = () => Promise<StepItem[]>;

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

@@ -0,0 +1,20 @@
+import { TabBarItem } from './types';
+
+declare const _default: import('vue').DefineComponent<{
+    modelValue: StringConstructor;
+    items: import('vue').PropType<TabBarItem[]>;
+    itemStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    type: import('vue').PropType<import('./types').TabBarType>;
+}, {
+    handleItemClick: (item: TabBarItem) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (_value?: any) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: StringConstructor;
+    items: import('vue').PropType<TabBarItem[]>;
+    itemStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    type: import('vue').PropType<import('./types').TabBarType>;
+}>> & {
+    "onUpdate:modelValue"?: ((_value?: any) => any) | undefined;
+}, {}, {}>;
+export default _default;

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

@@ -0,0 +1,43 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, toDisplayString } from "vue";
+import { tabBarProps, tabBarEmits } from "./props";
+const _sfc_main = defineComponent({
+  name: "EleTabBar",
+  props: tabBarProps,
+  emits: tabBarEmits,
+  setup(props, { emit }) {
+    const handleItemClick = (item) => {
+      if (props.modelValue !== item.value) {
+        emit("update:modelValue", item.value);
+      }
+    };
+    return {
+      handleItemClick
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = ["onClick"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["ele-tab-bar", { "is-plain": _ctx.type === "plain" }])
+  }, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
+      return openBlock(), createElementBlock("div", {
+        key: item.value,
+        style: normalizeStyle(_ctx.itemStyle),
+        class: normalizeClass(["ele-tab-item", { "is-active": item.value === _ctx.modelValue }]),
+        onClick: ($event) => _ctx.handleItemClick(item)
+      }, toDisplayString(item.label), 15, _hoisted_1);
+    }), 128))
+  ], 2);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

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

@@ -0,0 +1,25 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
+import { TabBarItem, TabBarType } from './types';
+
+/**
+ * 属性
+ */
+export declare const tabBarProps: {
+    /** 标签选中 */
+    modelValue: StringConstructor;
+    /** 标签数据 */
+    items: PropType<TabBarItem[]>;
+    /** 标签项样式 */
+    itemStyle: PropType<StyleValue>;
+    /** 风格类型 */
+    type: PropType<TabBarType>;
+};
+export type TabBarProps = ExtractPropTypes<typeof tabBarProps>;
+/**
+ * 事件
+ */
+export declare const tabBarEmits: {
+    /** 更新标签选中 */
+    'update:modelValue': (_value?: any) => boolean;
+};

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

@@ -0,0 +1,18 @@
+const tabBarProps = {
+  /** 标签选中 */
+  modelValue: String,
+  /** 标签数据 */
+  items: Array,
+  /** 标签项样式 */
+  itemStyle: Object,
+  /** 风格类型 */
+  type: String
+};
+const tabBarEmits = {
+  /** 更新标签选中 */
+  "update:modelValue": (_value) => true
+};
+export {
+  tabBarEmits,
+  tabBarProps
+};

package/es/ele-tab-bar/style/css-var.scss

@@ -0,0 +1,8 @@
+@use '../../style/util.scss' as *;
+
+/* 标签栏主题变量 */
+@mixin set-tab-bar-var($var) {
+  .ele-tab-bar {
+    @include set-ele-var('tab-bar', $var);
+  }
+}

package/es/ele-tab-bar/style/index.d.ts

@@ -0,0 +1 @@
+

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

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

package/es/ele-tab-bar/style/index.scss

@@ -0,0 +1,87 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-tab-bar-var($ele);
+
+.ele-tab-bar {
+  display: flex;
+  align-items: center;
+  padding: eleVar('tab-bar', 'padding');
+  box-sizing: border-box;
+  position: relative;
+  overflow: auto;
+
+  &::before {
+    content: '';
+    border-bottom: 1px solid eleVar('tab-bar', 'line-color');
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+
+  &.is-plain::before {
+    display: none;
+  }
+}
+
+.ele-tab-item {
+  flex-shrink: 0;
+  height: eleVar('tab-bar', 'height');
+  line-height: eleVar('tab-bar', 'height');
+  color: eleVar('tab-bar', 'color');
+  font-size: eleVar('tab-bar', 'font-size');
+  padding: eleVar('tab-bar', 'item-padding');
+  border-radius: eleVar('tab-bar', 'item-radius');
+  transition: (color $transition-base, background-color $transition-base);
+  box-sizing: border-box;
+  word-break: break-all;
+  white-space: nowrap;
+  position: relative;
+  cursor: pointer;
+
+  & + .ele-tab-item {
+    margin-left: eleVar('tab-bar', 'space');
+  }
+
+  &::after {
+    content: '';
+    width: 100%;
+    height: eleVar('tab-bar', 'active-line-size');
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    opacity: 0;
+    transform: scaleX(0.0001);
+    background: eleVar('tab-bar', 'active-line-color');
+    transition: (
+      transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
+      opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1)
+    );
+  }
+
+  &:hover {
+    color: eleVar('tab-bar', 'hover-color');
+    background: eleVar('tab-bar', 'hover-bg');
+  }
+
+  &:active {
+    background: eleVar('tab-bar', 'active-bg');
+  }
+
+  &.is-active {
+    color: eleVar('tab-bar', 'active-color');
+    background: eleVar('tab-bar', 'active-bg');
+    font-weight: eleVar('tab-bar', 'active-font-weight');
+
+    &::after {
+      opacity: 1;
+      transform: scaleX(1);
+      transition: (
+        transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
+        opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1)
+      );
+    }
+  }
+}

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

@@ -0,0 +1,14 @@
+/**
+ * 标签数据
+ */
+export interface TabBarItem {
+  /** 值 */
+  value: any;
+  /** 名称 */
+  label: string;
+}
+
+/**
+ * 风格类型
+ */
+export type TabBarType = 'default' | 'plain';

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

@@ -2,7 +2,7 @@
 
 /* 时间线主题变量 */
 @mixin set-timeline-var($var) {
-  .ele-timeline {
+  .ele-time-line-list {
     @include set-ele-var('timeline', $var);
   }
 }

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

@@ -64,7 +64,7 @@
 /* 线条 */
 .ele-time-line-item-line {
   flex: 1;
-  border-style: solid;
+  border: 0 solid transparent;
   border-top-width: eleVar('timeline', 'line-size');
   border-top-color: eleVar('timeline', 'line-color');
   box-sizing: border-box;
@@ -92,7 +92,7 @@
   top: 0;
   right: 0;
   bottom: 0;
-  border-style: solid;
+  border: 0 solid transparent;
   border-left-width: eleVar('timeline', 'line-size');
   border-left-color: eleVar('timeline', 'line-color');
   transform: translateY(#{eleVar('timeline', 'turn-line-offset')});