@element-plus/nightly 0.0.20220322 → 0.0.20220325

package/lib/components/checkbox/src/useCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCheckbox.js","sources":["../../../../../../packages/components/checkbox/src/useCheckbox.ts"],"sourcesContent":["import { ref, computed, inject, getCurrentInstance, watch } from 'vue'\nimport { toTypeString } from '@vue/shared'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { formContextKey, formItemContextKey } from '@element-plus/tokens'\nimport { useSize } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type { FormContext, FormItemContext } from '@element-plus/tokens'\nimport type { ICheckboxGroupInstance } from './checkbox.type'\n\nexport const useCheckboxProps = {\n  modelValue: {\n    type: [Boolean, Number, String],\n    default: () => undefined,\n  },\n  label: {\n    type: [String, Boolean, Number, Object],\n  },\n  indeterminate: Boolean,\n  disabled: Boolean,\n  checked: Boolean,\n  name: {\n    type: String,\n    default: undefined,\n  },\n  trueLabel: {\n    type: [String, Number],\n    default: undefined,\n  },\n  falseLabel: {\n    type: [String, Number],\n    default: undefined,\n  },\n  tabindex: [String, Number],\n  size: String,\n}\n\nexport type IUseCheckboxProps = ExtractPropTypes<typeof useCheckboxProps>\n\nexport const useCheckboxGroup = () => {\n  const elForm = inject(formContextKey, {} as FormContext)\n  const elFormItem = inject(formItemContextKey, {} as FormItemContext)\n  const checkboxGroup = inject<ICheckboxGroupInstance>('CheckboxGroup', {})\n  const isGroup = computed(\n    () => checkboxGroup && checkboxGroup?.name === 'ElCheckboxGroup'\n  )\n  const elFormItemSize = computed(() => {\n    return elFormItem.size\n  })\n  return {\n    isGroup,\n    checkboxGroup,\n    elForm,\n    elFormItemSize,\n    elFormItem,\n  }\n}\n\nconst useModel = (props: IUseCheckboxProps) => {\n  const selfModel = ref(false)\n  const { emit } = getCurrentInstance()\n  const { isGroup, checkboxGroup } = useCheckboxGroup()\n  const isLimitExceeded = ref(false)\n  const model = computed({\n    get() {\n      return isGroup.value\n        ? checkboxGroup.modelValue?.value\n        : props.modelValue ?? selfModel.value\n    },\n\n    set(val: unknown) {\n      if (isGroup.value && Array.isArray(val)) {\n        isLimitExceeded.value =\n          checkboxGroup.max !== undefined &&\n          val.length > checkboxGroup.max.value\n        isLimitExceeded.value === false && checkboxGroup?.changeEvent?.(val)\n      } else {\n        emit(UPDATE_MODEL_EVENT, val)\n        selfModel.value = val as boolean\n      }\n    },\n  })\n\n  return {\n    model,\n    isLimitExceeded,\n  }\n}\n\nconst useCheckboxStatus = (\n  props: IUseCheckboxProps,\n  { model }: Partial<ReturnType<typeof useModel>>\n) => {\n  const { isGroup, checkboxGroup } = useCheckboxGroup()\n  const focus = ref(false)\n  const size = useSize(checkboxGroup?.checkboxGroupSize, { prop: true })\n  const isChecked = computed<boolean>(() => {\n    const value = model.value\n    if (toTypeString(value) === '[object Boolean]') {\n      return value\n    } else if (Array.isArray(value)) {\n      return value.includes(props.label)\n    } else if (value !== null && value !== undefined) {\n      return value === props.trueLabel\n    } else {\n      return !!value\n    }\n  })\n\n  const checkboxSize = useSize(\n    computed(() =>\n      isGroup.value ? checkboxGroup?.checkboxGroupSize?.value : undefined\n    )\n  )\n\n  return {\n    isChecked,\n    focus,\n    size,\n    checkboxSize,\n  }\n}\n\nconst useDisabled = (\n  props: IUseCheckboxProps,\n  {\n    model,\n    isChecked,\n  }: Partial<ReturnType<typeof useModel>> &\n    Partial<ReturnType<typeof useCheckboxStatus>>\n) => {\n  const { elForm, isGroup, checkboxGroup } = useCheckboxGroup()\n  const isLimitDisabled = computed(() => {\n    const max = checkboxGroup.max?.value\n    const min = checkboxGroup.min?.value\n    return (\n      (!!(max || min) && model.value.length >= max && !isChecked.value) ||\n      (model.value.length <= min && isChecked.value)\n    )\n  })\n  const isDisabled = computed(() => {\n    const disabled = props.disabled || elForm.disabled\n    return (\n      (isGroup.value\n        ? checkboxGroup.disabled?.value || disabled || isLimitDisabled.value\n        : props.disabled || elForm.disabled) ?? false\n    )\n  })\n\n  return {\n    isDisabled,\n    isLimitDisabled,\n  }\n}\n\nconst setStoreValue = (\n  props: IUseCheckboxProps,\n  { model }: Partial<ReturnType<typeof useModel>>\n) => {\n  function addToStore() {\n    if (Array.isArray(model.value) && !model.value.includes(props.label)) {\n      model.value.push(props.label)\n    } else {\n      model.value = props.trueLabel || true\n    }\n  }\n  props.checked && addToStore()\n}\n\nconst useEvent = (\n  props: IUseCheckboxProps,\n  { isLimitExceeded }: Partial<ReturnType<typeof useModel>>\n) => {\n  const { elFormItem } = useCheckboxGroup()\n  const { emit } = getCurrentInstance()\n  function handleChange(e: InputEvent) {\n    if (isLimitExceeded.value) return\n    const target = e.target as HTMLInputElement\n    const value = target.checked\n      ? props.trueLabel ?? true\n      : props.falseLabel ?? false\n\n    emit('change', value, e)\n  }\n\n  watch(\n    () => props.modelValue,\n    () => {\n      elFormItem.validate?.('change').catch((err) => debugWarn(err))\n    }\n  )\n\n  return {\n    handleChange,\n  }\n}\n\nexport const useCheckbox = (props: IUseCheckboxProps) => {\n  const { model, isLimitExceeded } = useModel(props)\n  const { focus, size, isChecked, checkboxSize } = useCheckboxStatus(props, {\n    model,\n  })\n  const { isDisabled } = useDisabled(props, { model, isChecked })\n  const { handleChange } = useEvent(props, { isLimitExceeded })\n\n  setStoreValue(props, { model })\n\n  return {\n    isChecked,\n    isDisabled,\n    checkboxSize,\n    model,\n    handleChange,\n    focus,\n    size,\n  }\n}\n"],"names":["inject","formContextKey","formItemContextKey","computed","ref","getCurrentInstance","UPDATE_MODEL_EVENT","useSize","toTypeString","watch","debugWarn"],"mappings":"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"}
+{"version":3,"file":"useCheckbox.js","sources":["../../../../../../packages/components/checkbox/src/useCheckbox.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, ref, watch } from 'vue'\nimport { toTypeString } from '@vue/shared'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { formContextKey, formItemContextKey } from '@element-plus/tokens'\nimport { useSize } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type { FormContext, FormItemContext } from '@element-plus/tokens'\nimport type { ICheckboxGroupInstance } from './checkbox.type'\n\nexport const useCheckboxProps = {\n  modelValue: {\n    type: [Boolean, Number, String],\n    default: () => undefined,\n  },\n  label: {\n    type: [String, Boolean, Number, Object],\n  },\n  indeterminate: Boolean,\n  disabled: Boolean,\n  checked: Boolean,\n  name: {\n    type: String,\n    default: undefined,\n  },\n  trueLabel: {\n    type: [String, Number],\n    default: undefined,\n  },\n  falseLabel: {\n    type: [String, Number],\n    default: undefined,\n  },\n  tabindex: [String, Number],\n  size: String,\n}\n\nexport type IUseCheckboxProps = ExtractPropTypes<typeof useCheckboxProps>\n\nexport const useCheckboxGroup = () => {\n  const elForm = inject(formContextKey, {} as FormContext)\n  const elFormItem = inject(formItemContextKey, {} as FormItemContext)\n  const checkboxGroup = inject<ICheckboxGroupInstance>('CheckboxGroup', {})\n  const isGroup = computed(\n    () => checkboxGroup && checkboxGroup?.name === 'ElCheckboxGroup'\n  )\n  const elFormItemSize = computed(() => {\n    return elFormItem.size\n  })\n  return {\n    isGroup,\n    checkboxGroup,\n    elForm,\n    elFormItemSize,\n    elFormItem,\n  }\n}\n\nconst useModel = (props: IUseCheckboxProps) => {\n  const selfModel = ref(false)\n  const { emit } = getCurrentInstance()\n  const { isGroup, checkboxGroup } = useCheckboxGroup()\n  const isLimitExceeded = ref(false)\n  const model = computed({\n    get() {\n      return isGroup.value\n        ? checkboxGroup.modelValue?.value\n        : props.modelValue ?? selfModel.value\n    },\n\n    set(val: unknown) {\n      if (isGroup.value && Array.isArray(val)) {\n        isLimitExceeded.value =\n          checkboxGroup.max !== undefined &&\n          val.length > checkboxGroup.max.value\n        isLimitExceeded.value === false && checkboxGroup?.changeEvent?.(val)\n      } else {\n        emit(UPDATE_MODEL_EVENT, val)\n        selfModel.value = val as boolean\n      }\n    },\n  })\n\n  return {\n    model,\n    isLimitExceeded,\n  }\n}\n\nconst useCheckboxStatus = (\n  props: IUseCheckboxProps,\n  { model }: Partial<ReturnType<typeof useModel>>\n) => {\n  const { isGroup, checkboxGroup } = useCheckboxGroup()\n  const focus = ref(false)\n  const size = useSize(checkboxGroup?.checkboxGroupSize, { prop: true })\n  const isChecked = computed<boolean>(() => {\n    const value = model.value\n    if (toTypeString(value) === '[object Boolean]') {\n      return value\n    } else if (Array.isArray(value)) {\n      return value.includes(props.label)\n    } else if (value !== null && value !== undefined) {\n      return value === props.trueLabel\n    } else {\n      return !!value\n    }\n  })\n\n  const checkboxSize = useSize(\n    computed(() =>\n      isGroup.value ? checkboxGroup?.checkboxGroupSize?.value : undefined\n    )\n  )\n\n  return {\n    isChecked,\n    focus,\n    size,\n    checkboxSize,\n  }\n}\n\nconst useDisabled = (\n  props: IUseCheckboxProps,\n  {\n    model,\n    isChecked,\n  }: Partial<ReturnType<typeof useModel>> &\n    Partial<ReturnType<typeof useCheckboxStatus>>\n) => {\n  const { elForm, isGroup, checkboxGroup } = useCheckboxGroup()\n  const isLimitDisabled = computed(() => {\n    const max = checkboxGroup.max?.value\n    const min = checkboxGroup.min?.value\n    return (\n      (!!(max || min) && model.value.length >= max && !isChecked.value) ||\n      (model.value.length <= min && isChecked.value)\n    )\n  })\n  const isDisabled = computed(() => {\n    const disabled = props.disabled || elForm.disabled\n    return (\n      (isGroup.value\n        ? checkboxGroup.disabled?.value || disabled || isLimitDisabled.value\n        : props.disabled || elForm.disabled) ?? false\n    )\n  })\n\n  return {\n    isDisabled,\n    isLimitDisabled,\n  }\n}\n\nconst setStoreValue = (\n  props: IUseCheckboxProps,\n  { model }: Partial<ReturnType<typeof useModel>>\n) => {\n  function addToStore() {\n    if (Array.isArray(model.value) && !model.value.includes(props.label)) {\n      model.value.push(props.label)\n    } else {\n      model.value = props.trueLabel || true\n    }\n  }\n  props.checked && addToStore()\n}\n\nconst useEvent = (\n  props: IUseCheckboxProps,\n  { isLimitExceeded }: Partial<ReturnType<typeof useModel>>\n) => {\n  const { elFormItem } = useCheckboxGroup()\n  const { emit } = getCurrentInstance()\n  function handleChange(e: InputEvent) {\n    if (isLimitExceeded.value) return\n    const target = e.target as HTMLInputElement\n    const value = target.checked\n      ? props.trueLabel ?? true\n      : props.falseLabel ?? false\n\n    emit('change', value, e)\n  }\n\n  watch(\n    () => props.modelValue,\n    () => {\n      elFormItem.validate?.('change').catch((err) => debugWarn(err))\n    }\n  )\n\n  return {\n    handleChange,\n  }\n}\n\nexport const useCheckbox = (props: IUseCheckboxProps) => {\n  const { model, isLimitExceeded } = useModel(props)\n  const { focus, size, isChecked, checkboxSize } = useCheckboxStatus(props, {\n    model,\n  })\n  const { isDisabled } = useDisabled(props, { model, isChecked })\n  const { handleChange } = useEvent(props, { isLimitExceeded })\n\n  setStoreValue(props, { model })\n\n  return {\n    isChecked,\n    isDisabled,\n    checkboxSize,\n    model,\n    handleChange,\n    focus,\n    size,\n  }\n}\n"],"names":["inject","formContextKey","formItemContextKey","computed","ref","getCurrentInstance","UPDATE_MODEL_EVENT","useSize","toTypeString","watch","debugWarn"],"mappings":"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"}

package/lib/components/col/src/col.js.map

