yc-pro-components 0.0.12 → 0.0.13

package/lib/hooks/index.js

@@ -8,6 +8,7 @@ var usePlusProConfig = require('./usePlusProConfig.js');
 var useSortableDrag = require('./useSortableDrag.js');
 var usePlusFormReset = require('./usePlusFormReset.js');
 var useSelectWithPagination = require('./useSelectWithPagination.js');
+var useDictInjection = require('./useDictInjection.js');
 
 
 
@@ -28,3 +29,4 @@ exports.usePlusFormClearValidate = usePlusFormReset.usePlusFormClearValidate;
 exports.usePlusFormFullReset = usePlusFormReset.usePlusFormFullReset;
 exports.usePlusFormReset = usePlusFormReset.usePlusFormReset;
 exports.useSelectWithPagination = useSelectWithPagination.useSelectWithPagination;
+exports.useDictInjection = useDictInjection.useDictInjection;

package/lib/hooks/useDictInjection.d.ts

@@ -0,0 +1,38 @@
+import { DictStoreInterface } from 'yc-pro-components/es/constants';
+
+/**
+ * 提供字典 Store 给子组件
+ * @param dictStore 字典 Store 实例，必须实现 DictStoreInterface 接口
+ * @description 在父组件中调用此函数，将字典 Store 提供给所有子组件使用
+ * @version v0.2.0
+ * @example
+ * ```vue
+ * <!-- 在父组件中提供字典 Store -->
+ * <script setup lang="ts">
+ * import { useDictInjection } from 'yc-components'
+ * import { useFieldCatalogStore } from '@/store/modules/fieldCatalog'
+ *
+ * const fieldCatalogStore = useFieldCatalogStore()
+ *
+ * // 提供字典 Store 给所有子组件
+ * useDictInjection(fieldCatalogStore)
+ * </script>
+ *
+ * <template>
+ *   <PlusPage :columns="columns" />
+ * </template>
+ * ```
+ *
+ * ```ts
+ * // 子组件中使用 autoDict
+ * const columns: PlusColumn[] = [
+ *   {
+ *     label: '状态',
+ *     prop: 'status',
+ *     valueType: 'select',
+ *     autoDict: true  // 自动从父组件注入的 dictStore 获取
+ *   }
+ * ]
+ * ```
+ */
+export declare function useDictInjection(dictStore: DictStoreInterface): void;

package/lib/hooks/useDictInjection.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var vue = require('vue');
+var dict = require('../constants/dict.js');
+
+function useDictInjection(dictStore) {
+  if (!dictStore) {
+    console.warn("[yc-components] useDictInjection: dictStore is required");
+    return;
+  }
+  if (typeof dictStore.getDictData !== "function") {
+    console.error(
+      "[yc-components] useDictInjection: dictStore must implement getDictData method. Please ensure your dictStore implements DictStoreInterface."
+    );
+    return;
+  }
+  vue.provide(dict.DictStoreInjectionKey, dictStore);
+}
+
+exports.useDictInjection = useDictInjection;

