@ithinkdt/ui 4.0.16 → 4.0.18

package/esm/components.d.ts

@@ -1,7 +1,8 @@
+import { MaybeElement } from '@vueuse/core'
 import {
     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,
+    IconProps, PopoverProps, RadioGroupProps, ScrollbarProps, TooltipProps, TransferProps,
 } from 'ithinkdt-ui'
 import { TableBaseColumn } from 'ithinkdt-ui/es/data-table/src/interface'
 import { AllowedComponentProps, MaybeRef, MaybeRefOrGetter, VNodeChild } from 'vue'
@@ -67,17 +68,17 @@ declare module '@ithinkdt/page' {
     }
 }
 
-export type NStateButtonProps = ButtonProps & {
+export interface NStateButtonProps extends ButtonProps {
     succeeded?: boolean | null | undefined
     successText?: string | undefined
     failureText?: string | undefined
 }
 
-export type NStateButtonEmits = {
+export interface NStateButtonEmits {
     (e: 'click', evt: MouseEvent): void
 }
 
-export type NStateButtonSlots = ButtonSlots & {
+export interface NStateButtonSlots extends ButtonSlots {
     success?: () => VNodeChild
     failure?: () => VNodeChild
     successIcon?: () => VNodeChild
@@ -91,7 +92,7 @@ export declare function NStateButton(
     setup?: GenericCtx<NStateButtonProps, NStateButtonEmits, NStateButtonSlots>,
 ): GenericReturn<NStateButtonProps, NStateButtonEmits, NStateButtonSlots>
 
-export type DataFormActionsProps = Pick<FlexProps, 'align' | 'justify' | 'vertical' | 'reverse'> & {
+export interface DataFormActionsProps extends Pick<FlexProps, 'align' | 'justify' | 'vertical' | 'reverse'> {
     size?: 'small' | 'medium' | 'large' | undefined
     gap?: number | string | undefined
     submitText?: VNodeChild | undefined
@@ -111,13 +112,13 @@ export type DataFormActionsProps = Pick<FlexProps, 'align' | 'justify' | 'vertic
     nativeButtonType?: boolean | undefined
 }
 
-export type DataFormActionsEmits = {
+export interface DataFormActionsEmits {
     (e: 'submit'): void
     (e: 'reset'): void
     (e: 'cancel'): void
 }
 
-export type DataFormActionsSlots = {
+export interface DataFormActionsSlots {
     prefix?: () => VNodeChild
     suffix?: () => VNodeChild
 }
@@ -129,36 +130,36 @@ export declare function DataFormActions(
     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 interface DataFormProps<Data extends {}> extends Omit<NFormProps, 'model' | 'rules' | 'onSubmit' | 'validateMessages'>,
+    Omit<DataFormActionsProps, 'onSubmit' | 'size' | 'gap' | 'justify' | 'direction' | 'submitLoading'> {
+    items: ArrayLike<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 {}> = {
+export interface DataFormEmits<Data extends {}> {
     (e: 'submit', model: Data): void
     (e: 'reset'): void
     (e: 'cancel'): void
 }
 
-export type DataFormSlots<_Data extends {}> = {
+export interface DataFormSlots<_Data extends {}> {
     action?: (params: { overflow: boolean, grid: ComponentPublicInstance | undefined }) => VNodeChild
     actionPrefix?: () => VNodeChild
     actionSuffix?: () => VNodeChild
 }
 
-export type DataFormInst = {
+export interface DataFormInst {
 }
 
 export declare function DataForm<Data extends {}>(
@@ -168,10 +169,11 @@ export declare function DataForm<Data extends {}>(
     setup?: GenericCtx<DataFormProps<Data>, DataFormEmits<Data>, DataFormSlots<Data>, DataFormInst>,
 ): GenericReturn<DataFormProps<Data>, DataFormEmits<Data>, DataFormSlots<Data>, DataFormInst>
 
-export type DataFilterProps<Data extends {}> = Omit<NFormProps, 'model' | 'rules' | 'onSubmit' | 'validateMessages'> & {
-    items: FormItem<Data>[]
+export interface DataFilterProps<Data extends {}> extends Omit<NFormProps, 'model' | 'rules' | 'onSubmit' | 'validateMessages'> {
+    items: ArrayLike<FormItem<Data>>
     model: Data
     loading?: boolean | undefined
+    validation?: { [k in keyof Data]?: ValidationResults } | undefined
     filterOnReset?: boolean | undefined
     filterText?: VNodeChild | undefined
     resetText?: VNodeChild | undefined
@@ -196,7 +198,7 @@ export type DataFilterProps<Data extends {}> = Omit<NFormProps, 'model' | 'rules
     onCollapse?: MaybeArray<(collapsed: boolean) => void> | undefined
 }
 
-export type DataFilterEmits<Data extends {}> = {
+export interface DataFilterEmits<Data extends {}> {
     (e: 'filter', model: Data): void
     (e: 'reset'): void
     (e: 'custom', param: true | string[] | { key: string, hidden?: boolean }): void
@@ -208,7 +210,7 @@ export type DataFilterEmits<Data extends {}> = {
     (e: 'collapse', collapsed: boolean): void
 }
 
-export type DataFilterInst = {
+export interface DataFilterInst {
     collapse(this: void, collapsed: boolean): void
 }
 
@@ -219,29 +221,29 @@ export declare function DataFilter<Data extends {}>(
     setup?: GenericCtx<DataFilterProps<Data>, DataFilterEmits<Data>, {}, DataFilterInst>,
 ): GenericReturn<DataFilterProps<Data>, DataFilterEmits<Data>, {}, DataFilterInst>
 
-export type DataTableProps<Data extends {}, KeyField extends keyof Data>
-    = Omit<NDataTableProps, 'columns' | 'rowKey' | 'data' | 'checkedRowKeys' | 'defaultCheckedRowKeys' | 'onUpdate:checkedRowKeys' | 'onUpdateCheckedRowKeys'> & {
-        columns?: TableColumn<Data>[] | undefined
-        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> = {
+export interface DataTableProps<Data extends {}, KeyField extends keyof Data>
+    extends Omit<NDataTableProps, 'columns' | 'rowKey' | 'data' | 'checkedRowKeys' | 'defaultCheckedRowKeys' | 'onUpdate:checkedRowKeys' | 'onUpdateCheckedRowKeys'> {
+    columns?: ArrayLike<TableColumn<Data>> | undefined
+    data?: ArrayLike<Data> | undefined
+    keyField?: KeyField | undefined
+    selectedKeys?: ArrayLike<Data[KeyField]> | undefined
+    rangeSelect?: boolean | 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 interface 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 & {
+export interface DataTableInst<Data extends {}, KeyField extends keyof Data> extends NDataTableInst {
     scrollToView(rowKey: Data[KeyField]): void
 }
 
@@ -259,21 +261,22 @@ export declare function DataTable<Data extends {}, KeyField extends keyof Data>(
     setup?: GenericCtx<DataTableProps<Data, KeyField>, DataTableEmits<Data, KeyField>, {}, DataTableInst<Data, KeyField>>,
 ): GenericReturn<DataTableProps<Data, KeyField>, DataTableEmits<Data, KeyField>, {}, DataTableInst<Data, KeyField>>
 
-export type DataPaginationProps = (PageParams | { page: PageParams }) & {
+export interface DataPaginationProps extends Partial<PageParams> {
+    page?: PageParams
     simple?: boolean | undefined
     total: number
-    pageSizes?: number[] | undefined
+    pageSizes?: ArrayLike<number> | undefined
     resetPageOnSizeChange?: boolean | undefined
     onChange?: MaybeArray<(value: PageParams) => void> | undefined
 }
 
-export type DataPaginationEmits = {
+export interface DataPaginationEmits {
     (e: 'change', value: PageParams): void
 }
 
 export declare interface IDataPagination {
     /** 注入默认的分页大小数组 */
-    DEFAULT_PAGE_SIZES_INJECTION_KEY: InjectionKey<number[] | { value: number, label: string }[]>
+    DEFAULT_PAGE_SIZES_INJECTION_KEY: InjectionKey<ArrayLike<number> | ArrayLike<{ value: number, label: string }>>
     (
         props: DataPaginationProps & PublicProps,
         ctx?: Pick<GenericCtx<DataPaginationProps, DataPaginationEmits, {}, {}>, 'attrs' | 'emit' | 'slots'>,
@@ -284,14 +287,14 @@ export declare interface IDataPagination {
 
 declare const DataPagination: IDataPagination
 
-export type DataSelectionProps = {
+export interface DataSelectionProps {
     'count': number
     'modelValue': 'all' | 'selection'
     'onClear'?: MaybeArray<() => void> | undefined
     'onUpdate:modelValue'?: MaybeArray<(value: DataSelectionProps['modelValue']) => void> | undefined
 }
 
-export type DataSelectionEmits = {
+export interface DataSelectionEmits {
     (e: 'clear'): void
     (e: 'update:modelValue', v: DataSelectionProps['modelValue']): void
 }
@@ -303,8 +306,8 @@ export declare function DataSelection(
     setup?: GenericCtx<DataSelectionProps, DataSelectionEmits, {}, {}>,
 ): GenericReturn<DataSelectionProps, DataSelectionEmits, {}, {}>
 
-export type DataCustomProps<Data extends {}> = {
-    data: Data[]
+export interface DataCustomProps<Data extends {}> {
+    data: ArrayLike<Data>
     hiddenField?: keyof Data | undefined
     fixedField?: keyof Data | undefined
     labelField?: keyof Data | undefined
@@ -312,9 +315,10 @@ export type DataCustomProps<Data extends {}> = {
     showFixed?: boolean | undefined
     disabledField?: keyof Data | undefined
     visibleField?: keyof Data | undefined
-    labelTitle?: VNodeChild | undefined
     size?: number | undefined
     type?: 'primary' | 'default' | undefined
+    tooltipPlacement?: TooltipProps['placement'] | undefined
+    buttonRender?: () => VNodeChild
     onCustom?: MaybeArray<
         ((reset: true) => void)
         | ((sort: string[]) => void)
@@ -326,7 +330,7 @@ export type DataCustomProps<Data extends {}> = {
         | undefined
 }
 
-export type DataCustomEmits = {
+export interface DataCustomEmits {
     (e: 'custom', reset: true): void
     (e: 'custom', sort: string[]): void
     (e: 'custom', modify: {
@@ -343,11 +347,51 @@ export declare function DataCustom<Data extends {}>(
     setup?: GenericCtx<DataCustomProps<Data>, DataCustomEmits, {}, {}>,
 ): GenericReturn<DataCustomProps<Data>, DataCustomEmits, {}, {}>
 
-export type DataActionsProps = {
+export interface ViewProfileProps<Data extends {}> {
+    'profiles': ArrayLike<Data>
+    'nameField'?: keyof Data | undefined
+    'keyField'?: keyof Data | undefined
+    'lockedField'?: keyof Data | undefined
+    'changing'?: boolean | undefined
+    'size'?: number | undefined
+    'type'?: 'primary' | 'default' | undefined
+    'profile'?: string | null | undefined
+    'preference'?: string | null | undefined
+    'onUpdateProfile'?: MaybeArray<(profile: string) => void> | undefined
+    'onUpdate:profile'?: MaybeArray<(profile: string) => void> | undefined
+    'onUpdatePreference'?: MaybeArray<(preference: string | undefined) => void> | undefined
+    'onUpdate:preference'?: MaybeArray<(preference: string | undefined) => void> | undefined
+    'onCopy'?: MaybeArray<(key: string) => void> | undefined
+    'onSave'?: MaybeArray<(payload: { name: string, key: string }) => void> | undefined
+    'onRemove'?: MaybeArray<(key: string) => void> | undefined
+}
+
+export interface ViewProfileEmits {
+    (e: 'updateProfile', profile: string): VoidFunction
+    (e: 'update:profile', profile: string): void
+    (e: 'updatePreference', preference: string | undefined): void
+    (e: 'update:preference', preference: string | undefined): void
+    (e: 'copy', key: string): void
+    (e: 'save', payload: { name: string, key: string }): void
+    (e: 'remove', key: string): void
+}
+
+export interface ViewProfileSlots {
+    default?: () => VNodeChild
+}
+
+export declare function ViewProfile<Data extends {}>(
+    props: ViewProfileProps<Data> & PublicProps,
+    ctx?: Pick<GenericCtx<ViewProfileProps<Data>, ViewProfileEmits, ViewProfileSlots, {}>, 'attrs' | 'emit' | 'slots'>,
+    expose?: (exposed?: GenericExposed<{}>) => void,
+    setup?: GenericCtx<ViewProfileProps<Data>, ViewProfileEmits, ViewProfileSlots, {}>,
+): GenericReturn<ViewProfileProps<Data>, ViewProfileEmits, ViewProfileSlots, {}>
+
+export interface DataActionsProps {
     options?: TableActionRenderParam[] | undefined
 }
 
-export type DataActionsEmits = {}
+export interface DataActionsEmits {}
 
 export declare function DataActions(
     props: DataActionsProps & PublicProps,
@@ -356,7 +400,7 @@ export declare function DataActions(
     setup?: GenericCtx<DataActionsProps, DataActionsEmits, { default?: () => VNodeChild }, {}>,
 ): GenericReturn<DataActionsProps, DataActionsEmits, { default?: () => VNodeChild }, {}>
 
-export type DataLocaleInputProps = {
+export interface DataLocaleInputProps {
     'label'?: VNodeChild | (() => VNodeChild) | undefined
     'modelValue'?: Record<string, string | undefined> | null | undefined
     'supports'?: { label: string, value: string }[] | undefined
@@ -370,7 +414,7 @@ export type DataLocaleInputProps = {
     'onUpdateModelValue'?: MaybeArray<(modelValue: Record<string, string | undefined> | null) => void> | undefined
 }
 
-export type DataLocaleInputEmits = {
+export interface DataLocaleInputEmits {
     (e: 'update:modelValue', modelValue: Record<string, string | undefined> | null | undefined): void
     (e: 'updateModelValue', modelValue: Record<string, string | undefined> | null | undefined): void
 }
@@ -392,14 +436,14 @@ export declare function useLocaleEdit(
 }
 
 export interface CheckboxesProps extends Omit<CheckboxGroupProps, 'value' | 'onUpdate:value' | 'defaultValue'> {
-    'options'?: DictItem[] | Record<string, unknown>[] | undefined
+    'options'?: ArrayLike<DictItem> | ArrayLike<Record<string, unknown>> | undefined
     'vertical'?: boolean | undefined
     'default'?: boolean | string | DictItem | undefined
     'labelPadding'?: CSSProperties['padding']
     'labelField'?: string | undefined
     'valueField'?: string | undefined
     'disabledField'?: string | undefined
-    'modelValue'?: string[] | number[] | null | undefined
+    'modelValue'?: ArrayLike<string> | ArrayLike<number> | null | undefined
     'onUpdate:modelValue'?: MaybeArray<(modelValue: string[] | number[] | null) => void> | undefined
     'onUpdateModelValue'?: MaybeArray<(modelValue: string[] | number[] | null) => void> | undefined
 }
@@ -417,7 +461,7 @@ export declare function NCheckboxes(
 ): GenericReturn<CheckboxesProps, CheckboxesEmits, {}, {}>
 
 export interface RadiosProps extends Omit<RadioGroupProps, 'value' | 'onUpdate:value' | 'defaultValue'> {
-    'options'?: DictItem[] | Record<string, unknown>[] | undefined
+    'options'?: ArrayLike<DictItem> | ArrayLike<Record<string, unknown>> | undefined
     'type'?: 'radio' | 'button' | 'button-primary' | undefined
     'vertical'?: boolean | undefined
     'default'?: boolean | string | DictItem | undefined
@@ -488,7 +532,7 @@ export declare function DtUserDept<Multiple extends boolean>(
 ): GenericReturn<UserDeptProps<Multiple>, UserDeptEmits<Multiple>, {}, {}>
 
 interface UserRenderProps {
-    value?: string | string[] | null | undefined
+    value?: string | ArrayLike<string> | null | undefined
     multiple?: boolean | undefined
     max?: number | undefined
     size?: number | undefined
@@ -508,7 +552,7 @@ export declare const DtUserRender: (
 ) => GenericReturn<UserRenderProps, UserRenderEmits, {}, {}>
 
 interface DeptRenderProps {
-    value?: string | string[] | null | undefined
+    value?: string | ArrayLike<string> | null | undefined
     multiple?: boolean | undefined
     getDeptsByCode?: (codes: string[]) => Promise<DeptOption[]>
 }
@@ -526,7 +570,7 @@ export declare const DtDeptRender: (
 export interface DataDescriptionsProps<Data extends object> {
     cols?: number
     data: Partial<Data> | undefined | null
-    items: DescriptionItem<Data>[]
+    items: ArrayLike<DescriptionItem<Data>>
     title?: VNodeChild | ((data: Partial<Data> | undefined) => VNodeChild)
     anchor?: boolean | AnchorProps & AllowedComponentProps | undefined
 }
@@ -540,3 +584,51 @@ export declare function DataDescriptions<Data extends {}>(
     expose?: (exposed?: GenericExposed<{}>) => void,
     setup?: GenericCtx<DataDescriptionsProps<Data>, DataDescriptionsEmits, {}, {}>,
 ): GenericReturn<DataDescriptionsProps<Data>, DataDescriptionsEmits, {}, {}>
+
+export interface FullscreenButtonProps extends ButtonProps {
+    target?: string | MaybeElement
+    iconSize?: IconProps['size']
+    abstract?: boolean | undefined
+    isFullscreen?: boolean | undefined
+    tooltipPlacement?: TooltipProps['placement'] | undefined
+    onChange?: ((isFullscreen: boolean) => void) | undefined
+}
+
+interface FullscreenButtonEmits {
+    (e: 'change', isFullscreen: boolean): void
+}
+
+export declare function FullscreenButton(
+    props: FullscreenButtonProps & PublicProps,
+    ctx?: Pick<GenericCtx<FullscreenButtonProps, FullscreenButtonEmits>, 'attrs' | 'emit' | 'slots'>,
+    expose?: (exposed?: GenericExposed<{}>) => void,
+    setup?: GenericCtx<FullscreenButtonProps, FullscreenButtonEmits, {}, {}>,
+): GenericReturn<FullscreenButtonProps, FullscreenButtonEmits, {}, {}>
+
+export interface FullscreenWrapperProps {
+    tag?: string | undefined
+    scrollable?: boolean | undefined
+    scrollbarProps?: ScrollbarProps | undefined
+    onChange?: ((isFullscreen: boolean) => void) | undefined
+}
+
+interface FullscreenWrapperEmits {
+    (e: 'change', isFullscreen: boolean): void
+}
+
+interface FullscreenWrapperSlots {
+    default?: (params: {
+        target: HTMLElement
+        isFullscreen: boolean
+        enter: () => Promise<void>
+        exit: () => Promise<void>
+        toggle: () => Promise<void>
+    }) => VNodeChild
+}
+
+export declare function FullscreenWrapper(
+    props: FullscreenWrapperProps & PublicProps,
+    ctx?: Pick<GenericCtx<FullscreenWrapperProps, FullscreenWrapperEmits, FullscreenWrapperSlots>, 'attrs' | 'emit' | 'slots'>,
+    expose?: (exposed?: GenericExposed<{}>) => void,
+    setup?: GenericCtx<FullscreenWrapperProps, FullscreenWrapperEmits, FullscreenWrapperSlots, {}>,
+): GenericReturn<FullscreenWrapperProps, FullscreenWrapperEmits, FullscreenWrapperSlots, {}>