@ithinkdt/ui 4.0.0-9 → 4.0.0

package/{src → esm}/components.d.ts

@@ -1,21 +1,27 @@
 import {
-    CheckboxGroupProps, DataTableInst as NDataTableInst, DataTableProps as NDataTableProps,
-    FormItemGiProps as NFormItemGiProps, FormProps as NFormProps, GridItemProps as NGridItemProps, GridProps as NGridProps,
-    PopoverProps,
-    RadioGroupProps, TransferProps,
+    AnchorProps, ButtonProps, ButtonSlots, CheckboxGroupProps, DataTableInst as NDataTableInst, DataTableProps as NDataTableProps,
+    FlexProps, FormItemGiProps as NFormItemGiProps, FormProps as NFormProps, GridItemProps as NGridItemProps, GridProps as NGridProps,
+    PopoverProps, RadioGroupProps, TransferProps,
 } from 'ithinkdt-ui'
+import { TableBaseColumn } from 'ithinkdt-ui/es/data-table/src/interface'
 import Sortable from 'sortablejs'
 import { AllowedComponentProps, MaybeRef, MaybeRefOrGetter, VNodeChild } from 'vue'
-import type { CSSProperties, HTMLAttributes, TemplateRef } from 'vue'
+import type { CSSProperties, ComponentPublicInstance, HTMLAttributes, InjectionKey, TemplateRef } from 'vue'
 
 import { GenericCtx, GenericExposed, GenericReturn, MaybeArray, MaybePromise, PublicProps } from '@ithinkdt/common'
 import { DictItem } from '@ithinkdt/common/dict'
-import { FormItem, PageParams, PresetKeyField, SortParams, TableActionRenderParam, TableColumn, ValidationResults, _DataWithPresetKeyField } from '@ithinkdt/page'
+import { DescriptionItem, FormItem, PageParams, PresetKeyField, SortParams, TableActionRenderParam, TableColumn, ValidationResults, _DataWithPresetKeyField } from '@ithinkdt/page'
 
 declare module '@ithinkdt/page' {
 
     interface FormRenderExtraOptions {
         showColon?: MaybeRef<boolean | undefined>
+        labelWidth?: MaybeRef<string | number | undefined>
+        labelAlign?: MaybeRef<'left' | 'right' | 'center' | undefined>
+        labelPlacement?: MaybeRef<'left' | 'top' | undefined>
+        showRequireMark?: MaybeRef<boolean | undefined>
+        requireMarkPlacement?: MaybeRef<'left' | 'right' | 'right-hanging' | undefined>
+        showFeedback?: MaybeRef<boolean | undefined>
     }
 
     type FormItemOptionKeys = 'size' | 'showLabel' | 'labelWidth' | 'labelStyle' | 'labelAlign' | 'labelPlacement' | 'labelProps'
@@ -46,18 +52,48 @@ declare module '@ithinkdt/page' {
         size?: 'small' | 'medium' | 'large' | undefined
     }
 
+    type TableColumnOptionKeys = 'cellProps' | 'className' | 'tree' | 'allowExport' | 'customNextSortOrder' | 'filter' | 'filterMode' | 'filterMultiple'
+        | 'defaultFilterOptionValue' | 'defaultFilterOptionValues' | 'filterOptionValue' | 'filterOptionValues' | 'filterOptions' | 'renderFilter' | 'renderFilterIcon' | 'renderFilterMenu'
+    type TableColumnOptionExtra = {
+        [K in TableColumnOptionKeys]?: MaybeRef<TableBaseColumn[K]>
+    }
+
+    // eslint-disable-next-line ts/no-unused-vars
+    interface TableColumnOptions<Model extends {}> extends TableColumnOptionExtra {
+    }
+
+    // eslint-disable-next-line ts/no-unused-vars
+    interface TableColumn<Model extends {}>extends Pick<TableBaseColumn, TableColumnOptionKeys> {
+    }
 }
 
