@element-plus/nightly 0.0.20220901 → 0.0.20220902

package/lib/components/affix/src/affix2.js

@@ -2,36 +2,124 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-require('../../../constants/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
 var core = require('@vueuse/core');
-var event = require('../../../constants/event.js');
+require('../../../utils/index.js');
+require('../../../hooks/index.js');
+var affix = require('./affix.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var error = require('../../../utils/error.js');
+var scroll = require('../../../utils/dom/scroll.js');
 
-const affixProps = runtime.buildProps({
-  zIndex: {
-    type: runtime.definePropType([Number, String]),
-    default: 100
-  },
-  target: {
-    type: String,
-    default: ""
-  },
-  offset: {
-    type: Number,
-    default: 0
-  },
-  position: {
-    type: String,
-    values: ["top", "bottom"],
-    default: "top"
+const __default__ = {
+  name: "ElAffix"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: affix.affixProps,
+  emits: affix.affixEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const COMPONENT_NAME = "ElAffix";
+    const ns = index.useNamespace("affix");
+    const target = vue.shallowRef();
+    const root = vue.shallowRef();
+    const scrollContainer = vue.shallowRef();
+    const { height: windowHeight } = core.useWindowSize();
+    const {
+      height: rootHeight,
+      width: rootWidth,
+      top: rootTop,
+      bottom: rootBottom,
+      update: updateRoot
+    } = core.useElementBounding(root);
+    const targetRect = core.useElementBounding(target);
+    const fixed = vue.ref(false);
+    const scrollTop = vue.ref(0);
+    const transform = vue.ref(0);
+    const rootStyle = vue.computed(() => {
+      return {
+        height: fixed.value ? `${rootHeight.value}px` : "",
+        width: fixed.value ? `${rootWidth.value}px` : ""
+      };
+    });
+    const affixStyle = vue.computed(() => {
+      if (!fixed.value)
+        return {};
+      const offset = props.offset ? `${props.offset}px` : 0;
+      return {
+        height: `${rootHeight.value}px`,
+        width: `${rootWidth.value}px`,
+        top: props.position === "top" ? offset : "",
+        bottom: props.position === "bottom" ? offset : "",
+        transform: transform.value ? `translateY(${transform.value}px)` : "",
+        zIndex: props.zIndex
+      };
+    });
+    const update = () => {
+      if (!scrollContainer.value)
+        return;
+      scrollTop.value = scrollContainer.value instanceof Window ? document.documentElement.scrollTop : scrollContainer.value.scrollTop || 0;
+      if (props.position === "top") {
+        if (props.target) {
+          const difference = targetRect.bottom.value - props.offset - rootHeight.value;
+          fixed.value = props.offset > rootTop.value && targetRect.bottom.value > 0;
+          transform.value = difference < 0 ? difference : 0;
+        } else {
+          fixed.value = props.offset > rootTop.value;
+        }
+      } else if (props.target) {
+        const difference = windowHeight.value - targetRect.top.value - props.offset - rootHeight.value;
+        fixed.value = windowHeight.value - props.offset < rootBottom.value && windowHeight.value > targetRect.top.value;
+        transform.value = difference < 0 ? -difference : 0;
+      } else {
+        fixed.value = windowHeight.value - props.offset < rootBottom.value;
+      }
+    };
+    const handleScroll = () => {
+      emit("scroll", {
+        scrollTop: scrollTop.value,
+        fixed: fixed.value
+      });
+    };
+    vue.watch(fixed, (val) => emit("change", val));
+    vue.onMounted(() => {
+      var _a;
+      if (props.target) {
+        target.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
+        if (!target.value)
+          error.throwError(COMPONENT_NAME, `Target is not existed: ${props.target}`);
+      } else {
+        target.value = document.documentElement;
+      }
+      scrollContainer.value = scroll.getScrollContainer(root.value, true);
+      updateRoot();
+    });
+    core.useEventListener(scrollContainer, "scroll", handleScroll);
+    vue.watchEffect(update);
+    expose({
+      update,
+      updateRoot
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "root",
+        ref: root,
+        class: vue.normalizeClass(vue.unref(ns).b()),
+        style: vue.normalizeStyle(vue.unref(rootStyle))
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass({ [vue.unref(ns).m("fixed")]: fixed.value }),
+          style: vue.normalizeStyle(vue.unref(affixStyle))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 6)
+      ], 6);
+    };
   }
 });
-const affixEmits = {
-  scroll: ({ scrollTop, fixed }) => core.isNumber(scrollTop) && core.isBoolean(fixed),
-  [event.CHANGE_EVENT]: (fixed) => core.isBoolean(fixed)
-};
+var Affix = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/affix/src/affix.vue"]]);
 
-exports.affixEmits = affixEmits;
-exports.affixProps = affixProps;
+exports["default"] = Affix;
 //# sourceMappingURL=affix2.js.map

package/lib/components/affix/src/affix2.js.map

@@ -1 +1 @@
-{"version":3,"file":"affix2.js","sources":["../../../../../../packages/components/affix/src/affix.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isBoolean,\n  isNumber,\n} from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type { ZIndexProperty } from 'csstype'\nimport type Affix from './affix.vue'\n\nexport const affixProps = buildProps({\n  zIndex: {\n    type: definePropType<ZIndexProperty>([Number, String]),\n    default: 100,\n  },\n  target: {\n    type: String,\n    default: '',\n  },\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  position: {\n    type: String,\n    values: ['top', 'bottom'],\n    default: 'top',\n  },\n} as const)\nexport type AffixProps = ExtractPropTypes<typeof affixProps>\n\nexport const affixEmits = {\n  scroll: ({ scrollTop, fixed }: { scrollTop: number; fixed: boolean }) =>\n    isNumber(scrollTop) && isBoolean(fixed),\n  [CHANGE_EVENT]: (fixed: boolean) => isBoolean(fixed),\n}\nexport type AffixEmits = typeof affixEmits\n\nexport type AffixInstance = InstanceType<typeof Affix>\n"],"names":["buildProps","definePropType","isNumber","isBoolean","CHANGE_EVENT"],"mappings":";;;;;;;;;;AAOY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC7B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAKC,aAAQ,CAAC,SAAS,CAAC,IAAIC,cAAS,CAAC,KAAK,CAAC;AAC3E,EAAE,CAACC,kBAAY,GAAG,CAAC,KAAK,KAAKD,cAAS,CAAC,KAAK,CAAC;AAC7C;;;;;"}
+{"version":3,"file":"affix2.js","sources":["../../../../../../packages/components/affix/src/affix.vue"],"sourcesContent":["<template>\n  <div ref=\"root\" :class=\"ns.b()\" :style=\"rootStyle\">\n    <div :class=\"{ [ns.m('fixed')]: fixed }\" :style=\"affixStyle\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, ref, shallowRef, watch, watchEffect } from 'vue'\nimport {\n  useElementBounding,\n  useEventListener,\n  useWindowSize,\n} from '@vueuse/core'\nimport { getScrollContainer, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { affixEmits, affixProps } from './affix'\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElAffix'\ndefineOptions({\n  name: 'ElAffix',\n})\n\nconst props = defineProps(affixProps)\nconst emit = defineEmits(affixEmits)\n\nconst ns = useNamespace('affix')\n\nconst target = shallowRef<HTMLElement>()\nconst root = shallowRef<HTMLDivElement>()\nconst scrollContainer = shallowRef<HTMLElement | Window>()\nconst { height: windowHeight } = useWindowSize()\nconst {\n  height: rootHeight,\n  width: rootWidth,\n  top: rootTop,\n  bottom: rootBottom,\n  update: updateRoot,\n} = useElementBounding(root)\nconst targetRect = useElementBounding(target)\n\nconst fixed = ref(false)\nconst scrollTop = ref(0)\nconst transform = ref(0)\n\nconst rootStyle = computed<CSSProperties>(() => {\n  return {\n    height: fixed.value ? `${rootHeight.value}px` : '',\n    width: fixed.value ? `${rootWidth.value}px` : '',\n  }\n})\n\nconst affixStyle = computed<CSSProperties>(() => {\n  if (!fixed.value) return {}\n\n  const offset = props.offset ? `${props.offset}px` : 0\n  return {\n    height: `${rootHeight.value}px`,\n    width: `${rootWidth.value}px`,\n    top: props.position === 'top' ? offset : '',\n    bottom: props.position === 'bottom' ? offset : '',\n    transform: transform.value ? `translateY(${transform.value}px)` : '',\n    zIndex: props.zIndex,\n  }\n})\n\nconst update = () => {\n  if (!scrollContainer.value) return\n\n  scrollTop.value =\n    scrollContainer.value instanceof Window\n      ? document.documentElement.scrollTop\n      : scrollContainer.value.scrollTop || 0\n\n  if (props.position === 'top') {\n    if (props.target) {\n      const difference =\n        targetRect.bottom.value - props.offset - rootHeight.value\n      fixed.value = props.offset > rootTop.value && targetRect.bottom.value > 0\n      transform.value = difference < 0 ? difference : 0\n    } else {\n      fixed.value = props.offset > rootTop.value\n    }\n  } else if (props.target) {\n    const difference =\n      windowHeight.value -\n      targetRect.top.value -\n      props.offset -\n      rootHeight.value\n    fixed.value =\n      windowHeight.value - props.offset < rootBottom.value &&\n      windowHeight.value > targetRect.top.value\n    transform.value = difference < 0 ? -difference : 0\n  } else {\n    fixed.value = windowHeight.value - props.offset < rootBottom.value\n  }\n}\n\nconst handleScroll = () => {\n  emit('scroll', {\n    scrollTop: scrollTop.value,\n    fixed: fixed.value,\n  })\n}\n\nwatch(fixed, (val) => emit('change', val))\n\nonMounted(() => {\n  if (props.target) {\n    target.value =\n      document.querySelector<HTMLElement>(props.target) ?? undefined\n    if (!target.value)\n      throwError(COMPONENT_NAME, `Target is not existed: ${props.target}`)\n  } else {\n    target.value = document.documentElement\n  }\n  scrollContainer.value = getScrollContainer(root.value!, true)\n  updateRoot()\n})\n\nuseEventListener(scrollContainer, 'scroll', handleScroll)\nwatchEffect(update)\n\ndefineExpose({\n  /** @description update affix status */\n  update,\n  /** @description update rootRect info */\n  updateRoot,\n})\n</script>\n"],"names":["useNamespace","shallowRef","useWindowSize","useElementBounding","ref","computed","watch","onMounted","throwError","getScrollContainer","useEventListener","watchEffect"],"mappings":"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"}

package/lib/components/button/index.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var button$1 = require('./src/button2.js');
+var button$1 = require('./src/button.js');
 var buttonGroup = require('./src/button-group2.js');
-var button = require('./src/button.js');
+var button = require('./src/button2.js');
 var install = require('../../utils/vue/install.js');
 
 const ElButton = install.withInstall(button$1["default"], {

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

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

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

@@ -2,65 +2,127 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var vue = require('vue');
+var index$5 = require('../../icon/index.js');
 require('../../../hooks/index.js');
-require('../../../utils/index.js');
-var iconsVue = require('@element-plus/icons-vue');
-var runtime = require('../../../utils/vue/props/runtime.js');
-var index = require('../../../hooks/use-common-props/index.js');
-var icon = require('../../../utils/vue/icon.js');
+require('../../../tokens/index.js');
+var button = require('./button2.js');
+var buttonCustom = require('./button-custom.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-deprecated/index.js');
+var button$1 = require('../../../tokens/button.js');
+var index$1 = require('../../../hooks/use-global-config/index.js');
+var index$2 = require('../../../hooks/use-namespace/index.js');
+var index$3 = require('../../../hooks/use-form-item/index.js');
+var index$4 = require('../../../hooks/use-common-props/index.js');
 
-const buttonTypes = [
-  "default",
-  "primary",
-  "success",
-  "warning",
-  "info",
-  "danger",
-  "text",
-  ""
-];
-const buttonNativeTypes = ["button", "submit", "reset"];
-const buttonProps = runtime.buildProps({
-  size: index.useSizeProp,
-  disabled: Boolean,
-  type: {
-    type: String,
-    values: buttonTypes,
-    default: ""
-  },
-  icon: {
-    type: icon.iconPropType
-  },
-  nativeType: {
-    type: String,
-    values: buttonNativeTypes,
-    default: "button"
-  },
-  loading: Boolean,
-  loadingIcon: {
-    type: icon.iconPropType,
-    default: () => iconsVue.Loading
-  },
-  plain: Boolean,
-  text: Boolean,
-  link: Boolean,
-  bg: Boolean,
-  autofocus: Boolean,
-  round: Boolean,
-  circle: Boolean,
-  color: String,
-  dark: Boolean,
-  autoInsertSpace: {
-    type: Boolean,
-    default: void 0
+const _hoisted_1 = ["aria-disabled", "disabled", "autofocus", "type"];
+const __default__ = {
+  name: "ElButton"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: button.buttonProps,
+  emits: button.buttonEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const slots = vue.useSlots();
+    index.useDeprecated({
+      from: "type.text",
+      replacement: "type.link",
+      version: "3.0.0",
+      scope: "props",
+      ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
+    }, vue.computed(() => props.type === "text"));
+    const buttonGroupContext = vue.inject(button$1.buttonGroupContextKey, void 0);
+    const globalConfig = index$1.useGlobalConfig("button");
+    const ns = index$2.useNamespace("button");
+    const { form } = index$3.useFormItem();
+    const _size = index$4.useSize(vue.computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
+    const _disabled = index$4.useDisabled();
+    const _ref = vue.ref();
+    const _type = vue.computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
+    const autoInsertSpace = vue.computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.autoInsertSpace) != null ? _c : false;
+    });
+    const shouldAddSpace = vue.computed(() => {
+      var _a;
+      const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
+        const slot = defaultSlot[0];
+        if ((slot == null ? void 0 : slot.type) === vue.Text) {
+          const text = slot.children;
+          return /^\p{Unified_Ideograph}{2}$/u.test(text.trim());
+        }
+      }
+      return false;
+    });
+    const buttonStyle = buttonCustom.useButtonCustomStyle(props);
+    const handleClick = (evt) => {
+      if (props.nativeType === "reset") {
+        form == null ? void 0 : form.resetFields();
+      }
+      emit("click", evt);
+    };
+    expose({
+      ref: _ref,
+      size: _size,
+      type: _type,
+      disabled: _disabled,
+      shouldAddSpace
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("button", {
+        ref_key: "_ref",
+        ref: _ref,
+        class: vue.normalizeClass([
+          vue.unref(ns).b(),
+          vue.unref(ns).m(vue.unref(_type)),
+          vue.unref(ns).m(vue.unref(_size)),
+          vue.unref(ns).is("disabled", vue.unref(_disabled)),
+          vue.unref(ns).is("loading", _ctx.loading),
+          vue.unref(ns).is("plain", _ctx.plain),
+          vue.unref(ns).is("round", _ctx.round),
+          vue.unref(ns).is("circle", _ctx.circle),
+          vue.unref(ns).is("text", _ctx.text),
+          vue.unref(ns).is("link", _ctx.link),
+          vue.unref(ns).is("has-bg", _ctx.bg)
+        ]),
+        "aria-disabled": vue.unref(_disabled) || _ctx.loading,
+        disabled: vue.unref(_disabled) || _ctx.loading,
+        autofocus: _ctx.autofocus,
+        type: _ctx.nativeType,
+        style: vue.normalizeStyle(vue.unref(buttonStyle)),
+        onClick: handleClick
+      }, [
+        _ctx.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+          _ctx.$slots.loading ? vue.renderSlot(_ctx.$slots, "loading", { key: 0 }) : (vue.openBlock(), vue.createBlock(vue.unref(index$5.ElIcon), {
+            key: 1,
+            class: vue.normalizeClass(vue.unref(ns).is("loading"))
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.loadingIcon)))
+            ]),
+            _: 1
+          }, 8, ["class"]))
+        ], 64)) : _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.ElIcon), { key: 1 }, {
+          default: vue.withCtx(() => [
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), { key: 0 })) : vue.renderSlot(_ctx.$slots, "icon", { key: 1 })
+          ]),
+          _: 3
+        })) : vue.createCommentVNode("v-if", true),
+        _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: 2,
+          class: vue.normalizeClass({ [vue.unref(ns).em("text", "expand")]: vue.unref(shouldAddSpace) })
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2)) : vue.createCommentVNode("v-if", true)
+      ], 14, _hoisted_1);
+    };
   }
 });
