giime 0.1.23 → 0.2.1

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

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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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":"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"}

package/lib/components/src/composite/searchForm/index.js

@@ -16,6 +16,10 @@ var searchFormCascader = require('./searchFormItems/cascader/searchFormCascader.
 var index$2 = require('./searchFormItems/cascader/index.js');
 var searchFormDatePicker = require('./searchFormItems/datePicker/searchFormDatePicker.js');
 var index$3 = require('./searchFormItems/datePicker/index.js');
+var searchFormSelectV2 = require('./searchFormItems/selectV2/searchFormSelectV2.js');
+var index$4 = require('./searchFormItems/selectV2/index.js');
+var searchFormNumberInterval = require('./searchFormItems/numberInterval/searchFormNumberInterval.js');
+var index$5 = require('./searchFormItems/numberInterval/index.js');
 
 const GmSearchForm = install.withInstall(SearchForm.default);
 
@@ -39,6 +43,14 @@ exports.SearchFormDatePickerName = searchFormDatePicker.SearchFormDatePickerName
 exports.searchFormDatePickerEmits = searchFormDatePicker.searchFormDatePickerEmits;
 exports.searchFormDatePickerProps = searchFormDatePicker.searchFormDatePickerProps;
 exports.GmSearchFormDatePicker = index$3.GmSearchFormDatePicker;
+exports.SearchFormSelectV2Name = searchFormSelectV2.SearchFormSelectV2Name;
+exports.searchFormSelectV2Emits = searchFormSelectV2.searchFormSelectV2Emits;
+exports.searchFormSelectV2Props = searchFormSelectV2.searchFormSelectV2Props;
+exports.GmSearchFormSelectV2 = index$4.GmSearchFormSelectV2;
+exports.SearchFormNumberIntervalName = searchFormNumberInterval.SearchFormNumberIntervalName;
+exports.searchFormNumberIntervalEmits = searchFormNumberInterval.searchFormNumberIntervalEmits;
+exports.searchFormNumberIntervalProps = searchFormNumberInterval.searchFormNumberIntervalProps;
+exports.GmSearchFormNumberInterval = index$5.GmSearchFormNumberInterval;
 exports.GmSearchForm = GmSearchForm;
 exports.default = GmSearchForm;
 //# sourceMappingURL=index.js.map

package/lib/components/src/composite/searchForm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../packages/components/src/composite/searchForm/index.ts"],"sourcesContent":["import { withInstall } from '@giime/utils';\r\nimport SearchForm from './SearchForm.vue';\r\n\r\nexport const GmSearchForm = withInstall(SearchForm);\r\nexport type SearchFormInstance = InstanceType<typeof SearchForm>;\r\nexport * from './searchForm';\r\nexport default GmSearchForm;\r\nexport * from './searchFormItems';\r\n"],"names":["withInstall","SearchForm"],"mappings":";;;;;;;;;;;;;;;;;;;AAGa,MAAA,YAAA,GAAeA,oBAAYC,kBAAU;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../packages/components/src/composite/searchForm/index.ts"],"sourcesContent":["import { withInstall } from '@giime/utils';\r\nimport SearchForm from './SearchForm.vue';\r\n\r\nexport const GmSearchForm = withInstall(SearchForm);\r\nexport type SearchFormInstance = InstanceType<typeof SearchForm>;\r\nexport * from './searchForm';\r\nexport default GmSearchForm;\r\nexport * from './searchFormItems';\r\n"],"names":["withInstall","SearchForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGa,MAAA,YAAA,GAAeA,oBAAYC,kBAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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

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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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/index.d.ts

@@ -3,3 +3,5 @@ export * from './input';
 export * from './select';
 export * from './cascader';
 export * from './datePicker';
+export * from './selectV2';
+export * from './numberInterval';

package/lib/components/src/composite/searchForm/searchFormItems/index.js

@@ -5,10 +5,14 @@ var index = require('./input/index.js');
 var index$1 = require('./select/index.js');
 var index$2 = require('./cascader/index.js');
 var index$3 = require('./datePicker/index.js');
+var index$4 = require('./selectV2/index.js');
+var index$5 = require('./numberInterval/index.js');
 var searchFormInput = require('./input/searchFormInput.js');
 var searchFormSelect = require('./select/searchFormSelect.js');
 var searchFormCascader = require('./cascader/searchFormCascader.js');
 var searchFormDatePicker = require('./datePicker/searchFormDatePicker.js');
+var searchFormSelectV2 = require('./selectV2/searchFormSelectV2.js');
+var searchFormNumberInterval = require('./numberInterval/searchFormNumberInterval.js');
 
 
 
@@ -17,6 +21,8 @@ exports.GmSearchFormInput = index.GmSearchFormInput;
 exports.GmSearchFormSelect = index$1.GmSearchFormSelect;
 exports.GmSearchFormCascader = index$2.GmSearchFormCascader;
 exports.GmSearchFormDatePicker = index$3.GmSearchFormDatePicker;
+exports.GmSearchFormSelectV2 = index$4.GmSearchFormSelectV2;
+exports.GmSearchFormNumberInterval = index$5.GmSearchFormNumberInterval;
 exports.SearchFormInputName = searchFormInput.SearchFormInputName;
 exports.searchFormInputEmits = searchFormInput.searchFormInputEmits;
 exports.searchFormInputProps = searchFormInput.searchFormInputProps;
@@ -29,4 +35,10 @@ exports.searchFormCascaderProps = searchFormCascader.searchFormCascaderProps;
 exports.SearchFormDatePickerName = searchFormDatePicker.SearchFormDatePickerName;
 exports.searchFormDatePickerEmits = searchFormDatePicker.searchFormDatePickerEmits;
 exports.searchFormDatePickerProps = searchFormDatePicker.searchFormDatePickerProps;
+exports.SearchFormSelectV2Name = searchFormSelectV2.SearchFormSelectV2Name;
+exports.searchFormSelectV2Emits = searchFormSelectV2.searchFormSelectV2Emits;
+exports.searchFormSelectV2Props = searchFormSelectV2.searchFormSelectV2Props;
+exports.SearchFormNumberIntervalName = searchFormNumberInterval.SearchFormNumberIntervalName;
+exports.searchFormNumberIntervalEmits = searchFormNumberInterval.searchFormNumberIntervalEmits;
+exports.searchFormNumberIntervalProps = searchFormNumberInterval.searchFormNumberIntervalProps;
 //# sourceMappingURL=index.js.map

package/lib/components/src/composite/searchForm/searchFormItems/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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/numberInterval/SearchFormNumberInterval.vue.d.ts

@@ -0,0 +1,54 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: import("vue").PropType<string | number[] | undefined>;
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    prop: {
+        type: StringConstructor;
+        required: true;
+    };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelSeparator: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: string | number[] | undefined) => void;
+    change: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: import("vue").PropType<string | number[] | undefined>;
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    prop: {
+        type: StringConstructor;
+        required: true;
+    };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelSeparator: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: false;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((modelValue: string | number[] | undefined) => any) | undefined;
+}, {
+    label: string;
+    disabled: boolean;
+    separator: string;
+}, {}>;
+export default _default;