@@ -1 +1 @@
-{"version":3,"file":"col.js","sources":["../../../../../../packages/components/col/src/col.tsx"],"sourcesContent":["import { defineComponent, computed, inject } from 'vue'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rowContextKey } from '@element-plus/tokens'\nimport type { ExtractPropTypes, CSSProperties } from 'vue'\n\nexport type ColSizeObject = {\n  span?: number\n  offset?: number\n}\nexport type ColSize = number | ColSizeObject\n\nexport const colProps = buildProps({\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  span: {\n    type: Number,\n    default: 24,\n  },\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  pull: {\n    type: Number,\n    default: 0,\n  },\n  push: {\n    type: Number,\n    default: 0,\n  },\n  xs: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  sm: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  md: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  lg: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  xl: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n} as const)\nexport type ColProps = ExtractPropTypes<typeof colProps>\n\nexport default defineComponent({\n  name: 'ElCol',\n  props: colProps,\n\n  setup(props, { slots }) {\n    const { gutter } = inject(rowContextKey, { gutter: computed(() => 0) })\n    const ns = useNamespace('col')\n\n    const style = computed<CSSProperties>(() => {\n      if (gutter.value) {\n        return {\n          paddingLeft: `${gutter.value / 2}px`,\n          paddingRight: `${gutter.value / 2}px`,\n        }\n      }\n      return {}\n    })\n\n    const classes = computed(() => {\n      const classes: string[] = []\n\n      const pos = ['span', 'offset', 'pull', 'push'] as const\n      pos.forEach((prop) => {\n        const size = props[prop]\n        if (typeof size === 'number') {\n          if (prop === 'span') classes.push(ns.b(`${props[prop]}`))\n          else if (size > 0) classes.push(ns.b(`${prop}-${props[prop]}`))\n        }\n      })\n\n      const sizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const\n      sizes.forEach((size) => {\n        if (typeof props[size] === 'number') {\n          classes.push(ns.b(`${size}-${props[size]}`))\n        } else if (typeof props[size] === 'object') {\n          const sizeProps = props[size]\n          Object.keys(sizeProps).forEach((prop) => {\n            classes.push(\n              prop !== 'span'\n                ? ns.b(`${size}-${prop}-${sizeProps[prop]}`)\n                : ns.b(`${size}-${sizeProps[prop]}`)\n            )\n          })\n        }\n      })\n      // this is for the fix\n      if (gutter.value) {\n        classes.push(ns.is('guttered'))\n      }\n\n      return classes\n    })\n\n    return () => (\n      <props.tag\n        v-slots={slots}\n        class={[ns.b(), classes.value]}\n        style={style.value}\n      />\n    )\n  },\n})\n"],"names":["colProps","buildProps","tag","type","String","default","span","Number","offset","pull","push","xs","definePropType","Object","mutable","sm","md","lg","xl","defineComponent","name","props","setup","slots","gutter","inject","computed","rowContextKey","useNamespace","ns","style","paddingLeft","value","paddingRight","classes","pos","size","b","prop","sizes","forEach","sizeProps","keys","_createVNode"],"mappings":"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"}
+{"version":3,"file":"col.js","sources":["../../../../../../packages/components/col/src/col.tsx"],"sourcesContent":["import { computed, defineComponent, inject } from 'vue'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rowContextKey } from '@element-plus/tokens'\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\n\nexport type ColSizeObject = {\n  span?: number\n  offset?: number\n}\nexport type ColSize = number | ColSizeObject\n\nexport const colProps = buildProps({\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  span: {\n    type: Number,\n    default: 24,\n  },\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  pull: {\n    type: Number,\n    default: 0,\n  },\n  push: {\n    type: Number,\n    default: 0,\n  },\n  xs: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  sm: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  md: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  lg: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  xl: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n} as const)\nexport type ColProps = ExtractPropTypes<typeof colProps>\n\nexport default defineComponent({\n  name: 'ElCol',\n  props: colProps,\n\n  setup(props, { slots }) {\n    const { gutter } = inject(rowContextKey, { gutter: computed(() => 0) })\n    const ns = useNamespace('col')\n\n    const style = computed<CSSProperties>(() => {\n      if (gutter.value) {\n        return {\n          paddingLeft: `${gutter.value / 2}px`,\n          paddingRight: `${gutter.value / 2}px`,\n        }\n      }\n      return {}\n    })\n\n    const classes = computed(() => {\n      const classes: string[] = []\n\n      const pos = ['span', 'offset', 'pull', 'push'] as const\n      pos.forEach((prop) => {\n        const size = props[prop]\n        if (typeof size === 'number') {\n          if (prop === 'span') classes.push(ns.b(`${props[prop]}`))\n          else if (size > 0) classes.push(ns.b(`${prop}-${props[prop]}`))\n        }\n      })\n\n      const sizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const\n      sizes.forEach((size) => {\n        if (typeof props[size] === 'number') {\n          classes.push(ns.b(`${size}-${props[size]}`))\n        } else if (typeof props[size] === 'object') {\n          const sizeProps = props[size]\n          Object.keys(sizeProps).forEach((prop) => {\n            classes.push(\n              prop !== 'span'\n                ? ns.b(`${size}-${prop}-${sizeProps[prop]}`)\n                : ns.b(`${size}-${sizeProps[prop]}`)\n            )\n          })\n        }\n      })\n      // this is for the fix\n      if (gutter.value) {\n        classes.push(ns.is('guttered'))\n      }\n\n      return classes\n    })\n\n    return () => (\n      <props.tag\n        v-slots={slots}\n        class={[ns.b(), classes.value]}\n        style={style.value}\n      />\n    )\n  },\n})\n"],"names":["colProps","buildProps","tag","type","String","default","span","Number","offset","pull","push","xs","definePropType","Object","mutable","sm","md","lg","xl","defineComponent","name","props","setup","slots","gutter","inject","computed","rowContextKey","useNamespace","ns","style","paddingLeft","value","paddingRight","classes","pos","size","b","prop","sizes","forEach","sizeProps","keys","_createVNode"],"mappings":"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"}

package/lib/components/collapse/src/collapse-item2.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-item2.js","sources":["../../../../../../packages/components/collapse/src/collapse-item.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ns.b('item'),\n      ns.is('active', isActive),\n      ns.is('disabled', disabled),\n    ]\"\n  >\n    <div\n      role=\"tab\"\n      :aria-expanded=\"isActive\"\n      :aria-controls=\"ns.b(`content-${id}`)\"\n      :aria-describedby=\"ns.b(`content-${id}`)\"\n    >\n      <div\n        :id=\"ns.b(`head-${id}`)\"\n        :class=\"[\n          ns.be('item', 'header'),\n          ns.is('active', isActive),\n          { focusing },\n        ]\"\n        role=\"button\"\n        :tabindex=\"disabled ? -1 : 0\"\n        @click=\"handleHeaderClick\"\n        @keypress.space.enter.stop.prevent=\"handleEnterClick\"\n        @focus=\"handleFocus\"\n        @blur=\"focusing = false\"\n      >\n        <slot name=\"title\">{{ title }}</slot>\n        <el-icon :class=\"[ns.be('item', 'arrow'), ns.is('active', isActive)]\">\n          <arrow-right />\n        </el-icon>\n      </div>\n    </div>\n    <el-collapse-transition>\n      <div\n        v-show=\"isActive\"\n        :id=\"ns.b(`content-${id}`)\"\n        :class=\"ns.be('item', 'wrap')\"\n        role=\"tabpanel\"\n        :aria-hidden=\"!isActive\"\n        :aria-labelledby=\"ns.b(`head-${id}`)\"\n      >\n        <div :class=\"ns.be('item', 'content')\">\n          <slot />\n        </div>\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, computed, ref } from 'vue'\nimport { generateId } from '@element-plus/utils'\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElIcon from '@element-plus/components/icon'\nimport { ArrowRight } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { collapseContextKey } from '@element-plus/tokens'\nimport { collapseItemProps } from './collapse-item'\n\ndefineOptions({\n  name: 'ElCollapseItem',\n})\n\nconst props = defineProps(collapseItemProps)\n\nconst collapse = inject(collapseContextKey)\nconst ns = useNamespace('collapse')\n\nconst focusing = ref(false)\nconst isClick = ref(false)\nconst id = ref(generateId())\n\nconst isActive = computed(() =>\n  collapse?.activeNames.value.includes(props.name)\n)\n\nconst handleFocus = () => {\n  setTimeout(() => {\n    if (!isClick.value) {\n      focusing.value = true\n    } else {\n      isClick.value = false\n    }\n  }, 50)\n}\n\nconst handleHeaderClick = () => {\n  if (props.disabled) return\n  collapse?.handleItemClick(props.name)\n  focusing.value = false\n  isClick.value = true\n}\n\nconst handleEnterClick = () => {\n  collapse?.handleItemClick(props.name)\n}\n\ndefineExpose({\n  /** @description current collapse-item whether active */\n  isActive,\n})\n</script>\n"],"names":["collapse","inject","collapseContextKey","useNamespace","ref","generateId","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA,IAAA,MAAAA,aAAAC,UAAA,CAAAC,2BAAA,CAAA,CAAA;AACA,IAAA,MAAA,KAAAC,kBAAA,CAAA,UAAA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAAC,OAAA,CAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,UAAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,KAAAA,OAAA,CAAAC,eAAA,EAAA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAAC,YAAA,CAAA,MACAN,cAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,WAAA,WAAA,CAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,CAAA;AAGA,IAAA,MAAA,cAAA,MAAA;AACA,MAAA,UAAA,CAAA,MAAA;AACA,QAAA,IAAA,CAAA,QAAA,KAAA,EAAA;AACA,UAAA,QAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAAA,SACA,MAAA;AACA,UAAA,OAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAAA,SAAA;AAAA,OAEA,EAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,oBAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,QAAA;AAAA,QAAA,OAAA;AACA,MAAAA,UAAA,oBAAAA,UAAA,CAAA,eAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA;AACA,MAAA,QAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AACA,MAAA,OAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,mBAAA,MAAA;AACA,MAAAA,UAAA,oBAAAA,UAAA,CAAA,eAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,CAAA;AAAA,MAEA,QAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"collapse-item2.js","sources":["../../../../../../packages/components/collapse/src/collapse-item.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ns.b('item'),\n      ns.is('active', isActive),\n      ns.is('disabled', disabled),\n    ]\"\n  >\n    <div\n      role=\"tab\"\n      :aria-expanded=\"isActive\"\n      :aria-controls=\"ns.b(`content-${id}`)\"\n      :aria-describedby=\"ns.b(`content-${id}`)\"\n    >\n      <div\n        :id=\"ns.b(`head-${id}`)\"\n        :class=\"[\n          ns.be('item', 'header'),\n          ns.is('active', isActive),\n          { focusing },\n        ]\"\n        role=\"button\"\n        :tabindex=\"disabled ? -1 : 0\"\n        @click=\"handleHeaderClick\"\n        @keypress.space.enter.stop.prevent=\"handleEnterClick\"\n        @focus=\"handleFocus\"\n        @blur=\"focusing = false\"\n      >\n        <slot name=\"title\">{{ title }}</slot>\n        <el-icon :class=\"[ns.be('item', 'arrow'), ns.is('active', isActive)]\">\n          <arrow-right />\n        </el-icon>\n      </div>\n    </div>\n    <el-collapse-transition>\n      <div\n        v-show=\"isActive\"\n        :id=\"ns.b(`content-${id}`)\"\n        :class=\"ns.be('item', 'wrap')\"\n        role=\"tabpanel\"\n        :aria-hidden=\"!isActive\"\n        :aria-labelledby=\"ns.b(`head-${id}`)\"\n      >\n        <div :class=\"ns.be('item', 'content')\">\n          <slot />\n        </div>\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, ref } from 'vue'\nimport { generateId } from '@element-plus/utils'\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElIcon from '@element-plus/components/icon'\nimport { ArrowRight } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { collapseContextKey } from '@element-plus/tokens'\nimport { collapseItemProps } from './collapse-item'\n\ndefineOptions({\n  name: 'ElCollapseItem',\n})\n\nconst props = defineProps(collapseItemProps)\n\nconst collapse = inject(collapseContextKey)\nconst ns = useNamespace('collapse')\n\nconst focusing = ref(false)\nconst isClick = ref(false)\nconst id = ref(generateId())\n\nconst isActive = computed(() =>\n  collapse?.activeNames.value.includes(props.name)\n)\n\nconst handleFocus = () => {\n  setTimeout(() => {\n    if (!isClick.value) {\n      focusing.value = true\n    } else {\n      isClick.value = false\n    }\n  }, 50)\n}\n\nconst handleHeaderClick = () => {\n  if (props.disabled) return\n  collapse?.handleItemClick(props.name)\n  focusing.value = false\n  isClick.value = true\n}\n\nconst handleEnterClick = () => {\n  collapse?.handleItemClick(props.name)\n}\n\ndefineExpose({\n  /** @description current collapse-item whether active */\n  isActive,\n})\n</script>\n"],"names":["collapse","inject","collapseContextKey","useNamespace","ref","generateId","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA,IAAA,MAAAA,aAAAC,UAAA,CAAAC,2BAAA,CAAA,CAAA;AACA,IAAA,MAAA,KAAAC,kBAAA,CAAA,UAAA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAAC,OAAA,CAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,UAAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,KAAAA,OAAA,CAAAC,eAAA,EAAA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAAC,YAAA,CAAA,MACAN,cAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,WAAA,WAAA,CAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,CAAA;AAGA,IAAA,MAAA,cAAA,MAAA;AACA,MAAA,UAAA,CAAA,MAAA;AACA,QAAA,IAAA,CAAA,QAAA,KAAA,EAAA;AACA,UAAA,QAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAAA,SACA,MAAA;AACA,UAAA,OAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAAA,SAAA;AAAA,OAEA,EAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,oBAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,QAAA;AAAA,QAAA,OAAA;AACA,MAAAA,UAAA,oBAAAA,UAAA,CAAA,eAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA;AACA,MAAA,QAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AACA,MAAA,OAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,mBAAA,MAAA;AACA,MAAAA,UAAA,oBAAAA,UAAA,CAAA,eAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,CAAA;AAAA,MAEA,QAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/collapse/src/collapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse.js","sources":["../../../../../../packages/components/collapse/src/collapse.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  mutable,\n  isNumber,\n  isString,\n} from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type Collapse from './collapse.vue'\nimport type { Arrayable } from '@element-plus/utils'\n\nexport type CollapseActiveName = string | number\nexport type CollapseModelValue = Arrayable<CollapseActiveName>\n\nexport const emitChangeFn = (value: CollapseModelValue) =>\n  typeof isNumber(value) || isString(value) || Array.isArray(value)\n\nexport const collapseProps = buildProps({\n  accordion: Boolean,\n  modelValue: {\n    type: definePropType<CollapseModelValue>([Array, String, Number]),\n    default: () => mutable([] as const),\n  },\n} as const)\nexport type CollapseProps = ExtractPropTypes<typeof collapseProps>\n\nexport const collapseEmits = {\n  [UPDATE_MODEL_EVENT]: emitChangeFn,\n  [CHANGE_EVENT]: emitChangeFn,\n}\nexport type CollapseEmits = typeof collapseEmits\n\nexport type CollapseInstance = InstanceType<typeof Collapse>\n"],"names":["isNumber","buildProps","definePropType","mutable","UPDATE_MODEL_EVENT","CHANGE_EVENT"],"mappings":";;;;;;;;;;;AAOY,MAAC,YAAY,GAAG,CAAC,KAAK,KAAK,OAAOA,aAAQ,CAAC,KAAK,EAAE;AAClD,MAAC,aAAa,GAAGC,gBAAU,CAAC;AACxC,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,oBAAc,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAACC,wBAAkB,GAAG,YAAY;AACpC,EAAE,CAACC,kBAAY,GAAG,YAAY;AAC9B;;;;;;"}
+{"version":3,"file":"collapse.js","sources":["../../../../../../packages/components/collapse/src/collapse.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isNumber,\n  isString,\n  mutable,\n} from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type Collapse from './collapse.vue'\nimport type { Arrayable } from '@element-plus/utils'\n\nexport type CollapseActiveName = string | number\nexport type CollapseModelValue = Arrayable<CollapseActiveName>\n\nexport const emitChangeFn = (value: CollapseModelValue) =>\n  typeof isNumber(value) || isString(value) || Array.isArray(value)\n\nexport const collapseProps = buildProps({\n  accordion: Boolean,\n  modelValue: {\n    type: definePropType<CollapseModelValue>([Array, String, Number]),\n    default: () => mutable([] as const),\n  },\n} as const)\nexport type CollapseProps = ExtractPropTypes<typeof collapseProps>\n\nexport const collapseEmits = {\n  [UPDATE_MODEL_EVENT]: emitChangeFn,\n  [CHANGE_EVENT]: emitChangeFn,\n}\nexport type CollapseEmits = typeof collapseEmits\n\nexport type CollapseInstance = InstanceType<typeof Collapse>\n"],"names":["isNumber","buildProps","definePropType","mutable","UPDATE_MODEL_EVENT","CHANGE_EVENT"],"mappings":";;;;;;;;;;;AAOY,MAAC,YAAY,GAAG,CAAC,KAAK,KAAK,OAAOA,aAAQ,CAAC,KAAK,EAAE;AAClD,MAAC,aAAa,GAAGC,gBAAU,CAAC;AACxC,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,oBAAc,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAACC,wBAAkB,GAAG,YAAY;AACpC,EAAE,CAACC,kBAAY,GAAG,YAAY;AAC9B;;;;;;"}

