gi-component 0.0.6 → 0.0.8

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.
Files changed (59) hide show
  1. package/dist/gi.css +1 -1
  2. package/dist/index.d.ts +22 -10
  3. package/dist/index.es.js +42 -41
  4. package/dist/index.es.js.map +1 -1
  5. package/dist/index.umd.js +1 -1
  6. package/dist/index.umd.js.map +1 -1
  7. package/package.json +10 -3
  8. package/packages/components/button/index.ts +4 -4
  9. package/packages/components/button/src/button.vue +32 -32
  10. package/packages/components/button/src/type.ts +2 -2
  11. package/packages/components/card/index.ts +4 -4
  12. package/packages/components/card/src/card.vue +21 -21
  13. package/packages/components/card/src/type.ts +9 -9
  14. package/packages/components/dialog/index.ts +5 -5
  15. package/packages/components/dialog/src/dialog.ts +33 -33
  16. package/packages/components/dialog/src/dialog.vue +34 -32
  17. package/packages/components/dialog/src/type.ts +13 -13
  18. package/packages/components/edit-table/index.ts +4 -4
  19. package/packages/components/edit-table/src/edit-table.vue +49 -49
  20. package/packages/components/edit-table/src/type.ts +42 -62
  21. package/packages/components/form/index.ts +4 -4
  22. package/packages/components/form/src/form.vue +98 -98
  23. package/packages/components/form/src/type.ts +74 -88
  24. package/packages/components/grid/index.ts +6 -6
  25. package/packages/components/grid/src/context.ts +17 -17
  26. package/packages/components/grid/src/grid-item.vue +40 -40
  27. package/packages/components/grid/src/grid.vue +38 -38
  28. package/packages/components/grid/src/hook/use-index.ts +24 -24
  29. package/packages/components/grid/src/hook/use-responsive-state.ts +26 -26
  30. package/packages/components/grid/src/hook/use-responsive-value.ts +24 -24
  31. package/packages/components/grid/src/interface.ts +32 -32
  32. package/packages/components/grid/src/utils/global-config.ts +3 -3
  33. package/packages/components/grid/src/utils/index.ts +25 -25
  34. package/packages/components/grid/src/utils/is.ts +2 -2
  35. package/packages/components/grid/src/utils/responsive-observe.ts +53 -53
  36. package/packages/components/input-group/index.ts +4 -4
  37. package/packages/components/input-group/src/input-group.vue +2 -2
  38. package/packages/components/input-search/index.ts +4 -4
  39. package/packages/components/input-search/src/input-search.vue +15 -15
  40. package/packages/components/input-search/src/type.ts +4 -4
  41. package/packages/components/page-layout/index.ts +4 -4
  42. package/packages/components/page-layout/src/page-layout.vue +25 -25
  43. package/packages/components/page-layout/src/split-button.vue +22 -22
  44. package/packages/components/page-layout/src/type.ts +9 -9
  45. package/packages/components/table/index.ts +4 -4
  46. package/packages/components/table/src/TableColumn.vue +10 -10
  47. package/packages/components/table/src/table.vue +14 -14
  48. package/packages/components/table/src/type.ts +8 -16
  49. package/packages/components/tabs/index.ts +4 -4
  50. package/packages/components/tabs/src/tabs.vue +26 -36
  51. package/packages/components/tabs/src/type.ts +9 -9
  52. package/packages/hooks/index.ts +2 -2
  53. package/packages/hooks/useBemClass.ts +7 -7
  54. package/packages/hooks/useTable.ts +6 -7
  55. package/packages/index.ts +44 -44
  56. package/packages/styles/index.scss +6 -0
  57. package/packages/types/tool.ts +14 -0
  58. package/packages/utils/createSelectDialog.ts +28 -27
  59. package/packages/utils/index.ts +1 -1
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-36c4a1cb] .el-form-item{margin-bottom:0}[data-v-36c4a1cb] .el-form-item .el-form-item__label{display:none}[data-v-36c4a1cb] .column-required .cell{position:relative}[data-v-36c4a1cb] .column-required .cell:after{content:"*";color:red;margin-left:2px}.gi-grid[data-v-4f2b02b0]{display:grid}.el-form[data-v-405b7812]{width:100%}[data-v-405b7812] .el-form-item{align-items:center}[data-v-405b7812] .el-form-item .el-form-item__label{height:inherit;line-height:inherit}[data-v-405b7812] .hide-label .el-form-item__label{display:none}.gi-form-item__content[data-v-405b7812]{width:100%;display:flex}.gi-form-item__component[data-v-405b7812]{flex:1}.gi-form-item__tip[data-v-405b7812]{line-height:1.5;color:var(--el-color-info-light-3)}.gi-form-item__extra[data-v-405b7812]{margin-left:6px}.gi-form__search-btns[data-v-405b7812],.gi-form--search[data-v-405b7812] .el-form-item{margin-bottom:8px}[data-v-405b7812] .w-full,[data-v-405b7812] .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: 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}
1
+ .gi-card[data-v-e9fecd0b]{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-e9fecd0b]{border:1px solid var(--el-border-color)}.gi-card-header[data-v-e9fecd0b]{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-e9fecd0b]{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-e9fecd0b]{display:flex}.gi-card-header--bordered[data-v-e9fecd0b]{border-bottom:1px solid var(--el-border-color)}.gi-card-body[data-v-e9fecd0b]{padding:var(--card-padding-x);box-sizing:border-box;overflow:hidden;height:100%}.gi-card-footer[data-v-e9fecd0b]{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-e9fecd0b]{flex:1;display:flex;flex-direction:column}.gi-card--inner .gi-card-header[data-v-e9fecd0b],.gi-card--inner .gi-card-body[data-v-e9fecd0b],.gi-card--inner .gi-card-footer[data-v-e9fecd0b]{padding-left:0;padding-right:0}.gi-card--small .gi-card-header[data-v-e9fecd0b]{height:36px;padding:0 var(--card-padding-x-small)}.gi-card--small .gi-card-header__title[data-v-e9fecd0b]{font-size:14px}.gi-card--small .gi-card-body[data-v-e9fecd0b]{padding:var(--card-padding-x-small)}.gi-card--small .gi-card-footer[data-v-e9fecd0b]{padding:var(--card-padding-y-small) var(--card-padding-x-small)}[data-v-5a7e5dfe] .el-button+.el-button{margin-left:0}[data-v-5a7e5dfe] .el-select__wrapper{box-shadow:none;border:1px solid var(--el-border-color)}[data-v-5a7e5dfe] .el-select__wrapper.is-focused{box-shadow:none;border-color:var(--el-color-primary)}[data-v-5a7e5dfe] .el-select__wrapper.is-hovering:not(.is-focused){box-shadow:none;border-color:var(--el-border-color-hover)}.gi-input-group[data-v-5a7e5dfe]{display:flex}.gi-input-group[data-v-5a7e5dfe]>*:not(:last-child){margin-right:-1px}.gi-input-group[data-v-5a7e5dfe]>*:first-child:last-child{border-radius:var(--el-border-radius-base)}.gi-input-group[data-v-5a7e5dfe]>*:first-child:last-child .el-input__wrapper,.gi-input-group[data-v-5a7e5dfe]>*:first-child:last-child .el-select__wrapper{border-radius:var(--el-border-radius-base)}.gi-input-group[data-v-5a7e5dfe]>*:not(:first-child):not(:last-child){border-radius:0}.gi-input-group[data-v-5a7e5dfe]>*:not(:first-child):not(:last-child) .el-input__wrapper{border-radius:0}.gi-input-group[data-v-5a7e5dfe]>*:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.gi-input-group[data-v-5a7e5dfe]>*:first-child .el-input__wrapper,.gi-input-group[data-v-5a7e5dfe]>*:first-child .el-select__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.gi-input-group[data-v-5a7e5dfe]>*:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.gi-input-group[data-v-5a7e5dfe]>*:last-child .el-input__wrapper,.gi-input-group[data-v-5a7e5dfe]>*:last-child .el-select__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.gi-input-group[data-v-5a7e5dfe]>*:hover{z-index:1}.gi-input-group[data-v-5a7e5dfe]>* .el-input__wrapper.is-focus,.gi-input-group[data-v-5a7e5dfe]>* .el-select__wrapper.is-focused{z-index:2}[data-v-abdaa9db] .el-button{padding-right:12px;padding-left:12px}[data-v-86752efc] .el-form-item{margin-bottom:0}[data-v-86752efc] .el-form-item .el-form-item__label{display:none}[data-v-86752efc] .column-required .cell{position:relative}[data-v-86752efc] .column-required .cell:after{content:"*";color:red;margin-left:2px}.gi-grid[data-v-6eabaf75]{display:grid}.el-form[data-v-c6ae8631]{width:100%}[data-v-c6ae8631] .el-form-item{align-items:center}[data-v-c6ae8631] .el-form-item .el-form-item__label{height:inherit;line-height:inherit}[data-v-c6ae8631] .hide-label .el-form-item__label{display:none}.gi-form-item__content[data-v-c6ae8631]{width:100%;display:flex}.gi-form-item__component[data-v-c6ae8631]{flex:1}.gi-form-item__tip[data-v-c6ae8631]{line-height:1.5;color:var(--el-color-info-light-3)}.gi-form-item__extra[data-v-c6ae8631]{margin-left:6px}.gi-form__search-btns[data-v-c6ae8631],.gi-form--search[data-v-c6ae8631] .el-form-item{margin-bottom:8px}[data-v-c6ae8631] .w-full,[data-v-c6ae8631] .w-full .el-date-editor{width:100%}.gi-split-button[data-v-672f02bc]{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-672f02bc]{cursor:not-allowed;opacity:.6;pointer-events:none}.gi-split-button--default[data-v-672f02bc]{width:18px;height:40px;left:0;box-shadow:2px 0 6px #0000001a}.gi-split-button--circle[data-v-672f02bc]{width:24px;height:24px;border-radius:50%;left:-12px;overflow:hidden;box-shadow:0 4px 10px #0000001a}[data-v-d6320e63] .el-splitter-bar__dragger-horizontal:before,[data-v-d6320e63] .el-splitter-bar__dragger-horizontal:after{width:1px}.gi-page-layout[data-v-d6320e63]{flex:1;width:100%;height:100%;display:flex;overflow:hidden;background-color:var(--el-bg-color)}.gi-page-layout--bordered[data-v-d6320e63]{border:1px solid var(--el-border-color)}.gi-page-layout__left[data-v-d6320e63]{width:100%;height:100%}.gi-page-layout__right[data-v-d6320e63]{flex:1;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.gi-page-layout__header[data-v-d6320e63]{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-d6320e63]{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-d6320e63]{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-d6320e63]{width:0;height:auto;position:relative}.gi-page-layout--has-header .gi-page-layout__tool[data-v-d6320e63],.gi-page-layout--has-header .gi-page-layout__body[data-v-d6320e63],.gi-page-layout--has-tool .gi-page-layout__body[data-v-d6320e63]{padding-top:var(--padding-y)}.gi-page-layout--collapsing[data-v-d6320e63] .el-splitter-panel{transition:flex-basis .3s}[data-v-06eafa84] .el-pagination__rightwrapper{flex:auto}.gi-table[data-v-06eafa84]{height:100%;overflow:hidden;display:flex;flex-direction:column}.gi-table[data-v-06eafa84] .el-table{flex:1}.gi-table-pagination[data-v-06eafa84]{margin-top:10px}[data-v-f3280adf] .el-tabs__nav-prev,[data-v-f3280adf] .el-tabs__nav-next{height:100%;display:flex;align-items:center;justify-content:center}.gi-tabs[data-v-f3280adf]{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-f3280adf]{flex:1;overflow:hidden}.gi-tabs__default[data-v-f3280adf] .el-tabs__header{margin-bottom:0}.gi-tabs__default[data-v-f3280adf] .el-tabs__header .el-tabs__nav-wrap:after{display:none}.gi-tabs__default[data-v-f3280adf] .el-tabs__active-bar{bottom:1px}.gi-tabs__extra[data-v-f3280adf]{margin-left:10px;align-self:flex-start}[data-v-f3280adf] .el-tabs--card>.el-tabs__header{border-bottom:none}[data-v-f3280adf] .el-tabs--border-card{border-bottom:none}[data-v-f3280adf] .el-tabs--border-card>.el-tabs__content{display:none}[data-v-f3280adf] .el-tabs--border-card>.el-tabs__header{border-bottom:none}.gi-tabs--small[data-v-f3280adf]{padding:0 var(--padding-x-small)}.gi-tabs--small[data-v-f3280adf] .el-tabs{--el-tabs-header-height: 32px}.gi-tabs--small[data-v-f3280adf] .el-tabs .el-tabs__item{font-size:12px}.gi-tabs--inner[data-v-f3280adf]{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}.el-dialog__headerbtn{display:flex;justify-content:center;align-items:center}.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
@@ -56,8 +56,8 @@ props: {
56
56
  readonly disabled: boolean;
57
57
  readonly lazy: boolean;
58
58
  readonly label: string;
59
- readonly closable: boolean;
60
59
  readonly name?: (string | number) | undefined;
60
+ readonly closable?: boolean | undefined;
61
61
  };
62
62
  paneName: TabPaneName | undefined;
63
63
  active: boolean;
@@ -76,8 +76,8 @@ props: {
76
76
  readonly disabled: boolean;
77
77
  readonly lazy: boolean;
78
78
  readonly label: string;
79
- readonly closable: boolean;
80
79
  readonly name?: (string | number) | undefined;
80
+ readonly closable?: boolean | undefined;
81
81
  };
82
82
  paneName: TabPaneName | undefined;
83
83
  active: boolean;
@@ -256,6 +256,8 @@ declare type __VLS_WithTemplateSlots_6<T, S> = T & {
256
256
  };
257
257
  };
