amis 1.3.5-beta.7 → 1.4.2-beta.11

package/lib/components/GroupedSelection.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupedSelection = void 0;
+var tslib_1 = require("tslib");
+var Selection_1 = require("./Selection");
+var theme_1 = require("../theme");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var uncontrollable_1 = require("uncontrollable");
+var Checkbox_1 = (0, tslib_1.__importDefault)(require("./Checkbox"));
+var locale_1 = require("../locale");
+var GroupedSelection = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(GroupedSelection, _super);
+    function GroupedSelection() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    GroupedSelection.prototype.renderOption = function (option, index) {
+        var _this = this;
+        var _a = this.props, labelClassName = _a.labelClassName, disabled = _a.disabled, cx = _a.classnames, itemClassName = _a.itemClassName, itemRender = _a.itemRender, multiple = _a.multiple;
+        var valueArray = this.valueArray;
+        if (Array.isArray(option.children)) {
+            return (react_1.default.createElement("div", { key: index, className: cx('GroupedSelection-group', option.className) },
+                react_1.default.createElement("div", { className: cx('GroupedSelection-itemLabel') }, itemRender(option)),
+                react_1.default.createElement("div", { className: cx('GroupedSelection-items', option.className) }, option.children.map(function (child, index) {
+                    return _this.renderOption(child, index);
+                }))));
+        }
+        return (react_1.default.createElement("div", { key: index, className: cx('GroupedSelection-item', itemClassName, option.className, disabled || option.disabled ? 'is-disabled' : '', !!~valueArray.indexOf(option) ? 'is-active' : ''), onClick: function () { return _this.toggleOption(option); } },
+            react_1.default.createElement("div", { className: cx('GroupedSelection-itemLabel') }, itemRender(option)),
+            multiple ? (react_1.default.createElement(Checkbox_1.default, { size: "sm", checked: !!~valueArray.indexOf(option), disabled: disabled || option.disabled, labelClassName: labelClassName, description: option.description })) : null));
+    };
+    GroupedSelection.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, value = _a.value, options = _a.options, className = _a.className, placeholder = _a.placeholder, cx = _a.classnames, option2value = _a.option2value, onClick = _a.onClick;
+        var __ = this.props.translate;
+        this.valueArray = Selection_1.BaseSelection.value2array(value, options, option2value);
+        var body = [];
+        if (Array.isArray(options) && options.length) {
+            body = options.map(function (option, key) { return _this.renderOption(option, key); });
+        }
+        return (react_1.default.createElement("div", { className: cx('GroupedSelection', className), onClick: onClick }, body && body.length ? (body) : (react_1.default.createElement("div", { className: cx('GroupedSelection-placeholder') }, __(placeholder)))));
+    };
+    return GroupedSelection;
+}(Selection_1.BaseSelection));
+exports.GroupedSelection = GroupedSelection;
+exports.default = (0, theme_1.themeable)((0, locale_1.localeable)((0, uncontrollable_1.uncontrollable)(GroupedSelection, {
+    value: 'onChange'
+})));
+//# sourceMappingURL=./components/GroupedSelection.js.map

package/lib/components/GroupedSelection.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "GroupedSelection.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/components/GroupedSelection.tsx"
+    ],
+    "names": [],
+    "mappings": "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",
+    "sourcesContent": [
+        "import {BaseSelection} from './Selection';\nimport {themeable} from '../theme';\nimport React from 'react';\nimport {uncontrollable} from 'uncontrollable';\nimport Checkbox from './Checkbox';\nimport {Option} from './Select';\nimport {localeable} from '../locale';\n\nexport class GroupedSelection extends BaseSelection {\n  valueArray: Array<Option>;\n\n  renderOption(option: Option, index: number) {\n    const {\n      labelClassName,\n      disabled,\n      classnames: cx,\n      itemClassName,\n      itemRender,\n      multiple\n    } = this.props;\n    const valueArray = this.valueArray;\n\n    if (Array.isArray(option.children)) {\n      return (\n        <div\n          key={index}\n          className={cx('GroupedSelection-group', option.className)}\n        >\n          <div className={cx('GroupedSelection-itemLabel')}>\n            {itemRender(option)}\n          </div>\n\n          <div className={cx('GroupedSelection-items', option.className)}>\n            {option.children.map((child, index) =>\n              this.renderOption(child, index)\n            )}\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        key={index}\n        className={cx(\n          'GroupedSelection-item',\n          itemClassName,\n          option.className,\n          disabled || option.disabled ? 'is-disabled' : '',\n          !!~valueArray.indexOf(option) ? 'is-active' : ''\n        )}\n        onClick={() => this.toggleOption(option)}\n      >\n        <div className={cx('GroupedSelection-itemLabel')}>\n          {itemRender(option)}\n        </div>\n\n        {multiple ? (\n          <Checkbox\n            size=\"sm\"\n            checked={!!~valueArray.indexOf(option)}\n            disabled={disabled || option.disabled}\n            labelClassName={labelClassName}\n            description={option.description}\n          />\n        ) : null}\n      </div>\n    );\n  }\n\n  render() {\n    const {\n      value,\n      options,\n      className,\n      placeholder,\n      classnames: cx,\n      option2value,\n      onClick\n    } = this.props;\n    const __ = this.props.translate;\n\n    this.valueArray = BaseSelection.value2array(value, options, option2value);\n    let body: Array<React.ReactNode> = [];\n\n    if (Array.isArray(options) && options.length) {\n      body = options.map((option, key) => this.renderOption(option, key));\n    }\n\n    return (\n      <div className={cx('GroupedSelection', className)} onClick={onClick}>\n        {body && body.length ? (\n          body\n        ) : (\n          <div className={cx('GroupedSelection-placeholder')}>\n            {__(placeholder)}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default themeable(\n  localeable(\n    uncontrollable(GroupedSelection, {\n      value: 'onChange'\n    })\n  )\n);\n"
+    ]
+}

