element-ps 1.0.6 → 1.0.7

package/es/packages/components/breadcrumb/index.mjs

@@ -1,7 +1,7 @@
 import { withInstall, withNoopInstall } from '../../utils/with-install.mjs';
-import './src/breadcrumb.mjs';
+import './src/breadcrumb2.mjs';
 import './src/breadcrumb-item2.mjs';
-export { breadcrumbProps } from './src/breadcrumb2.mjs';
+export { breadcrumbProps } from './src/breadcrumb.mjs';
 export { breadcrumbItemProps } from './src/breadcrumb-item.mjs';
 import script from './src/breadcrumb.vue_vue&type=script&lang.mjs';
 import script$1 from './src/breadcrumb-item.vue_vue&type=script&lang.mjs';

package/es/packages/components/breadcrumb/src/breadcrumb.mjs

@@ -1,7 +1,15 @@
-import script from './breadcrumb.vue_vue&type=script&lang.mjs';
-export { default } from './breadcrumb.vue_vue&type=script&lang.mjs';
-import { render } from './breadcrumb.vue_vue&type=template&id=b67a42b6&lang.mjs';
+import { buildProps, definePropType } from '../../../utils/props.mjs';
 
-script.render = render;
-script.__file = "packages/components/breadcrumb/src/breadcrumb.vue";
+const breadcrumbProps = buildProps({
+  separator: {
+    type: String,
+    default: "/"
+  },
+  separatorIcon: {
+    type: definePropType([String, Object]),
+    default: ""
+  }
+});
+
+export { breadcrumbProps };
 //# sourceMappingURL=breadcrumb.mjs.map

package/es/packages/components/breadcrumb/src/breadcrumb.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"breadcrumb.mjs","sources":["../../../../../../../packages/components/breadcrumb/src/breadcrumb.ts"],"sourcesContent":["import type { Component, ExtractPropTypes } from 'vue'\nimport { buildProps, definePropType } from '@element-ps/utils/props'\n\nexport const breadcrumbProps = buildProps({\n  separator: {\n    type: String,\n    default: '/',\n  },\n  separatorIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n} as const)\nexport type BreadcrumbProps = ExtractPropTypes<typeof breadcrumbProps>\n"],"names":[],"mappings":";;MAGa,kBAAkB,WAAW;AAAA,EACxC,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,eAAe;AAAA,IACb,MAAM,eAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA;;;;"}

package/es/packages/components/breadcrumb/src/breadcrumb.vue_vue&type=script&lang.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, ref, provide, onMounted } from 'vue';
 import '../../../tokens/index.mjs';
