giime 0.3.9 → 0.3.10

package/es/components/src/composite/searchForm/SearchForm.vue.d.ts

@@ -8,6 +8,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<import("./searchForm").SearchFormPropsOption[]>;
         default: () => never[];
     };
+    defaultShowMore: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:showSearch": (showSearch: boolean) => void;
     "update:queryParams": (queryParams: Record<string, any>) => void;
@@ -23,6 +27,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<import("./searchForm").SearchFormPropsOption[]>;
         default: () => never[];
     };
+    defaultShowMore: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:showSearch"?: ((showSearch: boolean) => any) | undefined;
     "onUpdate:queryParams"?: ((queryParams: Record<string, any>) => any) | undefined;
@@ -30,6 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onResetQuery?: ((...args: any[]) => any) | undefined;
 }, {
     options: import("./searchForm").SearchFormPropsOption[];
+    defaultShowMore: boolean;
 }, {}>, {
     default?(_: {}): any;
 }>;

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-75032027"], ["__file", "SearchForm.vue"]]);
+var SearchForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ec3af0bb"], ["__file", "SearchForm.vue"]]);
 
 export { SearchForm as default };
 //# sourceMappingURL=SearchForm.vue.mjs.map

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

@@ -29,7 +29,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const visibilityMarkRef = ref();
     const { width: queryDivWidth, height: queryDivHeight } = useElementSize(queryDivRef);
     const colsCount = computed(() => Math.floor(queryDivWidth.value / 269));
-    const showMore = ref(true);
+    const showMore = ref(props.defaultShowMore);
     const notShowShowMore = computed(() => showMore.value === true && queryDivHeight.value <= 70);
     const searchButtonItemStyle = computed(() => {
       if (notShowShowMore.value) {
@@ -161,13 +161,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                       1
                                       /* TEXT */
                                     ),
-                                    createVNode(_component_gm_icon, { class: "el-icon--right" }, {
+                                    createVNode(_component_gm_icon, {
+                                      class: normalizeClass(["el-icon--right", showMore.value ? "gm-rotate-180" : ""])
+                                    }, {
                                       default: withCtx(() => [
                                         createVNode(unref(ArrowDown))
                                       ]),
                                       _: 1
                                       /* STABLE */
-                                    })
+                                    }, 8, ["class"])
                                   ]),
                                   _: 1
                                   /* STABLE */

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":["<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=\"notShowShowMore ? '' : ' 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=\"!notShowShowMore\" 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, inject, nextTick, provide, ref } from 'vue';\r\nimport { useElementSize } from '@vueuse/core';\r\nimport { TableCtxKey } from '@giime/constants/table';\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 tableCtx = inject(TableCtxKey, {});\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\n// const markIsVisibility = useElementVisibility(visibilityMarkRef);\r\n\r\nconst { width: queryDivWidth, height: queryDivHeight } = useElementSize(queryDivRef);\r\n// 列个数\r\nconst colsCount = computed(() => Math.floor(queryDivWidth.value / 269));\r\nconst showMore = ref(true);\r\n// 当 showMore展开 且高度为60时，不显示展开按钮\r\nconst notShowShowMore = computed(() => showMore.value === true && queryDivHeight.value <= 70);\r\n\r\n/**搜索重置按钮组样式 */\r\nconst searchButtonItemStyle = computed<CSSProperties>(() => {\r\n  if (notShowShowMore.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  tableCtx?.tableRef?.value?.scrollTo({ top: 0, behavior: 'smooth' });\r\n  tableCtx.tableV2Ref?.value?.scrollTo({ scrollLeft: 0, scrollTop: 0 });\r\n};\r\nprovide(searchFormHandleQueryKey, handleQuery);\r\n\r\nconst resetQuery = () => {\r\n  queryRef.value?.resetFields();\r\n  emit('resetQuery');\r\n  tableCtx?.tableRef?.value?.scrollTo({ top: 0, behavior: 'smooth' });\r\n  tableCtx.tableV2Ref?.value?.scrollTo({ scrollLeft: 0, scrollTop: 0 });\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":"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"}
+{"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=\"notShowShowMore ? '' : ' 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=\"!notShowShowMore\" type=\"primary\" text @click=\"handleShowMoreChange\">\r\n                {{ showMore ? '缩起' : '展开' }} <gm-icon class=\"el-icon--right\" :class=\"showMore ? 'gm-rotate-180' : ''\"><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, inject, nextTick, provide, ref } from 'vue';\r\nimport { useElementSize } from '@vueuse/core';\r\nimport { TableCtxKey } from '@giime/constants/table';\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 tableCtx = inject(TableCtxKey, {});\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\n// const markIsVisibility = useElementVisibility(visibilityMarkRef);\r\n\r\nconst { width: queryDivWidth, height: queryDivHeight } = useElementSize(queryDivRef);\r\n// 列个数\r\nconst colsCount = computed(() => Math.floor(queryDivWidth.value / 269));\r\nconst showMore = ref(props.defaultShowMore);\r\n// 当 showMore展开 且高度为60时，不显示展开按钮\r\nconst notShowShowMore = computed(() => showMore.value === true && queryDivHeight.value <= 70);\r\n\r\n/**搜索重置按钮组样式 */\r\nconst searchButtonItemStyle = computed<CSSProperties>(() => {\r\n  if (notShowShowMore.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  tableCtx?.tableRef?.value?.scrollTo({ top: 0, behavior: 'smooth' });\r\n  tableCtx.tableV2Ref?.value?.scrollTo({ scrollLeft: 0, scrollTop: 0 });\r\n};\r\nprovide(searchFormHandleQueryKey, handleQuery);\r\n\r\nconst resetQuery = () => {\r\n  queryRef.value?.resetFields();\r\n  emit('resetQuery');\r\n  tableCtx?.tableRef?.value?.scrollTo({ top: 0, behavior: 'smooth' });\r\n  tableCtx.tableV2Ref?.value?.scrollTo({ scrollLeft: 0, scrollTop: 0 });\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":"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"}

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