package/lib/components/InputBox.js

@@ -18,7 +18,7 @@ var InputBox = /** @class */ (function (_super) {
     }
     InputBox.prototype.clearValue = function (e) {
         e.preventDefault();
-        var onClear = this.props.onChange;
+        var onClear = this.props.onClear;
         var onChange = this.props.onChange;
         onClear === null || onClear === void 0 ? void 0 : onClear(e);
         onChange === null || onChange === void 0 ? void 0 : onChange('');

package/lib/components/InputBox.js.map

@@ -6,8 +6,8 @@
         "/src/components/InputBox.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {ThemeProps, themeable} from '../theme';\nimport Input from './Input';\nimport {autobind} from '../utils/helper';\nimport {Icon} from './icons';\n\nexport interface InputBoxProps\n  extends ThemeProps,\n    Omit<React.DOMAttributes<HTMLInputElement>, 'prefix' | 'onChange'> {\n  value?: string;\n  readOnly?: boolean;\n  onChange?: (value: string) => void;\n  onClear?: (e: React.MouseEvent<any>) => void;\n  clearable?: boolean;\n  disabled?: boolean;\n  hasError?: boolean;\n  placeholder?: string;\n  prefix?: JSX.Element;\n  children?: JSX.Element;\n}\n\nexport interface InputBoxState {\n  isFocused: boolean;\n}\n\nexport class InputBox extends React.Component<InputBoxProps, InputBoxState> {\n  static defaultProps = {\n    clearable: true,\n    placeholder: ''\n  };\n\n  state = {\n    isFocused: false\n  };\n\n  @autobind\n  clearValue(e: any) {\n    e.preventDefault();\n\n    const onClear = this.props.onChange;\n    const onChange = this.props.onChange;\n    onClear?.(e);\n    onChange?.('');\n  }\n\n  @autobind\n  handleChange(e: React.ChangeEvent<HTMLInputElement>) {\n    const onChange = this.props.onChange;\n    onChange && onChange(e.currentTarget.value);\n  }\n\n  @autobind\n  handleFocus(e: any) {\n    const onFocus = this.props.onFocus;\n    onFocus && onFocus(e);\n    this.setState({\n      isFocused: true\n    });\n  }\n\n  @autobind\n  handleBlur(e: any) {\n    const onBlur = this.props.onBlur;\n    onBlur && onBlur(e);\n    this.setState({\n      isFocused: false\n    });\n  }\n\n  render() {\n    const {\n      className,\n      classnames: cx,\n      classPrefix,\n      clearable,\n      disabled,\n      hasError,\n      value,\n      placeholder,\n      prefix: result,\n      children,\n      ...rest\n    } = this.props;\n    const isFocused = this.state.isFocused;\n\n    return (\n      <div\n        className={cx(\n          'InputBox',\n          className,\n          isFocused ? 'is-focused' : '',\n          disabled ? 'is-disabled' : '',\n          hasError ? 'is-error' : '',\n          rest.onClick ? 'is-clickable' : ''\n        )}\n      >\n        {result}\n\n        <Input\n          {...rest}\n          value={value || ''}\n          onChange={this.handleChange}\n          placeholder={placeholder}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          size={12}\n        />\n\n        {children}\n\n        {clearable && !disabled && value ? (\n          <a onClick={this.clearValue} className={cx('InputBox-clear')}>\n            <Icon icon=\"close\" className=\"icon\" />\n          </a>\n        ) : null}\n      </div>\n    );\n  }\n}\n\nexport default themeable(InputBox);\n"
+        "import React from 'react';\nimport {ThemeProps, themeable} from '../theme';\nimport Input from './Input';\nimport {autobind} from '../utils/helper';\nimport {Icon} from './icons';\n\nexport interface InputBoxProps\n  extends ThemeProps,\n    Omit<React.DOMAttributes<HTMLInputElement>, 'prefix' | 'onChange'> {\n  value?: string;\n  readOnly?: boolean;\n  onChange?: (value: string) => void;\n  onClear?: (e: React.MouseEvent<any>) => void;\n  clearable?: boolean;\n  disabled?: boolean;\n  hasError?: boolean;\n  placeholder?: string;\n  prefix?: JSX.Element;\n  children?: JSX.Element;\n}\n\nexport interface InputBoxState {\n  isFocused: boolean;\n}\n\nexport class InputBox extends React.Component<InputBoxProps, InputBoxState> {\n  static defaultProps = {\n    clearable: true,\n    placeholder: ''\n  };\n\n  state = {\n    isFocused: false\n  };\n\n  @autobind\n  clearValue(e: any) {\n    e.preventDefault();\n\n    const onClear = this.props.onClear;\n    const onChange = this.props.onChange;\n    onClear?.(e);\n    onChange?.('');\n  }\n\n  @autobind\n  handleChange(e: React.ChangeEvent<HTMLInputElement>) {\n    const onChange = this.props.onChange;\n    onChange && onChange(e.currentTarget.value);\n  }\n\n  @autobind\n  handleFocus(e: any) {\n    const onFocus = this.props.onFocus;\n    onFocus && onFocus(e);\n    this.setState({\n      isFocused: true\n    });\n  }\n\n  @autobind\n  handleBlur(e: any) {\n    const onBlur = this.props.onBlur;\n    onBlur && onBlur(e);\n    this.setState({\n      isFocused: false\n    });\n  }\n\n  render() {\n    const {\n      className,\n      classnames: cx,\n      classPrefix,\n      clearable,\n      disabled,\n      hasError,\n      value,\n      placeholder,\n      prefix: result,\n      children,\n      ...rest\n    } = this.props;\n    const isFocused = this.state.isFocused;\n\n    return (\n      <div\n        className={cx(\n          'InputBox',\n          className,\n          isFocused ? 'is-focused' : '',\n          disabled ? 'is-disabled' : '',\n          hasError ? 'is-error' : '',\n          rest.onClick ? 'is-clickable' : ''\n        )}\n      >\n        {result}\n\n        <Input\n          {...rest}\n          value={value || ''}\n          onChange={this.handleChange}\n          placeholder={placeholder}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          size={12}\n        />\n\n        {children}\n\n        {clearable && !disabled && value ? (\n          <a onClick={this.clearValue} className={cx('InputBox-clear')}>\n            <Icon icon=\"close\" className=\"icon\" />\n          </a>\n        ) : null}\n      </div>\n    );\n  }\n}\n\nexport default themeable(InputBox);\n"
     ]
 }

