yc-pro-components 0.0.44 → 0.0.46

package/lib/components/yc-batch-import-dialog/src/types.d.ts

@@ -0,0 +1,159 @@
+/**
+ * BatchImportDialog - 类型定义
+ * @description 批量导入对话框组件的类型定义
+ */
+/**
+ * 导入状态类型
+ */
+export type ImportStatus = "initial" | "uploaded" | "importing" | "success" | "error";
+/**
+ * 响应类型
+ * - json: 返回 JSON 格式的导入结果
+ * - blob: 返回文件（如带错误标注的 Excel）
+ */
+export type ResponseType = "json" | "blob";
+/**
+ * 导入接口函数类型
+ */
+export type ImportApiFn = (formData: FormData) => Promise<unknown>;
+/**
+ * 自定义下载模板函数类型
+ */
+export type DownloadTemplateFn = () => void | Promise<void>;
+/**
+ * BatchImportDialog Props
+ */
+export interface BatchImportDialogProps {
+    /**
+     * 对话框标题
+     * @default "批量导入"
+     */
+    title?: string;
+    /**
+     * 对话框宽度
+     * @default 520
+     */
+    width?: number;
+    /**
+     * 图标 CDN 基础路径（用于加载 import.svg, excel.svg 等）
+     * 需要以 / 结尾
+     * @example "https://cdn.example.com/assets/"
+     */
+    iconBaseUrl?: string;
+    /**
+     * 第一步标题
+     * @default "第一步：请严格按照导入模板填写内容后导入，否则将新增失败！"
+     */
+    stepOneTitle?: string;
+    /**
+     * 注意事项提示文案
+     * @default "注意：单次导入数据不得超过5000条，否则导入可能失败!"
+     */
+    tips?: string;
+    /**
+     * 模板下载地址（CDN 地址）
+     * 与 onDownloadTemplate 二选一，onDownloadTemplate 优先级更高
+     */
+    templateUrl?: string;
+    /**
+     * 下载模板的文件名
+     * 如果不提供，则使用 URL 中的文件名
+     * @example "客户导入模板.xlsx"
+     */
+    templateFileName?: string;
+    /**
+     * 下载导入结果的文件名（不含扩展名和时间戳）
+     * 如果不提供，则使用默认值 "导入结果"
+     * @example "项目信息导入结果"
+     */
+    resultFileName?: string;
+    /**
+     * 下载模板按钮文案
+     * @default "下载导入模板"
+     */
+    templateButtonText?: string;
+    /**
+     * 自定义下载模板函数
+     * 优先级高于 templateUrl
+     */
+    onDownloadTemplate?: DownloadTemplateFn;
+    /**
+     * 第二步标题
+     * @default "第二步：选择模板文件并开始导入"
+     */
+    stepTwoTitle?: string;
+    /**
+     * 接受的文件类型
+     * @default ".xls,.xlsx"
+     */
+    accept?: string;
+    /**
+     * 最大文件大小（MB）
+     * @default 10
+     */
+    maxFileSize?: number;
+    /**
+     * 最大导入条数（用于提示文案）
+     * @default 5000
+     */
+    maxRowCount?: number;
+    /**
+     * 导入接口函数（必填）
+     * @param formData 包含 file 字段的表单数据
+     * @returns Promise
+     */
+    importApi: ImportApiFn;
+    /**
+     * 额外的表单参数
+     * 会追加到 FormData 中一起提交
+     */
+    extraFormData?: Record<string, string | Blob>;
+    /**
+     * 响应类型
+     * - json: 返回 JSON 格式的导入结果
+     * - blob: 返回文件（如带错误标注的 Excel）
+     * @default "blob"
+     */
+    responseType?: ResponseType;
+}
+/**
+ * BatchImportDialog Emits
+ */
+export interface BatchImportDialogEmits {
+    /** 导入成功事件 */
+    (e: "success", result: unknown): void;
+    /** 导入失败事件 */
+    (e: "error", error: Error): void;
+    /** 对话框关闭事件 */
+    (e: "close"): void;
+}
+/**
+ * BatchImportDialog Expose
+ */
+export interface BatchImportDialogExpose {
+    /** 打开对话框 */
+    open: () => void;
+    /** 关闭对话框 */
+    close: () => void;
+    /** 重置状态 */
+    reset: () => void;
+}
+/**
+ * 上传状态枚举
+ */
+export type BatchUploadRecordStatus = "uploading" | "paused" | "completed" | "error";
+/**
+ * 上传记录接口
+ */
+export interface BatchUploadRecord {
+    /** 唯一标识 */
+    id: string;
+    /** 文件名 */
+    name: string;
+    /** 文件大小（字节） */
+    size: number;
+    /** 上传进度（0-100） */
+    progress: number;
+    /** 上传状态 */
+    status: BatchUploadRecordStatus;
+}

