amis 1.6.2 → 1.6.3

package/lib/renderers/IFrame.js.map

@@ -6,8 +6,8 @@
         "/src/renderers/IFrame.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {Renderer, RendererProps} from '../factory';\nimport {filter} from '../utils/tpl';\nimport {autobind, createObject} from '../utils/helper';\nimport {ScopedContext, IScopedContext} from '../Scoped';\nimport {buildApi, isApiOutdated} from '../utils/api';\nimport {BaseSchema, SchemaUrlPath} from '../Schema';\nimport {ActionSchema} from './Action';\nimport {dataMapping} from '../utils/tpl-builtin';\n\n/**\n * IFrame 渲染器\n * 文档：https://baidu.gitee.io/amis/docs/components/iframe\n */\nexport interface IFrameSchema extends BaseSchema {\n  type: 'iframe';\n\n  /**\n   * 页面地址\n   */\n  src: SchemaUrlPath;\n\n  /**\n   * 事件相应，配置后当 iframe 通过 postMessage 发送事件时，可以触发 AMIS 内部的动作。\n   */\n  events?: {\n    [eventName: string]: ActionSchema;\n  };\n\n  width?: number | string;\n  height?: number | string;\n}\n\nexport interface IFrameProps\n  extends RendererProps,\n    Omit<IFrameSchema, 'type' | 'className'> {}\n\nexport default class IFrame extends React.Component<IFrameProps, object> {\n  IFrameRef: React.RefObject<HTMLIFrameElement> = React.createRef();\n  static propsList: Array<string> = ['src', 'className'];\n  static defaultProps: Partial<IFrameProps> = {\n    className: '',\n    frameBorder: 0\n  };\n\n  state = {\n    width: this.props.width || '100%',\n    height: this.props.height || '100%'\n  };\n\n  componentDidMount() {\n    window.addEventListener('message', this.onMessage);\n  }\n\n  componentDidUpdate(prevProps: IFrameProps) {\n    const data = this.props.data;\n\n    if (data !== prevProps.data) {\n      this.postMessage('update', data);\n    } else if (\n      this.props.width !== prevProps.width ||\n      this.props.height !== prevProps.height\n    ) {\n      this.setState({\n        width: this.props.width || '100%',\n        height: this.props.height || '100%'\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('message', this.onMessage);\n  }\n\n  @autobind\n  onMessage(e: MessageEvent) {\n    const {events, onAction, data} = this.props;\n\n    if (typeof e?.data?.type !== 'string' || !events) {\n      return;\n    }\n\n    const [prefix, type] = e.data.type.split(':');\n\n    if (prefix !== 'amis' || !type) {\n      return;\n    }\n\n    if (type === 'resize' && e.data.data) {\n      this.setState({\n        width: e.data.data.width || '100%',\n        height: e.data.data.height || '100%'\n      });\n    } else {\n      const action = events[type];\n      action && onAction(e, action, createObject(data, e.data.data));\n    }\n  }\n\n  @autobind\n  onLoad() {\n    const {src, data} = this.props;\n    src && this.postMessage('init', data);\n  }\n\n  // 当别的组件通知 iframe reload 的时候执行。\n  @autobind\n  reload(subpath?: any, query?: any) {\n    if (query) {\n      return this.receive(query);\n    }\n\n    const {src, data} = this.props;\n\n    if (src) {\n      (this.IFrameRef.current as HTMLIFrameElement).src = buildApi(\n        src,\n        data\n      ).url;\n    }\n  }\n\n  // 当别的组件把数据发给 iframe 里面的时候执行。\n  @autobind\n  receive(values: object) {\n    const {src, data} = this.props;\n    const newData = createObject(data, values);\n\n    this.postMessage('receive', newData);\n\n    if (isApiOutdated(src, src, data, newData)) {\n      (this.IFrameRef.current as HTMLIFrameElement).src = buildApi(\n        src,\n        newData\n      ).url;\n    }\n  }\n\n  @autobind\n  postMessage(type: string, data: any) {\n    (this.IFrameRef.current as HTMLIFrameElement)?.contentWindow?.postMessage(\n      {\n        type: `amis:${type}`,\n        data\n      },\n      '*'\n    );\n  }\n\n  render() {\n    const {width, height} = this.state;\n    let {className, src, name, frameBorder, data, style} = this.props;\n\n    let tempStyle: any = {};\n\n    width !== void 0 && (tempStyle.width = width);\n    height !== void 0 && (tempStyle.height = height);\n\n    style = {\n      ...tempStyle,\n      ...style\n    };\n\n    const finalSrc = src ? buildApi(src, data).url : undefined;\n\n    if (\n      typeof finalSrc === 'string' &&\n      finalSrc &&\n      !/^(\\.\\/|\\.\\.\\/|\\/|https?\\:\\/\\/|\\/\\/)/.test(finalSrc)\n    ) {\n      return <p>请填写合法的 iframe 地址</p>;\n    }\n\n    return (\n      <iframe\n        name={name}\n        className={className}\n        frameBorder={frameBorder}\n        style={style}\n        ref={this.IFrameRef}\n        onLoad={this.onLoad}\n        src={finalSrc}\n      />\n    );\n  }\n}\n\n@Renderer({\n  type: 'iframe'\n})\nexport class IFrameRenderer extends IFrame {\n  static contextType = ScopedContext;\n\n  constructor(props: IFrameProps, context: IScopedContext) {\n    super(props);\n\n    const scoped = context;\n    scoped.registerComponent(this);\n  }\n\n  componentWillUnmount() {\n    const scoped = this.context as IScopedContext;\n    scoped.unRegisterComponent(this);\n  }\n}\n"
