giime 0.4.7 → 0.4.8

package/dist/index.css

@@ -1,3 +1,132 @@
+[data-v-29f682ba] .el-upload-dragger {
+  padding: 10px;
+  border: none;
+}
+
+.gm-upload-preview-dialog[data-v-29f682ba] [data-v-29f682ba] .el-dialog__body {
+  padding: 0;
+}
+
+[data-v-29f682ba] .el-upload-list__item, [data-v-29f682ba] .el-upload--picture-card {
+  width: 120px;
+  height: 120px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.gm-upload-material .el-overlay-dialog {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.gm-upload-material .el-dialog {
+  margin: 0;
+}
+.gm-upload-material .el-dialog__body {
+  max-height: calc(100vh - 100px);
+  overflow-y: auto;
+}
+.gm-upload-material .el-dialog__body video,
+.gm-upload-material .el-dialog__body img {
+  max-height: calc(100vh - 150px);
+}
+.gm-flex-center[data-v-2a79bac9] {
+  align-items: center;
+}
+
+.gm-flex-justify-between[data-v-2a79bac9] {
+  justify-content: space-between;
+}
+.circular[data-v-b391445c] {
+  animation: loading-rotate-b391445c 2s linear infinite;
+}
+
+.path[data-v-b391445c] {
+  animation: loading-dash-b391445c 1.5s ease-in-out infinite;
+  stroke-dasharray: 90, 150;
+  stroke-dashoffset: 0;
+  stroke: var(--el-color-primary);
+  stroke-linecap: round;
+}
+
+@keyframes loading-rotate-b391445c {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes loading-dash-b391445c {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -40px;
+  }
+  100% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -120px;
+  }
+}
+
+.gm-range-number .el-form-item[data-v-11c39847] {
+  margin: 0;
+}
+
+[data-v-7b6755e2] .gmSearchForm .el-form-item {
+  margin-right: 0;
+  margin-bottom: 4px;
+}
+[data-v-a0a106bd] .gmTableNoBorder .el-table__body .el-table__cell {
+  border-right: none;
+}
+
+[data-v-a0a106bd] .gmTableNoBorder .el-table__inner-wrapper:before {
+  height: 0;
+}
+
+[data-v-a0a106bd] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+  height: 0;
+}
+
+[data-v-a0a106bd] .gmTableNoBorder.el-table--border:after {
+  height: 0;
+}
+
+[data-v-a0a106bd] .gmTableNoBorder.el-table--border:before {
+  height: 0;
+}
+
+[data-v-a0a106bd] .gmTableNoBorder .el-table__border-left-patch {
+  height: 0;
+}
+
+.pagination-container[data-v-19230954] {
+  background: #fff;
+  padding-top: 12px;
+}
+.pagination-container.hidden[data-v-19230954] {
+  display: none;
+}
+
+.gm-number-interval-single[data-v-47a13fd0] {
+  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
+  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
+  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
+}
+.gm-number-interval-single[data-v-47a13fd0] [data-v-47a13fd0] .el-input__wrapper {
+  box-shadow: none;
+  background: none;
+}
+
+.gm-number-interval-close[data-v-47a13fd0] {
+  display: none;
+  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
+}
+
+.gm-number-interval-single[data-v-47a13fd0]:hover .gm-number-interval-close[data-v-47a13fd0] {
+  display: flex;
+}
 /*
 ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
 *//*
@@ -776,133 +905,4 @@ video {
 }
 .gm-group:hover .group-hover\:gm-block {
   display: block;
-}
-.gm-upload-material .el-overlay-dialog {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.gm-upload-material .el-dialog {
-  margin: 0;
-}
-.gm-upload-material .el-dialog__body {
-  max-height: calc(100vh - 100px);
-  overflow-y: auto;
-}
-.gm-upload-material .el-dialog__body video,
-.gm-upload-material .el-dialog__body img {
-  max-height: calc(100vh - 150px);
-}
-[data-v-29f682ba] .el-upload-dragger {
-  padding: 10px;
-  border: none;
-}
-
-.gm-upload-preview-dialog[data-v-29f682ba] [data-v-29f682ba] .el-dialog__body {
-  padding: 0;
-}
-
-[data-v-29f682ba] .el-upload-list__item, [data-v-29f682ba] .el-upload--picture-card {
-  width: 120px;
-  height: 120px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.gm-flex-center[data-v-2a79bac9] {
-  align-items: center;
-}
-
-.gm-flex-justify-between[data-v-2a79bac9] {
-  justify-content: space-between;
-}
-.circular[data-v-b391445c] {
-  animation: loading-rotate-b391445c 2s linear infinite;
-}
-
-.path[data-v-b391445c] {
-  animation: loading-dash-b391445c 1.5s ease-in-out infinite;
-  stroke-dasharray: 90, 150;
-  stroke-dashoffset: 0;
-  stroke: var(--el-color-primary);
-  stroke-linecap: round;
-}
-
-@keyframes loading-rotate-b391445c {
-  to {
-    transform: rotate(360deg);
-  }
-}
-@keyframes loading-dash-b391445c {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -40px;
-  }
-  100% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -120px;
-  }
-}
-
-.gm-range-number .el-form-item[data-v-11c39847] {
-  margin: 0;
-}
-
-[data-v-ec3af0bb] .gmSearchForm .el-form-item {
-  margin-right: 0;
-  margin-bottom: 4px;
-}
-[data-v-a0a106bd] .gmTableNoBorder .el-table__body .el-table__cell {
-  border-right: none;
-}
-
-[data-v-a0a106bd] .gmTableNoBorder .el-table__inner-wrapper:before {
-  height: 0;
-}
-
-[data-v-a0a106bd] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
-  height: 0;
-}
-
-[data-v-a0a106bd] .gmTableNoBorder.el-table--border:after {
-  height: 0;
-}
-
-[data-v-a0a106bd] .gmTableNoBorder.el-table--border:before {
-  height: 0;
-}
-
-[data-v-a0a106bd] .gmTableNoBorder .el-table__border-left-patch {
-  height: 0;
-}
-
-.pagination-container[data-v-19230954] {
-  background: #fff;
-  padding-top: 12px;
-}
-.pagination-container.hidden[data-v-19230954] {
-  display: none;
-}
-
-.gm-number-interval-single[data-v-47a13fd0] {
-  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
-  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
-  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
-}
-.gm-number-interval-single[data-v-47a13fd0] [data-v-47a13fd0] .el-input__wrapper {
-  box-shadow: none;
-  background: none;
-}
-
-.gm-number-interval-close[data-v-47a13fd0] {
-  display: none;
-  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
-}
-
-.gm-number-interval-single[data-v-47a13fd0]:hover .gm-number-interval-close[data-v-47a13fd0] {
-  display: flex;
 }

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

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

@@ -56,6 +56,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
     });
     const queryRef = ref();
+    tableCtx.queryRef = queryRef;
     const handleQuery = (...args) => {
       emit("handleQuery", ...args);
       tableCtx?.tableRef?.value?.scrollTo({ top: 0, behavior: "smooth" });

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\" :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":";;;;;;;AACA,MAAM,OAAU,GAAA,CAAA,CAAA;;;;;;;;;;;;;;AAsChB,IAAA,MAAM,QAAW,GAAA,MAAA,CAAO,WAAa,EAAA,EAAE,CAAA,CAAA;AAEvC,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;AAG9C,IAAA,MAAM,EAAE,KAAO,EAAA,aAAA,EAAe,QAAQ,cAAe,EAAA,GAAI,eAAe,WAAW,CAAA,CAAA;AAEnF,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM,IAAA,CAAK,MAAM,aAAc,CAAA,KAAA,GAAQ,GAAG,CAAC,CAAA,CAAA;AACtE,IAAM,MAAA,QAAA,GAAW,GAAI,CAAA,KAAA,CAAM,eAAe,CAAA,CAAA;AAE1C,IAAM,MAAA,eAAA,GAAkB,SAAS,MAAM,QAAA,CAAS,UAAU,IAAQ,IAAA,cAAA,CAAe,SAAS,EAAE,CAAA,CAAA;AAG5F,IAAM,MAAA,qBAAA,GAAwB,SAAwB,MAAM;AAC1D,MAAA,IAAI,gBAAgB,KAAO,EAAA;AACzB,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;AAC3B,MAAU,QAAA,EAAA,QAAA,EAAU,OAAO,QAAS,CAAA,EAAE,KAAK,CAAG,EAAA,QAAA,EAAU,UAAU,CAAA,CAAA;AAClE,MAAS,QAAA,CAAA,UAAA,EAAY,OAAO,QAAS,CAAA,EAAE,YAAY,CAAG,EAAA,SAAA,EAAW,GAAG,CAAA,CAAA;AAAA,KACtE,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;AACjB,MAAU,QAAA,EAAA,QAAA,EAAU,OAAO,QAAS,CAAA,EAAE,KAAK,CAAG,EAAA,QAAA,EAAU,UAAU,CAAA,CAAA;AAClE,MAAS,QAAA,CAAA,UAAA,EAAY,OAAO,QAAS,CAAA,EAAE,YAAY,CAAG,EAAA,SAAA,EAAW,GAAG,CAAA,CAAA;AAAA,KACtE,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=\"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// 上下文添加queryRef\r\ntableCtx.queryRef = queryRef;\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":";;;;;;;AACA,MAAM,OAAU,GAAA,CAAA,CAAA;;;;;;;;;;;;;;AAsChB,IAAA,MAAM,QAAW,GAAA,MAAA,CAAO,WAAa,EAAA,EAAE,CAAA,CAAA;AAEvC,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;AAG9C,IAAA,MAAM,EAAE,KAAO,EAAA,aAAA,EAAe,QAAQ,cAAe,EAAA,GAAI,eAAe,WAAW,CAAA,CAAA;AAEnF,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM,IAAA,CAAK,MAAM,aAAc,CAAA,KAAA,GAAQ,GAAG,CAAC,CAAA,CAAA;AACtE,IAAM,MAAA,QAAA,GAAW,GAAI,CAAA,KAAA,CAAM,eAAe,CAAA,CAAA;AAE1C,IAAM,MAAA,eAAA,GAAkB,SAAS,MAAM,QAAA,CAAS,UAAU,IAAQ,IAAA,cAAA,CAAe,SAAS,EAAE,CAAA,CAAA;AAG5F,IAAM,MAAA,qBAAA,GAAwB,SAAwB,MAAM;AAC1D,MAAA,IAAI,gBAAgB,KAAO,EAAA;AACzB,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,IAAA,QAAA,CAAS,QAAW,GAAA,QAAA,CAAA;AACpB,IAAM,MAAA,WAAA,GAAc,IAAI,IAAgB,KAAA;AACtC,MAAK,IAAA,CAAA,aAAA,EAAe,GAAG,IAAI,CAAA,CAAA;AAC3B,MAAU,QAAA,EAAA,QAAA,EAAU,OAAO,QAAS,CAAA,EAAE,KAAK,CAAG,EAAA,QAAA,EAAU,UAAU,CAAA,CAAA;AAClE,MAAS,QAAA,CAAA,UAAA,EAAY,OAAO,QAAS,CAAA,EAAE,YAAY,CAAG,EAAA,SAAA,EAAW,GAAG,CAAA,CAAA;AAAA,KACtE,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;AACjB,MAAU,QAAA,EAAA,QAAA,EAAU,OAAO,QAAS,CAAA,EAAE,KAAK,CAAG,EAAA,QAAA,EAAU,UAAU,CAAA,CAAA;AAClE,MAAS,QAAA,CAAA,UAAA,EAAY,OAAO,QAAS,CAAA,EAAE,YAAY,CAAG,EAAA,SAAA,EAAW,GAAG,CAAA,CAAA;AAAA,KACtE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/src/composite/tablePro/tableToolbar/TableToolbar.vue2.mjs

@@ -50,6 +50,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       searchform.value.name = "";
     };
     const applySettings = (item) => {
+      tableCtx.queryRef?.value?.resetFields?.();
       for (const key in item.value) {
         if (hasOwn(item.value, key) && hasOwn(queryParams.value, key)) {
           queryParams.value[key] = item.value[key];

package/es/components/src/composite/tablePro/tableToolbar/TableToolbar.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableToolbar.vue2.mjs","sources":["../../../../../../../../packages/components/src/composite/tablePro/tableToolbar/TableToolbar.vue"],"sourcesContent":["<script lang=\"ts\">\nconst customSettingType = 'quickQueryList'\n</script>\n<template>\r\n  <div>\r\n    <gm-row :gutter=\"10\" style=\"margin-right: 0\">\r\n      <gm-col v-if=\"isNumber(total)\" :span=\"1.5\" class=\"gm-text-[14px] gm-leading-[32px]\">\r\n        <span>共 {{ total }} 条</span>\r\n      </gm-col>\r\n      <gm-col v-if=\"isNumber(selectedCount)\" :span=\"2.5\" class=\"gm-mr-2 gm-text-[14px] gm-leading-[32px]\">\r\n        <span\r\n          >已选择<span class=\"gm-inline-block gm-min-w-[20px] gm-text-center\">{{ selectedCount }}</span\r\n          >项</span\r\n        >\r\n      </gm-col>\r\n      <slot />\r\n      <!-- <right-toolbar v-model:showSearch=\"showSearch\" @queryTable=\"emits('getList')\" /> -->\r\n      <div class=\"gm-ml-auto\">\r\n        <div class=\"gm-flex\">\r\n          <gm-button plain class=\"gm-mr-2 gm-block\" @click.stop=\"openSaveSearchDialog()\">保存查询</gm-button>\r\n          <gm-dropdown trigger=\"click\" class=\"gm-mr-3 hover:gm-outline-none\">\r\n            <gm-button plain type=\"\">\r\n              快捷查询<gm-icon class=\"el-icon--right\"><ArrowDown /></gm-icon>\r\n            </gm-button>\r\n            <template #dropdown>\r\n              <gm-dropdown-menu class=\"gm-min-w-[200px]\">\r\n                <div v-if=\"customSettingsValue.length === 0\" class=\"gm-my-5 gm-text-center gm-text-base gm-font-bold gm-text-gray-700\">暂无数据</div>\r\n                <gm-dropdown-item\r\n                  v-for=\"item in customSettingsValue\"\r\n                  :key=\"item.uuid\"\r\n                  class=\"gm-group gm-flex gm-justify-between\"\r\n                  @click=\"applySettings(item)\"\r\n                >\r\n                  <span> {{ item.name }} </span>\r\n                  <gm-icon class=\"gm-hidden hover:gm-text-red-500 group-hover:gm-block\" @click.stop=\"deleteSettins(item)\"> <Delete /> </gm-icon>\r\n                </gm-dropdown-item>\r\n                <div class=\"gm-m-2\">\r\n                  <!-- <gm-button :loading=\"submitLoading\" size=\"small\" type=\"\" @click=\"onClear\">清空</gm-button> -->\r\n                  <gm-button :loading=\"syncLoading\" size=\"small\" type=\"success\" @click=\"onSyncRemote\">同步</gm-button>\r\n                </div>\r\n              </gm-dropdown-menu>\r\n            </template>\r\n          </gm-dropdown>\r\n          <gm-tooltip class=\"item\" effect=\"dark\" :content=\"showSearch ? '隐藏搜索' : '显示搜索'\" placement=\"top\">\r\n            <gm-button circle plain :icon=\"Search\" @click=\"toggleSearch()\" />\r\n          </gm-tooltip>\r\n          <gm-tooltip class=\"item\" effect=\"dark\" content=\"刷新\" placement=\"top\">\r\n            <gm-button circle plain :icon=\"Refresh\" @click=\"refresh()\" />\r\n          </gm-tooltip>\r\n        </div>\r\n        <GmDialogForm\r\n          v-model=\"saveSearchVisible\"\r\n          :formData=\"searchform\"\r\n          :loading=\"submitLoading\"\r\n          :rules=\"rules\"\r\n          title=\"保存当前查询\"\r\n          labelWidth=\"auto\"\r\n          @submit=\"addSettings\"\r\n        >\r\n          <gm-form-item-module\r\n            v-model=\"searchform.name\"\r\n            field=\"name\"\r\n            label=\"查询名称\"\r\n            type=\"GmInput\"\r\n            :props=\"{ placeholder: '请输入', maxlength: '15', showWordLimit: true }\"\r\n          />\r\n        </GmDialogForm>\r\n      </div>\r\n    </gm-row>\r\n  </div>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { computed, inject, onMounted, ref } from 'vue';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { useCustomSettingsStore } from '@giime/hooks/store/useCustomSettings';\r\nimport { GmMessage } from '@giime/components/src/plugins/message';\r\nimport { hasOwn } from '@giime/utils/src/objects';\r\nimport { remove } from '@giime/utils/src/general';\r\nimport { isNumber } from '@giime/utils/src/is';\r\nimport { TableCtxKey } from '@giime/constants/table';\r\nimport { ArrowDown, Delete, Refresh, Search } from '@element-plus/icons-vue';\r\nimport { tableToolbarEmits, tableToolbarProps } from './tableToolbar';\r\n\r\ndefineOptions({\r\n  name: 'GmTableToolbar',\r\n});\r\nconst tableCtx = inject(TableCtxKey, {});\r\n\r\nconst props = defineProps(tableToolbarProps);\r\nconst emit = defineEmits(tableToolbarEmits);\r\n\r\nconst showSearch = defineModel<boolean>('showSearch', { required: true });\r\nconst queryParams = defineModel<any>('queryParams');\r\n\r\nconst customSettingsStore = useCustomSettingsStore();\r\ninterface TableToolbarSettings {\r\n  uuid: string;\r\n  name: string;\r\n  value: Record<string, any>;\r\n}\r\nconst customSettingsValue = computed<TableToolbarSettings[]>(() => customSettingsStore.customSettings[props.tableId]?.[customSettingType] || []);\r\n\r\nconst saveSearchVisible = ref(false);\r\nconst searchform = ref({\r\n  name: '',\r\n});\r\nconst rules = {\r\n  name: [{ required: true, message: '查询名称不能为空', trigger: 'blur' }],\r\n};\r\n// 打开保存dialog\r\nconst openSaveSearchDialog = () => {\r\n  saveSearchVisible.value = true;\r\n  searchform.value.name = '';\r\n};\r\n// 应用设置\r\nconst applySettings = (item: TableToolbarSettings) => {\r\n  for (const key in item.value) {\r\n    if (hasOwn(item.value, key) && hasOwn(queryParams.value, key)) {\r\n      queryParams.value[key] = item.value[key];\r\n    }\r\n  }\r\n  emit('getList');\r\n  tableCtx?.tableRef?.value?.scrollTo({ top: 0, behavior: 'smooth' });\r\n  tableCtx.tableV2Ref?.value?.scrollTo({ scrollLeft: 0, scrollTop: 0 });\r\n};\r\nconst submitLoading = ref(false);\r\n// 添加设置\r\nconst addSettings = () => {\r\n  const params = JSON.stringify([{ uuid: uuidv4(), name: searchform.value.name, value: queryParams.value }, ...customSettingsValue.value]);\r\n  return submitSettings(params);\r\n};\r\n// 删除设置\r\nconst deleteSettins = (item: TableToolbarSettings) => {\r\n  remove(customSettingsValue.value, item);\r\n  return submitSettings(JSON.stringify(customSettingsValue.value));\r\n};\r\n\r\n// const onClear = () => {\r\n//   return submitSettings(JSON.stringify([]));\r\n// };\r\nconst syncLoading = ref(false);\r\n/**同步远程设置 */\r\nconst onSyncRemote = async () => {\r\n  try {\r\n    syncLoading.value = true;\r\n    await customSettingsStore.syncRemoteSetting({\r\n      key_word: props.tableId,\r\n      type: customSettingType,\r\n    });\r\n    syncLoading.value = false;\r\n    GmMessage.success('同步成功');\r\n  } catch (e) {\r\n    console.error(e);\r\n    syncLoading.value = false;\r\n  }\r\n};\r\n// 保存\r\nconst submitSettings = async (value: string) => {\r\n  try {\r\n    submitLoading.value = true;\r\n    const { data } = await customSettingsStore.addCustomSettings({\r\n      key_word: props.tableId,\r\n      value,\r\n      type: customSettingType,\r\n    });\r\n    submitLoading.value = false;\r\n    if (data.code !== 0) {\r\n      return;\r\n    }\r\n    GmMessage.success('操作成功');\r\n    saveSearchVisible.value = false;\r\n  } catch (e) {\r\n    console.error(e);\r\n    submitLoading.value = false;\r\n  }\r\n};\r\n// 搜索\r\nfunction toggleSearch() {\r\n  showSearch.value = !showSearch.value;\r\n}\r\n// 刷新\r\nfunction refresh() {\r\n  emit('getList');\r\n}\r\nonMounted(async () => {\r\n  await customSettingsStore.getCustomSettings({ key_word: props.tableId, type: customSettingType }, { defaultValue: [] });\r\n});\r\n</script>\r\n"],"names":["_useModel","uuidv4"],"mappings":"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"}
+{"version":3,"file":"TableToolbar.vue2.mjs","sources":["../../../../../../../../packages/components/src/composite/tablePro/tableToolbar/TableToolbar.vue"],"sourcesContent":["<script lang=\"ts\">\nconst customSettingType = 'quickQueryList'\n</script>\n<template>\r\n  <div>\r\n    <gm-row :gutter=\"10\" style=\"margin-right: 0\">\r\n      <gm-col v-if=\"isNumber(total)\" :span=\"1.5\" class=\"gm-text-[14px] gm-leading-[32px]\">\r\n        <span>共 {{ total }} 条</span>\r\n      </gm-col>\r\n      <gm-col v-if=\"isNumber(selectedCount)\" :span=\"2.5\" class=\"gm-mr-2 gm-text-[14px] gm-leading-[32px]\">\r\n        <span\r\n          >已选择<span class=\"gm-inline-block gm-min-w-[20px] gm-text-center\">{{ selectedCount }}</span\r\n          >项</span\r\n        >\r\n      </gm-col>\r\n      <slot />\r\n      <!-- <right-toolbar v-model:showSearch=\"showSearch\" @queryTable=\"emits('getList')\" /> -->\r\n      <div class=\"gm-ml-auto\">\r\n        <div class=\"gm-flex\">\r\n          <gm-button plain class=\"gm-mr-2 gm-block\" @click.stop=\"openSaveSearchDialog()\">保存查询</gm-button>\r\n          <gm-dropdown trigger=\"click\" class=\"gm-mr-3 hover:gm-outline-none\">\r\n            <gm-button plain type=\"\">\r\n              快捷查询<gm-icon class=\"el-icon--right\"><ArrowDown /></gm-icon>\r\n            </gm-button>\r\n            <template #dropdown>\r\n              <gm-dropdown-menu class=\"gm-min-w-[200px]\">\r\n                <div v-if=\"customSettingsValue.length === 0\" class=\"gm-my-5 gm-text-center gm-text-base gm-font-bold gm-text-gray-700\">暂无数据</div>\r\n                <gm-dropdown-item\r\n                  v-for=\"item in customSettingsValue\"\r\n                  :key=\"item.uuid\"\r\n                  class=\"gm-group gm-flex gm-justify-between\"\r\n                  @click=\"applySettings(item)\"\r\n                >\r\n                  <span> {{ item.name }} </span>\r\n                  <gm-icon class=\"gm-hidden hover:gm-text-red-500 group-hover:gm-block\" @click.stop=\"deleteSettins(item)\"> <Delete /> </gm-icon>\r\n                </gm-dropdown-item>\r\n                <div class=\"gm-m-2\">\r\n                  <!-- <gm-button :loading=\"submitLoading\" size=\"small\" type=\"\" @click=\"onClear\">清空</gm-button> -->\r\n                  <gm-button :loading=\"syncLoading\" size=\"small\" type=\"success\" @click=\"onSyncRemote\">同步</gm-button>\r\n                </div>\r\n              </gm-dropdown-menu>\r\n            </template>\r\n          </gm-dropdown>\r\n          <gm-tooltip class=\"item\" effect=\"dark\" :content=\"showSearch ? '隐藏搜索' : '显示搜索'\" placement=\"top\">\r\n            <gm-button circle plain :icon=\"Search\" @click=\"toggleSearch()\" />\r\n          </gm-tooltip>\r\n          <gm-tooltip class=\"item\" effect=\"dark\" content=\"刷新\" placement=\"top\">\r\n            <gm-button circle plain :icon=\"Refresh\" @click=\"refresh()\" />\r\n          </gm-tooltip>\r\n        </div>\r\n        <GmDialogForm\r\n          v-model=\"saveSearchVisible\"\r\n          :formData=\"searchform\"\r\n          :loading=\"submitLoading\"\r\n          :rules=\"rules\"\r\n          title=\"保存当前查询\"\r\n          labelWidth=\"auto\"\r\n          @submit=\"addSettings\"\r\n        >\r\n          <gm-form-item-module\r\n            v-model=\"searchform.name\"\r\n            field=\"name\"\r\n            label=\"查询名称\"\r\n            type=\"GmInput\"\r\n            :props=\"{ placeholder: '请输入', maxlength: '15', showWordLimit: true }\"\r\n          />\r\n        </GmDialogForm>\r\n      </div>\r\n    </gm-row>\r\n  </div>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { computed, inject, onMounted, ref } from 'vue';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { useCustomSettingsStore } from '@giime/hooks/store/useCustomSettings';\r\nimport { GmMessage } from '@giime/components/src/plugins/message';\r\nimport { hasOwn } from '@giime/utils/src/objects';\r\nimport { remove } from '@giime/utils/src/general';\r\nimport { isNumber } from '@giime/utils/src/is';\r\nimport { TableCtxKey } from '@giime/constants/table';\r\nimport { ArrowDown, Delete, Refresh, Search } from '@element-plus/icons-vue';\r\nimport { tableToolbarEmits, tableToolbarProps } from './tableToolbar';\r\n\r\ndefineOptions({\r\n  name: 'GmTableToolbar',\r\n});\r\nconst tableCtx = inject(TableCtxKey, {});\r\n\r\nconst props = defineProps(tableToolbarProps);\r\nconst emit = defineEmits(tableToolbarEmits);\r\n\r\nconst showSearch = defineModel<boolean>('showSearch', { required: true });\r\nconst queryParams = defineModel<any>('queryParams');\r\n\r\nconst customSettingsStore = useCustomSettingsStore();\r\ninterface TableToolbarSettings {\r\n  uuid: string;\r\n  name: string;\r\n  value: Record<string, any>;\r\n}\r\nconst customSettingsValue = computed<TableToolbarSettings[]>(() => customSettingsStore.customSettings[props.tableId]?.[customSettingType] || []);\r\n\r\nconst saveSearchVisible = ref(false);\r\nconst searchform = ref({\r\n  name: '',\r\n});\r\nconst rules = {\r\n  name: [{ required: true, message: '查询名称不能为空', trigger: 'blur' }],\r\n};\r\n// 打开保存dialog\r\nconst openSaveSearchDialog = () => {\r\n  saveSearchVisible.value = true;\r\n  searchform.value.name = '';\r\n};\r\n// 应用设置\r\nconst applySettings = (item: TableToolbarSettings) => {\r\n  tableCtx.queryRef?.value?.resetFields?.();\r\n  for (const key in item.value) {\r\n    if (hasOwn(item.value, key) && hasOwn(queryParams.value, key)) {\r\n      queryParams.value[key] = item.value[key];\r\n    }\r\n  }\r\n  emit('getList');\r\n  tableCtx?.tableRef?.value?.scrollTo({ top: 0, behavior: 'smooth' });\r\n  tableCtx.tableV2Ref?.value?.scrollTo({ scrollLeft: 0, scrollTop: 0 });\r\n};\r\nconst submitLoading = ref(false);\r\n// 添加设置\r\nconst addSettings = () => {\r\n  const params = JSON.stringify([{ uuid: uuidv4(), name: searchform.value.name, value: queryParams.value }, ...customSettingsValue.value]);\r\n  return submitSettings(params);\r\n};\r\n// 删除设置\r\nconst deleteSettins = (item: TableToolbarSettings) => {\r\n  remove(customSettingsValue.value, item);\r\n  return submitSettings(JSON.stringify(customSettingsValue.value));\r\n};\r\n\r\n// const onClear = () => {\r\n//   return submitSettings(JSON.stringify([]));\r\n// };\r\nconst syncLoading = ref(false);\r\n/**同步远程设置 */\r\nconst onSyncRemote = async () => {\r\n  try {\r\n    syncLoading.value = true;\r\n    await customSettingsStore.syncRemoteSetting({\r\n      key_word: props.tableId,\r\n      type: customSettingType,\r\n    });\r\n    syncLoading.value = false;\r\n    GmMessage.success('同步成功');\r\n  } catch (e) {\r\n    console.error(e);\r\n    syncLoading.value = false;\r\n  }\r\n};\r\n// 保存\r\nconst submitSettings = async (value: string) => {\r\n  try {\r\n    submitLoading.value = true;\r\n    const { data } = await customSettingsStore.addCustomSettings({\r\n      key_word: props.tableId,\r\n      value,\r\n      type: customSettingType,\r\n    });\r\n    submitLoading.value = false;\r\n    if (data.code !== 0) {\r\n      return;\r\n    }\r\n    GmMessage.success('操作成功');\r\n    saveSearchVisible.value = false;\r\n  } catch (e) {\r\n    console.error(e);\r\n    submitLoading.value = false;\r\n  }\r\n};\r\n// 搜索\r\nfunction toggleSearch() {\r\n  showSearch.value = !showSearch.value;\r\n}\r\n// 刷新\r\nfunction refresh() {\r\n  emit('getList');\r\n}\r\nonMounted(async () => {\r\n  await customSettingsStore.getCustomSettings({ key_word: props.tableId, type: customSettingType }, { defaultValue: [] });\r\n});\r\n</script>\r\n"],"names":["_useModel","uuidv4"],"mappings":"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"}

