gi-component 0.0.3 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/gi.css +1 -1
- package/dist/index.d.ts +5 -5
- package/dist/index.es.js +94 -93
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/packages/components/edit-table/src/edit-table.vue +193 -207
- package/packages/components/edit-table/src/type.ts +71 -69
- package/packages/components/table/src/TableColumn.vue +49 -49
- package/packages/components/table/src/table.vue +89 -89
- package/packages/components/table/src/type.ts +22 -22
package/dist/gi.css
CHANGED
|
@@ -1 +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}
|
|
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-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
CHANGED
|
@@ -272,7 +272,7 @@ declare interface CardProps {
|
|
|
272
272
|
inner?: boolean;
|
|
273
273
|
}
|
|
274
274
|
|
|
275
|
-
export declare type ColumnItemProps = El.InputProps & El.InputNumberProps & El.InputTagProps & El.
|
|
275
|
+
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'];
|
|
276
276
|
|
|
277
277
|
export declare interface Config {
|
|
278
278
|
prefix?: string;
|
|
@@ -553,18 +553,18 @@ export declare interface DialogReturnObject {
|
|
|
553
553
|
|
|
554
554
|
export declare interface EditTableColumnItem {
|
|
555
555
|
type?: EditTableColumnItemType;
|
|
556
|
-
|
|
557
|
-
|
|
556
|
+
label: string;
|
|
557
|
+
prop: string;
|
|
558
558
|
width?: number | string;
|
|
559
559
|
required?: boolean;
|
|
560
560
|
rules?: El.FormItemRule[];
|
|
561
|
-
|
|
561
|
+
componentProps?: ColumnItemProps;
|
|
562
562
|
columnProps?: El.TableColumnInstance['$props'];
|
|
563
563
|
formItemProps?: El.FormItemProps;
|
|
564
564
|
slotName?: string;
|
|
565
565
|
}
|
|
566
566
|
|
|
567
|
-
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' | '
|
|
567
|
+
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';
|
|
568
568
|
|
|
569
569
|
export declare type EditTableInstance = InstanceType<typeof default_3>;
|
|
570
570
|
|
package/dist/index.es.js
CHANGED
|
@@ -559,8 +559,79 @@ function createDialog() {
|
|
|
559
559
|
return Dialog2;
|
|
560
560
|
}
|
|
561
561
|
const Dialog = createDialog();
|
|
562
|
-
const clearable = false;
|
|
563
562
|
const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
563
|
+
__name: "input-group",
|
|
564
|
+
setup(__props) {
|
|
565
|
+
const { b } = useBemClass();
|
|
566
|
+
return (_ctx, _cache) => {
|
|
567
|
+
return openBlock(), createElementBlock("div", {
|
|
568
|
+
class: normalizeClass(unref(b)("input-group"))
|
|
569
|
+
}, [
|
|
570
|
+
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
571
|
+
], 2);
|
|
572
|
+
};
|
|
573
|
+
}
|
|
574
|
+
});
|
|
575
|
+
const InputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-cd21cbfd"]]);
|
|
576
|
+
const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
577
|
+
__name: "input-search",
|
|
578
|
+
props: /* @__PURE__ */ mergeModels({
|
|
579
|
+
disabled: { type: Boolean, default: false },
|
|
580
|
+
readonly: { type: Boolean, default: false },
|
|
581
|
+
placeholder: { default: "请选择" },
|
|
582
|
+
disabledHideButton: { type: Boolean, default: false }
|
|
583
|
+
}, {
|
|
584
|
+
"modelValue": { type: String },
|
|
585
|
+
"modelModifiers": {}
|
|
586
|
+
}),
|
|
587
|
+
emits: /* @__PURE__ */ mergeModels(["search", "clear"], ["update:modelValue"]),
|
|
588
|
+
setup(__props, { emit: __emit }) {
|
|
589
|
+
const model = useModel(__props, "modelValue");
|
|
590
|
+
const props = __props;
|
|
591
|
+
const emit = __emit;
|
|
592
|
+
const { b } = useBemClass();
|
|
593
|
+
const showButton = computed(() => {
|
|
594
|
+
if (props.readonly) return false;
|
|
595
|
+
if (props.disabled) {
|
|
596
|
+
return !props.disabledHideButton;
|
|
597
|
+
}
|
|
598
|
+
return true;
|
|
599
|
+
});
|
|
600
|
+
return (_ctx, _cache) => {
|
|
601
|
+
const _component_el_input = resolveComponent("el-input");
|
|
602
|
+
const _component_el_button = resolveComponent("el-button");
|
|
603
|
+
return openBlock(), createBlock(InputGroup, {
|
|
604
|
+
class: normalizeClass(unref(b)("input-search"))
|
|
605
|
+
}, {
|
|
606
|
+
default: withCtx(() => [
|
|
607
|
+
createVNode(_component_el_input, {
|
|
608
|
+
modelValue: model.value,
|
|
609
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
|
|
610
|
+
disabled: props.disabled,
|
|
611
|
+
readonly: !props.disabled,
|
|
612
|
+
placeholder: props.placeholder
|
|
613
|
+
}, null, 8, ["modelValue", "disabled", "readonly", "placeholder"]),
|
|
614
|
+
showButton.value ? (openBlock(), createBlock(_component_el_button, {
|
|
615
|
+
key: 0,
|
|
616
|
+
icon: unref(search_default),
|
|
617
|
+
disabled: props.disabled,
|
|
618
|
+
onClick: _cache[1] || (_cache[1] = ($event) => emit("search"))
|
|
619
|
+
}, null, 8, ["icon", "disabled"])) : createCommentVNode("", true),
|
|
620
|
+
showButton.value ? (openBlock(), createBlock(_component_el_button, {
|
|
621
|
+
key: 1,
|
|
622
|
+
icon: unref(close_default),
|
|
623
|
+
disabled: props.disabled,
|
|
624
|
+
onClick: _cache[2] || (_cache[2] = ($event) => emit("clear"))
|
|
625
|
+
}, null, 8, ["icon", "disabled"])) : createCommentVNode("", true)
|
|
626
|
+
]),
|
|
627
|
+
_: 1
|
|
628
|
+
}, 8, ["class"]);
|
|
629
|
+
};
|
|
630
|
+
}
|
|
631
|
+
});
|
|
632
|
+
const InputSearch = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-788824ed"]]);
|
|
633
|
+
const clearable = false;
|
|
634
|
+
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
564
635
|
__name: "edit-table",
|
|
565
636
|
props: {
|
|
566
637
|
rowKey: { default: "id" },
|
|
@@ -594,7 +665,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
594
665
|
"color-picker": El.ElColorPicker,
|
|
595
666
|
transfer: El.ElTransfer,
|
|
596
667
|
autocomplete: El.ElAutocomplete,
|
|
597
|
-
upload: El.ElUpload
|
|
668
|
+
upload: El.ElUpload,
|
|
669
|
+
"input-search": InputSearch
|
|
598
670
|
};
|
|
599
671
|
const formRef = ref();
|
|
600
672
|
const form = computed(() => ({ tableData: props.data }));
|
|
@@ -635,15 +707,15 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
635
707
|
const getPlaceholder = (item) => {
|
|
636
708
|
if (!item.type) return void 0;
|
|
637
709
|
if (["input", "input-number", "input-tag"].includes(item.type)) {
|
|
638
|
-
return `请输入${item.
|
|
710
|
+
return `请输入${item.label}`;
|
|
639
711
|
}
|
|
640
712
|
if (["textarea"].includes(item.type)) {
|
|
641
|
-
return `请填写${item.
|
|
713
|
+
return `请填写${item.label}`;
|
|
642
714
|
}
|
|
643
|
-
if (["select", "select-v2", "tree-select", "cascader", "time-select"].includes(
|
|
715
|
+
if (["select", "select-v2", "tree-select", "cascader", "time-select", "input-search"].includes(
|
|
644
716
|
item.type
|
|
645
717
|
)) {
|
|
646
|
-
return `请选择${item.
|
|
718
|
+
return `请选择${item.label}`;
|
|
647
719
|
}
|
|
648
720
|
if (["date-picker"].includes(item.type)) {
|
|
649
721
|
return `请选择日期`;
|
|
@@ -658,14 +730,14 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
658
730
|
const defaultProps = STATIC_PROPS.get(item.type || "") || {};
|
|
659
731
|
defaultProps.placeholder = getPlaceholder(item);
|
|
660
732
|
if (item.type === "date-picker") {
|
|
661
|
-
defaultProps.valueFormat = ((_a = item == null ? void 0 : item.
|
|
733
|
+
defaultProps.valueFormat = ((_a = item == null ? void 0 : item.componentProps) == null ? void 0 : _a.type) === "datetime" ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
|
|
662
734
|
}
|
|
663
|
-
return { ...defaultProps, ...item.
|
|
735
|
+
return { ...defaultProps, ...item.componentProps };
|
|
664
736
|
}
|
|
665
737
|
function getFormItemRules(item) {
|
|
666
738
|
if (item.required) {
|
|
667
739
|
return [
|
|
668
|
-
{ required: true, message: `${item.
|
|
740
|
+
{ required: true, message: `${item.label}为必填项` },
|
|
669
741
|
...Array.isArray(item.rules) ? item.rules : []
|
|
670
742
|
];
|
|
671
743
|
}
|
|
@@ -699,17 +771,17 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
699
771
|
default: withCtx(() => [
|
|
700
772
|
(openBlock(true), createElementBlock(Fragment, null, renderList(props.columns, (column, index2) => {
|
|
701
773
|
return openBlock(), createBlock(_component_el_table_column, mergeProps({
|
|
702
|
-
key: column.
|
|
774
|
+
key: column.prop + index2,
|
|
703
775
|
width: column.width
|
|
704
776
|
}, { ref_for: true }, column.columnProps, {
|
|
705
|
-
prop: column.
|
|
706
|
-
label: column.
|
|
777
|
+
prop: column.prop,
|
|
778
|
+
label: column.label,
|
|
707
779
|
"label-class-name": getLabelClassName(column)
|
|
708
780
|
}), {
|
|
709
781
|
default: withCtx((scope) => [
|
|
710
782
|
createVNode(_component_el_form_item, mergeProps({ ref_for: true }, column.formItemProps, {
|
|
711
|
-
label: column.
|
|
712
|
-
prop: `tableData[${scope.$index}].${column.
|
|
783
|
+
label: column.label,
|
|
784
|
+
prop: `tableData[${scope.$index}].${column.prop}`,
|
|
713
785
|
rules: getFormItemRules(column)
|
|
714
786
|
}), {
|
|
715
787
|
default: withCtx(() => [
|
|
@@ -720,8 +792,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
720
792
|
key: 1,
|
|
721
793
|
ref_for: true
|
|
722
794
|
}, getComponentBindProps(column), {
|
|
723
|
-
modelValue: scope.row[column.
|
|
724
|
-
"onUpdate:modelValue": ($event) => scope.row[column.
|
|
795
|
+
modelValue: scope.row[column.prop],
|
|
796
|
+
"onUpdate:modelValue": ($event) => scope.row[column.prop] = $event,
|
|
725
797
|
class: "w-full",
|
|
726
798
|
disabled: isDisabled(scope)
|
|
727
799
|
}), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"]))
|
|
@@ -741,7 +813,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
741
813
|
};
|
|
742
814
|
}
|
|
743
815
|
});
|
|
744
|
-
const EditTable = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
816
|
+
const EditTable = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-411a7fe4"]]);
|
|
745
817
|
const GridContextInjectionKey = Symbol(
|
|
746
818
|
"GridContextInjectionKey"
|
|
747
819
|
);
|
|
@@ -996,7 +1068,7 @@ function getPrefixCls(name) {
|
|
|
996
1068
|
const { b } = useBemClass();
|
|
997
1069
|
return b(name);
|
|
998
1070
|
}
|
|
999
|
-
const _sfc_main$
|
|
1071
|
+
const _sfc_main$7 = defineComponent({
|
|
1000
1072
|
name: "GridItem",
|
|
1001
1073
|
props: {
|
|
1002
1074
|
/**
|
|
@@ -1114,8 +1186,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1114
1186
|
renderSlot(_ctx.$slots, "default", { overflow: _ctx.overflow })
|
|
1115
1187
|
], 6);
|
|
1116
1188
|
}
|
|
1117
|
-
const GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1118
|
-
const _sfc_main$
|
|
1189
|
+
const GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$1]]);
|
|
1190
|
+
const _sfc_main$6 = defineComponent({
|
|
1119
1191
|
name: "Grid",
|
|
1120
1192
|
props: {
|
|
1121
1193
|
/**
|
|
@@ -1229,78 +1301,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1229
1301
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
1230
1302
|
], 6);
|
|
1231
1303
|
}
|
|
1232
|
-
const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
1233
|
-
const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
1234
|
-
__name: "input-group",
|
|
1235
|
-
setup(__props) {
|
|
1236
|
-
const { b } = useBemClass();
|
|
1237
|
-
return (_ctx, _cache) => {
|
|
1238
|
-
return openBlock(), createElementBlock("div", {
|
|
1239
|
-
class: normalizeClass(unref(b)("input-group"))
|
|
1240
|
-
}, [
|
|
1241
|
-
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
1242
|
-
], 2);
|
|
1243
|
-
};
|
|
1244
|
-
}
|
|
1245
|
-
});
|
|
1246
|
-
const InputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-cd21cbfd"]]);
|
|
1247
|
-
const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
1248
|
-
__name: "input-search",
|
|
1249
|
-
props: /* @__PURE__ */ mergeModels({
|
|
1250
|
-
disabled: { type: Boolean, default: false },
|
|
1251
|
-
readonly: { type: Boolean, default: false },
|
|
1252
|
-
placeholder: { default: "请选择" },
|
|
1253
|
-
disabledHideButton: { type: Boolean, default: false }
|
|
1254
|
-
}, {
|
|
1255
|
-
"modelValue": { type: String },
|
|
1256
|
-
"modelModifiers": {}
|
|
1257
|
-
}),
|
|
1258
|
-
emits: /* @__PURE__ */ mergeModels(["search", "clear"], ["update:modelValue"]),
|
|
1259
|
-
setup(__props, { emit: __emit }) {
|
|
1260
|
-
const model = useModel(__props, "modelValue");
|
|
1261
|
-
const props = __props;
|
|
1262
|
-
const emit = __emit;
|
|
1263
|
-
const { b } = useBemClass();
|
|
1264
|
-
const showButton = computed(() => {
|
|
1265
|
-
if (props.readonly) return false;
|
|
1266
|
-
if (props.disabled) {
|
|
1267
|
-
return !props.disabledHideButton;
|
|
1268
|
-
}
|
|
1269
|
-
return true;
|
|
1270
|
-
});
|
|
1271
|
-
return (_ctx, _cache) => {
|
|
1272
|
-
const _component_el_input = resolveComponent("el-input");
|
|
1273
|
-
const _component_el_button = resolveComponent("el-button");
|
|
1274
|
-
return openBlock(), createBlock(InputGroup, {
|
|
1275
|
-
class: normalizeClass(unref(b)("input-search"))
|
|
1276
|
-
}, {
|
|
1277
|
-
default: withCtx(() => [
|
|
1278
|
-
createVNode(_component_el_input, {
|
|
1279
|
-
modelValue: model.value,
|
|
1280
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
|
|
1281
|
-
disabled: props.disabled,
|
|
1282
|
-
readonly: !props.disabled,
|
|
1283
|
-
placeholder: props.placeholder
|
|
1284
|
-
}, null, 8, ["modelValue", "disabled", "readonly", "placeholder"]),
|
|
1285
|
-
showButton.value ? (openBlock(), createBlock(_component_el_button, {
|
|
1286
|
-
key: 0,
|
|
1287
|
-
icon: unref(search_default),
|
|
1288
|
-
disabled: props.disabled,
|
|
1289
|
-
onClick: _cache[1] || (_cache[1] = ($event) => emit("search"))
|
|
1290
|
-
}, null, 8, ["icon", "disabled"])) : createCommentVNode("", true),
|
|
1291
|
-
showButton.value ? (openBlock(), createBlock(_component_el_button, {
|
|
1292
|
-
key: 1,
|
|
1293
|
-
icon: unref(close_default),
|
|
1294
|
-
disabled: props.disabled,
|
|
1295
|
-
onClick: _cache[2] || (_cache[2] = ($event) => emit("clear"))
|
|
1296
|
-
}, null, 8, ["icon", "disabled"])) : createCommentVNode("", true)
|
|
1297
|
-
]),
|
|
1298
|
-
_: 1
|
|
1299
|
-
}, 8, ["class"]);
|
|
1300
|
-
};
|
|
1301
|
-
}
|
|
1302
|
-
});
|
|
1303
|
-
const InputSearch = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-788824ed"]]);
|
|
1304
|
+
const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render], ["__scopeId", "data-v-4f2b02b0"]]);
|
|
1304
1305
|
const _hoisted_1 = {
|
|
1305
1306
|
key: 0,
|
|
1306
1307
|
class: "w-full"
|
|
@@ -2074,7 +2075,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
2074
2075
|
};
|
|
2075
2076
|
}
|
|
2076
2077
|
});
|
|
2077
|
-
const Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-
|
|
2078
|
+
const Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-002f7dd8"]]);
|
|
2078
2079
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
2079
2080
|
__name: "tabs",
|
|
2080
2081
|
props: /* @__PURE__ */ mergeModels({
|