@element-plus/nightly 0.0.20220211 → 0.0.20220212

package/lib/components/button/src/button.vue.d.ts

@@ -13,13 +13,29 @@ declare const _default: import("vue").DefineComponent<{
     readonly color: StringConstructor;
     readonly autoInsertSpace: import("../../../utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
 }, {
-    buttonRef: import("vue").Ref<any>;
-    buttonStyle: import("vue").ComputedRef<{}>;
-    buttonSize: import("vue").ComputedRef<"default" | "small" | "large">;
-    buttonType: import("vue").ComputedRef<"default" | "" | "primary" | "success" | "warning" | "info" | "danger" | "text">;
-    buttonDisabled: import("vue").ComputedRef<boolean>;
-    shouldAddSpace: import("vue").ComputedRef<boolean>;
-    handleClick: (evt: MouseEvent) => void;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly size: import("../../../utils").BuildPropReturn<StringConstructor, never, false, "default" | "small" | "large", never>;
+        readonly disabled: BooleanConstructor;
+        readonly type: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
+        readonly icon: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+        readonly nativeType: import("../../../utils").BuildPropReturn<StringConstructor, "button", unknown, "button" | "submit" | "reset", unknown>;
+        readonly loading: BooleanConstructor;
+        readonly loadingIcon: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
+        readonly plain: BooleanConstructor;
+        readonly autofocus: BooleanConstructor;
+        readonly round: BooleanConstructor;
+        readonly circle: BooleanConstructor;
+        readonly color: StringConstructor;
+        readonly autoInsertSpace: import("../../../utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
+    }>> & {
+        onClick?: ((evt: MouseEvent) => any) | undefined;
+    }>>;
+    emit: (event: "click", evt: MouseEvent) => void;
+    slots: Readonly<{
+        [name: string]: import("vue").Slot | undefined;
+    }>;
+    buttonGroupContext: import("element-plus/es/tokens").ButtonGroupContext | undefined;
+    globalConfig: import("vue").Ref<import("./button").ButtonConfigContext | undefined>;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -34,6 +50,42 @@ declare const _default: import("vue").DefineComponent<{
             (name: string): string;
         };
     };
+    form: import("element-plus/es/tokens").ElFormContext | undefined;
+    _size: import("vue").ComputedRef<"default" | "small" | "large">;
+    _disabled: import("vue").ComputedRef<boolean>;
+    _ref: import("vue").Ref<HTMLButtonElement | undefined>;
+    _type: import("vue").ComputedRef<"default" | "" | "primary" | "success" | "warning" | "info" | "danger" | "text">;
+    autoInsertSpace: import("vue").ComputedRef<import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>>;
+    shouldAddSpace: import("vue").ComputedRef<boolean>;
+    typeColor: import("vue").ComputedRef<string>;
+    buttonStyle: import("vue").ComputedRef<Record<string, string>>;
+    handleClick: (evt: MouseEvent) => void;
+    ElIcon: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly size: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    }, {
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+        };
+        style: import("vue").ComputedRef<import("vue").CSSProperties>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly size: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    }>>, {
+        size: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | number>, unknown, unknown>;
+        color: string;
+    }>> & Record<string, any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (evt: MouseEvent) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

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

@@ -5,31 +5,35 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var core = require('@vueuse/core');
 var tinycolor = require('@ctrl/tinycolor');
-var index = require('../../icon/index.js');
+var index$4 = require('../../icon/index.js');
 require('../../../hooks/index.js');
 require('../../../tokens/index.js');
-var iconsVue = require('@element-plus/icons-vue');
 var button = require('./button.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.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');
