amis 1.5.7 → 1.6.1

package/lib/renderers/Log.js

@@ -53,19 +53,24 @@ var Log = /** @class */ (function (_super) {
         }
     };
     Log.prototype.loadLogs = function () {
+        var _a;
         return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
-            var _a, source, data, env, __, encoding, api, res, body, reader, lastline, logs, _b, done, value, text, lines;
-            return (0, tslib_1.__generator)(this, function (_c) {
-                switch (_c.label) {
+            var _b, source, data, env, __, encoding, api, res, body, reader, lastline, logs, _c, done, value, text, lines;
+            return (0, tslib_1.__generator)(this, function (_d) {
+                switch (_d.label) {
                     case 0:
-                        _a = this.props, source = _a.source, data = _a.data, env = _a.env, __ = _a.translate, encoding = _a.encoding;
+                        _b = this.props, source = _b.source, data = _b.data, env = _b.env, __ = _b.translate, encoding = _b.encoding;
                         api = (0, api_1.buildApi)(source, data);
                         if (!api.url) {
                             return [2 /*return*/];
                         }
-                        return [4 /*yield*/, fetch(api.url)];
+                        return [4 /*yield*/, fetch(api.url, {
+                                method: ((_a = api.method) === null || _a === void 0 ? void 0 : _a.toLocaleUpperCase()) || 'GET',
+                                headers: api.headers || undefined,
+                                body: api.data ? JSON.stringify(api.data) : undefined
+                            })];
                     case 1:
-                        res = _c.sent();
+                        res = _d.sent();
                         if (!(res.status === 200)) return [3 /*break*/, 6];
                         body = res.body;
                         if (!body) {
@@ -74,10 +79,10 @@ var Log = /** @class */ (function (_super) {
                         reader = body.getReader();
                         lastline = '';
                         logs = [];
-                        _c.label = 2;
+                        _d.label = 2;
                     case 2: return [4 /*yield*/, reader.read()];
                     case 3:
-                        _b = _c.sent(), done = _b.done, value = _b.value;
+                        _c = _d.sent(), done = _c.done, value = _c.value;
                         if (value) {
                             text = new TextDecoder(encoding).decode(value, { stream: true });
                             lines = text.split('\n');
@@ -104,12 +109,12 @@ var Log = /** @class */ (function (_super) {
                             this.isDone = true;
                             return [2 /*return*/];
                         }
-                        _c.label = 4;
+                        _d.label = 4;
                     case 4: return [3 /*break*/, 2];
                     case 5: return [3 /*break*/, 7];
                     case 6:
                         env.notify('error', __('fetchFailed'));
-                        _c.label = 7;
+                        _d.label = 7;
                     case 7: return [2 /*return*/];
                 }
             });

package/lib/renderers/Log.js.map

@@ -6,8 +6,8 @@
         "/src/renderers/Log.tsx"
     ],
     "names": [],
-    "mappings": ";;;;AAAA;;GAEG;AACH,6DAA0B;AAC1B,sCAAmD;AAEnD,6EAAiC;AAEjC,oCAAqD;AA+CrD;IAAyB,oCAAmC;IAmB1D,aAAY,KAAe;QAA3B,YACE,kBAAM,KAAK,CAAC,SAIb;QAhBD,YAAM,GAAY,KAAK,CAAC;QAExB,gBAAU,GAAY,KAAK,CAAC;QAI5B,WAAK,GAAa;YAChB,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,EAAE;SACT,CAAC;QAIA,KAAI,CAAC,MAAM,GAAG,eAAK,CAAC,SAAS,EAAE,CAAC;QAChC,KAAI,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC;QAC5C,KAAI,CAAC,sBAAsB,GAAG,KAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;;IACvE,CAAC;IAED,kCAAoB,GAApB;QACE,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YACtC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,mBAAmB,CACrC,QAAQ,EACR,IAAI,CAAC,sBAAsB,CAC5B,CAAC;SACH;IACH,CAAC;IAED,+BAAiB,GAAjB;QACE,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YACzD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAClC,QAAQ,EACR,IAAI,CAAC,sBAAsB,CAC5B,CAAC;SACH;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACrB,IAAI,CAAC,QAAQ,EAAE,CAAC;SACjB;IACH,CAAC;IAED,gCAAkB,GAAlB,UAAmB,SAAmB;QACpC,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YACzD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC;SAClE;QACD,IACE,IAAA,mBAAa,EACX,SAAS,CAAC,MAAM,EAChB,IAAI,CAAC,KAAK,CAAC,MAAM,EACjB,SAAS,CAAC,IAAI,EACd,IAAI,CAAC,KAAK,CAAC,IAAI,CAChB,EACD;YACA,IAAI,CAAC,QAAQ,EAAE,CAAC;SACjB;IACH,CAAC;IAED,uBAAuB;IACvB,oCAAsB,GAAtB;QACE,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YAChC,IAAA,KAA0C,IAAI,CAAC,MAAM,CAAC,OAAO,EAA5D,YAAY,kBAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAuB,CAAC;YACpE,IAAI,CAAC,UAAU,GAAG,YAAY,GAAG,CAAC,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,CAAC;SAClE;IACH,CAAC;IAEK,sBAAQ,GAAd;;;;;;wBACQ,KAA+C,IAAI,CAAC,KAAK,EAAxD,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,GAAG,SAAA,EAAa,EAAE,eAAA,EAAE,QAAQ,cAAA,CAAe;wBAE1D,GAAG,GAAG,IAAA,cAAQ,EAAC,MAAM,EAAE,IAAI,CAAC,CAAC;wBACnC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE;4BACZ,sBAAO;yBACR;wBACW,qBAAM,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAA;;wBAA1B,GAAG,GAAG,SAAoB;6BAC5B,CAAA,GAAG,CAAC,MAAM,KAAK,GAAG,CAAA,EAAlB,wBAAkB;wBACd,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;wBACtB,IAAI,CAAC,IAAI,EAAE;4BACT,sBAAO;yBACR;wBACK,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;wBAC5B,QAAQ,GAAG,EAAE,CAAC;wBACd,IAAI,GAAa,EAAE,CAAC;;4BAEF,qBAAM,MAAM,CAAC,IAAI,EAAE,EAAA;;wBAAnC,KAAgB,SAAmB,EAAlC,IAAI,UAAA,EAAE,KAAK,WAAA;wBAChB,IAAI,KAAK,EAAE;4BACL,IAAI,GAAG,IAAI,WAAW,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAC,CAAC;4BAE7D,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;4BAC/B,kBAAkB;4BAClB,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;gCACtB,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;gCACrB,IAAI,CAAC,QAAQ,CAAC;oCACZ,QAAQ,EAAE,QAAQ;iCACnB,CAAC,CAAC;6BACJ;iCAAM;gCACL,WAAW;gCACX,KAAK,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;gCAC/B,qBAAqB;gCACrB,QAAQ,GAAG,KAAK,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC;gCAC7B,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gCAC1B,IAAI,CAAC,QAAQ,CAAC;oCACZ,IAAI,EAAE,IAAI;oCACV,QAAQ,EAAE,QAAQ;iCACnB,CAAC,CAAC;6BACJ;yBACF;wBAED,IAAI,IAAI,EAAE;4BACR,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;4BACnB,sBAAO;yBACR;;;;;wBAGH,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;;;;;;KAE1C;IAED,oBAAM,GAAN;QACQ,IAAA,KAOF,IAAI,CAAC,KAAK,EANZ,MAAM,YAAA,EACN,SAAS,eAAA,EACG,EAAE,gBAAA,EACd,WAAW,iBAAA,EACX,MAAM,YAAA,EACK,EAAE,eACD,CAAC;QAEf,IAAI,OAAO,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC;QAE9B,IAAI,CAAC,MAAM,EAAE;YACX,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC;SACpC;QAED,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;YAC5C,OAAO,CACL,uCAAK,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,GAAG,EAAE,KAAK;gBACxC,8BAAC,uBAAI,IAAC,UAAU,UAAE,IAAI,CAAQ,CAC1B,CACP,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,OAAO,CACL,uCACE,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,EAC/B,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC;YAEtB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO;YAC/B,uCAAK,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,GAAG,EAAC,MAAM;gBACxC,4CAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAQ,CAC9B,CACF,CACP,CAAC;IACJ,CAAC;IA7JM,gBAAY,GAAG;QACpB,MAAM,EAAE,GAAG;QACX,UAAU,EAAE,IAAI;QAChB,WAAW,EAAE,SAAS;QACtB,QAAQ,EAAE,OAAO;KAClB,CAAC;IAyJJ,UAAC;CAAA,AA/JD,CAAyB,eAAK,CAAC,SAAS,GA+JvC;AA/JY,kBAAG;AAoKhB;IAAiC,4CAAG;IAApC;;IAAsC,CAAC;IAA1B,WAAW;QAHvB,IAAA,kBAAQ,EAAC;YACR,IAAI,EAAE,KAAK;SACZ,CAAC;OACW,WAAW,CAAe;IAAD,kBAAC;CAAA,AAAvC,CAAiC,GAAG,GAAG;AAA1B,kCAAW",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * @file 用于显示日志的组件，比如显示命令行的输出结果\n */\nimport React from 'react';\nimport {Renderer, RendererProps} from '../factory';\nimport {BaseSchema, SchemaTpl} from '../Schema';\nimport Ansi from 'ansi-to-react';\nimport {filter} from '../utils/tpl';\nimport {buildApi, isApiOutdated} from '../utils/api';\n\n/**\n * 日志展示组件\n * 文档：https://baidu.gitee.io/amis/docs/components/log\n */\nexport interface LogSchema extends BaseSchema {\n  /**\n   * 指定为 log 链接展示控件\n   */\n  type: 'log';\n\n  /**\n   * 自定义 CSS 类名\n   */\n  className?: string;\n\n  /**\n   * 获取日志的地址\n   */\n  source: string;\n\n  /**\n   * 控件高度\n   */\n  height?: number;\n\n  /**\n   * 是否自动滚动到最底部\n   */\n  autoScroll?: boolean;\n\n  /**\n   * 返回内容字符编码\n   */\n  encoding?: string;\n}\n\nexport interface LogProps\n  extends RendererProps,\n    Omit<LogSchema, 'type' | 'className'> {}\n\nexport interface LogState {\n  lastLine: string;\n  logs: string[];\n}\n\nexport class Log extends React.Component<LogProps, LogState> {\n  static defaultProps = {\n    height: 500,\n    autoScroll: true,\n    placeholder: 'loading',\n    encoding: 'utf-8'\n  };\n\n  isDone: boolean = false;\n\n  autoScroll: boolean = false;\n\n  logRef: React.RefObject<HTMLDivElement>;\n\n  state: LogState = {\n    lastLine: '',\n    logs: []\n  };\n\n  constructor(props: LogProps) {\n    super(props);\n    this.logRef = React.createRef();\n    this.autoScroll = props.autoScroll || false;\n    this.pauseOrResumeScrolling = this.pauseOrResumeScrolling.bind(this);\n  }\n\n  componentWillUnmount() {\n    if (this.logRef && this.logRef.current) {\n      this.logRef.current.removeEventListener(\n        'scroll',\n        this.pauseOrResumeScrolling\n      );\n    }\n  }\n\n  componentDidMount() {\n    if (this.autoScroll && this.logRef && this.logRef.current) {\n      this.logRef.current.addEventListener(\n        'scroll',\n        this.pauseOrResumeScrolling\n      );\n    }\n    if (this.props.source) {\n      this.loadLogs();\n    }\n  }\n\n  componentDidUpdate(prevProps: LogProps) {\n    if (this.autoScroll && this.logRef && this.logRef.current) {\n      this.logRef.current.scrollTop = this.logRef.current.scrollHeight;\n    }\n    if (\n      isApiOutdated(\n        prevProps.source,\n        this.props.source,\n        prevProps.data,\n        this.props.data\n      )\n    ) {\n      this.loadLogs();\n    }\n  }\n\n  // 如果向上滚动就停止自动滚动，除非滚到底部\n  pauseOrResumeScrolling() {\n    if (this.logRef && this.logRef.current) {\n      const {scrollHeight, scrollTop, offsetHeight} = this.logRef.current;\n      this.autoScroll = scrollHeight - (scrollTop + offsetHeight) < 50;\n    }\n  }\n\n  async loadLogs() {\n    const {source, data, env, translate: __, encoding} = this.props;\n    // 因为这里返回结果是流式的，和普通 api 请求不一样，如果直接用 fetcher 经过 responseAdaptor 可能会导致出错，所以就直接 fetch 了\n    const api = buildApi(source, data);\n    if (!api.url) {\n      return;\n    }\n    const res = await fetch(api.url);\n    if (res.status === 200) {\n      const body = res.body;\n      if (!body) {\n        return;\n      }\n      const reader = body.getReader();\n      let lastline = '';\n      let logs: string[] = [];\n      for (;;) {\n        let {done, value} = await reader.read();\n        if (value) {\n          let text = new TextDecoder(encoding).decode(value, {stream: true});\n          // 不考虑只有 \\r 换行符的情况，几乎没人用\n          const lines = text.split('\\n');\n          // 如果没有换行符就只更新最后一行\n          if (lines.length === 1) {\n            lastline += lines[0];\n            this.setState({\n              lastLine: lastline\n            });\n          } else {\n            // 将之前的数据补上\n            lines[0] = lastline + lines[0];\n            // 最后一个要么是空，要么是下一行的数据\n            lastline = lines.pop() || '';\n            logs = logs.concat(lines);\n            this.setState({\n              logs: logs,\n              lastLine: lastline\n            });\n          }\n        }\n\n        if (done) {\n          this.isDone = true;\n          return;\n        }\n      }\n    } else {\n      env.notify('error', __('fetchFailed'));\n    }\n  }\n\n  render() {\n    const {\n      source,\n      className,\n      classnames: cx,\n      placeholder,\n      height,\n      translate: __\n    } = this.props;\n\n    let loading = __(placeholder);\n\n    if (!source) {\n      loading = __('Log.mustHaveSource');\n    }\n\n    const lines = this.state.logs.map((line, index) => {\n      return (\n        <div className={cx('Log-line')} key={index}>\n          <Ansi useClasses>{line}</Ansi>\n        </div>\n      );\n    });\n\n    return (\n      <div\n        ref={this.logRef}\n        className={cx('Log', className)}\n        style={{height: height}}\n      >\n        {lines.length ? lines : loading}\n        <div className={cx('Log-line')} key=\"last\">\n          <code>{this.state.lastLine}</code>\n        </div>\n      </div>\n    );\n  }\n}\n\n@Renderer({\n  type: 'log'\n})\nexport class LogRenderer extends Log {}\n"
+        "/**\n * @file 用于显示日志的组件，比如显示命令行的输出结果\n */\nimport React from 'react';\nimport {Renderer, RendererProps} from '../factory';\nimport {BaseSchema, SchemaTpl} from '../Schema';\nimport Ansi from 'ansi-to-react';\nimport {filter} from '../utils/tpl';\nimport {buildApi, isApiOutdated} from '../utils/api';\n\n/**\n * 日志展示组件\n * 文档：https://baidu.gitee.io/amis/docs/components/log\n */\nexport interface LogSchema extends BaseSchema {\n  /**\n   * 指定为 log 链接展示控件\n   */\n  type: 'log';\n\n  /**\n   * 自定义 CSS 类名\n   */\n  className?: string;\n\n  /**\n   * 获取日志的地址\n   */\n  source: string;\n\n  /**\n   * 控件高度\n   */\n  height?: number;\n\n  /**\n   * 是否自动滚动到最底部\n   */\n  autoScroll?: boolean;\n\n  /**\n   * 返回内容字符编码\n   */\n  encoding?: string;\n}\n\nexport interface LogProps\n  extends RendererProps,\n    Omit<LogSchema, 'type' | 'className'> {}\n\nexport interface LogState {\n  lastLine: string;\n  logs: string[];\n}\n\nexport class Log extends React.Component<LogProps, LogState> {\n  static defaultProps = {\n    height: 500,\n    autoScroll: true,\n    placeholder: 'loading',\n    encoding: 'utf-8'\n  };\n\n  isDone: boolean = false;\n\n  autoScroll: boolean = false;\n\n  logRef: React.RefObject<HTMLDivElement>;\n\n  state: LogState = {\n    lastLine: '',\n    logs: []\n  };\n\n  constructor(props: LogProps) {\n    super(props);\n    this.logRef = React.createRef();\n    this.autoScroll = props.autoScroll || false;\n    this.pauseOrResumeScrolling = this.pauseOrResumeScrolling.bind(this);\n  }\n\n  componentWillUnmount() {\n    if (this.logRef && this.logRef.current) {\n      this.logRef.current.removeEventListener(\n        'scroll',\n        this.pauseOrResumeScrolling\n      );\n    }\n  }\n\n  componentDidMount() {\n    if (this.autoScroll && this.logRef && this.logRef.current) {\n      this.logRef.current.addEventListener(\n        'scroll',\n        this.pauseOrResumeScrolling\n      );\n    }\n    if (this.props.source) {\n      this.loadLogs();\n    }\n  }\n\n  componentDidUpdate(prevProps: LogProps) {\n    if (this.autoScroll && this.logRef && this.logRef.current) {\n      this.logRef.current.scrollTop = this.logRef.current.scrollHeight;\n    }\n    if (\n      isApiOutdated(\n        prevProps.source,\n        this.props.source,\n        prevProps.data,\n        this.props.data\n      )\n    ) {\n      this.loadLogs();\n    }\n  }\n\n  // 如果向上滚动就停止自动滚动，除非滚到底部\n  pauseOrResumeScrolling() {\n    if (this.logRef && this.logRef.current) {\n      const {scrollHeight, scrollTop, offsetHeight} = this.logRef.current;\n      this.autoScroll = scrollHeight - (scrollTop + offsetHeight) < 50;\n    }\n  }\n\n  async loadLogs() {\n    const {source, data, env, translate: __, encoding} = this.props;\n    // 因为这里返回结果是流式的，和普通 api 请求不一样，如果直接用 fetcher 经过 responseAdaptor 可能会导致出错，所以就直接 fetch 了\n    const api = buildApi(source, data);\n    if (!api.url) {\n      return;\n    }\n    const res = await fetch(api.url, {\n      method: api.method?.toLocaleUpperCase() || 'GET',\n      headers: (api.headers as Record<string, string>) || undefined,\n      body: api.data ? JSON.stringify(api.data) : undefined\n    });\n    if (res.status === 200) {\n      const body = res.body;\n      if (!body) {\n        return;\n      }\n      const reader = body.getReader();\n      let lastline = '';\n      let logs: string[] = [];\n      for (;;) {\n        let {done, value} = await reader.read();\n        if (value) {\n          let text = new TextDecoder(encoding).decode(value, {stream: true});\n          // 不考虑只有 \\r 换行符的情况，几乎没人用\n          const lines = text.split('\\n');\n          // 如果没有换行符就只更新最后一行\n          if (lines.length === 1) {\n            lastline += lines[0];\n            this.setState({\n              lastLine: lastline\n            });\n          } else {\n            // 将之前的数据补上\n            lines[0] = lastline + lines[0];\n            // 最后一个要么是空，要么是下一行的数据\n            lastline = lines.pop() || '';\n            logs = logs.concat(lines);\n            this.setState({\n              logs: logs,\n              lastLine: lastline\n            });\n          }\n        }\n\n        if (done) {\n          this.isDone = true;\n          return;\n        }\n      }\n    } else {\n      env.notify('error', __('fetchFailed'));\n    }\n  }\n\n  render() {\n    const {\n      source,\n      className,\n      classnames: cx,\n      placeholder,\n      height,\n      translate: __\n    } = this.props;\n\n    let loading = __(placeholder);\n\n    if (!source) {\n      loading = __('Log.mustHaveSource');\n    }\n\n    const lines = this.state.logs.map((line, index) => {\n      return (\n        <div className={cx('Log-line')} key={index}>\n          <Ansi useClasses>{line}</Ansi>\n        </div>\n      );\n    });\n\n    return (\n      <div\n        ref={this.logRef}\n        className={cx('Log', className)}\n        style={{height: height}}\n      >\n        {lines.length ? lines : loading}\n        <div className={cx('Log-line')} key=\"last\">\n          <code>{this.state.lastLine}</code>\n        </div>\n      </div>\n    );\n  }\n}\n\n@Renderer({\n  type: 'log'\n})\nexport class LogRenderer extends Log {}\n"
     ]
 }

package/lib/renderers/Nav.d.ts

@@ -146,18 +146,18 @@ export declare class Navigation extends React.Component<NavigationProps, Navigat
     render(): JSX.Element;
 }
 declare const ThemedNavigation: {
-    new (props: (Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+    new (props: (Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
         indentSize: number;
-    }, never>> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+    }, never>> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
         indentSize: number;
     }, never>> & import("../theme").ThemeOutterProps>): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
             indentSize: number;
         }, never>> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+        readonly props: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
             indentSize: number;
         }, never>> & import("../theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
@@ -167,42 +167,42 @@ declare const ThemedNavigation: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
             indentSize: number;
         }, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
             indentSize: number;
         }, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
             indentSize: number;
         }, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
             indentSize: number;
         }, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
             indentSize: number;
         }, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
             indentSize: number;
         }, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
             indentSize: number;
         }, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    new (props: Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+    new (props: Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
         indentSize: number;
     }, never>> & import("../theme").ThemeOutterProps, context: any): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
             indentSize: number;
         }, never>> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+        readonly props: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
             indentSize: number;
         }, never>> & import("../theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
@@ -212,29 +212,29 @@ declare const ThemedNavigation: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
             indentSize: number;
         }, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
             indentSize: number;
         }, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
             indentSize: number;
         }, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
             indentSize: number;
         }, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
             indentSize: number;
         }, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
             indentSize: number;
         }, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "onSelect" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "data" | "source" | "hidden" | "reload" | "disabled" | "onToggle" | "onSelect" | "loading" | "visible" | "render" | "env" | "links" | "draggable" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "itemBadge" | "deferApi" | "itemActions" | "stacked" | "saveOrderApi" | "dragOnSameLevel" | "onDragUpdate" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<{
             indentSize: number;
         }, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };

