@mythpe/quasar-ui-qui 0.2.80 → 0.2.82

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mythpe/quasar-ui-qui",
3
- "version": "0.2.80",
3
+ "version": "0.2.82",
4
4
  "description": "MyTh Quasar UI Kit App Extension",
5
5
  "author": {
6
6
  "name": "MyTh Ahmed Faiz",
@@ -806,10 +806,10 @@ defineExpose({
806
806
  v-close-popup
807
807
  :class="{'full-width': isSmall}"
808
808
  :label="__('myth.titles.done')"
809
- color="primary"
809
+ color="brand"
810
810
  no-caps
811
811
  style="min-width: 100px"
812
- text-color="body"
812
+ text-color="on-brand"
813
813
  unelevated
814
814
  @click="search ? refresh() : undefined"
815
815
  />
@@ -821,10 +821,10 @@ defineExpose({
821
821
  <MBtn
822
822
  :class="{'full-width': isSmall}"
823
823
  :label="__(`labels.${isSearchSelectedAll ? 'unselect':'select'}_all`)"
824
- color="primary"
824
+ color="brand"
825
825
  no-caps
826
826
  style="min-width: 100px"
827
- text-color="body"
827
+ text-color="on-brand"
828
828
  unelevated
829
829
  @click="onCustomSearchClick()"
830
830
  />
@@ -878,10 +878,11 @@ defineExpose({
878
878
  <MDtBtn
879
879
  v-if="hasFilterDialog"
880
880
  key="filter-selection-btn"
881
- icon="o_filter_alt"
881
+ color="brand"
882
+ icon="ion-ios-options"
882
883
  label="myth.datatable.hints.filter"
883
- tooltip="myth.datatable.hints.filter"
884
- v-bind="{...defaultTopBtnProps,...pluginOptions.dt?.buttons?.filter as any}"
884
+ text-color="on-brand"
885
+ v-bind="{...pluginOptions.dt?.buttons?.filter as any}"
885
886
  >
886
887
  <MModalMenu
887
888
  v-model="filterDialogModel"
@@ -896,10 +897,7 @@ defineExpose({
896
897
  flat
897
898
  square
898
899
  >
899
- <MContainer
900
- :fluid="!1"
901
- class="q-pa-md"
902
- >
900
+ <MContainer class="q-pa-lg">
903
901
  <q-toolbar :class="{'q-pa-none': isSmall}">
904
902
  <q-toolbar-title>
905
903
  {{ __('myth.datatable.filter.title') }}
@@ -908,10 +906,7 @@ defineExpose({
908
906
  <q-separator />
909
907
  <MRow class="items-center">
910
908
  <MCol col="12">
911
- <MContainer
912
- :fluid="!1"
913
- class="q-pa-md"
914
- >
909
+ <MContainer class="q-pa-lg">
915
910
  <slot
916
911
  :dt="datatableItemsScope"
917
912
  :filter="tempFilterForm"
@@ -930,6 +925,7 @@ defineExpose({
930
925
  <MBtn
931
926
  v-close-popup
932
927
  :label="__('myth.datatable.filter.save')"
928
+ style="min-width: 110px"
933
929
  v-bind="pluginOptions.dt?.dialogButtonsProps as any"
934
930
  @click="saveFilterDialog"
935
931
  />
@@ -937,7 +933,7 @@ defineExpose({
937
933
  v-close-popup
938
934
  :label="__('myth.datatable.filter.cancel')"
939
935
  color="secondary"
940
- text-color="white"
936
+ style="min-width: 100px"
941
937
  v-bind="pluginOptions.dt?.dialogButtonsProps as any"
942
938
  @click="closeFilterDialog"
943
939
  />
@@ -1029,8 +1025,10 @@ defineExpose({
1029
1025
  <MDtBtn
1030
1026
  key="manage-columns-btn"
1031
1027
  :disable="loading"
1028
+ color="brand"
1032
1029
  icon="ion-ios-desktop"
1033
1030
  label="myth.datatable.columnsToShow"
1031
+ text-color="on-brand"
1034
1032
  tooltip="myth.datatable.columnsToShowCaption"
1035
1033
  >
1036
1034
  <MModalMenu
@@ -1065,20 +1063,20 @@ defineExpose({
1065
1063
  v-if="$q.screen.gt.xs"
1066
1064
  v-close-popup
1067
1065
  :class="{'q-mr-sm': !$q.screen.xs}"
1068
- color="primary"
1066
+ color="brand"
1069
1067
  label="labels.close"
1070
1068
  no-caps
1071
1069
  style="min-width: 100px"
1072
- text-color="body"
1070
+ text-color="on-brand"
1073
1071
  unelevated
1074
1072
  />
1075
1073
  <MBtn
1076
1074
  :class="{'full-width': $q.screen.xs}"
1077
1075
  :label="__(`labels.${visibleHeaders.length === getHeaders.length ? 'unselect':'select'}_all`)"
1078
- color="primary"
1076
+ color="brand"
1079
1077
  no-caps
1080
1078
  style="min-width: 100px"
1081
- text-color="body"
1079
+ text-color="on-brand"
1082
1080
  unelevated
1083
1081
  @click="onManageColumnsClick()"
1084
1082
  />
@@ -1141,10 +1139,11 @@ defineExpose({
1141
1139
  >
1142
1140
  <q-chip
1143
1141
  clickable
1144
- color="body"
1142
+ color="brand"
1145
1143
  icon-remove="clear"
1146
1144
  outline
1147
1145
  removable
1146
+ text-color="on-brand"
1148
1147
  @click="openFilterDialog()"
1149
1148
  @remove="onRemoveFilter(filterKey)"
1150
1149
  >
@@ -183,6 +183,7 @@ defineOptions({
183
183
  :indeterminate-value="indeterminateValue"
184
184
  :model-value="value"
185
185
  :true-value="trueValue"
186
+ class="text-body"
186
187
  v-bind="{
187
188
  ...theme,
188
189
  ...pluginOptions.toggle,