@element-plus/nightly 0.0.20251211 → 0.0.20251213

package/lib/components/cascader/src/cascader2.js.map

@@ -1 +1 @@
-{"version":3,"file":"cascader2.js","sources":["../../../../../../packages/components/cascader/src/cascader.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    :visible=\"popperVisible\"\n    :teleported=\"teleported\"\n    :popper-class=\"[nsCascader.e('dropdown'), popperClass!]\"\n    :popper-style=\"popperStyle\"\n    :popper-options=\"popperOptions\"\n    :fallback-placements=\"fallbackPlacements\"\n    :stop-popper-mouse-event=\"false\"\n    :gpu-acceleration=\"false\"\n    :placement=\"placement\"\n    :transition=\"`${nsCascader.namespace.value}-zoom-in-top`\"\n    :effect=\"effect\"\n    pure\n    :persistent=\"persistent\"\n    @hide=\"hideSuggestionPanel\"\n  >\n    <template #default>\n      <div\n        ref=\"wrapperRef\"\n        v-clickoutside:[contentRef]=\"handleClickOutside\"\n        :class=\"cascaderKls\"\n        :style=\"cascaderStyle\"\n        @click=\"() => togglePopperVisible(readonly ? undefined : true)\"\n        @keydown=\"handleKeyDown\"\n        @mouseenter=\"inputHover = true\"\n        @mouseleave=\"inputHover = false\"\n      >\n        <el-input\n          ref=\"inputRef\"\n          v-model=\"inputValue\"\n          :placeholder=\"currentPlaceholder\"\n          :readonly=\"readonly\"\n          :disabled=\"isDisabled\"\n          :validate-event=\"false\"\n          :size=\"realSize\"\n          :class=\"inputClass\"\n          :tabindex=\"multiple && filterable && !isDisabled ? -1 : undefined\"\n          @compositionstart=\"handleComposition\"\n          @compositionupdate=\"handleComposition\"\n          @compositionend=\"handleComposition\"\n          @input=\"handleInput\"\n        >\n          <template v-if=\"$slots.prefix\" #prefix>\n            <slot name=\"prefix\" />\n          </template>\n          <template #suffix>\n            <el-icon\n              v-if=\"clearBtnVisible\"\n              key=\"clear\"\n              :class=\"[nsInput.e('icon'), 'icon-circle-close']\"\n              @click.stop=\"handleClear\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-else\n              key=\"arrow-down\"\n              :class=\"cascaderIconKls\"\n              @click.stop=\"togglePopperVisible()\"\n            >\n              <arrow-down />\n            </el-icon>\n          </template>\n        </el-input>\n\n        <div\n          v-if=\"multiple\"\n          ref=\"tagWrapper\"\n          :class=\"[\n            nsCascader.e('tags'),\n            nsCascader.is('validate', Boolean(validateState)),\n          ]\"\n        >\n          <slot name=\"tag\" :data=\"tags\" :delete-tag=\"deleteTag\">\n            <el-tag\n              v-for=\"tag in showTagList\"\n              :key=\"tag.key\"\n              :type=\"tagType\"\n              :size=\"tagSize\"\n              :effect=\"tagEffect\"\n              :hit=\"tag.hitState\"\n              :closable=\"tag.closable\"\n              disable-transitions\n              @close=\"deleteTag(tag)\"\n            >\n              <span>{{ tag.text }}</span>\n            </el-tag>\n          </slot>\n          <el-tooltip\n            v-if=\"collapseTags && tags.length > maxCollapseTags\"\n            ref=\"tagTooltipRef\"\n            :disabled=\"popperVisible || !collapseTagsTooltip\"\n            :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n            placement=\"bottom\"\n            :popper-class=\"popperClass\"\n            :popper-style=\"popperStyle\"\n            :effect=\"effect\"\n            :persistent=\"persistent\"\n          >\n            <template #default>\n              <el-tag\n                :closable=\"false\"\n                :size=\"tagSize\"\n                :type=\"tagType\"\n                :effect=\"tagEffect\"\n                disable-transitions\n              >\n                <span :class=\"nsCascader.e('tags-text')\">\n                  + {{ tags.length - maxCollapseTags }}\n                </span>\n              </el-tag>\n            </template>\n            <template #content>\n              <el-scrollbar :max-height=\"maxCollapseTagsTooltipHeight\">\n                <div :class=\"nsCascader.e('collapse-tags')\">\n                  <div\n                    v-for=\"(tag, idx) in collapseTagList\"\n                    :key=\"idx\"\n                    :class=\"nsCascader.e('collapse-tag')\"\n                  >\n                    <el-tag\n                      :key=\"tag.key\"\n                      class=\"in-tooltip\"\n                      :type=\"tagType\"\n                      :size=\"tagSize\"\n                      :effect=\"tagEffect\"\n                      :hit=\"tag.hitState\"\n                      :closable=\"tag.closable\"\n                      disable-transitions\n                      @close=\"deleteTag(tag)\"\n                    >\n                      <span>{{ tag.text }}</span>\n                    </el-tag>\n                  </div>\n                </div>\n              </el-scrollbar>\n            </template>\n          </el-tooltip>\n          <input\n            v-if=\"filterable && !isDisabled\"\n            v-model=\"searchInputValue\"\n            type=\"text\"\n            :class=\"nsCascader.e('search-input')\"\n            :placeholder=\"presentText ? '' : inputPlaceholder\"\n            @input=\"(e) => handleInput(searchInputValue, e as KeyboardEvent)\"\n            @click.stop=\"togglePopperVisible(true)\"\n            @keydown.delete=\"handleDelete\"\n            @compositionstart=\"handleComposition\"\n            @compositionupdate=\"handleComposition\"\n            @compositionend=\"handleComposition\"\n          />\n        </div>\n      </div>\n    </template>\n\n    <template #content>\n      <div v-if=\"$slots.header\" :class=\"nsCascader.e('header')\" @click.stop>\n        <slot name=\"header\" />\n      </div>\n      <el-cascader-panel\n        v-show=\"!filtering\"\n        ref=\"cascaderPanelRef\"\n        v-model=\"checkedValue\"\n        :options=\"options\"\n        :props=\"props.props\"\n        :border=\"false\"\n        :render-label=\"$slots.default\"\n        @expand-change=\"handleExpandChange\"\n        @close=\"$nextTick(() => togglePopperVisible(false))\"\n      >\n        <template #empty>\n          <slot name=\"empty\" />\n        </template>\n      </el-cascader-panel>\n      <el-scrollbar\n        v-if=\"filterable\"\n        v-show=\"filtering\"\n        ref=\"suggestionPanel\"\n        tag=\"ul\"\n        :class=\"nsCascader.e('suggestion-panel')\"\n        :view-class=\"nsCascader.e('suggestion-list')\"\n        @keydown=\"handleSuggestionKeyDown\"\n      >\n        <template v-if=\"suggestions.length\">\n          <li\n            v-for=\"item in suggestions\"\n            :key=\"item.uid\"\n            :class=\"[\n              nsCascader.e('suggestion-item'),\n              nsCascader.is('checked', item.checked),\n            ]\"\n            :tabindex=\"-1\"\n            @click=\"handleSuggestionClick(item)\"\n          >\n            <slot name=\"suggestion-item\" :item=\"item\">\n              <span>{{ item.text }}</span>\n              <el-icon v-if=\"item.checked\">\n                <check />\n              </el-icon>\n            </slot>\n          </li>\n        </template>\n        <slot v-else name=\"empty\">\n          <li :class=\"nsCascader.e('empty-text')\">\n            {{ t('el.cascader.noMatch') }}\n          </li>\n        </slot>\n      </el-scrollbar>\n      <div v-if=\"$slots.footer\" :class=\"nsCascader.e('footer')\" @click.stop>\n        <slot name=\"footer\" />\n      </div>\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, useAttrs, watch } from 'vue'\nimport { cloneDeep } from 'lodash-unified'\nimport { useCssVar, useDebounceFn, useResizeObserver } from '@vueuse/core'\nimport {\n  debugWarn,\n  focusNode,\n  getEventCode,\n  getSibling,\n  isClient,\n  isPromise,\n} from '@element-plus/utils'\nimport ElCascaderPanel from '@element-plus/components/cascader-panel'\nimport ElInput from '@element-plus/components/input'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElTag from '@element-plus/components/tag'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormSize,\n} from '@element-plus/components/form'\nimport { ClickOutside as vClickoutside } from '@element-plus/directives'\nimport {\n  useComposition,\n  useEmptyValues,\n  useFocusController,\n  useLocale,\n  useNamespace,\n} from '@element-plus/hooks'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { ArrowDown, Check } from '@element-plus/icons-vue'\nimport { cascaderEmits, cascaderProps } from './cascader'\n\nimport type { Options } from '@element-plus/components/popper'\nimport type { ComputedRef, StyleValue } from 'vue'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { InputInstance } from '@element-plus/components/input'\nimport type { ScrollbarInstance } from '@element-plus/components/scrollbar'\nimport type {\n  CascaderNode,\n  CascaderPanelInstance,\n  CascaderValue,\n  Tag,\n} from '@element-plus/components/cascader-panel'\n\nconst popperOptions: Partial<Options> = {\n  modifiers: [\n    {\n      name: 'arrowPosition',\n      enabled: true,\n      phase: 'main',\n      fn: ({ state }) => {\n        const { modifiersData, placement } = state\n        if (['right', 'left', 'bottom', 'top'].includes(placement)) return\n        if (modifiersData.arrow) {\n          modifiersData.arrow.x = 35\n        }\n      },\n      requires: ['arrow'],\n    },\n  ],\n}\n\ndefineOptions({\n  name: 'ElCascader',\n})\n\nconst props = defineProps(cascaderProps)\nconst emit = defineEmits(cascaderEmits)\nconst attrs = useAttrs()\n\nlet inputInitialHeight = 0\nlet pressDeleteCount = 0\n\nconst nsCascader = useNamespace('cascader')\nconst nsInput = useNamespace('input')\n\nconst { t } = useLocale()\nconst { formItem } = useFormItem()\nconst isDisabled = useFormDisabled()\nconst { valueOnClear } = useEmptyValues(props)\nconst { isComposing, handleComposition } = useComposition({\n  afterComposition(event) {\n    const text = (event.target as HTMLInputElement)?.value\n    handleInput(text)\n  },\n})\n\nconst tooltipRef = ref<TooltipInstance>()\nconst tagTooltipRef = ref<TooltipInstance>()\nconst inputRef = ref<InputInstance>()\nconst tagWrapper = ref<HTMLDivElement>()\nconst cascaderPanelRef = ref<CascaderPanelInstance>()\nconst suggestionPanel = ref<ScrollbarInstance>()\nconst popperVisible = ref(false)\nconst inputHover = ref(false)\nconst filtering = ref(false)\nconst inputValue = ref('')\nconst searchInputValue = ref('')\nconst tags = ref<Tag[]>([])\nconst suggestions = ref<CascaderNode[]>([])\n\nconst showTagList = computed(() => {\n  if (!props.props.multiple) {\n    return []\n  }\n  return props.collapseTags\n    ? tags.value.slice(0, props.maxCollapseTags)\n    : tags.value\n})\n\nconst collapseTagList = computed(() => {\n  if (!props.props.multiple) {\n    return []\n  }\n  return props.collapseTags ? tags.value.slice(props.maxCollapseTags) : []\n})\n\nconst cascaderStyle = computed(() => {\n  return attrs.style as StyleValue\n})\n\nconst inputPlaceholder = computed(\n  () => props.placeholder ?? t('el.cascader.placeholder')\n)\nconst currentPlaceholder = computed(() =>\n  searchInputValue.value || tags.value.length > 0 || isComposing.value\n    ? ''\n    : inputPlaceholder.value\n)\nconst realSize = useFormSize()\nconst tagSize = computed(() =>\n  realSize.value === 'small' ? 'small' : 'default'\n)\nconst multiple = computed(() => !!props.props.multiple)\nconst readonly = computed(() => !props.filterable || multiple.value)\nconst searchKeyword = computed(() =>\n  multiple.value ? searchInputValue.value : inputValue.value\n)\nconst checkedNodes: ComputedRef<CascaderNode[]> = computed(\n  () => cascaderPanelRef.value?.checkedNodes || []\n)\n\nconst { wrapperRef, isFocused, handleBlur } = useFocusController(inputRef, {\n  disabled: isDisabled,\n  beforeBlur(event) {\n    return (\n      tooltipRef.value?.isFocusInsideContent(event) ||\n      tagTooltipRef.value?.isFocusInsideContent(event)\n    )\n  },\n  afterBlur() {\n    if (props.validateEvent) {\n      formItem?.validate?.('blur').catch((err) => debugWarn(err))\n    }\n  },\n})\n\nconst clearBtnVisible = computed(() => {\n  if (\n    !props.clearable ||\n    isDisabled.value ||\n    filtering.value ||\n    (!inputHover.value && !isFocused.value)\n  )\n    return false\n\n  return !!checkedNodes.value.length\n})\nconst presentText = computed(() => {\n  const { showAllLevels, separator } = props\n  const nodes = checkedNodes.value\n  return nodes.length\n    ? multiple.value\n      ? ''\n      : nodes[0].calcText(showAllLevels, separator)\n    : ''\n})\n\nconst validateState = computed(() => formItem?.validateState || '')\n\nconst checkedValue = computed<CascaderValue>({\n  get() {\n    return cloneDeep(props.modelValue) as CascaderValue\n  },\n  set(val) {\n    // https://github.com/element-plus/element-plus/issues/17647\n    const value = val ?? valueOnClear.value\n    emit(UPDATE_MODEL_EVENT, value)\n    emit(CHANGE_EVENT, value)\n    if (props.validateEvent) {\n      formItem?.validate('change').catch((err) => debugWarn(err))\n    }\n  },\n})\n\nconst cascaderKls = computed(() => {\n  return [\n    nsCascader.b(),\n    nsCascader.m(realSize.value),\n    nsCascader.is('disabled', isDisabled.value),\n    attrs.class,\n  ]\n})\n\nconst cascaderIconKls = computed(() => {\n  return [\n    nsInput.e('icon'),\n    'icon-arrow-down',\n    nsCascader.is('reverse', popperVisible.value),\n  ]\n})\n\nconst inputClass = computed(() => nsCascader.is('focus', isFocused.value))\n\nconst contentRef = computed(() => {\n  return tooltipRef.value?.popperRef?.contentRef\n})\n\nconst handleClickOutside = (event: Event) => {\n  if (isFocused.value) {\n    const _event = new FocusEvent('blur', event)\n    handleBlur(_event)\n  }\n  togglePopperVisible(false)\n}\n\nconst togglePopperVisible = (visible?: boolean) => {\n  if (isDisabled.value) return\n\n  visible = visible ?? !popperVisible.value\n\n  if (visible !== popperVisible.value) {\n    popperVisible.value = visible\n    inputRef.value?.input?.setAttribute('aria-expanded', `${visible}`)\n\n    if (visible) {\n      updatePopperPosition()\n      nextTick(cascaderPanelRef.value?.scrollToExpandingNode)\n    } else if (props.filterable) {\n      syncPresentTextValue()\n    }\n\n    emit('visibleChange', visible)\n  }\n}\n\nconst updatePopperPosition = () => {\n  nextTick(() => {\n    tooltipRef.value?.updatePopper()\n  })\n}\nconst hideSuggestionPanel = () => {\n  filtering.value = false\n}\n\nconst genTag = (node: CascaderNode): Tag => {\n  const { showAllLevels, separator } = props\n  return {\n    node,\n    key: node.uid,\n    text: node.calcText(showAllLevels, separator),\n    hitState: false,\n    closable: !isDisabled.value && !node.isDisabled,\n  }\n}\n\nconst deleteTag = (tag: Tag) => {\n  const node = tag.node as CascaderNode\n  node.doCheck(false)\n  cascaderPanelRef.value?.calculateCheckedValue()\n  emit('removeTag', node.valueByOption)\n}\n\nconst getStrategyCheckedNodes = (): CascaderNode[] => {\n  switch (props.showCheckedStrategy) {\n    case 'child':\n      return checkedNodes.value\n    case 'parent': {\n      const clickedNodes = getCheckedNodes(false)\n      const clickedNodesValue = clickedNodes!.map((o) => o.value)\n      const parentNodes = clickedNodes!.filter(\n        (o) => !o.parent || !clickedNodesValue.includes(o.parent.value)\n      )\n      return parentNodes\n    }\n    default:\n      return []\n  }\n}\n\nconst calculatePresentTags = () => {\n  if (!multiple.value) return\n\n  const nodes = getStrategyCheckedNodes()\n\n  const allTags: Tag[] = []\n  nodes.forEach((node) => allTags.push(genTag(node)))\n  tags.value = allTags\n}\n\nconst calculateSuggestions = () => {\n  const { filterMethod, showAllLevels, separator } = props\n  const res = cascaderPanelRef.value\n    ?.getFlattedNodes(!props.props.checkStrictly)\n    ?.filter((node) => {\n      if (node.isDisabled) return false\n      node.calcText(showAllLevels, separator)\n      return filterMethod(node, searchKeyword.value)\n    })\n\n  if (multiple.value) {\n    tags.value.forEach((tag) => {\n      tag.hitState = false\n    })\n  }\n\n  filtering.value = true\n  suggestions.value = res!\n  updatePopperPosition()\n}\n\nconst focusFirstNode = () => {\n  let firstNode!: HTMLElement\n\n  if (filtering.value && suggestionPanel.value) {\n    firstNode = suggestionPanel.value.$el.querySelector(\n      `.${nsCascader.e('suggestion-item')}`\n    )\n  } else {\n    firstNode = cascaderPanelRef.value?.$el.querySelector(\n      `.${nsCascader.b('node')}[tabindex=\"-1\"]`\n    )\n  }\n\n  if (firstNode) {\n    firstNode.focus()\n    !filtering.value && firstNode.click()\n  }\n}\n\nconst updateStyle = () => {\n  const inputInner = inputRef.value?.input\n  const tagWrapperEl = tagWrapper.value\n  const suggestionPanelEl = suggestionPanel.value?.$el\n\n  if (!isClient || !inputInner) return\n\n  if (suggestionPanelEl) {\n    const suggestionList = suggestionPanelEl.querySelector(\n      `.${nsCascader.e('suggestion-list')}`\n    )\n    suggestionList.style.minWidth = `${inputInner.offsetWidth}px`\n  }\n\n  if (tagWrapperEl) {\n    const { offsetHeight } = tagWrapperEl\n    // 2 is el-input__wrapper padding\n    const height =\n      tags.value.length > 0\n        ? `${Math.max(offsetHeight, inputInitialHeight) - 2}px`\n        : `${inputInitialHeight}px`\n    inputInner.style.height = height\n    updatePopperPosition()\n  }\n}\n\nconst getCheckedNodes = (leafOnly: boolean) => {\n  return cascaderPanelRef.value?.getCheckedNodes(leafOnly)\n}\n\nconst handleExpandChange = (value: CascaderValue) => {\n  updatePopperPosition()\n  emit('expandChange', value)\n}\n\nconst handleKeyDown = (e: KeyboardEvent) => {\n  if (isComposing.value) return\n  const code = getEventCode(e)\n\n  switch (code) {\n    case EVENT_CODE.enter:\n    case EVENT_CODE.numpadEnter:\n      togglePopperVisible()\n      break\n    case EVENT_CODE.down:\n      togglePopperVisible(true)\n      nextTick(focusFirstNode)\n      e.preventDefault()\n      break\n    case EVENT_CODE.esc:\n      if (popperVisible.value === true) {\n        e.preventDefault()\n        e.stopPropagation()\n        togglePopperVisible(false)\n      }\n      break\n    case EVENT_CODE.tab:\n      togglePopperVisible(false)\n      break\n  }\n}\n\nconst handleClear = () => {\n  cascaderPanelRef.value?.clearCheckedNodes()\n  if (!popperVisible.value && props.filterable) {\n    syncPresentTextValue()\n  }\n  togglePopperVisible(false)\n  emit('clear')\n}\n\nconst syncPresentTextValue = () => {\n  const { value } = presentText\n  inputValue.value = value\n  searchInputValue.value = value\n}\n\nconst handleSuggestionClick = (node: CascaderNode) => {\n  const { checked } = node\n\n  if (multiple.value) {\n    cascaderPanelRef.value?.handleCheckChange(node, !checked, false)\n  } else {\n    !checked && cascaderPanelRef.value?.handleCheckChange(node, true, false)\n    togglePopperVisible(false)\n  }\n}\n\nconst handleSuggestionKeyDown = (e: KeyboardEvent) => {\n  const target = e.target as HTMLElement\n  const code = getEventCode(e)\n\n  switch (code) {\n    case EVENT_CODE.up:\n    case EVENT_CODE.down: {\n      e.preventDefault()\n      const distance = code === EVENT_CODE.up ? -1 : 1\n      focusNode(\n        getSibling(\n          target,\n          distance,\n          `.${nsCascader.e('suggestion-item')}[tabindex=\"-1\"]`\n        ) as HTMLElement\n      )\n      break\n    }\n    case EVENT_CODE.enter:\n    case EVENT_CODE.numpadEnter:\n      target.click()\n      break\n  }\n}\n\nconst handleDelete = () => {\n  const lastTag = tags.value[tags.value.length - 1]\n  pressDeleteCount = searchInputValue.value ? 0 : pressDeleteCount + 1\n\n  if (\n    !lastTag ||\n    !pressDeleteCount ||\n    (props.collapseTags && tags.value.length > 1)\n  )\n    return\n\n  if (lastTag.hitState) {\n    deleteTag(lastTag)\n  } else {\n    lastTag.hitState = true\n  }\n}\n\nconst debounce = computed(() => props.debounce)\nconst handleFilter = useDebounceFn(() => {\n  const { value } = searchKeyword\n\n  if (!value) return\n\n  const passed = props.beforeFilter(value)\n\n  if (isPromise(passed)) {\n    passed.then(calculateSuggestions).catch(() => {\n      /* prevent log error */\n    })\n  } else if (passed !== false) {\n    calculateSuggestions()\n  } else {\n    hideSuggestionPanel()\n  }\n}, debounce)\n\nconst handleInput = (val: string, e?: KeyboardEvent) => {\n  !popperVisible.value && togglePopperVisible(true)\n\n  if (e?.isComposing) return\n\n  val ? handleFilter() : hideSuggestionPanel()\n}\n\nconst getInputInnerHeight = (inputInner: HTMLElement): number =>\n  Number.parseFloat(\n    useCssVar(nsInput.cssVarName('input-height'), inputInner).value\n  ) - 2\n\nconst focus = () => {\n  inputRef.value?.focus()\n}\n\nconst blur = () => {\n  inputRef.value?.blur()\n}\n\nwatch(filtering, updatePopperPosition)\n\nwatch(\n  [\n    checkedNodes,\n    isDisabled,\n    () => props.collapseTags,\n    () => props.maxCollapseTags,\n  ],\n  calculatePresentTags\n)\n\nwatch(tags, () => {\n  nextTick(() => updateStyle())\n})\n\nwatch(realSize, async () => {\n  await nextTick()\n  const inputInner = inputRef.value!.input!\n  inputInitialHeight = getInputInnerHeight(inputInner) || inputInitialHeight\n  updateStyle()\n})\n\nwatch(presentText, syncPresentTextValue, { immediate: true })\n\nwatch(\n  () => popperVisible.value,\n  (val) => {\n    if (val && props.props.lazy && props.props.lazyLoad) {\n      cascaderPanelRef.value?.loadLazyRootNodes()\n    }\n  }\n)\n\nonMounted(() => {\n  const inputInner = inputRef.value!.input!\n\n  const inputInnerHeight = getInputInnerHeight(inputInner)\n\n  inputInitialHeight = inputInner.offsetHeight || inputInnerHeight\n  useResizeObserver(inputInner, updateStyle)\n})\n\ndefineExpose({\n  /**\n   * @description get an array of currently selected node,(leafOnly) whether only return the leaf checked nodes, default is `false`\n   */\n  getCheckedNodes,\n  /**\n   * @description cascader panel ref\n   */\n  cascaderPanelRef,\n  /**\n   * @description toggle the visible of popper\n   */\n  togglePopperVisible,\n  /**\n   * @description cascader content ref\n   */\n  contentRef,\n  /**\n   * @description selected content text\n   */\n  presentText,\n  /** @description focus the input element */\n  focus,\n  /** @description blur the input element */\n  blur,\n})\n</script>\n"],"names":["useAttrs","useNamespace","useLocale","useFormItem","useFormDisabled","useEmptyValues","useComposition","ref","computed","useFormSize","useFocusController","debugWarn","cloneDeep","UPDATE_MODEL_EVENT","CHANGE_EVENT","nextTick","isClient","getEventCode","EVENT_CODE","focusNode","getSibling","useDebounceFn","isPromise","useCssVar","watch","onMounted","useResizeObserver","_openBlock","_createBlock","_unref","ElTooltip"],"mappings":"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"}
+{"version":3,"file":"cascader2.js","sources":["../../../../../../packages/components/cascader/src/cascader.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { CommonProps } from '@element-plus/components/cascader-panel'\nimport {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isBoolean,\n} from '@element-plus/utils'\nimport { useEmptyValuesProps, useSizeProp } from '@element-plus/hooks'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport { tagProps } from '@element-plus/components/tag'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { CircleClose } from '@element-plus/icons-vue'\n\nimport type {\n  CascaderNode,\n  CascaderValue,\n} from '@element-plus/components/cascader-panel'\nimport type { Placement, PopperEffect } from '@element-plus/components/popper'\n\nexport const cascaderProps = buildProps({\n  ...CommonProps,\n  /**\n   * @description size of input\n   */\n  size: useSizeProp,\n  /**\n   * @description placeholder of input\n   */\n  placeholder: String,\n  /**\n   * @description whether Cascader is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether selected value can be cleared\n   */\n  clearable: Boolean,\n  /**\n   * @description custom clear icon component\n   */\n  clearIcon: {\n    type: iconPropType,\n    default: CircleClose,\n  },\n  /**\n   * @description whether the options can be searched\n   */\n  filterable: Boolean,\n  /**\n   * @description customize search logic, the first parameter is `node`, the second is `keyword`, and need return a boolean value indicating whether it hits.\n   */\n  filterMethod: {\n    type: definePropType<(node: CascaderNode, keyword: string) => boolean>(\n      Function\n    ),\n    default: (node: CascaderNode, keyword: string) =>\n      node.text.includes(keyword),\n  },\n  /**\n   * @description option label separator\n   */\n  separator: {\n    type: String,\n    default: ' / ',\n  },\n  /**\n   * @description whether to display all levels of the selected value in the input\n   */\n  showAllLevels: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to collapse tags in multiple selection mode\n   */\n  collapseTags: Boolean,\n  /**\n   * @description The max tags number to be shown. To use this, collapse-tags must be true\n   */\n  maxCollapseTags: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description whether show all selected tags when mouse hover text of collapse-tags. To use this, collapse-tags must be true\n   */\n  collapseTagsTooltip: Boolean,\n  /**\n   * @description The max height of collapse tags tooltip, in pixels. To use this, collapse-tags-tooltip must be true\n   */\n  maxCollapseTagsTooltipHeight: {\n    type: [String, Number],\n  },\n  /**\n   * @description debounce delay when typing filter keyword, in milliseconds\n   */\n  debounce: {\n    type: Number,\n    default: 300,\n  },\n  /**\n   * @description hook function before filtering with the value to be filtered as its parameter. If `false` is returned or a `Promise` is returned and then is rejected, filtering will be aborted\n   */\n  beforeFilter: {\n    type: definePropType<(value: string) => boolean | Promise<any>>(Function),\n    default: () => true,\n  },\n  /**\n   * @description position of dropdown\n   */\n  placement: {\n    type: definePropType<Placement>(String),\n    values: placements,\n    default: 'bottom-start',\n  },\n  /**\n   * @description list of possible positions for dropdown\n   */\n  fallbackPlacements: {\n    type: definePropType<Placement[]>(Array),\n    default: ['bottom-start', 'bottom', 'top-start', 'top', 'right', 'left'],\n  },\n  /**\n   * @description custom class name for Cascader's dropdown\n   */\n  popperClass: useTooltipContentProps.popperClass,\n  /**\n   * @description custom style for Cascader's dropdown\n   */\n  popperStyle: useTooltipContentProps.popperStyle,\n  /**\n   * @description whether cascader popup is teleported\n   */\n  teleported: useTooltipContentProps.teleported,\n  /**\n   * @description tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect: {\n    type: definePropType<PopperEffect>(String),\n    default: 'light',\n  },\n  /**\n   * @description tag type\n   */\n\n  tagType: { ...tagProps.type, default: 'info' },\n  /**\n   * @description tag effect\n   */\n  tagEffect: { ...tagProps.effect, default: 'light' },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description when dropdown is inactive and `persistent` is `false`, dropdown will be destroyed\n   */\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Use `parent` when you want things tidy (like \"Entire Collection\" instead of listing 100 items)\n   * Use `child` when every single item matters (like important settings)\n   */\n  showCheckedStrategy: {\n    type: String,\n    values: ['parent', 'child'],\n    default: 'child',\n  },\n  /**\n   * @description whether to check or uncheck node when clicking on the node\n   */\n  checkOnClickNode: Boolean,\n  /**\n   * @description whether to show the radio or checkbox prefix\n   */\n  showPrefix: {\n    type: Boolean,\n    default: true,\n  },\n  ...useEmptyValuesProps,\n})\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst emitChangeFn = (value: CascaderValue | null | undefined) => true\n\nexport const cascaderEmits = {\n  [UPDATE_MODEL_EVENT]: emitChangeFn,\n  [CHANGE_EVENT]: emitChangeFn,\n  focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n  blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n  clear: () => true,\n  visibleChange: (val: boolean) => isBoolean(val),\n  expandChange: (val: CascaderValue) => !!val,\n  removeTag: (val: CascaderNode['valueByOption']) => !!val,\n}\n\n// Type name is taken(cascader-panel/src/node), needs discussion\n// export type CascaderProps = ExtractPropTypes<typeof cascaderProps>\n\nexport type CascaderEmits = typeof cascaderEmits\n"],"names":["buildProps","CommonProps","useSizeProp","iconPropType","CircleClose","definePropType","placements","useTooltipContentProps","tagProps","useEmptyValuesProps","UPDATE_MODEL_EVENT","CHANGE_EVENT","isBoolean"],"mappings":";;;;;;;;;;;;;;;;AAaY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,GAAGC,kBAAW;AAChB,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,iBAAY;AACtB,IAAI,OAAO,EAAEC,oBAAW;AACxB,GAAG;AACH,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEC,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;AAC3D,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,YAAY,EAAE,OAAO;AACvB,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,mBAAmB,EAAE,OAAO;AAC9B,EAAE,4BAA4B,EAAE;AAChC,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEA,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,MAAM,IAAI;AACvB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAEC,eAAU;AACtB,IAAI,OAAO,EAAE,cAAc;AAC3B,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAED,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,CAAC,cAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC;AAC5E,GAAG;AACH,EAAE,WAAW,EAAEE,8BAAsB,CAAC,WAAW;AACjD,EAAE,WAAW,EAAEA,8BAAsB,CAAC,WAAW;AACjD,EAAE,UAAU,EAAEA,8BAAsB,CAAC,UAAU;AAC/C,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAEF,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,OAAO,EAAE,EAAE,GAAGG,YAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE;AAChD,EAAE,SAAS,EAAE,EAAE,GAAGA,YAAQ,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE;AACrD,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;AAC/B,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,gBAAgB,EAAE,OAAO;AAC3B,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,GAAGC,2BAAmB;AACxB,CAAC,EAAE;AACH,MAAM,YAAY,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC;AACzB,MAAC,aAAa,GAAG;AAC7B,EAAE,CAACC,wBAAkB,GAAG,YAAY;AACpC,EAAE,CAACC,kBAAY,GAAG,YAAY;AAC9B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C,EAAE,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC1C,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB,EAAE,aAAa,EAAE,CAAC,GAAG,KAAKC,eAAS,CAAC,GAAG,CAAC;AACxC,EAAE,YAAY,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG;AAC9B,EAAE,SAAS,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG;AAC3B;;;;;"}