package/lib/renderers/Remark.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
 import { RendererProps } from '../factory';
+import { TooltipObject } from '../components/TooltipWrapper';
+import { ClassNamesFn } from '../theme';
 import { BaseSchema, SchemaClassName, SchemaIcon, SchemaTpl } from '../Schema';
 /**
  * 提示渲染器，默认会显示个小图标，鼠标放上来的时候显示配置的内容。
@@ -53,8 +55,10 @@ declare class Remark extends React.Component<RemarkProps> {
     static propsList: Array<string>;
     static defaultProps: {
         icon: string;
-        trigger: ("focus" | "click" | "hover")[];
+        trigger: ("click" | "focus" | "hover")[];
     };
+    showModalTip(tooltip?: string | TooltipObject): (e: React.MouseEvent) => void;
+    renderLabel(finalIcon: any, finalLabel: string, cx: ClassNamesFn): JSX.Element;
     render(): JSX.Element;
 }
 declare const _default: {

package/lib/renderers/Remark.js

@@ -8,6 +8,7 @@ var TooltipWrapper_1 = (0, tslib_1.__importDefault)(require("../components/Toolt
 var tpl_1 = require("../utils/tpl");
 var theme_1 = require("../theme");
 var icons_1 = require("../components/icons");
+var helper_1 = require("../utils/helper");
 function filterContents(tooltip, data) {
     if (typeof tooltip === 'string') {
         return (0, tpl_1.filter)(tooltip, data);
@@ -33,23 +34,54 @@ var Remark = /** @class */ (function (_super) {
     function Remark() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    Remark.prototype.showModalTip = function (tooltip) {
+        var _a = this.props, onAction = _a.onAction, data = _a.data;
+        return function (e) {
+            onAction &&
+                onAction(e, {
+                    actionType: 'dialog',
+                    dialog: {
+                        title: tooltip && typeof tooltip !== 'string' ? tooltip.title : '',
+                        body: tooltip && typeof tooltip !== 'string'
+                            ? tooltip.content
+                            : tooltip,
+                        actions: []
+                    }
+                }, data);
+        };
+    };
+    Remark.prototype.renderLabel = function (finalIcon, finalLabel, cx) {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            finalLabel ? react_1.default.createElement("span", null, finalLabel) : null,
+            finalIcon ? ((0, icons_1.hasIcon)(finalIcon) ? (react_1.default.createElement("span", { className: cx('Remark-icon') },
+                react_1.default.createElement(icons_1.Icon, { icon: finalIcon }))) : (react_1.default.createElement("i", { className: cx('Remark-icon', finalIcon) }))) : finalIcon === false && finalLabel ? null : (react_1.default.createElement("span", { className: cx('Remark-icon icon') },
+                react_1.default.createElement(icons_1.Icon, { icon: "question-mark" })))));
+    };
     Remark.prototype.render = function () {
         var _a, _b;
-        var _c = this.props, className = _c.className, icon = _c.icon, label = _c.label, tooltip = _c.tooltip, placement = _c.placement, rootClose = _c.rootClose, trigger = _c.trigger, container = _c.container, ns = _c.classPrefix, cx = _c.classnames, content = _c.content, data = _c.data, env = _c.env, tooltipClassName = _c.tooltipClassName;
+        var _c = this.props, className = _c.className, icon = _c.icon, label = _c.label, tooltip = _c.tooltip, placement = _c.placement, rootClose = _c.rootClose, trigger = _c.trigger, container = _c.container, ns = _c.classPrefix, cx = _c.classnames, content = _c.content, data = _c.data, env = _c.env, tooltipClassName = _c.tooltipClassName, useMobileUI = _c.useMobileUI;
         var finalIcon = (_a = tooltip === null || tooltip === void 0 ? void 0 : tooltip.icon) !== null && _a !== void 0 ? _a : icon;
         var finalLabel = (_b = tooltip === null || tooltip === void 0 ? void 0 : tooltip.label) !== null && _b !== void 0 ? _b : label;
-        return (react_1.default.createElement(TooltipWrapper_1.default, { classPrefix: ns, classnames: cx, tooltip: filterContents(tooltip || content, data), tooltipClassName: (tooltip && tooltip.tooltipClassName) || tooltipClassName, placement: (tooltip && tooltip.placement) || placement, rootClose: (tooltip && tooltip.rootClose) || rootClose, trigger: (tooltip && tooltip.trigger) || trigger, container: container || env.getModalContainer, delay: tooltip && tooltip.delay },
-            react_1.default.createElement("div", { className: cx("Remark", (tooltip && tooltip.className) || className || "Remark--warning") },
-                finalLabel ? react_1.default.createElement("span", null, finalLabel) : null,
-                finalIcon ? ((0, icons_1.hasIcon)(finalIcon) ? (react_1.default.createElement("span", { className: cx('Remark-icon') },
-                    react_1.default.createElement(icons_1.Icon, { icon: finalIcon }))) : (react_1.default.createElement("i", { className: cx('Remark-icon', finalIcon) }))) : finalIcon === false && finalLabel ? null : (react_1.default.createElement("span", { className: cx('Remark-icon icon') },
-                    react_1.default.createElement(icons_1.Icon, { icon: "question-mark" }))))));
+        var parsedTip = filterContents(tooltip || content, data);
+        // 移动端使用弹框提示
+        if ((0, helper_1.isMobile)() && useMobileUI) {
+            return (react_1.default.createElement("div", { className: cx("Remark", (tooltip && tooltip.className) || className || "Remark--warning"), onClick: this.showModalTip(parsedTip) }, this.renderLabel(finalIcon, finalLabel, cx)));
+        }
+        return (react_1.default.createElement(TooltipWrapper_1.default, { classPrefix: ns, classnames: cx, tooltip: parsedTip, tooltipClassName: (tooltip && tooltip.tooltipClassName) || tooltipClassName, placement: (tooltip && tooltip.placement) || placement, rootClose: (tooltip && tooltip.rootClose) || rootClose, trigger: (tooltip && tooltip.trigger) || trigger, container: container || env.getModalContainer, delay: tooltip && tooltip.delay },
+            react_1.default.createElement("div", { className: cx("Remark", (tooltip && tooltip.className) || className || "Remark--warning") }, this.renderLabel(finalIcon, finalLabel, cx))));
     };
