giime 0.3.14 → 0.3.16

package/dist/index.css

@@ -569,6 +569,9 @@ video {
 .gm-inline-block {
   display: inline-block;
 }
+.gm-inline {
+  display: inline;
+}
 .gm-flex {
   display: flex;
 }
@@ -587,6 +590,9 @@ video {
 .gm-h-1 {
   height: 0.25rem;
 }
+.gm-h-\[30px\] {
+  height: 30px;
+}
 .gm-h-\[36px\] {
   height: 36px;
 }
@@ -602,6 +608,9 @@ video {
 .gm-w-\[120px\] {
   width: 120px;
 }
+.gm-w-\[30px\] {
+  width: 30px;
+}
 .gm-w-full {
   width: 100%;
 }
@@ -671,6 +680,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(236 254 255 / var(--tw-bg-opacity));
 }
+.gm-stroke-2 {
+  stroke-width: 2;
+}
 .gm-p-4 {
   padding: 1rem;
 }
@@ -755,10 +767,6 @@ video {
   margin: 0;
 }
 
-[data-v-ec3af0bb] .gmSearchForm .el-form-item {
-  margin-right: 0;
-  margin-bottom: 4px;
-}
 .gm-flex-center[data-v-2a79bac9] {
   align-items: center;
 }
@@ -766,6 +774,37 @@ video {
 .gm-flex-justify-between[data-v-2a79bac9] {
   justify-content: space-between;
 }
+.circular[data-v-b391445c] {
+  animation: loading-rotate-b391445c 2s linear infinite;
+}
+
+.path[data-v-b391445c] {
+  animation: loading-dash-b391445c 1.5s ease-in-out infinite;
+  stroke-dasharray: 90, 150;
+  stroke-dashoffset: 0;
+  stroke: var(--el-color-primary);
+  stroke-linecap: round;
+}
+
+@keyframes loading-rotate-b391445c {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes loading-dash-b391445c {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -40px;
+  }
+  100% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -120px;
+  }
+}
 .gm-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;
@@ -807,6 +846,10 @@ video {
 [data-v-72a53f6c] .gmTableNoBorder .el-table__border-left-patch {
   height: 0;
 }
+[data-v-ec3af0bb] .gmSearchForm .el-form-item {
+  margin-right: 0;
+  margin-bottom: 4px;
+}
 
 .pagination-container[data-v-19230954] {
   background: #fff;

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

@@ -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.vue.mjs

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

package/es/components/src/base/select/Select.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"Select.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -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, createElementBlock, createElementVNode, normalizeProps, guardReactiveProps } from 'vue';
 import '../../../../utils/index.mjs';
 import { selectProps, selectEmits, elSelectEmits } from './select.mjs';
 import { getGmEvent } from '../../../../utils/src/elementPlus/event.mjs';
@@ -37,51 +37,75 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           unref(slots).default ? {
             name: "default",
             fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ]),
             key: "0"
           } : void 0,
           unref(slots).header ? {
             name: "header",
             fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "header")
+              renderSlot(_ctx.$slots, "header", {}, void 0, true)
             ]),
             key: "1"
           } : void 0,
           unref(slots).footer ? {
             name: "footer",
             fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "footer")
+              renderSlot(_ctx.$slots, "footer", {}, void 0, true)
             ]),
             key: "2"
           } : void 0,
           unref(slots).prefix ? {
             name: "prefix",
             fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "prefix")
+              renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
             ]),
             key: "3"
           } : void 0,
           unref(slots).empty ? {
             name: "empty",
             fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "empty")
+              renderSlot(_ctx.$slots, "empty", {}, void 0, true)
             ]),
             key: "4"
           } : void 0,
           unref(slots).tag ? {
             name: "tag",
             fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "tag")
+              renderSlot(_ctx.$slots, "tag", {}, void 0, true)
             ]),
             key: "5"
           } : void 0,
           unref(slots).loading ? {
             name: "loading",
             fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "loading")
+              renderSlot(_ctx.$slots, "loading", {}, void 0, true)
             ]),
             key: "6"