package/lib/components/color-picker/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var colorPicker$1 = require('./src/color-picker.js');
-var colorPicker = require('./src/color-picker2.js');
+var colorPicker$1 = require('./src/color-picker2.js');
+var colorPicker = require('./src/color-picker.js');
 var install = require('../../utils/vue/install.js');
 
 const ElColorPicker = install.withInstall(colorPicker$1["default"]);

package/lib/components/color-picker/src/color-picker.js

@@ -2,355 +2,58 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
 var lodashUnified = require('lodash-unified');
-var index$8 = require('../../icon/index.js');
-var core = require('@vueuse/core');
-var index$4 = require('../../tooltip/index.js');
-var index$6 = require('../../button/index.js');
-var iconsVue = require('@element-plus/icons-vue');
-var colorPicker = require('./color-picker2.js');
-var index$5 = require('../../color-picker-panel/index.js');
-var color = require('../../color-picker-panel/src/utils/color.js');
-var useCommonColor = require('../../color-picker-panel/src/composables/use-common-color.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var colorPickerPanel = require('../../color-picker-panel/src/color-picker-panel.js');
-var index$7 = require('../../../directives/click-outside/index.js');
-var index = require('../../../hooks/use-locale/index.js');
-var index$1 = require('../../../hooks/use-namespace/index.js');
-var useFormItem = require('../../form/src/hooks/use-form-item.js');
-var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
-var index$2 = require('../../../hooks/use-empty-values/index.js');
-var index$3 = require('../../../hooks/use-focus-controller/index.js');
-var error = require('../../../utils/error.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var index = require('../../../hooks/use-size/index.js');
+var content = require('../../tooltip/src/content.js');
+var index$1 = require('../../../hooks/use-empty-values/index.js');
+var index$2 = require('../../../hooks/use-aria/index.js');
 var event = require('../../../constants/event.js');
-var event$1 = require('../../../utils/dom/event.js');
-var aria = require('../../../constants/aria.js');
+var shared = require('@vue/shared');
 
-const __default__ = vue.defineComponent({
-  name: "ElColorPicker"
+const colorPickerProps = runtime.buildProps({
+  persistent: {
+    type: Boolean,
+    default: true
+  },
+  modelValue: {
+    type: runtime.definePropType(String),
+    default: void 0
+  },
+  id: String,
+  showAlpha: Boolean,
+  colorFormat: String,
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  size: index.useSizeProp,
+  popperClass: content.useTooltipContentProps.popperClass,
+  popperStyle: content.useTooltipContentProps.popperStyle,
+  tabindex: {
+    type: [String, Number],
+    default: 0
+  },
+  teleported: content.useTooltipContentProps.teleported,
+  appendTo: content.useTooltipContentProps.appendTo,
+  predefine: {
+    type: runtime.definePropType(Array)
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  ...index$1.useEmptyValuesProps,
+  ...index$2.useAriaProps(["ariaLabel"])
 });
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: colorPicker.colorPickerProps,
-  emits: colorPicker.colorPickerEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const { t } = index.useLocale();
-    const ns = index$1.useNamespace("color");
-    const { formItem } = useFormItem.useFormItem();
-    const colorSize = useFormCommonProps.useFormSize();
-    const colorDisabled = useFormCommonProps.useFormDisabled();
-    const { valueOnClear, isEmptyValue } = index$2.useEmptyValues(props, null);
-    const commonColor = useCommonColor.useCommonColor(props, emit);
-    const { inputId: buttonId, isLabeledByFormItem } = useFormItem.useFormItemInputId(props, {
-      formItemContext: formItem
-    });
-    const popper = vue.ref();
-    const triggerRef = vue.ref();
-    const pickerPanelRef = vue.ref();
-    const showPicker = vue.ref(false);
-    const showPanelColor = vue.ref(false);
-    let shouldActiveChange = true;
-    const { isFocused, handleFocus, handleBlur } = index$3.useFocusController(triggerRef, {
-      disabled: colorDisabled,
-      beforeBlur(event) {
-        var _a;
-        return (_a = popper.value) == null ? void 0 : _a.isFocusInsideContent(event);
-      },
-      afterBlur() {
-        var _a;
-        setShowPicker(false);
-        resetColor();
-        if (props.validateEvent) {
-          (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => error.debugWarn(err));
-        }
-      }
-    });
-    const color$1 = core.reactiveComputed(() => {
-      var _a, _b;
-      return (_b = (_a = pickerPanelRef.value) == null ? void 0 : _a.color) != null ? _b : commonColor.color;
-    });
-    const panelProps = vue.computed(() => lodashUnified.pick(props, Object.keys(colorPickerPanel.colorPickerPanelProps)));
-    const displayedColor = vue.computed(() => {
-      if (!props.modelValue && !showPanelColor.value) {
-        return "transparent";
-      }
-      return displayedRgb(color$1, props.showAlpha);
-    });
-    const currentColor = vue.computed(() => {
-      return !props.modelValue && !showPanelColor.value ? "" : color$1.value;
-    });
-    const buttonAriaLabel = vue.computed(() => {
-      return !isLabeledByFormItem.value ? props.ariaLabel || t("el.colorpicker.defaultLabel") : void 0;
-    });
-    const buttonAriaLabelledby = vue.computed(() => {
-      return isLabeledByFormItem.value ? formItem == null ? void 0 : formItem.labelId : void 0;
-    });
-    const btnKls = vue.computed(() => {
-      return [
-        ns.b("picker"),
-        ns.is("disabled", colorDisabled.value),
-        ns.bm("picker", colorSize.value),
-        ns.is("focused", isFocused.value)
-      ];
-    });
-    function displayedRgb(color2, showAlpha) {
-      const { r, g, b, a } = color2.toRgb();
-      return showAlpha ? `rgba(${r}, ${g}, ${b}, ${a})` : `rgb(${r}, ${g}, ${b})`;
-    }
-    function setShowPicker(value) {
-      showPicker.value = value;
-    }
-    const debounceSetShowPicker = lodashUnified.debounce(setShowPicker, 100, { leading: true });
-    function show() {
-      if (colorDisabled.value)
-        return;
-      setShowPicker(true);
-    }
-    function hide() {
-      debounceSetShowPicker(false);
-      resetColor();
-    }
-    function resetColor() {
-      vue.nextTick(() => {
-        if (props.modelValue) {
-          color$1.fromString(props.modelValue);
-        } else {
-          color$1.value = "";
-          vue.nextTick(() => {
-            showPanelColor.value = false;
-          });
-        }
-      });
-    }
-    function handleTrigger() {
-      if (colorDisabled.value)
-        return;
-      if (showPicker.value) {
-        resetColor();
-      }
-      debounceSetShowPicker(!showPicker.value);
-    }
-    function confirmValue() {
-      const value = isEmptyValue(color$1.value) ? valueOnClear.value : color$1.value;
-      emit(event.UPDATE_MODEL_EVENT, value);
-      emit(event.CHANGE_EVENT, value);
-      if (props.validateEvent) {
-        formItem == null ? void 0 : formItem.validate("change").catch((err) => error.debugWarn(err));
-      }
-      debounceSetShowPicker(false);
-      vue.nextTick(() => {
-        const newColor = new color["default"]({
-          enableAlpha: props.showAlpha,
-          format: props.colorFormat || "",
-          value: props.modelValue
-        });
-        if (!color$1.compare(newColor)) {
-          resetColor();
-        }
-      });
-    }
-    function clear() {
-      debounceSetShowPicker(false);
-      emit(event.UPDATE_MODEL_EVENT, valueOnClear.value);
-      emit(event.CHANGE_EVENT, valueOnClear.value);
-      if (props.modelValue !== valueOnClear.value && props.validateEvent) {
-        formItem == null ? void 0 : formItem.validate("change").catch((err) => error.debugWarn(err));
-      }
-      resetColor();
-    }
-    function handleShowTooltip() {
-      var _a, _b;
-      (_b = (_a = pickerPanelRef == null ? void 0 : pickerPanelRef.value) == null ? void 0 : _a.inputRef) == null ? void 0 : _b.focus();
-    }
-    function handleClickOutside() {
-      if (!showPicker.value)
-        return;
-      hide();
-      isFocused.value && focus();
-    }
-    function handleEsc(event) {
-      event.preventDefault();
-      event.stopPropagation();
-      setShowPicker(false);
-      resetColor();
-    }
-    function handleKeyDown(event) {
-      const code = event$1.getEventCode(event);
-      switch (code) {
-        case aria.EVENT_CODE.enter:
-        case aria.EVENT_CODE.numpadEnter:
-        case aria.EVENT_CODE.space:
-          event.preventDefault();
-          event.stopPropagation();
-          show();
-          break;
-        case aria.EVENT_CODE.esc:
-          handleEsc(event);
-          break;
-      }
-    }
-    function focus() {
-      triggerRef.value.focus();
-    }
-    function blur() {
-      triggerRef.value.blur();
-    }
-    vue.watch(() => currentColor.value, (val) => {
-      shouldActiveChange && emit("activeChange", val);
-      shouldActiveChange = true;
-    });
-    vue.watch(() => color$1.value, () => {
-      if (!props.modelValue && !showPanelColor.value) {
-        showPanelColor.value = true;
-      }
-    });
-    vue.watch(() => props.modelValue, (newVal) => {
-      if (!newVal) {
-        showPanelColor.value = false;
-      } else if (newVal && newVal !== color$1.value) {
-        shouldActiveChange = false;
-        color$1.fromString(newVal);
-      }
-    });
-    vue.watch(() => showPicker.value, () => {
-      var _a;
-      vue.nextTick((_a = pickerPanelRef.value) == null ? void 0 : _a.update);
-    });
-    vue.provide(colorPickerPanel.ROOT_COMMON_COLOR_INJECTION_KEY, commonColor);
-    expose({
-      color: color$1,
-      show,
-      hide,
-      focus,
-      blur
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$4.ElTooltip), {
-        ref_key: "popper",
-        ref: popper,
-        visible: showPicker.value,
-        "show-arrow": false,
-        "fallback-placements": ["bottom", "top", "right", "left"],
-        offset: 0,
-        "gpu-acceleration": false,
-        "popper-class": [vue.unref(ns).be("picker", "panel"), _ctx.popperClass],
-        "popper-style": _ctx.popperStyle,
-        "stop-popper-mouse-event": false,
-        pure: "",
-        loop: "",
-        role: "dialog",
-        effect: "light",
-        trigger: "click",
-        teleported: _ctx.teleported,
-        transition: `${vue.unref(ns).namespace.value}-zoom-in-top`,
-        persistent: _ctx.persistent,
-        "append-to": _ctx.appendTo,
-        onShow: handleShowTooltip,
-        onHide: ($event) => setShowPicker(false)
-      }, {
-        content: vue.withCtx(() => [
-          vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$5.ElColorPickerPanel), vue.mergeProps({
-            ref_key: "pickerPanelRef",
-            ref: pickerPanelRef
-          }, vue.unref(panelProps), {
-            border: false,
-            "validate-event": false,
-            onKeydown: vue.withKeys(handleEsc, ["esc"])
-          }), {
-            footer: vue.withCtx(() => [
-              vue.createElementVNode("div", null, [
-                vue.createVNode(vue.unref(index$6.ElButton), {
-                  class: vue.normalizeClass(vue.unref(ns).be("footer", "link-btn")),
-                  text: "",
-                  size: "small",
-                  onClick: clear
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode(vue.toDisplayString(vue.unref(t)("el.colorpicker.clear")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["class"]),
-                vue.createVNode(vue.unref(index$6.ElButton), {
-                  plain: "",
-                  size: "small",
-                  class: vue.normalizeClass(vue.unref(ns).be("footer", "btn")),
-                  onClick: confirmValue
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode(vue.toDisplayString(vue.unref(t)("el.colorpicker.confirm")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["class"])
-              ])
-            ]),
-            _: 1
-          }, 16, ["onKeydown"])), [
-            [vue.unref(index$7["default"]), handleClickOutside, triggerRef.value]
-          ])
-        ]),
-        default: vue.withCtx(() => [
-          vue.createElementVNode("div", vue.mergeProps({
-            id: vue.unref(buttonId),
-            ref_key: "triggerRef",
-            ref: triggerRef
-          }, _ctx.$attrs, {
-            class: vue.unref(btnKls),
-            role: "button",
-            "aria-label": vue.unref(buttonAriaLabel),
-            "aria-labelledby": vue.unref(buttonAriaLabelledby),
-            "aria-description": vue.unref(t)("el.colorpicker.description", { color: _ctx.modelValue || "" }),
-            "aria-disabled": vue.unref(colorDisabled),
-            tabindex: vue.unref(colorDisabled) ? void 0 : _ctx.tabindex,
-            onKeydown: handleKeyDown,
-            onFocus: vue.unref(handleFocus),
-            onBlur: vue.unref(handleBlur)
-          }), [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(ns).be("picker", "trigger")),
-              onClick: handleTrigger
-            }, [
-              vue.createElementVNode("span", {
-                class: vue.normalizeClass([vue.unref(ns).be("picker", "color"), vue.unref(ns).is("alpha", _ctx.showAlpha)])
-              }, [
-                vue.createElementVNode("span", {
-                  class: vue.normalizeClass(vue.unref(ns).be("picker", "color-inner")),
-                  style: vue.normalizeStyle({
-                    backgroundColor: vue.unref(displayedColor)
-                  })
-                }, [
-                  vue.withDirectives(vue.createVNode(vue.unref(index$8.ElIcon), {
-                    class: vue.normalizeClass([vue.unref(ns).be("picker", "icon"), vue.unref(ns).is("icon-arrow-down")])
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(iconsVue.ArrowDown))
-                    ]),
-                    _: 1
-                  }, 8, ["class"]), [
-                    [vue.vShow, _ctx.modelValue || showPanelColor.value]
-                  ]),
-                  vue.withDirectives(vue.createVNode(vue.unref(index$8.ElIcon), {
-                    class: vue.normalizeClass([vue.unref(ns).be("picker", "empty"), vue.unref(ns).is("icon-close")])
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(iconsVue.Close))
-                    ]),
-                    _: 1
-                  }, 8, ["class"]), [
-                    [vue.vShow, !_ctx.modelValue && !showPanelColor.value]
-                  ])
-                ], 6)
-              ], 2)
-            ], 2)
-          ], 16, ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex", "onFocus", "onBlur"])
-        ]),
-        _: 1
-      }, 8, ["visible", "popper-class", "popper-style", "teleported", "transition", "persistent", "append-to", "onHide"]);
-    };
-  }
-});
-var ColorPicker = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "color-picker.vue"]]);
+const colorPickerEmits = {
+  [event.UPDATE_MODEL_EVENT]: (val) => shared.isString(val) || lodashUnified.isNil(val),
+  [event.CHANGE_EVENT]: (val) => shared.isString(val) || lodashUnified.isNil(val),
+  activeChange: (val) => shared.isString(val) || lodashUnified.isNil(val),
+  focus: (evt) => evt instanceof FocusEvent,
+  blur: (evt) => evt instanceof FocusEvent
+};
 
