@jackbo_vip/admin-kit 1.0.19 → 1.0.21

package/dist/index.d.ts

@@ -20,9 +20,14 @@ export { createIconifyIcon };
 // ==========================================
 // From @admin-kit/shared
 // ==========================================
+export {  StateHandler, VisibleDomRect, arraysEqual, bindMethods, capitalizeFirstLetter, cn, diff, downloadFileFromBase64, downloadFileFromBlob, downloadFileFromBlobPart, downloadFileFromImageUrl, downloadFileFromUrl, filterTree, formatDate, formatDateTime, getCurrentTimezone, getElementVisibleRect, getFirstNonNullOrUndefined, getNestedValue, getScrollbarWidth, getSystemTimezone, isBoolean, isDate, isDayjsObject, isEmpty, isHttpUrl, isMacOs, isNumber, isUndefined, isWindow, isWindowsOs, kebabToCamelCase, loadScript, mapTree, mergeWithArrayOverride, needsScrollbar, openRouteInNewWindow, openWindow, setCurrentTimezone, sortTree, startProgress, stopProgress, to, toCamelCase, toLowerCaseFirstLetter, traverseTreeValues, triggerDownload, triggerWindowResize, uniqueByField, updateCSSVariables, urlToBase64  };
 export { get, isEqual, set } from 'es-toolkit/compat';
 export { default as cloneDeep } from 'lodash.clonedeep';
+export {  IGlobalSharedState, globalShareState  };
+export {  StorageManager  };
+export {  convertToHsl, convertToHslCssVar, convertToRgb, generatorColorVariables, isDarkColor, isLightColor, isValidColor  };
 export { TinyColor } from '@ctrl/tinycolor';
+export {  ADMIN_ANT_PREVIEW_URL, ADMIN_DOC_URL, ADMIN_ELE_PREVIEW_URL, ADMIN_GITHUB_URL, ADMIN_LOGO_URL, ADMIN_NAIVE_PREVIEW_URL, ADMIN_PREVIEW_URL, ADMIN_TD_PREVIEW_URL, CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT, CSS_VARIABLE_LAYOUT_CONTENT_WIDTH, CSS_VARIABLE_LAYOUT_FOOTER_HEIGHT, CSS_VARIABLE_LAYOUT_HEADER_HEIGHT, DEFAULT_NAMESPACE, ELEMENT_ID_MAIN_CONTENT  };
 export { isFunction, isObject, isString } from '@vue/shared';
 export { createDefu as createMerge, defu as merge } from 'defu';
 export * from '@tanstack/vue-store';
