zartui 0.1.113 → 3.0.1

package/lib/button/Button.js

@@ -0,0 +1,185 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_use_route = require("../composables/use-route");
+var import_icon = require("../icon");
+var import_loading = require("../loading");
+const [name, bem] = (0, import_utils.createNamespace)("button");
+const buttonProps = (0, import_utils.extend)({}, import_use_route.routeProps, {
+  tag: (0, import_utils.makeStringProp)("button"),
+  text: String,
+  icon: String,
+  type: (0, import_utils.makeStringProp)("default"),
+  size: (0, import_utils.makeStringProp)("normal"),
+  color: String,
+  backgroundColor: String,
+  borderLess: Boolean,
+  borderColor: String,
+  block: Boolean,
+  blockInner: Boolean,
+  plain: Boolean,
+  round: Boolean,
+  square: Boolean,
+  loading: Boolean,
+  hairline: Boolean,
+  disabled: Boolean,
+  iconPrefix: String,
+  nativeType: (0, import_utils.makeStringProp)("button"),
+  loadingSize: import_utils.numericProp,
+  loadingText: String,
+  loadingType: String,
+  iconPosition: (0, import_utils.makeStringProp)("left")
+});
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: buttonProps,
+  emits: ["click"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const route = (0, import_use_route.useRoute)();
+    const renderLoadingIcon = () => {
+      if (slots.loading) {
+        return slots.loading();
+      }
+      return (0, import_vue.createVNode)(import_loading.Loading, {
+        "size": props.loadingSize,
+        "type": props.loadingType,
+        "class": bem("loading")
+      }, null);
+    };
+    const renderIcon = () => {
+      if (props.loading) {
+        return renderLoadingIcon();
+      }
+      const {
+        size
+      } = props;
+      if (slots.icon) {
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("icon", size)
+        }, [slots.icon()]);
+      }
+      if (props.icon) {
+        return (0, import_vue.createVNode)(import_icon.Icon, {
+          "name": props.icon,
+          "class": bem("icon", size),
+          "classPrefix": props.iconPrefix
+        }, null);
+      }
+    };
+    const renderText = () => {
+      let text;
+      if (props.loading) {
+        text = props.loadingText;
+      } else {
+        text = slots.default ? slots.default() : props.text;
+      }
+      if (text) {
+        return (0, import_vue.createVNode)("span", {
+          "class": bem("text")
+        }, [text]);
+      }
+    };
+    const getStyle = () => {
+      const {
+        backgroundColor,
+        borderColor,
+        borderLess,
+        color
+      } = props;
+      const style = {};
+      if (backgroundColor) {
+        style.background = backgroundColor;
+        if (backgroundColor.includes("gradient")) {
+          style.border = 0;
+        } else {
+          style.borderColor = backgroundColor;
+        }
+      }
+      if (borderLess) {
+        style.border = 0;
+      }
+      if (color) {
+        style.color = color;
+      }
+      if (borderColor) {
+        style.borderColor = borderColor;
+      }
+      if (Object.keys(style).length > 0) {
+        return style;
+      }
+    };
+    const onClick = (event) => {
+      if (props.loading) {
+        (0, import_utils.preventDefault)(event);
+      } else if (!props.disabled) {
+        emit("click", event);
+        route();
+      }
+    };
+    return () => {
+      const {
+        tag,
+        type,
+        size,
+        block,
+        blockInner,
+        round,
+        plain,
+        square,
+        loading,
+        disabled,
+        hairline,
+        nativeType,
+        iconPosition
+      } = props;
+      const classes = [bem([type, size, {
+        plain,
+        block,
+        "block-inner": blockInner ? "block-inner" : "",
+        round,
+        square,
+        loading,
+        disabled,
+        hairline
+      }]), {
+        [import_utils.BORDER_SURROUND]: hairline
+      }];
+      return (0, import_vue.createVNode)(tag, {
+        "type": nativeType,
+        "class": classes,
+        "style": getStyle(),
+        "disabled": disabled,
+        "onClick": onClick
+      }, {
+        default: () => [(0, import_vue.createVNode)("div", {
+          "class": bem("content")
+        }, [iconPosition === "left" && renderIcon(), renderText(), iconPosition === "right" && renderIcon()])]
+      });
+    };
+  }
+});

package/lib/button/index.css