+var index = require('../../../hooks/use-global-config/index.js');
+var index$1 = require('../../../hooks/use-namespace/index.js');
+var index$2 = require('../../../hooks/use-form-item/index.js');
+var index$3 = require('../../../hooks/use-common-props/index.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "ElButton",
-  components: {
-    ElIcon: index.ElIcon,
-    Loading: iconsVue.Loading
-  },
+const _hoisted_1 = ["disabled", "autofocus", "type"];
+const __default__ = {
+  name: "ElButton"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
   props: button.buttonProps,
   emits: button.buttonEmits,
-  setup(props, { emit, slots }) {
-    const buttonRef = vue.ref();
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const slots = vue.useSlots();
     const buttonGroupContext = vue.inject(button$1.buttonGroupContextKey, void 0);
-    const globalConfig = index$1.useGlobalConfig("button");
-    const ns = index$2.useNamespace("button");
+    const globalConfig = index.useGlobalConfig("button");
+    const ns = index$1.useNamespace("button");
+    const { form } = index$2.useFormItem();
+    const _size = index$3.useSize(vue.computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
+    const _disabled = index$3.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;
@@ -46,19 +50,16 @@ const _sfc_main = vue.defineComponent({
       }
       return false;
     });
-    const { form } = index$3.useFormItem();
-    const buttonSize = index$4.useSize(vue.computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
-    const buttonDisabled = index$4.useDisabled();
-    const buttonType = vue.computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
     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 shadeBgColor = new tinycolor.TinyColor(buttonColor).shade(10).toString();
+        const color = new tinycolor.TinyColor(buttonColor);
+        const shadeBgColor = color.shade(10).toString();
         if (props.plain) {
           styles = {
-            "--el-button-bg-color": new tinycolor.TinyColor(buttonColor).tint(90).toString(),
+            "--el-button-bg-color": color.tint(90).toString(),
             "--el-button-text-color": buttonColor,
             "--el-button-hover-text-color": "var(--el-color-white)",
             "--el-button-hover-bg-color": buttonColor,
@@ -68,7 +69,7 @@ const _sfc_main = vue.defineComponent({
             "--el-button-active-border-color": shadeBgColor
           };
         } else {
-          const tintBgColor = new tinycolor.TinyColor(buttonColor).tint(20).toString();
+          const tintBgColor = color.tint(20).toString();
           styles = {
             "--el-button-bg-color": buttonColor,
             "--el-button-border-color": buttonColor,
@@ -78,8 +79,8 @@ const _sfc_main = vue.defineComponent({
             "--el-button-active-border-color": shadeBgColor
           };
         }
-        if (buttonDisabled.value) {
-          const disabledButtonColor = new tinycolor.TinyColor(buttonColor).tint(50).toString();
+        if (_disabled.value) {
+          const disabledButtonColor = color.tint(50).toString();
           styles["--el-button-disabled-bg-color"] = disabledButtonColor;
           styles["--el-button-disabled-border-color"] = disabledButtonColor;
         }
@@ -92,64 +93,59 @@ const _sfc_main = vue.defineComponent({
       }
       emit("click", evt);
     };
-    return {
-      buttonRef,
-      buttonStyle,
-      buttonSize,
-      buttonType,
-      buttonDisabled,
-      shouldAddSpace,
-      handleClick,
-      ns
+    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)
+        ]),
+        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$4.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"]))
+        ], 2112)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.ElIcon), { key: 1 }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+          ]),
+          _: 1
+        })) : 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 _hoisted_1 = ["disabled", "autofocus", "type"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  return vue.openBlock(), vue.createElementBlock("button", {
-    ref: "buttonRef",
-    class: vue.normalizeClass([
-      _ctx.ns.b(),
-      _ctx.ns.m(_ctx.buttonType),
-      _ctx.ns.m(_ctx.buttonSize),
-      _ctx.ns.is("disabled", _ctx.buttonDisabled),
-      _ctx.ns.is("loading", _ctx.loading),
-      _ctx.ns.is("plain", _ctx.plain),
-      _ctx.ns.is("round", _ctx.round),
-      _ctx.ns.is("circle", _ctx.circle)
-    ]),
-    disabled: _ctx.buttonDisabled || _ctx.loading,
-    autofocus: _ctx.autofocus,
-    type: _ctx.nativeType,
-    style: vue.normalizeStyle(_ctx.buttonStyle),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-  }, [
-    _ctx.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-      _ctx.$slots.loading ? vue.renderSlot(_ctx.$slots, "loading", { key: 0 }) : (vue.openBlock(), vue.createBlock(_component_el_icon, {
-        key: 1,
-        class: vue.normalizeClass(_ctx.ns.is("loading"))
-      }, {
-        default: vue.withCtx(() => [
-          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.loadingIcon)))
-        ]),
-        _: 1
-      }, 8, ["class"]))
-    ], 2112)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 1 }, {
-      default: vue.withCtx(() => [
-        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
-      ]),
-      _: 1
-    })) : vue.createCommentVNode("v-if", true),
-    _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
-      key: 2,
-      class: vue.normalizeClass({ [_ctx.ns.em("text", "expand")]: _ctx.shouldAddSpace })
-    }, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ], 2)) : vue.createCommentVNode("v-if", true)
-  ], 14, _hoisted_1);
-}
-var Button = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = Button;
+exports["default"] = _sfc_main;
 //# sourceMappingURL=button2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button2.js","sources":["../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n  <button\n    ref=\"buttonRef\"\n    :class=\"[\n      ns.b(),\n      ns.m(buttonType),\n      ns.m(buttonSize),\n      ns.is('disabled', buttonDisabled),\n      ns.is('loading', loading),\n      ns.is('plain', plain),\n      ns.is('round', round),\n      ns.is('circle', circle),\n    ]\"\n    :disabled=\"buttonDisabled || 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\"></slot>\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\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"{ [ns.em('text', 'expand')]: shouldAddSpace }\"\n    >\n      <slot></slot>\n    </span>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { computed, inject, defineComponent, Text, ref } from 'vue'\nimport { useCssVar } from '@vueuse/core'\nimport { TinyColor } from '@ctrl/tinycolor'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  useDisabled,\n  useFormItem,\n  useGlobalConfig,\n  useNamespace,\n  useSize,\n} from '@element-plus/hooks'\nimport { buttonGroupContextKey } from '@element-plus/tokens'\nimport { Loading } from '@element-plus/icons-vue'\n\nimport { buttonEmits, buttonProps } from './button'\n\nexport default defineComponent({\n  name: 'ElButton',\n\n  components: {\n    ElIcon,\n    Loading,\n  },\n\n  props: buttonProps,\n  emits: buttonEmits,\n\n  setup(props, { emit, slots }) {\n    const buttonRef = ref()\n    const buttonGroupContext = inject(buttonGroupContextKey, undefined)\n    const globalConfig = useGlobalConfig('button')\n    const ns = useNamespace('button')\n    const autoInsertSpace = computed(\n      () =>\n        props.autoInsertSpace ?? globalConfig.value?.autoInsertSpace ?? false\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\n    const { form } = useFormItem()\n    const buttonSize = useSize(computed(() => buttonGroupContext?.size))\n    const buttonDisabled = useDisabled()\n    const buttonType = computed(\n      () => props.type || buttonGroupContext?.type || ''\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 shadeBgColor = new TinyColor(buttonColor).shade(10).toString()\n        if (props.plain) {\n          styles = {\n            '--el-button-bg-color': new TinyColor(buttonColor)\n              .tint(90)\n              .toString(),\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': shadeBgColor,\n            '--el-button-active-text-color': 'var(--el-color-white)',\n            '--el-button-active-border-color': shadeBgColor,\n          }\n        } else {\n          const tintBgColor = new TinyColor(buttonColor).tint(20).toString()\n          styles = {\n            '--el-button-bg-color': buttonColor,\n            '--el-button-border-color': buttonColor,\n            '--el-button-hover-bg-color': tintBgColor,\n            '--el-button-hover-border-color': tintBgColor,\n            '--el-button-active-bg-color': shadeBgColor,\n            '--el-button-active-border-color': shadeBgColor,\n          }\n        }\n\n        if (buttonDisabled.value) {\n          const disabledButtonColor = new TinyColor(buttonColor)\n            .tint(50)\n            .toString()\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    const handleClick = (evt: MouseEvent) => {\n      if (props.nativeType === 'reset') {\n        form?.resetFields()\n      }\n      emit('click', evt)\n    }\n\n    return {\n      buttonRef,\n      buttonStyle,\n\n      buttonSize,\n      buttonType,\n      buttonDisabled,\n\n      shouldAddSpace,\n\n      handleClick,\n\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","Loading","buttonProps","buttonEmits","ref","inject","buttonGroupContextKey","useGlobalConfig","useNamespace","computed","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;AAsDA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,YACVC;AAAA,aACAC;AAAA;AAAA,EAGF,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,OAAO,EAAE,MAAM,SAAS;AAC5B,UAAM,YAAYC;AAClB,UAAM,qBAAqBC,WAAOC,gCAAuB;AACzD,UAAM,eAAeC,wBAAgB;AACrC,UAAM,KAAKC,qBAAa;AACxB,UAAM,kBAAkBC,aACtB,MACE;AAIJ,UAAM;AACJ;AACA;AACE;AACA,YAAI;AACF,uBAAa;AACb,+CAAqC;AAAK;AAAA;AAG9C;AAAO;AAGT;AACA;AACA;AACA;AAKA,UAAM;AAGN,UAAM,yCAA6B;AACjC,UAAI;AAEJ,oCAA0B;AAE1B,UAAI;AACF,qCAAyB;AACzB;AACE;AAAS;AAGJ;AACuB,YAC1B;AAAgC;AACF,YAC9B;AAAkC,YAClC;AAA+B,YAC/B;AAAiC,YACjC;AAAmC;AAAA;AAGrC;AACA;AAAS,YACP;AAAwB;AACI;AACE;AACI,YAClC;AAA+B,YAC/B;AAAmC;AAAA;AAIvC,YAAI;AACF;AAGA;AACA;AAA8C;AAAA;AAIlD;AAAO;AAGT;AACE;AACE;AAAM;AAER;AAAc;AAGhB;AAAO;AACL,MACA;AAAA,MAEA;AAAA;AACA,MACA;AAAA,MAEA;AAAA,MAEA;AAAA,MAEA;AAAA;AAAA;AAAA;;;;;AAhKa;AACT,2BAAc;AAAA;AAAa;AAA0B;AAAwB;AAAqD,MAAgB,QAAG,GAAE;AAAU,MAAc,QAAG;AAAY,MAAc,QAAG,iBAAa;AAAA;;cAWxN,uBAAW;AAAA;AACd,UACD;AAAA;AACA;;AAEU;AACY,WAA1BC;aACsB;AAAA;;;AACpB;;;;;AAIsB;AAAxB;;;iCAGoB;AAAA;;AACd;;AAEN;;;;;;;;;;;;"}