-import { breadcrumbProps } from './breadcrumb2.mjs';
+import { breadcrumbProps } from './breadcrumb.mjs';
 import { elBreadcrumbKey } from '../../../tokens/breadcrumb.mjs';
 
 var script = defineComponent({

package/es/packages/components/breadcrumb/src/breadcrumb2.mjs

@@ -1,15 +1,7 @@
-import { buildProps, definePropType } from '../../../utils/props.mjs';
+import script from './breadcrumb.vue_vue&type=script&lang.mjs';
+export { default } from './breadcrumb.vue_vue&type=script&lang.mjs';
+import { render } from './breadcrumb.vue_vue&type=template&id=b67a42b6&lang.mjs';
 
-const breadcrumbProps = buildProps({
-  separator: {
-    type: String,
-    default: "/"
-  },
-  separatorIcon: {
-    type: definePropType([String, Object]),
-    default: ""
-  }
-});
-
-export { breadcrumbProps };
+script.render = render;
+script.__file = "packages/components/breadcrumb/src/breadcrumb.vue";
 //# sourceMappingURL=breadcrumb2.mjs.map

package/es/packages/components/breadcrumb/src/breadcrumb2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb2.mjs","sources":["../../../../../../../packages/components/breadcrumb/src/breadcrumb.ts"],"sourcesContent":["import type { Component, ExtractPropTypes } from 'vue'\nimport { buildProps, definePropType } from '@element-ps/utils/props'\n\nexport const breadcrumbProps = buildProps({\n  separator: {\n    type: String,\n    default: '/',\n  },\n  separatorIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n} as const)\nexport type BreadcrumbProps = ExtractPropTypes<typeof breadcrumbProps>\n"],"names":[],"mappings":";;MAGa,kBAAkB,WAAW;AAAA,EACxC,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,eAAe;AAAA,IACb,MAAM,eAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA;;;;"}
+{"version":3,"file":"breadcrumb2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/packages/components/button/index.mjs

@@ -1,7 +1,7 @@
 import { withInstall, withNoopInstall } from '../../utils/with-install.mjs';
-import './src/button.mjs';
-import './src/button-group2.mjs';
-export { buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType } from './src/button2.mjs';
+import './src/button2.mjs';
+import './src/button-group.mjs';
+export { buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType } from './src/button.mjs';
 import script from './src/button.vue_vue&type=script&lang.mjs';
 import script$1 from './src/button-group.vue_vue&type=script&lang.mjs';
 

package/es/packages/components/button/src/button-group.mjs

@@ -1,9 +1,7 @@
-import { buttonProps } from './button2.mjs';
+import script from './button-group.vue_vue&type=script&lang.mjs';
+export { default } from './button-group.vue_vue&type=script&lang.mjs';
+import { render } from './button-group.vue_vue&type=template&id=1bab7d77&lang.mjs';
 
-const buttonGroupProps = {
-  size: buttonProps.size,
-  type: buttonProps.type
-};
-
-export { buttonGroupProps };
+script.render = render;
+script.__file = "packages/components/button/src/button-group.vue";
 //# sourceMappingURL=button-group.mjs.map

package/es/packages/components/button/src/button-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.mjs","sources":["../../../../../../../packages/components/button/src/button-group.ts"],"sourcesContent":["import { buttonProps } from './button'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const buttonGroupProps = {\n  size: buttonProps.size,\n  type: buttonProps.type,\n} as const\nexport type ButtonGroupProps = ExtractPropTypes<typeof buttonGroupProps>\n"],"names":[],"mappings":";;MAIa,mBAAmB;AAAA,EAC9B,MAAM,YAAY;AAAA,EAClB,MAAM,YAAY;AAAA;;;;"}
+{"version":3,"file":"button-group.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/packages/components/button/src/button-group.vue_vue&type=script&lang.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, provide, reactive, toRef } from 'vue';
 import '../../../tokens/index.mjs';
-import { buttonGroupProps } from './button-group.mjs';
+import { buttonGroupProps } from './button-group2.mjs';
 import { elButtonGroupKey } from '../../../tokens/button.mjs';
 
 var script = defineComponent({

package/es/packages/components/button/src/button-group2.mjs

@@ -1,7 +1,9 @@
-import script from './button-group.vue_vue&type=script&lang.mjs';
-export { default } from './button-group.vue_vue&type=script&lang.mjs';
-import { render } from './button-group.vue_vue&type=template&id=1bab7d77&lang.mjs';
+import { buttonProps } from './button.mjs';
 
-script.render = render;
-script.__file = "packages/components/button/src/button-group.vue";
+const buttonGroupProps = {
+  size: buttonProps.size,
+  type: buttonProps.type
+};
+
+export { buttonGroupProps };
 //# sourceMappingURL=button-group2.mjs.map

package/es/packages/components/button/src/button-group2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button-group2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"button-group2.mjs","sources":["../../../../../../../packages/components/button/src/button-group.ts"],"sourcesContent":["import { buttonProps } from './button'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const buttonGroupProps = {\n  size: buttonProps.size,\n  type: buttonProps.type,\n} as const\nexport type ButtonGroupProps = ExtractPropTypes<typeof buttonGroupProps>\n"],"names":[],"mappings":";;MAIa,mBAAmB;AAAA,EAC9B,MAAM,YAAY;AAAA,EAClB,MAAM,YAAY;AAAA;;;;"}

package/es/packages/components/button/src/button.mjs

@@ -1,7 +1,48 @@
-import script from './button.vue_vue&type=script&lang.mjs';
-export { default } from './button.vue_vue&type=script&lang.mjs';
-import { render } from './button.vue_vue&type=template&id=802c5c76&lang.mjs';
+import '../../../hooks/index.mjs';
+import { buildProps, definePropType } from '../../../utils/props.mjs';
+import { useFormItemProps } from '../../../hooks/use-form-item/index.mjs';
 
-script.render = render;
-script.__file = "packages/components/button/src/button.vue";
+const buttonType = [
+  "default",
+  "primary",
+  "success",
+  "warning",
+  "info",
+  "danger",
+  "text",
+  ""
+];
+const buttonSize = ["", "large", "medium", "small", "mini"];
+const buttonNativeType = ["button", "submit", "reset"];
+const buttonProps = buildProps({
+  ...useFormItemProps,
+  type: {
+    type: String,
+    values: buttonType,
+    default: ""
+  },
+  icon: {
+    type: definePropType([String, Object]),
+    default: ""
+  },
+  nativeType: {
+    type: String,
+    values: buttonNativeType,
+    default: "button"
+  },
+  loading: Boolean,
+  plain: Boolean,
+  autofocus: Boolean,
+  round: Boolean,
+  circle: Boolean,
+  color: String,
+  autoInsertSpace: {
+    type: Boolean
+  }
+});
+const buttonEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
+
+export { buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType };
 //# sourceMappingURL=button.mjs.map

package/es/packages/components/button/src/button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"button.mjs","sources":["../../../../../../../packages/components/button/src/button.ts"],"sourcesContent":["import { useFormItemProps } from '@element-ps/hooks'\nimport { buildProps, definePropType } from '@element-ps/utils/props'\nimport type { ExtractPropTypes, Component } from 'vue'\n\nexport const buttonType = [\n  'default',\n  'primary',\n  'success',\n  'warning',\n  'info',\n  'danger',\n  'text',\n  '',\n] as const\nexport const buttonSize = ['', 'large', 'medium', 'small', 'mini'] as const\nexport const buttonNativeType = ['button', 'submit', 'reset'] as const\n\nexport const buttonProps = buildProps({\n  ...useFormItemProps,\n  type: {\n    type: String,\n    values: buttonType,\n    default: '',\n  },\n  icon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n  nativeType: {\n    type: String,\n    values: buttonNativeType,\n    default: 'button',\n  },\n  loading: Boolean,\n  plain: Boolean,\n  autofocus: Boolean,\n  round: Boolean,\n  circle: Boolean,\n  color: String,\n  autoInsertSpace: {\n    type: Boolean,\n  },\n} as const)\n\nexport interface ButtonConfigContext {\n  autoInsertSpace?: boolean\n}\n\nexport const buttonEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\n\nexport type ButtonProps = ExtractPropTypes<typeof buttonProps>\nexport type ButtonEmits = typeof buttonEmits\n\nexport type ButtonType = ButtonProps['type']\nexport type ButtonNativeType = ButtonProps['nativeType']\n"],"names":[],"mappings":";;;;MAIa,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;MAEW,aAAa,CAAC,IAAI,SAAS,UAAU,SAAS;MAC9C,mBAAmB,CAAC,UAAU,UAAU;MAExC,cAAc,WAAW;AAAA,KACjC;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM,eAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,iBAAiB;AAAA,IACf,MAAM;AAAA;AAAA;MAQG,cAAc;AAAA,EACzB,OAAO,CAAC,QAAoB,eAAe;AAAA;;;;"}

package/es/packages/components/button/src/button.vue_vue&type=script&lang.mjs

@@ -1,9 +1,11 @@
 import { defineComponent, inject, computed } from 'vue';
+import { useCssVar } from '@vueuse/core';
 import '../../../hooks/index.mjs';
 import '../../../tokens/index.mjs';
 import { PsIcon } from '../../icon/index.mjs';
 import { Loading } from '@element-plus/icons';
-import { buttonProps } from './button2.mjs';
+import { darken, lighten } from '../../../utils/color.mjs';
+import { buttonProps } from './button.mjs';
 import { elButtonGroupKey } from '../../../tokens/button.mjs';
 import { useGlobalConfig } from '../../../hooks/use-global-config/index.mjs';
 import { useFormItem } from '../../../hooks/use-form-item/index.mjs';
@@ -38,7 +40,44 @@ var script = defineComponent({
       size: computed(() => elBtnGroup == null ? void 0 : elBtnGroup.size)
     });
     const buttonType = computed(() => props.type || (elBtnGroup == null ? void 0 : elBtnGroup.type) || "default");
+    const typeColor = computed(() => useCssVar(`--el-color-${props.type}`).value);
+    const buttonStyle = computed(() => {
+      let styles = {};
+      const buttonColor = props.color || typeColor.value;
+      if (buttonColor) {
+        const darkenBgColor = darken(buttonColor, 0.1);
+        if (props.plain) {
+          styles = {
+            "--el-button-bg-color": lighten(buttonColor, 0.9),
+            "--el-button-text-color": buttonColor,
+            "--el-button-hover-text-color": "var(--el-color-white)",
+            "--el-button-hover-bg-color": buttonColor,
+            "--el-button-hover-border-color": buttonColor,
+            "--el-button-active-bg-color": darkenBgColor,
+            "--el-button-active-text-color": "var(--el-color-white)",
+            "--el-button-active-border-color": darkenBgColor
+          };
+        } else {
+          const lightenBgColor = lighten(buttonColor);
+          styles = {
+            "--el-button-bg-color": buttonColor,
+            "--el-button-border-color": buttonColor,
+            "--el-button-hover-bg-color": lightenBgColor,
+            "--el-button-hover-border-color": lightenBgColor,
+            "--el-button-active-bg-color": darkenBgColor,
+            "--el-button-active-border-color": darkenBgColor
+          };
+        }
+        if (buttonDisabled.value) {
+          const disabledButtonColor = lighten(buttonColor, 0.5);
+          styles["--el-button-disabled-bg-color"] = disabledButtonColor;
+          styles["--el-button-disabled-border-color"] = disabledButtonColor;
+        }
+      }
+      return styles;
+    });
     return {
+      buttonStyle,
       buttonSize,
       buttonType,
       buttonDisabled,

package/es/packages/components/button/src/button.vue_vue&type=script&lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n  <button\n    :class=\"[\n      'el-button',\n      buttonType ? 'el-button--' + buttonType : '',\n      buttonSize ? 'el-button--' + buttonSize : '',\n      {\n        'is-disabled': buttonDisabled,\n        'is-loading': loading,\n        'is-plain': plain,\n        'is-round': round,\n        'is-circle': circle,\n      },\n    ]\"\n    :disabled=\"buttonDisabled || loading\"\n    :autofocus=\"autofocus\"\n    :type=\"nativeType\"\n  >\n    <ps-icon v-if=\"loading\" class=\"is-loading\"><loading /></ps-icon>\n    <ps-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </ps-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"{ 'el-button__text--expand': shouldAddSpace }\"\n    >\n      <slot></slot>\n    </span>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { computed, inject, defineComponent } from 'vue'\nimport { useFormItem, useGlobalConfig } from '@element-ps/hooks'\nimport { elButtonGroupKey } from '@element-ps/tokens'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { Loading } from '@element-plus/icons'\n\nimport { buttonProps } from './button'\n\nexport default defineComponent({\n  name: 'PsButton',\n  components: {\n    PsIcon,\n    Loading,\n  },\n  props: buttonProps,\n\n  setup(props, { slots }) {\n    const elBtnGroup = inject(elButtonGroupKey, undefined)\n    const globalConfig = useGlobalConfig()\n    const autoInsertSpace = computed(() => {\n      return props.autoInsertSpace ?? globalConfig?.button.autoInsertSpace\n    })\n\n    // add space between two characters in Chinese\n    const shouldAddSpace = computed(() => {\n      const defaultSlot = slots.default?.()\n      if (autoInsertSpace.value && defaultSlot?.length === 1) {\n        const slot = defaultSlot[0]\n        if (slot?.type === Text) {\n          const text = slot.children\n          return /^\\p{Unified_Ideograph}{2}$/u.test(text as string)\n        }\n      }\n      return false\n    })\n    const { size: buttonSize, disabled: buttonDisabled } = useFormItem({\n      size: computed(() => elBtnGroup?.size),\n    })\n    const buttonType = computed(\n      () => props.type || elBtnGroup?.type || 'default'\n    )\n\n    return {\n      buttonSize,\n      buttonType,\n      buttonDisabled,\n\n      shouldAddSpace,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;AAwCA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,SAAS;AACtB,UAAM,aAAa,OAAO,kBAAkB;AAC5C,UAAM,eAAe;AACrB,UAAM,kBAAkB,SAAS,MAAM;;AACrC,aAAO,YAAM,oBAAN,YAAyB,6CAAc,OAAO;AAAA;AAIvD,UAAM,iBAAiB,SAAS,MAAM;;AACpC,YAAM,cAAc,YAAM,YAAN;AACpB,UAAI,gBAAgB,SAAS,4CAAa,YAAW,GAAG;AACtD,cAAM,OAAO,YAAY;AACzB,YAAI,8BAAM,UAAS,MAAM;AACvB,gBAAM,OAAO,KAAK;AAClB,iBAAO,8BAA8B,KAAK;AAAA;AAAA;AAG9C,aAAO;AAAA;AAET,UAAM,EAAE,MAAM,YAAY,UAAU,mBAAmB,YAAY;AAAA,MACjE,MAAM,SAAS,MAAM,yCAAY;AAAA;AAEnC,UAAM,aAAa,SACjB,MAAM,MAAM,kDAAoB,SAAQ;AAG1C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"button.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n  <button\n    :class=\"[\n      'el-button',\n      buttonType ? 'el-button--' + buttonType : '',\n      buttonSize ? 'el-button--' + buttonSize : '',\n      {\n        'is-disabled': buttonDisabled,\n        'is-loading': loading,\n        'is-plain': plain,\n        'is-round': round,\n        'is-circle': circle,\n      },\n    ]\"\n    :disabled=\"buttonDisabled || loading\"\n    :autofocus=\"autofocus\"\n    :type=\"nativeType\"\n    :style=\"buttonStyle\"\n  >\n    <ps-icon v-if=\"loading\" class=\"is-loading\"><loading /></ps-icon>\n    <ps-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </ps-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"{ 'el-button__text--expand': shouldAddSpace }\"\n    >\n      <slot></slot>\n    </span>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { computed, inject, defineComponent } from 'vue'\nimport { useCssVar } from '@vueuse/core'\nimport { useFormItem, useGlobalConfig } from '@element-ps/hooks'\nimport { elButtonGroupKey } from '@element-ps/tokens'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { Loading } from '@element-plus/icons'\nimport { lighten, darken } from '@element-ps/utils/color'\nimport { buttonProps } from './button'\n\nexport default defineComponent({\n  name: 'PsButton',\n  components: {\n    PsIcon,\n    Loading,\n  },\n  props: buttonProps,\n\n  setup(props, { slots }) {\n    const elBtnGroup = inject(elButtonGroupKey, undefined)\n    const globalConfig = useGlobalConfig()\n    const autoInsertSpace = computed(() => {\n      return props.autoInsertSpace ?? globalConfig?.button.autoInsertSpace\n    })\n\n    // add space between two characters in Chinese\n    const shouldAddSpace = computed(() => {\n      const defaultSlot = slots.default?.()\n      if (autoInsertSpace.value && defaultSlot?.length === 1) {\n        const slot = defaultSlot[0]\n        if (slot?.type === Text) {\n          const text = slot.children\n          return /^\\p{Unified_Ideograph}{2}$/u.test(text as string)\n        }\n      }\n      return false\n    })\n    const { size: buttonSize, disabled: buttonDisabled } = useFormItem({\n      size: computed(() => elBtnGroup?.size),\n    })\n    const buttonType = computed(\n      () => props.type || elBtnGroup?.type || 'default'\n    )\n\n    // calculate hover & active color by color\n    const typeColor = computed(\n      () => useCssVar(`--el-color-${props.type}`).value\n    )\n    const buttonStyle = computed(() => {\n      let styles = {}\n\n      const buttonColor = props.color || typeColor.value\n\n      if (buttonColor) {\n        const darkenBgColor = darken(buttonColor, 0.1)\n        if (props.plain) {\n          styles = {\n            '--el-button-bg-color': lighten(buttonColor, 0.9),\n            '--el-button-text-color': buttonColor,\n            '--el-button-hover-text-color': 'var(--el-color-white)',\n            '--el-button-hover-bg-color': buttonColor,\n            '--el-button-hover-border-color': buttonColor,\n            '--el-button-active-bg-color': darkenBgColor,\n            '--el-button-active-text-color': 'var(--el-color-white)',\n            '--el-button-active-border-color': darkenBgColor,\n          }\n        } else {\n          const lightenBgColor = lighten(buttonColor)\n          styles = {\n            '--el-button-bg-color': buttonColor,\n            '--el-button-border-color': buttonColor,\n            '--el-button-hover-bg-color': lightenBgColor,\n            '--el-button-hover-border-color': lightenBgColor,\n            '--el-button-active-bg-color': darkenBgColor,\n            '--el-button-active-border-color': darkenBgColor,\n          }\n        }\n\n        if (buttonDisabled.value) {\n          const disabledButtonColor = lighten(buttonColor, 0.5)\n          styles['--el-button-disabled-bg-color'] = disabledButtonColor\n          styles['--el-button-disabled-border-color'] = disabledButtonColor\n        }\n      }\n\n      return styles\n    })\n\n    return {\n      buttonStyle,\n      buttonSize,\n      buttonType,\n      buttonDisabled,\n\n      shouldAddSpace,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;AA0CA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,SAAS;AACtB,UAAM,aAAa,OAAO,kBAAkB;AAC5C,UAAM,eAAe;AACrB,UAAM,kBAAkB,SAAS,MAAM;;AACrC,aAAO,YAAM,oBAAN,YAAyB,6CAAc,OAAO;AAAA;AAIvD,UAAM,iBAAiB,SAAS,MAAM;;AACpC,YAAM,cAAc,YAAM,YAAN;AACpB,UAAI,gBAAgB,SAAS,4CAAa,YAAW,GAAG;AACtD,cAAM,OAAO,YAAY;AACzB,YAAI,8BAAM,UAAS,MAAM;AACvB,gBAAM,OAAO,KAAK;AAClB,iBAAO,8BAA8B,KAAK;AAAA;AAAA;AAG9C,aAAO;AAAA;AAET,UAAM,EAAE,MAAM,YAAY,UAAU,mBAAmB,YAAY;AAAA,MACjE,MAAM,SAAS,MAAM,yCAAY;AAAA;AAEnC,UAAM,aAAa,SACjB,MAAM,MAAM,kDAAoB,SAAQ;AAI1C,UAAM,YAAY,SAChB,MAAM,UAAU,cAAc,MAAM,QAAQ;AAE9C,UAAM,cAAc,SAAS,MAAM;AACjC,UAAI,SAAS;AAEb,YAAM,cAAc,MAAM,SAAS,UAAU;AAE7C,UAAI,aAAa;AACf,cAAM,gBAAgB,OAAO,aAAa;AAC1C,YAAI,MAAM,OAAO;AACf,mBAAS;AAAA,YACP,wBAAwB,QAAQ,aAAa;AAAA,YAC7C,0BAA0B;AAAA,YAC1B,gCAAgC;AAAA,YAChC,8BAA8B;AAAA,YAC9B,kCAAkC;AAAA,YAClC,+BAA+B;AAAA,YAC/B,iCAAiC;AAAA,YACjC,mCAAmC;AAAA;AAAA,eAEhC;AACL,gBAAM,iBAAiB,QAAQ;AAC/B,mBAAS;AAAA,YACP,wBAAwB;AAAA,YACxB,4BAA4B;AAAA,YAC5B,8BAA8B;AAAA,YAC9B,kCAAkC;AAAA,YAClC,+BAA+B;AAAA,YAC/B,mCAAmC;AAAA;AAAA;AAIvC,YAAI,eAAe,OAAO;AACxB,gBAAM,sBAAsB,QAAQ,aAAa;AACjD,iBAAO,mCAAmC;AAC1C,iBAAO,uCAAuC;AAAA;AAAA;AAIlD,aAAO;AAAA;AAGT,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA;AAAA;;;;"}

package/es/packages/components/button/src/button.vue_vue&type=template&id=802c5c76&lang.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createVNode, resolveDynamicComponent, createCommentVNode, renderSlot } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, withCtx, createVNode, resolveDynamicComponent, createCommentVNode, renderSlot } from 'vue';
 
 const _hoisted_1 = ["disabled", "autofocus", "type"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -19,7 +19,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     disabled: _ctx.buttonDisabled || _ctx.loading,
     autofocus: _ctx.autofocus,
-    type: _ctx.nativeType
+    type: _ctx.nativeType,
+    style: normalizeStyle(_ctx.buttonStyle)
   }, [
     _ctx.loading ? (openBlock(), createBlock(_component_ps_icon, {
       key: 0,
@@ -41,7 +42,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 2)) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1);
+  ], 14, _hoisted_1);
 }
 
 export { render };

