@jt-home/mfe-components 1.0.1 → 1.0.3

package/dist/style.css

@@ -1 +1 @@
-:root{--color-primary: #e60000;--color-primary-light: #ff3a3a;--color-primary-hover: #e51e1b;--color-primary-bg-light: #ffe5e5;--color-primary-bg-lighter: #fdf7f7;--color-primary-bg-subtle: rgba(230, 0, 0, .05);--color-primary-bg-subtle-2: rgba(230, 0, 0, .1);--color-primary-tint-1: #ffecec;--color-primary-tint-2: #ffd1d1;--color-primary-tint-3: #f7b2b2;--color-bg-page: #f9f9f9;--color-bg-card: #ffffff;--color-bg-input: #f9fafb;--color-bg-table-header: #f6f3f3;--color-bg-elevated: #fbf9f9;--color-text-primary: #333333;--color-text-regular: rgba(0, 0, 0, .8);--color-text-secondary: rgba(0, 0, 0, .6);--color-text-tertiary: rgba(0, 0, 0, .4);--color-text-disabled: rgba(0, 0, 0, .2);--color-border-default: #e5e5e5;--color-border-light: #f5f5f5;--color-border-medium: #d9d9d9;--color-border-dark: #999999;--color-border-strong: #666666;--color-border-primary: #e60000;--color-link: #0066ff;--color-error: #e60000;--color-icon-gray: #a6a6a6;--gradient-primary-button: linear-gradient(90deg, #e60000 0%, #ff3a3a 100%);--gradient-secondary-button: linear-gradient(90deg, #ff3a3a 0%, #e60000 100%);--gradient-bg-soft: linear-gradient(90deg, #f9f9f9 0%, #ffecec 100%);--font-family-primary: "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-secondary: "Source Han Sans", "PingFang SC", sans-serif;--font-size-title-lg: 20px;--font-size-title: 16px;--font-size-body: 16px;--font-size-body-sm: 14px;--font-size-caption: 12px;--font-size-caption-sm: 10px;--font-size-ui: 13px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--spacing-1: 2px;--spacing-2: 4px;--spacing-3: 8px;--spacing-4: 10px;--spacing-5: 12px;--spacing-6: 16px;--spacing-8: 20px;--spacing-10: 32px;--spacing-12: 50px;--spacing-16: 80px;--spacing-20: 160px;--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-base: 12px;--radius-lg: 14px;--radius-xl: 16px;--radius-pill: 50px;--shadow-card: 0px 2px 8px 0px rgba(0, 0, 0, .05);--shadow-dropdown: 0px 4px 4px 0px rgba(0, 0, 0, .1);--el-color-primary: #e60000;--el-color-primary-light-3: #f04d4d;--el-color-primary-light-5: #f38080;--el-color-primary-light-7: #f8b3b3;--el-color-primary-light-8: #facccc;--el-color-primary-light-9: #fde6e6;--el-color-primary-dark-2: #b80000;--el-border-color: #e5e5e5;--el-border-color-light: #e5e5e5;--el-border-color-lighter: #e5e5e5;--el-border-color-extra-light: #e5e5e5;--el-border-color-dark: #e5e5e5;--el-border-color-darker: #e5e5e5}[class^=jt-],[class*=" jt-"],[class^=jt-] *,[class*=" jt-"] *{box-sizing:border-box}.jt-button.el-button[data-v-fbcdce34]{--jt-button-icon-size: 14px;--el-button-hover-text-color: #333333;--el-button-hover-border-color: #e5e5e5;--el-button-hover-bg-color: #ffffff;--el-button-active-text-color: #333333;--el-button-active-border-color: #e5e5e5;--el-button-active-bg-color: #ffffff;height:28px;border-radius:4px;border:1px solid #e5e5e5;background:#fff;padding-left:14px;padding-right:14px;font-size:12px;font-weight:400;color:#333}.jt-button.el-button+.jt-button.el-button[data-v-fbcdce34]{margin-left:10px}.jt-button.el-button[data-v-fbcdce34] .jt-button__icon{width:var(--jt-button-icon-size);height:var(--jt-button-icon-size);margin-right:4px;font-size:var(--jt-button-icon-size)}.jt-button.el-button[data-v-fbcdce34] .jt-button__icon svg,.jt-button.el-button[data-v-fbcdce34] .jt-button__icon img{width:var(--jt-button-icon-size);height:var(--jt-button-icon-size)}.jt-button.el-button[data-v-fbcdce34] .jt-button__icon img{display:block}.jt-button.el-button[data-v-fbcdce34] .jt-button__icon+span{margin-left:0}.jt-button.el-button[data-v-fbcdce34]:hover,.jt-button.el-button[data-v-fbcdce34]:focus,.jt-button.el-button[data-v-fbcdce34]:active{border-color:#e5e5e5;background:#fff;color:#333}.jt-button.el-button--primary[data-v-fbcdce34]{border:none;background:linear-gradient(90deg,#e60000,#ff3a3a);color:#fff}.jt-button.el-button--primary[data-v-fbcdce34]:hover,.jt-button.el-button--primary[data-v-fbcdce34]:focus{background:linear-gradient(90deg,#e60000,#ff3a3a);color:#fff}.jt-button.el-button--primary[data-v-fbcdce34] .el-icon{color:#fff}.jt-cascader[data-v-9164edeb]{width:100%;--jt-cascader-text-color: #333333;--jt-cascader-placeholder-color: #999999;--jt-cascader-border-color: #e5e5e5;--jt-cascader-hover-border-color: #cccccc;--jt-cascader-focus-border-color: #e60000;--el-input-text-color: var(--jt-cascader-text-color);--el-input-placeholder-color: var(--jt-cascader-placeholder-color);--el-input-border-color: var(--jt-cascader-border-color);--el-input-hover-border-color: var(--jt-cascader-hover-border-color);--el-color-primary: var(--jt-cascader-focus-border-color)}[data-v-2aaf2264] .jt-date-picker.el-date-editor{--el-date-editor-width: 100%;--jt-date-picker-text-color: #333333;--jt-date-picker-placeholder-color: #999999;--jt-date-picker-border-color: #e5e5e5;--jt-date-picker-hover-border-color: #cccccc;--jt-date-picker-focus-border-color: #e60000;--el-input-text-color: var(--jt-date-picker-text-color);--el-input-placeholder-color: var(--jt-date-picker-placeholder-color);--el-input-border-color: var(--jt-date-picker-border-color);--el-input-hover-border-color: var(--jt-date-picker-hover-border-color);--el-input-focus-border-color: var(--jt-date-picker-focus-border-color);--el-input-focus-border: var(--jt-date-picker-focus-border-color);--el-color-primary: var(--jt-date-picker-focus-border-color)}.jt-input[data-v-c4e9cb3f]{--jt-input-text-color: #333333;--jt-input-placeholder-color: #999999;--jt-input-border-color: #e5e5e5;--jt-input-hover-border-color: #cccccc;--jt-input-focus-border-color: #e60000;--el-input-text-color: var(--jt-input-text-color);--el-input-placeholder-color: var(--jt-input-placeholder-color);--el-input-border-color: var(--jt-input-border-color);--el-input-hover-border-color: var(--jt-input-hover-border-color);--el-input-focus-border-color: var(--jt-input-focus-border-color)}.jt-select[data-v-abce8e44]{--jt-select-text-color: #333333;--jt-select-placeholder-color: #999999;--jt-select-border-color: #e5e5e5;--jt-select-hover-border-color: #cccccc;--jt-select-focus-border-color: #e60000;--el-input-text-color: var(--jt-select-text-color);--el-input-placeholder-color: var(--jt-select-placeholder-color);--el-input-border-color: var(--jt-select-border-color);--el-input-hover-border-color: var(--jt-select-hover-border-color);--el-color-primary: var(--jt-select-focus-border-color)}.jt-form-items[data-v-20df934b]{width:100%;display:grid;grid-template-columns:repeat(var(--jt-form-columns, 4),minmax(0,1fr));column-gap:var(--jt-form-gap, 16px);row-gap:var(--jt-form-gap, 16px)}.jt-form-items__item[data-v-20df934b]{margin:0;width:100%}.jt-form-items__actions[data-v-20df934b]{margin:0;width:100%;align-self:end}.jt-form-items__item[data-v-20df934b] .el-form-item__content{width:100%;min-width:0}.jt-form-items__actions[data-v-20df934b] .el-form-item__content{display:flex;justify-content:flex-end;align-items:center;width:100%;min-width:0}.jt-form-items__item[data-v-20df934b] .el-date-editor.el-input,.jt-form-items__item[data-v-20df934b] .el-date-editor--daterange,.jt-form-items__item[data-v-20df934b] .el-date-editor .el-input__wrapper,.jt-form-items__item[data-v-20df934b] .el-cascader{width:100%;min-width:0}.jt-filter-bar[data-v-ea82d792]{padding-left:12px;padding-right:12px}.jt-filter-bar__form[data-v-ea82d792]{width:100%;display:contents}.jt-filter-bar__btns[data-v-ea82d792]{display:flex;justify-content:flex-end;align-items:center;width:100%;height:32px;min-width:0;text-align:right}.jt-filter-bar__icon-arrow[data-v-ea82d792]{transition:transform .2s ease}.jt-filter-bar__icon-arrow.is-collapsed[data-v-ea82d792]{transform:rotate(180deg)}.jt-table[data-v-4804a967]{flex:1;min-height:0;--el-table-border-color: transparent;--el-table-bg-color: #fff;--el-table-tr-bg-color: #fff;--el-table-header-bg-color: #f6f3f3;--el-table-header-text-color: #333333;--el-table-text-color: #333333;--el-table-row-hover-bg-color: transparent;--el-color-primary: #e60000;background:#fff}.jt-table[data-v-4804a967] .el-table__inner-wrapper:before{height:0}.jt-table[data-v-4804a967] .el-table__header-wrapper{border-radius:12px;overflow:hidden}.jt-table[data-v-4804a967] th.el-table__cell{background:#f6f3f3;font-size:14px;font-weight:400;color:#333;padding:12px 0;border:none}.jt-table[data-v-4804a967] th.el-table__cell:first-child{border-radius:12px 0 0 12px}.jt-table[data-v-4804a967] th.el-table__cell:last-child{border-radius:0 12px 12px 0}.jt-table[data-v-4804a967] th.el-table__cell .cell{padding:0 10px}.jt-table[data-v-4804a967] td.el-table__cell{font-size:14px;font-weight:500;color:#333;padding:12px 0;border:none}.jt-table[data-v-4804a967] td.el-table__cell .cell{padding:0 10px}.jt-table[data-v-4804a967] .el-table__row:nth-child(odd) td{background:#fff}.jt-table[data-v-4804a967] .el-table__row:nth-child(2n) td{background:#fbf9f9}.jt-table[data-v-4804a967] .el-table__row td:first-child{border-radius:12px 0 0 12px}.jt-table[data-v-4804a967] .el-table__row td:last-child{border-radius:0 12px 12px 0}.jt-table[data-v-4804a967] .el-table__empty-block{min-height:200px}.jt-pagination[data-v-19ef6db6]{display:flex;justify-content:center;align-items:center;gap:10px;background:#fff}.jt-pagination[data-v-19ef6db6] .el-pagination{--el-pagination-button-width: 24px;--el-pagination-button-height: 24px;--el-pagination-font-size: 12px;gap:4px}.jt-pagination[data-v-19ef6db6] .el-pager li{width:24px;height:24px;min-width:24px;border-radius:4px;border:1px solid #e1e4e7;font-size:12px;font-weight:400;color:#333;line-height:22px;padding:0;margin:0 2px;background:transparent}.jt-pagination[data-v-19ef6db6] .el-pager li.is-active{background:#e60000;border-color:#e60000;color:#fff}.jt-pagination[data-v-19ef6db6] .btn-prev,.jt-pagination[data-v-19ef6db6] .btn-next{width:24px;height:24px;min-width:24px;border-radius:4px;border:1px solid #e1e4e7;padding:0;margin:0 2px;background:transparent}.jt-pagination[data-v-19ef6db6] .el-pagination__jump{font-size:12px;color:#333;margin-left:4px}.jt-pagination[data-v-19ef6db6] .el-pagination__jump .el-input{width:56px}.jt-pagination[data-v-19ef6db6] .el-pagination__jump .el-input__wrapper{height:24px;border-radius:4px;border:1px solid #e1e4e7;box-shadow:none!important;padding:0 4px}.jt-pagination__count[data-v-19ef6db6]{font-size:14px;font-weight:400;color:#333}.jt-crud-table[data-v-6df082c6]{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;background:#fff}.jt-crud-table[data-v-6df082c6] .jt-pagination{margin-top:auto;flex-shrink:0}.jt-crud-table__toolbar[data-v-6df082c6]{display:flex;justify-content:flex-end;align-items:center;min-width:0}.jt-pagination[data-v-72da666d]{display:flex;justify-content:center;align-items:center;gap:10px;background:#fff}.jt-pagination[data-v-72da666d] .el-pagination{--el-pagination-button-width: 24px;--el-pagination-button-height: 24px;--el-pagination-font-size: 12px;gap:14px}.jt-pagination[data-v-72da666d] .el-pager li{width:24px;height:24px;line-height:24px;min-width:24px;border-radius:4px;border:1px solid #e1e4e7;font-size:12px;font-weight:400;color:#333;padding:0;background:transparent}.jt-pagination[data-v-72da666d] .el-pager li:not(:first-child){margin-left:14px}.jt-pagination[data-v-72da666d] .el-pager li.is-active{background:#fdebe8;border-color:#e60000;color:#e60000}.jt-pagination[data-v-72da666d] .btn-prev,.jt-pagination[data-v-72da666d] .btn-next{width:24px;height:24px;min-width:24px;border-radius:4px;border:1px solid #e1e4e7;padding:0;margin:0 2px;background:transparent}.jt-pagination[data-v-72da666d] .el-pagination__jump{font-size:12px;color:#333;margin-left:4px}.jt-pagination[data-v-72da666d] .el-pagination__jump .el-input{width:56px}.jt-pagination[data-v-72da666d] .el-pagination__jump .el-input__wrapper{height:24px;border-radius:4px;border:1px solid #e1e4e7;box-shadow:none!important;padding:0 4px}.jt-pagination__count[data-v-72da666d]{font-size:14px;font-weight:400;color:#333}.jt-page-header[data-v-2f59fb4a]{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:var(--jt-page-header-height, 44px);padding-left:var(--jt-page-header-padding-x, 12px);padding-right:var(--jt-page-header-padding-x, 12px);background-color:var(--jt-page-header-bg-color, #f9f9f9);border-radius:var(--jt-page-header-border-radius, 6px)}.jt-page-header .jt-page-header__title[data-v-2f59fb4a]{display:flex;align-items:center;font-size:var(--jt-page-header-title-font-size, 16px);font-weight:500;color:#333}.jt-page-header .jt-page-header__title[data-v-2f59fb4a]:before{content:"";display:block;width:var(--jt-page-header-title-marker-width, 4px);height:var(--jt-page-header-title-marker-height, 12px);margin-right:6px;background-color:#e60000;border-radius:1px}.jt-page-header--subsection[data-v-2f59fb4a]{--jt-page-header-bg-color: #fff;--jt-page-header-height: 32px;--jt-page-header-padding-x: 0;--jt-page-header-title-font-size: 14px;--jt-page-header-title-marker-width: 3px;--jt-page-header-title-marker-height: 10px}.jt-page-header__title[data-v-2f59fb4a],.jt-page-header__operates[data-v-2f59fb4a]{min-width:0}.jt-page-header__operates[data-v-2f59fb4a]{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.global-info-field-control[data-v-ba86a0ae]{--global-info-control-height: 32px;--global-info-control-border: #d9d9d9;--global-info-control-disabled-bg: #f9fafb;--global-info-control-radius: 4px;width:100%;height:var(--global-info-control-height);min-width:0;font-size:13px;box-sizing:border-box}.global-info-field-control[data-v-ba86a0ae] *,.global-info-field-control[data-v-ba86a0ae] *:before,.global-info-field-control[data-v-ba86a0ae] *:after{box-sizing:border-box}.global-info-field-control.el-input[data-v-ba86a0ae],.global-info-field-control.el-input-number[data-v-ba86a0ae],.global-info-field-control.el-date-editor[data-v-ba86a0ae],.global-info-field-control.el-select[data-v-ba86a0ae]{width:100%;min-width:0;height:var(--global-info-control-height);line-height:var(--global-info-control-height)}.global-info-field-control.el-date-editor[data-v-ba86a0ae]{--el-date-editor-width: 100%}.global-info-field-control.el-date-editor.el-input[data-v-ba86a0ae],.global-info-field-control.el-date-editor.el-input__wrapper[data-v-ba86a0ae]{width:100%;min-width:0;height:var(--global-info-control-height)}.global-info-field-control[data-v-ba86a0ae] .el-input,.global-info-field-control[data-v-ba86a0ae] .el-input-number,.global-info-field-control[data-v-ba86a0ae] .el-date-editor,.global-info-field-control[data-v-ba86a0ae] .el-select{width:100%;min-width:0;height:var(--global-info-control-height);line-height:var(--global-info-control-height)}.global-info-field-control[data-v-ba86a0ae] .el-input__wrapper,.global-info-field-control[data-v-ba86a0ae] .el-select__wrapper,.global-info-field-control[data-v-ba86a0ae] .el-input-number__wrapper,.global-info-field-control[data-v-ba86a0ae] .el-date-editor.el-input__wrapper,.global-info-field-control.el-date-editor.el-input__wrapper[data-v-ba86a0ae]{width:100%;min-width:0;min-height:var(--global-info-control-height);height:var(--global-info-control-height);border-radius:var(--global-info-control-radius);background:#fff;box-shadow:0 0 0 1px var(--global-info-control-border) inset}.global-info-field-control[data-v-ba86a0ae] .el-input__inner,.global-info-field-control[data-v-ba86a0ae] .el-select__selection,.global-info-field-control[data-v-ba86a0ae] .el-input-number .el-input__inner,.global-info-field-control[data-v-ba86a0ae] .el-date-editor .el-input__inner,.global-info-field-control.el-date-editor[data-v-ba86a0ae] .el-input__inner{height:var(--global-info-control-height);line-height:var(--global-info-control-height)}.global-info-field-control[data-v-ba86a0ae] .el-input__prefix,.global-info-field-control[data-v-ba86a0ae] .el-input__suffix,.global-info-field-control[data-v-ba86a0ae] .el-select__prefix,.global-info-field-control[data-v-ba86a0ae] .el-select__suffix{height:var(--global-info-control-height)}.global-info-field-control[data-v-ba86a0ae] .el-select__wrapper{padding-top:0;padding-bottom:0}.global-info-field-control[data-v-ba86a0ae] .el-input__wrapper.is-disabled,.global-info-field-control[data-v-ba86a0ae] .el-select__wrapper.is-disabled,.global-info-field-control[data-v-ba86a0ae] .el-textarea__inner:disabled,.global-info-field-control[data-v-ba86a0ae] .el-input-number.is-disabled .el-input__wrapper,.global-info-field-control.el-date-editor.is-disabled.el-input__wrapper[data-v-ba86a0ae]{background-color:var(--global-info-control-disabled-bg);box-shadow:0 0 0 1px #e5e5e5 inset}.global-info-field-control[data-v-ba86a0ae] .el-input-number__decrease,.global-info-field-control[data-v-ba86a0ae] .el-input-number__increase{height:calc(var(--global-info-control-height) / 2);line-height:calc(var(--global-info-control-height) / 2)}.global-info-field-control[data-v-ba86a0ae] .el-textarea__inner{min-height:72px;border-color:#d9d9d9;border-radius:var(--global-info-control-radius);font-size:13px}.global-info-field-control--switch[data-v-ba86a0ae]{display:inline-flex;height:var(--global-info-control-height);align-items:center}.global-info-field-control--file[data-v-ba86a0ae]{--global-info-control-height: 36px;display:flex;height:var(--global-info-control-height);min-width:0;align-items:center;justify-content:center;border:1px solid #e60000;border-radius:var(--global-info-control-radius);background:#fdebeb;color:#e60000;cursor:pointer;line-height:var(--global-info-control-height)}.global-info-field-control--file.is-filled[data-v-ba86a0ae]{border-color:#e5e5e5;background:#fff}.global-info-field-control--file.is-disabled[data-v-ba86a0ae]{background:var(--global-info-control-disabled-bg);color:#0003;cursor:not-allowed}.global-info-field-control__file-input[data-v-ba86a0ae]{display:none}.global-info-field-control__file-text[data-v-ba86a0ae],.global-info-field-control__file-upload[data-v-ba86a0ae]{min-width:0;overflow:hidden;font-size:14px;line-height:24px;text-overflow:ellipsis;white-space:nowrap}.global-info-field-control--code[data-v-ba86a0ae] .el-textarea__inner{font-family:Consolas,Monaco,Courier New,monospace}.global-info-field-value[data-v-aa0d493d]{display:inline-block;min-height:32px;color:#333;line-height:32px;word-break:break-word}.global-info-field-value--html[data-v-aa0d493d],.global-info-field-value--multi-row[data-v-aa0d493d],.global-info-field-value--code[data-v-aa0d493d]{white-space:pre-wrap}.global-info-field-value--code[data-v-aa0d493d]{width:100%;margin:0;padding:8px 10px;border:1px solid #e5e5e5;border-radius:4px;background:#f9fafb;color:#333;font-family:Consolas,Monaco,Courier New,monospace;line-height:20px}.global-info-field-value--file[data-v-aa0d493d]{color:#e60000;text-decoration:underline;text-underline-offset:3px}.global-info-form-renderer[data-v-9dcd2ba9]{width:100%}.global-info-form-renderer__label[data-v-9dcd2ba9]{display:inline-flex;align-items:center;gap:2px}.global-info-form-renderer__required[data-v-9dcd2ba9]{color:#e60000}.global-info-form-renderer[data-v-9dcd2ba9] .el-form-item{margin-bottom:18px}.global-info-form-renderer[data-v-9dcd2ba9] .el-form-item__label{min-height:20px;margin-bottom:6px;color:#0009;font-size:13px;line-height:20px}.global-info-form-renderer[data-v-9dcd2ba9] .el-input-number,.global-info-form-renderer[data-v-9dcd2ba9] .el-date-editor,.global-info-form-renderer[data-v-9dcd2ba9] .el-select{width:100%}.global-info-delete-confirm{min-width:240px;padding:12px;border:1px solid #ebeef5;border-radius:6px;box-shadow:0 4px 12px #1f232924}.global-info-delete-confirm .el-popconfirm__main{color:#1f2329;font-size:13px;line-height:20px}.global-info-delete-confirm .el-popconfirm__action{margin-top:12px}.global-info-delete-confirm .el-button--primary{border-color:#e60000;background:#e60000}.global-info-table-renderer[data-v-2fa29438]{width:100%}.global-info-table-renderer__table-scroll[data-v-2fa29438]{width:100%;overflow-x:auto;border-radius:12px;background:#f9f9f9}.global-info-table-renderer__table[data-v-2fa29438]{min-width:100%;background:#f9f9f9;color:#222;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:24px;--el-table-bg-color: #f9f9f9;--el-table-tr-bg-color: #f9f9f9;--el-table-header-bg-color: #f9f9f9;--el-table-row-hover-bg-color: #f9f9f9;--el-table-border-color: transparent;--el-table-text-color: #222222;--el-table-header-text-color: #333333}.global-info-table-renderer__header[data-v-2fa29438]{display:inline-flex;align-items:center;justify-content:center;gap:2px;color:#333;font-size:14px;font-weight:400;line-height:24px;white-space:nowrap}.global-info-table-renderer__required[data-v-2fa29438],.global-info-table-renderer__delete[data-v-2fa29438]{color:#e60000}.global-info-table-renderer__delete[data-v-2fa29438]{display:inline-flex;align-items:center;gap:4px;font-size:14px;line-height:24px}.global-info-table-renderer__delete-icon[data-v-2fa29438]{font-size:14px}.global-info-table-renderer[data-v-2fa29438] .el-table__inner-wrapper:before,.global-info-table-renderer[data-v-2fa29438] .el-table__border-left-patch,.global-info-table-renderer[data-v-2fa29438] .el-table__border-bottom-patch{display:none}.global-info-table-renderer[data-v-2fa29438] .el-table__header-wrapper th.el-table__cell,.global-info-table-renderer[data-v-2fa29438] .el-table__body-wrapper td.el-table__cell{padding:4px 0;border-bottom:0;background:#f9f9f9}.global-info-table-renderer[data-v-2fa29438] .el-table__header .cell,.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell{min-height:24px;padding:0 12px;color:#222;font-size:14px;font-weight:400;line-height:24px;text-align:center;white-space:nowrap}.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell>.global-info-field-control,.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell .global-info-field-control,.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell .el-input,.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell .el-input-number,.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell .el-select,.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell .el-date-editor{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell .el-input__wrapper,.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell .el-select__wrapper,.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell .el-input-number__wrapper,.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell .el-date-editor.el-input__wrapper{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.global-info-table-renderer[data-v-2fa29438] .el-table__header .cell{color:#333}.global-info-table-renderer[data-v-2fa29438] .el-table__fixed-right{background:#f9f9f9}.global-info-section-block[data-v-0d8ae722]{width:100%;min-width:0;padding:0;background:transparent;border:0;border-radius:0}.global-info-section-block__header[data-v-0d8ae722],.global-info-section-block__title-wrap[data-v-0d8ae722],.global-info-section-block__actions[data-v-0d8ae722]{display:flex;align-items:center}.global-info-section-block__header[data-v-0d8ae722]{justify-content:space-between;gap:16px;margin-bottom:12px}.global-info-section-block__title-wrap[data-v-0d8ae722]{min-width:0;gap:8px}.global-info-section-block__marker[data-v-0d8ae722]{width:4px;height:4px;flex:0 0 auto;background:#e60000;border-radius:50%}.global-info-section-block__title[data-v-0d8ae722]{margin:0;overflow:hidden;color:#333;font-size:14px;font-weight:600;line-height:24px;text-overflow:ellipsis;white-space:nowrap}.global-info-section-block__actions[data-v-0d8ae722]{flex:0 0 auto;gap:8px}.global-info-section-block__edit[data-v-0d8ae722],.global-info-section-block__cancel[data-v-0d8ae722],.global-info-section-block__add[data-v-0d8ae722],.global-info-section-block__confirm[data-v-0d8ae722]{min-width:48px;height:24px;padding:0 12px;color:#e60000;background:#ffecec;border-radius:12px;font-size:12px;line-height:24px}.global-info-section-block__confirm[data-v-0d8ae722]{color:#fff;background:#e60000}.global-info-section-block__body[data-v-0d8ae722]{min-width:0}.global-info-section-block__status[data-v-0d8ae722]{min-height:80px;display:flex;align-items:center;justify-content:center;color:#0006;font-size:14px}.global-info-group[data-v-778e227f]{width:100%;min-width:0;padding:16px 20px 20px;background:#fff;border:1px solid #e5e5e5;border-radius:12px}.global-info-group__header[data-v-778e227f]{display:flex;min-width:0;align-items:center;gap:8px;margin-bottom:16px}.global-info-group__marker[data-v-778e227f]{width:3px;height:12px;flex:0 0 auto;background:#e60000;border-radius:2px}.global-info-group__title[data-v-778e227f]{min-width:0;margin:0;overflow:hidden;color:#333;font-size:16px;font-weight:600;line-height:24px;text-overflow:ellipsis;white-space:nowrap}.global-info-group__body[data-v-778e227f]{min-width:0}.global-info-group__section[data-v-778e227f]{min-width:0;padding-bottom:20px;border-bottom:1px solid #e5e5e5}.global-info-group__section+.global-info-group__section[data-v-778e227f]{margin-top:20px}.global-info-group__section[data-v-778e227f]:last-child{padding-bottom:0;border-bottom:0}.global-info-group__empty[data-v-778e227f]{min-height:80px;display:flex;align-items:center;justify-content:center;color:#0006;font-size:14px}.global-info-sections[data-v-f15cf0fb]{display:flex;min-width:0;flex-direction:column;gap:12px}
+:root{--color-primary: #e60000;--color-primary-light: #ff3a3a;--color-primary-hover: #e51e1b;--color-primary-bg-light: #ffe5e5;--color-primary-bg-lighter: #fdf7f7;--color-primary-bg-subtle: rgba(230, 0, 0, .05);--color-primary-bg-subtle-2: rgba(230, 0, 0, .1);--color-primary-tint-1: #ffecec;--color-primary-tint-2: #ffd1d1;--color-primary-tint-3: #f7b2b2;--color-bg-page: #f9f9f9;--color-bg-card: #ffffff;--color-bg-input: #f9fafb;--color-bg-table-header: #f6f3f3;--color-bg-elevated: #fbf9f9;--color-text-primary: #333333;--color-text-regular: rgba(0, 0, 0, .8);--color-text-secondary: rgba(0, 0, 0, .6);--color-text-tertiary: rgba(0, 0, 0, .4);--color-text-disabled: rgba(0, 0, 0, .2);--color-border-default: #e5e5e5;--color-border-light: #f5f5f5;--color-border-medium: #d9d9d9;--color-border-dark: #999999;--color-border-strong: #666666;--color-border-primary: #e60000;--color-link: #0066ff;--color-error: #e60000;--color-icon-gray: #a6a6a6;--gradient-primary-button: linear-gradient(90deg, #e60000 0%, #ff3a3a 100%);--gradient-secondary-button: linear-gradient(90deg, #ff3a3a 0%, #e60000 100%);--gradient-bg-soft: linear-gradient(90deg, #f9f9f9 0%, #ffecec 100%);--font-family-primary: "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-secondary: "Source Han Sans", "PingFang SC", sans-serif;--font-size-title-lg: 20px;--font-size-title: 16px;--font-size-body: 16px;--font-size-body-sm: 14px;--font-size-caption: 12px;--font-size-caption-sm: 10px;--font-size-ui: 13px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--spacing-1: 2px;--spacing-2: 4px;--spacing-3: 8px;--spacing-4: 10px;--spacing-5: 12px;--spacing-6: 16px;--spacing-8: 20px;--spacing-10: 32px;--spacing-12: 50px;--spacing-16: 80px;--spacing-20: 160px;--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-base: 12px;--radius-lg: 14px;--radius-xl: 16px;--radius-pill: 50px;--shadow-card: 0px 2px 8px 0px rgba(0, 0, 0, .05);--shadow-dropdown: 0px 4px 4px 0px rgba(0, 0, 0, .1);--el-color-primary: #e60000;--el-color-primary-light-3: #f04d4d;--el-color-primary-light-5: #f38080;--el-color-primary-light-7: #f8b3b3;--el-color-primary-light-8: #facccc;--el-color-primary-light-9: #fde6e6;--el-color-primary-dark-2: #b80000;--el-border-color: #e5e5e5;--el-border-color-light: #e5e5e5;--el-border-color-lighter: #e5e5e5;--el-border-color-extra-light: #e5e5e5;--el-border-color-dark: #e5e5e5;--el-border-color-darker: #e5e5e5}[class^=jt-],[class*=" jt-"],[class^=jt-] *,[class*=" jt-"] *{box-sizing:border-box}.jt-button.el-button[data-v-fbcdce34]{--jt-button-icon-size: 14px;--el-button-hover-text-color: #333333;--el-button-hover-border-color: #e5e5e5;--el-button-hover-bg-color: #ffffff;--el-button-active-text-color: #333333;--el-button-active-border-color: #e5e5e5;--el-button-active-bg-color: #ffffff;height:28px;border-radius:4px;border:1px solid #e5e5e5;background:#fff;padding-left:14px;padding-right:14px;font-size:12px;font-weight:400;color:#333}.jt-button.el-button+.jt-button.el-button[data-v-fbcdce34]{margin-left:10px}.jt-button.el-button[data-v-fbcdce34] .jt-button__icon{width:var(--jt-button-icon-size);height:var(--jt-button-icon-size);margin-right:4px;font-size:var(--jt-button-icon-size)}.jt-button.el-button[data-v-fbcdce34] .jt-button__icon svg,.jt-button.el-button[data-v-fbcdce34] .jt-button__icon img{width:var(--jt-button-icon-size);height:var(--jt-button-icon-size)}.jt-button.el-button[data-v-fbcdce34] .jt-button__icon img{display:block}.jt-button.el-button[data-v-fbcdce34] .jt-button__icon+span{margin-left:0}.jt-button.el-button[data-v-fbcdce34]:hover,.jt-button.el-button[data-v-fbcdce34]:focus,.jt-button.el-button[data-v-fbcdce34]:active{border-color:#e5e5e5;background:#fff;color:#333}.jt-button.el-button--primary[data-v-fbcdce34]{border:none;background:linear-gradient(90deg,#e60000,#ff3a3a);color:#fff}.jt-button.el-button--primary[data-v-fbcdce34]:hover,.jt-button.el-button--primary[data-v-fbcdce34]:focus{background:linear-gradient(90deg,#e60000,#ff3a3a);color:#fff}.jt-button.el-button--primary[data-v-fbcdce34] .el-icon{color:#fff}.jt-cascader[data-v-9164edeb]{width:100%;--jt-cascader-text-color: #333333;--jt-cascader-placeholder-color: #999999;--jt-cascader-border-color: #e5e5e5;--jt-cascader-hover-border-color: #cccccc;--jt-cascader-focus-border-color: #e60000;--el-input-text-color: var(--jt-cascader-text-color);--el-input-placeholder-color: var(--jt-cascader-placeholder-color);--el-input-border-color: var(--jt-cascader-border-color);--el-input-hover-border-color: var(--jt-cascader-hover-border-color);--el-color-primary: var(--jt-cascader-focus-border-color)}[data-v-2aaf2264] .jt-date-picker.el-date-editor{--el-date-editor-width: 100%;--jt-date-picker-text-color: #333333;--jt-date-picker-placeholder-color: #999999;--jt-date-picker-border-color: #e5e5e5;--jt-date-picker-hover-border-color: #cccccc;--jt-date-picker-focus-border-color: #e60000;--el-input-text-color: var(--jt-date-picker-text-color);--el-input-placeholder-color: var(--jt-date-picker-placeholder-color);--el-input-border-color: var(--jt-date-picker-border-color);--el-input-hover-border-color: var(--jt-date-picker-hover-border-color);--el-input-focus-border-color: var(--jt-date-picker-focus-border-color);--el-input-focus-border: var(--jt-date-picker-focus-border-color);--el-color-primary: var(--jt-date-picker-focus-border-color)}.jt-input[data-v-c4e9cb3f]{--jt-input-text-color: #333333;--jt-input-placeholder-color: #999999;--jt-input-border-color: #e5e5e5;--jt-input-hover-border-color: #cccccc;--jt-input-focus-border-color: #e60000;--el-input-text-color: var(--jt-input-text-color);--el-input-placeholder-color: var(--jt-input-placeholder-color);--el-input-border-color: var(--jt-input-border-color);--el-input-hover-border-color: var(--jt-input-hover-border-color);--el-input-focus-border-color: var(--jt-input-focus-border-color)}.jt-select[data-v-abce8e44]{--jt-select-text-color: #333333;--jt-select-placeholder-color: #999999;--jt-select-border-color: #e5e5e5;--jt-select-hover-border-color: #cccccc;--jt-select-focus-border-color: #e60000;--el-input-text-color: var(--jt-select-text-color);--el-input-placeholder-color: var(--jt-select-placeholder-color);--el-input-border-color: var(--jt-select-border-color);--el-input-hover-border-color: var(--jt-select-hover-border-color);--el-color-primary: var(--jt-select-focus-border-color)}.jt-form-items[data-v-83c47b99]{--jt-form-columns: 4;--jt-form-gap: 16px;width:100%;display:grid;grid-template-columns:repeat(var(--jt-form-columns),minmax(0,1fr));column-gap:var(--jt-form-gap);row-gap:var(--jt-form-gap)}.jt-form-items__item[data-v-83c47b99]{margin:0;width:100%}.jt-form-items__actions[data-v-83c47b99]{margin:0;width:100%;align-self:end}.jt-form-items__item[data-v-83c47b99] .el-form-item__content{width:100%;min-width:0}.jt-form-items__actions[data-v-83c47b99] .el-form-item__content{display:flex;justify-content:flex-end;align-items:center;width:100%;min-width:0}.jt-form-items__item[data-v-83c47b99] .el-date-editor.el-input,.jt-form-items__item[data-v-83c47b99] .el-date-editor--daterange,.jt-form-items__item[data-v-83c47b99] .el-date-editor .el-input__wrapper,.jt-form-items__item[data-v-83c47b99] .el-cascader{width:100%;min-width:0}.jt-filter-bar[data-v-29fbbb75]{padding-left:12px;padding-right:12px}.jt-filter-bar__form[data-v-29fbbb75]{width:100%;display:contents}.jt-filter-bar__btns[data-v-29fbbb75]{display:flex;justify-content:flex-end;align-items:center;width:100%;height:32px;min-width:0;text-align:right}.jt-filter-bar__icon-arrow[data-v-29fbbb75]{transition:transform .2s ease}.jt-filter-bar__icon-arrow.is-collapsed[data-v-29fbbb75]{transform:rotate(180deg)}.jt-table[data-v-4804a967]{flex:1;min-height:0;--el-table-border-color: transparent;--el-table-bg-color: #fff;--el-table-tr-bg-color: #fff;--el-table-header-bg-color: #f6f3f3;--el-table-header-text-color: #333333;--el-table-text-color: #333333;--el-table-row-hover-bg-color: transparent;--el-color-primary: #e60000;background:#fff}.jt-table[data-v-4804a967] .el-table__inner-wrapper:before{height:0}.jt-table[data-v-4804a967] .el-table__header-wrapper{border-radius:12px;overflow:hidden}.jt-table[data-v-4804a967] th.el-table__cell{background:#f6f3f3;font-size:14px;font-weight:400;color:#333;padding:12px 0;border:none}.jt-table[data-v-4804a967] th.el-table__cell:first-child{border-radius:12px 0 0 12px}.jt-table[data-v-4804a967] th.el-table__cell:last-child{border-radius:0 12px 12px 0}.jt-table[data-v-4804a967] th.el-table__cell .cell{padding:0 10px}.jt-table[data-v-4804a967] td.el-table__cell{font-size:14px;font-weight:500;color:#333;padding:12px 0;border:none}.jt-table[data-v-4804a967] td.el-table__cell .cell{padding:0 10px}.jt-table[data-v-4804a967] .el-table__row:nth-child(odd) td{background:#fff}.jt-table[data-v-4804a967] .el-table__row:nth-child(2n) td{background:#fbf9f9}.jt-table[data-v-4804a967] .el-table__row td:first-child{border-radius:12px 0 0 12px}.jt-table[data-v-4804a967] .el-table__row td:last-child{border-radius:0 12px 12px 0}.jt-table[data-v-4804a967] .el-table__empty-block{min-height:200px}.jt-pagination[data-v-19ef6db6]{display:flex;justify-content:center;align-items:center;gap:10px;background:#fff}.jt-pagination[data-v-19ef6db6] .el-pagination{--el-pagination-button-width: 24px;--el-pagination-button-height: 24px;--el-pagination-font-size: 12px;gap:4px}.jt-pagination[data-v-19ef6db6] .el-pager li{width:24px;height:24px;min-width:24px;border-radius:4px;border:1px solid #e1e4e7;font-size:12px;font-weight:400;color:#333;line-height:22px;padding:0;margin:0 2px;background:transparent}.jt-pagination[data-v-19ef6db6] .el-pager li.is-active{background:#e60000;border-color:#e60000;color:#fff}.jt-pagination[data-v-19ef6db6] .btn-prev,.jt-pagination[data-v-19ef6db6] .btn-next{width:24px;height:24px;min-width:24px;border-radius:4px;border:1px solid #e1e4e7;padding:0;margin:0 2px;background:transparent}.jt-pagination[data-v-19ef6db6] .el-pagination__jump{font-size:12px;color:#333;margin-left:4px}.jt-pagination[data-v-19ef6db6] .el-pagination__jump .el-input{width:56px}.jt-pagination[data-v-19ef6db6] .el-pagination__jump .el-input__wrapper{height:24px;border-radius:4px;border:1px solid #e1e4e7;box-shadow:none!important;padding:0 4px}.jt-pagination__count[data-v-19ef6db6]{font-size:14px;font-weight:400;color:#333}.jt-crud-table[data-v-6df082c6]{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;background:#fff}.jt-crud-table[data-v-6df082c6] .jt-pagination{margin-top:auto;flex-shrink:0}.jt-crud-table__toolbar[data-v-6df082c6]{display:flex;justify-content:flex-end;align-items:center;min-width:0}.jt-pagination[data-v-72da666d]{display:flex;justify-content:center;align-items:center;gap:10px;background:#fff}.jt-pagination[data-v-72da666d] .el-pagination{--el-pagination-button-width: 24px;--el-pagination-button-height: 24px;--el-pagination-font-size: 12px;gap:14px}.jt-pagination[data-v-72da666d] .el-pager li{width:24px;height:24px;line-height:24px;min-width:24px;border-radius:4px;border:1px solid #e1e4e7;font-size:12px;font-weight:400;color:#333;padding:0;background:transparent}.jt-pagination[data-v-72da666d] .el-pager li:not(:first-child){margin-left:14px}.jt-pagination[data-v-72da666d] .el-pager li.is-active{background:#fdebe8;border-color:#e60000;color:#e60000}.jt-pagination[data-v-72da666d] .btn-prev,.jt-pagination[data-v-72da666d] .btn-next{width:24px;height:24px;min-width:24px;border-radius:4px;border:1px solid #e1e4e7;padding:0;margin:0 2px;background:transparent}.jt-pagination[data-v-72da666d] .el-pagination__jump{font-size:12px;color:#333;margin-left:4px}.jt-pagination[data-v-72da666d] .el-pagination__jump .el-input{width:56px}.jt-pagination[data-v-72da666d] .el-pagination__jump .el-input__wrapper{height:24px;border-radius:4px;border:1px solid #e1e4e7;box-shadow:none!important;padding:0 4px}.jt-pagination__count[data-v-72da666d]{font-size:14px;font-weight:400;color:#333}.jt-page-header[data-v-0a93ea2c]{--jt-page-header-bg-color: #f9f9f9;--jt-page-header-height: 44px;--jt-page-header-padding-x: 12px;--jt-page-header-border-radius: 6px;--jt-page-header-title-font-size: 16px;--jt-page-header-title-marker-width: 4px;--jt-page-header-title-marker-height: 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:var(--jt-page-header-height);padding-left:var(--jt-page-header-padding-x);padding-right:var(--jt-page-header-padding-x);background-color:var(--jt-page-header-bg-color);border-radius:var(--jt-page-header-border-radius)}.jt-page-header .jt-page-header__title[data-v-0a93ea2c]{display:flex;align-items:center;font-size:var(--jt-page-header-title-font-size);font-weight:500;color:#333}.jt-page-header .jt-page-header__title[data-v-0a93ea2c]:before{content:"";display:block;width:var(--jt-page-header-title-marker-width);height:var(--jt-page-header-title-marker-height);margin-right:6px;background-color:#e60000;border-radius:1px}.jt-page-header--subsection[data-v-0a93ea2c]{--jt-page-header-bg-color: #fff;--jt-page-header-height: 32px;--jt-page-header-padding-x: 0;--jt-page-header-title-font-size: 14px;--jt-page-header-title-marker-width: 3px;--jt-page-header-title-marker-height: 10px}.jt-page-header__title[data-v-0a93ea2c],.jt-page-header__operates[data-v-0a93ea2c]{min-width:0}.jt-page-header__operates[data-v-0a93ea2c]{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.global-info-field-control[data-v-ba86a0ae]{--global-info-control-height: 32px;--global-info-control-border: #d9d9d9;--global-info-control-disabled-bg: #f9fafb;--global-info-control-radius: 4px;width:100%;height:var(--global-info-control-height);min-width:0;font-size:13px;box-sizing:border-box}.global-info-field-control[data-v-ba86a0ae] *,.global-info-field-control[data-v-ba86a0ae] *:before,.global-info-field-control[data-v-ba86a0ae] *:after{box-sizing:border-box}.global-info-field-control.el-input[data-v-ba86a0ae],.global-info-field-control.el-input-number[data-v-ba86a0ae],.global-info-field-control.el-date-editor[data-v-ba86a0ae],.global-info-field-control.el-select[data-v-ba86a0ae]{width:100%;min-width:0;height:var(--global-info-control-height);line-height:var(--global-info-control-height)}.global-info-field-control.el-date-editor[data-v-ba86a0ae]{--el-date-editor-width: 100%}.global-info-field-control.el-date-editor.el-input[data-v-ba86a0ae],.global-info-field-control.el-date-editor.el-input__wrapper[data-v-ba86a0ae]{width:100%;min-width:0;height:var(--global-info-control-height)}.global-info-field-control[data-v-ba86a0ae] .el-input,.global-info-field-control[data-v-ba86a0ae] .el-input-number,.global-info-field-control[data-v-ba86a0ae] .el-date-editor,.global-info-field-control[data-v-ba86a0ae] .el-select{width:100%;min-width:0;height:var(--global-info-control-height);line-height:var(--global-info-control-height)}.global-info-field-control[data-v-ba86a0ae] .el-input__wrapper,.global-info-field-control[data-v-ba86a0ae] .el-select__wrapper,.global-info-field-control[data-v-ba86a0ae] .el-input-number__wrapper,.global-info-field-control[data-v-ba86a0ae] .el-date-editor.el-input__wrapper,.global-info-field-control.el-date-editor.el-input__wrapper[data-v-ba86a0ae]{width:100%;min-width:0;min-height:var(--global-info-control-height);height:var(--global-info-control-height);border-radius:var(--global-info-control-radius);background:#fff;box-shadow:0 0 0 1px var(--global-info-control-border) inset}.global-info-field-control[data-v-ba86a0ae] .el-input__inner,.global-info-field-control[data-v-ba86a0ae] .el-select__selection,.global-info-field-control[data-v-ba86a0ae] .el-input-number .el-input__inner,.global-info-field-control[data-v-ba86a0ae] .el-date-editor .el-input__inner,.global-info-field-control.el-date-editor[data-v-ba86a0ae] .el-input__inner{height:var(--global-info-control-height);line-height:var(--global-info-control-height)}.global-info-field-control[data-v-ba86a0ae] .el-input__prefix,.global-info-field-control[data-v-ba86a0ae] .el-input__suffix,.global-info-field-control[data-v-ba86a0ae] .el-select__prefix,.global-info-field-control[data-v-ba86a0ae] .el-select__suffix{height:var(--global-info-control-height)}.global-info-field-control[data-v-ba86a0ae] .el-select__wrapper{padding-top:0;padding-bottom:0}.global-info-field-control[data-v-ba86a0ae] .el-input__wrapper.is-disabled,.global-info-field-control[data-v-ba86a0ae] .el-select__wrapper.is-disabled,.global-info-field-control[data-v-ba86a0ae] .el-textarea__inner:disabled,.global-info-field-control[data-v-ba86a0ae] .el-input-number.is-disabled .el-input__wrapper,.global-info-field-control.el-date-editor.is-disabled.el-input__wrapper[data-v-ba86a0ae]{background-color:var(--global-info-control-disabled-bg);box-shadow:0 0 0 1px #e5e5e5 inset}.global-info-field-control[data-v-ba86a0ae] .el-input-number__decrease,.global-info-field-control[data-v-ba86a0ae] .el-input-number__increase{height:calc(var(--global-info-control-height) / 2);line-height:calc(var(--global-info-control-height) / 2)}.global-info-field-control[data-v-ba86a0ae] .el-textarea__inner{min-height:72px;border-color:#d9d9d9;border-radius:var(--global-info-control-radius);font-size:13px}.global-info-field-control--switch[data-v-ba86a0ae]{display:inline-flex;height:var(--global-info-control-height);align-items:center}.global-info-field-control--file[data-v-ba86a0ae]{--global-info-control-height: 36px;display:flex;height:var(--global-info-control-height);min-width:0;align-items:center;justify-content:center;border:1px solid #e60000;border-radius:var(--global-info-control-radius);background:#fdebeb;color:#e60000;cursor:pointer;line-height:var(--global-info-control-height)}.global-info-field-control--file.is-filled[data-v-ba86a0ae]{border-color:#e5e5e5;background:#fff}.global-info-field-control--file.is-disabled[data-v-ba86a0ae]{background:var(--global-info-control-disabled-bg);color:#0003;cursor:not-allowed}.global-info-field-control__file-input[data-v-ba86a0ae]{display:none}.global-info-field-control__file-text[data-v-ba86a0ae],.global-info-field-control__file-upload[data-v-ba86a0ae]{min-width:0;overflow:hidden;font-size:14px;line-height:24px;text-overflow:ellipsis;white-space:nowrap}.global-info-field-control--code[data-v-ba86a0ae] .el-textarea__inner{font-family:Consolas,Monaco,Courier New,monospace}.global-info-field-value[data-v-aa0d493d]{display:inline-block;min-height:32px;color:#333;line-height:32px;word-break:break-word}.global-info-field-value--html[data-v-aa0d493d],.global-info-field-value--multi-row[data-v-aa0d493d],.global-info-field-value--code[data-v-aa0d493d]{white-space:pre-wrap}.global-info-field-value--code[data-v-aa0d493d]{width:100%;margin:0;padding:8px 10px;border:1px solid #e5e5e5;border-radius:4px;background:#f9fafb;color:#333;font-family:Consolas,Monaco,Courier New,monospace;line-height:20px}.global-info-field-value--file[data-v-aa0d493d]{color:#e60000;text-decoration:underline;text-underline-offset:3px}.global-info-form-renderer[data-v-9dcd2ba9]{width:100%}.global-info-form-renderer__label[data-v-9dcd2ba9]{display:inline-flex;align-items:center;gap:2px}.global-info-form-renderer__required[data-v-9dcd2ba9]{color:#e60000}.global-info-form-renderer[data-v-9dcd2ba9] .el-form-item{margin-bottom:18px}.global-info-form-renderer[data-v-9dcd2ba9] .el-form-item__label{min-height:20px;margin-bottom:6px;color:#0009;font-size:13px;line-height:20px}.global-info-form-renderer[data-v-9dcd2ba9] .el-input-number,.global-info-form-renderer[data-v-9dcd2ba9] .el-date-editor,.global-info-form-renderer[data-v-9dcd2ba9] .el-select{width:100%}.global-info-delete-confirm{min-width:240px;padding:12px;border:1px solid #ebeef5;border-radius:6px;box-shadow:0 4px 12px #1f232924}.global-info-delete-confirm .el-popconfirm__main{color:#1f2329;font-size:13px;line-height:20px}.global-info-delete-confirm .el-popconfirm__action{margin-top:12px}.global-info-delete-confirm .el-button--primary{border-color:#e60000;background:#e60000}.global-info-table-renderer[data-v-2fa29438]{width:100%}.global-info-table-renderer__table-scroll[data-v-2fa29438]{width:100%;overflow-x:auto;border-radius:12px;background:#f9f9f9}.global-info-table-renderer__table[data-v-2fa29438]{min-width:100%;background:#f9f9f9;color:#222;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:24px;--el-table-bg-color: #f9f9f9;--el-table-tr-bg-color: #f9f9f9;--el-table-header-bg-color: #f9f9f9;--el-table-row-hover-bg-color: #f9f9f9;--el-table-border-color: transparent;--el-table-text-color: #222222;--el-table-header-text-color: #333333}.global-info-table-renderer__header[data-v-2fa29438]{display:inline-flex;align-items:center;justify-content:center;gap:2px;color:#333;font-size:14px;font-weight:400;line-height:24px;white-space:nowrap}.global-info-table-renderer__required[data-v-2fa29438],.global-info-table-renderer__delete[data-v-2fa29438]{color:#e60000}.global-info-table-renderer__delete[data-v-2fa29438]{display:inline-flex;align-items:center;gap:4px;font-size:14px;line-height:24px}.global-info-table-renderer__delete-icon[data-v-2fa29438]{font-size:14px}.global-info-table-renderer[data-v-2fa29438] .el-table__inner-wrapper:before,.global-info-table-renderer[data-v-2fa29438] .el-table__border-left-patch,.global-info-table-renderer[data-v-2fa29438] .el-table__border-bottom-patch{display:none}.global-info-table-renderer[data-v-2fa29438] .el-table__header-wrapper th.el-table__cell,.global-info-table-renderer[data-v-2fa29438] .el-table__body-wrapper td.el-table__cell{padding:4px 0;border-bottom:0;background:#f9f9f9}.global-info-table-renderer[data-v-2fa29438] .el-table__header .cell,.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell{min-height:24px;padding:0 12px;color:#222;font-size:14px;font-weight:400;line-height:24px;text-align:center;white-space:nowrap}.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell>.global-info-field-control,.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell .global-info-field-control,.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell .el-input,.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell .el-input-number,.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell .el-select,.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell .el-date-editor{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell .el-input__wrapper,.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell .el-select__wrapper,.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell .el-input-number__wrapper,.global-info-table-renderer[data-v-2fa29438] .el-table__body .cell .el-date-editor.el-input__wrapper{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.global-info-table-renderer[data-v-2fa29438] .el-table__header .cell{color:#333}.global-info-table-renderer[data-v-2fa29438] .el-table__fixed-right{background:#f9f9f9}.global-info-section-block[data-v-0d8ae722]{width:100%;min-width:0;padding:0;background:transparent;border:0;border-radius:0}.global-info-section-block__header[data-v-0d8ae722],.global-info-section-block__title-wrap[data-v-0d8ae722],.global-info-section-block__actions[data-v-0d8ae722]{display:flex;align-items:center}.global-info-section-block__header[data-v-0d8ae722]{justify-content:space-between;gap:16px;margin-bottom:12px}.global-info-section-block__title-wrap[data-v-0d8ae722]{min-width:0;gap:8px}.global-info-section-block__marker[data-v-0d8ae722]{width:4px;height:4px;flex:0 0 auto;background:#e60000;border-radius:50%}.global-info-section-block__title[data-v-0d8ae722]{margin:0;overflow:hidden;color:#333;font-size:14px;font-weight:600;line-height:24px;text-overflow:ellipsis;white-space:nowrap}.global-info-section-block__actions[data-v-0d8ae722]{flex:0 0 auto;gap:8px}.global-info-section-block__edit[data-v-0d8ae722],.global-info-section-block__cancel[data-v-0d8ae722],.global-info-section-block__add[data-v-0d8ae722],.global-info-section-block__confirm[data-v-0d8ae722]{min-width:48px;height:24px;padding:0 12px;color:#e60000;background:#ffecec;border-radius:12px;font-size:12px;line-height:24px}.global-info-section-block__confirm[data-v-0d8ae722]{color:#fff;background:#e60000}.global-info-section-block__body[data-v-0d8ae722]{min-width:0}.global-info-section-block__status[data-v-0d8ae722]{min-height:80px;display:flex;align-items:center;justify-content:center;color:#0006;font-size:14px}.global-info-group[data-v-778e227f]{width:100%;min-width:0;padding:16px 20px 20px;background:#fff;border:1px solid #e5e5e5;border-radius:12px}.global-info-group__header[data-v-778e227f]{display:flex;min-width:0;align-items:center;gap:8px;margin-bottom:16px}.global-info-group__marker[data-v-778e227f]{width:3px;height:12px;flex:0 0 auto;background:#e60000;border-radius:2px}.global-info-group__title[data-v-778e227f]{min-width:0;margin:0;overflow:hidden;color:#333;font-size:16px;font-weight:600;line-height:24px;text-overflow:ellipsis;white-space:nowrap}.global-info-group__body[data-v-778e227f]{min-width:0}.global-info-group__section[data-v-778e227f]{min-width:0;padding-bottom:20px;border-bottom:1px solid #e5e5e5}.global-info-group__section+.global-info-group__section[data-v-778e227f]{margin-top:20px}.global-info-group__section[data-v-778e227f]:last-child{padding-bottom:0;border-bottom:0}.global-info-group__empty[data-v-778e227f]{min-height:80px;display:flex;align-items:center;justify-content:center;color:#0006;font-size:14px}.global-info-sections[data-v-f15cf0fb]{display:flex;min-width:0;flex-direction:column;gap:12px}

package/dist/types/components/form/JtFormItems.vue.d.ts

@@ -1,9 +1,9 @@
 import type { JTFormItemsProps } from './types';
-declare var __VLS_8: string, __VLS_9: {}, __VLS_24: {};
+declare var __VLS_8: string, __VLS_9: {}, __VLS_26: {};
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_8>]?: (props: typeof __VLS_9) => any;
 } & {
-    actions?: (props: typeof __VLS_24) => any;
+    actions?: (props: typeof __VLS_26) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<JTFormItemsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<JTFormItemsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/types/components/table/JtCrudTable.vue.d.ts

@@ -20,7 +20,7 @@ declare var __VLS_1: {}, __VLS_16: `${string}-search`, __VLS_17: {
     value: any;
     column: JtCrudColumn;
     setValue: (val: any) => void;
-    search: () => void;
+    search: () => Promise<void>;
     reset: () => void;
     disabled: boolean;
 }, __VLS_19: {}, __VLS_31: `${string}-header`, __VLS_32: any, __VLS_36: `${string}-data`, __VLS_37: any, __VLS_40: any;
@@ -134,13 +134,13 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
                 value: any;
                 column: JtCrudColumn;
                 setValue: (val: any) => void;
-                search: () => void;
+                search: () => Promise<void>;
                 reset: () => void;
                 disabled: boolean;
             }) => any) | undefined;
         } & {
             'search-menu'?: (props: {
-                search: () => void;
+                search: () => Promise<void>;
                 reset: () => void;
                 disabled: boolean;
                 collapsed: boolean;
@@ -240,13 +240,13 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
                 value: any;
                 column: JtCrudColumn;
                 setValue: (val: any) => void;
-                search: () => void;
+                search: () => Promise<void>;
                 reset: () => void;
                 disabled: boolean;
             }) => any) | undefined;
         } & {
             'search-menu'?: (props: {
-                search: () => void;
+                search: () => Promise<void>;
                 reset: () => void;
                 disabled: boolean;
                 collapsed: boolean;

package/dist/types/components/table/JtFilterBar.vue.d.ts

@@ -12,7 +12,7 @@ type __VLS_Props = {
  * 已禁用时直接拦截，避免业务接口进行中重复查询。
  * 真正的禁用开关由使用方通过 ref.searchLoading() / ref.searchDone() 控制。
  */
-declare function handleSearch(): void;
+declare function handleSearch(): Promise<void>;
 /** 重置在禁用期间不响应，避免业务接口进行中重复操作。 */
 declare function handleReset(): void;
 declare function toggleCollapsed(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jt-home/mfe-components",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "private": false,
   "type": "module",
   "main": "dist/index.cjs",

package/readme.md

@@ -1,8 +1,8 @@
-# mfe-components
+# @jt-home/mfe-components
 
 ## 组件总览
 
-`mfe-components` 是基于 Vue 3 和 Element Plus 的业务组件库，主要沉淀通用表单、筛选、表格、分页、CRUD 页面骨架，以及全球信息模板相关的数据渲染组件。业务系统可按需从远程模块中引入组件和类型。
+`@jt-home/mfe-components` 是基于 Vue 3 和 Element Plus 的业务组件库，主要沉淀通用表单、筛选、表格、分页、CRUD 页面骨架，以及全球信息模板相关的数据渲染组件。业务系统可按需从 npm 包中引入组件和类型。
 
 | 组件 / 模块 | 大概功能 | 文档 |
 | --- | --- | --- |
@@ -19,22 +19,64 @@
 
 组件库说明文档。
 
-> 说明：业务使用时通过 npm 包引入，例如 `import { JtButton } from 'mfe-components'`。
+> 说明：业务使用时通过 npm 包引入，例如 `import { JtButton } from '@jt-home/mfe-components'`。
 
 ## npm 发布
 
-组件库使用 npm 库构建，发布前请先生成类型声明和 JS/CSS 产物：
+组件库使用 npm 库构建，发布前请先生成 JS/CSS 产物和类型声明：
 
 ```bash
 pnpm build
 npm pack --dry-run
 ```
 
-- `pnpm build` 会先执行 `build:types` 生成 `dist/types/main.d.ts` 及组件类型声明，再执行 `build:bundle` 生成 `dist/index.mjs`、`dist/index.cjs` 和 `dist/style.css`。
+- `pnpm build` 会先执行 `build:bundle` 生成 `dist/index.mjs`、`dist/index.cjs` 和 `dist/style.css`，再执行 `build:types` 生成 `dist/types/main.d.ts` 及组件类型声明。
 - `npm pack --dry-run` 用于发布前检查实际会进入 npm 包的文件。
 - `vue` 和 `element-plus` 是 `peerDependencies`，使用方项目需要自行安装。
 - 发布时执行 `npm publish`；如果使用公司私有 npm 仓库，需要先确认 `.npmrc` 的 `registry` 和登录 token。
 
+## 样式按需引入
+
+组件库构建时会通过 Vite/Rollup `external` 排除 `vue` 和 `element-plus` 的 JS 代码，避免把它们打进组件库包里；但会放行 Element Plus 的样式路径，让组件使用到的 Element Plus CSS 可以跟随组件库入口自动加载：
+
+```ts
+rollupOptions: {
+  external: isExternalDependency,
+}
+```
+
+这表示使用方项目仍需要安装并提供 `vue` 和 `element-plus`：
+
+```bash
+pnpm add vue element-plus @jt-home/mfe-components
+```
+
+业务项目正常只需要引入组件：
+
+```ts
+import { JtButton } from '@jt-home/mfe-components';
+```
+
+构建产物的 `dist/index.mjs` / `dist/index.cjs` 会自动引用：
+
+```ts
+import './style.css';
+```
+
+同时会按组件实际使用情况引用 Element Plus 样式，例如：
+
+```ts
+import 'element-plus/theme-chalk/el-button.css';
+import 'element-plus/theme-chalk/el-input.css';
+```
+
+因此使用方不需要再手动写：
+
+```ts
+import 'element-plus/dist/index.css';
+import '@jt-home/mfe-components/style.css';
+```
+
 ## 安装与使用
 
 ```ts
@@ -47,7 +89,7 @@ import {
   JtPagination,
   JtTableLayout,
   JtCrud,
-} from 'mfe-components';
+} from '@jt-home/mfe-components';
 
 import type {
   JTFormItemConfig,
@@ -60,7 +102,7 @@ import type {
   JtTableLayoutProps,
   JtCrudSearchProps,
   JtCrudTableProps,
-} from 'mfe-components';
+} from '@jt-home/mfe-components';
 ```
 
 ## JtButton
@@ -83,7 +125,7 @@ import type {
 
 <script setup lang="ts">
 import { Plus } from '@element-plus/icons-vue';
-import { JtButton } from 'mfe-components';
+import { JtButton } from '@jt-home/mfe-components';
 
 function handleAdd() {
   console.log('新增');
@@ -127,8 +169,8 @@ function handleAdd() {
 </template>
 
 <script setup lang="ts">
-import { JtPageHeader } from 'mfe-components';
-import type { JtPageHeaderOperate } from 'mfe-components';
+import { JtPageHeader } from '@jt-home/mfe-components';
+import type { JtPageHeaderOperate } from '@jt-home/mfe-components';
 
 const operates: JtPageHeaderOperate[] = [
   { key: 'add', label: '新增', type: 'primary', onClick: handleAdd },
@@ -203,8 +245,8 @@ function handleOperateClick(operate: JtPageHeaderOperate) {
 import { reactive, ref } from 'vue';
 import { ElForm } from 'element-plus';
 import type { FormInstance } from 'element-plus';
-import { JtFormItems } from 'mfe-components';
-import type { JTFormItemConfig } from 'mfe-components';
+import { JtFormItems } from '@jt-home/mfe-components';
+import type { JTFormItemConfig } from '@jt-home/mfe-components';
 
 const formRef = ref<FormInstance>();
 const form = reactive({
@@ -298,8 +340,8 @@ async function handleSubmit() {
 
 <script setup lang="ts">
 import { reactive } from 'vue';
-import { JtFilterBar } from 'mfe-components';
-import type { JTFormItemConfig } from 'mfe-components';
+import { JtFilterBar } from '@jt-home/mfe-components';
+import type { JTFormItemConfig } from '@jt-home/mfe-components';
 
 const queryForm = reactive({
   customerName: '',
@@ -373,8 +415,8 @@ function handleReset() {
 <script setup lang="ts">
 import { reactive, ref } from 'vue';
 import { ElTag } from 'element-plus';
-import { JtTable } from 'mfe-components';
-import type { JtTableColumn } from 'mfe-components';
+import { JtTable } from '@jt-home/mfe-components';
+import type { JtTableColumn } from '@jt-home/mfe-components';
 
 const page = reactive({ currentPage: 1, pageSize: 20 });
 const total = ref(2);
@@ -458,7 +500,7 @@ function handlePageChange(nextPage: number, nextSize: number) {
 
 <script setup lang="ts">
 import { reactive } from 'vue';
-import { JtPagination } from 'mfe-components';
+import { JtPagination } from '@jt-home/mfe-components';
 
 const page = reactive({
   currentPage: 1,
@@ -555,14 +597,14 @@ function handleChange(nextPage: number, nextSize: number) {
 <script setup lang="ts">
 import { computed, reactive, ref } from 'vue';
 import { ElMessage, ElTag } from 'element-plus';
-import { JtCrud } from 'mfe-components';
+import { JtCrud } from '@jt-home/mfe-components';
 import type {
   JTFormItemConfig,
   JtCrudSearchProps,
   JtCrudTableProps,
   JtPageHeaderOperate,
   JtPageHeaderProps,
-} from 'mfe-components';
+} from '@jt-home/mfe-components';
 
 const queryForm = reactive({
   customerName: '',