element-ps 2.0.13 → 2.0.14

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

@@ -1,49 +1,44 @@
-import { defineComponent, computed, provide, reactive, toRefs, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
-import '../../../tokens/index.mjs';
-import '../../../hooks/index.mjs';
-import { formProps } from './form2.mjs';
-import { 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 { formContextKey } from '../../../tokens/form.mjs';
+import '../../../constants/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
+import { componentSizes } from '../../../constants/size.mjs';
 
-const __default__ = {
-  name: "PsForm"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: formProps,
-  setup(__props) {
-    const props = __props;
-    const COMPONENT_NAME = "PsForm";
-    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
-        }
-      ];
-    });
-    provide(formContextKey, reactive({
-      ...toRefs(props),
-      ...useFormLabelWidth()
-    }));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("form", {
-        class: normalizeClass(unref(formClasses))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
+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
 });
-var Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/form/src/form.vue"]]);
 
-export { Form as default };
+export { formProps };
 //# sourceMappingURL=form.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"form.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 } from 'vue'\nimport { formContextKey } from '@element-ps/tokens'\nimport { useNamespace, useSize } from '@element-ps/hooks'\nimport { formProps } from './form'\nimport { useFormLabelWidth } from './utils'\n\nconst COMPONENT_NAME = 'PsForm'\ndefineOptions({\n  name: 'PsForm',\n})\nconst props = defineProps(formProps)\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\nprovide(\n  formContextKey,\n  reactive({\n    ...toRefs(props),\n    ...useFormLabelWidth(),\n  })\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAaA,IAAA,MAAA,cAAA,GAAA,QAAA,CAAA;AAMA,IAAA,MAAA,WAAA,OAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAA,aAAA,MAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,SAAA,MAAA;AACA,MAAA,MAAA,EAAA,eAAA,MAAA,EAAA,GAAA,KAAA,CAAA;AACA,MAAA,OAAA;AAAA,QACA,GAAA,CAAA,EAAA;AAAA,QAGA,EAAA,CAAA,CAAA,CAAA,QAAA,CAAA,KAAA,IAAA,SAAA,CAAA;AAAA,QACA;AAAA,UAAA,CACA,EAAA,CAAA,CAAA,CAAA,CAAA,MAAA,EAAA,aAAA,CAAA,CAAA,CAAA,GAAA,aAAA;AAAA,UACA,CAAA,EAAA,CAAA,CAAA,CAAA,QAAA,CAAA,GAAA,MAAA;AAAA,SACA;AAAA,OACA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,OAAA,CACA,gBACA,QAAA,CAAA;AAAA,MAAA,GACA,OAAA,KAAA,CAAA;AAAA,MAAA,GACA,iBAAA,EAAA;AAAA,KACA,CACA,CAAA,CAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"form.mjs","sources":["../../../../../../packages/components/form/src/form.ts"],"sourcesContent":["import { componentSizes } from '@element-ps/constants'\nimport {\n  buildProps,\n  definePropType,\n} from '@element-ps/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { FormRules } from '@element-ps/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"],"names":[],"mappings":";;;;;AAKY,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;;;;"}

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