-export type DataFormProps<Data extends {}> = Omit<NFormProps, 'model' | 'rules' | 'onSubmit' | 'validateMessages'> & {
-    items: FormItem<Data>[]
-    model: Data
-    readonly?: boolean | undefined
-    grid?: boolean | NGridProps | undefined
-    validation?: { [k in keyof Data]?: ValidationResults } | undefined
-    showColon?: boolean | undefined
-    loading?: boolean | undefined
-    showAction?: boolean | NGridItemProps & AllowedComponentProps | undefined
-    actionAlign?: 'start' | 'center' | 'end'
+export type NStateButtonProps = ButtonProps & {
+    succeeded?: boolean | null | undefined
+    successText?: string | undefined
+    failureText?: string | undefined
+}
+
+export type NStateButtonEmits = {
+    (e: 'click', evt: MouseEvent): void
+}
+
+export type NStateButtonSlots = ButtonSlots & {
+    success?: () => VNodeChild
+    failure?: () => VNodeChild
+    successIcon?: () => VNodeChild
+    failureIcon?: () => VNodeChild
+}
+
+export declare function NStateButton(
+    props: NStateButtonProps & PublicProps,
+    ctx?: Pick<GenericCtx<NStateButtonProps, NStateButtonEmits, NStateButtonSlots>, 'attrs' | 'emit' | 'slots'>,
+    expose?: (exposed?: GenericExposed) => void,
+    setup?: GenericCtx<NStateButtonProps, NStateButtonEmits, NStateButtonSlots>,
+): GenericReturn<NStateButtonProps, NStateButtonEmits, NStateButtonSlots>
+
+export type DataFormActionsProps = Pick<FlexProps, 'align' | 'justify' | 'vertical' | 'reverse'> & {
+    size?: 'small' | 'medium' | 'large' | undefined
+    gap?: number | string | undefined
     submitText?: VNodeChild | undefined
     resetText?: VNodeChild | undefined
     cancelText?: VNodeChild | undefined
@@ -65,21 +101,61 @@ export type DataFormProps<Data extends {}> = Omit<NFormProps, 'model' | 'rules'
     showResetBtn?: boolean | undefined
     showCancelBtn?: boolean | undefined
     submitDisabled?: boolean | undefined
+    submitLoading?: boolean | undefined
     succeeded?: boolean | undefined
     successText?: VNodeChild | undefined
+    failureText?: VNodeChild | undefined
+    onSubmit?: MaybeArray<() => void> | undefined
+    onReset?: MaybeArray<() => void> | undefined
+    onCancel?: MaybeArray<() => void> | undefined
+    nativeButtonType?: boolean | undefined
+}
 
-    tooltipPlacement?: 'bottom' | 'icon' | undefined
-    onSubmit?: MaybeArray<(model: Data) => void> | undefined
-    onRest?: MaybeArray<() => void> | undefined
+export type DataFormActionsEmits = {
+    (e: 'submit'): void
+    (e: 'reset'): void
+    (e: 'cancel'): void
+}
+
+export type DataFormActionsSlots = {
+    prefix?: () => VNodeChild
+    suffix?: () => VNodeChild
 }
 
+export declare function DataFormActions(
+    props: DataFormActionsProps & PublicProps,
+    ctx?: Pick<GenericCtx<DataFormActionsProps, DataFormActionsEmits, DataFormActionsSlots>, 'attrs' | 'emit' | 'slots'>,
+    expose?: (exposed?: GenericExposed) => void,
+    setup?: GenericCtx<DataFormActionsProps, DataFormActionsEmits, DataFormActionsSlots>,
+): GenericReturn<DataFormActionsProps, DataFormActionsEmits, DataFormActionsSlots>
+
+export type DataFormProps<Data extends {}> = Omit<NFormProps, 'model' | 'rules' | 'onSubmit' | 'validateMessages'>
+    & Omit<DataFormActionsProps, 'onSubmit' | 'size' | 'gap' | 'justify' | 'direction' | 'submitLoading'> & {
+        items: FormItem<Data>[]
+        model: Data
+        readonly?: boolean | undefined
+        grid?: boolean | NGridProps | undefined
+        validation?: { [k in keyof Data]?: ValidationResults } | undefined
+        showColon?: boolean | undefined
+        tooltipPlacement?: 'bottom' | 'icon' | undefined
+        loading?: boolean | undefined
+        showAction?: boolean | NGridItemProps & AllowedComponentProps | undefined
+        actionJustify?: DataFormActionsProps['justify']
+        actionAlign?: DataFormActionsProps['align']
+        actionGap?: DataFormActionsProps['gap']
+        onSubmit?: MaybeArray<(model: Data) => void> | undefined
+    }
+
 export type DataFormEmits<Data extends {}> = {
     (e: 'submit', model: Data): void
     (e: 'reset'): void
+    (e: 'cancel'): void
 }
 
 export type DataFormSlots<_Data extends {}> = {
-    action?: (params: { cols: number, spans: number, overflow: boolean }) => VNodeChild
+    action?: (params: { overflow: boolean, grid: ComponentPublicInstance | undefined }) => VNodeChild
+    actionPrefix?: () => VNodeChild
+    actionSuffix?: () => VNodeChild
 }
 
 export type DataFormInst = {
@@ -107,7 +183,7 @@ export type DataFilterProps<Data extends {}> = Omit<NFormProps, 'model' | 'rules
     tooltipPlacement?: 'bottom' | 'icon' | undefined
     customizable?: boolean | undefined
     onFilter?: MaybeArray<(model: Data) => void> | undefined
-    onRest?: MaybeArray<() => void> | undefined
+    onReset?: MaybeArray<() => void> | undefined
     onCustom?: MaybeArray<
             ((reset: true) => void)
             | ((sort: string[]) => void)
@@ -129,7 +205,7 @@ export type DataFilterEmits<Data extends {}> = {
         key: string
         hidden?: boolean
     }): void
-    (e: 'collpase', collapsed: boolean): void
+    (e: 'collapse', collapsed: boolean): void
 }
 
 export type DataFilterInst = {
@@ -149,14 +225,20 @@ export type DataTableProps<Data extends {}, KeyField extends keyof Data>
         data?: Data[] | undefined
         keyField?: KeyField | undefined
         selectedKeys?: Data[KeyField][] | undefined
+        highlight?: boolean | Data[KeyField] | undefined
+        highlightColor?: string | undefined
+        appear?: 'normal' | 'sticky' | undefined
         sorter?: SortParams<Data> | undefined
         onSort?: MaybeArray<(param: SortParams<Data>) => void> | undefined
         onSelect?: MaybeArray<(param: NonNullable<Data[KeyField]>[]) => void> | undefined
+
     }
 
 export type DataTableEmits<Data extends {}, KeyField extends keyof Data> = {
     (e: 'sort', param: SortParams<Data>): void
     (e: 'select', param: Data[KeyField][]): void
+    (e: 'highlight', rowKey: Data[KeyField]): void
+    (e: 'custom', params: { key: string, width: number }): void
 }
 
 export type DataTableInst<Data extends {}, KeyField extends keyof Data> = NDataTableInst & {
@@ -182,13 +264,14 @@ export declare function useDataTableDrag<T>(
     { data, onSort, ...options }: {
         data: MaybeRef<T[]>
         onSort: (info: { from: number, to: number }) => void
-    } & Omit<Sortable.Options, 'onSort'>
+    } & Omit<Sortable.Options, 'onSort'>,
 ): void
 
 export type DataPaginationProps = (PageParams | { page: PageParams }) & {
     simple?: boolean | undefined
     total: number
     pageSizes?: number[] | undefined
+    resetPageOnSizeChange?: boolean | undefined
     onChange?: MaybeArray<(value: PageParams) => void> | undefined
 }
 
