@ithinkdt/ui 4.0.0-38 → 4.0.0-400

package/src/directives/tooltip.jsx

@@ -1,121 +0,0 @@
-import { promiseTimeout, useEventListener } from '@vueuse/core'
-import { NTooltip } from 'ithinkdt-ui'
-import { defineComponent, reactive, shallowRef } from 'vue'
-
-const Tooltip = /* @__PURE__ */ Symbol('tooltip-dir')
-const current = /* @__PURE__ */ shallowRef()
-
-let _update
-export const TooltipDirectiveProvider = /* @__PURE__ */ defineComponent({
-    name: 'TooltipDirectiveProvider',
-    props: {
-        delay: { type: Number, default: 180 },
-    },
-    setup(props) {
-        const tip = shallowRef()
-        const data = reactive({ show: false, tip: undefined, placement: 'top', x: 0, y: 0 })
-
-        _update = async () => {
-            if (!current.value) return
-            if (props.delay > 0) await promiseTimeout(props.delay)
-            const el = current.value
-            const tooltip = el?.[Tooltip]
-            if (!tooltip) return
-            const _tip = tooltip.tip
-            tip.value
-                = typeof _tip === 'function' ? _tip : () => _tip || el.attributes.getNamedItem('title') || el.textContent
-
-            const { auto } = tooltip.binding.modifiers
-            if (
-                !auto
-                || el.firstChild.offsetWidth > el.clientWidth
-                || el.firstChild.offsetHeight > el.clientHeight
-            ) {
-                data.show = true
-
-                const rect = el.getBoundingClientRect()
-                data.placement
-                    = Object.keys(tooltip.binding.modifiers).find(m =>
-                        ['top', 'right', 'left', 'bottom'].find(k => m.startsWith(k)),
-                    ) ?? 'top'
-                switch (data.placement.split('-')[0]) {
-                    case 'top': {
-                        data.x = rect.left + rect.width / 2
-                        data.y = rect.top
-                        break
-                    }
-
-                    case 'right': {
-                        data.x = rect.left + rect.width
-                        data.y = rect.top + rect.height / 2
-                        break
-                    }
-
-                    case 'left': {
-                        data.x = rect.left
-                        data.y = rect.top + rect.height / 2
-                        break
-                    }
-
-                    case 'bottom': {
-                        data.x = rect.left + rect.width / 2
-                        data.y = rect.bottom
-                        break
-                    }
-                }
-            } else if (data.show) {
-                data.show = false
-            }
-        }
-
-        useEventListener(
-            'mouseover',
-            (ev) => {
-                const el = ev.target
-                if (!current.value || current.value?.contains(el)) return
-                data.show = false
-                current.value = undefined
-            },
-            { capture: true },
-        )
-
-        return () => (
-            <NTooltip
-                trigger="manual"
-                show={!!current.value && data.show}
-                x={data.x}
-                y={data.y}
-                placement={data.placement}
-                keepAliveOnHover
-            >
-                {tip.value?.()}
-            </NTooltip>
-        )
-    },
-})
-
-const _listener = (ev) => {
-    current.value = ev.target
-    _update?.()
-}
-export const vTooltip = {
-    mounted(el, binding) {
-        el[Tooltip] = {
-            binding,
-            tip: binding.value,
-        }
-        el.addEventListener('mouseenter', _listener)
-    },
-    updated(el, binding) {
-        el[Tooltip].binding = binding
-        el[Tooltip].tip = binding.value
-        _update()
-    },
-    beforeUnmount(el) {
-        if (el[Tooltip]) el.removeEventListener('mouseenter', _listener)
-        if (current.value === el) {
-            current.value = undefined
-        }
-        delete el[Tooltip]
-    },
-}

package/src/index.js

@@ -1,18 +0,0 @@
-import { defineComponent, provide, toRef } from 'vue'
-
-import { UI_I18N_INJECTION } from './use-i18n.js'
-
-export { SpinDirectiveProvider, TooltipDirectiveProvider, vSpin, vTooltip } from './directives/index.js'
-export * from './design/index.js'
-
-export const UIProvider = /* @__PURE__ */ defineComponent({
-    name: 'UIProvider',
-    props: {
-        i18n: Function,
-    },
-    setup(props, { slots }) {
-        provide(UI_I18N_INJECTION, toRef(props, 'i18n'))
-
-        return () => slots.default()
-    },
-})