@peng_kai/kit 0.2.7 → 0.2.9

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

@@ -1,5 +1,4 @@
 <script lang="ts">
-import { reactiveComputed } from '@vueuse/core';
 import { cloneDeep, mapKeys, mapValues } from 'lodash-es';
 import { Button, Card, CheckboxGroup, DatePicker, type DatePickerProps, Form, FormItem, Input, InputNumber, RadioGroup, RangePicker, Select, Textarea } from 'ant-design-vue';
 import { computed, ref, toRef } from 'vue';
@@ -150,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();
 
@@ -196,7 +198,7 @@ const settingMutator = useMutation({
     queryClient.invalidateQueries({ queryKey: [props.configApi.id], exact: false });
   },
 });
-const formSchema = reactiveComputed(() => {
+const formSchema = computed(() => {
   const _configList = configList.value ?? [];
   const entries = _configList.map(config => [
     config.key,
@@ -248,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">
@@ -314,7 +317,7 @@ function resetSetting() {
       </template>
     </Form>
 
-    <template #actions>
+    <template v-if="!props.readonly" #actions>
       <Button :disabled="settingMutator.isPending.value" @click="resetSetting()">
         重置
       </Button>

package/antd/hooks/useAntdForm.ts

@@ -103,7 +103,6 @@ function useAntdForm<S extends Record<string, unknown>, TS = S>(schemas: MaybeRe
       _state[k] = (k in state.value) ? toRef(state.value, k) : toRef(item, 'value');
     }
 
-    console.log('🤡 / _state:', _state);
     state.value = _state;
   }, { immediate: true });
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@peng_kai/kit",
   "type": "module",
-  "version": "0.2.7",
+  "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) => {