@@ -196,12 +279,18 @@ export type DataPaginationEmits = {
     (e: 'change', value: PageParams): void
 }
 
-export declare function DataPagination(
-    props: DataPaginationProps & PublicProps,
-    ctx?: Pick<GenericCtx<DataPaginationProps, DataPaginationEmits, {}, {}>, 'attrs' | 'emit' | 'slots'>,
-    expose?: (exposed?: GenericExposed<{}>) => void,
-    setup?: GenericCtx<DataPaginationProps, DataPaginationEmits, {}, {}>,
-): GenericReturn<DataPaginationProps, DataPaginationEmits, {}, {}>
+export declare interface IDataPagination {
+    /** 注入默认的分页大小数组 */
+    DEFAULT_PAGE_SIZES_INJECTION_KEY: InjectionKey<number[] | { value: number, label: string }[]>
+    (
+        props: DataPaginationProps & PublicProps,
+        ctx?: Pick<GenericCtx<DataPaginationProps, DataPaginationEmits, {}, {}>, 'attrs' | 'emit' | 'slots'>,
+        expose?: (exposed?: GenericExposed<{}>) => void,
+        setup?: GenericCtx<DataPaginationProps, DataPaginationEmits, {}, {}>,
+    ): GenericReturn<DataPaginationProps, DataPaginationEmits, {}, {}>
+}
+
+declare const DataPagination: IDataPagination
 
 export type DataSelectionProps = {
     'count': number
@@ -230,8 +319,10 @@ export type DataCustomProps<Data extends {}> = {
     keyField?: keyof Data | undefined
     showFixed?: boolean | undefined
     disabledField?: keyof Data | undefined
-    visiblityField?: keyof Data | undefined
+    visibleField?: keyof Data | undefined
     labelTitle?: VNodeChild | undefined
+    size?: number | undefined
+    type?: 'primary' | 'default' | undefined
     onCustom?: MaybeArray<
         ((reset: true) => void)
         | ((sort: string[]) => void)
@@ -278,6 +369,8 @@ export type DataLocaleInputProps = {
     'modelValue'?: Record<string, string | undefined> | null | undefined
     'supports'?: { label: string, value: string }[] | undefined
     'defaultLang'?: string | undefined
+    'mode'?: 'dialog' | 'list' | undefined
+    'defaultExpanded'?: boolean | undefined
     'showLang'?: string | undefined
     'disabled'?: boolean | undefined
     'defaultRows'?: number | undefined
@@ -300,7 +393,7 @@ export declare function DataLocaleInput(
 export declare function useLocaleEdit(
     title: VNodeChild | (() => VNodeChild),
     onSubmit: (data: Record<string, string | undefined>) => void,
-    defaultRows?: MaybeRef<number | undefined>
+    defaultRows?: MaybeRef<number | undefined>,
 ): {
     open(this: void, data: MaybePromise<Record<string, string | undefined>>, readonly?: boolean): PromiseLike<Record<string, string | undefined>>
     setSupports(this: void, supports: { label: string, value: string, required?: boolean }[]): void
@@ -362,6 +455,7 @@ export interface UserGroupOption {
     name: string
 }
 export interface DeptOption {
+    id?: string | undefined
     code: string
     name: string
     children?: DeptOption[]
@@ -376,8 +470,9 @@ interface UserDeptProps<Multiple extends boolean> {
     'defaultExpandAll'?: boolean | undefined
     'filterable'?: boolean | undefined
     'disabled'?: boolean | undefined
-    'size'?: TransferProps['size'] | undefined
-    'users'?: { username: string, nickname: string }[] | undefined
+    'size'?: TransferProps['size']
+    'valueField'?: 'id' | 'username' | 'code' | undefined
+    'users'?: { id?: string | undefined, username: string, nickname: string }[] | undefined
     'groups'?: UserGroupOption[] | undefined
     'depts'?: DeptOption[] | undefined
     'getUsersByGroup'?: ((code: string) => Promise<{ username: string, nickname: string }[]>) | undefined
@@ -385,6 +480,7 @@ interface UserDeptProps<Multiple extends boolean> {
     'modelValue'?: Multiple extends true ? (string[] | null | undefined) : (string | null | undefined)
     'onUpdate:modelValue'?: MaybeArray<(value: Multiple extends true ? string[] : string) => void> | undefined
     'onUpdateModelValue'?: MaybeArray<(value: Multiple extends true ? string[] : string) => void> | undefined
+    'renderUserInfo'?: (user: { username: string, nickname: string }) => VNodeChild | undefined
 }
 
 interface UserDeptEmits<Multiple extends boolean> {
@@ -392,12 +488,12 @@ interface UserDeptEmits<Multiple extends boolean> {
     (e: 'updateModelValue', value: Multiple extends true ? string[] : string): void
 }
 
-export declare const DtUserDept: <Multiple extends boolean>(
+export declare function DtUserDept<Multiple extends boolean>(
     props: UserDeptProps<Multiple> & PublicProps,
     ctx?: Pick<GenericCtx<UserDeptProps<Multiple>, UserDeptEmits<Multiple>>, 'attrs' | 'emit' | 'slots'>,
     expose?: (exposed?: GenericExposed<{}>) => void,
     setup?: GenericCtx<UserDeptProps<Multiple>, UserDeptEmits<Multiple>, {}, {}>,
-) => GenericReturn<UserDeptProps<Multiple>, UserDeptEmits<Multiple>, {}, {}>
+): GenericReturn<UserDeptProps<Multiple>, UserDeptEmits<Multiple>, {}, {}>
 
 interface UserRenderProps {
     value?: string | string[] | null | undefined
@@ -406,6 +502,7 @@ interface UserRenderProps {
     size?: number | undefined
     placement?: PopoverProps['placement']
     getUsersByUsername?: ((usernames: string[]) => Promise<{ username: string, nickname: string }[]>) | undefined
+    renderInfo?: (user: { username: string, nickname: string }) => VNodeChild
 }
 
 interface UserRenderEmits {
@@ -433,3 +530,21 @@ export declare const DtDeptRender: (
     expose?: (exposed?: GenericExposed<{}>) => void,
     setup?: GenericCtx<DeptRenderProps, DeptRenderEmits, {}, {}>,
 ) => GenericReturn<DeptRenderProps, DeptRenderEmits, {}, {}>
+
+export interface DataDescriptionsProps<Data extends object> {
+    cols?: number
+    data: Data | undefined | null
+    items: DescriptionItem<Data>[]
+    title?: VNodeChild | ((data: Data | undefined) => VNodeChild)
+    anchor?: boolean | AnchorProps & AllowedComponentProps | undefined
+}
+
+export interface DataDescriptionsEmits {
+}
+
+export declare function DataDescriptions<Data extends {}>(
+    props: DataDescriptionsProps<Data> & PublicProps,
+    ctx?: Pick<GenericCtx<DataDescriptionsProps<Data>, DataDescriptionsEmits>, 'attrs' | 'emit' | 'slots'>,
+    expose?: (exposed?: GenericExposed<{}>) => void,
+    setup?: GenericCtx<DataDescriptionsProps<Data>, DataDescriptionsEmits, {}, {}>,
+): GenericReturn<DataDescriptionsProps<Data>, DataDescriptionsEmits, {}, {}>

package/esm/components.js

@@ -0,0 +1 @@
+export * from '../dist/components.js'

package/{src → esm}/design.d.ts

@@ -43,7 +43,7 @@ export declare const AppContent: (
     },
 ) => VNode
 
-export declare const AppSider: (
+export declare const AppSidebar: (
     props: PublicProps & {
         'collapsed'?: boolean | undefined
         'width'?: number | undefined
@@ -154,6 +154,7 @@ export declare const AppAccount: (
     },
     context: {
         slots: {
+            extra?: (() => VNode) | undefined
             logoutButton?: (() => VNode) | undefined
             dropdown?: ((binding: { ChangePwd: Component, Logout: Component }) => VNode) | undefined
             dropdownExtra?: (() => VNode) | undefined
@@ -232,3 +233,11 @@ export interface NotificationProps {
 }
 
 export declare const AppNotification: (props: PublicProps & NotificationProps) => VNode
+
+export interface TenantProps {
+    'options': { id: string, name: string, shotName?: string | undefined, icon?: () => VNodeChild }[] | undefined
+    'current': string | undefined
+    'onUpdate:current'?: ((current: string) => void) | undefined
+}
+
+export declare const AppTenant: (props: PublicProps & TenantProps) => VNode

package/{src → esm}/directives.d.ts

@@ -21,12 +21,18 @@ export declare const TooltipDirectiveProvider: (props: { delay?: number }) => VN
  *
  * 支持的修饰符
  * - 'auto' 当内容溢出来容器时自动展示，否则隐藏
+ * - 'expandable' 当内容溢出来容器时支持展开
+ * - `ell${number}` 多行省略
  * - 'left-end'、'left'、'left-start'、'top-start'、'top'、'top-end'、'right-start'、'right'、'right-end'、'bottom-end'、'bottom'、'bottom-start' 弹出内容的位置
  */
 export declare const vTooltip: Directive<
     HTMLElement,
     VNodeChild,
     | 'auto'
+    | 'expandable'
+    | 'ell2'
+    | 'ell3'
+    | 'ell5'
     | 'left-end'
     | 'left'
     | 'left-start'

package/esm/directives.js

@@ -0,0 +1 @@
+export * from '../dist/directives.js'

package/esm/index.js

@@ -0,0 +1 @@
+export * from '../dist/index.js'

package/esm/page.d.ts

@@ -0,0 +1,203 @@
+import {
+    CheckboxProps, DatePickerProps, DatePickerSlots, DrawerContentProps, DrawerProps,
+    InputNumberProps, InputNumberSlots, InputProps, InputSlots,
+    ModalOptions, SelectGroupOption, SelectOption, SelectProps, SelectSlots,
+    UploadFileInfo, UploadProps,
+} from 'ithinkdt-ui'
+import { MaybeRef, VNode, VNodeChild } from 'vue'
+
+import { PublicProps } from '@ithinkdt/common'
+import { DictItem, DictTypeKey } from '@ithinkdt/common/dict'
+import { PageOptions } from '@ithinkdt/page'
+
+import { CheckboxesProps, RadiosProps, UserDeptProps, UserGroupOption, UserRenderProps } from './components'
+
+type ShallowMaybeRef<T extends {}> = {
+    [Key in (keyof T)]: MaybeRef<T[Key]>
+}
+
+declare module '@ithinkdt/page' {
+    interface FormComponentPresets {
+        input: {
+            inputProps?: ShallowMaybeRef<Omit<InputProps, 'value' | 'onUpdate:value' | 'disabled'>> & PublicProps
+            inputSlots?: InputSlots
+        }
+        number: {
+            numberProps?: ShallowMaybeRef<Omit<InputNumberProps, 'value' | 'onUpdate:value' | 'disabled'> & PublicProps & {
+                valueType?: 'string' | 'number' | undefined
+            }>
+            numberSlots?: InputNumberSlots
+        }
+        select: {
+            selectProps?: ShallowMaybeRef<Omit<SelectProps, 'options' | 'value' | 'onUpdate:value' | 'disabled'> & PublicProps
+            & {
+                dictType?: DictTypeKey | undefined
+                options?: DictItem[] | (SelectOption | SelectGroupOption)[] | undefined
+                valueType?: 'string' | 'number' | undefined
+            }>
+            selectSlots?: SelectSlots
+        }
+
+        checkbox: {
+            checkboxProps?: ShallowMaybeRef<Omit<CheckboxProps, 'checked' | 'onUpdate:checked' | 'disabled'> & PublicProps>
+            checkboxSlots?: {
+                default?: (() => VNode[]) | undefined
+                checked?: (() => VNode[]) | undefined
+                unchecked?: (() => VNode[]) | undefined
+            }
+        }
+
+        checkboxes: {
+            checkboxesProps?: ShallowMaybeRef<Omit<CheckboxesProps, 'disabled'> & PublicProps
+            & {
+                dictType?: DictTypeKey | undefined
+                options?: DictItem[] | undefined
+                valueType?: 'string' | 'number' | undefined
+            }>
+            checkboxesSlots?: { }
+        }
+
+        radios: {
+            radiosProps?: ShallowMaybeRef<Omit<RadiosProps, 'disabled'> & PublicProps
+            & {
+                dictType?: DictTypeKey | undefined
+                options?: DictItem[] | undefined
+                valueType?: 'string' | 'number' | undefined
+            }>
+            radiosSlots?: { }
+        }
+
+        datepicker: {
+            datepickerProps?: ShallowMaybeRef<Omit<DatePickerProps, 'value' | 'onUpdate:value' | 'disabled'> & PublicProps>
+            datepickerSlots?: DatePickerSlots
+        }
+
+        file: {
+            fileProps?: ShallowMaybeRef<{
+                type?: 'file' | 'image' | undefined
+                multiple?: boolean | undefined
+                max?: number | undefined
+                accept?: string | undefined
+                /** 最大文件大小（单位：KB） */
+                maxSize?: number | undefined
+                onBeforeUpload?: UploadProps['onBeforeUpload']
+            } & PublicProps>
+            fileSlots?: {
+                default?: (() => VNode[]) | undefined
+            }
+        }
+        upload: {
+            uploadProps?: ShallowMaybeRef<{
+                type?: 'file' | 'image' | undefined
+                multiple?: boolean | undefined
+                max?: number | undefined
+                accept?: string | undefined
+                /** 最大文件大小（单位：KB） */
+                maxSize?: number | undefined
+                onBeforeUpload?: UploadProps['onBeforeUpload']
+                defaultUpload?: boolean | undefined
+            } & PublicProps>
+            uploadSlots?: {
+                default?: (() => VNode[]) | undefined
+            }
+        }
+
+        user: {
+            userProps?: ShallowMaybeRef<Omit<UserDeptProps<boolean>, 'modelValue' | 'onUpdate:modelValue' | 'disabled'
+            | 'users' | 'groups' | 'depts' | 'getUsersByGroup' | 'getUsersByDept' | 'renderUserInfo'> & {
+                renderInfo: UserRenderProps['renderInfo']
+            }> & PublicProps
+            userSlots?: {}
+        }
+    }
+
+    interface DescriptionTypePresets {
+        longtext: {
+            longtextParams: {
+                title?: VNodeChild
+                showText?: ((value: string) => void) | undefined
+                formatText?: ((value: string) => VNodeChild) | undefined
+                copyable?: boolean | undefined
+                onCopy?: (value: string) => void | undefined
+            }
+        }
+        number: {
+            numberParams: ShallowMaybeRef<{
+                /** 保留 n 位小数（保留 0） */
+                fixed?: number | undefined
+                /** 保留 n 位小数（不保留 0） */
+                round?: number | undefined
+                /** 保留 n 位数（不保留 0） */
+                precision?: number | undefined
+                /** 使用数字分隔符 */
+                separator?: boolean | undefined
+                /** 是否为百分数 */
+                percent?: boolean | undefined
+            }>
+        }
+
+        date: {
+            dateParams: ShallowMaybeRef<{
+                formatter?: 'yyyy-MM-dd' | 'yyyy/MM/dd' | string & {} | undefined
+            }>
+        }
+
+        datetime: {
+            datetimeParams: ShallowMaybeRef<{
+                formatter?: 'yyyy-MM-dd HH:mm' | 'yyyy-MM-dd HH:mm:ss' | string & {} | undefined
+            }>
+        }
+
+        dict: {
+            dictParams: ShallowMaybeRef<{
+                dictType?: DictTypeKey | undefined
+                options?: DictItem[] | (SelectOption | SelectGroupOption)[] | undefined
+                multiple?: boolean | undefined
+                labelField?: string | undefined
+                valueField?: string | undefined
+                statusMap?: Record<string, 'primary' | 'success' | 'warning' | 'danger' | string & {} | undefined> | undefined
+            }>
+        }
+        email: {}
+        url: {}
+        color: {}
+        file: {
+            fileParams: ShallowMaybeRef<{ multiple?: boolean | undefined }>
+        }
+        image: {
+            fileParams: ShallowMaybeRef<{ multiple?: boolean | undefined }>
+        }
+        user: {
+            fileParams: ShallowMaybeRef<{ multiple?: boolean | undefined, renderInfo?: UserRenderProps['renderInfo'] }>
+        }
+        dept: {
+            fileParams: ShallowMaybeRef<{ multiple?: boolean | undefined }>
+        }
+    }
+
+    type ModalOptionsKey = 'type' | keyof import('@ithinkdt/page').ModalOptionsBase
+
+    interface ModalDrawerOptions extends ShallowMaybeRef<Omit<DrawerContentProps, ModalOptionsKey>>, ShallowMaybeRef<Omit<DrawerProps, ModalOptionsKey>> { }
+
+    interface ModalDialogOptions extends ShallowMaybeRef<Omit<ModalOptions, ModalOptionsKey>> {}
+}
+
+export declare function createPageFormHelper(options?: {
+    getUserGroups?: (() => Promise<UserGroupOption[]>) | undefined
+    getUsersByGroup?: ((code: string) => Promise<{ username: string, nickname: string }[]>) | undefined
+    getUsersByDept?: ((code: string) => Promise<{ username: string, nickname: string }[]>) | undefined
+    getUsersByUsername?: ((usernames: string[]) => Promise<{ username: string, nickname: string }[]>) | undefined
+    getDeptsByCode?: (codes: string[]) => Promise<{ code: string, name: string }[]>
+    uploadFile?: (file: File, options?: {
+        onProgress?: ((percent: number) => void) | undefined
+    }) => Promise<string>
+    getFileInfos?: (files: string[]) => Promise<UploadFileInfo[]>
+}): PageOptions['getFormItemRenderer']
+export declare function createDescriptionHelper(options?: {
+    getUsersByUsername?: (usernames: string[]) => Promise<{ username: string, nickname: string }[]>
+    getDeptsByCode?: (codes: string[]) => Promise<{ code: string, name: string }[]>
+    getFileInfos?: (fileIds: string[]) => Promise<UploadFileInfo[]>
+    previewFileUrl?: (fileId: string) => string
+}): PageOptions['getDescriptionRenderer']
+export declare function createFormHelper(options?: { }): PageOptions['getFormRenderer']
+export declare function createModalHelper(options?: { }): PageOptions['getModalRenderer']

package/esm/page.js

@@ -0,0 +1 @@
+export * from '../dist/page.js'

package/esm/use-style.js

@@ -0,0 +1 @@
+export { c, cB, cE, cM, default, useClsPrefix } from '../dist/use-style.js'