@peng_kai/kit 0.2.8 → 0.2.9

package/admin/components/settings/src/Settings.vue

@@ -149,11 +149,14 @@ const antdValueResolvers: Record<number, (value: any) => any> = {
 </script>
 
 <script setup lang="ts">
-const props = defineProps<{
+const props = withDefaults(defineProps<{
   categoryApi: Api.Request
   configApi: Api.Request
   updateApi: Api.Request
-}>();
+  readonly?: boolean
+}>(), {
+  readonly: false,
+});
 
 const queryClient = useQueryClient();
 
@@ -247,6 +250,7 @@ function resetSetting() {
       class="ant-cover__col2-form"
       layout="vertical"
       :disabled="settingMutator.isPending.value"
+      :readonly="props.readonly"
     >
       <template v-for="item of configList" :key="item.key">
         <FormItem v-bind="settingForm.itemProps[item.key]" :label="item.label" :extra="item.summary">
@@ -313,7 +317,7 @@ function resetSetting() {
       </template>
     </Form>
 
-    <template #actions>
+    <template v-if="!props.readonly" #actions>
       <Button :disabled="settingMutator.isPending.value" @click="resetSetting()">
         重置
       </Button>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@peng_kai/kit",
   "type": "module",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "description": "",
   "author": "",
   "license": "ISC",

package/vue/hooks/useTemplateRefs.ts

@@ -2,13 +2,13 @@ import { type Component, reactive } from 'vue';
 import type { ComponentExposed } from 'vue-component-type-helpers';
 import { makeDestructurable } from '@vueuse/core';
 
-export function useTemplateRefs<T extends Record<string, Component | HTMLElement>>() {
+export function useTemplateRefs<T extends Record<string, Component>>() {
   type TK = keyof T;
-  type TI = {
-    [K in TK]?: T[K] extends Component ? ComponentExposed<T[K]> : T[K]
+  type TRs = {
+    [K in TK]?: T[K] extends (HTMLElement | SVGElement) ? T[K] : ComponentExposed<T[K]>
   };
 
-  const refs = reactive({} as TI);
+  const refs = reactive({} as TRs);
   const setRefs = new Proxy({} as { [K in TK]: (t: any) => void }, {
     get(_, p: any) {
       return (t: any) => {