giime 0.1.23 → 0.2.1

package/es/components/src/composite/numberInterval/NumberInterval.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInterval.vue2.mjs","sources":["../../../../../../../packages/components/src/composite/numberInterval/NumberInterval.vue"],"sourcesContent":["<template>\r\n  <div class=\"gm-w-full\">\r\n    <gm-row :gutter=\"5\">\r\n      <gm-col :span=\"11\">\r\n        <gm-input-number\r\n          v-model=\"minVal\"\r\n          class=\"gm-w-full\"\r\n          controls-position=\"right\"\r\n          :controls=\"controls\"\r\n          :min=\"min\"\r\n          :max=\"max\"\r\n          :placeholder=\"minPlaceholder\"\r\n          :disabled=\"disabled || disabledMin\"\r\n          @change=\"changeHandle\"\r\n        >\r\n          <template #decrease-icon>\r\n            <gm-icon>\r\n              <ArrowDown />\r\n            </gm-icon>\r\n          </template>\r\n          <template #increase-icon>\r\n            <gm-icon>\r\n              <ArrowUp />\r\n            </gm-icon>\r\n          </template>\r\n        </gm-input-number>\r\n      </gm-col>\r\n      <gm-col :span=\"2\">\r\n        <div class=\"gm-flex gm-h-full gm-w-full gm-items-center gm-justify-center gm-text-[14px]\">\r\n          <span>{{ separator }}</span>\r\n        </div>\r\n      </gm-col>\r\n      <gm-col :span=\"11\">\r\n        <gm-input-number\r\n          v-model=\"maxVal\"\r\n          class=\"gm-w-full\"\r\n          controls-position=\"right\"\r\n          :controls=\"controls\"\r\n          :min=\"min\"\r\n          :max=\"max\"\r\n          :placeholder=\"maxPlaceholder\"\r\n          :disabled=\"disabled || disabledMax\"\r\n          @change=\"changeHandle\"\r\n        >\r\n          <template #decrease-icon>\r\n            <gm-icon>\r\n              <ArrowDown />\r\n            </gm-icon>\r\n          </template>\r\n          <template #increase-icon>\r\n            <gm-icon>\r\n              <ArrowUp />\r\n            </gm-icon>\r\n          </template>\r\n        </gm-input-number>\r\n      </gm-col>\r\n    </gm-row>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport { isNumber, isString } from '@giime/utils';\r\nimport { ArrowDown, ArrowUp } from '@element-plus/icons-vue';\r\nimport { numIntervalEmits, numIntervalProps } from './numberInterval';\r\ndefineOptions({\r\n  name: 'GmNumberInterval',\r\n});\r\nconst props = defineProps(numIntervalProps);\r\nconst emit = defineEmits(numIntervalEmits);\r\nconst defaultModelVal = props.modelValue;\r\nconst newModelValue = computed(() => {\r\n  if (Array.isArray(props.modelValue)) {\r\n    return props.modelValue;\r\n  } else if (isString(props.modelValue)) {\r\n    try {\r\n      if (props.modelSeparator) {\r\n        const modelVal = props.modelValue;\r\n        const modelValArr = modelVal.split(props.modelSeparator);\r\n        return modelValArr;\r\n      } else {\r\n        throw new Error('modelSeparator 值不能为空');\r\n      }\r\n    } catch (error) {\r\n      console.error(error);\r\n    }\r\n  }\r\n  return props.modelValue || [];\r\n});\r\n// 最小值\r\nconst minVal = computed({\r\n  get() {\r\n    if (newModelValue.value[0] || isNumber(newModelValue.value[0])) {\r\n      return Number(newModelValue.value[0]);\r\n    }\r\n    return undefined;\r\n  },\r\n  set(val) {\r\n    const modelVal = [val, maxVal.value];\r\n    if (isString(props.modelValue) && props.modelSeparator) {\r\n      const newVal = modelVal.join(props.modelSeparator);\r\n      emit('update:modelValue', newVal);\r\n    } else {\r\n      emit('update:modelValue', modelVal);\r\n    }\r\n  },\r\n});\r\n// 最大值\r\nconst maxVal = computed({\r\n  get() {\r\n    if (newModelValue.value[1] || isNumber(newModelValue.value[1])) {\r\n      return Number(newModelValue.value[1]);\r\n    }\r\n    return undefined;\r\n  },\r\n  set(val) {\r\n    const modelVal = [minVal.value, val];\r\n    if (isString(props.modelValue) && props.modelSeparator) {\r\n      const newVal = modelVal.join(props.modelSeparator);\r\n      emit('update:modelValue', newVal);\r\n    } else {\r\n      emit('update:modelValue', modelVal);\r\n    }\r\n  },\r\n});\r\n// 待定 此种实现限制过于严谨\r\n// 可设置最小值范围\r\n// const _min = computed(() => {\r\n//   return minVal.value || props.min;\r\n// });\r\n// // 可设置最大值范围\r\n// const _max = computed(() => {\r\n//   return maxVal.value || props.max;\r\n// });\r\nconst updateHandle = () => {\r\n  const modelVal = [minVal.value, maxVal.value];\r\n  if (isString(props.modelValue) && props.modelSeparator) {\r\n    const newVal = modelVal.join(props.modelSeparator);\r\n    emit('change', newVal);\r\n  } else {\r\n    emit('change', modelVal);\r\n  }\r\n};\r\n// change 事件\r\nconst changeHandle = () => {\r\n  updateHandle();\r\n};\r\n\r\nconst clear = () => {\r\n  if (Array.isArray(defaultModelVal)) {\r\n    const modelVal = [defaultModelVal?.[0], defaultModelVal?.[1]];\r\n    emit('update:modelValue', modelVal);\r\n  } else {\r\n    emit('update:modelValue', defaultModelVal);\r\n  }\r\n};\r\ndefineExpose({\r\n  clear,\r\n});\r\n</script>\r\n\r\n<style scoped></style>\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"NumberInterval.vue2.mjs","sources":["../../../../../../../packages/components/src/composite/numberInterval/NumberInterval.vue"],"sourcesContent":["<template>\r\n  <div class=\"gm-number-interval gm-w-full\" :class=\"!multiple ? 'gm-number-interval-single' : ''\">\r\n    <gm-row :gutter=\"5\">\r\n      <gm-col :span=\"11\">\r\n        <gm-input-number\r\n          v-model=\"minVal\"\r\n          class=\"gm-w-full\"\r\n          controls-position=\"right\"\r\n          :controls=\"controls\"\r\n          :min=\"min\"\r\n          :max=\"max\"\r\n          :placeholder=\"minPlaceholder\"\r\n          :disabled=\"disabled || disabledMin\"\r\n          @change=\"changeHandle\"\r\n        >\r\n          <template #decrease-icon>\r\n            <gm-icon>\r\n              <ArrowDown />\r\n            </gm-icon>\r\n          </template>\r\n          <template #increase-icon>\r\n            <gm-icon>\r\n              <ArrowUp />\r\n            </gm-icon>\r\n          </template>\r\n        </gm-input-number>\r\n      </gm-col>\r\n      <gm-col :span=\"2\">\r\n        <div class=\"gm-flex gm-h-full gm-w-full gm-items-center gm-justify-center gm-text-[14px]\">\r\n          <span>{{ separator }}</span>\r\n        </div>\r\n      </gm-col>\r\n      <gm-col :span=\"11\" class=\"gm-relative\">\r\n        <gm-input-number\r\n          v-model=\"maxVal\"\r\n          class=\"gm-w-full\"\r\n          controls-position=\"right\"\r\n          :controls=\"controls\"\r\n          :min=\"min\"\r\n          :max=\"max\"\r\n          :placeholder=\"maxPlaceholder\"\r\n          :disabled=\"disabled || disabledMax\"\r\n          @change=\"changeHandle\"\r\n        >\r\n          <template #decrease-icon>\r\n            <gm-icon>\r\n              <ArrowDown />\r\n            </gm-icon>\r\n          </template>\r\n          <template #increase-icon>\r\n            <gm-icon>\r\n              <ArrowUp />\r\n            </gm-icon>\r\n          </template>\r\n        </gm-input-number>\r\n        <div\r\n          v-if=\"showClear\"\r\n          class=\"gm-number-interval-close gm-absolute gm-right-2 gm-top-[50%] gm-translate-y-[-50%] gm-cursor-pointer gm-items-center\"\r\n          @click=\"clear\"\r\n        >\r\n          <gm-icon><CircleClose /></gm-icon>\r\n        </div>\r\n      </gm-col>\r\n    </gm-row>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport { isNumber, isString } from '@giime/utils';\r\nimport { ArrowDown, ArrowUp, CircleClose } from '@element-plus/icons-vue';\r\nimport { numIntervalEmits, numIntervalProps } from './numberInterval';\r\ndefineOptions({\r\n  name: 'GmNumberInterval',\r\n});\r\nconst props = defineProps(numIntervalProps);\r\nconst emit = defineEmits(numIntervalEmits);\r\nconst defaultModelVal = props.modelValue;\r\nconst newModelValue = computed(() => {\r\n  if (Array.isArray(props.modelValue)) {\r\n    return props.modelValue;\r\n  } else if (isString(props.modelValue)) {\r\n    try {\r\n      if (props.modelSeparator) {\r\n        const modelVal = props.modelValue;\r\n        const modelValArr = modelVal.split(props.modelSeparator);\r\n        return modelValArr;\r\n      } else {\r\n        throw new Error('modelSeparator 值不能为空');\r\n      }\r\n    } catch (error) {\r\n      console.error(error);\r\n    }\r\n  }\r\n  return props.modelValue || [];\r\n});\r\n// 最小值\r\nconst minVal = computed({\r\n  get() {\r\n    if (newModelValue.value[0] || isNumber(newModelValue.value[0])) {\r\n      return Number(newModelValue.value[0]);\r\n    }\r\n    return undefined;\r\n  },\r\n  set(val) {\r\n    const modelVal = [val, maxVal.value];\r\n    if (isString(props.modelValue) && props.modelSeparator) {\r\n      const newVal = modelVal.join(props.modelSeparator);\r\n      emit('update:modelValue', newVal);\r\n    } else {\r\n      emit('update:modelValue', modelVal);\r\n    }\r\n  },\r\n});\r\n// 最大值\r\nconst maxVal = computed({\r\n  get() {\r\n    if (newModelValue.value[1] || isNumber(newModelValue.value[1])) {\r\n      return Number(newModelValue.value[1]);\r\n    }\r\n    return undefined;\r\n  },\r\n  set(val) {\r\n    const modelVal = [minVal.value, val];\r\n    if (isString(props.modelValue) && props.modelSeparator) {\r\n      const newVal = modelVal.join(props.modelSeparator);\r\n      emit('update:modelValue', newVal);\r\n    } else {\r\n      emit('update:modelValue', modelVal);\r\n    }\r\n  },\r\n});\r\n/**\r\n * 判断是否显示 清空按钮\r\n */\r\nconst showClear = computed(() => {\r\n  if (!props.clearable) {\r\n    return false;\r\n  } else {\r\n    if (isString(props.modelValue) && props.modelValue) {\r\n      return true;\r\n    } else if (Array.isArray(props.modelValue) && props.modelValue.length) {\r\n      return true;\r\n    } else {\r\n      return false;\r\n    }\r\n  }\r\n});\r\n\r\n// 待定 此种实现限制过于严谨\r\n// 可设置最小值范围\r\n// const _min = computed(() => {\r\n//   return minVal.value || props.min;\r\n// });\r\n// // 可设置最大值范围\r\n// const _max = computed(() => {\r\n//   return maxVal.value || props.max;\r\n// });\r\nconst updateHandle = () => {\r\n  const modelVal = [minVal.value, maxVal.value];\r\n  if (isString(props.modelValue) && props.modelSeparator) {\r\n    const newVal = modelVal.join(props.modelSeparator);\r\n    emit('change', newVal);\r\n  } else {\r\n    emit('change', modelVal);\r\n  }\r\n};\r\n// change 事件\r\nconst changeHandle = () => {\r\n  updateHandle();\r\n};\r\n\r\nconst clear = () => {\r\n  emit('update:modelValue', defaultModelVal);\r\n  emit('change', defaultModelVal);\r\n};\r\ndefineExpose({\r\n  clear,\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.gm-number-interval-single {\r\n  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));\r\n  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;\r\n  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));\r\n  :deep(.el-input__wrapper) {\r\n    box-shadow: none;\r\n    background: none;\r\n  }\r\n}\r\n.gm-number-interval-close {\r\n  display: none;\r\n  color: var(--el-input-icon-color, var(--el-text-color-placeholder));\r\n}\r\n.gm-number-interval-single:hover {\r\n  .gm-number-interval-close {\r\n    display: flex;\r\n  }\r\n}\r\n</style>\r\n"],"names":[],"mappings":"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"}

