ele-admin-plus 1.2.2-beta.5 → 1.3.1-beta.1

package/lib/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/lib/ele-timeline/index.cjs

@@ -0,0 +1,168 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const icons = require("../icons");
+const props = require("./props");
+const _sfc_main = vue.defineComponent({
+  name: "EleTimeline",
+  components: { ElIcon: elementPlus.ElIcon, CheckCircleFilled: icons.CheckCircleFilled },
+  props: props.timelineProps,
+  emits: props.timelineEmits,
+  setup(props2, { emit }) {
+    const listRef = vue.ref(null);
+    const listWidth = vue.ref(0);
+    const listColNum = vue.computed(() => {
+      return Math.floor(listWidth.value / props2.itemWidth) || 1;
+    });
+    const lineRows = vue.computed(() => {
+      var _a;
+      const rows = [];
+      const data = props2.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;
+    });
+    vue.onMounted(() => {
+      const listEl = listRef.value;
+      listEl && observer.observe(listEl);
+    });
+    vue.onBeforeUnmount(() => {
+      const listEl = listRef.value;
+      listEl && observer.unobserve(listEl);
+    });
+    return {
+      listRef,
+      lineRows,
+      handleItemClick
+    };
+  }
+});
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    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 = vue.resolveComponent("CheckCircleFilled");
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.lineRows, (row) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        key: row.key,
+        class: vue.normalizeClass(["ele-time-line-row", { "is-even-row": row.isEvenRow }])
+      }, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(row.items, (col) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            key: col.key,
+            class: vue.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 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              vue.createElementVNode("div", _hoisted_3, [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass([
+                    "ele-time-line-item-line is-start",
+                    { "is-primary-line": col.data.type === "primary" }
+                  ])
+                }, null, 2),
+                vue.createVNode(_component_ElIcon, vue.mergeProps({
+                  class: "ele-time-line-item-icon-status",
+                  ref_for: true
+                }, col.data.iconProps || {}), {
+                  default: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "itemIcon", {
+                      item: col.data
+                    }, () => [
+                      col.data.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(col.data.icon), {
+                        key: 0,
+                        style: vue.normalizeStyle(col.data.iconStyle)
+                      }, null, 8, ["style"])) : (vue.openBlock(), vue.createBlock(_component_CheckCircleFilled, {
+                        key: 1,
+                        style: vue.normalizeStyle(col.data.iconStyle)
+                      }, null, 8, ["style"]))
+                    ])
+                  ]),
+                  _: 2
+                }, 1040),
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass([
+                    "ele-time-line-item-line is-end",
+                    { "is-primary-line": col.nextDataType === "primary" }
+                  ])
+                }, null, 2)
+              ]),
+              !col.isLast ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: vue.normalizeClass([
+                  "ele-time-line-item-line-turn",
+                  { "is-primary-line": col.nextDataType === "primary" }
+                ])
+              }, null, 2)) : vue.createCommentVNode("", true),
+              vue.createElementVNode("div", _hoisted_4, [
+                vue.renderSlot(_ctx.$slots, "itemTitle", {
+                  item: col.data
+                }, () => [
+                  vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(col.data.title), 1)
+                ]),
+                vue.renderSlot(_ctx.$slots, "itemDescription", {
+                  item: col.data
+                }, () => [
+                  vue.createElementVNode("div", _hoisted_6, vue.toDisplayString(col.data.description), 1)
+                ])
+              ])
+            ], 64)) : vue.createCommentVNode("", true)
+          ], 10, _hoisted_2);
+        }), 128))
+      ], 2);
+    }), 128))
+  ], 512);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/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/lib/ele-timeline/props.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const timelineProps = {
+  /** 数据 */
+  data: Array,
+  /** 每项最小宽度 */
+  itemWidth: {
+    type: Number,
+    default: 168
+  }
+};
+const timelineEmits = {
+  itemClick: (_item) => true
+};
+exports.timelineEmits = timelineEmits;
+exports.timelineProps = timelineProps;

package/lib/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/lib/ele-timeline/style/css-var.scss

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