@@ -10,6 +10,10 @@ export declare const GmSearchForm: import("../../../../utils").SFCWithInstall<{
             type: import("vue").PropType<import("./searchForm").SearchFormPropsOption[]>;
             default: () => never[];
         };
+        defaultShowMore: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:showSearch"?: ((showSearch: boolean) => any) | undefined;
         "onUpdate:queryParams"?: ((queryParams: Record<string, any>) => any) | undefined;
@@ -30,6 +34,10 @@ export declare const GmSearchForm: import("../../../../utils").SFCWithInstall<{
             type: import("vue").PropType<import("./searchForm").SearchFormPropsOption[]>;
             default: () => never[];
         };
+        defaultShowMore: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:showSearch"?: ((showSearch: boolean) => any) | undefined;
         "onUpdate:queryParams"?: ((queryParams: Record<string, any>) => any) | undefined;
@@ -37,6 +45,7 @@ export declare const GmSearchForm: import("../../../../utils").SFCWithInstall<{
         onResetQuery?: ((...args: any[]) => any) | undefined;
     }, {
         options: import("./searchForm").SearchFormPropsOption[];
+        defaultShowMore: boolean;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -54,6 +63,10 @@ export declare const GmSearchForm: import("../../../../utils").SFCWithInstall<{
             type: import("vue").PropType<import("./searchForm").SearchFormPropsOption[]>;
             default: () => never[];
         };
+        defaultShowMore: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:showSearch"?: ((showSearch: boolean) => any) | undefined;
         "onUpdate:queryParams"?: ((queryParams: Record<string, any>) => any) | undefined;
@@ -61,6 +74,7 @@ export declare const GmSearchForm: import("../../../../utils").SFCWithInstall<{
         onResetQuery?: ((...args: any[]) => any) | undefined;
     }, {}, {}, {}, {}, {
         options: import("./searchForm").SearchFormPropsOption[];
+        defaultShowMore: boolean;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -75,6 +89,10 @@ export declare const GmSearchForm: import("../../../../utils").SFCWithInstall<{
         type: import("vue").PropType<import("./searchForm").SearchFormPropsOption[]>;
         default: () => never[];
     };
+    defaultShowMore: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:showSearch"?: ((showSearch: boolean) => any) | undefined;
     "onUpdate:queryParams"?: ((queryParams: Record<string, any>) => any) | undefined;
@@ -87,6 +105,7 @@ export declare const GmSearchForm: import("../../../../utils").SFCWithInstall<{
     resetQuery: (...args: any[]) => void;
 }, string, {
     options: import("./searchForm").SearchFormPropsOption[];
+    defaultShowMore: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

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

@@ -16,6 +16,14 @@ export declare const searchFormProps: {
         type: PropType<SearchFormPropsOption[]>;
         default: () => never[];
     };
+    /**
+     * 默认展开还是缩起
+     * 默认已展开
+     */
+    defaultShowMore: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const searchFormEmits: {
     handleQuery: (...args: any[]) => any;

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

@@ -14,6 +14,14 @@ const searchFormProps = {
   options: {
     type: Array,
     default: () => []
+  },
+  /**
+   * 默认展开还是缩起
+   * 默认已展开
+   */
+  defaultShowMore: {
+    type: Boolean,
+    default: true
   }
 };
 const searchFormEmits = {

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

@@ -1 +1 @@
-{"version":3,"file":"searchForm.mjs","sources":["../../../../../../../packages/components/src/composite/searchForm/searchForm.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\nimport { SearchFormCascaderName, SearchFormDatePickerName, SearchFormInputName, SearchFormSelectName } from './searchFormItems';\r\nimport type { PropType } from 'vue';\r\nexport const searchFormItemList = [\r\n  { type: 'input', component: SearchFormInputName },\r\n  { type: 'select', component: SearchFormSelectName },\r\n  { type: 'cascader', component: SearchFormCascaderName },\r\n  { type: 'datePicker', component: SearchFormDatePickerName },\r\n];\r\nexport interface SearchFormPropsOption {\r\n  // 组件名\r\n  type: string;\r\n  // 组件所需的props\r\n  props: {\r\n    // 字段\r\n    prop: string;\r\n    [key: string]: any;\r\n  };\r\n  [key: string]: any;\r\n}\r\nexport const searchFormProps = {\r\n  options: {\r\n    type: Array as PropType<SearchFormPropsOption[]>,\r\n    default: () => [],\r\n  },\r\n};\r\n\r\nexport const searchFormEmits = {\r\n  handleQuery: (...args: any[]) => args as any,\r\n  resetQuery: (...args: any[]) => args as any,\r\n};\r\nexport type SearchFormEmits = typeof searchFormEmits;\r\n"],"names":[],"mappings":";;;;;;AAGO,MAAM,kBAAqB,GAAA;AAAA,EAChC,EAAE,IAAA,EAAM,OAAS,EAAA,SAAA,EAAW,mBAAoB,EAAA;AAAA,EAChD,EAAE,IAAA,EAAM,QAAU,EAAA,SAAA,EAAW,oBAAqB,EAAA;AAAA,EAClD,EAAE,IAAA,EAAM,UAAY,EAAA,SAAA,EAAW,sBAAuB,EAAA;AAAA,EACtD,EAAE,IAAA,EAAM,YAAc,EAAA,SAAA,EAAW,wBAAyB,EAAA;AAC5D,EAAA;AAYO,MAAM,eAAkB,GAAA;AAAA,EAC7B,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF,EAAA;AAEO,MAAM,eAAkB,GAAA;AAAA,EAC7B,WAAA,EAAa,IAAI,IAAgB,KAAA,IAAA;AAAA,EACjC,UAAA,EAAY,IAAI,IAAgB,KAAA,IAAA;AAClC;;;;"}
+{"version":3,"file":"searchForm.mjs","sources":["../../../../../../../packages/components/src/composite/searchForm/searchForm.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\nimport { SearchFormCascaderName, SearchFormDatePickerName, SearchFormInputName, SearchFormSelectName } from './searchFormItems';\r\nimport type { PropType } from 'vue';\r\nexport const searchFormItemList = [\r\n  { type: 'input', component: SearchFormInputName },\r\n  { type: 'select', component: SearchFormSelectName },\r\n  { type: 'cascader', component: SearchFormCascaderName },\r\n  { type: 'datePicker', component: SearchFormDatePickerName },\r\n];\r\nexport interface SearchFormPropsOption {\r\n  // 组件名\r\n  type: string;\r\n  // 组件所需的props\r\n  props: {\r\n    // 字段\r\n    prop: string;\r\n    [key: string]: any;\r\n  };\r\n  [key: string]: any;\r\n}\r\nexport const searchFormProps = {\r\n  options: {\r\n    type: Array as PropType<SearchFormPropsOption[]>,\r\n    default: () => [],\r\n  },\r\n  /**\r\n   * 默认展开还是缩起\r\n   * 默认已展开\r\n   */\r\n  defaultShowMore: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n};\r\n\r\nexport const searchFormEmits = {\r\n  handleQuery: (...args: any[]) => args as any,\r\n  resetQuery: (...args: any[]) => args as any,\r\n};\r\nexport type SearchFormEmits = typeof searchFormEmits;\r\n"],"names":[],"mappings":";;;;;;AAGO,MAAM,kBAAqB,GAAA;AAAA,EAChC,EAAE,IAAA,EAAM,OAAS,EAAA,SAAA,EAAW,mBAAoB,EAAA;AAAA,EAChD,EAAE,IAAA,EAAM,QAAU,EAAA,SAAA,EAAW,oBAAqB,EAAA;AAAA,EAClD,EAAE,IAAA,EAAM,UAAY,EAAA,SAAA,EAAW,sBAAuB,EAAA;AAAA,EACtD,EAAE,IAAA,EAAM,YAAc,EAAA,SAAA,EAAW,wBAAyB,EAAA;AAC5D,EAAA;AAYO,MAAM,eAAkB,GAAA;AAAA,EAC7B,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,EAAA;AAEO,MAAM,eAAkB,GAAA;AAAA,EAC7B,WAAA,EAAa,IAAI,IAAgB,KAAA,IAAA;AAAA,EACjC,UAAA,EAAY,IAAI,IAAgB,KAAA,IAAA;AAClC;;;;"}

package/es/components/src/composite/searchForm/searchFormItems/cascader/SearchFormCascader.vue.d.ts

@@ -27,8 +27,8 @@ declare const _default: import("vue").DefineComponent<{
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
-                props: import("element-plus").CascaderProps;
                 border: boolean;
+                props: import("element-plus").CascaderProps;
                 options: import("element-plus").CascaderOption[];
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 border: {
@@ -45,9 +45,9 @@ declare const _default: import("vue").DefineComponent<{
                 options: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]) | ((new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]))[], unknown, unknown, () => import("element-plus").CascaderOption[], boolean>;
                 props: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderProps) | (() => import("element-plus").CascaderProps) | ((new (...args: any[]) => import("element-plus").CascaderProps) | (() => import("element-plus").CascaderProps))[], unknown, unknown, () => import("element-plus").CascaderProps, boolean>;
             }>> & {
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 onChange?: ((...args: any[]) => any) | undefined;
                 onClose?: ((...args: any[]) => any) | undefined;
-                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 "onExpand-change"?: ((...args: any[]) => any) | undefined;
             } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "options" | "props" | "border">;
             $attrs: {
@@ -78,9 +78,9 @@ declare const _default: import("vue").DefineComponent<{
                 options: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]) | ((new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]))[], unknown, unknown, () => import("element-plus").CascaderOption[], boolean>;
                 props: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderProps) | (() => import("element-plus").CascaderProps) | ((new (...args: any[]) => import("element-plus").CascaderProps) | (() => import("element-plus").CascaderProps))[], unknown, unknown, () => import("element-plus").CascaderProps, boolean>;
             }>> & {
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 onChange?: ((...args: any[]) => any) | undefined;
                 onClose?: ((...args: any[]) => any) | undefined;
-                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 "onExpand-change"?: ((...args: any[]) => any) | undefined;
             }, {
                 ns: {
@@ -226,8 +226,8 @@ declare const _default: import("vue").DefineComponent<{
                 calculateCheckedValue: () => void;
                 scrollToExpandingNode: () => void;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:modelValue" | "expand-change")[], string, {
-                props: import("element-plus").CascaderProps;
                 border: boolean;
+                props: import("element-plus").CascaderProps;
                 options: import("element-plus").CascaderOption[];
             }, {}, string, {}> & {
                 beforeCreate?: (() => void) | (() => void)[] | undefined;
@@ -264,9 +264,9 @@ declare const _default: import("vue").DefineComponent<{
             options: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]) | ((new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]))[], unknown, unknown, () => import("element-plus").CascaderOption[], boolean>;
             props: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderProps) | (() => import("element-plus").CascaderProps) | ((new (...args: any[]) => import("element-plus").CascaderProps) | (() => import("element-plus").CascaderProps))[], unknown, unknown, () => import("element-plus").CascaderProps, boolean>;
         }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onChange?: ((...args: any[]) => any) | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             "onExpand-change"?: ((...args: any[]) => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{
             ns: {
@@ -416,11 +416,11 @@ declare const _default: import("vue").DefineComponent<{
         contentRef: HTMLElement | undefined;
     };
     formItemExposes: {
-        size?: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown> | undefined;
-        validateState: "" | "error" | "success" | "validating";
+        size: "" | "default" | "small" | "large";
         validate: (trigger: string, callback?: import("element-plus").FormValidateCallback | undefined) => import("element-plus").FormValidationResult;
         clearValidate: () => void;
         validateMessage: string;
+        validateState: "" | "error" | "success" | "validating";
         resetField: () => void;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -453,8 +453,8 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((modelValue: import("element-plus/es/components/cascader-panel/src/node").CascaderValue | undefined) => any) | undefined;
 }, {
     options: import("./searchFormCascader").SearchFormCascaderPropsOption[];
-    label: string;
     disabled: boolean;
+    label: string;
     cascaderProps: import("element-plus").CascaderProps;
 }, {}>;
 export default _default;

package/es/components/src/composite/searchForm/searchFormItems/cascader/index.d.ts

@@ -28,8 +28,8 @@ export declare const GmSearchFormCascader: import("../../../../../../utils").SFC
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
-                props: import("element-plus").CascaderProps;
                 border: boolean;
+                props: import("element-plus").CascaderProps;
                 options: import("element-plus").CascaderOption[];
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 border: {
@@ -46,9 +46,9 @@ export declare const GmSearchFormCascader: import("../../../../../../utils").SFC
                 options: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]) | ((new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]))[], unknown, unknown, () => import("element-plus").CascaderOption[], boolean>;
                 props: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderProps) | (() => import("element-plus").CascaderProps) | ((new (...args: any[]) => import("element-plus").CascaderProps) | (() => import("element-plus").CascaderProps))[], unknown, unknown, () => import("element-plus").CascaderProps, boolean>;
             }>> & {
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 onChange?: ((...args: any[]) => any) | undefined;
                 onClose?: ((...args: any[]) => any) | undefined;
-                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 "onExpand-change"?: ((...args: any[]) => any) | undefined;
             } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "options" | "props" | "border">;
             $attrs: {
@@ -79,9 +79,9 @@ export declare const GmSearchFormCascader: import("../../../../../../utils").SFC
                 options: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]) | ((new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]))[], unknown, unknown, () => import("element-plus").CascaderOption[], boolean>;
                 props: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderProps) | (() => import("element-plus").CascaderProps) | ((new (...args: any[]) => import("element-plus").CascaderProps) | (() => import("element-plus").CascaderProps))[], unknown, unknown, () => import("element-plus").CascaderProps, boolean>;
             }>> & {
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 onChange?: ((...args: any[]) => any) | undefined;
                 onClose?: ((...args: any[]) => any) | undefined;
-                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 "onExpand-change"?: ((...args: any[]) => any) | undefined;
             }, {
                 ns: {
@@ -227,8 +227,8 @@ export declare const GmSearchFormCascader: import("../../../../../../utils").SFC
                 calculateCheckedValue: () => void;
                 scrollToExpandingNode: () => void;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:modelValue" | "expand-change")[], string, {
-                props: import("element-plus").CascaderProps;
                 border: boolean;
+                props: import("element-plus").CascaderProps;
                 options: import("element-plus").CascaderOption[];
             }, {}, string, {}> & {
                 beforeCreate?: (() => void) | (() => void)[] | undefined;
@@ -265,9 +265,9 @@ export declare const GmSearchFormCascader: import("../../../../../../utils").SFC
             options: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]) | ((new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]))[], unknown, unknown, () => import("element-plus").CascaderOption[], boolean>;
             props: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderProps) | (() => import("element-plus").CascaderProps) | ((new (...args: any[]) => import("element-plus").CascaderProps) | (() => import("element-plus").CascaderProps))[], unknown, unknown, () => import("element-plus").CascaderProps, boolean>;
         }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onChange?: ((...args: any[]) => any) | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             "onExpand-change"?: ((...args: any[]) => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{
             ns: {
@@ -417,11 +417,11 @@ export declare const GmSearchFormCascader: import("../../../../../../utils").SFC
         contentRef: HTMLElement | undefined;
     };
     formItemExposes: {
-        size?: import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown> | undefined;
-        validateState: "" | "error" | "success" | "validating";
+        size: "" | "default" | "small" | "large";
         validate: (trigger: string, callback?: import("element-plus").FormValidateCallback | undefined) => import("element-plus").FormValidationResult;
         clearValidate: () => void;
         validateMessage: string;
+        validateState: "" | "error" | "success" | "validating";
         resetField: () => void;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -454,8 +454,8 @@ export declare const GmSearchFormCascader: import("../../../../../../utils").SFC
     "onUpdate:modelValue"?: ((modelValue: import("element-plus/es/components/cascader-panel/src/node.js").CascaderValue | undefined) => any) | undefined;
 }, {
     options: import("./searchFormCascader").SearchFormCascaderPropsOption[];
-    label: string;
     disabled: boolean;
+    label: string;
     cascaderProps: import("element-plus").CascaderProps;
 }, {}>> & Record<string, any>;
 export type SearchFormCascaderInstance = InstanceType<typeof SearchFormCascader>;

package/es/components/src/composite/searchForm/searchFormItems/datePicker/SearchFormDatePicker.vue.d.ts

@@ -1,6 +1,6 @@
 import type { ModelValueType } from 'element-plus';
 declare const _default: import("vue").DefineComponent<{
-    modelValue: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | Date | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => ModelValueType) | ((new (...args: any[]) => string | number | Date | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => ModelValueType))[], unknown, unknown> | undefined>;
+    modelValue: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => ModelValueType) | ((new (...args: any[]) => string | number | Date | string[] | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => ModelValueType))[], unknown, unknown> | undefined>;
     label: {
         type: StringConstructor;
         default: string;
@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     type: {
-        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "date" | "daterange" | "month" | "year" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange") | (() => import("element-plus/es/components/date-picker/src/date-picker.type").IDatePickerType) | ((new (...args: any[]) => "date" | "daterange" | "month" | "year" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange") | (() => import("element-plus/es/components/date-picker/src/date-picker.type").IDatePickerType))[], unknown, unknown>>;
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange") | (() => import("element-plus/es/components/date-picker/src/date-picker.type").IDatePickerType) | ((new (...args: any[]) => "date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange") | (() => import("element-plus/es/components/date-picker/src/date-picker.type").IDatePickerType))[], unknown, unknown>>;
         required: true;
     };
     shortcuts: {
@@ -32,15 +32,21 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string | undefined>;
         default: string;
     };