@@ -462,6 +467,7 @@ export type { AccessModeType, AnyFunction, AnyNormalFunction, AnyPromiseFunction
 // ==========================================
 import * as vue from 'vue';
 import { CSSProperties, Ref, ComputedRef } from 'vue';
+import Sortable, { SortableOptions } from 'sortablejs';
 export { default as Sortable } from 'sortablejs';
 export { useEmitAsProps, useForwardExpose, useForwardProps, useForwardPropsEmits } from 'reka-ui';
 
@@ -543,11 +549,1114 @@ export type { UseNamespaceReturn };
 // ==========================================
 // From @admin-kit/form-ui
 // ==========================================
+export {  setupAdminForm  };
+import type { FieldOptions, FormContext, GenericObject } from 'vee-validate';
+import type { ZodTypeAny } from 'zod';
+import type { Component, HtmlHTMLAttributes, Ref } from 'vue';
+export type FormLayout = 'horizontal' | 'inline' | 'vertical';
+export type BaseFormComponentType = 'DefaultButton' | 'PrimaryButton' | 'AdminCheckbox' | 'AdminInput' | 'AdminInputPassword' | 'AdminPinInput' | 'AdminSelect' | (Record<never, never> & string);
+type Breakpoints = '2xl:' | '3xl:' | '' | 'lg:' | 'md:' | 'sm:' | 'xl:';
+type GridCols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;
+export type WrapperClassType = `${Breakpoints}grid-cols-${GridCols}` | (Record<never, never> & string);
+export type FormItemClassType = `${Breakpoints}cols-end-${'auto' | GridCols}` | `${Breakpoints}cols-span-${'auto' | 'full' | GridCols}` | `${Breakpoints}cols-start-${'auto' | GridCols}` | (Record<never, never> & string) | WrapperClassType;
+export type FormFieldOptions = Partial<FieldOptions & {
+    validateOnBlur?: boolean;
+    validateOnChange?: boolean;
+    validateOnInput?: boolean;
+    validateOnModelUpdate?: boolean;
+}>;
+export interface FormShape {
+    /** 默认值 */
+    default?: any;
+    /** 字段名 */
+    fieldName: string;
+    /** 是否必填 */
+    required?: boolean;
+    rules?: ZodTypeAny;
+}
+export type MaybeComponentPropKey = 'options' | 'placeholder' | 'title' | keyof HtmlHTMLAttributes | (Record<never, never> & string);
+export type MaybeComponentProps = {
+    [K in MaybeComponentPropKey]?: any;
+};
+export type FormActions = FormContext<GenericObject>;
+export type CustomRenderType = (() => Component | string) | string;
+export type FormSchemaRuleType = 'required' | 'selectRequired' | null | (Record<never, never> & string) | ZodTypeAny;
+type FormItemDependenciesCondition<T = boolean | PromiseLike<boolean>> = (value: Partial<Record<string, any>>, actions: FormActions) => T;
+type FormItemDependenciesConditionWithRules = (value: Partial<Record<string, any>>, actions: FormActions) => FormSchemaRuleType | PromiseLike<FormSchemaRuleType>;
+type FormItemDependenciesConditionWithProps = (value: Partial<Record<string, any>>, actions: FormActions) => MaybeComponentProps | PromiseLike<MaybeComponentProps>;
+export interface FormItemDependencies {
+    /**
+     * 组件参数
+     * @returns 组件参数
+     */
+    componentProps?: FormItemDependenciesConditionWithProps;
+    /**
+     * 是否禁用
+     * @returns 是否禁用
+     */
+    disabled?: boolean | FormItemDependenciesCondition;
+    /**
+     * 是否渲染（删除dom）
+     * @returns 是否渲染
+     */
+    if?: boolean | FormItemDependenciesCondition;
+    /**
+     * 是否必填
+     * @returns 是否必填
+     */
+    required?: FormItemDependenciesCondition;
+    /**
+     * 字段规则
+     */
+    rules?: FormItemDependenciesConditionWithRules;
+    /**
+     * 是否隐藏(Css)
+     * @returns 是否隐藏
+     */
+    show?: boolean | FormItemDependenciesCondition;
+    /**
+     * 任意触发都会执行
+     */
+    trigger?: FormItemDependenciesCondition<void>;
+    /**
+     * 触发字段
+     */
+    triggerFields: string[];
+}
+type ComponentProps = ((value: Partial<Record<string, any>>, actions: FormActions) => MaybeComponentProps) | MaybeComponentProps;
+export interface FormCommonConfig {
+    /**
+     * 在Label后显示一个冒号
+     */
+    colon?: boolean;
+    /**
+     * 所有表单项的props
+     */
+    componentProps?: ComponentProps;
+    /**
+     * 所有表单项的控件样式
+     */
+    controlClass?: string;
+    /**
+     * 所有表单项的禁用状态
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 是否禁用所有表单项的change事件监听
+     * @default true
+     */
+    disabledOnChangeListener?: boolean;
+    /**
+     * 是否禁用所有表单项的input事件监听
+     * @default true
+     */
+    disabledOnInputListener?: boolean;
+    /**
+     * 所有表单项的空状态值,默认都是undefined，naive-ui的空状态值是null
+     */
+    emptyStateValue?: null | undefined;
+    /**
+     * 所有表单项的控件样式
+     * @default {}
+     */
+    formFieldProps?: FormFieldOptions;
+    /**
+     * 所有表单项的栅格布局，支持函数形式
+     * @default ""
+     */
+    formItemClass?: (() => string) | string;
+    /**
+     * 隐藏所有表单项label
+     * @default false
+     */
+    hideLabel?: boolean;
+    /**
+     * 是否隐藏必填标记
+     * @default false
+     */
+    hideRequiredMark?: boolean;
+    /**
+     * 所有表单项的label样式
+     * @default ""
+     */
+    labelClass?: string;
+    /**
+     * 所有表单项的label宽度
+     */
+    labelWidth?: number;
+    /**
+     * 所有表单项的model属性名
+     * @default "modelValue"
+     */
+    modelPropName?: string;
+    /**
+     * 所有表单项的wrapper样式
+     */
+    wrapperClass?: string;
+}
+type RenderComponentContentType = (value: Partial<Record<string, any>>, api: FormActions) => Record<string, any>;
+export type HandleSubmitFn = (values: Record<string, any>) => Promise<void> | void;
+export type HandleResetFn = (values: Record<string, any>) => Promise<void> | void;
+export type FieldMappingTime = [
+    string,
+    [
+        string,
+        string
+    ],
+    (((value: any, fieldName: string) => any) | [string, string] | null | string)?
+][];
+export type ArrayToStringFields = Array<[string[], string?] | string | string[]>;
+export interface FormSchema<T extends BaseFormComponentType = BaseFormComponentType> extends FormCommonConfig {
+    /** 组件 */
+    component: Component | T;
+    /** 组件参数 */
+    componentProps?: ComponentProps;
+    /** 默认值 */
+    defaultValue?: any;
+    /** 依赖 */
+    dependencies?: FormItemDependencies;
+    /** 描述 */
+    description?: CustomRenderType;
+    /** 字段名 */
+    fieldName: string;
+    /** 帮助信息 */
+    help?: CustomRenderType;
+    /** 是否隐藏表单项 */
+    hide?: boolean;
+    /** 表单项 */
+    label?: CustomRenderType;
+    renderComponentContent?: RenderComponentContentType;
+    /** 字段规则 */
+    rules?: FormSchemaRuleType;
+    /** 后缀 */
+    suffix?: CustomRenderType;
+}
+export interface FormFieldProps extends FormSchema {
+    required?: boolean;
+}
+export interface FormRenderProps<T extends BaseFormComponentType = BaseFormComponentType> {
+    /**
+     * 表单字段数组映射字符串配置 默认使用","
+     */
+    arrayToStringFields?: ArrayToStringFields;
+    /**
+     * 是否折叠，在showCollapseButton=true下生效
+     * true:折叠 false:展开
+     */
+    collapsed?: boolean;
+    /**
+     * 折叠时保持行数
+     * @default 1
+     */
+    collapsedRows?: number;
+    /**
+     * 是否触发resize事件
+     * @default false
+     */
+    collapseTriggerResize?: boolean;
+    /**
+     * 表单项通用后备配置，当子项目没配置时使用这里的配置，子项目配置优先级高于此配置
+     */
+    commonConfig?: FormCommonConfig;
+    /**
+     * 紧凑模式（移除表单每一项底部为校验信息预留的空间）
+     */
+    compact?: boolean;
+    /**
+     * 组件v-model事件绑定
+     */
+    componentBindEventMap?: Partial<Record<BaseFormComponentType, string>>;
+    /**
+     * 组件集合
+     */
+    componentMap: Record<BaseFormComponentType, Component>;
+    /**
+     * 表单字段映射到时间格式
+     */
+    fieldMappingTime?: FieldMappingTime;
+    /**
+     * 表单实例
+     */
+    form?: FormContext<GenericObject>;
+    /**
+     * 表单项布局
+     */
+    layout?: FormLayout;
+    /**
+     * 表单定义
+     */
+    schema?: FormSchema<T>[];
+    /**
+     * 是否显示展开/折叠
+     */
+    showCollapseButton?: boolean;
+    /**
+     * 格式化日期
+     */
+    /**
+     * 表单栅格布局
+     * @default "grid-cols-1"
+     */
+    wrapperClass?: WrapperClassType;
+}
+export interface ActionButtonOptions extends AdminButtonProps {
+    [key: string]: any;
+    content?: MaybeComputedRef<string>;
+    show?: boolean;
+}
+export interface AdminFormProps<T extends BaseFormComponentType = BaseFormComponentType> extends Omit<FormRenderProps<T>, 'componentBindEventMap' | 'componentMap' | 'form'> {
+    /**
+     * 操作按钮是否反转（提交按钮前置）
+     */
+    actionButtonsReverse?: boolean;
+    /**
+     * 操作按钮组的样式
+     * newLine: 在新行显示。rowEnd: 在行内显示，靠右对齐（默认）。inline: 使用grid默认样式
+     */
+    actionLayout?: 'inline' | 'newLine' | 'rowEnd';
+    /**
+     * 操作按钮组显示位置，默认靠右显示
+     */
+    actionPosition?: 'center' | 'left' | 'right';
+    /**
+     * 表单操作区域class
+     */
+    actionWrapperClass?: ClassType;
+    /**
+     * 表单字段数组映射字符串配置 默认使用","
+     */
+    arrayToStringFields?: ArrayToStringFields;
+    /**
+     * 表单字段映射
+     */
+    fieldMappingTime?: FieldMappingTime;
+    /**
+     * 表单收起展开状态变化回调
+     */
+    handleCollapsedChange?: (collapsed: boolean) => void;
+    /**
+     * 表单重置回调
+     */
+    handleReset?: HandleResetFn;
+    /**
+     * 表单提交回调
+     */
+    handleSubmit?: HandleSubmitFn;
+    /**
+     * 表单值变化回调
+     */
+    handleValuesChange?: (values: Record<string, any>, fieldsChanged: string[]) => void;
+    /**
+     * 重置按钮参数
+     */
+    resetButtonOptions?: ActionButtonOptions;
+    /**
+     * 验证失败时是否自动滚动到第一个错误字段
+     * @default false
+     */
+    scrollToFirstError?: boolean;
+    /**
+     * 是否显示默认操作按钮
+     * @default true
+     */
+    showDefaultActions?: boolean;
+    /**
+     * 提交按钮参数
+     */
+    submitButtonOptions?: ActionButtonOptions;
+    /**
+     * 是否在字段值改变时提交表单
+     * @default false
+     */
+    submitOnChange?: boolean;
+    /**
+     * 是否在回车时提交表单
+     * @default false
+     */
+    submitOnEnter?: boolean;
+}
+export type ExtendedFormApi = FormApi & {
+    useStore: <T = NoInfer<AdminFormProps>>(selector?: (state: NoInfer<AdminFormProps>) => T) => Readonly<Ref<T>>;
+};
+export interface AdminFormAdapterOptions<T extends BaseFormComponentType = BaseFormComponentType> {
+    config?: {
+        baseModelPropName?: string;
+        disabledOnChangeListener?: boolean;
+        disabledOnInputListener?: boolean;
+        emptyStateValue?: null | undefined;
+        modelPropNameMap?: Partial<Record<T, string>>;
+    };
+    defineRules?: {
+        required?: (value: any, params: any, ctx: Record<string, any>) => boolean | string;
+        selectRequired?: (value: any, params: any, ctx: Record<string, any>) => boolean | string;
+    };
+}
+export {};
+export declare function useAdminForm<T extends BaseFormComponentType = BaseFormComponentType>(options: AdminFormProps<T>): readonly [import("vue").DefineSetupFnComponent<AdminFormProps<BaseFormComponentType>, {}, {}, AdminFormProps<BaseFormComponentType> & {}, import("vue").PublicProps>, ExtendedFormApi];
 export * as z from 'zod';
 
 
+// ==========================================
+// From @admin-kit/layout-ui
+// ==========================================
+interface AdminLayoutProps {
+    /**
+     * 内容区域定宽
+     * @default 'wide'
+     */
+    contentCompact?: ContentCompactType;
+    /**
+     * 定宽布局宽度
+     * @default 1200
+     */
+    contentCompactWidth?: number;
+    /**
+     * padding
+     * @default 16
+     */
+    contentPadding?: number;
+    /**
+     * paddingBottom
+     * @default 16
+     */
+    contentPaddingBottom?: number;
+    /**
+     * paddingLeft
+     * @default 16
+     */
+    contentPaddingLeft?: number;
+    /**
+     * paddingRight
+     * @default 16
+     */
+    contentPaddingRight?: number;
+    /**
+     * paddingTop
+     * @default 16
+     */
+    contentPaddingTop?: number;
+    /**
+     * footer 是否可见
+     * @default false
+     */
+    footerEnable?: boolean;
+    /**
+     * footer 是否固定
+     * @default true
+     */
+    footerFixed?: boolean;
+    /**
+     * footer 高度
+     * @default 32
+     */
+    footerHeight?: number;
+    /**
+     * header高度
+     * @default 48
+     */
+    headerHeight?: number;
+    /**
+     * 顶栏是否隐藏
+     * @default false
+     */
+    headerHidden?: boolean;
+    /**
+     * header 显示模式
+     * @default 'fixed'
+     */
+    headerMode?: LayoutHeaderModeType;
+    /**
+     * header 顶栏主题
+     */
+    headerTheme?: ThemeModeType;
+    /**
+     * 是否显示header切换侧边栏按钮
+     * @default
+     */
+    headerToggleSidebarButton?: boolean;
+    /**
+     * header是否显示
+     * @default true
+     */
+    headerVisible?: boolean;
+    /**
+     * 是否移动端显示
+     * @default false
+     */
+    isMobile?: boolean;
+    /**
+     * 布局方式
+     * sidebar-nav 侧边菜单布局
+     * header-nav 顶部菜单布局
+     * mixed-nav 侧边&顶部菜单布局
+     * sidebar-mixed-nav 侧边混合菜单布局
+     * full-content 全屏内容布局
+     * @default sidebar-nav
+     */
+    layout?: LayoutType;
+    /**
+     * 侧边菜单折叠状态
+     * @default false
+     */
+    sidebarCollapse?: boolean;
+    /**
+     * 侧边菜单折叠按钮
+     * @default true
+     */
+    sidebarCollapsedButton?: boolean;
+    /**
+     * 侧边菜单是否折叠时，是否显示title
+     * @default true
+     */
+    sidebarCollapseShowTitle?: boolean;
+    /**
+     * 侧边栏是否可见
+     * @default true
+     */
+    sidebarEnable?: boolean;
+    /**
+     * 侧边菜单折叠额外宽度
+     * @default 48
+     */
+    sidebarExtraCollapsedWidth?: number;
+    /**
+     * 侧边菜单折叠按钮是否固定
+     * @default true
+     */
+    sidebarFixedButton?: boolean;
+    /**
+     * 侧边栏是否隐藏
+     * @default false
+     */
+    sidebarHidden?: boolean;
+    /**
+     * 混合侧边栏宽度
+     * @default 80
+     */
+    sidebarMixedWidth?: number;
+    /**
+     * 侧边栏
+     * @default dark
+     */
+    sidebarTheme?: ThemeModeType;
+    /**
+     * 侧边栏宽度
+     * @default 210
+     */
+    sidebarWidth?: number;
+    /**
+     *  侧边菜单折叠宽度
+     * @default 48
+     */
+    sideCollapseWidth?: number;
+    /**
+     * tab是否可见
+     * @default true
+     */
+    tabbarEnable?: boolean;
+    /**
+     * tab高度
+     * @default 30
+     */
+    tabbarHeight?: number;
+    /**
+     * zIndex
+     * @default 100
+     */
+    zIndex?: number;
+}
+export type { AdminLayoutProps };
+export {  default as AdminLayout  };
+
+
+// ==========================================
+// From @admin-kit/menu-ui
+// ==========================================
+export {  default as MenuBadge  };
+interface NormalMenuProps {
+    /**
+     * 菜单数据
+     */
+    activePath?: string;
+    /**
+     * 是否折叠
+     */
+    collapse?: boolean;
+    /**
+     * 菜单项
+     */
+    menus?: MenuRecordRaw[];
+    /**
+     * @zh_CN 是否圆润风格
+     * @default true
+     */
+    rounded?: boolean;
+    /**
+     * 主题
+     */
+    theme?: 'dark' | 'light';
+}
+export type { NormalMenuProps };
+export {  default as NormalMenu  };
+export {  default as Menu  };
+import type { Component, Ref } from 'vue';
+interface MenuProps {
+    /**
+     * @zh_CN 是否开启手风琴模式
+     * @default true
+     */
+    accordion?: boolean;
+    /**
+     * @zh_CN 菜单是否折叠
+     * @default false
+     */
+    collapse?: boolean;
+    /**
+     * @zh_CN 菜单折叠时是否显示菜单名称
+     * @default false
+     */
+    collapseShowTitle?: boolean;
+    /**
+     * @zh_CN 默认激活的菜单
+     */
+    defaultActive?: string;
+    /**
+     * @zh_CN 默认展开的菜单
+     */
+    defaultOpeneds?: string[];
+    /**
+     * @zh_CN 菜单模式
+     * @default vertical
+     */
+    mode?: 'horizontal' | 'vertical';
+    /**
+     * @zh_CN 是否圆润风格
+     * @default true
+     */
+    rounded?: boolean;
+    /**
+     * @zh_CN 是否自动滚动到激活的菜单项
+     * @default false
+     */
+    scrollToActive?: boolean;
+    /**
+     * @zh_CN 菜单主题
+     * @default dark
+     */
+    theme?: ThemeModeType;
+}
+interface SubMenuProps extends MenuRecordBadgeRaw {
+    /**
+     * @zh_CN 激活图标
+     */
+    activeIcon?: string;
+    /**
+     * @zh_CN 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * @zh_CN 图标
+     */
+    icon?: Component | string;
+    /**
+     * @zh_CN submenu 名称
+     */
+    path: string;
+}
+interface MenuItemProps extends MenuRecordBadgeRaw {
+    /**
+     * @zh_CN 图标
+     */
+    activeIcon?: string;
+    /**
+     * @zh_CN 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * @zh_CN 图标
+     */
+    icon?: Component | string;
+    /**
+     * @zh_CN menuitem 名称
+     */
+    path: string;
+}
+interface MenuItemRegistered {
+    active: boolean;
+    parentPaths: string[];
+    path: string;
+}
+interface MenuItemClicked {
+    parentPaths: string[];
+    path: string;
+}
+interface MenuProvider {
+    activePath?: string;
+    addMenuItem: (item: MenuItemRegistered) => void;
+    addSubMenu: (item: MenuItemRegistered) => void;
+    closeMenu: (path: string, parentLinks: string[]) => void;
+    handleMenuItemClick: (item: MenuItemClicked) => void;
+    handleSubMenuClick: (subMenu: MenuItemRegistered) => void;
+    isMenuPopup: boolean;
+    items: Record<string, MenuItemRegistered>;
+    openedMenus: string[];
+    openMenu: (path: string, parentLinks: string[]) => void;
+    props: MenuProps;
+    removeMenuItem: (item: MenuItemRegistered) => void;
+    removeSubMenu: (item: MenuItemRegistered) => void;
+    subMenus: Record<string, MenuItemRegistered>;
+    theme: string;
+}
+interface SubMenuProvider {
+    addSubMenu: (item: MenuItemRegistered) => void;
+    handleMouseleave?: (deepDispatch: boolean) => void;
+    level: number;
+    mouseInChild: Ref<boolean>;
+    removeSubMenu: (item: MenuItemRegistered) => void;
+}
+export type { MenuItemClicked, MenuItemProps, MenuItemRegistered, MenuProps, MenuProvider, SubMenuProps, SubMenuProvider, };
+
+
+// ==========================================
+// From @admin-kit/popup-ui
+// ==========================================
+import type { Component, VNode, VNodeArrayChildren } from 'vue';
+export type IconType = 'error' | 'info' | 'question' | 'success' | 'warning';
+export type BeforeCloseScope = {
+    isConfirm: boolean;
+};
+export type AlertProps = {
+    /** 关闭前的回调，如果返回false，则终止关闭 */
+    beforeClose?: (scope: BeforeCloseScope) => boolean | Promise<boolean | undefined> | undefined;
+    /** 边框 */
+    bordered?: boolean;
+    /**
+     * 按钮对齐方式
+     * @default 'end'
+     */
+    buttonAlign?: 'center' | 'end' | 'start';
+    /** 取消按钮的标题 */
+    cancelText?: string;
+    /** 是否居中显示 */
+    centered?: boolean;
+    /** 确认按钮的标题 */
+    confirmText?: string;
+    /** 弹窗容器的额外样式 */
+    containerClass?: string;
+    /** 弹窗提示内容 */
+    content: Component | string;
+    /** 弹窗内容的额外样式 */
+    contentClass?: string;
+    /** 执行beforeClose回调期间，在内容区域显示一个loading遮罩*/
+    contentMasking?: boolean;
+    /** 弹窗底部内容（与按钮在同一个容器中） */
+    footer?: Component | string;
+    /** 弹窗的图标（在标题的前面） */
+    icon?: Component | IconType;
+    /**
+     * 弹窗遮罩模糊效果
+     */
+    overlayBlur?: number;
+    /** 是否显示取消按钮 */
+    showCancel?: boolean;
+    /** 弹窗标题 */
+    title?: string;
+};
+/** Prompt属性 */
+export type PromptProps<T = any> = {
+    /** 关闭前的回调，如果返回false，则终止关闭 */
+    beforeClose?: (scope: {
+        isConfirm: boolean;
+        value: T | undefined;
+    }) => boolean | Promise<boolean | undefined> | undefined;
+    /** 用于接受用户输入的组件 */
+    component?: Component;
+    /** 输入组件的属性 */
+    componentProps?: Recordable<any>;
+    /** 输入组件的插槽 */
+    componentSlots?: (() => any) | Recordable<unknown> | VNode | VNodeArrayChildren;
+    /** 默认值 */
+    defaultValue?: T;
+    /** 输入组件的值属性名 */
+    modelPropName?: string;
+} & Omit<AlertProps, 'beforeClose'>;
+/**
+ * Alert上下文
+ */
+export type AlertContext = {
+    /** 执行取消操作 */
+    doCancel: () => void;
+    /** 执行确认操作 */
+    doConfirm: () => void;
+};
+export declare const injectAlertContext: <T extends AlertContext | null | undefined = AlertContext>(fallback?: T | undefined) => T extends null ? AlertContext | null : AlertContext, provideAlertContext: (contextValue: AlertContext) => AlertContext;
+/**
+ * 获取Alert上下文
+ * @returns AlertContext
+ */
+export declare function useAlertContext(): AlertContext;
+export {  useAlertContext  };
+export {  default as Alert  };
+export {  adminAlert as alert, clearAllAlerts, adminConfirm as confirm, adminPrompt as prompt,  };
+import type { Component, Ref } from 'vue';
+export type DrawerPlacement = 'bottom' | 'left' | 'right' | 'top';
+export type CloseIconPlacement = 'left' | 'right';
+export interface DrawerProps {
+    /**
+     * 是否挂载到内容区域
+     * @default false
+     */
+    appendToMain?: boolean;
+    /**
+     * 取消按钮文字
+     */
+    cancelText?: string;
+    class?: ClassType;
+    /**
+     * 是否显示关闭按钮
+     * @default true
+     */
+    closable?: boolean;
+    /**
+     * 关闭按钮的位置
+     */
+    closeIconPlacement?: CloseIconPlacement;
+    /**
+     * 点击弹窗遮罩是否关闭弹窗
+     * @default true
+     */
+    closeOnClickModal?: boolean;
+    /**
+     * 按下 ESC 键是否关闭弹窗
+     * @default true
+     */
+    closeOnPressEscape?: boolean;
+    /**
+     * 确定按钮 loading
+     * @default false
+     */
+    confirmLoading?: boolean;
+    /**
+     * 确定按钮文字
+     */
+    confirmText?: string;
+    contentClass?: string;
+    /**
+     * 弹窗描述
+     */
+    description?: string;
+    /**
+     * 在关闭时销毁抽屉
+     */
+    destroyOnClose?: boolean;
+    /**
+     * 是否显示底部
+     * @default true
+     */
+    footer?: boolean;
+    /**
+     * 弹窗底部样式
+     */
+    footerClass?: ClassType;
+    /**
+     * 是否显示顶栏
+     * @default true
+     */
+    header?: boolean;
+    /**
+     * 弹窗头部样式
+     */
+    headerClass?: ClassType;
+    /**
+     * 弹窗是否显示
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * 是否显示遮罩
+     * @default true
+     */
+    modal?: boolean;
+    /**
+     * 是否自动聚焦
+     */
+    openAutoFocus?: boolean;
+    /**
+     * 弹窗遮罩模糊效果
+     */
+    overlayBlur?: number;
+    /**
+     * 抽屉位置
+     * @default right
+     */
+    placement?: DrawerPlacement;
+    /**
+     * 是否显示取消按钮
+     * @default true
+     */
+    showCancelButton?: boolean;
+    /**
+     * 是否显示确认按钮
+     * @default true
+     */
+    showConfirmButton?: boolean;
+    /**
+     * 提交中（锁定抽屉状态）
+     */
+    submitting?: boolean;
+    /**
+     * 弹窗标题
+     */
+    title?: string;
+    /**
+     * 弹窗标题提示
+     */
+    titleTooltip?: string;
+    /**
+     * 抽屉层级
+     */
+    zIndex?: number;
+}
+export interface DrawerState extends DrawerProps {
+    /** 弹窗打开状态 */
+    isOpen?: boolean;
+    /**
+     * 共享数据
+     */
+    sharedData?: Record<string, any>;
+}
+export type ExtendedDrawerApi = DrawerApi & {
+    useStore: <T = NoInfer<DrawerState>>(selector?: (state: NoInfer<DrawerState>) => T) => Readonly<Ref<T>>;
+};
+export interface DrawerApiOptions extends DrawerState {
+    /**
+     * 独立的抽屉组件
+     */
+    connectedComponent?: Component;
+    /**
+     * 关闭前的回调，返回 false 可以阻止关闭
+     * @returns
+     */
+    onBeforeClose?: () => MaybePromise<boolean | undefined>;
+    /**
+     * 点击取消按钮的回调
+     */
+    onCancel?: () => void;
+    /**
+     * 弹窗关闭动画结束的回调
+     * @returns
+     */
+    onClosed?: () => void;
+    /**
+     * 点击确定按钮的回调
+     */
+    onConfirm?: () => void;
+    /**
+     * 弹窗状态变化回调
+     * @param isOpen
+     * @returns
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * 弹窗打开动画结束的回调
+     * @returns
+     */
+    onOpened?: () => void;
+}
+export {  default as AdminDrawer  };
+export {  setDefaultDrawerProps, useAdminDrawer  };
+import type { Component, Ref } from 'vue';
+export interface ModalProps {
+    /**
+     * 动画类型
+     * @default 'slide'
+     */
+    animationType?: 'scale' | 'slide';
+    /**
+     * 是否要挂载到内容区域
+     * @default false
+     */
+    appendToMain?: boolean;
+    /**
+     * 是否显示边框
+     * @default false
+     */
+    bordered?: boolean;
+    /**
+     * 取消按钮文字
+     */
+    cancelText?: string;
+    /**
+     * 是否居中
+     * @default false
+     */
+    centered?: boolean;
+    class?: string;
+    /**
+     * 是否显示右上角的关闭按钮
+     * @default true
+     */
+    closable?: boolean;
+    /**
+     * 点击弹窗遮罩是否关闭弹窗
+     * @default true
+     */
+    closeOnClickModal?: boolean;
+    /**
+     * 按下 ESC 键是否关闭弹窗
+     * @default true
+     */
+    closeOnPressEscape?: boolean;
+    /**
+     * 禁用确认按钮
+     */
+    confirmDisabled?: boolean;
+    /**
+     * 确定按钮 loading
+     * @default false
+     */
+    confirmLoading?: boolean;
+    /**
+     * 确定按钮文字
+     */
+    confirmText?: string;
+    contentClass?: string;
+    /**
+     * 弹窗描述
+     */
+    description?: string;
+    /**
+     * 在关闭时销毁弹窗
+     */
+    destroyOnClose?: boolean;
+    /**
+     * 是否可拖拽
+     * @default false
+     */
+    draggable?: boolean;
+    /**
+     * 是否显示底部
+     * @default true
+     */
+    footer?: boolean;
+    footerClass?: string;
+    /**
+     * 是否全屏
+     * @default false
+     */
+    fullscreen?: boolean;
+    /**
+     * 是否显示全屏按钮
+     * @default true
+     */
+    fullscreenButton?: boolean;
+    /**
+     * 是否显示顶栏
+     * @default true
+     */
+    header?: boolean;
+    headerClass?: string;
+    /**
+     * 弹窗是否显示
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * 是否显示遮罩
+     * @default true
+     */
+    modal?: boolean;
+    /**
+     * 是否自动聚焦
+     */
+    openAutoFocus?: boolean;
+    /**
+     * 弹窗遮罩模糊效果
+     */
+    overlayBlur?: number;
+    /**
+     * 是否显示取消按钮
+     * @default true
+     */
+    showCancelButton?: boolean;
+    /**
+     * 是否显示确认按钮
+     * @default true
+     */
+    showConfirmButton?: boolean;
+    /**
+     * 提交中（锁定弹窗状态）
+     */
+    submitting?: boolean;
+    /**
+     * 弹窗标题
+     */
+    title?: string;
+    /**
+     * 弹窗标题提示
+     */
+    titleTooltip?: string;
+    /**
+     * 弹窗层级
+     */
+    zIndex?: number;
+}
+export interface ModalState extends ModalProps {
+    /** 弹窗打开状态 */
+    isOpen?: boolean;
+    /**
+     * 共享数据
+     */
+    sharedData?: Record<string, any>;
+}
+export type ExtendedModalApi = ModalApi & {
+    useStore: <T = NoInfer<ModalState>>(selector?: (state: NoInfer<ModalState>) => T) => Readonly<Ref<T>>;
+};
+export interface ModalApiOptions extends ModalState {
+    /**
+     * 独立的弹窗组件
+     */
+    connectedComponent?: Component;
+    /**
+     * 关闭前的回调，返回 false 可以阻止关闭
+     * @returns
+     */
+    onBeforeClose?: () => MaybePromise<boolean | undefined>;
+    /**
+     * 点击取消按钮的回调
+     */
+    onCancel?: () => void;
+    /**
+     * 弹窗关闭动画结束的回调
+     * @returns
+     */
+    onClosed?: () => void;
+    /**
+     * 点击确定按钮的回调
+     */
+    onConfirm?: () => void;
+    /**
+     * 弹窗状态变化回调
+     * @param isOpen
+     * @returns
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * 弹窗打开动画结束的回调
+     * @returns
+     */
+    onOpened?: () => void;
+}
+export {  default as AdminModal  };
+export {  setDefaultModalProps, useAdminModal  };
+
+
 // ==========================================
 // From @admin-kit/tabs-ui
 // ==========================================
+export {  default as TabsToolMore  };
+export {  default as TabsToolScreen  };
+export {  default as TabsView  };
 export type { IContextMenuItem } from '@admin-kit/shadcn-ui';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jackbo_vip/admin-kit",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "description": "A comprehensive Vue 3 admin UI component library with TypeScript support",
   "type": "module",
   "main": "./dist/index.cjs",