amis 1.4.2-beta.6 → 1.5.0

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/Progress.d.ts

@@ -11,6 +11,10 @@ export interface ProgressSchema extends BaseSchema {
      * 关联字段名。
      */
     name?: string;
+    /**
+     * 进度条类型。
+     */
+    mode: 'line' | 'circle' | 'dashboard';
     /**
      * 进度条 CSS 类名
      */
@@ -22,7 +26,7 @@ export interface ProgressSchema extends BaseSchema {
     /**
      * 配置不通的值段，用不通的样式提示用户
      */
-    map?: Array<SchemaClassName>;
+    map?: Array<string>;
     /**
      * 是否显示值
      */
@@ -39,9 +43,24 @@ export interface ProgressSchema extends BaseSchema {
      * 是否显示动画（只有在开启的时候才能看出来）
      */
     animate?: boolean;
+    /**
+     * 圆形进度条线的宽度
+     */
+    strokeWidth?: number;
+    /**
+     * 仪表盘进度条缺口角度，可取值 0 ~ 295
+     */
+    gapDegree?: number;
+    /**
+     * 仪表盘进度条缺口位置
+     */
+    gapPosition?: 'top' | 'bottom' | 'left' | 'right';
+    /**
+     * 内容的模板函数
+     */
+    valueTpl?: string;
 }
 export interface ProgressProps extends RendererProps, Omit<ProgressSchema, 'type' | 'className'> {
-    map: Array<SchemaClassName>;
 }
 export declare class ProgressField extends React.Component<ProgressProps, object> {
     static defaultProps: {
@@ -49,11 +68,12 @@ export declare class ProgressField extends React.Component<ProgressProps, object
         progressClassName: string;
         progressBarClassName: string;
         map: string[];
+        valueTpl: string;
         showLabel: boolean;
         stripe: boolean;
         animate: boolean;
     };
-    autoClassName(value: number): SchemaClassName;
+    format(value: number): JSX.Element;
     render(): JSX.Element;
 }
 export declare class ProgressFieldRenderer extends ProgressField {

package/lib/renderers/Progress.js

@@ -5,46 +5,42 @@ var tslib_1 = require("tslib");
 var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var factory_1 = require("../factory");
 var helper_1 = require("../utils/helper");
+var Progress_1 = (0, tslib_1.__importDefault)(require("../components/Progress"));
 var ProgressField = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(ProgressField, _super);
     function ProgressField() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    ProgressField.prototype.autoClassName = function (value) {
-        var map = this.props.map;
-        var index = Math.floor((value * map.length) / 100);
-        index = Math.max(0, Math.min(map.length - 1, index));
-        return map[index];
+    ProgressField.prototype.format = function (value) {
+        var _a = this.props, valueTpl = _a.valueTpl, render = _a.render, data = _a.data;
+        return render("progress-value", valueTpl + '', {
+            data: (0, helper_1.createObject)(data, { value: value })
+        });
     };
     ProgressField.prototype.render = function () {
-        var _a = this.props, className = _a.className, placeholder = _a.placeholder, progressClassName = _a.progressClassName, progressBarClassName = _a.progressBarClassName, map = _a.map, stripe = _a.stripe, animate = _a.animate, showLabel = _a.showLabel, cx = _a.classnames;
+        var _a = this.props, mode = _a.mode, className = _a.className, placeholder = _a.placeholder, progressClassName = _a.progressClassName, progressBarClassName = _a.progressBarClassName, map = _a.map, stripe = _a.stripe, animate = _a.animate, showLabel = _a.showLabel, strokeWidth = _a.strokeWidth, gapDegree = _a.gapDegree, gapPosition = _a.gapPosition, cx = _a.classnames;
         var value = (0, helper_1.getPropValue)(this.props);
-        var viewValue = (react_1.default.createElement("span", { className: "text-muted" }, placeholder));
         if (/^\d*\.?\d+$/.test(value)) {
             value = parseFloat(value);
         }
-        if (typeof value === 'number') {
-            viewValue = [
-                react_1.default.createElement("div", { key: "progress", className: cx('Progress', progressClassName) },
-                    react_1.default.createElement("div", { className: cx('Progress-bar', progressBarClassName || this.autoClassName(value), { 'Progress-bar--stripe': stripe }, { 'Progress-bar--animate': animate }), title: value + "%", style: {
-                            width: value + "%"
-                        } })),
-                showLabel ? react_1.default.createElement("div", { key: "value" },
-                    value,
-                    "%") : null
-            ];
-        }
-        return react_1.default.createElement("span", { className: cx('ProgressField', className) }, viewValue);
+        return (react_1.default.createElement(Progress_1.default, { value: value, type: mode, map: map, stripe: stripe, animate: animate, showLabel: showLabel, placeholder: placeholder, format: this.format, strokeWidth: strokeWidth, gapDegree: gapDegree, gapPosition: gapPosition, className: className, progressClassName: progressClassName, progressBarClassName: progressBarClassName }));
     };
     ProgressField.defaultProps = {
         placeholder: '-',
         progressClassName: '',
         progressBarClassName: '',
         map: ['bg-danger', 'bg-warning', 'bg-info', 'bg-success', 'bg-success'],
+        valueTpl: '${value}%',
         showLabel: true,
         stripe: false,
         animate: false
     };
+    (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)
+    ], ProgressField.prototype, "format", null);
     return ProgressField;
 }(react_1.default.Component));
 exports.ProgressField = ProgressField;

package/lib/renderers/Progress.js.map

@@ -6,8 +6,8 @@
         "/src/renderers/Progress.tsx"
     ],
     "names": [],
