element-pe 2.0.2 → 2.0.5

package/es/components/form/src/form2.mjs

@@ -1,49 +1,152 @@
-import '../../../constants/index.mjs';
+import { defineComponent, computed, watch, provide, reactive, toRefs, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
 import '../../../utils/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
-import { componentSizes } from '../../../constants/size.mjs';
-import { isArray, isString } from '@vue/shared';
-import { isBoolean } from '@vueuse/core';
+import '../../../tokens/index.mjs';
+import '../../../hooks/index.mjs';
+import { formProps, formEmits } from './form.mjs';
+import { filterFields, useFormLabelWidth } from './utils.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useSize } from '../../../hooks/use-common-props/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { debugWarn } from '../../../utils/error.mjs';
+import { isFunction } from '@vue/shared';
+import { formContextKey } from '../../../tokens/form.mjs';
 
-const formProps = buildProps({
-  model: Object,
-  rules: {
-    type: definePropType(Object)
-  },
-  labelPosition: String,
-  labelWidth: {
-    type: [String, Number],
-    default: ""
-  },
-  labelSuffix: {
-    type: String,
-    default: ""
-  },
-  inline: Boolean,
-  inlineMessage: Boolean,
-  statusIcon: Boolean,
-  showMessage: {
-    type: Boolean,
-    default: true
-  },
-  size: {
-    type: String,
-    values: componentSizes
-  },
-  disabled: Boolean,
-  validateOnRuleChange: {
-    type: Boolean,
-    default: true
-  },
-  hideRequiredAsterisk: {
-    type: Boolean,
-    default: false
-  },
-  scrollToError: Boolean
-});
-const formEmits = {
-  validate: (prop, isValid, message) => (isArray(prop) || isString(prop)) && isBoolean(isValid) && isString(message)
+const __default__ = {
+  name: "ElForm"
 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: formProps,
+  emits: formEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const COMPONENT_NAME = "ElForm";
+    const fields = [];
+    const formSize = useSize();
+    const ns = useNamespace("form");
+    const formClasses = computed(() => {
+      const { labelPosition, inline } = props;
+      return [
+        ns.b(),
+        ns.m(formSize.value || "default"),
+        {
+          [ns.m(`label-${labelPosition}`)]: labelPosition,
+          [ns.m("inline")]: inline
+        }
+      ];
+    });
+    const addField = (field) => {
+      fields.push(field);
+    };
+    const removeField = (field) => {
+      if (field.prop) {
+        fields.splice(fields.indexOf(field), 1);
+      }
+    };
+    const resetFields = (properties = []) => {
+      if (!props.model) {
+        debugWarn(COMPONENT_NAME, "model is required for resetFields to work.");
+        return;
+      }
+      filterFields(fields, properties).forEach((field) => field.resetField());
+    };
+    const clearValidate = (props2 = []) => {
+      filterFields(fields, props2).forEach((field) => field.clearValidate());
+    };
+    const isValidatable = computed(() => {
+      const hasModel = !!props.model;
+      if (!hasModel) {
+        debugWarn(COMPONENT_NAME, "model is required for validate to work.");
+      }
+      return hasModel;
+    });
+    const obtainValidateFields = (props2) => {
+      if (fields.length === 0)
+        return [];
+      const filteredFields = filterFields(fields, props2);
+      if (!filteredFields.length) {
+        debugWarn(COMPONENT_NAME, "please pass correct props!");
+        return [];
+      }
+      return filteredFields;
+    };
+    const validate = async (callback) => validateField(void 0, callback);
+    const doValidateField = async (props2 = []) => {
+      if (!isValidatable.value)
+        return false;
+      const fields2 = obtainValidateFields(props2);
+      if (fields2.length === 0)
+        return true;
+      let validationErrors = {};
+      for (const field of fields2) {
+        try {
+          await field.validate("");
+        } catch (fields3) {
+          validationErrors = {
+            ...validationErrors,
+            ...fields3
+          };
+        }
+      }
+      if (Object.keys(validationErrors).length === 0)
+        return true;
+      return Promise.reject(validationErrors);
+    };
+    const validateField = async (modelProps = [], callback) => {
+      const shouldThrow = !isFunction(callback);
+      try {
+        const result = await doValidateField(modelProps);
+        if (result === true) {
+          callback == null ? void 0 : callback(result);
+        }
+        return result;
+      } catch (e) {
+        const invalidFields = e;
+        if (props.scrollToError) {
+          scrollToField(Object.keys(invalidFields)[0]);
+        }
+        callback == null ? void 0 : callback(false, invalidFields);
+        return shouldThrow && Promise.reject(invalidFields);
+      }
+    };
+    const scrollToField = (prop) => {
+      var _a;
+      const field = filterFields(fields, prop)[0];
+      if (field) {
+        (_a = field.$el) == null ? void 0 : _a.scrollIntoView();
+      }
+    };
+    watch(() => props.rules, () => {
+      if (props.validateOnRuleChange)
+        validate();
+    }, { deep: true });
+    provide(formContextKey, reactive({
+      ...toRefs(props),
+      emit,
+      resetFields,
+      clearValidate,
+      validateField,
+      addField,
+      removeField,
+      ...useFormLabelWidth()
+    }));
+    expose({
+      validate,
+      validateField,
+      resetFields,
+      clearValidate,
+      scrollToField
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("form", {
+        class: normalizeClass(unref(formClasses))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+var Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/form/src/form.vue"]]);
 
-export { formEmits, formProps };
+export { Form as default };
 //# sourceMappingURL=form2.mjs.map

package/es/components/form/src/form2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form2.mjs","sources":["../../../../../../packages/components/form/src/form.ts"],"sourcesContent":["import { componentSizes } from '@element-plus/constants'\nimport {\n  buildProps,\n  definePropType,\n  isArray,\n  isBoolean,\n  isString,\n} from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { FormItemProp } from './form-item'\nimport type { FormRules } from '@element-plus/tokens'\n\nexport const formProps = buildProps({\n  model: Object,\n  rules: {\n    type: definePropType<FormRules>(Object),\n  },\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: {\n    type: String,\n    values: componentSizes,\n  },\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} as const)\nexport type FormProps = ExtractPropTypes<typeof formProps>\n\nexport const formEmits = {\n  validate: (prop: FormItemProp, isValid: boolean, message: string) =>\n    (isArray(prop) || isString(prop)) &&\n    isBoolean(isValid) &&\n    isString(message),\n}\nexport type FormEmits = typeof formEmits\n"],"names":[],"mappings":";;;;;;;AAQY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,aAAa,EAAE,MAAM;AACvB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,aAAa,EAAE,OAAO;AACxB,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,cAAc;AAC1B,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,oBAAoB,EAAE;AACxB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,oBAAoB,EAAE;AACxB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,aAAa,EAAE,OAAO;AACxB,CAAC,EAAE;AACS,MAAC,SAAS,GAAG;AACzB,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,SAAS,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC,OAAO,CAAC;AACpH;;;;"}
+{"version":3,"file":"form2.mjs","sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <form :class=\"formClasses\">\n    <slot />\n  </form>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, toRefs, watch } from 'vue'\nimport { debugWarn, isFunction } from '@element-plus/utils'\nimport { formContextKey } from '@element-plus/tokens'\nimport { useNamespace, useSize } from '@element-plus/hooks'\nimport { formEmits, formProps } from './form'\nimport { filterFields, useFormLabelWidth } from './utils'\n\nimport type { ValidateFieldsError } from 'async-validator'\nimport type { Arrayable } from '@element-plus/utils'\nimport type {\n  FormContext,\n  FormItemContext,\n  FormValidateCallback,\n  FormValidationResult,\n} from '@element-plus/tokens'\nimport type { FormItemProp } from './form-item'\n\nconst COMPONENT_NAME = 'ElForm'\ndefineOptions({\n  name: 'ElForm',\n})\nconst props = defineProps(formProps)\nconst emit = defineEmits(formEmits)\n\nconst fields: FormItemContext[] = []\n\nconst formSize = useSize()\nconst ns = useNamespace('form')\nconst formClasses = computed(() => {\n  const { labelPosition, inline } = props\n  return [\n    ns.b(),\n    // todo: in v2.2.0, we can remove default\n    // in fact, remove it doesn't affect the final style\n    ns.m(formSize.value || 'default'),\n    {\n      [ns.m(`label-${labelPosition}`)]: labelPosition,\n      [ns.m('inline')]: inline,\n    },\n  ]\n})\n\nconst addField: FormContext['addField'] = (field) => {\n  fields.push(field)\n}\n\nconst removeField: FormContext['removeField'] = (field) => {\n  if (field.prop) {\n    fields.splice(fields.indexOf(field), 1)\n  }\n}\n\nconst resetFields: FormContext['resetFields'] = (properties = []) => {\n  if (!props.model) {\n    debugWarn(COMPONENT_NAME, 'model is required for resetFields to work.')\n    return\n  }\n  filterFields(fields, properties).forEach((field) => field.resetField())\n}\n\nconst clearValidate: FormContext['clearValidate'] = (props = []) => {\n  filterFields(fields, props).forEach((field) => field.clearValidate())\n}\n\nconst isValidatable = computed(() => {\n  const hasModel = !!props.model\n  if (!hasModel) {\n    debugWarn(COMPONENT_NAME, 'model is required for validate to work.')\n  }\n  return hasModel\n})\n\nconst obtainValidateFields = (props: Arrayable<FormItemProp>) => {\n  if (fields.length === 0) return []\n\n  const filteredFields = filterFields(fields, props)\n  if (!filteredFields.length) {\n    debugWarn(COMPONENT_NAME, 'please pass correct props!')\n    return []\n  }\n  return filteredFields\n}\n\nconst validate = async (\n  callback?: FormValidateCallback\n): FormValidationResult => validateField(undefined, callback)\n\nconst doValidateField = async (\n  props: Arrayable<FormItemProp> = []\n): Promise<boolean> => {\n  if (!isValidatable.value) return false\n\n  const fields = obtainValidateFields(props)\n  if (fields.length === 0) return true\n\n  let validationErrors: ValidateFieldsError = {}\n  for (const field of fields) {\n    try {\n      await field.validate('')\n    } catch (fields) {\n      validationErrors = {\n        ...validationErrors,\n        ...(fields as ValidateFieldsError),\n      }\n    }\n  }\n\n  if (Object.keys(validationErrors).length === 0) return true\n  return Promise.reject(validationErrors)\n}\n\nconst validateField: FormContext['validateField'] = async (\n  modelProps = [],\n  callback\n) => {\n  const shouldThrow = !isFunction(callback)\n  try {\n    const result = await doValidateField(modelProps)\n    // When result is false meaning that the fields are not validatable\n    if (result === true) {\n      callback?.(result)\n    }\n    return result\n  } catch (e) {\n    const invalidFields = e as ValidateFieldsError\n\n    if (props.scrollToError) {\n      scrollToField(Object.keys(invalidFields)[0])\n    }\n    callback?.(false, invalidFields)\n    return shouldThrow && Promise.reject(invalidFields)\n  }\n}\n\nconst scrollToField = (prop: FormItemProp) => {\n  const field = filterFields(fields, prop)[0]\n  if (field) {\n    field.$el?.scrollIntoView()\n  }\n}\n\nwatch(\n  () => props.rules,\n  () => {\n    if (props.validateOnRuleChange) validate()\n  },\n  { deep: true }\n)\n\nprovide(\n  formContextKey,\n  reactive({\n    ...toRefs(props),\n    emit,\n\n    resetFields,\n    clearValidate,\n    validateField,\n    addField,\n    removeField,\n\n    ...useFormLabelWidth(),\n  })\n)\n\ndefineExpose({\n  /** @description validate form */\n  validate,\n  /** @description validate form field */\n  validateField,\n  /** @description reset fields */\n  resetFields,\n  /** @description clear validation status */\n  clearValidate,\n  /** @description scroll to field */\n  scrollToField,\n})\n</script>\n"],"names":[],"mappings":"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"}

package/es/components/form/style/css.mjs

@@ -1,3 +1,3 @@
 import '../../base/style/css.mjs';
-import 'element-plus/theme-chalk/el-form.css';
+import 'element-pe/theme-chalk/el-form.css';
 //# sourceMappingURL=css.mjs.map

package/es/components/form/style/index.mjs

@@ -1,3 +1,3 @@
 import '../../base/style/index.mjs';
-import 'element-plus/theme-chalk/src/form.scss';
+import 'element-pe/theme-chalk/src/form.scss';
 //# sourceMappingURL=index.mjs.map

package/es/components/form-item/style/css.mjs

@@ -1,3 +1,3 @@
 import '../../base/style/css.mjs';
-import 'element-plus/theme-chalk/el-form-item.css';
+import 'element-pe/theme-chalk/el-form-item.css';
 //# sourceMappingURL=css.mjs.map

package/es/components/form-item/style/index.mjs

@@ -1,3 +1,3 @@
 import '../../base/style/index.mjs';
-import 'element-plus/theme-chalk/src/form-item.scss';
+import 'element-pe/theme-chalk/src/form-item.scss';
 //# sourceMappingURL=index.mjs.map

package/es/components/header/style/css.mjs

@@ -1,3 +1,3 @@
 import '../../base/style/css.mjs';
-import 'element-plus/theme-chalk/el-header.css';
+import 'element-pe/theme-chalk/el-header.css';
 //# sourceMappingURL=css.mjs.map

package/es/components/header/style/index.mjs

@@ -1,3 +1,3 @@
 import '../../base/style/index.mjs';
-import 'element-plus/theme-chalk/src/header.scss';
+import 'element-pe/theme-chalk/src/header.scss';
 //# sourceMappingURL=index.mjs.map

package/es/components/icon/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Icon from './src/icon.mjs';
-export { iconProps } from './src/icon2.mjs';
+import Icon from './src/icon2.mjs';
+export { iconProps } from './src/icon.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElIcon = withInstall(Icon);

package/es/components/icon/src/icon.mjs

@@ -1,41 +1,14 @@
-import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, renderSlot } from 'vue';
 import '../../../utils/index.mjs';
-import '../../../hooks/index.mjs';
-import { iconProps } from './icon2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { isUndefined } from '../../../utils/types.mjs';
-import { addUnit } from '../../../utils/vue/style.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
 
-const __default__ = {
-  name: "ElIcon",
-  inheritAttrs: false
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: iconProps,
-  setup(__props) {
-    const props = __props;
-    const ns = useNamespace("icon");
-    const style = computed(() => {
-      if (!props.size && !props.color)
-        return {};
-      return {
-        fontSize: isUndefined(props.size) ? void 0 : addUnit(props.size),
-        "--color": props.color
-      };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("i", mergeProps({
-        class: unref(ns).b(),
-        style: unref(style)
-      }, _ctx.$attrs), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16);
-    };
+const iconProps = buildProps({
+  size: {
+    type: definePropType([Number, String])
+  },
+  color: {
+    type: String
   }
 });
-var Icon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/icon/src/icon.vue"]]);
 
-export { Icon as default };
+export { iconProps };
 //# sourceMappingURL=icon.mjs.map

package/es/components/icon/src/icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon.mjs","sources":["../../../../../../packages/components/icon/src/icon.vue"],"sourcesContent":["<template>\n  <i :class=\"ns.b()\" :style=\"style\" v-bind=\"$attrs\">\n    <slot />\n  </i>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { addUnit, isUndefined } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { iconProps } from './icon'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElIcon',\n  inheritAttrs: false,\n})\nconst props = defineProps(iconProps)\nconst ns = useNamespace('icon')\n\nconst 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</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,IAAA,MAAA,EAAA,GAAA,aAAA,MAAA,CAAA,CAAA;AAEA,IAAA,MAAA,KAAA,GAAA,SAAA,MAAA;AACA,MAAA,IAAA,CAAA,KAAA,CAAA,IAAA,IAAA,CAAA,KAAA,CAAA,KAAA;AAAA,QAAA,OAAA,EAAA,CAAA;AAEA,MAAA,OAAA;AAAA,QACA,QAAA,EAAA,YAAA,KAAA,CAAA,IAAA,IAAA,KAAA,CAAA,GAAA,OAAA,CAAA,MAAA,IAAA,CAAA;AAAA,QACA,WAAA,KAAA,CAAA,KAAA;AAAA,OACA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"icon.mjs","sources":["../../../../../../packages/components/icon/src/icon.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Icon from './icon.vue'\n\nexport const iconProps = buildProps({\n  size: {\n    type: definePropType<number | string>([Number, String]),\n  },\n  color: {\n    type: String,\n  },\n} as const)\nexport type IconProps = ExtractPropTypes<typeof iconProps>\nexport type IconInstance = InstanceType<typeof Icon>\n"],"names":[],"mappings":";;;AACY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}

package/es/components/icon/src/icon2.mjs

@@ -1,14 +1,41 @@
+import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, renderSlot } from 'vue';
 import '../../../utils/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
+import '../../../hooks/index.mjs';
+import { iconProps } from './icon.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { isUndefined } from '../../../utils/types.mjs';
+import { addUnit } from '../../../utils/vue/style.mjs';
 
-const iconProps = buildProps({
-  size: {
-    type: definePropType([Number, String])
-  },
-  color: {
-    type: String
+const __default__ = {
+  name: "ElIcon",
+  inheritAttrs: false
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: iconProps,
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("icon");
+    const style = computed(() => {
+      if (!props.size && !props.color)
+        return {};
+      return {
+        fontSize: isUndefined(props.size) ? void 0 : addUnit(props.size),
+        "--color": props.color
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("i", mergeProps({
+        class: unref(ns).b(),
+        style: unref(style)
+      }, _ctx.$attrs), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
   }
 });
+var Icon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/icon/src/icon.vue"]]);
 
-export { iconProps };
+export { Icon as default };
 //# sourceMappingURL=icon2.mjs.map

package/es/components/icon/src/icon2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon2.mjs","sources":["../../../../../../packages/components/icon/src/icon.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Icon from './icon.vue'\n\nexport const iconProps = buildProps({\n  size: {\n    type: definePropType<number | string>([Number, String]),\n  },\n  color: {\n    type: String,\n  },\n} as const)\nexport type IconProps = ExtractPropTypes<typeof iconProps>\nexport type IconInstance = InstanceType<typeof Icon>\n"],"names":[],"mappings":";;;AACY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"icon2.mjs","sources":["../../../../../../packages/components/icon/src/icon.vue"],"sourcesContent":["<template>\n  <i :class=\"ns.b()\" :style=\"style\" v-bind=\"$attrs\">\n    <slot />\n  </i>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { addUnit, isUndefined } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { iconProps } from './icon'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElIcon',\n  inheritAttrs: false,\n})\nconst props = defineProps(iconProps)\nconst ns = useNamespace('icon')\n\nconst 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</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,IAAA,MAAA,EAAA,GAAA,aAAA,MAAA,CAAA,CAAA;AAEA,IAAA,MAAA,KAAA,GAAA,SAAA,MAAA;AACA,MAAA,IAAA,CAAA,KAAA,CAAA,IAAA,IAAA,CAAA,KAAA,CAAA,KAAA;AAAA,QAAA,OAAA,EAAA,CAAA;AAEA,MAAA,OAAA;AAAA,QACA,QAAA,EAAA,YAAA,KAAA,CAAA,IAAA,IAAA,KAAA,CAAA,GAAA,OAAA,CAAA,MAAA,IAAA,CAAA;AAAA,QACA,WAAA,KAAA,CAAA,KAAA;AAAA,OACA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;"}

package/es/components/icon/style/css.mjs

@@ -1,3 +1,3 @@
 import '../../base/style/css.mjs';
-import 'element-plus/theme-chalk/el-icon.css';
+import 'element-pe/theme-chalk/el-icon.css';
 //# sourceMappingURL=css.mjs.map

package/es/components/icon/style/index.mjs

@@ -1,3 +1,3 @@
 import '../../base/style/index.mjs';
-import 'element-plus/theme-chalk/src/icon.scss';
+import 'element-pe/theme-chalk/src/icon.scss';
 //# sourceMappingURL=index.mjs.map

package/es/components/image/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Image from './src/image.mjs';
-export { imageEmits, imageProps } from './src/image2.mjs';
+import Image from './src/image2.mjs';
+export { imageEmits, imageProps } from './src/image.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElImage = withInstall(Image);