npm - giime - Versions diffs - 0.3.13 → 0.3.15 - Mend

giime 0.3.13 → 0.3.15

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.

Files changed (56) hide show

package/dist/index.css CHANGED Viewed

@@ -755,6 +755,31 @@ video {
   margin: 0;
 }
+.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;
+}
+.gm-flex-center[data-v-2a79bac9] {
+  align-items: center;
+}
+.gm-flex-justify-between[data-v-2a79bac9] {
+  justify-content: space-between;
+}
 [data-v-ec3af0bb] .gmSearchForm .el-form-item {
   margin-right: 0;
   margin-bottom: 4px;
@@ -782,31 +807,6 @@ video {
 [data-v-72a53f6c] .gmTableNoBorder .el-table__border-left-patch {
   height: 0;
 }
-.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;
-}
-.gm-flex-center[data-v-6829dac1] {
-  align-items: center;
-}
-.gm-flex-justify-between[data-v-6829dac1] {
-  justify-content: space-between;
-}
 .pagination-container[data-v-19230954] {
   background: #fff;

package/es/api/gatewayApi/cross/getListCustom.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 import service from '../request.mjs';
-const getListCustom = (params) => service.post("/workflow/service?name=cross&action=getListCustom", params);
+const getListCustom = (params) => service.post("/workflow/service?name=cross&action=getListCustom", params, { timeout: 5e3, disableMessage: true });
 export { getListCustom };
 //# sourceMappingURL=getListCustom.mjs.map

package/es/api/gatewayApi/cross/getListCustom.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getListCustom.mjs","sources":["../../../../../../packages/api/gatewayApi/cross/getListCustom.ts"],"sourcesContent":["import request from '../request';\r\nimport type { AxiosRequestConfig } from 'axios';\r\n\r\nexport interface GetListCustomResult extends AxiosRequestConfig {\r\n code: number;\r\n message: string;\r\n data: GetListCustomResultData;\r\n}\r\n\r\nexport interface GetListCustomResultData {\r\n headerList?: string \| null \| undefined;\r\n operateList?: string \| null \| undefined;\r\n [key: string]: string \| undefined \| null;\r\n}\r\n\r\n/*\r\n @description 描述\r\n * @param {string} key_word 每个列表的唯一key\r\n * @return {}\r\n */\r\n\r\nexport interface GetListCustomParams extends AxiosRequestConfig {\r\n key_word: string;\r\n}\r\n\r\nexport const getListCustom = (params: GetListCustomParams) => request.post('/workflow/service?name=cross&action=getListCustom', params);\r\n"],"names":["request"],"mappings":";;AAyBO,MAAM,~~gBAAgB~~,CAAC,~~MAAA~~,~~KAAgCA~~,~~OAAQ~~,CAAA,~~IAAA~~,~~CAAK~~,~~qDAAqD~~,~~MAAM~~;;;;"}
1	+ {"version":3,"file":"getListCustom.mjs","sources":["../../../../../../packages/api/gatewayApi/cross/getListCustom.ts"],"sourcesContent":["import request from '../request';\r\nimport type { AxiosRequestConfig } from 'axios';\r\n\r\nexport interface GetListCustomResult extends AxiosRequestConfig {\r\n code: number;\r\n message: string;\r\n data: GetListCustomResultData;\r\n}\r\n\r\nexport interface GetListCustomResultData {\r\n headerList?: string \| null \| undefined;\r\n operateList?: string \| null \| undefined;\r\n [key: string]: string \| undefined \| null;\r\n}\r\n\r\n/*\r\n @description 描述\r\n * @param {string} key_word 每个列表的唯一key\r\n * @return {}\r\n */\r\n\r\nexport interface GetListCustomParams extends AxiosRequestConfig {\r\n key_word: string;\r\n}\r\n\r\nexport const getListCustom = (params: GetListCustomParams) =>\r\n request.post('/workflow/service?name=cross&action=getListCustom', params, { timeout: 5_000, disableMessage: true });\r\n"],"names":["request"],"mappings":";;AAyBO,MAAM,aAAgB,GAAA,CAAC,MAC5B,KAAAA,OAAA,CAAQ,IAAK,CAAA,mDAAA,EAAqD,MAAQ,EAAA,EAAE,OAAS,EAAA,GAAA,EAAO,cAAgB,EAAA,IAAA,EAAM;;;;"}

package/es/components/src/base/select/Select.vue.d.ts CHANGED Viewed

@@ -206,6 +206,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     empty?(_: {}): any;
     tag?(_: {}): any;
     loading?(_: {}): any;
+    label?(_: any): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/es/components/src/base/select/Select.vue2.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent, useSlots, ref, resolveComponent, openBlock, createBlock, mergeProps, toHandlers, unref, createSlots, withCtx, renderSlot } from 'vue';
+import { defineComponent, useSlots, ref, resolveComponent, openBlock, createBlock, mergeProps, toHandlers, unref, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import '../../../../utils/index.mjs';
 import { selectProps, selectEmits, elSelectEmits } from './select.mjs';
 import { getGmEvent } from '../../../../utils/src/elementPlus/event.mjs';
@@ -82,6 +82,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "loading")
             ]),
             key: "6"
+          } : void 0,
+          unref(slots).label ? {
+            name: "label",
+            fn: withCtx((slotValue) => [
+              renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps(slotValue)))
+            ]),
+            key: "7"
           } : void 0
         ]),
         1040

