@lingxiteam/theme-utils 0.5.9 → 0.6.0

package/dist/config/Button.js

@@ -67,7 +67,7 @@ export var Button = {
     '@border-color-base': ['borderColor'],
     '@text-color': []
   },
-  tpl: "\n.ued-button-wrap.pcfactory-btn {\n      line-height: lineHeight;\n      font-size: fontSize;\n      padding: paddingValue;\n      margin: marginValue;\n    }\n.ued-button-wrap.pcfactory-btn-primary {\n      background-color: backgroundColor;\n      border-color: backgroundColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn-default {\n      color: textColor;\n      border-color: borderColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn-dashed {\n      color: textColor;\n      border-color: borderColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn.pcfactory-btn-dashed:hover {\n      border-color: backgroundColor;\n      color: backgroundColor;\n    }\n.ued-button-wrap.pcfactory-btn.pcfactory-btn-default:hover {\n      border-color: backgroundColor;\n      color: backgroundColor;\n  }\n.ued-button-wrap.pcfactory-btn-text {\n      color: textColor;\n    }\n.ued-button-wrap.pcfactory-btn-link {\n      color: backgroundColor;\n    }\n  ",
+  tpl: "\n.ued-table-wrap .extend .pcfactory-btn {\n    border-radius: borderRadius;\n}\n.ued-modal-wrap .pcfactory-modal-footer .pcfactory-btn {\n    border-radius: borderRadius;\n}\n.ued-drawer-wrap .pcfactory-drawer-footer .pcfactory-btn {\n    border-radius: borderRadius;\n}\n.ued-card-extend .pcfactory-btn {\n    border-radius: borderRadius;\n}\n.ued-form-group-head-wrap .pcfactory-btn {\n  border-radius: borderRadius;\n}\n.engine-import-busi-obj-modal-customModal .pcfactory-modal-footer .pcfactory-btn {\n    border-radius: borderRadius;\n}\n.pcfactory-modal-confirm-btns .pcfactory-btn {\n    border-radius: borderRadius;\n}\n.ued-button-wrap.pcfactory-btn {\n      line-height: lineHeight;\n      font-size: fontSize;\n      padding: paddingValue;\n      margin: marginValue;\n    }\n.ued-button-wrap.pcfactory-btn-primary {\n      background-color: backgroundColor;\n      border-color: backgroundColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn-default {\n      color: textColor;\n      border-color: borderColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn-dashed {\n      color: textColor;\n      border-color: borderColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn.pcfactory-btn-dashed:hover {\n      border-color: backgroundColor;\n      color: backgroundColor;\n    }\n.ued-button-wrap.pcfactory-btn.pcfactory-btn-default:hover {\n      border-color: backgroundColor;\n      color: backgroundColor;\n  }\n.ued-button-wrap.pcfactory-btn-text {\n      color: textColor;\n    }\n.ued-button-wrap.pcfactory-btn-link {\n      color: backgroundColor;\n    }\n  ",
   components: [{
     id: 'Button_1229334',
     label: '按钮',

package/dist/config/Container.d.ts

@@ -93,6 +93,7 @@ export declare const Container: {
             cardIconType: string;
             extendNum: number;
             title: string;
+            subTitle: string;
             bordered: boolean;
             size: string;
             hasHeader: boolean;
@@ -160,6 +161,7 @@ export declare const Container: {
             collapseType: string;
             extendNum?: undefined;
             title?: undefined;
+            subTitle?: undefined;
             hasHeader?: undefined;
             headerColor?: undefined;
             isFlexColumn?: undefined;
@@ -210,6 +212,7 @@ export declare const Container: {
                 name: string;
                 basicStatus: number;
                 header: string;
+                subTitle: string;
                 key: string;
             };
             style: {
@@ -277,6 +280,7 @@ export declare const Container: {
             rowKey: string;
             cardIconType?: undefined;
             title?: undefined;
+            subTitle?: undefined;
             hasHeader?: undefined;
             hasIcon?: undefined;
             headerColor?: undefined;

package/dist/config/Container.js

@@ -146,6 +146,7 @@ export var Container = {
       cardIconType: 'middle',
       extendNum: 3,
       title: '标题',
+      subTitle: '副标题',
       bordered: true,
       size: 'default',
       hasHeader: true,
@@ -214,6 +215,7 @@ export var Container = {
         name: '折叠子面板',
         basicStatus: 1,
         header: '标题1',
+        subTitle: '副标题1',
         key: '1'
       },
       style: {
@@ -243,6 +245,7 @@ export var Container = {
         name: '折叠子面板',
         basicStatus: 1,
         header: '标题2',
+        subTitle: '副标题2',
         key: '2'
       },
       style: {

package/dist/config/Steps.d.ts

@@ -0,0 +1,265 @@
+export declare const Steps: {
+    type: string;
+    groupsName: string;
+    variable: {
+        backgroundColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        titleColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        fontSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        lineHeight: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        fontWeight: {
+            type: string;
+            label: string;
+            groupsName: string;
+            options: {
+                title: string;
+                value: string;
+            }[];
+        };
+        subTextColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        subFontSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        subLineHeight: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        subFontWeight: {
+            type: string;
+            label: string;
+            groupsName: string;
+            options: {
+                title: string;
+                value: string;
+            }[];
+        };
+        descriptionTextColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        descriptionFontSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        descriptionLineHeight: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        descriptionFontWeight: {
+            type: string;
+            label: string;
+            groupsName: string;
+            options: {
+                title: string;
+                value: string;
+            }[];
+        };
+        processIconColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        finishIconColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        waitIconColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        errorIconColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        lineColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+    };
+    icon: string;
+    title: string;
+    defaultValue: {
+        backgroundColor: string;
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: string;
+        subFontSize: string;
+        subLineHeight: string;
+        subFontWeight: string;
+        descriptionFontSize: string;
+        descriptionLineHeight: string;
+        descriptionFontWeight: string;
+    }[];
+    followThemes: {
+        '@primary-color': string[];
+        '@text-color-secondary': string[];
+        '@border-color-base': string[];
+        '@error-color': string[];
+        '@heading-color': string[];
+    };
+    tpl: string;
+    components: ({
+        id: string;
+        label: string;
+        compName: string;
+        type: string;
+        compType: number;
+        props: {
+            name: string;
+            basicStatus: number;
+            labelPlacement: string;
+            stepStyle: string;
+            type: string;
+            direction: string;
+            size: string;
+            iconSetting: {
+                label: string;
+                value: string;
+            }[];
+            stepsOptions: {
+                id: number;
+                title: string;
+                status: string;
+                subTitle: string;
+                description: string;
+            }[];
+            alias: {
+                id: string;
+                description: string;
+                disabled: string;
+                status: string;
+                subTitle: string;
+                title: string;
+                icon: string;
+            };
+        };
+        style: {
+            margin?: undefined;
+        };
+        platform: string;
+        setEvents: never[];
+        components: never[];
+        path: string[];
+    } | {
+        id: string;
+        label: string;
+        compName: string;
+        type: string;
+        compType: number;
+        props: {
+            name: string;
+            basicStatus: number;
+            labelPlacement: string;
+            stepStyle: string;
+            type: string;
+            direction: string;
+            size: string;
+            iconSetting: {
+                label: string;
+                value: string;
+            }[];
+            stepsOptions: {
+                id: number;
+                title: string;
+                status: string;
+                subTitle: string;
+                description: string;
+            }[];
+            alias: {
+                id: string;
+                description: string;
+                disabled: string;
+                status: string;
+                subTitle: string;
+                title: string;
+                icon: string;
+            };
+        };
+        style: {
+            margin: string;
+        };
+        platform: string;
+        setEvents: never[];
+        components: never[];
+        path: string[];
+    } | {
+        id: string;
+        label: string;
+        compName: string;
+        type: string;
+        compType: number;
+        props: {
+            name: string;
+            basicStatus: number;
+            labelPlacement: string;
+            stepStyle: string;
+            type: string;
+            direction: string;
+            size: string;
+            iconSetting: {
+                label: string;
+                value: string;
+            }[];
+            stepsOptions: {
+                id: number;
+                title: string;
+                status: string;
+                subTitle: string;
+                description: string;
+            }[];
+            alias: {
+                id: string;
+                description: string;
+                disabled: string;
+                status: string;
+                subTitle: string;
+                title: string;
+                icon: string;
+            };
+        };
+        style: {
+            margin: string;
+        };
+        platform: string;
+        setEvents: never[];
+        components: never[];
+        path?: undefined;
+    })[];
+};

package/dist/config/Steps.js

@@ -0,0 +1,535 @@
+export var Steps = {
+  type: 'Steps',
+  groupsName: '导航',
+  variable: {
+    backgroundColor: {
+      type: 'color',
+      label: '背景颜色',
+      groupsName: '背景'
+    },
+    titleColor: {
+      type: 'color',
+      label: '标题颜色',
+      groupsName: '标题',
+      followTheme: '@heading-color'
+    },
+    fontSize: {
+      type: 'px',
+      label: '标题尺寸',
+      groupsName: '标题'
+    },
+    lineHeight: {
+      type: 'px',
+      label: '标题行高',
+      groupsName: '标题'
+    },
+    fontWeight: {
+      type: 'select',
+      label: '标题字重',
+      groupsName: '标题',
+      options: [{
+        title: '100',
+        value: '100'
+      }, {
+        title: '200',
+        value: '200'
+      }, {
+        title: '300',
+        value: '300'
+      }, {
+        title: '400',
+        value: '400'
+      }, {
+        title: '500',
+        value: '500'
+      }, {
+        title: '600',
+        value: '600'
+      }, {
+        title: '700',
+        value: '700'
+      }]
+    },
+    subTextColor: {
+      type: 'color',
+      label: '副标题颜色',
+      groupsName: '副标题',
+      followTheme: '@text-color-secondary'
+    },
+    subFontSize: {
+      type: 'px',
+      label: '副标题尺寸',
+      groupsName: '副标题'
+    },
+    subLineHeight: {
+      type: 'px',
+      label: '副标题行高',
+      groupsName: '副标题'
+    },
+    subFontWeight: {
+      type: 'select',
+      label: '副标题字重',
+      groupsName: '副标题',
+      options: [{
+        title: '100',
+        value: '100'
+      }, {
+        title: '200',
+        value: '200'
+      }, {
+        title: '300',
+        value: '300'
+      }, {
+        title: '400',
+        value: '400'
+      }, {
+        title: '500',
+        value: '500'
+      }, {
+        title: '600',
+        value: '600'
+      }, {
+        title: '700',
+        value: '700'
+      }]
+    },
+    descriptionTextColor: {
+      type: 'color',
+      label: '内容颜色',
+      groupsName: '描述',
+      followTheme: '@text-color-secondary'
+    },
+    descriptionFontSize: {
+      type: 'px',
+      label: '内容尺寸',
+      groupsName: '描述'
+    },
+    descriptionLineHeight: {
+      type: 'px',
+      label: '内容行高',
+      groupsName: '描述'
+    },
+    descriptionFontWeight: {
+      type: 'select',
+      label: '内容字重',
+      groupsName: '描述',
+      options: [{
+        title: '100',
+        value: '100'
+      }, {
+        title: '200',
+        value: '200'
+      }, {
+        title: '300',
+        value: '300'
+      }, {
+        title: '400',
+        value: '400'
+      }, {
+        title: '500',
+        value: '500'
+      }, {
+        title: '600',
+        value: '600'
+      }, {
+        title: '700',
+        value: '700'
+      }]
+    },
+    processIconColor: {
+      type: 'color',
+      label: '进行中',
+      groupsName: '步骤符号',
+      followTheme: '@primary-color'
+    },
+    finishIconColor: {
+      type: 'color',
+      label: '完成',
+      groupsName: '步骤符号',
+      followTheme: '@primary-color'
+    },
+    waitIconColor: {
+      type: 'color',
+      label: '等待',
+      groupsName: '步骤符号',
+      followTheme: '@text-color-secondary'
+    },
+    errorIconColor: {
+      type: 'color',
+      label: '错误',
+      groupsName: '步骤符号',
+      followTheme: '@error-color'
+    },
+    lineColor: {
+      type: 'color',
+      label: '连接线颜色',
+      groupsName: '其他',
+      followTheme: '@border-color-base'
+    }
+  },
+  icon: 'icon-ico-comp-steps',
+  title: '步骤条',
+  defaultValue: [{
+    backgroundColor: '#ffffff',
+    fontSize: '16px',
+    lineHeight: '24px',
+    fontWeight: '600',
+    subFontSize: '14px',
+    subLineHeight: '22px',
+    subFontWeight: '400',
+    descriptionFontSize: '12px',
+    descriptionLineHeight: '16px',
+    descriptionFontWeight: '400'
+  }],
+  followThemes: {
+    '@primary-color': ['processIconColor', 'finishIconColor'],
+    '@text-color-secondary': ['subTextColor', 'descriptionTextColor', 'waitIconColor'],
+    '@border-color-base': ['lineColor'],
+    '@error-color': ['errorIconColor'],
+    '@heading-color': ['titleColor']
+  },
+  tpl: "\n  .pcfactory-steps {\n    background-color: backgroundColor;\n  }\n\n    .pcfactory-steps-item-title {\n      color: titleColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n      font-weight: fontWeight;\n    }\n    \n    .pcfactory-steps-item-finish > .pcfactory-steps-item-container > .pcfactory-steps-item-content > .pcfactory-steps-item-title,\n    .pcfactory-steps-item-process > .pcfactory-steps-item-container > .pcfactory-steps-item-content > .pcfactory-steps-item-title,\n    .pcfactory-steps-item-wait > .pcfactory-steps-item-container > .pcfactory-steps-item-content > .pcfactory-steps-item-title {\n       color: titleColor;\n    }\n    \n    .pcfactory-steps-item-subtitle {\n       color: subTextColor;\n       line-height: subLineHeight;\n       font-size: subFontSize;\n       font-weight: subFontWeight;\n    }\n\n    .pcfactory-steps-item-description {\n       color: descriptionTextColor;\n       line-height: descriptionLineHeight;\n       font-size: descriptionFontSize;\n       font-weight: descriptionFontWeight;\n    }\n    .pcfactory-steps-item-finish > .pcfactory-steps-item-container > .pcfactory-steps-item-content > .pcfactory-steps-item-description,\n    .pcfactory-steps-item-process > .pcfactory-steps-item-container > .pcfactory-steps-item-content > .pcfactory-steps-item-description,\n    .pcfactory-steps-item-wait > .pcfactory-steps-item-container > .pcfactory-steps-item-content > .pcfactory-steps-item-description {\n       color: descriptionTextColor;\n    }\n\n\n    .ued-step-wrap-finish {\n      color: finishIconColor;\n      border-color: finishIconColor;\n    }\n    .ued-step-wrap-dot-finish {\n       background-color: finishIconColor;\n    }\n    .pcfactory-steps-item-finish .pcfactory-steps-item-icon > .pcfactory-steps-icon {\n       color: finishIconColor;\n    }\n    .pcfactory-steps-item-finish > .pcfactory-steps-item-container > .pcfactory-steps-item-content > .pcfactory-steps-item-title::after {\n       background-color: finishIconColor;\n    }\n    .pcfactory-steps-item-finish > .pcfactory-steps-item-container > .pcfactory-steps-item-tail::after {\n       background-color: finishIconColor;\n    }\n    \n    .ued-step-wrap-process {\n      border-color: processIconColor;\n      background: processIconColor;\n    }\n    .ued-step-wrap-dot-process {\n       background-color: processIconColor;\n    }\n    .pcfactory-steps-item-custom.pcfactory-steps-item-process .pcfactory-steps-item-icon > .pcfactory-steps-icon {\n       color: processIconColor;\n    }\n    .pcfactory-steps-navigation .pcfactory-steps-item::before {\n      background-color: processIconColor;\n    }\n\n    .ued-step-wrap-wait {\n      color: waitIconColor;\n      border-color: waitIconColor;\n    }\n    .ued-step-wrap-dot-wait {\n       background-color: waitIconColor;\n    }\n    .pcfactory-steps-item-wait .pcfactory-steps-item-icon > .pcfactory-steps-icon {\n       color: waitIconColor;\n    }\n\n    .ued-step-wrap-error {\n       color: errorIconColor;\n       border-color: errorIconColor;\n    }\n    .ued-step-wrap-dot-error {\n       background-color: errorIconColor;\n    }\n    .pcfactory-steps-item-error .pcfactory-steps-item-icon > .pcfactory-steps-icon {\n       color: errorIconColor;\n    }\n    .pcfactory-steps-item-error > .pcfactory-steps-item-container > .pcfactory-steps-item-content > .pcfactory-steps-item-title {\n       color: errorIconColor;\n    }\n    .pcfactory-steps-item-error > .pcfactory-steps-item-container > .pcfactory-steps-item-content > .pcfactory-steps-item-description {\n       color: errorIconColor;\n    } \n\n    .pcfactory-steps-item-process > .pcfactory-steps-item-container > .pcfactory-steps-item-content > .pcfactory-steps-item-title::after,\n    .pcfactory-steps-item-wait > .pcfactory-steps-item-container > .pcfactory-steps-item-content > .pcfactory-steps-item-title::after {\n       background-color: lineColor;\n    }\n    .pcfactory-steps-item-process > .pcfactory-steps-item-container > .pcfactory-steps-item-tail::after,\n    .pcfactory-steps-item-wait > .pcfactory-steps-item-container > .pcfactory-steps-item-tail::after {\n       background-color: lineColor;\n    }\n    .pcfactory-steps-navigation .pcfactory-steps-item::after {\n       border-color: lineColor;\n    }\n     \n  ",
+  components: [{
+    id: 'Steps_2037204',
+    label: '步骤条',
+    compName: 'Steps',
+    type: 'Steps',
+    compType: 5,
+    props: {
+      name: '步骤条',
+      basicStatus: 1,
+      labelPlacement: 'horizontal',
+      stepStyle: 'number',
+      type: 'default',
+      direction: 'horizontal',
+      size: 'default',
+      iconSetting: [{
+        label: '等待状态',
+        value: 'wait'
+      }, {
+        label: '处理中状态',
+        value: 'process'
+      }, {
+        label: '完成状态',
+        value: 'finish'
+      }, {
+        label: '错误状态',
+        value: 'error'
+      }],
+      stepsOptions: [{
+        id: 1,
+        title: '1',
+        status: 'finish',
+        subTitle: 'first',
+        description: '第一步'
+      }, {
+        id: 2,
+        title: '2',
+        status: 'process',
+        subTitle: 'second',
+        description: '第二步'
+      }, {
+        id: 3,
+        title: '3',
+        status: 'wait',
+        subTitle: 'third',
+        description: '第三步'
+      }, {
+        id: 4,
+        title: '4',
+        status: 'error',
+        subTitle: 'fourth',
+        description: '第四步'
+      }],
+      alias: {
+        id: 'id',
+        description: 'description',
+        disabled: 'disabled',
+        status: 'status',
+        subTitle: 'subTitle',
+        title: 'title',
+        icon: 'icon'
+      }
+    },
+    style: {},
+    platform: 'pc',
+    setEvents: [],
+    components: [],
+    path: ['998509', 'View_998509_1']
+  }, {
+    id: 'Steps_2097604',
+    label: '步骤条',
+    compName: 'Steps',
+    type: 'Steps',
+    compType: 5,
+    props: {
+      name: '步骤条',
+      basicStatus: 1,
+      labelPlacement: 'horizontal',
+      stepStyle: 'icon',
+      type: 'default',
+      direction: 'horizontal',
+      size: 'default',
+      iconSetting: [{
+        label: '等待状态',
+        value: 'wait'
+      }, {
+        label: '处理中状态',
+        value: 'process'
+      }, {
+        label: '完成状态',
+        value: 'finish'
+      }, {
+        label: '错误状态',
+        value: 'error'
+      }],
+      stepsOptions: [{
+        id: 1,
+        title: '1',
+        status: 'finish',
+        subTitle: 'first',
+        description: '第一步'
+      }, {
+        id: 2,
+        title: '2',
+        status: 'process',
+        subTitle: 'second',
+        description: '第二步'
+      }, {
+        id: 3,
+        title: '3',
+        status: 'wait',
+        subTitle: 'third',
+        description: '第三步'
+      }, {
+        id: 4,
+        title: '4',
+        status: 'error',
+        subTitle: 'fourth',
+        description: '第四步'
+      }],
+      alias: {
+        id: 'id',
+        description: 'description',
+        disabled: 'disabled',
+        status: 'status',
+        subTitle: 'subTitle',
+        title: 'title',
+        icon: 'icon'
+      }
+    },
+    style: {
+      margin: '20px 0 0 0'
+    },
+    platform: 'pc',
+    setEvents: [],
+    components: [],
+    path: ['998509', 'View_998509_1']
+  }, {
+    id: 'Steps_3098604',
+    label: '步骤条',
+    compName: 'Steps',
+    type: 'Steps',
+    compType: 5,
+    props: {
+      name: '步骤条',
+      basicStatus: 1,
+      labelPlacement: 'horizontal',
+      stepStyle: 'dot',
+      type: 'default',
+      direction: 'horizontal',
+      size: 'default',
+      iconSetting: [{
+        label: '等待状态',
+        value: 'wait'
+      }, {
+        label: '处理中状态',
+        value: 'process'
+      }, {
+        label: '完成状态',
+        value: 'finish'
+      }, {
+        label: '错误状态',
+        value: 'error'
+      }],
+      stepsOptions: [{
+        id: 1,
+        title: '1',
+        status: 'finish',
+        subTitle: 'first',
+        description: '第一步'
+      }, {
+        id: 2,
+        title: '2',
+        status: 'process',
+        subTitle: 'second',
+        description: '第二步'
+      }, {
+        id: 3,
+        title: '3',
+        status: 'wait',
+        subTitle: 'third',
+        description: '第三步'
+      }, {
+        id: 4,
+        title: '4',
+        status: 'error',
+        subTitle: 'fourth',
+        description: '第四步'
+      }],
+      alias: {
+        id: 'id',
+        description: 'description',
+        disabled: 'disabled',
+        status: 'status',
+        subTitle: 'subTitle',
+        title: 'title',
+        icon: 'icon'
+      }
+    },
+    style: {
+      margin: '20px 0 0 0'
+    },
+    platform: 'pc',
+    setEvents: [],
+    components: [],
+    path: ['998509', 'View_998509_1']
+  }, {
+    id: 'Steps_862902',
+    label: '步骤条',
+    compName: 'Steps',
+    type: 'Steps',
+    compType: 5,
+    props: {
+      name: '步骤条',
+      basicStatus: 1,
+      labelPlacement: 'horizontal',
+      stepStyle: 'number',
+      type: 'navigation',
+      direction: 'horizontal',
+      size: 'default',
+      iconSetting: [{
+        label: '等待状态',
+        value: 'wait'
+      }, {
+        label: '处理中状态',
+        value: 'process'
+      }, {
+        label: '完成状态',
+        value: 'finish'
+      }, {
+        label: '错误状态',
+        value: 'error'
+      }],
+      stepsOptions: [{
+        id: 1,
+        title: '1',
+        status: 'finish',
+        subTitle: 'first',
+        description: '第一步'
+      }, {
+        id: 2,
+        title: '2',
+        status: 'process',
+        subTitle: 'second',
+        description: '第二步'
+      }, {
+        id: 3,
+        title: '3',
+        status: 'wait',
+        subTitle: 'third',
+        description: '第三步'
+      }, {
+        id: 4,
+        title: '4',
+        status: 'error',
+        subTitle: 'fourth',
+        description: '第四步'
+      }],
+      alias: {
+        id: 'id',
+        description: 'description',
+        disabled: 'disabled',
+        status: 'status',
+        subTitle: 'subTitle',
+        title: 'title',
+        icon: 'icon'
+      }
+    },
+    style: {
+      margin: '20px 0 0 0'
+    },
+    platform: 'pc',
+    setEvents: [],
+    components: []
+  }, {
+    id: 'Steps_1137204',
+    label: '步骤条',
+    compName: 'Steps',
+    type: 'Steps',
+    compType: 5,
+    props: {
+      name: '步骤条',
+      basicStatus: 1,
+      labelPlacement: 'horizontal',
+      stepStyle: 'number',
+      type: 'default',
+      direction: 'vertical',
+      size: 'default',
+      iconSetting: [{
+        label: '等待状态',
+        value: 'wait'
+      }, {
+        label: '处理中状态',
+        value: 'process'
+      }, {
+        label: '完成状态',
+        value: 'finish'
+      }, {
+        label: '错误状态',
+        value: 'error'
+      }],
+      stepsOptions: [{
+        id: 1,
+        title: '1',
+        status: 'finish',
+        subTitle: 'first',
+        description: '第一步'
+      }, {
+        id: 2,
+        title: '2',
+        status: 'process',
+        subTitle: 'second',
+        description: '第二步'
+      }, {
+        id: 3,
+        title: '3',
+        status: 'wait',
+        subTitle: 'third',
+        description: '第三步'
+      }, {
+        id: 4,
+        title: '4',
+        status: 'error',
+        subTitle: 'fourth',
+        description: '第四步'
+      }],
+      alias: {
+        id: 'id',
+        description: 'description',
+        disabled: 'disabled',
+        status: 'status',
+        subTitle: 'subTitle',
+        title: 'title',
+        icon: 'icon'
+      }
+    },
+    style: {
+      margin: '20px 0 0 0'
+    },
+    platform: 'pc',
+    setEvents: [],
+    components: [],
+    path: ['998509', 'View_998509_1']
+  }]
+};

package/dist/lx.js

@@ -35,6 +35,7 @@ import { Table } from "./config/Table";
 import { Tag } from "./config/Tag";
 import { Tree } from "./config/Tree";
 import { Description } from "./config/Description";
+import { Steps } from "./config/Steps";
 export var THEME_KEYS_TITLE = {
   '@primary-color': '主题色',
   '@font-size-base': '主字号',
@@ -78,7 +79,8 @@ export var ASSETS_CSS_TPL = {
   Table: Table,
   Tag: Tag,
   Tree: Tree,
-  Description: Description
+  Description: Description,
+  Steps: Steps
 };
 export var pcExtend = {
   Input: 'Form',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingxiteam/theme-utils",
-  "version": "0.5.9",
+  "version": "0.6.0",
   "description": "",
   "keywords": [],
   "license": "MIT",