+        "import React from 'react';\nimport {Renderer, RendererProps} from '../factory';\nimport {filter} from '../utils/tpl';\nimport {autobind, createObject} from '../utils/helper';\nimport {ScopedContext, IScopedContext} from '../Scoped';\nimport {buildApi, isApiOutdated} from '../utils/api';\nimport {BaseSchema, SchemaUrlPath} from '../Schema';\nimport {ActionSchema} from './Action';\nimport {dataMapping, resolveVariableAndFilter} from '../utils/tpl-builtin';\n\n/**\n * IFrame 渲染器\n * 文档：https://baidu.gitee.io/amis/docs/components/iframe\n */\nexport interface IFrameSchema extends BaseSchema {\n  type: 'iframe';\n\n  /**\n   * 页面地址\n   */\n  src: SchemaUrlPath;\n\n  /**\n   * 事件相应，配置后当 iframe 通过 postMessage 发送事件时，可以触发 AMIS 内部的动作。\n   */\n  events?: {\n    [eventName: string]: ActionSchema;\n  };\n\n  width?: number | string;\n  height?: number | string;\n}\n\nexport interface IFrameProps\n  extends RendererProps,\n    Omit<IFrameSchema, 'type' | 'className'> {}\n\nexport default class IFrame extends React.Component<IFrameProps, object> {\n  IFrameRef: React.RefObject<HTMLIFrameElement> = React.createRef();\n  static propsList: Array<string> = ['src', 'className'];\n  static defaultProps: Partial<IFrameProps> = {\n    className: '',\n    frameBorder: 0\n  };\n\n  state = {\n    width: this.props.width || '100%',\n    height: this.props.height || '100%'\n  };\n\n  componentDidMount() {\n    window.addEventListener('message', this.onMessage);\n  }\n\n  componentDidUpdate(prevProps: IFrameProps) {\n    const data = this.props.data;\n\n    if (data !== prevProps.data) {\n      this.postMessage('update', data);\n    } else if (\n      this.props.width !== prevProps.width ||\n      this.props.height !== prevProps.height\n    ) {\n      this.setState({\n        width: this.props.width || '100%',\n        height: this.props.height || '100%'\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('message', this.onMessage);\n  }\n\n  @autobind\n  onMessage(e: MessageEvent) {\n    const {events, onAction, data} = this.props;\n\n    if (typeof e?.data?.type !== 'string' || !events) {\n      return;\n    }\n\n    const [prefix, type] = e.data.type.split(':');\n\n    if (prefix !== 'amis' || !type) {\n      return;\n    }\n\n    if (type === 'resize' && e.data.data) {\n      this.setState({\n        width: e.data.data.width || '100%',\n        height: e.data.data.height || '100%'\n      });\n    } else {\n      const action = events[type];\n      action && onAction(e, action, createObject(data, e.data.data));\n    }\n  }\n\n  @autobind\n  onLoad() {\n    const {src, data} = this.props;\n    src && this.postMessage('init', data);\n  }\n\n  // 当别的组件通知 iframe reload 的时候执行。\n  @autobind\n  reload(subpath?: any, query?: any) {\n    if (query) {\n      return this.receive(query);\n    }\n\n    const {src, data} = this.props;\n\n    if (src) {\n      (this.IFrameRef.current as HTMLIFrameElement).src =\n        resolveVariableAndFilter(src, data, '| raw');\n    }\n  }\n\n  // 当别的组件把数据发给 iframe 里面的时候执行。\n  @autobind\n  receive(values: object) {\n    const {src, data} = this.props;\n    const newData = createObject(data, values);\n\n    this.postMessage('receive', newData);\n\n    if (isApiOutdated(src, src, data, newData)) {\n      (this.IFrameRef.current as HTMLIFrameElement).src =\n        resolveVariableAndFilter(src, newData, '| raw');\n    }\n  }\n\n  @autobind\n  postMessage(type: string, data: any) {\n    (this.IFrameRef.current as HTMLIFrameElement)?.contentWindow?.postMessage(\n      {\n        type: `amis:${type}`,\n        data\n      },\n      '*'\n    );\n  }\n\n  render() {\n    const {width, height} = this.state;\n    let {className, src, name, frameBorder, data, style} = this.props;\n\n    let tempStyle: any = {};\n\n    width !== void 0 && (tempStyle.width = width);\n    height !== void 0 && (tempStyle.height = height);\n\n    style = {\n      ...tempStyle,\n      ...style\n    };\n\n    const finalSrc = src\n      ? resolveVariableAndFilter(src, data, '| raw')\n      : undefined;\n\n    if (\n      typeof finalSrc === 'string' &&\n      finalSrc &&\n      !/^(\\.\\/|\\.\\.\\/|\\/|https?\\:\\/\\/|\\/\\/)/.test(finalSrc)\n    ) {\n      return <p>请填写合法的 iframe 地址</p>;\n    }\n\n    return (\n      <iframe\n        name={name}\n        className={className}\n        frameBorder={frameBorder}\n        style={style}\n        ref={this.IFrameRef}\n        onLoad={this.onLoad}\n        src={finalSrc}\n      />\n    );\n  }\n}\n\n@Renderer({\n  type: 'iframe'\n})\nexport class IFrameRenderer extends IFrame {\n  static contextType = ScopedContext;\n\n  constructor(props: IFrameProps, context: IScopedContext) {\n    super(props);\n\n    const scoped = context;\n    scoped.registerComponent(this);\n  }\n\n  componentWillUnmount() {\n    const scoped = this.context as IScopedContext;\n    scoped.unRegisterComponent(this);\n  }\n}\n"
     ]
 }

