@element-plus/nightly 0.0.20220119 → 0.0.20220123

package/lib/components/form/src/form.js

@@ -2,11 +2,215 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var form_vue_vue_type_script_lang = require('./form.vue_vue_type_script_lang.js');
-var form_vue_vue_type_template_id_602d6cf6_lang = require('./form.vue_vue_type_template_id_602d6cf6_lang.js');
+var vue = require('vue');
+require('../../../tokens/index.js');
+var error = require('../../../utils/error.js');
+require('../../../hooks/index.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-common-props/index.js');
+var form = require('../../../tokens/form.js');
 
-form_vue_vue_type_script_lang["default"].render = form_vue_vue_type_template_id_602d6cf6_lang.render;
-form_vue_vue_type_script_lang["default"].__file = "packages/components/form/src/form.vue";
+function useFormLabelWidth() {
+  const potentialLabelWidthArr = vue.ref([]);
+  const autoLabelWidth = vue.computed(() => {
+    if (!potentialLabelWidthArr.value.length)
+      return "0";
+    const max = Math.max(...potentialLabelWidthArr.value);
+    return max ? `${max}px` : "";
+  });
+  function getLabelWidthIndex(width) {
+    const index = potentialLabelWidthArr.value.indexOf(width);
+    if (index === -1) {
+      error.debugWarn("Form", `unexpected width ${width}`);
+    }
+    return index;
+  }
+  function registerLabelWidth(val, oldVal) {
+    if (val && oldVal) {
+      const index = getLabelWidthIndex(oldVal);
+      potentialLabelWidthArr.value.splice(index, 1, val);
+    } else if (val) {
+      potentialLabelWidthArr.value.push(val);
+    }
+  }
+  function deregisterLabelWidth(val) {
+    const index = getLabelWidthIndex(val);
+    index > -1 && potentialLabelWidthArr.value.splice(index, 1);
+  }
+  return {
+    autoLabelWidth,
+    registerLabelWidth,
+    deregisterLabelWidth
+  };
+}
+const _sfc_main = vue.defineComponent({
+  name: "ElForm",
+  props: {
+    model: Object,
+    rules: Object,
+    labelPosition: String,
+    labelWidth: {
+      type: [String, Number],
+      default: ""
+    },
+    labelSuffix: {
+      type: String,
+      default: ""
+    },
+    inline: Boolean,
+    inlineMessage: Boolean,
+    statusIcon: Boolean,
+    showMessage: {
+      type: Boolean,
+      default: true
+    },
+    size: String,
+    disabled: Boolean,
+    validateOnRuleChange: {
+      type: Boolean,
+      default: true
+    },
+    hideRequiredAsterisk: {
+      type: Boolean,
+      default: false
+    },
+    scrollToError: Boolean
+  },
+  emits: ["validate"],
+  setup(props, { emit }) {
+    const fields = [];
+    vue.watch(() => props.rules, () => {
+      fields.forEach((field) => {
+        field.evaluateValidationEnabled();
+      });
+      if (props.validateOnRuleChange) {
+        validate(() => ({}));
+      }
+    });
+    const formSize = index.useSize();
+    const prefix = "el-form";
+    const formKls = vue.computed(() => {
+      const { labelPosition, inline } = props;
+      return [
+        prefix,
+        `${prefix}--${formSize.value}`,
+        labelPosition ? `${prefix}--label-${labelPosition}` : "",
+        inline ? `${prefix}--inline` : ""
+      ];
+    });
+    const addField = (field) => {
+      if (field) {
+        fields.push(field);
+      }
+    };
+    const removeField = (field) => {
+      if (field.prop) {
+        fields.splice(fields.indexOf(field), 1);
+      }
+    };
+    const resetFields = () => {
+      if (!props.model) {
+        error.debugWarn("Form", "model is required for resetFields to work.");
+        return;
+      }
+      fields.forEach((field) => {
+        field.resetField();
+      });
+    };
+    const clearValidate = (props2 = []) => {
+      const fds = props2.length ? typeof props2 === "string" ? fields.filter((field) => props2 === field.prop) : fields.filter((field) => props2.indexOf(field.prop) > -1) : fields;
+      fds.forEach((field) => {
+        field.clearValidate();
+      });
+    };
+    const validate = (callback) => {
+      if (!props.model) {
+        error.debugWarn("Form", "model is required for validate to work!");
+        return;
+      }
+      let promise;
+      if (typeof callback !== "function") {
+        promise = new Promise((resolve, reject) => {
+          callback = function(valid2, invalidFields2) {
+            if (valid2) {
+              resolve(true);
+            } else {
+              reject(invalidFields2);
+            }
+          };
+        });
+      }
+      if (fields.length === 0) {
+        callback(true);
+      }
+      let valid = true;
+      let count = 0;
+      let invalidFields = {};
+      let firstInvalidFields;
+      for (const field of fields) {
+        field.validate("", (message, field2) => {
+          if (message) {
+            valid = false;
+            firstInvalidFields || (firstInvalidFields = field2);
+          }
+          invalidFields = { ...invalidFields, ...field2 };
+          if (++count === fields.length) {
+            callback(valid, invalidFields);
+          }
+        });
+      }
+      if (!valid && props.scrollToError) {
+        scrollToField(Object.keys(firstInvalidFields)[0]);
+      }
+      return promise;
+    };
+    const validateField = (props2, cb) => {
+      props2 = [].concat(props2);
+      const fds = fields.filter((field) => props2.indexOf(field.prop) !== -1);
+      if (!fields.length) {
+        error.debugWarn("Form", "please pass correct props!");
+        return;
+      }
+      fds.forEach((field) => {
+        field.validate("", cb);
+      });
+    };
+    const scrollToField = (prop) => {
+      fields.forEach((item) => {
+        if (item.prop === prop) {
+          item.$el.scrollIntoView();
+        }
+      });
+    };
+    const elForm = vue.reactive({
+      ...vue.toRefs(props),
+      resetFields,
+      clearValidate,
+      validateField,
+      emit,
+      addField,
+      removeField,
+      ...useFormLabelWidth()
+    });
+    vue.provide(form.elFormKey, elForm);
+    return {
+      formKls,
+      validate,
+      resetFields,
+      clearValidate,
+      validateField,
+      scrollToField
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("form", {
+    class: vue.normalizeClass(_ctx.formKls)
+  }, [
+    vue.renderSlot(_ctx.$slots, "default")
+  ], 2);
+}
+var Form = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = form_vue_vue_type_script_lang["default"];
+exports["default"] = Form;
 //# sourceMappingURL=form.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"form.js","sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <form :class=\"formKls\">\n    <slot></slot>\n  </form>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport { elFormKey } from '@element-plus/tokens'\nimport { debugWarn } from '@element-plus/utils/error'\nimport { useSize } from '@element-plus/hooks'\nimport type { ValidateFieldsError } from 'async-validator'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\nimport type { FormRulesMap } from './form.type'\nimport type {\n  ElFormItemContext as FormItemCtx,\n  ValidateFieldCallback,\n} from '@element-plus/tokens'\n\nfunction useFormLabelWidth() {\n  const potentialLabelWidthArr = ref([])\n  const autoLabelWidth = computed(() => {\n    if (!potentialLabelWidthArr.value.length) return '0'\n    const max = Math.max(...potentialLabelWidthArr.value)\n    return max ? `${max}px` : ''\n  })\n\n  function getLabelWidthIndex(width: number) {\n    const index = potentialLabelWidthArr.value.indexOf(width)\n    if (index === -1) {\n      debugWarn('Form', `unexpected width ${width}`)\n    }\n    return index\n  }\n\n  function registerLabelWidth(val: number, oldVal: number) {\n    if (val && oldVal) {\n      const index = getLabelWidthIndex(oldVal)\n      potentialLabelWidthArr.value.splice(index, 1, val)\n    } else if (val) {\n      potentialLabelWidthArr.value.push(val)\n    }\n  }\n\n  function deregisterLabelWidth(val: number) {\n    const index = getLabelWidthIndex(val)\n    index > -1 && potentialLabelWidthArr.value.splice(index, 1)\n  }\n\n  return {\n    autoLabelWidth,\n    registerLabelWidth,\n    deregisterLabelWidth,\n  }\n}\n\nexport interface Callback {\n  (isValid?: boolean, invalidFields?: ValidateFieldsError): void\n}\n\nexport default defineComponent({\n  name: 'ElForm',\n  props: {\n    model: Object,\n    rules: Object as PropType<FormRulesMap>,\n    labelPosition: String,\n    labelWidth: {\n      type: [String, Number],\n      default: '',\n    },\n    labelSuffix: {\n      type: String,\n      default: '',\n    },\n    inline: Boolean,\n    inlineMessage: Boolean,\n    statusIcon: Boolean,\n    showMessage: {\n      type: Boolean,\n      default: true,\n    },\n    size: String as PropType<ComponentSize>,\n    disabled: Boolean,\n    validateOnRuleChange: {\n      type: Boolean,\n      default: true,\n    },\n    hideRequiredAsterisk: {\n      type: Boolean,\n      default: false,\n    },\n    scrollToError: Boolean,\n  },\n  emits: ['validate'],\n  setup(props, { emit }) {\n    const fields: FormItemCtx[] = []\n\n    watch(\n      () => props.rules,\n      () => {\n        fields.forEach((field) => {\n          field.evaluateValidationEnabled()\n        })\n\n        if (props.validateOnRuleChange) {\n          validate(() => ({}))\n        }\n      }\n    )\n\n    const formSize = useSize()\n    const prefix = 'el-form'\n    const formKls = computed(() => {\n      const { labelPosition, inline } = props\n      return [\n        prefix,\n        `${prefix}--${formSize.value}`,\n        labelPosition ? `${prefix}--label-${labelPosition}` : '',\n        inline ? `${prefix}--inline` : '',\n      ]\n    })\n\n    const addField = (field: FormItemCtx) => {\n      if (field) {\n        fields.push(field)\n      }\n    }\n\n    const removeField = (field: FormItemCtx) => {\n      if (field.prop) {\n        fields.splice(fields.indexOf(field), 1)\n      }\n    }\n\n    const resetFields = () => {\n      if (!props.model) {\n        debugWarn('Form', 'model is required for resetFields to work.')\n        return\n      }\n      fields.forEach((field) => {\n        field.resetField()\n      })\n    }\n\n    const clearValidate = (props: string | string[] = []) => {\n      const fds = props.length\n        ? typeof props === 'string'\n          ? fields.filter((field) => props === field.prop)\n          : fields.filter((field) => props.indexOf(field.prop) > -1)\n        : fields\n      fds.forEach((field) => {\n        field.clearValidate()\n      })\n    }\n\n    const validate = (callback?: Callback) => {\n      if (!props.model) {\n        debugWarn('Form', 'model is required for validate to work!')\n        return\n      }\n\n      let promise: Promise<boolean> | undefined\n      // if no callback, return promise\n      if (typeof callback !== 'function') {\n        promise = new Promise((resolve, reject) => {\n          callback = function (valid, invalidFields) {\n            if (valid) {\n              resolve(true)\n            } else {\n              reject(invalidFields)\n            }\n          }\n        })\n      }\n\n      if (fields.length === 0) {\n        callback(true)\n      }\n      let valid = true\n      let count = 0\n      let invalidFields = {}\n      let firstInvalidFields\n      for (const field of fields) {\n        field.validate('', (message, field) => {\n          if (message) {\n            valid = false\n            firstInvalidFields || (firstInvalidFields = field)\n          }\n          invalidFields = { ...invalidFields, ...field }\n          if (++count === fields.length) {\n            callback(valid, invalidFields)\n          }\n        })\n      }\n      if (!valid && props.scrollToError) {\n        scrollToField(Object.keys(firstInvalidFields)[0])\n      }\n      return promise\n    }\n\n    const validateField = (\n      props: string | string[],\n      cb: ValidateFieldCallback\n    ) => {\n      props = [].concat(props)\n      const fds = fields.filter((field) => props.indexOf(field.prop) !== -1)\n      if (!fields.length) {\n        debugWarn('Form', 'please pass correct props!')\n        return\n      }\n\n      fds.forEach((field) => {\n        field.validate('', cb)\n      })\n    }\n\n    const scrollToField = (prop: string) => {\n      fields.forEach((item) => {\n        if (item.prop === prop) {\n          item.$el.scrollIntoView()\n        }\n      })\n    }\n\n    const elForm = reactive({\n      ...toRefs(props),\n      resetFields,\n      clearValidate,\n      validateField,\n      emit,\n      addField,\n      removeField,\n      ...useFormLabelWidth(),\n    })\n\n    provide(elFormKey, elForm)\n\n    return {\n      formKls,\n      validate, // export\n      resetFields,\n      clearValidate,\n      validateField,\n      scrollToField,\n    }\n  },\n})\n</script>\n"],"names":["ref","computed","defineComponent","useSize","reactive","toRefs","elFormKey","_openBlock"],"mappings":"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"}

package/lib/components/icon/index.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/icon2.js');
+var icon$1 = require('./src/icon2.js');
 var icon = require('./src/icon.js');
-var icon_vue_vue_type_script_lang = require('./src/icon.vue_vue_type_script_lang.js');
 
-const ElIcon = withInstall.withInstall(icon_vue_vue_type_script_lang["default"]);
+const ElIcon = withInstall.withInstall(icon$1["default"]);
 
 exports.iconProps = icon.iconProps;
 exports.ElIcon = ElIcon;

package/lib/components/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/icon/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\n\nimport Icon from './src/icon.vue'\n\nexport const ElIcon = withInstall(Icon)\nexport default ElIcon\n\nexport * from './src/icon'\n"],"names":["withInstall","Icon"],"mappings":";;;;;;;;;AAEY,MAAC,MAAM,GAAGA,uBAAW,CAACC,wCAAI;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/icon/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\n\nimport Icon from './src/icon.vue'\n\nexport const ElIcon = withInstall(Icon)\nexport default ElIcon\n\nexport * from './src/icon'\n"],"names":["withInstall","Icon"],"mappings":";;;;;;;;AAEY,MAAC,MAAM,GAAGA,uBAAW,CAACC,iBAAI;;;;;;"}

package/lib/components/icon/src/icon2.js

@@ -2,11 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var icon_vue_vue_type_script_lang = require('./icon.vue_vue_type_script_lang.js');
-var icon_vue_vue_type_template_id_89b755b6_lang = require('./icon.vue_vue_type_template_id_89b755b6_lang.js');
+var vue = require('vue');
+var util = require('../../../utils/util.js');
+require('../../../hooks/index.js');
+var icon = require('./icon.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-icon_vue_vue_type_script_lang["default"].render = icon_vue_vue_type_template_id_89b755b6_lang.render;
-icon_vue_vue_type_script_lang["default"].__file = "packages/components/icon/src/icon.vue";
+const _sfc_main = vue.defineComponent({
+  name: "ElIcon",
+  inheritAttrs: false,
+  props: icon.iconProps,
+  setup(props) {
+    const ns = index.useNamespace("icon");
+    const style = vue.computed(() => {
+      if (!props.size && !props.color)
+        return {};
+      return {
+        fontSize: util.isUndefined(props.size) ? void 0 : util.addUnit(props.size),
+        "--color": props.color
+      };
+    });
+    return {
+      ns,
+      style
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("i", vue.mergeProps({
+    class: _ctx.ns.b(),
+    style: _ctx.style
+  }, _ctx.$attrs), [
+    vue.renderSlot(_ctx.$slots, "default")
+  ], 16);
+}
+var Icon = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = icon_vue_vue_type_script_lang["default"];
+exports["default"] = Icon;
 //# sourceMappingURL=icon2.js.map

package/lib/components/icon/src/icon2.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"icon2.js","sources":["../../../../../../packages/components/icon/src/icon.vue"],"sourcesContent":["<template>\n  <i :class=\"ns.b()\" :style=\"style\" v-bind=\"$attrs\">\n    <slot></slot>\n  </i>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { addUnit, isUndefined } from '@element-plus/utils/util'\nimport { useNamespace } from '@element-plus/hooks'\nimport { iconProps } from './icon'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElIcon',\n  inheritAttrs: false,\n\n  props: iconProps,\n\n  setup(props) {\n    const ns = useNamespace('icon')\n\n    const style = computed<CSSProperties>(() => {\n      if (!props.size && !props.color) return {}\n\n      return {\n        fontSize: isUndefined(props.size) ? undefined : addUnit(props.size),\n        '--color': props.color,\n      }\n    })\n\n    return {\n      ns,\n      style,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","iconProps","useNamespace","computed","isUndefined","addUnit","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;AAcA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,cAAc;AAAA,EAEd,OAAOC;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,KAAKC,mBAAa;AAExB,UAAM,QAAQC,aAAwB,MAAM;AAC1C,UAAI,CAAC,MAAM,QAAQ,CAAC,MAAM;AAAO,eAAO;AAExC,aAAO;AAAA,QACL,UAAUC,iBAAY,MAAM,QAAQ,SAAYC,aAAQ,MAAM;AAAA,QAC9D,WAAW,MAAM;AAAA;AAAA;AAIrB,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;2BAjCJ,yCAEI;SAFKC,iBAAMC;AAAA,IAAK,OAAO;AAAA,WAAe,KAAM;AAAA,KAC9C,cAAa;AAAA;;;;;;;"}

package/lib/components/image/index.d.ts

@@ -18,6 +18,17 @@ export declare const ElImage: import("../../utils/types").SFCWithInstall<import(
     preview: import("vue").ComputedRef<boolean>;
     imageIndex: import("vue").ComputedRef<number>;
     container: import("vue").Ref<HTMLElement | undefined>;
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
     clickHandler: () => void;
     closeViewer: () => void;
     switchViewer: (val: number) => void;

package/lib/components/image/index.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/image2.js');
+var image$1 = require('./src/image2.js');
 var image = require('./src/image.js');
-var image_vue_vue_type_script_lang = require('./src/image.vue_vue_type_script_lang.js');
 
-const ElImage = withInstall.withInstall(image_vue_vue_type_script_lang["default"]);
+const ElImage = withInstall.withInstall(image$1["default"]);
 
 exports.imageEmits = image.imageEmits;
 exports.imageProps = image.imageProps;

package/lib/components/image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/image/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\n\nimport Image from './src/image.vue'\n\nexport const ElImage = withInstall(Image)\nexport default ElImage\n\nexport * from './src/image'\n"],"names":["withInstall","Image"],"mappings":";;;;;;;;;AAEY,MAAC,OAAO,GAAGA,uBAAW,CAACC,yCAAK;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/image/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\n\nimport Image from './src/image.vue'\n\nexport const ElImage = withInstall(Image)\nexport default ElImage\n\nexport * from './src/image'\n"],"names":["withInstall","Image"],"mappings":";;;;;;;;AAEY,MAAC,OAAO,GAAGA,uBAAW,CAACC,kBAAK;;;;;;;"}

package/lib/components/image/src/image.vue.d.ts

@@ -19,6 +19,17 @@ declare const _default: import("vue").DefineComponent<{
     preview: import("vue").ComputedRef<boolean>;
     imageIndex: import("vue").ComputedRef<number>;
     container: import("vue").Ref<HTMLElement | undefined>;
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
     clickHandler: () => void;
     closeViewer: () => void;
     switchViewer: (val: number) => void;

package/lib/components/image/src/image2.js

@@ -2,11 +2,243 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var image_vue_vue_type_script_lang = require('./image.vue_vue_type_script_lang.js');
-var image_vue_vue_type_template_id_34467287_lang = require('./image.vue_vue_type_template_id_34467287_lang.js');
+var vue = require('vue');
+var shared = require('@vue/shared');
+var core = require('@vueuse/core');
+require('../../../hooks/index.js');
+var index = require('../../image-viewer/index.js');
+var dom = require('../../../utils/dom.js');
+var image = require('./image.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index$1 = require('../../../hooks/use-locale/index.js');
+var index$2 = require('../../../hooks/use-namespace/index.js');
+var index$3 = require('../../../hooks/use-attrs/index.js');
 
-image_vue_vue_type_script_lang["default"].render = image_vue_vue_type_template_id_34467287_lang.render;
-image_vue_vue_type_script_lang["default"].__file = "packages/components/image/src/image.vue";
+const isHtmlElement = (e) => e && e.nodeType === Node.ELEMENT_NODE;
+let prevOverflow = "";
+const _sfc_main = vue.defineComponent({
+  name: "ElImage",
+  components: {
+    ImageViewer: index.ElImageViewer
+  },
+  inheritAttrs: false,
+  props: image.imageProps,
+  emits: image.imageEmits,
+  setup(props, { emit, attrs: rawAttrs }) {
+    const { t } = index$1.useLocale();
+    const ns = index$2.useNamespace("image");
+    const attrs = index$3.useAttrs();
+    const hasLoadError = vue.ref(false);
+    const loading = vue.ref(true);
+    const imgWidth = vue.ref(0);
+    const imgHeight = vue.ref(0);
+    const showViewer = vue.ref(false);
+    const container = vue.ref();
+    const _scrollContainer = vue.ref();
+    let stopScrollListener;
+    let stopWheelListener;
+    const containerStyle = vue.computed(() => rawAttrs.style);
+    const imageStyle = vue.computed(() => {
+      const { fit } = props;
+      if (core.isClient && fit) {
+        return { objectFit: fit };
+      }
+      return {};
+    });
+    const preview = vue.computed(() => {
+      const { previewSrcList } = props;
+      return Array.isArray(previewSrcList) && previewSrcList.length > 0;
+    });
+    const imageIndex = vue.computed(() => {
+      const { src, previewSrcList, initialIndex } = props;
+      let previewIndex = initialIndex;
+      const srcIndex = previewSrcList.indexOf(src);
+      if (srcIndex >= 0) {
+        previewIndex = srcIndex;
+      }
+      return previewIndex;
+    });
+    const loadImage = () => {
+      if (!core.isClient)
+        return;
+      loading.value = true;
+      hasLoadError.value = false;
+      const img = new Image();
+      const currentImageSrc = props.src;
+      img.addEventListener("load", (e) => {
+        if (currentImageSrc !== props.src) {
+          return;
+        }
+        handleLoad(e, img);
+      });
+      img.addEventListener("error", (e) => {
+        if (currentImageSrc !== props.src) {
+          return;
+        }
+        handleError(e);
+      });
+      Object.entries(attrs.value).forEach(([key, value]) => {
+        if (key.toLowerCase() === "onload")
+          return;
+        img.setAttribute(key, value);
+      });
+      img.src = currentImageSrc;
+    };
+    function handleLoad(e, img) {
+      imgWidth.value = img.width;
+      imgHeight.value = img.height;
+      loading.value = false;
+      hasLoadError.value = false;
+    }
+    function handleError(event) {
+      loading.value = false;
+      hasLoadError.value = true;
+      emit("error", event);
+    }
+    function handleLazyLoad() {
+      if (dom.isInContainer(container.value, _scrollContainer.value)) {
+        loadImage();
+        removeLazyLoadListener();
+      }
+    }
+    const lazyLoadHandler = core.useThrottleFn(handleLazyLoad, 200);
+    async function addLazyLoadListener() {
+      if (!core.isClient)
+        return;
+      await vue.nextTick();
+      const { scrollContainer } = props;
+      if (isHtmlElement(scrollContainer)) {
+        _scrollContainer.value = scrollContainer;
+      } else if (shared.isString(scrollContainer) && scrollContainer !== "") {
+        _scrollContainer.value = document.querySelector(scrollContainer) ?? void 0;
+      } else if (container.value) {
+        _scrollContainer.value = dom.getScrollContainer(container.value);
+      }
+      if (_scrollContainer.value) {
+        stopScrollListener = core.useEventListener(_scrollContainer, "scroll", lazyLoadHandler);
+        setTimeout(() => handleLazyLoad(), 100);
+      }
+    }
+    function removeLazyLoadListener() {
+      if (!core.isClient || !_scrollContainer.value || !lazyLoadHandler)
+        return;
+      stopScrollListener();
+      _scrollContainer.value = void 0;
+    }
+    function wheelHandler(e) {
+      if (!e.ctrlKey)
+        return;
+      if (e.deltaY < 0) {
+        e.preventDefault();
+        return false;
+      } else if (e.deltaY > 0) {
+        e.preventDefault();
+        return false;
+      }
+    }
+    function clickHandler() {
+      if (!preview.value)
+        return;
+      stopWheelListener = core.useEventListener("wheel", wheelHandler, {
+        passive: false
+      });
+      prevOverflow = document.body.style.overflow;
+      document.body.style.overflow = "hidden";
+      showViewer.value = true;
+    }
+    function closeViewer() {
+      stopWheelListener?.();
+      document.body.style.overflow = prevOverflow;
+      showViewer.value = false;
+      emit("close");
+    }
+    function switchViewer(val) {
+      emit("switch", val);
+    }
+    vue.watch(() => props.src, () => {
+      if (props.lazy) {
+        loading.value = true;
+        hasLoadError.value = false;
+        removeLazyLoadListener();
+        addLazyLoadListener();
+      } else {
+        loadImage();
+      }
+    });
+    vue.onMounted(() => {
+      if (props.lazy) {
+        addLazyLoadListener();
+      } else {
+        loadImage();
+      }
+    });
+    return {
+      attrs,
+      loading,
+      hasLoadError,
+      showViewer,
+      containerStyle,
+      imageStyle,
+      preview,
+      imageIndex,
+      container,
+      ns,
+      clickHandler,
+      closeViewer,
+      switchViewer,
+      t
+    };
+  }
+});
+const _hoisted_1 = ["src"];
+const _hoisted_2 = { key: 0 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_image_viewer = vue.resolveComponent("image-viewer");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    ref: "container",
+    class: vue.normalizeClass([_ctx.ns.b(), _ctx.$attrs.class]),
+    style: vue.normalizeStyle(_ctx.containerStyle)
+  }, [
+    _ctx.loading ? vue.renderSlot(_ctx.$slots, "placeholder", { key: 0 }, () => [
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(_ctx.ns.e("placeholder"))
+      }, null, 2)
+    ]) : _ctx.hasLoadError ? vue.renderSlot(_ctx.$slots, "error", { key: 1 }, () => [
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(_ctx.ns.e("error"))
+      }, vue.toDisplayString(_ctx.t("el.image.error")), 3)
+    ]) : (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({ key: 2 }, _ctx.attrs, {
+      src: _ctx.src,
+      style: _ctx.imageStyle,
+      class: [_ctx.ns.e("inner"), _ctx.preview ? _ctx.ns.e("preview") : ""],
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clickHandler && _ctx.clickHandler(...args))
+    }), null, 16, _hoisted_1)),
+    (vue.openBlock(), vue.createBlock(vue.Teleport, {
+      to: "body",
+      disabled: !_ctx.appendToBody
+    }, [
+      _ctx.preview ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+        _ctx.showViewer ? (vue.openBlock(), vue.createBlock(_component_image_viewer, {
+          key: 0,
+          "z-index": _ctx.zIndex,
+          "initial-index": _ctx.imageIndex,
+          "url-list": _ctx.previewSrcList,
+          "hide-on-click-modal": _ctx.hideOnClickModal,
+          onClose: _ctx.closeViewer,
+          onSwitch: _ctx.switchViewer
+        }, {
+          default: vue.withCtx(() => [
+            _ctx.$slots.viewer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+              vue.renderSlot(_ctx.$slots, "viewer")
+            ])) : vue.createCommentVNode("v-if", true)
+          ]),
+          _: 3
+        }, 8, ["z-index", "initial-index", "url-list", "hide-on-click-modal", "onClose", "onSwitch"])) : vue.createCommentVNode("v-if", true)
+      ], 2112)) : vue.createCommentVNode("v-if", true)
+    ], 8, ["disabled"]))
+  ], 6);
+}
+var Image$1 = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = image_vue_vue_type_script_lang["default"];
+exports["default"] = Image$1;
 //# sourceMappingURL=image2.js.map