-const buttonEmits = {
-  click: (evt) => evt instanceof MouseEvent
-};
+var Button = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button.vue"]]);
 
-exports.buttonEmits = buttonEmits;
-exports.buttonNativeTypes = buttonNativeTypes;
-exports.buttonProps = buttonProps;
-exports.buttonTypes = buttonTypes;
+exports["default"] = Button;
 //# sourceMappingURL=button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../../../packages/components/button/src/button.ts"],"sourcesContent":["import { useSizeProp } from '@element-plus/hooks'\nimport { buildProps, iconPropType } from '@element-plus/utils'\nimport { Loading } from '@element-plus/icons-vue'\nimport type { ExtractPropTypes } from 'vue'\nimport type button from './button.vue'\n\nexport const buttonTypes = [\n  'default',\n  'primary',\n  'success',\n  'warning',\n  'info',\n  'danger',\n  /**\n   * @deprecated\n   * Text type will be deprecated in the next major version (3.0.0)\n   */\n  'text',\n  '',\n] as const\nexport const buttonNativeTypes = ['button', 'submit', 'reset'] as const\n\nexport const buttonProps = buildProps({\n  size: useSizeProp,\n  disabled: Boolean,\n  type: {\n    type: String,\n    values: buttonTypes,\n    default: '',\n  },\n  icon: {\n    type: iconPropType,\n  },\n  nativeType: {\n    type: String,\n    values: buttonNativeTypes,\n    default: 'button',\n  },\n  loading: Boolean,\n  loadingIcon: {\n    type: iconPropType,\n    default: () => Loading,\n  },\n  plain: Boolean,\n  text: Boolean,\n  link: Boolean,\n  bg: Boolean,\n  autofocus: Boolean,\n  round: Boolean,\n  circle: Boolean,\n  color: String,\n  dark: Boolean,\n  autoInsertSpace: {\n    type: Boolean,\n    default: undefined,\n  },\n} as const)\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\nexport type ButtonInstance = InstanceType<typeof button>\n\nexport interface ButtonConfigContext {\n  autoInsertSpace?: boolean\n}\n"],"names":["buildProps","useSizeProp","iconPropType","Loading"],"mappings":";;;;;;;;;;;AAGY,MAAC,WAAW,GAAG;AAC3B,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,EAAE,MAAM;AACR,EAAE,EAAE;AACJ,EAAE;AACU,MAAC,iBAAiB,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE;AACnD,MAAC,WAAW,GAAGA,kBAAU,CAAC;AACtC,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,WAAW;AACvB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,iBAAiB;AAC7B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEA,iBAAY;AACtB,IAAI,OAAO,EAAE,MAAMC,gBAAO;AAC1B,GAAG;AACH,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,EAAE,EAAE,OAAO;AACb,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;;;;"}