package/lib/components/src/composite/searchForm/searchFormItems/numberInterval/SearchFormNumberInterval.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var SearchFormNumberInterval_vue_vue_type_script_setup_true_lang = require('./SearchFormNumberInterval.vue2.js');
+var _pluginVue_exportHelper = require('../../../../../../_virtual/_plugin-vue_export-helper.js');
+
+var SearchFormNumberInterval = /* @__PURE__ */ _pluginVue_exportHelper.default(SearchFormNumberInterval_vue_vue_type_script_setup_true_lang.default, [["__file", "SearchFormNumberInterval.vue"]]);
+
+exports.default = SearchFormNumberInterval;
+//# sourceMappingURL=SearchFormNumberInterval.vue.js.map

package/lib/components/src/composite/searchForm/searchFormItems/numberInterval/SearchFormNumberInterval.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFormNumberInterval.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/lib/components/src/composite/searchForm/searchFormItems/numberInterval/SearchFormNumberInterval.vue2.js

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var useWatchModelChange = require('../../composables/useWatchModelChange.js');
+var searchFormNumberInterval = require('./searchFormNumberInterval.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: searchFormNumberInterval.SearchFormNumberIntervalName
+  },
+  __name: "SearchFormNumberInterval",
+  props: /* @__PURE__ */ vue.mergeModels(searchFormNumberInterval.searchFormNumberIntervalProps, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(searchFormNumberInterval.searchFormNumberIntervalEmits, ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const modelValue = vue.useModel(__props, "modelValue");
+    const emit = __emit;
+    useWatchModelChange.useWatchModelChange(modelValue, { prop: props.prop });
+    return (_ctx, _cache) => {
+      const _component_gm_number_interval = vue.resolveComponent("gm-number-interval");
+      const _component_gm_form_item = vue.resolveComponent("gm-form-item");
+      return vue.openBlock(), vue.createBlock(_component_gm_form_item, { prop: _ctx.prop }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_gm_number_interval, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+            disabled: _ctx.disabled,
+            separator: _ctx.separator,
+            modelSeparator: _ctx.modelSeparator,
+            minPlaceholder: `${_ctx.label}\u6700\u5C0F\u503C`,
+            maxPlaceholder: `${_ctx.label}\u6700\u5927\u503C`,
+            multiple: false,
+            clearable: "",
+            onChange: _cache[1] || (_cache[1] = ($event) => emit("change", $event))
+          }, null, 8, ["modelValue", "disabled", "separator", "modelSeparator", "minPlaceholder", "maxPlaceholder"])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["prop"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=SearchFormNumberInterval.vue2.js.map

package/lib/components/src/composite/searchForm/searchFormItems/numberInterval/SearchFormNumberInterval.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFormNumberInterval.vue2.js","sources":["../../../../../../../../../packages/components/src/composite/searchForm/searchFormItems/numberInterval/SearchFormNumberInterval.vue"],"sourcesContent":["<template>\r\n  <gm-form-item :prop=\"prop\">\r\n    <gm-number-interval\r\n      v-model=\"modelValue\"\r\n      :disabled=\"disabled\"\r\n      :separator=\"separator\"\r\n      :modelSeparator=\"modelSeparator\"\r\n      :minPlaceholder=\"`${label}最小值`\"\r\n      :maxPlaceholder=\"`${label}最大值`\"\r\n      :multiple=\"false\"\r\n      clearable\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 { SearchFormNumberIntervalName, searchFormNumberIntervalEmits, searchFormNumberIntervalProps } from './searchFormNumberInterval';\r\nimport type { NumberIntervalProps } from '@giime/components/src/composite/numberInterval';\r\n\r\ndefineOptions({\r\n  name: SearchFormNumberIntervalName,\r\n});\r\nconst props = defineProps(searchFormNumberIntervalProps);\r\nconst modelValue = defineModel<NumberIntervalProps['modelValue'] | undefined>();\r\n\r\nconst emit = defineEmits(searchFormNumberIntervalEmits);\r\nuseWatchModelChange(modelValue, { prop: props.prop });\r\n</script>\r\n<style scoped lang=\"scss\"></style>\r\n"],"names":["_useModel","useWatchModelChange"],"mappings":";;;;;;;;;;;;;;;;;;;AAuBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAM,MAAA,UAAA,GAAaA,YAA2D,CAAA,OAAA,EAAA,YAAA,CAAA,CAAA;AAE9E,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAAC,uCAAA,CAAoB,UAAY,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}