+{"version":3,"file":"button2.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    ]\"\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\"></slot>\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\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"{ [ns.em('text', 'expand')]: shouldAddSpace }\"\n    >\n      <slot></slot>\n    </span>\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, Text, ref, useSlots } from 'vue'\nimport { useCssVar } from '@vueuse/core'\nimport { TinyColor } from '@ctrl/tinycolor'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\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'\n\ndefineOptions({\n  name: 'ElButton',\n})\n\nconst props = defineProps(buttonProps)\nconst emit = defineEmits(buttonEmits)\nconst slots = useSlots()\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\n      return /^\\p{Unified_Ideograph}{2}$/u.test(text as string)\n    }\n  }\n  return false\n})\n\n// calculate hover & active color by color\nconst typeColor = computed(() => useCssVar(`--el-color-${props.type}`).value)\nconst buttonStyle = computed(() => {\n  let styles: Record<string, string> = {}\n\n  const buttonColor = props.color || typeColor.value\n\n  if (buttonColor) {\n    const color = new TinyColor(buttonColor)\n    const shadeBgColor = color.shade(10).toString()\n    if (props.plain) {\n      styles = {\n        '--el-button-bg-color': color.tint(90).toString(),\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': shadeBgColor,\n        '--el-button-active-text-color': 'var(--el-color-white)',\n        '--el-button-active-border-color': shadeBgColor,\n      }\n    } else {\n      const tintBgColor = color.tint(20).toString()\n      styles = {\n        '--el-button-bg-color': buttonColor,\n        '--el-button-border-color': buttonColor,\n        '--el-button-hover-bg-color': tintBgColor,\n        '--el-button-hover-border-color': tintBgColor,\n        '--el-button-active-bg-color': shadeBgColor,\n        '--el-button-active-border-color': shadeBgColor,\n      }\n    }\n\n    if (_disabled.value) {\n      const disabledButtonColor = color.tint(50).toString()\n      styles['--el-button-disabled-bg-color'] = disabledButtonColor\n      styles['--el-button-disabled-border-color'] = disabledButtonColor\n    }\n  }\n\n  return styles\n})\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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAKA;;;;;;;;;;;AAaA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA;;;;;;AAOA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/index.js

@@ -270,9 +270,9 @@ exports.badgeProps = badge.badgeProps;
 exports.breadcrumbProps = breadcrumb.breadcrumbProps;
 exports.breadcrumbItemProps = breadcrumbItem.breadcrumbItemProps;
 exports.buttonEmits = button.buttonEmits;
-exports.buttonNativeType = button.buttonNativeType;
+exports.buttonNativeTypes = button.buttonNativeTypes;
 exports.buttonProps = button.buttonProps;
-exports.buttonType = button.buttonType;
+exports.buttonTypes = button.buttonTypes;
 exports.calendarEmits = calendar.calendarEmits;
 exports.calendarProps = calendar.calendarProps;
 exports.cardProps = card.cardProps;

package/lib/components/popconfirm/src/popconfirm.js

@@ -23,12 +23,12 @@ const popconfirmProps = props.buildProps({
   },
   confirmButtonType: {
     type: String,
-    values: button.buttonType,
+    values: button.buttonTypes,
     default: "primary"
   },
   cancelButtonType: {
     type: String,
-    values: button.buttonType,
+    values: button.buttonTypes,
     default: "text"
   },
   icon: {

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

@@ -1 +1 @@
-{"version":3,"file":"popconfirm.js","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.ts"],"sourcesContent":["import { buttonType } from '@element-plus/components/button'\nimport { QuestionFilled } from '@element-plus/icons-vue'\nimport { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const popconfirmProps = buildProps({\n  title: {\n    type: String,\n  },\n  confirmButtonText: {\n    type: String,\n  },\n  cancelButtonText: {\n    type: String,\n  },\n  confirmButtonType: {\n    type: String,\n    values: buttonType,\n    default: 'primary',\n  },\n  cancelButtonType: {\n    type: String,\n    values: buttonType,\n    default: 'text',\n  },\n  icon: {\n    type: iconPropType,\n    default: QuestionFilled as Component,\n  },\n  iconColor: {\n    type: String,\n    default: '#f90',\n  },\n  hideIcon: {\n    type: Boolean,\n    default: false,\n  },\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  onConfirm: {\n    type: definePropType<(e: Event) => Promise<void> | void>(Function),\n  },\n  onCancel: {\n    type: definePropType<(e: Event) => Promise<void> | void>(Function),\n  },\n  teleported: useTooltipContentProps.teleported,\n} as const)\nexport type PopconfirmProps = ExtractPropTypes<typeof popconfirmProps>\n"],"names":["buildProps","buttonType","iconPropType","QuestionFilled","definePropType","useTooltipContentProps"],"mappings":";;;;;;;;;;;;;AAIY,MAAC,eAAe,GAAGA,gBAAU,CAAC;AAC1C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,iBAAU;AACtB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEA,iBAAU;AACtB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,IAAI,OAAO,EAAEC,uBAAc;AAC3B,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEA,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,UAAU,EAAEC,8BAAsB,CAAC,UAAU;AAC/C,CAAC;;;;"}
+{"version":3,"file":"popconfirm.js","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.ts"],"sourcesContent":["import { buttonTypes } from '@element-plus/components/button'\nimport { QuestionFilled } from '@element-plus/icons-vue'\nimport { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const popconfirmProps = buildProps({\n  title: {\n    type: String,\n  },\n  confirmButtonText: {\n    type: String,\n  },\n  cancelButtonText: {\n    type: String,\n  },\n  confirmButtonType: {\n    type: String,\n    values: buttonTypes,\n    default: 'primary',\n  },\n  cancelButtonType: {\n    type: String,\n    values: buttonTypes,\n    default: 'text',\n  },\n  icon: {\n    type: iconPropType,\n    default: QuestionFilled as Component,\n  },\n  iconColor: {\n    type: String,\n    default: '#f90',\n  },\n  hideIcon: {\n    type: Boolean,\n    default: false,\n  },\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  onConfirm: {\n    type: definePropType<(e: Event) => Promise<void> | void>(Function),\n  },\n  onCancel: {\n    type: definePropType<(e: Event) => Promise<void> | void>(Function),\n  },\n  teleported: useTooltipContentProps.teleported,\n} as const)\nexport type PopconfirmProps = ExtractPropTypes<typeof popconfirmProps>\n"],"names":["buildProps","buttonTypes","iconPropType","QuestionFilled","definePropType","useTooltipContentProps"],"mappings":";;;;;;;;;;;;;AAIY,MAAC,eAAe,GAAGA,gBAAU,CAAC;AAC1C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,kBAAW;AACvB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEA,kBAAW;AACvB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,IAAI,OAAO,EAAEC,uBAAc;AAC3B,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEA,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,UAAU,EAAEC,8BAAsB,CAAC,UAAU;AAC/C,CAAC;;;;"}

package/lib/index.js

@@ -226,9 +226,9 @@ exports.breadcrumbItemProps = breadcrumbItem.breadcrumbItemProps;
 exports.ElBreadcrumb = index$6.ElBreadcrumb;
 exports.ElBreadcrumbItem = index$6.ElBreadcrumbItem;
 exports.buttonEmits = button.buttonEmits;
-exports.buttonNativeType = button.buttonNativeType;
+exports.buttonNativeTypes = button.buttonNativeTypes;
 exports.buttonProps = button.buttonProps;
-exports.buttonType = button.buttonType;
+exports.buttonTypes = button.buttonTypes;
 exports.ElButton = index$7.ElButton;
 exports.ElButtonGroup = index$7.ElButtonGroup;
 exports.calendarEmits = calendar.calendarEmits;

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20220211";
+export declare const version = "0.0.20220212";

package/lib/version.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const version = "0.0.20220211";
+const version = "0.0.20220212";
 
 exports.version = version;
 //# sourceMappingURL=version.js.map

package/lib/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220211'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220212'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@element-plus/nightly",
-  "version": "0.0.20220211",
+  "version": "0.0.20220212",
   "description": "A Component Library for Vue 3",
   "homepage": "https://element-plus.org/",
   "keywords": [
@@ -77,5 +77,5 @@
     "not ie 11",
     "not op_mini all"
   ],
-  "gitHead": "b825c0786523d5bdfcc89ba735a9a95a0d9ce5d8"
+  "gitHead": "ea812ae622b8ef979abb3538c3e7dd6d4b748ca5"
 }