+    var _a;
     Remark.propsList = [];
     Remark.defaultProps = {
         icon: '',
         trigger: ['hover', 'focus']
     };
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [Object]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], Remark.prototype, "showModalTip", null);
     return Remark;
 }(react_1.default.Component));
 exports.default = (0, theme_1.themeable)(Remark);

package/lib/renderers/Remark.js.map

@@ -6,8 +6,8 @@
         "/src/renderers/Remark.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {Renderer, RendererProps} from '../factory';\nimport {Api, SchemaNode, Schema, Action} from '../types';\nimport cx from 'classnames';\nimport TooltipWrapper from '../components/TooltipWrapper';\nimport {filter} from '../utils/tpl';\nimport {themeable} from '../theme';\nimport {hasIcon, Icon} from '../components/icons';\nimport {BaseSchema, SchemaClassName, SchemaIcon, SchemaTpl} from '../Schema';\n\n/**\n * 提示渲染器，默认会显示个小图标，鼠标放上来的时候显示配置的内容。\n */\nexport interface RemarkSchema extends BaseSchema {\n  /**\n   * 指定为提示类型\n   */\n  type: 'remark';\n\n  label?: string;\n\n  icon?: SchemaIcon;\n\n  tooltipClassName?: SchemaClassName;\n\n  /**\n   * 触发规则\n   */\n  trigger?: Array<'click' | 'hover' | 'focus'>;\n\n  /**\n   * 提示标题\n   */\n  title?: string;\n\n  /**\n   * 提示内容\n   */\n  content: SchemaTpl;\n\n  /**\n   * 显示位置\n   */\n  placement?: 'top' | 'right' | 'bottom' | 'left';\n\n  /**\n   * 点击其他内容时是否关闭弹框信息\n   */\n  rootClose?: boolean;\n}\n\nexport type SchemaRemark = string | Omit<RemarkSchema, 'type'>;\n\nexport function filterContents(\n  tooltip:\n    | string\n    | undefined\n    | {title?: string; render?: any; content?: string; body?: string},\n  data: any\n) {\n  if (typeof tooltip === 'string') {\n    return filter(tooltip, data);\n  } else if (tooltip) {\n    return tooltip.title\n      ? {\n          render: tooltip.render ? () => tooltip.render(data) : undefined,\n          title: filter(tooltip.title, data),\n          content:\n            tooltip.content || tooltip.body\n              ? filter(tooltip.content || tooltip.body || '', data)\n              : undefined\n        }\n      : tooltip.content || tooltip.body\n      ? filter(tooltip.content || tooltip.body || '', data)\n      : undefined;\n  }\n  return tooltip;\n}\n\nexport interface RemarkProps\n  extends RendererProps,\n    Omit<RemarkSchema, 'type' | 'className'> {\n  icon: string;\n  trigger: Array<'hover' | 'click' | 'focus'>;\n}\n\nclass Remark extends React.Component<RemarkProps> {\n  static propsList: Array<string> = [];\n  static defaultProps = {\n    icon: '',\n    trigger: ['hover', 'focus'] as Array<'hover' | 'click' | 'focus'>\n  };\n\n  render() {\n    const {\n      className,\n      icon,\n      label,\n      tooltip,\n      placement,\n      rootClose,\n      trigger,\n      container,\n      classPrefix: ns,\n      classnames: cx,\n      content,\n      data,\n      env,\n      tooltipClassName\n    } = this.props;\n\n    const finalIcon = tooltip?.icon ?? icon;\n    const finalLabel = tooltip?.label ?? label;\n\n    return (\n      <TooltipWrapper\n        classPrefix={ns}\n        classnames={cx}\n        tooltip={filterContents(tooltip || content, data)}\n        tooltipClassName={\n          (tooltip && tooltip.tooltipClassName) || tooltipClassName\n        }\n        placement={(tooltip && tooltip.placement) || placement}\n        rootClose={(tooltip && tooltip.rootClose) || rootClose}\n        trigger={(tooltip && tooltip.trigger) || trigger}\n        container={container || env.getModalContainer}\n        delay={tooltip && tooltip.delay}\n      >\n        <div\n          className={cx(\n            `Remark`,\n            (tooltip && tooltip.className) || className || `Remark--warning`\n          )}\n        >\n          {finalLabel ? <span>{finalLabel}</span> : null}\n          {finalIcon ? (\n            hasIcon(finalIcon) ? (\n              <span className={cx('Remark-icon')}>\n                <Icon icon={finalIcon} />\n              </span>\n            ) : (\n              <i className={cx('Remark-icon', finalIcon)} />\n            )\n          ) : finalIcon === false && finalLabel ? null : (\n            <span className={cx('Remark-icon icon')}>\n              <Icon icon=\"question-mark\" />\n            </span>\n          )}\n        </div>\n      </TooltipWrapper>\n    );\n  }\n}\n\nexport default themeable(Remark);\n\n@Renderer({\n  type: 'remark'\n})\nexport class RemarkRenderer extends Remark {}\n"
