gi-component 0.0.3 → 0.0.5

package/dist/gi.css

@@ -1 +1 @@
-.gi-card[data-v-c2f199fb]{background-color:var(--el-bg-color);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;--card-padding-x: var(--padding-x);--card-padding-x-small: var(--padding-x-small);--card-padding-y: var(--padding-y);--card-padding-y-small: var(--padding-y-small)}.gi-card--bordered[data-v-c2f199fb]{border:1px solid var(--el-border-color)}.gi-card-header[data-v-c2f199fb]{height:46px;padding:0 var(--card-padding-x);display:flex;justify-content:space-between;align-items:center;color:var(--el-text-color-primary);box-sizing:border-box;position:relative;flex-shrink:0}.gi-card-header__title[data-v-c2f199fb]{position:relative;line-height:1.3em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;font-weight:500;font-size:16px}.gi-card-header__extra[data-v-c2f199fb]{display:flex}.gi-card-header--bordered[data-v-c2f199fb]{border-bottom:1px solid var(--el-border-color)}.gi-card-body[data-v-c2f199fb]{padding:var(--card-padding-x);box-sizing:border-box;overflow:hidden;height:100%}.gi-card-footer[data-v-c2f199fb]{padding:var(--card-padding-y) var(--card-padding-x);border-top:1px solid var(--el-border-color);box-sizing:border-box}.gi-card--full .gi-card-body[data-v-c2f199fb]{flex:1;display:flex;flex-direction:column}.gi-card--inner .gi-card-header[data-v-c2f199fb],.gi-card--inner .gi-card-body[data-v-c2f199fb],.gi-card--inner .gi-card-footer[data-v-c2f199fb]{padding-left:0;padding-right:0}.gi-card--small .gi-card-header[data-v-c2f199fb]{height:36px;padding:0 var(--card-padding-x-small)}.gi-card--small .gi-card-header__title[data-v-c2f199fb]{font-size:14px}.gi-card--small .gi-card-body[data-v-c2f199fb]{padding:var(--card-padding-x-small)}.gi-card--small .gi-card-footer[data-v-c2f199fb]{padding:var(--card-padding-y-small) var(--card-padding-x-small)}[data-v-079a9f8e] .el-form-item{margin-bottom:0}[data-v-079a9f8e] .el-form-item .el-form-item__label{display:none}[data-v-079a9f8e] .column-required .cell{position:relative}[data-v-079a9f8e] .column-required .cell:after{content:"*";color:red;margin-left:2px}.gi-grid[data-v-4f2b02b0]{display:grid}[data-v-cd21cbfd] .el-button+.el-button{margin-left:0}[data-v-cd21cbfd] .el-select__wrapper{box-shadow:none;border:1px solid var(--el-border-color)}[data-v-cd21cbfd] .el-select__wrapper.is-focused{box-shadow:none;border-color:var(--el-color-primary)}[data-v-cd21cbfd] .el-select__wrapper.is-hovering:not(.is-focused){box-shadow:none;border-color:var(--el-border-color-hover)}.gi-input-group[data-v-cd21cbfd]{display:flex}.gi-input-group[data-v-cd21cbfd]>*:not(:last-child){margin-right:-1px}.gi-input-group[data-v-cd21cbfd]>*:first-child:last-child{border-radius:var(--el-border-radius-base)}.gi-input-group[data-v-cd21cbfd]>*:first-child:last-child .el-input__wrapper,.gi-input-group[data-v-cd21cbfd]>*:first-child:last-child .el-select__wrapper{border-radius:var(--el-border-radius-base)}.gi-input-group[data-v-cd21cbfd]>*:not(:first-child):not(:last-child){border-radius:0}.gi-input-group[data-v-cd21cbfd]>*:not(:first-child):not(:last-child) .el-input__wrapper{border-radius:0}.gi-input-group[data-v-cd21cbfd]>*:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.gi-input-group[data-v-cd21cbfd]>*:first-child .el-input__wrapper,.gi-input-group[data-v-cd21cbfd]>*:first-child .el-select__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.gi-input-group[data-v-cd21cbfd]>*:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.gi-input-group[data-v-cd21cbfd]>*:last-child .el-input__wrapper,.gi-input-group[data-v-cd21cbfd]>*:last-child .el-select__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.gi-input-group[data-v-cd21cbfd]>*:hover{z-index:1}.gi-input-group[data-v-cd21cbfd]>* .el-input__wrapper.is-focus,.gi-input-group[data-v-cd21cbfd]>* .el-select__wrapper.is-focused{z-index:2}[data-v-788824ed] .el-button{padding-right:12px;padding-left:12px}.el-form[data-v-c2aac7b9]{width:100%}[data-v-c2aac7b9] .el-form-item{align-items:center}[data-v-c2aac7b9] .el-form-item .el-form-item__label{height:inherit;line-height:inherit}[data-v-c2aac7b9] .hide-label .el-form-item__label{display:none}.gi-form-item__content[data-v-c2aac7b9]{width:100%;display:flex}.gi-form-item__component[data-v-c2aac7b9]{flex:1}.gi-form-item__tip[data-v-c2aac7b9]{line-height:1.5;color:var(--el-color-info-light-3)}.gi-form-item__extra[data-v-c2aac7b9]{margin-left:6px}.gi-form__search-btns[data-v-c2aac7b9],.gi-form--search[data-v-c2aac7b9] .el-form-item{margin-bottom:8px}[data-v-c2aac7b9] .w-full,[data-v-c2aac7b9] .w-full .el-date-editor{width:100%}.gi-split-button[data-v-097d86cb]{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;z-index:9;border:1px solid var(--el-border-color);background-color:var(--el-bg-color);box-sizing:border-box;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,background-color,border-color}.gi-split-button--disabled[data-v-097d86cb]{cursor:not-allowed;opacity:.6;pointer-events:none}.gi-split-button--default[data-v-097d86cb]{width:18px;height:40px;left:0;box-shadow:2px 0 6px #0000001a}.gi-split-button--circle[data-v-097d86cb]{width:24px;height:24px;border-radius:50%;left:-12px;overflow:hidden;box-shadow:0 4px 10px #0000001a}[data-v-ae1c9bf4] .el-splitter-bar__dragger-horizontal:before,[data-v-ae1c9bf4] .el-splitter-bar__dragger-horizontal:after{width:1px}.gi-page-layout[data-v-ae1c9bf4]{flex:1;width:100%;height:100%;display:flex;overflow:hidden;background-color:var(--el-bg-color)}.gi-page-layout--bordered[data-v-ae1c9bf4]{border:1px solid var(--el-border-color)}.gi-page-layout__left[data-v-ae1c9bf4]{width:100%;height:100%}.gi-page-layout__right[data-v-ae1c9bf4]{flex:1;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.gi-page-layout__header[data-v-ae1c9bf4]{padding:var(--padding-x);padding-bottom:0;border-bottom:1px solid var(--el-border-color);box-sizing:border-box}.gi-page-layout__tool[data-v-ae1c9bf4]{width:100%;padding:var(--padding-x);padding-bottom:0;display:flex;justify-content:end;align-items:center;box-sizing:border-box}.gi-page-layout__body[data-v-ae1c9bf4]{flex:1;padding:var(--padding-x);height:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.gi-page-layout__split[data-v-ae1c9bf4]{width:0;height:auto;position:relative}.gi-page-layout--has-header .gi-page-layout__tool[data-v-ae1c9bf4],.gi-page-layout--has-header .gi-page-layout__body[data-v-ae1c9bf4],.gi-page-layout--has-tool .gi-page-layout__body[data-v-ae1c9bf4]{padding-top:var(--padding-y)}.gi-page-layout--collapsing[data-v-ae1c9bf4] .el-splitter-panel{transition:flex-basis .3s}[data-v-a2fb9c9b] .el-pagination__rightwrapper{flex:auto}.gi-table[data-v-a2fb9c9b]{height:100%;overflow:hidden;display:flex;flex-direction:column}.gi-table[data-v-a2fb9c9b] .el-table{flex:1}.gi-table-pagination[data-v-a2fb9c9b]{margin-top:10px}[data-v-81f370ec] .el-tabs__nav-prev,[data-v-81f370ec] .el-tabs__nav-next{height:100%;display:flex;align-items:center;justify-content:center}.gi-tabs[data-v-81f370ec]{width:100%;padding:0 var(--padding-x);display:flex;align-items:center;border-bottom:1px solid var(--el-border-color);box-sizing:border-box;background-color:var(--el-bg-color)}.gi-tabs__default[data-v-81f370ec]{flex:1;overflow:hidden}.gi-tabs__default[data-v-81f370ec] .el-tabs__header{margin-bottom:0}.gi-tabs__default[data-v-81f370ec] .el-tabs__header .el-tabs__nav-wrap:after{display:none}.gi-tabs__default[data-v-81f370ec] .el-tabs__active-bar{bottom:1px}.gi-tabs__extra[data-v-81f370ec]{margin-left:10px;align-self:flex-start}[data-v-81f370ec] .el-tabs--card>.el-tabs__header{border-bottom:none}[data-v-81f370ec] .el-tabs--border-card{border-bottom:none}[data-v-81f370ec] .el-tabs--border-card>.el-tabs__content{display:none}[data-v-81f370ec] .el-tabs--border-card>.el-tabs__header{border-bottom:none}.gi-tabs--small[data-v-81f370ec]{padding:0 var(--padding-x-small)}.gi-tabs--small[data-v-81f370ec] .el-tabs{--el-tabs-header-height: 32px}.gi-tabs--small[data-v-81f370ec] .el-tabs .el-tabs__item{font-size:12px}.gi-tabs--inner[data-v-81f370ec]{padding:0}body{--padding: 14px;--margin: 14px;--padding-x: 14px;--padding-x-small: 10px;--padding-y: 10px;--padding-y-small: 6px}.gi-card-title .gi-card-header__title{padding-left:8px;position:relative}.gi-card-title .gi-card-header__title:before{content:"";width:4px;height:20px;position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:var(--el-color-primary);border-radius:0 4px 4px 0}.gi-w-full{width:100%}.gi-h-full{height:100%}.gi-line-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gi-line-2{line-clamp:2;-webkit-line-clamp:2}.gi-line-3{line-clamp:3;-webkit-line-clamp:3}.gi-line-4{line-clamp:4;-webkit-line-clamp:4}.gi-line-5{line-clamp:5;-webkit-line-clamp:5}.gi-line-2,.gi-line-3,.gi-line-4,.gi-line-5{overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.gi-mt{margin-top:var(--margin)}.gi-mb{margin-bottom:var(--margin)}.gi-ml{margin-left:var(--margin)}.gi-mr{margin-right:var(--margin)}.gi-mx{margin-left:var(--margin);margin-right:var(--margin)}.gi-my{margin-top:var(--margin);margin-bottom:var(--margin)}.gi-m0{margin:0!important}.gi-pt{padding-top:var(--padding)}.gi-pb{padding-bottom:var(--padding)}.gi-pl{padding-left:var(--padding)}.gi-pr{padding-right:var(--padding)}.gi-px{padding-left:var(--padding);padding-right:var(--padding)}.gi-py{padding-top:var(--padding);padding-bottom:var(--padding)}.gi-p0,.el-dialog{padding:0!important}.el-dialog.is-fullscreen{overflow:hidden;display:inline-flex;flex-direction:column}.el-dialog.is-fullscreen .el-dialog__body{flex:1;overflow-y:auto}.el-dialog .el-dialog__header{height:48px;padding-left:var(--el-dialog-padding-primary);padding-bottom:0;display:flex;align-items:center;border-bottom:1px solid var(--el-border-color)}.el-dialog .el-dialog__body{padding:var(--el-dialog-padding-primary)}.el-dialog .el-dialog__footer{padding:12px var(--el-dialog-padding-primary);border-top:1px solid var(--el-border-color)}.el-dialog.gi-dialog--simple .el-dialog__header{border-bottom:none}.el-dialog.gi-dialog--simple .el-dialog__footer{border-top:none}
+.gi-card[data-v-c2f199fb]{background-color:var(--el-bg-color);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;--card-padding-x: var(--padding-x);--card-padding-x-small: var(--padding-x-small);--card-padding-y: var(--padding-y);--card-padding-y-small: var(--padding-y-small)}.gi-card--bordered[data-v-c2f199fb]{border:1px solid var(--el-border-color)}.gi-card-header[data-v-c2f199fb]{height:46px;padding:0 var(--card-padding-x);display:flex;justify-content:space-between;align-items:center;color:var(--el-text-color-primary);box-sizing:border-box;position:relative;flex-shrink:0}.gi-card-header__title[data-v-c2f199fb]{position:relative;line-height:1.3em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;font-weight:500;font-size:16px}.gi-card-header__extra[data-v-c2f199fb]{display:flex}.gi-card-header--bordered[data-v-c2f199fb]{border-bottom:1px solid var(--el-border-color)}.gi-card-body[data-v-c2f199fb]{padding:var(--card-padding-x);box-sizing:border-box;overflow:hidden;height:100%}.gi-card-footer[data-v-c2f199fb]{padding:var(--card-padding-y) var(--card-padding-x);border-top:1px solid var(--el-border-color);box-sizing:border-box}.gi-card--full .gi-card-body[data-v-c2f199fb]{flex:1;display:flex;flex-direction:column}.gi-card--inner .gi-card-header[data-v-c2f199fb],.gi-card--inner .gi-card-body[data-v-c2f199fb],.gi-card--inner .gi-card-footer[data-v-c2f199fb]{padding-left:0;padding-right:0}.gi-card--small .gi-card-header[data-v-c2f199fb]{height:36px;padding:0 var(--card-padding-x-small)}.gi-card--small .gi-card-header__title[data-v-c2f199fb]{font-size:14px}.gi-card--small .gi-card-body[data-v-c2f199fb]{padding:var(--card-padding-x-small)}.gi-card--small .gi-card-footer[data-v-c2f199fb]{padding:var(--card-padding-y-small) var(--card-padding-x-small)}[data-v-cd21cbfd] .el-button+.el-button{margin-left:0}[data-v-cd21cbfd] .el-select__wrapper{box-shadow:none;border:1px solid var(--el-border-color)}[data-v-cd21cbfd] .el-select__wrapper.is-focused{box-shadow:none;border-color:var(--el-color-primary)}[data-v-cd21cbfd] .el-select__wrapper.is-hovering:not(.is-focused){box-shadow:none;border-color:var(--el-border-color-hover)}.gi-input-group[data-v-cd21cbfd]{display:flex}.gi-input-group[data-v-cd21cbfd]>*:not(:last-child){margin-right:-1px}.gi-input-group[data-v-cd21cbfd]>*:first-child:last-child{border-radius:var(--el-border-radius-base)}.gi-input-group[data-v-cd21cbfd]>*:first-child:last-child .el-input__wrapper,.gi-input-group[data-v-cd21cbfd]>*:first-child:last-child .el-select__wrapper{border-radius:var(--el-border-radius-base)}.gi-input-group[data-v-cd21cbfd]>*:not(:first-child):not(:last-child){border-radius:0}.gi-input-group[data-v-cd21cbfd]>*:not(:first-child):not(:last-child) .el-input__wrapper{border-radius:0}.gi-input-group[data-v-cd21cbfd]>*:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.gi-input-group[data-v-cd21cbfd]>*:first-child .el-input__wrapper,.gi-input-group[data-v-cd21cbfd]>*:first-child .el-select__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.gi-input-group[data-v-cd21cbfd]>*:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.gi-input-group[data-v-cd21cbfd]>*:last-child .el-input__wrapper,.gi-input-group[data-v-cd21cbfd]>*:last-child .el-select__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.gi-input-group[data-v-cd21cbfd]>*:hover{z-index:1}.gi-input-group[data-v-cd21cbfd]>* .el-input__wrapper.is-focus,.gi-input-group[data-v-cd21cbfd]>* .el-select__wrapper.is-focused{z-index:2}[data-v-788824ed] .el-button{padding-right:12px;padding-left:12px}[data-v-411a7fe4] .el-form-item{margin-bottom:0}[data-v-411a7fe4] .el-form-item .el-form-item__label{display:none}[data-v-411a7fe4] .column-required .cell{position:relative}[data-v-411a7fe4] .column-required .cell:after{content:"*";color:red;margin-left:2px}.gi-grid[data-v-4f2b02b0]{display:grid}.el-form[data-v-c2aac7b9]{width:100%}[data-v-c2aac7b9] .el-form-item{align-items:center}[data-v-c2aac7b9] .el-form-item .el-form-item__label{height:inherit;line-height:inherit}[data-v-c2aac7b9] .hide-label .el-form-item__label{display:none}.gi-form-item__content[data-v-c2aac7b9]{width:100%;display:flex}.gi-form-item__component[data-v-c2aac7b9]{flex:1}.gi-form-item__tip[data-v-c2aac7b9]{line-height:1.5;color:var(--el-color-info-light-3)}.gi-form-item__extra[data-v-c2aac7b9]{margin-left:6px}.gi-form__search-btns[data-v-c2aac7b9],.gi-form--search[data-v-c2aac7b9] .el-form-item{margin-bottom:8px}[data-v-c2aac7b9] .w-full,[data-v-c2aac7b9] .w-full .el-date-editor{width:100%}.gi-split-button[data-v-097d86cb]{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;z-index:9;border:1px solid var(--el-border-color);background-color:var(--el-bg-color);box-sizing:border-box;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,background-color,border-color}.gi-split-button--disabled[data-v-097d86cb]{cursor:not-allowed;opacity:.6;pointer-events:none}.gi-split-button--default[data-v-097d86cb]{width:18px;height:40px;left:0;box-shadow:2px 0 6px #0000001a}.gi-split-button--circle[data-v-097d86cb]{width:24px;height:24px;border-radius:50%;left:-12px;overflow:hidden;box-shadow:0 4px 10px #0000001a}[data-v-ae1c9bf4] .el-splitter-bar__dragger-horizontal:before,[data-v-ae1c9bf4] .el-splitter-bar__dragger-horizontal:after{width:1px}.gi-page-layout[data-v-ae1c9bf4]{flex:1;width:100%;height:100%;display:flex;overflow:hidden;background-color:var(--el-bg-color)}.gi-page-layout--bordered[data-v-ae1c9bf4]{border:1px solid var(--el-border-color)}.gi-page-layout__left[data-v-ae1c9bf4]{width:100%;height:100%}.gi-page-layout__right[data-v-ae1c9bf4]{flex:1;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.gi-page-layout__header[data-v-ae1c9bf4]{padding:var(--padding-x);padding-bottom:0;border-bottom:1px solid var(--el-border-color);box-sizing:border-box}.gi-page-layout__tool[data-v-ae1c9bf4]{width:100%;padding:var(--padding-x);padding-bottom:0;display:flex;justify-content:end;align-items:center;box-sizing:border-box}.gi-page-layout__body[data-v-ae1c9bf4]{flex:1;padding:var(--padding-x);height:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.gi-page-layout__split[data-v-ae1c9bf4]{width:0;height:auto;position:relative}.gi-page-layout--has-header .gi-page-layout__tool[data-v-ae1c9bf4],.gi-page-layout--has-header .gi-page-layout__body[data-v-ae1c9bf4],.gi-page-layout--has-tool .gi-page-layout__body[data-v-ae1c9bf4]{padding-top:var(--padding-y)}.gi-page-layout--collapsing[data-v-ae1c9bf4] .el-splitter-panel{transition:flex-basis .3s}[data-v-002f7dd8] .el-pagination__rightwrapper{flex:auto}.gi-table[data-v-002f7dd8]{height:100%;overflow:hidden;display:flex;flex-direction:column}.gi-table[data-v-002f7dd8] .el-table{flex:1}.gi-table-pagination[data-v-002f7dd8]{margin-top:10px}[data-v-81f370ec] .el-tabs__nav-prev,[data-v-81f370ec] .el-tabs__nav-next{height:100%;display:flex;align-items:center;justify-content:center}.gi-tabs[data-v-81f370ec]{width:100%;padding:0 var(--padding-x);display:flex;align-items:center;border-bottom:1px solid var(--el-border-color);box-sizing:border-box;background-color:var(--el-bg-color)}.gi-tabs__default[data-v-81f370ec]{flex:1;overflow:hidden}.gi-tabs__default[data-v-81f370ec] .el-tabs__header{margin-bottom:0}.gi-tabs__default[data-v-81f370ec] .el-tabs__header .el-tabs__nav-wrap:after{display:none}.gi-tabs__default[data-v-81f370ec] .el-tabs__active-bar{bottom:1px}.gi-tabs__extra[data-v-81f370ec]{margin-left:10px;align-self:flex-start}[data-v-81f370ec] .el-tabs--card>.el-tabs__header{border-bottom:none}[data-v-81f370ec] .el-tabs--border-card{border-bottom:none}[data-v-81f370ec] .el-tabs--border-card>.el-tabs__content{display:none}[data-v-81f370ec] .el-tabs--border-card>.el-tabs__header{border-bottom:none}.gi-tabs--small[data-v-81f370ec]{padding:0 var(--padding-x-small)}.gi-tabs--small[data-v-81f370ec] .el-tabs{--el-tabs-header-height: 32px}.gi-tabs--small[data-v-81f370ec] .el-tabs .el-tabs__item{font-size:12px}.gi-tabs--inner[data-v-81f370ec]{padding:0}body{--padding: 14px;--margin: 14px;--padding-x: 14px;--padding-x-small: 10px;--padding-y: 10px;--padding-y-small: 6px}.gi-card-title .gi-card-header__title{padding-left:8px;position:relative}.gi-card-title .gi-card-header__title:before{content:"";width:4px;height:20px;position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:var(--el-color-primary);border-radius:0 4px 4px 0}.gi-w-full{width:100%}.gi-h-full{height:100%}.gi-line-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gi-line-2{line-clamp:2;-webkit-line-clamp:2}.gi-line-3{line-clamp:3;-webkit-line-clamp:3}.gi-line-4{line-clamp:4;-webkit-line-clamp:4}.gi-line-5{line-clamp:5;-webkit-line-clamp:5}.gi-line-2,.gi-line-3,.gi-line-4,.gi-line-5{overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.gi-mt{margin-top:var(--margin)}.gi-mb{margin-bottom:var(--margin)}.gi-ml{margin-left:var(--margin)}.gi-mr{margin-right:var(--margin)}.gi-mx{margin-left:var(--margin);margin-right:var(--margin)}.gi-my{margin-top:var(--margin);margin-bottom:var(--margin)}.gi-m0{margin:0!important}.gi-pt{padding-top:var(--padding)}.gi-pb{padding-bottom:var(--padding)}.gi-pl{padding-left:var(--padding)}.gi-pr{padding-right:var(--padding)}.gi-px{padding-left:var(--padding);padding-right:var(--padding)}.gi-py{padding-top:var(--padding);padding-bottom:var(--padding)}.gi-p0,.el-dialog{padding:0!important}.el-dialog.is-fullscreen{overflow:hidden;display:inline-flex;flex-direction:column}.el-dialog.is-fullscreen .el-dialog__body{flex:1;overflow-y:auto}.el-dialog .el-dialog__header{height:48px;padding-left:var(--el-dialog-padding-primary);padding-bottom:0;display:flex;align-items:center;border-bottom:1px solid var(--el-border-color)}.el-dialog .el-dialog__body{padding:var(--el-dialog-padding-primary)}.el-dialog .el-dialog__footer{padding:12px var(--el-dialog-padding-primary);border-top:1px solid var(--el-border-color)}.el-dialog.gi-dialog--simple .el-dialog__header{border-bottom:none}.el-dialog.gi-dialog--simple .el-dialog__footer{border-top:none}

package/dist/index.d.ts

@@ -20,7 +20,6 @@ import { PublicProps } from 'vue';
 import { Ref } from 'vue';
 import { Slots } from 'vue';
 import { SplitterPanelProps } from 'element-plus';
-import { TableColumnCtx } from 'element-plus';
 import { TableColumnInstance } from 'element-plus';
 import { TableProps as TableProps_2 } from 'element-plus';
 import { TabPaneName } from 'element-plus';
@@ -257,6 +256,15 @@ declare type __VLS_WithTemplateSlots_6<T, S> = T & {
     };
 };
 
+declare type Api<T> = (params: PaginationParams) => Promise<ApiResult<PageResult<T[]>>> | Promise<ApiResult<T[]>>;
+
+declare interface ApiResult<T> {
+    code: number;
+    data: T;
+    message: string;
+    success: boolean;
+}
+
 declare interface ButtonProps extends Partial<Omit<ButtonProps_2, 'type'>> {
     type?: 'add' | 'edit' | 'delete' | 'search' | 'reset' | 'upload' | 'download' | 'print' | '' | ButtonProps_2['type'];
 }
@@ -272,7 +280,7 @@ declare interface CardProps {
     inner?: boolean;
 }
 
-export declare type ColumnItemProps = El.InputProps & El.InputNumberProps & El.InputTagProps & El.ISelectProps & El.ISelectV2Props & El.TreeInstance['$props'] & El.CascaderProps & El.SliderProps & El.SwitchProps & El.RateProps & El.CheckboxGroupProps & El.CheckboxProps & El.RadioGroupProps & El.RadioProps & El.DatePickerProps & El.TimePickerDefaultProps & El.TimeSelectProps & El.ColorPickerProps & El.TransferProps & El.AutocompleteProps & El.UploadProps;
+export declare type ColumnItemProps = El.InputProps & El.InputNumberProps & El.InputTagProps & El.SelectProps & El.SelectV2Props & El.TreeInstance['$props'] & El.CascaderProps & El.SliderProps & El.SwitchProps & El.RateProps & El.CheckboxGroupProps & El.CheckboxProps & El.RadioGroupProps & El.RadioProps & El.DatePickerProps & El.TimePickerDefaultProps & El.TimeSelectProps & El.ColorPickerProps & El.TransferProps & El.AutocompleteProps & El.UploadProps & InputSearchInstance['$props'];
 
 export declare interface Config {
     prefix?: string;
@@ -509,6 +517,8 @@ suffix: boolean;
 
 declare const _default_9: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
 
+declare type DefaultRow = Record<PropertyKey, any>;
+
 declare interface DefOption {
     queryParams: Record<string, any>;
 }
@@ -553,18 +563,18 @@ export declare interface DialogReturnObject {
 
 export declare interface EditTableColumnItem {
     type?: EditTableColumnItemType;
-    title: string;
-    dataIndex: string;
+    label: string;
+    prop: string;
     width?: number | string;
     required?: boolean;
     rules?: El.FormItemRule[];
-    props?: ColumnItemProps;
+    componentProps?: ColumnItemProps;
     columnProps?: El.TableColumnInstance['$props'];
     formItemProps?: El.FormItemProps;
     slotName?: string;
 }
 
-export declare type EditTableColumnItemType = 'input' | 'textarea' | 'input-number' | 'input-tag' | 'select' | 'select-v2' | 'tree-select' | 'cascader' | 'slider' | 'switch' | 'rate' | 'checkbox-group' | 'checkbox' | 'radio-group' | 'radio' | 'date-picker' | 'time-picker' | 'time-select' | 'color-picker' | 'transfer' | 'autocomplete' | 'upload' | 'slot' | 'cecw-input-search';
+export declare type EditTableColumnItemType = 'input' | 'textarea' | 'input-number' | 'input-tag' | 'select' | 'select-v2' | 'tree-select' | 'cascader' | 'slider' | 'switch' | 'rate' | 'checkbox-group' | 'checkbox' | 'radio-group' | 'radio' | 'date-picker' | 'time-picker' | 'time-select' | 'color-picker' | 'transfer' | 'autocomplete' | 'upload' | 'slot' | 'input-search';
 
 export declare type EditTableInstance = InstanceType<typeof default_3>;
 
@@ -672,6 +682,12 @@ declare interface InputSearchProps {
 
 declare const model: ModelRef<string | undefined, string, string | undefined, string | undefined>;
 
+declare interface Options<T, U> {
+    onSuccess?: () => void;
+    immediate?: boolean;
+    rowKey?: keyof T;
+}
+
 declare interface PageLayoutProps {
     size?: SplitterPanelProps['size'];
     bordered?: boolean;
@@ -682,6 +698,16 @@ declare interface PageLayoutProps {
     bodyStyle?: CSSProperties;
 }
 
+declare interface PageResult<T> {
+    list: T[];
+    total: number;
+}
+
+declare interface PaginationParams {
+    page: number;
+    size: number;
+}
+
 declare interface ResponsiveValue {
     /**
      * @zh >= 1600px 响应式配置
@@ -715,10 +741,15 @@ declare interface ResponsiveValue {
     xs?: number;
 }
 
-export declare interface TableColumnItem extends Omit<TableColumnInstance['$props'], never> {
+export declare interface TableColumnItem<T extends DefaultRow = DefaultRow> extends Omit<TableColumnInstance['$props'], never> {
     slotName?: string;
     children?: TableColumnItem[];
-    render?: (scope: TableColumnCtx<any>) => VNode | VNode[] | string;
+    render?: (scope: {
+        $index: number;
+        cellIndex: number;
+        column: TableColumnItem<T>;
+        row: T;
+    }) => VNode | VNode[] | string;
 }
 
 export declare type TableInstance = InstanceType<typeof default_4>;
@@ -728,13 +759,15 @@ export declare interface TableProps extends ExtractPropTypes<TableProps_2<Record
     pagination?: Partial<PaginationProps>;
 }
 
-declare type TabsOptionItem = {
+export declare type TabsInstance = InstanceType<typeof _default_4>;
+
+export declare type TabsOptionItem = {
     label: string;
     name: string;
     disabled?: boolean;
 };
 
-declare interface TabsProps extends Partial<Pick<TabsProps_2, 'type' | 'stretch'>> {
+export declare interface TabsProps extends Partial<Pick<TabsProps_2, 'type' | 'stretch'>> {
     type?: TabsProps_2['type'];
     options?: TabsOptionItem[];
     size?: 'small' | 'medium';
@@ -745,6 +778,27 @@ export declare function useBemClass(): {
     b: (name?: string) => string;
 };
 
+export declare function useTable<T extends U, U = T>(api: Api<T>, options: Options<T, U>): {
+    /** 表格数据 */
+    tableData: Ref<U[], U[]>;
+    /** 获取表格数据 */
+    getTableData: () => Promise<void>;
+    /** 分页数据 */
+    pagination: {
+        currentPage: number;
+        pageSize: number;
+        total: number;
+        onCurrentChange: (size: number) => void;
+        onSizeChange: (size: number) => void;
+    };
+    /** 加载状态 */
+    loading: Ref<boolean, boolean>;
+    /** 搜索 */
+    search: () => void;
+    /** 刷新 */
+    refresh: () => void;
+};
+
 declare const visible: ModelRef<boolean, string, boolean, boolean>;
 
 export { }

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, getCurrentInstance, useAttrs, computed, resolveComponent, createBlock, mergeProps, unref, withCtx, renderSlot, createTextVNode, toDisplayString, useSlots, normalizeClass, createCommentVNode, normalizeStyle, mergeModels, useModel, ref, createSlots, resolveDynamicComponent, createVNode, createApp, h, Fragment, renderList, watch, onMounted, onUpdated, onUnmounted, inject, toRefs, watchEffect, reactive, provide, toRaw, normalizeProps, guardReactiveProps, useTemplateRef } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode, getCurrentInstance, ref, reactive, useAttrs, computed, resolveComponent, createBlock, mergeProps, unref, withCtx, renderSlot, createTextVNode, toDisplayString, useSlots, normalizeClass, createCommentVNode, normalizeStyle, mergeModels, useModel, createSlots, resolveDynamicComponent, createVNode, createApp, h, Fragment, renderList, watch, onMounted, onUpdated, onUnmounted, inject, toRefs, watchEffect, provide, toRaw, normalizeProps, guardReactiveProps, useTemplateRef } from "vue";
 import * as El from "element-plus";
 import El__default, { ElMessage } from "element-plus";
 /*! Element Plus Icons Vue v2.3.2 */
@@ -194,6 +194,62 @@ function useBemClass() {
   const b = (name = "") => `${prefix}-${name ? `${name}` : ""}`;
   return { b };
 }
+function useTable(api, options) {
+  const { onSuccess, immediate = true, rowKey = "id" } = options || {};
+  const loading = ref(false);
+  const tableData = ref([]);
+  const pagination = reactive({
+    currentPage: 1,
+    pageSize: 20,
+    total: 0,
+    onCurrentChange: (size) => {
+      pagination.currentPage = size;
+      getTableData();
+    },
+    onSizeChange: (size) => {
+      pagination.pageSize = size;
+      getTableData();
+    }
+  });
+  function setTotal(total) {
+    pagination.total = total;
+  }
+  async function getTableData() {
+    try {
+      loading.value = true;
+      const res = await api({ page: pagination.currentPage, size: pagination.pageSize });
+      const data = !Array.isArray(res.data) ? res.data.list : res.data;
+      tableData.value = data;
+      const total = !Array.isArray(res.data) ? res.data.total : data.length;
+      setTotal(total);
+      onSuccess == null ? void 0 : onSuccess();
+    } finally {
+      loading.value = false;
+    }
+  }
+  immediate && getTableData();
+  function search() {
+    pagination.currentPage = 1;
+    getTableData();
+  }
+  function refresh() {
+    getTableData();
+  }
+  return {
+    /** 表格数据 */
+    tableData,
+    /** 获取表格数据 */
+    getTableData,
+    /** 分页数据 */
+    pagination,
+    /** 加载状态 */
+    loading,
+    /** 搜索 */
+    search,
+    /** 刷新 */
+    refresh
+  };
+}
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "button",
   props: {
@@ -559,8 +615,79 @@ function createDialog() {
   return Dialog2;
 }
 const Dialog = createDialog();
-const clearable = false;
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "input-group",
+  setup(__props) {
+    const { b } = useBemClass();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(b)("input-group"))
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 2);
+    };
+  }
+});
+const InputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-cd21cbfd"]]);
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "input-search",
+  props: /* @__PURE__ */ mergeModels({
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    placeholder: { default: "请选择" },
+    disabledHideButton: { type: Boolean, default: false }
+  }, {
+    "modelValue": { type: String },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["search", "clear"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const model = useModel(__props, "modelValue");
+    const props = __props;
+    const emit = __emit;
+    const { b } = useBemClass();
+    const showButton = computed(() => {
+      if (props.readonly) return false;
+      if (props.disabled) {
+        return !props.disabledHideButton;
+      }
+      return true;
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_button = resolveComponent("el-button");
+      return openBlock(), createBlock(InputGroup, {
+        class: normalizeClass(unref(b)("input-search"))
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_input, {
+            modelValue: model.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+            disabled: props.disabled,
+            readonly: !props.disabled,
+            placeholder: props.placeholder
+          }, null, 8, ["modelValue", "disabled", "readonly", "placeholder"]),
+          showButton.value ? (openBlock(), createBlock(_component_el_button, {
+            key: 0,
+            icon: unref(search_default),
+            disabled: props.disabled,
+            onClick: _cache[1] || (_cache[1] = ($event) => emit("search"))
+          }, null, 8, ["icon", "disabled"])) : createCommentVNode("", true),
+          showButton.value ? (openBlock(), createBlock(_component_el_button, {
+            key: 1,
+            icon: unref(close_default),
+            disabled: props.disabled,
+            onClick: _cache[2] || (_cache[2] = ($event) => emit("clear"))
+          }, null, 8, ["icon", "disabled"])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+});
+const InputSearch = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-788824ed"]]);
+const clearable = false;
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "edit-table",
   props: {
     rowKey: { default: "id" },
@@ -594,7 +721,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       "color-picker": El.ElColorPicker,
       transfer: El.ElTransfer,
       autocomplete: El.ElAutocomplete,
-      upload: El.ElUpload
+      upload: El.ElUpload,
+      "input-search": InputSearch
     };
     const formRef = ref();
     const form = computed(() => ({ tableData: props.data }));
@@ -635,15 +763,15 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const getPlaceholder = (item) => {
       if (!item.type) return void 0;
       if (["input", "input-number", "input-tag"].includes(item.type)) {
-        return `请输入${item.title}`;
+        return `请输入${item.label}`;
       }
       if (["textarea"].includes(item.type)) {
-        return `请填写${item.title}`;
+        return `请填写${item.label}`;
       }
-      if (["select", "select-v2", "tree-select", "cascader", "time-select"].includes(
+      if (["select", "select-v2", "tree-select", "cascader", "time-select", "input-search"].includes(
         item.type
       )) {
-        return `请选择${item.title}`;
+        return `请选择${item.label}`;
       }
       if (["date-picker"].includes(item.type)) {
         return `请选择日期`;
@@ -658,14 +786,14 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       const defaultProps = STATIC_PROPS.get(item.type || "") || {};
       defaultProps.placeholder = getPlaceholder(item);
       if (item.type === "date-picker") {
-        defaultProps.valueFormat = ((_a = item == null ? void 0 : item.props) == null ? void 0 : _a.type) === "datetime" ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
+        defaultProps.valueFormat = ((_a = item == null ? void 0 : item.componentProps) == null ? void 0 : _a.type) === "datetime" ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
       }
-      return { ...defaultProps, ...item.props };
+      return { ...defaultProps, ...item.componentProps };
     }
     function getFormItemRules(item) {
       if (item.required) {
         return [
-          { required: true, message: `${item.title}为必填项` },
+          { required: true, message: `${item.label}为必填项` },
           ...Array.isArray(item.rules) ? item.rules : []
         ];
       }
@@ -699,17 +827,17 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(props.columns, (column, index2) => {
                 return openBlock(), createBlock(_component_el_table_column, mergeProps({
-                  key: column.dataIndex + index2,
+                  key: column.prop + index2,
                   width: column.width
                 }, { ref_for: true }, column.columnProps, {
-                  prop: column.dataIndex,
-                  label: column.title,
+                  prop: column.prop,
+                  label: column.label,
                   "label-class-name": getLabelClassName(column)
                 }), {
                   default: withCtx((scope) => [
                     createVNode(_component_el_form_item, mergeProps({ ref_for: true }, column.formItemProps, {
-                      label: column.title,
-                      prop: `tableData[${scope.$index}].${column.dataIndex}`,
+                      label: column.label,
+                      prop: `tableData[${scope.$index}].${column.prop}`,
                       rules: getFormItemRules(column)
                     }), {
                       default: withCtx(() => [
@@ -720,8 +848,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                           key: 1,
                           ref_for: true
                         }, getComponentBindProps(column), {
-                          modelValue: scope.row[column.dataIndex],
-                          "onUpdate:modelValue": ($event) => scope.row[column.dataIndex] = $event,
+                          modelValue: scope.row[column.prop],
+                          "onUpdate:modelValue": ($event) => scope.row[column.prop] = $event,
                           class: "w-full",
                           disabled: isDisabled(scope)
                         }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"]))
@@ -741,7 +869,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const EditTable = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-079a9f8e"]]);
+const EditTable = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-411a7fe4"]]);
 const GridContextInjectionKey = Symbol(
   "GridContextInjectionKey"
 );
@@ -996,7 +1124,7 @@ function getPrefixCls(name) {
   const { b } = useBemClass();
   return b(name);
 }
-const _sfc_main$9 = defineComponent({
+const _sfc_main$7 = defineComponent({
   name: "GridItem",
   props: {
     /**
@@ -1114,8 +1242,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default", { overflow: _ctx.overflow })
   ], 6);
 }
-const GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$1]]);
-const _sfc_main$8 = defineComponent({
+const GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$1]]);
+const _sfc_main$6 = defineComponent({
   name: "Grid",
   props: {
     /**
@@ -1229,78 +1357,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ], 6);
 }
-const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render], ["__scopeId", "data-v-4f2b02b0"]]);
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "input-group",
-  setup(__props) {
-    const { b } = useBemClass();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(b)("input-group"))
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 2);
-    };
-  }
-});
-const InputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-cd21cbfd"]]);
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "input-search",
-  props: /* @__PURE__ */ mergeModels({
-    disabled: { type: Boolean, default: false },
-    readonly: { type: Boolean, default: false },
-    placeholder: { default: "请选择" },
-    disabledHideButton: { type: Boolean, default: false }
-  }, {
-    "modelValue": { type: String },
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["search", "clear"], ["update:modelValue"]),
-  setup(__props, { emit: __emit }) {
-    const model = useModel(__props, "modelValue");
-    const props = __props;
-    const emit = __emit;
-    const { b } = useBemClass();
-    const showButton = computed(() => {
-      if (props.readonly) return false;
-      if (props.disabled) {
-        return !props.disabledHideButton;
-      }
-      return true;
-    });
-    return (_ctx, _cache) => {
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(InputGroup, {
-        class: normalizeClass(unref(b)("input-search"))
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_el_input, {
-            modelValue: model.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-            disabled: props.disabled,
-            readonly: !props.disabled,
-            placeholder: props.placeholder
-          }, null, 8, ["modelValue", "disabled", "readonly", "placeholder"]),
-          showButton.value ? (openBlock(), createBlock(_component_el_button, {
-            key: 0,
-            icon: unref(search_default),
-            disabled: props.disabled,
-            onClick: _cache[1] || (_cache[1] = ($event) => emit("search"))
-          }, null, 8, ["icon", "disabled"])) : createCommentVNode("", true),
-          showButton.value ? (openBlock(), createBlock(_component_el_button, {
-            key: 1,
-            icon: unref(close_default),
-            disabled: props.disabled,
-            onClick: _cache[2] || (_cache[2] = ($event) => emit("clear"))
-          }, null, 8, ["icon", "disabled"])) : createCommentVNode("", true)
-        ]),
-        _: 1
-      }, 8, ["class"]);
-    };
-  }
-});
-const InputSearch = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-788824ed"]]);
+const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render], ["__scopeId", "data-v-4f2b02b0"]]);
 const _hoisted_1 = {
   key: 0,
   class: "w-full"
@@ -1927,7 +1984,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         _ctx.column.render ? {
           name: "default",
           fn: withCtx((scope) => [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.column.render(scope))))
+            typeof _ctx.column.render(scope) === "string" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode(toDisplayString(_ctx.column.render(scope)), 1)
+            ], 64)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.column.render(scope)), { key: 1 }))
           ]),
           key: "0"
         } : _ctx.column.slotName ? {
@@ -2074,7 +2133,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-a2fb9c9b"]]);
+const Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-002f7dd8"]]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "tabs",
   props: /* @__PURE__ */ mergeModels({
@@ -2245,6 +2304,7 @@ export {
   createDialog,
   createSelectDialog,
   index as default,
-  useBemClass
+  useBemClass,
+  useTable
 };
 //# sourceMappingURL=index.es.js.map