-exports["default"] = ColorPicker;
+exports.colorPickerEmits = colorPickerEmits;
+exports.colorPickerProps = colorPickerProps;
 //# sourceMappingURL=color-picker.js.map

package/lib/components/color-picker/src/color-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.js","sources":["../../../../../../packages/components/color-picker/src/color-picker.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"popper\"\n    :visible=\"showPicker\"\n    :show-arrow=\"false\"\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n    :offset=\"0\"\n    :gpu-acceleration=\"false\"\n    :popper-class=\"[ns.be('picker', 'panel'), popperClass!]\"\n    :popper-style=\"popperStyle\"\n    :stop-popper-mouse-event=\"false\"\n    pure\n    loop\n    role=\"dialog\"\n    effect=\"light\"\n    trigger=\"click\"\n    :teleported=\"teleported\"\n    :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n    :persistent=\"persistent\"\n    :append-to=\"appendTo\"\n    @show=\"handleShowTooltip\"\n    @hide=\"setShowPicker(false)\"\n  >\n    <template #content>\n      <el-color-picker-panel\n        ref=\"pickerPanelRef\"\n        v-bind=\"panelProps\"\n        v-click-outside:[triggerRef]=\"handleClickOutside\"\n        :border=\"false\"\n        :validate-event=\"false\"\n        @keydown.esc=\"handleEsc\"\n      >\n        <template #footer>\n          <div>\n            <el-button\n              :class=\"ns.be('footer', 'link-btn')\"\n              text\n              size=\"small\"\n              @click=\"clear\"\n            >\n              {{ t('el.colorpicker.clear') }}\n            </el-button>\n            <el-button\n              plain\n              size=\"small\"\n              :class=\"ns.be('footer', 'btn')\"\n              @click=\"confirmValue\"\n            >\n              {{ t('el.colorpicker.confirm') }}\n            </el-button>\n          </div>\n        </template>\n      </el-color-picker-panel>\n    </template>\n    <template #default>\n      <div\n        :id=\"buttonId\"\n        ref=\"triggerRef\"\n        v-bind=\"$attrs\"\n        :class=\"btnKls\"\n        role=\"button\"\n        :aria-label=\"buttonAriaLabel\"\n        :aria-labelledby=\"buttonAriaLabelledby\"\n        :aria-description=\"\n          t('el.colorpicker.description', { color: modelValue || '' })\n        \"\n        :aria-disabled=\"colorDisabled\"\n        :tabindex=\"colorDisabled ? undefined : tabindex\"\n        @keydown=\"handleKeyDown\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n      >\n        <div :class=\"ns.be('picker', 'trigger')\" @click=\"handleTrigger\">\n          <span :class=\"[ns.be('picker', 'color'), ns.is('alpha', showAlpha)]\">\n            <span\n              :class=\"ns.be('picker', 'color-inner')\"\n              :style=\"{\n                backgroundColor: displayedColor,\n              }\"\n            >\n              <el-icon\n                v-show=\"modelValue || showPanelColor\"\n                :class=\"[ns.be('picker', 'icon'), ns.is('icon-arrow-down')]\"\n              >\n                <arrow-down />\n              </el-icon>\n              <el-icon\n                v-show=\"!modelValue && !showPanelColor\"\n                :class=\"[ns.be('picker', 'empty'), ns.is('icon-close')]\"\n              >\n                <close />\n              </el-icon>\n            </span>\n          </span>\n        </div>\n      </div>\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, provide, ref, watch } from 'vue'\nimport { debounce, pick } from 'lodash-unified'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { reactiveComputed } from '@vueuse/core'\nimport { ClickOutside as vClickOutside } from '@element-plus/directives'\nimport { ElTooltip } from '@element-plus/components/tooltip'\nimport { ElButton } from '@element-plus/components/button'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport {\n  useEmptyValues,\n  useFocusController,\n  useLocale,\n  useNamespace,\n} from '@element-plus/hooks'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { debugWarn, getEventCode } from '@element-plus/utils'\nimport { ArrowDown, Close } from '@element-plus/icons-vue'\nimport { colorPickerEmits, colorPickerProps } from './color-picker'\nimport {\n  ElColorPickerPanel,\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  colorPickerPanelProps,\n} from '@element-plus/components/color-picker-panel'\nimport Color from '@element-plus/components/color-picker-panel/src/utils/color'\nimport { useCommonColor } from '@element-plus/components/color-picker-panel/src/composables/use-common-color'\n\nimport type { ColorPickerPanelInstance } from '@element-plus/components/color-picker-panel'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\n\ndefineOptions({\n  name: 'ElColorPicker',\n})\nconst props = defineProps(colorPickerProps)\n\nconst emit = defineEmits(colorPickerEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('color')\nconst { formItem } = useFormItem()\nconst colorSize = useFormSize()\nconst colorDisabled = useFormDisabled()\nconst { valueOnClear, isEmptyValue } = useEmptyValues(props, null)\nconst commonColor = useCommonColor(props, emit)\nconst { inputId: buttonId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\n\nconst popper = ref<TooltipInstance>()\nconst triggerRef = ref()\nconst pickerPanelRef = ref<ColorPickerPanelInstance>()\nconst showPicker = ref(false)\nconst showPanelColor = ref(false)\n\n// active-change is used to prevent modelValue changes from triggering.\nlet shouldActiveChange = true\n\nconst { isFocused, handleFocus, handleBlur } = useFocusController(triggerRef, {\n  disabled: colorDisabled,\n  beforeBlur(event) {\n    return popper.value?.isFocusInsideContent(event)\n  },\n  afterBlur() {\n    setShowPicker(false)\n    resetColor()\n    if (props.validateEvent) {\n      formItem?.validate?.('blur').catch((err) => debugWarn(err))\n    }\n  },\n})\n\nconst color = reactiveComputed(\n  () => pickerPanelRef.value?.color ?? commonColor.color\n) as Color\n\nconst panelProps = computed(() =>\n  pick(props, Object.keys(colorPickerPanelProps))\n)\n\nconst displayedColor = computed(() => {\n  if (!props.modelValue && !showPanelColor.value) {\n    return 'transparent'\n  }\n  return displayedRgb(color, props.showAlpha)\n})\n\nconst currentColor = computed(() => {\n  return !props.modelValue && !showPanelColor.value ? '' : color.value\n})\n\nconst buttonAriaLabel = computed<string | undefined>(() => {\n  return !isLabeledByFormItem.value\n    ? props.ariaLabel || t('el.colorpicker.defaultLabel')\n    : undefined\n})\n\nconst buttonAriaLabelledby = computed<string | undefined>(() => {\n  return isLabeledByFormItem.value ? formItem?.labelId : undefined\n})\n\nconst btnKls = computed(() => {\n  return [\n    ns.b('picker'),\n    ns.is('disabled', colorDisabled.value),\n    ns.bm('picker', colorSize.value),\n    ns.is('focused', isFocused.value),\n  ]\n})\n\nfunction displayedRgb(color: Color, showAlpha: boolean) {\n  const { r, g, b, a } = color.toRgb()\n  return showAlpha ? `rgba(${r}, ${g}, ${b}, ${a})` : `rgb(${r}, ${g}, ${b})`\n}\n\nfunction setShowPicker(value: boolean) {\n  showPicker.value = value\n}\n\nconst debounceSetShowPicker = debounce(setShowPicker, 100, { leading: true })\nfunction show() {\n  if (colorDisabled.value) return\n  setShowPicker(true)\n}\n\nfunction hide() {\n  debounceSetShowPicker(false)\n  resetColor()\n}\n\nfunction resetColor() {\n  nextTick(() => {\n    if (props.modelValue) {\n      color.fromString(props.modelValue)\n    } else {\n      color.value = ''\n      nextTick(() => {\n        showPanelColor.value = false\n      })\n    }\n  })\n}\n\nfunction handleTrigger() {\n  if (colorDisabled.value) return\n  if (showPicker.value) {\n    resetColor()\n  }\n  debounceSetShowPicker(!showPicker.value)\n}\n\nfunction confirmValue() {\n  const value = isEmptyValue(color.value) ? valueOnClear.value : color.value\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(CHANGE_EVENT, value)\n  if (props.validateEvent) {\n    formItem?.validate('change').catch((err) => debugWarn(err))\n  }\n  debounceSetShowPicker(false)\n  // check if modelValue change, if not change, then reset color.\n  nextTick(() => {\n    const newColor = new Color({\n      enableAlpha: props.showAlpha,\n      format: props.colorFormat || '',\n      value: props.modelValue,\n    })\n    if (!color.compare(newColor)) {\n      resetColor()\n    }\n  })\n}\n\nfunction clear() {\n  debounceSetShowPicker(false)\n  emit(UPDATE_MODEL_EVENT, valueOnClear.value)\n  emit(CHANGE_EVENT, valueOnClear.value)\n  if (props.modelValue !== valueOnClear.value && props.validateEvent) {\n    formItem?.validate('change').catch((err) => debugWarn(err))\n  }\n  resetColor()\n}\n\nfunction handleShowTooltip() {\n  pickerPanelRef?.value?.inputRef?.focus()\n}\n\nfunction handleClickOutside() {\n  if (!showPicker.value) return\n  hide()\n  isFocused.value && focus()\n}\n\nfunction handleEsc(event: KeyboardEvent) {\n  event.preventDefault()\n  event.stopPropagation()\n  setShowPicker(false)\n  resetColor()\n}\n\nfunction handleKeyDown(event: KeyboardEvent) {\n  const code = getEventCode(event)\n\n  switch (code) {\n    case EVENT_CODE.enter:\n    case EVENT_CODE.numpadEnter:\n    case EVENT_CODE.space:\n      event.preventDefault()\n      event.stopPropagation()\n      show()\n      break\n    case EVENT_CODE.esc:\n      handleEsc(event)\n      break\n  }\n}\n\nfunction focus() {\n  triggerRef.value.focus()\n}\n\nfunction blur() {\n  triggerRef.value.blur()\n}\n\nwatch(\n  () => currentColor.value,\n  (val) => {\n    shouldActiveChange && emit('activeChange', val)\n    shouldActiveChange = true\n  }\n)\n\nwatch(\n  () => color.value,\n  () => {\n    if (!props.modelValue && !showPanelColor.value) {\n      showPanelColor.value = true\n    }\n  }\n)\n\nwatch(\n  () => props.modelValue,\n  (newVal) => {\n    if (!newVal) {\n      showPanelColor.value = false\n    } else if (newVal && newVal !== color.value) {\n      shouldActiveChange = false\n      color.fromString(newVal)\n    }\n  }\n)\n\nwatch(\n  () => showPicker.value,\n  () => {\n    nextTick(pickerPanelRef.value?.update)\n  }\n)\n\nprovide(ROOT_COMMON_COLOR_INJECTION_KEY, commonColor)\n\ndefineExpose({\n  /**\n   * @description current color object\n   */\n  color,\n  /**\n   * @description manually show ColorPicker\n   */\n  show,\n  /**\n   * @description manually hide ColorPicker\n   */\n  hide,\n  /**\n   * @description focus the input element\n   */\n  focus,\n  /**\n   * @description blur the input element\n   */\n  blur,\n})\n</script>\n"],"names":["useLocale","useNamespace","useFormItem","useFormSize","useFormDisabled","useEmptyValues","useCommonColor","useFormItemInputId","ref","useFocusController","debugWarn","color","reactiveComputed","computed","pick","colorPickerPanelProps","debounce","nextTick","UPDATE_MODEL_EVENT","CHANGE_EVENT","Color","getEventCode","EVENT_CODE","watch","provide","ROOT_COMMON_COLOR_INJECTION_KEY","_openBlock","_createBlock","_unref","ElTooltip"],"mappings":"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"}
+{"version":3,"file":"color-picker.js","sources":["../../../../../../packages/components/color-picker/src/color-picker.ts"],"sourcesContent":["import { isNil } from 'lodash-unified'\nimport { buildProps, definePropType, isString } from '@element-plus/utils'\nimport {\n  useAriaProps,\n  useEmptyValuesProps,\n  useSizeProp,\n} from '@element-plus/hooks'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type ColorPicker from './color-picker.vue'\n\nexport const colorPickerProps = buildProps({\n  /**\n   * @description when color-picker inactive and persistent is false, the color panel will be destroyed\n   */\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: definePropType<string | null>(String),\n    default: undefined,\n  },\n  /**\n   * @description ColorPicker id\n   */\n  id: String,\n  /**\n   * @description whether to display the alpha slider\n   */\n  showAlpha: Boolean,\n  /**\n   * @description color format of v-model\n   */\n  colorFormat: String,\n  /**\n   * @description whether to disable the ColorPicker\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description size of ColorPicker\n   */\n  size: useSizeProp,\n  /**\n   * @description custom class name for ColorPicker's dropdown\n   */\n  popperClass: useTooltipContentProps.popperClass,\n  /**\n   * @description custom style for ColorPicker's dropdown\n   */\n  popperStyle: useTooltipContentProps.popperStyle,\n  /**\n   * @description ColorPicker tabindex\n   */\n  tabindex: {\n    type: [String, Number],\n    default: 0,\n  },\n  /**\n   * @description whether color-picker popper is teleported to the body\n   */\n  teleported: useTooltipContentProps.teleported,\n  /**\n   * @description which color-picker panel appends to\n   */\n  appendTo: useTooltipContentProps.appendTo,\n  /**\n   * @description predefined color options\n   */\n  predefine: {\n    type: definePropType<string[]>(Array),\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  ...useEmptyValuesProps,\n  ...useAriaProps(['ariaLabel']),\n} as const)\nexport const colorPickerEmits = {\n  [UPDATE_MODEL_EVENT]: (val: string | null) => isString(val) || isNil(val),\n  [CHANGE_EVENT]: (val: string | null) => isString(val) || isNil(val),\n  activeChange: (val: string | null) => isString(val) || isNil(val),\n  focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n  blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n}\n\nexport type ColorPickerProps = ExtractPropTypes<typeof colorPickerProps>\nexport type ColorPickerPropsPublic = __ExtractPublicPropTypes<\n  typeof colorPickerProps\n>\nexport type ColorPickerEmits = typeof colorPickerEmits\nexport type ColorPickerInstance = InstanceType<typeof ColorPicker> & unknown\n"],"names":["buildProps","definePropType","useSizeProp","useTooltipContentProps","useEmptyValuesProps","useAriaProps","UPDATE_MODEL_EVENT","isString","isNil","CHANGE_EVENT"],"mappings":";;;;;;;;;;;;;AASY,MAAC,gBAAgB,GAAGA,kBAAU,CAAC;AAC3C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,EAAE,EAAE,MAAM;AACZ,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,WAAW,EAAEC,8BAAsB,CAAC,WAAW;AACjD,EAAE,WAAW,EAAEA,8BAAsB,CAAC,WAAW;AACjD,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,UAAU,EAAEA,8BAAsB,CAAC,UAAU;AAC/C,EAAE,QAAQ,EAAEA,8BAAsB,CAAC,QAAQ;AAC3C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEF,sBAAc,CAAC,KAAK,CAAC;AAC/B,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,GAAGG,2BAAmB;AACxB,EAAE,GAAGC,oBAAY,CAAC,CAAC,WAAW,CAAC,CAAC;AAChC,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,EAAE,CAACC,wBAAkB,GAAG,CAAC,GAAG,KAAKC,eAAQ,CAAC,GAAG,CAAC,IAAIC,mBAAK,CAAC,GAAG,CAAC;AAC5D,EAAE,CAACC,kBAAY,GAAG,CAAC,GAAG,KAAKF,eAAQ,CAAC,GAAG,CAAC,IAAIC,mBAAK,CAAC,GAAG,CAAC;AACtD,EAAE,YAAY,EAAE,CAAC,GAAG,KAAKD,eAAQ,CAAC,GAAG,CAAC,IAAIC,mBAAK,CAAC,GAAG,CAAC;AACpD,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C,EAAE,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC1C;;;;;"}