npm - giime - Versions diffs - 0.1.23 → 0.2.0 - Mend

giime 0.1.23 → 0.2.0

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 (66) hide show

package/lib/components/src/composite/searchForm/SearchForm.vue2.js CHANGED Viewed

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
+var core = require('@vueuse/core');
 var iconsVue = require('@element-plus/icons-vue');
 var searchForm = require('./searchForm.js');
 var constants = require('./constants.js');
+const itemGap = 8;
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "GmSearchForm"
@@ -24,6 +26,29 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const queryParams = vue.useModel(__props, "queryParams");
     vue.provide(constants.queryParamsKey, queryParams);
     const props = __props;
+    const emit = __emit;
+    const queryDivRef = vue.ref();
+    const visibilityMarkRef = vue.ref();
+    const markIsVisibility = core.useElementVisibility(visibilityMarkRef);
+    const { width: queryDivWidth } = core.useElementSize(queryDivRef);
+    const colsCount = vue.computed(() => Math.floor(queryDivWidth.value / 269));
+    const showMore = vue.ref(false);
+    const notShowMore = vue.computed(() => showMore.value === false && markIsVisibility.value === true);
+    const searchButtonItemStyle = vue.computed(() => {
+      if (notShowMore.value) {
+        return {};
+      }
+      return {
+        gridColumn: colsCount.value,
+        gridRow: showMore.value ? void 0 : 1
+      };
+    });
+    const handleShowMoreChange = async () => {
+      showMore.value = !showMore.value;
+      const scrollEvent = new Event("resize");
+      await vue.nextTick();
+      window.dispatchEvent(scrollEvent);
+    };
     const optionsList = vue.computed(() => {
       return props.options.map((it) => {
         const findComponent = searchForm.searchFormItemList.find((item) => item.type === it.type);
@@ -33,7 +58,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return it;
       });
     });
-    const emit = __emit;
     const queryRef = vue.ref();
     const handleQuery = (...args) => {
       emit("handleQuery", ...args);
@@ -45,64 +69,150 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_gm_button = vue.resolveComponent("gm-button");
+      const _component_gm_icon = vue.resolveComponent("gm-icon");
       const _component_gm_form_item = vue.resolveComponent("gm-form-item");
       const _component_gm_form = vue.resolveComponent("gm-form");
-      return vue.openBlock(), vue.createElementBlock("div", null, [
-        vue.withDirectives(vue.createVNode(_component_gm_form, {
-          ref_key: "queryRef",
-          ref: queryRef,
-          model: queryParams.value,
-          inline: true,
-          class: "gmSearchForm"
-        }, {
-          default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(
-              vue.Fragment,
-              null,
-              vue.renderList(optionsList.value, (item, index) => {
-                return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.component), vue.mergeProps({ key: index }, item.props, {
-                  modelValue: queryParams.value[item.props.prop],
-                  "onUpdate:modelValue": ($event) => queryParams.value[item.props.prop] = $event
-                }), null, 16, ["modelValue", "onUpdate:modelValue"]);
-              }),
-              128
-              /* KEYED_FRAGMENT */
-            )),
-            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
-            vue.createVNode(_component_gm_form_item, null, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_gm_button, {
-                  type: "primary",
-                  icon: vue.unref(iconsVue.Search),
-                  onClick: handleQuery
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode("\u641C\u7D22")
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["icon"]),
-                vue.createVNode(_component_gm_button, {
-                  icon: vue.unref(iconsVue.Refresh),
-                  onClick: resetQuery
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode("\u91CD\u7F6E")
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["icon"])
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["model"]), [
-          [vue.vShow, showSearch.value]
-        ])
-      ]);
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          ref_key: "queryDivRef",
+          ref: queryDivRef,
+          class: "gm-mb-5"
+        },
+        [
+          vue.withDirectives(vue.createVNode(_component_gm_form, {
+            ref_key: "queryRef",
+            ref: queryRef,
+            model: queryParams.value,
+            inline: true,
+            class: "gmSearchForm"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(showMore.value ? "" : "gm-h-[36px] gm-overflow-hidden")
+                },
+                [
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: "gm-relative gm-grid gm-w-full",
+                      style: vue.normalizeStyle({ gridTemplateColumns: `repeat(${colsCount.value}, minmax(0, 1fr))`, gap: itemGap + "px" })
+                    },
+                    [
+                      (vue.openBlock(true), vue.createElementBlock(
+                        vue.Fragment,
+                        null,
+                        vue.renderList(optionsList.value, (item, index) => {
+                          return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.component), vue.mergeProps({ key: index }, item.props, {
+                            modelValue: queryParams.value[item.props.prop],
+                            "onUpdate:modelValue": ($event) => queryParams.value[item.props.prop] = $event
+                          }), null, 16, ["modelValue", "onUpdate:modelValue"]);
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      )),
+                      vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
+                      vue.createVNode(_component_gm_form_item, {
+                        style: vue.normalizeStyle(searchButtonItemStyle.value)
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createElementVNode(
+                            "div",
+                            {
+                              class: vue.normalizeClass(["gm-flex gm-w-full", notShowMore.value ? "" : " gm-justify-end"])
+                            },
+                            [
+                              vue.createVNode(_component_gm_button, {
+                                type: "primary",
+                                icon: vue.unref(iconsVue.Search),
+                                class: "",
+                                onClick: handleQuery
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode("\u641C\u7D22")
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }, 8, ["icon"]),
+                              vue.createVNode(_component_gm_button, {
+                                icon: vue.unref(iconsVue.Refresh),
+                                onClick: resetQuery
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode("\u91CD\u7F6E")
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }, 8, ["icon"]),
+                              vue.withDirectives(vue.createVNode(
+                                _component_gm_button,
+                                {
+                                  type: "primary",
+                                  text: "",
+                                  onClick: handleShowMoreChange
+                                },
+                                {
+                                  default: vue.withCtx(() => [
+                                    vue.createTextVNode(
+                                      vue.toDisplayString(showMore.value ? "\u7F29\u8D77" : "\u5C55\u5F00") + " ",
+                                      1
+                                      /* TEXT */
+                                    ),
+                                    vue.createVNode(_component_gm_icon, { class: "el-icon--right" }, {
+                                      default: vue.withCtx(() => [
+                                        vue.createVNode(vue.unref(iconsVue.ArrowDown))
+                                      ]),
+                                      _: 1
+                                      /* STABLE */
+                                    })
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                },
+                                512
+                                /* NEED_PATCH */
+                              ), [
+                                [vue.vShow, !notShowMore.value]
+                              ])
+                            ],
+                            2
+                            /* CLASS */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["style"]),
+                      vue.createElementVNode(
+                        "div",
+                        {
+                          ref_key: "visibilityMarkRef",
+                          ref: visibilityMarkRef,
+                          class: "gm-absolute gm-bottom-3 gm-right-0 -gm-z-10 gm-h-1 gm-w-1"
+                        },
+                        null,
+                        512
+                        /* NEED_PATCH */
+                      )
+                    ],
+                    4
+                    /* STYLE */
+                  )
+                ],
+                2
+                /* CLASS */
+              )
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["model"]), [
+            [vue.vShow, showSearch.value]
+          ])
+        ],
+        512
+        /* NEED_PATCH */
+      );
     };
   }
 });