-    "mappings": ";;;;AAAA,6DAA0B;AAC1B,sCAAmD;AAMnD,0CAA6C;AAwD7C;IAAmC,8CAAsC;IAAzE;;IA8DA,CAAC;IAnDC,qCAAa,GAAb,UAAc,KAAa;QACzB,IAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;QAC3B,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC;QACnD,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;QACrD,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;IAED,8BAAM,GAAN;QACQ,IAAA,KAUF,IAAI,CAAC,KAAK,EATZ,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,iBAAiB,uBAAA,EACjB,oBAAoB,0BAAA,EACpB,GAAG,SAAA,EACH,MAAM,YAAA,EACN,OAAO,aAAA,EACP,SAAS,eAAA,EACG,EAAE,gBACF,CAAC;QAEf,IAAI,KAAK,GAAG,IAAA,qBAAY,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrC,IAAI,SAAS,GAAoB,CAC/B,wCAAM,SAAS,EAAC,YAAY,IAAE,WAAW,CAAQ,CAClD,CAAC;QAEF,IAAI,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YAC7B,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;SAC3B;QAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,SAAS,GAAG;gBACV,uCAAK,GAAG,EAAC,UAAU,EAAC,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,iBAAiB,CAAC;oBAC9D,uCACE,SAAS,EAAE,EAAE,CACX,cAAc,EACd,oBAAoB,IAAI,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EACjD,EAAC,sBAAsB,EAAE,MAAM,EAAC,EAChC,EAAC,uBAAuB,EAAE,OAAO,EAAC,CACnC,EACD,KAAK,EAAK,KAAK,MAAG,EAClB,KAAK,EAAE;4BACL,KAAK,EAAK,KAAK,MAAG;yBACnB,GACD,CACE;gBACN,SAAS,CAAC,CAAC,CAAC,uCAAK,GAAG,EAAC,OAAO;oBAAE,KAAK;wBAAQ,CAAC,CAAC,CAAC,IAAI;aACnD,CAAC;SACH;QAED,OAAO,wCAAM,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,IAAG,SAAS,CAAQ,CAAC;IAC7E,CAAC;IA5DM,0BAAY,GAAG;QACpB,WAAW,EAAE,GAAG;QAChB,iBAAiB,EAAE,EAAE;QACrB,oBAAoB,EAAE,EAAE;QACxB,GAAG,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,CAAC;QACvE,SAAS,EAAE,IAAI;QACf,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,KAAK;KACf,CAAC;IAqDJ,oBAAC;CAAA,AA9DD,CAAmC,eAAK,CAAC,SAAS,GA8DjD;AA9DY,sCAAa;AAmE1B;IAA2C,sDAAa;IAAxD;;IAA0D,CAAC;IAA9C,qBAAqB;QAHjC,IAAA,kBAAQ,EAAC;YACR,IAAI,EAAE,UAAU;SACjB,CAAC;OACW,qBAAqB,CAAyB;IAAD,4BAAC;CAAA,AAA3D,CAA2C,aAAa,GAAG;AAA9C,sDAAqB",
+    "mappings": ";;;;AAAA,6DAA0B;AAC1B,sCAAmD;AAGnD,0CAAqE;AAGrE,iFAA8C;AA2E9C;IAAmC,8CAAsC;IAAzE;;IA6DA,CAAC;IAhDC,8BAAM,GAAN,UAAO,KAAa;QACZ,IAAA,KAA2B,IAAI,CAAC,KAAK,EAApC,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAc,CAAC;QAC5C,OAAO,MAAM,CAAC,gBAAgB,EAAE,QAAQ,GAAG,EAAE,EAAE;YAC7C,IAAI,EAAE,IAAA,qBAAY,EAAC,IAAI,EAAE,EAAC,KAAK,OAAA,EAAC,CAAC;SAClC,CAAC,CAAC;IACL,CAAC;IAED,8BAAM,GAAN;QACQ,IAAA,KAcF,IAAI,CAAC,KAAK,EAbZ,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,iBAAiB,uBAAA,EACjB,oBAAoB,0BAAA,EACpB,GAAG,SAAA,EACH,MAAM,YAAA,EACN,OAAO,aAAA,EACP,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,WAAW,iBAAA,EACC,EAAE,gBACF,CAAC;QAEf,IAAI,KAAK,GAAG,IAAA,qBAAY,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAErC,IAAI,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YAC7B,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;SAC3B;QACD,OAAO,CACL,8BAAC,kBAAQ,IACP,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,EACpC,oBAAoB,EAAE,oBAAoB,GAC1C,CACH,CAAC;IACJ,CAAC;IA3DM,0BAAY,GAAG;QACpB,WAAW,EAAE,GAAG;QAChB,iBAAiB,EAAE,EAAE;QACrB,oBAAoB,EAAE,EAAE;QACxB,GAAG,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,CAAC;QACvE,QAAQ,EAAE,WAAW;QACrB,SAAS,EAAE,IAAI;QACf,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,KAAK;KACf,CAAC;IAGF;QADC,iBAAQ;;;;+CAMR;IA2CH,oBAAC;CAAA,AA7DD,CAAmC,eAAK,CAAC,SAAS,GA6DjD;AA7DY,sCAAa;AAkE1B;IAA2C,sDAAa;IAAxD;;IAA0D,CAAC;IAA9C,qBAAqB;QAHjC,IAAA,kBAAQ,EAAC;YACR,IAAI,EAAE,UAAU;SACjB,CAAC;OACW,qBAAqB,CAAyB;IAAD,4BAAC;CAAA,AAA3D,CAA2C,aAAa,GAAG;AAA9C,sDAAqB",
     "sourcesContent": [
-        "import React from 'react';\nimport {Renderer, RendererProps} from '../factory';\nimport {ServiceStore, IServiceStore} from '../store/service';\nimport {Api, SchemaNode, PlainObject} from '../types';\nimport {filter} from '../utils/tpl';\nimport cx from 'classnames';\nimport {BaseSchema, SchemaClassName} from '../Schema';\nimport {getPropValue} from '../utils/helper';\n\n/**\n * 进度展示控件。\n * 文档：https://baidu.gitee.io/amis/docs/components/progress\n */\nexport interface ProgressSchema extends BaseSchema {\n  type: 'progress';\n\n  /**\n   * 关联字段名。\n   */\n  name?: string;\n\n  /**\n   * 进度条 CSS 类名\n   */\n  progressClassName?: SchemaClassName;\n\n  /**\n   * 进度外层 CSS 类名\n   */\n  progressBarClassName?: SchemaClassName;\n\n  /**\n   * 配置不通的值段，用不通的样式提示用户\n   */\n  map?: Array<SchemaClassName>;\n\n  /**\n   * 是否显示值\n   */\n  showLabel?: boolean;\n\n  /**\n   * 占位符\n   */\n  placeholder?: string;\n\n  /**\n   * 是否显示背景间隔\n   */\n  stripe?: boolean;\n\n  /**\n   * 是否显示动画（只有在开启的时候才能看出来）\n   */\n  animate?: boolean;\n}\n\nexport interface ProgressProps\n  extends RendererProps,\n    Omit<ProgressSchema, 'type' | 'className'> {\n  map: Array<SchemaClassName>;\n}\n\nexport class ProgressField extends React.Component<ProgressProps, object> {\n  static defaultProps = {\n    placeholder: '-',\n    progressClassName: '',\n    progressBarClassName: '',\n    map: ['bg-danger', 'bg-warning', 'bg-info', 'bg-success', 'bg-success'],\n    showLabel: true,\n    stripe: false,\n    animate: false\n  };\n\n  autoClassName(value: number) {\n    const map = this.props.map;\n    let index = Math.floor((value * map.length) / 100);\n    index = Math.max(0, Math.min(map.length - 1, index));\n    return map[index];\n  }\n\n  render() {\n    const {\n      className,\n      placeholder,\n      progressClassName,\n      progressBarClassName,\n      map,\n      stripe,\n      animate,\n      showLabel,\n      classnames: cx\n    } = this.props;\n\n    let value = getPropValue(this.props);\n    let viewValue: React.ReactNode = (\n      <span className=\"text-muted\">{placeholder}</span>\n    );\n\n    if (/^\\d*\\.?\\d+$/.test(value)) {\n      value = parseFloat(value);\n    }\n\n    if (typeof value === 'number') {\n      viewValue = [\n        <div key=\"progress\" className={cx('Progress', progressClassName)}>\n          <div\n            className={cx(\n              'Progress-bar',\n              progressBarClassName || this.autoClassName(value),\n              {'Progress-bar--stripe': stripe},\n              {'Progress-bar--animate': animate}\n            )}\n            title={`${value}%`}\n            style={{\n              width: `${value}%`\n            }}\n          />\n        </div>,\n        showLabel ? <div key=\"value\">{value}%</div> : null\n      ];\n    }\n\n    return <span className={cx('ProgressField', className)}>{viewValue}</span>;\n  }\n}\n\n@Renderer({\n  type: 'progress'\n})\nexport class ProgressFieldRenderer extends ProgressField {}\n"
+        "import React from 'react';\nimport {Renderer, RendererProps} from '../factory';\nimport cx from 'classnames';\nimport {BaseSchema, SchemaClassName} from '../Schema';\nimport {autobind, getPropValue, createObject} from '../utils/helper';\nimport {filter} from '../utils/tpl';\n\nimport Progress from '../components/Progress';\n/**\n * 进度展示控件。\n * 文档：https://baidu.gitee.io/amis/docs/components/progress\n */\nexport interface ProgressSchema extends BaseSchema {\n  type: 'progress';\n\n  /**\n   * 关联字段名。\n   */\n  name?: string;\n\n  /**\n   * 进度条类型。\n   */\n  mode: 'line' | 'circle' | 'dashboard';\n\n  /**\n   * 进度条 CSS 类名\n   */\n  progressClassName?: SchemaClassName;\n\n  /**\n   * 进度外层 CSS 类名\n   */\n  progressBarClassName?: SchemaClassName;\n\n  /**\n   * 配置不通的值段，用不通的样式提示用户\n   */\n  map?: Array<string>;\n\n  /**\n   * 是否显示值\n   */\n  showLabel?: boolean;\n\n  /**\n   * 占位符\n   */\n  placeholder?: string;\n\n  /**\n   * 是否显示背景间隔\n   */\n  stripe?: boolean;\n\n  /**\n   * 是否显示动画（只有在开启的时候才能看出来）\n   */\n  animate?: boolean;\n\n  /**\n   * 圆形进度条线的宽度\n   */\n  strokeWidth?: number;\n  /**\n   * 仪表盘进度条缺口角度，可取值 0 ~ 295\n   */\n  gapDegree?: number;\n  /**\n   * 仪表盘进度条缺口位置\n   */\n  gapPosition?: 'top' | 'bottom' | 'left' | 'right';\n  /**\n   * 内容的模板函数\n   */\n  valueTpl?: string;\n}\n\nexport interface ProgressProps\n  extends RendererProps,\n    Omit<ProgressSchema, 'type' | 'className'> {}\n\nexport class ProgressField extends React.Component<ProgressProps, object> {\n  static defaultProps = {\n    placeholder: '-',\n    progressClassName: '',\n    progressBarClassName: '',\n    map: ['bg-danger', 'bg-warning', 'bg-info', 'bg-success', 'bg-success'],\n    valueTpl: '${value}%',\n    showLabel: true,\n    stripe: false,\n    animate: false\n  };\n\n  @autobind\n  format(value: number) {\n    const {valueTpl, render, data} = this.props;\n    return render(`progress-value`, valueTpl + '', {\n      data: createObject(data, {value})\n    });\n  }\n\n  render() {\n    const {\n      mode,\n      className,\n      placeholder,\n      progressClassName,\n      progressBarClassName,\n      map,\n      stripe,\n      animate,\n      showLabel,\n      strokeWidth,\n      gapDegree,\n      gapPosition,\n      classnames: cx\n    } = this.props;\n\n    let value = getPropValue(this.props);\n\n    if (/^\\d*\\.?\\d+$/.test(value)) {\n      value = parseFloat(value);\n    }\n    return (\n      <Progress\n        value={value}\n        type={mode}\n        map={map}\n        stripe={stripe}\n        animate={animate}\n        showLabel={showLabel}\n        placeholder={placeholder}\n        format={this.format}\n        strokeWidth={strokeWidth}\n        gapDegree={gapDegree}\n        gapPosition={gapPosition}\n        className={className}\n        progressClassName={progressClassName}\n        progressBarClassName={progressBarClassName}\n      />\n    );\n  }\n}\n\n@Renderer({\n  type: 'progress'\n})\nexport class ProgressFieldRenderer extends ProgressField {}\n"
     ]
 }