package/lib/renderers/Tpl.js

@@ -51,7 +51,7 @@ var Tpl = /** @class */ (function (_super) {
         if (!this.dom) {
             return;
         }
-        this.dom.firstChild.innerHTML = this.getContent();
+        this.dom.firstChild.innerHTML = this.props.env.filterHtml(this.getContent());
     };
     Tpl.prototype.render = function () {
         var _a = this.props, className = _a.className, wrapperComponent = _a.wrapperComponent, inline = _a.inline, cx = _a.classnames, style = _a.style;

package/lib/renderers/Tpl.js.map

@@ -6,8 +6,8 @@
         "/src/renderers/Tpl.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {Renderer, RendererProps} from '../factory';\nimport {filter} from '../utils/tpl';\nimport cx from 'classnames';\nimport {anyChanged, getPropValue} from '../utils/helper';\nimport {escapeHtml} from '../utils/tpl-builtin';\nimport {BaseSchema, SchemaTpl} from '../Schema';\nimport {BadgeSchema, withBadge} from '../components/Badge';\n\n/**\n * tpl 渲染器\n */\nexport interface TplSchema extends BaseSchema {\n  /**\n   * 指定为模板渲染器。\n   *\n   * 文档：https://baidu.gitee.io/amis/docs/concepts/template\n   */\n  type: 'tpl' | 'html';\n\n  tpl?: SchemaTpl;\n  html?: SchemaTpl;\n  text?: SchemaTpl;\n  raw?: string;\n\n  /**\n   * 是否内联显示？\n   */\n  inline?: boolean;\n\n  /**\n   * 自定义样式\n   */\n  style?: {\n    [propName: string]: any;\n  };\n\n  /**\n   * 角标\n   */\n  badge?: BadgeSchema;\n}\n\nexport interface TplProps extends RendererProps, TplSchema {\n  className?: string;\n  value?: string;\n  wrapperComponent?: any;\n  inline?: boolean;\n}\n\nexport class Tpl extends React.Component<TplProps, object> {\n  static defaultProps: Partial<TplProps> = {\n    inline: true,\n    placeholder: ''\n  };\n\n  dom: any;\n\n  constructor(props: TplProps) {\n    super(props);\n    this.htmlRef = this.htmlRef.bind(this);\n  }\n\n  componentDidUpdate(prevProps: TplProps) {\n    if (\n      anyChanged(\n        ['data', 'tpl', 'html', 'text', 'raw', 'value'],\n        this.props,\n        prevProps\n      )\n    ) {\n      this._render();\n    }\n  }\n\n  htmlRef(dom: any) {\n    this.dom = dom;\n    this._render();\n  }\n\n  getContent() {\n    const {tpl, html, text, raw, data, placeholder} = this.props;\n    const value = getPropValue(this.props);\n\n    if (raw) {\n      return raw;\n    } else if (html) {\n      return filter(html, data);\n    } else if (tpl) {\n      return filter(tpl, data);\n    } else if (text) {\n      return escapeHtml(filter(text, data));\n    } else {\n      return value == null || value === ''\n        ? `<span class=\"text-muted\">${placeholder}</span>`\n        : typeof value === 'string'\n        ? value\n        : JSON.stringify(value);\n    }\n  }\n\n  _render() {\n    if (!this.dom) {\n      return;\n    }\n\n    this.dom.firstChild.innerHTML = this.getContent();\n  }\n\n  render() {\n    const {\n      className,\n      wrapperComponent,\n      inline,\n      classnames: cx,\n      style\n    } = this.props;\n    const Component = wrapperComponent || (inline ? 'span' : 'div');\n\n    return (\n      <Component\n        ref={this.htmlRef}\n        className={cx('TplField', className)}\n        style={style}\n      >\n        <span>{this.getContent()}</span>\n      </Component>\n    );\n  }\n}\n\n@Renderer({\n  test: /(^|\\/)(?:tpl|html)$/,\n  name: 'tpl'\n})\n// @ts-ignore 类型没搞定\n@withBadge\nexport class TplRenderer extends Tpl {}\n"
+        "import React from 'react';\nimport {Renderer, RendererProps} from '../factory';\nimport {filter} from '../utils/tpl';\nimport cx from 'classnames';\nimport {anyChanged, getPropValue} from '../utils/helper';\nimport {escapeHtml} from '../utils/tpl-builtin';\nimport {BaseSchema, SchemaTpl} from '../Schema';\nimport {BadgeSchema, withBadge} from '../components/Badge';\n\n/**\n * tpl 渲染器\n */\nexport interface TplSchema extends BaseSchema {\n  /**\n   * 指定为模板渲染器。\n   *\n   * 文档：https://baidu.gitee.io/amis/docs/concepts/template\n   */\n  type: 'tpl' | 'html';\n\n  tpl?: SchemaTpl;\n  html?: SchemaTpl;\n  text?: SchemaTpl;\n  raw?: string;\n\n  /**\n   * 是否内联显示？\n   */\n  inline?: boolean;\n\n  /**\n   * 自定义样式\n   */\n  style?: {\n    [propName: string]: any;\n  };\n\n  /**\n   * 角标\n   */\n  badge?: BadgeSchema;\n}\n\nexport interface TplProps extends RendererProps, TplSchema {\n  className?: string;\n  value?: string;\n  wrapperComponent?: any;\n  inline?: boolean;\n}\n\nexport class Tpl extends React.Component<TplProps, object> {\n  static defaultProps: Partial<TplProps> = {\n    inline: true,\n    placeholder: ''\n  };\n\n  dom: any;\n\n  constructor(props: TplProps) {\n    super(props);\n    this.htmlRef = this.htmlRef.bind(this);\n  }\n\n  componentDidUpdate(prevProps: TplProps) {\n    if (\n      anyChanged(\n        ['data', 'tpl', 'html', 'text', 'raw', 'value'],\n        this.props,\n        prevProps\n      )\n    ) {\n      this._render();\n    }\n  }\n\n  htmlRef(dom: any) {\n    this.dom = dom;\n    this._render();\n  }\n\n  getContent() {\n    const {tpl, html, text, raw, data, placeholder} = this.props;\n    const value = getPropValue(this.props);\n\n    if (raw) {\n      return raw;\n    } else if (html) {\n      return filter(html, data);\n    } else if (tpl) {\n      return filter(tpl, data);\n    } else if (text) {\n      return escapeHtml(filter(text, data));\n    } else {\n      return value == null || value === ''\n        ? `<span class=\"text-muted\">${placeholder}</span>`\n        : typeof value === 'string'\n        ? value\n        : JSON.stringify(value);\n    }\n  }\n\n  _render() {\n    if (!this.dom) {\n      return;\n    }\n\n    this.dom.firstChild.innerHTML = this.props.env.filterHtml(\n      this.getContent()\n    );\n  }\n\n  render() {\n    const {\n      className,\n      wrapperComponent,\n      inline,\n      classnames: cx,\n      style\n    } = this.props;\n    const Component = wrapperComponent || (inline ? 'span' : 'div');\n\n    return (\n      <Component\n        ref={this.htmlRef}\n        className={cx('TplField', className)}\n        style={style}\n      >\n        <span>{this.getContent()}</span>\n      </Component>\n    );\n  }\n}\n\n@Renderer({\n  test: /(^|\\/)(?:tpl|html)$/,\n  name: 'tpl'\n})\n// @ts-ignore 类型没搞定\n@withBadge\nexport class TplRenderer extends Tpl {}\n"
     ]
 }

