giime 0.1.23 → 0.2.0

package/es/components/src/composite/searchForm/searchFormItems/input/SearchFormInput.vue2.mjs

@@ -34,7 +34,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             placeholder: _ctx.label,
             disabled: _ctx.disabled,
             clearable: "",
-            class: "gm-w-[180px]",
+            class: "gm-w-full",
             onKeyup: withKeys(onKeyupEnter, ["enter"])
           }, null, 8, ["modelValue", "placeholder", "disabled"])
         ]),

package/es/components/src/composite/searchForm/searchFormItems/input/SearchFormInput.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFormInput.vue2.mjs","sources":["../../../../../../../../../packages/components/src/composite/searchForm/searchFormItems/input/SearchFormInput.vue"],"sourcesContent":["<template>\r\n  <gm-form-item :prop=\"prop\">\r\n    <gm-input v-model=\"modelValue\" :placeholder=\"label\" :disabled=\"disabled\" clearable class=\"gm-w-[180px]\" @keyup.enter=\"onKeyupEnter\" />\r\n  </gm-form-item>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { inject } from 'vue';\r\nimport { useWatchModelChange } from '../../composables/useWatchModelChange';\r\nimport { searchFormHandleQueryKey } from '../../constants';\r\nimport { SearchFormInputName, searchFormInputEmits, searchFormInputProps } from './searchFormInput';\r\nimport type { InputProps } from '@giime/components/src/base/input';\r\n\r\ndefineOptions({\r\n  name: SearchFormInputName,\r\n});\r\nconst props = defineProps(searchFormInputProps);\r\n\r\nconst modelValue = defineModel<InputProps['modelValue'] | undefined>();\r\n\r\nuseWatchModelChange(modelValue, { prop: props.prop });\r\n\r\nconst emit = defineEmits(searchFormInputEmits);\r\nconst handleQuery = inject(searchFormHandleQueryKey);\r\nconst onKeyupEnter = (value: any) => {\r\n  handleQuery?.();\r\n  emit('keyupEnter', value);\r\n};\r\n</script>\r\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;AAeA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,UAAA,GAAaA,QAAiD,CAAA,OAAA,EAAA,YAAC,CAAA,CAAA;AAErE,IAAA,mBAAA,CAAoB,UAAY,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAEpD,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAM,MAAA,WAAA,GAAc,OAAO,wBAAwB,CAAA,CAAA;AACnD,IAAM,MAAA,YAAA,GAAe,CAAC,KAAe,KAAA;AACnC,MAAc,WAAA,IAAA,CAAA;AACd,MAAA,IAAA,CAAK,cAAc,KAAK,CAAA,CAAA;AAAA,KAC1B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SearchFormInput.vue2.mjs","sources":["../../../../../../../../../packages/components/src/composite/searchForm/searchFormItems/input/SearchFormInput.vue"],"sourcesContent":["<template>\r\n  <gm-form-item :prop=\"prop\">\r\n    <gm-input v-model=\"modelValue\" :placeholder=\"label\" :disabled=\"disabled\" clearable class=\"gm-w-full\" @keyup.enter=\"onKeyupEnter\" />\r\n  </gm-form-item>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { inject } from 'vue';\r\nimport { useWatchModelChange } from '../../composables/useWatchModelChange';\r\nimport { searchFormHandleQueryKey } from '../../constants';\r\nimport { SearchFormInputName, searchFormInputEmits, searchFormInputProps } from './searchFormInput';\r\nimport type { InputProps } from '@giime/components/src/base/input';\r\n\r\ndefineOptions({\r\n  name: SearchFormInputName,\r\n});\r\nconst props = defineProps(searchFormInputProps);\r\n\r\nconst modelValue = defineModel<InputProps['modelValue'] | undefined>();\r\n\r\nuseWatchModelChange(modelValue, { prop: props.prop });\r\n\r\nconst emit = defineEmits(searchFormInputEmits);\r\nconst handleQuery = inject(searchFormHandleQueryKey);\r\nconst onKeyupEnter = (value: any) => {\r\n  handleQuery?.();\r\n  emit('keyupEnter', value);\r\n};\r\n</script>\r\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;AAeA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,UAAA,GAAaA,QAAiD,CAAA,OAAA,EAAA,YAAC,CAAA,CAAA;AAErE,IAAA,mBAAA,CAAoB,UAAY,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAEpD,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAM,MAAA,WAAA,GAAc,OAAO,wBAAwB,CAAA,CAAA;AACnD,IAAM,MAAA,YAAA,GAAe,CAAC,KAAe,KAAA;AACnC,MAAc,WAAA,IAAA,CAAA;AACd,MAAA,IAAA,CAAK,cAAc,KAAK,CAAA,CAAA;AAAA,KAC1B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/src/composite/searchForm/searchFormItems/select/SearchFormSelect.vue2.mjs

@@ -20,7 +20,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_gm_select_options = resolveComponent("gm-select-options");
       const _component_gm_form_item = resolveComponent("gm-form-item");
-      return openBlock(), createBlock(_component_gm_form_item, { prop: _ctx.prop }, {
+      return openBlock(), createBlock(_component_gm_form_item, {
+        prop: _ctx.prop,
+        class: ""
+      }, {
         default: withCtx(() => [
           createVNode(_component_gm_select_options, {
             modelValue: modelValue.value,
@@ -36,7 +39,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             labelKey: _ctx.labelKey,
             optionLabel: _ctx.optionLabel,
             optionValue: _ctx.optionValue,
-            class: "gm-w-[180px]",
+            class: "gm-w-full",
             onChange: _cache[1] || (_cache[1] = ($event) => emit("change", $event))
           }, null, 8, ["modelValue", "placeholder", "multiple", "disabled", "options", "labelKey", "optionLabel", "optionValue"])
         ]),

package/es/components/src/composite/searchForm/searchFormItems/select/SearchFormSelect.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFormSelect.vue2.mjs","sources":["../../../../../../../../../packages/components/src/composite/searchForm/searchFormItems/select/SearchFormSelect.vue"],"sourcesContent":["<template>\r\n  <gm-form-item :prop=\"prop\">\r\n    <gm-select-options\r\n      v-model=\"modelValue\"\r\n      :placeholder=\"label\"\r\n      :multiple=\"multiple\"\r\n      filterable\r\n      clearable\r\n      collapse-tags\r\n      collapse-tags-tooltip\r\n      :disabled=\"disabled\"\r\n      :options=\"options\"\r\n      :labelKey=\"labelKey\"\r\n      :optionLabel=\"optionLabel\"\r\n      :optionValue=\"optionValue\"\r\n      class=\"gm-w-[180px]\"\r\n      @change=\"emit('change', $event)\"\r\n    />\r\n  </gm-form-item>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { useWatchModelChange } from '../../composables/useWatchModelChange';\r\nimport { SearchFormSelectName, searchFormSelectEmits, searchFormSelectProps } from './searchFormSelect';\r\nimport type { SelectProps } from '@giime/components/src/base/select';\r\n\r\ndefineOptions({\r\n  name: SearchFormSelectName,\r\n});\r\nconst props = defineProps(searchFormSelectProps);\r\nconst modelValue = defineModel<SelectProps['modelValue'] | undefined>();\r\n\r\nconst emit = defineEmits(searchFormSelectEmits);\r\nuseWatchModelChange(modelValue, { prop: props.prop });\r\n</script>\r\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;AA4BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAM,MAAA,UAAA,GAAaA,QAAmD,CAAA,OAAA,EAAA,YAAA,CAAA,CAAA;AAEtE,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAA,mBAAA,CAAoB,UAAY,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SearchFormSelect.vue2.mjs","sources":["../../../../../../../../../packages/components/src/composite/searchForm/searchFormItems/select/SearchFormSelect.vue"],"sourcesContent":["<template>\r\n  <gm-form-item :prop=\"prop\" class=\"\">\r\n    <gm-select-options\r\n      v-model=\"modelValue\"\r\n      :placeholder=\"label\"\r\n      :multiple=\"multiple\"\r\n      filterable\r\n      clearable\r\n      collapse-tags\r\n      collapse-tags-tooltip\r\n      :disabled=\"disabled\"\r\n      :options=\"options\"\r\n      :labelKey=\"labelKey\"\r\n      :optionLabel=\"optionLabel\"\r\n      :optionValue=\"optionValue\"\r\n      class=\"gm-w-full\"\r\n      @change=\"emit('change', $event)\"\r\n    />\r\n  </gm-form-item>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { useWatchModelChange } from '../../composables/useWatchModelChange';\r\nimport { SearchFormSelectName, searchFormSelectEmits, searchFormSelectProps } from './searchFormSelect';\r\nimport type { SelectProps } from '@giime/components/src/base/select';\r\n\r\ndefineOptions({\r\n  name: SearchFormSelectName,\r\n});\r\nconst props = defineProps(searchFormSelectProps);\r\nconst modelValue = defineModel<SelectProps['modelValue'] | undefined>();\r\n\r\nconst emit = defineEmits(searchFormSelectEmits);\r\nuseWatchModelChange(modelValue, { prop: props.prop });\r\n</script>\r\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;AA4BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAM,MAAA,UAAA,GAAaA,QAAmD,CAAA,OAAA,EAAA,YAAA,CAAA,CAAA;AAEtE,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAA,mBAAA,CAAoB,UAAY,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/src/composite/tablePro/tablePagination/TablePagination.vue.d.ts

@@ -35,6 +35,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: false;
     };
+    small: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:page": (...args: any[]) => void;
     "update:limit": (...args: any[]) => void;
@@ -76,11 +80,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: false;
     };
+    small: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }>> & {
     "onUpdate:page"?: ((...args: any[]) => any) | undefined;
     "onUpdate:limit"?: ((...args: any[]) => any) | undefined;
     onPagination?: ((...args: any[]) => any) | undefined;
 }, {
+    small: boolean;
     hidden: boolean;
     pagerCount: number;
     layout: string;

package/es/components/src/composite/tablePro/tablePagination/TablePagination.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from './TablePagination.vue2.mjs';
 import './TablePagination.vue3.mjs';
 import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.mjs';
 
-var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8a95ba6d"], ["__file", "TablePagination.vue"]]);
+var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-61e6554b"], ["__file", "TablePagination.vue"]]);
 
 export { TablePagination as default };
 //# sourceMappingURL=TablePagination.vue.mjs.map

package/es/components/src/composite/tablePro/tablePagination/TablePagination.vue2.mjs

@@ -41,7 +41,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(
         "div",
         {
-          class: normalizeClass([{ hidden: _ctx.hidden }, "pagination-container"])
+          class: normalizeClass([{ hidden: _ctx.hidden }, "pagination-container gm-flex gm-justify-end"])
         },
         [
           createVNode(_component_gm_pagination, {
@@ -54,9 +54,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             "page-sizes": _ctx.pageSizes,
             "pager-count": _ctx.pagerCount,
             total: _ctx.total,
+            small: _ctx.small,
             onSizeChange: handleSizeChange,
             onCurrentChange: handleCurrentChange
-          }, null, 8, ["current-page", "page-size", "background", "layout", "page-sizes", "pager-count", "total"])
+          }, null, 8, ["current-page", "page-size", "background", "layout", "page-sizes", "pager-count", "total", "small"])
         ],
         2
         /* CLASS */

package/es/components/src/composite/tablePro/tablePagination/TablePagination.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.vue2.mjs","sources":["../../../../../../../../packages/components/src/composite/tablePro/tablePagination/TablePagination.vue"],"sourcesContent":["<template>\r\n  <div :class=\"{ hidden: hidden }\" class=\"pagination-container\">\r\n    <gm-pagination\r\n      v-model:current-page=\"currentPage\"\r\n      v-model:page-size=\"pageSize\"\r\n      :background=\"background\"\r\n      :layout=\"layout\"\r\n      :page-sizes=\"pageSizes\"\r\n      :pager-count=\"pagerCount\"\r\n      :total=\"total\"\r\n      @sizeChange=\"handleSizeChange\"\r\n      @currentChange=\"handleCurrentChange\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport { tablePaginationProps } from './tablePagination';\r\n\r\ndefineOptions({\r\n  name: 'GmTablePagination',\r\n});\r\nconst props = defineProps(tablePaginationProps);\r\n\r\nconst emit = defineEmits(['update:page', 'update:limit', 'pagination']);\r\nconst currentPage = computed<number>({\r\n  get() {\r\n    return props.page;\r\n  },\r\n  set(val) {\r\n    emit('update:page', val);\r\n  },\r\n});\r\nconst pageSize = computed({\r\n  get() {\r\n    return props.limit;\r\n  },\r\n  set(val) {\r\n    emit('update:limit', val);\r\n  },\r\n});\r\nfunction handleSizeChange(val: any) {\r\n  if (currentPage.value * val > props.total) {\r\n    currentPage.value = 1;\r\n  }\r\n  emit('pagination', { page: currentPage.value, limit: val });\r\n}\r\nfunction handleCurrentChange(val: any) {\r\n  emit('pagination', { page: val, limit: pageSize.value });\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.pagination-container {\r\n  background: #fff;\r\n  padding: 32px 16px;\r\n}\r\n.pagination-container.hidden {\r\n  display: none;\r\n}\r\n</style>\r\n"],"names":[],"mappings":";;;;;;;;;;;AAuBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAA,MAAM,cAAc,QAAiB,CAAA;AAAA,MACnC,GAAM,GAAA;AACJ,QAAA,OAAO,KAAM,CAAA,IAAA,CAAA;AAAA,OACf;AAAA,MACA,IAAI,GAAK,EAAA;AACP,QAAA,IAAA,CAAK,eAAe,GAAG,CAAA,CAAA;AAAA,OACzB;AAAA,KACD,CAAA,CAAA;AACD,IAAA,MAAM,WAAW,QAAS,CAAA;AAAA,MACxB,GAAM,GAAA;AACJ,QAAA,OAAO,KAAM,CAAA,KAAA,CAAA;AAAA,OACf;AAAA,MACA,IAAI,GAAK,EAAA;AACP,QAAA,IAAA,CAAK,gBAAgB,GAAG,CAAA,CAAA;AAAA,OAC1B;AAAA,KACD,CAAA,CAAA;AACD,IAAA,SAAS,iBAAiB,GAAU,EAAA;AAClC,MAAA,IAAI,WAAY,CAAA,KAAA,GAAQ,GAAM,GAAA,KAAA,CAAM,KAAO,EAAA;AACzC,QAAA,WAAA,CAAY,KAAQ,GAAA,CAAA,CAAA;AAAA,OACtB;AACA,MAAA,IAAA,CAAK,cAAc,EAAE,IAAA,EAAM,YAAY,KAAO,EAAA,KAAA,EAAO,KAAK,CAAA,CAAA;AAAA,KAC5D;AACA,IAAA,SAAS,oBAAoB,GAAU,EAAA;AACrC,MAAA,IAAA,CAAK,cAAc,EAAE,IAAA,EAAM,KAAK,KAAO,EAAA,QAAA,CAAS,OAAO,CAAA,CAAA;AAAA,KACzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TablePagination.vue2.mjs","sources":["../../../../../../../../packages/components/src/composite/tablePro/tablePagination/TablePagination.vue"],"sourcesContent":["<template>\r\n  <div :class=\"{ hidden: hidden }\" class=\"pagination-container gm-flex gm-justify-end\">\r\n    <gm-pagination\r\n      v-model:current-page=\"currentPage\"\r\n      v-model:page-size=\"pageSize\"\r\n      :background=\"background\"\r\n      :layout=\"layout\"\r\n      :page-sizes=\"pageSizes\"\r\n      :pager-count=\"pagerCount\"\r\n      :total=\"total\"\r\n      :small=\"small\"\r\n      @sizeChange=\"handleSizeChange\"\r\n      @currentChange=\"handleCurrentChange\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport { tablePaginationProps } from './tablePagination';\r\n\r\ndefineOptions({\r\n  name: 'GmTablePagination',\r\n});\r\nconst props = defineProps(tablePaginationProps);\r\n\r\nconst emit = defineEmits(['update:page', 'update:limit', 'pagination']);\r\nconst currentPage = computed<number>({\r\n  get() {\r\n    return props.page;\r\n  },\r\n  set(val) {\r\n    emit('update:page', val);\r\n  },\r\n});\r\nconst pageSize = computed({\r\n  get() {\r\n    return props.limit;\r\n  },\r\n  set(val) {\r\n    emit('update:limit', val);\r\n  },\r\n});\r\nfunction handleSizeChange(val: any) {\r\n  if (currentPage.value * val > props.total) {\r\n    currentPage.value = 1;\r\n  }\r\n  emit('pagination', { page: currentPage.value, limit: val });\r\n}\r\nfunction handleCurrentChange(val: any) {\r\n  emit('pagination', { page: val, limit: pageSize.value });\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.pagination-container {\r\n  background: #fff;\r\n  padding: 32px 16px;\r\n}\r\n.pagination-container.hidden {\r\n  display: none;\r\n}\r\n</style>\r\n"],"names":[],"mappings":";;;;;;;;;;;AAwBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAA,MAAM,cAAc,QAAiB,CAAA;AAAA,MACnC,GAAM,GAAA;AACJ,QAAA,OAAO,KAAM,CAAA,IAAA,CAAA;AAAA,OACf;AAAA,MACA,IAAI,GAAK,EAAA;AACP,QAAA,IAAA,CAAK,eAAe,GAAG,CAAA,CAAA;AAAA,OACzB;AAAA,KACD,CAAA,CAAA;AACD,IAAA,MAAM,WAAW,QAAS,CAAA;AAAA,MACxB,GAAM,GAAA;AACJ,QAAA,OAAO,KAAM,CAAA,KAAA,CAAA;AAAA,OACf;AAAA,MACA,IAAI,GAAK,EAAA;AACP,QAAA,IAAA,CAAK,gBAAgB,GAAG,CAAA,CAAA;AAAA,OAC1B;AAAA,KACD,CAAA,CAAA;AACD,IAAA,SAAS,iBAAiB,GAAU,EAAA;AAClC,MAAA,IAAI,WAAY,CAAA,KAAA,GAAQ,GAAM,GAAA,KAAA,CAAM,KAAO,EAAA;AACzC,QAAA,WAAA,CAAY,KAAQ,GAAA,CAAA,CAAA;AAAA,OACtB;AACA,MAAA,IAAA,CAAK,cAAc,EAAE,IAAA,EAAM,YAAY,KAAO,EAAA,KAAA,EAAO,KAAK,CAAA,CAAA;AAAA,KAC5D;AACA,IAAA,SAAS,oBAAoB,GAAU,EAAA;AACrC,MAAA,IAAA,CAAK,cAAc,EAAE,IAAA,EAAM,KAAK,KAAO,EAAA,QAAA,CAAS,OAAO,CAAA,CAAA;AAAA,KACzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/src/composite/tablePro/tablePagination/index.d.ts

@@ -36,6 +36,10 @@ export declare const GmTablePagination: import("../../../../../utils").SFCWithIn
         type: BooleanConstructor;
         default: false;
     };
+    small: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:page": (...args: any[]) => void;
     "update:limit": (...args: any[]) => void;
@@ -77,11 +81,16 @@ export declare const GmTablePagination: import("../../../../../utils").SFCWithIn
         type: BooleanConstructor;
         default: false;
     };
