@funcho/ui 1.1.20 → 1.1.22

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 (33) hide show
  1. package/README.md +1 -0
  2. package/dist/cjs/business/DataTable/DataTable.vue.js +33 -131
  3. package/dist/cjs/business/EditFormCard/EditFormCard.vue.js +7 -3
  4. package/dist/cjs/business/FormDialog/FormDialog.vue.js +7 -3
  5. package/dist/cjs/business/QueryForm/QueryForm.vue.js +248 -0
  6. package/dist/cjs/business/QueryForm/QueryForm.vue3.js +10 -0
  7. package/dist/cjs/business/QueryForm/index.js +12 -0
  8. package/dist/cjs/business/index.js +2 -0
  9. package/dist/cjs/components/ContextMenu/ContextMenu.vue.js +4 -1
  10. package/dist/cjs/index.js +8 -6
  11. package/dist/cjs/packages/ui/package.json.js +1 -1
  12. package/dist/esm/business/DataTable/DataTable.vue.mjs +22 -120
  13. package/dist/esm/business/EditFormCard/EditFormCard.vue.mjs +7 -3
  14. package/dist/esm/business/FormDialog/FormDialog.vue.mjs +7 -3
  15. package/dist/esm/business/QueryForm/QueryForm.vue.mjs +244 -0
  16. package/dist/esm/business/QueryForm/QueryForm.vue3.mjs +6 -0
  17. package/dist/esm/business/QueryForm/index.mjs +7 -0
  18. package/dist/esm/business/index.mjs +1 -0
  19. package/dist/esm/components/ContextMenu/ContextMenu.vue.mjs +5 -2
  20. package/dist/esm/index.mjs +1 -0
  21. package/dist/esm/packages/ui/package.json.mjs +1 -1
  22. package/dist/style.css +38 -29
  23. package/dist/types/business/DataTable/DataTable.vue.d.ts +2280 -311
  24. package/dist/types/business/DataTable/index.d.ts +796 -301
  25. package/dist/types/business/EditFormCard/EditFormCard.vue.d.ts +4 -0
  26. package/dist/types/business/EditFormCard/index.d.ts +12 -0
  27. package/dist/types/business/FormDialog/FormDialog.vue.d.ts +4 -0
  28. package/dist/types/business/FormDialog/index.d.ts +12 -0
  29. package/dist/types/business/QueryForm/QueryForm.types.d.ts +1 -0
  30. package/dist/types/business/QueryForm/QueryForm.vue.d.ts +2164 -0
  31. package/dist/types/business/QueryForm/index.d.ts +1628 -0
  32. package/dist/types/business/index.d.ts +1 -0
  33. package/package.json +3 -3
package/dist/style.css CHANGED
@@ -16863,6 +16863,10 @@ to {
16863
16863
  }