+        "import React from 'react';\nimport {Renderer, RendererProps} from '../factory';\nimport {Api, SchemaNode, Schema, Action} from '../types';\nimport cx from 'classnames';\nimport TooltipWrapper, {TooltipObject} from '../components/TooltipWrapper';\nimport {filter} from '../utils/tpl';\nimport {ClassNamesFn, themeable} from '../theme';\nimport {hasIcon, Icon} from '../components/icons';\nimport {BaseSchema, SchemaClassName, SchemaIcon, SchemaTpl} from '../Schema';\nimport {autobind, isMobile} from '../utils/helper';\n\n/**\n * 提示渲染器，默认会显示个小图标，鼠标放上来的时候显示配置的内容。\n */\nexport interface RemarkSchema extends BaseSchema {\n  /**\n   * 指定为提示类型\n   */\n  type: 'remark';\n\n  label?: string;\n\n  icon?: SchemaIcon;\n\n  tooltipClassName?: SchemaClassName;\n\n  /**\n   * 触发规则\n   */\n  trigger?: Array<'click' | 'hover' | 'focus'>;\n\n  /**\n   * 提示标题\n   */\n  title?: string;\n\n  /**\n   * 提示内容\n   */\n  content: SchemaTpl;\n\n  /**\n   * 显示位置\n   */\n  placement?: 'top' | 'right' | 'bottom' | 'left';\n\n  /**\n   * 点击其他内容时是否关闭弹框信息\n   */\n  rootClose?: boolean;\n}\n\nexport type SchemaRemark = string | Omit<RemarkSchema, 'type'>;\n\nexport function filterContents(\n  tooltip:\n    | string\n    | undefined\n    | {title?: string; render?: any; content?: string; body?: string},\n  data: any\n) {\n  if (typeof tooltip === 'string') {\n    return filter(tooltip, data);\n  } else if (tooltip) {\n    return tooltip.title\n      ? {\n          render: tooltip.render ? () => tooltip.render(data) : undefined,\n          title: filter(tooltip.title, data),\n          content:\n            tooltip.content || tooltip.body\n              ? filter(tooltip.content || tooltip.body || '', data)\n              : undefined\n        }\n      : tooltip.content || tooltip.body\n      ? filter(tooltip.content || tooltip.body || '', data)\n      : undefined;\n  }\n  return tooltip;\n}\n\nexport interface RemarkProps\n  extends RendererProps,\n    Omit<RemarkSchema, 'type' | 'className'> {\n  icon: string;\n  trigger: Array<'hover' | 'click' | 'focus'>;\n}\n\nclass Remark extends React.Component<RemarkProps> {\n  static propsList: Array<string> = [];\n  static defaultProps = {\n    icon: '',\n    trigger: ['hover', 'focus'] as Array<'hover' | 'click' | 'focus'>\n  };\n\n  @autobind\n  showModalTip(tooltip?: string | TooltipObject) {\n    let {onAction, data} = this.props;\n    return (e: React.MouseEvent) => {\n      onAction &&\n        onAction(\n          e,\n          {\n            actionType: 'dialog',\n            dialog: {\n              title:\n                tooltip && typeof tooltip !== 'string' ? tooltip.title : '',\n              body:\n                tooltip && typeof tooltip !== 'string'\n                  ? tooltip.content\n                  : tooltip,\n              actions: []\n            }\n          },\n          data\n        );\n    };\n  }\n\n  renderLabel(finalIcon: any, finalLabel: string, cx: ClassNamesFn) {\n    return (\n      <>\n        {finalLabel ? <span>{finalLabel}</span> : null}\n        {finalIcon ? (\n          hasIcon(finalIcon) ? (\n            <span className={cx('Remark-icon')}>\n              <Icon icon={finalIcon} />\n            </span>\n          ) : (\n            <i className={cx('Remark-icon', finalIcon)} />\n          )\n        ) : finalIcon === false && finalLabel ? null : (\n          <span className={cx('Remark-icon icon')}>\n            <Icon icon=\"question-mark\" />\n          </span>\n        )}\n      </>\n    );\n  }\n\n  render() {\n    const {\n      className,\n      icon,\n      label,\n      tooltip,\n      placement,\n      rootClose,\n      trigger,\n      container,\n      classPrefix: ns,\n      classnames: cx,\n      content,\n      data,\n      env,\n      tooltipClassName,\n      useMobileUI\n    } = this.props;\n\n    const finalIcon = tooltip?.icon ?? icon;\n    const finalLabel = tooltip?.label ?? label;\n    const parsedTip = filterContents(tooltip || content, data);\n\n    // 移动端使用弹框提示\n    if (isMobile() && useMobileUI) {\n      return (\n        <div\n          className={cx(\n            `Remark`,\n            (tooltip && tooltip.className) || className || `Remark--warning`\n          )}\n          onClick={this.showModalTip(parsedTip)}\n        >\n          {this.renderLabel(finalIcon, finalLabel, cx)}\n        </div>\n      );\n    }\n\n    return (\n      <TooltipWrapper\n        classPrefix={ns}\n        classnames={cx}\n        tooltip={parsedTip}\n        tooltipClassName={\n          (tooltip && tooltip.tooltipClassName) || tooltipClassName\n        }\n        placement={(tooltip && tooltip.placement) || placement}\n        rootClose={(tooltip && tooltip.rootClose) || rootClose}\n        trigger={(tooltip && tooltip.trigger) || trigger}\n        container={container || env.getModalContainer}\n        delay={tooltip && tooltip.delay}\n      >\n        <div\n          className={cx(\n            `Remark`,\n            (tooltip && tooltip.className) || className || `Remark--warning`\n          )}\n        >\n          {this.renderLabel(finalIcon, finalLabel, cx)}\n        </div>\n      </TooltipWrapper>\n    );\n  }\n}\n\nexport default themeable(Remark);\n\n@Renderer({\n  type: 'remark'\n})\nexport class RemarkRenderer extends Remark {}\n"
     ]
 }