258
258
 
259
+ declare type AllKeys<T> = T extends any ? keyof T : never;
260
+
259
261
  declare interface ApiResult<T> {
260
262
  code: number;
261
263
  data: T;
@@ -278,8 +280,6 @@ declare interface CardProps {
278
280
  inner?: boolean;
279
281
  }
280
282
 
281
- 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'];
282
-
283
283
  export declare interface Config {
284
284
  prefix?: string;
285
285
  /** 输入框是否可清除 */
@@ -568,12 +568,14 @@ export declare interface EditTableColumnItem {
568
568
  width?: number | string;
569
569
  required?: boolean;
570
570
  rules?: El.FormItemRule[];
571
- componentProps?: ColumnItemProps;
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<[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']]>;
578
+
577
579
  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
580
 
579
581
  export declare type EditTableInstance = InstanceType<typeof default_3>;
@@ -592,9 +594,7 @@ export declare interface FormColumnItem<F = any> {
592
594
  field: string;
593
595
  fieldName?: string;
594
596
  span?: number;
595
- props?: FormColumnProps & {
596
- options?: El.RadioProps & El.CheckboxProps & El.SelectProps;
597
- };
597
+ props?: FormColumnProps;
598
598
  formItemProps?: El.FormItemProps;
599
599
  gridItemProps?: any;
600
600
  required?: boolean;
@@ -609,9 +609,15 @@ export declare interface FormColumnItem<F = any> {
609
609
 
610
610
  export declare type FormColumnItemHide<F> = boolean | ((form: F) => boolean);
611
611
 
612
- export declare type FormColumnProps = 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'];
612
+ /**
613
+ * 表单列属性类型,根据组件类型使用对应的属性类型
614
+ */
615
+ export declare type FormColumnProps = MergeMultiple<[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']]>;
613
616
 
614
- export declare type FormColumnSlots = El.InputInstance['$slots'] & El.InputNumberInstance['$slots'] & El.InputTagInstance['$slots'] & El.AutocompleteInstance['$slots'] & El.CascaderInstance['$slots'] & El.DatePickerInstance['$slots'];
617
+ /**
618
+ * 表单列插槽类型,根据组件类型使用对应的插槽类型
619
+ */
620
+ export declare type FormColumnSlots = Partial<El.InputInstance['$slots'] | El.InputNumberInstance['$slots'] | El.InputTagInstance['$slots'] | El.AutocompleteInstance['$slots'] | El.CascaderInstance['$slots'] | El.DatePickerInstance['$slots']>;
615
621
 
616
622
  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
623
 
@@ -680,6 +686,10 @@ declare interface InputSearchProps {
680
686
  disabledHideButton?: boolean;
681
687
  }
682
688
 
689
+ declare type MergeMultiple<T extends any[]> = {
690
+ [K in AllKeys<T[number]>]: UnionType<T[number], K>;
691
+ };
692
+
683
693
  declare const model: ModelRef<string | undefined, string, string | undefined, string | undefined>;
684
694
 
685
695
  declare interface Options<T, U> {
@@ -769,6 +779,8 @@ export declare interface TabsProps extends Partial<Pick<TabsProps_2, 'type' | 's
769
779
  inner?: boolean;
770
780
  }
771
781
 
782
+ declare type UnionType<T, K extends PropertyKey> = T extends any ? K extends keyof T ? T[K] : never : never;
783
+
772
784
  export declare function useBemClass(): {
773
785
  b: (name?: string) => string;
774
786
  };
package/dist/index.es.js CHANGED
@@ -396,7 +396,7 @@ const _export_sfc = (sfc, props) => {
396
396
  }
397
397
  return target;
398
398
  };
399
- const Card = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-c2f199fb"]]);
399
+ const Card = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-e9fecd0b"]]);
400
400
  const _hoisted_1$1 = { key: 0 };
401
401
  const _sfc_main$b = /* @__PURE__ */ defineComponent({
402
402
  __name: "dialog",
@@ -583,9 +583,9 @@ function createDialog() {
583
583
  };
584
584
  return () => h(_sfc_main$b, {
585
585
  ...dialogOptions.value,
586
- modelValue: visible.value,
586
+ "modelValue": visible.value,
587
587
  "onUpdate:modelValue": (val) => visible.value = val,
588
- onClosed: () => closed()
588
+ "onClosed": () => closed()
589
589
  });
590
590
  }
591
591
  });
@@ -628,7 +628,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
628
628
  };
629
629
  }
630
630
  });
631
- const InputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-cd21cbfd"]]);
631
+ const InputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-5a7e5dfe"]]);
632
632
  const _sfc_main$9 = /* @__PURE__ */ defineComponent({
633
633
  __name: "input-search",
634
634
  props: /* @__PURE__ */ mergeModels({
@@ -685,7 +685,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
685
685
  };
686
686
  }
687
687
  });
688
- const InputSearch = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-788824ed"]]);
688
+ const InputSearch = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-abdaa9db"]]);
689
689
  const clearable = false;
690
690
  const _sfc_main$8 = /* @__PURE__ */ defineComponent({
691
691
  __name: "edit-table",
@@ -700,29 +700,30 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
700
700
  const attrs = useAttrs();
701
701
  const { b } = useBemClass();
702
702
  const COMP_MAP = {
703
- input: El.ElInput,
704
- textarea: El.ElInput,
703
+ "input": El.ElInput,
704
+ "textarea": El.ElInput,
705
705
  "input-number": El.ElInputNumber,
706
706
  "input-tag": El.ElInputTag,
707
- select: El.ElSelect,
707
+ "select": El.ElSelect,
708
708
  "select-v2": El.ElSelectV2,
709
709
  "tree-select": El.ElTreeSelect,
710
- cascader: El.ElCascader,
711
- slider: El.ElSlider,
712
- switch: El.ElSwitch,
713
- rate: El.ElRate,
710
+ "cascader": El.ElCascader,
711
+ "slider": El.ElSlider,
712
+ "switch": El.ElSwitch,
713
+ "rate": El.ElRate,
714
714
  "checkbox-group": El.ElCheckboxGroup,
715
- checkbox: El.ElCheckbox,
715
+ "checkbox": El.ElCheckbox,
716
716
  "radio-group": El.ElRadioGroup,
717
- radio: El.ElRadio,
717
+ "radio": El.ElRadio,
718
718
  "date-picker": El.ElDatePicker,
719
719
  "time-picker": El.ElTimePicker,
720
720
  "time-select": El.ElTimeSelect,
721
721
  "color-picker": El.ElColorPicker,
722
- transfer: El.ElTransfer,
723
- autocomplete: El.ElAutocomplete,
724
- upload: El.ElUpload,
725
- "input-search": InputSearch
722
+ "transfer": El.ElTransfer,
723
+ "autocomplete": El.ElAutocomplete,
724
+ "upload": El.ElUpload,
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) {
@@ -871,7 +872,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
871
872
  };
872
873
  }
873
874
  });
