giime 0.1.23 → 0.2.0

package/dist/index.css

@@ -1,3 +1,51 @@
+
+.gm-range-number .el-form-item[data-v-11c39847] {
+  margin: 0;
+}
+
+.gm-flex-center[data-v-d1c6dac0] {
+  align-items: center;
+}
+
+.gm-flex-justify-between[data-v-d1c6dac0] {
+  justify-content: space-between;
+}
+[data-v-08f2c6ca] .gmSearchForm .el-form-item {
+  margin-right: 0;
+  margin-bottom: 4px;
+}
+[data-v-06213d16] .gmTableNoBorder .el-table__body .el-table__cell {
+  border-right: none;
+}
+
+[data-v-06213d16] .gmTableNoBorder .el-table__inner-wrapper:before {
+  height: 0;
+}
+
+[data-v-06213d16] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+  height: 0;
+}
+
+[data-v-06213d16] .gmTableNoBorder.el-table--border:after {
+  height: 0;
+}
+
+[data-v-06213d16] .gmTableNoBorder.el-table--border:before {
+  height: 0;
+}
+
+[data-v-06213d16] .gmTableNoBorder .el-table__border-left-patch {
+  height: 0;
+}
+
+.pagination-container[data-v-61e6554b] {
+  background: #fff;
+  padding: 32px 16px;
+}
+.pagination-container.hidden[data-v-61e6554b] {
+  display: none;
+}
+
 /*
 ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
 *//*
@@ -492,12 +540,24 @@ video {
 .gm-collapse {
   visibility: collapse;
 }
+.gm-absolute {
+  position: absolute;
+}
 .gm-relative {
   position: relative;
 }
+.gm-bottom-3 {
+  bottom: 0.75rem;
+}
+.gm-right-0 {
+  right: 0px;
+}
 .gm-top-\[1px\] {
   top: 1px;
 }
+.-gm-z-10 {
+  z-index: -10;
+}
 .gm-m-2 {
   margin: 0.5rem;
 }
@@ -511,6 +571,9 @@ video {
 .gm-mb-4 {
   margin-bottom: 1rem;
 }
+.gm-mb-5 {
+  margin-bottom: 1.25rem;
+}
 .gm-ml-2 {
   margin-left: 0.5rem;
 }
@@ -544,12 +607,18 @@ video {
 .gm-table-column {
   display: table-column;
 }
+.gm-grid {
+  display: grid;
+}
 .gm-hidden {
   display: none;
 }
 .gm-h-1 {
   height: 0.25rem;
 }
+.gm-h-\[36px\] {
+  height: 36px;
+}
 .gm-h-\[600px\] {
   height: 600px;
 }
@@ -562,15 +631,15 @@ video {
 .gm-w-\[120px\] {
   width: 120px;
 }
-.gm-w-\[180px\] {
-  width: 180px;
-}
 .gm-w-full {
   width: 100%;
 }
 .gm-min-w-\[200px\] {
   min-width: 200px;
 }
+.gm-min-w-\[20px\] {
+  min-width: 20px;
+}
 .gm-flex-1 {
   flex: 1 1 0%;
 }
@@ -587,6 +656,9 @@ video {
 .gm-items-center {
   align-items: center;
 }
+.gm-justify-end {
+  justify-content: flex-end;
+}
 .gm-justify-center {
   justify-content: center;
 }
@@ -596,6 +668,9 @@ video {
 .gm-gap-2 {
   gap: 0.5rem;
 }
+.gm-overflow-hidden {
+  overflow: hidden;
+}
 .gm-rounded {
   border-radius: 0.25rem;
 }
@@ -649,6 +724,9 @@ video {
 .gm-font-bold {
   font-weight: 700;
 }
+.gm-leading-\[32px\] {
+  line-height: 32px;
+}
 .gm-leading-\[40px\] {
   line-height: 40px;
 }
@@ -686,51 +764,4 @@ video {
 }
 .gm-group:hover .group-hover\:gm-block {
   display: block;
-}
-
-.gm-range-number .el-form-item[data-v-11c39847] {
-  margin: 0;
-}
-
-.gm-flex-center[data-v-d1c6dac0] {
-  align-items: center;
-}
-
-.gm-flex-justify-between[data-v-d1c6dac0] {
-  justify-content: space-between;
-}
-[data-v-512cf874] .gmSearchForm .el-form-item {
-  margin-right: 8px;
-  margin-bottom: 8px;
-}
-[data-v-06213d16] .gmTableNoBorder .el-table__body .el-table__cell {
-  border-right: none;
-}
-
-[data-v-06213d16] .gmTableNoBorder .el-table__inner-wrapper:before {
-  height: 0;
-}
-
-[data-v-06213d16] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
-  height: 0;
-}
-
-[data-v-06213d16] .gmTableNoBorder.el-table--border:after {
-  height: 0;
-}
-
-[data-v-06213d16] .gmTableNoBorder.el-table--border:before {
-  height: 0;
-}
-
-[data-v-06213d16] .gmTableNoBorder .el-table__border-left-patch {
-  height: 0;
-}
-
-.pagination-container[data-v-8a95ba6d] {
-  background: #fff;
-  padding: 32px 16px;
-}
-.pagination-container.hidden[data-v-8a95ba6d] {
-  display: none;
-}
+}

package/es/components/src/base/button/Button.vue2.mjs

@@ -22,41 +22,37 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(
-        _component_el_button,
-        mergeProps({
-          ref_key: "elRef",
-          ref: elRef
-        }, props, toHandlers(unref(elEvents))),
-        createSlots({
-          _: 2
-          /* DYNAMIC */
-        }, [
-          unref(slots).loading ? {
-            name: "loading",
-            fn: withCtx((slotValue) => [
-              renderSlot(_ctx.$slots, "loading", normalizeProps(guardReactiveProps(slotValue)))
-            ]),
-            key: "0"
-          } : void 0,
-          unref(slots).default ? {
-            name: "default",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            key: "1"
-          } : void 0,
-          unref(slots).icon ? {
-            name: "icon",
-            fn: withCtx((slotValue) => [
-              renderSlot(_ctx.$slots, "icon", normalizeProps(guardReactiveProps(slotValue)))
-            ]),
-            key: "2"
-          } : void 0
-        ]),
-        1040
-        /* FULL_PROPS, DYNAMIC_SLOTS */
-      );
+      return openBlock(), createBlock(_component_el_button, mergeProps({
+        ref_key: "elRef",
+        ref: elRef
+      }, props, {
+        type: _ctx.disabled ? "info" : _ctx.type
+      }, toHandlers(unref(elEvents))), createSlots({
+        _: 2
+        /* DYNAMIC */
+      }, [
+        unref(slots).loading ? {
+          name: "loading",
+          fn: withCtx((slotValue) => [
+            renderSlot(_ctx.$slots, "loading", normalizeProps(guardReactiveProps(slotValue)))
+          ]),
+          key: "0"
+        } : void 0,
+        unref(slots).default ? {
+          name: "default",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          key: "1"
+        } : void 0,
+        unref(slots).icon ? {
+          name: "icon",
+          fn: withCtx((slotValue) => [
+            renderSlot(_ctx.$slots, "icon", normalizeProps(guardReactiveProps(slotValue)))
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1040, ["type"]);
     };
   }
 });

package/es/components/src/base/button/Button.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.vue2.mjs","sources":["../../../../../../../packages/components/src/base/button/Button.vue"],"sourcesContent":["<template>\r\n  <el-button ref=\"elRef\" v-bind=\"props\" v-on=\"elEvents\">\r\n    <template v-if=\"slots.loading\" #loading=\"slotValue\">\r\n      <slot name=\"loading\" v-bind=\"slotValue\" />\r\n    </template>\r\n    <template v-if=\"slots.default\" #default>\r\n      <slot />\r\n    </template>\r\n    <template v-if=\"slots.icon\" #icon=\"slotValue\">\r\n      <slot name=\"icon\" v-bind=\"slotValue\" />\r\n    </template>\r\n  </el-button>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { ref, useSlots } from 'vue';\r\nimport { getGmEvent } from '@giime/utils';\r\nimport { buttonEmits as elButtonEmits } from 'element-plus';\r\nimport { buttonEmits, buttonProps } from './button';\r\nimport type { ButtonInstance } from 'element-plus';\r\n\r\ndefineOptions({\r\n  name: 'GmButton',\r\n});\r\nconst slots = useSlots();\r\nconst props = defineProps(buttonProps);\r\nconst emit = defineEmits(buttonEmits);\r\n// 重发el的事件\r\nconst elEvents = getGmEvent(elButtonEmits, emit);\r\n\r\nconst elRef = ref<ButtonInstance>();\r\ndefineExpose({\r\n  elRef,\r\n});\r\n</script>\r\n"],"names":["elButtonEmits"],"mappings":";;;;;;;;;;;;;;AAuBA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,QAAA,GAAW,UAAW,CAAAA,aAAA,EAAe,IAAI,CAAA,CAAA;AAE/C,IAAA,MAAM,QAAQ,GAAoB,EAAA,CAAA;AAClC,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Button.vue2.mjs","sources":["../../../../../../../packages/components/src/base/button/Button.vue"],"sourcesContent":["<template>\r\n  <el-button ref=\"elRef\" v-bind=\"props\" :type=\"disabled ? 'info' : type\" v-on=\"elEvents\">\r\n    <template v-if=\"slots.loading\" #loading=\"slotValue\">\r\n      <slot name=\"loading\" v-bind=\"slotValue\" />\r\n    </template>\r\n    <template v-if=\"slots.default\" #default>\r\n      <slot />\r\n    </template>\r\n    <template v-if=\"slots.icon\" #icon=\"slotValue\">\r\n      <slot name=\"icon\" v-bind=\"slotValue\" />\r\n    </template>\r\n  </el-button>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { ref, useSlots } from 'vue';\r\nimport { getGmEvent } from '@giime/utils';\r\nimport { buttonEmits as elButtonEmits } from 'element-plus';\r\nimport { buttonEmits, buttonProps } from './button';\r\nimport type { ButtonInstance } from 'element-plus';\r\n\r\ndefineOptions({\r\n  name: 'GmButton',\r\n});\r\nconst slots = useSlots();\r\nconst props = defineProps(buttonProps);\r\nconst emit = defineEmits(buttonEmits);\r\n// 重发el的事件\r\nconst elEvents = getGmEvent(elButtonEmits, emit);\r\n\r\nconst elRef = ref<ButtonInstance>();\r\ndefineExpose({\r\n  elRef,\r\n});\r\n</script>\r\n"],"names":["elButtonEmits"],"mappings":";;;;;;;;;;;;;;AAuBA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,QAAA,GAAW,UAAW,CAAAA,aAAA,EAAe,IAAI,CAAA,CAAA;AAE/C,IAAA,MAAM,QAAQ,GAAoB,EAAA,CAAA;AAClC,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/src/composite/searchForm/SearchForm.vue.mjs

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

