amis 1.4.2-beta.1 → 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/Link.d.ts

@@ -1,16 +1,7 @@
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
-import { RendererProps } from '../factory';
-import { BaseSchema, SchemaTpl } from '../Schema';
-export interface LinkSchema extends BaseSchema {
-    /**
-     * 是否新窗口打开。
-     */
-    blank?: boolean;
-    /**
-     * 链接内容，如果不配置将显示链接地址。
-     */
-    body?: SchemaTpl;
+import { ThemeProps } from '../theme';
+export interface LinkProps extends ThemeProps, React.DOMAttributes<HTMLAnchorElement> {
     /**
      * 禁用
      */
@@ -20,24 +11,26 @@ export interface LinkSchema extends BaseSchema {
      */
     icon?: string;
     /**
-     * 图标位置
+     * 右侧图标
      */
-    position?: string;
-}
-export interface LinkProps extends RendererProps, Omit<LinkSchema, 'type' | 'className'> {
+    rightIcon?: string;
+    href?: string;
+    htmlTarget?: string;
+    title?: string;
+    children?: JSX.Element;
 }
 export declare class Link extends React.Component<LinkProps, object> {
     constructor(props: LinkProps);
-    aClick(e: React.MouseEvent<any>): void;
+    handleClick(e: React.MouseEvent<any>): void;
     render(): JSX.Element;
 }
 declare const _default: {
-    new (props: (Omit<LinkProps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps) | Readonly<Omit<LinkProps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>): {
+    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 import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        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 import("../theme").ThemeProps> & import("../theme").ThemeOutterProps> & Readonly<{
+        readonly props: Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -45,24 +38,24 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<LinkProps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        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 import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<LinkProps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): 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 import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<LinkProps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<LinkProps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<LinkProps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): 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 import("../theme").ThemeProps> & import("../theme").ThemeOutterProps, context: any): {
+    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 import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        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 import("../theme").ThemeProps> & import("../theme").ThemeOutterProps> & Readonly<{
+        readonly props: Readonly<Omit<LinkProps, keyof ThemeProps> & import("../theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -70,17 +63,17 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<LinkProps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        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 import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<LinkProps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): 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 import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<LinkProps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<LinkProps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<LinkProps, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): 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>;

package/lib/components/Link.js

@@ -3,40 +3,39 @@ 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 helper_1 = require("../utils/helper");
-var tpl_1 = require("../utils/tpl");
 var theme_1 = require("../theme");
-var helper_2 = require("../utils/helper");
+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.aClick = function (e) {
-        var disabled = this.props.disabled;
+    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, body = _a.body, href = _a.href, cx = _a.classnames, blank = _a.blank, disabled = _a.disabled, htmlTarget = _a.htmlTarget, data = _a.data, title = _a.title, icon = _a.icon, position = _a.position;
-        var value = (0, helper_1.getPropValue)(this.props);
-        var finnalHref = href ? (0, tpl_1.filter)(href, data, '| raw') : '';
-        return (react_1.default.createElement("a", { href: finnalHref || value, target: htmlTarget || (blank ? '_blank' : '_self'), className: cx("Link", {
+        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.aClick },
-            react_1.default.createElement("i", { className: icon, style: { display: position !== 'right' ? 'inline-block' : 'none' } }),
-            body,
-            react_1.default.createElement("i", { className: icon, style: { display: position !== 'right' ? 'none' : 'inline-block' } })));
+            }, 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_2.autobind,
+        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, "aClick", null);
+    ], Link.prototype, "handleClick", null);
     return Link;
 }(react_1.default.Component));
 exports.Link = Link;

package/lib/components/Link.js.map

@@ -6,8 +6,8 @@
         "/src/components/Link.tsx"
     ],
     "names": [],
-    "mappings": ";;;;AAAA,6DAA0B;AAG1B,0CAA6C;AAC7C,oCAAoC;AACpC,kCAAmC;AACnC,0CAAyC;AAiCzC;IAA0B,qCAAkC;IAC1D,cAAY,KAAgB;eAC1B,kBAAM,KAAK,CAAC;IACd,CAAC;IAGD,qBAAM,GAAN,UAAO,CAAwB;QACtB,IAAA,QAAQ,GAAI,IAAI,CAAC,KAAK,SAAd,CAAe;QAC9B,IAAI,QAAQ,EAAE;YACZ,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;SACrB;IACH,CAAC;IAED,qBAAM,GAAN;QACQ,IAAA,KAYF,IAAI,CAAC,KAAK,EAXZ,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,IAAI,UAAA,EACQ,EAAE,gBAAA,EACd,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cACI,CAAC;QAEf,IAAI,KAAK,GAAG,IAAA,qBAAY,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrC,IAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,IAAA,YAAM,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAE3D,OAAO,CACL,qCACE,IAAI,EAAE,UAAU,IAAI,KAAK,EACzB,MAAM,EAAE,UAAU,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,EAClD,SAAS,EAAE,EAAE,CACX,MAAM,EACN;gBACE,aAAa,EAAE,QAAQ;aACxB,EACD,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,IAAI,CAAC,MAAM;YAEpB,qCAAG,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,EAAC,OAAO,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,EAAE,GAAI;YACxF,IAAI;YACL,qCAAG,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,EAAC,OAAO,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,EAAE,GAAI,CACvF,CACL,CAAC;IACJ,CAAC;;IA7CD;QADC,iBAAQ;;0EACC,eAAK,oBAAL,eAAK,CAAC,UAAU;;sCAMzB;IAwCH,WAAC;CAAA,AApDD,CAA0B,eAAK,CAAC,SAAS,GAoDxC;AApDY,oBAAI;AAsDjB,kBAAe,IAAA,iBAAS,EAAC,IAAI,CAAC,CAAC",
+    "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 {RendererProps} from '../factory';\nimport {BaseSchema, SchemaTpl} from '../Schema';\nimport {getPropValue} from '../utils/helper';\nimport {filter} from '../utils/tpl';\nimport {themeable} from '../theme';\nimport {autobind} from '../utils/helper';\n\nexport interface LinkSchema extends BaseSchema {\n  /**\n   * 是否新窗口打开。\n   */\n  blank?: boolean;\n\n  /**\n   * 链接内容，如果不配置将显示链接地址。\n   */\n  body?: SchemaTpl;\n\n  /**\n   * 禁用\n   */\n  disabled?: boolean;\n\n  /**\n   * 图标\n   */\n  icon?: string;\n\n  /**\n   * 图标位置\n   */\n  position?: string;\n}\n\nexport interface LinkProps\n  extends RendererProps,\n    Omit<LinkSchema, 'type' | 'className'> {}\n\nexport class Link extends React.Component<LinkProps, object> {\n  constructor(props: LinkProps) {\n    super(props);\n  }\n\n  @autobind\n  aClick(e: React.MouseEvent<any>) {\n    const {disabled} = this.props;\n    if (disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  }\n\n  render() {\n    const {\n      className,\n      body,\n      href,\n      classnames: cx,\n      blank,\n      disabled,\n      htmlTarget,\n      data,\n      title,\n      icon,\n      position\n    } = this.props;\n\n    let value = getPropValue(this.props);\n    const finnalHref = href ? filter(href, data, '| raw') : '';\n\n    return (\n      <a\n        href={finnalHref || value}\n        target={htmlTarget || (blank ? '_blank' : '_self')}\n        className={cx(\n          `Link`,\n          {\n            'is-disabled': disabled\n          },\n          className\n        )}\n        title={title}\n        onClick={this.aClick}\n      >\n        <i className={icon} style={{display: position !== 'right' ? 'inline-block' : 'none' }} />\n        {body}\n        <i className={icon} style={{display: position !== 'right' ? 'none' : 'inline-block' }} />\n      </a>\n    );\n  }\n}\n\nexport default themeable(Link);\n"
+        "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"
     ]
 }