giime 0.3.0 → 0.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +27 -27
- package/es/components/src/composite/searchForm/SearchForm.vue.mjs +1 -1
- package/es/components/src/composite/searchForm/SearchForm.vue2.mjs +5 -5
- package/es/components/src/composite/searchForm/SearchForm.vue2.mjs.map +1 -1
- package/es/giime/version.d.ts +1 -1
- package/es/giime/version.mjs +1 -1
- package/es/giime/version.mjs.map +1 -1
- package/es/index.css +27 -27
- package/global.d.ts +4 -2
- package/lib/components/src/composite/searchForm/SearchForm.vue.js +1 -1
- package/lib/components/src/composite/searchForm/SearchForm.vue2.js +5 -5
- package/lib/components/src/composite/searchForm/SearchForm.vue2.js.map +1 -1
- package/lib/giime/version.d.ts +1 -1
- package/lib/giime/version.js +1 -1
- package/lib/giime/version.js.map +1 -1
- package/lib/index.css +27 -27
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -741,30 +741,9 @@ video {
|
|
|
741
741
|
margin: 0;
|
|
742
742
|
}
|
|
743
743
|
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
.gm-flex-justify-between[data-v-6829dac1] {
|
|
749
|
-
justify-content: space-between;
|
|
750
|
-
}
|
|
751
|
-
.gm-number-interval-single[data-v-47a13fd0] {
|
|
752
|
-
border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
|
|
753
|
-
box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
|
|
754
|
-
background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
|
|
755
|
-
}
|
|
756
|
-
.gm-number-interval-single[data-v-47a13fd0] [data-v-47a13fd0] .el-input__wrapper {
|
|
757
|
-
box-shadow: none;
|
|
758
|
-
background: none;
|
|
759
|
-
}
|
|
760
|
-
|
|
761
|
-
.gm-number-interval-close[data-v-47a13fd0] {
|
|
762
|
-
display: none;
|
|
763
|
-
color: var(--el-input-icon-color, var(--el-text-color-placeholder));
|
|
764
|
-
}
|
|
765
|
-
|
|
766
|
-
.gm-number-interval-single[data-v-47a13fd0]:hover .gm-number-interval-close[data-v-47a13fd0] {
|
|
767
|
-
display: flex;
|
|
744
|
+
[data-v-45d7b25a] .gmSearchForm .el-form-item {
|
|
745
|
+
margin-right: 0;
|
|
746
|
+
margin-bottom: 4px;
|
|
768
747
|
}
|
|
769
748
|
[data-v-2f3b2b52] .gmTableNoBorder .el-table__body .el-table__cell {
|
|
770
749
|
border-right: none;
|
|
@@ -789,9 +768,30 @@ video {
|
|
|
789
768
|
[data-v-2f3b2b52] .gmTableNoBorder .el-table__border-left-patch {
|
|
790
769
|
height: 0;
|
|
791
770
|
}
|
|
792
|
-
[data-v-
|
|
793
|
-
|
|
794
|
-
|
|
771
|
+
.gm-number-interval-single[data-v-47a13fd0] {
|
|
772
|
+
border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
|
|
773
|
+
box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
|
|
774
|
+
background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
|
|
775
|
+
}
|
|
776
|
+
.gm-number-interval-single[data-v-47a13fd0] [data-v-47a13fd0] .el-input__wrapper {
|
|
777
|
+
box-shadow: none;
|
|
778
|
+
background: none;
|
|
779
|
+
}
|
|
780
|
+
|
|
781
|
+
.gm-number-interval-close[data-v-47a13fd0] {
|
|
782
|
+
display: none;
|
|
783
|
+
color: var(--el-input-icon-color, var(--el-text-color-placeholder));
|
|
784
|
+
}
|
|
785
|
+
|
|
786
|
+
.gm-number-interval-single[data-v-47a13fd0]:hover .gm-number-interval-close[data-v-47a13fd0] {
|
|
787
|
+
display: flex;
|
|
788
|
+
}
|
|
789
|
+
.gm-flex-center[data-v-6829dac1] {
|
|
790
|
+
align-items: center;
|
|
791
|
+
}
|
|
792
|
+
|
|
793
|
+
.gm-flex-justify-between[data-v-6829dac1] {
|
|
794
|
+
justify-content: space-between;
|
|
795
795
|
}
|
|
796
796
|
|
|
797
797
|
.pagination-container[data-v-20ed99a8] {
|
|
@@ -2,7 +2,7 @@ import _sfc_main from './SearchForm.vue2.mjs';
|
|
|
2
2
|
import './SearchForm.vue3.mjs';
|
|
3
3
|
import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
|
|
4
4
|
|
|
5
|
-
var SearchForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
5
|
+
var SearchForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-45d7b25a"], ["__file", "SearchForm.vue"]]);
|
|
6
6
|
|
|
7
7
|
export { SearchForm as default };
|
|
8
8
|
//# sourceMappingURL=SearchForm.vue.mjs.map
|
|
@@ -30,10 +30,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
30
30
|
const markIsVisibility = useElementVisibility(visibilityMarkRef);
|
|
31
31
|
const { width: queryDivWidth } = useElementSize(queryDivRef);
|
|
32
32
|
const colsCount = computed(() => Math.floor(queryDivWidth.value / 269));
|
|
33
|
-
const showMore = ref(
|
|
34
|
-
const
|
|
33
|
+
const showMore = ref(true);
|
|
34
|
+
const notShowShowMore = computed(() => showMore.value === false && markIsVisibility.value === true);
|
|
35
35
|
const searchButtonItemStyle = computed(() => {
|
|
36
|
-
if (
|
|
36
|
+
if (notShowShowMore.value) {
|
|
37
37
|
return {};
|
|
38
38
|
}
|
|
39
39
|
return {
|
|
@@ -123,7 +123,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
123
123
|
createElementVNode(
|
|
124
124
|
"div",
|
|
125
125
|
{
|
|
126
|
-
class: normalizeClass(["gm-flex gm-w-full",
|
|
126
|
+
class: normalizeClass(["gm-flex gm-w-full", notShowShowMore.value ? "" : " gm-justify-end"])
|
|
127
127
|
},
|
|
128
128
|
[
|
|
129
129
|
createVNode(_component_gm_button, {
|
|
@@ -176,7 +176,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
176
176
|
512
|
|
177
177
|
/* NEED_PATCH */
|
|
178
178
|
), [
|
|
179
|
-
[vShow, !
|
|
179
|
+
[vShow, !notShowShowMore.value]
|
|
180
180
|
])
|
|
181
181
|
],
|
|
182
182
|
2
|
|
@@ -1 +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=\"
|
|
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, useElementVisibility } 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\nconst markIsVisibility = useElementVisibility(visibilityMarkRef);\r\n\r\nconst { width: queryDivWidth } = useElementSize(queryDivRef);\r\n// 列个数\r\nconst colsCount = computed(() => Math.floor(queryDivWidth.value / 269));\r\nconst showMore = ref(true);\r\n// 当 showMore展开 为 false 时，标注为可见 则不显示展开按钮\r\nconst notShowShowMore = computed(() => showMore.value === false && markIsVisibility.value === true);\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/giime/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "0.3.
|
|
1
|
+
export declare const version = "0.3.2";
|
package/es/giime/version.mjs
CHANGED
package/es/giime/version.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"version.mjs","sources":["../../../../packages/giime/version.ts"],"sourcesContent":["export const version = '0.3.
|
|
1
|
+
{"version":3,"file":"version.mjs","sources":["../../../../packages/giime/version.ts"],"sourcesContent":["export const version = '0.3.2';\n"],"names":[],"mappings":"AAAO,MAAM,OAAU,GAAA;;;;"}
|
package/es/index.css
CHANGED
|
@@ -741,30 +741,9 @@ video {
|
|
|
741
741
|
margin: 0;
|
|
742
742
|
}
|
|
743
743
|
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
.gm-flex-justify-between[data-v-6829dac1] {
|
|
749
|
-
justify-content: space-between;
|
|
750
|
-
}
|
|
751
|
-
.gm-number-interval-single[data-v-47a13fd0] {
|
|
752
|
-
border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
|
|
753
|
-
box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
|
|
754
|
-
background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
|
|
755
|
-
}
|
|
756
|
-
.gm-number-interval-single[data-v-47a13fd0] [data-v-47a13fd0] .el-input__wrapper {
|
|
757
|
-
box-shadow: none;
|
|
758
|
-
background: none;
|
|
759
|
-
}
|
|
760
|
-
|
|
761
|
-
.gm-number-interval-close[data-v-47a13fd0] {
|
|
762
|
-
display: none;
|
|
763
|
-
color: var(--el-input-icon-color, var(--el-text-color-placeholder));
|
|
764
|
-
}
|
|
765
|
-
|
|
766
|
-
.gm-number-interval-single[data-v-47a13fd0]:hover .gm-number-interval-close[data-v-47a13fd0] {
|
|
767
|
-
display: flex;
|
|
744
|
+
[data-v-45d7b25a] .gmSearchForm .el-form-item {
|
|
745
|
+
margin-right: 0;
|
|
746
|
+
margin-bottom: 4px;
|
|
768
747
|
}
|
|
769
748
|
[data-v-2f3b2b52] .gmTableNoBorder .el-table__body .el-table__cell {
|
|
770
749
|
border-right: none;
|
|
@@ -789,9 +768,30 @@ video {
|
|
|
789
768
|
[data-v-2f3b2b52] .gmTableNoBorder .el-table__border-left-patch {
|
|
790
769
|
height: 0;
|
|
791
770
|
}
|
|
792
|
-
[data-v-
|
|
793
|
-
|
|
794
|
-
|
|
771
|
+
.gm-number-interval-single[data-v-47a13fd0] {
|
|
772
|
+
border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
|
|
773
|
+
box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
|
|
774
|
+
background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
|
|
775
|
+
}
|
|
776
|
+
.gm-number-interval-single[data-v-47a13fd0] [data-v-47a13fd0] .el-input__wrapper {
|
|
777
|
+
box-shadow: none;
|
|
778
|
+
background: none;
|
|
779
|
+
}
|
|
780
|
+
|
|
781
|
+
.gm-number-interval-close[data-v-47a13fd0] {
|
|
782
|
+
display: none;
|
|
783
|
+
color: var(--el-input-icon-color, var(--el-text-color-placeholder));
|
|
784
|
+
}
|
|
785
|
+
|
|
786
|
+
.gm-number-interval-single[data-v-47a13fd0]:hover .gm-number-interval-close[data-v-47a13fd0] {
|
|
787
|
+
display: flex;
|
|
788
|
+
}
|
|
789
|
+
.gm-flex-center[data-v-6829dac1] {
|
|
790
|
+
align-items: center;
|
|
791
|
+
}
|
|
792
|
+
|
|
793
|
+
.gm-flex-justify-between[data-v-6829dac1] {
|
|
794
|
+
justify-content: space-between;
|
|
795
795
|
}
|
|
796
796
|
|
|
797
797
|
.pagination-container[data-v-20ed99a8] {
|
package/global.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
// GlobalComponents for Volar
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
// https://github.com/vuejs/language-tools/issues/4501#issuecomment-2193697696
|
|
3
|
+
type GiimeGlobalRuntimeCore = import('@vue/runtime-core').GlobalComponents;
|
|
4
|
+
declare module 'vue' {
|
|
5
|
+
export interface GlobalComponents extends GiimeGlobalRuntimeCore {
|
|
4
6
|
GmAffix: typeof import('giime')['GmAffix']
|
|
5
7
|
GmAlert: typeof import('giime')['GmAlert']
|
|
6
8
|
GmAnchor: typeof import('giime')['GmAnchor']
|
|
@@ -6,7 +6,7 @@ var SearchForm_vue_vue_type_script_setup_true_lang = require('./SearchForm.vue2.
|
|
|
6
6
|
require('./SearchForm.vue3.js');
|
|
7
7
|
var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
|
|
8
8
|
|
|
9
|
-
var SearchForm = /* @__PURE__ */ _pluginVue_exportHelper.default(SearchForm_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-
|
|
9
|
+
var SearchForm = /* @__PURE__ */ _pluginVue_exportHelper.default(SearchForm_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-45d7b25a"], ["__file", "SearchForm.vue"]]);
|
|
10
10
|
|
|
11
11
|
exports.default = SearchForm;
|
|
12
12
|
//# sourceMappingURL=SearchForm.vue.js.map
|
|
@@ -34,10 +34,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
34
34
|
const markIsVisibility = core.useElementVisibility(visibilityMarkRef);
|
|
35
35
|
const { width: queryDivWidth } = core.useElementSize(queryDivRef);
|
|
36
36
|
const colsCount = vue.computed(() => Math.floor(queryDivWidth.value / 269));
|
|
37
|
-
const showMore = vue.ref(
|
|
38
|
-
const
|
|
37
|
+
const showMore = vue.ref(true);
|
|
38
|
+
const notShowShowMore = vue.computed(() => showMore.value === false && markIsVisibility.value === true);
|
|
39
39
|
const searchButtonItemStyle = vue.computed(() => {
|
|
40
|
-
if (
|
|
40
|
+
if (notShowShowMore.value) {
|
|
41
41
|
return {};
|
|
42
42
|
}
|
|
43
43
|
return {
|
|
@@ -127,7 +127,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
127
127
|
vue.createElementVNode(
|
|
128
128
|
"div",
|
|
129
129
|
{
|
|
130
|
-
class: vue.normalizeClass(["gm-flex gm-w-full",
|
|
130
|
+
class: vue.normalizeClass(["gm-flex gm-w-full", notShowShowMore.value ? "" : " gm-justify-end"])
|
|
131
131
|
},
|
|
132
132
|
[
|
|
133
133
|
vue.createVNode(_component_gm_button, {
|
|
@@ -180,7 +180,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
180
180
|
512
|
|
181
181
|
/* NEED_PATCH */
|
|
182
182
|
), [
|
|
183
|
-
[vue.vShow, !
|
|
183
|
+
[vue.vShow, !notShowShowMore.value]
|
|
184
184
|
])
|
|
185
185
|
],
|
|
186
186
|
2
|
|
@@ -1 +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=\"
|
|
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\"><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, useElementVisibility } 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\nconst markIsVisibility = useElementVisibility(visibilityMarkRef);\r\n\r\nconst { width: queryDivWidth } = useElementSize(queryDivRef);\r\n// 列个数\r\nconst colsCount = computed(() => Math.floor(queryDivWidth.value / 269));\r\nconst showMore = ref(true);\r\n// 当 showMore展开 为 false 时，标注为可见 则不显示展开按钮\r\nconst notShowShowMore = computed(() => showMore.value === false && markIsVisibility.value === true);\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","useElementVisibility","useElementSize","computed","nextTick","searchFormItemList","searchFormHandleQueryKey"],"mappings":"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"}
|
package/lib/giime/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "0.3.
|
|
1
|
+
export declare const version = "0.3.2";
|
package/lib/giime/version.js
CHANGED
package/lib/giime/version.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"version.js","sources":["../../../../packages/giime/version.ts"],"sourcesContent":["export const version = '0.3.
|
|
1
|
+
{"version":3,"file":"version.js","sources":["../../../../packages/giime/version.ts"],"sourcesContent":["export const version = '0.3.2';\n"],"names":[],"mappings":";;AAAO,MAAM,OAAU,GAAA;;;;"}
|
package/lib/index.css
CHANGED
|
@@ -741,30 +741,9 @@ video {
|
|
|
741
741
|
margin: 0;
|
|
742
742
|
}
|
|
743
743
|
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
.gm-flex-justify-between[data-v-6829dac1] {
|
|
749
|
-
justify-content: space-between;
|
|
750
|
-
}
|
|
751
|
-
.gm-number-interval-single[data-v-47a13fd0] {
|
|
752
|
-
border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
|
|
753
|
-
box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
|
|
754
|
-
background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
|
|
755
|
-
}
|
|
756
|
-
.gm-number-interval-single[data-v-47a13fd0] [data-v-47a13fd0] .el-input__wrapper {
|
|
757
|
-
box-shadow: none;
|
|
758
|
-
background: none;
|
|
759
|
-
}
|
|
760
|
-
|
|
761
|
-
.gm-number-interval-close[data-v-47a13fd0] {
|
|
762
|
-
display: none;
|
|
763
|
-
color: var(--el-input-icon-color, var(--el-text-color-placeholder));
|
|
764
|
-
}
|
|
765
|
-
|
|
766
|
-
.gm-number-interval-single[data-v-47a13fd0]:hover .gm-number-interval-close[data-v-47a13fd0] {
|
|
767
|
-
display: flex;
|
|
744
|
+
[data-v-45d7b25a] .gmSearchForm .el-form-item {
|
|
745
|
+
margin-right: 0;
|
|
746
|
+
margin-bottom: 4px;
|
|
768
747
|
}
|
|
769
748
|
[data-v-2f3b2b52] .gmTableNoBorder .el-table__body .el-table__cell {
|
|
770
749
|
border-right: none;
|
|
@@ -789,9 +768,30 @@ video {
|
|
|
789
768
|
[data-v-2f3b2b52] .gmTableNoBorder .el-table__border-left-patch {
|
|
790
769
|
height: 0;
|
|
791
770
|
}
|
|
792
|
-
[data-v-
|
|
793
|
-
|
|
794
|
-
|
|
771
|
+
.gm-number-interval-single[data-v-47a13fd0] {
|
|
772
|
+
border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
|
|
773
|
+
box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
|
|
774
|
+
background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
|
|
775
|
+
}
|
|
776
|
+
.gm-number-interval-single[data-v-47a13fd0] [data-v-47a13fd0] .el-input__wrapper {
|
|
777
|
+
box-shadow: none;
|
|
778
|
+
background: none;
|
|
779
|
+
}
|
|
780
|
+
|
|
781
|
+
.gm-number-interval-close[data-v-47a13fd0] {
|
|
782
|
+
display: none;
|
|
783
|
+
color: var(--el-input-icon-color, var(--el-text-color-placeholder));
|
|
784
|
+
}
|
|
785
|
+
|
|
786
|
+
.gm-number-interval-single[data-v-47a13fd0]:hover .gm-number-interval-close[data-v-47a13fd0] {
|
|
787
|
+
display: flex;
|
|
788
|
+
}
|
|
789
|
+
.gm-flex-center[data-v-6829dac1] {
|
|
790
|
+
align-items: center;
|
|
791
|
+
}
|
|
792
|
+
|
|
793
|
+
.gm-flex-justify-between[data-v-6829dac1] {
|
|
794
|
+
justify-content: space-between;
|
|
795
795
|
}
|
|
796
796
|
|
|
797
797
|
.pagination-container[data-v-20ed99a8] {
|