package/es/components/src/composite/searchForm/SearchForm.vue2.mjs

@@ -1,8 +1,10 @@
-import { defineComponent, mergeModels, useModel, provide, computed, ref, resolveComponent, openBlock, createElementBlock, withDirectives, createVNode, withCtx, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, renderSlot, unref, createTextVNode, vShow } from 'vue';
-import { Search, Refresh } from '@element-plus/icons-vue';
+import { defineComponent, mergeModels, useModel, provide, ref, computed, nextTick, resolveComponent, openBlock, createElementBlock, withDirectives, createVNode, withCtx, createElementVNode, normalizeClass, normalizeStyle, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, renderSlot, unref, createTextVNode, toDisplayString, vShow } from 'vue';
+import { useElementVisibility, useElementSize } from '@vueuse/core';
+import { Search, Refresh, ArrowDown } from '@element-plus/icons-vue';
 import { searchFormProps, searchFormEmits, searchFormItemList } from './searchForm.mjs';
 import { queryParamsKey, searchFormHandleQueryKey } from './constants.mjs';
 
+const itemGap = 8;
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "GmSearchForm"
@@ -20,6 +22,29 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const queryParams = useModel(__props, "queryParams");
     provide(queryParamsKey, queryParams);
     const props = __props;
+    const emit = __emit;
+    const queryDivRef = ref();
+    const visibilityMarkRef = ref();
+    const markIsVisibility = useElementVisibility(visibilityMarkRef);
+    const { width: queryDivWidth } = useElementSize(queryDivRef);
+    const colsCount = computed(() => Math.floor(queryDivWidth.value / 269));
+    const showMore = ref(false);
+    const notShowMore = computed(() => showMore.value === false && markIsVisibility.value === true);
+    const searchButtonItemStyle = 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 nextTick();
+      window.dispatchEvent(scrollEvent);
+    };
     const optionsList = computed(() => {
       return props.options.map((it) => {
         const findComponent = searchFormItemList.find((item) => item.type === it.type);
@@ -29,7 +54,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         return it;
       });
     });