package/lib/renderers/Steps.js

@@ -11,14 +11,14 @@ var tpl_1 = require("../utils/tpl");
 var helper_1 = require("../utils/helper");
 function StepsCmpt(props) {
     var _a;
-    var className = props.className, steps = props.steps, status = props.status, mode = props.mode, data = props.data, source = props.source, config = props.config, render = props.render, env = props.env;
+    var className = props.className, steps = props.steps, status = props.status, mode = props.mode, data = props.data, source = props.source, config = props.config, render = props.render, useMobileUI = props.useMobileUI;
     var stepsRow = (0, tpl_builtin_1.resolveVariable)(source, data) ||
         config ||
         steps ||
         [];
-    var resolveRender = function (val) { return typeof val === 'string'
-        ? (0, tpl_1.filter)(val, data)
-        : val && render('inner', val); };
+    var resolveRender = function (val) {
+        return typeof val === 'string' ? (0, tpl_1.filter)(val, data) : val && render('inner', val);
+    };
     var value = (_a = (0, helper_1.getPropValue)(props)) !== null && _a !== void 0 ? _a : 0;
     var resolveValue = typeof value === 'string' && isNaN(+value)
         ? +(0, tpl_builtin_1.resolveVariable)(value, data) || +value
@@ -43,7 +43,7 @@ function StepsCmpt(props) {
         }
         return stepStatus;
     }