package/lib/components/src/composite/searchForm/SearchForm.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchForm.vue2.js","sources":["../../../../../../../packages/components/src/composite/searchForm/SearchForm.vue"],"sourcesContent":["<template>\r\n <div>\r\n <gm-form v-show=\"showSearch\" ref=\"queryRef\" :model=\"queryParams\" :inline=\"true\" class=\"gmSearchForm\">\r\n <template v-for=\"(item, index) in optionsList\" :key=\"index\">\r\n <component :is=\"item.component\" v-bind=\"item.props\" v-model=\"queryParams[item.props.prop]\" />\r\n </template>\r\n <slot />\r\n <gm-form-item>\r\n <gm-button type=\"primary\" :icon=\"Search\" @click=\"handleQuery\">搜索</gm-button>\r\n <gm-button :icon=\"Refresh\" @click=\"resetQuery\">重置</gm-button>\r\n </gm-form-item>\r\n </gm-form>\r\n </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { computed, provide, ref } from 'vue';\r\nimport { Refresh, Search } from '@element-plus/icons-vue';\r\nimport { searchFormEmits, searchFormItemList, searchFormProps } from './searchForm';\r\nimport { queryParamsKey, searchFormHandleQueryKey } from './constants';\r\nimport type { FormInstance } from '../../base/form';\r\ndefineOptions({\r\n name: 'GmSearchForm',\r\n});\r\nconst showSearch = defineModel<boolean>('showSearch', { default: true });\r\n\r\nconst queryParams = defineModel<Record<string, any>>('queryParams', { required: true });\r\n\r\nprovide(queryParamsKey, queryParams);\r\n\r\nconst props = defineProps(searchFormProps);\r\n// 通过json渲染组件\r\nconst optionsList = computed(() => {\r\n return props.options.map(it => {\r\n const findComponent = searchFormItemList.find(item => item.type === it.type);\r\n if (findComponent) {\r\n it.component = findComponent.component;\r\n }\r\n return it;\r\n });\r\n});\r\~~nconst emit = defineEmits(searchFormEmits);\r\~~n\r\nconst queryRef = ref<FormInstance>();\r\n\r\nconst handleQuery = (...args: any[]) => {\r\n emit('handleQuery', ...args);\r\n};\r\nprovide(searchFormHandleQueryKey, handleQuery);\r\n\r\nconst resetQuery = () => {\r\n queryRef.value?.resetFields();\r\n emit('resetQuery');\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n:deep(.gmSearchForm .el-form-item) {\r\n margin-right: ~~8px~~;\r\n margin-bottom: ~~8px~~;\r\n}\r\n</style>\r\n"],"names":["_useModel","provide","queryParamsKey","computed","~~searchFormItemList~~","~~ref~~","searchFormHandleQueryKey"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;AAuBA~~,IAAM,MAAA,UAAA,GAAaA,YAAqB,CAAA,OAAA,EAAA,YAA+B,CAAA,CAAA;AAEvE,IAAM,MAAA,WAAA,GAAcA,YAAiC,CAAA,OAAA,EAAA,aAAiC,CAAA,CAAA;AAEtF,IAAAC,WAAA,CAAQC,0BAAgB,WAAW,CAAA,CAAA;AAEnC,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;~~AAEd~~,IAAM,MAAA,WAAA,~~GAAcC~~,aAAS,MAAM;AACjC,MAAO,OAAA,KAAA,CAAM,OAAQ,CAAA,GAAA,CAAI,CAAM,EAAA,KAAA;AAC7B,QAAA,MAAM,~~gBAAgBC~~,6BAAmB,CAAA,IAAA,CAAK,UAAQ,IAAK,CAAA,IAAA,KAAS,GAAG,IAAI,CAAA,CAAA;AAC3E,QAAA,IAAI,aAAe,EAAA;AACjB,UAAA,EAAA,CAAG,YAAY,aAAc,CAAA,SAAA,CAAA;AAAA,SAC/B;AACA,QAAO,OAAA,EAAA,CAAA;AAAA,OACR,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;~~AACD~~,IAAA,MAAM,~~IAAO~~,~~GAAA,MAAA,CAAA;AAEb,IAAA,MAAM,WAAWC,~~OAAkB,EAAA,CAAA;AAEnC,IAAM,MAAA,WAAA,GAAc,IAAI,IAAgB,KAAA;AACtC,MAAK,IAAA,CAAA,aAAA,EAAe,GAAG,IAAI,CAAA,CAAA;AAAA,KAC7B,CAAA;AACA,~~IAAAJ~~,WAAA,~~CAAQK~~,oCAA0B,WAAW,CAAA,CAAA;AAE7C,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,QAAA,CAAS,OAAO,WAAY,EAAA,CAAA;AAC5B,MAAA,IAAA,CAAK,YAAY,CAAA,CAAA;AAAA,KACnB,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"SearchForm.vue2.js","sources":["../../../../../../../packages/components/src/composite/searchForm/SearchForm.vue"],"sourcesContent":["<script lang=\"ts\">\nconst itemGap = 8\n</script>\n<template>\r\n <div ref=\"queryDivRef\" class=\"gm-mb-5\">\r\n <gm-form v-show=\"showSearch\" ref=\"queryRef\" :model=\"queryParams\" :inline=\"true\" class=\"gmSearchForm\">\r\n <div :class=\"showMore ? '' : 'gm-h-[36px] gm-overflow-hidden'\">\r\n <div class=\"gm-relative gm-grid gm-w-full\" :style=\"{ gridTemplateColumns: `repeat(${colsCount}, minmax(0, 1fr))`, gap: itemGap + 'px' }\">\r\n <template v-for=\"(item, index) in optionsList\" :key=\"index\">\r\n <component :is=\"item.component\" v-bind=\"item.props\" v-model=\"queryParams[item.props.prop]\" />\r\n </template>\r\n <slot />\r\n <gm-form-item :style=\"searchButtonItemStyle\">\r\n <div class=\"gm-flex gm-w-full\" :class=\"notShowMore ? '' : ' gm-justify-end'\">\r\n <gm-button type=\"primary\" :icon=\"Search\" class=\"\" @click=\"handleQuery\">搜索</gm-button>\r\n <gm-button :icon=\"Refresh\" @click=\"resetQuery\">重置</gm-button>\r\n <gm-button v-show=\"!notShowMore\" type=\"primary\" text @click=\"handleShowMoreChange\">\r\n {{ showMore ? '缩起' : '展开' }} <gm-icon class=\"el-icon--right\"><ArrowDown /></gm-icon>\r\n </gm-button>\r\n </div>\r\n </gm-form-item>\r\n <div ref=\"visibilityMarkRef\" class=\"gm-absolute gm-bottom-3 gm-right-0 -gm-z-10 gm-h-1 gm-w-1\" />\r\n </div>\r\n </div>\r\n </gm-form>\r\n </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { computed, nextTick, provide, ref } from 'vue';\r\nimport { useElementSize, useElementVisibility } from '@vueuse/core';\r\nimport { ArrowDown, Refresh, Search } from '@element-plus/icons-vue';\r\nimport { searchFormEmits, searchFormItemList, searchFormProps } from './searchForm';\r\nimport { queryParamsKey, searchFormHandleQueryKey } from './constants';\r\nimport type { CSSProperties } from 'vue';\r\nimport type { FormInstance } from '../../base/form';\r\ndefineOptions({\r\n name: 'GmSearchForm',\r\n});\r\nconst showSearch = defineModel<boolean>('showSearch', { default: true });\r\n\r\nconst queryParams = defineModel<Record<string, any>>('queryParams', { required: true });\r\n\r\nprovide(queryParamsKey, queryParams);\r\n\r\nconst props = defineProps(searchFormProps);\r\nconst emit = defineEmits(searchFormEmits);\r\n\r\nconst queryDivRef = ref<HTMLDivElement>();\r\nconst visibilityMarkRef = ref<HTMLDivElement>();\r\nconst markIsVisibility = useElementVisibility(visibilityMarkRef);\r\n\r\nconst { width: queryDivWidth } = useElementSize(queryDivRef);\r\n// 列个数\r\nconst colsCount = computed(() => Math.floor(queryDivWidth.value / 269));\r\nconst showMore = ref(false);\r\n// 当 showMore展开为 false 时，标注为可见则不显示展开按钮\r\nconst notShowMore = computed(() => showMore.value === false && markIsVisibility.value === true);\r\n\r\n/*搜索重置按钮组样式 /\r\nconst searchButtonItemStyle = computed<CSSProperties>(() => {\r\n if (notShowMore.value) {\r\n return {};\r\n }\r\n return {\r\n gridColumn: colsCount.value,\r\n gridRow: showMore.value ? undefined : 1,\r\n };\r\n});\r\nconst handleShowMoreChange = async () => {\r\n showMore.value = !showMore.value;\r\n // 手动触发 scroll 事件\r\n const scrollEvent = new Event('resize');\r\n await nextTick();\r\n // 手动触发事件\r\n window.dispatchEvent(scrollEvent);\r\n};\r\n\r\n// 通过json渲染组件\r\nconst optionsList = computed(() => {\r\n return props.options.map(it => {\r\n const findComponent = searchFormItemList.find(item => item.type === it.type);\r\n if (findComponent) {\r\n it.component = findComponent.component;\r\n }\r\n return it;\r\n });\r\n});\r\n\r\nconst queryRef = ref<FormInstance>();\r\n\r\nconst handleQuery = (...args: any[]) => {\r\n emit('handleQuery', ...args);\r\n};\r\nprovide(searchFormHandleQueryKey, handleQuery);\r\n\r\nconst resetQuery = () => {\r\n queryRef.value?.resetFields();\r\n emit('resetQuery');\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n:deep(.gmSearchForm .el-form-item) {\r\n margin-right: 0;\r\n margin-bottom: 4px;\r\n}\r\n</style>\r\n"],"names":["_useModel","provide","queryParamsKey","ref","useElementVisibility","useElementSize","computed","nextTick","searchFormItemList","searchFormHandleQueryKey"],"mappings":";;;;;;;;;;AACA,MAAM,OAAU,GAAA,CAAA,CAAA;;;;;;;;;;;;;;AAqChB,IAAM,MAAA,UAAA,GAAaA,YAAqB,CAAA,OAAA,EAAA,YAA+B,CAAA,CAAA;AAEvE,IAAM,MAAA,WAAA,GAAcA,YAAiC,CAAA,OAAA,EAAA,aAAiC,CAAA,CAAA;AAEtF,IAAAC,WAAA,CAAQC,0BAAgB,WAAW,CAAA,CAAA;AAEnC,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAA,MAAM,cAAcC,OAAoB,EAAA,CAAA;AACxC,IAAA,MAAM,oBAAoBA,OAAoB,EAAA,CAAA;AAC9C,IAAM,MAAA,gBAAA,GAAmBC,0BAAqB,iBAAiB,CAAA,CAAA;AAE/D,IAAA,MAAM,EAAE,KAAA,EAAO,aAAc,EAAA,GAAIC,oBAAe,WAAW,CAAA,CAAA;AAE3D,IAAM,MAAA,SAAA,GAAYC,aAAS,MAAM,IAAA,CAAK,MAAM,aAAc,CAAA,KAAA,GAAQ,GAAG,CAAC,CAAA,CAAA;AACtE,IAAM,MAAA,QAAA,GAAWH,QAAI,KAAK,CAAA,CAAA;AAE1B,IAAM,MAAA,WAAA,GAAcG,aAAS,MAAM,QAAA,CAAS,UAAU,KAAS,IAAA,gBAAA,CAAiB,UAAU,IAAI,CAAA,CAAA;AAG9F,IAAM,MAAA,qBAAA,GAAwBA,aAAwB,MAAM;AAC1D,MAAA,IAAI,YAAY,KAAO,EAAA;AACrB,QAAA,OAAO,EAAC,CAAA;AAAA,OACV;AACA,MAAO,OAAA;AAAA,QACL,YAAY,SAAU,CAAA,KAAA;AAAA,QACtB,OAAA,EAAS,QAAS,CAAA,KAAA,GAAQ,KAAY,CAAA,GAAA,CAAA;AAAA,OACxC,CAAA;AAAA,KACD,CAAA,CAAA;AACD,IAAA,MAAM,uBAAuB,YAAY;AACvC,MAAS,QAAA,CAAA,KAAA,GAAQ,CAAC,QAAS,CAAA,KAAA,CAAA;AAE3B,MAAM,MAAA,WAAA,GAAc,IAAI,KAAA,CAAM,QAAQ,CAAA,CAAA;AACtC,MAAA,MAAMC,YAAS,EAAA,CAAA;AAEf,MAAA,MAAA,CAAO,cAAc,WAAW,CAAA,CAAA;AAAA,KAClC,CAAA;AAGA,IAAM,MAAA,WAAA,GAAcD,aAAS,MAAM;AACjC,MAAO,OAAA,KAAA,CAAM,OAAQ,CAAA,GAAA,CAAI,CAAM,EAAA,KAAA;AAC7B,QAAA,MAAM,gBAAgBE,6BAAmB,CAAA,IAAA,CAAK,UAAQ,IAAK,CAAA,IAAA,KAAS,GAAG,IAAI,CAAA,CAAA;AAC3E,QAAA,IAAI,aAAe,EAAA;AACjB,UAAA,EAAA,CAAG,YAAY,aAAc,CAAA,SAAA,CAAA;AAAA,SAC/B;AACA,QAAO,OAAA,EAAA,CAAA;AAAA,OACR,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAA,MAAM,WAAWL,OAAkB,EAAA,CAAA;AAEnC,IAAM,MAAA,WAAA,GAAc,IAAI,IAAgB,KAAA;AACtC,MAAK,IAAA,CAAA,aAAA,EAAe,GAAG,IAAI,CAAA,CAAA;AAAA,KAC7B,CAAA;AACA,IAAAF,WAAA,CAAQQ,oCAA0B,WAAW,CAAA,CAAA;AAE7C,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,QAAA,CAAS,OAAO,WAAY,EAAA,CAAA;AAC5B,MAAA,IAAA,CAAK,YAAY,CAAA,CAAA;AAAA,KACnB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/src/composite/searchForm/searchFormItems/cascader/SearchFormCascader.vue2.js CHANGED Viewed

@@ -39,7 +39,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             disabled: _ctx.disabled,
             "collapse-tags": "",
             "collapse-tags-tooltip": "",
-            class: "gm-w-[180px]",
+            class: "gm-w-full",
             placeholder: _ctx.label,
             onChange
           }, null, 8, ["modelValue", "options", "props", "disabled", "placeholder"])