874
- const EditTable = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-36c4a1cb"]]);
875
+ const EditTable = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-86752efc"]]);
875
876
  const GridContextInjectionKey = Symbol(
876
877
  "GridContextInjectionKey"
877
878
  );
@@ -1304,7 +1305,7 @@ const _sfc_main$6 = defineComponent({
1304
1305
  const classNames = computed(() => [prefixCls]);
1305
1306
  const style = computed(() => [
1306
1307
  {
1307
- gap: `${rowGap.value}px ${colGap.value}px`,
1308
+ "gap": `${rowGap.value}px ${colGap.value}px`,
1308
1309
  "grid-template-columns": `repeat(${cols.value}, minmax(0px, 1fr))`
1309
1310
  }
1310
1311
  ]);
@@ -1359,7 +1360,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
1359
1360
  renderSlot(_ctx.$slots, "default", {}, void 0, true)
1360
1361
  ], 6);
1361
1362
  }
1362
- const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render], ["__scopeId", "data-v-4f2b02b0"]]);
1363
+ const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render], ["__scopeId", "data-v-6eabaf75"]]);
1363
1364
  const _hoisted_1 = {
1364
1365
  key: 0,
1365
1366
  class: "w-full"
@@ -1519,7 +1520,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
1519
1520
  }
1520
1521
  return {
1521
1522
  ...defaultProps,
1522
- ...item.props
1523
+ ...(item == null ? void 0 : item.props) || {}
1523
1524
  };