package/lib/hooks/useGetOptions.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var vue = require('vue');
+var dict = require('../constants/dict.js');
 var is = require('../components/utils/is.js');
 
 const throwError = (data) => {
@@ -29,27 +30,53 @@ const getOptionsByOptionsMap = (options, props) => {
 const useGetOptions = (props) => {
   const options = vue.ref([]);
   const optionsIsReady = vue.ref(false);
-  if (!props.options) {
+  const injectedDictStore = vue.inject(dict.DictStoreInjectionKey, null);
+  const hasValidOptions = props.options && (!is.isArray(props.options) || props.options.length > 0);
+  if (hasValidOptions) {
+    handleOptions();
+  } else if (props.autoDict) {
+    handleAutoDict();
+  } else {
     options.value = [];
     optionsIsReady.value = true;
-  } else if (vue.isRef(props.options) || vue.isReactive(props.options) || is.isArray(props.options)) {
-    vue.watch(
-      () => props.options,
-      (val) => {
-        const value = vue.isRef(val) ? val.value : val;
-        options.value = getOptionsByOptionsMap(value, props);
+  }
+  function handleOptions() {
+    if (!props.options) {
+      options.value = [];
+      optionsIsReady.value = true;
+      return;
+    }
+    if (vue.isRef(props.options) || vue.isReactive(props.options) || is.isArray(props.options)) {
+      vue.watch(
+        () => props.options,
+        (val) => {
+          const value = vue.isRef(val) ? val.value : val;
+          options.value = getOptionsByOptionsMap(value, props);
+          optionsIsReady.value = true;
+        },
+        {
+          immediate: true,
+          deep: true
+        }
+      );
+    } else if (is.isFunction(props.options)) {
+      const getValue = props.options;
+      const result = getValue(props);
+      if (is.isPromise(result)) {
+        result.then((value) => {
+          options.value = getOptionsByOptionsMap(value, props);
+          optionsIsReady.value = true;
+          throwError(options.value);
+        }).catch((err) => {
+          throw err;
+        });
+      } else {
+        options.value = getOptionsByOptionsMap(result, props);
         optionsIsReady.value = true;
-      },
-      {
-        immediate: true,
-        deep: true
       }
-    );
-  } else if (is.isFunction(props.options)) {
-    const getValue = props.options;
-    const result = getValue(props);
-    if (is.isPromise(result)) {
-      result.then((value) => {
+    } else if (is.isPromise(props.options)) {
+      const getValue = props.options;
+      getValue.then((value) => {
         options.value = getOptionsByOptionsMap(value, props);
         optionsIsReady.value = true;
         throwError(options.value);
@@ -57,21 +84,82 @@ const useGetOptions = (props) => {
         throw err;
       });
     } else {
-      options.value = getOptionsByOptionsMap(result, props);
       optionsIsReady.value = true;
+      throwError(props.options);
     }
-  } else if (is.isPromise(props.options)) {
-    const getValue = props.options;
-    getValue.then((value) => {
-      options.value = getOptionsByOptionsMap(value, props);
+  }
+  function handleAutoDict() {
+    if (is.isFunction(props.autoDict)) {
+      const autoDictFn = props.autoDict;
+      vue.watch(
+        () => {
+          return autoDictFn(props);
+        },
+        (result) => {
+          if (is.isPromise(result)) {
+            result.then((value) => {
+              options.value = getOptionsByOptionsMap(value, props);
+              optionsIsReady.value = true;
+            }).catch((err) => {
+              console.error("[yc-components] autoDict function error:", err);
+              options.value = [];
+              optionsIsReady.value = true;
+            });
+          } else {
+            options.value = getOptionsByOptionsMap(result, props);
+            optionsIsReady.value = true;
+          }
+        },
+        { immediate: true }
+      );
+    } else if (typeof props.autoDict === "object" && props.autoDict !== null) {
+      const { store, method = "getDictData", transform, dictCode } = props.autoDict;
+      const dictStore = store || injectedDictStore;
+      const fieldOrCode = dictCode || props.prop;
+      if (dictStore && is.isFunction(dictStore[method])) {
+        vue.watch(
+          () => dictStore[method](fieldOrCode),
+          (val) => {
+            try {
+              const data = transform && is.isFunction(transform) ? transform(val) : val;
+              options.value = getOptionsByOptionsMap(data, props);
+              optionsIsReady.value = true;
+            } catch (err) {
+              console.error("[yc-components] autoDict transform error:", err);
+              options.value = [];
+              optionsIsReady.value = true;
+            }
+          },
+          { immediate: true }
+        );
+      } else {
+        console.warn(
+          `[yc-components] autoDict: DictStore or method "${method}" not found for field "${fieldOrCode}"`
+        );
+        options.value = [];
+        optionsIsReady.value = true;
+      }
+    } else if (props.autoDict === true) {
+      if (injectedDictStore && is.isFunction(injectedDictStore.getDictData)) {
+        vue.watch(
+          () => injectedDictStore.getDictData(props.prop),
+          (val) => {
+            options.value = getOptionsByOptionsMap(val, props);
+            optionsIsReady.value = true;
+          },
+          { immediate: true }
+        );
+      } else {
+        console.warn(
+          `[yc-components] autoDict: DictStore not provided via inject for field "${props.prop}". Please use useDictInjection() in parent component.`
+        );
+        options.value = [];
+        optionsIsReady.value = true;
+      }
+    } else {
+      options.value = [];
       optionsIsReady.value = true;
-      throwError(options.value);
-    }).catch((err) => {
-      throw err;
-    });
-  } else {
-    optionsIsReady.value = true;
-    throwError(props.options);
+    }
   }
   return { customOptions: options, customOptionsIsReady: optionsIsReady };
 };

package/lib/hooks/usePlusFormReset.d.ts

@@ -801,7 +801,7 @@ export declare function usePlusFormReset(visible: Ref<boolean>, options?: FormRe
         }>>;
     }> & {} & ComponentCustomProperties & {} & {
         $slots: Partial<Record<NonNullable<string | number>, (_: {
-            column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap">> & {
+            column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
                 readonly label: string | ComputedRef<string>;
                 readonly modelValue: string | number | boolean | string[] | [string, string] | number[] | Date | RecordType | boolean[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
                 readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
@@ -830,7 +830,7 @@ export declare function usePlusFormReset(visible: Ref<boolean>, options?: FormRe
                     };
                     rows: number;
                     autocomplete: string;
-                    type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "datetimerange" | "daterange" | "monthrange" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+                    type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
                     loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
                     step: string | number;
                     format: string | ProgressFn | undefined;
@@ -857,6 +857,12 @@ export declare function usePlusFormReset(visible: Ref<boolean>, options?: FormRe
                     label?: string | undefined;
                     value?: string | undefined;
                 } | undefined;
+                readonly autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+                    store?: any;
+                    method?: string | undefined;
+                    transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+                    dictCode?: string | undefined;
+                } | undefined;
                 readonly clearable: boolean;
                 readonly index: number;
             } & {
@@ -894,6 +900,12 @@ export declare function usePlusFormReset(visible: Ref<boolean>, options?: FormRe
                 label?: string | undefined;
                 value?: string | undefined;
             } | undefined;
+            autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+                store?: any;
+                method?: string | undefined;
+                transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+                dictCode?: string | undefined;
+            } | undefined;
             clearable: boolean;
             index: number;
         }) => any>> & {
@@ -3202,7 +3214,7 @@ export declare function usePlusFormReset(visible: Ref<boolean>, options?: FormRe
         }>>;
     }> & {} & ComponentCustomProperties & {} & {
         $slots: Partial<Record<NonNullable<string | number>, (_: {
-            column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap">> & {
+            column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
                 readonly label: string | ComputedRef<string>;
                 readonly modelValue: string | number | boolean | string[] | [string, string] | number[] | Date | RecordType | boolean[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
                 readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
@@ -3231,7 +3243,7 @@ export declare function usePlusFormReset(visible: Ref<boolean>, options?: FormRe
                     };
                     rows: number;
                     autocomplete: string;
-                    type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "datetimerange" | "daterange" | "monthrange" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+                    type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
                     loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
                     step: string | number;
                     format: string | ProgressFn | undefined;
@@ -3258,6 +3270,12 @@ export declare function usePlusFormReset(visible: Ref<boolean>, options?: FormRe
                     label?: string | undefined;
                     value?: string | undefined;
                 } | undefined;
+                readonly autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+                    store?: any;
+                    method?: string | undefined;
+                    transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+                    dictCode?: string | undefined;
+                } | undefined;
                 readonly clearable: boolean;
                 readonly index: number;
             } & {
@@ -3295,6 +3313,12 @@ export declare function usePlusFormReset(visible: Ref<boolean>, options?: FormRe
                 label?: string | undefined;
                 value?: string | undefined;
             } | undefined;
+            autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+                store?: any;
+                method?: string | undefined;
+                transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+                dictCode?: string | undefined;
+            } | undefined;
             clearable: boolean;
             index: number;
         }) => any>> & {
@@ -4065,7 +4089,7 @@ export declare function usePlusFormClearValidate(visible: Ref<boolean>): {
         }>>;
     }> & {} & ComponentCustomProperties & {} & {
         $slots: Partial<Record<NonNullable<string | number>, (_: {
-            column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap">> & {
+            column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
                 readonly label: string | ComputedRef<string>;
                 readonly modelValue: string | number | boolean | string[] | [string, string] | number[] | Date | RecordType | boolean[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
                 readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
@@ -4094,7 +4118,7 @@ export declare function usePlusFormClearValidate(visible: Ref<boolean>): {
                     };
                     rows: number;
                     autocomplete: string;
-                    type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "datetimerange" | "daterange" | "monthrange" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+                    type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
                     loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
                     step: string | number;
                     format: string | ProgressFn | undefined;
@@ -4121,6 +4145,12 @@ export declare function usePlusFormClearValidate(visible: Ref<boolean>): {
                     label?: string | undefined;
                     value?: string | undefined;
                 } | undefined;
+                readonly autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+                    store?: any;
+                    method?: string | undefined;
+                    transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+                    dictCode?: string | undefined;
+                } | undefined;
                 readonly clearable: boolean;
                 readonly index: number;
             } & {
@@ -4158,6 +4188,12 @@ export declare function usePlusFormClearValidate(visible: Ref<boolean>): {
                 label?: string | undefined;
                 value?: string | undefined;
             } | undefined;
+            autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+                store?: any;
+                method?: string | undefined;
+                transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+                dictCode?: string | undefined;
+            } | undefined;
             clearable: boolean;
             index: number;
         }) => any>> & {
@@ -6466,7 +6502,7 @@ export declare function usePlusFormClearValidate(visible: Ref<boolean>): {
         }>>;
     }> & {} & ComponentCustomProperties & {} & {
         $slots: Partial<Record<NonNullable<string | number>, (_: {
-            column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap">> & {
+            column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
                 readonly label: string | ComputedRef<string>;
                 readonly modelValue: string | number | boolean | string[] | [string, string] | number[] | Date | RecordType | boolean[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
                 readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
@@ -6495,7 +6531,7 @@ export declare function usePlusFormClearValidate(visible: Ref<boolean>): {
                     };
                     rows: number;
                     autocomplete: string;
-                    type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "datetimerange" | "daterange" | "monthrange" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+                    type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
                     loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
                     step: string | number;
                     format: string | ProgressFn | undefined;
@@ -6522,6 +6558,12 @@ export declare function usePlusFormClearValidate(visible: Ref<boolean>): {
                     label?: string | undefined;
                     value?: string | undefined;
                 } | undefined;
+                readonly autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+                    store?: any;
+                    method?: string | undefined;
+                    transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+                    dictCode?: string | undefined;
+                } | undefined;
                 readonly clearable: boolean;
                 readonly index: number;
             } & {
@@ -6559,6 +6601,12 @@ export declare function usePlusFormClearValidate(visible: Ref<boolean>): {
                 label?: string | undefined;
                 value?: string | undefined;
             } | undefined;
+            autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+                store?: any;
+                method?: string | undefined;
+                transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+                dictCode?: string | undefined;
+            } | undefined;
             clearable: boolean;
             index: number;
         }) => any>> & {
@@ -7331,7 +7379,7 @@ export declare function usePlusFormFullReset(visible: Ref<boolean>, onReset?: ()
         }>>;
     }> & {} & ComponentCustomProperties & {} & {
         $slots: Partial<Record<NonNullable<string | number>, (_: {
-            column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap">> & {
+            column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
                 readonly label: string | ComputedRef<string>;
                 readonly modelValue: string | number | boolean | string[] | [string, string] | number[] | Date | RecordType | boolean[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
                 readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
@@ -7360,7 +7408,7 @@ export declare function usePlusFormFullReset(visible: Ref<boolean>, onReset?: ()
                     };
                     rows: number;
                     autocomplete: string;
-                    type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "datetimerange" | "daterange" | "monthrange" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+                    type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
                     loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
                     step: string | number;
                     format: string | ProgressFn | undefined;
@@ -7387,6 +7435,12 @@ export declare function usePlusFormFullReset(visible: Ref<boolean>, onReset?: ()
                     label?: string | undefined;
                     value?: string | undefined;
                 } | undefined;
+                readonly autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+                    store?: any;
+                    method?: string | undefined;
+                    transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+                    dictCode?: string | undefined;
+                } | undefined;
                 readonly clearable: boolean;
                 readonly index: number;
             } & {
@@ -7424,6 +7478,12 @@ export declare function usePlusFormFullReset(visible: Ref<boolean>, onReset?: ()
                 label?: string | undefined;
                 value?: string | undefined;
             } | undefined;
+            autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+                store?: any;
+                method?: string | undefined;
+                transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+                dictCode?: string | undefined;
+            } | undefined;
             clearable: boolean;
             index: number;
         }) => any>> & {
@@ -9732,7 +9792,7 @@ export declare function usePlusFormFullReset(visible: Ref<boolean>, onReset?: ()
         }>>;
     }> & {} & ComponentCustomProperties & {} & {
         $slots: Partial<Record<NonNullable<string | number>, (_: {
-            column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap">> & {
+            column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
                 readonly label: string | ComputedRef<string>;
                 readonly modelValue: string | number | boolean | string[] | [string, string] | number[] | Date | RecordType | boolean[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
                 readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
@@ -9761,7 +9821,7 @@ export declare function usePlusFormFullReset(visible: Ref<boolean>, onReset?: ()
                     };
                     rows: number;
                     autocomplete: string;
-                    type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "datetimerange" | "daterange" | "monthrange" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+                    type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
                     loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
                     step: string | number;
                     format: string | ProgressFn | undefined;
@@ -9788,6 +9848,12 @@ export declare function usePlusFormFullReset(visible: Ref<boolean>, onReset?: ()
                     label?: string | undefined;
                     value?: string | undefined;
                 } | undefined;
+                readonly autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+                    store?: any;
+                    method?: string | undefined;
+                    transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+                    dictCode?: string | undefined;
+                } | undefined;
                 readonly clearable: boolean;
                 readonly index: number;
             } & {
@@ -9825,6 +9891,12 @@ export declare function usePlusFormFullReset(visible: Ref<boolean>, onReset?: ()
                 label?: string | undefined;
                 value?: string | undefined;
             } | undefined;
+            autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+                store?: any;
+                method?: string | undefined;
+                transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+                dictCode?: string | undefined;
+            } | undefined;
             clearable: boolean;
             index: number;
         }) => any>> & {

package/lib/index.d.ts

@@ -2,7 +2,7 @@ import { App } from 'vue';
 import { default as installer } from './defaults';
 
 export * from 'yc-pro-components/es/components';
-export { useGetOptions, useLocale, useTable, useSelectWithMapping, usePlusProConfig, providePlusProConfig, useDialogFormConfig, useDrawerFormConfig, useSortableDrag, usePlusFormReset, useSelectWithPagination, type UseSelectWithMappingConfig, type UseSelectWithMappingReturn, type MappedOption, type TransformConfig, type ApiResponseLike, type UseSelectWithPaginationConfig, type UseSelectWithPaginationReturn, type PlusProFormConfig, type PlusProGlobalConfig } from 'yc-pro-components/es/hooks';
+export { useGetOptions, useLocale, useTable, useSelectWithMapping, usePlusProConfig, providePlusProConfig, useDialogFormConfig, useDrawerFormConfig, useSortableDrag, usePlusFormReset, useSelectWithPagination, useDictInjection, type UseSelectWithMappingConfig, type UseSelectWithMappingReturn, type MappedOption, type TransformConfig, type ApiResponseLike, type UseSelectWithPaginationConfig, type UseSelectWithPaginationReturn, type PlusProFormConfig, type PlusProGlobalConfig } from 'yc-pro-components/es/hooks';
 export * from 'yc-pro-components/es/types';
 export * from 'yc-pro-components/es/constants';
 export { version } from './version';

package/lib/index.js

@@ -11,9 +11,11 @@ var usePlusProConfig = require('./hooks/usePlusProConfig.js');
 var useSortableDrag = require('./hooks/useSortableDrag.js');
 var usePlusFormReset = require('./hooks/usePlusFormReset.js');
 var useSelectWithPagination = require('./hooks/useSelectWithPagination.js');
+var useDictInjection = require('./hooks/useDictInjection.js');
 var page = require('./constants/page.js');
 var form = require('./constants/form.js');
 var displayItem = require('./constants/display-item.js');
+var dict = require('./constants/dict.js');
 var version = require('./version.js');
 var index = require('./components/dialog/index.js');
 var index$1 = require('./components/pagination/index.js');
@@ -91,6 +93,7 @@ exports.usePlusProConfig = usePlusProConfig.usePlusProConfig;
 exports.useSortableDrag = useSortableDrag.useSortableDrag;
 exports.usePlusFormReset = usePlusFormReset.usePlusFormReset;
 exports.useSelectWithPagination = useSelectWithPagination.useSelectWithPagination;
+exports.useDictInjection = useDictInjection.useDictInjection;
 exports.DefaultPageInfo = page.DefaultPageInfo;
 exports.DefaultPageSizeList = page.DefaultPageSizeList;
 exports.DatePickerValueIsArrayList = form.DatePickerValueIsArrayList;
@@ -101,6 +104,7 @@ exports.ValueIsArrayList = form.ValueIsArrayList;
 exports.ValueIsBooleanList = form.ValueIsBooleanList;
 exports.ValueIsNumberList = form.ValueIsNumberList;
 exports.selectValueTypeList = displayItem.selectValueTypeList;
+exports.DictStoreInjectionKey = dict.DictStoreInjectionKey;
 exports.version = version.version;
 exports.PlusDialog = index.PlusDialog;
 exports.PlusPagination = index$1.PlusPagination;

package/lib/types/plus.d.ts

@@ -272,6 +272,80 @@ export interface CommonType {
      * 多级表头
      */
     children?: PlusColumn[];
+    /**
+     * 自动字典注入
+     * @version v0.2.0
+     * @desc 当 valueType 为 `select`|`radio`|`checkbox` 时，可以自动从字典 Store 获取 options
+     * @desc 优先级：options > autoDict > 默认空数组
+     * @example
+     * ```ts
+     * import type { PlusColumn } from 'yc-components'
+     *
+     * // 方式1：布尔值 - 自动从 inject 的 DictStore 获取
+     * const columns: PlusColumn[] = [
+     *   {
+     *     label: '状态',
+     *     prop: 'status',
+     *     valueType: 'select',
+     *     autoDict: true  // 自动调用 dictStore.getDictData('status')
+     *   }
+     * ]
+     *
+     * // 方式2：函数 - 自定义获取逻辑
+     * const columns: PlusColumn[] = [
+     *   {
+     *     label: '状态',
+     *     prop: 'status',
+     *     valueType: 'select',
+     *     autoDict: (column) => {
+     *       // 自定义逻辑
+     *       return customDictStore.getData(column.prop)
+     *     }
+     *   }
+     * ]
+     *
+     * // 方式3：对象配置 - 指定 Store 和方法
+     * const columns: PlusColumn[] = [
+     *   {
+     *     label: '类型',
+     *     prop: 'type',
+     *     valueType: 'select',
+     *     autoDict: {
+     *       store: specificDictStore,
+     *       method: 'getTypeDict',
+     *       transform: (data) => data.map(item => ({
+     *         label: item.name,
+     *         value: item.id
+     *       }))
+     *     }
+     *   }
+     * ]
+     * ```
+     */
+    autoDict?: boolean | ((column: PlusColumn) => OptionsRow[] | Promise<OptionsRow[]>) | {
+        /**
+         * 字典 Store 实例
+         * @desc 如果不提供，会尝试从 inject 获取
+         */
+        store?: any;
+        /**
+         * 获取字典的方法名
+         * @default 'getDictData'
+         */
+        method?: string;
+        /**
+         * 转换函数
+         * @desc 将字典数据转换为 OptionsRow[] 格式
+         */
+        transform?: (data: any) => OptionsRow[];
+        /**
+         * 字典 code 或字段名
+         * @desc 指定要获取的字典 code，如果不提供则使用 props.prop
+         * @example dictCode: "OFFSET_AUDIT_STATUS"
+         * @version v0.2.0
+         */
+        dictCode?: string;
+    };
 }
 /**
  * 表格，表单，详情，搜索公共的类型

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.1.30";
+export declare const version = "0.0.13";