package/lib/renderers/Property.js

@@ -21,7 +21,7 @@ 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, '| raw')) || [];
         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 {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    const propertyItems =\n      (items\n        ? items\n        : (resolveVariableAndFilter(\n            source,\n            data,\n            '| raw'\n          ) 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"
     ]
 }

package/lib/renderers/Table/ColumnToggler.js

@@ -139,7 +139,7 @@ var ColumnToggler = /** @class */ (function (_super) {
                     react_1.default.createElement("a", { "data-tooltip": __('Dialog.close'), "data-position": "left", className: cx('Modal-close'), onClick: this.close },
                         react_1.default.createElement(icons_1.Icon, { icon: "close", className: "icon" }))),
                 react_1.default.createElement("ul", { className: cx('ColumnToggler-modal-content'), ref: this.dragRef }, Array.isArray(tempColumns)
-                    ? tempColumns.map(function (column, index) { return (react_1.default.createElement(TooltipWrapper_1.default, { tooltipClassName: cx('ColumnToggler-tooltip'), placement: "top", tooltip: column.label || '', trigger: enableSorting ? 'click' : 'hover', key: column.index },
+                    ? tempColumns.map(function (column, index) { return (react_1.default.createElement(TooltipWrapper_1.default, { tooltipClassName: cx('ColumnToggler-tooltip'), placement: "top", tooltip: column.label || '', trigger: enableSorting ? [] : 'hover', key: column.index },
                         react_1.default.createElement("li", { className: cx('ColumnToggler-menuItem'), key: column.index }, enableSorting && draggable && tempColumns.length > 1 ? (react_1.default.createElement(react_1.default.Fragment, null,
                             react_1.default.createElement("a", { className: cx('ColumnToggler-menuItem-dragBar') },
                                 react_1.default.createElement(icons_1.Icon, { icon: "drag-bar", className: cx('icon') })),

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

@@ -6,8 +6,8 @@
         "/src/renderers/Table/ColumnToggler.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {findDOMNode} from 'react-dom';\nimport Sortable from 'sortablejs';\nimport cloneDeep from 'lodash/cloneDeep';\nimport {RendererProps} from '../../factory';\nimport Overlay from '../../components/Overlay';\nimport PopOver from '../../components/PopOver';\nimport Modal from '../../components/Modal';\nimport Button from '../../components/Button';\nimport Checkbox from '../../components/Checkbox';\nimport TooltipWrapper from '../../components/TooltipWrapper';\nimport type {TooltipObject} from '../../components/TooltipWrapper';\nimport {noop, autobind} from '../../utils/helper';\nimport {filter} from '../../utils/tpl';\nimport {Icon} from '../../components/icons';\nimport {RootClose} from '../../utils/RootClose';\nimport {IColumn} from '../../store/table';\n\nexport interface ColumnTogglerProps extends RendererProps {\n  /**\n   * 按钮文字\n   */\n  label?: string | React.ReactNode;\n\n  /**\n   * 按钮提示文字，hover focus 时显示\n   */\n  tooltip?: string | TooltipObject;\n\n  /**\n   * 禁用状态下的提示\n   */\n  disabledTip?: string | TooltipObject;\n\n  /**\n   * 点击外部是否关闭\n   */\n  closeOnOutside?: boolean;\n\n  /**\n   * 点击内容是否关闭\n   */\n  closeOnClick?: boolean;\n\n  /**\n   * 下拉菜单对齐方式\n   */\n  align?: 'left' | 'right';\n\n  /**\n   *  ColumnToggler的CSS类名\n   */\n  className?: string;\n\n  /**\n   * 按钮的CSS类名\n   */\n  btnClassName?: string;\n\n  /**\n   * 按钮大小\n   */\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n\n  /**\n   * 按钮级别，样式\n   */\n  level?: 'info' | 'success' | 'danger' | 'warning' | 'primary' | 'link';\n\n  /**\n   * 是否独占一行 `display: block`\n   */\n  block?: boolean;\n\n  /**\n   * 是否可通过拖拽排序\n   */\n  draggable?: boolean;\n\n  /**\n   * 默认是否展开\n   */\n  defaultIsOpened?: boolean;\n\n  /**\n   * 激活状态\n   */\n  isActived?: boolean;\n\n  /**\n   * ICON名称\n   */\n  icon?: string | React.ReactNode;\n\n  /**\n   * 是否只显示图标。\n   */\n  iconOnly?: boolean;\n\n  /**\n   * 是否隐藏展开的Icon\n   */\n  hideExpandIcon?: boolean;\n\n  /**\n   * 是否显示遮罩层\n   */\n  overlay?: boolean;\n\n  /**\n   * 列数据\n   */\n  columns: Array<IColumn>;\n\n  onColumnToggle: (columns: Array<IColumn>) => void;\n  modalContainer?: () => HTMLElement;\n}\n\nexport interface ColumnTogglerState {\n  isOpened: boolean;\n  enableSorting: boolean;\n  tempColumns: any[];\n}\n\nexport default class ColumnToggler extends React.Component<\n  ColumnTogglerProps,\n  ColumnTogglerState\n> {\n  state: ColumnTogglerState = {\n    isOpened: false,\n    enableSorting: false,\n    tempColumns: cloneDeep(this.props.columns)\n  };\n\n  static defaultProps: Pick<\n    ColumnTogglerProps,\n    'placement' | 'tooltipTrigger' | 'tooltipRootClose' | 'draggable'\n  > = {\n    placement: 'top',\n    tooltipTrigger: ['hover', 'focus'],\n    tooltipRootClose: false,\n    draggable: false\n  };\n\n  target: any;\n  sortable?: Sortable;\n  dragRefDOM: HTMLElement;\n\n  constructor(props: ColumnTogglerProps) {\n    super(props);\n\n    this.open = this.open.bind(this);\n    this.close = this.close.bind(this);\n    this.toggle = this.toggle.bind(this);\n    this.domRef = this.domRef.bind(this);\n    this.dragRef = this.dragRef.bind(this);\n  }\n\n  componentDidMount() {\n    if (this.props.defaultIsOpened) {\n      this.setState({\n        isOpened: true\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this.destroyDragging();\n  }\n\n  domRef(ref: any) {\n    this.target = ref;\n  }\n\n  toggle(e: React.MouseEvent<any>) {\n    e.preventDefault();\n\n    this.setState({\n      isOpened: !this.state.isOpened\n    });\n  }\n\n  open() {\n    this.setState({\n      isOpened: true\n    });\n  }\n\n  close() {\n    this.setState({\n      isOpened: false,\n      enableSorting: false,\n      tempColumns: cloneDeep(this.props.columns)\n    });\n  }\n\n  swapColumnPosition(oldIndex: number, newIndex: number) {\n    const columns = this.state.tempColumns;\n\n    columns[oldIndex] = columns.splice(newIndex, 1, columns[oldIndex])[0];\n    this.setState({tempColumns: columns});\n  }\n\n  updateToggledColumn(\n    column: IColumn,\n    index: number,\n    value: any,\n    shift?: boolean\n  ) {\n    const tempColumns = this.state.tempColumns.concat();\n\n    tempColumns.splice(index, 1, {\n      ...column,\n      toggled: value\n    });\n    this.setState({tempColumns});\n  }\n\n  @autobind\n  dragRef(ref: any) {\n    const {enableSorting} = this.state;\n    const {draggable} = this.props;\n\n    if (enableSorting && draggable && ref) {\n      this.initDragging();\n    }\n  }\n\n  initDragging() {\n    const dom = findDOMNode(this) as HTMLElement;\n    const ns = this.props.classPrefix;\n\n    this.sortable = new Sortable(\n      dom.querySelector(`.${ns}ColumnToggler-modal-content`) as HTMLElement,\n      {\n        group: `ColumnToggler-modal-content`,\n        animation: 150,\n        handle: `.${ns}ColumnToggler-menuItem-dragBar`,\n        ghostClass: `${ns}ColumnToggler-menuItem--dragging`,\n        onEnd: (e: any) => {\n          if (e.newIndex === e.oldIndex) {\n            return;\n          }\n\n          const parent = e.to as HTMLElement;\n          if (e.oldIndex < parent.childNodes.length - 1) {\n            parent.insertBefore(e.item, parent.childNodes[e.oldIndex]);\n          } else {\n            parent.appendChild(e.item);\n          }\n\n          this.swapColumnPosition(e.oldIndex, e.newIndex);\n        }\n      }\n    );\n  }\n\n  destroyDragging() {\n    this.sortable && this.sortable.destroy();\n  }\n\n  @autobind\n  onConfirm() {\n    const {tempColumns} = this.state;\n    const {onColumnToggle} = this.props;\n\n    onColumnToggle && onColumnToggle([...tempColumns]);\n    this.setState({\n      isOpened: false,\n      enableSorting: false\n    });\n  }\n\n  renderOuter() {\n    const {\n      popOverContainer,\n      classnames: cx,\n      classPrefix: ns,\n      children,\n      closeOnClick,\n      closeOnOutside\n    } = this.props;\n    const body = (\n      <RootClose\n        disabled={!this.state.isOpened}\n        onRootClose={closeOnOutside !== false ? this.close : noop}\n      >\n        {(ref: any) => {\n          return (\n            <ul\n              className={cx('ColumnToggler-menu')}\n              onClick={closeOnClick ? this.close : noop}\n              ref={ref}\n            >\n              {children}\n            </ul>\n          );\n        }}\n      </RootClose>\n    );\n\n    if (popOverContainer) {\n      return (\n        <Overlay container={popOverContainer} target={() => this.target} show>\n          <PopOver\n            overlay\n            onHide={this.close}\n            classPrefix={ns}\n            className={cx('ColumnToggler-popover')}\n            style={{minWidth: this.target?.offsetWidth}}\n          >\n            {body}\n          </PopOver>\n        </Overlay>\n      );\n    }\n\n    return body;\n  }\n\n  renderModal() {\n    const {\n      render,\n      classnames: cx,\n      classPrefix: ns,\n      modalContainer,\n      draggable,\n      overlay,\n      translate: __\n    } = this.props;\n\n    const {enableSorting, tempColumns} = this.state;\n\n    return (\n      <>\n        <Modal\n          closeOnEsc\n          onHide={this.close}\n          show={this.state.isOpened}\n          contentClassName={cx('ColumnToggler-modal')}\n          container={modalContainer || this.target}\n          overlay={typeof overlay === 'boolean' ? overlay : false}\n        >\n          <header className={cx('ColumnToggler-modal-header')}>\n            <span className={cx('ColumnToggler-modal-title')}>列设置</span>\n            <a\n              data-tooltip={__('Dialog.close')}\n              data-position=\"left\"\n              className={cx('Modal-close')}\n              onClick={this.close}\n            >\n              <Icon icon=\"close\" className=\"icon\" />\n            </a>\n          </header>\n\n          <ul className={cx('ColumnToggler-modal-content')} ref={this.dragRef}>\n            {Array.isArray(tempColumns)\n              ? tempColumns.map((column, index) => (\n                  <TooltipWrapper\n                    tooltipClassName={cx('ColumnToggler-tooltip')}\n                    placement=\"top\"\n                    tooltip={column.label || ''}\n                    trigger={enableSorting ? 'click' : 'hover'}\n                    key={column.index}\n                  >\n                    <li\n                      className={cx('ColumnToggler-menuItem')}\n                      key={column.index}\n                    >\n                      {enableSorting && draggable && tempColumns.length > 1 ? (\n                        <>\n                          <a className={cx('ColumnToggler-menuItem-dragBar')}>\n                            <Icon icon=\"drag-bar\" className={cx('icon')} />\n                          </a>\n                          <span>\n                            {column.label ? render('tpl', column.label) : null}\n                          </span>\n                        </>\n                      ) : (\n                        <Checkbox\n                          size=\"sm\"\n                          classPrefix={ns}\n                          checked={column.toggled}\n                          disabled={!column.toggable || enableSorting}\n                          onChange={this.updateToggledColumn.bind(\n                            this,\n                            column,\n                            index\n                          )}\n                        >\n                          <span>\n                            {column.label ? render('tpl', column.label) : null}\n                          </span>\n                        </Checkbox>\n                      )}\n                    </li>\n                  </TooltipWrapper>\n                ))\n              : null}\n          </ul>\n\n          <footer className={cx('ColumnToggler-modal-footer')}>\n            <div>\n              <Button\n                className={cx(`ColumnToggler-modeSelect`, {\n                  'is-actived': !enableSorting\n                })}\n                onClick={() => this.setState({enableSorting: false})}\n                level=\"link\"\n              >\n                {__('Table.toggleColumn')}\n              </Button>\n              <Button\n                className={cx(`ColumnToggler-modeSelect`, {\n                  'is-actived': enableSorting\n                })}\n                onClick={() =>\n                  this.setState(\n                    {enableSorting: true},\n                    () =>\n                      this.state.enableSorting &&\n                      this.props.draggable &&\n                      this.initDragging()\n                  )\n                }\n                level=\"link\"\n                disabled={tempColumns.length < 2}\n              >\n                {__('sort')}\n              </Button>\n            </div>\n            <div>\n              <Button className=\"mr-4\" onClick={this.close}>\n                {__('cancel')}\n              </Button>\n              <Button level=\"primary\" onClick={this.onConfirm}>\n                {__('confirm')}\n              </Button>\n            </div>\n          </footer>\n        </Modal>\n      </>\n    );\n  }\n\n  render() {\n    const {\n      tooltip,\n      placement,\n      tooltipContainer,\n      tooltipTrigger,\n      tooltipRootClose,\n      disabledTip,\n      block,\n      disabled,\n      btnDisabled,\n      btnClassName,\n      size,\n      label,\n      level,\n      primary,\n      className,\n      classnames: cx,\n      align,\n      iconOnly,\n      icon,\n      isActived,\n      data,\n      draggable,\n      hideExpandIcon\n    } = this.props;\n\n    const button = (\n      <button\n        onClick={this.toggle}\n        disabled={disabled || btnDisabled}\n        className={cx(\n          'Button',\n          btnClassName,\n          typeof level === 'undefined'\n            ? 'Button--default'\n            : level\n            ? `Button--${level}`\n            : '',\n          {\n            'Button--block': block,\n            'Button--primary': primary,\n            'Button--iconOnly': iconOnly\n          },\n          size ? `Button--${size}` : ''\n        )}\n      >\n        {icon ? (\n          typeof icon === 'string' ? (\n            <i className={cx(icon, 'm-r-xs')} />\n          ) : (\n            icon\n          )\n        ) : null}\n        {typeof label === 'string' ? filter(label, data) : label}\n        {hideExpandIcon || draggable ? null : (\n          <span className={cx('ColumnToggler-caret')}>\n            <Icon icon=\"caret\" className=\"icon\" />\n          </span>\n        )}\n      </button>\n    );\n\n    return (\n      <div\n        className={cx(\n          'ColumnToggler',\n          {\n            'ColumnToggler-block': block,\n            'ColumnToggler--alignRight': align === 'right',\n            'is-opened': this.state.isOpened,\n            'is-actived': isActived\n          },\n          className\n        )}\n        ref={this.domRef}\n      >\n        {draggable ? (\n          button\n        ) : (\n          <TooltipWrapper\n            placement={placement}\n            tooltip={disabled ? disabledTip : tooltip}\n            container={tooltipContainer}\n            trigger={tooltipTrigger}\n            rootClose={tooltipRootClose}\n          >\n            {button}\n          </TooltipWrapper>\n        )}\n        {this.state.isOpened\n          ? draggable\n            ? this.renderModal()\n            : this.renderOuter()\n          : null}\n      </div>\n    );\n  }\n}\n"
+        "import React from 'react';\nimport {findDOMNode} from 'react-dom';\nimport Sortable from 'sortablejs';\nimport cloneDeep from 'lodash/cloneDeep';\nimport {RendererProps} from '../../factory';\nimport Overlay from '../../components/Overlay';\nimport PopOver from '../../components/PopOver';\nimport Modal from '../../components/Modal';\nimport Button from '../../components/Button';\nimport Checkbox from '../../components/Checkbox';\nimport TooltipWrapper from '../../components/TooltipWrapper';\nimport type {TooltipObject} from '../../components/TooltipWrapper';\nimport {noop, autobind} from '../../utils/helper';\nimport {filter} from '../../utils/tpl';\nimport {Icon} from '../../components/icons';\nimport {RootClose} from '../../utils/RootClose';\nimport {IColumn} from '../../store/table';\n\nexport interface ColumnTogglerProps extends RendererProps {\n  /**\n   * 按钮文字\n   */\n  label?: string | React.ReactNode;\n\n  /**\n   * 按钮提示文字，hover focus 时显示\n   */\n  tooltip?: string | TooltipObject;\n\n  /**\n   * 禁用状态下的提示\n   */\n  disabledTip?: string | TooltipObject;\n\n  /**\n   * 点击外部是否关闭\n   */\n  closeOnOutside?: boolean;\n\n  /**\n   * 点击内容是否关闭\n   */\n  closeOnClick?: boolean;\n\n  /**\n   * 下拉菜单对齐方式\n   */\n  align?: 'left' | 'right';\n\n  /**\n   *  ColumnToggler的CSS类名\n   */\n  className?: string;\n\n  /**\n   * 按钮的CSS类名\n   */\n  btnClassName?: string;\n\n  /**\n   * 按钮大小\n   */\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n\n  /**\n   * 按钮级别，样式\n   */\n  level?: 'info' | 'success' | 'danger' | 'warning' | 'primary' | 'link';\n\n  /**\n   * 是否独占一行 `display: block`\n   */\n  block?: boolean;\n\n  /**\n   * 是否可通过拖拽排序\n   */\n  draggable?: boolean;\n\n  /**\n   * 默认是否展开\n   */\n  defaultIsOpened?: boolean;\n\n  /**\n   * 激活状态\n   */\n  isActived?: boolean;\n\n  /**\n   * ICON名称\n   */\n  icon?: string | React.ReactNode;\n\n  /**\n   * 是否只显示图标。\n   */\n  iconOnly?: boolean;\n\n  /**\n   * 是否隐藏展开的Icon\n   */\n  hideExpandIcon?: boolean;\n\n  /**\n   * 是否显示遮罩层\n   */\n  overlay?: boolean;\n\n  /**\n   * 列数据\n   */\n  columns: Array<IColumn>;\n\n  onColumnToggle: (columns: Array<IColumn>) => void;\n  modalContainer?: () => HTMLElement;\n}\n\nexport interface ColumnTogglerState {\n  isOpened: boolean;\n  enableSorting: boolean;\n  tempColumns: any[];\n}\n\nexport default class ColumnToggler extends React.Component<\n  ColumnTogglerProps,\n  ColumnTogglerState\n> {\n  state: ColumnTogglerState = {\n    isOpened: false,\n    enableSorting: false,\n    tempColumns: cloneDeep(this.props.columns)\n  };\n\n  static defaultProps: Pick<\n    ColumnTogglerProps,\n    'placement' | 'tooltipTrigger' | 'tooltipRootClose' | 'draggable'\n  > = {\n    placement: 'top',\n    tooltipTrigger: ['hover', 'focus'],\n    tooltipRootClose: false,\n    draggable: false\n  };\n\n  target: any;\n  sortable?: Sortable;\n  dragRefDOM: HTMLElement;\n\n  constructor(props: ColumnTogglerProps) {\n    super(props);\n\n    this.open = this.open.bind(this);\n    this.close = this.close.bind(this);\n    this.toggle = this.toggle.bind(this);\n    this.domRef = this.domRef.bind(this);\n    this.dragRef = this.dragRef.bind(this);\n  }\n\n  componentDidMount() {\n    if (this.props.defaultIsOpened) {\n      this.setState({\n        isOpened: true\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this.destroyDragging();\n  }\n\n  domRef(ref: any) {\n    this.target = ref;\n  }\n\n  toggle(e: React.MouseEvent<any>) {\n    e.preventDefault();\n\n    this.setState({\n      isOpened: !this.state.isOpened\n    });\n  }\n\n  open() {\n    this.setState({\n      isOpened: true\n    });\n  }\n\n  close() {\n    this.setState({\n      isOpened: false,\n      enableSorting: false,\n      tempColumns: cloneDeep(this.props.columns)\n    });\n  }\n\n  swapColumnPosition(oldIndex: number, newIndex: number) {\n    const columns = this.state.tempColumns;\n\n    columns[oldIndex] = columns.splice(newIndex, 1, columns[oldIndex])[0];\n    this.setState({tempColumns: columns});\n  }\n\n  updateToggledColumn(\n    column: IColumn,\n    index: number,\n    value: any,\n    shift?: boolean\n  ) {\n    const tempColumns = this.state.tempColumns.concat();\n\n    tempColumns.splice(index, 1, {\n      ...column,\n      toggled: value\n    });\n    this.setState({tempColumns});\n  }\n\n  @autobind\n  dragRef(ref: any) {\n    const {enableSorting} = this.state;\n    const {draggable} = this.props;\n\n    if (enableSorting && draggable && ref) {\n      this.initDragging();\n    }\n  }\n\n  initDragging() {\n    const dom = findDOMNode(this) as HTMLElement;\n    const ns = this.props.classPrefix;\n\n    this.sortable = new Sortable(\n      dom.querySelector(`.${ns}ColumnToggler-modal-content`) as HTMLElement,\n      {\n        group: `ColumnToggler-modal-content`,\n        animation: 150,\n        handle: `.${ns}ColumnToggler-menuItem-dragBar`,\n        ghostClass: `${ns}ColumnToggler-menuItem--dragging`,\n        onEnd: (e: any) => {\n          if (e.newIndex === e.oldIndex) {\n            return;\n          }\n\n          const parent = e.to as HTMLElement;\n          if (e.oldIndex < parent.childNodes.length - 1) {\n            parent.insertBefore(e.item, parent.childNodes[e.oldIndex]);\n          } else {\n            parent.appendChild(e.item);\n          }\n\n          this.swapColumnPosition(e.oldIndex, e.newIndex);\n        }\n      }\n    );\n  }\n\n  destroyDragging() {\n    this.sortable && this.sortable.destroy();\n  }\n\n  @autobind\n  onConfirm() {\n    const {tempColumns} = this.state;\n    const {onColumnToggle} = this.props;\n\n    onColumnToggle && onColumnToggle([...tempColumns]);\n    this.setState({\n      isOpened: false,\n      enableSorting: false\n    });\n  }\n\n  renderOuter() {\n    const {\n      popOverContainer,\n      classnames: cx,\n      classPrefix: ns,\n      children,\n      closeOnClick,\n      closeOnOutside\n    } = this.props;\n    const body = (\n      <RootClose\n        disabled={!this.state.isOpened}\n        onRootClose={closeOnOutside !== false ? this.close : noop}\n      >\n        {(ref: any) => {\n          return (\n            <ul\n              className={cx('ColumnToggler-menu')}\n              onClick={closeOnClick ? this.close : noop}\n              ref={ref}\n            >\n              {children}\n            </ul>\n          );\n        }}\n      </RootClose>\n    );\n\n    if (popOverContainer) {\n      return (\n        <Overlay container={popOverContainer} target={() => this.target} show>\n          <PopOver\n            overlay\n            onHide={this.close}\n            classPrefix={ns}\n            className={cx('ColumnToggler-popover')}\n            style={{minWidth: this.target?.offsetWidth}}\n          >\n            {body}\n          </PopOver>\n        </Overlay>\n      );\n    }\n\n    return body;\n  }\n\n  renderModal() {\n    const {\n      render,\n      classnames: cx,\n      classPrefix: ns,\n      modalContainer,\n      draggable,\n      overlay,\n      translate: __\n    } = this.props;\n\n    const {enableSorting, tempColumns} = this.state;\n\n    return (\n      <>\n        <Modal\n          closeOnEsc\n          onHide={this.close}\n          show={this.state.isOpened}\n          contentClassName={cx('ColumnToggler-modal')}\n          container={modalContainer || this.target}\n          overlay={typeof overlay === 'boolean' ? overlay : false}\n        >\n          <header className={cx('ColumnToggler-modal-header')}>\n            <span className={cx('ColumnToggler-modal-title')}>列设置</span>\n            <a\n              data-tooltip={__('Dialog.close')}\n              data-position=\"left\"\n              className={cx('Modal-close')}\n              onClick={this.close}\n            >\n              <Icon icon=\"close\" className=\"icon\" />\n            </a>\n          </header>\n\n          <ul className={cx('ColumnToggler-modal-content')} ref={this.dragRef}>\n            {Array.isArray(tempColumns)\n              ? tempColumns.map((column, index) => (\n                  <TooltipWrapper\n                    tooltipClassName={cx('ColumnToggler-tooltip')}\n                    placement=\"top\"\n                    tooltip={column.label || ''}\n                    trigger={enableSorting ? [] : 'hover'}\n                    key={column.index}\n                  >\n                    <li\n                      className={cx('ColumnToggler-menuItem')}\n                      key={column.index}\n                    >\n                      {enableSorting && draggable && tempColumns.length > 1 ? (\n                        <>\n                          <a className={cx('ColumnToggler-menuItem-dragBar')}>\n                            <Icon icon=\"drag-bar\" className={cx('icon')} />\n                          </a>\n                          <span>\n                            {column.label ? render('tpl', column.label) : null}\n                          </span>\n                        </>\n                      ) : (\n                        <Checkbox\n                          size=\"sm\"\n                          classPrefix={ns}\n                          checked={column.toggled}\n                          disabled={!column.toggable || enableSorting}\n                          onChange={this.updateToggledColumn.bind(\n                            this,\n                            column,\n                            index\n                          )}\n                        >\n                          <span>\n                            {column.label ? render('tpl', column.label) : null}\n                          </span>\n                        </Checkbox>\n                      )}\n                    </li>\n                  </TooltipWrapper>\n                ))\n              : null}\n          </ul>\n\n          <footer className={cx('ColumnToggler-modal-footer')}>\n            <div>\n              <Button\n                className={cx(`ColumnToggler-modeSelect`, {\n                  'is-actived': !enableSorting\n                })}\n                onClick={() => this.setState({enableSorting: false})}\n                level=\"link\"\n              >\n                {__('Table.toggleColumn')}\n              </Button>\n              <Button\n                className={cx(`ColumnToggler-modeSelect`, {\n                  'is-actived': enableSorting\n                })}\n                onClick={() =>\n                  this.setState(\n                    {enableSorting: true},\n                    () =>\n                      this.state.enableSorting &&\n                      this.props.draggable &&\n                      this.initDragging()\n                  )\n                }\n                level=\"link\"\n                disabled={tempColumns.length < 2}\n              >\n                {__('sort')}\n              </Button>\n            </div>\n            <div>\n              <Button className=\"mr-4\" onClick={this.close}>\n                {__('cancel')}\n              </Button>\n              <Button level=\"primary\" onClick={this.onConfirm}>\n                {__('confirm')}\n              </Button>\n            </div>\n          </footer>\n        </Modal>\n      </>\n    );\n  }\n\n  render() {\n    const {\n      tooltip,\n      placement,\n      tooltipContainer,\n      tooltipTrigger,\n      tooltipRootClose,\n      disabledTip,\n      block,\n      disabled,\n      btnDisabled,\n      btnClassName,\n      size,\n      label,\n      level,\n      primary,\n      className,\n      classnames: cx,\n      align,\n      iconOnly,\n      icon,\n      isActived,\n      data,\n      draggable,\n      hideExpandIcon\n    } = this.props;\n\n    const button = (\n      <button\n        onClick={this.toggle}\n        disabled={disabled || btnDisabled}\n        className={cx(\n          'Button',\n          btnClassName,\n          typeof level === 'undefined'\n            ? 'Button--default'\n            : level\n            ? `Button--${level}`\n            : '',\n          {\n            'Button--block': block,\n            'Button--primary': primary,\n            'Button--iconOnly': iconOnly\n          },\n          size ? `Button--${size}` : ''\n        )}\n      >\n        {icon ? (\n          typeof icon === 'string' ? (\n            <i className={cx(icon, 'm-r-xs')} />\n          ) : (\n            icon\n          )\n        ) : null}\n        {typeof label === 'string' ? filter(label, data) : label}\n        {hideExpandIcon || draggable ? null : (\n          <span className={cx('ColumnToggler-caret')}>\n            <Icon icon=\"caret\" className=\"icon\" />\n          </span>\n        )}\n      </button>\n    );\n\n    return (\n      <div\n        className={cx(\n          'ColumnToggler',\n          {\n            'ColumnToggler-block': block,\n            'ColumnToggler--alignRight': align === 'right',\n            'is-opened': this.state.isOpened,\n            'is-actived': isActived\n          },\n          className\n        )}\n        ref={this.domRef}\n      >\n        {draggable ? (\n          button\n        ) : (\n          <TooltipWrapper\n            placement={placement}\n            tooltip={disabled ? disabledTip : tooltip}\n            container={tooltipContainer}\n            trigger={tooltipTrigger}\n            rootClose={tooltipRootClose}\n          >\n            {button}\n          </TooltipWrapper>\n        )}\n        {this.state.isOpened\n          ? draggable\n            ? this.renderModal()\n            : this.renderOuter()\n          : null}\n      </div>\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;
 }