package/lib/components/Link.d.ts

@@ -0,0 +1,84 @@
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { ThemeProps } from '../theme';
+export interface LinkProps extends ThemeProps, React.DOMAttributes<HTMLAnchorElement> {
+    /**
+     * 禁用
+     */
+    disabled?: boolean;
+    /**
+     * 图标
+     */
+    icon?: string;
+    /**
+     * 右侧图标
+     */
+    rightIcon?: string;
+    href?: string;
+    htmlTarget?: string;
+    title?: string;
+    children?: JSX.Element;
+}
+export declare class Link extends React.Component<LinkProps, object> {
+    constructor(props: LinkProps);
+    handleClick(e: React.MouseEvent<any>): void;
+    render(): JSX.Element;
+}
+declare const _default: {
+    new (props: (Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps) | Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps, context: any): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof Link>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof Link, {}> & {
+    ComposedComponent: typeof Link;
+};
+export default _default;

package/lib/components/Link.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = void 0;
+var tslib_1 = require("tslib");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var theme_1 = require("../theme");
+var helper_1 = require("../utils/helper");
+var icon_1 = require("../utils/icon");
+var Link = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(Link, _super);
+    function Link(props) {
+        return _super.call(this, props) || this;
+    }
+    Link.prototype.handleClick = function (e) {
+        var _a = this.props, disabled = _a.disabled, onClick = _a.onClick;
+        if (disabled) {
+            e.preventDefault();
+            e.stopPropagation();
+            return;
+        }
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    };
+    Link.prototype.render = function () {
+        var _a = this.props, className = _a.className, href = _a.href, cx = _a.classnames, disabled = _a.disabled, htmlTarget = _a.htmlTarget, title = _a.title, icon = _a.icon, rightIcon = _a.rightIcon, children = _a.children, classPrefix = _a.classPrefix, theme = _a.theme, rest = (0, tslib_1.__rest)(_a, ["className", "href", "classnames", "disabled", "htmlTarget", "title", "icon", "rightIcon", "children", "classPrefix", "theme"]);
+        return (react_1.default.createElement("a", (0, tslib_1.__assign)({}, rest, { href: href, target: htmlTarget, className: cx("Link", {
+                'is-disabled': disabled
+            }, className), title: title, onClick: this.handleClick }),
+            icon ? (0, icon_1.generateIcon)(cx, icon, 'Link-icon') : null,
+            children,
+            rightIcon ? (0, icon_1.generateIcon)(cx, rightIcon, 'Link-icon') : null));
+    };
+    var _a;
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [typeof (_a = typeof react_1.default !== "undefined" && react_1.default.MouseEvent) === "function" ? _a : Object]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], Link.prototype, "handleClick", null);
+    return Link;
+}(react_1.default.Component));
+exports.Link = Link;
+exports.default = (0, theme_1.themeable)(Link);
+//# sourceMappingURL=./components/Link.js.map

