yc-pro-components 0.0.12 → 0.0.14

package/lib/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/lib/components/yc-drawer/src/index.vue.js

@@ -5,6 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
 var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
 
-var YcDrawerComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-e306ac1f"], ["__file", "index.vue"]]);
+var YcDrawerComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-f8ad9f74"], ["__file", "index.vue"]]);
 
 exports.default = YcDrawerComponent;

package/lib/components/yc-drawer/src/index.vue2.js

@@ -7,7 +7,7 @@ var lodashEs = require('lodash-es');
 var ElementPlusIconsVue = require('@element-plus/icons-vue');
 var store = require('../store.js');
 
-const _withScopeId = (n) => (vue.pushScopeId("data-v-e306ac1f"), n = n(), vue.popScopeId(), n);
+const _withScopeId = (n) => (vue.pushScopeId("data-v-f8ad9f74"), n = n(), vue.popScopeId(), n);
 const _hoisted_1 = { class: "custom-drawer-header" };
 const _hoisted_2 = { class: "header-content" };
 const _hoisted_3 = ["id"];
@@ -50,7 +50,9 @@ var _sfc_main = /* @__PURE__ */ vue.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/lib/components/yc-plus-tree/src/index.vue.js

@@ -5,6 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
 var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
 
-var YcPlusTreeComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-fa0eccd0"], ["__file", "index.vue"]]);
+var YcPlusTreeComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-0043eed3"], ["__file", "index.vue"]]);
 
 exports.default = YcPlusTreeComponent;

package/lib/components/yc-plus-tree/src/index.vue2.js

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

package/lib/components/yc-status-dialog/src/index.vue.js

@@ -5,6 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
 var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
 
-var YcStatusDialog = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-ce588855"], ["__file", "index.vue"]]);
+var YcStatusDialog = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-a1851fcd"], ["__file", "index.vue"]]);
 
 exports.default = YcStatusDialog;

package/lib/components/yc-status-dialog/src/index.vue2.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var lodashEs = require('lodash-es');
 var elementPlus = require('element-plus');
 var ElementPlusIconsVue = require('@element-plus/icons-vue');
 var type = require('./type.js');
@@ -78,10 +79,18 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       if (props.confirmText) return props.confirmText;
       return props.status === "delete" ? "\u5220\u9664" : "\u786E\u5B9A";
     });
-    const handleConfirm = () => {
+    const isSubmitting = vue.ref(false);
+    const doConfirm = () => {
+      isSubmitting.value = true;
       emit("confirm");
       dialogVisible.value = false;
     };
+    const handleConfirm = lodashEs.debounce(doConfirm, 300, {
+      leading: true,
+      // 立即执行第一次
+      trailing: false
+      // 不执行最后一次
+    });
     const handleCancel = () => {
       emit("cancel");
       dialogVisible.value = false;
@@ -140,7 +149,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               })) : vue.createCommentVNode("v-if", true),
               vue.createVNode(vue.unref(elementPlus.ElButton), {
                 type: currentStatusConfig.value.confirmButtonType,
-                onClick: handleConfirm
+                loading: isSubmitting.value,
+                onClick: vue.unref(handleConfirm)
               }, {
                 default: vue.withCtx(() => [
                   vue.createTextVNode(
@@ -151,7 +161,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 ]),
                 _: 1
                 /* STABLE */
-              }, 8, ["type"])
+              }, 8, ["type", "loading", "onClick"])
             ], true)
           ])
         ]),

package/lib/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/lib/constants/dict.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const DictStoreInjectionKey = Symbol("DictStore");
+
+exports.DictStoreInjectionKey = DictStoreInjectionKey;

package/lib/constants/index.d.ts

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

package/lib/constants/index.js

@@ -3,6 +3,7 @@
 var page = require('./page.js');
 var form = require('./form.js');
 var displayItem = require('./display-item.js');
+var dict = require('./dict.js');
 
 
 
@@ -16,3 +17,4 @@ exports.ValueIsArrayList = form.ValueIsArrayList;
 exports.ValueIsBooleanList = form.ValueIsBooleanList;
 exports.ValueIsNumberList = form.ValueIsNumberList;
 exports.selectValueTypeList = displayItem.selectValueTypeList;
+exports.DictStoreInjectionKey = dict.DictStoreInjectionKey;

package/lib/hooks/index.d.ts

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

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 };
 };