element-ps 1.0.6 → 1.0.10

package/lib/index.js

@@ -12,16 +12,16 @@ var index = require('./packages/components/affix/index.js');
 var alert = require('./packages/components/alert/src/alert.js');
 var index$1 = require('./packages/components/alert/index.js');
 var index$2 = require('./packages/components/autocomplete/index.js');
-var avatar = require('./packages/components/avatar/src/avatar2.js');
+var avatar = require('./packages/components/avatar/src/avatar.js');
 var index$3 = require('./packages/components/avatar/index.js');
 var backtop = require('./packages/components/backtop/src/backtop.js');
 var index$4 = require('./packages/components/backtop/index.js');
-var badge = require('./packages/components/badge/src/badge2.js');
+var badge = require('./packages/components/badge/src/badge.js');
 var index$5 = require('./packages/components/badge/index.js');
 var breadcrumb = require('./packages/components/breadcrumb/src/breadcrumb2.js');
 var breadcrumbItem = require('./packages/components/breadcrumb/src/breadcrumb-item.js');
 var index$6 = require('./packages/components/breadcrumb/index.js');
-var button = require('./packages/components/button/src/button2.js');
+var button = require('./packages/components/button/src/button.js');
 var index$7 = require('./packages/components/button/index.js');
 var index$8 = require('./packages/components/calendar/index.js');
 var card = require('./packages/components/card/src/card.js');
@@ -49,12 +49,12 @@ var divider = require('./packages/components/divider/src/divider.js');
 var index$n = require('./packages/components/divider/index.js');
 var index$o = require('./packages/components/drawer/index.js');
 var index$p = require('./packages/components/dropdown/index.js');
-var empty = require('./packages/components/empty/src/empty.js');
+var empty = require('./packages/components/empty/src/empty2.js');
 var index$q = require('./packages/components/empty/index.js');
 var index$r = require('./packages/components/form/index.js');
-var icon = require('./packages/components/icon/src/icon.js');
+var icon = require('./packages/components/icon/src/icon2.js');
 var index$s = require('./packages/components/icon/index.js');
-var image = require('./packages/components/image/src/image2.js');
+var image = require('./packages/components/image/src/image.js');
 var index$t = require('./packages/components/image/index.js');
 var imageViewer = require('./packages/components/image-viewer/src/image-viewer.js');
 var index$u = require('./packages/components/image-viewer/index.js');
@@ -66,12 +66,12 @@ var link = require('./packages/components/link/src/link.js');
 var index$x = require('./packages/components/link/index.js');
 var menu = require('./packages/components/menu/src/menu.js');
 var menuItem = require('./packages/components/menu/src/menu-item.js');
-var menuItemGroup = require('./packages/components/menu/src/menu-item-group.js');
+var menuItemGroup = require('./packages/components/menu/src/menu-item-group2.js');
 var subMenu = require('./packages/components/menu/src/sub-menu.js');
 var index$y = require('./packages/components/menu/index.js');
 var overlay = require('./packages/components/overlay/src/overlay.js');
 var index$z = require('./packages/components/overlay/index.js');
-var pageHeader = require('./packages/components/page-header/src/page-header.js');
+var pageHeader = require('./packages/components/page-header/src/page-header2.js');
 var index$A = require('./packages/components/page-header/index.js');
 var pagination = require('./packages/components/pagination/src/pagination.js');
 var index$B = require('./packages/components/pagination/index.js');

package/lib/packages/components/avatar/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/avatar.js');
-var avatar = require('./src/avatar2.js');
+require('./src/avatar2.js');
+var avatar = require('./src/avatar.js');
 var avatar_vue_vue_type_script_lang = require('./src/avatar.vue_vue&type=script&lang.js');
 
 const PsAvatar = withInstall.withInstall(avatar_vue_vue_type_script_lang["default"]);

package/lib/packages/components/avatar/src/avatar.js

@@ -2,11 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var avatar_vue_vue_type_script_lang = require('./avatar.vue_vue&type=script&lang.js');
-var avatar_vue_vue_type_template_id_46e3f365_lang = require('./avatar.vue_vue&type=template&id=46e3f365&lang.js');
+var props = require('../../../utils/props.js');
 