package/es/packages/components/button/src/button.vue_vue&type=template&id=802c5c76&lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.vue_vue&type=template&id=802c5c76&lang.mjs","sources":["../../../../../../../packages/components/button/src/button.vue?vue&type=template&id=802c5c76&lang.js"],"sourcesContent":["<template>\n  <button\n    :class=\"[\n      'el-button',\n      buttonType ? 'el-button--' + buttonType : '',\n      buttonSize ? 'el-button--' + buttonSize : '',\n      {\n        'is-disabled': buttonDisabled,\n        'is-loading': loading,\n        'is-plain': plain,\n        'is-round': round,\n        'is-circle': circle,\n      },\n    ]\"\n    :disabled=\"buttonDisabled || loading\"\n    :autofocus=\"autofocus\"\n    :type=\"nativeType\"\n  >\n    <ps-icon v-if=\"loading\" class=\"is-loading\"><loading /></ps-icon>\n    <ps-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </ps-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"{ 'el-button__text--expand': shouldAddSpace }\"\n    >\n      <slot></slot>\n    </span>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { computed, inject, defineComponent } from 'vue'\nimport { useFormItem, useGlobalConfig } from '@element-ps/hooks'\nimport { elButtonGroupKey } from '@element-ps/tokens'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { Loading } from '@element-plus/icons'\n\nimport { buttonProps } from './button'\n\nexport default defineComponent({\n  name: 'PsButton',\n  components: {\n    PsIcon,\n    Loading,\n  },\n  props: buttonProps,\n\n  setup(props, { slots }) {\n    const elBtnGroup = inject(elButtonGroupKey, undefined)\n    const globalConfig = useGlobalConfig()\n    const autoInsertSpace = computed(() => {\n      return props.autoInsertSpace ?? globalConfig?.button.autoInsertSpace\n    })\n\n    // add space between two characters in Chinese\n    const shouldAddSpace = computed(() => {\n      const defaultSlot = slots.default?.()\n      if (autoInsertSpace.value && defaultSlot?.length === 1) {\n        const slot = defaultSlot[0]\n        if (slot?.type === Text) {\n          const text = slot.children\n          return /^\\p{Unified_Ideograph}{2}$/u.test(text as string)\n        }\n      }\n      return false\n    })\n    const { size: buttonSize, disabled: buttonDisabled } = useFormItem({\n      size: computed(() => elBtnGroup?.size),\n    })\n    const buttonType = computed(\n      () => props.type || elBtnGroup?.type || 'default'\n    )\n\n    return {\n      buttonSize,\n      buttonType,\n      buttonDisabled,\n\n      shouldAddSpace,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_createVNode","_renderSlot"],"mappings":";;;;;;sBACEA;IACG;;;;;;;;;;;;IAYA,UAAU,uBAAkB;IAC5B,WAAW;IACX,MAAM;;IAEQ,6BAAfC;;MAAwB,OAAM;AAAA;uBAAa;QAAAC,YAAW;AAAA;AAAA;UAClC,0BAApBD;uBACE;sBAAAA,oCAAgB;;;;IAGV,YAAO,wBADfD;;MAEG,mDAAoC;;MAErCG;;;;;;;"}
+{"version":3,"file":"button.vue_vue&type=template&id=802c5c76&lang.mjs","sources":["../../../../../../../packages/components/button/src/button.vue?vue&type=template&id=802c5c76&lang.js"],"sourcesContent":["<template>\n  <button\n    :class=\"[\n      'el-button',\n      buttonType ? 'el-button--' + buttonType : '',\n      buttonSize ? 'el-button--' + buttonSize : '',\n      {\n        'is-disabled': buttonDisabled,\n        'is-loading': loading,\n        'is-plain': plain,\n        'is-round': round,\n        'is-circle': circle,\n      },\n    ]\"\n    :disabled=\"buttonDisabled || loading\"\n    :autofocus=\"autofocus\"\n    :type=\"nativeType\"\n    :style=\"buttonStyle\"\n  >\n    <ps-icon v-if=\"loading\" class=\"is-loading\"><loading /></ps-icon>\n    <ps-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </ps-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"{ 'el-button__text--expand': shouldAddSpace }\"\n    >\n      <slot></slot>\n    </span>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { computed, inject, defineComponent } from 'vue'\nimport { useCssVar } from '@vueuse/core'\nimport { useFormItem, useGlobalConfig } from '@element-ps/hooks'\nimport { elButtonGroupKey } from '@element-ps/tokens'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { Loading } from '@element-plus/icons'\nimport { lighten, darken } from '@element-ps/utils/color'\nimport { buttonProps } from './button'\n\nexport default defineComponent({\n  name: 'PsButton',\n  components: {\n    PsIcon,\n    Loading,\n  },\n  props: buttonProps,\n\n  setup(props, { slots }) {\n    const elBtnGroup = inject(elButtonGroupKey, undefined)\n    const globalConfig = useGlobalConfig()\n    const autoInsertSpace = computed(() => {\n      return props.autoInsertSpace ?? globalConfig?.button.autoInsertSpace\n    })\n\n    // add space between two characters in Chinese\n    const shouldAddSpace = computed(() => {\n      const defaultSlot = slots.default?.()\n      if (autoInsertSpace.value && defaultSlot?.length === 1) {\n        const slot = defaultSlot[0]\n        if (slot?.type === Text) {\n          const text = slot.children\n          return /^\\p{Unified_Ideograph}{2}$/u.test(text as string)\n        }\n      }\n      return false\n    })\n    const { size: buttonSize, disabled: buttonDisabled } = useFormItem({\n      size: computed(() => elBtnGroup?.size),\n    })\n    const buttonType = computed(\n      () => props.type || elBtnGroup?.type || 'default'\n    )\n\n    // calculate hover & active color by color\n    const typeColor = computed(\n      () => useCssVar(`--el-color-${props.type}`).value\n    )\n    const buttonStyle = computed(() => {\n      let styles = {}\n\n      const buttonColor = props.color || typeColor.value\n\n      if (buttonColor) {\n        const darkenBgColor = darken(buttonColor, 0.1)\n        if (props.plain) {\n          styles = {\n            '--el-button-bg-color': lighten(buttonColor, 0.9),\n            '--el-button-text-color': buttonColor,\n            '--el-button-hover-text-color': 'var(--el-color-white)',\n            '--el-button-hover-bg-color': buttonColor,\n            '--el-button-hover-border-color': buttonColor,\n            '--el-button-active-bg-color': darkenBgColor,\n            '--el-button-active-text-color': 'var(--el-color-white)',\n            '--el-button-active-border-color': darkenBgColor,\n          }\n        } else {\n          const lightenBgColor = lighten(buttonColor)\n          styles = {\n            '--el-button-bg-color': buttonColor,\n            '--el-button-border-color': buttonColor,\n            '--el-button-hover-bg-color': lightenBgColor,\n            '--el-button-hover-border-color': lightenBgColor,\n            '--el-button-active-bg-color': darkenBgColor,\n            '--el-button-active-border-color': darkenBgColor,\n          }\n        }\n\n        if (buttonDisabled.value) {\n          const disabledButtonColor = lighten(buttonColor, 0.5)\n          styles['--el-button-disabled-bg-color'] = disabledButtonColor\n          styles['--el-button-disabled-border-color'] = disabledButtonColor\n        }\n      }\n\n      return styles\n    })\n\n    return {\n      buttonStyle,\n      buttonSize,\n      buttonType,\n      buttonDisabled,\n\n      shouldAddSpace,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_createVNode","_renderSlot"],"mappings":";;;;;;sBACEA;IACG;;;;;;;;;;;;IAYA,UAAU,uBAAkB;IAC5B,WAAW;IACX,MAAM;IACN,sBAAO;;IAEO,6BAAfC;;MAAwB,OAAM;AAAA;uBAAa;QAAAC,YAAW;AAAA;AAAA;UAClC,0BAApBD;uBACE;sBAAAA,oCAAgB;;;;IAGV,YAAO,wBADfD;;MAEG,mDAAoC;;MAErCG;;;;;;;"}