package/lib/components/collapse/src/collapse2.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse2.js","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\" role=\"tablist\" aria-multiselectable=\"true\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, watch, provide } from 'vue'\nimport { ensureArray } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport { collapseContextKey } from '@element-plus/tokens'\nimport { collapseProps, collapseEmits } from './collapse'\nimport type { CollapseActiveName } from './collapse'\n\ndefineOptions({\n  name: 'ElCollapse',\n})\nconst props = defineProps(collapseProps)\nconst emit = defineEmits(collapseEmits)\n\nconst ns = useNamespace('collapse')\nconst activeNames = ref(ensureArray(props.modelValue))\n\nconst setActiveNames = (_activeNames: CollapseActiveName[]) => {\n  activeNames.value = _activeNames\n  const value = props.accordion ? activeNames.value[0] : activeNames.value\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(CHANGE_EVENT, value)\n}\n\nconst handleItemClick = (name: CollapseActiveName) => {\n  if (props.accordion) {\n    setActiveNames([\n      (activeNames.value[0] || activeNames.value[0] === 0) &&\n      activeNames.value[0] === name\n        ? ''\n        : name,\n    ])\n  } else {\n    const _activeNames = [...activeNames.value]\n    const index = _activeNames.indexOf(name)\n\n    if (index > -1) {\n      _activeNames.splice(index, 1)\n    } else {\n      _activeNames.push(name)\n    }\n    setActiveNames(_activeNames)\n  }\n}\n\nwatch(\n  () => props.modelValue,\n  () => (activeNames.value = ensureArray(props.modelValue)),\n  { deep: true }\n)\n\nprovide(collapseContextKey, {\n  activeNames,\n  handleItemClick,\n})\n\ndefineExpose({\n  /** @description active names */\n  activeNames,\n  /** @description set active names */\n  setActiveNames,\n})\n</script>\n"],"names":["useNamespace","ref","ensureArray","UPDATE_MODEL_EVENT","CHANGE_EVENT","watch","provide","collapseContextKey"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAA,KAAAA,kBAAA,CAAA,UAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAAC,OAAA,CAAAC,uBAAA,CAAA,KAAA,CAAA,UAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,cAAA,GAAA,CAAA,YAAA,KAAA;AACA,MAAA,WAAA,CAAA,KAAA,GAAA,YAAA,CAAA;AACA,MAAA,MAAA,QAAA,KAAA,CAAA,SAAA,GAAA,WAAA,CAAA,KAAA,CAAA,KAAA,WAAA,CAAA,KAAA,CAAA;AACA,MAAA,IAAA,CAAAC,wBAAA,EAAA,KAAA,CAAA,CAAA;AACA,MAAA,IAAA,CAAAC,kBAAA,EAAA,KAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,eAAA,GAAA,CAAA,IAAA,KAAA;AACA,MAAA,IAAA,MAAA,SAAA,EAAA;AACA,QAAA,cAAA,CAAA;AAAA,UACA,CAAA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,IAAA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,CAAA,KACA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GACA,EACA,GAAA,IAAA;AAAA,SAAA,CAAA,CAAA;AAAA,OAEA,MAAA;AACA,QAAA,MAAA,YAAA,GAAA,CAAA,GAAA,WAAA,CAAA,KAAA,CAAA,CAAA;AACA,QAAA,MAAA,KAAA,GAAA,aAAA,OAAA,CAAA,IAAA,CAAA,CAAA;AAEA,QAAA,IAAA,QAAA,CAAA,CAAA,EAAA;AACA,UAAA,YAAA,CAAA,OAAA,KAAA,EAAA,CAAA,CAAA,CAAA;AAAA,SACA,MAAA;AACA,UAAA,YAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA;AAAA,SAAA;AAEA,QAAA,cAAA,CAAA,YAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA,CAAA;AAIA,IACAC,SAAA,CAAA,MAAA,KAAA,CAAA,UAAA,EACA,MAAA,WAAA,CAAA,QAAAH,uBAAA,CAAA,KAAA,CAAA,UACA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,EAAA,CAAA,CAAA;AAGA,IAAAI,WAAA,CAAAC,6BAAA,EAAA;AAAA,MACA,WAAA;AAAA,MACA,eAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,CAAA;AAAA,MAEA,WAAA;AAAA,MAEA,cAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"collapse2.js","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\" role=\"tablist\" aria-multiselectable=\"true\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { provide, ref, watch } from 'vue'\nimport { ensureArray } from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport { collapseContextKey } from '@element-plus/tokens'\nimport { collapseEmits, collapseProps } from './collapse'\nimport type { CollapseActiveName } from './collapse'\n\ndefineOptions({\n  name: 'ElCollapse',\n})\nconst props = defineProps(collapseProps)\nconst emit = defineEmits(collapseEmits)\n\nconst ns = useNamespace('collapse')\nconst activeNames = ref(ensureArray(props.modelValue))\n\nconst setActiveNames = (_activeNames: CollapseActiveName[]) => {\n  activeNames.value = _activeNames\n  const value = props.accordion ? activeNames.value[0] : activeNames.value\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(CHANGE_EVENT, value)\n}\n\nconst handleItemClick = (name: CollapseActiveName) => {\n  if (props.accordion) {\n    setActiveNames([\n      (activeNames.value[0] || activeNames.value[0] === 0) &&\n      activeNames.value[0] === name\n        ? ''\n        : name,\n    ])\n  } else {\n    const _activeNames = [...activeNames.value]\n    const index = _activeNames.indexOf(name)\n\n    if (index > -1) {\n      _activeNames.splice(index, 1)\n    } else {\n      _activeNames.push(name)\n    }\n    setActiveNames(_activeNames)\n  }\n}\n\nwatch(\n  () => props.modelValue,\n  () => (activeNames.value = ensureArray(props.modelValue)),\n  { deep: true }\n)\n\nprovide(collapseContextKey, {\n  activeNames,\n  handleItemClick,\n})\n\ndefineExpose({\n  /** @description active names */\n  activeNames,\n  /** @description set active names */\n  setActiveNames,\n})\n</script>\n"],"names":["useNamespace","ref","ensureArray","UPDATE_MODEL_EVENT","CHANGE_EVENT","watch","provide","collapseContextKey"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAA,KAAAA,kBAAA,CAAA,UAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAAC,OAAA,CAAAC,uBAAA,CAAA,KAAA,CAAA,UAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,cAAA,GAAA,CAAA,YAAA,KAAA;AACA,MAAA,WAAA,CAAA,KAAA,GAAA,YAAA,CAAA;AACA,MAAA,MAAA,QAAA,KAAA,CAAA,SAAA,GAAA,WAAA,CAAA,KAAA,CAAA,KAAA,WAAA,CAAA,KAAA,CAAA;AACA,MAAA,IAAA,CAAAC,wBAAA,EAAA,KAAA,CAAA,CAAA;AACA,MAAA,IAAA,CAAAC,kBAAA,EAAA,KAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,eAAA,GAAA,CAAA,IAAA,KAAA;AACA,MAAA,IAAA,MAAA,SAAA,EAAA;AACA,QAAA,cAAA,CAAA;AAAA,UACA,CAAA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,IAAA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,CAAA,KACA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GACA,EACA,GAAA,IAAA;AAAA,SAAA,CAAA,CAAA;AAAA,OAEA,MAAA;AACA,QAAA,MAAA,YAAA,GAAA,CAAA,GAAA,WAAA,CAAA,KAAA,CAAA,CAAA;AACA,QAAA,MAAA,KAAA,GAAA,aAAA,OAAA,CAAA,IAAA,CAAA,CAAA;AAEA,QAAA,IAAA,QAAA,CAAA,CAAA,EAAA;AACA,UAAA,YAAA,CAAA,OAAA,KAAA,EAAA,CAAA,CAAA,CAAA;AAAA,SACA,MAAA;AACA,UAAA,YAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA;AAAA,SAAA;AAEA,QAAA,cAAA,CAAA,YAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA,CAAA;AAIA,IACAC,SAAA,CAAA,MAAA,KAAA,CAAA,UAAA,EACA,MAAA,WAAA,CAAA,QAAAH,uBAAA,CAAA,KAAA,CAAA,UACA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,EAAA,CAAA,CAAA;AAGA,IAAAI,WAAA,CAAAC,6BAAA,EAAA;AAAA,MACA,WAAA;AAAA,MACA,eAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,CAAA;AAAA,MAEA,WAAA;AAAA,MAEA,cAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;"}

package/lib/components/collection/src/collection.d.ts

@@ -22,7 +22,7 @@ export declare const createCollectionWithScope: (name: string) => {
         call: (<T, A extends any[]>(this: new (...args: A) => T, thisArg: T, ...args: A) => void) & ((this: unknown, ...args: unknown[]) => never);
         __defaults?: {} | undefined;
         compatConfig?: (Partial<Record<import("vue").DeprecationTypes, boolean | "suppress-warning">> & {
-            MODE?: 3 | 2 | ((comp: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | null) => 3 | 2) | undefined;
+            MODE?: 2 | 3 | ((comp: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | null) => 2 | 3) | undefined;
         }) | undefined;
         data?: ((this: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<import("vue").ExtractPropTypes<{}>>, {}, false, {
             P: {};
@@ -151,7 +151,7 @@ export declare const createCollectionWithScope: (name: string) => {
         call: (<T, A extends any[]>(this: new (...args: A) => T, thisArg: T, ...args: A) => void) & ((this: unknown, ...args: unknown[]) => never);
         __defaults?: {} | undefined;
         compatConfig?: (Partial<Record<import("vue").DeprecationTypes, boolean | "suppress-warning">> & {
-            MODE?: 3 | 2 | ((comp: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | null) => 3 | 2) | undefined;
+            MODE?: 2 | 3 | ((comp: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | null) => 2 | 3) | undefined;
         }) | undefined;
         data?: ((this: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<import("vue").ExtractPropTypes<{}>>, {}, false, {
             P: {};

package/lib/components/collection/src/collection.js.map

@@ -1 +1 @@
-{"version":3,"file":"collection.js","sources":["../../../../../../packages/components/collection/src/collection.ts"],"sourcesContent":["import { ref, inject, onMounted, onBeforeUnmount, provide, unref } from 'vue'\nimport Collection from './collection.vue'\nimport CollectionItem from './collection-item.vue'\n\nimport type { InjectionKey } from 'vue'\nimport type {\n  ElCollectionInjectionContext,\n  ElCollectionItemInjectionContext,\n} from './tokens'\n\nexport const COLLECTION_ITEM_SIGN = `data-el-collection-item`\n\n// Make sure the first letter of name is capitalized\nexport const createCollectionWithScope = (name: string) => {\n  const COLLECTION_NAME = `El${name}Collection`\n  const COLLECTION_ITEM_NAME = `${COLLECTION_NAME}Item`\n  const COLLECTION_INJECTION_KEY: InjectionKey<ElCollectionInjectionContext> =\n    Symbol(COLLECTION_NAME)\n  const COLLECTION_ITEM_INJECTION_KEY: InjectionKey<ElCollectionItemInjectionContext> =\n    Symbol(COLLECTION_ITEM_NAME)\n\n  const ElCollection = {\n    ...Collection,\n    name: COLLECTION_NAME,\n    setup() {\n      const collectionRef = ref<HTMLElement | null>(null)\n      const itemMap: ElCollectionInjectionContext['itemMap'] = new Map()\n      const getItems = () => {\n        const collectionEl = unref(collectionRef)\n\n        if (!collectionEl) return []\n        const orderedNodes = Array.from(\n          collectionEl.querySelectorAll(`[${COLLECTION_ITEM_SIGN}]`)\n        )\n\n        const items = [...itemMap.values()]\n\n        const orderedItems = items.sort(\n          (a, b) => orderedNodes.indexOf(a.ref!) - orderedNodes.indexOf(b.ref!)\n        )\n        return orderedItems\n      }\n\n      provide(COLLECTION_INJECTION_KEY, {\n        itemMap,\n        getItems,\n        collectionRef,\n      })\n    },\n  }\n\n  const ElCollectionItem = {\n    ...CollectionItem,\n    name: COLLECTION_ITEM_NAME,\n    setup(_, { attrs }) {\n      const collectionItemRef = ref<HTMLElement | null>(null)\n      const collectionInjection = inject(COLLECTION_INJECTION_KEY, undefined)!\n\n      provide(COLLECTION_ITEM_INJECTION_KEY, {\n        collectionItemRef,\n      })\n\n      onMounted(() => {\n        const collectionItemEl = unref(collectionItemRef)\n        if (collectionItemEl) {\n          collectionInjection.itemMap.set(collectionItemEl, {\n            ref: collectionItemEl,\n            ...attrs,\n          })\n        }\n      })\n\n      onBeforeUnmount(() => {\n        const collectionItemEl = unref(collectionItemRef)!\n        collectionInjection.itemMap.delete(collectionItemEl)\n      })\n    },\n  }\n\n  return {\n    COLLECTION_INJECTION_KEY,\n    COLLECTION_ITEM_INJECTION_KEY,\n    ElCollection,\n    ElCollectionItem,\n  }\n}\n"],"names":["Collection","ref","unref","provide","CollectionItem","inject","onMounted","onBeforeUnmount"],"mappings":";;;;;;;;AAGY,MAAC,oBAAoB,GAAG,CAAC,uBAAuB,EAAE;AAClD,MAAC,yBAAyB,GAAG,CAAC,IAAI,KAAK;AACnD,EAAE,MAAM,eAAe,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,EAAE,MAAM,oBAAoB,GAAG,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;AACxD,EAAE,MAAM,wBAAwB,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;AAC3D,EAAE,MAAM,6BAA6B,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;AACrE,EAAE,MAAM,YAAY,GAAG;AACvB,IAAI,GAAGA,qBAAU;AACjB,IAAI,IAAI,EAAE,eAAe;AACzB,IAAI,KAAK,GAAG;AACZ,MAAM,MAAM,aAAa,GAAGC,OAAG,CAAC,IAAI,CAAC,CAAC;AACtC,MAAM,MAAM,OAAO,mBAAmB,IAAI,GAAG,EAAE,CAAC;AAChD,MAAM,MAAM,QAAQ,GAAG,MAAM;AAC7B,QAAQ,MAAM,YAAY,GAAGC,SAAK,CAAC,aAAa,CAAC,CAAC;AAClD,QAAQ,IAAI,CAAC,YAAY;AACzB,UAAU,OAAO,EAAE,CAAC;AACpB,QAAQ,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACpG,QAAQ,MAAM,KAAK,GAAG,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;AAC5C,QAAQ,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAC7G,QAAQ,OAAO,YAAY,CAAC;AAC5B,OAAO,CAAC;AACR,MAAMC,WAAO,CAAC,wBAAwB,EAAE;AACxC,QAAQ,OAAO;AACf,QAAQ,QAAQ;AAChB,QAAQ,aAAa;AACrB,OAAO,CAAC,CAAC;AACT,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,gBAAgB,GAAG;AAC3B,IAAI,GAAGC,yBAAc;AACrB,IAAI,IAAI,EAAE,oBAAoB;AAC9B,IAAI,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;AACxB,MAAM,MAAM,iBAAiB,GAAGH,OAAG,CAAC,IAAI,CAAC,CAAC;AAC1C,MAAM,MAAM,mBAAmB,GAAGI,UAAM,CAAC,wBAAwB,EAAE,KAAK,CAAC,CAAC,CAAC;AAC3E,MAAMF,WAAO,CAAC,6BAA6B,EAAE;AAC7C,QAAQ,iBAAiB;AACzB,OAAO,CAAC,CAAC;AACT,MAAMG,aAAS,CAAC,MAAM;AACtB,QAAQ,MAAM,gBAAgB,GAAGJ,SAAK,CAAC,iBAAiB,CAAC,CAAC;AAC1D,QAAQ,IAAI,gBAAgB,EAAE;AAC9B,UAAU,mBAAmB,CAAC,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE;AAC5D,YAAY,GAAG,EAAE,gBAAgB;AACjC,YAAY,GAAG,KAAK;AACpB,WAAW,CAAC,CAAC;AACb,SAAS;AACT,OAAO,CAAC,CAAC;AACT,MAAMK,mBAAe,CAAC,MAAM;AAC5B,QAAQ,MAAM,gBAAgB,GAAGL,SAAK,CAAC,iBAAiB,CAAC,CAAC;AAC1D,QAAQ,mBAAmB,CAAC,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAC7D,OAAO,CAAC,CAAC;AACT,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,OAAO;AACT,IAAI,wBAAwB;AAC5B,IAAI,6BAA6B;AACjC,IAAI,YAAY;AAChB,IAAI,gBAAgB;AACpB,GAAG,CAAC;AACJ;;;;;"}
+{"version":3,"file":"collection.js","sources":["../../../../../../packages/components/collection/src/collection.ts"],"sourcesContent":["import { inject, onBeforeUnmount, onMounted, provide, ref, unref } from 'vue'\nimport Collection from './collection.vue'\nimport CollectionItem from './collection-item.vue'\n\nimport type { InjectionKey } from 'vue'\nimport type {\n  ElCollectionInjectionContext,\n  ElCollectionItemInjectionContext,\n} from './tokens'\n\nexport const COLLECTION_ITEM_SIGN = `data-el-collection-item`\n\n// Make sure the first letter of name is capitalized\nexport const createCollectionWithScope = (name: string) => {\n  const COLLECTION_NAME = `El${name}Collection`\n  const COLLECTION_ITEM_NAME = `${COLLECTION_NAME}Item`\n  const COLLECTION_INJECTION_KEY: InjectionKey<ElCollectionInjectionContext> =\n    Symbol(COLLECTION_NAME)\n  const COLLECTION_ITEM_INJECTION_KEY: InjectionKey<ElCollectionItemInjectionContext> =\n    Symbol(COLLECTION_ITEM_NAME)\n\n  const ElCollection = {\n    ...Collection,\n    name: COLLECTION_NAME,\n    setup() {\n      const collectionRef = ref<HTMLElement | null>(null)\n      const itemMap: ElCollectionInjectionContext['itemMap'] = new Map()\n      const getItems = () => {\n        const collectionEl = unref(collectionRef)\n\n        if (!collectionEl) return []\n        const orderedNodes = Array.from(\n          collectionEl.querySelectorAll(`[${COLLECTION_ITEM_SIGN}]`)\n        )\n\n        const items = [...itemMap.values()]\n\n        const orderedItems = items.sort(\n          (a, b) => orderedNodes.indexOf(a.ref!) - orderedNodes.indexOf(b.ref!)\n        )\n        return orderedItems\n      }\n\n      provide(COLLECTION_INJECTION_KEY, {\n        itemMap,\n        getItems,\n        collectionRef,\n      })\n    },\n  }\n\n  const ElCollectionItem = {\n    ...CollectionItem,\n    name: COLLECTION_ITEM_NAME,\n    setup(_, { attrs }) {\n      const collectionItemRef = ref<HTMLElement | null>(null)\n      const collectionInjection = inject(COLLECTION_INJECTION_KEY, undefined)!\n\n      provide(COLLECTION_ITEM_INJECTION_KEY, {\n        collectionItemRef,\n      })\n\n      onMounted(() => {\n        const collectionItemEl = unref(collectionItemRef)\n        if (collectionItemEl) {\n          collectionInjection.itemMap.set(collectionItemEl, {\n            ref: collectionItemEl,\n            ...attrs,\n          })\n        }\n      })\n\n      onBeforeUnmount(() => {\n        const collectionItemEl = unref(collectionItemRef)!\n        collectionInjection.itemMap.delete(collectionItemEl)\n      })\n    },\n  }\n\n  return {\n    COLLECTION_INJECTION_KEY,\n    COLLECTION_ITEM_INJECTION_KEY,\n    ElCollection,\n    ElCollectionItem,\n  }\n}\n"],"names":["Collection","ref","unref","provide","CollectionItem","inject","onMounted","onBeforeUnmount"],"mappings":"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"}

package/lib/components/color-picker/index.d.ts

@@ -5,7 +5,7 @@ declare const _ColorPicker: SFCWithInstall<import("vue").DefineComponent<{
     colorFormat: StringConstructor;
     disabled: BooleanConstructor;
     size: {
-        type: import("vue").PropType<"default" | "small" | "large">;
+        type: import("vue").PropType<"" | "default" | "small" | "large">;
         validator: (val: string) => val is "" | "default" | "small" | "large";
     };
     popperClass: StringConstructor;
@@ -13,7 +13,7 @@ declare const _ColorPicker: SFCWithInstall<import("vue").DefineComponent<{
 }, {
     color: import("./src/color").default;
     colorDisabled: import("vue").ComputedRef<boolean>;
-    colorSize: import("vue").ComputedRef<"default" | "small" | "large">;
+    colorSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
     displayedColor: import("vue").ComputedRef<string>;
     showPanelColor: import("vue").Ref<boolean>;
     showPicker: import("vue").Ref<boolean>;
@@ -48,7 +48,7 @@ declare const _ColorPicker: SFCWithInstall<import("vue").DefineComponent<{
     colorFormat: StringConstructor;
     disabled: BooleanConstructor;
     size: {
-        type: import("vue").PropType<"default" | "small" | "large">;
+        type: import("vue").PropType<"" | "default" | "small" | "large">;
         validator: (val: string) => val is "" | "default" | "small" | "large";
     };
     popperClass: StringConstructor;
@@ -68,7 +68,7 @@ export declare const ElColorPicker: SFCWithInstall<import("vue").DefineComponent
     colorFormat: StringConstructor;
     disabled: BooleanConstructor;
     size: {
-        type: import("vue").PropType<"default" | "small" | "large">;
+        type: import("vue").PropType<"" | "default" | "small" | "large">;
         validator: (val: string) => val is "" | "default" | "small" | "large";
     };
     popperClass: StringConstructor;
@@ -76,7 +76,7 @@ export declare const ElColorPicker: SFCWithInstall<import("vue").DefineComponent
 }, {
     color: import("./src/color").default;
     colorDisabled: import("vue").ComputedRef<boolean>;
-    colorSize: import("vue").ComputedRef<"default" | "small" | "large">;
+    colorSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
     displayedColor: import("vue").ComputedRef<string>;
     showPanelColor: import("vue").Ref<boolean>;
     showPicker: import("vue").Ref<boolean>;
@@ -111,7 +111,7 @@ export declare const ElColorPicker: SFCWithInstall<import("vue").DefineComponent
     colorFormat: StringConstructor;
     disabled: BooleanConstructor;
     size: {
-        type: import("vue").PropType<"default" | "small" | "large">;
+        type: import("vue").PropType<"" | "default" | "small" | "large">;
         validator: (val: string) => val is "" | "default" | "small" | "large";
     };
     popperClass: StringConstructor;

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

@@ -1 +1 @@
-{"version":3,"file":"alpha-slider.js","sources":["../../../../../../../packages/components/color-picker/src/components/alpha-slider.vue"],"sourcesContent":["<template>\n  <div class=\"el-color-alpha-slider\" :class=\"{ 'is-vertical': vertical }\">\n    <div\n      ref=\"bar\"\n      class=\"el-color-alpha-slider__bar\"\n      :style=\"{\n        background,\n      }\"\n      @click=\"handleClick\"\n    />\n    <div\n      ref=\"thumb\"\n      class=\"el-color-alpha-slider__thumb\"\n      :style=\"{\n        left: thumbLeft + 'px',\n        top: thumbTop + 'px',\n      }\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  watch,\n  ref,\n  onMounted,\n  getCurrentInstance,\n  shallowRef,\n} from 'vue'\nimport { getClientXY } from '@element-plus/utils'\nimport draggable from '../draggable'\n\nimport type { PropType } from 'vue'\nimport type { Nullable } from '@element-plus/utils'\nimport type Color from '../color'\n\nexport default defineComponent({\n  name: 'ElColorAlphaSlider',\n  props: {\n    color: {\n      type: Object as PropType<Color>,\n      required: true,\n    },\n    vertical: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup(props) {\n    const instance = getCurrentInstance()\n    // ref\n    const thumb = shallowRef<Nullable<HTMLElement>>(null)\n    const bar = shallowRef<Nullable<HTMLElement>>(null)\n\n    // data\n    const thumbLeft = ref(0)\n    const thumbTop = ref(0)\n    const background = ref<Nullable<string>>(null)\n\n    watch(\n      () => props.color.get('alpha'),\n      () => {\n        update()\n      }\n    )\n    watch(\n      () => props.color.value,\n      () => {\n        update()\n      }\n    )\n\n    //methods\n    function getThumbLeft() {\n      if (props.vertical) return 0\n      const el = instance.vnode.el\n      const alpha = props.color.get('alpha')\n\n      if (!el) return 0\n      return Math.round(\n        (alpha * (el.offsetWidth - thumb.value.offsetWidth / 2)) / 100\n      )\n    }\n\n    function getThumbTop() {\n      const el = instance.vnode.el\n      if (!props.vertical) return 0\n      const alpha = props.color.get('alpha')\n\n      if (!el) return 0\n      return Math.round(\n        (alpha * (el.offsetHeight - thumb.value.offsetHeight / 2)) / 100\n      )\n    }\n\n    function getBackground() {\n      if (props.color && props.color.value) {\n        const { r, g, b } = props.color.toRgb()\n        return `linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0) 0%, rgba(${r}, ${g}, ${b}, 1) 100%)`\n      }\n      return null\n    }\n\n    function handleClick(event: Event) {\n      const target = event.target\n\n      if (target !== thumb.value) {\n        handleDrag(event)\n      }\n    }\n\n    function handleDrag(event) {\n      const el = instance.vnode.el as HTMLElement\n      const rect = el.getBoundingClientRect()\n      const { clientX, clientY } = getClientXY(event)\n\n      if (!props.vertical) {\n        let left = clientX - rect.left\n        left = Math.max(thumb.value.offsetWidth / 2, left)\n        left = Math.min(left, rect.width - thumb.value.offsetWidth / 2)\n\n        props.color.set(\n          'alpha',\n          Math.round(\n            ((left - thumb.value.offsetWidth / 2) /\n              (rect.width - thumb.value.offsetWidth)) *\n              100\n          )\n        )\n      } else {\n        let top = clientY - rect.top\n        top = Math.max(thumb.value.offsetHeight / 2, top)\n        top = Math.min(top, rect.height - thumb.value.offsetHeight / 2)\n\n        props.color.set(\n          'alpha',\n          Math.round(\n            ((top - thumb.value.offsetHeight / 2) /\n              (rect.height - thumb.value.offsetHeight)) *\n              100\n          )\n        )\n      }\n    }\n\n    function update() {\n      thumbLeft.value = getThumbLeft()\n      thumbTop.value = getThumbTop()\n      background.value = getBackground()\n    }\n\n    // mounded\n    onMounted(() => {\n      const dragConfig = {\n        drag: (event) => {\n          handleDrag(event)\n        },\n        end: (event) => {\n          handleDrag(event)\n        },\n      }\n\n      draggable(bar.value, dragConfig)\n      draggable(thumb.value, dragConfig)\n      update()\n    })\n\n    return {\n      thumb,\n      bar,\n      thumbLeft,\n      thumbTop,\n      background,\n      handleClick,\n      update,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","getCurrentInstance","shallowRef","ref","watch","getClientXY","onMounted","draggable","_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle"],"mappings":";;;;;;;;;;AAqCA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,oBAAA;AAAA,EACN,KAAO,EAAA;AAAA,IACL,KAAO,EAAA;AAAA,MACL,IAAM,EAAA,MAAA;AAAA,MACN,QAAU,EAAA,IAAA;AAAA,KAAA;AAAA,IAEZ,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,OAAA;AAAA,MACN,OAAS,EAAA,KAAA;AAAA,KAAA;AAAA,GAAA;AAAA,EAGb,MAAM,KAAO,EAAA;AACX,IAAA,MAAM,QAAW,GAAAC,sBAAA,EAAA,CAAA;AAEjB,IAAA,MAAM,QAAQC,cAAkC,CAAA,IAAA,CAAA,CAAA;AAChD,IAAA,MAAM,MAAMA,cAAkC,CAAA,IAAA,CAAA,CAAA;AAG9C,IAAA,MAAM,YAAYC,OAAI,CAAA,CAAA,CAAA,CAAA;AACtB,IAAA,MAAM,WAAWA,OAAI,CAAA,CAAA,CAAA,CAAA;AACrB,IAAA,MAAM,aAAaA,OAAsB,CAAA,IAAA,CAAA,CAAA;AAEzC,IAAAC,SAAA,CACE,MAAM,KAAA,CAAM,KAAM,CAAA,GAAA,CAAI,UACtB,MAAM;AACJ,MAAA,MAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGJ,IAAAA,SAAA,CACE,MAAM,KAAA,CAAM,KAAM,CAAA,KAAA,EAClB,MAAM;AACJ,MAAA,MAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAKJ,IAAwB,SAAA,YAAA,GAAA;AACtB,MAAA,IAAI,KAAM,CAAA,QAAA;AAAU,QAAO,OAAA,CAAA,CAAA;AAC3B,MAAM,MAAA,EAAA,GAAK,SAAS,KAAM,CAAA,EAAA,CAAA;AAC1B,MAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,KAAA,CAAM,GAAI,CAAA,OAAA,CAAA,CAAA;AAE9B,MAAA,IAAI,CAAC,EAAA;AAAI,QAAO,OAAA,CAAA,CAAA;AAChB,MAAO,OAAA,IAAA,CAAK,MACT,KAAS,IAAA,EAAA,CAAG,cAAc,KAAM,CAAA,KAAA,CAAM,cAAc,CAAM,CAAA,GAAA,GAAA,CAAA,CAAA;AAAA,KAAA;AAI/D,IAAuB,SAAA,WAAA,GAAA;AACrB,MAAM,MAAA,EAAA,GAAK,SAAS,KAAM,CAAA,EAAA,CAAA;AAC1B,MAAA,IAAI,CAAC,KAAM,CAAA,QAAA;AAAU,QAAO,OAAA,CAAA,CAAA;AAC5B,MAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,KAAA,CAAM,GAAI,CAAA,OAAA,CAAA,CAAA;AAE9B,MAAA,IAAI,CAAC,EAAA;AAAI,QAAO,OAAA,CAAA,CAAA;AAChB,MAAO,OAAA,IAAA,CAAK,MACT,KAAS,IAAA,EAAA,CAAG,eAAe,KAAM,CAAA,KAAA,CAAM,eAAe,CAAM,CAAA,GAAA,GAAA,CAAA,CAAA;AAAA,KAAA;AAIjE,IAAyB,SAAA,aAAA,GAAA;AACvB,MAAA,IAAI,KAAM,CAAA,KAAA,IAAS,KAAM,CAAA,KAAA,CAAM,KAAO,EAAA;AACpC,QAAA,MAAM,EAAE,CAAA,EAAG,CAAG,EAAA,CAAA,EAAA,GAAM,MAAM,KAAM,CAAA,KAAA,EAAA,CAAA;AAChC,QAAA,OAAO,CAAkC,+BAAA,EAAA,CAAA,CAAA,EAAA,EAAM,CAAM,CAAA,EAAA,EAAA,CAAA,CAAA,cAAA,EAAkB,MAAM,CAAM,CAAA,EAAA,EAAA,CAAA,CAAA,UAAA,CAAA,CAAA;AAAA,OAAA;AAErF,MAAO,OAAA,IAAA,CAAA;AAAA,KAAA;AAGT,IAAA,SAAA,WAAA,CAAqB,KAAc,EAAA;AACjC,MAAA,MAAM,SAAS,KAAM,CAAA,MAAA,CAAA;AAErB,MAAI,IAAA,MAAA,KAAW,MAAM,KAAO,EAAA;AAC1B,QAAW,UAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAIf,IAAA,SAAA,UAAA,CAAoB,KAAO,EAAA;AACzB,MAAM,MAAA,EAAA,GAAK,SAAS,KAAM,CAAA,EAAA,CAAA;AAC1B,MAAA,MAAM,OAAO,EAAG,CAAA,qBAAA,EAAA,CAAA;AAChB,MAAM,MAAA,EAAE,OAAS,EAAA,OAAA,EAAA,GAAYC,oBAAY,CAAA,KAAA,CAAA,CAAA;AAEzC,MAAI,IAAA,CAAC,MAAM,QAAU,EAAA;AACnB,QAAI,IAAA,IAAA,GAAO,UAAU,IAAK,CAAA,IAAA,CAAA;AAC1B,QAAA,IAAA,GAAO,IAAK,CAAA,GAAA,CAAI,KAAM,CAAA,KAAA,CAAM,cAAc,CAAG,EAAA,IAAA,CAAA,CAAA;AAC7C,QAAA,IAAA,GAAO,KAAK,GAAI,CAAA,IAAA,EAAM,KAAK,KAAQ,GAAA,KAAA,CAAM,MAAM,WAAc,GAAA,CAAA,CAAA,CAAA;AAE7D,QAAA,KAAA,CAAM,KAAM,CAAA,GAAA,CACV,OACA,EAAA,IAAA,CAAK,MACD,CAAO,IAAA,GAAA,KAAA,CAAM,KAAM,CAAA,WAAA,GAAc,CAChC,KAAA,IAAA,CAAK,KAAQ,GAAA,KAAA,CAAM,MAAM,WAC1B,CAAA,GAAA,GAAA,CAAA,CAAA,CAAA;AAAA,OAGD,MAAA;AACL,QAAI,IAAA,GAAA,GAAM,UAAU,IAAK,CAAA,GAAA,CAAA;AACzB,QAAA,GAAA,GAAM,IAAK,CAAA,GAAA,CAAI,KAAM,CAAA,KAAA,CAAM,eAAe,CAAG,EAAA,GAAA,CAAA,CAAA;AAC7C,QAAA,GAAA,GAAM,KAAK,GAAI,CAAA,GAAA,EAAK,KAAK,MAAS,GAAA,KAAA,CAAM,MAAM,YAAe,GAAA,CAAA,CAAA,CAAA;AAE7D,QAAA,KAAA,CAAM,KAAM,CAAA,GAAA,CACV,OACA,EAAA,IAAA,CAAK,MACD,CAAM,GAAA,GAAA,KAAA,CAAM,KAAM,CAAA,YAAA,GAAe,CAChC,KAAA,IAAA,CAAK,MAAS,GAAA,KAAA,CAAM,MAAM,YAC3B,CAAA,GAAA,GAAA,CAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAMV,IAAkB,SAAA,MAAA,GAAA;AAChB,MAAA,SAAA,CAAU,KAAQ,GAAA,YAAA,EAAA,CAAA;AAClB,MAAA,QAAA,CAAS,KAAQ,GAAA,WAAA,EAAA,CAAA;AACjB,MAAA,UAAA,CAAW,KAAQ,GAAA,aAAA,EAAA,CAAA;AAAA,KAAA;AAIrB,IAAAC,aAAA,CAAU,MAAM;AACd,MAAA,MAAM,UAAa,GAAA;AAAA,QACjB,IAAA,EAAM,CAAC,KAAU,KAAA;AACf,UAAW,UAAA,CAAA,KAAA,CAAA,CAAA;AAAA,SAAA;AAAA,QAEb,GAAA,EAAK,CAAC,KAAU,KAAA;AACd,UAAW,UAAA,CAAA,KAAA,CAAA,CAAA;AAAA,SAAA;AAAA,OAAA,CAAA;AAIf,MAAAC,oBAAA,CAAU,IAAI,KAAO,EAAA,UAAA,CAAA,CAAA;AACrB,MAAAA,oBAAA,CAAU,MAAM,KAAO,EAAA,UAAA,CAAA,CAAA;AACvB,MAAA,MAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGF,IAAO,OAAA;AAAA,MACL,KAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAA;AAAA,KAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;;0BA9KJC,sBAiBM,CAAA,KAAA,EAAA;AAAA,IAjBD,KAAA,EAAKC,kBAAC,CAAA,CAAA,uBAAA,EAAuB,EAA0B,aAAA,EAAA,IAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAA,GAAA,EAAA;IAC1DC,sBAOE,CAAA,KAAA,EAAA;AAAA,MANA,GAAI,EAAA,KAAA;AAAA,MACJ,KAAM,EAAA,4BAAA;AAAA,MACL,KAAK,EAAAC,kBAAA,CAAA;AAAA,QAAY,UAAA,EAAA,IAAA,CAAA,UAAA;AAAA,OAAA,CAAA;AAAA,MAGjB,SAAK,MAAE,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,WAAA,IAAA,IAAA,CAAA,WAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA;IAEVD,sBAOE,CAAA,KAAA,EAAA;AAAA,MANA,GAAI,EAAA,OAAA;AAAA,MACJ,KAAM,EAAA,8BAAA;AAAA,MACL,KAAK,EAAAC,kBAAA,CAAA;AAAA,QAAA,IAAA,EAAkB,IAAS,CAAA,SAAA,GAAA,IAAA;AAAA,QAAA,GAAA,EAAsB,IAAQ,CAAA,QAAA,GAAA,IAAA;AAAA,OAAA,CAAA;AAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;;;;;;"}
+{"version":3,"file":"alpha-slider.js","sources":["../../../../../../../packages/components/color-picker/src/components/alpha-slider.vue"],"sourcesContent":["<template>\n  <div class=\"el-color-alpha-slider\" :class=\"{ 'is-vertical': vertical }\">\n    <div\n      ref=\"bar\"\n      class=\"el-color-alpha-slider__bar\"\n      :style=\"{\n        background,\n      }\"\n      @click=\"handleClick\"\n    />\n    <div\n      ref=\"thumb\"\n      class=\"el-color-alpha-slider__thumb\"\n      :style=\"{\n        left: thumbLeft + 'px',\n        top: thumbTop + 'px',\n      }\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  onMounted,\n  ref,\n  shallowRef,\n  watch,\n} from 'vue'\nimport { getClientXY } from '@element-plus/utils'\nimport draggable from '../draggable'\n\nimport type { PropType } from 'vue'\nimport type { Nullable } from '@element-plus/utils'\nimport type Color from '../color'\n\nexport default defineComponent({\n  name: 'ElColorAlphaSlider',\n  props: {\n    color: {\n      type: Object as PropType<Color>,\n      required: true,\n    },\n    vertical: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup(props) {\n    const instance = getCurrentInstance()\n    // ref\n    const thumb = shallowRef<Nullable<HTMLElement>>(null)\n    const bar = shallowRef<Nullable<HTMLElement>>(null)\n\n    // data\n    const thumbLeft = ref(0)\n    const thumbTop = ref(0)\n    const background = ref<Nullable<string>>(null)\n\n    watch(\n      () => props.color.get('alpha'),\n      () => {\n        update()\n      }\n    )\n    watch(\n      () => props.color.value,\n      () => {\n        update()\n      }\n    )\n\n    //methods\n    function getThumbLeft() {\n      if (props.vertical) return 0\n      const el = instance.vnode.el\n      const alpha = props.color.get('alpha')\n\n      if (!el) return 0\n      return Math.round(\n        (alpha * (el.offsetWidth - thumb.value.offsetWidth / 2)) / 100\n      )\n    }\n\n    function getThumbTop() {\n      const el = instance.vnode.el\n      if (!props.vertical) return 0\n      const alpha = props.color.get('alpha')\n\n      if (!el) return 0\n      return Math.round(\n        (alpha * (el.offsetHeight - thumb.value.offsetHeight / 2)) / 100\n      )\n    }\n\n    function getBackground() {\n      if (props.color && props.color.value) {\n        const { r, g, b } = props.color.toRgb()\n        return `linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0) 0%, rgba(${r}, ${g}, ${b}, 1) 100%)`\n      }\n      return null\n    }\n\n    function handleClick(event: Event) {\n      const target = event.target\n\n      if (target !== thumb.value) {\n        handleDrag(event)\n      }\n    }\n\n    function handleDrag(event) {\n      const el = instance.vnode.el as HTMLElement\n      const rect = el.getBoundingClientRect()\n      const { clientX, clientY } = getClientXY(event)\n\n      if (!props.vertical) {\n        let left = clientX - rect.left\n        left = Math.max(thumb.value.offsetWidth / 2, left)\n        left = Math.min(left, rect.width - thumb.value.offsetWidth / 2)\n\n        props.color.set(\n          'alpha',\n          Math.round(\n            ((left - thumb.value.offsetWidth / 2) /\n              (rect.width - thumb.value.offsetWidth)) *\n              100\n          )\n        )\n      } else {\n        let top = clientY - rect.top\n        top = Math.max(thumb.value.offsetHeight / 2, top)\n        top = Math.min(top, rect.height - thumb.value.offsetHeight / 2)\n\n        props.color.set(\n          'alpha',\n          Math.round(\n            ((top - thumb.value.offsetHeight / 2) /\n              (rect.height - thumb.value.offsetHeight)) *\n              100\n          )\n        )\n      }\n    }\n\n    function update() {\n      thumbLeft.value = getThumbLeft()\n      thumbTop.value = getThumbTop()\n      background.value = getBackground()\n    }\n\n    // mounded\n    onMounted(() => {\n      const dragConfig = {\n        drag: (event) => {\n          handleDrag(event)\n        },\n        end: (event) => {\n          handleDrag(event)\n        },\n      }\n\n      draggable(bar.value, dragConfig)\n      draggable(thumb.value, dragConfig)\n      update()\n    })\n\n    return {\n      thumb,\n      bar,\n      thumbLeft,\n      thumbTop,\n      background,\n      handleClick,\n      update,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","getCurrentInstance","shallowRef","ref","watch","getClientXY","onMounted","draggable","_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"hue-slider.js","sources":["../../../../../../../packages/components/color-picker/src/components/hue-slider.vue"],"sourcesContent":["<template>\n  <div class=\"el-color-hue-slider\" :class=\"{ 'is-vertical': vertical }\">\n    <div ref=\"bar\" class=\"el-color-hue-slider__bar\" @click=\"handleClick\" />\n    <div\n      ref=\"thumb\"\n      class=\"el-color-hue-slider__thumb\"\n      :style=\"{\n        left: thumbLeft + 'px',\n        top: thumbTop + 'px',\n      }\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  ref,\n  computed,\n  watch,\n  onMounted,\n  getCurrentInstance,\n  defineComponent,\n} from 'vue'\nimport { getClientXY } from '@element-plus/utils'\nimport draggable from '../draggable'\n\nimport type { PropType } from 'vue'\nimport type Color from '../color'\n\nexport default defineComponent({\n  name: 'ElColorHueSlider',\n\n  props: {\n    color: {\n      type: Object as PropType<Color>,\n      required: true,\n    },\n\n    vertical: Boolean,\n  },\n  setup(props) {\n    const instance = getCurrentInstance()\n    // ref\n    const thumb = ref<HTMLElement | null>(null)\n    const bar = ref<HTMLElement | null>(null)\n    // data\n    const thumbLeft = ref(0)\n    const thumbTop = ref(0)\n    // computed\n    const hueValue = computed(() => {\n      return props.color.get('hue')\n    })\n    // watch\n    watch(\n      () => hueValue.value,\n      () => {\n        update()\n      }\n    )\n\n    // methods\n    function handleClick(event: Event) {\n      const target = event.target\n\n      if (target !== thumb.value) {\n        handleDrag(event)\n      }\n    }\n\n    function handleDrag(event) {\n      const el = instance.vnode.el as HTMLElement\n      const rect = el.getBoundingClientRect()\n      const { clientX, clientY } = getClientXY(event)\n      let hue\n\n      if (!props.vertical) {\n        let left = clientX - rect.left\n        left = Math.min(left, rect.width - thumb.value.offsetWidth / 2)\n        left = Math.max(thumb.value.offsetWidth / 2, left)\n\n        hue = Math.round(\n          ((left - thumb.value.offsetWidth / 2) /\n            (rect.width - thumb.value.offsetWidth)) *\n            360\n        )\n      } else {\n        let top = clientY - rect.top\n\n        top = Math.min(top, rect.height - thumb.value.offsetHeight / 2)\n        top = Math.max(thumb.value.offsetHeight / 2, top)\n        hue = Math.round(\n          ((top - thumb.value.offsetHeight / 2) /\n            (rect.height - thumb.value.offsetHeight)) *\n            360\n        )\n      }\n      props.color.set('hue', hue)\n    }\n\n    function getThumbLeft() {\n      const el = instance.vnode.el\n\n      if (props.vertical) return 0\n      const hue = props.color.get('hue')\n\n      if (!el) return 0\n      return Math.round(\n        (hue * (el.offsetWidth - thumb.value.offsetWidth / 2)) / 360\n      )\n    }\n\n    function getThumbTop() {\n      const el = instance.vnode.el as HTMLElement\n      if (!props.vertical) return 0\n      const hue = props.color.get('hue')\n\n      if (!el) return 0\n      return Math.round(\n        (hue * (el.offsetHeight - thumb.value.offsetHeight / 2)) / 360\n      )\n    }\n\n    function update() {\n      thumbLeft.value = getThumbLeft()\n      thumbTop.value = getThumbTop()\n    }\n\n    // mounded\n    onMounted(() => {\n      const dragConfig = {\n        drag: (event) => {\n          handleDrag(event)\n        },\n        end: (event) => {\n          handleDrag(event)\n        },\n      }\n\n      draggable(bar.value, dragConfig)\n      draggable(thumb.value, dragConfig)\n      update()\n    })\n\n    return {\n      bar,\n      thumb,\n      thumbLeft,\n      thumbTop,\n      hueValue,\n      handleClick,\n      update,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","getCurrentInstance","ref","computed","watch","getClientXY","onMounted","draggable","_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle"],"mappings":"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"}
+{"version":3,"file":"hue-slider.js","sources":["../../../../../../../packages/components/color-picker/src/components/hue-slider.vue"],"sourcesContent":["<template>\n  <div class=\"el-color-hue-slider\" :class=\"{ 'is-vertical': vertical }\">\n    <div ref=\"bar\" class=\"el-color-hue-slider__bar\" @click=\"handleClick\" />\n    <div\n      ref=\"thumb\"\n      class=\"el-color-hue-slider__thumb\"\n      :style=\"{\n        left: thumbLeft + 'px',\n        top: thumbTop + 'px',\n      }\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { getClientXY } from '@element-plus/utils'\nimport draggable from '../draggable'\n\nimport type { PropType } from 'vue'\nimport type Color from '../color'\n\nexport default defineComponent({\n  name: 'ElColorHueSlider',\n\n  props: {\n    color: {\n      type: Object as PropType<Color>,\n      required: true,\n    },\n\n    vertical: Boolean,\n  },\n  setup(props) {\n    const instance = getCurrentInstance()\n    // ref\n    const thumb = ref<HTMLElement | null>(null)\n    const bar = ref<HTMLElement | null>(null)\n    // data\n    const thumbLeft = ref(0)\n    const thumbTop = ref(0)\n    // computed\n    const hueValue = computed(() => {\n      return props.color.get('hue')\n    })\n    // watch\n    watch(\n      () => hueValue.value,\n      () => {\n        update()\n      }\n    )\n\n    // methods\n    function handleClick(event: Event) {\n      const target = event.target\n\n      if (target !== thumb.value) {\n        handleDrag(event)\n      }\n    }\n\n    function handleDrag(event) {\n      const el = instance.vnode.el as HTMLElement\n      const rect = el.getBoundingClientRect()\n      const { clientX, clientY } = getClientXY(event)\n      let hue\n\n      if (!props.vertical) {\n        let left = clientX - rect.left\n        left = Math.min(left, rect.width - thumb.value.offsetWidth / 2)\n        left = Math.max(thumb.value.offsetWidth / 2, left)\n\n        hue = Math.round(\n          ((left - thumb.value.offsetWidth / 2) /\n            (rect.width - thumb.value.offsetWidth)) *\n            360\n        )\n      } else {\n        let top = clientY - rect.top\n\n        top = Math.min(top, rect.height - thumb.value.offsetHeight / 2)\n        top = Math.max(thumb.value.offsetHeight / 2, top)\n        hue = Math.round(\n          ((top - thumb.value.offsetHeight / 2) /\n            (rect.height - thumb.value.offsetHeight)) *\n            360\n        )\n      }\n      props.color.set('hue', hue)\n    }\n\n    function getThumbLeft() {\n      const el = instance.vnode.el\n\n      if (props.vertical) return 0\n      const hue = props.color.get('hue')\n\n      if (!el) return 0\n      return Math.round(\n        (hue * (el.offsetWidth - thumb.value.offsetWidth / 2)) / 360\n      )\n    }\n\n    function getThumbTop() {\n      const el = instance.vnode.el as HTMLElement\n      if (!props.vertical) return 0\n      const hue = props.color.get('hue')\n\n      if (!el) return 0\n      return Math.round(\n        (hue * (el.offsetHeight - thumb.value.offsetHeight / 2)) / 360\n      )\n    }\n\n    function update() {\n      thumbLeft.value = getThumbLeft()\n      thumbTop.value = getThumbTop()\n    }\n\n    // mounded\n    onMounted(() => {\n      const dragConfig = {\n        drag: (event) => {\n          handleDrag(event)\n        },\n        end: (event) => {\n          handleDrag(event)\n        },\n      }\n\n      draggable(bar.value, dragConfig)\n      draggable(thumb.value, dragConfig)\n      update()\n    })\n\n    return {\n      bar,\n      thumb,\n      thumbLeft,\n      thumbTop,\n      hueValue,\n      handleClick,\n      update,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","getCurrentInstance","ref","computed","watch","getClientXY","onMounted","draggable","_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle"],"mappings":";;;;;;;;;;AA6BA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,kBAAA;AAAA,EAEN,KAAO,EAAA;AAAA,IACL,KAAO,EAAA;AAAA,MACL,IAAM,EAAA,MAAA;AAAA,MACN,QAAU,EAAA,IAAA;AAAA,KAAA;AAAA,IAGZ,QAAU,EAAA,OAAA;AAAA,GAAA;AAAA,EAEZ,MAAM,KAAO,EAAA;AACX,IAAA,MAAM,QAAW,GAAAC,sBAAA,EAAA,CAAA;AAEjB,IAAA,MAAM,QAAQC,OAAwB,CAAA,IAAA,CAAA,CAAA;AACtC,IAAA,MAAM,MAAMA,OAAwB,CAAA,IAAA,CAAA,CAAA;AAEpC,IAAA,MAAM,YAAYA,OAAI,CAAA,CAAA,CAAA,CAAA;AACtB,IAAA,MAAM,WAAWA,OAAI,CAAA,CAAA,CAAA,CAAA;AAErB,IAAM,MAAA,QAAA,GAAWC,aAAS,MAAM;AAC9B,MAAO,OAAA,KAAA,CAAM,MAAM,GAAI,CAAA,KAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGzB,IACEC,SAAA,CAAA,MAAM,QAAS,CAAA,KAAA,EACf,MAAM;AACJ,MAAA,MAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAKJ,IAAA,SAAA,WAAA,CAAqB,KAAc,EAAA;AACjC,MAAA,MAAM,SAAS,KAAM,CAAA,MAAA,CAAA;AAErB,MAAI,IAAA,MAAA,KAAW,MAAM,KAAO,EAAA;AAC1B,QAAW,UAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAIf,IAAA,SAAA,UAAA,CAAoB,KAAO,EAAA;AACzB,MAAM,MAAA,EAAA,GAAK,SAAS,KAAM,CAAA,EAAA,CAAA;AAC1B,MAAA,MAAM,OAAO,EAAG,CAAA,qBAAA,EAAA,CAAA;AAChB,MAAM,MAAA,EAAE,OAAS,EAAA,OAAA,EAAA,GAAYC,oBAAY,CAAA,KAAA,CAAA,CAAA;AACzC,MAAI,IAAA,GAAA,CAAA;AAEJ,MAAI,IAAA,CAAC,MAAM,QAAU,EAAA;AACnB,QAAI,IAAA,IAAA,GAAO,UAAU,IAAK,CAAA,IAAA,CAAA;AAC1B,QAAA,IAAA,GAAO,KAAK,GAAI,CAAA,IAAA,EAAM,KAAK,KAAQ,GAAA,KAAA,CAAM,MAAM,WAAc,GAAA,CAAA,CAAA,CAAA;AAC7D,QAAA,IAAA,GAAO,IAAK,CAAA,GAAA,CAAI,KAAM,CAAA,KAAA,CAAM,cAAc,CAAG,EAAA,IAAA,CAAA,CAAA;AAE7C,QAAM,GAAA,GAAA,IAAA,CAAK,KACP,CAAA,CAAA,IAAA,GAAO,KAAM,CAAA,KAAA,CAAM,WAAc,GAAA,CAAA,KAC3B,IAAA,CAAA,KAAA,GAAQ,KAAM,CAAA,KAAA,CAAM,WAC1B,CAAA,GAAA,GAAA,CAAA,CAAA;AAAA,OAEC,MAAA;AACL,QAAI,IAAA,GAAA,GAAM,UAAU,IAAK,CAAA,GAAA,CAAA;AAEzB,QAAA,GAAA,GAAM,KAAK,GAAI,CAAA,GAAA,EAAK,KAAK,MAAS,GAAA,KAAA,CAAM,MAAM,YAAe,GAAA,CAAA,CAAA,CAAA;AAC7D,QAAA,GAAA,GAAM,IAAK,CAAA,GAAA,CAAI,KAAM,CAAA,KAAA,CAAM,eAAe,CAAG,EAAA,GAAA,CAAA,CAAA;AAC7C,QAAM,GAAA,GAAA,IAAA,CAAK,KACP,CAAA,CAAA,GAAA,GAAM,KAAM,CAAA,KAAA,CAAM,YAAe,GAAA,CAAA,KAC3B,IAAA,CAAA,MAAA,GAAS,KAAM,CAAA,KAAA,CAAM,YAC3B,CAAA,GAAA,GAAA,CAAA,CAAA;AAAA,OAAA;AAGN,MAAM,KAAA,CAAA,KAAA,CAAM,IAAI,KAAO,EAAA,GAAA,CAAA,CAAA;AAAA,KAAA;AAGzB,IAAwB,SAAA,YAAA,GAAA;AACtB,MAAM,MAAA,EAAA,GAAK,SAAS,KAAM,CAAA,EAAA,CAAA;AAE1B,MAAA,IAAI,KAAM,CAAA,QAAA;AAAU,QAAO,OAAA,CAAA,CAAA;AAC3B,MAAM,MAAA,GAAA,GAAM,KAAM,CAAA,KAAA,CAAM,GAAI,CAAA,KAAA,CAAA,CAAA;AAE5B,MAAA,IAAI,CAAC,EAAA;AAAI,QAAO,OAAA,CAAA,CAAA;AAChB,MAAO,OAAA,IAAA,CAAK,MACT,GAAO,IAAA,EAAA,CAAG,cAAc,KAAM,CAAA,KAAA,CAAM,cAAc,CAAM,CAAA,GAAA,GAAA,CAAA,CAAA;AAAA,KAAA;AAI7D,IAAuB,SAAA,WAAA,GAAA;AACrB,MAAM,MAAA,EAAA,GAAK,SAAS,KAAM,CAAA,EAAA,CAAA;AAC1B,MAAA,IAAI,CAAC,KAAM,CAAA,QAAA;AAAU,QAAO,OAAA,CAAA,CAAA;AAC5B,MAAM,MAAA,GAAA,GAAM,KAAM,CAAA,KAAA,CAAM,GAAI,CAAA,KAAA,CAAA,CAAA;AAE5B,MAAA,IAAI,CAAC,EAAA;AAAI,QAAO,OAAA,CAAA,CAAA;AAChB,MAAO,OAAA,IAAA,CAAK,MACT,GAAO,IAAA,EAAA,CAAG,eAAe,KAAM,CAAA,KAAA,CAAM,eAAe,CAAM,CAAA,GAAA,GAAA,CAAA,CAAA;AAAA,KAAA;AAI/D,IAAkB,SAAA,MAAA,GAAA;AAChB,MAAA,SAAA,CAAU,KAAQ,GAAA,YAAA,EAAA,CAAA;AAClB,MAAA,QAAA,CAAS,KAAQ,GAAA,WAAA,EAAA,CAAA;AAAA,KAAA;AAInB,IAAAC,aAAA,CAAU,MAAM;AACd,MAAA,MAAM,UAAa,GAAA;AAAA,QACjB,IAAA,EAAM,CAAC,KAAU,KAAA;AACf,UAAW,UAAA,CAAA,KAAA,CAAA,CAAA;AAAA,SAAA;AAAA,QAEb,GAAA,EAAK,CAAC,KAAU,KAAA;AACd,UAAW,UAAA,CAAA,KAAA,CAAA,CAAA;AAAA,SAAA;AAAA,OAAA,CAAA;AAIf,MAAAC,oBAAA,CAAU,IAAI,KAAO,EAAA,UAAA,CAAA,CAAA;AACrB,MAAAA,oBAAA,CAAU,MAAM,KAAO,EAAA,UAAA,CAAA,CAAA;AACvB,MAAA,MAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGF,IAAO,OAAA;AAAA,MACL,GAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAA;AAAA,KAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;;0BArJJC,sBAUM,CAAA,KAAA,EAAA;AAAA,IAVD,KAAA,EAAKC,kBAAC,CAAA,CAAA,qBAAA,EAAqB,EAA0B,aAAA,EAAA,IAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAA,GAAA,EAAA;IACxDC,sBAAuE,CAAA,KAAA,EAAA;AAAA,MAAlE,GAAI,EAAA,KAAA;AAAA,MAAM,KAAM,EAAA,0BAAA;AAAA,MAA4B,SAAK,MAAE,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,WAAA,IAAA,IAAA,CAAA,WAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,KAAA,EAAA,IAAA,EAAA,GAAA,CAAA;IACxDA,sBAOE,CAAA,KAAA,EAAA;AAAA,MANA,GAAI,EAAA,OAAA;AAAA,MACJ,KAAM,EAAA,4BAAA;AAAA,MACL,KAAK,EAAAC,kBAAA,CAAA;AAAA,QAAA,IAAA,EAAkB,IAAS,CAAA,SAAA,GAAA,IAAA;AAAA,QAAA,GAAA,EAAsB,IAAQ,CAAA,QAAA,GAAA,IAAA;AAAA,OAAA,CAAA;AAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"predefine.js","sources":["../../../../../../../packages/components/color-picker/src/components/predefine.vue"],"sourcesContent":["<template>\n  <div class=\"el-color-predefine\">\n    <div class=\"el-color-predefine__colors\">\n      <div\n        v-for=\"(item, index) in rgbaColors\"\n        :key=\"colors[index]\"\n        class=\"el-color-predefine__color-selector\"\n        :class=\"{ selected: item.selected, 'is-alpha': item._alpha < 100 }\"\n        @click=\"handleSelect(index)\"\n      >\n        <div :style=\"{ backgroundColor: item.value }\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ref, watch, watchEffect, defineComponent } from 'vue'\nimport { useOptions } from '../useOption'\nimport Color from '../color'\n\nimport type { PropType } from 'vue'\n\nexport default defineComponent({\n  props: {\n    colors: { type: Array, required: true },\n    color: {\n      type: Object as PropType<Color>,\n      required: true,\n    },\n  },\n  setup(props) {\n    const { currentColor } = useOptions()\n    //data\n    const rgbaColors = ref(parseColors(props.colors, props.color))\n\n    //watch\n    watch(\n      () => currentColor.value,\n      (val) => {\n        const color = new Color()\n        color.fromString(val)\n\n        rgbaColors.value.forEach((item) => {\n          item.selected = color.compare(item)\n        })\n      }\n    )\n    watchEffect(() => {\n      rgbaColors.value = parseColors(props.colors, props.color)\n    })\n\n    function handleSelect(index) {\n      props.color.fromString(props.colors[index])\n    }\n    function parseColors(colors, color) {\n      return colors.map((value) => {\n        const c = new Color()\n        c.enableAlpha = true\n        c.format = 'rgba'\n        c.fromString(value)\n        c.selected = c.value === color.value\n        return c\n      })\n    }\n    return {\n      rgbaColors,\n      handleSelect,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useOptions","ref","watch","color","Color","watchEffect","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_normalizeClass","_normalizeStyle"],"mappings":"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"}
+{"version":3,"file":"predefine.js","sources":["../../../../../../../packages/components/color-picker/src/components/predefine.vue"],"sourcesContent":["<template>\n  <div class=\"el-color-predefine\">\n    <div class=\"el-color-predefine__colors\">\n      <div\n        v-for=\"(item, index) in rgbaColors\"\n        :key=\"colors[index]\"\n        class=\"el-color-predefine__color-selector\"\n        :class=\"{ selected: item.selected, 'is-alpha': item._alpha < 100 }\"\n        @click=\"handleSelect(index)\"\n      >\n        <div :style=\"{ backgroundColor: item.value }\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, watch, watchEffect } from 'vue'\nimport { useOptions } from '../useOption'\nimport Color from '../color'\n\nimport type { PropType } from 'vue'\n\nexport default defineComponent({\n  props: {\n    colors: { type: Array, required: true },\n    color: {\n      type: Object as PropType<Color>,\n      required: true,\n    },\n  },\n  setup(props) {\n    const { currentColor } = useOptions()\n    //data\n    const rgbaColors = ref(parseColors(props.colors, props.color))\n\n    //watch\n    watch(\n      () => currentColor.value,\n      (val) => {\n        const color = new Color()\n        color.fromString(val)\n\n        rgbaColors.value.forEach((item) => {\n          item.selected = color.compare(item)\n        })\n      }\n    )\n    watchEffect(() => {\n      rgbaColors.value = parseColors(props.colors, props.color)\n    })\n\n    function handleSelect(index) {\n      props.color.fromString(props.colors[index])\n    }\n    function parseColors(colors, color) {\n      return colors.map((value) => {\n        const c = new Color()\n        c.enableAlpha = true\n        c.format = 'rgba'\n        c.fromString(value)\n        c.selected = c.value === color.value\n        return c\n      })\n    }\n    return {\n      rgbaColors,\n      handleSelect,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useOptions","ref","watch","color","Color","watchEffect","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_normalizeClass","_normalizeStyle"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"sv-panel.js","sources":["../../../../../../../packages/components/color-picker/src/components/sv-panel.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-color-svpanel\"\n    :style=\"{\n      backgroundColor: background,\n    }\"\n  >\n    <div class=\"el-color-svpanel__white\" />\n    <div class=\"el-color-svpanel__black\" />\n    <div\n      class=\"el-color-svpanel__cursor\"\n      :style=\"{\n        top: cursorTop + 'px',\n        left: cursorLeft + 'px',\n      }\"\n    >\n      <div />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  ref,\n  computed,\n  watch,\n  getCurrentInstance,\n  onMounted,\n} from 'vue'\nimport { getClientXY } from '@element-plus/utils'\nimport draggable from '../draggable'\n\nimport type { PropType } from 'vue'\nimport type Color from '../color'\n\nexport default defineComponent({\n  name: 'ElSlPanel',\n\n  props: {\n    color: {\n      type: Object as PropType<Color>,\n      required: true,\n    },\n  },\n  setup(props) {\n    // instance\n    const instance = getCurrentInstance()\n    // data\n    const cursorTop = ref(0)\n    const cursorLeft = ref(0)\n    const background = ref('hsl(0, 100%, 50%)')\n    const colorValue = computed(() => {\n      const hue = props.color.get('hue')\n      const value = props.color.get('value')\n      return { hue, value }\n    })\n\n    // methods\n    function update() {\n      const saturation = props.color.get('saturation')\n      const value = props.color.get('value')\n\n      const el = instance.vnode.el\n      const { clientWidth: width, clientHeight: height } = el\n\n      cursorLeft.value = (saturation * width) / 100\n      cursorTop.value = ((100 - value) * height) / 100\n\n      background.value = `hsl(${props.color.get('hue')}, 100%, 50%)`\n    }\n\n    function handleDrag(event) {\n      const el = instance.vnode.el\n      const rect = el.getBoundingClientRect()\n      const { clientX, clientY } = getClientXY(event)\n\n      let left = clientX - rect.left\n      let top = clientY - rect.top\n      left = Math.max(0, left)\n      left = Math.min(left, rect.width)\n\n      top = Math.max(0, top)\n      top = Math.min(top, rect.height)\n\n      cursorLeft.value = left\n      cursorTop.value = top\n      props.color.set({\n        saturation: (left / rect.width) * 100,\n        value: 100 - (top / rect.height) * 100,\n      })\n    }\n\n    // watch\n    watch(\n      () => colorValue.value,\n      () => {\n        update()\n      }\n    )\n    // mounted\n    onMounted(() => {\n      draggable(instance.vnode.el as HTMLElement, {\n        drag: (event) => {\n          handleDrag(event)\n        },\n        end: (event) => {\n          handleDrag(event)\n        },\n      })\n\n      update()\n    })\n    return {\n      cursorTop,\n      cursorLeft,\n      background,\n      colorValue,\n      handleDrag,\n      update,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","getCurrentInstance","ref","computed","getClientXY","watch","onMounted","draggable","_createElementVNode","_createElementBlock","_normalizeStyle"],"mappings":"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"}
+{"version":3,"file":"sv-panel.js","sources":["../../../../../../../packages/components/color-picker/src/components/sv-panel.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-color-svpanel\"\n    :style=\"{\n      backgroundColor: background,\n    }\"\n  >\n    <div class=\"el-color-svpanel__white\" />\n    <div class=\"el-color-svpanel__black\" />\n    <div\n      class=\"el-color-svpanel__cursor\"\n      :style=\"{\n        top: cursorTop + 'px',\n        left: cursorLeft + 'px',\n      }\"\n    >\n      <div />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { getClientXY } from '@element-plus/utils'\nimport draggable from '../draggable'\n\nimport type { PropType } from 'vue'\nimport type Color from '../color'\n\nexport default defineComponent({\n  name: 'ElSlPanel',\n\n  props: {\n    color: {\n      type: Object as PropType<Color>,\n      required: true,\n    },\n  },\n  setup(props) {\n    // instance\n    const instance = getCurrentInstance()\n    // data\n    const cursorTop = ref(0)\n    const cursorLeft = ref(0)\n    const background = ref('hsl(0, 100%, 50%)')\n    const colorValue = computed(() => {\n      const hue = props.color.get('hue')\n      const value = props.color.get('value')\n      return { hue, value }\n    })\n\n    // methods\n    function update() {\n      const saturation = props.color.get('saturation')\n      const value = props.color.get('value')\n\n      const el = instance.vnode.el\n      const { clientWidth: width, clientHeight: height } = el\n\n      cursorLeft.value = (saturation * width) / 100\n      cursorTop.value = ((100 - value) * height) / 100\n\n      background.value = `hsl(${props.color.get('hue')}, 100%, 50%)`\n    }\n\n    function handleDrag(event) {\n      const el = instance.vnode.el\n      const rect = el.getBoundingClientRect()\n      const { clientX, clientY } = getClientXY(event)\n\n      let left = clientX - rect.left\n      let top = clientY - rect.top\n      left = Math.max(0, left)\n      left = Math.min(left, rect.width)\n\n      top = Math.max(0, top)\n      top = Math.min(top, rect.height)\n\n      cursorLeft.value = left\n      cursorTop.value = top\n      props.color.set({\n        saturation: (left / rect.width) * 100,\n        value: 100 - (top / rect.height) * 100,\n      })\n    }\n\n    // watch\n    watch(\n      () => colorValue.value,\n      () => {\n        update()\n      }\n    )\n    // mounted\n    onMounted(() => {\n      draggable(instance.vnode.el as HTMLElement, {\n        drag: (event) => {\n          handleDrag(event)\n        },\n        end: (event) => {\n          handleDrag(event)\n        },\n      })\n\n      update()\n    })\n    return {\n      cursorTop,\n      cursorLeft,\n      background,\n      colorValue,\n      handleDrag,\n      update,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","getCurrentInstance","ref","computed","getClientXY","watch","onMounted","draggable","_createElementVNode","_createElementBlock","_normalizeStyle"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"draggable.js","sources":["../../../../../../packages/components/color-picker/src/draggable.ts"],"sourcesContent":["import { isClient } from '@vueuse/core'\nimport { on, off } from '@element-plus/utils'\n\nlet isDragging = false\n\nexport declare interface IOptions {\n  drag?: (event: Event) => void\n  start?: (event: Event) => void\n  end?: (event: Event) => void\n}\n\nexport default function (element: HTMLElement, options: IOptions) {\n  if (!isClient) return\n\n  const moveFn = function (event: Event) {\n    options.drag?.(event)\n  }\n\n  const upFn = function (event: Event) {\n    off(document, 'mousemove', moveFn)\n    off(document, 'mouseup', upFn)\n    off(document, 'touchmove', moveFn)\n    off(document, 'touchend', upFn)\n    document.onselectstart = null\n    document.ondragstart = null\n\n    isDragging = false\n\n    options.end?.(event)\n  }\n\n  const downFn = function (event: Event) {\n    if (isDragging) return\n    event.preventDefault()\n    document.onselectstart = () => false\n    document.ondragstart = () => false\n    on(document, 'mousemove', moveFn)\n    on(document, 'mouseup', upFn)\n    on(document, 'touchmove', moveFn)\n    on(document, 'touchend', upFn)\n\n    isDragging = true\n\n    options.start?.(event)\n  }\n\n  on(element, 'mousedown', downFn)\n  on(element, 'touchstart', downFn)\n}\n"],"names":["isClient","event","off","on"],"mappings":";;;;;;;;AAEA,IAAI,UAAU,GAAG,KAAK,CAAC;AACR,kBAAQ,CAAC,OAAO,EAAE,OAAO,EAAE;AAC1C,EAAE,IAAI,CAACA,aAAQ;AACf,IAAI,OAAO;AACX,EAAE,MAAM,MAAM,GAAG,SAAS,KAAK,EAAE;AACjC,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,IAAI,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AACnE,GAAG,CAAC;AACJ,EAAE,MAAM,IAAI,GAAG,SAASC,OAAK,EAAE;AAC/B,IAAI,IAAI,EAAE,CAAC;AACX,IAAIC,SAAG,CAAC,QAAQ,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;AACvC,IAAIA,SAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;AACnC,IAAIA,SAAG,CAAC,QAAQ,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;AACvC,IAAIA,SAAG,CAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;AACpC,IAAI,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAC;AAClC,IAAI,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC;AAChC,IAAI,UAAU,GAAG,KAAK,CAAC;AACvB,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,GAAG,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAED,OAAK,CAAC,CAAC;AAClE,GAAG,CAAC;AACJ,EAAE,MAAM,MAAM,GAAG,SAASA,OAAK,EAAE;AACjC,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,IAAI,UAAU;AAClB,MAAM,OAAO;AACb,IAAIA,OAAK,CAAC,cAAc,EAAE,CAAC;AAC3B,IAAI,QAAQ,CAAC,aAAa,GAAG,MAAM,KAAK,CAAC;AACzC,IAAI,QAAQ,CAAC,WAAW,GAAG,MAAM,KAAK,CAAC;AACvC,IAAIE,QAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;AACtC,IAAIA,QAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;AAClC,IAAIA,QAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;AACtC,IAAIA,QAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;AACnC,IAAI,UAAU,GAAG,IAAI,CAAC;AACtB,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAEF,OAAK,CAAC,CAAC;AACpE,GAAG,CAAC;AACJ,EAAEE,QAAE,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;AACnC,EAAEA,QAAE,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AACpC;;;;"}
+{"version":3,"file":"draggable.js","sources":["../../../../../../packages/components/color-picker/src/draggable.ts"],"sourcesContent":["import { isClient } from '@vueuse/core'\nimport { off, on } from '@element-plus/utils'\n\nlet isDragging = false\n\nexport declare interface IOptions {\n  drag?: (event: Event) => void\n  start?: (event: Event) => void\n  end?: (event: Event) => void\n}\n\nexport default function (element: HTMLElement, options: IOptions) {\n  if (!isClient) return\n\n  const moveFn = function (event: Event) {\n    options.drag?.(event)\n  }\n\n  const upFn = function (event: Event) {\n    off(document, 'mousemove', moveFn)\n    off(document, 'mouseup', upFn)\n    off(document, 'touchmove', moveFn)\n    off(document, 'touchend', upFn)\n    document.onselectstart = null\n    document.ondragstart = null\n\n    isDragging = false\n\n    options.end?.(event)\n  }\n\n  const downFn = function (event: Event) {\n    if (isDragging) return\n    event.preventDefault()\n    document.onselectstart = () => false\n    document.ondragstart = () => false\n    on(document, 'mousemove', moveFn)\n    on(document, 'mouseup', upFn)\n    on(document, 'touchmove', moveFn)\n    on(document, 'touchend', upFn)\n\n    isDragging = true\n\n    options.start?.(event)\n  }\n\n  on(element, 'mousedown', downFn)\n  on(element, 'touchstart', downFn)\n}\n"],"names":["isClient","event","off","on"],"mappings":";;;;;;;;AAEA,IAAI,UAAU,GAAG,KAAK,CAAC;AACR,kBAAQ,CAAC,OAAO,EAAE,OAAO,EAAE;AAC1C,EAAE,IAAI,CAACA,aAAQ;AACf,IAAI,OAAO;AACX,EAAE,MAAM,MAAM,GAAG,SAAS,KAAK,EAAE;AACjC,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,IAAI,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AACnE,GAAG,CAAC;AACJ,EAAE,MAAM,IAAI,GAAG,SAASC,OAAK,EAAE;AAC/B,IAAI,IAAI,EAAE,CAAC;AACX,IAAIC,SAAG,CAAC,QAAQ,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;AACvC,IAAIA,SAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;AACnC,IAAIA,SAAG,CAAC,QAAQ,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;AACvC,IAAIA,SAAG,CAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;AACpC,IAAI,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAC;AAClC,IAAI,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC;AAChC,IAAI,UAAU,GAAG,KAAK,CAAC;AACvB,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,GAAG,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAED,OAAK,CAAC,CAAC;AAClE,GAAG,CAAC;AACJ,EAAE,MAAM,MAAM,GAAG,SAASA,OAAK,EAAE;AACjC,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,IAAI,UAAU;AAClB,MAAM,OAAO;AACb,IAAIA,OAAK,CAAC,cAAc,EAAE,CAAC;AAC3B,IAAI,QAAQ,CAAC,aAAa,GAAG,MAAM,KAAK,CAAC;AACzC,IAAI,QAAQ,CAAC,WAAW,GAAG,MAAM,KAAK,CAAC;AACvC,IAAIE,QAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;AACtC,IAAIA,QAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;AAClC,IAAIA,QAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;AACtC,IAAIA,QAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;AACnC,IAAI,UAAU,GAAG,IAAI,CAAC;AACtB,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAEF,OAAK,CAAC,CAAC;AACpE,GAAG,CAAC;AACJ,EAAEE,QAAE,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;AACnC,EAAEA,QAAE,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AACpC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/components/color-picker/src/index.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"popper\"\n    v-model: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'), ns.b('dropdown'), popperClass]\"\n    :stop-popper-mouse-event=\"false\"\n    effect=\"light\"\n    trigger=\"click\"\n    transition=\"el-zoom-in-top\"\n    persistent\n  >\n    <template #content>\n      <div v-click-outside=\"hide\">\n        <div :class=\"ns.be('dropdown', 'main-wrapper')\">\n          <hue-slider ref=\"hue\" class=\"hue-slider\" :color=\"color\" vertical />\n          <sv-panel ref=\"svPanel\" :color=\"color\" />\n        </div>\n        <alpha-slider v-if=\"showAlpha\" ref=\"alpha\" :color=\"color\" />\n        <predefine\n          v-if=\"predefine\"\n          ref=\"predefine\"\n          :color=\"color\"\n          :colors=\"predefine\"\n        />\n        <div :class=\"ns.be('dropdown', 'btns')\">\n          <span :class=\"ns.be('dropdown', 'value')\">\n            <el-input\n              v-model=\"customInput\"\n              :validate-event=\"false\"\n              size=\"small\"\n              @keyup.enter=\"handleConfirm\"\n              @blur=\"handleConfirm\"\n            />\n          </span>\n          <el-button\n            size=\"small\"\n            type=\"text\"\n            :class=\"ns.be('dropdown', 'link-btn')\"\n            @click=\"clear\"\n          >\n            {{ t('el.colorpicker.clear') }}\n          </el-button>\n          <el-button\n            plain\n            size=\"small\"\n            :class=\"ns.be('dropdown', 'btn')\"\n            @click=\"confirmValue\"\n          >\n            {{ t('el.colorpicker.confirm') }}\n          </el-button>\n        </div>\n      </div>\n    </template>\n    <template #default>\n      <div\n        :class=\"[\n          ns.b('picker'),\n          ns.is('disabled', colorDisabled),\n          ns.bm('picker', colorSize),\n        ]\"\n      >\n        <div v-if=\"colorDisabled\" :class=\"ns.be('picker', 'mask')\" />\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-if=\"!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\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { debounce } from 'lodash-unified'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport { ClickOutside } from '@element-plus/directives'\nimport { formItemContextKey, formContextKey } from '@element-plus/tokens'\nimport { useLocale, useSize, useNamespace } from '@element-plus/hooks'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElInput from '@element-plus/components/input'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { debugWarn, isValidComponentSize } from '@element-plus/utils'\nimport { Close, ArrowDown } from '@element-plus/icons-vue'\nimport AlphaSlider from './components/alpha-slider.vue'\nimport HueSlider from './components/hue-slider.vue'\nimport Predefine from './components/predefine.vue'\nimport SvPanel from './components/sv-panel.vue'\nimport Color from './color'\nimport { OPTIONS_KEY } from './useOption'\nimport type { PropType } from 'vue'\nimport type { FormContext, FormItemContext } from '@element-plus/tokens'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { IUseOptions } from './useOption'\n\nexport default defineComponent({\n  name: 'ElColorPicker',\n  components: {\n    ElButton,\n    ElTooltip,\n    ElInput,\n    ElIcon,\n    Close,\n    ArrowDown,\n    SvPanel,\n    HueSlider,\n    AlphaSlider,\n    Predefine,\n  },\n  directives: {\n    ClickOutside,\n  },\n  props: {\n    modelValue: String,\n    showAlpha: Boolean,\n    colorFormat: String,\n    disabled: Boolean,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    popperClass: String,\n    predefine: Array,\n  },\n  emits: ['change', 'active-change', UPDATE_MODEL_EVENT],\n  setup(props, { emit }) {\n    const { t } = useLocale()\n    const ns = useNamespace('color')\n    const elForm = inject(formContextKey, {} as FormContext)\n    const elFormItem = inject(formItemContextKey, {} as FormItemContext)\n\n    const hue = ref(null)\n    const svPanel = ref(null)\n    const alpha = ref(null)\n    const popper = ref(null)\n    // data\n    const color = reactive(\n      new Color({\n        enableAlpha: props.showAlpha,\n        format: props.colorFormat,\n        value: props.modelValue,\n      })\n    )\n    const showPicker = ref(false)\n    const showPanelColor = ref(false)\n    const customInput = ref('')\n    // computed\n    const displayedColor = computed(() => {\n      if (!props.modelValue && !showPanelColor.value) {\n        return 'transparent'\n      }\n      return displayedRgb(color, props.showAlpha)\n    })\n    const colorSize = useSize()\n    const colorDisabled = computed(() => {\n      return !!(props.disabled || elForm.disabled)\n    })\n\n    const currentColor = computed(() => {\n      return !props.modelValue && !showPanelColor.value ? '' : color.value\n    })\n    // watch\n    watch(\n      () => props.modelValue,\n      (newVal) => {\n        if (!newVal) {\n          showPanelColor.value = false\n        } else if (newVal && newVal !== color.value) {\n          color.fromString(newVal)\n        }\n      }\n    )\n    watch(\n      () => currentColor.value,\n      (val) => {\n        customInput.value = val\n        emit('active-change', val)\n      }\n    )\n\n    watch(\n      () => color.value,\n      () => {\n        if (!props.modelValue && !showPanelColor.value) {\n          showPanelColor.value = true\n        }\n      }\n    )\n\n    // methods\n    function displayedRgb(color, showAlpha) {\n      if (!(color instanceof Color)) {\n        throw new TypeError('color should be instance of _color Class')\n      }\n\n      const { r, g, b } = color.toRgb()\n      return showAlpha\n        ? `rgba(${r}, ${g}, ${b}, ${color.get('alpha') / 100})`\n        : `rgb(${r}, ${g}, ${b})`\n    }\n\n    function setShowPicker(value) {\n      showPicker.value = value\n    }\n\n    const debounceSetShowPicker = debounce(setShowPicker, 100)\n\n    function hide() {\n      debounceSetShowPicker(false)\n      resetColor()\n    }\n\n    function resetColor() {\n      nextTick(() => {\n        if (props.modelValue) {\n          color.fromString(props.modelValue)\n        } else {\n          showPanelColor.value = false\n        }\n      })\n    }\n\n    function handleTrigger() {\n      if (colorDisabled.value) return\n      debounceSetShowPicker(!showPicker.value)\n    }\n\n    function handleConfirm() {\n      color.fromString(customInput.value)\n    }\n\n    function confirmValue() {\n      const value = color.value\n      emit(UPDATE_MODEL_EVENT, value)\n      emit('change', value)\n      elFormItem.validate?.('change').catch((err) => debugWarn(err))\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\n    function clear() {\n      debounceSetShowPicker(false)\n      emit(UPDATE_MODEL_EVENT, null)\n      emit('change', null)\n      if (props.modelValue !== null) {\n        elFormItem.validate?.('change').catch((err) => debugWarn(err))\n      }\n      resetColor()\n    }\n\n    onMounted(() => {\n      if (props.modelValue) {\n        customInput.value = currentColor.value\n      }\n    })\n    watch(\n      () => showPicker.value,\n      () => {\n        nextTick(() => {\n          hue.value?.update()\n          svPanel.value?.update()\n          alpha.value?.update()\n        })\n      }\n    )\n\n    provide<IUseOptions>(OPTIONS_KEY, {\n      currentColor,\n    })\n\n    return {\n      color: color as Color,\n      colorDisabled,\n      colorSize,\n      displayedColor,\n      showPanelColor,\n      showPicker,\n      customInput,\n      handleConfirm,\n      hide,\n      handleTrigger,\n      clear,\n      confirmValue,\n      t,\n      ns,\n      hue,\n      svPanel,\n      alpha,\n      popper,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElButton","ElTooltip","ElInput","ElIcon","Close","ArrowDown","SvPanel","HueSlider","AlphaSlider","Predefine","ClickOutside","isValidComponentSize","UPDATE_MODEL_EVENT","useLocale","useNamespace","inject","formContextKey","formItemContextKey","ref","color","reactive","Color","computed","useSize","watch","debounce","nextTick","debugWarn","onMounted","provide","OPTIONS_KEY","_resolveComponent","_resolveDirective","_openBlock","_createBlock","_withCtx","_withDirectives","_createElementBlock","_normalizeClass","_createVNode","_createCommentVNode","_createElementVNode","_normalizeStyle","_vShow"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/color-picker/src/index.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"popper\"\n    v-model: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'), ns.b('dropdown'), popperClass]\"\n    :stop-popper-mouse-event=\"false\"\n    effect=\"light\"\n    trigger=\"click\"\n    transition=\"el-zoom-in-top\"\n    persistent\n  >\n    <template #content>\n      <div v-click-outside=\"hide\">\n        <div :class=\"ns.be('dropdown', 'main-wrapper')\">\n          <hue-slider ref=\"hue\" class=\"hue-slider\" :color=\"color\" vertical />\n          <sv-panel ref=\"svPanel\" :color=\"color\" />\n        </div>\n        <alpha-slider v-if=\"showAlpha\" ref=\"alpha\" :color=\"color\" />\n        <predefine\n          v-if=\"predefine\"\n          ref=\"predefine\"\n          :color=\"color\"\n          :colors=\"predefine\"\n        />\n        <div :class=\"ns.be('dropdown', 'btns')\">\n          <span :class=\"ns.be('dropdown', 'value')\">\n            <el-input\n              v-model=\"customInput\"\n              :validate-event=\"false\"\n              size=\"small\"\n              @keyup.enter=\"handleConfirm\"\n              @blur=\"handleConfirm\"\n            />\n          </span>\n          <el-button\n            size=\"small\"\n            type=\"text\"\n            :class=\"ns.be('dropdown', 'link-btn')\"\n            @click=\"clear\"\n          >\n            {{ t('el.colorpicker.clear') }}\n          </el-button>\n          <el-button\n            plain\n            size=\"small\"\n            :class=\"ns.be('dropdown', 'btn')\"\n            @click=\"confirmValue\"\n          >\n            {{ t('el.colorpicker.confirm') }}\n          </el-button>\n        </div>\n      </div>\n    </template>\n    <template #default>\n      <div\n        :class=\"[\n          ns.b('picker'),\n          ns.is('disabled', colorDisabled),\n          ns.bm('picker', colorSize),\n        ]\"\n      >\n        <div v-if=\"colorDisabled\" :class=\"ns.be('picker', 'mask')\" />\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-if=\"!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\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { debounce } from 'lodash-unified'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport { ClickOutside } from '@element-plus/directives'\nimport { formContextKey, formItemContextKey } from '@element-plus/tokens'\nimport { useLocale, useNamespace, useSize } from '@element-plus/hooks'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElInput from '@element-plus/components/input'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { debugWarn, isValidComponentSize } from '@element-plus/utils'\nimport { ArrowDown, Close } from '@element-plus/icons-vue'\nimport AlphaSlider from './components/alpha-slider.vue'\nimport HueSlider from './components/hue-slider.vue'\nimport Predefine from './components/predefine.vue'\nimport SvPanel from './components/sv-panel.vue'\nimport Color from './color'\nimport { OPTIONS_KEY } from './useOption'\nimport type { PropType } from 'vue'\nimport type { FormContext, FormItemContext } from '@element-plus/tokens'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { IUseOptions } from './useOption'\n\nexport default defineComponent({\n  name: 'ElColorPicker',\n  components: {\n    ElButton,\n    ElTooltip,\n    ElInput,\n    ElIcon,\n    Close,\n    ArrowDown,\n    SvPanel,\n    HueSlider,\n    AlphaSlider,\n    Predefine,\n  },\n  directives: {\n    ClickOutside,\n  },\n  props: {\n    modelValue: String,\n    showAlpha: Boolean,\n    colorFormat: String,\n    disabled: Boolean,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    popperClass: String,\n    predefine: Array,\n  },\n  emits: ['change', 'active-change', UPDATE_MODEL_EVENT],\n  setup(props, { emit }) {\n    const { t } = useLocale()\n    const ns = useNamespace('color')\n    const elForm = inject(formContextKey, {} as FormContext)\n    const elFormItem = inject(formItemContextKey, {} as FormItemContext)\n\n    const hue = ref(null)\n    const svPanel = ref(null)\n    const alpha = ref(null)\n    const popper = ref(null)\n    // data\n    const color = reactive(\n      new Color({\n        enableAlpha: props.showAlpha,\n        format: props.colorFormat,\n        value: props.modelValue,\n      })\n    )\n    const showPicker = ref(false)\n    const showPanelColor = ref(false)\n    const customInput = ref('')\n    // computed\n    const displayedColor = computed(() => {\n      if (!props.modelValue && !showPanelColor.value) {\n        return 'transparent'\n      }\n      return displayedRgb(color, props.showAlpha)\n    })\n    const colorSize = useSize()\n    const colorDisabled = computed(() => {\n      return !!(props.disabled || elForm.disabled)\n    })\n\n    const currentColor = computed(() => {\n      return !props.modelValue && !showPanelColor.value ? '' : color.value\n    })\n    // watch\n    watch(\n      () => props.modelValue,\n      (newVal) => {\n        if (!newVal) {\n          showPanelColor.value = false\n        } else if (newVal && newVal !== color.value) {\n          color.fromString(newVal)\n        }\n      }\n    )\n    watch(\n      () => currentColor.value,\n      (val) => {\n        customInput.value = val\n        emit('active-change', val)\n      }\n    )\n\n    watch(\n      () => color.value,\n      () => {\n        if (!props.modelValue && !showPanelColor.value) {\n          showPanelColor.value = true\n        }\n      }\n    )\n\n    // methods\n    function displayedRgb(color, showAlpha) {\n      if (!(color instanceof Color)) {\n        throw new TypeError('color should be instance of _color Class')\n      }\n\n      const { r, g, b } = color.toRgb()\n      return showAlpha\n        ? `rgba(${r}, ${g}, ${b}, ${color.get('alpha') / 100})`\n        : `rgb(${r}, ${g}, ${b})`\n    }\n\n    function setShowPicker(value) {\n      showPicker.value = value\n    }\n\n    const debounceSetShowPicker = debounce(setShowPicker, 100)\n\n    function hide() {\n      debounceSetShowPicker(false)\n      resetColor()\n    }\n\n    function resetColor() {\n      nextTick(() => {\n        if (props.modelValue) {\n          color.fromString(props.modelValue)\n        } else {\n          showPanelColor.value = false\n        }\n      })\n    }\n\n    function handleTrigger() {\n      if (colorDisabled.value) return\n      debounceSetShowPicker(!showPicker.value)\n    }\n\n    function handleConfirm() {\n      color.fromString(customInput.value)\n    }\n\n    function confirmValue() {\n      const value = color.value\n      emit(UPDATE_MODEL_EVENT, value)\n      emit('change', value)\n      elFormItem.validate?.('change').catch((err) => debugWarn(err))\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\n    function clear() {\n      debounceSetShowPicker(false)\n      emit(UPDATE_MODEL_EVENT, null)\n      emit('change', null)\n      if (props.modelValue !== null) {\n        elFormItem.validate?.('change').catch((err) => debugWarn(err))\n      }\n      resetColor()\n    }\n\n    onMounted(() => {\n      if (props.modelValue) {\n        customInput.value = currentColor.value\n      }\n    })\n    watch(\n      () => showPicker.value,\n      () => {\n        nextTick(() => {\n          hue.value?.update()\n          svPanel.value?.update()\n          alpha.value?.update()\n        })\n      }\n    )\n\n    provide<IUseOptions>(OPTIONS_KEY, {\n      currentColor,\n    })\n\n    return {\n      color: color as Color,\n      colorDisabled,\n      colorSize,\n      displayedColor,\n      showPanelColor,\n      showPicker,\n      customInput,\n      handleConfirm,\n      hide,\n      handleTrigger,\n      clear,\n      confirmValue,\n      t,\n      ns,\n      hue,\n      svPanel,\n      alpha,\n      popper,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElButton","ElTooltip","ElInput","ElIcon","Close","ArrowDown","SvPanel","HueSlider","AlphaSlider","Predefine","ClickOutside","isValidComponentSize","UPDATE_MODEL_EVENT","useLocale","useNamespace","inject","formContextKey","formItemContextKey","ref","color","reactive","Color","computed","useSize","watch","debounce","nextTick","debugWarn","onMounted","provide","OPTIONS_KEY","_resolveComponent","_resolveDirective","_openBlock","_createBlock","_withCtx","_withDirectives","_createElementBlock","_normalizeClass","_createVNode","_createCommentVNode","_createElementVNode","_normalizeStyle","_vShow"],"mappings":"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"}

package/lib/components/color-picker/src/index.vue.d.ts

@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<{
     colorFormat: StringConstructor;
     disabled: BooleanConstructor;
     size: {
-        type: PropType<"default" | "small" | "large">;
+        type: PropType<"" | "default" | "small" | "large">;
         validator: (val: string) => val is "" | "default" | "small" | "large";
     };
     popperClass: StringConstructor;
@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     color: Color;
     colorDisabled: import("vue").ComputedRef<boolean>;
-    colorSize: import("vue").ComputedRef<"default" | "small" | "large">;
+    colorSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
     displayedColor: import("vue").ComputedRef<string>;
     showPanelColor: import("vue").Ref<boolean>;
     showPicker: import("vue").Ref<boolean>;
@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<{
     colorFormat: StringConstructor;
     disabled: BooleanConstructor;
     size: {
-        type: PropType<"default" | "small" | "large">;
+        type: PropType<"" | "default" | "small" | "large">;
         validator: (val: string) => val is "" | "default" | "small" | "large";
     };
     popperClass: StringConstructor;