yc-pro-components 0.0.12 → 0.0.14

package/es/components/table/src/table-column.vue.d.ts

@@ -227,7 +227,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
         };
     }> & {} & ComponentCustomProperties & {} & {
         $slots: Partial<Record<string, (_: {
-            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>;
@@ -256,7 +256,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                     };
                     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;
@@ -283,6 +283,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                     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;
             } & {
@@ -320,10 +326,16 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                 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>> & Partial<Record<string, (_: {
-            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>;
@@ -352,7 +364,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                     };
                     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;
@@ -379,6 +391,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                     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;
             } & {
@@ -416,10 +434,16 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                 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>> & Partial<Record<string, (_: {
-            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>;
@@ -448,7 +472,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                     };
                     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;
@@ -475,6 +499,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                     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;
             } & {
@@ -512,6 +542,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
                 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>> & Partial<Record<string, (_: {

package/es/components/yc-drawer/src/index.vue.mjs

@@ -1,6 +1,6 @@
 import _sfc_main from './index.vue2.mjs';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
-var YcDrawerComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e306ac1f"], ["__file", "index.vue"]]);
+var YcDrawerComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f8ad9f74"], ["__file", "index.vue"]]);
 
 export { YcDrawerComponent as default };

package/es/components/yc-drawer/src/index.vue2.mjs

@@ -3,7 +3,7 @@ import { isFunction } from 'lodash-es';
 import { Close } from '@element-plus/icons-vue';
 import { drawerStore, closeDrawer } from '../store.mjs';
 
-const _withScopeId = (n) => (pushScopeId("data-v-e306ac1f"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-f8ad9f74"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "custom-drawer-header" };
 const _hoisted_2 = { class: "header-content" };
 const _hoisted_3 = ["id"];
@@ -46,7 +46,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             bg: true,
             popConfirm: options == null ? void 0 : options.popConfirm,
             btnClick: ({ drawer: { options: options2, index } }) => {
+              var _a;
               if (!options2 || index === void 0) return;
+              if ((_a = sureBtnMap.value[index]) == null ? void 0 : _a.loading) return;
               if (options2 == null ? void 0 : options2.sureBtnLoading) {
                 sureBtnMap.value[index] = Object.assign({}, sureBtnMap.value[index] || {}, {
                   loading: true

package/es/components/yc-plus-tree/src/index.vue.mjs

@@ -1,6 +1,6 @@
 import _sfc_main from './index.vue2.mjs';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
-var YcPlusTreeComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fa0eccd0"], ["__file", "index.vue"]]);
+var YcPlusTreeComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0043eed3"], ["__file", "index.vue"]]);
 
 export { YcPlusTreeComponent as default };

package/es/components/yc-plus-tree/src/index.vue2.mjs

@@ -651,6 +651,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_input = resolveComponent("el-input");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
       const _component_el_divider = resolveComponent("el-divider");
       const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
       const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
@@ -771,10 +772,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                             }, () => [
                               createElementVNode("span", _hoisted_4, [
                                 createCommentVNode(" \u9ED8\u8BA4\u8282\u70B9\u6807\u7B7E\u6587\u672C "),
-                                createElementVNode("span", {
-                                  class: "label-text",
-                                  innerHTML: highlightKeyword(node.label, props.searchMode === "local" ? filterText.value : "")
-                                }, null, 8, _hoisted_5)
+                                createVNode(_component_el_tooltip, {
+                                  content: node.label,
+                                  placement: "top",
+                                  disabled: !node.label || node.label.length <= 20,
+                                  "show-after": 500
+                                }, {
+                                  default: withCtx(() => [
+                                    createElementVNode("span", {
+                                      class: "label-text",
+                                      innerHTML: highlightKeyword(node.label, props.searchMode === "local" ? filterText.value : "")
+                                    }, null, 8, _hoisted_5)
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                }, 1032, ["content", "disabled"])
                               ])
                             ], true),
                             createCommentVNode(" \u8282\u70B9\u64CD\u4F5C\u533A\u57DF\uFF08\u72EC\u7ACB\u4E8E\u81EA\u5B9A\u4E49 slot\uFF09 "),

package/es/components/yc-status-dialog/src/index.vue.mjs

@@ -1,6 +1,6 @@
 import _sfc_main from './index.vue2.mjs';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
-var YcStatusDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ce588855"], ["__file", "index.vue"]]);
+var YcStatusDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a1851fcd"], ["__file", "index.vue"]]);
 
 export { YcStatusDialog as default };

package/es/components/yc-status-dialog/src/index.vue2.mjs

@@ -1,4 +1,5 @@
-import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, resolveDynamicComponent, normalizeStyle, toDisplayString, renderSlot, createTextVNode, createCommentVNode, createVNode } from 'vue';
+import { defineComponent, computed, ref, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, resolveDynamicComponent, normalizeStyle, toDisplayString, renderSlot, createTextVNode, createCommentVNode, createVNode } from 'vue';
+import { debounce } from 'lodash-es';
 import { ElDialog, ElButton } from 'element-plus';
 import * as ElementPlusIconsVue from '@element-plus/icons-vue';
 import { STATUS_CONFIG_MAP } from './type.mjs';
@@ -55,10 +56,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.confirmText) return props.confirmText;
       return props.status === "delete" ? "\u5220\u9664" : "\u786E\u5B9A";
     });
-    const handleConfirm = () => {
+    const isSubmitting = ref(false);
+    const doConfirm = () => {
+      isSubmitting.value = true;
       emit("confirm");
       dialogVisible.value = false;
     };
+    const handleConfirm = debounce(doConfirm, 300, {
+      leading: true,
+      // 立即执行第一次
+      trailing: false
+      // 不执行最后一次
+    });
     const handleCancel = () => {
       emit("cancel");
       dialogVisible.value = false;
@@ -117,7 +126,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               })) : createCommentVNode("v-if", true),
               createVNode(unref(ElButton), {
                 type: currentStatusConfig.value.confirmButtonType,
-                onClick: handleConfirm
+                loading: isSubmitting.value,
+                onClick: unref(handleConfirm)
               }, {
                 default: withCtx(() => [
                   createTextVNode(
@@ -128,7 +138,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
                 /* STABLE */
-              }, 8, ["type"])
+              }, 8, ["type", "loading", "onClick"])
             ], true)
           ])
         ]),

package/es/constants/dict.d.ts

@@ -0,0 +1,78 @@
+import { OptionsRow } from 'yc-pro-components/es/types';
+import { InjectionKey } from 'vue';
+
+/**
+ * 字典 Store 标准接口
+ * @description 所有项目的字典 Store 必须实现此接口才能使用自动字典注入功能
+ * @version v0.2.0
+ * @example
+ * ```ts
+ * import type { DictStoreInterface } from 'yc-components'
+ *
+ * export const useDictStore = defineStore('dict', () => {
+ *   const getDictData = (field: string): OptionsRow[] => {
+ *     // 返回字典数据
+ *     return dictData.value[field] || []
+ *   }
+ *
+ *   const hasDict = (field: string): boolean => {
+ *     return !!dictData.value[field]
+ *   }
+ *
+ *   const getDictLabel = (field: string, value: string | number): string => {
+ *     const items = dictData.value[field] || []
+ *     const item = items.find(item => item.value === value)
+ *     return item?.label || String(value)
+ *   }
+ *
+ *   return { getDictData, hasDict, getDictLabel }
+ * })
+ * ```
+ */
+export interface DictStoreInterface {
+    /**
+     * 根据字段名或字典 code 获取字典数据
+     * @param field 字段名（如 "status"）或字典 code（如 "ORDER_STATUS"）
+     * @returns 字典选项数组
+     * @description 此方法是核心方法，必须实现
+     */
+    getDictData: (field: string) => OptionsRow[];
+    /**
+     * 检查字段是否有字典映射
+     * @param field 字段名或字典 code
+     * @returns 是否存在字典数据
+     * @description 可选方法，用于优化性能
+     */
+    hasDict?: (field: string) => boolean;
+    /**
+     * 获取字典标签
+     * @param field 字段名或字典 code
+     * @param value 字典值
+     * @returns 字典标签
+     * @description 可选方法，用于显示字典标签
+     */
+    getDictLabel?: (field: string, value: string | number) => string;
+}
+/**
+ * 字典 Store 注入 Key
+ * @description 用于 provide/inject 传递字典 Store 实例
+ * @version v0.2.0
+ * @example
+ * ```ts
+ * // 提供字典 Store
+ * import { provide } from 'vue'
+ * import { DictStoreInjectionKey } from 'yc-components'
+ *
+ * const dictStore = useDictStore()
+ * provide(DictStoreInjectionKey, dictStore)
+ * ```
+ *
+ * ```ts
+ * // 注入字典 Store
+ * import { inject } from 'vue'
+ * import { DictStoreInjectionKey } from 'yc-components'
+ *
+ * const dictStore = inject(DictStoreInjectionKey)
+ * ```
+ */
+export declare const DictStoreInjectionKey: InjectionKey<DictStoreInterface>;

package/es/constants/dict.mjs

@@ -0,0 +1,3 @@
+const DictStoreInjectionKey = Symbol("DictStore");
+
+export { DictStoreInjectionKey };

package/es/constants/index.d.ts

@@ -1,3 +1,4 @@
 export * from './page';
 export * from './form';
 export * from './display-item';
+export * from './dict';

package/es/constants/index.mjs

@@ -1,3 +1,4 @@
 export { DefaultPageInfo, DefaultPageSizeList } from './page.mjs';
 export { DatePickerValueIsArrayList, TableFormFieldRefInjectionKey, TableFormRefInjectionKey, TableFormRowInfoInjectionKey, ValueIsArrayList, ValueIsBooleanList, ValueIsNumberList } from './form.mjs';
 export { selectValueTypeList } from './display-item.mjs';
+export { DictStoreInjectionKey } from './dict.mjs';

package/es/hooks/index.d.ts

@@ -6,3 +6,4 @@ export * from './usePlusProConfig';
 export * from './useSortableDrag';
 export * from './usePlusFormReset';
 export * from './useSelectWithPagination';
+export * from './useDictInjection';

package/es/hooks/index.mjs

@@ -6,3 +6,4 @@ export { providePlusProConfig, useDialogFormConfig, useDrawerFormConfig, usePlus
 export { useSortableDrag } from './useSortableDrag.mjs';
 export { usePlusFormClearValidate, usePlusFormFullReset, usePlusFormReset } from './usePlusFormReset.mjs';
 export { useSelectWithPagination } from './useSelectWithPagination.mjs';
+export { useDictInjection } from './useDictInjection.mjs';

package/es/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/es/hooks/useDictInjection.mjs

@@ -0,0 +1,18 @@
+import { provide } from 'vue';
+import { DictStoreInjectionKey } from '../constants/dict.mjs';
+
+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;
+  }
+  provide(DictStoreInjectionKey, dictStore);
+}
+
+export { useDictInjection };

package/es/hooks/useGetOptions.mjs

@@ -1,4 +1,5 @@
-import { ref, isRef, isReactive, watch } from 'vue';
+import { ref, inject, isRef, isReactive, watch } from 'vue';
+import { DictStoreInjectionKey } from '../constants/dict.mjs';
 import { isPlainObject, isArray, isFunction, isPromise, toRawType } from '../components/utils/is.mjs';
 
 const throwError = (data) => {
@@ -27,27 +28,53 @@ const getOptionsByOptionsMap = (options, props) => {
 const useGetOptions = (props) => {
   const options = ref([]);
   const optionsIsReady = ref(false);
-  if (!props.options) {
+  const injectedDictStore = inject(DictStoreInjectionKey, null);
+  const hasValidOptions = props.options && (!isArray(props.options) || props.options.length > 0);
+  if (hasValidOptions) {
+    handleOptions();
+  } else if (props.autoDict) {
+    handleAutoDict();
+  } else {
     options.value = [];
     optionsIsReady.value = true;
-  } else if (isRef(props.options) || isReactive(props.options) || isArray(props.options)) {
-    watch(
-      () => props.options,
-      (val) => {
-        const value = isRef(val) ? val.value : val;
-        options.value = getOptionsByOptionsMap(value, props);
+  }
+  function handleOptions() {
+    if (!props.options) {
+      options.value = [];
+      optionsIsReady.value = true;
+      return;
+    }
+    if (isRef(props.options) || isReactive(props.options) || isArray(props.options)) {
+      watch(
+        () => props.options,
+        (val) => {
+          const value = isRef(val) ? val.value : val;
+          options.value = getOptionsByOptionsMap(value, props);
+          optionsIsReady.value = true;
+        },
+        {
+          immediate: true,
+          deep: true
+        }
+      );
+    } else if (isFunction(props.options)) {
+      const getValue = props.options;
+      const result = getValue(props);
+      if (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 (isFunction(props.options)) {
-    const getValue = props.options;
-    const result = getValue(props);
-    if (isPromise(result)) {
-      result.then((value) => {
+    } else if (isPromise(props.options)) {
+      const getValue = props.options;
+      getValue.then((value) => {
         options.value = getOptionsByOptionsMap(value, props);
         optionsIsReady.value = true;
         throwError(options.value);
@@ -55,21 +82,82 @@ const useGetOptions = (props) => {
         throw err;
       });
     } else {
-      options.value = getOptionsByOptionsMap(result, props);
       optionsIsReady.value = true;
+      throwError(props.options);
     }
-  } else if (isPromise(props.options)) {
-    const getValue = props.options;
-    getValue.then((value) => {
-      options.value = getOptionsByOptionsMap(value, props);
+  }
+  function handleAutoDict() {
+    if (isFunction(props.autoDict)) {
+      const autoDictFn = props.autoDict;
+      watch(
+        () => {
+          return autoDictFn(props);
+        },
+        (result) => {
+          if (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 && isFunction(dictStore[method])) {
+        watch(
+          () => dictStore[method](fieldOrCode),
+          (val) => {
+            try {
+              const data = transform && 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 && isFunction(injectedDictStore.getDictData)) {
+        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 };
 };