+          } : {
+            name: "loading",
+            fn: withCtx(() => [
+              (openBlock(), createElementBlock("svg", {
+                class: "circular gm-inline gm-h-[30px] gm-w-[30px]",
+                viewBox: "0 0 50 50"
+              }, [
+                createElementVNode("circle", {
+                  class: "path gm-stroke-2",
+                  cx: "25",
+                  cy: "25",
+                  r: "20",
+                  fill: "none"
+                })
+              ]))
+            ]),
+            key: "7"
+          },
+          unref(slots).label ? {
+            name: "label",
+            fn: withCtx((slotValue) => [
+              renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps(slotValue)), void 0, true)
+            ]),
+            key: "8"
           } : void 0
         ]),
         1040

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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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-else #loading>\r\n      <svg class=\"circular gm-inline gm-h-[30px] gm-w-[30px]\" viewBox=\"0 0 50 50\">\r\n        <circle class=\"path gm-stroke-2\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\" />\r\n      </svg>\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<style lang=\"scss\" scoped>\r\n.circular {\r\n  animation: loading-rotate 2s linear infinite;\r\n}\r\n.path {\r\n  animation: loading-dash 1.5s ease-in-out infinite;\r\n  stroke-dasharray: 90, 150;\r\n  stroke-dashoffset: 0;\r\n  stroke: var(--el-color-primary);\r\n  stroke-linecap: round;\r\n}\r\n@keyframes loading-rotate {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n@keyframes loading-dash {\r\n  0% {\r\n    stroke-dasharray: 1, 200;\r\n    stroke-dashoffset: 0;\r\n  }\r\n  50% {\r\n    stroke-dasharray: 90, 150;\r\n    stroke-dashoffset: -40px;\r\n  }\r\n  100% {\r\n    stroke-dasharray: 90, 150;\r\n    stroke-dashoffset: -120px;\r\n  }\r\n}\r\n</style>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAyCA,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/Select.vue3.mjs

@@ -0,0 +1,4 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };
+//# sourceMappingURL=Select.vue3.mjs.map

package/es/components/src/base/select/Select.vue3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.vue3.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -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/searchForm/searchFormItems/select/SearchFormSelect.vue.d.ts

@@ -8,6 +8,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -45,6 +49,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -75,6 +83,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     options: import("../../..").SelectOptionsOptionType[];
     disabled: boolean;
+    loading: boolean;
     label: string;
     multiple: boolean;
     optionLabel: string;

package/es/components/src/composite/searchForm/searchFormItems/select/SearchFormSelect.vue2.mjs

@@ -37,11 +37,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             disabled: _ctx.disabled,
             options: _ctx.options,
             labelKey: _ctx.labelKey,
+            loading: _ctx.loading,
             optionLabel: _ctx.optionLabel,
             optionValue: _ctx.optionValue,
             class: "gm-w-full",
             onChange: _cache[1] || (_cache[1] = ($event) => emit("change", $event))
-          }, null, 8, ["modelValue", "placeholder", "multiple", "disabled", "options", "labelKey", "optionLabel", "optionValue"])
+          }, null, 8, ["modelValue", "placeholder", "multiple", "disabled", "options", "labelKey", "loading", "optionLabel", "optionValue"])
         ]),
         _: 1
         /* STABLE */