package/lib/schemaExtend.js

@@ -7,7 +7,7 @@ var helper_1 = require("./utils/helper");
 (0, factory_1.addSchemaFilter)(function (schema, renderer, props) {
     var _a, _b;
     if (schema && schema.type === 'input-kv') {
-        return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, schema), { multiple: true, pipeIn: function (value) {
+        return (0, tslib_1.__assign)((0, tslib_1.__assign)({ draggable: true }, schema), { multiple: true, pipeIn: function (value) {
                 if (!(0, helper_1.isObject)(value)) {
                     return [];
                 }
@@ -38,15 +38,18 @@ var helper_1 = require("./utils/helper");
                 }
                 var obj = {};
                 value.forEach(function (item) {
-                    var key = item.key || '';
-                    var value = item.value;
-                    try {
-                        value = JSON.parse(value);
+                    var _a, _b, _c;
+                    var key = (_a = item.key) !== null && _a !== void 0 ? _a : '';
+                    var value = (_c = (_b = item.value) !== null && _b !== void 0 ? _b : schema.defaultValue) !== null && _c !== void 0 ? _c : '';
+                    if (typeof value === 'string' && value.startsWith('{')) {
+                        try {
+                            value = JSON.parse(value);
+                        }
+                        catch (e) { }
                     }
-                    catch (e) { }
                     // 如果先输入了 a 作为 key，想输入 aa 的时候会先进入这里，导致无法输入 aa，因此当遇到 key 相同的时候加个 ___tmp 后缀
-                    if (key in obj && typeof value === 'undefined') {
-                        obj[key + '___tmp'] = '';
+                    if (key in obj) {
+                        obj[key + '___tmp'] = value;
                     }
                     else {
                         obj[key] = value;

package/lib/schemaExtend.js.map

@@ -6,8 +6,8 @@
         "/src/schemaExtend.ts"
     ],
     "names": [],
-    "mappings": ";;;AAIA,qCAA0C;AAC1C,yCAAwC;AAExC,4BAA4B;AAC5B,IAAA,yBAAe,EAAC,UAAU,MAAc,EAAE,QAAQ,EAAE,KAAW;;IAC7D,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,EAAE;QACxC,uDACK,MAAM,KACT,QAAQ,EAAE,IAAI,EACd,MAAM,EAAE,UAAC,KAAU;gBACjB,IAAI,CAAC,IAAA,iBAAQ,EAAC,KAAK,CAAC,EAAE;oBACpB,OAAO,EAAE,CAAC;iBACX;gBACD,IAAM,GAAG,GAAe,EAAE,CAAC;gBAC3B,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAA,GAAG;oBAC5B,IAAM,SAAS,GAAG,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC;oBACpC,IAAI,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;wBAC1B,GAAG,CAAC,IAAI,CAAC;4BACP,GAAG,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;4BAC9B,KAAK,EAAE,EAAE;yBACV,CAAC,CAAC;qBACJ;yBAAM;wBACL,GAAG,CAAC,IAAI,CAAC;4BACP,GAAG,EAAE,GAAG,IAAI,EAAE;4BACd,KAAK,EACH,SAAS,KAAK,QAAQ;gCACtB,SAAS,KAAK,QAAQ;gCACtB,SAAS,KAAK,SAAS;gCACrB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;gCACZ,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;yBACjC,CAAC,CAAC;qBACJ;gBACH,CAAC,CAAC,CAAC;gBACH,OAAO,GAAG,CAAC;YACb,CAAC,EACD,OAAO,EAAE,UAAC,KAAU;gBAClB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACzB,OAAO,KAAK,CAAC;iBACd;gBACD,IAAM,GAAG,GAAQ,EAAE,CAAC;gBACpB,KAAK,CAAC,OAAO,CAAC,UAAC,IAAS;oBACtB,IAAM,GAAG,GAAW,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC;oBACnC,IAAI,KAAK,GAAQ,IAAI,CAAC,KAAK,CAAC;oBAC5B,IAAI;wBACF,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;qBAC3B;oBAAC,OAAO,CAAC,EAAE,GAAE;oBACd,yEAAyE;oBACzE,IAAI,GAAG,IAAI,GAAG,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE;wBAC9C,GAAG,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC;qBAC1B;yBAAM;wBACL,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;qBAClB;gBACH,CAAC,CAAC,CAAC;gBACH,OAAO,GAAG,CAAC;YACb,CAAC,EACD,KAAK,EAAE;gBACL;oBACE,WAAW,EAAE,MAAA,MAAM,CAAC,cAAc,mCAAI,KAAK;oBAC3C,IAAI,EAAE,YAAY;oBAClB,MAAM,EAAE,IAAI;oBACZ,IAAI,EAAE,KAAK;oBACX,QAAQ,EAAE,IAAI;iBACf;gBACD;oBACE,WAAW,EAAE,MAAA,MAAM,CAAC,gBAAgB,mCAAI,OAAO;oBAC/C,IAAI,EAAE,MAAM,CAAC,SAAS,IAAI,YAAY;oBACtC,IAAI,EAAE,OAAO;iBACd;aACF,IACD;KACH;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC,CAAC",
+    "mappings": ";;;AAIA,qCAA0C;AAC1C,yCAAwC;AAExC,4BAA4B;AAC5B,IAAA,yBAAe,EAAC,UAAU,MAAc,EAAE,QAAQ,EAAE,KAAW;;IAC7D,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,EAAE;QACxC,qDACE,SAAS,EAAE,IAAI,IACZ,MAAM,KACT,QAAQ,EAAE,IAAI,EACd,MAAM,EAAE,UAAC,KAAU;gBACjB,IAAI,CAAC,IAAA,iBAAQ,EAAC,KAAK,CAAC,EAAE;oBACpB,OAAO,EAAE,CAAC;iBACX;gBACD,IAAM,GAAG,GAAe,EAAE,CAAC;gBAC3B,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAA,GAAG;oBAC5B,IAAM,SAAS,GAAG,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC;oBACpC,IAAI,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;wBAC1B,GAAG,CAAC,IAAI,CAAC;4BACP,GAAG,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;4BAC9B,KAAK,EAAE,EAAE;yBACV,CAAC,CAAC;qBACJ;yBAAM;wBACL,GAAG,CAAC,IAAI,CAAC;4BACP,GAAG,EAAE,GAAG,IAAI,EAAE;4BACd,KAAK,EACH,SAAS,KAAK,QAAQ;gCACtB,SAAS,KAAK,QAAQ;gCACtB,SAAS,KAAK,SAAS;gCACrB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;gCACZ,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;yBACjC,CAAC,CAAC;qBACJ;gBACH,CAAC,CAAC,CAAC;gBACH,OAAO,GAAG,CAAC;YACb,CAAC,EACD,OAAO,EAAE,UAAC,KAAU;gBAClB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACzB,OAAO,KAAK,CAAC;iBACd;gBACD,IAAM,GAAG,GAAQ,EAAE,CAAC;gBACpB,KAAK,CAAC,OAAO,CAAC,UAAC,IAAS;;oBACtB,IAAM,GAAG,GAAW,MAAA,IAAI,CAAC,GAAG,mCAAI,EAAE,CAAC;oBACnC,IAAI,KAAK,GAAQ,MAAA,MAAA,IAAI,CAAC,KAAK,mCAAI,MAAM,CAAC,YAAY,mCAAI,EAAE,CAAC;oBACzD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;wBACtD,IAAI;4BACF,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;yBAC3B;wBAAC,OAAO,CAAC,EAAE,GAAE;qBACf;oBAED,yEAAyE;oBACzE,IAAI,GAAG,IAAI,GAAG,EAAE;wBACd,GAAG,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG,KAAK,CAAC;qBAC7B;yBAAM;wBACL,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;qBAClB;gBACH,CAAC,CAAC,CAAC;gBACH,OAAO,GAAG,CAAC;YACb,CAAC,EACD,KAAK,EAAE;gBACL;oBACE,WAAW,EAAE,MAAA,MAAM,CAAC,cAAc,mCAAI,KAAK;oBAC3C,IAAI,EAAE,YAAY;oBAClB,MAAM,EAAE,IAAI;oBACZ,IAAI,EAAE,KAAK;oBACX,QAAQ,EAAE,IAAI;iBACf;gBACD;oBACE,WAAW,EAAE,MAAA,MAAM,CAAC,gBAAgB,mCAAI,OAAO;oBAC/C,IAAI,EAAE,MAAM,CAAC,SAAS,IAAI,YAAY;oBACtC,IAAI,EAAE,OAAO;iBACd;aACF,IACD;KACH;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC,CAAC",
     "sourcesContent": [
-        "/**\n * 扩展 Schema，目前用于实现 input-kv\n */\nimport {Schema} from './types';\nimport {addSchemaFilter} from './factory';\nimport {isObject} from './utils/helper';\n\n// input-kv 实际上是 combo 的一种扩展\naddSchemaFilter(function (schema: Schema, renderer, props?: any) {\n  if (schema && schema.type === 'input-kv') {\n    return {\n      ...schema,\n      multiple: true,\n      pipeIn: (value: any) => {\n        if (!isObject(value)) {\n          return [];\n        }\n        const arr: Array<any> = [];\n        Object.keys(value).forEach(key => {\n          const valueType = typeof value[key];\n          if (key.endsWith('___tmp')) {\n            arr.push({\n              key: key.replace('___tmp', ''),\n              value: ''\n            });\n          } else {\n            arr.push({\n              key: key || '',\n              value:\n                valueType === 'string' ||\n                valueType === 'number' ||\n                valueType === 'boolean'\n                  ? value[key]\n                  : JSON.stringify(value[key])\n            });\n          }\n        });\n        return arr;\n      },\n      pipeOut: (value: any) => {\n        if (!Array.isArray(value)) {\n          return value;\n        }\n        const obj: any = {};\n        value.forEach((item: any) => {\n          const key: string = item.key || '';\n          let value: any = item.value;\n          try {\n            value = JSON.parse(value);\n          } catch (e) {}\n          // 如果先输入了 a 作为 key，想输入 aa 的时候会先进入这里，导致无法输入 aa，因此当遇到 key 相同的时候加个 ___tmp 后缀\n          if (key in obj && typeof value === 'undefined') {\n            obj[key + '___tmp'] = '';\n          } else {\n            obj[key] = value;\n          }\n        });\n        return obj;\n      },\n      items: [\n        {\n          placeholder: schema.keyPlaceholder ?? 'Key',\n          type: 'input-text',\n          unique: true,\n          name: 'key',\n          required: true\n        },\n        {\n          placeholder: schema.valuePlaceholder ?? 'Value',\n          type: schema.valueType || 'input-text',\n          name: 'value'\n        }\n      ]\n    };\n  }\n\n  return schema;\n});\n"
+        "/**\n * 扩展 Schema，目前用于实现 input-kv\n */\nimport {Schema} from './types';\nimport {addSchemaFilter} from './factory';\nimport {isObject} from './utils/helper';\n\n// input-kv 实际上是 combo 的一种扩展\naddSchemaFilter(function (schema: Schema, renderer, props?: any) {\n  if (schema && schema.type === 'input-kv') {\n    return {\n      draggable: true,\n      ...schema,\n      multiple: true,\n      pipeIn: (value: any) => {\n        if (!isObject(value)) {\n          return [];\n        }\n        const arr: Array<any> = [];\n        Object.keys(value).forEach(key => {\n          const valueType = typeof value[key];\n          if (key.endsWith('___tmp')) {\n            arr.push({\n              key: key.replace('___tmp', ''),\n              value: ''\n            });\n          } else {\n            arr.push({\n              key: key || '',\n              value:\n                valueType === 'string' ||\n                valueType === 'number' ||\n                valueType === 'boolean'\n                  ? value[key]\n                  : JSON.stringify(value[key])\n            });\n          }\n        });\n        return arr;\n      },\n      pipeOut: (value: any) => {\n        if (!Array.isArray(value)) {\n          return value;\n        }\n        const obj: any = {};\n        value.forEach((item: any) => {\n          const key: string = item.key ?? '';\n          let value: any = item.value ?? schema.defaultValue ?? '';\n          if (typeof value === 'string' && value.startsWith('{')) {\n            try {\n              value = JSON.parse(value);\n            } catch (e) {}\n          }\n\n          // 如果先输入了 a 作为 key，想输入 aa 的时候会先进入这里，导致无法输入 aa，因此当遇到 key 相同的时候加个 ___tmp 后缀\n          if (key in obj) {\n            obj[key + '___tmp'] = value;\n          } else {\n            obj[key] = value;\n          }\n        });\n        return obj;\n      },\n      items: [\n        {\n          placeholder: schema.keyPlaceholder ?? 'Key',\n          type: 'input-text',\n          unique: true,\n          name: 'key',\n          required: true\n        },\n        {\n          placeholder: schema.valuePlaceholder ?? 'Value',\n          type: schema.valueType || 'input-text',\n          name: 'value'\n        }\n      ]\n    };\n  }\n\n  return schema;\n});\n"
     ]
 }