package/es/constants/table.d.ts

@@ -1,8 +1,10 @@
+import type { FormInstance } from '../components/src/base/form';
 import type { InjectionKey, Ref } from 'vue';
 import type { TableInstance, TableV2Instance } from 'element-plus';
 export interface TableCtxInjection {
     tableId?: string;
     tableRef?: Ref<TableInstance | undefined>;
     tableV2Ref?: Ref<TableV2Instance | undefined>;
+    queryRef?: Ref<FormInstance | undefined>;
 }
 export declare const TableCtxKey: InjectionKey<TableCtxInjection>;

package/es/constants/table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"table.mjs","sources":["../../../../packages/constants/table.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue';\r\nimport type { TableInstance, TableV2Instance } from 'element-plus';\r\nexport interface TableCtxInjection {\r\n  tableId?: string;\r\n  tableRef?: Ref<TableInstance | undefined>;\r\n  tableV2Ref?: Ref<TableV2Instance | undefined>;\r\n}\r\nexport const TableCtxKey: InjectionKey<TableCtxInjection> = Symbol('TableCtxKey');\r\n"],"names":[],"mappings":"AAOa,MAAA,WAAA,GAA+C,OAAO,aAAa;;;;"}
+{"version":3,"file":"table.mjs","sources":["../../../../packages/constants/table.ts"],"sourcesContent":["import type { FormInstance } from '@giime/components/src/base/form';\r\nimport type { InjectionKey, Ref } from 'vue';\r\nimport type { TableInstance, TableV2Instance } from 'element-plus';\r\nexport interface TableCtxInjection {\r\n  tableId?: string;\r\n  tableRef?: Ref<TableInstance | undefined>;\r\n  tableV2Ref?: Ref<TableV2Instance | undefined>;\r\n  queryRef?: Ref<FormInstance | undefined>;\r\n}\r\nexport const TableCtxKey: InjectionKey<TableCtxInjection> = Symbol('TableCtxKey');\r\n"],"names":[],"mappings":"AASa,MAAA,WAAA,GAA+C,OAAO,aAAa;;;;"}