-    return (react_1.default.createElement(Steps_1.default, { current: currentValue, steps: resolveSteps, className: className, status: status, mode: mode, useMobileUI: env.useMobileUI }));
+    return (react_1.default.createElement(Steps_1.default, { current: currentValue, steps: resolveSteps, className: className, status: status, mode: mode, useMobileUI: useMobileUI }));
 }
 exports.StepsCmpt = StepsCmpt;
 var StepsWithRemoteConfig = (0, WithRemoteConfig_1.withRemoteConfig)({

package/lib/renderers/Steps.js.map

@@ -6,8 +6,8 @@
         "/src/renderers/Steps.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {Renderer, RendererProps} from '../factory';\nimport {BaseSchema, SchemaCollection} from '../Schema';\nimport Steps, {StepStatus} from '../components/Steps';\nimport {\n  RemoteOptionsProps,\n  withRemoteConfig\n} from '../components/WithRemoteConfig';\nimport {resolveVariable} from '../utils/tpl-builtin';\nimport {filter} from '../utils/tpl';\nimport {getPropValue} from '../utils/helper';\n\nexport type StepSchema = {\n  /**\n   * 标题\n   */\n  title: string | SchemaCollection;\n\n  /**\n   * 子标题\n   */\n  subTitle?: string | SchemaCollection;\n\n  /**\n   * 图标\n   */\n  icon?: string;\n\n  value?: string | number;\n\n  /**\n   * 描述\n   */\n  description?: string | SchemaCollection;\n} & Omit<BaseSchema, 'type'>;\n\nexport interface StepsSchema extends BaseSchema {\n  /**\n   * 指定为 Steps 步骤条渲染器\n   */\n  type: 'steps';\n\n  /**\n   * 步骤\n   */\n  steps?: Array<StepSchema>;\n\n  /**\n   * API 或 数据映射\n   */\n  source?: string;\n\n  /**\n   * 指定当前步骤\n   */\n  value?: number | string;\n\n  /**\n   * 变量映射\n   */\n  name?: string;\n\n  status?: StepStatus | {\n    [propName: string]: StepStatus;\n  };\n\n  /**\n   * 展示模式\n   */\n  mode?: 'horizontal' | 'vertical';\n}\n\nexport interface StepsProps\n  extends RendererProps,\n    Omit<StepsSchema, 'className'> {}\n\nexport function StepsCmpt(props: StepsProps) {\n  const {\n    className,\n    steps,\n    status,\n    mode,\n    data,\n    source,\n    config,\n    render,\n    env\n  } = props;\n\n  const stepsRow =\n    (resolveVariable(source, data) as Array<StepSchema>) ||\n    config ||\n    steps ||\n    [];\n  const resolveRender = (val?: string | SchemaCollection) => typeof val === 'string'\n    ? filter(val, data)\n    : val && render('inner', val);\n  const value = getPropValue(props) ?? 0;\n  const resolveValue =\n    typeof value === 'string' && isNaN(+value)\n      ? +(resolveVariable(value, data) as string) || +value\n      : +value;\n  const valueIndex = stepsRow.findIndex(\n    item => item.value && item.value === resolveValue\n  );\n  const currentValue = valueIndex !== -1 ? valueIndex : resolveValue;\n  const resolveSteps = stepsRow.map((step, i) => {\n    const stepStatus = getStepStatus(step, i);\n    return {\n      ...step,\n      status: stepStatus,\n      title: resolveRender(step.title),\n      subTitle: resolveRender(step.subTitle),\n      description: resolveRender(step.description)\n    }\n  });\n\n  function getStepStatus(\n    step: StepSchema,\n    i: number\n  ): StepStatus {\n    let stepStatus;\n\n    if (typeof status === 'string') {\n      if (i === currentValue) {\n        const resolveStatus = resolveVariable(status, data);\n        stepStatus = resolveStatus || status || StepStatus.process;\n      }\n    } else if (typeof status === 'object') {\n      const key = step.value;\n      key && status[key] && (stepStatus = status[key]);\n    }\n\n    return stepStatus;\n  }\n\n  return (\n    <Steps\n      current={currentValue}\n      steps={resolveSteps}\n      className={className}\n      status={status}\n      mode={mode}\n      useMobileUI={env.useMobileUI}\n    ></Steps>\n  );\n}\n\nconst StepsWithRemoteConfig = withRemoteConfig({\n  adaptor: data => data.steps || data\n})(\n  class extends React.Component<\n    RemoteOptionsProps & React.ComponentProps<typeof StepsCmpt>\n  > {\n    render() {\n      const {config, deferLoad, loading, updateConfig, ...rest} = this.props;\n      return <StepsCmpt config={config} {...rest} />;\n    }\n  }\n);\n\n@Renderer({\n  type: 'steps'\n})\nexport class StepsRenderer extends React.Component<StepsProps> {\n  render() {\n    return <StepsWithRemoteConfig {...this.props} />;\n  }\n}\n"
+        "import React from 'react';\nimport {Renderer, RendererProps} from '../factory';\nimport {BaseSchema, SchemaCollection} from '../Schema';\nimport Steps, {StepStatus} from '../components/Steps';\nimport {\n  RemoteOptionsProps,\n  withRemoteConfig\n} from '../components/WithRemoteConfig';\nimport {resolveVariable} from '../utils/tpl-builtin';\nimport {filter} from '../utils/tpl';\nimport {getPropValue} from '../utils/helper';\n\nexport type StepSchema = {\n  /**\n   * 标题\n   */\n  title: string | SchemaCollection;\n\n  /**\n   * 子标题\n   */\n  subTitle?: string | SchemaCollection;\n\n  /**\n   * 图标\n   */\n  icon?: string;\n\n  value?: string | number;\n\n  /**\n   * 描述\n   */\n  description?: string | SchemaCollection;\n} & Omit<BaseSchema, 'type'>;\n\nexport interface StepsSchema extends BaseSchema {\n  /**\n   * 指定为 Steps 步骤条渲染器\n   */\n  type: 'steps';\n\n  /**\n   * 步骤\n   */\n  steps?: Array<StepSchema>;\n\n  /**\n   * API 或 数据映射\n   */\n  source?: string;\n\n  /**\n   * 指定当前步骤\n   */\n  value?: number | string;\n\n  /**\n   * 变量映射\n   */\n  name?: string;\n\n  status?:\n    | StepStatus\n    | {\n        [propName: string]: StepStatus;\n      };\n\n  /**\n   * 展示模式\n   */\n  mode?: 'horizontal' | 'vertical';\n}\n\nexport interface StepsProps\n  extends RendererProps,\n    Omit<StepsSchema, 'className'> {}\n\nexport function StepsCmpt(props: StepsProps) {\n  const {\n    className,\n    steps,\n    status,\n    mode,\n    data,\n    source,\n    config,\n    render,\n    useMobileUI\n  } = props;\n\n  const stepsRow =\n    (resolveVariable(source, data) as Array<StepSchema>) ||\n    config ||\n    steps ||\n    [];\n  const resolveRender = (val?: string | SchemaCollection) =>\n    typeof val === 'string' ? filter(val, data) : val && render('inner', val);\n  const value = getPropValue(props) ?? 0;\n  const resolveValue =\n    typeof value === 'string' && isNaN(+value)\n      ? +(resolveVariable(value, data) as string) || +value\n      : +value;\n  const valueIndex = stepsRow.findIndex(\n    item => item.value && item.value === resolveValue\n  );\n  const currentValue = valueIndex !== -1 ? valueIndex : resolveValue;\n  const resolveSteps = stepsRow.map((step, i) => {\n    const stepStatus = getStepStatus(step, i);\n    return {\n      ...step,\n      status: stepStatus,\n      title: resolveRender(step.title),\n      subTitle: resolveRender(step.subTitle),\n      description: resolveRender(step.description)\n    };\n  });\n\n  function getStepStatus(step: StepSchema, i: number): StepStatus {\n    let stepStatus;\n\n    if (typeof status === 'string') {\n      if (i === currentValue) {\n        const resolveStatus = resolveVariable(status, data);\n        stepStatus = resolveStatus || status || StepStatus.process;\n      }\n    } else if (typeof status === 'object') {\n      const key = step.value;\n      key && status[key] && (stepStatus = status[key]);\n    }\n\n    return stepStatus;\n  }\n\n  return (\n    <Steps\n      current={currentValue}\n      steps={resolveSteps}\n      className={className}\n      status={status}\n      mode={mode}\n      useMobileUI={useMobileUI}\n    ></Steps>\n  );\n}\n\nconst StepsWithRemoteConfig = withRemoteConfig({\n  adaptor: data => data.steps || data\n})(\n  class extends React.Component<\n    RemoteOptionsProps & React.ComponentProps<typeof StepsCmpt>\n  > {\n    render() {\n      const {config, deferLoad, loading, updateConfig, ...rest} = this.props;\n      return <StepsCmpt config={config} {...rest} />;\n    }\n  }\n);\n\n@Renderer({\n  type: 'steps'\n})\nexport class StepsRenderer extends React.Component<StepsProps> {\n  render() {\n    return <StepsWithRemoteConfig {...this.props} />;\n  }\n}\n"
     ]
 }