package/es/components/src/base/select/Select.vue2.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.vue2.mjs","sources":["../../../../../../../packages/components/src/base/select/Select.vue"],"sourcesContent":["<template>\r\n <el-select ref=\"elRef\" v-bind=\"props\" v-on=\"elEvents\">\r\n <template v-if=\"slots.default\" #default>\r\n <slot name=\"default\" />\r\n </template>\r\n <template v-if=\"slots.header\" #header>\r\n <slot name=\"header\" />\r\n </template>\r\n <template v-if=\"slots.footer\" #footer>\r\n <slot name=\"footer\" />\r\n </template>\r\n <template v-if=\"slots.prefix\" #prefix>\r\n <slot name=\"prefix\" />\r\n </template>\r\n <template v-if=\"slots.empty\" #empty>\r\n <slot name=\"empty\" />\r\n </template>\r\n <template v-if=\"slots.tag\" #tag>\r\n <slot name=\"tag\" />\r\n </template>\r\n <template v-if=\"slots.loading\" #loading>\r\n <slot name=\"loading\" />\r\n </template>\r\n </el-select>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { ref, useSlots } from 'vue';\r\nimport { getGmEvent, getGmExports } from '@giime/utils';\r\nimport { elSelectEmits, selectEmits, selectProps } from './select';\r\n\r\ndefineOptions({\r\n name: 'GmSelect',\r\n});\r\nconst slots = useSlots();\r\nconst props = defineProps(selectProps);\r\nconst emit = defineEmits(selectEmits);\r\n// 重发el的事件\r\nconst elEvents = getGmEvent(elSelectEmits, emit);\r\n\r\nconst elRef = ref();\r\nconst exposeNames = ['focus', 'blur'] as const;\r\nconst { exposeFns } = getGmExports(elRef, exposeNames);\r\n\r\ndefineExpose({\r\n ...exposeFns,\r\n});\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;~~AAiCA~~,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,QAAA,GAAW,UAAW,CAAA,aAAA,EAAe,IAAI,CAAA,CAAA;AAE/C,IAAA,MAAM,QAAQ,GAAI,EAAA,CAAA;AAClB,IAAM,MAAA,WAAA,GAAc,CAAC,OAAA,EAAS,MAAM,CAAA,CAAA;AACpC,IAAA,MAAM,EAAE,SAAA,EAAc,GAAA,YAAA,CAAa,OAAO,WAAW,CAAA,CAAA;AAErD,IAAa,QAAA,CAAA;AAAA,MACX,GAAG,SAAA;AAAA,KACJ,CAAA,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"Select.vue2.mjs","sources":["../../../../../../../packages/components/src/base/select/Select.vue"],"sourcesContent":["<template>\r\n <el-select ref=\"elRef\" v-bind=\"props\" v-on=\"elEvents\">\r\n <template v-if=\"slots.default\" #default>\r\n <slot name=\"default\" />\r\n </template>\r\n <template v-if=\"slots.header\" #header>\r\n <slot name=\"header\" />\r\n </template>\r\n <template v-if=\"slots.footer\" #footer>\r\n <slot name=\"footer\" />\r\n </template>\r\n <template v-if=\"slots.prefix\" #prefix>\r\n <slot name=\"prefix\" />\r\n </template>\r\n <template v-if=\"slots.empty\" #empty>\r\n <slot name=\"empty\" />\r\n </template>\r\n <template v-if=\"slots.tag\" #tag>\r\n <slot name=\"tag\" />\r\n </template>\r\n <template v-if=\"slots.loading\" #loading>\r\n <slot name=\"loading\" />\r\n </template>\r\n <template v-if=\"slots.label\" #label=\"slotValue\">\r\n <slot name=\"label\" v-bind=\"slotValue\" />\r\n </template>\r\n </el-select>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { ref, useSlots } from 'vue';\r\nimport { getGmEvent, getGmExports } from '@giime/utils';\r\nimport { elSelectEmits, selectEmits, selectProps } from './select';\r\n\r\ndefineOptions({\r\n name: 'GmSelect',\r\n});\r\nconst slots = useSlots();\r\nconst props = defineProps(selectProps);\r\nconst emit = defineEmits(selectEmits);\r\n// 重发el的事件\r\nconst elEvents = getGmEvent(elSelectEmits, emit);\r\n\r\nconst elRef = ref();\r\nconst exposeNames = ['focus', 'blur'] as const;\r\nconst { exposeFns } = getGmExports(elRef, exposeNames);\r\n\r\ndefineExpose({\r\n ...exposeFns,\r\n});\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAoCA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,QAAA,GAAW,UAAW,CAAA,aAAA,EAAe,IAAI,CAAA,CAAA;AAE/C,IAAA,MAAM,QAAQ,GAAI,EAAA,CAAA;AAClB,IAAM,MAAA,WAAA,GAAc,CAAC,OAAA,EAAS,MAAM,CAAA,CAAA;AACpC,IAAA,MAAM,EAAE,SAAA,EAAc,GAAA,YAAA,CAAa,OAAO,WAAW,CAAA,CAAA;AAErD,IAAa,QAAA,CAAA;AAAA,MACX,GAAG,SAAA;AAAA,KACJ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/src/base/select/index.d.ts CHANGED Viewed

@@ -468,6 +468,7 @@ export declare const GmSelect: import("../../../../utils").SFCWithInstall<{
         empty?(_: {}): any;
         tag?(_: {}): any;
         loading?(_: {}): any;
+        label?(_: any): any;
     };
 })> & Record<string, any>;
 export type SelectInstance = InstanceType<typeof Select>;

package/es/components/src/composite/memoryForm/MemoryForm.vue.mjs CHANGED Viewed

@@ -2,7 +2,7 @@ import _sfc_main from './MemoryForm.vue2.mjs';
 import './MemoryForm.vue3.mjs';
 import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
-var MemoryForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6829dac1"], ["__file", "MemoryForm.vue"]]);
+var MemoryForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2a79bac9"], ["__file", "MemoryForm.vue"]]);
 export { MemoryForm as default };
 //# sourceMappingURL=MemoryForm.vue.mjs.map

package/es/components/src/composite/memoryForm/MemoryForm.vue2.mjs CHANGED Viewed

@@ -12,7 +12,7 @@ import { useCustomSettingsStore } from '../../../../hooks/store/useCustomSetting
 import { GmMessageBox } from '../../plugins/messageBox/index.mjs';
 import { GmMessage } from '../../plugins/message/index.mjs';
-const _withScopeId = (n) => (pushScopeId("data-v-6829dac1"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-2a79bac9"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "gm-flex-center gm-flex-justify-between gm-mr-2 gm-flex gm-flex-1" };
 const _hoisted_2 = { class: "gm-flex gm-gap-2" };
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -47,6 +47,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         { key_word: props.pageName + MemoryHistoryExt, type: MemoryHistoryType },
         { defaultValue: [] }
       );
+      if (!data) {
+        return;
+      }
       const { cloned: result } = useCloned(data || []);
       searchHistoryList.value = result.value;
     };