+    startPlaceholder: {
+        type: StringConstructor;
+    };
+    endPlaceholder: {
+        type: StringConstructor;
+    };
     disabled: {
         type: BooleanConstructor;
         default: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | Date | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => ModelValueType) | ((new (...args: any[]) => string | number | Date | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => ModelValueType))[], unknown, unknown> | undefined) => void;
+    "update:modelValue": (modelValue: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => ModelValueType) | ((new (...args: any[]) => string | number | Date | string[] | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => ModelValueType))[], unknown, unknown> | undefined) => void;
     change: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | Date | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => ModelValueType) | ((new (...args: any[]) => string | number | Date | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => ModelValueType))[], unknown, unknown> | undefined>;
+    modelValue: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => ModelValueType) | ((new (...args: any[]) => string | number | Date | string[] | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => ModelValueType))[], unknown, unknown> | undefined>;
     label: {
         type: StringConstructor;
         default: string;
@@ -50,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     type: {
-        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "date" | "daterange" | "month" | "year" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange") | (() => import("element-plus/es/components/date-picker/src/date-picker.type").IDatePickerType) | ((new (...args: any[]) => "date" | "daterange" | "month" | "year" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange") | (() => import("element-plus/es/components/date-picker/src/date-picker.type").IDatePickerType))[], unknown, unknown>>;
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange") | (() => import("element-plus/es/components/date-picker/src/date-picker.type").IDatePickerType) | ((new (...args: any[]) => "date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange") | (() => import("element-plus/es/components/date-picker/src/date-picker.type").IDatePickerType))[], unknown, unknown>>;
         required: true;
     };
     shortcuts: {
@@ -72,16 +78,22 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string | undefined>;
         default: string;
     };
