amis 1.4.2-beta.1 → 1.4.2-beta.11

package/lib/renderers/Portlet.d.ts

@@ -0,0 +1,125 @@
+import React from 'react';
+import { RendererProps } from '../factory';
+import { SchemaTpl, SchemaClassName, BaseSchema, SchemaCollection, SchemaIcon } from '../Schema';
+import { ActionSchema } from './Action';
+/**
+ * 栏目容器渲染器。
+ * 文档：https://baidu.gitee.io/amis/docs/components/portlet
+ */
+export interface PortletTabSchema extends Omit<BaseSchema, 'type'> {
+    /**
+     * Tab 标题
+     */
+    title?: string;
+    /**
+     * 内容
+     * @deprecated 用 body 属性
+     */
+    tab?: SchemaCollection;
+    /**
+     * 可以在右侧配置点其他功能按钮，随着tab切换而切换
+     */
+    toolbar?: Array<ActionSchema>;
+    /**
+     * 内容
+     */
+    body?: SchemaCollection;
+    /**
+     * 按钮图标
+     */
+    icon?: SchemaIcon;
+    iconPosition?: 'left' | 'right';
+    /**
+     * 设置以后内容每次都会重新渲染
+     */
+    reload?: boolean;
+    /**
+     * 点开时才加载卡片内容
+     */
+    mountOnEnter?: boolean;
+    /**
+     * 卡片隐藏就销毁卡片节点。
+     */
+    unmountOnExit?: boolean;
+}
+export interface PortletSchema extends Omit<BaseSchema, 'type'> {
+    /**
+     * 指定为 portlet 类型
+     */
+    type: 'portlet';
+    tabs: Array<PortletTabSchema>;
+    /**
+     * 关联已有数据，选项卡直接根据目标数据重复。
+     */
+    source?: string;
+    /**
+     * 类名
+     */
+    tabsClassName?: SchemaClassName;
+    /**
+     * 展示形式
+     */
+    tabsMode?: '' | 'line' | 'card' | 'radio' | 'vertical' | 'tiled';
+    /**
+     * 内容类名
+     */
+    contentClassName?: SchemaClassName;
+    /**
+     * 链接外层类名
+     */
+    linksClassName?: SchemaClassName;
+    /**
+     * 卡片是否只有在点开的时候加载？
+     */
+    mountOnEnter?: boolean;
+    /**
+     * 卡片隐藏的时候是否销毁卡片内容
+     */
+    unmountOnExit?: boolean;
+    /**
+     * 可以在右侧配置点其他功能按钮。不会随着tab切换
+     */
+    toolbar?: Array<ActionSchema>;
+    /**
+     * 是否支持溢出滚动
+     */
+    scrollable?: boolean;
+    /**
+     * header和内容是否展示分割线
+     */
+    divider?: boolean;
+    /**
+     * 标题右侧的描述
+     */
+    description?: SchemaTpl;
+    /**
+     * 隐藏头部
+     */
+    hideHeader?: boolean;
+    /**
+     * 自定义样式
+     */
+    style?: string | {
+        [propName: string]: any;
+    };
+}
+export interface PortletProps extends RendererProps, Omit<PortletSchema, 'className' | 'contentClassName'> {
+    activeKey?: number;
+    tabRender?: (tab: PortletTabSchema, props: PortletProps, index: number) => JSX.Element;
+}
+export interface PortletState {
+    activeKey?: number;
+}
+export declare class Portlet extends React.Component<PortletProps, PortletState> {
+    static defaultProps: Partial<PortletProps>;
+    renderTab?: (tab: PortletTabSchema, props: PortletProps, index: number) => JSX.Element;
+    constructor(props: PortletProps);
+    handleSelect(key: number): void;
+    renderToolbarItem(toolbar: Array<ActionSchema>): JSX.Element[];
+    renderToolbar(): JSX.Element | null;
+    renderDesc(): JSX.Element | null;
+    renderTabs(): JSX.Element | null;
+    render(): JSX.Element;
+}
+export declare class PortletRenderer extends Portlet {
+}

package/lib/renderers/Portlet.js

@@ -0,0 +1,156 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PortletRenderer = exports.Portlet = void 0;
+var tslib_1 = require("tslib");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var mapValues_1 = (0, tslib_1.__importDefault)(require("lodash/mapValues"));
+var Tabs_1 = require("../components/Tabs");
+var factory_1 = require("../factory");
+var tpl_builtin_1 = require("../utils/tpl-builtin");
+var api_1 = require("../utils/api");
+var helper_1 = require("../utils/helper");
+var tpl_1 = require("../utils/tpl");
+var Portlet = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(Portlet, _super);
+    function Portlet(props) {
+        var _this = _super.call(this, props) || this;
+        var activeKey = props.activeKey || 0;
+        _this.state = {
+            activeKey: activeKey
+        };
+        return _this;
+    }
+    Portlet.prototype.handleSelect = function (key) {
+        var _a = this.props, onSelect = _a.onSelect, tabs = _a.tabs;
+        if (typeof key === 'number' && key < tabs.length) {
+            this.setState({
+                activeKey: key
+            });
+        }
+        if (typeof onSelect === 'string') {
+            var selectFunc = (0, api_1.str2AsyncFunction)(onSelect, 'key', 'props');
+            selectFunc && selectFunc(key, this.props);
+        }
+        else if (typeof onSelect === 'function') {
+            onSelect(key, this.props);
+        }
+    };
+    Portlet.prototype.renderToolbarItem = function (toolbar) {
+        var render = this.props.render;
+        var actions = [];
+        if (Array.isArray(toolbar)) {
+            toolbar.forEach(function (action, index) {
+                return actions.push(render("toolbar/" + index, (0, tslib_1.__assign)({ type: 'button', level: 'link', size: 'sm' }, action), {
+                    key: index
+                }));
+            });
+        }
+        return actions;
+    };
+    Portlet.prototype.renderToolbar = function () {
+        var _a = this.props, toolbar = _a.toolbar, cx = _a.classnames, ns = _a.classPrefix, tabs = _a.tabs;
+        var activeKey = this.state.activeKey;
+        var tabToolbar = null;
+        var tabToolbarTpl = null;
+        // tabs里的toolbar
+        var toolbarTpl = toolbar ? (react_1.default.createElement("div", { className: cx(ns + "toolbar") }, this.renderToolbarItem(toolbar))) : null;
+        // tab里的toolbar
+        if (typeof activeKey !== 'undefined') {
+            tabToolbar = tabs[activeKey].toolbar;
+            tabToolbarTpl = tabToolbar ? (react_1.default.createElement("div", { className: cx(ns + "tab-toolbar") }, this.renderToolbarItem(tabToolbar))) : null;
+        }
+        return toolbarTpl || tabToolbarTpl ? (react_1.default.createElement("div", { className: cx(ns + "Portlet-toolbar") },
+            toolbarTpl,
+            tabToolbarTpl)) : null;
+    };
+    Portlet.prototype.renderDesc = function () {
+        var _a = this.props, descTpl = _a.description, render = _a.render, cx = _a.classnames, ns = _a.classPrefix, data = _a.data;
+        var desc = (0, tpl_1.filter)(descTpl, data);
+        return desc ? (react_1.default.createElement("span", { className: cx(ns + "Portlet-header-desc") }, desc)) : null;
+    };
+    Portlet.prototype.renderTabs = function () {
+        var _a;
+        var _this = this;
+        var _b = this.props, cx = _b.classnames, ns = _b.classPrefix, tabsClassName = _b.tabsClassName, contentClassName = _b.contentClassName, linksClassName = _b.linksClassName, tabRender = _b.tabRender, render = _b.render, data = _b.data, dMode = _b.mode, tabsMode = _b.tabsMode, unmountOnExit = _b.unmountOnExit, source = _b.source, mountOnEnter = _b.mountOnEnter, scrollable = _b.scrollable, divider = _b.divider;
+        var mode = tabsMode || dMode;
+        var arr = (0, tpl_builtin_1.resolveVariable)(source, data);
+        var tabs = this.props.tabs;
+        if (!tabs) {
+            return null;
+        }
+        tabs = Array.isArray(tabs) ? tabs : [tabs];
+        var children = [];
+        var tabClassname = cx(ns + "Portlet-tab", tabsClassName, (_a = {},
+            _a['unactive-select'] = tabs.length <= 1,
+            _a['no-divider'] = !divider,
+            _a));
+        if (Array.isArray(arr)) {
+            arr.forEach(function (value, index) {
+                var ctx = (0, helper_1.createObject)(data, (0, helper_1.isObject)(value) ? (0, tslib_1.__assign)({ index: index }, value) : { item: value, index: index });
+                children.push.apply(children, tabs.map(function (tab, tabIndex) {
+                    var _a;
+                    return (0, helper_1.isVisible)(tab, ctx) ? (react_1.default.createElement(Tabs_1.Tab, (0, tslib_1.__assign)({}, tab, { title: (0, tpl_1.filter)(tab.title, ctx), disabled: (0, helper_1.isDisabled)(tab, ctx), key: "" + (index * 1000 + tabIndex), eventKey: index * 1000 + tabIndex, mountOnEnter: mountOnEnter, unmountOnExit: typeof tab.reload === 'boolean'
+                            ? tab.reload
+                            : typeof tab.unmountOnExit === 'boolean'
+                                ? tab.unmountOnExit
+                                : unmountOnExit }), render("item/" + index + "/" + tabIndex, ((_a = tab) === null || _a === void 0 ? void 0 : _a.type) ? tab : tab.tab || tab.body, {
+                        data: ctx
+                    }))) : null;
+                }));
+            });
+        }
+        else {
+            children = tabs.map(function (tab, index) {
+                var _a;
+                return (0, helper_1.isVisible)(tab, data) ? (react_1.default.createElement(Tabs_1.Tab, (0, tslib_1.__assign)({}, tab, { title: (0, tpl_1.filter)(tab.title, data), disabled: (0, helper_1.isDisabled)(tab, data), key: index, eventKey: index, mountOnEnter: mountOnEnter, unmountOnExit: typeof tab.reload === 'boolean'
+                        ? tab.reload
+                        : typeof tab.unmountOnExit === 'boolean'
+                            ? tab.unmountOnExit
+                            : unmountOnExit }), _this.renderTab
+                    ? _this.renderTab(tab, _this.props, index)
+                    : tabRender
+                        ? tabRender(tab, _this.props, index)
+                        : render("tab/" + index, ((_a = tab) === null || _a === void 0 ? void 0 : _a.type) ? tab : tab.tab || tab.body))) : null;
+            });
+        }
+        return (react_1.default.createElement(Tabs_1.Tabs, { classPrefix: ns, classnames: cx, mode: mode, className: tabClassname, contentClassName: contentClassName, linksClassName: linksClassName, activeKey: this.state.activeKey, onSelect: this.handleSelect, toolbar: this.renderToolbar(), additionBtns: this.renderDesc(), scrollable: scrollable }, children));
+    };
+    Portlet.prototype.render = function () {
+        var _a;
+        var _b = this.props, className = _b.className, data = _b.data, cx = _b.classnames, ns = _b.classPrefix, style = _b.style, hideHeader = _b.hideHeader;
+        var portletClassname = cx(ns + "Portlet", className, (_a = {},
+            _a['no-header'] = hideHeader,
+            _a));
+        var styleVar = typeof style === 'string'
+            ? (0, tpl_builtin_1.resolveVariable)(style, data) || {}
+            : (0, mapValues_1.default)(style, function (s) { return (0, tpl_builtin_1.resolveVariable)(s, data) || s; });
+        return (react_1.default.createElement("div", { className: portletClassname, style: styleVar }, this.renderTabs()));
+    };
+    Portlet.defaultProps = {
+        className: '',
+        mode: 'line',
+        divider: true
+    };
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [Number]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], Portlet.prototype, "handleSelect", null);
+    return Portlet;
+}(react_1.default.Component));
+exports.Portlet = Portlet;
+var PortletRenderer = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(PortletRenderer, _super);
+    function PortletRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PortletRenderer = (0, tslib_1.__decorate)([
+        (0, factory_1.Renderer)({
+            type: 'portlet'
+        })
+    ], PortletRenderer);
+    return PortletRenderer;
+}(Portlet));
+exports.PortletRenderer = PortletRenderer;
+//# sourceMappingURL=./renderers/Portlet.js.map

