@ithinkdt/ui 4.0.0-5 → 4.0.0-500

package/esm/design.d.ts

@@ -0,0 +1,243 @@
+import { Component, FunctionalComponent, VNode, VNodeChild } from 'vue'
+
+import { MaybePromise, PublicProps } from '@ithinkdt/common'
+
+export declare const AppLayout: (
+    props: PublicProps & {
+        /**
+         * 布局模式
+         * - left2right 左右布局，侧栏占据整个高度
+         * - top2bottom 上下布局，头部占据所有宽度
+         */
+        layout?: 'left2right' | 'top2bottom' | undefined
+
+        /** 最大化内容 */
+        fullContent?: boolean | undefined
+    },
+    context: {
+        slots: {
+            default?: (() => VNode) | undefined
+        }
+    },
+) => VNode
+
+export declare const AppHeader: (
+    props: PublicProps & {
+        height?: number | undefined
+    },
+    context: {
+        slots: {
+            default?: (() => VNode) | undefined
+        }
+    },
+) => VNode
+
+export declare const AppContent: (
+    props: PublicProps & {
+        scrollbar?: 'naive' | 'native' | undefined
+    },
+    context: {
+        slots: {
+            default?: (() => VNode) | undefined
+        }
+    },
+) => VNode
+
+export declare const AppSider: (
+    props: PublicProps & {
+        'collapsed'?: boolean | undefined
+        'width'?: number | undefined
+        'collapsedWidth'?: number | undefined
+        'showCollapseBtn'?: boolean | undefined
+        'hidden'?: boolean | undefined
+        'onUpdate:collapsed'?: ((collapsed: boolean) => void) | undefined
+    },
+    context: {
+        slots: {
+            default?: (() => VNode) | undefined
+        }
+    },
+) => VNode
+
+export declare const AppFooter: (
+    props: PublicProps & {},
+    context: {
+        slots: {
+            default?: (() => VNode) | undefined
+        }
+    },
+) => VNode
+
+export declare const AppLogo: (
+    props: PublicProps & {
+        src?: string | (() => MaybePromise<string | undefined>) | undefined
+        name?: string | undefined
+        center?: boolean | undefined
+        link?: boolean | undefined
+        collapsed?: boolean | undefined
+        onClick?: ((event: MouseEvent) => void) | undefined
+    },
+    context: {
+        slots: {
+            default?: (() => VNode) | undefined
+            icon?: (() => VNode) | undefined
+        }
+    },
+) => VNode
+
+/** 应用模块基础公共部分 */
+interface ModuleOptionBase {
+    /** 唯一键 */
+    key: string
+    /** 名称 */
+    name: string
+}
+/** 应用模块组 */
+export interface ModuleOptionGroup extends ModuleOptionBase {
+    type: 'group'
+    /** 图标 */
+    icon?: string
+    /** 子模块 */
+    children?: (ModuleOptionGroup | ModuleOptionView)[]
+}
+/** 应用视图模块 */
+export interface ModuleOptionView extends ModuleOptionBase {
+    type: 'view'
+    /** 路径 */
+    path: string
+    /** 图标 */
+    icon?: string
+}
+
+export type ModuleOption = ModuleOptionGroup | ModuleOptionView
+export declare const AppMenu: (
+    props: PublicProps & {
+        current?: string | undefined
+        menus?: ModuleOption[] | undefined
+        collapsed?: boolean | undefined
+        accordion?: boolean | undefined
+        getIcon?: ((key: string | undefined) => FunctionalComponent) | undefined
+        horizontal?: boolean | undefined
+        single?: boolean | undefined
+        width?: number | undefined
+        collapsedWidth?: number | undefined
+        renderLabel?: ((menu: ModuleOption) => VNodeChild) | undefined
+    },
+) => VNode
+
+export interface BreadcrumbOption {
+    /** 标题 */
+    title: string | (() => string)
+    /** 图标 */
+    icon?: string | Component | undefined
+    /** 链接地址 */
+    href?: string | undefined
+    /** 子项之间的分隔符 */
+    separator?: string | undefined
+}
+export declare const AppBreadcrumb: (
+    props: PublicProps & {
+        items?: BreadcrumbOption[] | undefined
+        getIcon?: ((key: string) => FunctionalComponent) | undefined
+    },
+) => VNode
+
+export declare const AppAccount: (
+    props: PublicProps & {
+        username?: string | undefined
+        nickname?: string | undefined
+        head?: string | undefined
+        showLogoutButton?: boolean | undefined
+        showChangePwd?: boolean | undefined
+        onChangePwd?: (() => void) | undefined
+        onLogout?: (() => void) | undefined
+    },
+    context: {
+        slots: {
+            extra?: (() => VNode) | undefined
+            logoutButton?: (() => VNode) | undefined
+            dropdown?: ((binding: { ChangePwd: Component, Logout: Component }) => VNode) | undefined
+            dropdownExtra?: (() => VNode) | undefined
+        }
+    },
+) => VNode
+
+export declare const AppFullscreen: (
+    props: PublicProps & {
+        onChange?: ((isFullscreen: boolean) => void) | undefined
+    },
+) => VNode
+
+export declare const AppAppearance: (
+    props: PublicProps & {
+        'mode'?: 'auto' | 'light' | 'dark' | undefined
+        'onUpdate:mode'?: ((mode: 'auto' | 'light' | 'dark') => void) | undefined
+    },
+) => VNode
+
+export declare const AppLanguage: (
+    props: PublicProps & {
+        'supports'?: ({ label: string, value: string, icon?: () => VNodeChild }[]) | undefined
+        'lang'?: string | undefined
+        'onUpdate:lang'?: ((lang: string) => void) | undefined
+    },
+) => VNode
+
+export interface MultiTabItem {
+    key: string
+    title: string
+    path: string
+    fullPath: string
+    href: string
+    reloading?: boolean | undefined
+    closable: boolean
+    close: (navigate?: boolean) => Promise<void>
+}
+
+export declare const AppMultiTabs: (
+    props: PublicProps & {
+        'showBreadcrumb'?: boolean | undefined
+        'fullTab'?: boolean | undefined
+        'tabs': MultiTabItem[]
+        'current'?: MultiTabItem | undefined
+        'dark'?: boolean | undefined
+        'onUpdate:fullTab'?: ((fullTab: boolean) => void) | undefined
+    },
+    context: {
+        slots: {
+            name?: ((binding: { isCurrent: boolean, name: string, tab: MultiTabItem }) => VNodeChild) | undefined
+        }
+    },
+) => VNode
+
+export interface NotificationProps {
+    getUnreadCount: () => Promise<number>
+    getPage: (
+        type: 'all' | 'unread',
+        page: number,
+        size: number,
+    ) => Promise<{
+        records: {
+            key: string
+            title: string
+            content: () => VNodeChild
+            date: number
+            status: 'read' | 'unread'
+            link?: string
+        }[]
+        total: number
+    }>
+    markRead: (keys: string[]) => Promise<void>
+    markDelete: (keys: string[]) => Promise<void>
+    interval?: number | undefined
+}
+
+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/esm/directives.d.ts