+{"version":3,"file":"button.js","sources":["../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n  <button\n    ref=\"_ref\"\n    :class=\"[\n      ns.b(),\n      ns.m(_type),\n      ns.m(_size),\n      ns.is('disabled', _disabled),\n      ns.is('loading', loading),\n      ns.is('plain', plain),\n      ns.is('round', round),\n      ns.is('circle', circle),\n      ns.is('text', text),\n      ns.is('link', link),\n      ns.is('has-bg', bg),\n    ]\"\n    :aria-disabled=\"_disabled || loading\"\n    :disabled=\"_disabled || loading\"\n    :autofocus=\"autofocus\"\n    :type=\"nativeType\"\n    :style=\"buttonStyle\"\n    @click=\"handleClick\"\n  >\n    <template v-if=\"loading\">\n      <slot v-if=\"$slots.loading\" name=\"loading\" />\n      <el-icon v-else :class=\"ns.is('loading')\">\n        <component :is=\"loadingIcon\" />\n      </el-icon>\n    </template>\n    <el-icon v-else-if=\"icon || $slots.icon\">\n      <component :is=\"icon\" v-if=\"icon\" />\n      <slot v-else name=\"icon\" />\n    </el-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"{ [ns.em('text', 'expand')]: shouldAddSpace }\"\n    >\n      <slot />\n    </span>\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Text, computed, inject, ref, useSlots } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  useDeprecated,\n  useDisabled,\n  useFormItem,\n  useGlobalConfig,\n  useNamespace,\n  useSize,\n} from '@element-plus/hooks'\nimport { buttonGroupContextKey } from '@element-plus/tokens'\nimport { buttonEmits, buttonProps } from './button'\nimport { useButtonCustomStyle } from './button-custom'\n\ndefineOptions({\n  name: 'ElButton',\n})\n\nconst props = defineProps(buttonProps)\nconst emit = defineEmits(buttonEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    from: 'type.text',\n    replacement: 'type.link',\n    version: '3.0.0',\n    scope: 'props',\n    ref: 'https://element-plus.org/en-US/component/button.html#button-attributes',\n  },\n  computed(() => props.type === 'text')\n)\n\nconst buttonGroupContext = inject(buttonGroupContextKey, undefined)\nconst globalConfig = useGlobalConfig('button')\nconst ns = useNamespace('button')\nconst { form } = useFormItem()\nconst _size = useSize(computed(() => buttonGroupContext?.size))\nconst _disabled = useDisabled()\nconst _ref = ref<HTMLButtonElement>()\n\nconst _type = computed(() => props.type || buttonGroupContext?.type || '')\nconst autoInsertSpace = computed(\n  () => props.autoInsertSpace ?? globalConfig.value?.autoInsertSpace ?? false\n)\n\n// add space between two characters in Chinese\nconst 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 as string\n      return /^\\p{Unified_Ideograph}{2}$/u.test(text.trim())\n    }\n  }\n  return false\n})\n\nconst buttonStyle = useButtonCustomStyle(props)\n\nconst handleClick = (evt: MouseEvent) => {\n  if (props.nativeType === 'reset') {\n    form?.resetFields()\n  }\n  emit('click', evt)\n}\n\ndefineExpose({\n  /** @description button html element */\n  ref: _ref,\n  /** @description button size */\n  size: _size,\n  /** @description button type */\n  type: _type,\n  /** @description button disabled */\n  disabled: _disabled,\n  /** @description whether adding space */\n  shouldAddSpace,\n})\n</script>\n"],"names":["useSlots","useDeprecated","computed","inject","buttonGroupContextKey","useGlobalConfig","useNamespace","useFormItem","useSize","useDisabled","ref","Text","useButtonCustomStyle"],"mappings":"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"}

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