-    const emit = __emit;
     const queryRef = ref();
     const handleQuery = (...args) => {
       emit("handleQuery", ...args);
@@ -41,64 +65,150 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_gm_button = resolveComponent("gm-button");
+      const _component_gm_icon = resolveComponent("gm-icon");
       const _component_gm_form_item = resolveComponent("gm-form-item");
       const _component_gm_form = resolveComponent("gm-form");
-      return openBlock(), createElementBlock("div", null, [
-        withDirectives(createVNode(_component_gm_form, {
-          ref_key: "queryRef",
-          ref: queryRef,
-          model: queryParams.value,
-          inline: true,
-          class: "gmSearchForm"
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(
-              Fragment,
-              null,
-              renderList(optionsList.value, (item, index) => {
-                return openBlock(), createBlock(resolveDynamicComponent(item.component), 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 */
-            )),
-            renderSlot(_ctx.$slots, "default", {}, void 0, true),
-            createVNode(_component_gm_form_item, null, {
-              default: withCtx(() => [
-                createVNode(_component_gm_button, {
-                  type: "primary",
-                  icon: unref(Search),
-                  onClick: handleQuery
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("\u641C\u7D22")
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["icon"]),
-                createVNode(_component_gm_button, {
-                  icon: unref(Refresh),
-                  onClick: resetQuery
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("\u91CD\u7F6E")
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["icon"])
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["model"]), [
-          [vShow, showSearch.value]
-        ])
-      ]);
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "queryDivRef",
+          ref: queryDivRef,
+          class: "gm-mb-5"
+        },
+        [
+          withDirectives(createVNode(_component_gm_form, {
+            ref_key: "queryRef",
+            ref: queryRef,
+            model: queryParams.value,
+            inline: true,
+            class: "gmSearchForm"
+          }, {
+            default: withCtx(() => [
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(showMore.value ? "" : "gm-h-[36px] gm-overflow-hidden")
+                },
+                [
+                  createElementVNode(
+                    "div",
+                    {
+                      class: "gm-relative gm-grid gm-w-full",
+                      style: normalizeStyle({ gridTemplateColumns: `repeat(${colsCount.value}, minmax(0, 1fr))`, gap: itemGap + "px" })
+                    },
+                    [
+                      (openBlock(true), createElementBlock(
+                        Fragment,
+                        null,
+                        renderList(optionsList.value, (item, index) => {
+                          return openBlock(), createBlock(resolveDynamicComponent(item.component), 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 */
+                      )),
+                      renderSlot(_ctx.$slots, "default", {}, void 0, true),
+                      createVNode(_component_gm_form_item, {
+                        style: normalizeStyle(searchButtonItemStyle.value)
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode(
+                            "div",
+                            {
+                              class: normalizeClass(["gm-flex gm-w-full", notShowMore.value ? "" : " gm-justify-end"])
+                            },
+                            [
+                              createVNode(_component_gm_button, {
+                                type: "primary",
+                                icon: unref(Search),
+                                class: "",
+                                onClick: handleQuery
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode("\u641C\u7D22")
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }, 8, ["icon"]),
+                              createVNode(_component_gm_button, {
+                                icon: unref(Refresh),
+                                onClick: resetQuery
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode("\u91CD\u7F6E")
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }, 8, ["icon"]),
+                              withDirectives(createVNode(
+                                _component_gm_button,
+                                {
+                                  type: "primary",
+                                  text: "",
+                                  onClick: handleShowMoreChange
+                                },
+                                {
+                                  default: withCtx(() => [
+                                    createTextVNode(
+                                      toDisplayString(showMore.value ? "\u7F29\u8D77" : "\u5C55\u5F00") + " ",
+                                      1
+                                      /* TEXT */
+                                    ),
+                                    createVNode(_component_gm_icon, { class: "el-icon--right" }, {
+                                      default: withCtx(() => [
+                                        createVNode(unref(ArrowDown))
+                                      ]),
+                                      _: 1
+                                      /* STABLE */
+                                    })
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                },
+                                512
+                                /* NEED_PATCH */
+                              ), [
+                                [vShow, !notShowMore.value]
+                              ])
+                            ],
+                            2
+                            /* CLASS */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["style"]),
+                      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"]), [
+            [vShow, showSearch.value]
+          ])
+        ],
+        512
+        /* NEED_PATCH */
+      );
     };
   }
 });

package/es/components/src/composite/searchForm/SearchForm.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchForm.vue2.mjs","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"],"mappings":";;;;;;;;;;;;;;;;;;AAuBA,IAAM,MAAA,UAAA,GAAaA,QAAqB,CAAA,OAAA,EAAA,YAA+B,CAAA,CAAA;AAEvE,IAAM,MAAA,WAAA,GAAcA,QAAiC,CAAA,OAAA,EAAA,aAAiC,CAAA,CAAA;AAEtF,IAAA,OAAA,CAAQ,gBAAgB,WAAW,CAAA,CAAA;AAEnC,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,WAAA,GAAc,SAAS,MAAM;AACjC,MAAO,OAAA,KAAA,CAAM,OAAQ,CAAA,GAAA,CAAI,CAAM,EAAA,KAAA;AAC7B,QAAA,MAAM,gBAAgB,kBAAmB,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,WAAW,GAAkB,EAAA,CAAA;AAEnC,IAAM,MAAA,WAAA,GAAc,IAAI,IAAgB,KAAA;AACtC,MAAK,IAAA,CAAA,aAAA,EAAe,GAAG,IAAI,CAAA,CAAA;AAAA,KAC7B,CAAA;AACA,IAAA,OAAA,CAAQ,0BAA0B,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SearchForm.vue2.mjs","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"],"mappings":";;;;;;AACA,MAAM,OAAU,GAAA,CAAA,CAAA;;;;;;;;;;;;;;AAqChB,IAAM,MAAA,UAAA,GAAaA,QAAqB,CAAA,OAAA,EAAA,YAA+B,CAAA,CAAA;AAEvE,IAAM,MAAA,WAAA,GAAcA,QAAiC,CAAA,OAAA,EAAA,aAAiC,CAAA,CAAA;AAEtF,IAAA,OAAA,CAAQ,gBAAgB,WAAW,CAAA,CAAA;AAEnC,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAA,MAAM,cAAc,GAAoB,EAAA,CAAA;AACxC,IAAA,MAAM,oBAAoB,GAAoB,EAAA,CAAA;AAC9C,IAAM,MAAA,gBAAA,GAAmB,qBAAqB,iBAAiB,CAAA,CAAA;AAE/D,IAAA,MAAM,EAAE,KAAA,EAAO,aAAc,EAAA,GAAI,eAAe,WAAW,CAAA,CAAA;AAE3D,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM,IAAA,CAAK,MAAM,aAAc,CAAA,KAAA,GAAQ,GAAG,CAAC,CAAA,CAAA;AACtE,IAAM,MAAA,QAAA,GAAW,IAAI,KAAK,CAAA,CAAA;AAE1B,IAAM,MAAA,WAAA,GAAc,SAAS,MAAM,QAAA,CAAS,UAAU,KAAS,IAAA,gBAAA,CAAiB,UAAU,IAAI,CAAA,CAAA;AAG9F,IAAM,MAAA,qBAAA,GAAwB,SAAwB,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,MAAM,QAAS,EAAA,CAAA;AAEf,MAAA,MAAA,CAAO,cAAc,WAAW,CAAA,CAAA;AAAA,KAClC,CAAA;AAGA,IAAM,MAAA,WAAA,GAAc,SAAS,MAAM;AACjC,MAAO,OAAA,KAAA,CAAM,OAAQ,CAAA,GAAA,CAAI,CAAM,EAAA,KAAA;AAC7B,QAAA,MAAM,gBAAgB,kBAAmB,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,WAAW,GAAkB,EAAA,CAAA;AAEnC,IAAM,MAAA,WAAA,GAAc,IAAI,IAAgB,KAAA;AACtC,MAAK,IAAA,CAAA,aAAA,EAAe,GAAG,IAAI,CAAA,CAAA;AAAA,KAC7B,CAAA;AACA,IAAA,OAAA,CAAQ,0BAA0B,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/es/components/src/composite/searchForm/searchFormItems/cascader/SearchFormCascader.vue2.mjs

@@ -35,7 +35,7 @@ var _sfc_main = /* @__PURE__ */ 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/es/components/src/composite/searchForm/searchFormItems/cascader/SearchFormCascader.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFormCascader.vue2.mjs","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"],"mappings":";;;;;;;;;;;;;;;AA2BA,IAAM,MAAA,UAAA,GAAaA,QAAqD,CAAA,OAAA,EAAA,YAAA,CAAA,CAAA;AACxE,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAA,mBAAA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SearchFormCascader.vue2.mjs","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"],"mappings":";;;;;;;;;;;;;;;AA2BA,IAAM,MAAA,UAAA,GAAaA,QAAqD,CAAA,OAAA,EAAA,YAAA,CAAA,CAAA;AACxE,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAA,mBAAA,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/es/components/src/composite/searchForm/searchFormItems/datePicker/SearchFormDatePicker.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, mergeModels, useModel, computed, resolveComponent, openBlock, createBlock, withCtx, createVNode, normalizeStyle } from 'vue';
+import { defineComponent, mergeModels, useModel, computed, resolveComponent, openBlock, createBlock, withCtx, createVNode } from 'vue';
 import '../../../../../../utils/index.mjs';
 import { useWatchModelChange } from '../../composables/useWatchModelChange.mjs';
 import { SearchFormDatePickerName, searchFormDatePickerProps, searchFormDatePickerEmits } from './searchFormDatePicker.mjs';
@@ -40,14 +40,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             placeholder: _ctx.label,
             "start-placeholder": `${_ctx.label}\u5F00\u59CB\u65E5\u671F`,
             "end-placeholder": `${_ctx.label}\u7ED3\u675F\u65E5\u671F`,
-            style: 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/es/components/src/composite/searchForm/searchFormItems/datePicker/SearchFormDatePicker.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFormDatePicker.vue2.mjs","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"],"mappings":";;;;;;;;;;;;;;;;;AAiCA,IAAM,MAAA,UAAA,GAAaA,QAAuD,CAAA,OAAA,EAAA,YAAA,CAAA,CAAA;AAC1E,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAA,mBAAA,CAAoB,UAAY,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAEpD,IAAM,MAAA,WAAA,GAAc,QAAS,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,GAAA,QAAA,CAAS,MAAO,KAAA,CAAM,OAAQ,CAAA,KAAA,CAAM,SAAS,CAAA,GAAI,KAAM,CAAA,SAAA,GAAY,gBAAiB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SearchFormDatePicker.vue2.mjs","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"],"mappings":";;;;;;;;;;;;;;;;;AAiCA,IAAM,MAAA,UAAA,GAAaA,QAAuD,CAAA,OAAA,EAAA,YAAA,CAAA,CAAA;AAC1E,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAA,mBAAA,CAAoB,UAAY,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAEpD,IAAM,MAAA,WAAA,GAAc,QAAS,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,GAAA,QAAA,CAAS,MAAO,KAAA,CAAM,OAAQ,CAAA,KAAA,CAAM,SAAS,CAAA,GAAI,KAAM,CAAA,SAAA,GAAY,gBAAiB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}