package/es/components/src/composite/memoryForm/MemoryForm.vue2.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MemoryForm.vue2.mjs","sources":["../../../../../../../packages/components/src/composite/memoryForm/MemoryForm.vue"],"sourcesContent":["<template>\r\n <gm-form :id=\"$attrs.id\" ref=\"elRef\" :class=\"$attrs.class\" v-bind=\"props\" v-on=\"elEvents\">\r\n <template #default=\"slotValue\">\r\n <slot v-bind=\"slotValue\" />\r\n <slot name=\"buttons\">\r\n <gm-form-item>\r\n <gm-button type=\"primary\" @click=\"submit\">\r\n {{ props.submitText \|\| '提交' }}\r\n </gm-button>\r\n <gm-button @click=\"reset\">\r\n {{ props.resetText \|\| '重置' }}\r\n </gm-button>\r\n </gm-form-item>\r\n </slot>\r\n <gm-form-item>\r\n <gm-button type=\"primary\" @click=\"saveModel\"> 保存查询条件 </gm-button>\r\n <gm-button v-if=\"searchHistoryList.length\" @click=\"viewModels\"> 我的查询条件 </gm-button>\r\n <gm-tooltip v-else class=\"box-item\" effect=\"dark\" content=\"还没有保存查询条件\" placement=\"bottom\">\r\n <el-button disabled>我的查询条件</el-button>\r\n </gm-tooltip>\r\n </gm-form-item>\r\n </template>\r\n </gm-form>\r\n <gm-dialog v-model=\"showModels\" title=\"我的查询条件\" width=\"30%\">\r\n <gm-collapse accordion>\r\n <gm-collapse-item v-for=\"item in searchHistoryList\" :key=\"item.label\" :title=\"item.label\" :name=\"item.label\">\r\n <template #title>\r\n <div class=\"gm-flex-center gm-flex-justify-between gm-mr-2 gm-flex gm-flex-1\">\r\n <span>{{ item.label }}</span> <gm-button type=\"primary\" size=\"small\" @click=\"useModel(item.value)\"> 使用 </gm-button>\r\n </div>\r\n </template>\r\n <div class=\"gm-flex gm-gap-2\">\r\n <el-tag v-for=\"(value, i) in getValues(item.value)\" :key=\"i\" type=\"info\" effect=\"dark\">\r\n {{ value }}\r\n </el-tag>\r\n </div>\r\n </gm-collapse-item>\r\n </gm-collapse>\r\n </gm-dialog>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { onMounted, ref } from 'vue';\r\nimport { useCloned } from '@vueuse/core';\r\n\r\nimport { getGmEvent, getGmExports } from '@giime/utils';\r\nimport { formEmits as elFormEmits } from '@giime/components/src/base/form';\r\nimport { useCustomSettingsStore } from '@giime/hooks';\r\n\r\nimport { GmMessage, GmMessageBox } from '@giime/components';\r\nimport { MemoryHistoryExt, type MemoryHistoryItemType, MemoryHistoryType, memoryFormEmits, memoryFormProps } from './memoryForm';\r\nimport type { FormInstance } from '@giime/components/src/base/form';\r\n\r\ndefineOptions({\r\n name: 'GmMemoryForm',\r\n});\r\nconst props = defineProps(memoryFormProps);\r\n\r\nconst emit = defineEmits(memoryFormEmits);\r\n// 重发el的事件\r\nconst elEvents = getGmEvent(elFormEmits, emit);\r\n\r\nconst elRef = ref<FormInstance>();\r\nconst exposeNames = ['validate', 'validateField', 'resetFields', 'clearValidate', 'scrollToField'] as const;\r\nconst { exposeFns } = getGmExports(elRef, exposeNames);\r\n\r\n// 提交form表单\r\nconst submit = () => {\r\n elRef.value?.validate(valid => {\r\n if (valid) {\r\n emit('submit', props.model);\r\n }\r\n });\r\n};\r\n// 重置form\r\nconst reset = () => {\r\n elRef.value?.resetFields();\r\n emit('reset', props.model);\r\n};\r\n\r\n// 历史查询条件\r\nconst customSettingsStore = useCustomSettingsStore();\r\n\r\nconst searchHistoryList = ref<MemoryHistoryItemType[]>([]);\r\nconst getSearchHistoryList = async () => {\r\n const data = await customSettingsStore.getCustomSettings(\r\n { key_word: props.pageName + MemoryHistoryExt, type: MemoryHistoryType },\r\n { defaultValue: [] },\r\n );\r\n const { cloned: result } = useCloned(data \|\| []);\r\n searchHistoryList.value = result.value;\r\n};\r\n\r\n// 保存查询条件\r\nconst saveModel = () => {\r\n elRef.value?.validate(valid => {\r\n if (valid) {\r\n // emit('save', props.model);\r\n GmMessageBox.prompt('请输入保存的名称', '保存查询条件', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n inputPattern: /^.{1,}$/,\r\n inputErrorMessage: '名称不能为空',\r\n })\r\n .then(async ({ value }) => {\r\n const list = searchHistoryList.value;\r\n const item = {\r\n label: value,\r\n value: JSON.stringify(props.model),\r\n };\r\n list.unshift(item);\r\n searchHistoryList.value = list.slice(0, 10);\r\n customSettingsStore.addCustomSettings({\r\n key_word: props.pageName + MemoryHistoryExt,\r\n value: JSON.stringify(searchHistoryList.value),\r\n type: MemoryHistoryType,\r\n });\r\n GmMessage({\r\n message: '查询条件保存成功',\r\n type: 'success',\r\n });\r\n getSearchHistoryList();\r\n })\r\n .catch(() => {});\r\n }\r\n });\r\n};\r\n\r\n// 使用查询条件\r\nconst showModels = ref(false);\r\nconst viewModels = () => {\r\n showModels.value = true;\r\n};\r\nconst useModel = (value: string) => {\r\n const model = JSON.parse(value);\r\n emit('useHistory', model);\r\n emit('update:model', model);\r\n emit('submit', model);\r\n showModels.value = false;\r\n};\r\n\r\nconst getValues = (value: string) => {\r\n if (!value) return [];\r\n const model = JSON.parse(value);\r\n return Object.values(model).filter(val => !!val \|\| val === 0 \|\| val === false);\r\n};\r\n\r\nonMounted(() => {\r\n getSearchHistoryList();\r\n});\r\n\r\ndefineExpose({\r\n ...exposeFns,\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.gm-flex-center {\r\n align-items: center;\r\n}\r\n.gm-flex-justify-between {\r\n justify-content: space-between;\r\n}\r\n</style>\r\n"],"names":["elFormEmits"],"mappings":"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"}
1	+ {"version":3,"file":"MemoryForm.vue2.mjs","sources":["../../../../../../../packages/components/src/composite/memoryForm/MemoryForm.vue"],"sourcesContent":["<template>\r\n <gm-form :id=\"$attrs.id\" ref=\"elRef\" :class=\"$attrs.class\" v-bind=\"props\" v-on=\"elEvents\">\r\n <template #default=\"slotValue\">\r\n <slot v-bind=\"slotValue\" />\r\n <slot name=\"buttons\">\r\n <gm-form-item>\r\n <gm-button type=\"primary\" @click=\"submit\">\r\n {{ props.submitText \|\| '提交' }}\r\n </gm-button>\r\n <gm-button @click=\"reset\">\r\n {{ props.resetText \|\| '重置' }}\r\n </gm-button>\r\n </gm-form-item>\r\n </slot>\r\n <gm-form-item>\r\n <gm-button type=\"primary\" @click=\"saveModel\"> 保存查询条件 </gm-button>\r\n <gm-button v-if=\"searchHistoryList.length\" @click=\"viewModels\"> 我的查询条件 </gm-button>\r\n <gm-tooltip v-else class=\"box-item\" effect=\"dark\" content=\"还没有保存查询条件\" placement=\"bottom\">\r\n <el-button disabled>我的查询条件</el-button>\r\n </gm-tooltip>\r\n </gm-form-item>\r\n </template>\r\n </gm-form>\r\n <gm-dialog v-model=\"showModels\" title=\"我的查询条件\" width=\"30%\">\r\n <gm-collapse accordion>\r\n <gm-collapse-item v-for=\"item in searchHistoryList\" :key=\"item.label\" :title=\"item.label\" :name=\"item.label\">\r\n <template #title>\r\n <div class=\"gm-flex-center gm-flex-justify-between gm-mr-2 gm-flex gm-flex-1\">\r\n <span>{{ item.label }}</span> <gm-button type=\"primary\" size=\"small\" @click=\"useModel(item.value)\"> 使用 </gm-button>\r\n </div>\r\n </template>\r\n <div class=\"gm-flex gm-gap-2\">\r\n <el-tag v-for=\"(value, i) in getValues(item.value)\" :key=\"i\" type=\"info\" effect=\"dark\">\r\n {{ value }}\r\n </el-tag>\r\n </div>\r\n </gm-collapse-item>\r\n </gm-collapse>\r\n </gm-dialog>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { onMounted, ref } from 'vue';\r\nimport { useCloned } from '@vueuse/core';\r\n\r\nimport { getGmEvent, getGmExports } from '@giime/utils';\r\nimport { formEmits as elFormEmits } from '@giime/components/src/base/form';\r\nimport { useCustomSettingsStore } from '@giime/hooks';\r\n\r\nimport { GmMessage, GmMessageBox } from '@giime/components';\r\nimport { MemoryHistoryExt, type MemoryHistoryItemType, MemoryHistoryType, memoryFormEmits, memoryFormProps } from './memoryForm';\r\nimport type { FormInstance } from '@giime/components/src/base/form';\r\n\r\ndefineOptions({\r\n name: 'GmMemoryForm',\r\n});\r\nconst props = defineProps(memoryFormProps);\r\n\r\nconst emit = defineEmits(memoryFormEmits);\r\n// 重发el的事件\r\nconst elEvents = getGmEvent(elFormEmits, emit);\r\n\r\nconst elRef = ref<FormInstance>();\r\nconst exposeNames = ['validate', 'validateField', 'resetFields', 'clearValidate', 'scrollToField'] as const;\r\nconst { exposeFns } = getGmExports(elRef, exposeNames);\r\n\r\n// 提交form表单\r\nconst submit = () => {\r\n elRef.value?.validate(valid => {\r\n if (valid) {\r\n emit('submit', props.model);\r\n }\r\n });\r\n};\r\n// 重置form\r\nconst reset = () => {\r\n elRef.value?.resetFields();\r\n emit('reset', props.model);\r\n};\r\n\r\n// 历史查询条件\r\nconst customSettingsStore = useCustomSettingsStore();\r\n\r\nconst searchHistoryList = ref<MemoryHistoryItemType[]>([]);\r\nconst getSearchHistoryList = async () => {\r\n const data = await customSettingsStore.getCustomSettings(\r\n { key_word: props.pageName + MemoryHistoryExt, type: MemoryHistoryType },\r\n { defaultValue: [] },\r\n );\r\n if (!data) {\r\n return;\r\n }\r\n const { cloned: result } = useCloned(data \|\| []);\r\n searchHistoryList.value = result.value;\r\n};\r\n\r\n// 保存查询条件\r\nconst saveModel = () => {\r\n elRef.value?.validate(valid => {\r\n if (valid) {\r\n // emit('save', props.model);\r\n GmMessageBox.prompt('请输入保存的名称', '保存查询条件', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n inputPattern: /^.{1,}$/,\r\n inputErrorMessage: '名称不能为空',\r\n })\r\n .then(async ({ value }) => {\r\n const list = searchHistoryList.value;\r\n const item = {\r\n label: value,\r\n value: JSON.stringify(props.model),\r\n };\r\n list.unshift(item);\r\n searchHistoryList.value = list.slice(0, 10);\r\n customSettingsStore.addCustomSettings({\r\n key_word: props.pageName + MemoryHistoryExt,\r\n value: JSON.stringify(searchHistoryList.value),\r\n type: MemoryHistoryType,\r\n });\r\n GmMessage({\r\n message: '查询条件保存成功',\r\n type: 'success',\r\n });\r\n getSearchHistoryList();\r\n })\r\n .catch(() => {});\r\n }\r\n });\r\n};\r\n\r\n// 使用查询条件\r\nconst showModels = ref(false);\r\nconst viewModels = () => {\r\n showModels.value = true;\r\n};\r\nconst useModel = (value: string) => {\r\n const model = JSON.parse(value);\r\n emit('useHistory', model);\r\n emit('update:model', model);\r\n emit('submit', model);\r\n showModels.value = false;\r\n};\r\n\r\nconst getValues = (value: string) => {\r\n if (!value) return [];\r\n const model = JSON.parse(value);\r\n return Object.values(model).filter(val => !!val \|\| val === 0 \|\| val === false);\r\n};\r\n\r\nonMounted(() => {\r\n getSearchHistoryList();\r\n});\r\n\r\ndefineExpose({\r\n ...exposeFns,\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.gm-flex-center {\r\n align-items: center;\r\n}\r\n.gm-flex-justify-between {\r\n justify-content: space-between;\r\n}\r\n</style>\r\n"],"names":["elFormEmits"],"mappings":"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"}