+    startPlaceholder: {
+        type: StringConstructor;
+    };
+    endPlaceholder: {
+        type: StringConstructor;
+    };
     disabled: {
         type: BooleanConstructor;
         default: false;
     };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((modelValue: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | Date | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => ModelValueType) | ((new (...args: any[]) => string | number | Date | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => ModelValueType))[], unknown, unknown> | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((modelValue: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => ModelValueType) | ((new (...args: any[]) => string | number | Date | string[] | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => ModelValueType))[], unknown, unknown> | undefined) => any) | undefined;
 }, {
-    label: string;
     disabled: boolean;
+    label: string;
     valueFormat: string | undefined;
 }, {}>;
 export default _default;

package/es/components/src/composite/searchForm/searchFormItems/datePicker/SearchFormDatePicker.vue2.mjs

@@ -37,8 +37,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             clearable: "",
             disabled: _ctx.disabled,
             placeholder: _ctx.label,
-            "start-placeholder": `${_ctx.label}\u5F00\u59CB\u65E5\u671F`,
-            "end-placeholder": `${_ctx.label}\u7ED3\u675F\u65E5\u671F`,
+            "start-placeholder": _ctx.startPlaceholder ?? `${_ctx.label}\u5F00\u59CB\u65E5\u671F`,
+            "end-placeholder": _ctx.endPlaceholder ?? `${_ctx.label}\u7ED3\u675F\u65E5\u671F`,
             style: {
               "--el-date-editor-width": "100%"
             },

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': '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\n// const 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;AAMpD,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=\"startPlaceholder ?? `${label}开始日期`\"\r\n      :end-placeholder=\"endPlaceholder ?? `${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\n// const 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;AAMpD,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/datePicker/index.d.ts