-avatar_vue_vue_type_script_lang["default"].render = avatar_vue_vue_type_template_id_46e3f365_lang.render;
-avatar_vue_vue_type_script_lang["default"].__file = "packages/components/avatar/src/avatar.vue";
+const avatarProps = props.buildProps({
+  size: {
+    type: [Number, String],
+    values: ["large", "medium", "small"],
+    default: "large",
+    validator: (val) => typeof val === "number"
+  },
+  shape: {
+    type: String,
+    values: ["circle", "square"],
+    default: "circle"
+  },
+  icon: {
+    type: props.definePropType([String, Object])
+  },
+  src: {
+    type: String,
+    default: ""
+  },
+  alt: String,
+  srcSet: String,
+  fit: {
+    type: props.definePropType(String),
+    default: "cover"
+  }
+});
 
-exports["default"] = avatar_vue_vue_type_script_lang["default"];
+exports.avatarProps = avatarProps;
 //# sourceMappingURL=avatar.js.map

package/lib/packages/components/avatar/src/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"avatar.js","sources":["../../../../../../../packages/components/avatar/src/avatar.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\nimport type { ExtractPropTypes, Component } from 'vue'\nimport type { ObjectFitProperty } from 'csstype'\n\nexport const avatarProps = buildProps({\n  size: {\n    type: [Number, String],\n    values: ['large', 'medium', 'small'],\n    default: 'large',\n    validator: (val: unknown): val is number => typeof val === 'number',\n  },\n  shape: {\n    type: String,\n    values: ['circle', 'square'],\n    default: 'circle',\n  },\n  icon: {\n    type: definePropType<string | Component>([String, Object]),\n  },\n  src: {\n    type: String,\n    default: '',\n  },\n  alt: String,\n  srcSet: String,\n  fit: {\n    type: definePropType<ObjectFitProperty>(String),\n    default: 'cover',\n  },\n} as const)\nexport type AvatarProps = ExtractPropTypes<typeof avatarProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;MAIa,cAAcA,iBAAW;AAAA,EACpC,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ;AAAA,IACf,QAAQ,CAAC,SAAS,UAAU;AAAA,IAC5B,SAAS;AAAA,IACT,WAAW,CAAC,QAAgC,OAAO,QAAQ;AAAA;AAAA,EAE7D,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC,UAAU;AAAA,IACnB,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAMC,qBAAmC,CAAC,QAAQ;AAAA;AAAA,EAEpD,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,KAAK;AAAA,IACH,MAAMA,qBAAkC;AAAA,IACxC,SAAS;AAAA;AAAA;;;;"}

