@ithinkdt/ui 4.0.0-6 → 4.0.0-601

package/src/directives/tooltip.js

@@ -1,125 +0,0 @@
-import { defineComponent, h, shallowRef, ref, reactive, isVNode } from 'vue'
-import { useEventListener } from '@vueuse/core'
-import { NTooltip } from 'ithinkdt-ui'
-import { debounce } from '@ithinkdt/common/fn'
-
-const Tooltip = /* @__PURE__ */ Symbol('tooltip-dir')
-const current = /* @__PURE__ */ shallowRef()
-
-export const TooltipDirectiveProvider = /* @__PURE__ */ defineComponent({
-    name: 'TooltipDirectiveProvider',
-    setup() {
-        const show = ref(false)
-        const tip = shallowRef()
-        const pos = reactive({ x: 0, y: 0 })
-        const placement = ref('top')
-
-        const update = () => {
-            if (!current.value) return
-            const el = current.value
-            const tooltip = el[Tooltip]
-            const _tip = tooltip.tip
-            tip.value =
-                typeof _tip === 'function'
-                    ? _tip
-                    : isVNode(_tip)
-                      ? () => _tip
-                      : () =>
-                            h('span', {
-                                innerHTML: _tip || el.attributes.getNamedItem('title') || el.innerHTML,
-                            })
-
-            if (
-                !tooltip.binding.modifiers.auto ||
-                el.offsetWidth > el.parentElement.clientWidth ||
-                el.offsetHeight > el.parentElement.clientHeight
-            ) {
-                show.value = true
-
-                const rect = el.getBoundingClientRect()
-                placement.value =
-                    Object.keys(tooltip.binding.modifiers).find((m) =>
-                        ['top', 'right', 'left', 'bottom'].find((k) => m.startsWith(k)),
-                    ) ?? 'top'
-                switch (placement.value.split('-')[0]) {
-                    case 'top': {
-                        pos.x = rect.left + rect.width / 2
-                        pos.y = rect.top
-                        break
-                    }
-
-                    case 'right': {
-                        pos.x = rect.left + rect.width
-                        pos.y = rect.top + rect.height / 2
-                        break
-                    }
-
-                    case 'left': {
-                        pos.x = rect.left
-                        pos.y = rect.top + rect.height / 2
-                        break
-                    }
-
-                    case 'bottom': {
-                        pos.x = rect.left + rect.width / 2
-                        pos.y = rect.bottom
-                        break
-                    }
-                }
-            } else if (show.value) {
-                show.value = false
-            }
-        }
-
-        const update180 = debounce(update, 180)
-
-        useEventListener(
-            'mouseover',
-            (ev) => {
-                const el = ev.target
-                const tooltip = el[Tooltip]
-                if (!tooltip) {
-                    if (!current.value?.contains(el)) {
-                        show.value = false
-                        current.value = undefined
-                    }
-                    return
-                }
-                current.value = el
-                update180()
-            },
-            { passive: true, capture: true },
-        )
-
-        return () => {
-            return h(
-                NTooltip,
-                {
-                    trigger: 'manual',
-                    show: !!current.value && show.value,
-                    x: pos.x,
-                    y: pos.y,
-                    placement: placement.value,
-                },
-                tip.value,
-            )
-        }
-    },
-})
-
-const update = (el, binding) => {
-    el[Tooltip] = {
-        binding,
-        tip: binding.value,
-    }
-}
-
-export const vTooltip = {
-    mounted: update,
-    update,
-    beforeUnmount(el) {
-        if (current.value === el) {
-            current.value = undefined
-        }
-    },
-}

package/src/index.d.ts

@@ -1,5 +0,0 @@
-export * from './directives/index.js'
-
-export declare const GlobalCssVar: (props: { namespace?: string | undefined }) => import('vue').VNode
-
-export * from './design/index.js'

package/src/index.js