package/es/packages/components/button/src/button2.mjs

@@ -1,47 +1,7 @@
-import '../../../hooks/index.mjs';
-import { buildProps, definePropType } from '../../../utils/props.mjs';
-import { useFormItemProps } from '../../../hooks/use-form-item/index.mjs';
+import script from './button.vue_vue&type=script&lang.mjs';
+export { default } from './button.vue_vue&type=script&lang.mjs';
+import { render } from './button.vue_vue&type=template&id=802c5c76&lang.mjs';
 
-const buttonType = [
-  "default",
-  "primary",
-  "success",
-  "warning",
-  "info",
-  "danger",
-  "text",
-  ""
-];
-const buttonSize = ["", "large", "medium", "small", "mini"];
-const buttonNativeType = ["button", "submit", "reset"];
-const buttonProps = buildProps({
-  ...useFormItemProps,
-  type: {
-    type: String,
-    values: buttonType,
-    default: ""
-  },
-  icon: {
-    type: definePropType([String, Object]),
-    default: ""
-  },
-  nativeType: {
-    type: String,
-    values: buttonNativeType,
-    default: "button"
-  },
-  loading: Boolean,
-  plain: Boolean,
-  autofocus: Boolean,
-  round: Boolean,
-  circle: Boolean,
-  autoInsertSpace: {
-    type: Boolean
-  }
-});
-const buttonEmits = {
-  click: (evt) => evt instanceof MouseEvent
-};
-
-export { buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType };
+script.render = render;
+script.__file = "packages/components/button/src/button.vue";
 //# sourceMappingURL=button2.mjs.map