@@ -1,6 +1,6 @@
 import SearchFormDatePicker from './SearchFormDatePicker.vue';
 export declare const GmSearchFormDatePicker: import("../../../../../../utils").SFCWithInstall<import("vue").DefineComponent<{
-    modelValue: import("vue").PropType<import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | number | Date | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => import("element-plus").ModelValueType) | ((new (...args: any[]) => string | number | Date | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => import("element-plus").ModelValueType))[], unknown, unknown> | undefined>;
+    modelValue: import("vue").PropType<import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => import("element-plus").ModelValueType) | ((new (...args: any[]) => string | number | Date | string[] | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => import("element-plus").ModelValueType))[], unknown, unknown> | undefined>;
     label: {
         type: StringConstructor;
         default: string;
@@ -10,7 +10,7 @@ export declare const GmSearchFormDatePicker: import("../../../../../../utils").S
         required: true;
     };
     type: {
-        type: import("vue").PropType<import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => "date" | "daterange" | "month" | "year" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange") | (() => import("element-plus/es/components/date-picker/src/date-picker.type.js").IDatePickerType) | ((new (...args: any[]) => "date" | "daterange" | "month" | "year" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange") | (() => import("element-plus/es/components/date-picker/src/date-picker.type.js").IDatePickerType))[], unknown, unknown>>;
+        type: import("vue").PropType<import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => "date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange") | (() => import("element-plus/es/components/date-picker/src/date-picker.type.js").IDatePickerType) | ((new (...args: any[]) => "date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange") | (() => import("element-plus/es/components/date-picker/src/date-picker.type.js").IDatePickerType))[], unknown, unknown>>;
         required: true;
     };
     shortcuts: {
@@ -32,15 +32,21 @@ export declare const GmSearchFormDatePicker: import("../../../../../../utils").S
         type: import("vue").PropType<string | undefined>;
         default: string;
     };