package/lib/packages/components/avatar/src/avatar.vue_vue&type=script&lang.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var index = require('../../icon/index.js');
-var avatar = require('./avatar2.js');
+var avatar = require('./avatar.js');
 
 var script = vue.defineComponent({
   name: "PsAvatar",

package/lib/packages/components/avatar/src/avatar2.js

@@ -2,34 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var props = require('../../../utils/props.js');
+var avatar_vue_vue_type_script_lang = require('./avatar.vue_vue&type=script&lang.js');
+var avatar_vue_vue_type_template_id_46e3f365_lang = require('./avatar.vue_vue&type=template&id=46e3f365&lang.js');
 
-const avatarProps = props.buildProps({
-  size: {
-    type: [Number, String],
-    values: ["large", "medium", "small"],
-    default: "large",
-    validator: (val) => typeof val === "number"
-  },
-  shape: {
-    type: String,
-    values: ["circle", "square"],
-    default: "circle"
-  },
-  icon: {
-    type: props.definePropType([String, Object])
-  },
-  src: {
-    type: String,
-    default: ""
-  },
-  alt: String,
-  srcSet: String,
-  fit: {
-    type: props.definePropType(String),
-    default: "cover"
-  }
-});
+avatar_vue_vue_type_script_lang["default"].render = avatar_vue_vue_type_template_id_46e3f365_lang.render;
+avatar_vue_vue_type_script_lang["default"].__file = "packages/components/avatar/src/avatar.vue";
 
-exports.avatarProps = avatarProps;
+exports["default"] = avatar_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=avatar2.js.map

package/lib/packages/components/avatar/src/avatar2.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar2.js","sources":["../../../../../../../packages/components/avatar/src/avatar.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\nimport type { ExtractPropTypes, Component } from 'vue'\nimport type { ObjectFitProperty } from 'csstype'\n\nexport const avatarProps = buildProps({\n  size: {\n    type: [Number, String],\n    values: ['large', 'medium', 'small'],\n    default: 'large',\n    validator: (val: unknown): val is number => typeof val === 'number',\n  },\n  shape: {\n    type: String,\n    values: ['circle', 'square'],\n    default: 'circle',\n  },\n  icon: {\n    type: definePropType<string | Component>([String, Object]),\n  },\n  src: {\n    type: String,\n    default: '',\n  },\n  alt: String,\n  srcSet: String,\n  fit: {\n    type: definePropType<ObjectFitProperty>(String),\n    default: 'cover',\n  },\n} as const)\nexport type AvatarProps = ExtractPropTypes<typeof avatarProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;MAIa,cAAcA,iBAAW;AAAA,EACpC,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ;AAAA,IACf,QAAQ,CAAC,SAAS,UAAU;AAAA,IAC5B,SAAS;AAAA,IACT,WAAW,CAAC,QAAgC,OAAO,QAAQ;AAAA;AAAA,EAE7D,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC,UAAU;AAAA,IACnB,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAMC,qBAAmC,CAAC,QAAQ;AAAA;AAAA,EAEpD,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,KAAK;AAAA,IACH,MAAMA,qBAAkC;AAAA,IACxC,SAAS;AAAA;AAAA;;;;"}
+{"version":3,"file":"avatar2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/packages/components/badge/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/badge.js');
-var badge = require('./src/badge2.js');
+require('./src/badge2.js');
+var badge = require('./src/badge.js');
 var badge_vue_vue_type_script_lang = require('./src/badge.vue_vue&type=script&lang.js');
 
 const PsBadge = withInstall.withInstall(badge_vue_vue_type_script_lang["default"]);

package/lib/packages/components/badge/src/badge.js

@@ -2,11 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var badge_vue_vue_type_script_lang = require('./badge.vue_vue&type=script&lang.js');
-var badge_vue_vue_type_template_id_020a5517_lang = require('./badge.vue_vue&type=template&id=020a5517&lang.js');
+var props = require('../../../utils/props.js');
 
-badge_vue_vue_type_script_lang["default"].render = badge_vue_vue_type_template_id_020a5517_lang.render;
-badge_vue_vue_type_script_lang["default"].__file = "packages/components/badge/src/badge.vue";
+const badgeProps = props.buildProps({
+  value: {
+    type: [String, Number],
+    default: ""
+  },
+  max: {
+    type: Number,
+    default: 99
+  },
+  isDot: Boolean,
+  hidden: Boolean,
+  type: {
+    type: String,
+    values: ["primary", "success", "warning", "info", "danger"],
+    default: "danger"
+  }
+});
 
-exports["default"] = badge_vue_vue_type_script_lang["default"];
+exports.badgeProps = badgeProps;
 //# sourceMappingURL=badge.js.map

package/lib/packages/components/badge/src/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"badge.js","sources":["../../../../../../../packages/components/badge/src/badge.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const badgeProps = buildProps({\n  value: {\n    type: [String, Number],\n    default: '',\n  },\n  max: {\n    type: Number,\n    default: 99,\n  },\n  isDot: Boolean,\n  hidden: Boolean,\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'danger'],\n    default: 'danger',\n  },\n} as const)\nexport type BadgeProps = ExtractPropTypes<typeof badgeProps>\n"],"names":["buildProps"],"mappings":";;;;;;MAIa,aAAaA,iBAAW;AAAA,EACnC,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ;AAAA,IACf,SAAS;AAAA;AAAA,EAEX,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,CAAC,WAAW,WAAW,WAAW,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA;;;;"}

package/lib/packages/components/badge/src/badge.vue_vue&type=script&lang.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var badge = require('./badge2.js');
+var badge = require('./badge.js');
 
 var script = vue.defineComponent({
   name: "PsBadge",

package/lib/packages/components/badge/src/badge2.js

@@ -2,25 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var props = require('../../../utils/props.js');
+var badge_vue_vue_type_script_lang = require('./badge.vue_vue&type=script&lang.js');
+var badge_vue_vue_type_template_id_020a5517_lang = require('./badge.vue_vue&type=template&id=020a5517&lang.js');
 
-const badgeProps = props.buildProps({
-  value: {
-    type: [String, Number],
-    default: ""
-  },
-  max: {
-    type: Number,
-    default: 99
-  },
-  isDot: Boolean,
-  hidden: Boolean,
-  type: {
-    type: String,
-    values: ["primary", "success", "warning", "info", "danger"],
-    default: "danger"
-  }
-});
+badge_vue_vue_type_script_lang["default"].render = badge_vue_vue_type_template_id_020a5517_lang.render;
+badge_vue_vue_type_script_lang["default"].__file = "packages/components/badge/src/badge.vue";
 
-exports.badgeProps = badgeProps;
+exports["default"] = badge_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=badge2.js.map

package/lib/packages/components/badge/src/badge2.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge2.js","sources":["../../../../../../../packages/components/badge/src/badge.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const badgeProps = buildProps({\n  value: {\n    type: [String, Number],\n    default: '',\n  },\n  max: {\n    type: Number,\n    default: 99,\n  },\n  isDot: Boolean,\n  hidden: Boolean,\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'danger'],\n    default: 'danger',\n  },\n} as const)\nexport type BadgeProps = ExtractPropTypes<typeof badgeProps>\n"],"names":["buildProps"],"mappings":";;;;;;MAIa,aAAaA,iBAAW;AAAA,EACnC,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ;AAAA,IACf,SAAS;AAAA;AAAA,EAEX,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,CAAC,WAAW,WAAW,WAAW,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA;;;;"}
+{"version":3,"file":"badge2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/packages/components/button/index.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/button.js');
+require('./src/button2.js');
 require('./src/button-group2.js');
-var button = require('./src/button2.js');
+var button = require('./src/button.js');
 var button_vue_vue_type_script_lang = require('./src/button.vue_vue&type=script&lang.js');
 var buttonGroup_vue_vue_type_script_lang = require('./src/button-group.vue_vue&type=script&lang.js');
 

package/lib/packages/components/button/src/button-group.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var button = require('./button2.js');
+var button = require('./button.js');
 
 const buttonGroupProps = {
   size: button.buttonProps.size,

package/lib/packages/components/button/src/button.js

@@ -2,11 +2,55 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var button_vue_vue_type_script_lang = require('./button.vue_vue&type=script&lang.js');
-var button_vue_vue_type_template_id_802c5c76_lang = require('./button.vue_vue&type=template&id=802c5c76&lang.js');
+require('../../../hooks/index.js');
+var props = require('../../../utils/props.js');
+var index = require('../../../hooks/use-form-item/index.js');
 
-button_vue_vue_type_script_lang["default"].render = button_vue_vue_type_template_id_802c5c76_lang.render;
-button_vue_vue_type_script_lang["default"].__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 = props.buildProps({
+  ...index.useFormItemProps,
+  type: {
+    type: String,
+    values: buttonType,
+    default: ""
+  },
+  icon: {
+    type: props.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
+};
 
-exports["default"] = button_vue_vue_type_script_lang["default"];
+exports.buttonEmits = buttonEmits;
+exports.buttonNativeType = buttonNativeType;
+exports.buttonProps = buttonProps;
+exports.buttonSize = buttonSize;
+exports.buttonType = buttonType;
 //# sourceMappingURL=button.js.map

package/lib/packages/components/button/src/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"button.js","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":["buildProps","useFormItemProps","definePropType"],"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,cAAcA,iBAAW;AAAA,KACjCC;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAMC,qBAAmC,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/lib/packages/components/button/src/button.vue_vue&type=script&lang.js

@@ -3,11 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var core = require('@vueuse/core');
 require('../../../hooks/index.js');
 require('../../../tokens/index.js');
 var index = require('../../icon/index.js');
 var icons = require('@element-plus/icons');
-var button = require('./button2.js');
+var color = require('../../../utils/color.js');
+var button = require('./button.js');
 var button$1 = require('../../../tokens/button.js');
 var index$1 = require('../../../hooks/use-global-config/index.js');
 var index$2 = require('../../../hooks/use-form-item/index.js');
@@ -42,7 +44,44 @@ var script = vue.defineComponent({
       size: vue.computed(() => elBtnGroup == null ? void 0 : elBtnGroup.size)
     });
     const buttonType = vue.computed(() => props.type || (elBtnGroup == null ? void 0 : elBtnGroup.type) || "default");
+    const typeColor = vue.computed(() => core.useCssVar(`--el-color-${props.type}`).value);
+    const buttonStyle = vue.computed(() => {
+      let styles = {};
+      const buttonColor = props.color || typeColor.value;
+      if (buttonColor) {
+        const darkenBgColor = color.darken(buttonColor, 0.1);
+        if (props.plain) {
+          styles = {
+            "--el-button-bg-color": 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 = color.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 = color.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/lib/packages/components/button/src/button.vue_vue&type=script&lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.vue_vue&type=script&lang.js","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":["defineComponent","PsIcon","Loading","buttonProps","inject","elButtonGroupKey","useGlobalConfig","computed","useFormItem"],"mappings":";;;;;;;;;;;;;;AAwCA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,YACVC;AAAA,aACAC;AAAA;AAAA,EAEF,OAAOC;AAAA,EAEP,MAAM,OAAO,EAAE,SAAS;AACtB,UAAM,aAAaC,WAAOC,2BAAkB;AAC5C,UAAM,eAAeC;AACrB,UAAM,kBAAkBC,aAAS,MAAM;;AACrC,aAAO,YAAM,oBAAN,YAAyB,6CAAc,OAAO;AAAA;AAIvD,UAAM,iBAAiBA,aAAS,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,mBAAmBC,oBAAY;AAAA,MACjE,MAAMD,aAAS,MAAM,yCAAY;AAAA;AAEnC,UAAM,aAAaA,aACjB,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.js","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":["defineComponent","PsIcon","Loading","buttonProps","inject","elButtonGroupKey","useGlobalConfig","computed","useFormItem","useCssVar","darken","lighten"],"mappings":";;;;;;;;;;;;;;;;AA0CA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,YACVC;AAAA,aACAC;AAAA;AAAA,EAEF,OAAOC;AAAA,EAEP,MAAM,OAAO,EAAE,SAAS;AACtB,UAAM,aAAaC,WAAOC,2BAAkB;AAC5C,UAAM,eAAeC;AACrB,UAAM,kBAAkBC,aAAS,MAAM;;AACrC,aAAO,YAAM,oBAAN,YAAyB,6CAAc,OAAO;AAAA;AAIvD,UAAM,iBAAiBA,aAAS,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,mBAAmBC,oBAAY;AAAA,MACjE,MAAMD,aAAS,MAAM,yCAAY;AAAA;AAEnC,UAAM,aAAaA,aACjB,MAAM,MAAM,kDAAoB,SAAQ;AAI1C,UAAM,YAAYA,aAChB,MAAME,eAAU,cAAc,MAAM,QAAQ;AAE9C,UAAM,cAAcF,aAAS,MAAM;AACjC,UAAI,SAAS;AAEb,YAAM,cAAc,MAAM,SAAS,UAAU;AAE7C,UAAI,aAAa;AACf,cAAM,gBAAgBG,aAAO,aAAa;AAC1C,YAAI,MAAM,OAAO;AACf,mBAAS;AAAA,YACP,wBAAwBC,cAAQ,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,iBAAiBA,cAAQ;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,sBAAsBA,cAAQ,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/lib/packages/components/button/src/button.vue_vue&type=template&id=802c5c76&lang.js

@@ -23,7 +23,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     disabled: _ctx.buttonDisabled || _ctx.loading,
     autofocus: _ctx.autofocus,
-    type: _ctx.nativeType
+    type: _ctx.nativeType,
+    style: vue.normalizeStyle(_ctx.buttonStyle)
   }, [
     _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_ps_icon, {
       key: 0,
@@ -45,7 +46,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2)) : vue.createCommentVNode("v-if", true)
-  ], 10, _hoisted_1);
+  ], 14, _hoisted_1);
 }
 
 exports.render = render;

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

@@ -1 +1 @@
-{"version":3,"file":"button.vue_vue&type=template&id=802c5c76&lang.js","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":";;;;;;;;;;0BACEA;IACG;;;;;;;;;;;;IAYA,UAAU,uBAAkB;IAC5B,WAAW;IACX,MAAM;;IAEQ,iCAAfC;;MAAwB,OAAM;AAAA;2BAAa;QAAAC,gBAAW;AAAA;AAAA;UAClC,8BAApBD;2BACE;0BAAAA,4CAAgB;;;;IAGV,YAAO,4BADfD;;MAEG,uDAAoC;;MAErCG;;;;;;;"}
+{"version":3,"file":"button.vue_vue&type=template&id=802c5c76&lang.js","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":";;;;;;;;;;0BACEA;IACG;;;;;;;;;;;;IAYA,UAAU,uBAAkB;IAC5B,WAAW;IACX,MAAM;IACN,0BAAO;;IAEO,iCAAfC;;MAAwB,OAAM;AAAA;2BAAa;QAAAC,gBAAW;AAAA;AAAA;UAClC,8BAApBD;2BACE;0BAAAA,4CAAgB;;;;IAGV,YAAO,4BADfD;;MAEG,uDAAoC;;MAErCG;;;;;;;"}

package/lib/packages/components/button/src/button2.js

@@ -2,54 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../hooks/index.js');
-var props = require('../../../utils/props.js');
-var index = require('../../../hooks/use-form-item/index.js');
+var button_vue_vue_type_script_lang = require('./button.vue_vue&type=script&lang.js');
+var button_vue_vue_type_template_id_802c5c76_lang = require('./button.vue_vue&type=template&id=802c5c76&lang.js');
 
-const buttonType = [
-  "default",
-  "primary",
-  "success",
-  "warning",
-  "info",
-  "danger",
-  "text",
-  ""
-];
-const buttonSize = ["", "large", "medium", "small", "mini"];
-const buttonNativeType = ["button", "submit", "reset"];
-const buttonProps = props.buildProps({
-  ...index.useFormItemProps,
-  type: {
-    type: String,
-    values: buttonType,
-    default: ""
-  },
-  icon: {
-    type: props.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
-};
+button_vue_vue_type_script_lang["default"].render = button_vue_vue_type_template_id_802c5c76_lang.render;
+button_vue_vue_type_script_lang["default"].__file = "packages/components/button/src/button.vue";
 
-exports.buttonEmits = buttonEmits;
-exports.buttonNativeType = buttonNativeType;
-exports.buttonProps = buttonProps;
-exports.buttonSize = buttonSize;
-exports.buttonType = buttonType;
+exports["default"] = button_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=button2.js.map

package/lib/packages/components/button/src/button2.js.map

@@ -1 +1 @@
-{"version":3,"file":"button2.js","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":["buildProps","useFormItemProps","definePropType"],"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,cAAcA,iBAAW;AAAA,KACjCC;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAMC,qBAAmC,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.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/packages/components/cascader-panel/src/config.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var shared = require('@vue/shared');
-var node = require('./node.js');
+var node = require('./node2.js');
 
 const CommonProps = {
   modelValue: [Number, String, Array],

package/lib/packages/components/cascader-panel/src/index.vue_vue&type=script&lang.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 require('./menu.js');
-var node = require('./node.js');
+var node = require('./node2.js');
 var config = require('./config.js');
 var types = require('./types.js');
 var store = require('./store.js');

package/lib/packages/components/cascader-panel/src/menu.vue_vue&type=script&lang.js

@@ -6,7 +6,7 @@ var vue = require('vue');
 var index = require('../../scrollbar/index.js');
 require('../../../hooks/index.js');
 var util = require('../../../utils/util.js');
-require('./node2.js');
+require('./node.js');
 var types = require('./types.js');
 var node_vue_vue_type_script_lang = require('./node.vue_vue&type=script&lang.js');
 var index$1 = require('../../../hooks/use-locale/index.js');