package/es/giime/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.4.7";
+export declare const version = "0.4.8";

package/es/giime/version.mjs

@@ -1,4 +1,4 @@
-const version = "0.4.6";
+const version = "0.4.8";
 
 export { version };
 //# sourceMappingURL=version.mjs.map

package/es/giime/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","sources":["../../../../packages/giime/version.ts"],"sourcesContent":["export const version = '0.4.6';\n"],"names":[],"mappings":"AAAO,MAAM,OAAU,GAAA;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../../packages/giime/version.ts"],"sourcesContent":["export const version = '0.4.8';\n"],"names":[],"mappings":"AAAO,MAAM,OAAU,GAAA;;;;"}

package/es/index.css

@@ -1,3 +1,132 @@
+[data-v-29f682ba] .el-upload-dragger {
+  padding: 10px;
+  border: none;
+}
+
+.gm-upload-preview-dialog[data-v-29f682ba] [data-v-29f682ba] .el-dialog__body {
+  padding: 0;
+}
+
+[data-v-29f682ba] .el-upload-list__item, [data-v-29f682ba] .el-upload--picture-card {
+  width: 120px;
+  height: 120px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.gm-upload-material .el-overlay-dialog {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.gm-upload-material .el-dialog {
+  margin: 0;
+}
+.gm-upload-material .el-dialog__body {
+  max-height: calc(100vh - 100px);
+  overflow-y: auto;
+}
+.gm-upload-material .el-dialog__body video,
+.gm-upload-material .el-dialog__body img {
+  max-height: calc(100vh - 150px);
+}
+.gm-flex-center[data-v-2a79bac9] {
+  align-items: center;
+}
+
+.gm-flex-justify-between[data-v-2a79bac9] {
+  justify-content: space-between;
+}
+.circular[data-v-b391445c] {
+  animation: loading-rotate-b391445c 2s linear infinite;
+}
+
+.path[data-v-b391445c] {
+  animation: loading-dash-b391445c 1.5s ease-in-out infinite;
+  stroke-dasharray: 90, 150;
+  stroke-dashoffset: 0;
+  stroke: var(--el-color-primary);
+  stroke-linecap: round;
+}
+
+@keyframes loading-rotate-b391445c {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes loading-dash-b391445c {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -40px;
+  }
+  100% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -120px;
+  }
+}
+
+.gm-range-number .el-form-item[data-v-11c39847] {
+  margin: 0;
+}
+
+[data-v-7b6755e2] .gmSearchForm .el-form-item {
+  margin-right: 0;
+  margin-bottom: 4px;
+}
+[data-v-a0a106bd] .gmTableNoBorder .el-table__body .el-table__cell {
+  border-right: none;
+}
+
+[data-v-a0a106bd] .gmTableNoBorder .el-table__inner-wrapper:before {
+  height: 0;
+}
+
+[data-v-a0a106bd] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+  height: 0;
+}
+
+[data-v-a0a106bd] .gmTableNoBorder.el-table--border:after {
+  height: 0;
+}
+
+[data-v-a0a106bd] .gmTableNoBorder.el-table--border:before {
+  height: 0;
+}
+
+[data-v-a0a106bd] .gmTableNoBorder .el-table__border-left-patch {
+  height: 0;
+}
+
+.pagination-container[data-v-19230954] {
+  background: #fff;
+  padding-top: 12px;
+}
+.pagination-container.hidden[data-v-19230954] {
+  display: none;
+}
+
+.gm-number-interval-single[data-v-47a13fd0] {
+  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
+  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
+  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
+}
+.gm-number-interval-single[data-v-47a13fd0] [data-v-47a13fd0] .el-input__wrapper {
+  box-shadow: none;
+  background: none;
+}
+
+.gm-number-interval-close[data-v-47a13fd0] {
+  display: none;
+  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
+}
+
+.gm-number-interval-single[data-v-47a13fd0]:hover .gm-number-interval-close[data-v-47a13fd0] {
+  display: flex;
+}
 /*
 ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
 *//*
@@ -776,133 +905,4 @@ video {
 }
 .gm-group:hover .group-hover\:gm-block {
   display: block;
-}
-.gm-upload-material .el-overlay-dialog {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.gm-upload-material .el-dialog {
-  margin: 0;
-}
-.gm-upload-material .el-dialog__body {
-  max-height: calc(100vh - 100px);
-  overflow-y: auto;
-}
-.gm-upload-material .el-dialog__body video,
-.gm-upload-material .el-dialog__body img {
-  max-height: calc(100vh - 150px);
-}
-[data-v-29f682ba] .el-upload-dragger {
-  padding: 10px;
-  border: none;
-}
-
-.gm-upload-preview-dialog[data-v-29f682ba] [data-v-29f682ba] .el-dialog__body {
-  padding: 0;
-}
-
-[data-v-29f682ba] .el-upload-list__item, [data-v-29f682ba] .el-upload--picture-card {
-  width: 120px;
-  height: 120px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.gm-flex-center[data-v-2a79bac9] {
-  align-items: center;
-}
-
-.gm-flex-justify-between[data-v-2a79bac9] {
-  justify-content: space-between;
-}
-.circular[data-v-b391445c] {
-  animation: loading-rotate-b391445c 2s linear infinite;
-}
-
-.path[data-v-b391445c] {
-  animation: loading-dash-b391445c 1.5s ease-in-out infinite;
-  stroke-dasharray: 90, 150;
-  stroke-dashoffset: 0;
-  stroke: var(--el-color-primary);
-  stroke-linecap: round;
-}
-
-@keyframes loading-rotate-b391445c {
-  to {
-    transform: rotate(360deg);
-  }
-}
-@keyframes loading-dash-b391445c {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -40px;
-  }
-  100% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -120px;
-  }
-}
-
-.gm-range-number .el-form-item[data-v-11c39847] {
-  margin: 0;
-}
-
-[data-v-ec3af0bb] .gmSearchForm .el-form-item {
-  margin-right: 0;
-  margin-bottom: 4px;
-}
-[data-v-a0a106bd] .gmTableNoBorder .el-table__body .el-table__cell {
-  border-right: none;
-}
-
-[data-v-a0a106bd] .gmTableNoBorder .el-table__inner-wrapper:before {
-  height: 0;
-}
-
-[data-v-a0a106bd] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
-  height: 0;
-}
-
-[data-v-a0a106bd] .gmTableNoBorder.el-table--border:after {
-  height: 0;
-}
-
-[data-v-a0a106bd] .gmTableNoBorder.el-table--border:before {
-  height: 0;
-}
-
-[data-v-a0a106bd] .gmTableNoBorder .el-table__border-left-patch {
-  height: 0;
-}
-
-.pagination-container[data-v-19230954] {
-  background: #fff;
-  padding-top: 12px;
-}
-.pagination-container.hidden[data-v-19230954] {
-  display: none;
-}
-
-.gm-number-interval-single[data-v-47a13fd0] {
-  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
-  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
-  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
-}
-.gm-number-interval-single[data-v-47a13fd0] [data-v-47a13fd0] .el-input__wrapper {
-  box-shadow: none;
-  background: none;
-}
-
-.gm-number-interval-close[data-v-47a13fd0] {
-  display: none;
-  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
-}
-
-.gm-number-interval-single[data-v-47a13fd0]:hover .gm-number-interval-close[data-v-47a13fd0] {
-  display: flex;
 }

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

@@ -6,7 +6,7 @@ var SearchForm_vue_vue_type_script_setup_true_lang = require('./SearchForm.vue2.
 require('./SearchForm.vue3.js');
 var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
 
-var SearchForm = /* @__PURE__ */ _pluginVue_exportHelper.default(SearchForm_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-ec3af0bb"]]);
+var SearchForm = /* @__PURE__ */ _pluginVue_exportHelper.default(SearchForm_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-7b6755e2"]]);
 
 exports.default = SearchForm;
 //# sourceMappingURL=SearchForm.vue.js.map

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

@@ -60,6 +60,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       });
     });
     const queryRef = vue.ref();
