@tagplus/components 5.2.7 → 5.2.9

package/src/utils/use-derived-namespace.js

@@ -1,112 +0,0 @@
-import { computed, getCurrentInstance, inject, ref, unref } from 'vue'
-
-export const defaultNamespace = 'el'
-const statePrefix = 'is-'
-
-const _bem = (
-  namespace,
-  block,
-  blockSuffix,
-  element,
-  modifier
-) => {
-  let cls = `${namespace}-${block}`
-  if (blockSuffix) {
-    cls += `-${blockSuffix}`
-  }
-  if (element) {
-    cls += `__${element}`
-  }
-  if (modifier) {
-    cls += `--${modifier}`
-  }
-  return cls
-}
-
-export const namespaceContextKey =
-  Symbol('namespaceContextKey')
-
-export const useGetDerivedNamespace = ( namespaceOverrides) => {
-  const derivedNamespace =
-    namespaceOverrides ||
-    (getCurrentInstance()
-      ? inject(namespaceContextKey, ref(defaultNamespace))
-      : ref(defaultNamespace))
-  const namespace = computed(() => {
-    return unref(derivedNamespace) || defaultNamespace
-  })
-  return namespace
-}
-
-export const useNamespace = ( block, namespaceOverrides) => {
-  const namespace = useGetDerivedNamespace(namespaceOverrides)
-  const b = (blockSuffix = '') =>
-    _bem(namespace.value, block, blockSuffix, '', '')
-  const e = (element) =>
-    element ? _bem(namespace.value, block, '', element, '') : ''
-  const m = (modifier) =>
-    modifier ? _bem(namespace.value, block, '', '', modifier) : ''
-  const be = (blockSuffix, element) =>
-    blockSuffix && element
-      ? _bem(namespace.value, block, blockSuffix, element, '')
-      : ''
-  const em = (element, modifier) =>
-    element && modifier
-      ? _bem(namespace.value, block, '', element, modifier)
-      : ''
-  const bm = (blockSuffix, modifier) =>
-    blockSuffix && modifier
-      ? _bem(namespace.value, block, blockSuffix, '', modifier)
-      : ''
-  const bem = (blockSuffix, element, modifier) =>
-    blockSuffix && element && modifier
-      ? _bem(namespace.value, block, blockSuffix, element, modifier)
-      : ''
-  const is = (name, ...args) => {
-    const state = args.length >= 1 ? args[0] : true
-    return name && state ? `${statePrefix}${name}` : ''
-  }
-
-  // for css var
-  // --el-xxx: value;
-  const cssVar = (object) => {
-    const styles = {}
-    for (const key in object) {
-      if (object[key]) {
-        styles[`--${namespace.value}-${key}`] = object[key]
-      }
-    }
-    return styles
-  }
-  // with block
-  const cssVarBlock = (object) => {
-    const styles = {}
-    for (const key in object) {
-      if (object[key]) {
-        styles[`--${namespace.value}-${block}-${key}`] = object[key]
-      }
-    }
-    return styles
-  }
-
-  const cssVarName = (name) => `--${namespace.value}-${name}`
-  const cssVarBlockName = (name) =>
-    `--${namespace.value}-${block}-${name}`
-
-  return {
-    namespace,
-    b,
-    e,
-    m,
-    be,
-    em,
-    bm,
-    bem,
-    is,
-    // css
-    cssVar,
-    cssVarName,
-    cssVarBlock,
-    cssVarBlockName,
-  }
-}

package/src/utils/use-form-common-props.js

@@ -1,41 +0,0 @@
-import { computed, inject, ref, unref } from 'vue'
-import { useGlobalSize, useProp } from 'element-plus/es/hooks/index'
-import { formContextKey, formItemContextKey } from '@/utils'
-
-export const useFormSize = (
-  fallback,
-  ignore = {}
-) => {
-  const emptyRef = ref(undefined)
-
-  const size = ignore.prop ? emptyRef : useProp('size')
-  const globalConfig = ignore.global ? emptyRef : useGlobalSize()
-  const form = ignore.form
-    ? { size: undefined }
-    : inject(formContextKey, undefined)
-  const formItem = ignore.formItem
-    ? { size: undefined }
-    : inject(formItemContextKey, undefined)
-
-  return computed(
-    () =>
-      size.value ||
-      unref(fallback) ||
-      formItem?.size ||
-      form?.size ||
-      globalConfig.value ||
-      ''
-  )
-}
-
-export const useFormDisabled = (fallback) => {
-  const disabled = useProp('disabled')
-  const form = inject(formContextKey, undefined)
-  return computed(
-    () => disabled.value || unref(fallback) || form?.disabled || false
-  )
-}
-
-// These exports are used for preventing breaking changes
-export const useSize = useFormSize
-export const useDisabled = useFormDisabled