@@ -1 +1 @@
-.zt-button{position:relative;display:inline-block;box-sizing:border-box;height:44px;margin:0;padding:0;font-size:16px;line-height:1.2;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif;font-weight:700;text-align:center;border-radius:4px;border-color:rgba(0,0,0,.1);cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-appearance:none}.zt-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;content:' '}.zt-button:active::before{opacity:.1}.zt-button--disabled::before,.zt-button--loading::before{display:none}.zt-button--default{color:rgba(0,0,0,.6);background-color:#fff;border:1px solid rgba(0,0,0,.1)}.zt-button--primary{color:#fff;background-color:#0091fa;border:1px solid #0091fa}.zt-button--info{color:#fff;background-color:#00c8f0;border:1px solid #00c8f0}.zt-button--danger{color:#fff;background-color:#e62314;border:1px solid #e62314}.zt-button--warning{color:#fff;background-color:#ff9623;border:1px solid #ff9623}.zt-button--success{color:#fff;background-color:#28cd78;border:1px solid #28cd78}.zt-button--plain{background-color:#fff;font-weight:400}.zt-button--plain.zt-button--primary{color:#0091fa}.zt-button--plain.zt-button--info{color:#00c8f0}.zt-button--plain.zt-button--danger{color:#e62314}.zt-button--plain.zt-button--warning{color:#ff9623}.zt-button--plain.zt-button--success{color:#28cd78}.zt-button--large{width:100%;height:50px}.zt-button--normal{padding:0 16px;font-size:16px}.zt-button--small{height:32px;padding:0 8px;font-size:14px}.zt-button__loading{color:inherit;font-size:inherit}.zt-button--mini{height:28px;padding:0 8px;font-size:14px;font-weight:400;border-radius:2px}.zt-button--mini+.zt-button--mini{margin-left:4px}.zt-button--block{display:block;width:100%}.zt-button--disabled{cursor:not-allowed;opacity:.4}.zt-button--loading{cursor:default}.zt-button--round{border-radius:999px}.zt-button--square{border-radius:0}.zt-button__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%}.zt-button__content::before{content:' '}.zt-button__icon{font-size:1.2em;line-height:inherit}.zt-button__icon+.zt-button__text,.zt-button__loading+.zt-button__text,.zt-button__text+.zt-button__icon,.zt-button__text+.zt-button__loading{margin-left:4px}.zt-button--hairline{border-width:0}.zt-button--hairline::after{border-color:inherit;border-radius:8px}.zt-button--hairline.zt-button--round::after{border-radius:999px}.zt-button--hairline.zt-button--square::after{border-radius:0}
+body{--zt-button-mini-height: 24px;--zt-button-mini-padding: 0 var(--zt-padding-sm);--zt-button-mini-font-size: var(--zt-font-size-sm);--zt-button-small-height: 28px;--zt-button-small-padding: 0 var(--zt-padding-sm);--zt-button-small-font-size: var(--zt-font-size-md);--zt-button-medium-height: 36px;--zt-button-medium-padding: 0 var(--zt-padding-md);--zt-button-medium-font-size: var(--zt-font-size-md);--zt-button-normal-padding: 0 var(--zt-padding-lg);--zt-button-normal-font-size: var(--zt-font-size-lg);--zt-button-large-height: 50px;--zt-button-default-height: 44px;--zt-button-default-line-height: calc(var(--zt-button-normal-font-size) * 2 - 8px);--zt-button-default-font-size: var(--zt-font-size-lg);--zt-button-default-color: var(--zt-text-color);--zt-button-default-background: var(--zt-background);--zt-button-default-border-color: rgba(45, 75, 115, .2);--zt-button-primary-color: var(--zt-white);--zt-button-primary-background: linear-gradient(-45deg, #3cafff 0%, var(--zt-primary-color) 100%);--zt-button-primary-light-background: rgba(1, 144, 250, .1);--zt-button-primary-border-color: var(--zt-blue-light);--zt-button-success-color: var(--zt-white);--zt-button-success-background: var(--zt-success-color);--zt-button-success-border-color: var(--zt-success-color);--zt-button-danger-color: var(--zt-white);--zt-button-danger-background: var(--zt-danger-color);--zt-button-danger-border-color: var(--zt-danger-color);--zt-button-warning-color: var(--zt-white);--zt-button-warning-background: var(--zt-warning-color);--zt-button-warning-border-color: var(--zt-warning-color);--zt-button-border-width: var(--zt-border-width);--zt-button-radius: 22px;--zt-button-round-radius: var(--zt-radius-max);--zt-button-plain-background: var(--zt-background);--zt-button-disabled-opacity: var(--zt-disabled-opacity);--zt-button-icon-mini-size: 16px;--zt-button-icon-small-size: 20px;--zt-button-icon-medium-size: 20px;--zt-button-icon-normal-size: 24px;--zt-button-loading-icon-size: 20px;--zt-button-inner-block-horizontal-margin: 16px}.zt-theme-dark{--zt-button-plain-background: transparent}.zt-button{position:relative;display:inline-block;box-sizing:border-box;height:var(--zt-button-default-height);margin:0;padding:0;font-size:var(--zt-button-default-font-size);line-height:var(--zt-button-default-line-height);text-align:center;border-radius:var(--zt-button-radius);cursor:pointer;transition:opacity var(--zt-duration-fast);-webkit-appearance:none;-webkit-font-smoothing:auto}.zt-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background:var(--zt-black);border:inherit;border-color:var(--zt-black);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.zt-button:active:before{opacity:.1}.zt-button--loading:before,.zt-button--disabled:before{display:none}.zt-button--default{color:var(--zt-button-default-color);background:var(--zt-button-default-background);border:var(--zt-button-border-width) solid var(--zt-button-default-border-color)}.zt-button--primary{color:var(--zt-button-primary-color);background:var(--zt-button-primary-background);border:var(--zt-button-border-width) solid var(--zt-button-primary-border-color)}.zt-button--primary-light{color:var(--zt-blue);background:var(--zt-button-primary-light-background);border:none}.zt-button--success{color:var(--zt-button-success-color);background:var(--zt-button-success-background);border:var(--zt-button-border-width) solid var(--zt-button-success-border-color)}.zt-button--danger{color:var(--zt-button-danger-color);background:var(--zt-button-danger-background);border:var(--zt-button-border-width) solid var(--zt-button-danger-border-color)}.zt-button--warning{color:var(--zt-button-warning-color);background:var(--zt-button-warning-background);border:var(--zt-button-border-width) solid var(--zt-button-warning-border-color)}.zt-button--plain{background:var(--zt-button-plain-background)}.zt-button--plain.zt-button--primary{color:var(--zt-blue-light)}.zt-button--plain.zt-button--success{color:var(--zt-button-success-background)}.zt-button--plain.zt-button--danger{color:var(--zt-button-danger-background)}.zt-button--plain.zt-button--warning{color:var(--zt-button-warning-background)}.zt-button--large{width:100%;height:var(--zt-button-large-height)}.zt-button--normal{padding:var(--zt-button-normal-padding);font-size:var(--zt-button-normal-font-size)}.zt-button--medium{height:var(--zt-button-medium-height);padding:var(--zt-button-medium-padding);font-size:var(--zt-button-medium-font-size)}.zt-button--small{height:var(--zt-button-small-height);padding:var(--zt-button-small-padding);font-size:var(--zt-button-small-font-size)}.zt-button--mini{height:var(--zt-button-mini-height);padding:var(--zt-button-mini-padding);font-size:var(--zt-button-mini-font-size)}.zt-button--mini+.zt-button--mini{margin-left:var(--zt-padding-base)}.zt-button__loading{color:inherit;font-size:inherit}.zt-button__loading .zt-loading__spinner{color:currentColor;width:var(--zt-button-loading-icon-size);height:var(--zt-button-loading-icon-size)}.zt-button--block{display:block;width:100%}.zt-button--block-inner{display:block;width:calc(100% - 2 * var(--zt-button-inner-block-horizontal-margin));margin:0 var(--zt-button-inner-block-horizontal-margin)}.zt-button--disabled{cursor:not-allowed;opacity:var(--zt-button-disabled-opacity)}.zt-button--loading{cursor:default}.zt-button--round{border-radius:var(--zt-button-round-radius);padding:0}.zt-button--round.zt-button--mini{width:var(--zt-button-mini-height)}.zt-button--round.zt-button--small{width:var(--zt-button-small-height)}.zt-button--round.zt-button--medium{width:var(--zt-button-medium-height)}.zt-button--round.zt-button--normal{width:var(--zt-button-default-height)}.zt-button--square{border-radius:0}.zt-button__content{display:flex;align-items:center;justify-content:center;height:100%}.zt-button__content:before{content:" "}.zt-button__icon{font-size:var(--zt-button-icon-normal-size)}.zt-button__icon--mini{font-size:var(--zt-button-icon-mini-size)}.zt-button__icon--small{font-size:var(--zt-button-icon-small-size)}.zt-button__icon--medium{font-size:var(--zt-button-icon-medium-size)}.zt-button__icon+.zt-button__text,.zt-button__loading+.zt-button__text,.zt-button__text+.zt-button__icon,.zt-button__text+.zt-button__loading{margin-left:var(--zt-padding-xxs)}.zt-button--hairline{border-width:0}.zt-button--hairline:after{border-color:inherit;border-radius:calc(var(--zt-button-radius) * 2)}.zt-button--hairline.zt-button--round:after{border-radius:var(--zt-button-round-radius)}.zt-button--hairline.zt-button--square:after{border-radius:0}

package/lib/button/index.d.ts

@@ -0,0 +1,113 @@
+export declare const Button: import("../utils").WithInstall<import("vue").DefineComponent<{
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    text: StringConstructor;
+    icon: StringConstructor;
+    type: {
+        type: import("vue").PropType<import("./types").ButtonType>;
+        default: import("./types").ButtonType;
+    };
+    size: {
+        type: import("vue").PropType<import("./types").ButtonSize>;
+        default: import("./types").ButtonSize;
+    };
+    color: StringConstructor;
+    backgroundColor: StringConstructor;
+    borderLess: BooleanConstructor;
+    borderColor: StringConstructor;
+    block: BooleanConstructor;
+    blockInner: BooleanConstructor;
+    plain: BooleanConstructor;
+    round: BooleanConstructor;
+    square: BooleanConstructor;
+    loading: BooleanConstructor;
+    hairline: BooleanConstructor;
+    disabled: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    nativeType: {
+        type: import("vue").PropType<import("./types").ButtonNativeType>;
+        default: import("./types").ButtonNativeType;
+    };
+    loadingSize: (NumberConstructor | StringConstructor)[];
+    loadingText: StringConstructor;
+    loadingType: import("vue").PropType<import("..").LoadingType>;
+    iconPosition: {
+        type: import("vue").PropType<import("./types").ButtonIconPosition>;
+        default: import("./types").ButtonIconPosition;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    text: StringConstructor;
+    icon: StringConstructor;
+    type: {
+        type: import("vue").PropType<import("./types").ButtonType>;
+        default: import("./types").ButtonType;
+    };
+    size: {
+        type: import("vue").PropType<import("./types").ButtonSize>;
+        default: import("./types").ButtonSize;
+    };
+    color: StringConstructor;
+    backgroundColor: StringConstructor;
+    borderLess: BooleanConstructor;
+    borderColor: StringConstructor;
+    block: BooleanConstructor;
+    blockInner: BooleanConstructor;
+    plain: BooleanConstructor;
+    round: BooleanConstructor;
+    square: BooleanConstructor;
+    loading: BooleanConstructor;
+    hairline: BooleanConstructor;
+    disabled: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    nativeType: {
+        type: import("vue").PropType<import("./types").ButtonNativeType>;
+        default: import("./types").ButtonNativeType;
+    };
+    loadingSize: (NumberConstructor | StringConstructor)[];
+    loadingText: StringConstructor;
+    loadingType: import("vue").PropType<import("..").LoadingType>;
+    iconPosition: {
+        type: import("vue").PropType<import("./types").ButtonIconPosition>;
+        default: import("./types").ButtonIconPosition;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    replace: boolean;
+    type: import("./types").ButtonType;
+    tag: keyof HTMLElementTagNameMap;
+    round: boolean;
+    disabled: boolean;
+    size: import("./types").ButtonSize;
+    loading: boolean;
+    block: boolean;
+    square: boolean;
+    borderLess: boolean;
+    blockInner: boolean;
+    plain: boolean;
+    hairline: boolean;
+    nativeType: import("./types").ButtonNativeType;
+    iconPosition: import("./types").ButtonIconPosition;
+}>>;
+export default Button;
+export type { ButtonProps } from './Button';
+export type { ButtonType, ButtonSize, ButtonNativeType, ButtonIconPosition, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtButton: typeof Button;
+    }
+}

package/lib/button/index.js

@@ -1,203 +1,33 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
-
-var _utils = require("../utils");
-
-var _functional = require("../utils/functional");
-
-var _constant = require("../utils/constant");
-
-var _router = require("../utils/router");
-
-var _telemetry = require("../telemetry");
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-var _loading = _interopRequireDefault(require("../loading"));
-
-// Utils
-// Components
-var _createNamespace = (0, _utils.createNamespace)('button'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-function Button(h, props, slots, ctx) {
-  var _ref;
-
-  var tag = props.tag,
-      icon = props.icon,
-      type = props.type,
-      color = props.color,
-      plain = props.plain,
-      disabled = props.disabled,
-      loading = props.loading,
-      hairline = props.hairline,
-      loadingText = props.loadingText,
-      iconPosition = props.iconPosition;
-  var style = {};
-
-  if (color) {
-    style.color = plain ? color : 'white';
-
-    if (!plain) {
-      // Use background instead of backgroundColor to make linear-gradient work
-      style.background = color;
-    } // hide border when color is linear-gradient
-
-
-    if (color.indexOf('gradient') !== -1) {
-      style.border = 0;
-    } else {
-      style.borderColor = color;
-    }
-  }
-
-  function onClick(event) {
-    if (props.loading) {
-      event.preventDefault();
-    }
-
-    if (!loading && !disabled) {
-      (0, _functional.emit)(ctx, 'click', event);
-      (0, _router.functionalRoute)(ctx);
-      var trackEvent = new _telemetry.TelemetryEvent('button', {});
-
-      _telemetry.Telemetry.sharedInstance.trackClick(trackEvent);
-    }
-  }
-
-  function onTouchstart(event) {
-    (0, _functional.emit)(ctx, 'touchstart', event);
-  }
-
-  var classes = [bem([type, props.size, {
-    plain: plain,
-    loading: loading,
-    disabled: disabled,
-    hairline: hairline,
-    block: props.block,
-    round: props.round,
-    square: props.square
-  }]), (_ref = {}, _ref[_constant.BORDER_SURROUND] = hairline, _ref)];
-
-  function renderIcon() {
-    if (loading) {
-      return slots.loading ? slots.loading() : h(_loading.default, {
-        "class": bem('loading'),
-        "attrs": {
-          "size": props.loadingSize,
-          "type": props.loadingType,
-          "color": "currentColor"
-        }
-      });
-    }
-
-    if (slots.icon) {
-      return h("div", {
-        "class": bem('icon')
-      }, [slots.icon()]);
-    }
-
-    if (icon) {
-      return h(_icon.default, {
-        "attrs": {
-          "name": icon,
-          "classPrefix": props.iconPrefix
-        },
-        "class": bem('icon')
-      });
-    }
-  }
-
-  function renderContent() {
-    var content = [];
-
-    if (iconPosition === 'left') {
-      content.push(renderIcon());
-    }
-
-    var text;
-
-    if (loading) {
-      text = loadingText;
-    } else {
-      text = slots.default ? slots.default() : props.text;
-    }
-
-    if (text) {
-      content.push(h("span", {
-        "class": bem('text')
-      }, [text]));
-    }
-
-    if (iconPosition === 'right') {
-      content.push(renderIcon());
-    }
-
-    return content;
-  }
-
-  return h(tag, (0, _babelHelperVueJsxMergeProps.default)([{
-    "style": style,
-    "class": classes,
-    "attrs": {
-      "type": props.nativeType,
-      "disabled": disabled
-    },
-    "on": {
-      "click": onClick,
-      "touchstart": onTouchstart
-    }
-  }, (0, _functional.inherit)(ctx)]), [h("div", {
-    "class": bem('content')
-  }, [renderContent()])]);
-}
-
-Button.props = (0, _extends2.default)({}, _router.routeProps, {
-  text: String,
-  icon: String,
-  color: String,
-  block: Boolean,
-  plain: Boolean,
-  round: Boolean,
-  square: Boolean,
-  loading: Boolean,
-  hairline: Boolean,
-  disabled: Boolean,
-  iconPrefix: String,
-  nativeType: String,
-  loadingText: String,
-  loadingType: String,
-  tag: {
-    type: String,
-    default: 'button'
-  },
-  type: {
-    type: String,
-    default: 'default'
-  },
-  size: {
-    type: String,
-    default: 'normal'
-  },
-  loadingSize: {
-    type: String,
-    default: '20px'
-  },
-  iconPosition: {
-    type: String,
-    default: 'left'
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  Button: () => Button,
+  default: () => stdin_default
 });
-
-var _default = createComponent(Button);
-
-exports.default = _default;
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Button = __toESM(require("./Button"));
+const Button = (0, import_utils.withInstall)(import_Button.default);
+var stdin_default = Button;

package/lib/button/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/button/style/index.js

@@ -1,5 +1,5 @@
-require('../../style/base.css');
-require('../../info/index.css');
-require('../../icon/index.css');
-require('../../loading/index.css');
-require('../index.css');
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../../loading/index.css");
+require("../index.css");

package/lib/button/types.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonHTMLAttributes } from 'vue';
+export declare type ButtonType = 'default' | 'primary' | 'primary-light' | 'success' | 'warning' | 'danger';
+export declare type ButtonSize = 'normal' | 'medium' | 'small' | 'mini';
+export declare type ButtonNativeType = NonNullable<ButtonHTMLAttributes['type']>;
+export declare type ButtonIconPosition = 'left' | 'right';

package/lib/button/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);