package/lib/components/src/composite/searchForm/searchFormItems/cascader/SearchFormCascader.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchFormCascader.vue2.js","sources":["../../../../../../../../../packages/components/src/composite/searchForm/searchFormItems/cascader/SearchFormCascader.vue"],"sourcesContent":["<template>\r\n <gm-form-item :prop=\"prop\">\r\n <gm-cascader\r\n v-model=\"modelValue\"\r\n :options=\"options\"\r\n :props=\"{ ...cascaderProps, expandTrigger: 'hover' }\"\r\n clearable\r\n filterable\r\n :disabled=\"disabled\"\r\n collapse-tags\r\n collapse-tags-tooltip\r\n class=\"gm-w-~~[180px]~~\"\r\n :placeholder=\"label\"\r\n @change=\"onChange\"\r\n />\r\n </gm-form-item>\r\n</template>\r\n<script lang=\"ts\" setup>\r\n// import { inject } from 'vue';\r\nimport { useWatchModelChange } from '../../composables/useWatchModelChange';\r\n// import { searchFormHandleQueryKey } from '../../searchForm';\r\nimport { SearchFormCascaderName, searchFormCascaderEmits, searchFormCascaderProps } from './searchFormCascader';\r\nimport type { CascaderValue } from 'element-plus';\r\nimport type { CascaderProps } from '@giime/components/src/base/cascader';\r\ndefineOptions({\r\n name: SearchFormCascaderName,\r\n});\r\nconst modelValue = defineModel<CascaderProps['modelValue'] \| undefined>();\r\nconst props = defineProps(searchFormCascaderProps);\r\nconst emit = defineEmits(searchFormCascaderEmits);\r\nuseWatchModelChange(modelValue, { prop: props.prop });\r\n// const handleQuery = inject(searchFormHandleQueryKey);\r\nconst onChange = (value: CascaderValue) => {\r\n // handleQuery?.();\r\n emit('change', value);\r\n};\r\n</script>\r\n"],"names":["_useModel","useWatchModelChange"],"mappings":";;;;;;;;;;;;;;;;;;;AA2BA,IAAM,MAAA,UAAA,GAAaA,YAAqD,CAAA,OAAA,EAAA,YAAA,CAAA,CAAA;AACxE,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAAC,uCAAA,CAAoB,UAAY,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAEpD,IAAM,MAAA,QAAA,GAAW,CAAC,KAAyB,KAAA;AAEzC,MAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AAAA,KACtB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"SearchFormCascader.vue2.js","sources":["../../../../../../../../../packages/components/src/composite/searchForm/searchFormItems/cascader/SearchFormCascader.vue"],"sourcesContent":["<template>\r\n <gm-form-item :prop=\"prop\">\r\n <gm-cascader\r\n v-model=\"modelValue\"\r\n :options=\"options\"\r\n :props=\"{ ...cascaderProps, expandTrigger: 'hover' }\"\r\n clearable\r\n filterable\r\n :disabled=\"disabled\"\r\n collapse-tags\r\n collapse-tags-tooltip\r\n class=\"gm-w-full\"\r\n :placeholder=\"label\"\r\n @change=\"onChange\"\r\n />\r\n </gm-form-item>\r\n</template>\r\n<script lang=\"ts\" setup>\r\n// import { inject } from 'vue';\r\nimport { useWatchModelChange } from '../../composables/useWatchModelChange';\r\n// import { searchFormHandleQueryKey } from '../../searchForm';\r\nimport { SearchFormCascaderName, searchFormCascaderEmits, searchFormCascaderProps } from './searchFormCascader';\r\nimport type { CascaderValue } from 'element-plus';\r\nimport type { CascaderProps } from '@giime/components/src/base/cascader';\r\ndefineOptions({\r\n name: SearchFormCascaderName,\r\n});\r\nconst modelValue = defineModel<CascaderProps['modelValue'] \| undefined>();\r\nconst props = defineProps(searchFormCascaderProps);\r\nconst emit = defineEmits(searchFormCascaderEmits);\r\nuseWatchModelChange(modelValue, { prop: props.prop });\r\n// const handleQuery = inject(searchFormHandleQueryKey);\r\nconst onChange = (value: CascaderValue) => {\r\n // handleQuery?.();\r\n emit('change', value);\r\n};\r\n</script>\r\n"],"names":["_useModel","useWatchModelChange"],"mappings":";;;;;;;;;;;;;;;;;;;AA2BA,IAAM,MAAA,UAAA,GAAaA,YAAqD,CAAA,OAAA,EAAA,YAAA,CAAA,CAAA;AACxE,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAAC,uCAAA,CAAoB,UAAY,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAEpD,IAAM,MAAA,QAAA,GAAW,CAAC,KAAyB,KAAA;AAEzC,MAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AAAA,KACtB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/src/composite/searchForm/searchFormItems/datePicker/SearchFormDatePicker.vue2.js CHANGED Viewed