+    small: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }>> & {
     "onUpdate:page"?: ((...args: any[]) => any) | undefined;
     "onUpdate:limit"?: ((...args: any[]) => any) | undefined;
     onPagination?: ((...args: any[]) => any) | undefined;
 }, {
+    small: boolean;
     hidden: boolean;
     pagerCount: number;
     layout: string;

package/es/components/src/composite/tablePro/tablePagination/tablePagination.d.ts

@@ -36,5 +36,9 @@ export declare const tablePaginationProps: {
         type: BooleanConstructor;
         default: false;
     };
+    small: {
+        type: BooleanConstructor;
+        default: true;
+    };
 };
 export type TablePaginationProps = ExtractPropTypes<typeof tablePaginationProps>;

package/es/components/src/composite/tablePro/tablePagination/tablePagination.mjs

@@ -37,6 +37,10 @@ const tablePaginationProps = {
   hidden: {
     type: Boolean,
     default: false
+  },
+  small: {
+    type: Boolean,
+    default: true
   }
 };
 

package/es/components/src/composite/tablePro/tablePagination/tablePagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tablePagination.mjs","sources":["../../../../../../../../packages/components/src/composite/tablePro/tablePagination/tablePagination.ts"],"sourcesContent":["// import type { ExtractPropTypes } from 'vue';\r\nimport type { ExtractPropTypes, PropType } from 'vue';\r\n\r\nexport const tablePaginationProps = {\r\n  total: {\r\n    required: true as const,\r\n    type: Number,\r\n  },\r\n  page: {\r\n    type: Number,\r\n    default: 1 as const,\r\n  },\r\n  limit: {\r\n    type: Number,\r\n    default: 20 as const,\r\n  },\r\n  pageSizes: {\r\n    type: Array as PropType<number[]>,\r\n    default() {\r\n      return [10, 20, 30, 50] as const;\r\n    },\r\n  },\r\n  // 移动端页码按钮的数量端默认值5\r\n  pagerCount: {\r\n    type: Number,\r\n    default: () => (document.body.clientWidth < 992 ? 5 : 7),\r\n  },\r\n  layout: {\r\n    type: String,\r\n    default: 'total, sizes, prev, pager, next, jumper' as const,\r\n  },\r\n  background: {\r\n    type: Boolean,\r\n    default: true as const,\r\n  },\r\n  autoScroll: {\r\n    type: Boolean,\r\n    default: true as const,\r\n  },\r\n  hidden: {\r\n    type: Boolean,\r\n    default: false as const,\r\n  },\r\n};\r\nexport type TablePaginationProps = ExtractPropTypes<typeof tablePaginationProps>;\r\n"],"names":[],"mappings":"AAGO,MAAM,oBAAuB,GAAA;AAAA,EAClC,KAAO,EAAA;AAAA,IACL,QAAU,EAAA,IAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,KAAA;AAAA,IACN,OAAU,GAAA;AACR,MAAA,OAAO,CAAC,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,EAAE,CAAA,CAAA;AAAA,KACxB;AAAA,GACF;AAAA;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,MAAO,QAAA,CAAS,IAAK,CAAA,WAAA,GAAc,MAAM,CAAI,GAAA,CAAA;AAAA,GACxD;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,yCAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF;;;;"}
+{"version":3,"file":"tablePagination.mjs","sources":["../../../../../../../../packages/components/src/composite/tablePro/tablePagination/tablePagination.ts"],"sourcesContent":["// import type { ExtractPropTypes } from 'vue';\r\nimport type { ExtractPropTypes, PropType } from 'vue';\r\n\r\nexport const tablePaginationProps = {\r\n  total: {\r\n    required: true as const,\r\n    type: Number,\r\n  },\r\n  page: {\r\n    type: Number,\r\n    default: 1 as const,\r\n  },\r\n  limit: {\r\n    type: Number,\r\n    default: 20 as const,\r\n  },\r\n  pageSizes: {\r\n    type: Array as PropType<number[]>,\r\n    default() {\r\n      return [10, 20, 30, 50] as const;\r\n    },\r\n  },\r\n  // 移动端页码按钮的数量端默认值5\r\n  pagerCount: {\r\n    type: Number,\r\n    default: () => (document.body.clientWidth < 992 ? 5 : 7),\r\n  },\r\n  layout: {\r\n    type: String,\r\n    default: 'total, sizes, prev, pager, next, jumper' as const,\r\n  },\r\n  background: {\r\n    type: Boolean,\r\n    default: true as const,\r\n  },\r\n  autoScroll: {\r\n    type: Boolean,\r\n    default: true as const,\r\n  },\r\n  hidden: {\r\n    type: Boolean,\r\n    default: false as const,\r\n  },\r\n  small: {\r\n    type: Boolean,\r\n    default: true as const,\r\n  },\r\n};\r\nexport type TablePaginationProps = ExtractPropTypes<typeof tablePaginationProps>;\r\n"],"names":[],"mappings":"AAGO,MAAM,oBAAuB,GAAA;AAAA,EAClC,KAAO,EAAA;AAAA,IACL,QAAU,EAAA,IAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,KAAA;AAAA,IACN,OAAU,GAAA;AACR,MAAA,OAAO,CAAC,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,EAAE,CAAA,CAAA;AAAA,KACxB;AAAA,GACF;AAAA;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,MAAO,QAAA,CAAS,IAAK,CAAA,WAAA,GAAc,MAAM,CAAI,GAAA,CAAA;AAAA,GACxD;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,yCAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF;;;;"}