package/lib/components/image/src/image2.js.map

@@ -1 +1 @@
-{"version":3,"file":"image2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"image2.js","sources":["../../../../../../packages/components/image/src/image.vue"],"sourcesContent":["<template>\n  <div ref=\"container\" :class=\"[ns.b(), $attrs.class]\" :style=\"containerStyle\">\n    <slot v-if=\"loading\" name=\"placeholder\">\n      <div :class=\"ns.e('placeholder')\"></div>\n    </slot>\n    <slot v-else-if=\"hasLoadError\" name=\"error\">\n      <div :class=\"ns.e('error')\">{{ t('el.image.error') }}</div>\n    </slot>\n    <img\n      v-else\n      v-bind=\"attrs\"\n      :src=\"src\"\n      :style=\"imageStyle\"\n      :class=\"[ns.e('inner'), preview ? ns.e('preview') : '']\"\n      @click=\"clickHandler\"\n    />\n    <teleport to=\"body\" :disabled=\"!appendToBody\">\n      <template v-if=\"preview\">\n        <image-viewer\n          v-if=\"showViewer\"\n          :z-index=\"zIndex\"\n          :initial-index=\"imageIndex\"\n          :url-list=\"previewSrcList\"\n          :hide-on-click-modal=\"hideOnClickModal\"\n          @close=\"closeViewer\"\n          @switch=\"switchViewer\"\n        >\n          <div v-if=\"$slots.viewer\">\n            <slot name=\"viewer\" />\n          </div>\n        </image-viewer>\n      </template>\n    </teleport>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, onMounted, watch, nextTick } from 'vue'\nimport { isString } from '@vue/shared'\nimport { useEventListener, useThrottleFn, isClient } from '@vueuse/core'\nimport { useAttrs, useLocale, useNamespace } from '@element-plus/hooks'\nimport ImageViewer from '@element-plus/components/image-viewer'\nimport { getScrollContainer, isInContainer } from '@element-plus/utils/dom'\nimport { imageEmits, imageProps } from './image'\n\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst isHtmlElement = (e: any): e is Element =>\n  e && e.nodeType === Node.ELEMENT_NODE\n\nlet prevOverflow = ''\n\nexport default defineComponent({\n  name: 'ElImage',\n  components: {\n    ImageViewer,\n  },\n  inheritAttrs: false,\n\n  props: imageProps,\n  emits: imageEmits,\n\n  setup(props, { emit, attrs: rawAttrs }) {\n    const { t } = useLocale()\n    const ns = useNamespace('image')\n\n    const attrs = useAttrs()\n    const hasLoadError = ref(false)\n    const loading = ref(true)\n    const imgWidth = ref(0)\n    const imgHeight = ref(0)\n    const showViewer = ref(false)\n    const container = ref<HTMLElement>()\n\n    const _scrollContainer = ref<HTMLElement | Window>()\n    let stopScrollListener: () => void\n    let stopWheelListener: () => void\n\n    const containerStyle = computed(() => rawAttrs.style as StyleValue)\n\n    const imageStyle = computed<CSSProperties>(() => {\n      const { fit } = props\n      if (isClient && fit) {\n        return { objectFit: fit }\n      }\n      return {}\n    })\n\n    const preview = computed(() => {\n      const { previewSrcList } = props\n      return Array.isArray(previewSrcList) && previewSrcList.length > 0\n    })\n\n    const imageIndex = computed(() => {\n      const { src, previewSrcList, initialIndex } = props\n      let previewIndex = initialIndex\n      const srcIndex = previewSrcList.indexOf(src)\n      if (srcIndex >= 0) {\n        previewIndex = srcIndex\n      }\n      return previewIndex\n    })\n\n    const loadImage = () => {\n      if (!isClient) return\n\n      // reset status\n      loading.value = true\n      hasLoadError.value = false\n\n      const img = new Image()\n      const currentImageSrc = props.src\n\n      // load & error callbacks are only responsible for currentImageSrc\n      img.addEventListener('load', (e) => {\n        if (currentImageSrc !== props.src) {\n          return\n        }\n        handleLoad(e, img)\n      })\n      img.addEventListener('error', (e) => {\n        if (currentImageSrc !== props.src) {\n          return\n        }\n        handleError(e)\n      })\n\n      // bind html attrs\n      // so it can behave consistently\n      Object.entries(attrs.value).forEach(([key, value]) => {\n        // avoid onload to be overwritten\n        if (key.toLowerCase() === 'onload') return\n        img.setAttribute(key, value as string)\n      })\n      img.src = currentImageSrc\n    }\n\n    function handleLoad(e: Event, img: HTMLImageElement) {\n      imgWidth.value = img.width\n      imgHeight.value = img.height\n      loading.value = false\n      hasLoadError.value = false\n    }\n\n    function handleError(event: Event) {\n      loading.value = false\n      hasLoadError.value = true\n      emit('error', event)\n    }\n\n    function handleLazyLoad() {\n      if (isInContainer(container.value, _scrollContainer.value)) {\n        loadImage()\n        removeLazyLoadListener()\n      }\n    }\n    const lazyLoadHandler = useThrottleFn(handleLazyLoad, 200)\n\n    async function addLazyLoadListener() {\n      if (!isClient) return\n\n      await nextTick()\n\n      const { scrollContainer } = props\n      if (isHtmlElement(scrollContainer)) {\n        _scrollContainer.value = scrollContainer\n      } else if (isString(scrollContainer) && scrollContainer !== '') {\n        _scrollContainer.value =\n          document.querySelector<HTMLElement>(scrollContainer) ?? undefined\n      } else if (container.value) {\n        _scrollContainer.value = getScrollContainer(container.value)\n      }\n\n      if (_scrollContainer.value) {\n        stopScrollListener = useEventListener(\n          _scrollContainer,\n          'scroll',\n          lazyLoadHandler\n        )\n        setTimeout(() => handleLazyLoad(), 100)\n      }\n    }\n\n    function removeLazyLoadListener() {\n      if (!isClient || !_scrollContainer.value || !lazyLoadHandler) return\n\n      stopScrollListener()\n      _scrollContainer.value = undefined\n    }\n\n    function wheelHandler(e: WheelEvent) {\n      if (!e.ctrlKey) return\n\n      if (e.deltaY < 0) {\n        e.preventDefault()\n        return false\n      } else if (e.deltaY > 0) {\n        e.preventDefault()\n        return false\n      }\n    }\n\n    function clickHandler() {\n      // don't show viewer when preview is false\n      if (!preview.value) return\n\n      stopWheelListener = useEventListener('wheel', wheelHandler, {\n        passive: false,\n      })\n\n      // prevent body scroll\n      prevOverflow = document.body.style.overflow\n      document.body.style.overflow = 'hidden'\n      showViewer.value = true\n    }\n\n    function closeViewer() {\n      stopWheelListener?.()\n      document.body.style.overflow = prevOverflow\n      showViewer.value = false\n      emit('close')\n    }\n\n    function switchViewer(val: number) {\n      emit('switch', val)\n    }\n\n    watch(\n      () => props.src,\n      () => {\n        if (props.lazy) {\n          // reset status\n          loading.value = true\n          hasLoadError.value = false\n          removeLazyLoadListener()\n          addLazyLoadListener()\n        } else {\n          loadImage()\n        }\n      }\n    )\n\n    onMounted(() => {\n      if (props.lazy) {\n        addLazyLoadListener()\n      } else {\n        loadImage()\n      }\n    })\n\n    return {\n      attrs,\n      loading,\n      hasLoadError,\n      showViewer,\n      containerStyle,\n      imageStyle,\n      preview,\n      imageIndex,\n      container,\n      ns,\n\n      clickHandler,\n      closeViewer,\n      switchViewer,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ImageViewer","imageProps","imageEmits","useLocale","useNamespace","useAttrs","ref","computed","isClient","isInContainer","useThrottleFn","nextTick","isString","getScrollContainer","useEventListener","_openBlock","_createElementBlock","_normalizeClass","_createBlock","_Fragment","_withCtx"],"mappings":"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"}