@ithinkdt/ui 4.0.0-9 → 4.0.0

package/locale.d.ts

@@ -0,0 +1,79 @@
+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
+                fileSizeExceeded: string
+            }
+        }
+        filter: {
+            submitText: string
+            expand: string
+            collapse: string
+        }
+    }
+}
+
+declare const locale: UILocale
+export default locale

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ithinkdt/ui",
-  "version": "4.0.0-9",
+  "version": "4.0.0",
   "type": "module",
   "license": "MIT",
   "description": "iThinkDT UI",
@@ -10,34 +10,35 @@
     "ui"
   ],
   "files": [
-    "src",
+    "dist",
+    "esm",
     "auto-imports.*",
-    "shims.*",
-    "unocss.*"
+    "locale.*",
+    "unocss*"
   ],
-  "main": "./src/index.js",
-  "module": "./src/index.js",
-  "types": "./src/index.d.ts",
+  "main": "./esm/index.js",
+  "module": "./esm/index.js",
+  "types": "./esm/index.d.ts",
   "exports": {
     ".": {
-      "types": "./src/index.d.ts",
-      "default": "./src/index.js"
+      "types": "./esm/index.d.ts",
+      "default": "./esm/index.js"
     },
     "./directives": {
-      "types": "./src/directives.d.ts",
-      "default": "./src/directives/index.js"
+      "types": "./esm/directives.d.ts",
+      "default": "./esm/directives.js"
     },
     "./components": {
-      "types": "./src/components.d.ts",
-      "default": "./src/components/index.js"
+      "types": "./esm/components.d.ts",
+      "default": "./esm/components.js"
     },
     "./use-style": {
-      "types": "./src/use-style.d.ts",
-      "default": "./src/use-style.js"
+      "types": "./esm/use-style.d.ts",
+      "default": "./esm/use-style.js"
     },
     "./page": {
-      "types": "./src/page.d.ts",
-      "default": "./src/page.jsx"
+      "types": "./esm/page.d.ts",
+      "default": "./esm/page.js"
     },
     "./package.json": {
       "default": "./package.json"
@@ -47,8 +48,8 @@
       "default": "./auto-imports.js"
     },
     "./unocss": {
-      "types": "./unocss.d.ts",
-      "default": "./unocss.js"
+      "types": "./unocss-preset.d.ts",
+      "default": "./unocss-preset.js"
     }
   },
   "publishConfig": {
@@ -57,13 +58,13 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@vueuse/core": "^13.9.0",
+    "@vueuse/core": "^14.2.0",
     "date-fns": "^4.1.0",
     "vueuc": "^0.4.65",
     "sortablejs": "^1.15.6",
-    "@types/sortablejs": "^1.15.8",
+    "@types/sortablejs": "^1.15.9",
     "nanoid": "^5.1.6",
-    "@ithinkdt/common": "^4.0.0-9"
+    "@ithinkdt/common": "^4.0.0"
   },
   "peerDependencies": {
     "@ithinkdt/page": ">=4.0",
@@ -81,19 +82,18 @@
     }
   },
   "devDependencies": {
-    "@vitejs/plugin-vue-jsx": "^5.1.1",
-    "ithinkdt-ui": "^1.7.3",
+    "@vitejs/plugin-vue-jsx": "^5.1.4",
+    "ithinkdt-ui": "^1.8.3",
     "typescript": "~5.9.3",
-    "unocss": ">=66.5.2",
-    "vite": "npm:rolldown-vite@^7.1.16",
-    "vue": "^3.5.22",
-    "vue-router": "^4.5.1",
-    "@ithinkdt/page": "^4.0.0-9"
+    "unocss": ">=66.6.0",
+    "vite": "^8.0.0-beta.11",
+    "vue": "^3.5.27",
+    "vue-router": "^5.0.2",
+    "@ithinkdt/page": "^4.0.0"
   },
   "scripts": {
-    "build": " vite build && cp -r ./_src/*.d.ts ./src",
-    "prerelease": "cp -r ./src ./_src && pnpm run build",
-    "release": "pnpm publish --no-git-checks",
-    "postrelease": "rm -rf ./src && cp -r ./_src ./src && rm -rf ./_src"
+    "dev": "vite build --watch",
+    "build": "vite build",
+    "release": "pnpm run build && pnpm publish --no-git-checks"
   }
 }