package/lib/components/Link.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "Link.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/components/Link.tsx"
+    ],
+    "names": [],
+    "mappings": ";;;;AAAA,6DAA0B;AAC1B,kCAA+C;AAC/C,0CAAyC;AACzC,sCAA2C;AA0B3C;IAA0B,qCAAkC;IAC1D,cAAY,KAAgB;eAC1B,kBAAM,KAAK,CAAC;IACd,CAAC;IAGD,0BAAW,GAAX,UAAY,CAAwB;QAC5B,IAAA,KAAsB,IAAI,CAAC,KAAK,EAA/B,QAAQ,cAAA,EAAE,OAAO,aAAc,CAAC;QACvC,IAAI,QAAQ,EAAE;YACZ,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;SACR;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACf,CAAC;IAED,qBAAM,GAAN;QACE,IAAM,KAaF,IAAI,CAAC,KAAK,EAZZ,SAAS,eAAA,EACT,IAAI,UAAA,EACQ,EAAE,gBAAA,EACd,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,KAAK,WAAA,EACF,IAAI,2BAZH,+HAaL,CAAa,CAAC;QAEf,OAAO,CACL,6DACM,IAAI,IACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,EAAE,CACX,MAAM,EACN;gBACE,aAAa,EAAE,QAAQ;aACxB,EACD,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,IAAI,CAAC,WAAW;YAExB,IAAI,CAAC,CAAC,CAAC,IAAA,mBAAY,EAAC,EAAE,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI;YACjD,QAAQ;YACR,SAAS,CAAC,CAAC,CAAC,IAAA,mBAAY,EAAC,EAAE,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAC1D,CACL,CAAC;IACJ,CAAC;;IA9CD;QADC,iBAAQ;;0EACM,eAAK,oBAAL,eAAK,CAAC,UAAU;;2CAQ9B;IAuCH,WAAC;CAAA,AArDD,CAA0B,eAAK,CAAC,SAAS,GAqDxC;AArDY,oBAAI;AAuDjB,kBAAe,IAAA,iBAAS,EAAC,IAAI,CAAC,CAAC",
+    "sourcesContent": [
+        "import React from 'react';\nimport {themeable, ThemeProps} from '../theme';\nimport {autobind} from '../utils/helper';\nimport {generateIcon} from '../utils/icon';\n\nexport interface LinkProps\n  extends ThemeProps,\n    React.DOMAttributes<HTMLAnchorElement> {\n  /**\n   * 禁用\n   */\n  disabled?: boolean;\n\n  /**\n   * 图标\n   */\n  icon?: string;\n\n  /**\n   * 右侧图标\n   */\n  rightIcon?: string;\n\n  href?: string;\n  htmlTarget?: string;\n  title?: string;\n  children?: JSX.Element;\n}\n\nexport class Link extends React.Component<LinkProps, object> {\n  constructor(props: LinkProps) {\n    super(props);\n  }\n\n  @autobind\n  handleClick(e: React.MouseEvent<any>) {\n    const {disabled, onClick} = this.props;\n    if (disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n    onClick?.(e);\n  }\n\n  render() {\n    const {\n      className,\n      href,\n      classnames: cx,\n      disabled,\n      htmlTarget,\n      title,\n      icon,\n      rightIcon,\n      children,\n      classPrefix,\n      theme,\n      ...rest\n    } = this.props;\n\n    return (\n      <a\n        {...rest}\n        href={href}\n        target={htmlTarget}\n        className={cx(\n          `Link`,\n          {\n            'is-disabled': disabled\n          },\n          className\n        )}\n        title={title}\n        onClick={this.handleClick}\n      >\n        {icon ? generateIcon(cx, icon, 'Link-icon') : null}\n        {children}\n        {rightIcon ? generateIcon(cx, rightIcon, 'Link-icon') : null}\n      </a>\n    );\n  }\n}\n\nexport default themeable(Link);\n"
+    ]
+}