package/es/components/src/composite/numberInterval/NumberInterval.vue3.mjs

@@ -0,0 +1,4 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };
+//# sourceMappingURL=NumberInterval.vue3.mjs.map

package/es/components/src/composite/numberInterval/NumberInterval.vue3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInterval.vue3.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/components/src/composite/numberInterval/index.d.ts

@@ -41,6 +41,14 @@ export declare const GmNumberInterval: import("../../../../utils").SFCWithInstal
         type: BooleanConstructor;
         default: boolean;
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     clear: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -88,12 +96,22 @@ export declare const GmNumberInterval: import("../../../../utils").SFCWithInstal
         type: BooleanConstructor;
         default: boolean;
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    clearable: boolean;
     disabled: boolean;
     separator: string;
+    multiple: boolean;
     controls: boolean;
     minPlaceholder: string;
     maxPlaceholder: string;

package/es/components/src/composite/numberInterval/numberInterval.d.ts

@@ -1,4 +1,4 @@
-import type { PropType } from 'vue';
+import type { ExtractPropTypes, PropType } from 'vue';
 export declare const numIntervalProps: {
     modelValue: {
         type: PropType<string | number[]>;
@@ -41,8 +41,20 @@ export declare const numIntervalProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * 最大值和最小值是否是两个输入框
+     */
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const numIntervalEmits: {
     change: (...arg: any[]) => boolean;
     'update:modelValue': (...arg: any[]) => boolean;
 };
+export type NumberIntervalProps = ExtractPropTypes<typeof numIntervalProps>;

package/es/components/src/composite/numberInterval/numberInterval.mjs

@@ -48,6 +48,17 @@ const numIntervalProps = {
   controls: {
     type: Boolean,
     default: false
+  },
+  /**
+   * 最大值和最小值是否是两个输入框
+   */
+  multiple: {
+    type: Boolean,
+    default: true
+  },
+  clearable: {
+    type: Boolean,
+    default: true
   }
 };
 const numIntervalEmits = {

package/es/components/src/composite/numberInterval/numberInterval.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"numberInterval.mjs","sources":["../../../../../../../packages/components/src/composite/numberInterval/numberInterval.ts"],"sourcesContent":["import type { PropType } from 'vue';\r\nexport const numIntervalProps = {\r\n  modelValue: {\r\n    type: [String, Array] as PropType<string | number[]>,\r\n    required: true,\r\n  },\r\n  modelSeparator: {\r\n    type: String,\r\n  },\r\n  // 设置计数器允许的最小值\r\n  min: {\r\n    type: Number,\r\n  },\r\n  // 设置计数器允许的最大值\r\n  max: {\r\n    type: Number,\r\n  },\r\n  // 最小值占位符\r\n  minPlaceholder: {\r\n    type: String,\r\n    default: '最小值',\r\n  },\r\n  // 最大值占位符\r\n  maxPlaceholder: {\r\n    type: String,\r\n    default: '最大值',\r\n  },\r\n  // 禁用\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  // 禁用最小值\r\n  disabledMin: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  // 禁用最大值\r\n  disabledMax: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  // 分隔符\r\n  separator: {\r\n    type: String,\r\n    default: '-',\r\n  },\r\n  // 是否使用控制按钮\r\n  controls: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n};\r\n\r\nexport const numIntervalEmits = {\r\n  change: (...arg: any[]) => !!arg,\r\n  'update:modelValue': (...arg: any[]) => !!arg,\r\n};\r\n"],"names":[],"mappings":"AACO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,KAAK,CAAA;AAAA,IACpB,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,oBAAA;AAAA,GACX;AAAA;AAAA,EAEA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,oBAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,EAAA;AAEO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,MAAQ,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EAC7B,mBAAqB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAC5C;;;;"}
+{"version":3,"file":"numberInterval.mjs","sources":["../../../../../../../packages/components/src/composite/numberInterval/numberInterval.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\r\nexport const numIntervalProps = {\r\n  modelValue: {\r\n    type: [String, Array] as PropType<string | number[]>,\r\n    required: true,\r\n  },\r\n  modelSeparator: {\r\n    type: String,\r\n  },\r\n  // 设置计数器允许的最小值\r\n  min: {\r\n    type: Number,\r\n  },\r\n  // 设置计数器允许的最大值\r\n  max: {\r\n    type: Number,\r\n  },\r\n  // 最小值占位符\r\n  minPlaceholder: {\r\n    type: String,\r\n    default: '最小值',\r\n  },\r\n  // 最大值占位符\r\n  maxPlaceholder: {\r\n    type: String,\r\n    default: '最大值',\r\n  },\r\n  // 禁用\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  // 禁用最小值\r\n  disabledMin: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  // 禁用最大值\r\n  disabledMax: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  // 分隔符\r\n  separator: {\r\n    type: String,\r\n    default: '-',\r\n  },\r\n  // 是否使用控制按钮\r\n  controls: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  /**\r\n   * 最大值和最小值是否是两个输入框\r\n   */\r\n  multiple: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  clearable: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n};\r\n\r\nexport const numIntervalEmits = {\r\n  change: (...arg: any[]) => !!arg,\r\n  'update:modelValue': (...arg: any[]) => !!arg,\r\n};\r\n\r\nexport type NumberIntervalProps = ExtractPropTypes<typeof numIntervalProps>;\r\n"],"names":[],"mappings":"AACO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,KAAK,CAAA;AAAA,IACpB,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,oBAAA;AAAA,GACX;AAAA;AAAA,EAEA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,oBAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,EAAA;AAEO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,MAAQ,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EAC7B,mBAAqB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAC5C;;;;"}

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/index.mjs

@@ -12,6 +12,10 @@ export { SearchFormCascaderName, searchFormCascaderEmits, searchFormCascaderProp
 export { GmSearchFormCascader } from './searchFormItems/cascader/index.mjs';
 export { SearchFormDatePickerName, searchFormDatePickerEmits, searchFormDatePickerProps } from './searchFormItems/datePicker/searchFormDatePicker.mjs';
 export { GmSearchFormDatePicker } from './searchFormItems/datePicker/index.mjs';
+export { SearchFormSelectV2Name, searchFormSelectV2Emits, searchFormSelectV2Props } from './searchFormItems/selectV2/searchFormSelectV2.mjs';
+export { GmSearchFormSelectV2 } from './searchFormItems/selectV2/index.mjs';
+export { SearchFormNumberIntervalName, searchFormNumberIntervalEmits, searchFormNumberIntervalProps } from './searchFormItems/numberInterval/searchFormNumberInterval.mjs';
+export { GmSearchFormNumberInterval } from './searchFormItems/numberInterval/index.mjs';
 
 const GmSearchForm = withInstall(SearchForm);
 

package/es/components/src/composite/searchForm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","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":[],"mappings":";;;;;;;;;;;;;;;AAGa,MAAA,YAAA,GAAe,YAAY,UAAU;;;;"}
+{"version":3,"file":"index.mjs","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":[],"mappings":";;;;;;;;;;;;;;;;;;;AAGa,MAAA,YAAA,GAAe,YAAY,UAAU;;;;"}

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/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/es/components/src/composite/searchForm/searchFormItems/index.mjs

@@ -3,8 +3,12 @@ export { GmSearchFormInput } from './input/index.mjs';
 export { GmSearchFormSelect } from './select/index.mjs';
 export { GmSearchFormCascader } from './cascader/index.mjs';
 export { GmSearchFormDatePicker } from './datePicker/index.mjs';
+export { GmSearchFormSelectV2 } from './selectV2/index.mjs';
+export { GmSearchFormNumberInterval } from './numberInterval/index.mjs';
 export { SearchFormInputName, searchFormInputEmits, searchFormInputProps } from './input/searchFormInput.mjs';
 export { SearchFormSelectName, searchFormSelectEmits, searchFormSelectProps } from './select/searchFormSelect.mjs';
 export { SearchFormCascaderName, searchFormCascaderEmits, searchFormCascaderProps } from './cascader/searchFormCascader.mjs';
 export { SearchFormDatePickerName, searchFormDatePickerEmits, searchFormDatePickerProps } from './datePicker/searchFormDatePicker.mjs';
+export { SearchFormSelectV2Name, searchFormSelectV2Emits, searchFormSelectV2Props } from './selectV2/searchFormSelectV2.mjs';
+export { SearchFormNumberIntervalName, searchFormNumberIntervalEmits, searchFormNumberIntervalProps } from './numberInterval/searchFormNumberInterval.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/components/src/composite/searchForm/searchFormItems/index.mjs.map

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

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

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

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

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