@@ -0,0 +1,42 @@
+import { Directive, VNode, VNodeChild } from 'vue'
+
+export declare const SpinDirectiveProvider: (props: { dark?: boolean }) => VNode
+
+/**
+ * directive 加载效果
+ *
+ * 支持 dom dataset 参数 'data-spin-tip'
+ *
+ * 将在容器最后 append 元素，如果容器的 position 是 static，将修改为 relative。如出现样式问题请注意排查
+ *
+ * 支持的修饰符
+ * - 'light' | 'dark' | 'auto' 暗色｜亮色｜自动模式
+ */
+export declare const vSpin: Directive<HTMLElement, void | undefined | string | boolean | number, 'light' | 'dark'>
+
+export declare const TooltipDirectiveProvider: (props: { delay?: number }) => VNode
+
+/**
+ * directive 弹出提示
+ *
+ * 支持的修饰符
+ * - 'auto' 当内容溢出来容器时自动展示，否则隐藏
+ * - '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'
+    | 'left-end'
+    | 'left'
+    | 'left-start'
+    | 'top-start'
+    | 'top'
+    | 'top-end'
+    | 'right-start'
+    | 'right'
+    | 'right-end'
+    | 'bottom-end'
+    | 'bottom'
+    | 'bottom-start'
+>

package/esm/directives.js

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

package/esm/index.d.ts

@@ -0,0 +1,19 @@
+import { VNode } from 'vue'
+
+import { I18nComposable, ParseMessage } from '@ithinkdt/common/i18n'
+
+import { UILocale } from '../locale.js'
+
+import '../shims.js'
+
+export * from './directives.js'
+export * from './design.js'
+
+export { UILocale }
+
+/** Props for {@link UIProvider} */
+export interface UIProviderProps {
+    i18n?: I18nComposable<ParseMessage<UILocale, 'common'>>
+}
+
+export declare const UIProvider: (props: UIProviderProps) => VNode