@@ -44,14 +44,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             placeholder: _ctx.label,
             "start-placeholder": `${_ctx.label}\u5F00\u59CB\u65E5\u671F`,
             "end-placeholder": `${_ctx.label}\u7ED3\u675F\u65E5\u671F`,
-            style: vue.normalizeStyle({
-              "--el-date-editor-width": isRangeType.value ? "250px" : "180px"
-            }),
+            style: {
+              "--el-date-editor-width": "100%"
+            },
             shortcuts: shortcutList.value,
             defaultValue: _ctx.defaultValue,
             defaultTime: _ctx.defaultTime,
             onChange
-          }, null, 8, ["modelValue", "type", "value-format", "disabled", "placeholder", "start-placeholder", "end-placeholder", "style", "shortcuts", "defaultValue", "defaultTime"])
+          }, null, 8, ["modelValue", "type", "value-format", "disabled", "placeholder", "start-placeholder", "end-placeholder", "shortcuts", "defaultValue", "defaultTime"])
         ]),
         _: 1
         /* STABLE */

package/lib/components/src/composite/searchForm/searchFormItems/datePicker/SearchFormDatePicker.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchFormDatePicker.vue2.js","sources":["../../../../../../../../../packages/components/src/composite/searchForm/searchFormItems/datePicker/SearchFormDatePicker.vue"],"sourcesContent":["<template>\r\n <gm-form-item :prop=\"prop\">\r\n <gm-date-picker\r\n v-model=\"modelValue\"\r\n :type=\"type\"\r\n range-separator=\"-\"\r\n :value-format=\"valueFormat\"\r\n clearable\r\n :disabled=\"disabled\"\r\n :placeholder=\"label\"\r\n :start-placeholder=\"`${label}开始日期`\"\r\n :end-placeholder=\"`${label}结束日期`\"\r\n :style=\"{\r\n '--el-date-editor-width': ~~isRangeType ?~~ '~~250px~~' ~~: '180px'~~,\r\n }\"\r\n :shortcuts=\"shortcutList\"\r\n :defaultValue=\"defaultValue\"\r\n :defaultTime=\"defaultTime\"\r\n @change=\"onChange\"\r\n />\r\n </gm-form-item>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { computed } from 'vue';\r\nimport { getDateShortcuts } from '@giime/utils';\r\nimport { useWatchModelChange } from '../../composables/useWatchModelChange';\r\n// import { searchFormHandleQueryKey } from '../../searchForm';\r\nimport { SearchFormDatePickerName, searchFormDatePickerEmits, searchFormDatePickerProps } from './searchFormDatePicker';\r\nimport type { ModelValueType } from 'element-plus';\r\nimport type { DatePickerProps } from '@giime/components/src/base/datePicker';\r\ndefineOptions({\r\n name: SearchFormDatePickerName,\r\n});\r\nconst modelValue = defineModel<DatePickerProps['modelValue'] \| undefined>();\r\nconst props = defineProps(searchFormDatePickerProps);\r\nconst emit = defineEmits(searchFormDatePickerEmits);\r\nuseWatchModelChange(modelValue, { prop: props.prop });\r\n\r\nconst isRangeType = computed(() => props.type === 'datetimerange' \|\| props.type === 'daterange' \|\| props.type === 'monthrange');\r\n/*\r\n shortcuts赋予默认值\r\n */\r\nconst shortcutList = computed(() => (Array.isArray(props.shortcuts) ? props.shortcuts : getDateShortcuts(props.type)));\r\n// const handleQuery = inject(searchFormHandleQueryKey);\r\nconst onChange = (value: ModelValueType) => {\r\n // handleQuery?.();\r\n emit('change', value);\r\n};\r\n</script>\r\n"],"names":["_useModel","useWatchModelChange","computed","getDateShortcuts"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiCA,IAAM,MAAA,UAAA,GAAaA,YAAuD,CAAA,OAAA,EAAA,YAAA,CAAA,CAAA;AAC1E,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAAC,uCAAA,CAAoB,UAAY,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAEpD,IAAM,MAAA,WAAA,GAAcC,YAAS,CAAA,MAAM,KAAM,CAAA,IAAA,KAAS,eAAmB,IAAA,KAAA,CAAM,IAAS,KAAA,WAAA,IAAe,KAAM,CAAA,IAAA,KAAS,YAAY,CAAA,CAAA;AAI9H,IAAA,MAAM,YAAe,GAAAA,YAAA,CAAS,MAAO,KAAA,CAAM,OAAQ,CAAA,KAAA,CAAM,SAAS,CAAA,GAAI,KAAM,CAAA,SAAA,GAAYC,8BAAiB,CAAA,KAAA,CAAM,IAAI,CAAE,CAAA,CAAA;AAErH,IAAM,MAAA,QAAA,GAAW,CAAC,KAA0B,KAAA;AAE1C,MAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AAAA,KACtB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"SearchFormDatePicker.vue2.js","sources":["../../../../../../../../../packages/components/src/composite/searchForm/searchFormItems/datePicker/SearchFormDatePicker.vue"],"sourcesContent":["<template>\r\n <gm-form-item :prop=\"prop\">\r\n <gm-date-picker\r\n v-model=\"modelValue\"\r\n :type=\"type\"\r\n range-separator=\"-\"\r\n :value-format=\"valueFormat\"\r\n clearable\r\n :disabled=\"disabled\"\r\n :placeholder=\"label\"\r\n :start-placeholder=\"`${label}开始日期`\"\r\n :end-placeholder=\"`${label}结束日期`\"\r\n :style=\"{\r\n '--el-date-editor-width': '100%',\r\n }\"\r\n :shortcuts=\"shortcutList\"\r\n :defaultValue=\"defaultValue\"\r\n :defaultTime=\"defaultTime\"\r\n @change=\"onChange\"\r\n />\r\n </gm-form-item>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { computed } from 'vue';\r\nimport { getDateShortcuts } from '@giime/utils';\r\nimport { useWatchModelChange } from '../../composables/useWatchModelChange';\r\n// import { searchFormHandleQueryKey } from '../../searchForm';\r\nimport { SearchFormDatePickerName, searchFormDatePickerEmits, searchFormDatePickerProps } from './searchFormDatePicker';\r\nimport type { ModelValueType } from 'element-plus';\r\nimport type { DatePickerProps } from '@giime/components/src/base/datePicker';\r\ndefineOptions({\r\n name: SearchFormDatePickerName,\r\n});\r\nconst modelValue = defineModel<DatePickerProps['modelValue'] \| undefined>();\r\nconst props = defineProps(searchFormDatePickerProps);\r\nconst emit = defineEmits(searchFormDatePickerEmits);\r\nuseWatchModelChange(modelValue, { prop: props.prop });\r\n\r\nconst isRangeType = computed(() => props.type === 'datetimerange' \|\| props.type === 'daterange' \|\| props.type === 'monthrange');\r\n/*\r\n shortcuts赋予默认值\r\n */\r\nconst shortcutList = computed(() => (Array.isArray(props.shortcuts) ? props.shortcuts : getDateShortcuts(props.type)));\r\n// const handleQuery = inject(searchFormHandleQueryKey);\r\nconst onChange = (value: ModelValueType) => {\r\n // handleQuery?.();\r\n emit('change', value);\r\n};\r\n</script>\r\n"],"names":["_useModel","useWatchModelChange","computed","getDateShortcuts"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiCA,IAAM,MAAA,UAAA,GAAaA,YAAuD,CAAA,OAAA,EAAA,YAAA,CAAA,CAAA;AAC1E,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAAC,uCAAA,CAAoB,UAAY,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAEpD,IAAM,MAAA,WAAA,GAAcC,YAAS,CAAA,MAAM,KAAM,CAAA,IAAA,KAAS,eAAmB,IAAA,KAAA,CAAM,IAAS,KAAA,WAAA,IAAe,KAAM,CAAA,IAAA,KAAS,YAAY,CAAA,CAAA;AAI9H,IAAA,MAAM,YAAe,GAAAA,YAAA,CAAS,MAAO,KAAA,CAAM,OAAQ,CAAA,KAAA,CAAM,SAAS,CAAA,GAAI,KAAM,CAAA,SAAA,GAAYC,8BAAiB,CAAA,KAAA,CAAM,IAAI,CAAE,CAAA,CAAA;AAErH,IAAM,MAAA,QAAA,GAAW,CAAC,KAA0B,KAAA;AAE1C,MAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AAAA,KACtB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/src/composite/searchForm/searchFormItems/input/SearchFormInput.vue2.js CHANGED Viewed

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

package/lib/components/src/composite/searchForm/searchFormItems/input/SearchFormInput.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchFormInput.vue2.js","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","useWatchModelChange","inject","searchFormHandleQueryKey"],"mappings":";;;;;;;;;;;;;;;;;;;;AAeA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,UAAA,GAAaA,YAAiD,CAAA,OAAA,EAAA,YAAC,CAAA,CAAA;AAErE,IAAAC,uCAAA,CAAoB,UAAY,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAEpD,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAM,MAAA,WAAA,GAAcC,WAAOC,kCAAwB,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;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"SearchFormInput.vue2.js","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","useWatchModelChange","inject","searchFormHandleQueryKey"],"mappings":";;;;;;;;;;;;;;;;;;;;AAeA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,UAAA,GAAaA,YAAiD,CAAA,OAAA,EAAA,YAAC,CAAA,CAAA;AAErE,IAAAC,uCAAA,CAAoB,UAAY,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAEpD,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAM,MAAA,WAAA,GAAcC,WAAOC,kCAAwB,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/lib/components/src/composite/searchForm/searchFormItems/select/SearchFormSelect.vue2.js CHANGED Viewed

@@ -24,7 +24,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       const _component_gm_select_options = vue.resolveComponent("gm-select-options");
       const _component_gm_form_item = vue.resolveComponent("gm-form-item");
-      return vue.openBlock(), vue.createBlock(_component_gm_form_item, { prop: _ctx.prop }, {
+      return vue.openBlock(), vue.createBlock(_component_gm_form_item, {
+        prop: _ctx.prop,
+        class: ""
+      }, {
         default: vue.withCtx(() => [
           vue.createVNode(_component_gm_select_options, {
             modelValue: modelValue.value,
@@ -40,7 +43,7 @@ var _sfc_main = /* @__PURE__ */ vue.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/lib/components/src/composite/searchForm/searchFormItems/select/SearchFormSelect.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchFormSelect.vue2.js","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","useWatchModelChange"],"mappings":";;;;;;;;;;;;;;;;;;;AA4BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAM,MAAA,UAAA,GAAaA,YAAmD,CAAA,OAAA,EAAA,YAAA,CAAA,CAAA;AAEtE,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAAC,uCAAA,CAAoB,UAAY,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"SearchFormSelect.vue2.js","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","useWatchModelChange"],"mappings":";;;;;;;;;;;;;;;;;;;AA4BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAM,MAAA,UAAA,GAAaA,YAAmD,CAAA,OAAA,EAAA,YAAA,CAAA,CAAA;AAEtE,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAAC,uCAAA,CAAoB,UAAY,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/src/composite/tablePro/tablePagination/TablePagination.vue.d.ts CHANGED Viewed

@@ -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/lib/components/src/composite/tablePro/tablePagination/TablePagination.vue.js CHANGED Viewed

@@ -6,7 +6,7 @@ var TablePagination_vue_vue_type_script_setup_true_lang = require('./TablePagina
 require('./TablePagination.vue3.js');
 var _pluginVue_exportHelper = require('../../../../../_virtual/_plugin-vue_export-helper.js');
-var TablePagination = /* @__PURE__ */ _pluginVue_exportHelper.default(TablePagination_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-8a95ba6d"], ["__file", "TablePagination.vue"]]);
+var TablePagination = /* @__PURE__ */ _pluginVue_exportHelper.default(TablePagination_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-61e6554b"], ["__file", "TablePagination.vue"]]);
 exports.default = TablePagination;
 //# sourceMappingURL=TablePagination.vue.js.map

package/lib/components/src/composite/tablePro/tablePagination/TablePagination.vue2.js CHANGED Viewed

@@ -45,7 +45,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock(
         "div",
         {
-          class: vue.normalizeClass([{ hidden: _ctx.hidden }, "pagination-container"])
+          class: vue.normalizeClass([{ hidden: _ctx.hidden }, "pagination-container gm-flex gm-justify-end"])
         },
         [
           vue.createVNode(_component_gm_pagination, {
@@ -58,9 +58,10 @@ var _sfc_main = /* @__PURE__ */ vue.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/lib/components/src/composite/tablePro/tablePagination/TablePagination.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TablePagination.vue2.js","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":["computed"],"mappings":";;;;;;;;;;;;;;;~~AAuBA~~,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAA,MAAM,cAAcA,YAAiB,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,WAAWA,YAAS,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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"TablePagination.vue2.js","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":["computed"],"mappings":";;;;;;;;;;;;;;;AAwBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAA,MAAM,cAAcA,YAAiB,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,WAAWA,YAAS,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/lib/components/src/composite/tablePro/tablePagination/index.d.ts CHANGED Viewed

@@ -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/lib/components/src/composite/tablePro/tablePagination/tablePagination.d.ts CHANGED Viewed

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

package/lib/components/src/composite/tablePro/tablePagination/tablePagination.js CHANGED Viewed

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

package/lib/components/src/composite/tablePro/tablePagination/tablePagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tablePagination.js","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;;;;"}
1	+ {"version":3,"file":"tablePagination.js","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/lib/components/src/composite/tablePro/tableToolbar/TableToolbar.vue.d.ts CHANGED Viewed

@@ -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;