+    startPlaceholder: {
+        type: StringConstructor;
+    };
+    endPlaceholder: {
+        type: StringConstructor;
+    };
     disabled: {
         type: BooleanConstructor;
         default: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | number | Date | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => import("element-plus").ModelValueType) | ((new (...args: any[]) => string | number | Date | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => import("element-plus").ModelValueType))[], unknown, unknown> | undefined) => void;
+    "update:modelValue": (modelValue: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => import("element-plus").ModelValueType) | ((new (...args: any[]) => string | number | Date | string[] | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => import("element-plus").ModelValueType))[], unknown, unknown> | undefined) => void;
     change: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: import("vue").PropType<import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | number | Date | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => import("element-plus").ModelValueType) | ((new (...args: any[]) => string | number | Date | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => import("element-plus").ModelValueType))[], unknown, unknown> | undefined>;
+    modelValue: import("vue").PropType<import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => import("element-plus").ModelValueType) | ((new (...args: any[]) => string | number | Date | string[] | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => import("element-plus").ModelValueType))[], unknown, unknown> | undefined>;
     label: {
         type: StringConstructor;
         default: string;
@@ -50,7 +56,7 @@ export declare const GmSearchFormDatePicker: import("../../../../../../utils").S
         required: true;
     };
     type: {
-        type: import("vue").PropType<import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => "date" | "daterange" | "month" | "year" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange") | (() => import("element-plus/es/components/date-picker/src/date-picker.type.js").IDatePickerType) | ((new (...args: any[]) => "date" | "daterange" | "month" | "year" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange") | (() => import("element-plus/es/components/date-picker/src/date-picker.type.js").IDatePickerType))[], unknown, unknown>>;
+        type: import("vue").PropType<import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => "date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange") | (() => import("element-plus/es/components/date-picker/src/date-picker.type.js").IDatePickerType) | ((new (...args: any[]) => "date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange") | (() => import("element-plus/es/components/date-picker/src/date-picker.type.js").IDatePickerType))[], unknown, unknown>>;
         required: true;
     };
     shortcuts: {
@@ -72,16 +78,22 @@ export declare const GmSearchFormDatePicker: import("../../../../../../utils").S
         type: import("vue").PropType<string | undefined>;
         default: string;
     };