@@ -2,127 +2,65 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var index$5 = require('../../icon/index.js');
 require('../../../hooks/index.js');
-require('../../../tokens/index.js');
-var button = require('./button.js');
-var buttonCustom = require('./button-custom.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-deprecated/index.js');
-var button$1 = require('../../../tokens/button.js');
-var index$1 = require('../../../hooks/use-global-config/index.js');
-var index$2 = require('../../../hooks/use-namespace/index.js');
-var index$3 = require('../../../hooks/use-form-item/index.js');
-var index$4 = require('../../../hooks/use-common-props/index.js');
+require('../../../utils/index.js');
+var iconsVue = require('@element-plus/icons-vue');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var index = require('../../../hooks/use-common-props/index.js');
+var icon = require('../../../utils/vue/icon.js');
 
-const _hoisted_1 = ["aria-disabled", "disabled", "autofocus", "type"];
-const __default__ = {
-  name: "ElButton"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: button.buttonProps,
-  emits: button.buttonEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const slots = vue.useSlots();
-    index.useDeprecated({
-      from: "type.text",
-      replacement: "type.link",
-      version: "3.0.0",
-      scope: "props",
-      ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
-    }, vue.computed(() => props.type === "text"));
-    const buttonGroupContext = vue.inject(button$1.buttonGroupContextKey, void 0);
-    const globalConfig = index$1.useGlobalConfig("button");
-    const ns = index$2.useNamespace("button");
-    const { form } = index$3.useFormItem();
-    const _size = index$4.useSize(vue.computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
-    const _disabled = index$4.useDisabled();
-    const _ref = vue.ref();
-    const _type = vue.computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
-    const autoInsertSpace = vue.computed(() => {
-      var _a, _b, _c;
-      return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.autoInsertSpace) != null ? _c : false;
-    });
-    const shouldAddSpace = vue.computed(() => {
-      var _a;
-      const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
-      if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
-        const slot = defaultSlot[0];
-        if ((slot == null ? void 0 : slot.type) === vue.Text) {
-          const text = slot.children;
-          return /^\p{Unified_Ideograph}{2}$/u.test(text.trim());
-        }
-      }
-      return false;
-    });
-    const buttonStyle = buttonCustom.useButtonCustomStyle(props);
-    const handleClick = (evt) => {
-      if (props.nativeType === "reset") {
-        form == null ? void 0 : form.resetFields();
-      }
-      emit("click", evt);
-    };
-    expose({
-      ref: _ref,
-      size: _size,
-      type: _type,
-      disabled: _disabled,
-      shouldAddSpace
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("button", {
-        ref_key: "_ref",
-        ref: _ref,
-        class: vue.normalizeClass([
-          vue.unref(ns).b(),
-          vue.unref(ns).m(vue.unref(_type)),
-          vue.unref(ns).m(vue.unref(_size)),
-          vue.unref(ns).is("disabled", vue.unref(_disabled)),
-          vue.unref(ns).is("loading", _ctx.loading),
-          vue.unref(ns).is("plain", _ctx.plain),
-          vue.unref(ns).is("round", _ctx.round),
-          vue.unref(ns).is("circle", _ctx.circle),
-          vue.unref(ns).is("text", _ctx.text),
-          vue.unref(ns).is("link", _ctx.link),
-          vue.unref(ns).is("has-bg", _ctx.bg)
-        ]),
-        "aria-disabled": vue.unref(_disabled) || _ctx.loading,
-        disabled: vue.unref(_disabled) || _ctx.loading,
-        autofocus: _ctx.autofocus,
-        type: _ctx.nativeType,
-        style: vue.normalizeStyle(vue.unref(buttonStyle)),
-        onClick: handleClick
-      }, [
-        _ctx.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          _ctx.$slots.loading ? vue.renderSlot(_ctx.$slots, "loading", { key: 0 }) : (vue.openBlock(), vue.createBlock(vue.unref(index$5.ElIcon), {
-            key: 1,
-            class: vue.normalizeClass(vue.unref(ns).is("loading"))
-          }, {
-            default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.loadingIcon)))
-            ]),
-            _: 1
-          }, 8, ["class"]))
-        ], 64)) : _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.ElIcon), { key: 1 }, {
-          default: vue.withCtx(() => [
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), { key: 0 })) : vue.renderSlot(_ctx.$slots, "icon", { key: 1 })
-          ]),
-          _: 3
-        })) : vue.createCommentVNode("v-if", true),
-        _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
-          key: 2,
-          class: vue.normalizeClass({ [vue.unref(ns).em("text", "expand")]: vue.unref(shouldAddSpace) })
-        }, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ], 2)) : vue.createCommentVNode("v-if", true)
-      ], 14, _hoisted_1);
-    };
+const buttonTypes = [
+  "default",
+  "primary",
+  "success",
+  "warning",
+  "info",
+  "danger",
+  "text",
+  ""
+];
+const buttonNativeTypes = ["button", "submit", "reset"];
+const buttonProps = runtime.buildProps({
+  size: index.useSizeProp,
+  disabled: Boolean,
+  type: {
+    type: String,
+    values: buttonTypes,
+    default: ""
+  },
+  icon: {
+    type: icon.iconPropType
+  },
+  nativeType: {
+    type: String,
+    values: buttonNativeTypes,
+    default: "button"
+  },
+  loading: Boolean,
+  loadingIcon: {
+    type: icon.iconPropType,
+    default: () => iconsVue.Loading
+  },
+  plain: Boolean,
+  text: Boolean,
+  link: Boolean,
+  bg: Boolean,
+  autofocus: Boolean,
+  round: Boolean,
+  circle: Boolean,
+  color: String,
+  dark: Boolean,
+  autoInsertSpace: {
+    type: Boolean,
+    default: void 0
   }
 });
-var Button = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button.vue"]]);
+const buttonEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
 
-exports["default"] = Button;
+exports.buttonEmits = buttonEmits;
+exports.buttonNativeTypes = buttonNativeTypes;
+exports.buttonProps = buttonProps;
+exports.buttonTypes = buttonTypes;
 //# sourceMappingURL=button2.js.map