gi-component 0.0.5 → 0.0.7
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 +78 -16
- package/dist/index.es.js +12 -9
- 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 +6 -5
- package/packages/components/edit-table/src/type.ts +24 -23
- package/packages/components/form/src/form.vue +23 -77
- package/packages/components/form/src/type.ts +40 -33
- package/packages/components/table/src/type.ts +2 -10
- package/packages/components/tabs/src/tabs.vue +6 -16
- package/packages/hooks/useTable.ts +10 -4
- package/packages/index.ts +6 -2
- package/packages/styles/index.scss +3 -2
- package/packages/types/tool.ts +14 -0
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-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}
|
|
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-c192d026] .el-form-item{margin-bottom:0}[data-v-c192d026] .el-form-item .el-form-item__label{display:none}[data-v-c192d026] .column-required .cell{position:relative}[data-v-c192d026] .column-required .cell:after{content:"*";color:red;margin-left:2px}.gi-grid[data-v-4f2b02b0]{display:grid}.el-form[data-v-190c6121]{width:100%}[data-v-190c6121] .el-form-item{align-items:center}[data-v-190c6121] .el-form-item .el-form-item__label{height:inherit;line-height:inherit}[data-v-190c6121] .hide-label .el-form-item__label{display:none}.gi-form-item__content[data-v-190c6121]{width:100%;display:flex}.gi-form-item__component[data-v-190c6121]{flex:1}.gi-form-item__tip[data-v-190c6121]{line-height:1.5;color:var(--el-color-info-light-3)}.gi-form-item__extra[data-v-190c6121]{margin-left:6px}.gi-form__search-btns[data-v-190c6121],.gi-form--search[data-v-190c6121] .el-form-item{margin-bottom:8px}[data-v-190c6121] .w-full,[data-v-190c6121] .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-4241516a] .el-tabs__nav-prev,[data-v-4241516a] .el-tabs__nav-next{height:100%;display:flex;align-items:center;justify-content:center}.gi-tabs[data-v-4241516a]{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-4241516a]{flex:1;overflow:hidden}.gi-tabs__default[data-v-4241516a] .el-tabs__header{margin-bottom:0}.gi-tabs__default[data-v-4241516a] .el-tabs__header .el-tabs__nav-wrap:after{display:none}.gi-tabs__default[data-v-4241516a] .el-tabs__active-bar{bottom:1px}.gi-tabs__extra[data-v-4241516a]{margin-left:10px;align-self:flex-start}[data-v-4241516a] .el-tabs--card>.el-tabs__header{border-bottom:none}[data-v-4241516a] .el-tabs--border-card{border-bottom:none}[data-v-4241516a] .el-tabs--border-card>.el-tabs__content{display:none}[data-v-4241516a] .el-tabs--border-card>.el-tabs__header{border-bottom:none}.gi-tabs--small[data-v-4241516a]{padding:0 var(--padding-x-small)}.gi-tabs--small[data-v-4241516a] .el-tabs{--el-tabs-header-height: 32px}.gi-tabs--small[data-v-4241516a] .el-tabs .el-tabs__item{font-size:12px}.gi-tabs--inner[data-v-4241516a]{padding:0}body{--padding: 14px;--margin: 14px;--padding-x: 14px;--padding-x-small: 10px;--padding-y: 12px;--padding-y-small: 8px}.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
|
@@ -256,7 +256,7 @@ declare type __VLS_WithTemplateSlots_6<T, S> = T & {
|
|
|
256
256
|
};
|
|
257
257
|
};
|
|
258
258
|
|
|
259
|
-
declare type
|
|
259
|
+
declare type AllKeys<T> = T extends any ? keyof T : never;
|
|
260
260
|
|
|
261
261
|
declare interface ApiResult<T> {
|
|
262
262
|
code: number;
|
|
@@ -280,11 +280,11 @@ declare interface CardProps {
|
|
|
280
280
|
inner?: boolean;
|
|
281
281
|
}
|
|
282
282
|
|
|
283
|
-
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'];
|
|
284
|
-
|
|
285
283
|
export declare interface Config {
|
|
286
284
|
prefix?: string;
|
|
285
|
+
/** 输入框是否可清除 */
|
|
287
286
|
clearable?: boolean;
|
|
287
|
+
/** 字典请求方法 */
|
|
288
288
|
dictRequest?: () => Promise<any>;
|
|
289
289
|
}
|
|
290
290
|
|
|
@@ -568,12 +568,37 @@ export declare interface EditTableColumnItem {
|
|
|
568
568
|
width?: number | string;
|
|
569
569
|
required?: boolean;
|
|
570
570
|
rules?: El.FormItemRule[];
|
|
571
|
-
componentProps?:
|
|
571
|
+
componentProps?: EditTableColumnItemProps;
|
|
572
572
|
columnProps?: El.TableColumnInstance['$props'];
|
|
573
573
|
formItemProps?: El.FormItemProps;
|
|
574
574
|
slotName?: string;
|
|
575
575
|
}
|
|
576
576
|
|
|
577
|
+
export declare type EditTableColumnItemProps = MergeMultiple<[
|
|
578
|
+
El.InputProps,
|
|
579
|
+
El.InputNumberProps,
|
|
580
|
+
El.InputTagProps,
|
|
581
|
+
El.SelectProps,
|
|
582
|
+
El.SelectV2Props,
|
|
583
|
+
El.TreeInstance['$props'],
|
|
584
|
+
El.CascaderProps,
|
|
585
|
+
El.SliderProps,
|
|
586
|
+
El.SwitchProps,
|
|
587
|
+
El.RateProps,
|
|
588
|
+
El.CheckboxGroupProps,
|
|
589
|
+
El.CheckboxProps,
|
|
590
|
+
El.RadioGroupProps,
|
|
591
|
+
El.RadioProps,
|
|
592
|
+
El.DatePickerProps,
|
|
593
|
+
El.TimePickerDefaultProps,
|
|
594
|
+
El.TimeSelectProps,
|
|
595
|
+
El.ColorPickerProps,
|
|
596
|
+
El.TransferProps,
|
|
597
|
+
El.AutocompleteProps,
|
|
598
|
+
El.UploadProps,
|
|
599
|
+
InputSearchInstance['$props']
|
|
600
|
+
]>;
|
|
601
|
+
|
|
577
602
|
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';
|
|
578
603
|
|
|
579
604
|
export declare type EditTableInstance = InstanceType<typeof default_3>;
|
|
@@ -592,9 +617,7 @@ export declare interface FormColumnItem<F = any> {
|
|
|
592
617
|
field: string;
|
|
593
618
|
fieldName?: string;
|
|
594
619
|
span?: number;
|
|
595
|
-
props?: FormColumnProps
|
|
596
|
-
options?: El.RadioProps & El.CheckboxProps & El.SelectProps;
|
|
597
|
-
};
|
|
620
|
+
props?: FormColumnProps;
|
|
598
621
|
formItemProps?: El.FormItemProps;
|
|
599
622
|
gridItemProps?: any;
|
|
600
623
|
required?: boolean;
|
|
@@ -609,9 +632,38 @@ export declare interface FormColumnItem<F = any> {
|
|
|
609
632
|
|
|
610
633
|
export declare type FormColumnItemHide<F> = boolean | ((form: F) => boolean);
|
|
611
634
|
|
|
612
|
-
|
|
635
|
+
/**
|
|
636
|
+
* 表单列属性类型,根据组件类型使用对应的属性类型
|
|
637
|
+
*/
|
|
638
|
+
export declare type FormColumnProps = MergeMultiple<[
|
|
639
|
+
El.InputProps,
|
|
640
|
+
El.InputNumberProps,
|
|
641
|
+
El.InputTagProps,
|
|
642
|
+
El.SelectProps,
|
|
643
|
+
El.SelectV2Props,
|
|
644
|
+
El.TreeInstance['$props'],
|
|
645
|
+
El.CascaderProps,
|
|
646
|
+
El.SliderProps,
|
|
647
|
+
El.SwitchProps,
|
|
648
|
+
El.RateProps,
|
|
649
|
+
El.CheckboxGroupProps,
|
|
650
|
+
El.CheckboxProps,
|
|
651
|
+
El.RadioGroupProps,
|
|
652
|
+
El.RadioProps,
|
|
653
|
+
El.DatePickerProps,
|
|
654
|
+
El.TimePickerDefaultProps,
|
|
655
|
+
El.TimeSelectProps,
|
|
656
|
+
El.ColorPickerProps,
|
|
657
|
+
El.TransferProps,
|
|
658
|
+
El.AutocompleteProps,
|
|
659
|
+
El.UploadProps,
|
|
660
|
+
InputSearchInstance['$props']
|
|
661
|
+
]>;
|
|
613
662
|
|
|
614
|
-
|
|
663
|
+
/**
|
|
664
|
+
* 表单列插槽类型,根据组件类型使用对应的插槽类型
|
|
665
|
+
*/
|
|
666
|
+
export declare type FormColumnSlots = Partial<El.InputInstance['$slots'] | El.InputNumberInstance['$slots'] | El.InputTagInstance['$slots'] | El.AutocompleteInstance['$slots'] | El.CascaderInstance['$slots'] | El.DatePickerInstance['$slots']>;
|
|
615
667
|
|
|
616
668
|
export declare type FormColumnType = 'input' | 'textarea' | 'input-number' | 'input-tag' | 'input-search' | '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' | 'title' | 'slot';
|
|
617
669
|
|
|
@@ -621,7 +673,7 @@ export declare interface FormProps extends Partial<FormProps_2> {
|
|
|
621
673
|
modelValue: any;
|
|
622
674
|
columns?: FormColumnItem[];
|
|
623
675
|
fc?: Record<string, {
|
|
624
|
-
|
|
676
|
+
disabled?: boolean;
|
|
625
677
|
hidden?: boolean;
|
|
626
678
|
required?: boolean;
|
|
627
679
|
}>;
|
|
@@ -680,6 +732,10 @@ declare interface InputSearchProps {
|
|
|
680
732
|
disabledHideButton?: boolean;
|
|
681
733
|
}
|
|
682
734
|
|
|
735
|
+
declare type MergeMultiple<T extends any[]> = {
|
|
736
|
+
[K in AllKeys<T[number]>]: UnionType<T[number], K>;
|
|
737
|
+
};
|
|
738
|
+
|
|
683
739
|
declare const model: ModelRef<string | undefined, string, string | undefined, string | undefined>;
|
|
684
740
|
|
|
685
741
|
declare interface Options<T, U> {
|
|
@@ -703,11 +759,6 @@ declare interface PageResult<T> {
|
|
|
703
759
|
total: number;
|
|
704
760
|
}
|
|
705
761
|
|
|
706
|
-
declare interface PaginationParams {
|
|
707
|
-
page: number;
|
|
708
|
-
size: number;
|
|
709
|
-
}
|
|
710
|
-
|
|
711
762
|
declare interface ResponsiveValue {
|
|
712
763
|
/**
|
|
713
764
|
* @zh >= 1600px 响应式配置
|
|
@@ -774,11 +825,13 @@ export declare interface TabsProps extends Partial<Pick<TabsProps_2, 'type' | 's
|
|
|
774
825
|
inner?: boolean;
|
|
775
826
|
}
|
|
776
827
|
|
|
828
|
+
declare type UnionType<T, K extends PropertyKey> = T extends any ? K extends keyof T ? T[K] : never : never;
|
|
829
|
+
|
|
777
830
|
export declare function useBemClass(): {
|
|
778
831
|
b: (name?: string) => string;
|
|
779
832
|
};
|
|
780
833
|
|
|
781
|
-
export declare function useTable<T extends U, U = T>(api:
|
|
834
|
+
export declare function useTable<T extends U, U = T>(api: UseTableApi<T>, options: Options<T, U>): {
|
|
782
835
|
/** 表格数据 */
|
|
783
836
|
tableData: Ref<U[], U[]>;
|
|
784
837
|
/** 获取表格数据 */
|
|
@@ -799,6 +852,15 @@ export declare function useTable<T extends U, U = T>(api: Api<T>, options: Optio
|
|
|
799
852
|
refresh: () => void;
|
|
800
853
|
};
|
|
801
854
|
|
|
855
|
+
export declare interface UseTableApi<T> {
|
|
856
|
+
(params: UseTablePaginationParams): Promise<ApiResult<PageResult<T[]>>> | Promise<ApiResult<T[]>>;
|
|
857
|
+
}
|
|
858
|
+
|
|
859
|
+
export declare interface UseTablePaginationParams {
|
|
860
|
+
page: number;
|
|
861
|
+
size: number;
|
|
862
|
+
}
|
|
863
|
+
|
|
802
864
|
declare const visible: ModelRef<boolean, string, boolean, boolean>;
|
|
803
865
|
|
|
804
866
|
export { }
|
package/dist/index.es.js
CHANGED
|
@@ -722,7 +722,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
722
722
|
transfer: El.ElTransfer,
|
|
723
723
|
autocomplete: El.ElAutocomplete,
|
|
724
724
|
upload: El.ElUpload,
|
|
725
|
-
"input-search": InputSearch
|
|
725
|
+
"input-search": InputSearch,
|
|
726
|
+
slot: void 0
|
|
726
727
|
};
|
|
727
728
|
const formRef = ref();
|
|
728
729
|
const form = computed(() => ({ tableData: props.data }));
|
|
@@ -788,7 +789,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
788
789
|
if (item.type === "date-picker") {
|
|
789
790
|
defaultProps.valueFormat = ((_a = item == null ? void 0 : item.componentProps) == null ? void 0 : _a.type) === "datetime" ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
|
|
790
791
|
}
|
|
791
|
-
return { ...defaultProps, ...item.componentProps };
|
|
792
|
+
return { ...defaultProps, ...(item == null ? void 0 : item.componentProps) || {} };
|
|
792
793
|
}
|
|
793
794
|
function getFormItemRules(item) {
|
|
794
795
|
if (item.required) {
|
|
@@ -844,8 +845,10 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
844
845
|
column.slotName ? renderSlot(_ctx.$slots, column.slotName, mergeProps({
|
|
845
846
|
key: 0,
|
|
846
847
|
ref_for: true
|
|
847
|
-
}, scope), void 0, true) : (openBlock(),
|
|
848
|
-
|
|
848
|
+
}, scope), void 0, true) : !column.type ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
849
|
+
createTextVNode(toDisplayString(scope.row[column.prop]), 1)
|
|
850
|
+
], 64)) : (openBlock(), createBlock(resolveDynamicComponent(COMP_MAP[column.type] || column.type), mergeProps({
|
|
851
|
+
key: 2,
|
|
849
852
|
ref_for: true
|
|
850
853
|
}, getComponentBindProps(column), {
|
|
851
854
|
modelValue: scope.row[column.prop],
|
|
@@ -869,7 +872,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
869
872
|
};
|
|
870
873
|
}
|
|
871
874
|
});
|
|
872
|
-
const EditTable = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-
|
|
875
|
+
const EditTable = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-c192d026"]]);
|
|
873
876
|
const GridContextInjectionKey = Symbol(
|
|
874
877
|
"GridContextInjectionKey"
|
|
875
878
|
);
|
|
@@ -1517,7 +1520,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
1517
1520
|
}
|
|
1518
1521
|
return {
|
|
1519
1522
|
...defaultProps,
|
|
1520
|
-
...item.props
|
|
1523
|
+
...(item == null ? void 0 : item.props) || {}
|
|
1521
1524
|
};
|
|
1522
1525
|
}
|
|
1523
1526
|
const formProps = computed(() => {
|
|
@@ -1614,7 +1617,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
1614
1617
|
function isDisabled(item) {
|
|
1615
1618
|
var _a, _b, _c, _d;
|
|
1616
1619
|
if (((_a = item == null ? void 0 : item.props) == null ? void 0 : _a.disabled) !== void 0) return (_b = item == null ? void 0 : item.props) == null ? void 0 : _b.disabled;
|
|
1617
|
-
if (((_d = (_c = props.fc) == null ? void 0 : _c[item.field]) == null ? void 0 : _d.
|
|
1620
|
+
if (((_d = (_c = props.fc) == null ? void 0 : _c[item.field]) == null ? void 0 : _d.disabled) === true) return true;
|
|
1618
1621
|
return false;
|
|
1619
1622
|
}
|
|
1620
1623
|
function updateModelValue(value, item) {
|
|
@@ -1787,7 +1790,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
1787
1790
|
};
|
|
1788
1791
|
}
|
|
1789
1792
|
});
|
|
1790
|
-
const Form = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-
|
|
1793
|
+
const Form = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-190c6121"]]);
|
|
1791
1794
|
const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
1792
1795
|
__name: "split-button",
|
|
1793
1796
|
props: {
|
|
@@ -2209,7 +2212,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
2209
2212
|
};
|
|
2210
2213
|
}
|
|
2211
2214
|
});
|
|
2212
|
-
const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
2215
|
+
const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4241516a"]]);
|
|
2213
2216
|
const createSelectDialog = (params) => {
|
|
2214
2217
|
return function(options) {
|
|
2215
2218
|
const { multiple = false, onOk, onBeforeOk, queryParams } = options;
|