+    startPlaceholder: {
+        type: StringConstructor;
+    };
+    endPlaceholder: {
+        type: StringConstructor;
+    };
     disabled: {
         type: BooleanConstructor;
         default: false;
     };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((modelValue: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | number | Date | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => import("element-plus").ModelValueType) | ((new (...args: any[]) => string | number | Date | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => import("element-plus").ModelValueType))[], unknown, unknown> | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((modelValue: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => import("element-plus").ModelValueType) | ((new (...args: any[]) => string | number | Date | string[] | [import("element-plus").DateModelType, import("element-plus").DateModelType]) | (() => import("element-plus").ModelValueType))[], unknown, unknown> | undefined) => any) | undefined;
 }, {
-    label: string;
     disabled: boolean;
+    label: string;
     valueFormat: string | undefined;
 }, {}>> & Record<string, any>;
 export type SearchFormDatePickerInstance = InstanceType<typeof SearchFormDatePicker>;

package/es/components/src/composite/searchForm/searchFormItems/datePicker/searchFormDatePicker.d.ts

@@ -9,7 +9,7 @@ export declare const searchFormDatePickerProps: {
         required: true;
     };
     type: {
-        type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "date" | "daterange" | "month" | "year" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange") | (() => import("element-plus/es/components/date-picker/src/date-picker.type").IDatePickerType) | ((new (...args: any[]) => "date" | "daterange" | "month" | "year" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange") | (() => import("element-plus/es/components/date-picker/src/date-picker.type").IDatePickerType))[], unknown, unknown>>;
+        type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange") | (() => import("element-plus/es/components/date-picker/src/date-picker.type").IDatePickerType) | ((new (...args: any[]) => "date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange") | (() => import("element-plus/es/components/date-picker/src/date-picker.type").IDatePickerType))[], unknown, unknown>>;
         required: true;
     };
     shortcuts: {
@@ -31,6 +31,12 @@ export declare const searchFormDatePickerProps: {
         type: PropType<string | undefined>;
         default: string;
     };
+    startPlaceholder: {
+        type: StringConstructor;
+    };
+    endPlaceholder: {
+        type: StringConstructor;
+    };
     disabled: {
         type: BooleanConstructor;
         default: false;

package/es/components/src/composite/searchForm/searchFormItems/datePicker/searchFormDatePicker.mjs

@@ -24,6 +24,12 @@ const searchFormDatePickerProps = {
   valueFormat: {
     type: String,
     default: "YYYY-MM-DD"
+  },
+  startPlaceholder: {
+    type: String
+  },
+  endPlaceholder: {
+    type: String
   }
 };
 const searchFormDatePickerEmits = {