@@ -1,44 +1,49 @@
-import '../../../constants/index.mjs';
-import '../../../utils/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
-import { componentSizes } from '../../../constants/size.mjs';
+import { defineComponent, computed, provide, reactive, toRefs, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
+import '../../../tokens/index.mjs';
+import '../../../hooks/index.mjs';
+import { formProps } from './form.mjs';
+import { 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 { 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 __default__ = {
+  name: "PsForm"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: formProps,
+  setup(__props) {
+    const props = __props;
+    const COMPONENT_NAME = "PsForm";
+    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
+        }
+      ];
+    });
+    provide(formContextKey, reactive({
+      ...toRefs(props),
+      ...useFormLabelWidth()
+    }));
+    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-ps/packages/components/form/src/form.vue"]]);
 
-export { 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-ps/constants'\nimport {\n  buildProps,\n  definePropType,\n} from '@element-ps/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { FormRules } from '@element-ps/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"],"names":[],"mappings":";;;;;AAKY,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;;;;"}
+{"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 } from 'vue'\nimport { formContextKey } from '@element-ps/tokens'\nimport { useNamespace, useSize } from '@element-ps/hooks'\nimport { formProps } from './form'\nimport { useFormLabelWidth } from './utils'\n\nconst COMPONENT_NAME = 'PsForm'\ndefineOptions({\n  name: 'PsForm',\n})\nconst props = defineProps(formProps)\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\nprovide(\n  formContextKey,\n  reactive({\n    ...toRefs(props),\n    ...useFormLabelWidth(),\n  })\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAaA,IAAA,MAAA,cAAA,GAAA,QAAA,CAAA;AAMA,IAAA,MAAA,WAAA,OAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAA,aAAA,MAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,SAAA,MAAA;AACA,MAAA,MAAA,EAAA,eAAA,MAAA,EAAA,GAAA,KAAA,CAAA;AACA,MAAA,OAAA;AAAA,QACA,GAAA,CAAA,EAAA;AAAA,QAGA,EAAA,CAAA,CAAA,CAAA,QAAA,CAAA,KAAA,IAAA,SAAA,CAAA;AAAA,QACA;AAAA,UAAA,CACA,EAAA,CAAA,CAAA,CAAA,CAAA,MAAA,EAAA,aAAA,CAAA,CAAA,CAAA,GAAA,aAAA;AAAA,UACA,CAAA,EAAA,CAAA,CAAA,CAAA,QAAA,CAAA,GAAA,MAAA;AAAA,SACA;AAAA,OACA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,OAAA,CACA,gBACA,QAAA,CAAA;AAAA,MAAA,GACA,OAAA,KAAA,CAAA;AAAA,MAAA,GACA,iBAAA,EAAA;AAAA,KACA,CACA,CAAA,CAAA;;;;;;;;;;;;;;"}

package/es/components/icon/index.mjs

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

package/es/components/icon/src/icon.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 './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/dom/style.mjs';
 
-const iconProps = buildProps({
-  size: {
-    type: definePropType([Number, String])
-  },
-  color: {
-    type: String
+const __default__ = {
+  name: "PsIcon",
+  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-ps/packages/components/icon/src/icon.vue"]]);
 
-export { iconProps };
+export { Icon as default };
 //# 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.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/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":"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-ps/utils'\nimport { useNamespace } from '@element-ps/hooks'\nimport { iconProps } from './icon'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'PsIcon',\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/src/icon2.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 './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/dom/style.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
 
-const __default__ = {
-  name: "PsIcon",
-  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-ps/packages/components/icon/src/icon.vue"]]);
 
-export { Icon as default };
+export { iconProps };
 //# 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.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-ps/utils'\nimport { useNamespace } from '@element-ps/hooks'\nimport { iconProps } from './icon'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'PsIcon',\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":"icon2.mjs","sources":["../../../../../../packages/components/icon/src/icon.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/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/image/index.d.ts

@@ -1,5 +1,4 @@
 export declare const PsImage: import("element-ps/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-    readonly appendToBody: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
     readonly hideOnClickModal: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly src: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly fit: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
@@ -13,7 +12,6 @@ export declare const PsImage: import("element-ps/es/utils").SFCWithInstall<impor
     readonly closeOnPressEscape: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        readonly appendToBody: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
         readonly hideOnClickModal: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
         readonly src: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
         readonly fit: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
@@ -28,6 +26,7 @@ export declare const PsImage: import("element-ps/es/utils").SFCWithInstall<impor
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
+    prevOverflow: string;
     t: import("../..").Translator;
     ns: {
         namespace: import("vue").ComputedRef<string>;
@@ -43,19 +42,26 @@ export declare const PsImage: import("element-ps/es/utils").SFCWithInstall<impor
             (name: string): string;
         };
     };
+    rawAttrs: {
+        [x: string]: unknown;
+    };
     attrs: import("vue").ComputedRef<Record<string, unknown>>;
     hasLoadError: import("vue").Ref<boolean>;
     loading: import("vue").Ref<boolean>;
+    imgWidth: import("vue").Ref<number>;
+    imgHeight: import("vue").Ref<number>;
     showViewer: import("vue").Ref<boolean>;
     container: import("vue").Ref<HTMLElement | undefined>;
     _scrollContainer: import("vue").Ref<Window | HTMLElement | undefined>;
     stopScrollListener: () => void;
+    stopWheelListener: () => void;
     containerStyle: import("vue").ComputedRef<import("vue").StyleValue>;
     imageStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
     preview: import("vue").ComputedRef<boolean>;
-    teleported: import("vue").ComputedRef<import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>>;
     imageIndex: import("vue").ComputedRef<number>;
     loadImage: () => void;
+    handleLoad: (e: Event, img: HTMLImageElement) => void;
+    handleError: (event: Event) => void;
     handleLazyLoad: () => void;
     lazyLoadHandler: () => void;
     addLazyLoadListener: () => Promise<void>;
@@ -182,7 +188,6 @@ export declare const PsImage: import("element-ps/es/utils").SFCWithInstall<impor
         urlList: string[];
     }>> & Record<string, any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly appendToBody: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
     readonly hideOnClickModal: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly src: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly fit: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
@@ -197,11 +202,10 @@ export declare const PsImage: import("element-ps/es/utils").SFCWithInstall<impor
 }>>, {
     zIndex: number;
     lazy: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    infinite: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     src: string;
     fit: import("element-ps/es/utils").BuildPropType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
-    infinite: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     initialIndex: number;
-    appendToBody: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     closeOnPressEscape: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     hideOnClickModal: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     scrollContainer: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | HTMLElement | undefined>, unknown, unknown>;

package/es/components/image/src/image.d.ts

@@ -1,6 +1,5 @@
 import type { ExtractPropTypes } from 'vue';
 export declare const imageProps: {
-    readonly appendToBody: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
     readonly hideOnClickModal: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly src: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly fit: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;

package/es/components/image/src/image.mjs

@@ -3,10 +3,6 @@ import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
 import { mutable } from '../../../utils/typescript.mjs';
 
 const imageProps = buildProps({
-  appendToBody: {
-    type: Boolean,
-    default: void 0
-  },
   hideOnClickModal: {
     type: Boolean,
     default: false

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

@@ -1 +1 @@
-{"version":3,"file":"image.mjs","sources":["../../../../../../packages/components/image/src/image.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isNumber,\n  mutable,\n} from '@element-ps/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const imageProps = buildProps({\n  appendToBody: {\n    type: Boolean,\n    default: undefined,\n  },\n  hideOnClickModal: {\n    type: Boolean,\n    default: false,\n  },\n  src: {\n    type: String,\n    default: '',\n  },\n  fit: {\n    type: String,\n    values: ['', 'contain', 'cover', 'fill', 'none', 'scale-down'],\n    default: '',\n  },\n  lazy: {\n    type: Boolean,\n    default: false,\n  },\n  scrollContainer: {\n    type: definePropType<string | HTMLElement | undefined>([String, Object]),\n  },\n  previewSrcList: {\n    type: definePropType<string[]>(Array),\n    default: () => mutable([] as const),\n  },\n  previewTeleported: {\n    type: Boolean,\n    default: false,\n  },\n  zIndex: {\n    type: Number,\n  },\n  initialIndex: {\n    type: Number,\n    default: 0,\n  },\n  infinite: {\n    type: Boolean,\n    default: true,\n  },\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\nexport type ImageProps = ExtractPropTypes<typeof imageProps>\n"],"names":[],"mappings":";;;;AAKY,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC;AAClE,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"image.mjs","sources":["../../../../../../packages/components/image/src/image.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  mutable,\n} from '@element-ps/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const imageProps = buildProps({\n  hideOnClickModal: {\n    type: Boolean,\n    default: false,\n  },\n  src: {\n    type: String,\n    default: '',\n  },\n  fit: {\n    type: String,\n    values: ['', 'contain', 'cover', 'fill', 'none', 'scale-down'],\n    default: '',\n  },\n  lazy: {\n    type: Boolean,\n    default: false,\n  },\n  scrollContainer: {\n    type: definePropType<string | HTMLElement | undefined>([String, Object]),\n  },\n  previewSrcList: {\n    type: definePropType<string[]>(Array),\n    default: () => mutable([] as const),\n  },\n  previewTeleported: {\n    type: Boolean,\n    default: false,\n  },\n  zIndex: {\n    type: Number,\n  },\n  initialIndex: {\n    type: Number,\n    default: 0,\n  },\n  infinite: {\n    type: Boolean,\n    default: true,\n  },\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\nexport type ImageProps = ExtractPropTypes<typeof imageProps>\n"],"names":[],"mappings":";;;;AAKY,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC;AAClE,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;"}

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

@@ -1,6 +1,5 @@
 import type { CSSProperties, StyleValue } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    readonly appendToBody: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
     readonly hideOnClickModal: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly src: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly fit: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
@@ -14,7 +13,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly closeOnPressEscape: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        readonly appendToBody: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
         readonly hideOnClickModal: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
         readonly src: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
         readonly fit: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
@@ -29,6 +27,7 @@ declare const _default: import("vue").DefineComponent<{
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
+    prevOverflow: string;
     t: import("element-ps/es/hooks").Translator;
     ns: {
         namespace: import("vue").ComputedRef<string>;
@@ -44,19 +43,26 @@ declare const _default: import("vue").DefineComponent<{
             (name: string): string;
         };
     };
+    rawAttrs: {
+        [x: string]: unknown;
+    };
     attrs: import("vue").ComputedRef<Record<string, unknown>>;
     hasLoadError: import("vue").Ref<boolean>;
     loading: import("vue").Ref<boolean>;
+    imgWidth: import("vue").Ref<number>;
+    imgHeight: import("vue").Ref<number>;
     showViewer: import("vue").Ref<boolean>;
     container: import("vue").Ref<HTMLElement | undefined>;
     _scrollContainer: import("vue").Ref<Window | HTMLElement | undefined>;
     stopScrollListener: () => void;
+    stopWheelListener: () => void;
     containerStyle: import("vue").ComputedRef<StyleValue>;
     imageStyle: import("vue").ComputedRef<CSSProperties>;
     preview: import("vue").ComputedRef<boolean>;
-    teleported: import("vue").ComputedRef<import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>>;
     imageIndex: import("vue").ComputedRef<number>;
     loadImage: () => void;
+    handleLoad: (e: Event, img: HTMLImageElement) => void;
+    handleError: (event: Event) => void;
     handleLazyLoad: () => void;
     lazyLoadHandler: () => void;
     addLazyLoadListener: () => Promise<void>;
@@ -183,7 +189,6 @@ declare const _default: import("vue").DefineComponent<{
         urlList: string[];
     }>> & Record<string, any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly appendToBody: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
     readonly hideOnClickModal: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly src: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly fit: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
@@ -198,11 +203,10 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     zIndex: number;
     lazy: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    infinite: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     src: string;
     fit: import("element-ps/es/utils").BuildPropType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
-    infinite: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     initialIndex: number;
-    appendToBody: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     closeOnPressEscape: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     hideOnClickModal: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     scrollContainer: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | HTMLElement | undefined>, unknown, unknown>;