giime 0.1.23 → 0.2.1
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 +66 -8
- package/es/components/index.mjs +4 -0
- package/es/components/index.mjs.map +1 -1
- package/es/components/src/base/button/Button.vue2.mjs +31 -35
- package/es/components/src/base/button/Button.vue2.mjs.map +1 -1
- package/es/components/src/base/selectV2/selectV2.d.ts +2 -0
- package/es/components/src/base/selectV2/selectV2.mjs.map +1 -1
- package/es/components/src/composite/index.mjs +4 -0
- package/es/components/src/composite/index.mjs.map +1 -1
- package/es/components/src/composite/numberInterval/NumberInterval.vue.d.ts +18 -0
- package/es/components/src/composite/numberInterval/NumberInterval.vue.mjs +2 -1
- package/es/components/src/composite/numberInterval/NumberInterval.vue.mjs.map +1 -1
- package/es/components/src/composite/numberInterval/NumberInterval.vue2.mjs +138 -105
- package/es/components/src/composite/numberInterval/NumberInterval.vue2.mjs.map +1 -1
- package/es/components/src/composite/numberInterval/NumberInterval.vue3.mjs +4 -0
- package/es/components/src/composite/numberInterval/NumberInterval.vue3.mjs.map +1 -0
- package/es/components/src/composite/numberInterval/index.d.ts +18 -0
- package/es/components/src/composite/numberInterval/numberInterval.d.ts +13 -1
- package/es/components/src/composite/numberInterval/numberInterval.mjs +11 -0
- package/es/components/src/composite/numberInterval/numberInterval.mjs.map +1 -1
- package/es/components/src/composite/searchForm/SearchForm.vue.mjs +1 -1
- package/es/components/src/composite/searchForm/SearchForm.vue2.mjs +169 -59
- package/es/components/src/composite/searchForm/SearchForm.vue2.mjs.map +1 -1
- package/es/components/src/composite/searchForm/index.mjs +4 -0
- package/es/components/src/composite/searchForm/index.mjs.map +1 -1
- package/es/components/src/composite/searchForm/searchFormItems/cascader/SearchFormCascader.vue2.mjs +1 -1
- package/es/components/src/composite/searchForm/searchFormItems/cascader/SearchFormCascader.vue2.mjs.map +1 -1
- package/es/components/src/composite/searchForm/searchFormItems/datePicker/SearchFormDatePicker.vue2.mjs +5 -5
- package/es/components/src/composite/searchForm/searchFormItems/datePicker/SearchFormDatePicker.vue2.mjs.map +1 -1
- package/es/components/src/composite/searchForm/searchFormItems/index.d.ts +2 -0
- package/es/components/src/composite/searchForm/searchFormItems/index.mjs +4 -0
- package/es/components/src/composite/searchForm/searchFormItems/index.mjs.map +1 -1
- package/es/components/src/composite/searchForm/searchFormItems/input/SearchFormInput.vue2.mjs +1 -1
- package/es/components/src/composite/searchForm/searchFormItems/input/SearchFormInput.vue2.mjs.map +1 -1
- package/es/components/src/composite/searchForm/searchFormItems/numberInterval/SearchFormNumberInterval.vue.d.ts +54 -0
- package/es/components/src/composite/searchForm/searchFormItems/numberInterval/SearchFormNumberInterval.vue.mjs +7 -0
- package/es/components/src/composite/searchForm/searchFormItems/numberInterval/SearchFormNumberInterval.vue.mjs.map +1 -0
- package/es/components/src/composite/searchForm/searchFormItems/numberInterval/SearchFormNumberInterval.vue2.mjs +46 -0
- package/es/components/src/composite/searchForm/searchFormItems/numberInterval/SearchFormNumberInterval.vue2.mjs.map +1 -0
- package/es/components/src/composite/searchForm/searchFormItems/numberInterval/index.d.ts +57 -0
- package/es/components/src/composite/searchForm/searchFormItems/numberInterval/index.mjs +9 -0
- package/es/components/src/composite/searchForm/searchFormItems/numberInterval/index.mjs.map +1 -0
- package/es/components/src/composite/searchForm/searchFormItems/numberInterval/searchFormNumberInterval.d.ts +25 -0
- package/es/components/src/composite/searchForm/searchFormItems/numberInterval/searchFormNumberInterval.mjs +23 -0
- package/es/components/src/composite/searchForm/searchFormItems/numberInterval/searchFormNumberInterval.mjs.map +1 -0
- package/es/components/src/composite/searchForm/searchFormItems/select/SearchFormSelect.vue2.mjs +5 -2
- package/es/components/src/composite/searchForm/searchFormItems/select/SearchFormSelect.vue2.mjs.map +1 -1
- package/es/components/src/composite/searchForm/searchFormItems/selectV2/SearchFormSelectV2.vue.d.ts +84 -0
- package/es/components/src/composite/searchForm/searchFormItems/selectV2/SearchFormSelectV2.vue.mjs +7 -0
- package/es/components/src/composite/searchForm/searchFormItems/selectV2/SearchFormSelectV2.vue.mjs.map +1 -0
- package/es/components/src/composite/searchForm/searchFormItems/selectV2/SearchFormSelectV2.vue2.mjs +67 -0
- package/es/components/src/composite/searchForm/searchFormItems/selectV2/SearchFormSelectV2.vue2.mjs.map +1 -0
- package/es/components/src/composite/searchForm/searchFormItems/selectV2/index.d.ts +87 -0
- package/es/components/src/composite/searchForm/searchFormItems/selectV2/index.mjs +9 -0
- package/es/components/src/composite/searchForm/searchFormItems/selectV2/index.mjs.map +1 -0
- package/es/components/src/composite/searchForm/searchFormItems/selectV2/searchFormSelectV2.d.ts +38 -0
- package/es/components/src/composite/searchForm/searchFormItems/selectV2/searchFormSelectV2.mjs +30 -0
- package/es/components/src/composite/searchForm/searchFormItems/selectV2/searchFormSelectV2.mjs.map +1 -0
- package/es/components/src/composite/selectOptions/SelectOptions.vue2.mjs +4 -2
- package/es/components/src/composite/selectOptions/SelectOptions.vue2.mjs.map +1 -1
- package/es/components/src/composite/tablePro/tablePagination/TablePagination.vue.d.ts +9 -0
- package/es/components/src/composite/tablePro/tablePagination/TablePagination.vue.mjs +1 -1
- package/es/components/src/composite/tablePro/tablePagination/TablePagination.vue2.mjs +3 -2
- package/es/components/src/composite/tablePro/tablePagination/TablePagination.vue2.mjs.map +1 -1
- package/es/components/src/composite/tablePro/tablePagination/index.d.ts +9 -0
- package/es/components/src/composite/tablePro/tablePagination/tablePagination.d.ts +4 -0
- package/es/components/src/composite/tablePro/tablePagination/tablePagination.mjs +4 -0
- package/es/components/src/composite/tablePro/tablePagination/tablePagination.mjs.map +1 -1
- package/es/components/src/composite/tablePro/tableToolbar/TableToolbar.vue.d.ts +12 -0
- package/es/components/src/composite/tablePro/tableToolbar/TableToolbar.vue2.mjs +177 -134
- package/es/components/src/composite/tablePro/tableToolbar/TableToolbar.vue2.mjs.map +1 -1
- package/es/components/src/composite/tablePro/tableToolbar/index.d.ts +24 -0
- package/es/components/src/composite/tablePro/tableToolbar/tableToolbar.d.ts +12 -0
- package/es/components/src/composite/tablePro/tableToolbar/tableToolbar.mjs +12 -0
- package/es/components/src/composite/tablePro/tableToolbar/tableToolbar.mjs.map +1 -1
- package/es/giime/component.mjs +4 -0
- package/es/giime/component.mjs.map +1 -1
- package/es/giime/index.mjs +4 -0
- package/es/giime/index.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 +66 -8
- package/global.d.ts +2 -0
- package/lib/components/index.js +52 -40
- package/lib/components/index.js.map +1 -1
- package/lib/components/src/base/button/Button.vue2.js +31 -35
- package/lib/components/src/base/button/Button.vue2.js.map +1 -1
- package/lib/components/src/base/selectV2/selectV2.d.ts +2 -0
- package/lib/components/src/base/selectV2/selectV2.js.map +1 -1
- package/lib/components/src/composite/index.js +38 -26
- package/lib/components/src/composite/index.js.map +1 -1
- package/lib/components/src/composite/numberInterval/NumberInterval.vue.d.ts +18 -0
- package/lib/components/src/composite/numberInterval/NumberInterval.vue.js +2 -1
- package/lib/components/src/composite/numberInterval/NumberInterval.vue.js.map +1 -1
- package/lib/components/src/composite/numberInterval/NumberInterval.vue2.js +136 -103
- package/lib/components/src/composite/numberInterval/NumberInterval.vue2.js.map +1 -1
- package/lib/components/src/composite/numberInterval/NumberInterval.vue3.js +8 -0
- package/lib/components/src/composite/numberInterval/NumberInterval.vue3.js.map +1 -0
- package/lib/components/src/composite/numberInterval/index.d.ts +18 -0
- package/lib/components/src/composite/numberInterval/numberInterval.d.ts +13 -1
- package/lib/components/src/composite/numberInterval/numberInterval.js +11 -0
- package/lib/components/src/composite/numberInterval/numberInterval.js.map +1 -1
- package/lib/components/src/composite/searchForm/SearchForm.vue.js +1 -1
- package/lib/components/src/composite/searchForm/SearchForm.vue2.js +167 -57
- package/lib/components/src/composite/searchForm/SearchForm.vue2.js.map +1 -1
- package/lib/components/src/composite/searchForm/index.js +12 -0
- package/lib/components/src/composite/searchForm/index.js.map +1 -1
- package/lib/components/src/composite/searchForm/searchFormItems/cascader/SearchFormCascader.vue2.js +1 -1
- package/lib/components/src/composite/searchForm/searchFormItems/cascader/SearchFormCascader.vue2.js.map +1 -1
- package/lib/components/src/composite/searchForm/searchFormItems/datePicker/SearchFormDatePicker.vue2.js +4 -4
- package/lib/components/src/composite/searchForm/searchFormItems/datePicker/SearchFormDatePicker.vue2.js.map +1 -1
- package/lib/components/src/composite/searchForm/searchFormItems/index.d.ts +2 -0
- package/lib/components/src/composite/searchForm/searchFormItems/index.js +12 -0
- package/lib/components/src/composite/searchForm/searchFormItems/index.js.map +1 -1
- package/lib/components/src/composite/searchForm/searchFormItems/input/SearchFormInput.vue2.js +1 -1
- package/lib/components/src/composite/searchForm/searchFormItems/input/SearchFormInput.vue2.js.map +1 -1
- package/lib/components/src/composite/searchForm/searchFormItems/numberInterval/SearchFormNumberInterval.vue.d.ts +54 -0
- package/lib/components/src/composite/searchForm/searchFormItems/numberInterval/SearchFormNumberInterval.vue.js +11 -0
- package/lib/components/src/composite/searchForm/searchFormItems/numberInterval/SearchFormNumberInterval.vue.js.map +1 -0
- package/lib/components/src/composite/searchForm/searchFormItems/numberInterval/SearchFormNumberInterval.vue2.js +50 -0
- package/lib/components/src/composite/searchForm/searchFormItems/numberInterval/SearchFormNumberInterval.vue2.js.map +1 -0
- package/lib/components/src/composite/searchForm/searchFormItems/numberInterval/index.d.ts +57 -0
- package/lib/components/src/composite/searchForm/searchFormItems/numberInterval/index.js +17 -0
- package/lib/components/src/composite/searchForm/searchFormItems/numberInterval/index.js.map +1 -0
- package/lib/components/src/composite/searchForm/searchFormItems/numberInterval/searchFormNumberInterval.d.ts +25 -0
- package/lib/components/src/composite/searchForm/searchFormItems/numberInterval/searchFormNumberInterval.js +27 -0
- package/lib/components/src/composite/searchForm/searchFormItems/numberInterval/searchFormNumberInterval.js.map +1 -0
- package/lib/components/src/composite/searchForm/searchFormItems/select/SearchFormSelect.vue2.js +5 -2
- package/lib/components/src/composite/searchForm/searchFormItems/select/SearchFormSelect.vue2.js.map +1 -1
- package/lib/components/src/composite/searchForm/searchFormItems/selectV2/SearchFormSelectV2.vue.d.ts +84 -0
- package/lib/components/src/composite/searchForm/searchFormItems/selectV2/SearchFormSelectV2.vue.js +11 -0
- package/lib/components/src/composite/searchForm/searchFormItems/selectV2/SearchFormSelectV2.vue.js.map +1 -0
- package/lib/components/src/composite/searchForm/searchFormItems/selectV2/SearchFormSelectV2.vue2.js +71 -0
- package/lib/components/src/composite/searchForm/searchFormItems/selectV2/SearchFormSelectV2.vue2.js.map +1 -0
- package/lib/components/src/composite/searchForm/searchFormItems/selectV2/index.d.ts +87 -0
- package/lib/components/src/composite/searchForm/searchFormItems/selectV2/index.js +17 -0
- package/lib/components/src/composite/searchForm/searchFormItems/selectV2/index.js.map +1 -0
- package/lib/components/src/composite/searchForm/searchFormItems/selectV2/searchFormSelectV2.d.ts +38 -0
- package/lib/components/src/composite/searchForm/searchFormItems/selectV2/searchFormSelectV2.js +34 -0
- package/lib/components/src/composite/searchForm/searchFormItems/selectV2/searchFormSelectV2.js.map +1 -0
- package/lib/components/src/composite/selectOptions/SelectOptions.vue2.js +4 -2
- package/lib/components/src/composite/selectOptions/SelectOptions.vue2.js.map +1 -1
- package/lib/components/src/composite/tablePro/tablePagination/TablePagination.vue.d.ts +9 -0
- package/lib/components/src/composite/tablePro/tablePagination/TablePagination.vue.js +1 -1
- package/lib/components/src/composite/tablePro/tablePagination/TablePagination.vue2.js +3 -2
- package/lib/components/src/composite/tablePro/tablePagination/TablePagination.vue2.js.map +1 -1
- package/lib/components/src/composite/tablePro/tablePagination/index.d.ts +9 -0
- package/lib/components/src/composite/tablePro/tablePagination/tablePagination.d.ts +4 -0
- package/lib/components/src/composite/tablePro/tablePagination/tablePagination.js +4 -0
- package/lib/components/src/composite/tablePro/tablePagination/tablePagination.js.map +1 -1
- package/lib/components/src/composite/tablePro/tableToolbar/TableToolbar.vue.d.ts +12 -0
- package/lib/components/src/composite/tablePro/tableToolbar/TableToolbar.vue2.js +176 -133
- package/lib/components/src/composite/tablePro/tableToolbar/TableToolbar.vue2.js.map +1 -1
- package/lib/components/src/composite/tablePro/tableToolbar/index.d.ts +24 -0
- package/lib/components/src/composite/tablePro/tableToolbar/tableToolbar.d.ts +12 -0
- package/lib/components/src/composite/tablePro/tableToolbar/tableToolbar.js +12 -0
- package/lib/components/src/composite/tablePro/tableToolbar/tableToolbar.js.map +1 -1
- package/lib/giime/component.js +38 -34
- package/lib/giime/component.js.map +1 -1
- package/lib/giime/index.js +92 -80
- package/lib/giime/index.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 +66 -8
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectOptions.vue2.mjs","sources":["../../../../../../../packages/components/src/composite/selectOptions/SelectOptions.vue"],"sourcesContent":["<template>\r\n <gm-select v-bind=\"props\" v-on=\"events\">\r\n <gm-option v-for=\"(item, index) in labelOptions\" :key=\"index\" :label=\"item.label\" :value=\"item.value\" />\r\n </gm-select>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { computed } from 'vue';\r\nimport { getGmEvent } from '@giime/utils';\r\nimport { isString } from '@giime/utils/src/is';\r\nimport { selectOptionsEmits, selectOptionsProps } from './selectOptions';\r\ndefineOptions({\r\n name: 'GmSelectOptions',\r\n});\r\nconst props = defineProps(selectOptionsProps);\r\nconst emit = defineEmits(selectOptionsEmits);\r\nconst events = getGmEvent(selectOptionsEmits, emit);\r\n\r\nconst labelOptions = computed(() => {\r\n return props.options.map(it => {\r\n const res = {\r\n label: it[props.optionLabel],\r\n value: it[props.optionValue],\r\n };\r\n if (props.labelKey === true) {\r\n res.label = `${it.id}. ${res.label}`;\r\n } else if (isString(props.labelKey)) {\r\n res.label = `${it[props.labelKey]}. ${res.label}`;\r\n }\r\n return res;\r\n });\r\n});\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAaA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAM,MAAA,MAAA,GAAS,UAAW,CAAA,kBAAA,EAAoB,IAAI,CAAA,CAAA;AAElD,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,
|
|
1
|
+
{"version":3,"file":"SelectOptions.vue2.mjs","sources":["../../../../../../../packages/components/src/composite/selectOptions/SelectOptions.vue"],"sourcesContent":["<template>\r\n <gm-select v-bind=\"props\" v-on=\"events\">\r\n <gm-option v-for=\"(item, index) in labelOptions\" :key=\"index\" :label=\"item.label\" :value=\"item.value\" />\r\n </gm-select>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { computed } from 'vue';\r\nimport { getGmEvent } from '@giime/utils';\r\nimport { isString } from '@giime/utils/src/is';\r\nimport { selectOptionsEmits, selectOptionsProps } from './selectOptions';\r\ndefineOptions({\r\n name: 'GmSelectOptions',\r\n});\r\nconst props = defineProps(selectOptionsProps);\r\nconst emit = defineEmits(selectOptionsEmits);\r\nconst events = getGmEvent(selectOptionsEmits, emit);\r\n\r\nconst labelOptions = computed(() => {\r\n return props.options.map((it, i) => {\r\n const res = {\r\n label: it[props.optionLabel],\r\n value: it[props.optionValue],\r\n };\r\n if (props.labelKey === true) {\r\n res.label = `${it.id}. ${res.label}`;\r\n } else if (props.labelKey === 'index') {\r\n res.label = `${i + 1}. ${res.label}`;\r\n } else if (isString(props.labelKey) && Object.prototype.hasOwnProperty.call(it, props.labelKey)) {\r\n res.label = `${it[props.labelKey]}. ${res.label}`;\r\n }\r\n return res;\r\n });\r\n});\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAaA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAM,MAAA,MAAA,GAAS,UAAW,CAAA,kBAAA,EAAoB,IAAI,CAAA,CAAA;AAElD,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,OAAO,KAAM,CAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,IAAI,CAAM,KAAA;AAClC,QAAA,MAAM,GAAM,GAAA;AAAA,UACV,KAAA,EAAO,EAAG,CAAA,KAAA,CAAM,WAAW,CAAA;AAAA,UAC3B,KAAA,EAAO,EAAG,CAAA,KAAA,CAAM,WAAW,CAAA;AAAA,SAC7B,CAAA;AACA,QAAI,IAAA,KAAA,CAAM,aAAa,IAAM,EAAA;AAC3B,UAAA,GAAA,CAAI,QAAQ,CAAG,EAAA,EAAA,CAAG,EAAE,CAAA,EAAA,EAAK,IAAI,KAAK,CAAA,CAAA,CAAA;AAAA,SACpC,MAAA,IAAW,KAAM,CAAA,QAAA,KAAa,OAAS,EAAA;AACrC,UAAA,GAAA,CAAI,QAAQ,CAAG,EAAA,CAAA,GAAI,CAAC,CAAA,EAAA,EAAK,IAAI,KAAK,CAAA,CAAA,CAAA;AAAA,SACzB,MAAA,IAAA,QAAA,CAAS,KAAM,CAAA,QAAQ,CAAK,IAAA,MAAA,CAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,EAAA,EAAI,KAAM,CAAA,QAAQ,CAAG,EAAA;AAC/F,UAAI,GAAA,CAAA,KAAA,GAAQ,GAAG,EAAG,CAAA,KAAA,CAAM,QAAQ,CAAC,CAAA,EAAA,EAAK,IAAI,KAAK,CAAA,CAAA,CAAA;AAAA,SACjD;AACA,QAAO,OAAA,GAAA,CAAA;AAAA,OACR,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -35,6 +35,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
35
35
|
type: BooleanConstructor;
|
|
36
36
|
default: false;
|
|
37
37
|
};
|
|
38
|
+
small: {
|
|
39
|
+
type: BooleanConstructor;
|
|
40
|
+
default: true;
|
|
41
|
+
};
|
|
38
42
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
39
43
|
"update:page": (...args: any[]) => void;
|
|
40
44
|
"update:limit": (...args: any[]) => void;
|
|
@@ -76,11 +80,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
76
80
|
type: BooleanConstructor;
|
|
77
81
|
default: false;
|
|
78
82
|
};
|
|
83
|
+
small: {
|
|
84
|
+
type: BooleanConstructor;
|
|
85
|
+
default: true;
|
|
86
|
+
};
|
|
79
87
|
}>> & {
|
|
80
88
|
"onUpdate:page"?: ((...args: any[]) => any) | undefined;
|
|
81
89
|
"onUpdate:limit"?: ((...args: any[]) => any) | undefined;
|
|
82
90
|
onPagination?: ((...args: any[]) => any) | undefined;
|
|
83
91
|
}, {
|
|
92
|
+
small: boolean;
|
|
84
93
|
hidden: boolean;
|
|
85
94
|
pagerCount: number;
|
|
86
95
|
layout: string;
|
|
@@ -2,7 +2,7 @@ import _sfc_main from './TablePagination.vue2.mjs';
|
|
|
2
2
|
import './TablePagination.vue3.mjs';
|
|
3
3
|
import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.mjs';
|
|
4
4
|
|
|
5
|
-
var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
5
|
+
var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-61e6554b"], ["__file", "TablePagination.vue"]]);
|
|
6
6
|
|
|
7
7
|
export { TablePagination as default };
|
|
8
8
|
//# sourceMappingURL=TablePagination.vue.mjs.map
|
|
@@ -41,7 +41,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
41
41
|
return openBlock(), createElementBlock(
|
|
42
42
|
"div",
|
|
43
43
|
{
|
|
44
|
-
class: normalizeClass([{ hidden: _ctx.hidden }, "pagination-container"])
|
|
44
|
+
class: normalizeClass([{ hidden: _ctx.hidden }, "pagination-container gm-flex gm-justify-end"])
|
|
45
45
|
},
|
|
46
46
|
[
|
|
47
47
|
createVNode(_component_gm_pagination, {
|
|
@@ -54,9 +54,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
54
54
|
"page-sizes": _ctx.pageSizes,
|
|
55
55
|
"pager-count": _ctx.pagerCount,
|
|
56
56
|
total: _ctx.total,
|
|
57
|
+
small: _ctx.small,
|
|
57
58
|
onSizeChange: handleSizeChange,
|
|
58
59
|
onCurrentChange: handleCurrentChange
|
|
59
|
-
}, null, 8, ["current-page", "page-size", "background", "layout", "page-sizes", "pager-count", "total"])
|
|
60
|
+
}, null, 8, ["current-page", "page-size", "background", "layout", "page-sizes", "pager-count", "total", "small"])
|
|
60
61
|
],
|
|
61
62
|
2
|
|
62
63
|
/* CLASS */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TablePagination.vue2.mjs","sources":["../../../../../../../../packages/components/src/composite/tablePro/tablePagination/TablePagination.vue"],"sourcesContent":["<template>\r\n <div :class=\"{ hidden: hidden }\" class=\"pagination-container\">\r\n <gm-pagination\r\n v-model:current-page=\"currentPage\"\r\n v-model:page-size=\"pageSize\"\r\n :background=\"background\"\r\n :layout=\"layout\"\r\n :page-sizes=\"pageSizes\"\r\n :pager-count=\"pagerCount\"\r\n :total=\"total\"\r\n @sizeChange=\"handleSizeChange\"\r\n @currentChange=\"handleCurrentChange\"\r\n />\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport { tablePaginationProps } from './tablePagination';\r\n\r\ndefineOptions({\r\n name: 'GmTablePagination',\r\n});\r\nconst props = defineProps(tablePaginationProps);\r\n\r\nconst emit = defineEmits(['update:page', 'update:limit', 'pagination']);\r\nconst currentPage = computed<number>({\r\n get() {\r\n return props.page;\r\n },\r\n set(val) {\r\n emit('update:page', val);\r\n },\r\n});\r\nconst pageSize = computed({\r\n get() {\r\n return props.limit;\r\n },\r\n set(val) {\r\n emit('update:limit', val);\r\n },\r\n});\r\nfunction handleSizeChange(val: any) {\r\n if (currentPage.value * val > props.total) {\r\n currentPage.value = 1;\r\n }\r\n emit('pagination', { page: currentPage.value, limit: val });\r\n}\r\nfunction handleCurrentChange(val: any) {\r\n emit('pagination', { page: val, limit: pageSize.value });\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.pagination-container {\r\n background: #fff;\r\n padding: 32px 16px;\r\n}\r\n.pagination-container.hidden {\r\n display: none;\r\n}\r\n</style>\r\n"],"names":[],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"TablePagination.vue2.mjs","sources":["../../../../../../../../packages/components/src/composite/tablePro/tablePagination/TablePagination.vue"],"sourcesContent":["<template>\r\n <div :class=\"{ hidden: hidden }\" class=\"pagination-container gm-flex gm-justify-end\">\r\n <gm-pagination\r\n v-model:current-page=\"currentPage\"\r\n v-model:page-size=\"pageSize\"\r\n :background=\"background\"\r\n :layout=\"layout\"\r\n :page-sizes=\"pageSizes\"\r\n :pager-count=\"pagerCount\"\r\n :total=\"total\"\r\n :small=\"small\"\r\n @sizeChange=\"handleSizeChange\"\r\n @currentChange=\"handleCurrentChange\"\r\n />\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport { tablePaginationProps } from './tablePagination';\r\n\r\ndefineOptions({\r\n name: 'GmTablePagination',\r\n});\r\nconst props = defineProps(tablePaginationProps);\r\n\r\nconst emit = defineEmits(['update:page', 'update:limit', 'pagination']);\r\nconst currentPage = computed<number>({\r\n get() {\r\n return props.page;\r\n },\r\n set(val) {\r\n emit('update:page', val);\r\n },\r\n});\r\nconst pageSize = computed({\r\n get() {\r\n return props.limit;\r\n },\r\n set(val) {\r\n emit('update:limit', val);\r\n },\r\n});\r\nfunction handleSizeChange(val: any) {\r\n if (currentPage.value * val > props.total) {\r\n currentPage.value = 1;\r\n }\r\n emit('pagination', { page: currentPage.value, limit: val });\r\n}\r\nfunction handleCurrentChange(val: any) {\r\n emit('pagination', { page: val, limit: pageSize.value });\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.pagination-container {\r\n background: #fff;\r\n padding: 32px 16px;\r\n}\r\n.pagination-container.hidden {\r\n display: none;\r\n}\r\n</style>\r\n"],"names":[],"mappings":";;;;;;;;;;;AAwBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAA,MAAM,cAAc,QAAiB,CAAA;AAAA,MACnC,GAAM,GAAA;AACJ,QAAA,OAAO,KAAM,CAAA,IAAA,CAAA;AAAA,OACf;AAAA,MACA,IAAI,GAAK,EAAA;AACP,QAAA,IAAA,CAAK,eAAe,GAAG,CAAA,CAAA;AAAA,OACzB;AAAA,KACD,CAAA,CAAA;AACD,IAAA,MAAM,WAAW,QAAS,CAAA;AAAA,MACxB,GAAM,GAAA;AACJ,QAAA,OAAO,KAAM,CAAA,KAAA,CAAA;AAAA,OACf;AAAA,MACA,IAAI,GAAK,EAAA;AACP,QAAA,IAAA,CAAK,gBAAgB,GAAG,CAAA,CAAA;AAAA,OAC1B;AAAA,KACD,CAAA,CAAA;AACD,IAAA,SAAS,iBAAiB,GAAU,EAAA;AAClC,MAAA,IAAI,WAAY,CAAA,KAAA,GAAQ,GAAM,GAAA,KAAA,CAAM,KAAO,EAAA;AACzC,QAAA,WAAA,CAAY,KAAQ,GAAA,CAAA,CAAA;AAAA,OACtB;AACA,MAAA,IAAA,CAAK,cAAc,EAAE,IAAA,EAAM,YAAY,KAAO,EAAA,KAAA,EAAO,KAAK,CAAA,CAAA;AAAA,KAC5D;AACA,IAAA,SAAS,oBAAoB,GAAU,EAAA;AACrC,MAAA,IAAA,CAAK,cAAc,EAAE,IAAA,EAAM,KAAK,KAAO,EAAA,QAAA,CAAS,OAAO,CAAA,CAAA;AAAA,KACzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -36,6 +36,10 @@ export declare const GmTablePagination: import("../../../../../utils").SFCWithIn
|
|
|
36
36
|
type: BooleanConstructor;
|
|
37
37
|
default: false;
|
|
38
38
|
};
|
|
39
|
+
small: {
|
|
40
|
+
type: BooleanConstructor;
|
|
41
|
+
default: true;
|
|
42
|
+
};
|
|
39
43
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
40
44
|
"update:page": (...args: any[]) => void;
|
|
41
45
|
"update:limit": (...args: any[]) => void;
|
|
@@ -77,11 +81,16 @@ export declare const GmTablePagination: import("../../../../../utils").SFCWithIn
|
|
|
77
81
|
type: BooleanConstructor;
|
|
78
82
|
default: false;
|
|
79
83
|
};
|
|
84
|
+
small: {
|
|
85
|
+
type: BooleanConstructor;
|
|
86
|
+
default: true;
|
|
87
|
+
};
|
|
80
88
|
}>> & {
|
|
81
89
|
"onUpdate:page"?: ((...args: any[]) => any) | undefined;
|
|
82
90
|
"onUpdate:limit"?: ((...args: any[]) => any) | undefined;
|
|
83
91
|
onPagination?: ((...args: any[]) => any) | undefined;
|
|
84
92
|
}, {
|
|
93
|
+
small: boolean;
|
|
85
94
|
hidden: boolean;
|
|
86
95
|
pagerCount: number;
|
|
87
96
|
layout: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tablePagination.mjs","sources":["../../../../../../../../packages/components/src/composite/tablePro/tablePagination/tablePagination.ts"],"sourcesContent":["// import type { ExtractPropTypes } from 'vue';\r\nimport type { ExtractPropTypes, PropType } from 'vue';\r\n\r\nexport const tablePaginationProps = {\r\n total: {\r\n required: true as const,\r\n type: Number,\r\n },\r\n page: {\r\n type: Number,\r\n default: 1 as const,\r\n },\r\n limit: {\r\n type: Number,\r\n default: 20 as const,\r\n },\r\n pageSizes: {\r\n type: Array as PropType<number[]>,\r\n default() {\r\n return [10, 20, 30, 50] as const;\r\n },\r\n },\r\n // 移动端页码按钮的数量端默认值5\r\n pagerCount: {\r\n type: Number,\r\n default: () => (document.body.clientWidth < 992 ? 5 : 7),\r\n },\r\n layout: {\r\n type: String,\r\n default: 'total, sizes, prev, pager, next, jumper' as const,\r\n },\r\n background: {\r\n type: Boolean,\r\n default: true as const,\r\n },\r\n autoScroll: {\r\n type: Boolean,\r\n default: true as const,\r\n },\r\n hidden: {\r\n type: Boolean,\r\n default: false as const,\r\n },\r\n};\r\nexport type TablePaginationProps = ExtractPropTypes<typeof tablePaginationProps>;\r\n"],"names":[],"mappings":"AAGO,MAAM,oBAAuB,GAAA;AAAA,EAClC,KAAO,EAAA;AAAA,IACL,QAAU,EAAA,IAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,KAAA;AAAA,IACN,OAAU,GAAA;AACR,MAAA,OAAO,CAAC,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,EAAE,CAAA,CAAA;AAAA,KACxB;AAAA,GACF;AAAA;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,MAAO,QAAA,CAAS,IAAK,CAAA,WAAA,GAAc,MAAM,CAAI,GAAA,CAAA;AAAA,GACxD;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,yCAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF;;;;"}
|
|
1
|
+
{"version":3,"file":"tablePagination.mjs","sources":["../../../../../../../../packages/components/src/composite/tablePro/tablePagination/tablePagination.ts"],"sourcesContent":["// import type { ExtractPropTypes } from 'vue';\r\nimport type { ExtractPropTypes, PropType } from 'vue';\r\n\r\nexport const tablePaginationProps = {\r\n total: {\r\n required: true as const,\r\n type: Number,\r\n },\r\n page: {\r\n type: Number,\r\n default: 1 as const,\r\n },\r\n limit: {\r\n type: Number,\r\n default: 20 as const,\r\n },\r\n pageSizes: {\r\n type: Array as PropType<number[]>,\r\n default() {\r\n return [10, 20, 30, 50] as const;\r\n },\r\n },\r\n // 移动端页码按钮的数量端默认值5\r\n pagerCount: {\r\n type: Number,\r\n default: () => (document.body.clientWidth < 992 ? 5 : 7),\r\n },\r\n layout: {\r\n type: String,\r\n default: 'total, sizes, prev, pager, next, jumper' as const,\r\n },\r\n background: {\r\n type: Boolean,\r\n default: true as const,\r\n },\r\n autoScroll: {\r\n type: Boolean,\r\n default: true as const,\r\n },\r\n hidden: {\r\n type: Boolean,\r\n default: false as const,\r\n },\r\n small: {\r\n type: Boolean,\r\n default: true as const,\r\n },\r\n};\r\nexport type TablePaginationProps = ExtractPropTypes<typeof tablePaginationProps>;\r\n"],"names":[],"mappings":"AAGO,MAAM,oBAAuB,GAAA;AAAA,EAClC,KAAO,EAAA;AAAA,IACL,QAAU,EAAA,IAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,KAAA;AAAA,IACN,OAAU,GAAA;AACR,MAAA,OAAO,CAAC,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,EAAE,CAAA,CAAA;AAAA,KACxB;AAAA,GACF;AAAA;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,MAAO,QAAA,CAAS,IAAK,CAAA,WAAA,GAAc,MAAM,CAAI,GAAA,CAAA;AAAA,GACxD;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,yCAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF;;;;"}
|
|
@@ -8,6 +8,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
8
8
|
type: StringConstructor;
|
|
9
9
|
required: true;
|
|
10
10
|
};
|
|
11
|
+
total: {
|
|
12
|
+
type: NumberConstructor;
|
|
13
|
+
};
|
|
14
|
+
selectedCount: {
|
|
15
|
+
type: NumberConstructor;
|
|
16
|
+
};
|
|
11
17
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
12
18
|
"update:showSearch": (showSearch: boolean) => void;
|
|
13
19
|
"update:queryParams": (queryParams: any) => void;
|
|
@@ -22,6 +28,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
22
28
|
type: StringConstructor;
|
|
23
29
|
required: true;
|
|
24
30
|
};
|
|
31
|
+
total: {
|
|
32
|
+
type: NumberConstructor;
|
|
33
|
+
};
|
|
34
|
+
selectedCount: {
|
|
35
|
+
type: NumberConstructor;
|
|
36
|
+
};
|
|
25
37
|
}>> & {
|
|
26
38
|
"onUpdate:showSearch"?: ((showSearch: boolean) => any) | undefined;
|
|
27
39
|
"onUpdate:queryParams"?: ((queryParams: any) => any) | undefined;
|
|
@@ -1,18 +1,21 @@
|
|
|
1
|
-
import { defineComponent, mergeModels, useModel, computed, ref, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx,
|
|
1
|
+
import { defineComponent, mergeModels, useModel, computed, ref, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, unref, createBlock, createElementVNode, toDisplayString, createCommentVNode, createTextVNode, renderSlot, withModifiers, Fragment, renderList } from 'vue';
|
|
2
2
|
import { v4 } from 'uuid';
|
|
3
3
|
import { useCustomSettingsStore } from '../../../../../hooks/store/useCustomSettings/index.mjs';
|
|
4
4
|
import { GmMessage } from '../../../plugins/message/index.mjs';
|
|
5
5
|
import { hasOwn } from '../../../../../utils/src/objects.mjs';
|
|
6
6
|
import { remove } from '../../../../../utils/src/general.mjs';
|
|
7
|
+
import { isNumber } from '../../../../../utils/src/is.mjs';
|
|
7
8
|
import { Delete, ArrowDown, Search, Refresh } from '@element-plus/icons-vue';
|
|
8
9
|
import { tableToolbarProps, tableToolbarEmits } from './tableToolbar.mjs';
|
|
9
10
|
|
|
10
|
-
const _hoisted_1 = { class: "gm-
|
|
11
|
-
const _hoisted_2 = {
|
|
11
|
+
const _hoisted_1 = { class: "gm-inline-block gm-min-w-[20px] gm-text-center" };
|
|
12
|
+
const _hoisted_2 = { class: "gm-ml-auto" };
|
|
13
|
+
const _hoisted_3 = { class: "gm-flex" };
|
|
14
|
+
const _hoisted_4 = {
|
|
12
15
|
key: 0,
|
|
13
16
|
class: "gm-my-5 gm-text-center gm-text-base gm-font-bold gm-text-gray-700"
|
|
14
17
|
};
|
|
15
|
-
const
|
|
18
|
+
const _hoisted_5 = { class: "gm-m-2" };
|
|
16
19
|
const customSettingType = "quickQueryList";
|
|
17
20
|
var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
18
21
|
...{
|
|
@@ -105,155 +108,195 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
105
108
|
await customSettingsStore.getCustomSettings({ key_word: props.tableId, type: customSettingType }, { defaultValue: [] });
|
|
106
109
|
});
|
|
107
110
|
return (_ctx, _cache) => {
|
|
111
|
+
const _component_gm_col = resolveComponent("gm-col");
|
|
108
112
|
const _component_gm_button = resolveComponent("gm-button");
|
|
109
113
|
const _component_gm_icon = resolveComponent("gm-icon");
|
|
110
114
|
const _component_gm_dropdown_item = resolveComponent("gm-dropdown-item");
|
|
111
115
|
const _component_gm_dropdown_menu = resolveComponent("gm-dropdown-menu");
|
|
112
116
|
const _component_gm_dropdown = resolveComponent("gm-dropdown");
|
|
113
117
|
const _component_gm_tooltip = resolveComponent("gm-tooltip");
|
|
114
|
-
const _component_gm_row = resolveComponent("gm-row");
|
|
115
118
|
const _component_gm_form_item_module = resolveComponent("gm-form-item-module");
|
|
116
119
|
const _component_GmDialogForm = resolveComponent("GmDialogForm");
|
|
120
|
+
const _component_gm_row = resolveComponent("gm-row");
|
|
117
121
|
return openBlock(), createElementBlock("div", null, [
|
|
118
|
-
createVNode(_component_gm_row, {
|
|
122
|
+
createVNode(_component_gm_row, {
|
|
123
|
+
gutter: 10,
|
|
124
|
+
style: { "margin-right": "0" }
|
|
125
|
+
}, {
|
|
119
126
|
default: withCtx(() => [
|
|
127
|
+
unref(isNumber)(_ctx.total) ? (openBlock(), createBlock(_component_gm_col, {
|
|
128
|
+
key: 0,
|
|
129
|
+
span: 1.5,
|
|
130
|
+
class: "gm-text-[14px] gm-leading-[32px]"
|
|
131
|
+
}, {
|
|
132
|
+
default: withCtx(() => [
|
|
133
|
+
createElementVNode(
|
|
134
|
+
"span",
|
|
135
|
+
null,
|
|
136
|
+
"\u5171 " + toDisplayString(_ctx.total) + " \u6761",
|
|
137
|
+
1
|
|
138
|
+
/* TEXT */
|
|
139
|
+
)
|
|
140
|
+
]),
|
|
141
|
+
_: 1
|
|
142
|
+
/* STABLE */
|
|
143
|
+
})) : createCommentVNode("v-if", true),
|
|
144
|
+
unref(isNumber)(_ctx.selectedCount) ? (openBlock(), createBlock(_component_gm_col, {
|
|
145
|
+
key: 1,
|
|
146
|
+
span: 2.5,
|
|
147
|
+
class: "gm-mr-2 gm-text-[14px] gm-leading-[32px]"
|
|
148
|
+
}, {
|
|
149
|
+
default: withCtx(() => [
|
|
150
|
+
createElementVNode("span", null, [
|
|
151
|
+
createTextVNode("\u5DF2\u9009\u62E9"),
|
|
152
|
+
createElementVNode(
|
|
153
|
+
"span",
|
|
154
|
+
_hoisted_1,
|
|
155
|
+
toDisplayString(_ctx.selectedCount),
|
|
156
|
+
1
|
|
157
|
+
/* TEXT */
|
|
158
|
+
),
|
|
159
|
+
createTextVNode("\u9879")
|
|
160
|
+
])
|
|
161
|
+
]),
|
|
162
|
+
_: 1
|
|
163
|
+
/* STABLE */
|
|
164
|
+
})) : createCommentVNode("v-if", true),
|
|
120
165
|
renderSlot(_ctx.$slots, "default"),
|
|
121
166
|
createCommentVNode(` <right-toolbar v-model:showSearch="showSearch" @queryTable="emits('getList')" /> `),
|
|
122
|
-
createElementVNode("div",
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
onClick: ($event) => applySettings(item)
|
|
152
|
-
}, {
|
|
153
|
-
default: withCtx(() => [
|
|
154
|
-
createElementVNode(
|
|
155
|
-
"span",
|
|
156
|
-
null,
|
|
157
|
-
toDisplayString(item.name),
|
|
158
|
-
1
|
|
159
|
-
/* TEXT */
|
|
160
|
-
),
|
|
161
|
-
createVNode(_component_gm_icon, {
|
|
162
|
-
class: "gm-hidden hover:gm-text-red-500 group-hover:gm-block",
|
|
163
|
-
onClick: withModifiers(($event) => deleteSettins(item), ["stop"])
|
|
164
|
-
}, {
|
|
165
|
-
default: withCtx(() => [
|
|
166
|
-
createVNode(unref(Delete))
|
|
167
|
-
]),
|
|
168
|
-
_: 2
|
|
169
|
-
/* DYNAMIC */
|
|
170
|
-
}, 1032, ["onClick"])
|
|
171
|
-
]),
|
|
172
|
-
_: 2
|
|
173
|
-
/* DYNAMIC */
|
|
174
|
-
}, 1032, ["onClick"]);
|
|
175
|
-
}),
|
|
176
|
-
128
|
|
177
|
-
/* KEYED_FRAGMENT */
|
|
178
|
-
)),
|
|
179
|
-
createElementVNode("div", _hoisted_3, [
|
|
180
|
-
createCommentVNode(' <gm-button :loading="submitLoading" size="small" type="" @click="onClear">\u6E05\u7A7A</gm-button> '),
|
|
181
|
-
createVNode(_component_gm_button, {
|
|
182
|
-
loading: syncLoading.value,
|
|
183
|
-
size: "small",
|
|
184
|
-
type: "success",
|
|
185
|
-
onClick: onSyncRemote
|
|
167
|
+
createElementVNode("div", _hoisted_2, [
|
|
168
|
+
createElementVNode("div", _hoisted_3, [
|
|
169
|
+
createVNode(_component_gm_button, {
|
|
170
|
+
plain: "",
|
|
171
|
+
class: "gm-mr-2 gm-block",
|
|
172
|
+
onClick: _cache[0] || (_cache[0] = withModifiers(($event) => openSaveSearchDialog(), ["stop"]))
|
|
173
|
+
}, {
|
|
174
|
+
default: withCtx(() => [
|
|
175
|
+
createTextVNode("\u4FDD\u5B58\u67E5\u8BE2")
|
|
176
|
+
]),
|
|
177
|
+
_: 1
|
|
178
|
+
/* STABLE */
|
|
179
|
+
}),
|
|
180
|
+
createVNode(_component_gm_dropdown, {
|
|
181
|
+
trigger: "click",
|
|
182
|
+
class: "gm-mr-3 hover:gm-outline-none"
|
|
183
|
+
}, {
|
|
184
|
+
dropdown: withCtx(() => [
|
|
185
|
+
createVNode(_component_gm_dropdown_menu, { class: "gm-min-w-[200px]" }, {
|
|
186
|
+
default: withCtx(() => [
|
|
187
|
+
customSettingsValue.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_4, "\u6682\u65E0\u6570\u636E")) : createCommentVNode("v-if", true),
|
|
188
|
+
(openBlock(true), createElementBlock(
|
|
189
|
+
Fragment,
|
|
190
|
+
null,
|
|
191
|
+
renderList(customSettingsValue.value, (item) => {
|
|
192
|
+
return openBlock(), createBlock(_component_gm_dropdown_item, {
|
|
193
|
+
key: item.uuid,
|
|
194
|
+
class: "gm-group gm-flex gm-justify-between",
|
|
195
|
+
onClick: ($event) => applySettings(item)
|
|
186
196
|
}, {
|
|
187
197
|
default: withCtx(() => [
|
|
188
|
-
|
|
198
|
+
createElementVNode(
|
|
199
|
+
"span",
|
|
200
|
+
null,
|
|
201
|
+
toDisplayString(item.name),
|
|
202
|
+
1
|
|
203
|
+
/* TEXT */
|
|
204
|
+
),
|
|
205
|
+
createVNode(_component_gm_icon, {
|
|
206
|
+
class: "gm-hidden hover:gm-text-red-500 group-hover:gm-block",
|
|
207
|
+
onClick: withModifiers(($event) => deleteSettins(item), ["stop"])
|
|
208
|
+
}, {
|
|
209
|
+
default: withCtx(() => [
|
|
210
|
+
createVNode(unref(Delete))
|
|
211
|
+
]),
|
|
212
|
+
_: 2
|
|
213
|
+
/* DYNAMIC */
|
|
214
|
+
}, 1032, ["onClick"])
|
|
189
215
|
]),
|
|
190
|
-
_:
|
|
191
|
-
/*
|
|
192
|
-
},
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
createTextVNode(" \u5FEB\u6377\u67E5\u8BE2"),
|
|
206
|
-
createVNode(_component_gm_icon, { class: "el-icon--right" }, {
|
|
216
|
+
_: 2
|
|
217
|
+
/* DYNAMIC */
|
|
218
|
+
}, 1032, ["onClick"]);
|
|
219
|
+
}),
|
|
220
|
+
128
|
|
221
|
+
/* KEYED_FRAGMENT */
|
|
222
|
+
)),
|
|
223
|
+
createElementVNode("div", _hoisted_5, [
|
|
224
|
+
createCommentVNode(' <gm-button :loading="submitLoading" size="small" type="" @click="onClear">\u6E05\u7A7A</gm-button> '),
|
|
225
|
+
createVNode(_component_gm_button, {
|
|
226
|
+
loading: syncLoading.value,
|
|
227
|
+
size: "small",
|
|
228
|
+
type: "success",
|
|
229
|
+
onClick: onSyncRemote
|
|
230
|
+
}, {
|
|
207
231
|
default: withCtx(() => [
|
|
208
|
-
|
|
232
|
+
createTextVNode("\u540C\u6B65")
|
|
209
233
|
]),
|
|
210
234
|
_: 1
|
|
211
235
|
/* STABLE */
|
|
212
|
-
})
|
|
213
|
-
])
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
236
|
+
}, 8, ["loading"])
|
|
237
|
+
])
|
|
238
|
+
]),
|
|
239
|
+
_: 1
|
|
240
|
+
/* STABLE */
|
|
241
|
+
})
|
|
242
|
+
]),
|
|
243
|
+
default: withCtx(() => [
|
|
244
|
+
createVNode(_component_gm_button, {
|
|
245
|
+
plain: "",
|
|
246
|
+
type: ""
|
|
247
|
+
}, {
|
|
248
|
+
default: withCtx(() => [
|
|
249
|
+
createTextVNode(" \u5FEB\u6377\u67E5\u8BE2"),
|
|
250
|
+
createVNode(_component_gm_icon, { class: "el-icon--right" }, {
|
|
251
|
+
default: withCtx(() => [
|
|
252
|
+
createVNode(unref(ArrowDown))
|
|
253
|
+
]),
|
|
254
|
+
_: 1
|
|
255
|
+
/* STABLE */
|
|
256
|
+
})
|
|
257
|
+
]),
|
|
258
|
+
_: 1
|
|
259
|
+
/* STABLE */
|
|
260
|
+
})
|
|
261
|
+
]),
|
|
262
|
+
_: 1
|
|
263
|
+
/* STABLE */
|
|
264
|
+
}),
|
|
265
|
+
createVNode(_component_gm_tooltip, {
|
|
266
|
+
class: "item",
|
|
267
|
+
effect: "dark",
|
|
268
|
+
content: showSearch.value ? "\u9690\u85CF\u641C\u7D22" : "\u663E\u793A\u641C\u7D22",
|
|
269
|
+
placement: "top"
|
|
270
|
+
}, {
|
|
271
|
+
default: withCtx(() => [
|
|
272
|
+
createVNode(_component_gm_button, {
|
|
273
|
+
circle: "",
|
|
274
|
+
plain: "",
|
|
275
|
+
icon: unref(Search),
|
|
276
|
+
onClick: _cache[1] || (_cache[1] = ($event) => toggleSearch())
|
|
277
|
+
}, null, 8, ["icon"])
|
|
278
|
+
]),
|
|
279
|
+
_: 1
|
|
280
|
+
/* STABLE */
|
|
281
|
+
}, 8, ["content"]),
|
|
282
|
+
createVNode(_component_gm_tooltip, {
|
|
283
|
+
class: "item",
|
|
284
|
+
effect: "dark",
|
|
285
|
+
content: "\u5237\u65B0",
|
|
286
|
+
placement: "top"
|
|
287
|
+
}, {
|
|
288
|
+
default: withCtx(() => [
|
|
289
|
+
createVNode(_component_gm_button, {
|
|
290
|
+
circle: "",
|
|
291
|
+
plain: "",
|
|
292
|
+
icon: unref(Refresh),
|
|
293
|
+
onClick: _cache[2] || (_cache[2] = ($event) => refresh())
|
|
294
|
+
}, null, 8, ["icon"])
|
|
295
|
+
]),
|
|
296
|
+
_: 1
|
|
297
|
+
/* STABLE */
|
|
298
|
+
})
|
|
299
|
+
]),
|
|
257
300
|
createVNode(_component_GmDialogForm, {
|
|
258
301
|
modelValue: saveSearchVisible.value,
|
|
259
302
|
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => saveSearchVisible.value = $event),
|
|
@@ -1 +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\">\r\n <slot />\r\n <!-- <right-toolbar v-model:showSearch=\"showSearch\" @queryTable=\"emits('getList')\" /> -->\r\n <div class=\"gm-ml-auto\">\r\n <gm-row>\r\n <gm-button type=\"\" 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 :icon=\"Search\" @click=\"toggleSearch()\" />\r\n </gm-tooltip>\r\n <gm-tooltip class=\"item\" effect=\"dark\" content=\"刷新\" placement=\"top\">\r\n <gm-button circle :icon=\"Refresh\" @click=\"refresh()\" />\r\n </gm-tooltip>\r\n </gm-row>\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, 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 { 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 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};\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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"}
|
|
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, 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 { 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 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};\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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"}
|