package/lib/renderers/Portlet.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "Portlet.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/renderers/Portlet.tsx"
+    ],
+    "names": [],
+    "mappings": "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",
+    "sourcesContent": [
+        "import React from 'react';\nimport mapValues from 'lodash/mapValues';\n\nimport {Tabs as CTabs, Tab} from '../components/Tabs';\nimport {Renderer, RendererProps} from '../factory';\nimport {resolveVariable} from '../utils/tpl-builtin';\nimport {str2AsyncFunction} from '../utils/api';\nimport {\n  isVisible,\n  autobind,\n  isDisabled,\n  isObject,\n  createObject\n} from '../utils/helper';\n\nimport {filter} from '../utils/tpl';\nimport {\n  SchemaTpl,\n  SchemaClassName,\n  BaseSchema,\n  SchemaCollection,\n  SchemaIcon\n} from '../Schema';\n\nimport {ActionSchema} from './Action';\n\n/**\n * 栏目容器渲染器。\n * 文档：https://baidu.gitee.io/amis/docs/components/portlet\n */\nexport interface PortletTabSchema extends Omit<BaseSchema, 'type'> {\n  /**\n   * Tab 标题\n   */\n  title?: string;\n\n  /**\n   * 内容\n   * @deprecated 用 body 属性\n   */\n  tab?: SchemaCollection;\n\n  /**\n   * 可以在右侧配置点其他功能按钮，随着tab切换而切换\n   */\n  toolbar?: Array<ActionSchema>;\n\n  /**\n   * 内容\n   */\n  body?: SchemaCollection;\n\n  /**\n   * 按钮图标\n   */\n  icon?: SchemaIcon;\n\n  iconPosition?: 'left' | 'right';\n\n  /**\n   * 设置以后内容每次都会重新渲染\n   */\n  reload?: boolean;\n\n  /**\n   * 点开时才加载卡片内容\n   */\n  mountOnEnter?: boolean;\n\n  /**\n   * 卡片隐藏就销毁卡片节点。\n   */\n  unmountOnExit?: boolean;\n}\n\nexport interface PortletSchema extends Omit<BaseSchema, 'type'> {\n  /**\n   * 指定为 portlet 类型\n   */\n  type: 'portlet';\n\n  tabs: Array<PortletTabSchema>;\n\n  /**\n   * 关联已有数据，选项卡直接根据目标数据重复。\n   */\n  source?: string;\n\n  /**\n   * 类名\n   */\n  tabsClassName?: SchemaClassName;\n\n  /**\n   * 展示形式\n   */\n  tabsMode?: '' | 'line' | 'card' | 'radio' | 'vertical' | 'tiled';\n\n  /**\n   * 内容类名\n   */\n  contentClassName?: SchemaClassName;\n\n  /**\n   * 链接外层类名\n   */\n  linksClassName?: SchemaClassName;\n\n  /**\n   * 卡片是否只有在点开的时候加载？\n   */\n  mountOnEnter?: boolean;\n\n  /**\n   * 卡片隐藏的时候是否销毁卡片内容\n   */\n  unmountOnExit?: boolean;\n\n  /**\n   * 可以在右侧配置点其他功能按钮。不会随着tab切换\n   */\n  toolbar?: Array<ActionSchema>;\n\n  /**\n   * 是否支持溢出滚动\n   */\n  scrollable?: boolean;\n\n  /**\n   * header和内容是否展示分割线\n   */\n  divider?: boolean;\n\n  /**\n   * 标题右侧的描述\n   */\n  description?: SchemaTpl;\n\n  /**\n   * 隐藏头部\n   */\n  hideHeader?: boolean;\n\n  /**\n   * 自定义样式\n   */\n  style?:\n    | string\n    | {\n        [propName: string]: any;\n      };\n}\n\nexport interface PortletProps\n  extends RendererProps,\n    Omit<PortletSchema, 'className' | 'contentClassName'> {\n  activeKey?: number;\n  tabRender?: (\n    tab: PortletTabSchema,\n    props: PortletProps,\n    index: number\n  ) => JSX.Element;\n}\n\nexport interface PortletState {\n  activeKey?: number;\n}\n\nexport class Portlet extends React.Component<PortletProps, PortletState> {\n  static defaultProps: Partial<PortletProps> = {\n    className: '',\n    mode: 'line',\n    divider: true\n  };\n  renderTab?: (\n    tab: PortletTabSchema,\n    props: PortletProps,\n    index: number\n  ) => JSX.Element;\n  constructor(props: PortletProps) {\n    super(props);\n\n    const activeKey = props.activeKey || 0;\n\n    this.state = {\n      activeKey\n    };\n  }\n\n  @autobind\n  handleSelect(key: number) {\n    const {onSelect, tabs} = this.props;\n    if (typeof key === 'number' && key < tabs.length) {\n      this.setState({\n        activeKey: key\n      });\n    }\n\n    if (typeof onSelect === 'string') {\n      const selectFunc = str2AsyncFunction(onSelect, 'key', 'props');\n      selectFunc && selectFunc(key, this.props);\n    } else if (typeof onSelect === 'function') {\n      onSelect(key, this.props);\n    }\n  }\n\n  renderToolbarItem(toolbar: Array<ActionSchema>) {\n    const {render} = this.props;\n    let actions: Array<JSX.Element> = [];\n    if (Array.isArray(toolbar)) {\n      toolbar.forEach((action, index) =>\n        actions.push(\n          render(\n            `toolbar/${index}`,\n            {\n              type: 'button',\n              level: 'link',\n              size: 'sm',\n              ...(action as any)\n            },\n            {\n              key: index\n            }\n          )\n        )\n      );\n    }\n    return actions;\n  }\n\n  renderToolbar() {\n    const {toolbar, classnames: cx, classPrefix: ns, tabs} = this.props;\n    const activeKey = this.state.activeKey;\n    let tabToolbar = null;\n    let tabToolbarTpl = null;\n    // tabs里的toolbar\n    const toolbarTpl = toolbar ? (\n      <div className={cx(`${ns}toolbar`)}>\n        {this.renderToolbarItem(toolbar)}\n      </div>\n    ) : null;\n\n    // tab里的toolbar\n    if (typeof activeKey !== 'undefined') {\n      tabToolbar = tabs[activeKey]!.toolbar;\n      tabToolbarTpl = tabToolbar ? (\n        <div className={cx(`${ns}tab-toolbar`)}>\n          {this.renderToolbarItem(tabToolbar)}\n        </div>\n      ) : null;\n    }\n\n    return toolbarTpl || tabToolbarTpl ? (\n      <div className={cx(`${ns}Portlet-toolbar`)}>\n        {toolbarTpl}\n        {tabToolbarTpl}\n      </div>\n    ) : null;\n  }\n\n  renderDesc() {\n    const {\n      description: descTpl,\n      render,\n      classnames: cx,\n      classPrefix: ns,\n      data\n    } = this.props;\n    const desc = filter(descTpl, data);\n    return desc ? (\n      <span className={cx(`${ns}Portlet-header-desc`)}>{desc}</span>\n    ) : null;\n  }\n\n  renderTabs() {\n    const {\n      classnames: cx,\n      classPrefix: ns,\n      tabsClassName,\n      contentClassName,\n      linksClassName,\n      tabRender,\n      render,\n      data,\n      mode: dMode,\n      tabsMode,\n      unmountOnExit,\n      source,\n      mountOnEnter,\n      scrollable,\n      divider\n    } = this.props;\n    const mode = tabsMode || dMode;\n    const arr = resolveVariable(source, data);\n\n    let tabs = this.props.tabs;\n    if (!tabs) {\n      return null;\n    }\n\n    tabs = Array.isArray(tabs) ? tabs : [tabs];\n    let children: Array<JSX.Element | null> = [];\n\n    const tabClassname = cx(`${ns}Portlet-tab`, tabsClassName, {\n      ['unactive-select']: tabs.length <= 1,\n      ['no-divider']: !divider\n    });\n    if (Array.isArray(arr)) {\n      arr.forEach((value, index) => {\n        const ctx = createObject(\n          data,\n          isObject(value) ? {index, ...value} : {item: value, index}\n        );\n\n        children.push(\n          ...tabs.map((tab, tabIndex) =>\n            isVisible(tab, ctx) ? (\n              <Tab\n                {...(tab as any)}\n                title={filter(tab.title, ctx)}\n                disabled={isDisabled(tab, ctx)}\n                key={`${index * 1000 + tabIndex}`}\n                eventKey={index * 1000 + tabIndex}\n                mountOnEnter={mountOnEnter}\n                unmountOnExit={\n                  typeof tab.reload === 'boolean'\n                    ? tab.reload\n                    : typeof tab.unmountOnExit === 'boolean'\n                    ? tab.unmountOnExit\n                    : unmountOnExit\n                }\n              >\n                {render(\n                  `item/${index}/${tabIndex}`,\n                  (tab as any)?.type ? (tab as any) : tab.tab || tab.body,\n                  {\n                    data: ctx\n                  }\n                )}\n              </Tab>\n            ) : null\n          )\n        );\n      });\n    } else {\n      children = tabs.map((tab, index) =>\n        isVisible(tab, data) ? (\n          <Tab\n            {...(tab as any)}\n            title={filter(tab.title, data)}\n            disabled={isDisabled(tab, data)}\n            key={index}\n            eventKey={index}\n            mountOnEnter={mountOnEnter}\n            unmountOnExit={\n              typeof tab.reload === 'boolean'\n                ? tab.reload\n                : typeof tab.unmountOnExit === 'boolean'\n                ? tab.unmountOnExit\n                : unmountOnExit\n            }\n          >\n            {this.renderTab\n              ? this.renderTab(tab, this.props, index)\n              : tabRender\n              ? tabRender(tab, this.props, index)\n              : render(\n                  `tab/${index}`,\n                  (tab as any)?.type ? (tab as any) : tab.tab || tab.body\n                )}\n          </Tab>\n        ) : null\n      );\n    }\n\n    return (\n      <CTabs\n        classPrefix={ns}\n        classnames={cx}\n        mode={mode}\n        className={tabClassname}\n        contentClassName={contentClassName}\n        linksClassName={linksClassName}\n        activeKey={this.state.activeKey}\n        onSelect={this.handleSelect}\n        toolbar={this.renderToolbar()}\n        additionBtns={this.renderDesc()}\n        scrollable={scrollable}\n      >\n        {children}\n      </CTabs>\n    );\n  }\n\n  render() {\n    const {\n      className,\n      data,\n      classnames: cx,\n      classPrefix: ns,\n      style,\n      hideHeader\n    } = this.props;\n    const portletClassname = cx(`${ns}Portlet`, className, {\n      ['no-header']: hideHeader\n    });\n    const styleVar =\n      typeof style === 'string'\n        ? resolveVariable(style, data) || {}\n        : mapValues(style, s => resolveVariable(s, data) || s);\n\n    return (\n      <div className={portletClassname} style={styleVar}>\n        {this.renderTabs()}\n      </div>\n    );\n  }\n}\n\n@Renderer({\n  type: 'portlet'\n})\nexport class PortletRenderer extends Portlet {}\n"
+    ]
+}