package/lib/renderers/Table/index.js

@@ -551,6 +551,7 @@ var Table = /** @class */ (function (_super) {
             group: 'table',
             animation: 150,
             handle: "." + ns + "Table-dragCell",
+            filter: "." + ns + "Table-dragCell.is-dragDisabled",
             ghostClass: 'is-dragging',
             onEnd: function (e) {
                 // 没有移动
@@ -943,7 +944,9 @@ var Table = /** @class */ (function (_super) {
                 react_1.default.createElement(Checkbox_1.default, { classPrefix: ns, type: multiple ? 'checkbox' : 'radio', checked: item.checked, disabled: item.checkdisable, onChange: checkOnItemClick ? helper_1.noop : this.handleCheck.bind(this, item) })));
         }
         else if (column.type === '__dragme') {
-            return (react_1.default.createElement("td", { key: props.key, className: cx(column.pristine.className) }, item.draggable ? react_1.default.createElement(icons_1.Icon, { icon: "drag-bar", className: "icon" }) : null));
+            return (react_1.default.createElement("td", { key: props.key, className: cx(column.pristine.className, {
+                    'is-dragDisabled': !item.draggable
+                }) }, item.draggable ? react_1.default.createElement(icons_1.Icon, { icon: "drag-bar", className: "icon" }) : null));
         }
         else if (column.type === '__expandme') {
             return (react_1.default.createElement("td", { key: props.key, className: cx(column.pristine.className) },