ele-admin-plus 1.3.1-beta.1 → 1.4.0

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

@@ -68,6 +68,7 @@
   .ele-tab-title {
     padding: 0 eleVar('tab', 'padding');
     box-sizing: border-box;
+    position: static;
     outline: none;
   }
 
@@ -488,6 +489,15 @@
   &.is-active .ele-tab-corner-right {
     color: eleVar('tab', 'simple-active-bg');
   }
+
+  .ele-tab-title::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: calc(eleVar('tab', 'simple-angle-size') * -1);
+    right: calc(eleVar('tab', 'simple-angle-size') * -1);
+    bottom: 0;
+  }
 }
 
 /* 指示器风格 */

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

@@ -1,4 +1,7 @@
-declare const _default: import('vue').DefineComponent<{
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     tag: StringConstructor;
     type: import('vue').PropType<import('./types').TextType>;
     size: import('vue').PropType<import('./types').TextSize>;
@@ -9,7 +12,7 @@ declare const _default: import('vue').DefineComponent<{
     icon: import('vue').PropType<import('./types').TextIcon>;
     iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
     iconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     tag: StringConstructor;
     type: import('vue').PropType<import('./types').TextType>;
     size: import('vue').PropType<import('./types').TextSize>;
@@ -20,10 +23,16 @@ declare const _default: import('vue').DefineComponent<{
     icon: import('vue').PropType<import('./types').TextIcon>;
     iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
     iconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-}>>, {
+}>> & Readonly<{}>, {
     underline: boolean;
     deleted: boolean;
     strong: boolean;
     italic: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/ele-text/index.js

@@ -1,60 +1,55 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, normalizeProps, mergeProps, normalizeStyle, createCommentVNode, renderSlot } from "vue";
+import { defineComponent, createBlock, openBlock, resolveDynamicComponent, normalizeClass, withCtx, createCommentVNode, renderSlot, unref, normalizeProps, mergeProps, normalizeStyle } from "vue";
 import { ElIcon } from "element-plus";
 import { textProps } from "./props";
-const _sfc_main = defineComponent({
-  name: "EleText",
-  components: { ElIcon },
-  props: textProps
-});
-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_ElIcon = resolveComponent("ElIcon");
-  return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag || "div"), {
-    class: normalizeClass([
-      "ele-text",
-      { "is-heading": _ctx.type === "heading" },
-      { "is-secondary": _ctx.type === "secondary" },
-      { "is-placeholder": _ctx.type === "placeholder" },
-      { "is-primary": _ctx.type === "primary" },
-      { "is-success": _ctx.type === "success" },
-      { "is-warning": _ctx.type === "warning" },
-      { "is-danger": _ctx.type === "danger" },
-      { "is-info": _ctx.type === "info" },
-      { "is-xs": _ctx.size === "xs" },
-      { "is-sm": _ctx.size === "sm" },
-      { "is-md": _ctx.size === "md" },
-      { "is-lg": _ctx.size === "lg" },
-      { "is-xl": _ctx.size === "xl" },
-      { "is-xxl": _ctx.size === "xxl" },
-      { "is-xxxl": _ctx.size === "xxxl" },
-      { "is-delete": _ctx.deleted },
-      { "is-underline": _ctx.underline },
-      { "is-strong": _ctx.strong },
-      { "is-italic": _ctx.italic },
-      { "is-icon": !!_ctx.icon }
-    ])
-  }, {
-    default: withCtx(() => [
-      _ctx.icon ? (openBlock(), createBlock(_component_ElIcon, normalizeProps(mergeProps({ key: 0 }, _ctx.iconProps || {})), {
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "EleText" },
+  __name: "index",
+  props: textProps,
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag || "div"), {
+        class: normalizeClass([
+          "ele-text",
+          { "is-heading": _ctx.type === "heading" },
+          { "is-regular": _ctx.type === "regular" },
+          { "is-secondary": _ctx.type === "secondary" },
+          { "is-placeholder": _ctx.type === "placeholder" },
+          { "is-primary": _ctx.type === "primary" },
+          { "is-success": _ctx.type === "success" },
+          { "is-warning": _ctx.type === "warning" },
+          { "is-danger": _ctx.type === "danger" },
+          { "is-info": _ctx.type === "info" },
+          { "is-xs": _ctx.size === "xs" },
+          { "is-sm": _ctx.size === "sm" },
+          { "is-base": _ctx.size === "base" },
+          { "is-md": _ctx.size === "md" },
+          { "is-lg": _ctx.size === "lg" },
+          { "is-xl": _ctx.size === "xl" },
+          { "is-xxl": _ctx.size === "xxl" },
+          { "is-xxxl": _ctx.size === "xxxl" },
+          { "is-delete": _ctx.deleted },
+          { "is-underline": _ctx.underline },
+          { "is-strong": _ctx.strong },
+          { "is-italic": _ctx.italic },
+          { "is-icon": !!_ctx.icon }
+        ])
+      }, {
         default: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
-            style: normalizeStyle(_ctx.iconStyle)
-          }, null, 8, ["style"]))
+          _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), normalizeProps(mergeProps({ key: 0 }, _ctx.iconProps || {})), {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
+                style: normalizeStyle(_ctx.iconStyle)
+              }, null, 8, ["style"]))
+            ]),
+            _: 1
+          }, 16)) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default")
         ]),