package/lib/renderers/Property.js

@@ -21,7 +21,8 @@ var Property = /** @class */ (function (_super) {
         var _a = this.props, _b = _a.column, column = _b === void 0 ? 3 : _b, items = _a.items, source = _a.source, data = _a.data;
         var propertyItems = (items
             ? items
-            : (0, tpl_builtin_1.resolveVariable)(source, data)) || [];
+            : (0, tpl_builtin_1.resolveVariableAndFilter)(source, data)) ||
+            [];
         var rows = [];
         var row = [];
         var columnLeft = column;

package/lib/renderers/Property.js.map

@@ -6,8 +6,8 @@
         "/src/renderers/Property.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * @file 表格的方式显示只读信息，比如产品详情\n */\n\nimport React from 'react';\nimport {Renderer, RendererProps} from '../factory';\nimport {BaseSchema, SchemaExpression, SchemaObject, SchemaTpl} from '../Schema';\nimport PopOver from './PopOver';\nimport {resolveVariable} from '../utils/tpl-builtin';\nimport {visibilityFilter} from '../utils/helper';\n\nexport type PropertyItemProps = {\n  /**\n   * 属性名\n   */\n  label?: SchemaTpl;\n\n  /**\n   * 属性值\n   */\n  content?: SchemaTpl;\n\n  /**\n   * 配置是否显示，如果不显示，后续的节点会补上来\n   */\n  visibleOn?: SchemaExpression;\n\n  /**\n   * 配置是否显示，如果不显示，后续的节点会补上来\n   */\n  hiddenOn?: SchemaExpression;\n\n  /**\n   * 跨几列\n   */\n  span?: number;\n};\n\nexport type PropertyItem = PropertyItemProps & SchemaObject;\n\n/**\n * Property 属性列表\n * 文档：https://baidu.gitee.io/amis/docs/components/property\n */\nexport interface PropertySchema extends BaseSchema {\n  /**\n   * 指定为 property 展示类型\n   */\n  type: 'property';\n\n  /**\n   * 标题\n   */\n  title?: string;\n\n  /**\n   * 一共几列\n   */\n  column?: number;\n\n  /**\n   * 显示模式\n   */\n  mode?: 'table' | 'simple';\n\n  /**\n   * 每个 property 的设置\n   */\n  items: Array<PropertyItem>;\n\n  /**\n   * 自定义样式\n   */\n  style?: {\n    [propName: string]: any;\n  };\n\n  /**\n   * 标题样式\n   */\n  titleStyle?: {\n    [propName: string]: any;\n  };\n\n  /**\n   * 自定义样式\n   */\n  labelStyle?: {\n    [propName: string]: any;\n  };\n\n  separator?: string;\n\n  /**\n   * 自定义样式\n   */\n  contentStyle?: {\n    [propName: string]: any;\n  };\n}\n\nexport interface PropertyProps\n  extends RendererProps,\n    Omit<PropertySchema, 'type' | 'className'> {}\n\ninterface PropertyContent {\n  label: any;\n  content: any;\n  span: number;\n}\n\nexport default class Property extends React.Component<PropertyProps, object> {\n  constructor(props: PropertyProps) {\n    super(props);\n  }\n\n  /**\n   * 算好每行的分布情况，方便后续渲染\n   */\n  prepareRows() {\n    const {column = 3, items, source, data} = this.props;\n\n    const propertyItems =\n      (items\n        ? items\n        : (resolveVariable(source, data) as Array<PropertyItem>)) || [];\n\n    const rows: PropertyContent[][] = [];\n\n    let row: PropertyContent[] = [];\n    let columnLeft = column;\n    let index = 0;\n    const filteredItems = visibilityFilter(propertyItems, data);\n\n    for (const item of filteredItems) {\n      index = index + 1;\n      const span = Math.min(item.span || 1, column);\n      columnLeft = columnLeft - span;\n      const rowItem = {\n        label: item.label,\n        content: item.content,\n        span: span\n      };\n      // 如果还能放得下就放这一行\n      if (columnLeft >= 0) {\n        row.push(rowItem);\n      } else {\n        rows.push(row);\n        columnLeft = column - span;\n        row = [rowItem];\n      }\n\n      // 最后一行将最后的数据 push\n      if (index === filteredItems.length) {\n        rows.push(row);\n      }\n    }\n\n    return rows;\n  }\n\n  renderRow(rows: PropertyContent[][]) {\n    const {\n      render,\n      contentStyle,\n      labelStyle,\n      separator = ': ',\n      mode = 'table'\n    } = this.props;\n    return rows.map((row, key) => {\n      return (\n        <tr key={key}>\n          {row.map((property, index) => {\n            return mode === 'table' ? (\n              <React.Fragment key={`item-${index}`}>\n                <th style={labelStyle}>{render('label', property.label)}</th>\n                <td\n                  colSpan={property.span + property.span - 1} // 需要再补上 th 所占的列数\n                  style={contentStyle}\n                >\n                  {render('content', property.content)}\n                </td>\n              </React.Fragment>\n            ) : (\n              <td\n                colSpan={property.span}\n                style={contentStyle}\n                key={`item-${index}`}\n              >\n                <span style={labelStyle}>\n                  {render('label', property.label)}\n                </span>\n                {separator}\n                {render('content', property.content)}\n              </td>\n            );\n          })}\n        </tr>\n      );\n    });\n  }\n\n  render() {\n    const {\n      style,\n      title,\n      column = 3,\n      classnames: cx,\n      className,\n      titleStyle,\n      mode = 'table'\n    } = this.props;\n\n    const rows = this.prepareRows();\n\n    return (\n      <div\n        className={cx('Property', `Property--${mode}`, className)}\n        style={style}\n      >\n        <table>\n          {title ? (\n            <thead>\n              <tr>\n                <th\n                  colSpan={mode === 'table' ? column + column : column}\n                  style={titleStyle}\n                >\n                  {title}\n                </th>\n              </tr>\n            </thead>\n          ) : null}\n          <tbody>{this.renderRow(rows)}</tbody>\n        </table>\n      </div>\n    );\n  }\n}\n\n@Renderer({\n  type: 'property'\n})\nexport class PropertyRenderer extends Property {}\n"
+        "/**\n * @file 表格的方式显示只读信息，比如产品详情\n */\n\nimport React from 'react';\nimport {Renderer, RendererProps} from '../factory';\nimport {BaseSchema, SchemaExpression, SchemaObject, SchemaTpl} from '../Schema';\nimport PopOver from './PopOver';\nimport {resolveVariable, resolveVariableAndFilter} from '../utils/tpl-builtin';\nimport {visibilityFilter} from '../utils/helper';\n\nexport type PropertyItemProps = {\n  /**\n   * 属性名\n   */\n  label?: SchemaTpl;\n\n  /**\n   * 属性值\n   */\n  content?: SchemaTpl;\n\n  /**\n   * 配置是否显示，如果不显示，后续的节点会补上来\n   */\n  visibleOn?: SchemaExpression;\n\n  /**\n   * 配置是否显示，如果不显示，后续的节点会补上来\n   */\n  hiddenOn?: SchemaExpression;\n\n  /**\n   * 跨几列\n   */\n  span?: number;\n};\n\nexport type PropertyItem = PropertyItemProps & SchemaObject;\n\n/**\n * Property 属性列表\n * 文档：https://baidu.gitee.io/amis/docs/components/property\n */\nexport interface PropertySchema extends BaseSchema {\n  /**\n   * 指定为 property 展示类型\n   */\n  type: 'property';\n\n  /**\n   * 标题\n   */\n  title?: string;\n\n  /**\n   * 一共几列\n   */\n  column?: number;\n\n  /**\n   * 显示模式\n   */\n  mode?: 'table' | 'simple';\n\n  /**\n   * 每个 property 的设置\n   */\n  items: Array<PropertyItem>;\n\n  /**\n   * 自定义样式\n   */\n  style?: {\n    [propName: string]: any;\n  };\n\n  /**\n   * 标题样式\n   */\n  titleStyle?: {\n    [propName: string]: any;\n  };\n\n  /**\n   * 自定义样式\n   */\n  labelStyle?: {\n    [propName: string]: any;\n  };\n\n  separator?: string;\n\n  /**\n   * 自定义样式\n   */\n  contentStyle?: {\n    [propName: string]: any;\n  };\n}\n\nexport interface PropertyProps\n  extends RendererProps,\n    Omit<PropertySchema, 'type' | 'className'> {}\n\ninterface PropertyContent {\n  label: any;\n  content: any;\n  span: number;\n}\n\nexport default class Property extends React.Component<PropertyProps, object> {\n  constructor(props: PropertyProps) {\n    super(props);\n  }\n\n  /**\n   * 算好每行的分布情况，方便后续渲染\n   */\n  prepareRows() {\n    const {column = 3, items, source, data} = this.props;\n\n    const propertyItems =\n      (items\n        ? items\n        : (resolveVariableAndFilter(source, data) as Array<PropertyItem>)) ||\n      [];\n\n    const rows: PropertyContent[][] = [];\n\n    let row: PropertyContent[] = [];\n    let columnLeft = column;\n    let index = 0;\n    const filteredItems = visibilityFilter(propertyItems, data);\n\n    for (const item of filteredItems) {\n      index = index + 1;\n      const span = Math.min(item.span || 1, column);\n      columnLeft = columnLeft - span;\n      const rowItem = {\n        label: item.label,\n        content: item.content,\n        span: span\n      };\n      // 如果还能放得下就放这一行\n      if (columnLeft >= 0) {\n        row.push(rowItem);\n      } else {\n        rows.push(row);\n        columnLeft = column - span;\n        row = [rowItem];\n      }\n\n      // 最后一行将最后的数据 push\n      if (index === filteredItems.length) {\n        rows.push(row);\n      }\n    }\n\n    return rows;\n  }\n\n  renderRow(rows: PropertyContent[][]) {\n    const {\n      render,\n      contentStyle,\n      labelStyle,\n      separator = ': ',\n      mode = 'table'\n    } = this.props;\n    return rows.map((row, key) => {\n      return (\n        <tr key={key}>\n          {row.map((property, index) => {\n            return mode === 'table' ? (\n              <React.Fragment key={`item-${index}`}>\n                <th style={labelStyle}>{render('label', property.label)}</th>\n                <td\n                  colSpan={property.span + property.span - 1} // 需要再补上 th 所占的列数\n                  style={contentStyle}\n                >\n                  {render('content', property.content)}\n                </td>\n              </React.Fragment>\n            ) : (\n              <td\n                colSpan={property.span}\n                style={contentStyle}\n                key={`item-${index}`}\n              >\n                <span style={labelStyle}>\n                  {render('label', property.label)}\n                </span>\n                {separator}\n                {render('content', property.content)}\n              </td>\n            );\n          })}\n        </tr>\n      );\n    });\n  }\n\n  render() {\n    const {\n      style,\n      title,\n      column = 3,\n      classnames: cx,\n      className,\n      titleStyle,\n      mode = 'table'\n    } = this.props;\n\n    const rows = this.prepareRows();\n\n    return (\n      <div\n        className={cx('Property', `Property--${mode}`, className)}\n        style={style}\n      >\n        <table>\n          {title ? (\n            <thead>\n              <tr>\n                <th\n                  colSpan={mode === 'table' ? column + column : column}\n                  style={titleStyle}\n                >\n                  {title}\n                </th>\n              </tr>\n            </thead>\n          ) : null}\n          <tbody>{this.renderRow(rows)}</tbody>\n        </table>\n      </div>\n    );\n  }\n}\n\n@Renderer({\n  type: 'property'\n})\nexport class PropertyRenderer extends Property {}\n"
     ]
 }