package/es/packages/components/button/src/button2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button2.mjs","sources":["../../../../../../../packages/components/button/src/button.ts"],"sourcesContent":["import { useFormItemProps } from '@element-ps/hooks'\nimport { buildProps, definePropType } from '@element-ps/utils/props'\nimport type { ExtractPropTypes, Component } from 'vue'\n\nexport const buttonType = [\n  'default',\n  'primary',\n  'success',\n  'warning',\n  'info',\n  'danger',\n  'text',\n  '',\n] as const\nexport const buttonSize = ['', 'large', 'medium', 'small', 'mini'] as const\nexport const buttonNativeType = ['button', 'submit', 'reset'] as const\n\nexport const buttonProps = buildProps({\n  ...useFormItemProps,\n  type: {\n    type: String,\n    values: buttonType,\n    default: '',\n  },\n  icon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n  nativeType: {\n    type: String,\n    values: buttonNativeType,\n    default: 'button',\n  },\n  loading: Boolean,\n  plain: Boolean,\n  autofocus: Boolean,\n  round: Boolean,\n  circle: Boolean,\n  autoInsertSpace: {\n    type: Boolean,\n  },\n} as const)\n\nexport interface ButtonConfigContext {\n  autoInsertSpace?: boolean\n}\n\nexport const buttonEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\n\nexport type ButtonProps = ExtractPropTypes<typeof buttonProps>\nexport type ButtonEmits = typeof buttonEmits\n\nexport type ButtonType = ButtonProps['type']\nexport type ButtonNativeType = ButtonProps['nativeType']\n"],"names":[],"mappings":";;;;MAIa,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;MAEW,aAAa,CAAC,IAAI,SAAS,UAAU,SAAS;MAC9C,mBAAmB,CAAC,UAAU,UAAU;MAExC,cAAc,WAAW;AAAA,KACjC;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM,eAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,iBAAiB;AAAA,IACf,MAAM;AAAA;AAAA;MAQG,cAAc;AAAA,EACzB,OAAO,CAAC,QAAoB,eAAe;AAAA;;;;"}
+{"version":3,"file":"button2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/packages/components/image/index.mjs

@@ -1,6 +1,6 @@
 import { withInstall } from '../../utils/with-install.mjs';
-import './src/image.mjs';
-export { imageEmits, imageProps } from './src/image2.mjs';
+import './src/image2.mjs';
+export { imageEmits, imageProps } from './src/image.mjs';
 import script from './src/image.vue_vue&type=script&lang.mjs';
 
 const PsImage = withInstall(script);

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

@@ -1,7 +1,46 @@
-import script from './image.vue_vue&type=script&lang.mjs';
-export { default } from './image.vue_vue&type=script&lang.mjs';
-import { render } from './image.vue_vue&type=template&id=34467287&lang.mjs';
+import { buildProps, definePropType, mutable } from '../../../utils/props.mjs';
+import { isNumber } from '../../../utils/util.mjs';
 
-script.render = render;
-script.__file = "packages/components/image/src/image.vue";
+const imageProps = buildProps({
+  appendToBody: {
+    type: Boolean,
+    default: false
+  },
+  hideOnClickModal: {
+    type: Boolean,
+    default: false
+  },
+  src: {
+    type: String,
+    default: ""
+  },
+  fit: {
+    type: String,
+    values: ["", "contain", "cover", "fill", "none", "scale-down"],
+    default: ""
+  },
+  lazy: {
+    type: Boolean,
+    default: false
+  },
+  scrollContainer: {
+    type: definePropType([String, Object])
+  },
+  previewSrcList: {
+    type: definePropType(Array),
+    default: () => mutable([])
+  },
+  zIndex: {
+    type: Number,
+    default: 2e3
+  },
+  widget: String
+});
+const imageEmits = {
+  error: (evt) => evt instanceof Event,
+  switch: (val) => isNumber(val),
+  close: () => true
+};
+
+export { imageEmits, imageProps };
 //# sourceMappingURL=image.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"image.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"image.mjs","sources":["../../../../../../../packages/components/image/src/image.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-ps/utils/props'\nimport { isNumber } from '@element-ps/utils/util'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const imageProps = buildProps({\n  appendToBody: {\n    type: Boolean,\n    default: false,\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  zIndex: {\n    type: Number,\n    default: 2000,\n  },\n  widget: String,\n} as const)\nexport type ImageProps = ExtractPropTypes<typeof imageProps>\n\nexport const imageEmits = {\n  error: (evt: Event) => evt instanceof Event,\n  switch: (val: number) => isNumber(val),\n  close: () => true,\n}\nexport type ImageEmits = typeof imageEmits\n"],"names":[],"mappings":";;;MAKa,aAAa,WAAW;AAAA,EACnC,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,KAAK;AAAA,IACH,MAAM;AAAA,IACN,QAAQ,CAAC,IAAI,WAAW,SAAS,QAAQ,QAAQ;AAAA,IACjD,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,iBAAiB;AAAA,IACf,MAAM,eAAiD,CAAC,QAAQ;AAAA;AAAA,EAElE,gBAAgB;AAAA,IACd,MAAM,eAAyB;AAAA,IAC/B,SAAS,MAAM,QAAQ;AAAA;AAAA,EAEzB,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA;MAIG,aAAa;AAAA,EACxB,OAAO,CAAC,QAAe,eAAe;AAAA,EACtC,QAAQ,CAAC,QAAgB,SAAS;AAAA,EAClC,OAAO,MAAM;AAAA;;;;"}

package/es/packages/components/image/src/image.vue_vue&type=script&lang.mjs

@@ -5,7 +5,7 @@ import '../../../hooks/index.mjs';
 import { PsImageViewer } from '../../image-viewer/index.mjs';
 import isServer from '../../../utils/isServer.mjs';
 import { isInContainer, getScrollContainer } from '../../../utils/dom.mjs';
-import { imageProps, imageEmits } from './image2.mjs';
+import { imageProps, imageEmits } from './image.mjs';
 import { useLocaleInject } from '../../../hooks/use-locale/index.mjs';
 import useAttrs from '../../../hooks/use-attrs/index.mjs';
 

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

@@ -1,46 +1,7 @@
-import { buildProps, definePropType, mutable } from '../../../utils/props.mjs';
-import { isNumber } from '../../../utils/util.mjs';
+import script from './image.vue_vue&type=script&lang.mjs';
+export { default } from './image.vue_vue&type=script&lang.mjs';
+import { render } from './image.vue_vue&type=template&id=34467287&lang.mjs';
 
-const imageProps = buildProps({
-  appendToBody: {
-    type: Boolean,
-    default: false
-  },
-  hideOnClickModal: {
-    type: Boolean,
-    default: false
-  },
-  src: {
-    type: String,
-    default: ""
-  },
-  fit: {
-    type: String,
-    values: ["", "contain", "cover", "fill", "none", "scale-down"],
-    default: ""
-  },
-  lazy: {
-    type: Boolean,
-    default: false
-  },
-  scrollContainer: {
-    type: definePropType([String, Object])
-  },
-  previewSrcList: {
-    type: definePropType(Array),
-    default: () => mutable([])
-  },
-  zIndex: {
-    type: Number,
-    default: 2e3
-  },
-  widget: String
-});
-const imageEmits = {
-  error: (evt) => evt instanceof Event,
-  switch: (val) => isNumber(val),
-  close: () => true
-};
-
-export { imageEmits, imageProps };
+script.render = render;
+script.__file = "packages/components/image/src/image.vue";
 //# sourceMappingURL=image2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"image2.mjs","sources":["../../../../../../../packages/components/image/src/image.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-ps/utils/props'\nimport { isNumber } from '@element-ps/utils/util'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const imageProps = buildProps({\n  appendToBody: {\n    type: Boolean,\n    default: false,\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  zIndex: {\n    type: Number,\n    default: 2000,\n  },\n  widget: String,\n} as const)\nexport type ImageProps = ExtractPropTypes<typeof imageProps>\n\nexport const imageEmits = {\n  error: (evt: Event) => evt instanceof Event,\n  switch: (val: number) => isNumber(val),\n  close: () => true,\n}\nexport type ImageEmits = typeof imageEmits\n"],"names":[],"mappings":";;;MAKa,aAAa,WAAW;AAAA,EACnC,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,KAAK;AAAA,IACH,MAAM;AAAA,IACN,QAAQ,CAAC,IAAI,WAAW,SAAS,QAAQ,QAAQ;AAAA,IACjD,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,iBAAiB;AAAA,IACf,MAAM,eAAiD,CAAC,QAAQ;AAAA;AAAA,EAElE,gBAAgB;AAAA,IACd,MAAM,eAAyB;AAAA,IAC/B,SAAS,MAAM,QAAQ;AAAA;AAAA,EAEzB,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA;MAIG,aAAa;AAAA,EACxB,OAAO,CAAC,QAAe,eAAe;AAAA,EACtC,QAAQ,CAAC,QAAgB,SAAS;AAAA,EAClC,OAAO,MAAM;AAAA;;;;"}
+{"version":3,"file":"image2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/packages/components/index.mjs

@@ -70,10 +70,10 @@ export { affixProps } from './affix/src/affix.mjs';
 export { alertProps } from './alert/src/alert.mjs';
 export { avatarProps } from './avatar/src/avatar2.mjs';
 export { backtopProps } from './backtop/src/backtop.mjs';
-export { badgeProps } from './badge/src/badge2.mjs';
-export { breadcrumbProps } from './breadcrumb/src/breadcrumb2.mjs';
+export { badgeProps } from './badge/src/badge.mjs';
+export { breadcrumbProps } from './breadcrumb/src/breadcrumb.mjs';
 export { breadcrumbItemProps } from './breadcrumb/src/breadcrumb-item.mjs';
-export { buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType } from './button/src/button2.mjs';
+export { buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType } from './button/src/button.mjs';
 export { cardProps } from './card/src/card.mjs';
 export { CASCADER_PANEL_INJECTION_KEY, ExpandTrigger } from './cascader-panel/src/types.mjs';
 export { CommonProps, DefaultProps, useCascaderConfig } from './cascader-panel/src/config.mjs';
@@ -84,7 +84,7 @@ export { dialogProps } from './dialog/src/dialog.mjs';
 export { dividerProps } from './divider/src/divider.mjs';
 export { emptyProps } from './empty/src/empty.mjs';
 export { iconProps } from './icon/src/icon.mjs';
-export { imageEmits, imageProps } from './image/src/image2.mjs';
+export { imageEmits, imageProps } from './image/src/image.mjs';
 export { imageViewerProps } from './image-viewer/src/image-viewer.mjs';
 export { inputProps } from './input/src/input.mjs';
 export { inputNumberProps } from './input-number/src/input-number.mjs';
@@ -107,7 +107,7 @@ export { selectGroupKey, selectKey } from './select/src/token.mjs';
 export { selectV2InjectionKey } from './select-v2/src/token.mjs';
 export { spaceProps } from './space/src/space.mjs';
 export { useSpace } from './space/src/use-space.mjs';
-export { tagProps } from './tag/src/tag2.mjs';
+export { tagProps } from './tag/src/tag.mjs';
 export { extractDateFormat, extractTimeFormat, rangeArr } from './time-picker/src/common/date-utils.mjs';
 export { DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME } from './time-picker/src/common/constant.mjs';
 export { timePickerDefaultProps } from './time-picker/src/common/props.mjs';

package/es/packages/components/popconfirm/src/popconfirm.mjs

@@ -1,6 +1,6 @@
 import '../../button/index.mjs';
 import { buildProps } from '../../../utils/props.mjs';
-import { buttonType } from '../../button/src/button2.mjs';
+import { buttonType } from '../../button/src/button.mjs';
 
 const popconfirmProps = buildProps({
   title: {

package/es/packages/components/tag/index.mjs

@@ -1,6 +1,6 @@
 import { withInstall } from '../../utils/with-install.mjs';
-import './src/tag.mjs';
-export { tagProps } from './src/tag2.mjs';
+import './src/tag2.mjs';
+export { tagProps } from './src/tag.mjs';
 import script from './src/tag.vue_vue&type=script&lang.mjs';
 
 const PsTag = withInstall(script);

package/es/packages/components/tag/src/tag.mjs

@@ -1,7 +1,28 @@
-import script from './tag.vue_vue&type=script&lang.mjs';
-export { default } from './tag.vue_vue&type=script&lang.mjs';
-import { render } from './tag.vue_vue&type=template&id=525996c5&lang.mjs';
+import { buildProps } from '../../../utils/props.mjs';
 
-script.render = render;
-script.__file = "packages/components/tag/src/tag.vue";
+const tagProps = buildProps({
+  closable: Boolean,
+  type: {
+    type: String,
+    values: ["success", "info", "warning", "danger", ""],
+    default: ""
+  },
+  hit: Boolean,
+  disableTransitions: Boolean,
+  color: {
+    type: String,
+    default: ""
+  },
+  size: {
+    type: String,
+    values: ["large", "medium", "small", "mini"]
+  },
+  effect: {
+    type: String,
+    values: ["dark", "light", "plain"],
+    default: "light"
+  }
+});
+
+export { tagProps };
 //# sourceMappingURL=tag.mjs.map