-        _: 1
-      }, 16)) : createCommentVNode("", true),
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-  }, 8, ["class"]);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
 export {
-  index as default
+  _sfc_main as default
 };

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

@@ -5,8 +5,6 @@
 @include set-text-var($ele);
 
 .ele-text {
-  color: elVar('text-color', 'regular');
-  font-size: elVar('font-size', 'base');
   box-sizing: border-box;
 
   /* 类型 */
@@ -15,6 +13,10 @@
     font-weight: eleVar('text', 'heading-weight');
   }
 
+  &.is-regular {
+    color: elVar('text-color', 'regular');
+  }
+
   &.is-secondary {
     color: elVar('text-color', 'secondary');
   }
@@ -52,6 +54,10 @@
     font-size: elVar('font-size', 'small');
   }
 
+  &.is-base {
+    font-size: elVar('font-size', 'base');
+  }
+
   &.is-md {
     font-size: elVar('font-size', 'medium');
   }

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

@@ -6,6 +6,7 @@ import type { UserComponent } from '../ele-app/types';
 export type TextType =
   | 'default'
   | 'heading'
+  | 'regular'
   | 'secondary'
   | 'placeholder'
   | 'primary'
@@ -19,6 +20,7 @@ export type TextType =
  * 文本大小
  */
 export type TextSize =
+  | 'default'
   | 'xxxl'
   | 'xxl'
   | 'xl'

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

@@ -1,26 +1,39 @@
-import { TimelineItem, TimelineRow } from './types';
+import { TimelineItem } from './types';
 