package/src/utils/use-form-item.js

@@ -1,80 +0,0 @@
-/* eslint-disable no-param-reassign */
-import {
-  computed,
-  inject,
-  onMounted,
-  onUnmounted,
-  ref,
-  toRef,
-  watch,
-} from 'vue'
-import { useId, formContextKey, formItemContextKey } from '@/utils'
-
-export const useFormItem = () => {
-  const form = inject(formContextKey, undefined)
-  const formItem = inject(formItemContextKey, undefined)
-  return {
-    form,
-    formItem,
-  }
-}
-
-export const useFormItemInputId = (
-  props,
-  {
-    formItemContext,
-    disableIdGeneration,
-    disableIdManagement,
-  }
-) => {
-  if (!disableIdGeneration) {
-    disableIdGeneration = ref(false)
-  }
-  if (!disableIdManagement) {
-    disableIdManagement = ref(false)
-  }
-
-  const inputId = ref()
-  let idUnwatch
-
-  const isLabeledByFormItem = computed(() => {
-    return !!(
-      !props.label &&
-      formItemContext &&
-      formItemContext.inputIds &&
-      formItemContext.inputIds?.length <= 1
-    )
-  })
-
-  // Generate id for ElFormItem label if not provided as prop
-  onMounted(() => {
-    idUnwatch = watch(
-      [toRef(props, 'id'), disableIdGeneration],
-      ([id, disableIdGeneration]) => {
-        const newId = id ?? (!disableIdGeneration ? useId().value : undefined)
-        if (newId !== inputId.value) {
-          if (formItemContext?.removeInputId) {
-            inputId.value && formItemContext.removeInputId(inputId.value)
-            if (!disableIdManagement?.value && !disableIdGeneration && newId) {
-              formItemContext.addInputId(newId)
-            }
-          }
-          inputId.value = newId
-        }
-      },
-      { immediate: true }
-    )
-  })
-
-  onUnmounted(() => {
-    idUnwatch && idUnwatch()
-    if (formItemContext?.removeInputId) {
-      inputId.value && formItemContext.removeInputId(inputId.value)
-    }
-  })
-
-  return {
-    isLabeledByFormItem,
-    inputId,
-  }
-}

package/src/utils/use-id.js

@@ -1,40 +0,0 @@
-import { computed, getCurrentInstance, inject, unref } from 'vue'
-import { debugWarn, isClient } from '@/utils'
-import { useGetDerivedNamespace } from '@/utils'
-
-const defaultIdInjection = {
-  prefix: Math.floor(Math.random() * 10000),
-  current: 0,
-}
-
-export const ID_INJECTION_KEY =
-  Symbol('elIdInjection')
-
-export const useIdInjection = () => {
-  return getCurrentInstance()
-    ? inject(ID_INJECTION_KEY, defaultIdInjection)
-    : defaultIdInjection
-}
-
-export const useId = (deterministicId) => {
-  const idInjection = useIdInjection()
-  if (!isClient && idInjection === defaultIdInjection) {
-    debugWarn(
-      'IdInjection',
-      `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
-usage: app.provide(ID_INJECTION_KEY, {
-  prefix: number,
-  current: number,
-})`
-    )
-  }
-
-  const namespace = useGetDerivedNamespace()
-  const idRef = computed(
-    () =>
-      unref(deterministicId) ||
-      `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`
-  )
-
-  return idRef
-}

package/src/utils/use-input.js

@@ -1,33 +0,0 @@
-/* eslint-disable vue/prefer-import-from-vue */
-import { ref } from 'vue'
-import { isFunction } from '@vue/shared'
-import { isKorean } from '@/utils'
-
-export function useInput (handleInput = (event) => {}) {
-  const isComposing = ref(false)
-
-  const handleCompositionStart = () => {
-    isComposing.value = true
-  }
-
-  const handleCompositionUpdate = (event) => {
-    const text = event.target.value
-    const lastCharacter = text[text.length - 1] || ''
-    isComposing.value = !isKorean(lastCharacter)
-  }
-
-  const handleCompositionEnd = (event) => {
-    if (isComposing.value) {
-      isComposing.value = false
-      if (isFunction(handleInput)) {
-        handleInput(event)
-      }
-    }
-  }
-
-  return {
-    handleCompositionStart,
-    handleCompositionUpdate,
-    handleCompositionEnd,
-  }
-}