package/lib/ele-timeline/style/index.cjs

@@ -0,0 +1,3 @@
+"use strict";
+require("element-plus/es/components/icon/style/index");
+require("./index.scss");

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,116 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-timeline-var($ele);
+
+.ele-time-line-list {
+  box-sizing: border-box;
+}
+
+.ele-time-line-row {
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+
+  &.is-even-row {
+    flex-direction: row-reverse;
+  }
+}
+
+.ele-time-line-item {
+  flex: 1;
+  text-align: center;
+  box-sizing: border-box;
+  position: relative;
+}
+
+/* 内容 */
+.ele-time-line-item-body {
+  padding: eleVar('timeline', 'body-padding');
+  box-sizing: border-box;
+}
+
+/* 标题 */
+.ele-time-line-item-title {
+  font-size: eleVar('timeline', 'title-font-size');
+  margin-bottom: eleVar('timeline', 'title-margin');
+}
+
+/* 描述 */
+.ele-time-line-item-description {
+  font-size: eleVar('timeline', 'description-font-size');
+}
+
+/* 图标 */
+.ele-time-line-item-icon {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+}
+
+.ele-time-line-item-icon-status {
+  flex-shrink: 0;
+  margin: eleVar('timeline', 'icon-margin');
+  font-size: eleVar('timeline', 'icon-font-size');
+  color: eleVar('timeline', 'icon-color');
+}
+
+.ele-time-line-item.is-primary,
+.ele-time-line-item.is-primary .ele-time-line-item-icon-status {
+  color: elVar('color-primary');
+}
+
+/* 线条 */
+.ele-time-line-item-line {
+  flex: 1;
+  border-style: solid;
+  border-top-width: eleVar('timeline', 'line-size');
+  border-top-color: eleVar('timeline', 'line-color');
+  box-sizing: border-box;
+  pointer-events: none;
+
+  &.is-primary-line {
+    border-color: elVar('color-primary');
+  }
+}
+
+.ele-time-line-row.is-even-row .ele-time-line-item-icon {
+  flex-direction: row-reverse;
+}
+
+.ele-time-line-row > .ele-time-line-item {
+  &.is-first .ele-time-line-item-line.is-start,
+  &.is-last .ele-time-line-item-line.is-end {
+    visibility: hidden;
+  }
+}
+
+/* 转折线条 */
+.ele-time-line-item-line-turn {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  border-style: solid;
+  border-left-width: eleVar('timeline', 'line-size');
+  border-left-color: eleVar('timeline', 'line-color');
+  transform: translateY(#{eleVar('timeline', 'turn-line-offset')});
+  box-sizing: border-box;
+  pointer-events: none;
+
+  &.is-primary-line {
+    border-color: elVar('color-primary');
+  }
+}
+
+.ele-time-line-row {
+  & > .ele-time-line-item:not(:last-child) .ele-time-line-item-line-turn {
+    display: none;
+  }
+
+  &.is-even-row .ele-time-line-item-line-turn {
+    left: 0;
+    right: auto;
+  }
+}

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

@@ -0,0 +1,62 @@
+import type { CSSProperties } from 'vue';
+import type { ElIconProps } from '../ele-app/el';
+import type { UserComponent } from '../ele-app/types';
+
+/**
+ * 时间线项类型
+ */
+export type TimelineItemType = 'default' | 'primary';
+
+/**
+ * 时间线项数据
+ */
+export interface TimelineItem extends Record<string, any> {
+  /** 循环的 key */
+  key?: string | number | symbol;
+  /** 类型 */
+  type?: TimelineItemType;
+  /** 标题 */
+  title?: string;
+  /** 描述 */
+  description?: string;
+  /** 图标 */
+  icon?: UserComponent;
+  /** 自定义图标属性 */
+  iconProps?: ElIconProps;
+  /** 自定义图标样式 */
+  iconStyle?: CSSProperties;
+  /** 样式 */
+  style?: CSSProperties;
+  /** 类名 */
+  class?: string;
+}
+
+/**
+ * 时间线单元格数据
+ */
+export interface TimelineCell {
+  /** 循环的 key */
+  key: string | number | symbol;
+  /** 时间线项数据 */
+  data?: TimelineItem;
+  /** 时间线项数据索引 */
+  dataIndex?: number;
+  /** 下一个时间线项数据的类型 */
+  nextDataType?: TimelineItemType;
+  /** 是否是第一个时间线项数据 */
+  isFirst?: boolean;
+  /** 是否是最后一个时间线项数据 */
+  isLast?: boolean;
+}
+
+/**
+ * 时间线行数据
+ */
+export interface TimelineRow {
+  /** 循环的 key */
+  key: string | number | symbol;
+  /** 时间线单元格数据 */
+  items: TimelineCell[];
+  /** 是否是偶数行 */
+  isEvenRow?: boolean;
+}

package/lib/ele-virtual-table/index.cjs

@@ -386,6 +386,13 @@ const _sfc_main = vue.defineComponent({
           el.scrollLeft = scrollLeft;
         }
       }
+      emit("scroll", option);
+    };
+    const handleEndEeached = (params) => {
+      emit("endEeached", params);
+    };
+    const handleRowsRendered = (params) => {
+      emit("rowsRendered", params);
     };
     const updateTableData = () => {
       tableData.value = util$1.transformTableData(
@@ -942,6 +949,8 @@ const _sfc_main = vue.defineComponent({
       handleExpandCellMouseenter,
       handleTableMouseleave,
       handleTableScroll,
+      handleEndEeached,
+      handleRowsRendered,
       updateWrapSize,
       updateTableData,
       updateSelectedAndChecked,
@@ -1010,7 +1019,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.tableProps.width ? (vue.openBlock(), vue.createBlock(_component_ElTableV2, vue.mergeProps({ key: 0 }, _ctx.tableProps, {
       key: _ctx.tableKey,
       ref: "tableRef",
-      onScroll: _ctx.handleTableScroll
+      onScroll: _ctx.handleTableScroll,
+      onEndEeached: _ctx.handleEndEeached,
+      onRowsRendered: _ctx.handleRowsRendered
     }), vue.createSlots({
       header: vue.withCtx((headerProps) => [
         headerProps && _ctx.headerRows[headerProps.headerIndex] ? (vue.openBlock(), vue.createBlock(_component_HeaderRow, {
@@ -1142,7 +1153,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         key: "0"
       } : void 0
-    ]), 1040, ["onScroll"])) : vue.createCommentVNode("", true),
+    ]), 1040, ["onScroll", "onEndEeached", "onRowsRendered"])) : vue.createCommentVNode("", true),
     vue.createVNode(_component_EleTooltip, vue.normalizeProps(vue.guardReactiveProps(_ctx.tableTooltipProps)), null, 16)
   ], 34);
 }

package/lib/ele-virtual-table/index.d.ts

@@ -170,6 +170,8 @@ declare const _default: import('vue').DefineComponent<{
     handleExpandCellMouseenter: () => void;
     handleTableMouseleave: () => void;
     handleTableScroll: (option: ScrollPos) => void;
+    handleEndEeached: (params: any) => void;
+    handleRowsRendered: (params: any) => void;
     updateWrapSize: () => void;
     updateTableData: () => void;
     updateSelectedAndChecked: () => void;
@@ -194,6 +196,9 @@ declare const _default: import('vue').DefineComponent<{
     scrollToRow: (row: number, strategy: ScrollStrategy) => void;
     hideTooltip: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    endEeached: (_params: any) => boolean;
+    scroll: (_params: ScrollPos) => boolean;
+    rowsRendered: (_params: any) => boolean;
     select: (_selection: DataItem[], _row: DataItem) => boolean;
     selectAll: (_selection: DataItem[]) => boolean;
     selectionChange: (_selection: DataItem[]) => boolean;
@@ -336,6 +341,8 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onSelect?: ((_selection: DataItem[], _row: DataItem) => any) | undefined;
     onExpandChange?: ((_row: DataItem, _expanded: boolean) => any) | undefined;
+    onScroll?: ((_params: ScrollPos) => any) | undefined;
+    onRowsRendered?: ((_params: any) => any) | undefined;
     onSelectAll?: ((_selection: DataItem[]) => any) | undefined;
     onSelectionChange?: ((_selection: DataItem[]) => any) | undefined;
     onCellMouseEnter?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
@@ -354,6 +361,7 @@ declare const _default: import('vue').DefineComponent<{
     onHeaderDragend?: ((_width: number, _old: number, _column: Column, _e: MouseEvent) => any) | undefined;
     "onUpdate:currentRowKey"?: ((_currentRowKey?: DataKey | undefined) => any) | undefined;
     "onUpdate:selectedRowKeys"?: ((_selectedRowKeys?: DataKey[] | undefined) => any) | undefined;
+    onEndEeached?: ((_params: any) => any) | undefined;
 }, {
     fit: boolean;
     lazy: boolean;

package/lib/ele-virtual-table/props.cjs

@@ -7,7 +7,10 @@ const virtualTableProps = {
   rowHeight: Number
 };
 const virtualTableEmits = {
-  ...props.dataTableEmits
+  ...props.dataTableEmits,
+  endEeached: (_params) => true,
+  scroll: (_params) => true,
+  rowsRendered: (_params) => true
 };
 exports.virtualTableEmits = virtualTableEmits;
 exports.virtualTableProps = virtualTableProps;

package/lib/ele-virtual-table/props.d.ts

@@ -1,4 +1,5 @@
 import { ExtractPropTypes } from 'vue';
+import { ScrollPos } from './types';
 
 /**
  * 属性
@@ -129,6 +130,9 @@ export type VirtualTableProps = ExtractPropTypes<typeof virtualTableProps>;
  * 事件
  */
 export declare const virtualTableEmits: {
+    endEeached: (_params: any) => boolean;
+    scroll: (_params: ScrollPos) => boolean;
+    rowsRendered: (_params: any) => boolean;
     select: (_selection: import('../ele-data-table/types').DataItem[], _row: import('../ele-data-table/types').DataItem) => boolean;
     selectAll: (_selection: import('../ele-data-table/types').DataItem[]) => boolean;
     selectionChange: (_selection: import('../ele-data-table/types').DataItem[]) => boolean;

package/lib/ele-virtual-table/util.cjs

@@ -543,7 +543,7 @@ function useAutoResize(getEl) {
     updateWrapSize();
     observe();
   });
-  vue.onBeforeMount(() => {
+  vue.onBeforeUnmount(() => {
     observer.disconnect();
   });
   vue.onActivated(() => {

package/lib/ele-watermark/util.cjs

@@ -57,7 +57,7 @@ function useMutation(option) {
     falsifiedObserver.disconnect();
     deletedObserver.disconnect();
   };
-  vue.onBeforeMount(() => {
+  vue.onBeforeUnmount(() => {
     disconnect();
   });
   return { observe, disconnect };

package/lib/style/plus.scss

@@ -27,6 +27,8 @@
 @use '../ele-pagination/style/index.scss' as pagination;
 @use '../ele-popconfirm/style/index.scss' as popconfirm;
 @use '../ele-printer/style/index.scss' as printer;
+@use '../ele-pro-form/style/index.scss' as proForm;
+@use '../ele-pro-form-builder/style/index.scss' as proFormBuilder;
 @use '../ele-pro-layout/style/index.scss' as proLayout;
 @use '../ele-pro-table/style/index.scss' as proTable;
 @use '../ele-segmented/style/index.scss' as segmented;
@@ -36,6 +38,7 @@
 @use '../ele-table/style/index.scss' as table;
 @use '../ele-table-select/style/index.scss' as tableSelect;
 @use '../ele-text/style/index.scss' as text;
+@use '../ele-timeline/style/index.scss' as timeline;
 @use '../ele-tool/style/index.scss' as tool;
 @use '../ele-toolbar/style/index.scss' as toolbar;
 @use '../ele-tooltip/style/index.scss' as tooltip;

package/lib/style/themes/default.scss

@@ -526,6 +526,33 @@ $ele: map.deep-merge(
       'lg-gap': 8px 12px,
       'lg-font-size': 14px
     ),
+    'pro-form': (
+      // 高级表单
+      'descriptions-label-wdith': 110px,
+      'handle-color': #fff,
+      'handle-font-size': 12px,
+      'handle-height': 18px,
+      'handle-bg': elVar('color-primary'),
+      'handle-shadow': 2px 2px 4px 0 rgba(255, 255, 255, 0.6),
+      'handle-padding': 0 4px,
+      'handle-space': 4px,
+      'handle-index': 9999,
+      'item-wrapper-padding': 4px,
+      'item-wrapper-border': 1px dashed elVar('border-color'),
+      'item-wrapper-hover-border': 1px dashed elVar('color-primary'),
+      'item-wrapper-active-border': 2px solid elVar('color-primary'),
+      'item-wrapper-active-border-offset': -1px,
+      'item-wrapper-active-index': 8,
+      'container-wrapper-border-offset': -1px,
+      'container-wrapper-active-border-offset': -2px,
+      'container-wrapper-min-height': 48px,
+      'container-div-min-height': 24px,
+      'container-description-min-height': 32px
+    ),
+    'pro-form-builder': (
+      // 表单构建器
+      'descriptions-label-wdith': 110px
+    ),
     'segmented': (
       // 分段器
       'padding': 3px,
@@ -669,6 +696,19 @@ $ele: map.deep-merge(
       'xxl': calc(#{elVar('font-size', 'extra-large')} + 6px),
       'xxxl': calc(#{elVar('font-size', 'extra-large')} + 34px)
     ),
+    'timeline': (
+      // 时间线
+      'body-padding': 8px 16px 48px 16px,
+      'title-font-size': 16px,
+      'title-margin': 0 0 4px 0,
+      'description-font-size': 13px,
+      'icon-margin': 0 8px,
+      'icon-font-size': 22px,
+      'icon-color': elVar('text-color', 'placeholder'),
+      'line-size': 2px,
+      'line-color': elVar('border-color'),
+      'turn-line-offset': 11px
+    ),
     'table': (
       // 表格
       'radius': 0,

package/lib/style/themes/theme-util.scss

@@ -19,6 +19,8 @@
 @use '../../ele-page/style/css-var.scss' as *;
 @use '../../ele-pagination/style/css-var.scss' as *;
 @use '../../ele-popconfirm/style/css-var.scss' as *;
+@use '../../ele-pro-form/style/css-var.scss' as *;
+@use '../../ele-pro-form-builder/style/css-var.scss' as *;
 @use '../../ele-pro-table/style/css-var.scss' as *;
 @use '../../ele-segmented/style/css-var.scss' as *;
 @use '../../ele-steps/style/css-var.scss' as *;
@@ -26,6 +28,7 @@
 @use '../../ele-table-select/style/css-var.scss' as *;
 @use '../../ele-tabs/style/css-var.scss' as *;
 @use '../../ele-text/style/css-var.scss' as *;
+@use '../../ele-timeline/style/css-var.scss' as *;
 @use '../../ele-tool/style/css-var.scss' as *;
 @use '../../ele-toolbar/style/css-var.scss' as *;
 @use '../../ele-tooltip/style/css-var.scss' as *;
@@ -57,6 +60,8 @@
     @include set-page-var($var);
     @include set-pagination-var($var);
     @include set-popconfirm-var($var);
+    @include set-pro-form-var($var);
+    @include set-pro-form-builder-var($var);
     @include set-pro-table-var($var);
     @include set-segmented-var($var);
     @include set-step-var($var);
@@ -64,6 +69,7 @@
     @include set-table-select-var($var);
     @include set-tab-var($var);
     @include set-text-var($var);
+    @include set-timeline-var($var);
     @include set-tool-var($var);
     @include set-toolbar-var($var);
     @include set-tooltip-var($var);