-declare const _default: import('vue').DefineComponent<{
+declare function __VLS_template(): {
+    itemIcon?(_: {
+        item: TimelineItem;
+    }): any;
+    itemTitle?(_: {
+        item: TimelineItem;
+    }): any;
+    itemDescription?(_: {
+        item: TimelineItem;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     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;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    itemClick: (_item: TimelineItem, _e?: MouseEvent | undefined) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     data: import('vue').PropType<TimelineItem[]>;
     itemWidth: {
         type: NumberConstructor;
         default: number;
     };
-}>> & {
-    onItemClick?: ((_item: TimelineItem) => any) | undefined;
-}, {
+}>> & Readonly<{
+    onItemClick?: ((_item: TimelineItem, _e?: MouseEvent | undefined) => any) | undefined;
+}>, {
     itemWidth: number;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/ele-timeline/index.js

@@ -1,13 +1,20 @@
-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 { defineComponent, ref, computed, onMounted, onBeforeUnmount, createElementBlock, openBlock, Fragment, renderList, normalizeClass, createCommentVNode, createElementVNode, createVNode, unref, mergeProps, withCtx, renderSlot, createBlock, resolveDynamicComponent, normalizeStyle, 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 },
+import { CloseCircleFilled, CheckCircleFilled } from "../icons/index";
+import { timelineEmits, timelineProps } from "./props";
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = { class: "ele-time-line-item-icon" };
+const _hoisted_3 = { class: "ele-time-line-item-body" };
+const _hoisted_4 = { class: "ele-time-line-item-title" };
+const _hoisted_5 = { class: "ele-time-line-item-description" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "EleTimeline" },
+  __name: "index",
   props: timelineProps,
   emits: timelineEmits,
-  setup(props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const listRef = ref(null);
     const listWidth = ref(0);
     const listColNum = computed(() => {
@@ -22,15 +29,15 @@ const _sfc_main = defineComponent({
       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];
+          const index = i * colNum + j;
+          const itemData = data[index];
           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
+            dataIndex: index,
+            nextDataType: (_a = data[index + 1]) == null ? void 0 : _a.type,
+            isFirst: itemData && index === 0,
+            isLast: itemData && index === data.length - 1
           });
         }
         const key = i + "_" + cells.map((d) => (d == null ? void 0 : d.key) ?? "").join();
@@ -42,9 +49,9 @@ const _sfc_main = defineComponent({
       }
       return rows;
     });
-    const handleItemClick = (item) => {
+    const handleItemClick = (item, e) => {
       if (item) {
-        emit("itemClick", item);
+        emit("itemClick", item, e);
       }
     };
     const observer = new ResizeObserver(() => {
@@ -59,111 +66,95 @@ const _sfc_main = defineComponent({
       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 (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        key: row.key,
-        class: normalizeClass(["ele-time-line-row", { "is-even-row": row.isEvenRow }])
+        ref_key: "listRef",
+        ref: listRef,
+        class: "ele-time-line-list"
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(row.items, (col) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(lineRows.value, (row) => {
           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)
+            key: row.key,
+            class: normalizeClass(["ele-time-line-row", { "is-even-row": row.isEvenRow }])
           }, [
-            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", {
+            (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-danger": col.data && col.data.type === "danger" },
+                  { "is-placeholder": !col.data }
+                ]),
+                onClick: (e) => handleItemClick(col.data, e)
+              }, [
+                col.data ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  createElementVNode("div", _hoisted_2, [
+                    createElementVNode("div", {
+                      class: normalizeClass([
+                        "ele-time-line-item-line is-start",
+                        { "is-primary-line": col.data.type === "primary" },
+                        { "is-danger-line": col.data.type === "danger" }
+                      ])
+                    }, null, 2),
+                    createVNode(unref(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"])) : col.data.type === "danger" ? (openBlock(), createBlock(unref(CloseCircleFilled), {
+                            key: 1,
+                            style: normalizeStyle(col.data.iconStyle)
+                          }, null, 8, ["style"])) : (openBlock(), createBlock(unref(CheckCircleFilled), {
+                            key: 2,
+                            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" },
+                        { "is-danger-line": col.nextDataType === "danger" }
+                      ])
+                    }, null, 2)
+                  ]),
+                  !col.isLast ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass([
+                      "ele-time-line-item-line-turn",
+                      { "is-primary-line": col.nextDataType === "primary" },
+                      { "is-danger-line": col.nextDataType === "danger" }
+                    ])
+                  }, null, 2)) : createCommentVNode("", true),
+                  createElementVNode("div", _hoisted_3, [
+                    renderSlot(_ctx.$slots, "itemTitle", {
+                      item: col.data
+                    }, () => [
+                      createElementVNode("div", _hoisted_4, toDisplayString(col.data.title), 1)
+                    ]),
+                    renderSlot(_ctx.$slots, "itemDescription", {
                       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"]))
+                      createElementVNode("div", _hoisted_5, toDisplayString(col.data.description), 1)
                     ])
-                  ]),
-                  _: 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);
+                ], 64)) : createCommentVNode("", true)
+              ], 10, _hoisted_1);
+            }), 128))
+          ], 2);
         }), 128))
-      ], 2);
-    }), 128))
-  ], 512);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+      ], 512);
+    };
+  }
+});
 export {
-  index as default
+  _sfc_main as default
 };

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

@@ -18,5 +18,5 @@ export type TimelineProps = ExtractPropTypes<typeof timelineProps>;
  * 事件
  */
 export declare const timelineEmits: {
-    itemClick: (_item: TimelineItem) => boolean;
+    itemClick: (_item: TimelineItem, _e?: MouseEvent) => boolean;
 };

package/es/ele-timeline/props.js

@@ -8,7 +8,7 @@ const timelineProps = {
   }
 };
 const timelineEmits = {
-  itemClick: (_item) => true
+  itemClick: (_item, _e) => true
 };
 export {
   timelineEmits,

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

@@ -61,10 +61,15 @@
   color: elVar('color-primary');
 }
 
+.ele-time-line-item.is-danger,
+.ele-time-line-item.is-danger .ele-time-line-item-icon-status {
+  color: elVar('color-danger');
+}
+
 /* 线条 */
 .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;
@@ -73,6 +78,10 @@
   &.is-primary-line {
     border-color: elVar('color-primary');
   }
+
+  &.is-danger-line {
+    border-color: elVar('color-danger');
+  }
 }
 
 .ele-time-line-row.is-even-row .ele-time-line-item-icon {
@@ -92,7 +101,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')});
@@ -102,6 +111,10 @@
   &.is-primary-line {
     border-color: elVar('color-primary');
   }
+
+  &.is-danger-line {
+    border-color: elVar('color-danger');
+  }
 }
 
 .ele-time-line-row {

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

@@ -5,7 +5,7 @@ import type { UserComponent } from '../ele-app/types';
 /**
  * 时间线项类型
  */
-export type TimelineItemType = 'default' | 'primary';
+export type TimelineItemType = 'default' | 'primary' | 'danger';
 
 /**
  * 时间线项数据