+    tableCtx.queryRef = queryRef;
     const handleQuery = (...args) => {
       emit("handleQuery", ...args);
       tableCtx?.tableRef?.value?.scrollTo({ top: 0, behavior: "smooth" });

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

@@ -1 +1 @@
-{"version":3,"file":"SearchForm.vue2.js","sources":["../../../../../../../packages/components/src/composite/searchForm/SearchForm.vue"],"sourcesContent":["<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":["inject","TableCtxKey","_useModel","provide","queryParamsKey","ref","useElementSize","computed","nextTick","searchFormItemList","searchFormHandleQueryKey"],"mappings":"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"}
+{"version":3,"file":"SearchForm.vue2.js","sources":["../../../../../../../packages/components/src/composite/searchForm/SearchForm.vue"],"sourcesContent":["<script lang=\"ts\">\nconst itemGap = 8\n</script>\n<template>\r\n  <div ref=\"queryDivRef\" class=\"gm-mb-5\">\r\n    <gm-form v-show=\"showSearch\" ref=\"queryRef\" :model=\"queryParams\" :inline=\"true\" class=\"gmSearchForm\">\r\n      <div :class=\"showMore ? '' : 'gm-h-[36px] gm-overflow-hidden'\">\r\n        <div class=\"gm-relative gm-grid gm-w-full\" :style=\"{ gridTemplateColumns: `repeat(${colsCount}, minmax(0, 1fr))`, gap: itemGap + 'px' }\">\r\n          <template v-for=\"(item, index) in optionsList\" :key=\"index\">\r\n            <component :is=\"item.component\" v-bind=\"item.props\" v-model=\"queryParams[item.props.prop]\" />\r\n          </template>\r\n          <slot />\r\n          <gm-form-item :style=\"searchButtonItemStyle\">\r\n            <div class=\"gm-flex gm-w-full\" :class=\"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// 上下文添加queryRef\r\ntableCtx.queryRef = queryRef;\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":["inject","TableCtxKey","_useModel","provide","queryParamsKey","ref","useElementSize","computed","nextTick","searchFormItemList","searchFormHandleQueryKey"],"mappings":"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"}

package/lib/components/src/composite/tablePro/tableToolbar/TableToolbar.vue2.js

@@ -54,6 +54,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       searchform.value.name = "";
     };
     const applySettings = (item) => {
+      tableCtx.queryRef?.value?.resetFields?.();
       for (const key in item.value) {
         if (objects.hasOwn(item.value, key) && objects.hasOwn(queryParams.value, key)) {
           queryParams.value[key] = item.value[key];

package/lib/components/src/composite/tablePro/tableToolbar/TableToolbar.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableToolbar.vue2.js","sources":["../../../../../../../../packages/components/src/composite/tablePro/tableToolbar/TableToolbar.vue"],"sourcesContent":["<script lang=\"ts\">\nconst customSettingType = 'quickQueryList'\n</script>\n<template>\r\n  <div>\r\n    <gm-row :gutter=\"10\" style=\"margin-right: 0\">\r\n      <gm-col v-if=\"isNumber(total)\" :span=\"1.5\" class=\"gm-text-[14px] gm-leading-[32px]\">\r\n        <span>共 {{ total }} 条</span>\r\n      </gm-col>\r\n      <gm-col v-if=\"isNumber(selectedCount)\" :span=\"2.5\" class=\"gm-mr-2 gm-text-[14px] gm-leading-[32px]\">\r\n        <span\r\n          >已选择<span class=\"gm-inline-block gm-min-w-[20px] gm-text-center\">{{ selectedCount }}</span\r\n          >项</span\r\n        >\r\n      </gm-col>\r\n      <slot />\r\n      <!-- <right-toolbar v-model:showSearch=\"showSearch\" @queryTable=\"emits('getList')\" /> -->\r\n      <div class=\"gm-ml-auto\">\r\n        <div class=\"gm-flex\">\r\n          <gm-button plain class=\"gm-mr-2 gm-block\" @click.stop=\"openSaveSearchDialog()\">保存查询</gm-button>\r\n          <gm-dropdown trigger=\"click\" class=\"gm-mr-3 hover:gm-outline-none\">\r\n            <gm-button plain type=\"\">\r\n              快捷查询<gm-icon class=\"el-icon--right\"><ArrowDown /></gm-icon>\r\n            </gm-button>\r\n            <template #dropdown>\r\n              <gm-dropdown-menu class=\"gm-min-w-[200px]\">\r\n                <div v-if=\"customSettingsValue.length === 0\" class=\"gm-my-5 gm-text-center gm-text-base gm-font-bold gm-text-gray-700\">暂无数据</div>\r\n                <gm-dropdown-item\r\n                  v-for=\"item in customSettingsValue\"\r\n                  :key=\"item.uuid\"\r\n                  class=\"gm-group gm-flex gm-justify-between\"\r\n                  @click=\"applySettings(item)\"\r\n                >\r\n                  <span> {{ item.name }} </span>\r\n                  <gm-icon class=\"gm-hidden hover:gm-text-red-500 group-hover:gm-block\" @click.stop=\"deleteSettins(item)\"> <Delete /> </gm-icon>\r\n                </gm-dropdown-item>\r\n                <div class=\"gm-m-2\">\r\n                  <!-- <gm-button :loading=\"submitLoading\" size=\"small\" type=\"\" @click=\"onClear\">清空</gm-button> -->\r\n                  <gm-button :loading=\"syncLoading\" size=\"small\" type=\"success\" @click=\"onSyncRemote\">同步</gm-button>\r\n                </div>\r\n              </gm-dropdown-menu>\r\n            </template>\r\n          </gm-dropdown>\r\n          <gm-tooltip class=\"item\" effect=\"dark\" :content=\"showSearch ? '隐藏搜索' : '显示搜索'\" placement=\"top\">\r\n            <gm-button circle plain :icon=\"Search\" @click=\"toggleSearch()\" />\r\n          </gm-tooltip>\r\n          <gm-tooltip class=\"item\" effect=\"dark\" content=\"刷新\" placement=\"top\">\r\n            <gm-button circle plain :icon=\"Refresh\" @click=\"refresh()\" />\r\n          </gm-tooltip>\r\n        </div>\r\n        <GmDialogForm\r\n          v-model=\"saveSearchVisible\"\r\n          :formData=\"searchform\"\r\n          :loading=\"submitLoading\"\r\n          :rules=\"rules\"\r\n          title=\"保存当前查询\"\r\n          labelWidth=\"auto\"\r\n          @submit=\"addSettings\"\r\n        >\r\n          <gm-form-item-module\r\n            v-model=\"searchform.name\"\r\n            field=\"name\"\r\n            label=\"查询名称\"\r\n            type=\"GmInput\"\r\n            :props=\"{ placeholder: '请输入', maxlength: '15', showWordLimit: true }\"\r\n          />\r\n        </GmDialogForm>\r\n      </div>\r\n    </gm-row>\r\n  </div>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { computed, inject, onMounted, ref } from 'vue';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { useCustomSettingsStore } from '@giime/hooks/store/useCustomSettings';\r\nimport { GmMessage } from '@giime/components/src/plugins/message';\r\nimport { hasOwn } from '@giime/utils/src/objects';\r\nimport { remove } from '@giime/utils/src/general';\r\nimport { isNumber } from '@giime/utils/src/is';\r\nimport { TableCtxKey } from '@giime/constants/table';\r\nimport { ArrowDown, Delete, Refresh, Search } from '@element-plus/icons-vue';\r\nimport { tableToolbarEmits, tableToolbarProps } from './tableToolbar';\r\n\r\ndefineOptions({\r\n  name: 'GmTableToolbar',\r\n});\r\nconst tableCtx = inject(TableCtxKey, {});\r\n\r\nconst props = defineProps(tableToolbarProps);\r\nconst emit = defineEmits(tableToolbarEmits);\r\n\r\nconst showSearch = defineModel<boolean>('showSearch', { required: true });\r\nconst queryParams = defineModel<any>('queryParams');\r\n\r\nconst customSettingsStore = useCustomSettingsStore();\r\ninterface TableToolbarSettings {\r\n  uuid: string;\r\n  name: string;\r\n  value: Record<string, any>;\r\n}\r\nconst customSettingsValue = computed<TableToolbarSettings[]>(() => customSettingsStore.customSettings[props.tableId]?.[customSettingType] || []);\r\n\r\nconst saveSearchVisible = ref(false);\r\nconst searchform = ref({\r\n  name: '',\r\n});\r\nconst rules = {\r\n  name: [{ required: true, message: '查询名称不能为空', trigger: 'blur' }],\r\n};\r\n// 打开保存dialog\r\nconst openSaveSearchDialog = () => {\r\n  saveSearchVisible.value = true;\r\n  searchform.value.name = '';\r\n};\r\n// 应用设置\r\nconst applySettings = (item: TableToolbarSettings) => {\r\n  for (const key in item.value) {\r\n    if (hasOwn(item.value, key) && hasOwn(queryParams.value, key)) {\r\n      queryParams.value[key] = item.value[key];\r\n    }\r\n  }\r\n  emit('getList');\r\n  tableCtx?.tableRef?.value?.scrollTo({ top: 0, behavior: 'smooth' });\r\n  tableCtx.tableV2Ref?.value?.scrollTo({ scrollLeft: 0, scrollTop: 0 });\r\n};\r\nconst submitLoading = ref(false);\r\n// 添加设置\r\nconst addSettings = () => {\r\n  const params = JSON.stringify([{ uuid: uuidv4(), name: searchform.value.name, value: queryParams.value }, ...customSettingsValue.value]);\r\n  return submitSettings(params);\r\n};\r\n// 删除设置\r\nconst deleteSettins = (item: TableToolbarSettings) => {\r\n  remove(customSettingsValue.value, item);\r\n  return submitSettings(JSON.stringify(customSettingsValue.value));\r\n};\r\n\r\n// const onClear = () => {\r\n//   return submitSettings(JSON.stringify([]));\r\n// };\r\nconst syncLoading = ref(false);\r\n/**同步远程设置 */\r\nconst onSyncRemote = async () => {\r\n  try {\r\n    syncLoading.value = true;\r\n    await customSettingsStore.syncRemoteSetting({\r\n      key_word: props.tableId,\r\n      type: customSettingType,\r\n    });\r\n    syncLoading.value = false;\r\n    GmMessage.success('同步成功');\r\n  } catch (e) {\r\n    console.error(e);\r\n    syncLoading.value = false;\r\n  }\r\n};\r\n// 保存\r\nconst submitSettings = async (value: string) => {\r\n  try {\r\n    submitLoading.value = true;\r\n    const { data } = await customSettingsStore.addCustomSettings({\r\n      key_word: props.tableId,\r\n      value,\r\n      type: customSettingType,\r\n    });\r\n    submitLoading.value = false;\r\n    if (data.code !== 0) {\r\n      return;\r\n    }\r\n    GmMessage.success('操作成功');\r\n    saveSearchVisible.value = false;\r\n  } catch (e) {\r\n    console.error(e);\r\n    submitLoading.value = false;\r\n  }\r\n};\r\n// 搜索\r\nfunction toggleSearch() {\r\n  showSearch.value = !showSearch.value;\r\n}\r\n// 刷新\r\nfunction refresh() {\r\n  emit('getList');\r\n}\r\nonMounted(async () => {\r\n  await customSettingsStore.getCustomSettings({ key_word: props.tableId, type: customSettingType }, { defaultValue: [] });\r\n});\r\n</script>\r\n"],"names":["inject","TableCtxKey","_useModel","useCustomSettingsStore","computed","ref","hasOwn","uuidv4","remove","GmMessage","onMounted"],"mappings":"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"}
+{"version":3,"file":"TableToolbar.vue2.js","sources":["../../../../../../../../packages/components/src/composite/tablePro/tableToolbar/TableToolbar.vue"],"sourcesContent":["<script lang=\"ts\">\nconst customSettingType = 'quickQueryList'\n</script>\n<template>\r\n  <div>\r\n    <gm-row :gutter=\"10\" style=\"margin-right: 0\">\r\n      <gm-col v-if=\"isNumber(total)\" :span=\"1.5\" class=\"gm-text-[14px] gm-leading-[32px]\">\r\n        <span>共 {{ total }} 条</span>\r\n      </gm-col>\r\n      <gm-col v-if=\"isNumber(selectedCount)\" :span=\"2.5\" class=\"gm-mr-2 gm-text-[14px] gm-leading-[32px]\">\r\n        <span\r\n          >已选择<span class=\"gm-inline-block gm-min-w-[20px] gm-text-center\">{{ selectedCount }}</span\r\n          >项</span\r\n        >\r\n      </gm-col>\r\n      <slot />\r\n      <!-- <right-toolbar v-model:showSearch=\"showSearch\" @queryTable=\"emits('getList')\" /> -->\r\n      <div class=\"gm-ml-auto\">\r\n        <div class=\"gm-flex\">\r\n          <gm-button plain class=\"gm-mr-2 gm-block\" @click.stop=\"openSaveSearchDialog()\">保存查询</gm-button>\r\n          <gm-dropdown trigger=\"click\" class=\"gm-mr-3 hover:gm-outline-none\">\r\n            <gm-button plain type=\"\">\r\n              快捷查询<gm-icon class=\"el-icon--right\"><ArrowDown /></gm-icon>\r\n            </gm-button>\r\n            <template #dropdown>\r\n              <gm-dropdown-menu class=\"gm-min-w-[200px]\">\r\n                <div v-if=\"customSettingsValue.length === 0\" class=\"gm-my-5 gm-text-center gm-text-base gm-font-bold gm-text-gray-700\">暂无数据</div>\r\n                <gm-dropdown-item\r\n                  v-for=\"item in customSettingsValue\"\r\n                  :key=\"item.uuid\"\r\n                  class=\"gm-group gm-flex gm-justify-between\"\r\n                  @click=\"applySettings(item)\"\r\n                >\r\n                  <span> {{ item.name }} </span>\r\n                  <gm-icon class=\"gm-hidden hover:gm-text-red-500 group-hover:gm-block\" @click.stop=\"deleteSettins(item)\"> <Delete /> </gm-icon>\r\n                </gm-dropdown-item>\r\n                <div class=\"gm-m-2\">\r\n                  <!-- <gm-button :loading=\"submitLoading\" size=\"small\" type=\"\" @click=\"onClear\">清空</gm-button> -->\r\n                  <gm-button :loading=\"syncLoading\" size=\"small\" type=\"success\" @click=\"onSyncRemote\">同步</gm-button>\r\n                </div>\r\n              </gm-dropdown-menu>\r\n            </template>\r\n          </gm-dropdown>\r\n          <gm-tooltip class=\"item\" effect=\"dark\" :content=\"showSearch ? '隐藏搜索' : '显示搜索'\" placement=\"top\">\r\n            <gm-button circle plain :icon=\"Search\" @click=\"toggleSearch()\" />\r\n          </gm-tooltip>\r\n          <gm-tooltip class=\"item\" effect=\"dark\" content=\"刷新\" placement=\"top\">\r\n            <gm-button circle plain :icon=\"Refresh\" @click=\"refresh()\" />\r\n          </gm-tooltip>\r\n        </div>\r\n        <GmDialogForm\r\n          v-model=\"saveSearchVisible\"\r\n          :formData=\"searchform\"\r\n          :loading=\"submitLoading\"\r\n          :rules=\"rules\"\r\n          title=\"保存当前查询\"\r\n          labelWidth=\"auto\"\r\n          @submit=\"addSettings\"\r\n        >\r\n          <gm-form-item-module\r\n            v-model=\"searchform.name\"\r\n            field=\"name\"\r\n            label=\"查询名称\"\r\n            type=\"GmInput\"\r\n            :props=\"{ placeholder: '请输入', maxlength: '15', showWordLimit: true }\"\r\n          />\r\n        </GmDialogForm>\r\n      </div>\r\n    </gm-row>\r\n  </div>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { computed, inject, onMounted, ref } from 'vue';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { useCustomSettingsStore } from '@giime/hooks/store/useCustomSettings';\r\nimport { GmMessage } from '@giime/components/src/plugins/message';\r\nimport { hasOwn } from '@giime/utils/src/objects';\r\nimport { remove } from '@giime/utils/src/general';\r\nimport { isNumber } from '@giime/utils/src/is';\r\nimport { TableCtxKey } from '@giime/constants/table';\r\nimport { ArrowDown, Delete, Refresh, Search } from '@element-plus/icons-vue';\r\nimport { tableToolbarEmits, tableToolbarProps } from './tableToolbar';\r\n\r\ndefineOptions({\r\n  name: 'GmTableToolbar',\r\n});\r\nconst tableCtx = inject(TableCtxKey, {});\r\n\r\nconst props = defineProps(tableToolbarProps);\r\nconst emit = defineEmits(tableToolbarEmits);\r\n\r\nconst showSearch = defineModel<boolean>('showSearch', { required: true });\r\nconst queryParams = defineModel<any>('queryParams');\r\n\r\nconst customSettingsStore = useCustomSettingsStore();\r\ninterface TableToolbarSettings {\r\n  uuid: string;\r\n  name: string;\r\n  value: Record<string, any>;\r\n}\r\nconst customSettingsValue = computed<TableToolbarSettings[]>(() => customSettingsStore.customSettings[props.tableId]?.[customSettingType] || []);\r\n\r\nconst saveSearchVisible = ref(false);\r\nconst searchform = ref({\r\n  name: '',\r\n});\r\nconst rules = {\r\n  name: [{ required: true, message: '查询名称不能为空', trigger: 'blur' }],\r\n};\r\n// 打开保存dialog\r\nconst openSaveSearchDialog = () => {\r\n  saveSearchVisible.value = true;\r\n  searchform.value.name = '';\r\n};\r\n// 应用设置\r\nconst applySettings = (item: TableToolbarSettings) => {\r\n  tableCtx.queryRef?.value?.resetFields?.();\r\n  for (const key in item.value) {\r\n    if (hasOwn(item.value, key) && hasOwn(queryParams.value, key)) {\r\n      queryParams.value[key] = item.value[key];\r\n    }\r\n  }\r\n  emit('getList');\r\n  tableCtx?.tableRef?.value?.scrollTo({ top: 0, behavior: 'smooth' });\r\n  tableCtx.tableV2Ref?.value?.scrollTo({ scrollLeft: 0, scrollTop: 0 });\r\n};\r\nconst submitLoading = ref(false);\r\n// 添加设置\r\nconst addSettings = () => {\r\n  const params = JSON.stringify([{ uuid: uuidv4(), name: searchform.value.name, value: queryParams.value }, ...customSettingsValue.value]);\r\n  return submitSettings(params);\r\n};\r\n// 删除设置\r\nconst deleteSettins = (item: TableToolbarSettings) => {\r\n  remove(customSettingsValue.value, item);\r\n  return submitSettings(JSON.stringify(customSettingsValue.value));\r\n};\r\n\r\n// const onClear = () => {\r\n//   return submitSettings(JSON.stringify([]));\r\n// };\r\nconst syncLoading = ref(false);\r\n/**同步远程设置 */\r\nconst onSyncRemote = async () => {\r\n  try {\r\n    syncLoading.value = true;\r\n    await customSettingsStore.syncRemoteSetting({\r\n      key_word: props.tableId,\r\n      type: customSettingType,\r\n    });\r\n    syncLoading.value = false;\r\n    GmMessage.success('同步成功');\r\n  } catch (e) {\r\n    console.error(e);\r\n    syncLoading.value = false;\r\n  }\r\n};\r\n// 保存\r\nconst submitSettings = async (value: string) => {\r\n  try {\r\n    submitLoading.value = true;\r\n    const { data } = await customSettingsStore.addCustomSettings({\r\n      key_word: props.tableId,\r\n      value,\r\n      type: customSettingType,\r\n    });\r\n    submitLoading.value = false;\r\n    if (data.code !== 0) {\r\n      return;\r\n    }\r\n    GmMessage.success('操作成功');\r\n    saveSearchVisible.value = false;\r\n  } catch (e) {\r\n    console.error(e);\r\n    submitLoading.value = false;\r\n  }\r\n};\r\n// 搜索\r\nfunction toggleSearch() {\r\n  showSearch.value = !showSearch.value;\r\n}\r\n// 刷新\r\nfunction refresh() {\r\n  emit('getList');\r\n}\r\nonMounted(async () => {\r\n  await customSettingsStore.getCustomSettings({ key_word: props.tableId, type: customSettingType }, { defaultValue: [] });\r\n});\r\n</script>\r\n"],"names":["inject","TableCtxKey","_useModel","useCustomSettingsStore","computed","ref","hasOwn","uuidv4","remove","GmMessage","onMounted"],"mappings":"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"}

package/lib/constants/table.d.ts

@@ -1,8 +1,10 @@
+import type { FormInstance } from '../components/src/base/form';
 import type { InjectionKey, Ref } from 'vue';
 import type { TableInstance, TableV2Instance } from 'element-plus';
 export interface TableCtxInjection {
     tableId?: string;
     tableRef?: Ref<TableInstance | undefined>;
     tableV2Ref?: Ref<TableV2Instance | undefined>;
+    queryRef?: Ref<FormInstance | undefined>;
 }
 export declare const TableCtxKey: InjectionKey<TableCtxInjection>;

package/lib/constants/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../../packages/constants/table.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue';\r\nimport type { TableInstance, TableV2Instance } from 'element-plus';\r\nexport interface TableCtxInjection {\r\n  tableId?: string;\r\n  tableRef?: Ref<TableInstance | undefined>;\r\n  tableV2Ref?: Ref<TableV2Instance | undefined>;\r\n}\r\nexport const TableCtxKey: InjectionKey<TableCtxInjection> = Symbol('TableCtxKey');\r\n"],"names":[],"mappings":";;AAOa,MAAA,WAAA,GAA+C,OAAO,aAAa;;;;"}
+{"version":3,"file":"table.js","sources":["../../../../packages/constants/table.ts"],"sourcesContent":["import type { FormInstance } from '@giime/components/src/base/form';\r\nimport type { InjectionKey, Ref } from 'vue';\r\nimport type { TableInstance, TableV2Instance } from 'element-plus';\r\nexport interface TableCtxInjection {\r\n  tableId?: string;\r\n  tableRef?: Ref<TableInstance | undefined>;\r\n  tableV2Ref?: Ref<TableV2Instance | undefined>;\r\n  queryRef?: Ref<FormInstance | undefined>;\r\n}\r\nexport const TableCtxKey: InjectionKey<TableCtxInjection> = Symbol('TableCtxKey');\r\n"],"names":[],"mappings":";;AASa,MAAA,WAAA,GAA+C,OAAO,aAAa;;;;"}

package/lib/giime/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.4.7";
+export declare const version = "0.4.8";

package/lib/giime/version.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const version = "0.4.6";
+const version = "0.4.8";
 
 exports.version = version;
 //# sourceMappingURL=version.js.map

package/lib/giime/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../../../../packages/giime/version.ts"],"sourcesContent":["export const version = '0.4.6';\n"],"names":[],"mappings":";;AAAO,MAAM,OAAU,GAAA;;;;"}
+{"version":3,"file":"version.js","sources":["../../../../packages/giime/version.ts"],"sourcesContent":["export const version = '0.4.8';\n"],"names":[],"mappings":";;AAAO,MAAM,OAAU,GAAA;;;;"}

package/lib/index.css

@@ -1,3 +1,132 @@
+[data-v-29f682ba] .el-upload-dragger {
+  padding: 10px;
+  border: none;
+}
+
+.gm-upload-preview-dialog[data-v-29f682ba] [data-v-29f682ba] .el-dialog__body {
+  padding: 0;
+}
+
+[data-v-29f682ba] .el-upload-list__item, [data-v-29f682ba] .el-upload--picture-card {
+  width: 120px;
+  height: 120px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.gm-upload-material .el-overlay-dialog {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.gm-upload-material .el-dialog {
+  margin: 0;
+}
+.gm-upload-material .el-dialog__body {
+  max-height: calc(100vh - 100px);
+  overflow-y: auto;
+}
+.gm-upload-material .el-dialog__body video,
+.gm-upload-material .el-dialog__body img {
+  max-height: calc(100vh - 150px);
+}
+.gm-flex-center[data-v-2a79bac9] {
+  align-items: center;
+}
+
+.gm-flex-justify-between[data-v-2a79bac9] {
+  justify-content: space-between;
+}
+.circular[data-v-b391445c] {
+  animation: loading-rotate-b391445c 2s linear infinite;
+}
+
+.path[data-v-b391445c] {
+  animation: loading-dash-b391445c 1.5s ease-in-out infinite;
+  stroke-dasharray: 90, 150;
+  stroke-dashoffset: 0;
+  stroke: var(--el-color-primary);
+  stroke-linecap: round;
+}
+
+@keyframes loading-rotate-b391445c {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes loading-dash-b391445c {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -40px;
+  }
+  100% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -120px;
+  }
+}
+
+.gm-range-number .el-form-item[data-v-11c39847] {
+  margin: 0;
+}
+
+[data-v-7b6755e2] .gmSearchForm .el-form-item {
+  margin-right: 0;
+  margin-bottom: 4px;
+}
+[data-v-a0a106bd] .gmTableNoBorder .el-table__body .el-table__cell {
+  border-right: none;
+}
+
+[data-v-a0a106bd] .gmTableNoBorder .el-table__inner-wrapper:before {
+  height: 0;
+}
+
+[data-v-a0a106bd] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+  height: 0;
+}
+
+[data-v-a0a106bd] .gmTableNoBorder.el-table--border:after {
+  height: 0;
+}
+
+[data-v-a0a106bd] .gmTableNoBorder.el-table--border:before {
+  height: 0;
+}
+
+[data-v-a0a106bd] .gmTableNoBorder .el-table__border-left-patch {
+  height: 0;
+}
+
+.pagination-container[data-v-19230954] {
+  background: #fff;
+  padding-top: 12px;
+}
+.pagination-container.hidden[data-v-19230954] {
+  display: none;
+}
+
+.gm-number-interval-single[data-v-47a13fd0] {
+  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
+  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
+  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
+}
+.gm-number-interval-single[data-v-47a13fd0] [data-v-47a13fd0] .el-input__wrapper {
+  box-shadow: none;
+  background: none;
+}
+
+.gm-number-interval-close[data-v-47a13fd0] {
+  display: none;
+  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
+}
+
+.gm-number-interval-single[data-v-47a13fd0]:hover .gm-number-interval-close[data-v-47a13fd0] {
+  display: flex;
+}
 /*
 ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
 *//*
@@ -776,133 +905,4 @@ video {
 }
 .gm-group:hover .group-hover\:gm-block {
   display: block;
-}
-.gm-upload-material .el-overlay-dialog {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.gm-upload-material .el-dialog {
-  margin: 0;
-}
-.gm-upload-material .el-dialog__body {
-  max-height: calc(100vh - 100px);
-  overflow-y: auto;
-}
-.gm-upload-material .el-dialog__body video,
-.gm-upload-material .el-dialog__body img {
-  max-height: calc(100vh - 150px);
-}
-[data-v-29f682ba] .el-upload-dragger {
-  padding: 10px;
-  border: none;
-}
-
-.gm-upload-preview-dialog[data-v-29f682ba] [data-v-29f682ba] .el-dialog__body {
-  padding: 0;
-}
-
-[data-v-29f682ba] .el-upload-list__item, [data-v-29f682ba] .el-upload--picture-card {
-  width: 120px;
-  height: 120px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.gm-flex-center[data-v-2a79bac9] {
-  align-items: center;
-}
-
-.gm-flex-justify-between[data-v-2a79bac9] {
-  justify-content: space-between;
-}
-.circular[data-v-b391445c] {
-  animation: loading-rotate-b391445c 2s linear infinite;
-}
-
-.path[data-v-b391445c] {
-  animation: loading-dash-b391445c 1.5s ease-in-out infinite;
-  stroke-dasharray: 90, 150;
-  stroke-dashoffset: 0;
-  stroke: var(--el-color-primary);
-  stroke-linecap: round;
-}
-
-@keyframes loading-rotate-b391445c {
-  to {
-    transform: rotate(360deg);
-  }
-}
-@keyframes loading-dash-b391445c {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -40px;
-  }
-  100% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -120px;
-  }
-}
-
-.gm-range-number .el-form-item[data-v-11c39847] {
-  margin: 0;
-}
-
-[data-v-ec3af0bb] .gmSearchForm .el-form-item {
-  margin-right: 0;
-  margin-bottom: 4px;
-}
-[data-v-a0a106bd] .gmTableNoBorder .el-table__body .el-table__cell {
-  border-right: none;
-}
-
-[data-v-a0a106bd] .gmTableNoBorder .el-table__inner-wrapper:before {
-  height: 0;
-}
-
-[data-v-a0a106bd] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
-  height: 0;
-}
-
-[data-v-a0a106bd] .gmTableNoBorder.el-table--border:after {
-  height: 0;
-}
-
-[data-v-a0a106bd] .gmTableNoBorder.el-table--border:before {
-  height: 0;
-}
-
-[data-v-a0a106bd] .gmTableNoBorder .el-table__border-left-patch {
-  height: 0;
-}
-
-.pagination-container[data-v-19230954] {
-  background: #fff;
-  padding-top: 12px;
-}
-.pagination-container.hidden[data-v-19230954] {
-  display: none;
-}
-
-.gm-number-interval-single[data-v-47a13fd0] {
-  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
-  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
-  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
-}
-.gm-number-interval-single[data-v-47a13fd0] [data-v-47a13fd0] .el-input__wrapper {
-  box-shadow: none;
-  background: none;
-}
-
-.gm-number-interval-close[data-v-47a13fd0] {
-  display: none;
-  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
-}
-
-.gm-number-interval-single[data-v-47a13fd0]:hover .gm-number-interval-close[data-v-47a13fd0] {
-  display: flex;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "giime",
-  "version": "0.4.7",
+  "version": "0.4.8",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "giime",