package/es/components/src/composite/searchForm/searchFormItems/select/SearchFormSelect.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFormSelect.vue2.mjs","sources":["../../../../../../../../../packages/components/src/composite/searchForm/searchFormItems/select/SearchFormSelect.vue"],"sourcesContent":["<template>\r\n  <gm-form-item :prop=\"prop\" class=\"\">\r\n    <gm-select-options\r\n      v-model=\"modelValue\"\r\n      :placeholder=\"label\"\r\n      :multiple=\"multiple\"\r\n      filterable\r\n      clearable\r\n      collapse-tags\r\n      collapse-tags-tooltip\r\n      :disabled=\"disabled\"\r\n      :options=\"options\"\r\n      :labelKey=\"labelKey\"\r\n      :optionLabel=\"optionLabel\"\r\n      :optionValue=\"optionValue\"\r\n      class=\"gm-w-full\"\r\n      @change=\"emit('change', $event)\"\r\n    />\r\n  </gm-form-item>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { useWatchModelChange } from '../../composables/useWatchModelChange';\r\nimport { SearchFormSelectName, searchFormSelectEmits, searchFormSelectProps } from './searchFormSelect';\r\nimport type { SelectProps } from '@giime/components/src/base/select';\r\n\r\ndefineOptions({\r\n  name: SearchFormSelectName,\r\n});\r\nconst props = defineProps(searchFormSelectProps);\r\nconst modelValue = defineModel<SelectProps['modelValue'] | undefined>();\r\n\r\nconst emit = defineEmits(searchFormSelectEmits);\r\nuseWatchModelChange(modelValue, { prop: props.prop });\r\n</script>\r\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;AA4BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAM,MAAA,UAAA,GAAaA,QAAmD,CAAA,OAAA,EAAA,YAAA,CAAA,CAAA;AAEtE,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAA,mBAAA,CAAoB,UAAY,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SearchFormSelect.vue2.mjs","sources":["../../../../../../../../../packages/components/src/composite/searchForm/searchFormItems/select/SearchFormSelect.vue"],"sourcesContent":["<template>\r\n  <gm-form-item :prop=\"prop\" class=\"\">\r\n    <gm-select-options\r\n      v-model=\"modelValue\"\r\n      :placeholder=\"label\"\r\n      :multiple=\"multiple\"\r\n      filterable\r\n      clearable\r\n      collapse-tags\r\n      collapse-tags-tooltip\r\n      :disabled=\"disabled\"\r\n      :options=\"options\"\r\n      :labelKey=\"labelKey\"\r\n      :loading=\"loading\"\r\n      :optionLabel=\"optionLabel\"\r\n      :optionValue=\"optionValue\"\r\n      class=\"gm-w-full\"\r\n      @change=\"emit('change', $event)\"\r\n    />\r\n  </gm-form-item>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { useWatchModelChange } from '../../composables/useWatchModelChange';\r\nimport { SearchFormSelectName, searchFormSelectEmits, searchFormSelectProps } from './searchFormSelect';\r\nimport type { SelectProps } from '@giime/components/src/base/select';\r\n\r\ndefineOptions({\r\n  name: SearchFormSelectName,\r\n});\r\nconst props = defineProps(searchFormSelectProps);\r\nconst modelValue = defineModel<SelectProps['modelValue'] | undefined>();\r\n\r\nconst emit = defineEmits(searchFormSelectEmits);\r\nuseWatchModelChange(modelValue, { prop: props.prop });\r\n</script>\r\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;AA6BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAM,MAAA,UAAA,GAAaA,QAAmD,CAAA,OAAA,EAAA,YAAA,CAAA,CAAA;AAEtE,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAA,mBAAA,CAAoB,UAAY,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -9,6 +9,10 @@ export declare const GmSearchFormSelect: import("../../../../../../utils").SFCWi
         type: StringConstructor;
         required: true;
     };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -46,6 +50,10 @@ export declare const GmSearchFormSelect: import("../../../../../../utils").SFCWi
         type: StringConstructor;
         required: true;
     };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -76,6 +84,7 @@ export declare const GmSearchFormSelect: import("../../../../../../utils").SFCWi
 }, {
     options: import("../../../index.js").SelectOptionsOptionType[];
     disabled: boolean;
+    loading: boolean;
     label: string;
     multiple: boolean;
     optionLabel: string;

package/es/components/src/composite/searchForm/searchFormItems/select/searchFormSelect.d.ts

@@ -12,6 +12,10 @@ export declare const searchFormSelectProps: {
         type: StringConstructor;
         required: true;
     };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     multiple: {
         type: BooleanConstructor;
         default: boolean;

package/es/components/src/composite/searchForm/searchFormItems/select/searchFormSelect.mjs

@@ -11,6 +11,10 @@ const searchFormSelectProps = {
     type: String,
     required: true
   },
+  loading: {
+    type: Boolean,
+    default: false
+  },
   multiple: {
     type: Boolean,
     default: false

package/es/components/src/composite/searchForm/searchFormItems/select/searchFormSelect.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"searchFormSelect.mjs","sources":["../../../../../../../../../packages/components/src/composite/searchForm/searchFormItems/select/searchFormSelect.ts"],"sourcesContent":["import { selectOptionsProps } from '@giime/components/src/composite/selectOptions/selectOptions';\r\nimport { searchFormCommonProps } from '../common';\r\nimport type { OptionProps } from '@giime/components/src/base';\r\n// import type { PropType } from 'vue';\r\nexport interface SearchFormSelectPropsOption {\r\n  label: OptionProps['label'];\r\n  value: OptionProps['value'];\r\n}\r\nexport const searchFormSelectProps = {\r\n  ...searchFormCommonProps,\r\n  label: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  prop: {\r\n    type: String,\r\n    required: true as const,\r\n  },\r\n  multiple: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  options: selectOptionsProps.options,\r\n  optionLabel: selectOptionsProps.optionLabel,\r\n  // 自定义指定option中的value字段\r\n  optionValue: selectOptionsProps.optionValue,\r\n  labelKey: selectOptionsProps.labelKey,\r\n};\r\n\r\nexport const searchFormSelectEmits = {\r\n  change: (...value: any[]) => !!value,\r\n};\r\nexport const SearchFormSelectName = 'GmSearchFormSelect';\r\n"],"names":[],"mappings":";;;AAQO,MAAM,qBAAwB,GAAA;AAAA,EACnC,GAAG,qBAAA;AAAA,EACH,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,SAAS,kBAAmB,CAAA,OAAA;AAAA,EAC5B,aAAa,kBAAmB,CAAA,WAAA;AAAA;AAAA,EAEhC,aAAa,kBAAmB,CAAA,WAAA;AAAA,EAChC,UAAU,kBAAmB,CAAA,QAAA;AAC/B,EAAA;AAEO,MAAM,qBAAwB,GAAA;AAAA,EACnC,MAAQ,EAAA,CAAA,GAAI,KAAiB,KAAA,CAAC,CAAC,KAAA;AACjC,EAAA;AACO,MAAM,oBAAuB,GAAA;;;;"}
+{"version":3,"file":"searchFormSelect.mjs","sources":["../../../../../../../../../packages/components/src/composite/searchForm/searchFormItems/select/searchFormSelect.ts"],"sourcesContent":["import { selectOptionsProps } from '@giime/components/src/composite/selectOptions/selectOptions';\r\nimport { searchFormCommonProps } from '../common';\r\nimport type { OptionProps } from '@giime/components/src/base';\r\n// import type { PropType } from 'vue';\r\nexport interface SearchFormSelectPropsOption {\r\n  label: OptionProps['label'];\r\n  value: OptionProps['value'];\r\n}\r\nexport const searchFormSelectProps = {\r\n  ...searchFormCommonProps,\r\n  label: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  prop: {\r\n    type: String,\r\n    required: true as const,\r\n  },\r\n  loading: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  multiple: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  options: selectOptionsProps.options,\r\n  optionLabel: selectOptionsProps.optionLabel,\r\n  // 自定义指定option中的value字段\r\n  optionValue: selectOptionsProps.optionValue,\r\n  labelKey: selectOptionsProps.labelKey,\r\n};\r\n\r\nexport const searchFormSelectEmits = {\r\n  change: (...value: any[]) => !!value,\r\n};\r\nexport const SearchFormSelectName = 'GmSearchFormSelect';\r\n"],"names":[],"mappings":";;;AAQO,MAAM,qBAAwB,GAAA;AAAA,EACnC,GAAG,qBAAA;AAAA,EACH,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,SAAS,kBAAmB,CAAA,OAAA;AAAA,EAC5B,aAAa,kBAAmB,CAAA,WAAA;AAAA;AAAA,EAEhC,aAAa,kBAAmB,CAAA,WAAA;AAAA,EAChC,UAAU,kBAAmB,CAAA,QAAA;AAC/B,EAAA;AAEO,MAAM,qBAAwB,GAAA;AAAA,EACnC,MAAQ,EAAA,CAAA,GAAI,KAAiB,KAAA,CAAC,CAAC,KAAA;AACjC,EAAA;AACO,MAAM,oBAAuB,GAAA;;;;"}

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

@@ -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

@@ -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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}