package/esm/index.js

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

package/esm/page.d.ts

@@ -0,0 +1,189 @@
+import {
+    CheckboxProps, DatePickerProps, DatePickerSlots, DrawerContentProps, DrawerProps,
+    InputNumberProps, InputNumberSlots, InputProps, InputSlots,
+    ModalOptions, SelectGroupOption, SelectOption, SelectProps, SelectSlots,
+    UploadFileInfo, UploadProps,
+} from 'ithinkdt-ui'
+import { MaybeRef, VNode } from 'vue'
+
+import { PublicProps } from '@ithinkdt/common'
+import { DictItem, DictTypeKey } from '@ithinkdt/common/dict'
+import { PageOptions } from '@ithinkdt/page'
+
+import { CheckboxesProps, RadiosProps, UserDeptProps, UserGroupOption } 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
+                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
+                maxSize?: number | undefined
+                onBeforeUpload?: UploadProps['onBeforeUpload']
+            } & PublicProps>
+            uploadSlots?: {
+                default?: (() => VNode[]) | undefined
+            }
+        }
+
+        user: {
+            userProps?: ShallowMaybeRef<Omit<UserDeptProps<boolean>, 'modelValue' | 'onUpdate:modelValue' | 'disabled'
+            | 'users' | 'groups' | 'depts' | 'getUsersByGroup' | 'getUsersByDept'>> & PublicProps
+            userSlots?: {}
+        }
+    }
+
+    interface DescriptionTypePresets {
+        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 }>
+        }
+        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.d.ts

@@ -0,0 +1,10 @@
+import _useStyle from 'ithinkdt-ui/es/_mixins/use-style'
+import { Ref } from 'vue'
+
+export { c, cB, cE, cM } from 'ithinkdt-ui/es/_utils/cssr/index'
+
+export declare function useClsPrefix(): Ref<string>
+
+declare function useStyle(...params: Parameters<typeof _useStyle>): Ref<string>
+
+export default useStyle

package/esm/use-style.js

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

package/locale.d.ts

@@ -0,0 +1,78 @@
+export interface UILocale {
+    all: string
+    back: string
+    layout: {
+        sider: {
+            collapse: string
+            expand: string
+        }
+        screen: {
+            full: string
+            exitfull: string
+        }
+        mode: {
+            auto: string
+            light: string
+            dark: string
+        }
+        tabs: {
+            exitFullTab: string
+            fullTab: string
+            reloadTab: string
+            openTabBlank: string
+            closeAllTabs: string
+            closeLeftTabs: string
+            closeRightTabs: string
+            closeOtherTabs: string
+        }
+    }
+    account: {
+        logout: string
+        changePwd: string
+        changeTenant: string
+    }
+    notification: {
+        tip: (params: { count?: number | null }) => string
+        title: string
+        all: string
+        unread: (params: { count: string }) => string
+        markPageRead: string
+        markRead: string
+        markDelete: string
+        time: string
+    }
+    timeago: (params: { time: string | number | Date }) => string
+    page: {
+        selection: {
+            countText: (params: { count: number }) => string
+            back: string
+            view: string
+            clear: string
+        }
+        pagination: {
+            prefix: (params: { total: number }) => string
+            suffix: string
+        }
+        custom: {
+            tooltip: string
+            reset: string
+        }
+        form: {
+            submitText: string
+            resetText: string
+            cancelText: string
+            selectFileText: string
+            validate: {
+                fileErrorMessage: string
+            }
+        }
+        filter: {
+            submitText: string
+            expand: string
+            collapse: string
+        }
+    }
+}
+
+declare const locale: UILocale
+export default locale