16864
16864
  .fc-mkui-dropdown__arrow.is-active {
16865
16865
  transform: rotateZ(180deg);
16866
+ }.fc-mkui-context-menu {
16867
+ display: block;
16868
+ height: 0;
16869
+ width: 0;
16866
16870
  }.fc-mkui-ace-editor {
16867
16871
  height: 100%;
16868
16872
  width: 100%;
@@ -17086,62 +17090,67 @@ to {
17086
17090
  .fc-mkui-pro-form__container .fc-mkui-pro-form__label-with-tooltip .fc-ui-icon {
17087
17091
  color: #7a7a7a;
17088
17092
  cursor: pointer;
17089
- }.fc-mkui-data-table {
17090
- height: 100%;
17091
- }
17092
- .fc-mkui-data-table .fc-ui-table {
17093
- border-radius: 2px;
17094
- }
17095
- .fc-mkui-data-table .fc-ui-table__inner-wrapper .fc-ui-table__cell {
17096
- border-right: none;
17097
- }
17098
- .fc-mkui-data-table .fc-ui-table__inner-wrapper::before {
17099
- background-color: #c5d6ff;
17100
- }
17101
- .fc-mkui-data-table .fc-ui-table__inner-wrapper::after {
17102
- background-color: #c5d6ff;
17103
- }
17104
- .fc-mkui-data-table .fc-ui-table--border::after {
17105
- background-color: #c5d6ff;
17106
- }
17107
- .fc-mkui-data-table .fc-ui-table__border-left-patch {
17108
- background-color: #c5d6ff;
17109
- }
17110
- .fc-mkui-data-table__query-box {
17093
+ }.fc-mkui-query-form__query-box {
17111
17094
  display: flex;
17112
17095
  justify-content: space-between;
17113
17096
  align-items: flex-start;
17114
17097
  background-color: #e8efff;
17115
17098
  border-radius: 2px;
17116
17099
  margin-bottom: 8px;
17117
- padding: 8px 16px;
17100
+ padding: 8px;
17118
17101
  max-height: 44px;
17119
17102
  overflow: hidden;
17120
17103
  transition: max-height 0.4s cubic-bezier(0.23, 1, 0.32, 1);
17121
17104
  }
17122
- .fc-mkui-data-table__query-box.is-expanded {
17105
+ .fc-mkui-query-form__query-box.is-expanded {
17123
17106
  max-height: var(--query-box-max-height);
17124
17107
  }
17125
- .fc-mkui-data-table .fc-mkui-data-table__query-form {
17108
+ .fc-mkui-query-form__query-form {
17126
17109
  flex: 1;
17127
17110
  display: grid;
17128
17111
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
17129
17112
  gap: 8px 24px;
17130
17113
  }
17131
- .fc-mkui-data-table .fc-mkui-data-table__query-form .fc-ui-form-item {
17114
+ .fc-mkui-query-form__query-form .fc-ui-form-item {
17132
17115
  margin: 0;
17133
17116
  }
17134
- .fc-mkui-data-table .fc-mkui-data-table__query-form .fc-ui-form-item .fc-ui-cascader .fc-ui-cascader__tags {
17117
+ .fc-mkui-query-form__query-form .fc-ui-form-item .fc-ui-cascader .fc-ui-cascader__tags {
17135
17118
  display: inline-flex;
17136
17119
  flex-wrap: nowrap;
17137
17120
  }
17138
- .fc-mkui-data-table .fc-mkui-data-table__query-form .fc-ui-form-item .fc-ui-cascader .fc-ui-cascader__tags .fc-ui-tag {
17121
+ .fc-mkui-query-form__query-form .fc-ui-form-item .fc-ui-cascader .fc-ui-cascader__tags .fc-ui-tag {
17139
17122
  max-width: calc(100% - 109px);
17140
17123
  }
17141
- .fc-mkui-data-table__tools {
17124
+ .fc-mkui-query-form__tools {
17142
17125
  margin-top: auto;
17143
17126
  flex-shrink: 0;
17144
17127
  padding-left: 20px;
17128
+ display: flex;
17129
+ align-items: center;
17130
+ gap: 10px;
17131
+ }
17132
+ .fc-mkui-query-form__tools .fc-ui-button {
17133
+ margin: 0;
17134
+ }.fc-mkui-data-table {
17135
+ height: 100%;
17136
+ }
17137
+ .fc-mkui-data-table .fc-ui-table {
17138
+ border-radius: 2px;
17139
+ }
17140
+ .fc-mkui-data-table .fc-ui-table__inner-wrapper .fc-ui-table__cell {
17141
+ border-right: none;
17142
+ }
17143
+ .fc-mkui-data-table .fc-ui-table__inner-wrapper::before {
17144
+ background-color: #c5d6ff;
17145
+ }
17146
+ .fc-mkui-data-table .fc-ui-table__inner-wrapper::after {
17147
+ background-color: #c5d6ff;
17148
+ }
17149
+ .fc-mkui-data-table .fc-ui-table--border::after {
17150
+ background-color: #c5d6ff;
17151
+ }
17152
+ .fc-mkui-data-table .fc-ui-table__border-left-patch {
17153
+ background-color: #c5d6ff;
17145
17154
  }
17146
17155
  .fc-mkui-data-table__pagination-box {
17147
17156
  padding-top: 8px;