package/lib/components/yc-batch-import-dialog/src/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

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-e05479bb"], ["__file", "index.vue"]]);
+var YcDrawerComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-f6f2fd13"], ["__file", "index.vue"]]);
 
 exports.default = YcDrawerComponent;

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

@@ -6,8 +6,9 @@ var vue = require('vue');
 var lodashEs = require('lodash-es');
 var ElementPlusIconsVue = require('@element-plus/icons-vue');
 var store = require('../store.js');
+var dict = require('../../../constants/dict.js');
 
-const _withScopeId = (n) => (vue.pushScopeId("data-v-e05479bb"), n = n(), vue.popScopeId(), n);
+const _withScopeId = (n) => (vue.pushScopeId("data-v-f6f2fd13"), n = n(), vue.popScopeId(), n);
 const _hoisted_1 = { class: "custom-drawer-header" };
 const _hoisted_2 = { class: "header-content" };
 const _hoisted_3 = ["id"];
@@ -25,6 +26,24 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   __name: "index",
   setup(__props) {
+    const DictStoreProvider = vue.defineComponent({
+      name: "DictStoreProvider",
+      props: {
+        dictStore: {
+          type: Object,
+          default: null
+        }
+      },
+      setup(props) {
+        if (props.dictStore) {
+          vue.provide(dict.DictStoreInjectionKey, props.dictStore);
+        }
+      },
+      render() {
+        var _a, _b;
+        return (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a);
+      }
+    });
     const sureBtnMap = vue.ref({});
     const footerButtons = vue.computed(() => {
       return (options) => {
@@ -136,14 +155,22 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 _hoisted_4
               ])
             ]),
-            default: vue.withCtx(() => {
-              var _a, _b;
-              return [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent((_a = options == null ? void 0 : options.contentRenderer) == null ? void 0 : _a.call(options, { options, index })), vue.mergeProps((_b = options == null ? void 0 : options.props) != null ? _b : {}, {
-                  onClose: (args) => handleClose(options, index, args)
-                }), null, 16, ["onClose"]))
-              ];
-            }),
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(DictStoreProvider), {
+                "dict-store": options == null ? void 0 : options.dictStore
+              }, {
+                default: vue.withCtx(() => {
+                  var _a, _b;
+                  return [
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent((_a = options == null ? void 0 : options.contentRenderer) == null ? void 0 : _a.call(options, { options, index })), vue.mergeProps((_b = options == null ? void 0 : options.props) != null ? _b : {}, {
+                      onClose: (args) => handleClose(options, index, args)
+                    }), null, 16, ["onClose"]))
+                  ];
+                }),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["dict-store"])
+            ]),
             _: 2
             /* DYNAMIC */
           }, [

package/lib/components/yc-drawer/src/type.d.ts

@@ -1,3 +1,4 @@
+import { DictStoreInterface } from 'yc-pro-components/es/constants';
 import { CSSProperties, VNode, Component } from 'vue';
 
 type DoneFn = (cancel?: boolean) => void;
@@ -202,5 +203,21 @@ interface DrawerOptions extends DrawerProps {
         index: number;
         closeLoading: () => void;
     }) => void;
+    /**
+     * 字典 Store 实例
+     * @description 当传入时，会将此 dictStore 通过 provide 注入到 Drawer 内容的组件树中，
+     * 使内容组件中 autoDict: true 的列配置可以正常获取字典数据。
+     * @example
+     * ```ts
+     * import { useDictStore } from '@/store/modules/dict'
+     *
+     * addDrawer({
+     *   title: '详情',
+     *   dictStore: useDictStore(),
+     *   contentRenderer: () => h(YourContent, { ... })
+     * })
+     * ```
+     */
+    dictStore?: DictStoreInterface;
 }
 export type { ButtonProps, DrawerOptions, ArgsType, DrawerProps, EventType };

package/lib/components/yc-drawer/store.d.ts

@@ -1,4 +1,5 @@
 import { Globals } from 'csstype';
+import { OptionsRow } from 'packages/yc-components';
 import { NavigationGuardWithThis, NavigationGuard } from 'vue-router';
 import { LooseRequired } from '@vue/shared';
 import { Ref, FunctionalComponent, Slot, Component, ComputedOptions, MethodOptions, Directive, WatchCallback, WatchOptions, ComponentProvideOptions, DebuggerEvent, ComponentPublicInstance, ComponentOptionsBase, VNode, RendererNode, RendererElement } from 'vue';
@@ -721,6 +722,11 @@ export declare const drawerStore: Ref<{
         index: number;
         closeLoading: () => void;
     }) => void) | undefined;
+    dictStore?: {
+        getDictData: (field: string) => OptionsRow<undefined>[];
+        hasDict?: ((field: string) => boolean) | undefined;
+        getDictLabel?: ((field: string, value: string | number) => string) | undefined;
+    } | undefined;
     visible?: boolean | undefined;
     appendToBody?: boolean | undefined;
     appendTo?: string | undefined;