package/lib/renderers/SearchBox.d.ts

@@ -40,13 +40,18 @@ interface SearchBoxProps extends RendererProps, Omit<SearchBoxSchema, 'type' | '
         [propName: string]: string;
     }) => void;
 }
-export declare class SearchBoxRenderer extends React.Component<SearchBoxProps> {
+export interface SearchBoxState {
+    value: string;
+}
+export declare class SearchBoxRenderer extends React.Component<SearchBoxProps, SearchBoxState> {
     static defaultProps: {
         name: string;
         mini: boolean;
         searchImediately: boolean;
     };
     static propsList: Array<string>;
+    constructor(props: SearchBoxProps);
+    handleChange(value: string): void;
     handleCancel(): void;
     handleSearch(text: string): void;
     render(): JSX.Element;

package/lib/renderers/SearchBox.js

@@ -8,9 +8,16 @@ var SearchBox_1 = (0, tslib_1.__importDefault)(require("../components/SearchBox"
 var helper_1 = require("../utils/helper");
 var SearchBoxRenderer = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(SearchBoxRenderer, _super);
-    function SearchBoxRenderer() {
-        return _super !== null && _super.apply(this, arguments) || this;
+    function SearchBoxRenderer(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            value: (0, helper_1.getPropValue)(props) || ''
+        };
+        return _this;
     }
+    SearchBoxRenderer.prototype.handleChange = function (value) {
+        this.setState({ value: value });
+    };
     SearchBoxRenderer.prototype.handleCancel = function () {
         var name = this.props.name;
         var onQuery = this.props.onQuery;
@@ -29,8 +36,8 @@ var SearchBoxRenderer = /** @class */ (function (_super) {
     };
     SearchBoxRenderer.prototype.render = function () {
         var _a = this.props, data = _a.data, name = _a.name, onQuery = _a.onQuery, mini = _a.mini, searchImediately = _a.searchImediately, placeholder = _a.placeholder, onChange = _a.onChange, className = _a.className;
-        var value = (0, helper_1.getPropValue)(this.props);
-        return (react_1.default.createElement(SearchBox_1.default, { className: className, name: name, disabled: !onQuery, defaultActive: !!value, defaultValue: onChange ? undefined : value, value: onChange ? value : undefined, mini: mini, searchImediately: searchImediately, onSearch: this.handleSearch, onCancel: this.handleCancel, placeholder: placeholder, onChange: onChange }));
+        var value = this.state.value;
+        return (react_1.default.createElement(SearchBox_1.default, { className: className, name: name, disabled: !onQuery, defaultActive: !!value, defaultValue: onChange ? undefined : value, value: value, mini: mini, searchImediately: searchImediately, onSearch: this.handleSearch, onCancel: this.handleCancel, placeholder: placeholder, onChange: this.handleChange }));
     };
     SearchBoxRenderer.defaultProps = {
         name: 'keywords',
@@ -38,6 +45,12 @@ var SearchBoxRenderer = /** @class */ (function (_super) {
         searchImediately: false
     };
     SearchBoxRenderer.propsList = ['mini', 'searchImediately'];
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [String]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], SearchBoxRenderer.prototype, "handleChange", null);
     (0, tslib_1.__decorate)([
         helper_1.autobind,
         (0, tslib_1.__metadata)("design:type", Function),
@@ -53,7 +66,8 @@ var SearchBoxRenderer = /** @class */ (function (_super) {
     SearchBoxRenderer = (0, tslib_1.__decorate)([
         (0, factory_1.Renderer)({
             type: 'search-box'
-        })
+        }),
+        (0, tslib_1.__metadata)("design:paramtypes", [Object])
     ], SearchBoxRenderer);
     return SearchBoxRenderer;
 }(react_1.default.Component));

package/lib/renderers/SearchBox.js.map

@@ -6,8 +6,8 @@
         "/src/renderers/SearchBox.tsx"
     ],
     "names": [],
-    "mappings": ";;;;AACA,sCAAmD;AACnD,6DAA0B;AAE1B,mFAAgD;AAChD,0CAKyB;AAmDzB;IAAuC,kDAA+B;IAAtE;;IA4DA,CAAC;IAlDC,wCAAY,GAAZ;QACE,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC7B,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;QACnC,IAAM,KAAK,GAAG,IAAA,qBAAY,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvC,IAAI,KAAK,KAAK,EAAE,EAAE;YAChB,IAAM,IAAI,GAAQ,EAAE,CAAC;YACrB,IAAA,oBAAW,EAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;YAC5B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,IAAI,CAAC,CAAC;SACjB;IACH,CAAC;IAGD,wCAAY,GAAZ,UAAa,IAAY;QACjB,IAAA,KAA2B,IAAI,CAAC,KAAK,EAApC,IAAI,UAAA,EAAW,OAAO,aAAc,CAAC;QAC5C,IAAM,IAAI,GAAQ,EAAE,CAAC;QACrB,IAAA,oBAAW,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAC9B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,IAAI,CAAC,CAAC;IAClB,CAAC;IAED,kCAAM,GAAN;QACQ,IAAA,KASF,IAAI,CAAC,KAAK,EARZ,IAAI,UAAA,EACJ,IAAI,UAAA,EACK,OAAO,aAAA,EAChB,IAAI,UAAA,EACJ,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,SAAS,eACG,CAAC;QAEf,IAAM,KAAK,GAAG,IAAA,qBAAY,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEvC,OAAO,CACL,8BAAC,mBAAS,IACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,OAAO,EAClB,aAAa,EAAE,CAAC,CAAC,KAAK,EACtB,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAC1C,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACnC,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;IACJ,CAAC;IA1DM,8BAAY,GAAG;QACpB,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,KAAK;QACX,gBAAgB,EAAE,KAAK;KACxB,CAAC;IAEK,2BAAS,GAAkB,CAAC,MAAM,EAAE,kBAAkB,CAAE,CAAA;IAG/D;QADC,iBAAQ;;;;yDAUR;IAGD;QADC,iBAAQ;;;;yDAMR;IA3BU,iBAAiB;QAH7B,IAAA,kBAAQ,EAAC;YACR,IAAI,EAAE,YAAY;SACnB,CAAC;OACW,iBAAiB,CA4D7B;IAAD,wBAAC;CAAA,AA5DD,CAAuC,eAAK,CAAC,SAAS,GA4DrD;AA5DY,8CAAiB",
+    "mappings": ";;;;AACA,sCAAmD;AACnD,6DAA0B;AAE1B,mFAAgD;AAChD,0CAKyB;AAuDzB;IAAuC,kDAGtC;IASC,2BAAY,KAAqB;QAAjC,YACE,kBAAM,KAAK,CAAC,SAIb;QAHC,KAAI,CAAC,KAAK,GAAG;YACX,KAAK,EAAE,IAAA,qBAAY,EAAC,KAAK,CAAC,IAAI,EAAE;SACjC,CAAC;;IACJ,CAAC;IAGD,wCAAY,GAAZ,UAAa,KAAa;QACxB,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,OAAA,EAAC,CAAC,CAAC;IACzB,CAAC;IAGD,wCAAY,GAAZ;QACE,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC7B,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;QACnC,IAAM,KAAK,GAAG,IAAA,qBAAY,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvC,IAAI,KAAK,KAAK,EAAE,EAAE;YAChB,IAAM,IAAI,GAAQ,EAAE,CAAC;YACrB,IAAA,oBAAW,EAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;YAC5B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,IAAI,CAAC,CAAC;SACjB;IACH,CAAC;IAGD,wCAAY,GAAZ,UAAa,IAAY;QACjB,IAAA,KAA2B,IAAI,CAAC,KAAK,EAApC,IAAI,UAAA,EAAW,OAAO,aAAc,CAAC;QAC5C,IAAM,IAAI,GAAQ,EAAE,CAAC;QACrB,IAAA,oBAAW,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAC9B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,IAAI,CAAC,CAAC;IAClB,CAAC;IAED,kCAAM,GAAN;QACQ,IAAA,KASF,IAAI,CAAC,KAAK,EARZ,IAAI,UAAA,EACJ,IAAI,UAAA,EACK,OAAO,aAAA,EAChB,IAAI,UAAA,EACJ,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,SAAS,eACG,CAAC;QAEf,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAE/B,OAAO,CACL,8BAAC,mBAAS,IACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,OAAO,EAClB,aAAa,EAAE,CAAC,CAAC,KAAK,EACtB,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAC1C,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,IAAI,CAAC,YAAY,GAC3B,CACH,CAAC;IACJ,CAAC;IAtEM,8BAAY,GAAG;QACpB,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,KAAK;QACX,gBAAgB,EAAE,KAAK;KACxB,CAAC;IAEK,2BAAS,GAAkB,CAAC,MAAM,EAAE,kBAAkB,CAAE,CAAA;IAU/D;QADC,iBAAQ;;;;yDAGR;IAGD;QADC,iBAAQ;;;;yDAUR;IAGD;QADC,iBAAQ;;;;yDAMR;IA1CU,iBAAiB;QAH7B,IAAA,kBAAQ,EAAC;YACR,IAAI,EAAE,YAAY;SACnB,CAAC;;OACW,iBAAiB,CA2E7B;IAAD,wBAAC;CAAA,AA3ED,CAAuC,eAAK,CAAC,SAAS,GA2ErD;AA3EY,8CAAiB",
     "sourcesContent": [
-        "import Spinner from '../components/Spinner';\nimport {Renderer, RendererProps} from '../factory';\nimport React from 'react';\nimport {BaseSchema, SchemaClassName} from '../Schema';\nimport SearchBox from '../components/SearchBox';\nimport {\n  autobind,\n  getPropValue,\n  getVariable,\n  setVariable\n} from '../utils/helper';\n\n/**\n * 搜索框渲染器\n */\nexport interface SearchBoxSchema extends BaseSchema {\n  /**\n   * 指定为搜索框。\n   *\n   * 文档：https://baidu.gitee.io/amis/docs/components/search-box\n   */\n  type: 'search-box';\n\n  /**\n   * 外层 css 类名\n   */\n  className?: SchemaClassName;\n\n  /**\n   * 关键字名字。\n   *\n   * @default keywords\n   */\n  name?: string;\n\n  /**\n   * 占位符\n   */\n  placeholder?: string;\n\n  /**\n   * 是否为 Mini 样式。\n   */\n  mini?: boolean;\n\n  /**\n   * 是否立马搜索。\n   */\n  searchImediately?: boolean;\n}\n\ninterface SearchBoxProps\n  extends RendererProps,\n    Omit<SearchBoxSchema, 'type' | 'className'> {\n  name: string;\n  onQuery?: (query: {[propName: string]: string}) => void;\n}\n\n@Renderer({\n  type: 'search-box'\n})\nexport class SearchBoxRenderer extends React.Component<SearchBoxProps> {\n  static defaultProps = {\n    name: 'keywords',\n    mini: false,\n    searchImediately: false\n  };\n\n  static propsList: Array<string> = ['mini', 'searchImediately'];\n\n  @autobind\n  handleCancel() {\n    const name = this.props.name;\n    const onQuery = this.props.onQuery;\n    const value = getPropValue(this.props);\n    if (value !== '') {\n      const data: any = {};\n      setVariable(data, name, '');\n      onQuery?.(data);\n    }\n  }\n\n  @autobind\n  handleSearch(text: string) {\n    const {name, onQuery: onQuery} = this.props;\n    const data: any = {};\n    setVariable(data, name, text);\n    onQuery?.(data);\n  }\n\n  render() {\n    const {\n      data,\n      name,\n      onQuery: onQuery,\n      mini,\n      searchImediately,\n      placeholder,\n      onChange,\n      className\n    } = this.props;\n\n    const value = getPropValue(this.props);\n\n    return (\n      <SearchBox\n        className={className}\n        name={name}\n        disabled={!onQuery}\n        defaultActive={!!value}\n        defaultValue={onChange ? undefined : value}\n        value={onChange ? value : undefined}\n        mini={mini}\n        searchImediately={searchImediately}\n        onSearch={this.handleSearch}\n        onCancel={this.handleCancel}\n        placeholder={placeholder}\n        onChange={onChange}\n      />\n    );\n  }\n}\n"
+        "import Spinner from '../components/Spinner';\nimport {Renderer, RendererProps} from '../factory';\nimport React from 'react';\nimport {BaseSchema, SchemaClassName} from '../Schema';\nimport SearchBox from '../components/SearchBox';\nimport {\n  autobind,\n  getPropValue,\n  getVariable,\n  setVariable\n} from '../utils/helper';\n\n/**\n * 搜索框渲染器\n */\nexport interface SearchBoxSchema extends BaseSchema {\n  /**\n   * 指定为搜索框。\n   *\n   * 文档：https://baidu.gitee.io/amis/docs/components/search-box\n   */\n  type: 'search-box';\n\n  /**\n   * 外层 css 类名\n   */\n  className?: SchemaClassName;\n\n  /**\n   * 关键字名字。\n   *\n   * @default keywords\n   */\n  name?: string;\n\n  /**\n   * 占位符\n   */\n  placeholder?: string;\n\n  /**\n   * 是否为 Mini 样式。\n   */\n  mini?: boolean;\n\n  /**\n   * 是否立马搜索。\n   */\n  searchImediately?: boolean;\n}\n\ninterface SearchBoxProps\n  extends RendererProps,\n    Omit<SearchBoxSchema, 'type' | 'className'> {\n  name: string;\n  onQuery?: (query: {[propName: string]: string}) => void;\n}\n\nexport interface SearchBoxState {\n  value: string;\n}\n\n@Renderer({\n  type: 'search-box'\n})\nexport class SearchBoxRenderer extends React.Component<\n  SearchBoxProps,\n  SearchBoxState\n> {\n  static defaultProps = {\n    name: 'keywords',\n    mini: false,\n    searchImediately: false\n  };\n\n  static propsList: Array<string> = ['mini', 'searchImediately'];\n\n  constructor(props: SearchBoxProps) {\n    super(props);\n    this.state = {\n      value: getPropValue(props) || ''\n    };\n  }\n\n  @autobind\n  handleChange(value: string) {\n    this.setState({value});\n  }\n\n  @autobind\n  handleCancel() {\n    const name = this.props.name;\n    const onQuery = this.props.onQuery;\n    const value = getPropValue(this.props);\n    if (value !== '') {\n      const data: any = {};\n      setVariable(data, name, '');\n      onQuery?.(data);\n    }\n  }\n\n  @autobind\n  handleSearch(text: string) {\n    const {name, onQuery: onQuery} = this.props;\n    const data: any = {};\n    setVariable(data, name, text);\n    onQuery?.(data);\n  }\n\n  render() {\n    const {\n      data,\n      name,\n      onQuery: onQuery,\n      mini,\n      searchImediately,\n      placeholder,\n      onChange,\n      className\n    } = this.props;\n\n    const value = this.state.value;\n\n    return (\n      <SearchBox\n        className={className}\n        name={name}\n        disabled={!onQuery}\n        defaultActive={!!value}\n        defaultValue={onChange ? undefined : value}\n        value={value}\n        mini={mini}\n        searchImediately={searchImediately}\n        onSearch={this.handleSearch}\n        onCancel={this.handleCancel}\n        placeholder={placeholder}\n        onChange={this.handleChange}\n      />\n    );\n  }\n}\n"
     ]
 }

package/lib/renderers/Table/TableContent.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ClassNamesFn } from '../../theme';
-import { IColumn, IRow } from '../../store/table';
+import { IColumn, IRow, ITableStore } from '../../store/table';
 import { SchemaNode, Action } from '../../types';
 import { LocaleProps } from '../../locale';
 import { ActionSchema } from '../Action';
@@ -37,7 +37,10 @@ export interface TableContentProps extends LocaleProps {
     prefixRow?: Array<any>;
     affixRow?: Array<any>;
     itemAction?: ActionSchema;
+    itemActions?: Array<Action>;
+    store: ITableStore;
 }
 export declare class TableContent extends React.Component<TableContentProps> {
+    renderItemActions(): JSX.Element | null;
     render(): JSX.Element;
 }

package/lib/renderers/Table/TableContent.js

@@ -5,16 +5,36 @@ var tslib_1 = require("tslib");
 var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var TableBody_1 = require("./TableBody");
 var mobx_react_1 = require("mobx-react");
+var ItemActionsWrapper_1 = (0, tslib_1.__importDefault)(require("./ItemActionsWrapper"));
 var TableContent = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(TableContent, _super);
     function TableContent() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    TableContent.prototype.renderItemActions = function () {
+        var _a = this.props, itemActions = _a.itemActions, render = _a.render, store = _a.store, cx = _a.classnames;
+        var finalActions = Array.isArray(itemActions)
+            ? itemActions.filter(function (action) { return !action.hiddenOnHover; })
+            : [];
+        if (!finalActions.length) {
+            return null;
+        }
+        return (react_1.default.createElement(ItemActionsWrapper_1.default, { store: store, classnames: cx },
+            react_1.default.createElement("div", { className: cx('Table-itemActions') }, finalActions.map(function (action, index) {
+                return render("itemAction/" + index, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, action), { isMenuItem: true }), {
+                    key: index,
+                    item: store.hoverRow,
+                    data: store.hoverRow.locals,
+                    rowIndex: store.hoverRow.index
+                });
+            }))));
+    };
     TableContent.prototype.render = function () {
-        var _a = this.props, placeholder = _a.placeholder, cx = _a.classnames, render = _a.render, className = _a.className, columns = _a.columns, columnsGroup = _a.columnsGroup, onMouseMove = _a.onMouseMove, onScroll = _a.onScroll, tableRef = _a.tableRef, rows = _a.rows, renderHeadCell = _a.renderHeadCell, renderCell = _a.renderCell, onCheck = _a.onCheck, rowClassName = _a.rowClassName, onQuickChange = _a.onQuickChange, footable = _a.footable, footableColumns = _a.footableColumns, checkOnItemClick = _a.checkOnItemClick, buildItemProps = _a.buildItemProps, onAction = _a.onAction, rowClassNameExpr = _a.rowClassNameExpr, data = _a.data, prefixRow = _a.prefixRow, locale = _a.locale, translate = _a.translate, itemAction = _a.itemAction, affixRow = _a.affixRow;
+        var _a = this.props, placeholder = _a.placeholder, cx = _a.classnames, render = _a.render, className = _a.className, columns = _a.columns, columnsGroup = _a.columnsGroup, onMouseMove = _a.onMouseMove, onScroll = _a.onScroll, tableRef = _a.tableRef, rows = _a.rows, renderHeadCell = _a.renderHeadCell, renderCell = _a.renderCell, onCheck = _a.onCheck, rowClassName = _a.rowClassName, onQuickChange = _a.onQuickChange, footable = _a.footable, footableColumns = _a.footableColumns, checkOnItemClick = _a.checkOnItemClick, buildItemProps = _a.buildItemProps, onAction = _a.onAction, rowClassNameExpr = _a.rowClassNameExpr, data = _a.data, prefixRow = _a.prefixRow, locale = _a.locale, translate = _a.translate, itemAction = _a.itemAction, affixRow = _a.affixRow, store = _a.store;
         var tableClassName = cx('Table-table', this.props.tableClassName);
         var hideHeader = columns.every(function (column) { return !column.label; });
         return (react_1.default.createElement("div", { onMouseMove: onMouseMove, className: cx('Table-content', className), onScroll: onScroll },
+            store.hoverRow ? this.renderItemActions() : null,
             react_1.default.createElement("table", { ref: tableRef, className: tableClassName },
                 react_1.default.createElement("thead", null,
                     columnsGroup.length ? (react_1.default.createElement("tr", null, columnsGroup.map(function (item, index) { return (react_1.default.createElement("th", { key: index, "data-index": item.index, colSpan: item.colSpan, rowSpan: item.rowSpan }, item.label ? render('tpl', item.label) : null)); }))) : null,

package/lib/renderers/Table/TableContent.js.map

@@ -6,8 +6,8 @@
         "/src/renderers/Table/TableContent.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {ClassNamesFn} from '../../theme';\nimport {IColumn, IRow} from '../../store/table';\nimport {SchemaNode, Action} from '../../types';\nimport {TableBody} from './TableBody';\nimport {LocaleProps} from '../../locale';\nimport {observer} from 'mobx-react';\nimport {ActionSchema} from '../Action';\n\nexport interface TableContentProps extends LocaleProps {\n  className?: string;\n  tableClassName?: string;\n  classnames: ClassNamesFn;\n  columns: Array<IColumn>;\n  columnsGroup: Array<{\n    label: string;\n    index: number;\n    colSpan: number;\n    rowSpan: number;\n    has: Array<any>;\n  }>;\n  rows: Array<IRow>;\n  placeholder?: string;\n  render: (region: string, node: SchemaNode, props?: any) => JSX.Element;\n  onMouseMove: (event: React.MouseEvent) => void;\n  onScroll: (event: React.UIEvent) => void;\n  tableRef: (table?: HTMLTableElement | null) => void;\n  renderHeadCell: (column: IColumn, props?: any) => JSX.Element;\n  renderCell: (\n    region: string,\n    column: IColumn,\n    item: IRow,\n    props: any\n  ) => React.ReactNode;\n  onCheck: (item: IRow, value: boolean, shift?: boolean) => void;\n  onQuickChange?: (\n    item: IRow,\n    values: object,\n    saveImmediately?: boolean | any,\n    savePristine?: boolean\n  ) => void;\n  footable?: boolean;\n  footableColumns: Array<IColumn>;\n  checkOnItemClick?: boolean;\n  buildItemProps?: (item: IRow, index: number) => any;\n  onAction?: (e: React.UIEvent<any>, action: Action, ctx: object) => void;\n  rowClassNameExpr?: string;\n  rowClassName?: string;\n  data?: any;\n  prefixRow?: Array<any>;\n  affixRow?: Array<any>;\n  itemAction?: ActionSchema;\n}\n\n@observer\nexport class TableContent extends React.Component<TableContentProps> {\n  render() {\n    const {\n      placeholder,\n      classnames: cx,\n      render,\n      className,\n      columns,\n      columnsGroup,\n      onMouseMove,\n      onScroll,\n      tableRef,\n      rows,\n      renderHeadCell,\n      renderCell,\n      onCheck,\n      rowClassName,\n      onQuickChange,\n      footable,\n      footableColumns,\n      checkOnItemClick,\n      buildItemProps,\n      onAction,\n      rowClassNameExpr,\n      data,\n      prefixRow,\n      locale,\n      translate,\n      itemAction,\n      affixRow\n    } = this.props;\n\n    const tableClassName = cx('Table-table', this.props.tableClassName);\n    const hideHeader = columns.every(column => !column.label);\n\n    return (\n      <div\n        onMouseMove={onMouseMove}\n        className={cx('Table-content', className)}\n        onScroll={onScroll}\n      >\n        <table ref={tableRef} className={tableClassName}>\n          <thead>\n            {columnsGroup.length ? (\n              <tr>\n                {columnsGroup.map((item, index) => (\n                  <th\n                    key={index}\n                    data-index={item.index}\n                    colSpan={item.colSpan}\n                    rowSpan={item.rowSpan}\n                  >\n                    {item.label ? render('tpl', item.label) : null}\n                  </th>\n                ))}\n              </tr>\n            ) : null}\n            <tr className={hideHeader ? 'fake-hide' : ''}>\n              {columns.map(column =>\n                columnsGroup.find(group => ~group.has.indexOf(column))\n                  ?.rowSpan === 2\n                  ? null\n                  : renderHeadCell(column, {\n                      'data-index': column.index,\n                      'key': column.index\n                    })\n              )}\n            </tr>\n          </thead>\n          {!rows.length ? (\n            <tbody>\n              <tr className={cx('Table-placeholder')}>\n                <td colSpan={columns.length}>\n                  {render(\n                    'placeholder',\n                    translate(placeholder || 'placeholder.noData')\n                  )}\n                </td>\n              </tr>\n            </tbody>\n          ) : (\n            <TableBody\n              itemAction={itemAction}\n              classnames={cx}\n              render={render}\n              renderCell={renderCell}\n              onCheck={onCheck}\n              onQuickChange={onQuickChange}\n              footable={footable}\n              footableColumns={footableColumns}\n              checkOnItemClick={checkOnItemClick}\n              buildItemProps={buildItemProps}\n              onAction={onAction}\n              rowClassNameExpr={rowClassNameExpr}\n              rowClassName={rowClassName}\n              rows={rows}\n              columns={columns}\n              locale={locale}\n              translate={translate}\n              prefixRow={prefixRow}\n              affixRow={affixRow}\n              data={data}\n            ></TableBody>\n          )}\n        </table>\n      </div>\n    );\n  }\n}\n"
+        "import React from 'react';\nimport {ClassNamesFn} from '../../theme';\nimport {IColumn, IRow, ITableStore} from '../../store/table';\nimport {SchemaNode, Action} from '../../types';\nimport {TableBody} from './TableBody';\nimport {LocaleProps} from '../../locale';\nimport {observer} from 'mobx-react';\nimport {ActionSchema} from '../Action';\nimport ItemActionsWrapper from './ItemActionsWrapper';\n\nexport interface TableContentProps extends LocaleProps {\n  className?: string;\n  tableClassName?: string;\n  classnames: ClassNamesFn;\n  columns: Array<IColumn>;\n  columnsGroup: Array<{\n    label: string;\n    index: number;\n    colSpan: number;\n    rowSpan: number;\n    has: Array<any>;\n  }>;\n  rows: Array<IRow>;\n  placeholder?: string;\n  render: (region: string, node: SchemaNode, props?: any) => JSX.Element;\n  onMouseMove: (event: React.MouseEvent) => void;\n  onScroll: (event: React.UIEvent) => void;\n  tableRef: (table?: HTMLTableElement | null) => void;\n  renderHeadCell: (column: IColumn, props?: any) => JSX.Element;\n  renderCell: (\n    region: string,\n    column: IColumn,\n    item: IRow,\n    props: any\n  ) => React.ReactNode;\n  onCheck: (item: IRow, value: boolean, shift?: boolean) => void;\n  onQuickChange?: (\n    item: IRow,\n    values: object,\n    saveImmediately?: boolean | any,\n    savePristine?: boolean\n  ) => void;\n  footable?: boolean;\n  footableColumns: Array<IColumn>;\n  checkOnItemClick?: boolean;\n  buildItemProps?: (item: IRow, index: number) => any;\n  onAction?: (e: React.UIEvent<any>, action: Action, ctx: object) => void;\n  rowClassNameExpr?: string;\n  rowClassName?: string;\n  data?: any;\n  prefixRow?: Array<any>;\n  affixRow?: Array<any>;\n  itemAction?: ActionSchema;\n  itemActions?: Array<Action>;\n  store: ITableStore;\n}\n\n@observer\nexport class TableContent extends React.Component<TableContentProps> {\n  renderItemActions() {\n    const {itemActions, render, store, classnames: cx} = this.props;\n    const finalActions = Array.isArray(itemActions)\n      ? itemActions.filter(action => !action.hiddenOnHover)\n      : [];\n\n    if (!finalActions.length) {\n      return null;\n    }\n\n    return (\n      <ItemActionsWrapper store={store} classnames={cx}>\n        <div className={cx('Table-itemActions')}>\n          {finalActions.map((action, index) =>\n            render(\n              `itemAction/${index}`,\n              {\n                ...(action as any),\n                isMenuItem: true\n              },\n              {\n                key: index,\n                item: store.hoverRow,\n                data: store.hoverRow!.locals,\n                rowIndex: store.hoverRow!.index\n              }\n            )\n          )}\n        </div>\n      </ItemActionsWrapper>\n    );\n  }\n\n  render() {\n    const {\n      placeholder,\n      classnames: cx,\n      render,\n      className,\n      columns,\n      columnsGroup,\n      onMouseMove,\n      onScroll,\n      tableRef,\n      rows,\n      renderHeadCell,\n      renderCell,\n      onCheck,\n      rowClassName,\n      onQuickChange,\n      footable,\n      footableColumns,\n      checkOnItemClick,\n      buildItemProps,\n      onAction,\n      rowClassNameExpr,\n      data,\n      prefixRow,\n      locale,\n      translate,\n      itemAction,\n      affixRow,\n      store\n    } = this.props;\n\n    const tableClassName = cx('Table-table', this.props.tableClassName);\n    const hideHeader = columns.every(column => !column.label);\n\n    return (\n      <div\n        onMouseMove={onMouseMove}\n        className={cx('Table-content', className)}\n        onScroll={onScroll}\n      >\n        {store.hoverRow ? this.renderItemActions() : null}\n        <table ref={tableRef} className={tableClassName}>\n          <thead>\n            {columnsGroup.length ? (\n              <tr>\n                {columnsGroup.map((item, index) => (\n                  <th\n                    key={index}\n                    data-index={item.index}\n                    colSpan={item.colSpan}\n                    rowSpan={item.rowSpan}\n                  >\n                    {item.label ? render('tpl', item.label) : null}\n                  </th>\n                ))}\n              </tr>\n            ) : null}\n            <tr className={hideHeader ? 'fake-hide' : ''}>\n              {columns.map(column =>\n                columnsGroup.find(group => ~group.has.indexOf(column))\n                  ?.rowSpan === 2\n                  ? null\n                  : renderHeadCell(column, {\n                      'data-index': column.index,\n                      'key': column.index\n                    })\n              )}\n            </tr>\n          </thead>\n          {!rows.length ? (\n            <tbody>\n              <tr className={cx('Table-placeholder')}>\n                <td colSpan={columns.length}>\n                  {render(\n                    'placeholder',\n                    translate(placeholder || 'placeholder.noData')\n                  )}\n                </td>\n              </tr>\n            </tbody>\n          ) : (\n            <TableBody\n              itemAction={itemAction}\n              classnames={cx}\n              render={render}\n              renderCell={renderCell}\n              onCheck={onCheck}\n              onQuickChange={onQuickChange}\n              footable={footable}\n              footableColumns={footableColumns}\n              checkOnItemClick={checkOnItemClick}\n              buildItemProps={buildItemProps}\n              onAction={onAction}\n              rowClassNameExpr={rowClassNameExpr}\n              rowClassName={rowClassName}\n              rows={rows}\n              columns={columns}\n              locale={locale}\n              translate={translate}\n              prefixRow={prefixRow}\n              affixRow={affixRow}\n              data={data}\n            ></TableBody>\n          )}\n        </table>\n      </div>\n    );\n  }\n}\n"
     ]
 }

package/lib/renderers/Table/index.d.ts

@@ -291,6 +291,11 @@ export default class Table extends React.Component<TableProps, object> {
     constructor(props: TableProps);
     static syncRows(store: ITableStore, props: TableProps, prevProps?: TableProps): boolean;
     componentDidMount(): void;
+    /**
+     * 自动设置表格高度占满界面剩余区域
+     * 用 css 实现有点麻烦，要改很多结构，所以先用 dom hack 了，避免对之前的功能有影响
+     */
+    updateAutoFillHeight(): void;
     componentDidUpdate(prevProps: TableProps): void;
     componentWillUnmount(): void;
     subFormRef(form: any, x: number, y: number): void;
@@ -348,7 +353,6 @@ export default class Table extends React.Component<TableProps, object> {
     renderActions(region: string): JSX.Element | null;
     renderHeader(editable?: boolean): JSX.Element | JSX.Element[] | null;
     renderFooter(): JSX.Element | JSX.Element[] | null;
-    renderItemActions(): JSX.Element | null;
     renderTableContent(): JSX.Element;
     render(): JSX.Element;
 }