1524
1525
  }
1525
1526
  const formProps = computed(() => {
@@ -1543,30 +1544,30 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
1543
1544
  return arr.join(" ");
1544
1545
  });
1545
1546
  const CompMap = {
1546
- input: El.ElInput,
1547
- textarea: El.ElInput,
1547
+ "input": El.ElInput,
1548
+ "textarea": El.ElInput,
1548
1549
  "input-number": El.ElInputNumber,
1549
1550
  "input-tag": El.ElInputTag,
1550
1551
  "input-search": InputSearch,
1551
- select: El.ElSelect,
1552
+ "select": El.ElSelect,
1552
1553
  "select-v2": El.ElSelectV2,
1553
1554
  "tree-select": El.ElTreeSelect,
1554
- cascader: El.ElCascader,
1555
- slider: El.ElSlider,
1556
- switch: El.ElSwitch,
1557
- rate: El.ElRate,
1555
+ "cascader": El.ElCascader,
1556
+ "slider": El.ElSlider,
1557
+ "switch": El.ElSwitch,
1558
+ "rate": El.ElRate,
1558
1559
  "checkbox-group": El.ElCheckboxGroup,
1559
- checkbox: El.ElCheckbox,
1560
+ "checkbox": El.ElCheckbox,
1560
1561
  "radio-group": El.ElRadioGroup,
1561
- radio: El.ElRadio,
1562
+ "radio": El.ElRadio,
1562
1563
  "date-picker": El.ElDatePicker,
1563
1564
  "time-picker": El.ElTimePicker,
1564
1565
  "time-select": El.ElTimeSelect,
1565
1566
  "color-picker": El.ElColorPicker,
1566
- transfer: El.ElTransfer,
1567
- autocomplete: El.ElAutocomplete,
1568
- upload: El.ElUpload,
1569
- title: El.ElAlert
1567
+ "transfer": El.ElTransfer,
1568
+ "autocomplete": El.ElAutocomplete,
1569
+ "upload": El.ElUpload,
1570
+ "title": El.ElAlert
1570
1571
  };