package/unocss-preset.d.ts

@@ -0,0 +1,5 @@
+import { Preset, PresetWind4Theme } from 'unocss'
+
+declare const ithinkdt: (options?: { namespace?: string | undefined }) => Preset<PresetWind4Theme>[]
+
+export default ithinkdt

package/unocss-preset.js

@@ -0,0 +1,163 @@
+import { presetWind4, transformerDirectives, transformerVariantGroup } from 'unocss'
+
+const ithinkdt = (options = {}) => {
+    const { namespace: ns } = options
+
+    let wind4, postprocess
+    if (ns) {
+        wind4 = () => {
+            const plugin = presetWind4({
+                variablePrefix: `${ns}-`,
+                preflights: {
+                    reset: false,
+                    property: {
+                        selector: `.${ns} :where(*, ::before, ::after)`,
+                    },
+                },
+            })
+
+            return {
+                ...plugin,
+                preflights: plugin.preflights?.map((preflight) => {
+                    if (preflight.layer === 'theme') {
+                        return {
+                            ...preflight,
+                            async getCSS(ctx) {
+                                let result = await preflight.getCSS?.(ctx)
+                                if (result) {
+                                    result = result.replace(':root, :host', `.${ns}`)
+                                }
+                                return result
+                            },
+                        }
+                    } else if (preflight.layer === 'properties') {
+                        return {
+                            ...preflight,
+                            async getCSS(ctx) {
+                                let result = await preflight.getCSS?.(ctx)
+                                if (result) {
+                                    result = result
+                                        .replaceAll('--un-', `--${ns}-`)
+                                }
+                                return result
+                            },
+                        }
+                    }
+                    return preflight
+                }),
+            }
+        }
+        postprocess = [
+            (p) => {
+                if (p.selector.includes('--un-')) {
+                    p.selector = p.selector.replaceAll('--un-', `--${ns}-`)
+                } else if (p.selector.endsWith(String.raw`.\-`)) {
+                    if (p.selector.startsWith('.dark ')) {
+                        p.selector = `.dark & ${p.selector.slice(6)}`
+                    }
+                } else {
+                    p.selector = p.selector.startsWith('.dark ') ? `.dark .${ns} ${p.selector.slice(6)}` : `.${ns} ${p.selector}`
+                }
+            },
+        ]
+    } else { wind4 = presetWind4 }
+
+    const alphas = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950]
+    const ithinkdt = {
+        name: 'preset-ithinkdt',
+        options,
+        theme: {
+            colors: {
+                ...Object.fromEntries(
+                    ['primary', 'success', 'warning', 'danger'].map(name => [
+                        name,
+                        {
+                            DEFAULT: `var(--color-${name})`,
+                            ...Object.fromEntries(alphas.map(alpha => [`${alpha}`, `color-mix(in oklab, var(--color-${name}) ${alpha / 10}%, #fff ${(1000 - alpha) / 10}%)`])),
+                            ...Object.fromEntries(
+                                ['hover', 'active'].flatMap(level => [
+                                    [level, `var(--color-${name}-${level})`],
+                                    ...alphas.map(alpha => [`${level}-${alpha}`, `color-mix(in oklab, var(--color-${name}-${level}) ${alpha / 10}%, #fff ${(1000 - alpha) / 10}%)`]),
+                                ]),
+                            ),
+                        },
+                    ]),
+                ),
+                text: {
+                    DEFAULT: `var(--color-text)`,
+                    ...Object.fromEntries(alphas.map(alpha => [`${alpha}`, `color-mix(in oklab, var(--color-text) ${alpha / 10}%, #fff ${(1000 - alpha) / 10}%)`])),
+                },
+                base: { DEFAULT: `var(--color-base)` },
+            },
+            radius: Object.fromEntries(
+                ['xs', 'sm', 'md', 'lg'].map(size => [size, `var(--rounded-${size})`]),
+            ),
+        },
+        variants: [
+            // stuck:
+            (matcher) => {
+                const array = ['top', 'right', 'bottom', 'left']
+                const index = array.findIndex(it => matcher.startsWith(`stuck-${it}:`))
+                if (index === -1)
+                    return matcher
+                return {
+                    matcher: matcher.slice(7 + array[index].length),
+                    handle: (input, next) => next({
+                        ...input,
+                        parent: `${input.parent ? `${input.parent} $$ ` : ''} @container scroll-state(stuck: ${array[index]})`,
+                    }),
+                }
+            },
+        ],
+        rules: [
+            ['scroll-state', { 'container-type': 'scroll-state' }],
+            [
+                /^bg-img-(.*)$/,
+                ([_, r]) => {
+                    return {
+                        'background-image': r[0] === '[' && r.at(-1) === ']' ? r.slice(1, -1) : r,
+                    }
+                },
+            ],
+            [
+                /^mask-(.*)$/,
+                ([_, r]) => {
+                    const mask = `var(--un-icon) no-repeat`
+                    return {
+                        '--un-icon': r[0] === '[' && r.at(-1) === ']' ? r.slice(1, -1) : r,
+                        mask,
+                        'mask-size': '100% 100%',
+                    }
+                },
+            ],
+        ],
+        shortcuts: [
+            [
+                /^card-(.*)$/,
+                ([_, size]) => {
+                    const i = ['none', 'sm', 'md', 'lg'].indexOf(size)
+                    if (i === -1) return
+                    const p = [0, 2, 4, 5][i]
+                    return `rounded-${size} px-${p + 1} py-${p} bg-white dark:bg-dark ease-in-out transition-shadow 
+                       hover:shadow-[0_1px_2px_0_rgba(0_0_0_/_0.03),0_1px_6px_-1px_rgba(0_0_0_/_0.02),0_2px_4px_0_rgba(0_0_0_/_0.02)]`
+                },
+                { autocomplete: ['card-none', 'card-sm', 'card-md', 'card-lg'] },
+            ],
+            {
+                'ell': 'truncate',
+                'ell-2': 'line-clamp-2 whitespace-normal',
+                'ell-3': 'line-clamp-3 whitespace-normal',
+                'flex-center': 'flex justify-center items-center',
+                'card': `card-md`,
+            },
+        ],
+        transformers: [transformerDirectives(), transformerVariantGroup()],
+        postprocess: postprocess,
+    }
+    return [
+        wind4(),
+        ithinkdt,
+    ]
+}
+
+export default ithinkdt

