ele-admin-plus 1.2.2-beta.5 → 1.3.0-beta.3

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-tab-wrap/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, reactive, provide, watch, onBeforeMount, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { defineComponent, reactive, provide, watch, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
 import { TAB_WRAP_KEY } from "../ele-tabs/props";
 import { tabWrapProps } from "./props";
 const _sfc_main = defineComponent({
@@ -37,7 +37,7 @@ const _sfc_main = defineComponent({
         data.type = props.type;
       }
     );
-    onBeforeMount(() => {
+    onBeforeUnmount(() => {
       tabMethods.triggerTabItemClick = void 0;
       tabMethods.triggerItemContextMenu = void 0;
     });

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

@@ -1,4 +1,4 @@
-import type { Component } from 'vue';
+import type { UserComponent } from '../ele-app/types';
 
 /**
  * 文本类型
@@ -32,4 +32,4 @@ export type TextSize =
 /**
  * 图标
  */
-export type TextIcon = string | Component;
+export type TextIcon = UserComponent;

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

@@ -0,0 +1,26 @@
+import { TimelineItem, TimelineRow } from './types';
+
+declare const _default: import('vue').DefineComponent<{
+    data: import('vue').PropType<TimelineItem[]>;
+    itemWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    listRef: import('vue').Ref<HTMLElement | null>;
+    lineRows: import('vue').ComputedRef<TimelineRow[]>;
+    handleItemClick: (item?: TimelineItem) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    itemClick: (_item: TimelineItem) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    data: import('vue').PropType<TimelineItem[]>;
+    itemWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    onItemClick?: ((_item: TimelineItem) => any) | undefined;
+}, {
+    itemWidth: number;
+}, {}>;
+export default _default;

package/es/ele-timeline/index.js

@@ -0,0 +1,169 @@
+import { defineComponent, ref, computed, onMounted, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, createVNode, mergeProps, withCtx, renderSlot, createBlock, resolveDynamicComponent, normalizeStyle, createCommentVNode, toDisplayString } from "vue";
+import { ElIcon } from "element-plus";
+import { CheckCircleFilled } from "../icons";
+import { timelineProps, timelineEmits } from "./props";
+const _sfc_main = defineComponent({
+  name: "EleTimeline",
+  components: { ElIcon, CheckCircleFilled },
+  props: timelineProps,
+  emits: timelineEmits,
+  setup(props, { emit }) {
+    const listRef = ref(null);
+    const listWidth = ref(0);
+    const listColNum = computed(() => {
+      return Math.floor(listWidth.value / props.itemWidth) || 1;
+    });
+    const lineRows = computed(() => {
+      var _a;
+      const rows = [];
+      const data = props.data || [];
+      const colNum = listColNum.value;
+      const rowNum = colNum ? Math.ceil(data.length / colNum) : 1;
+      for (let i = 0; i < rowNum; i++) {
+        const cells = [];
+        for (let j = 0; j < colNum; j++) {
+          const index2 = i * colNum + j;
+          const itemData = data[index2];
+          cells.push({
+            key: (itemData == null ? void 0 : itemData.key) ?? `${i}_${j}`,
+            data: itemData,
+            dataIndex: index2,
+            nextDataType: (_a = data[index2 + 1]) == null ? void 0 : _a.type,
+            isFirst: itemData && index2 === 0,
+            isLast: itemData && index2 === data.length - 1
+          });
+        }
+        const key = i + "_" + cells.map((d) => (d == null ? void 0 : d.key) ?? "").join();
+        rows.push({
+          key,
+          items: cells,
+          isEvenRow: (i + 1) % 2 === 0
+        });
+      }
+      return rows;
+    });
+    const handleItemClick = (item) => {
+      if (item) {
+        emit("itemClick", item);
+      }
+    };
+    const observer = new ResizeObserver(() => {
+      const listEl = listRef.value;
+      listWidth.value = (listEl == null ? void 0 : listEl.clientWidth) || 0;
+    });
+    onMounted(() => {
+      const listEl = listRef.value;
+      listEl && observer.observe(listEl);
+    });
+    onBeforeUnmount(() => {
+      const listEl = listRef.value;
+      listEl && observer.unobserve(listEl);
+    });
+    return {
+      listRef,
+      lineRows,
+      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 = {
+  ref: "listRef",
+  class: "ele-time-line-list"
+};
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "ele-time-line-item-icon" };
+const _hoisted_4 = { class: "ele-time-line-item-body" };
+const _hoisted_5 = { class: "ele-time-line-item-title" };
+const _hoisted_6 = { class: "ele-time-line-item-description" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_CheckCircleFilled = resolveComponent("CheckCircleFilled");
+  const _component_ElIcon = resolveComponent("ElIcon");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.lineRows, (row) => {
+      return openBlock(), createElementBlock("div", {
+        key: row.key,
+        class: normalizeClass(["ele-time-line-row", { "is-even-row": row.isEvenRow }])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(row.items, (col) => {
+          return openBlock(), createElementBlock("div", {
+            key: col.key,
+            class: normalizeClass([
+              "ele-time-line-item",
+              { "is-first": col.isFirst },
+              { "is-last": col.isLast },
+              { "is-primary": col.data && col.data.type === "primary" },
+              { "is-placeholder": !col.data }
+            ]),
+            onClick: ($event) => _ctx.handleItemClick(col.data)
+          }, [
+            col.data ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createElementVNode("div", _hoisted_3, [
+                createElementVNode("div", {
+                  class: normalizeClass([
+                    "ele-time-line-item-line is-start",
+                    { "is-primary-line": col.data.type === "primary" }
+                  ])
+                }, null, 2),
+                createVNode(_component_ElIcon, mergeProps({
+                  class: "ele-time-line-item-icon-status",
+                  ref_for: true
+                }, col.data.iconProps || {}), {
+                  default: withCtx(() => [
+                    renderSlot(_ctx.$slots, "itemIcon", {
+                      item: col.data
+                    }, () => [
+                      col.data.icon ? (openBlock(), createBlock(resolveDynamicComponent(col.data.icon), {
+                        key: 0,
+                        style: normalizeStyle(col.data.iconStyle)
+                      }, null, 8, ["style"])) : (openBlock(), createBlock(_component_CheckCircleFilled, {
+                        key: 1,
+                        style: normalizeStyle(col.data.iconStyle)
+                      }, null, 8, ["style"]))
+                    ])
+                  ]),
+                  _: 2
+                }, 1040),
+                createElementVNode("div", {
+                  class: normalizeClass([
+                    "ele-time-line-item-line is-end",
+                    { "is-primary-line": col.nextDataType === "primary" }
+                  ])
+                }, null, 2)
+              ]),
+              !col.isLast ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass([
+                  "ele-time-line-item-line-turn",
+                  { "is-primary-line": col.nextDataType === "primary" }
+                ])
+              }, null, 2)) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_4, [
+                renderSlot(_ctx.$slots, "itemTitle", {
+                  item: col.data
+                }, () => [
+                  createElementVNode("div", _hoisted_5, toDisplayString(col.data.title), 1)
+                ]),
+                renderSlot(_ctx.$slots, "itemDescription", {
+                  item: col.data
+                }, () => [
+                  createElementVNode("div", _hoisted_6, toDisplayString(col.data.description), 1)
+                ])
+              ])
+            ], 64)) : createCommentVNode("", true)
+          ], 10, _hoisted_2);
+        }), 128))
+      ], 2);
+    }), 128))
+  ], 512);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

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

@@ -0,0 +1,22 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { TimelineItem } from './types';
+
+/**
+ * 属性
+ */
+export declare const timelineProps: {
+    /** 数据 */
+    data: PropType<TimelineItem[]>;
+    /** 每项最小宽度 */
+    itemWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+};
+export type TimelineProps = ExtractPropTypes<typeof timelineProps>;
+/**
+ * 事件
+ */
+export declare const timelineEmits: {
+    itemClick: (_item: TimelineItem) => boolean;
+};

package/es/ele-timeline/props.js

@@ -0,0 +1,16 @@
+const timelineProps = {
+  /** 数据 */
+  data: Array,
+  /** 每项最小宽度 */
+  itemWidth: {
+    type: Number,
+    default: 168
+  }
+};
+const timelineEmits = {
+  itemClick: (_item) => true
+};
+export {
+  timelineEmits,
+  timelineProps
+};

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

@@ -0,0 +1,8 @@
+@use '../../style/util.scss' as *;
+
+/* 时间线主题变量 */
+@mixin set-timeline-var($var) {
+  .ele-time-line-list {
+    @include set-ele-var('timeline', $var);
+  }
+}

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

@@ -0,0 +1 @@
+

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

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