@@ -1,37 +0,0 @@
-import { computed, defineComponent, Fragment, h } from 'vue'
-import { useStyleTag } from '@vueuse/core'
-import { useApp } from '@ithinkdt/core'
-import { hyphenate } from '@ithinkdt/common/string'
-import { toRGB } from '@ithinkdt/common/color'
-
-export { SpinDirectiveProvider, TooltipDirectiveProvider, vSpin, vTooltip } from './directives/index.js'
-
-export * from './design/index.js'
-
-export const GlobalCssVar = /* @__PURE__ */ defineComponent({
-    name: 'GlobalCssVar',
-    props: {
-        namespace: { type: String, default: undefined },
-    },
-    setup(props) {
-        const app = useApp()
-
-        useStyleTag(
-            computed(
-                () =>
-                    `${props.namespace ? `.${props.namespace}` : ':root'} { ${Object.entries(app.vars)
-                        .flatMap(([name, value]) => {
-                            name = hyphenate(name)
-                            return [`--${name}-rgb: ${toRGB(value).join(' ')};`, `--${name}: rgb(var(--${name}-rgb));`]
-                        })
-                        .join(' ')} }`,
-            ),
-            {
-                id: `${props.namespace ?? 'global'}-vars`,
-                immediate: true,
-            },
-        )
-
-        return () => h(Fragment)
-    },
-})

package/src/use-style.js

@@ -1,8 +0,0 @@
-import _useStyle from 'ithinkdt-ui/es/_mixins/use-style'
-import { useMergedClsPrefix } from 'ithinkdt-ui/es/_mixins/use-config'
-
-export default function useStyle(mountId, style, clsPrefix, styleIsolate) {
-    clsPrefix ??= useMergedClsPrefix()
-    _useStyle(mountId, style, clsPrefix, styleIsolate)
-    return clsPrefix
-}

package/src/utils.js

@@ -1,19 +0,0 @@
-import { h, withDirectives } from 'vue'
-import { NButton, NIcon } from 'ithinkdt-ui'
-import { vTooltip } from '../directives'
-
-export const renderBtn = (Icon, props, tooltip) =>
-    withDirectives(
-        h(
-            NButton,
-            {
-                text: true,
-                ...props,
-            },
-            () =>
-                h(NIcon, {
-                    component: Icon,
-                }),
-        ),
-        [[vTooltip, tooltip]],
-    )

package/tests/index.spec.ts

@@ -1,9 +0,0 @@
-import { describe, test } from 'vitest'
-
-// import core, { useApp, useAuth } from '../src/index'
-
-describe('plugin', () => {
-    test('some test', ({ expect }) => {
-        expect(1).toBe(1)
-    })
-})

package/tests/tsconfig.json

@@ -1,9 +0,0 @@
-{
-    "extends": "../tsconfig.json",
-    "compilerOptions": {
-        "baseUrl": ".",
-        "lib": ["ESNext"],
-        "module": "NodeNext",
-        "moduleResolution": "NodeNext"
-    }
-}

package/tsconfig.json

@@ -1,14 +0,0 @@
-{
-    "exclude": ["node_modules", "dist"],
-    "compilerOptions": {
-        "baseUrl": ".",
-        "noImplicitOverride": true,
-        "target": "ESNext",
-        "module": "NodeNext",
-        "moduleResolution": "NodeNext",
-        "resolveJsonModule": true,
-        "lib": ["ESNext", "DOM", "DOM.Iterable"],
-        "esModuleInterop": true,
-        "strictNullChecks": true
-    }
-}

package/unocss.d.ts

@@ -1,3 +0,0 @@
-declare const unocssTheme: import('@unocss/preset-uno').Theme
-
-export default unocssTheme

package/unocss.js

@@ -1,16 +0,0 @@
-export default {
-    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>)`,
-                    ]),
-                ),
-            },
-        ]),
-    ),
-}

package/vitest.config.ts

@@ -1,7 +0,0 @@
-import { defineProject } from 'vitest/config'
-
-export default defineProject({
-    test: {
-        include: ['./tests/*.spec.ts'],
-    },
-})