package/src/page.d.ts

@@ -1,153 +0,0 @@
-import {
-    CheckboxProps, DatePickerProps, DatePickerSlots,
-    DrawerContentProps, DrawerProps,
-    InputNumberProps, InputNumberSlots, InputProps, InputSlots,
-    ModalOptions,
-    SelectGroupOption, SelectOption, SelectProps, SelectSlots,
-    UploadFileInfo,
-} from 'ithinkdt-ui'
-import { MaybeRef, VNode, VNodeProps } from 'vue'
-
-import { DictItem, DictTypeKey } from '@ithinkdt/common/dict'
-import { PageOptions } from '@ithinkdt/page'
-
-import { CheckboxesProps, RadiosProps, UserDeptProps, UserGroupOption } from './components'
-
-type DeepMaybeRef<T extends {}> = {
-    [Key in (keyof T)]: MaybeRef<T[Key]>
-}
-
-declare module '@ithinkdt/page' {
-    interface FormComponentPresets {
-        input: {
-            props?: DeepMaybeRef<Omit<InputProps, 'value' | 'onUpdate:value' | 'disabled'>> & VNodeProps
-            slots?: InputSlots
-        }
-        number: {
-            props?: DeepMaybeRef<Omit<InputNumberProps, 'value' | 'onUpdate:value' | 'disabled'>> & VNodeProps
-            slots?: InputNumberSlots
-        }
-        select: {
-            props?: DeepMaybeRef<Omit<SelectProps, 'options' | 'value' | 'onUpdate:value' | 'disabled'> & VNodeProps
-            & {
-                dictType?: DictTypeKey | undefined
-                options?: DictItem[] | (SelectOption | SelectGroupOption)[] | undefined
-            }>
-            slots?: SelectSlots
-        }
-
-        checkbox: {
-            props?: DeepMaybeRef<Omit<CheckboxProps, 'checked' | 'onUpdate:checked' | 'disabled'>> & VNodeProps
-            slots?: {
-                default?: (() => VNode[]) | undefined
-                checked?: (() => VNode[]) | undefined
-                unchecked?: (() => VNode[]) | undefined
-            }
-        }
-
-        checkboxes: {
-            props?: DeepMaybeRef<Omit<CheckboxesProps, 'disabled'> & VNodeProps
-            & {
-                dictType?: DictTypeKey | undefined
-                options?: DictItem[] | undefined
-            }>
-            slots?: { }
-        }
-
-        radios: {
-            props?: DeepMaybeRef<Omit<RadiosProps, 'disabled'> & VNodeProps
-            & {
-                dictType?: DictTypeKey | undefined
-                options?: DictItem[] | undefined
-            }>
-            slots?: { }
-        }
-
-        datepicker: {
-            props?: DeepMaybeRef<Omit<DatePickerProps, 'value' | 'onUpdate:value' | 'disabled'>> & VNodeProps
-            slots?: DatePickerSlots
-        }
-
-        file: {
-            props?: DeepMaybeRef<{
-                type?: 'file' | 'image' | undefined
-                multiple?: boolean | undefined
-                max?: number | undefined
-                accept?: string | undefined
-                maxSize?: number | undefined
-            } & VNodeProps>
-            slots?: {
-                default?: (() => VNode[]) | undefined
-            }
-        }
-
-        user: {
-            props?: DeepMaybeRef<Omit<UserDeptProps<boolean>, 'modelValue' | 'onUpdate:modelValue' | 'disabled'
-            | 'users' | 'groups' | 'depts' | 'getUsersByGroup' | 'getUsersByDept'>> & VNodeProps
-            slots?: {}
-        }
-    }
-
-    interface TableTypePresets {
-        number: {
-            /** 保留 n 位小数（保留 0） */
-            fixed?: number | undefined
-            /** 保留 n 位小数（不保留 0） */
-            round?: number | undefined
-            /** 保留 n 位数（不保留 0） */
-            precision?: number | undefined
-            /** 使用数字分隔符 */
-            separator?: boolean | undefined
-            /** 是否为百分数 */
-            percent?: boolean | undefined
-        }
-
-        date: {
-            formatter?: 'yyyy-MM-dd' | 'yyyy/MM/dd' | string & {} | undefined
-        }
-
-        datetime: {
-            formatter?: 'yyyy-MM-dd HH:mm' | 'yyyy-MM-dd HH:mm:ss' | string & {} | undefined
-        }
-
-        dict: {
-            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: { multiple?: boolean | undefined }
-        image: { multiple?: boolean | undefined }
-        user: { multiple?: boolean | undefined }
-        dept: { multiple?: boolean | undefined }
-    }
-
-    type ModalOptionsKey = 'type' | keyof import('@ithinkdt/page').ModalOptions
-    interface ModalDrawerOptions extends DeepMaybeRef<Omit<DrawerContentProps, ModalOptionsKey>>, DeepMaybeRef<Omit<DrawerProps, ModalOptionsKey>> { }
-
-    interface ModalDialogOptions extends DeepMaybeRef<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>
-}): PageOptions['getFormItemRenderer']
-export declare function createPageTableHelper(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['getCellRenderer']
-export declare function createFormHelper(options?: { }): PageOptions['getFormRenderer']
-export declare function createModalHelper(options?: { }): PageOptions['getModalRenderer']

package/unocss.d.ts

@@ -1,5 +0,0 @@
-import { PresetFactory, PresetUnoTheme } from 'unocss'
-
-declare const ithinkdt: PresetFactory<PresetUnoTheme, {}>
-
-export default ithinkdt

package/unocss.js

@@ -1,95 +0,0 @@
-const ithinkdt = () => {
-    return {
-        name: 'preset-ithinkdt',
-        theme: {
-            colors: {
-                ...Object.fromEntries(
-                    ['primary', 'success', 'warning', 'danger'].map(name => [
-                        name,
-                        {
-                            DEFAULT: `rgb(var(--color-${name}-rgb) / <alpha-value>)`,
-                            ...Object.fromEntries(
-                                ['hover', 'active'].map(level => [
-                                    level,
-                                    `rgb(var(--color-${name}-${level}-rgb) / <alpha-value>)`,
-                                ]),
-                            ),
-                        },
-                    ]),
-                ),
-                text: {
-                    DEFAULT: `rgb(var(--color-text-rgb))`,
-                },
-                base: {
-                    DEFAULT: `rgb(var(--color-base-rgb))`,
-                },
-            },
-            borderRadius: Object.fromEntries(
-                ['tiny', 'small', 'medium', 'large'].map(size => [size, `var(--rounded-${size})`]),
-            ),
-        },
-        variants: [
-            // stuck:
-            (matcher) => {
-                const array = ['top', 'right', 'bottom', 'left']
-                const index = array.findIndex(it => matcher.startsWith(`stuck-${it}:`))
-                if (index === -1)
-                    return matcher
-                return {
-                    matcher: matcher.slice(7 + array[index].length),
-                    handle: (input, next) => next({
-                        ...input,
-                        parent: `${input.parent ? `${input.parent} $$ ` : ''} @container scroll-state(stuck: ${array[index]})`,
-                    }),
-                }
-            },
-        ],
-        rules: [
-            ['scroll-state', { 'container-type': 'scroll-state' }],
-            [
-                /^bg-img-(.*)$/,
-                ([_, r]) => {
-                    return {
-                        'background-image': r[0] === '[' && r.at(-1) === ']' ? r.slice(1, -1) : r,
-                    }
-                },
-            ],
-            [
-                /^mask-(.*)$/,
-                ([_, r]) => {
-                    const mask = `var(--un-icon) no-repeat`
-                    return {
-                        '--un-icon': r[0] === '[' && r.at(-1) === ']' ? r.slice(1, -1) : r,
-                        mask,
-                        'mask-size': '100% 100%',
-                    }
-                },
-            ],
-        ],
-        shortcuts: [
-            [
-                /^card-(.*)$/,
-                ([_, size]) => {
-                    const i = ['none', 'small', 'medium', 'large'].indexOf(size)
-                    if (i === -1) return
-                    const p = [0, 2, 4, 5][i]
-                    return `rounded-${size} px-${p + 1} py-${p} bg-white dark:bg-dark ease-in-out transition-shadow 
-                       hover:shadow-[0_1px_2px_0_rgba(0_0_0_/_0.03),0_1px_6px_-1px_rgba(0_0_0_/_0.02),0_2px_4px_0_rgba(0_0_0_/_0.02)]`
-                },
-                { autocomplete: ['card-none', 'card-small', 'card-medium', 'card-large'] },
-            ],
-            {
-                'ell': 'truncate',
-                'ell-2': 'line-clamp-2',
-                'ell-3': 'line-clamp-3',
-                'flex-x-center': 'flex items-center',
-                'flex-y-center': 'flex justify-center',
-                'flex-center': 'flex justify-center items-center',
-                'page': 'flex flex-col p-5 gap-4',
-                'card': `card-medium`,
-            },
-        ],
-    }
-}
-
-export default ithinkdt