package/es/components/src/composite/operateButton/operateButtonForm/OperateButtonForm.vue2.mjs CHANGED Viewed

@@ -65,7 +65,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       customBtnPropsList.value = clonedCustomBtnList.value;
     };
     const initOperate = async () => {
-      await customSettingsStore.getCustomSettings({ key_word: props.keyWord, type: props.type }, { defaultValue: [] });
+      try {
+        await customSettingsStore.getCustomSettings({ key_word: props.keyWord, type: props.type }, { defaultValue: [] });
+      } catch {
+      }
       clonedCustomBtnList.value = defaultPropsList.value.map((it) => {
         const findItem = clonedStore.value.find((v) => v.prop === it.prop);
         if (findItem) {

package/es/components/src/composite/operateButton/operateButtonForm/OperateButtonForm.vue2.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OperateButtonForm.vue2.mjs","sources":["../../../../../../../../packages/components/src/composite/operateButton/operateButtonForm/OperateButtonForm.vue"],"sourcesContent":["<template>\r\n <gm-drawer v-model=\"isShowDrawer\" title=\"自定义按钮\" direction=\"rtl\" size=\"500px\" append-to-body destroy-on-close>\r\n <section\r\n class=\"drawer-alert gm-mb-4 gm-flex gm-items-center gm-justify-between gm-rounded gm-border gm-border-cyan-300 gm-bg-cyan-50 gm-px-4 gm-text-sm gm-leading-[40px] gm-text-[#777]\"\r\n >\r\n <div class=\"gm-flex gm-items-center\">\r\n <gm-icon><InfoFilled /></gm-icon>\r\n <p class=\"gm-ml-2\">\r\n 已选中 <span class=\"gm-text-cyan-500\">{{ checkedNumber }}</span> 项\r\n </p>\r\n <b class=\"gm-ml-3 gm-text-orange-400\">点击按钮可修改当前按钮颜色！</b>\r\n </div>\r\n </section>\r\n <gm-table :data=\"clonedCustomBtnList\" :header-cell-style=\"{ background: '#F5F7FA', color: '#333' }\" style=\"width: 100%\">\r\n <gm-table-column align=\"left\" width=\"80\">\r\n <template #header>\r\n <gm-checkbox :model-value=\"checkedAll\" :indeterminate=\"isIndeterminate\" @change=\"handleCheckAllChange\" />\r\n </template>\r\n <template #default=\"{ row }: { row: OperateButtonProps }\">\r\n <gm-checkbox v-model=\"row.isShow\" />\r\n </template>\r\n </gm-table-column>\r\n <gm-table-column label=\"按钮\">\r\n <template #default=\"{ row, $index }: { row: OperateButtonProps; $index: number }\">\r\n <gm-popover v-model:visible=\"popoverVisibles[$index]\" placement=\"bottom\" :width=\"330\" trigger=\"click\">\r\n <template #reference>\r\n <gm-button :type=\"row.type \|\| 'primary'\" link size=\"small\">\r\n {{ row.label }}\r\n </gm-button>\r\n </template>\r\n <div class=\"p-1\">\r\n <div class=\"text-[14px] gm-mb-2\">点击下列色块可修改按钮颜色</div>\r\n <gm-button type=\"primary\" size=\"small\" @click=\"setBtnType(row, $index, 'primary')\"> 蓝色 </gm-button>\r\n <gm-button type=\"success\" size=\"small\" @click=\"setBtnType(row, $index, 'success')\"> 绿色 </gm-button>\r\n <gm-button type=\"info\" size=\"small\" @click=\"setBtnType(row, $index, 'info')\"> 灰色 </gm-button>\r\n <gm-button type=\"warning\" size=\"small\" @click=\"setBtnType(row, $index, 'warning')\"> 橙色 </gm-button>\r\n <gm-button type=\"danger\" size=\"small\" @click=\"setBtnType(row, $index, 'danger')\"> 红色 </gm-button>\r\n </div>\r\n </gm-popover>\r\n </template>\r\n </gm-table-column>\r\n </gm-table>\r\n <template #footer>\r\n <div class=\"gm-flex gm-justify-between\">\r\n <div>\r\n <gm-button :loading=\"submitLoading\" type=\"primary\" size=\"default\" @click=\"onReset\">重置</gm-button>\r\n <gm-button :loading=\"submitLoading\" type=\"success\" size=\"default\" @click=\"onSyncRemote\">同步</gm-button>\r\n </div>\r\n <div>\r\n <gm-button :loading=\"submitLoading\" size=\"default\" @click=\"isShowDrawer = false\">取消</gm-button>\r\n <gm-button :loading=\"submitLoading\" type=\"primary\" size=\"default\" @click=\"onSubmit\">保存</gm-button>\r\n </div>\r\n </div>\r\n </template>\r\n </gm-drawer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, onMounted, ref, watch } from 'vue';\r\nimport { useCustomSettingsStore } from '@giime/hooks';\r\nimport { cloneDeep } from 'lodash-es';\r\nimport { useCloned } from '@vueuse/core';\r\nimport { type CheckboxValueType } from 'element-plus';\r\nimport { InfoFilled } from '@element-plus/icons-vue';\r\nimport { operateButtonFormProps } from './operateButtonForm';\r\nimport type { OperateButtonProps } from '../operateButton';\r\n\r\ndefineOptions({\r\n name: 'GmOperateButtonForm',\r\n});\r\n/*\r\n 抽屉显示\r\n /\r\nconst isShowDrawer = defineModel<boolean>('isShowDrawer', {\r\n required: true,\r\n});\r\n/\r\n 自定义按钮 props列表\r\n /\r\nconst customBtnPropsList = defineModel<OperateButtonProps[]>('customBtnPropsList', {\r\n required: true,\r\n});\r\n\r\nconst props = defineProps(operateButtonFormProps);\r\nconst customSettingsStore = useCustomSettingsStore();\r\n\r\n/\r\n 数据是否初始化完成\r\n /\r\nconst isInited = ref(false);\r\n/内部克隆一份，当点击保存时应用修改的内容 /\r\nconst { cloned: clonedCustomBtnList } = useCloned(customBtnPropsList);\r\n\r\nconst defaultPropsList = computed(() => cloneDeep(props.customDefaultPropsList));\r\n// 按钮弹出框显示隐藏\r\nconst popoverVisibles = ref<boolean[]>(defaultPropsList.value.map(() => false));\r\n// 根据props列表初始化popo显示隐藏\r\nwatch(defaultPropsList, () => {\r\n popoverVisibles.value = defaultPropsList.value.map(() => false);\r\n});\r\n\r\n// 重新打开弹窗时，克隆一份新数据\r\nwatch(isShowDrawer, newValue => {\r\n if (newValue) {\r\n clonedCustomBtnList.value = cloneDeep(customBtnPropsList.value);\r\n }\r\n});\r\n\r\nconst customSettingsValue = computed<OperateButtonProps[]>(() => customSettingsStore.customSettings[props.keyWord]?.[props.type] \|\| []);\r\nconst { cloned: clonedStore } = useCloned(customSettingsValue);\r\n\r\nconst updateOperate = () => {\r\n customBtnPropsList.value = clonedCustomBtnList.value;\r\n};\r\n\r\nconst initOperate = async () => {\r\n await customSettingsStore.getCustomSettings({ key_word: props.keyWord, type: props.type }, { defaultValue: [] });\r\n clonedCustomBtnList.value = defaultPropsList.value.map(it => {\r\n const findItem = clonedStore.value.find(v => v.prop === it.prop);\r\n if (findItem) {\r\n it.isShow = findItem.isShow;\r\n it.type = findItem.type;\r\n }\r\n return it;\r\n });\r\n\r\n updateOperate();\r\n isInited.value = true;\r\n};\r\n\r\n// 已选中条数\r\nconst checkedNumber = computed(() => {\r\n return clonedCustomBtnList.value.filter(v => v.isShow).length;\r\n});\r\n// 全选\r\nconst checkedAll = computed(() => clonedCustomBtnList.value.every(v => v.isShow));\r\n// 半选\r\nconst isIndeterminate = computed(() => !checkedAll.value && clonedCustomBtnList.value.some(v => v.isShow));\r\n// 切换全选\r\nconst handleCheckAllChange = (val: CheckboxValueType) => {\r\n clonedCustomBtnList.value.forEach(v => {\r\n v.isShow = Boolean(val);\r\n });\r\n};\r\n\r\n// 设置按钮颜色\r\nconst setBtnType = (item: OperateButtonProps, index: number, type: OperateButtonProps['type']) => {\r\n item.type = type;\r\n popoverVisibles.value[index] = false;\r\n};\r\n\r\nconst submitLoading = ref(false);\r\n// 保存\r\nconst onSubmit = async () => {\r\n try {\r\n submitLoading.value = true;\r\n const { data } = await customSettingsStore.addCustomSettings({\r\n key_word: props.keyWord,\r\n value: JSON.stringify(clonedCustomBtnList.value),\r\n type: props.type,\r\n });\r\n submitLoading.value = false;\r\n if (data.code !== 0) {\r\n return;\r\n }\r\n isShowDrawer.value = false;\r\n updateOperate();\r\n } catch (e) {\r\n console.error(e);\r\n submitLoading.value = false;\r\n }\r\n};\r\n\r\n// 重置\r\nconst onReset = () => {\r\n clonedCustomBtnList.value = cloneDeep(props.customDefaultPropsList);\r\n};\r\n\r\n/*同步远程设置 /\r\nconst onSyncRemote = async () => {\r\n try {\r\n submitLoading.value = true;\r\n await customSettingsStore.syncRemoteSetting({\r\n key_word: props.keyWord,\r\n type: props.type,\r\n });\r\n submitLoading.value = false;\r\n } catch (e) {\r\n console.error(e);\r\n submitLoading.value = false;\r\n }\r\n};\r\n\r\nonMounted(() => {\r\n initOperate();\r\n});\r\ndefineExpose({\r\n isInited,\r\n});\r\n</script>\r\n"],"names":["_useModel"],"mappings":"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"}
1	+ {"version":3,"file":"OperateButtonForm.vue2.mjs","sources":["../../../../../../../../packages/components/src/composite/operateButton/operateButtonForm/OperateButtonForm.vue"],"sourcesContent":["<template>\r\n <gm-drawer v-model=\"isShowDrawer\" title=\"自定义按钮\" direction=\"rtl\" size=\"500px\" append-to-body destroy-on-close>\r\n <section\r\n class=\"drawer-alert gm-mb-4 gm-flex gm-items-center gm-justify-between gm-rounded gm-border gm-border-cyan-300 gm-bg-cyan-50 gm-px-4 gm-text-sm gm-leading-[40px] gm-text-[#777]\"\r\n >\r\n <div class=\"gm-flex gm-items-center\">\r\n <gm-icon><InfoFilled /></gm-icon>\r\n <p class=\"gm-ml-2\">\r\n 已选中 <span class=\"gm-text-cyan-500\">{{ checkedNumber }}</span> 项\r\n </p>\r\n <b class=\"gm-ml-3 gm-text-orange-400\">点击按钮可修改当前按钮颜色！</b>\r\n </div>\r\n </section>\r\n <gm-table :data=\"clonedCustomBtnList\" :header-cell-style=\"{ background: '#F5F7FA', color: '#333' }\" style=\"width: 100%\">\r\n <gm-table-column align=\"left\" width=\"80\">\r\n <template #header>\r\n <gm-checkbox :model-value=\"checkedAll\" :indeterminate=\"isIndeterminate\" @change=\"handleCheckAllChange\" />\r\n </template>\r\n <template #default=\"{ row }: { row: OperateButtonProps }\">\r\n <gm-checkbox v-model=\"row.isShow\" />\r\n </template>\r\n </gm-table-column>\r\n <gm-table-column label=\"按钮\">\r\n <template #default=\"{ row, $index }: { row: OperateButtonProps; $index: number }\">\r\n <gm-popover v-model:visible=\"popoverVisibles[$index]\" placement=\"bottom\" :width=\"330\" trigger=\"click\">\r\n <template #reference>\r\n <gm-button :type=\"row.type \|\| 'primary'\" link size=\"small\">\r\n {{ row.label }}\r\n </gm-button>\r\n </template>\r\n <div class=\"p-1\">\r\n <div class=\"text-[14px] gm-mb-2\">点击下列色块可修改按钮颜色</div>\r\n <gm-button type=\"primary\" size=\"small\" @click=\"setBtnType(row, $index, 'primary')\"> 蓝色 </gm-button>\r\n <gm-button type=\"success\" size=\"small\" @click=\"setBtnType(row, $index, 'success')\"> 绿色 </gm-button>\r\n <gm-button type=\"info\" size=\"small\" @click=\"setBtnType(row, $index, 'info')\"> 灰色 </gm-button>\r\n <gm-button type=\"warning\" size=\"small\" @click=\"setBtnType(row, $index, 'warning')\"> 橙色 </gm-button>\r\n <gm-button type=\"danger\" size=\"small\" @click=\"setBtnType(row, $index, 'danger')\"> 红色 </gm-button>\r\n </div>\r\n </gm-popover>\r\n </template>\r\n </gm-table-column>\r\n </gm-table>\r\n <template #footer>\r\n <div class=\"gm-flex gm-justify-between\">\r\n <div>\r\n <gm-button :loading=\"submitLoading\" type=\"primary\" size=\"default\" @click=\"onReset\">重置</gm-button>\r\n <gm-button :loading=\"submitLoading\" type=\"success\" size=\"default\" @click=\"onSyncRemote\">同步</gm-button>\r\n </div>\r\n <div>\r\n <gm-button :loading=\"submitLoading\" size=\"default\" @click=\"isShowDrawer = false\">取消</gm-button>\r\n <gm-button :loading=\"submitLoading\" type=\"primary\" size=\"default\" @click=\"onSubmit\">保存</gm-button>\r\n </div>\r\n </div>\r\n </template>\r\n </gm-drawer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, onMounted, ref, watch } from 'vue';\r\nimport { useCustomSettingsStore } from '@giime/hooks';\r\nimport { cloneDeep } from 'lodash-es';\r\nimport { useCloned } from '@vueuse/core';\r\nimport { type CheckboxValueType } from 'element-plus';\r\nimport { InfoFilled } from '@element-plus/icons-vue';\r\nimport { operateButtonFormProps } from './operateButtonForm';\r\nimport type { OperateButtonProps } from '../operateButton';\r\n\r\ndefineOptions({\r\n name: 'GmOperateButtonForm',\r\n});\r\n/*\r\n 抽屉显示\r\n /\r\nconst isShowDrawer = defineModel<boolean>('isShowDrawer', {\r\n required: true,\r\n});\r\n/\r\n 自定义按钮 props列表\r\n /\r\nconst customBtnPropsList = defineModel<OperateButtonProps[]>('customBtnPropsList', {\r\n required: true,\r\n});\r\n\r\nconst props = defineProps(operateButtonFormProps);\r\nconst customSettingsStore = useCustomSettingsStore();\r\n\r\n/\r\n 数据是否初始化完成\r\n /\r\nconst isInited = ref(false);\r\n/内部克隆一份，当点击保存时应用修改的内容 /\r\nconst { cloned: clonedCustomBtnList } = useCloned(customBtnPropsList);\r\n\r\nconst defaultPropsList = computed(() => cloneDeep(props.customDefaultPropsList));\r\n// 按钮弹出框显示隐藏\r\nconst popoverVisibles = ref<boolean[]>(defaultPropsList.value.map(() => false));\r\n// 根据props列表初始化popo显示隐藏\r\nwatch(defaultPropsList, () => {\r\n popoverVisibles.value = defaultPropsList.value.map(() => false);\r\n});\r\n\r\n// 重新打开弹窗时，克隆一份新数据\r\nwatch(isShowDrawer, newValue => {\r\n if (newValue) {\r\n clonedCustomBtnList.value = cloneDeep(customBtnPropsList.value);\r\n }\r\n});\r\n\r\nconst customSettingsValue = computed<OperateButtonProps[]>(() => customSettingsStore.customSettings[props.keyWord]?.[props.type] \|\| []);\r\nconst { cloned: clonedStore } = useCloned(customSettingsValue);\r\n\r\nconst updateOperate = () => {\r\n customBtnPropsList.value = clonedCustomBtnList.value;\r\n};\r\n\r\nconst initOperate = async () => {\r\n try {\r\n await customSettingsStore.getCustomSettings({ key_word: props.keyWord, type: props.type }, { defaultValue: [] });\r\n } catch {}\r\n clonedCustomBtnList.value = defaultPropsList.value.map(it => {\r\n const findItem = clonedStore.value.find(v => v.prop === it.prop);\r\n if (findItem) {\r\n it.isShow = findItem.isShow;\r\n it.type = findItem.type;\r\n }\r\n return it;\r\n });\r\n\r\n updateOperate();\r\n isInited.value = true;\r\n};\r\n\r\n// 已选中条数\r\nconst checkedNumber = computed(() => {\r\n return clonedCustomBtnList.value.filter(v => v.isShow).length;\r\n});\r\n// 全选\r\nconst checkedAll = computed(() => clonedCustomBtnList.value.every(v => v.isShow));\r\n// 半选\r\nconst isIndeterminate = computed(() => !checkedAll.value && clonedCustomBtnList.value.some(v => v.isShow));\r\n// 切换全选\r\nconst handleCheckAllChange = (val: CheckboxValueType) => {\r\n clonedCustomBtnList.value.forEach(v => {\r\n v.isShow = Boolean(val);\r\n });\r\n};\r\n\r\n// 设置按钮颜色\r\nconst setBtnType = (item: OperateButtonProps, index: number, type: OperateButtonProps['type']) => {\r\n item.type = type;\r\n popoverVisibles.value[index] = false;\r\n};\r\n\r\nconst submitLoading = ref(false);\r\n// 保存\r\nconst onSubmit = async () => {\r\n try {\r\n submitLoading.value = true;\r\n const { data } = await customSettingsStore.addCustomSettings({\r\n key_word: props.keyWord,\r\n value: JSON.stringify(clonedCustomBtnList.value),\r\n type: props.type,\r\n });\r\n submitLoading.value = false;\r\n if (data.code !== 0) {\r\n return;\r\n }\r\n isShowDrawer.value = false;\r\n updateOperate();\r\n } catch (e) {\r\n console.error(e);\r\n submitLoading.value = false;\r\n }\r\n};\r\n\r\n// 重置\r\nconst onReset = () => {\r\n clonedCustomBtnList.value = cloneDeep(props.customDefaultPropsList);\r\n};\r\n\r\n/*同步远程设置 /\r\nconst onSyncRemote = async () => {\r\n try {\r\n submitLoading.value = true;\r\n await customSettingsStore.syncRemoteSetting({\r\n key_word: props.keyWord,\r\n type: props.type,\r\n });\r\n submitLoading.value = false;\r\n } catch (e) {\r\n console.error(e);\r\n submitLoading.value = false;\r\n }\r\n};\r\n\r\nonMounted(() => {\r\n initOperate();\r\n});\r\ndefineExpose({\r\n isInited,\r\n});\r\n</script>\r\n"],"names":["_useModel"],"mappings":"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"}

package/es/components/src/composite/selectOptions/SelectOptions.vue.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     clearable: {
         type: BooleanConstructor;
         default: boolean;
@@ -237,5 +237,18 @@ declare const _default: import("vue").DefineComponent<{
     optionLabel: string;
     optionValue: string;
     labelKey: string | boolean;
-}, {}>;
+}, {}>, {
+    header?(_: {}): any;
+    footer?(_: {}): any;
+    prefix?(_: {}): any;
+    empty?(_: {}): any;
+    tag?(_: {}): any;
+    loading?(_: {}): any;
+    label?(_: any): any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/src/composite/selectOptions/SelectOptions.vue2.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent, computed, resolveComponent, openBlock, createBlock, mergeProps, toHandlers, unref, withCtx, createElementBlock, Fragment, renderList } from 'vue';
+import { defineComponent, useSlots, computed, resolveComponent, openBlock, createBlock, mergeProps, toHandlers, unref, createSlots, withCtx, createElementBlock, Fragment, renderList, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import '../../../../utils/index.mjs';
 import { isString } from '../../../../utils/src/is.mjs';
 import { selectOptionsProps, selectOptionsEmits } from './selectOptions.mjs';
@@ -15,6 +15,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const events = getGmEvent(selectOptionsEmits, emit);
+    const slots = useSlots();
     const labelOptions = computed(() => {
       return props.options.map((it, i) => {
         const res = {
@@ -37,7 +38,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(
         _component_gm_select,
         mergeProps(props, toHandlers(unref(events))),
-        {
+        createSlots({
           default: withCtx(() => [
             (openBlock(true), createElementBlock(
               Fragment,
@@ -53,11 +54,61 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               /* KEYED_FRAGMENT */
             ))
           ]),
-          _: 1
-          /* STABLE */
-        },
-        16
-        /* FULL_PROPS */
+          _: 2
+          /* DYNAMIC */
+        }, [
+          unref(slots).header ? {
+            name: "header",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "header")
+            ]),
+            key: "0"
+          } : void 0,
+          unref(slots).footer ? {
+            name: "footer",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "footer")
+            ]),
+            key: "1"
+          } : void 0,
+          unref(slots).prefix ? {
+            name: "prefix",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "prefix")
+            ]),
+            key: "2"
+          } : void 0,
+          unref(slots).empty ? {
+            name: "empty",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "empty")
+            ]),
+            key: "3"
+          } : void 0,
+          unref(slots).tag ? {
+            name: "tag",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "tag")
+            ]),
+            key: "4"
+          } : void 0,
+          unref(slots).loading ? {
+            name: "loading",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "loading")
+            ]),
+            key: "5"
+          } : void 0,
+          unref(slots).label ? {
+            name: "label",
+            fn: withCtx((slotValue) => [
+              renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps(slotValue)))
+            ]),
+            key: "6"
+          } : void 0
+        ]),
+        1040
+        /* FULL_PROPS, DYNAMIC_SLOTS */
       );
     };
   }

package/es/components/src/composite/selectOptions/SelectOptions.vue2.mjs.map CHANGED Viewed

	@@ -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, 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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
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 <template v-if=\"slots.header\" #header>\r\n <slot name=\"header\" />\r\n </template>\r\n <template v-if=\"slots.footer\" #footer>\r\n <slot name=\"footer\" />\r\n </template>\r\n <template v-if=\"slots.prefix\" #prefix>\r\n <slot name=\"prefix\" />\r\n </template>\r\n <template v-if=\"slots.empty\" #empty>\r\n <slot name=\"empty\" />\r\n </template>\r\n <template v-if=\"slots.tag\" #tag>\r\n <slot name=\"tag\" />\r\n </template>\r\n <template v-if=\"slots.loading\" #loading>\r\n <slot name=\"loading\" />\r\n </template>\r\n <template v-if=\"slots.label\" #label=\"slotValue\">\r\n <slot name=\"label\" v-bind=\"slotValue\" />\r\n </template>\r\n </gm-select>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { computed, useSlots } 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\nconst slots = useSlots();\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":";;;;;;;;;;;;;;AAkCA,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;AAClD,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}