1571
1572
  const formRef = ref();
1572
1573
  const getPlaceholder = (item) => {
@@ -1789,7 +1790,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
1789
1790
  };
1790
1791
  }
1791
1792
  });
1792
- const Form = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-405b7812"]]);
1793
+ const Form = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-c6ae8631"]]);
1793
1794
  const _sfc_main$4 = /* @__PURE__ */ defineComponent({
1794
1795
  __name: "split-button",
1795
1796
  props: {
@@ -1842,7 +1843,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
1842
1843
  };
1843
1844
  }
1844
1845
  });
1845
- const SplitButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-097d86cb"]]);
1846
+ const SplitButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-672f02bc"]]);
1846
1847
  const _sfc_main$3 = /* @__PURE__ */ defineComponent({
1847
1848
  __name: "page-layout",
1848
1849
  props: {
@@ -1949,7 +1950,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
1949
1950
  };
1950
1951
  }
1951
1952
  });
1952
- const PageLayout = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-ae1c9bf4"]]);
1953
+ const PageLayout = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-d6320e63"]]);
1953
1954
  const _sfc_main$2 = /* @__PURE__ */ defineComponent({
1954
1955
  __name: "TableColumn",
1955
1956
  props: {
@@ -2135,7 +2136,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
2135
2136
  };
2136
2137
  }
2137
2138
  });
2138
- const Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-002f7dd8"]]);
2139
+ const Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-06eafa84"]]);
2139
2140
  const _sfc_main = /* @__PURE__ */ defineComponent({
2140
2141
  __name: "tabs",
2141
2142
  props: /* @__PURE__ */ mergeModels({
@@ -2211,7 +2212,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
2211
2212
  };
2212
2213
  }
2213
2214
  });
2214
- const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-81f370ec"]]);
2215
+ const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f3280adf"]]);
2215
2216
  const createSelectDialog = (params) => {
2216
2217
  return function(options) {
2217
2218
  const { multiple = false, onOk, onBeforeOk, queryParams } = options;