package/es/components/src/composite/tablePro/tableToolbar/TableToolbar.vue.d.ts

@@ -8,6 +8,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    total: {
+        type: NumberConstructor;
+    };
+    selectedCount: {
+        type: NumberConstructor;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:showSearch": (showSearch: boolean) => void;
     "update:queryParams": (queryParams: any) => void;
@@ -22,6 +28,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    total: {
+        type: NumberConstructor;
+    };
+    selectedCount: {
+        type: NumberConstructor;
+    };
 }>> & {
     "onUpdate:showSearch"?: ((showSearch: boolean) => any) | undefined;
     "onUpdate:queryParams"?: ((queryParams: any) => any) | undefined;

package/es/components/src/composite/tablePro/tableToolbar/TableToolbar.vue2.mjs

@@ -1,18 +1,21 @@
-import { defineComponent, mergeModels, useModel, computed, ref, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, renderSlot, createCommentVNode, createElementVNode, withModifiers, createTextVNode, Fragment, renderList, createBlock, toDisplayString, unref } from 'vue';
+import { defineComponent, mergeModels, useModel, computed, ref, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, unref, createBlock, createElementVNode, toDisplayString, createCommentVNode, createTextVNode, renderSlot, withModifiers, Fragment, renderList } from 'vue';
 import { v4 } from 'uuid';
 import { useCustomSettingsStore } from '../../../../../hooks/store/useCustomSettings/index.mjs';
 import { GmMessage } from '../../../plugins/message/index.mjs';
 import { hasOwn } from '../../../../../utils/src/objects.mjs';
 import { remove } from '../../../../../utils/src/general.mjs';
+import { isNumber } from '../../../../../utils/src/is.mjs';
 import { Delete, ArrowDown, Search, Refresh } from '@element-plus/icons-vue';
 import { tableToolbarProps, tableToolbarEmits } from './tableToolbar.mjs';
 
-const _hoisted_1 = { class: "gm-ml-auto" };
-const _hoisted_2 = {
+const _hoisted_1 = { class: "gm-inline-block gm-min-w-[20px] gm-text-center" };
+const _hoisted_2 = { class: "gm-ml-auto" };
+const _hoisted_3 = { class: "gm-flex" };
+const _hoisted_4 = {
   key: 0,
   class: "gm-my-5 gm-text-center gm-text-base gm-font-bold gm-text-gray-700"
 };
-const _hoisted_3 = { class: "gm-m-2" };
+const _hoisted_5 = { class: "gm-m-2" };
 const customSettingType = "quickQueryList";
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -105,155 +108,195 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       await customSettingsStore.getCustomSettings({ key_word: props.tableId, type: customSettingType }, { defaultValue: [] });
     });
     return (_ctx, _cache) => {
+      const _component_gm_col = resolveComponent("gm-col");
       const _component_gm_button = resolveComponent("gm-button");
       const _component_gm_icon = resolveComponent("gm-icon");
       const _component_gm_dropdown_item = resolveComponent("gm-dropdown-item");
       const _component_gm_dropdown_menu = resolveComponent("gm-dropdown-menu");
       const _component_gm_dropdown = resolveComponent("gm-dropdown");
       const _component_gm_tooltip = resolveComponent("gm-tooltip");
-      const _component_gm_row = resolveComponent("gm-row");
       const _component_gm_form_item_module = resolveComponent("gm-form-item-module");
       const _component_GmDialogForm = resolveComponent("GmDialogForm");
+      const _component_gm_row = resolveComponent("gm-row");
       return openBlock(), createElementBlock("div", null, [
-        createVNode(_component_gm_row, { gutter: 10 }, {
+        createVNode(_component_gm_row, {
+          gutter: 10,
+          style: { "margin-right": "0" }
+        }, {
           default: withCtx(() => [
+            unref(isNumber)(_ctx.total) ? (openBlock(), createBlock(_component_gm_col, {
+              key: 0,
+              span: 1.5,
+              class: "gm-text-[14px] gm-leading-[32px]"
+            }, {
+              default: withCtx(() => [
+                createElementVNode(
+                  "span",
+                  null,
+                  "\u5171 " + toDisplayString(_ctx.total) + " \u6761",
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            })) : createCommentVNode("v-if", true),
+            unref(isNumber)(_ctx.selectedCount) ? (openBlock(), createBlock(_component_gm_col, {
+              key: 1,
+              span: 2.5,
+              class: "gm-mr-2 gm-text-[14px] gm-leading-[32px]"
+            }, {
+              default: withCtx(() => [
+                createElementVNode("span", null, [
+                  createTextVNode("\u5DF2\u9009\u62E9"),
+                  createElementVNode(
+                    "span",
+                    _hoisted_1,
+                    toDisplayString(_ctx.selectedCount),
+                    1
+                    /* TEXT */
+                  ),
+                  createTextVNode("\u9879")
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            })) : createCommentVNode("v-if", true),
             renderSlot(_ctx.$slots, "default"),
             createCommentVNode(` <right-toolbar v-model:showSearch="showSearch" @queryTable="emits('getList')" /> `),
-            createElementVNode("div", _hoisted_1, [
-              createVNode(_component_gm_row, null, {
-                default: withCtx(() => [
-                  createVNode(_component_gm_button, {
-                    type: "",
-                    class: "gm-mr-2 gm-block",
-                    onClick: _cache[0] || (_cache[0] = withModifiers(($event) => openSaveSearchDialog(), ["stop"]))
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode("\u4FDD\u5B58\u67E5\u8BE2")
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }),
-                  createVNode(_component_gm_dropdown, {
-                    trigger: "click",
-                    class: "gm-mr-3 hover:gm-outline-none"
-                  }, {
-                    dropdown: withCtx(() => [
-                      createVNode(_component_gm_dropdown_menu, { class: "gm-min-w-[200px]" }, {
-                        default: withCtx(() => [
-                          customSettingsValue.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_2, "\u6682\u65E0\u6570\u636E")) : createCommentVNode("v-if", true),
-                          (openBlock(true), createElementBlock(
-                            Fragment,
-                            null,
-                            renderList(customSettingsValue.value, (item) => {
-                              return openBlock(), createBlock(_component_gm_dropdown_item, {
-                                key: item.uuid,
-                                class: "gm-group gm-flex gm-justify-between",
-                                onClick: ($event) => applySettings(item)
-                              }, {
-                                default: withCtx(() => [
-                                  createElementVNode(
-                                    "span",
-                                    null,
-                                    toDisplayString(item.name),
-                                    1
-                                    /* TEXT */
-                                  ),
-                                  createVNode(_component_gm_icon, {
-                                    class: "gm-hidden hover:gm-text-red-500 group-hover:gm-block",
-                                    onClick: withModifiers(($event) => deleteSettins(item), ["stop"])
-                                  }, {
-                                    default: withCtx(() => [
-                                      createVNode(unref(Delete))
-                                    ]),
-                                    _: 2
-                                    /* DYNAMIC */
-                                  }, 1032, ["onClick"])
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              }, 1032, ["onClick"]);
-                            }),
-                            128
-                            /* KEYED_FRAGMENT */
-                          )),
-                          createElementVNode("div", _hoisted_3, [
-                            createCommentVNode(' <gm-button :loading="submitLoading" size="small" type="" @click="onClear">\u6E05\u7A7A</gm-button> '),
-                            createVNode(_component_gm_button, {
-                              loading: syncLoading.value,
-                              size: "small",
-                              type: "success",
-                              onClick: onSyncRemote
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
+                createVNode(_component_gm_button, {
+                  plain: "",
+                  class: "gm-mr-2 gm-block",
+                  onClick: _cache[0] || (_cache[0] = withModifiers(($event) => openSaveSearchDialog(), ["stop"]))
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("\u4FDD\u5B58\u67E5\u8BE2")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createVNode(_component_gm_dropdown, {
+                  trigger: "click",
+                  class: "gm-mr-3 hover:gm-outline-none"
+                }, {
+                  dropdown: withCtx(() => [
+                    createVNode(_component_gm_dropdown_menu, { class: "gm-min-w-[200px]" }, {
+                      default: withCtx(() => [
+                        customSettingsValue.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_4, "\u6682\u65E0\u6570\u636E")) : createCommentVNode("v-if", true),
+                        (openBlock(true), createElementBlock(
+                          Fragment,
+                          null,
+                          renderList(customSettingsValue.value, (item) => {
+                            return openBlock(), createBlock(_component_gm_dropdown_item, {
+                              key: item.uuid,
+                              class: "gm-group gm-flex gm-justify-between",
+                              onClick: ($event) => applySettings(item)
                             }, {
                               default: withCtx(() => [
-                                createTextVNode("\u540C\u6B65")
+                                createElementVNode(
+                                  "span",
+                                  null,
+                                  toDisplayString(item.name),
+                                  1
+                                  /* TEXT */
+                                ),
+                                createVNode(_component_gm_icon, {
+                                  class: "gm-hidden hover:gm-text-red-500 group-hover:gm-block",
+                                  onClick: withModifiers(($event) => deleteSettins(item), ["stop"])
+                                }, {
+                                  default: withCtx(() => [
+                                    createVNode(unref(Delete))
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                }, 1032, ["onClick"])
                               ]),
-                              _: 1
-                              /* STABLE */
-                            }, 8, ["loading"])
-                          ])
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      })
-                    ]),
-                    default: withCtx(() => [
-                      createVNode(_component_gm_button, {
-                        plain: "",
-                        type: ""
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(" \u5FEB\u6377\u67E5\u8BE2"),
-                          createVNode(_component_gm_icon, { class: "el-icon--right" }, {
+                              _: 2
+                              /* DYNAMIC */
+                            }, 1032, ["onClick"]);
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        )),
+                        createElementVNode("div", _hoisted_5, [
+                          createCommentVNode(' <gm-button :loading="submitLoading" size="small" type="" @click="onClear">\u6E05\u7A7A</gm-button> '),
+                          createVNode(_component_gm_button, {
+                            loading: syncLoading.value,
+                            size: "small",
+                            type: "success",
+                            onClick: onSyncRemote
+                          }, {
                             default: withCtx(() => [
-                              createVNode(unref(ArrowDown))
+                              createTextVNode("\u540C\u6B65")
                             ]),
                             _: 1
                             /* STABLE */
-                          })
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      })
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }),
-                  createVNode(_component_gm_tooltip, {
-                    class: "item",
-                    effect: "dark",
-                    content: showSearch.value ? "\u9690\u85CF\u641C\u7D22" : "\u663E\u793A\u641C\u7D22",
-                    placement: "top"
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(_component_gm_button, {
-                        circle: "",
-                        icon: unref(Search),
-                        onClick: _cache[1] || (_cache[1] = ($event) => toggleSearch())
-                      }, null, 8, ["icon"])
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["content"]),
-                  createVNode(_component_gm_tooltip, {
-                    class: "item",
-                    effect: "dark",
-                    content: "\u5237\u65B0",
-                    placement: "top"
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(_component_gm_button, {
-                        circle: "",
-                        icon: unref(Refresh),
-                        onClick: _cache[2] || (_cache[2] = ($event) => refresh())
-                      }, null, 8, ["icon"])
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  })
-                ]),
-                _: 1
-                /* STABLE */
-              }),
+                          }, 8, ["loading"])
+                        ])
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  default: withCtx(() => [
+                    createVNode(_component_gm_button, {
+                      plain: "",
+                      type: ""
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(" \u5FEB\u6377\u67E5\u8BE2"),
+                        createVNode(_component_gm_icon, { class: "el-icon--right" }, {
+                          default: withCtx(() => [
+                            createVNode(unref(ArrowDown))
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createVNode(_component_gm_tooltip, {
+                  class: "item",
+                  effect: "dark",
+                  content: showSearch.value ? "\u9690\u85CF\u641C\u7D22" : "\u663E\u793A\u641C\u7D22",
+                  placement: "top"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_gm_button, {
+                      circle: "",
+                      plain: "",
+                      icon: unref(Search),
+                      onClick: _cache[1] || (_cache[1] = ($event) => toggleSearch())
+                    }, null, 8, ["icon"])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["content"]),
+                createVNode(_component_gm_tooltip, {
+                  class: "item",
+                  effect: "dark",
+                  content: "\u5237\u65B0",
+                  placement: "top"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_gm_button, {
+                      circle: "",
+                      plain: "",
+                      icon: unref(Refresh),
+                      onClick: _cache[2] || (_cache[2] = ($event) => refresh())
+                    }, null, 8, ["icon"])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
               createVNode(_component_GmDialogForm, {
                 modelValue: saveSearchVisible.value,
                 "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => saveSearchVisible.value = $event),