@element-plus/nightly 0.0.20250329 → 0.0.20250330

package/lib/packages/components/form/src/form-item2.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-item2.js","sources":["../../../../../../../packages/components/form/src/form-item.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"formItemRef\"\n    :class=\"formItemClasses\"\n    :role=\"isGroup ? 'group' : undefined\"\n    :aria-labelledby=\"isGroup ? labelId : undefined\"\n  >\n    <form-label-wrap\n      :is-auto-width=\"labelStyle.width === 'auto'\"\n      :update-all=\"formContext?.labelWidth === 'auto'\"\n    >\n      <component\n        :is=\"labelFor ? 'label' : 'div'\"\n        v-if=\"hasLabel\"\n        :id=\"labelId\"\n        :for=\"labelFor\"\n        :class=\"ns.e('label')\"\n        :style=\"labelStyle\"\n      >\n        <slot name=\"label\" :label=\"currentLabel\">\n          {{ currentLabel }}\n        </slot>\n      </component>\n    </form-label-wrap>\n\n    <div :class=\"ns.e('content')\" :style=\"contentStyle\">\n      <slot />\n      <transition-group :name=\"`${ns.namespace.value}-zoom-in-top`\">\n        <slot v-if=\"shouldShowError\" name=\"error\" :error=\"validateMessage\">\n          <div :class=\"validateClasses\">\n            {{ validateMessage }}\n          </div>\n        </slot>\n      </transition-group>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n  useSlots,\n  watch,\n} from 'vue'\nimport AsyncValidator from 'async-validator'\nimport { clone } from 'lodash-unified'\nimport { refDebounced } from '@vueuse/core'\nimport {\n  addUnit,\n  ensureArray,\n  getProp,\n  isArray,\n  isBoolean,\n  isFunction,\n  isString,\n} from '@element-plus/utils'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from './hooks'\nimport { formItemProps } from './form-item'\nimport FormLabelWrap from './form-label-wrap'\nimport { formContextKey, formItemContextKey } from './constants'\n\nimport type { CSSProperties } from 'vue'\nimport type { RuleItem } from 'async-validator'\nimport type { Arrayable } from '@element-plus/utils'\nimport type {\n  FormItemContext,\n  FormItemRule,\n  FormValidateFailure,\n} from './types'\nimport type { FormItemValidateState } from './form-item'\n\ndefineOptions({\n  name: 'ElFormItem',\n})\nconst props = defineProps(formItemProps)\nconst slots = useSlots()\n\nconst formContext = inject(formContextKey, undefined)\nconst parentFormItemContext = inject(formItemContextKey, undefined)\n\nconst _size = useFormSize(undefined, { formItem: false })\nconst ns = useNamespace('form-item')\n\nconst labelId = useId().value\nconst inputIds = ref<string[]>([])\n\nconst validateState = ref<FormItemValidateState>('')\nconst validateStateDebounced = refDebounced(validateState, 100)\nconst validateMessage = ref('')\nconst formItemRef = ref<HTMLDivElement>()\n// special inline value.\nlet initialValue: any = undefined\nlet isResettingField = false\n\nconst labelPosition = computed(\n  () => props.labelPosition || formContext?.labelPosition\n)\n\nconst labelStyle = computed<CSSProperties>(() => {\n  if (labelPosition.value === 'top') {\n    return {}\n  }\n\n  const labelWidth = addUnit(props.labelWidth || formContext?.labelWidth || '')\n  if (labelWidth) return { width: labelWidth }\n  return {}\n})\n\nconst contentStyle = computed<CSSProperties>(() => {\n  if (labelPosition.value === 'top' || formContext?.inline) {\n    return {}\n  }\n  if (!props.label && !props.labelWidth && isNested) {\n    return {}\n  }\n  const labelWidth = addUnit(props.labelWidth || formContext?.labelWidth || '')\n  if (!props.label && !slots.label) {\n    return { marginLeft: labelWidth }\n  }\n  return {}\n})\n\nconst formItemClasses = computed(() => [\n  ns.b(),\n  ns.m(_size.value),\n  ns.is('error', validateState.value === 'error'),\n  ns.is('validating', validateState.value === 'validating'),\n  ns.is('success', validateState.value === 'success'),\n  ns.is('required', isRequired.value || props.required),\n  ns.is('no-asterisk', formContext?.hideRequiredAsterisk),\n  formContext?.requireAsteriskPosition === 'right'\n    ? 'asterisk-right'\n    : 'asterisk-left',\n  {\n    [ns.m('feedback')]: formContext?.statusIcon,\n    [ns.m(`label-${labelPosition.value}`)]: labelPosition.value,\n  },\n])\n\nconst _inlineMessage = computed(() =>\n  isBoolean(props.inlineMessage)\n    ? props.inlineMessage\n    : formContext?.inlineMessage || false\n)\n\nconst validateClasses = computed(() => [\n  ns.e('error'),\n  { [ns.em('error', 'inline')]: _inlineMessage.value },\n])\n\nconst propString = computed(() => {\n  if (!props.prop) return ''\n  return isString(props.prop) ? props.prop : props.prop.join('.')\n})\n\nconst hasLabel = computed<boolean>(() => {\n  return !!(props.label || slots.label)\n})\n\nconst labelFor = computed<string | undefined>(() => {\n  return (\n    props.for || (inputIds.value.length === 1 ? inputIds.value[0] : undefined)\n  )\n})\n\nconst isGroup = computed<boolean>(() => {\n  return !labelFor.value && hasLabel.value\n})\n\nconst isNested = !!parentFormItemContext\n\nconst fieldValue = computed(() => {\n  const model = formContext?.model\n  if (!model || !props.prop) {\n    return\n  }\n  return getProp(model, props.prop).value\n})\n\nconst normalizedRules = computed(() => {\n  const { required } = props\n\n  const rules: FormItemRule[] = []\n\n  if (props.rules) {\n    rules.push(...ensureArray(props.rules))\n  }\n\n  const formRules = formContext?.rules\n  if (formRules && props.prop) {\n    const _rules = getProp<Arrayable<FormItemRule> | undefined>(\n      formRules,\n      props.prop\n    ).value\n    if (_rules) {\n      rules.push(...ensureArray(_rules))\n    }\n  }\n\n  if (required !== undefined) {\n    const requiredRules = rules\n      .map((rule, i) => [rule, i] as const)\n      .filter(([rule]) => Object.keys(rule).includes('required'))\n\n    if (requiredRules.length > 0) {\n      for (const [rule, i] of requiredRules) {\n        if (rule.required === required) continue\n        rules[i] = { ...rule, required }\n      }\n    } else {\n      rules.push({ required })\n    }\n  }\n\n  return rules\n})\n\nconst validateEnabled = computed(() => normalizedRules.value.length > 0)\n\nconst getFilteredRule = (trigger: string) => {\n  const rules = normalizedRules.value\n  return (\n    rules\n      .filter((rule) => {\n        if (!rule.trigger || !trigger) return true\n        if (isArray(rule.trigger)) {\n          return rule.trigger.includes(trigger)\n        } else {\n          return rule.trigger === trigger\n        }\n      })\n      // exclude trigger\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      .map(({ trigger, ...rule }): RuleItem => rule)\n  )\n}\n\nconst isRequired = computed(() =>\n  normalizedRules.value.some((rule) => rule.required)\n)\n\nconst shouldShowError = computed(\n  () =>\n    validateStateDebounced.value === 'error' &&\n    props.showMessage &&\n    (formContext?.showMessage ?? true)\n)\n\nconst currentLabel = computed(\n  () => `${props.label || ''}${formContext?.labelSuffix || ''}`\n)\n\nconst setValidationState = (state: FormItemValidateState) => {\n  validateState.value = state\n}\n\nconst onValidationFailed = (error: FormValidateFailure) => {\n  const { errors, fields } = error\n  if (!errors || !fields) {\n    console.error(error)\n  }\n\n  setValidationState('error')\n  validateMessage.value = errors\n    ? errors?.[0]?.message ?? `${props.prop} is required`\n    : ''\n\n  formContext?.emit('validate', props.prop!, false, validateMessage.value)\n}\n\nconst onValidationSucceeded = () => {\n  setValidationState('success')\n  formContext?.emit('validate', props.prop!, true, '')\n}\n\nconst doValidate = async (rules: RuleItem[]): Promise<true> => {\n  const modelName = propString.value\n  const validator = new AsyncValidator({\n    [modelName]: rules,\n  })\n  return validator\n    .validate({ [modelName]: fieldValue.value }, { firstFields: true })\n    .then(() => {\n      onValidationSucceeded()\n      return true as const\n    })\n    .catch((err: FormValidateFailure) => {\n      onValidationFailed(err as FormValidateFailure)\n      return Promise.reject(err)\n    })\n}\n\nconst validate: FormItemContext['validate'] = async (trigger, callback) => {\n  // skip validation if its resetting\n  if (isResettingField || !props.prop) {\n    return false\n  }\n\n  const hasCallback = isFunction(callback)\n  if (!validateEnabled.value) {\n    callback?.(false)\n    return false\n  }\n\n  const rules = getFilteredRule(trigger)\n  if (rules.length === 0) {\n    callback?.(true)\n    return true\n  }\n\n  setValidationState('validating')\n\n  return doValidate(rules)\n    .then(() => {\n      callback?.(true)\n      return true as const\n    })\n    .catch((err: FormValidateFailure) => {\n      const { fields } = err\n      callback?.(false, fields)\n      return hasCallback ? false : Promise.reject(fields)\n    })\n}\n\nconst clearValidate: FormItemContext['clearValidate'] = () => {\n  setValidationState('')\n  validateMessage.value = ''\n  isResettingField = false\n}\n\nconst resetField: FormItemContext['resetField'] = async () => {\n  const model = formContext?.model\n  if (!model || !props.prop) return\n\n  const computedValue = getProp(model, props.prop)\n\n  // prevent validation from being triggered\n  isResettingField = true\n\n  computedValue.value = clone(initialValue)\n\n  await nextTick()\n  clearValidate()\n\n  isResettingField = false\n}\n\nconst addInputId: FormItemContext['addInputId'] = (id: string) => {\n  if (!inputIds.value.includes(id)) {\n    inputIds.value.push(id)\n  }\n}\n\nconst removeInputId: FormItemContext['removeInputId'] = (id: string) => {\n  inputIds.value = inputIds.value.filter((listId) => listId !== id)\n}\n\nwatch(\n  () => props.error,\n  (val) => {\n    validateMessage.value = val || ''\n    setValidationState(val ? 'error' : '')\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.validateStatus,\n  (val) => setValidationState(val || '')\n)\n\nconst context: FormItemContext = reactive({\n  ...toRefs(props),\n  $el: formItemRef,\n  size: _size,\n  validateState,\n  labelId,\n  inputIds,\n  isGroup,\n  hasLabel,\n  fieldValue,\n  addInputId,\n  removeInputId,\n  resetField,\n  clearValidate,\n  validate,\n})\n\nprovide(formItemContextKey, context)\n\nonMounted(() => {\n  if (props.prop) {\n    formContext?.addField(context)\n    initialValue = clone(fieldValue.value)\n  }\n})\n\nonBeforeUnmount(() => {\n  formContext?.removeField(context)\n})\n\ndefineExpose({\n  /**\n   * @description Form item size.\n   */\n  size: _size,\n  /**\n   * @description Validation message.\n   */\n  validateMessage,\n  /**\n   * @description Validation state.\n   */\n  validateState,\n  /**\n   * @description Validate form item.\n   */\n  validate,\n  /**\n   * @description Remove validation status of the field.\n   */\n  clearValidate,\n  /**\n   * @description Reset current field and remove validation result.\n   */\n  resetField,\n})\n</script>\n"],"names":["useSlots","inject","formContextKey","formItemContextKey","useFormSize","useNamespace","useId","ref","refDebounced","computed","addUnit","isBoolean","isString","getProp","ensureArray","isArray","trigger","AsyncValidator","isFunction","clone","nextTick","watch","reactive","toRefs","provide","onMounted","onBeforeUnmount","_openBlock","_createElementBlock","_normalizeClass","_unref","_createVNode","FormLabelWrap","_withCtx","_createBlock","_resolveDynamicComponent","_normalizeStyle","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"form-item2.js","sources":["../../../../../../../packages/components/form/src/form-item.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"formItemRef\"\n    :class=\"formItemClasses\"\n    :role=\"isGroup ? 'group' : undefined\"\n    :aria-labelledby=\"isGroup ? labelId : undefined\"\n  >\n    <form-label-wrap\n      :is-auto-width=\"labelStyle.width === 'auto'\"\n      :update-all=\"formContext?.labelWidth === 'auto'\"\n    >\n      <component\n        :is=\"labelFor ? 'label' : 'div'\"\n        v-if=\"hasLabel\"\n        :id=\"labelId\"\n        :for=\"labelFor\"\n        :class=\"ns.e('label')\"\n        :style=\"labelStyle\"\n      >\n        <slot name=\"label\" :label=\"currentLabel\">\n          {{ currentLabel }}\n        </slot>\n      </component>\n    </form-label-wrap>\n\n    <div :class=\"ns.e('content')\" :style=\"contentStyle\">\n      <slot />\n      <transition-group :name=\"`${ns.namespace.value}-zoom-in-top`\">\n        <slot v-if=\"shouldShowError\" name=\"error\" :error=\"validateMessage\">\n          <div :class=\"validateClasses\">\n            {{ validateMessage }}\n          </div>\n        </slot>\n      </transition-group>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n  useSlots,\n  watch,\n} from 'vue'\nimport AsyncValidator from 'async-validator'\nimport { clone } from 'lodash-unified'\nimport { refDebounced } from '@vueuse/core'\nimport {\n  addUnit,\n  ensureArray,\n  getProp,\n  isArray,\n  isBoolean,\n  isFunction,\n  isString,\n} from '@element-plus/utils'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from './hooks'\nimport { formItemProps } from './form-item'\nimport FormLabelWrap from './form-label-wrap'\nimport { formContextKey, formItemContextKey } from './constants'\n\nimport type { CSSProperties } from 'vue'\nimport type { RuleItem } from 'async-validator'\nimport type { Arrayable } from '@element-plus/utils'\nimport type {\n  FormItemContext,\n  FormItemRule,\n  FormValidateFailure,\n} from './types'\nimport type { FormItemValidateState } from './form-item'\n\ndefineOptions({\n  name: 'ElFormItem',\n})\nconst props = defineProps(formItemProps)\nconst slots = useSlots()\n\nconst formContext = inject(formContextKey, undefined)\nconst parentFormItemContext = inject(formItemContextKey, undefined)\n\nconst _size = useFormSize(undefined, { formItem: false })\nconst ns = useNamespace('form-item')\n\nconst labelId = useId().value\nconst inputIds = ref<string[]>([])\n\nconst validateState = ref<FormItemValidateState>('')\nconst validateStateDebounced = refDebounced(validateState, 100)\nconst validateMessage = ref('')\nconst formItemRef = ref<HTMLDivElement>()\n// special inline value.\nlet initialValue: any = undefined\nlet isResettingField = false\n\nconst labelPosition = computed(\n  () => props.labelPosition || formContext?.labelPosition\n)\n\nconst labelStyle = computed<CSSProperties>(() => {\n  if (labelPosition.value === 'top') {\n    return {}\n  }\n\n  const labelWidth = addUnit(props.labelWidth || formContext?.labelWidth || '')\n  if (labelWidth) return { width: labelWidth }\n  return {}\n})\n\nconst contentStyle = computed<CSSProperties>(() => {\n  if (labelPosition.value === 'top' || formContext?.inline) {\n    return {}\n  }\n  if (!props.label && !props.labelWidth && isNested) {\n    return {}\n  }\n  const labelWidth = addUnit(props.labelWidth || formContext?.labelWidth || '')\n  if (!props.label && !slots.label) {\n    return { marginLeft: labelWidth }\n  }\n  return {}\n})\n\nconst formItemClasses = computed(() => [\n  ns.b(),\n  ns.m(_size.value),\n  ns.is('error', validateState.value === 'error'),\n  ns.is('validating', validateState.value === 'validating'),\n  ns.is('success', validateState.value === 'success'),\n  ns.is('required', isRequired.value || props.required),\n  ns.is('no-asterisk', formContext?.hideRequiredAsterisk),\n  formContext?.requireAsteriskPosition === 'right'\n    ? 'asterisk-right'\n    : 'asterisk-left',\n  {\n    [ns.m('feedback')]: formContext?.statusIcon,\n    [ns.m(`label-${labelPosition.value}`)]: labelPosition.value,\n  },\n])\n\nconst _inlineMessage = computed(() =>\n  isBoolean(props.inlineMessage)\n    ? props.inlineMessage\n    : formContext?.inlineMessage || false\n)\n\nconst validateClasses = computed(() => [\n  ns.e('error'),\n  { [ns.em('error', 'inline')]: _inlineMessage.value },\n])\n\nconst propString = computed(() => {\n  if (!props.prop) return ''\n  return isString(props.prop) ? props.prop : props.prop.join('.')\n})\n\nconst hasLabel = computed<boolean>(() => {\n  return !!(props.label || slots.label)\n})\n\nconst labelFor = computed<string | undefined>(() => {\n  return (\n    props.for || (inputIds.value.length === 1 ? inputIds.value[0] : undefined)\n  )\n})\n\nconst isGroup = computed<boolean>(() => {\n  return !labelFor.value && hasLabel.value\n})\n\nconst isNested = !!parentFormItemContext\n\nconst fieldValue = computed(() => {\n  const model = formContext?.model\n  if (!model || !props.prop) {\n    return\n  }\n  return getProp(model, props.prop).value\n})\n\nconst normalizedRules = computed(() => {\n  const { required } = props\n\n  const rules: FormItemRule[] = []\n\n  if (props.rules) {\n    rules.push(...ensureArray(props.rules))\n  }\n\n  const formRules = formContext?.rules\n  if (formRules && props.prop) {\n    const _rules = getProp<Arrayable<FormItemRule> | undefined>(\n      formRules,\n      props.prop\n    ).value\n    if (_rules) {\n      rules.push(...ensureArray(_rules))\n    }\n  }\n\n  if (required !== undefined) {\n    const requiredRules = rules\n      .map((rule, i) => [rule, i] as const)\n      .filter(([rule]) => Object.keys(rule).includes('required'))\n\n    if (requiredRules.length > 0) {\n      for (const [rule, i] of requiredRules) {\n        if (rule.required === required) continue\n        rules[i] = { ...rule, required }\n      }\n    } else {\n      rules.push({ required })\n    }\n  }\n\n  return rules\n})\n\nconst validateEnabled = computed(() => normalizedRules.value.length > 0)\n\nconst getFilteredRule = (trigger: string) => {\n  const rules = normalizedRules.value\n  return (\n    rules\n      .filter((rule) => {\n        if (!rule.trigger || !trigger) return true\n        if (isArray(rule.trigger)) {\n          return rule.trigger.includes(trigger)\n        } else {\n          return rule.trigger === trigger\n        }\n      })\n      // exclude trigger\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      .map(({ trigger, ...rule }): RuleItem => rule)\n  )\n}\n\nconst isRequired = computed(() =>\n  normalizedRules.value.some((rule) => rule.required)\n)\n\nconst shouldShowError = computed(\n  () =>\n    validateStateDebounced.value === 'error' &&\n    props.showMessage &&\n    (formContext?.showMessage ?? true)\n)\n\nconst currentLabel = computed(\n  () => `${props.label || ''}${formContext?.labelSuffix || ''}`\n)\n\nconst setValidationState = (state: FormItemValidateState) => {\n  validateState.value = state\n}\n\nconst onValidationFailed = (error: FormValidateFailure) => {\n  const { errors, fields } = error\n  if (!errors || !fields) {\n    console.error(error)\n  }\n\n  setValidationState('error')\n  validateMessage.value = errors\n    ? errors?.[0]?.message ?? `${props.prop} is required`\n    : ''\n\n  formContext?.emit('validate', props.prop!, false, validateMessage.value)\n}\n\nconst onValidationSucceeded = () => {\n  setValidationState('success')\n  formContext?.emit('validate', props.prop!, true, '')\n}\n\nconst doValidate = async (rules: RuleItem[]): Promise<true> => {\n  const modelName = propString.value\n  const validator = new AsyncValidator({\n    [modelName]: rules,\n  })\n  return validator\n    .validate({ [modelName]: fieldValue.value }, { firstFields: true })\n    .then(() => {\n      onValidationSucceeded()\n      return true as const\n    })\n    .catch((err: FormValidateFailure) => {\n      onValidationFailed(err)\n      return Promise.reject(err)\n    })\n}\n\nconst validate: FormItemContext['validate'] = async (trigger, callback) => {\n  // skip validation if its resetting\n  if (isResettingField || !props.prop) {\n    return false\n  }\n\n  const hasCallback = isFunction(callback)\n  if (!validateEnabled.value) {\n    callback?.(false)\n    return false\n  }\n\n  const rules = getFilteredRule(trigger)\n  if (rules.length === 0) {\n    callback?.(true)\n    return true\n  }\n\n  setValidationState('validating')\n\n  return doValidate(rules)\n    .then(() => {\n      callback?.(true)\n      return true as const\n    })\n    .catch((err: FormValidateFailure) => {\n      const { fields } = err\n      callback?.(false, fields)\n      return hasCallback ? false : Promise.reject(fields)\n    })\n}\n\nconst clearValidate: FormItemContext['clearValidate'] = () => {\n  setValidationState('')\n  validateMessage.value = ''\n  isResettingField = false\n}\n\nconst resetField: FormItemContext['resetField'] = async () => {\n  const model = formContext?.model\n  if (!model || !props.prop) return\n\n  const computedValue = getProp(model, props.prop)\n\n  // prevent validation from being triggered\n  isResettingField = true\n\n  computedValue.value = clone(initialValue)\n\n  await nextTick()\n  clearValidate()\n\n  isResettingField = false\n}\n\nconst addInputId: FormItemContext['addInputId'] = (id: string) => {\n  if (!inputIds.value.includes(id)) {\n    inputIds.value.push(id)\n  }\n}\n\nconst removeInputId: FormItemContext['removeInputId'] = (id: string) => {\n  inputIds.value = inputIds.value.filter((listId) => listId !== id)\n}\n\nwatch(\n  () => props.error,\n  (val) => {\n    validateMessage.value = val || ''\n    setValidationState(val ? 'error' : '')\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.validateStatus,\n  (val) => setValidationState(val || '')\n)\n\nconst context: FormItemContext = reactive({\n  ...toRefs(props),\n  $el: formItemRef,\n  size: _size,\n  validateState,\n  labelId,\n  inputIds,\n  isGroup,\n  hasLabel,\n  fieldValue,\n  addInputId,\n  removeInputId,\n  resetField,\n  clearValidate,\n  validate,\n})\n\nprovide(formItemContextKey, context)\n\nonMounted(() => {\n  if (props.prop) {\n    formContext?.addField(context)\n    initialValue = clone(fieldValue.value)\n  }\n})\n\nonBeforeUnmount(() => {\n  formContext?.removeField(context)\n})\n\ndefineExpose({\n  /**\n   * @description Form item size.\n   */\n  size: _size,\n  /**\n   * @description Validation message.\n   */\n  validateMessage,\n  /**\n   * @description Validation state.\n   */\n  validateState,\n  /**\n   * @description Validate form item.\n   */\n  validate,\n  /**\n   * @description Remove validation status of the field.\n   */\n  clearValidate,\n  /**\n   * @description Reset current field and remove validation result.\n   */\n  resetField,\n})\n</script>\n"],"names":["useSlots","inject","formContextKey","formItemContextKey","useFormSize","useNamespace","useId","ref","refDebounced","computed","addUnit","isBoolean","isString","getProp","ensureArray","isArray","trigger","AsyncValidator","isFunction","clone","nextTick","watch","reactive","toRefs","provide","onMounted","onBeforeUnmount","_openBlock","_createElementBlock","_normalizeClass","_unref","_createVNode","FormLabelWrap","_withCtx","_createBlock","_resolveDynamicComponent","_normalizeStyle","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"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"}

package/lib/packages/components/image-viewer/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var imageViewer$1 = require('./src/image-viewer2.js');
-var imageViewer = require('./src/image-viewer.js');
+var imageViewer$1 = require('./src/image-viewer.js');
+var imageViewer = require('./src/image-viewer2.js');
 var install = require('../../utils/vue/install.js');
 
 const ElImageViewer = install.withInstall(imageViewer$1["default"]);

package/lib/packages/components/image-viewer/src/image-viewer.js

@@ -2,58 +2,455 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
-var typescript = require('../../../utils/typescript.js');
-var types = require('../../../utils/types.js');
+var vue = require('vue');
+var core = require('@vueuse/core');
+var lodashUnified = require('lodash-unified');
+var focusTrap = require('../../focus-trap/src/focus-trap.js');
+var index$3 = require('../../teleport/index.js');
+var index$4 = require('../../icon/index.js');
+var iconsVue = require('@element-plus/icons-vue');
+var imageViewer = require('./image-viewer2.js');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-locale/index.js');
+var index$1 = require('../../../hooks/use-namespace/index.js');
+var index$2 = require('../../../hooks/use-z-index/index.js');
+var aria = require('../../../constants/aria.js');
+var objects = require('../../../utils/objects.js');
 
-const imageViewerProps = runtime.buildProps({
-  urlList: {
-    type: runtime.definePropType(Array),
-    default: () => typescript.mutable([])
-  },
-  zIndex: {
-    type: Number
-  },
-  initialIndex: {
-    type: Number,
-    default: 0
-  },
-  infinite: {
-    type: Boolean,
-    default: true
-  },
-  hideOnClickModal: Boolean,
-  teleported: Boolean,
-  closeOnPressEscape: {
-    type: Boolean,
-    default: true
-  },
-  zoomRate: {
-    type: Number,
-    default: 1.2
-  },
-  minScale: {
-    type: Number,
-    default: 0.2
-  },
-  maxScale: {
-    type: Number,
-    default: 7
-  },
-  showProgress: {
-    type: Boolean,
-    default: false
-  },
-  crossorigin: {
-    type: runtime.definePropType(String)
+const __default__ = vue.defineComponent({
+  name: "ElImageViewer"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: imageViewer.imageViewerProps,
+  emits: imageViewer.imageViewerEmits,
+  setup(__props, { expose, emit }) {
+    var _a;
+    const props = __props;
+    const modes = {
+      CONTAIN: {
+        name: "contain",
+        icon: vue.markRaw(iconsVue.FullScreen)
+      },
+      ORIGINAL: {
+        name: "original",
+        icon: vue.markRaw(iconsVue.ScaleToOriginal)
+      }
+    };
+    let stopWheelListener;
+    let prevOverflow = "";
+    const { t } = index.useLocale();
+    const ns = index$1.useNamespace("image-viewer");
+    const { nextZIndex } = index$2.useZIndex();
+    const wrapper = vue.ref();
+    const imgRefs = vue.ref([]);
+    const scopeEventListener = vue.effectScope();
+    const loading = vue.ref(true);
+    const activeIndex = vue.ref(props.initialIndex);
+    const mode = vue.shallowRef(modes.CONTAIN);
+    const transform = vue.ref({
+      scale: 1,
+      deg: 0,
+      offsetX: 0,
+      offsetY: 0,
+      enableTransition: false
+    });
+    const zIndex = vue.ref((_a = props.zIndex) != null ? _a : nextZIndex());
+    const isSingle = vue.computed(() => {
+      const { urlList } = props;
+      return urlList.length <= 1;
+    });
+    const isFirst = vue.computed(() => activeIndex.value === 0);
+    const isLast = vue.computed(() => activeIndex.value === props.urlList.length - 1);
+    const currentImg = vue.computed(() => props.urlList[activeIndex.value]);
+    const arrowPrevKls = vue.computed(() => [
+      ns.e("btn"),
+      ns.e("prev"),
+      ns.is("disabled", !props.infinite && isFirst.value)
+    ]);
+    const arrowNextKls = vue.computed(() => [
+      ns.e("btn"),
+      ns.e("next"),
+      ns.is("disabled", !props.infinite && isLast.value)
+    ]);
+    const imgStyle = vue.computed(() => {
+      const { scale, deg, offsetX, offsetY, enableTransition } = transform.value;
+      let translateX = offsetX / scale;
+      let translateY = offsetY / scale;
+      const radian = deg * Math.PI / 180;
+      const cosRadian = Math.cos(radian);
+      const sinRadian = Math.sin(radian);
+      translateX = translateX * cosRadian + translateY * sinRadian;
+      translateY = translateY * cosRadian - offsetX / scale * sinRadian;
+      const style = {
+        transform: `scale(${scale}) rotate(${deg}deg) translate(${translateX}px, ${translateY}px)`,
+        transition: enableTransition ? "transform .3s" : ""
+      };
+      if (mode.value.name === modes.CONTAIN.name) {
+        style.maxWidth = style.maxHeight = "100%";
+      }
+      return style;
+    });
+    const progress = vue.computed(() => `${activeIndex.value + 1} / ${props.urlList.length}`);
+    function hide() {
+      unregisterEventListener();
+      stopWheelListener == null ? void 0 : stopWheelListener();
+      document.body.style.overflow = prevOverflow;
+      emit("close");
+    }
+    function registerEventListener() {
+      const keydownHandler = lodashUnified.throttle((e) => {
+        switch (e.code) {
+          case aria.EVENT_CODE.esc:
+            props.closeOnPressEscape && hide();
+            break;
+          case aria.EVENT_CODE.space:
+            toggleMode();
+            break;
+          case aria.EVENT_CODE.left:
+            prev();
+            break;
+          case aria.EVENT_CODE.up:
+            handleActions("zoomIn");
+            break;
+          case aria.EVENT_CODE.right:
+            next();
+            break;
+          case aria.EVENT_CODE.down:
+            handleActions("zoomOut");
+            break;
+        }
+      });
+      const mousewheelHandler = lodashUnified.throttle((e) => {
+        const delta = e.deltaY || e.deltaX;
+        handleActions(delta < 0 ? "zoomIn" : "zoomOut", {
+          zoomRate: props.zoomRate,
+          enableTransition: false
+        });
+      });
+      scopeEventListener.run(() => {
+        core.useEventListener(document, "keydown", keydownHandler);
+        core.useEventListener(document, "wheel", mousewheelHandler);
+      });
+    }
+    function unregisterEventListener() {
+      scopeEventListener.stop();
+    }
+    function handleImgLoad() {
+      loading.value = false;
+    }
+    function handleImgError(e) {
+      loading.value = false;
+      e.target.alt = t("el.image.error");
+    }
+    function handleMouseDown(e) {
+      if (loading.value || e.button !== 0 || !wrapper.value)
+        return;
+      transform.value.enableTransition = false;
+      const { offsetX, offsetY } = transform.value;
+      const startX = e.pageX;
+      const startY = e.pageY;
+      const dragHandler = lodashUnified.throttle((ev) => {
+        transform.value = {
+          ...transform.value,
+          offsetX: offsetX + ev.pageX - startX,
+          offsetY: offsetY + ev.pageY - startY
+        };
+      });
+      const removeMousemove = core.useEventListener(document, "mousemove", dragHandler);
+      core.useEventListener(document, "mouseup", () => {
+        removeMousemove();
+      });
+      e.preventDefault();
+    }
+    function reset() {
+      transform.value = {
+        scale: 1,
+        deg: 0,
+        offsetX: 0,
+        offsetY: 0,
+        enableTransition: false
+      };
+    }
+    function toggleMode() {
+      if (loading.value)
+        return;
+      const modeNames = objects.keysOf(modes);
+      const modeValues = Object.values(modes);
+      const currentMode = mode.value.name;
+      const index = modeValues.findIndex((i) => i.name === currentMode);
+      const nextIndex = (index + 1) % modeNames.length;
+      mode.value = modes[modeNames[nextIndex]];
+      reset();
+    }
+    function setActiveItem(index) {
+      const len = props.urlList.length;
+      activeIndex.value = (index + len) % len;
+    }
+    function prev() {
+      if (isFirst.value && !props.infinite)
+        return;
+      setActiveItem(activeIndex.value - 1);
+    }
+    function next() {
+      if (isLast.value && !props.infinite)
+        return;
+      setActiveItem(activeIndex.value + 1);
+    }
+    function handleActions(action, options = {}) {
+      if (loading.value)
+        return;
+      const { minScale, maxScale } = props;
+      const { zoomRate, rotateDeg, enableTransition } = {
+        zoomRate: props.zoomRate,
+        rotateDeg: 90,
+        enableTransition: true,
+        ...options
+      };
+      switch (action) {
+        case "zoomOut":
+          if (transform.value.scale > minScale) {
+            transform.value.scale = Number.parseFloat((transform.value.scale / zoomRate).toFixed(3));
+          }
+          break;
+        case "zoomIn":
+          if (transform.value.scale < maxScale) {
+            transform.value.scale = Number.parseFloat((transform.value.scale * zoomRate).toFixed(3));
+          }
+          break;
+        case "clockwise":
+          transform.value.deg += rotateDeg;
+          emit("rotate", transform.value.deg);
+          break;
+        case "anticlockwise":
+          transform.value.deg -= rotateDeg;
+          emit("rotate", transform.value.deg);
+          break;
+      }
+      transform.value.enableTransition = enableTransition;
+    }
+    function onFocusoutPrevented(event) {
+      var _a2;
+      if (((_a2 = event.detail) == null ? void 0 : _a2.focusReason) === "pointer") {
+        event.preventDefault();
+      }
+    }
+    function onCloseRequested() {
+      if (props.closeOnPressEscape) {
+        hide();
+      }
+    }
+    function wheelHandler(e) {
+      if (!e.ctrlKey)
+        return;
+      if (e.deltaY < 0) {
+        e.preventDefault();
+        return false;
+      } else if (e.deltaY > 0) {
+        e.preventDefault();
+        return false;
+      }
+    }
+    vue.watch(currentImg, () => {
+      vue.nextTick(() => {
+        const $img = imgRefs.value[0];
+        if (!($img == null ? void 0 : $img.complete)) {
+          loading.value = true;
+        }
+      });
+    });
+    vue.watch(activeIndex, (val) => {
+      reset();
+      emit("switch", val);
+    });
+    vue.onMounted(() => {
+      registerEventListener();
+      stopWheelListener = core.useEventListener("wheel", wheelHandler, {
+        passive: false
+      });
+      prevOverflow = document.body.style.overflow;
+      document.body.style.overflow = "hidden";
+    });
+    expose({
+      setActiveItem
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.ElTeleport), {
+        to: "body",
+        disabled: !_ctx.teleported
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.Transition, {
+            name: "viewer-fade",
+            appear: ""
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", {
+                ref_key: "wrapper",
+                ref: wrapper,
+                tabindex: -1,
+                class: vue.normalizeClass(vue.unref(ns).e("wrapper")),
+                style: vue.normalizeStyle({ zIndex: zIndex.value })
+              }, [
+                vue.createVNode(vue.unref(focusTrap["default"]), {
+                  loop: "",
+                  trapped: "",
+                  "focus-trap-el": wrapper.value,
+                  "focus-start-el": "container",
+                  onFocusoutPrevented,
+                  onReleaseRequested: onCloseRequested
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createElementVNode("div", {
+                      class: vue.normalizeClass(vue.unref(ns).e("mask")),
+                      onClick: vue.withModifiers(($event) => _ctx.hideOnClickModal && hide(), ["self"])
+                    }, null, 10, ["onClick"]),
+                    vue.createCommentVNode(" CLOSE "),
+                    vue.createElementVNode("span", {
+                      class: vue.normalizeClass([vue.unref(ns).e("btn"), vue.unref(ns).e("close")]),
+                      onClick: hide
+                    }, [
+                      vue.createVNode(vue.unref(index$4.ElIcon), null, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(iconsVue.Close))
+                        ]),
+                        _: 1
+                      })
+                    ], 2),
+                    vue.createCommentVNode(" ARROW "),
+                    !vue.unref(isSingle) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                      vue.createElementVNode("span", {
+                        class: vue.normalizeClass(vue.unref(arrowPrevKls)),
+                        onClick: prev
+                      }, [
+                        vue.createVNode(vue.unref(index$4.ElIcon), null, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(iconsVue.ArrowLeft))
+                          ]),
+                          _: 1
+                        })
+                      ], 2),
+                      vue.createElementVNode("span", {
+                        class: vue.normalizeClass(vue.unref(arrowNextKls)),
+                        onClick: next
+                      }, [
+                        vue.createVNode(vue.unref(index$4.ElIcon), null, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(iconsVue.ArrowRight))
+                          ]),
+                          _: 1
+                        })
+                      ], 2)
+                    ], 64)) : vue.createCommentVNode("v-if", true),
+                    _ctx.showProgress ? (vue.openBlock(), vue.createElementBlock("div", {
+                      key: 1,
+                      class: vue.normalizeClass([vue.unref(ns).e("btn"), vue.unref(ns).e("progress")])
+                    }, [
+                      vue.renderSlot(_ctx.$slots, "progress", {
+                        activeIndex: activeIndex.value,
+                        total: _ctx.urlList.length
+                      }, () => [
+                        vue.createTextVNode(vue.toDisplayString(vue.unref(progress)), 1)
+                      ])
+                    ], 2)) : vue.createCommentVNode("v-if", true),
+                    vue.createCommentVNode(" ACTIONS "),
+                    vue.createElementVNode("div", {
+                      class: vue.normalizeClass([vue.unref(ns).e("btn"), vue.unref(ns).e("actions")])
+                    }, [
+                      vue.createElementVNode("div", {
+                        class: vue.normalizeClass(vue.unref(ns).e("actions__inner"))
+                      }, [
+                        vue.renderSlot(_ctx.$slots, "toolbar", {
+                          actions: handleActions,
+                          prev,
+                          next,
+                          reset: toggleMode,
+                          activeIndex: activeIndex.value,
+                          setActiveItem
+                        }, () => [
+                          vue.createVNode(vue.unref(index$4.ElIcon), {
+                            onClick: ($event) => handleActions("zoomOut")
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(iconsVue.ZoomOut))
+                            ]),
+                            _: 1
+                          }, 8, ["onClick"]),
+                          vue.createVNode(vue.unref(index$4.ElIcon), {
+                            onClick: ($event) => handleActions("zoomIn")
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(iconsVue.ZoomIn))
+                            ]),
+                            _: 1
+                          }, 8, ["onClick"]),
+                          vue.createElementVNode("i", {
+                            class: vue.normalizeClass(vue.unref(ns).e("actions__divider"))
+                          }, null, 2),
+                          vue.createVNode(vue.unref(index$4.ElIcon), { onClick: toggleMode }, {
+                            default: vue.withCtx(() => [
+                              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(mode).icon)))
+                            ]),
+                            _: 1
+                          }),
+                          vue.createElementVNode("i", {
+                            class: vue.normalizeClass(vue.unref(ns).e("actions__divider"))
+                          }, null, 2),
+                          vue.createVNode(vue.unref(index$4.ElIcon), {
+                            onClick: ($event) => handleActions("anticlockwise")
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(iconsVue.RefreshLeft))
+                            ]),
+                            _: 1
+                          }, 8, ["onClick"]),
+                          vue.createVNode(vue.unref(index$4.ElIcon), {
+                            onClick: ($event) => handleActions("clockwise")
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(iconsVue.RefreshRight))
+                            ]),
+                            _: 1
+                          }, 8, ["onClick"])
+                        ])
+                      ], 2)
+                    ], 2),
+                    vue.createCommentVNode(" CANVAS "),
+                    vue.createElementVNode("div", {
+                      class: vue.normalizeClass(vue.unref(ns).e("canvas"))
+                    }, [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.urlList, (url, i) => {
+                        return vue.withDirectives((vue.openBlock(), vue.createElementBlock("img", {
+                          ref_for: true,
+                          ref: (el) => imgRefs.value[i] = el,
+                          key: url,
+                          src: url,
+                          style: vue.normalizeStyle(vue.unref(imgStyle)),
+                          class: vue.normalizeClass(vue.unref(ns).e("img")),
+                          crossorigin: _ctx.crossorigin,
+                          onLoad: handleImgLoad,
+                          onError: handleImgError,
+                          onMousedown: handleMouseDown
+                        }, null, 46, ["src", "crossorigin"])), [
+                          [vue.vShow, i === activeIndex.value]
+                        ]);
+                      }), 128))
+                    ], 2),
+                    vue.renderSlot(_ctx.$slots, "default")
+                  ]),
+                  _: 3
+                }, 8, ["focus-trap-el"])
+              ], 6)
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["disabled"]);
+    };
   }
 });
-const imageViewerEmits = {
-  close: () => true,
-  switch: (index) => types.isNumber(index),
-  rotate: (deg) => types.isNumber(deg)
-};
+var ImageViewer = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "image-viewer.vue"]]);
 
-exports.imageViewerEmits = imageViewerEmits;
-exports.imageViewerProps = imageViewerProps;
+exports["default"] = ImageViewer;
 //# sourceMappingURL=image-viewer.js.map