@next-bricks/vb-experiment 1.3.19 → 1.3.20

package/dist/chunks/app-preview.9d068eec.js.map

@@ -1 +1 @@
-{"version":3,"file":"chunks/app-preview.9d068eec.js","mappings":"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","sources":["webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldGet2.js","webpack:///./src/app-preview/index.tsx","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldInitSpec.js","webpack:///../../node_modules/css-loader/dist/runtime/api.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkPrivateRedeclaration.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/assertClassBrand.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/setFunctionName.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/applyDecs2311.js","webpack:///./src/app-preview/styles.shadow.css","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldSet2.js","webpack:///../../node_modules/css-loader/dist/runtime/noSourceMaps.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkInRHS.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/typeof.js"],"sourcesContent":["import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateFieldGet2(s, a) {\n  return s.get(assertClassBrand(s, a));\n}","import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport { __secret_internals, getBasePath } from \"@next-core/runtime\";\nimport type { BootstrapData, MicroApp, Storyboard } from \"@next-core/types\";\nimport \"@next-core/theme\";\nimport styleText from \"./styles.shadow.css\";\n\nconst { defineElement, property } = createDecorators();\n\nexport interface AppPreviewProps {\n  storyboard?: Storyboard;\n}\n\n/**\n * 构件 `vb-experiment.app-preview`\n */\nexport\n@defineElement(\"vb-experiment.app-preview\", {\n  styleTexts: [styleText],\n})\nclass AppPreview extends ReactNextElement {\n  @property({ attribute: false })\n  accessor storyboard: Storyboard | undefined;\n\n  render() {\n    return <AppPreviewComponent storyboard={this.storyboard} />;\n  }\n}\n\ninterface PreviewWindow extends Window {\n  _preview_only_appPreviewer?: AppPreviewer;\n}\n\ninterface AppPreviewer {\n  setup(data: BootstrapData, url: string): Promise<void>;\n  update(appId: string, storyboard: Partial<Storyboard>): void;\n  reload(): void;\n  push(url: string): void;\n  replace(url: string): void;\n  goBack(): void;\n  goForward(): void;\n}\n\nfunction AppPreviewComponent({ storyboard }: AppPreviewProps) {\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const [appPreviewer, setAppPreviewer] = useState<AppPreviewer | null>(null);\n\n  const handleIframeLoad = useCallback(() => {\n    const check = () => {\n      const previewer = (iframeRef.current?.contentWindow as PreviewWindow)\n        ?._preview_only_appPreviewer;\n      if (previewer) {\n        setAppPreviewer(previewer);\n      } else {\n        setTimeout(check, 100);\n      }\n    };\n    check();\n  }, []);\n\n  const setupRef = useRef<Promise<void> | null>(null);\n\n  useEffect(() => {\n    if (!appPreviewer || !storyboard) {\n      return;\n    }\n\n    const app = {\n      id: \"lab-app-preview\",\n      name: \"Lab: App Preview\",\n      homepage: \"/lab-app-preview\",\n      standaloneMode: true,\n      noPlaceholders: true,\n    } as MicroApp;\n\n    if (setupRef.current) {\n      let ignore = false;\n      setupRef.current.then(() => {\n        if (ignore) {\n          return;\n        }\n        appPreviewer.update(app.id, { ...storyboard, app });\n        appPreviewer.reload();\n      });\n      return () => {\n        ignore = true;\n      };\n    } else {\n      setupRef.current = appPreviewer.setup(\n        {\n          brickPackages: (__secret_internals as any).getBrickPackages(),\n          storyboards: [\n            {\n              ...storyboard,\n              app,\n            },\n          ],\n        },\n        app.homepage\n      );\n    }\n  }, [appPreviewer, storyboard]);\n\n  return (\n    <div className=\"container\">\n      <iframe\n        ref={iframeRef}\n        src={`${getBasePath()}lab/?_experimental_app_preview_=1`}\n        loading=\"lazy\"\n        onLoad={handleIframeLoad}\n      />\n    </div>\n  );\n}\n","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateFieldInitSpec(obj, privateMap, value) {\n  checkPrivateRedeclaration(obj, privateMap);\n  privateMap.set(obj, value);\n}","\"use strict\";\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n  var list = [];\n\n  // return the list of modules as css string\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = \"\";\n      var needLayer = typeof item[5] !== \"undefined\";\n      if (item[4]) {\n        content += \"@supports (\".concat(item[4], \") {\");\n      }\n      if (item[2]) {\n        content += \"@media \".concat(item[2], \" {\");\n      }\n      if (needLayer) {\n        content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n      }\n      content += cssWithMappingToString(item);\n      if (needLayer) {\n        content += \"}\";\n      }\n      if (item[2]) {\n        content += \"}\";\n      }\n      if (item[4]) {\n        content += \"}\";\n      }\n      return content;\n    }).join(\"\");\n  };\n\n  // import a list of modules into the list\n  list.i = function i(modules, media, dedupe, supports, layer) {\n    if (typeof modules === \"string\") {\n      modules = [[null, modules, undefined]];\n    }\n    var alreadyImportedModules = {};\n    if (dedupe) {\n      for (var k = 0; k < this.length; k++) {\n        var id = this[k][0];\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n    for (var _k = 0; _k < modules.length; _k++) {\n      var item = [].concat(modules[_k]);\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        continue;\n      }\n      if (typeof layer !== \"undefined\") {\n        if (typeof item[5] === \"undefined\") {\n          item[5] = layer;\n        } else {\n          item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n          item[5] = layer;\n        }\n      }\n      if (media) {\n        if (!item[2]) {\n          item[2] = media;\n        } else {\n          item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n          item[2] = media;\n        }\n      }\n      if (supports) {\n        if (!item[4]) {\n          item[4] = \"\".concat(supports);\n        } else {\n          item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n          item[4] = supports;\n        }\n      }\n      list.push(item);\n    }\n  };\n  return list;\n};","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == _typeof(i) ? i : i + \"\";\n}","import _typeof from \"./typeof.js\";\nexport default function toPrimitive(t, r) {\n  if (\"object\" != _typeof(t) || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != _typeof(i)) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}","export default function _checkPrivateRedeclaration(obj, privateCollection) {\n  if (privateCollection.has(obj)) {\n    throw new TypeError(\"Cannot initialize the same private elements twice on an object\");\n  }\n}","export default function _assertClassBrand(e, t, n) {\n  if (\"function\" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;\n  throw new TypeError(\"Private element is not present on this object\");\n}","import _typeof from \"./typeof.js\";\nexport default function setFunctionName(e, t, n) {\n  \"symbol\" == _typeof(t) && (t = (t = t.description) ? \"[\" + t + \"]\" : \"\");\n  try {\n    Object.defineProperty(e, \"name\", {\n      configurable: !0,\n      value: n ? n + \" \" + t : t\n    });\n  } catch (e) {}\n  return e;\n}","import _typeof from \"./typeof.js\";\nimport checkInRHS from \"./checkInRHS.js\";\nimport setFunctionName from \"./setFunctionName.js\";\nimport toPropertyKey from \"./toPropertyKey.js\";\nexport default function applyDecs2311(e, t, n, r, o, i) {\n  var a,\n    c,\n    u,\n    s,\n    f,\n    l,\n    p,\n    d = Symbol.metadata || Symbol[\"for\"](\"Symbol.metadata\"),\n    m = Object.defineProperty,\n    h = Object.create,\n    y = [h(null), h(null)],\n    v = t.length;\n  function g(t, n, r) {\n    return function (o, i) {\n      n && (i = o, o = e);\n      for (var a = 0; a < t.length; a++) i = t[a].apply(o, r ? [i] : []);\n      return r ? i : o;\n    };\n  }\n  function b(e, t, n, r) {\n    if (\"function\" != typeof e && (r || void 0 !== e)) throw new TypeError(t + \" must \" + (n || \"be\") + \" a function\" + (r ? \"\" : \" or undefined\"));\n    return e;\n  }\n  function applyDec(e, t, n, r, o, i, u, s, f, l, p) {\n    function d(e) {\n      if (!p(e)) throw new TypeError(\"Attempted to access private element on non-instance\");\n    }\n    var h = [].concat(t[0]),\n      v = t[3],\n      w = !u,\n      D = 1 === o,\n      S = 3 === o,\n      j = 4 === o,\n      E = 2 === o;\n    function I(t, n, r) {\n      return function (o, i) {\n        return n && (i = o, o = e), r && r(o), P[t].call(o, i);\n      };\n    }\n    if (!w) {\n      var P = {},\n        k = [],\n        F = S ? \"get\" : j || D ? \"set\" : \"value\";\n      if (f ? (l || D ? P = {\n        get: setFunctionName(function () {\n          return v(this);\n        }, r, \"get\"),\n        set: function set(e) {\n          t[4](this, e);\n        }\n      } : P[F] = v, l || setFunctionName(P[F], r, E ? \"\" : F)) : l || (P = Object.getOwnPropertyDescriptor(e, r)), !l && !f) {\n        if ((c = y[+s][r]) && 7 != (c ^ o)) throw Error(\"Decorating two elements with the same name (\" + P[F].name + \") is not supported yet\");\n        y[+s][r] = o < 3 ? 1 : o;\n      }\n    }\n    for (var N = e, O = h.length - 1; O >= 0; O -= n ? 2 : 1) {\n      var z = b(h[O], \"A decorator\", \"be\", !0),\n        A = n ? h[O - 1] : void 0,\n        H = {},\n        K = {\n          kind: [\"field\", \"accessor\", \"method\", \"getter\", \"setter\", \"class\"][o],\n          name: r,\n          metadata: a,\n          addInitializer: function (e, t) {\n            if (e.v) throw Error(\"attempted to call addInitializer after decoration was finished\");\n            b(t, \"An initializer\", \"be\", !0), i.push(t);\n          }.bind(null, H)\n        };\n      if (w) c = z.call(A, N, K), H.v = 1, b(c, \"class decorators\", \"return\") && (N = c);else if (K[\"static\"] = s, K[\"private\"] = f, c = K.access = {\n        has: f ? p.bind() : function (e) {\n          return r in e;\n        }\n      }, j || (c.get = f ? E ? function (e) {\n        return d(e), P.value;\n      } : I(\"get\", 0, d) : function (e) {\n        return e[r];\n      }), E || S || (c.set = f ? I(\"set\", 0, d) : function (e, t) {\n        e[r] = t;\n      }), N = z.call(A, D ? {\n        get: P.get,\n        set: P.set\n      } : P[F], K), H.v = 1, D) {\n        if (\"object\" == _typeof(N) && N) (c = b(N.get, \"accessor.get\")) && (P.get = c), (c = b(N.set, \"accessor.set\")) && (P.set = c), (c = b(N.init, \"accessor.init\")) && k.unshift(c);else if (void 0 !== N) throw new TypeError(\"accessor decorators must return an object with get, set, or init properties or undefined\");\n      } else b(N, (l ? \"field\" : \"method\") + \" decorators\", \"return\") && (l ? k.unshift(N) : P[F] = N);\n    }\n    return o < 2 && u.push(g(k, s, 1), g(i, s, 0)), l || w || (f ? D ? u.splice(-1, 0, I(\"get\", s), I(\"set\", s)) : u.push(E ? P[F] : b.call.bind(P[F])) : m(e, r, P)), N;\n  }\n  function w(e) {\n    return m(e, d, {\n      configurable: !0,\n      enumerable: !0,\n      value: a\n    });\n  }\n  return void 0 !== i && (a = i[d]), a = h(null == a ? null : a), f = [], l = function l(e) {\n    e && f.push(g(e));\n  }, p = function p(t, r) {\n    for (var i = 0; i < n.length; i++) {\n      var a = n[i],\n        c = a[1],\n        l = 7 & c;\n      if ((8 & c) == t && !l == r) {\n        var p = a[2],\n          d = !!a[3],\n          m = 16 & c;\n        applyDec(t ? e : e.prototype, a, m, d ? \"#\" + p : toPropertyKey(p), l, l < 2 ? [] : t ? s = s || [] : u = u || [], f, !!t, d, r, t && d ? function (t) {\n          return checkInRHS(t) === e;\n        } : o);\n      }\n    }\n  }, p(8, 0), p(0, 0), p(8, 1), p(0, 1), l(u), l(s), c = f, v || w(e), {\n    e: c,\n    get c() {\n      var n = [];\n      return v && [w(e = applyDec(e, [t], r, e.name, 5, n)), g(n, 1)];\n    }\n  };\n}","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:block;height:100%}:host([hidden]){display:none}*{box-sizing:border-box}.container,\niframe{width:100%;height:100%;border-radius:4px}iframe{display:block;border:none;margin:0;padding:0;transform-origin:0% 0%;-webkit-user-select:none;user-select:none}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateFieldSet2(s, a, r) {\n  return s.set(assertClassBrand(s, a), r), r;\n}","\"use strict\";\n\nmodule.exports = function (i) {\n  return i[1];\n};","import _typeof from \"./typeof.js\";\nexport default function _checkInRHS(e) {\n  if (Object(e) !== e) throw TypeError(\"right-hand side of 'in' should be an object, got \" + (null !== e ? _typeof(e) : \"null\"));\n  return e;\n}","export default function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}"],"names":["_classPrivateFieldGet2","s","a","get","defineElement","property","createDecorators","_AppPreview","_A","WeakMap","AppPreview","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","_init_storyboard","_init_extra_storyboard","storyboard","_classPrivateFieldGet","v","_classPrivateFieldSet","render","React","AppPreviewComponent","this","_ref","iframeRef","useRef","appPreviewer","setAppPreviewer","useState","handleIframeLoad","useCallback","check","_iframeRef$current","previewer","current","contentWindow","_preview_only_appPreviewer","setTimeout","setupRef","useEffect","app","id","name","homepage","standaloneMode","noPlaceholders","ignore","then","update","reload","setup","brickPackages","__secret_internals","getBrickPackages","storyboards","className","ref","src","getBasePath","loading","onLoad","_AppPreview2","e","c","_initClass","_applyDecs","styleTexts","styleText","attribute","obj","privateMap","value","set","module","exports","cssWithMappingToString","list","toString","map","item","content","needLayer","concat","length","join","i","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","_k","push","toPropertyKey","t","Symbol","toPrimitive","call","r","TypeError","String","_checkPrivateRedeclaration","privateCollection","has","_assertClassBrand","n","setFunctionName","description","Object","defineProperty","configurable","applyDecs2311","o","u","f","l","p","d","metadata","m","h","create","y","g","apply","b","applyDec","w","D","S","j","E","I","P","F","getOwnPropertyDescriptor","Error","N","O","z","A","H","K","kind","addInitializer","bind","access","init","unshift","splice","enumerable","prototype","checkInRHS","___CSS_LOADER_EXPORT___","_classPrivateFieldSet2","_checkInRHS","_typeof","iterator"],"sourceRoot":""}
+{"version":3,"file":"chunks/app-preview.9d068eec.js","mappings":"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","sources":["webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldGet2.js","webpack:///./src/app-preview/index.tsx","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldInitSpec.js","webpack:///../../node_modules/css-loader/dist/runtime/api.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkPrivateRedeclaration.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/assertClassBrand.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/setFunctionName.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/applyDecs2311.js","webpack:///./src/app-preview/styles.shadow.css","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldSet2.js","webpack:///../../node_modules/css-loader/dist/runtime/noSourceMaps.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkInRHS.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/typeof.js"],"sourcesContent":["import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateFieldGet2(s, a) {\n  return s.get(assertClassBrand(s, a));\n}","import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport { __secret_internals, getBasePath } from \"@next-core/runtime\";\nimport type { BootstrapData, MicroApp, Storyboard } from \"@next-core/types\";\nimport \"@next-core/theme\";\nimport styleText from \"./styles.shadow.css\";\n\nconst { defineElement, property } = createDecorators();\n\nexport interface AppPreviewProps {\n  storyboard?: Storyboard;\n}\n\n/**\n * 在 iframe 中实时预览 Storyboard 的 App 预览构件，通过内置的 AppPreviewer 接口渲染页面\n */\nexport\n@defineElement(\"vb-experiment.app-preview\", {\n  styleTexts: [styleText],\n})\nclass AppPreview extends ReactNextElement {\n  /**\n   * 要预览的 Storyboard 配置，更新后会自动触发 iframe 内容刷新\n   */\n  @property({ attribute: false })\n  accessor storyboard: Storyboard | undefined;\n\n  render() {\n    return <AppPreviewComponent storyboard={this.storyboard} />;\n  }\n}\n\ninterface PreviewWindow extends Window {\n  _preview_only_appPreviewer?: AppPreviewer;\n}\n\ninterface AppPreviewer {\n  setup(data: BootstrapData, url: string): Promise<void>;\n  update(appId: string, storyboard: Partial<Storyboard>): void;\n  reload(): void;\n  push(url: string): void;\n  replace(url: string): void;\n  goBack(): void;\n  goForward(): void;\n}\n\nfunction AppPreviewComponent({ storyboard }: AppPreviewProps) {\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const [appPreviewer, setAppPreviewer] = useState<AppPreviewer | null>(null);\n\n  const handleIframeLoad = useCallback(() => {\n    const check = () => {\n      const previewer = (iframeRef.current?.contentWindow as PreviewWindow)\n        ?._preview_only_appPreviewer;\n      if (previewer) {\n        setAppPreviewer(previewer);\n      } else {\n        setTimeout(check, 100);\n      }\n    };\n    check();\n  }, []);\n\n  const setupRef = useRef<Promise<void> | null>(null);\n\n  useEffect(() => {\n    if (!appPreviewer || !storyboard) {\n      return;\n    }\n\n    const app = {\n      id: \"lab-app-preview\",\n      name: \"Lab: App Preview\",\n      homepage: \"/lab-app-preview\",\n      standaloneMode: true,\n      noPlaceholders: true,\n    } as MicroApp;\n\n    if (setupRef.current) {\n      let ignore = false;\n      setupRef.current.then(() => {\n        if (ignore) {\n          return;\n        }\n        appPreviewer.update(app.id, { ...storyboard, app });\n        appPreviewer.reload();\n      });\n      return () => {\n        ignore = true;\n      };\n    } else {\n      setupRef.current = appPreviewer.setup(\n        {\n          brickPackages: (__secret_internals as any).getBrickPackages(),\n          storyboards: [\n            {\n              ...storyboard,\n              app,\n            },\n          ],\n        },\n        app.homepage\n      );\n    }\n  }, [appPreviewer, storyboard]);\n\n  return (\n    <div className=\"container\">\n      <iframe\n        ref={iframeRef}\n        src={`${getBasePath()}lab/?_experimental_app_preview_=1`}\n        loading=\"lazy\"\n        onLoad={handleIframeLoad}\n      />\n    </div>\n  );\n}\n","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateFieldInitSpec(obj, privateMap, value) {\n  checkPrivateRedeclaration(obj, privateMap);\n  privateMap.set(obj, value);\n}","\"use strict\";\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n  var list = [];\n\n  // return the list of modules as css string\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = \"\";\n      var needLayer = typeof item[5] !== \"undefined\";\n      if (item[4]) {\n        content += \"@supports (\".concat(item[4], \") {\");\n      }\n      if (item[2]) {\n        content += \"@media \".concat(item[2], \" {\");\n      }\n      if (needLayer) {\n        content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n      }\n      content += cssWithMappingToString(item);\n      if (needLayer) {\n        content += \"}\";\n      }\n      if (item[2]) {\n        content += \"}\";\n      }\n      if (item[4]) {\n        content += \"}\";\n      }\n      return content;\n    }).join(\"\");\n  };\n\n  // import a list of modules into the list\n  list.i = function i(modules, media, dedupe, supports, layer) {\n    if (typeof modules === \"string\") {\n      modules = [[null, modules, undefined]];\n    }\n    var alreadyImportedModules = {};\n    if (dedupe) {\n      for (var k = 0; k < this.length; k++) {\n        var id = this[k][0];\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n    for (var _k = 0; _k < modules.length; _k++) {\n      var item = [].concat(modules[_k]);\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        continue;\n      }\n      if (typeof layer !== \"undefined\") {\n        if (typeof item[5] === \"undefined\") {\n          item[5] = layer;\n        } else {\n          item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n          item[5] = layer;\n        }\n      }\n      if (media) {\n        if (!item[2]) {\n          item[2] = media;\n        } else {\n          item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n          item[2] = media;\n        }\n      }\n      if (supports) {\n        if (!item[4]) {\n          item[4] = \"\".concat(supports);\n        } else {\n          item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n          item[4] = supports;\n        }\n      }\n      list.push(item);\n    }\n  };\n  return list;\n};","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == _typeof(i) ? i : i + \"\";\n}","import _typeof from \"./typeof.js\";\nexport default function toPrimitive(t, r) {\n  if (\"object\" != _typeof(t) || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != _typeof(i)) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}","export default function _checkPrivateRedeclaration(obj, privateCollection) {\n  if (privateCollection.has(obj)) {\n    throw new TypeError(\"Cannot initialize the same private elements twice on an object\");\n  }\n}","export default function _assertClassBrand(e, t, n) {\n  if (\"function\" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;\n  throw new TypeError(\"Private element is not present on this object\");\n}","import _typeof from \"./typeof.js\";\nexport default function setFunctionName(e, t, n) {\n  \"symbol\" == _typeof(t) && (t = (t = t.description) ? \"[\" + t + \"]\" : \"\");\n  try {\n    Object.defineProperty(e, \"name\", {\n      configurable: !0,\n      value: n ? n + \" \" + t : t\n    });\n  } catch (e) {}\n  return e;\n}","import _typeof from \"./typeof.js\";\nimport checkInRHS from \"./checkInRHS.js\";\nimport setFunctionName from \"./setFunctionName.js\";\nimport toPropertyKey from \"./toPropertyKey.js\";\nexport default function applyDecs2311(e, t, n, r, o, i) {\n  var a,\n    c,\n    u,\n    s,\n    f,\n    l,\n    p,\n    d = Symbol.metadata || Symbol[\"for\"](\"Symbol.metadata\"),\n    m = Object.defineProperty,\n    h = Object.create,\n    y = [h(null), h(null)],\n    v = t.length;\n  function g(t, n, r) {\n    return function (o, i) {\n      n && (i = o, o = e);\n      for (var a = 0; a < t.length; a++) i = t[a].apply(o, r ? [i] : []);\n      return r ? i : o;\n    };\n  }\n  function b(e, t, n, r) {\n    if (\"function\" != typeof e && (r || void 0 !== e)) throw new TypeError(t + \" must \" + (n || \"be\") + \" a function\" + (r ? \"\" : \" or undefined\"));\n    return e;\n  }\n  function applyDec(e, t, n, r, o, i, u, s, f, l, p) {\n    function d(e) {\n      if (!p(e)) throw new TypeError(\"Attempted to access private element on non-instance\");\n    }\n    var h = [].concat(t[0]),\n      v = t[3],\n      w = !u,\n      D = 1 === o,\n      S = 3 === o,\n      j = 4 === o,\n      E = 2 === o;\n    function I(t, n, r) {\n      return function (o, i) {\n        return n && (i = o, o = e), r && r(o), P[t].call(o, i);\n      };\n    }\n    if (!w) {\n      var P = {},\n        k = [],\n        F = S ? \"get\" : j || D ? \"set\" : \"value\";\n      if (f ? (l || D ? P = {\n        get: setFunctionName(function () {\n          return v(this);\n        }, r, \"get\"),\n        set: function set(e) {\n          t[4](this, e);\n        }\n      } : P[F] = v, l || setFunctionName(P[F], r, E ? \"\" : F)) : l || (P = Object.getOwnPropertyDescriptor(e, r)), !l && !f) {\n        if ((c = y[+s][r]) && 7 != (c ^ o)) throw Error(\"Decorating two elements with the same name (\" + P[F].name + \") is not supported yet\");\n        y[+s][r] = o < 3 ? 1 : o;\n      }\n    }\n    for (var N = e, O = h.length - 1; O >= 0; O -= n ? 2 : 1) {\n      var z = b(h[O], \"A decorator\", \"be\", !0),\n        A = n ? h[O - 1] : void 0,\n        H = {},\n        K = {\n          kind: [\"field\", \"accessor\", \"method\", \"getter\", \"setter\", \"class\"][o],\n          name: r,\n          metadata: a,\n          addInitializer: function (e, t) {\n            if (e.v) throw Error(\"attempted to call addInitializer after decoration was finished\");\n            b(t, \"An initializer\", \"be\", !0), i.push(t);\n          }.bind(null, H)\n        };\n      if (w) c = z.call(A, N, K), H.v = 1, b(c, \"class decorators\", \"return\") && (N = c);else if (K[\"static\"] = s, K[\"private\"] = f, c = K.access = {\n        has: f ? p.bind() : function (e) {\n          return r in e;\n        }\n      }, j || (c.get = f ? E ? function (e) {\n        return d(e), P.value;\n      } : I(\"get\", 0, d) : function (e) {\n        return e[r];\n      }), E || S || (c.set = f ? I(\"set\", 0, d) : function (e, t) {\n        e[r] = t;\n      }), N = z.call(A, D ? {\n        get: P.get,\n        set: P.set\n      } : P[F], K), H.v = 1, D) {\n        if (\"object\" == _typeof(N) && N) (c = b(N.get, \"accessor.get\")) && (P.get = c), (c = b(N.set, \"accessor.set\")) && (P.set = c), (c = b(N.init, \"accessor.init\")) && k.unshift(c);else if (void 0 !== N) throw new TypeError(\"accessor decorators must return an object with get, set, or init properties or undefined\");\n      } else b(N, (l ? \"field\" : \"method\") + \" decorators\", \"return\") && (l ? k.unshift(N) : P[F] = N);\n    }\n    return o < 2 && u.push(g(k, s, 1), g(i, s, 0)), l || w || (f ? D ? u.splice(-1, 0, I(\"get\", s), I(\"set\", s)) : u.push(E ? P[F] : b.call.bind(P[F])) : m(e, r, P)), N;\n  }\n  function w(e) {\n    return m(e, d, {\n      configurable: !0,\n      enumerable: !0,\n      value: a\n    });\n  }\n  return void 0 !== i && (a = i[d]), a = h(null == a ? null : a), f = [], l = function l(e) {\n    e && f.push(g(e));\n  }, p = function p(t, r) {\n    for (var i = 0; i < n.length; i++) {\n      var a = n[i],\n        c = a[1],\n        l = 7 & c;\n      if ((8 & c) == t && !l == r) {\n        var p = a[2],\n          d = !!a[3],\n          m = 16 & c;\n        applyDec(t ? e : e.prototype, a, m, d ? \"#\" + p : toPropertyKey(p), l, l < 2 ? [] : t ? s = s || [] : u = u || [], f, !!t, d, r, t && d ? function (t) {\n          return checkInRHS(t) === e;\n        } : o);\n      }\n    }\n  }, p(8, 0), p(0, 0), p(8, 1), p(0, 1), l(u), l(s), c = f, v || w(e), {\n    e: c,\n    get c() {\n      var n = [];\n      return v && [w(e = applyDec(e, [t], r, e.name, 5, n)), g(n, 1)];\n    }\n  };\n}","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:block;height:100%}:host([hidden]){display:none}*{box-sizing:border-box}.container,\niframe{width:100%;height:100%;border-radius:4px}iframe{display:block;border:none;margin:0;padding:0;transform-origin:0% 0%;-webkit-user-select:none;user-select:none}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateFieldSet2(s, a, r) {\n  return s.set(assertClassBrand(s, a), r), r;\n}","\"use strict\";\n\nmodule.exports = function (i) {\n  return i[1];\n};","import _typeof from \"./typeof.js\";\nexport default function _checkInRHS(e) {\n  if (Object(e) !== e) throw TypeError(\"right-hand side of 'in' should be an object, got \" + (null !== e ? _typeof(e) : \"null\"));\n  return e;\n}","export default function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}"],"names":["_classPrivateFieldGet2","s","a","get","defineElement","property","createDecorators","_AppPreview","_A","WeakMap","AppPreview","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","_init_storyboard","_init_extra_storyboard","storyboard","_classPrivateFieldGet","v","_classPrivateFieldSet","render","React","AppPreviewComponent","this","_ref","iframeRef","useRef","appPreviewer","setAppPreviewer","useState","handleIframeLoad","useCallback","check","_iframeRef$current","previewer","current","contentWindow","_preview_only_appPreviewer","setTimeout","setupRef","useEffect","app","id","name","homepage","standaloneMode","noPlaceholders","ignore","then","update","reload","setup","brickPackages","__secret_internals","getBrickPackages","storyboards","className","ref","src","getBasePath","loading","onLoad","_AppPreview2","e","c","_initClass","_applyDecs","styleTexts","styleText","attribute","obj","privateMap","value","set","module","exports","cssWithMappingToString","list","toString","map","item","content","needLayer","concat","length","join","i","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","_k","push","toPropertyKey","t","Symbol","toPrimitive","call","r","TypeError","String","_checkPrivateRedeclaration","privateCollection","has","_assertClassBrand","n","setFunctionName","description","Object","defineProperty","configurable","applyDecs2311","o","u","f","l","p","d","metadata","m","h","create","y","g","apply","b","applyDec","w","D","S","j","E","I","P","F","getOwnPropertyDescriptor","Error","N","O","z","A","H","K","kind","addInitializer","bind","access","init","unshift","splice","enumerable","prototype","checkInRHS","___CSS_LOADER_EXPORT___","_classPrivateFieldSet2","_checkInRHS","_typeof","iterator"],"sourceRoot":""}

package/dist/chunks/tsx-playground.7cc3ac8d.js.map

@@ -1 +1 @@
-{"version":3,"file":"chunks/tsx-playground.7cc3ac8d.js","mappings":"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","sources":["webpack:///./src/tsx-playground/styles.module.css?e933","webpack:///./src/tsx-playground/workers/tsxParser.ts","webpack:///../../node_modules/@next-tsx/converter/dist/esm/modules/convertView.js","webpack:///./src/tsx-playground/index.tsx","webpack:///../../node_modules/@next-tsx/converter/dist/esm/withBox.js","webpack:///./src/tsx-playground/styles.module.css","webpack:///./src/tsx-playground/createPortal.ts"],"sourcesContent":["\n      import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./styles.module.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./styles.module.css\";\n       export default content && content.locals ? content.locals : undefined;\n","// istanbul ignore file\nimport type { ParsedApp, ParseOptions, SourceFile } from \"@next-tsx/parser\";\nimport { wrap } from \"comlink\";\n\nexport interface RemoteTsxParserWorker {\n  parseView(source: string, options?: ParseOptions): Promise<ParsedApp>;\n  parseApp(files: SourceFile[]): Promise<ParsedApp>;\n}\n\nlet remoteWorkerPromise: Promise<RemoteTsxParserWorker> | undefined;\n\nlet worker: Worker | undefined;\n\nexport function getRemoteTsxParserWorker() {\n  if (!remoteWorkerPromise) {\n    remoteWorkerPromise = (async () => {\n      const Remote = wrap<{ new (): RemoteTsxParserWorker }>(getWorker());\n      return await new Remote();\n    })();\n  }\n  return remoteWorkerPromise;\n}\n\nfunction getWorker() {\n  if (!worker) {\n    worker = new Worker(new URL(\"./tsxParser.worker.ts\", import.meta.url));\n  }\n  return worker;\n}\n","import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport _regeneratorRuntime from \"@babel/runtime/helpers/regeneratorRuntime\";\nimport _toConsumableArray from \"@babel/runtime/helpers/toConsumableArray\";\nimport _asyncToGenerator from \"@babel/runtime/helpers/asyncToGenerator\";\nimport convertModule from \"./convertModule.js\";\nimport { getHelperFunctions } from \"../helpers/index.js\";\nimport { getViewTplName } from \"./getTplName.js\";\nimport { withBox } from \"../withBox.js\";\nexport function convertView(_x, _x2) {\n  return _convertView.apply(this, arguments);\n}\nfunction _convertView() {\n  _convertView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(view, options) {\n    var _convertedEntry;\n    var entry, convertedEntry, state, functions, templates, helpers, _ref2, title, bricks, context, needBox;\n    return _regeneratorRuntime().wrap(function (_context2) {\n      while (1) switch (_context2.prev = _context2.next) {\n        case 0:\n          entry = view.entry;\n          if (entry) {\n            _context2.next = 1;\n            break;\n          }\n          throw new Error(\"No entry module found in the view.\");\n        case 1:\n          state = {\n            usedHelpers: new Set(),\n            app: view,\n            convertedModules: new Map()\n          };\n          functions = [];\n          templates = [];\n          _context2.next = 2;\n          return Promise.all(Array.from(view.modules.values()).map(/*#__PURE__*/function () {\n            var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(mod) {\n              var converted, _i, _arr, part, raw, promise, _part, _t;\n              return _regeneratorRuntime().wrap(function (_context) {\n                while (1) switch (_context.prev = _context.next) {\n                  case 0:\n                    if (!mod) {\n                      _context.next = 8;\n                      break;\n                    }\n                    _context.next = 1;\n                    return convertModule(mod, state, options);\n                  case 1:\n                    converted = _context.sent;\n                    if (mod === entry) {\n                      convertedEntry = converted;\n                    }\n                    _i = 0, _arr = [].concat(_toConsumableArray(converted.internals), _toConsumableArray(converted.namedExports.values()), [converted.defaultExport]);\n                  case 2:\n                    if (!(_i < _arr.length)) {\n                      _context.next = 8;\n                      break;\n                    }\n                    part = _arr[_i];\n                    if (part) {\n                      _context.next = 3;\n                      break;\n                    }\n                    return _context.abrupt(\"continue\", 7);\n                  case 3:\n                    raw = part.raw, promise = part.promise;\n                    _t = raw === null || raw === void 0 ? void 0 : raw.type;\n                    _context.next = _t === \"function\" ? 4 : _t === \"template\" ? 5 : 7;\n                    break;\n                  case 4:\n                    functions.push(raw[\"function\"]);\n                    return _context.abrupt(\"continue\", 7);\n                  case 5:\n                    _context.next = 6;\n                    return promise;\n                  case 6:\n                    _part = _context.sent;\n                    templates.push({\n                      name: getViewTplName(_part.name, options.rootId),\n                      bricks: _part.bricks,\n                      state: _part.context\n                    });\n                    return _context.abrupt(\"continue\", 7);\n                  case 7:\n                    _i++;\n                    _context.next = 2;\n                    break;\n                  case 8:\n                  case \"end\":\n                    return _context.stop();\n                }\n              }, _callee);\n            }));\n            return function (_x3) {\n              return _ref.apply(this, arguments);\n            };\n          }()));\n        case 2:\n          if ((_convertedEntry = convertedEntry) !== null && _convertedEntry !== void 0 && _convertedEntry.defaultExport) {\n            _context2.next = 3;\n            break;\n          }\n          throw new Error(\"No view found in the entry module.\");\n        case 3:\n          helpers = Array.from(state.usedHelpers).map(function (name) {\n            var source = getHelperFunctions().get(name);\n            if (!source) {\n              throw new Error(\"Helper function \".concat(name, \" not found\"));\n            }\n            return {\n              name: name,\n              source: source,\n              typescript: true\n            };\n          });\n          _context2.next = 4;\n          return convertedEntry.defaultExport.promise;\n        case 4:\n          _ref2 = _context2.sent;\n          title = _ref2.title;\n          bricks = _ref2.bricks;\n          context = _ref2.context;\n          needBox = function needBox() {\n            return bricks.every(function (brick) {\n              return [\"eo-form\", \"eo-descriptions\", \"eo-button\"].includes(brick.brick);\n            });\n          };\n          return _context2.abrupt(\"return\", {\n            title: title,\n            brick: options.withoutWrapper ? bricks : {\n              brick: \"eo-content-layout\",\n              children: needBox() ? [withBox(bricks, options)] : bricks\n            },\n            context: [].concat(_toConsumableArray(context), _toConsumableArray(options.withContexts ? Object.entries(options.withContexts).map(function (_ref3) {\n              var _ref4 = _slicedToArray(_ref3, 2),\n                name = _ref4[0],\n                value = _ref4[1];\n              return {\n                name: name,\n                value: value\n              };\n            }) : [])),\n            functions: [].concat(functions, _toConsumableArray(helpers)),\n            templates: templates\n          });\n        case 5:\n        case \"end\":\n          return _context2.stop();\n      }\n    }, _callee2);\n  }));\n  return _convertView.apply(this, arguments);\n}\n//# sourceMappingURL=convertView.js.map","import React, {\n  Suspense,\n  useCallback,\n  useDeferredValue,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { httpErrorToString, unstable_createRoot } from \"@next-core/runtime\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport { asyncWrapBrick } from \"@next-core/react-runtime\";\nimport { uniqueId } from \"lodash\";\nimport type {\n  CodeEditor,\n  CodeEditorProps,\n  ExtraLib,\n  ExtraMarker,\n} from \"@next-bricks/vs/code-editor\";\nimport nextTsxDefinition from \"@next-tsx/core/index.d.ts?raw\";\nimport componentsDefinition from \"@next-tsx/converter/lib/components.d.ts?raw\";\nimport { convertView, type ConvertResult } from \"@next-tsx/converter\";\nimport type { ParsedApp, SourceFile } from \"@next-tsx/parser\";\nimport \"@next-core/theme\";\nimport styles from \"./styles.module.css\";\nimport { getRemoteTsxParserWorker } from \"./workers/tsxParser.js\";\nimport { createPortal } from \"./createPortal.js\";\n\ninterface CodeEditorEvents {\n  \"code.change\": CustomEvent<string>;\n}\n\ninterface CodeEditorMapEvents {\n  onCodeChange: \"code.change\";\n}\n\nconst AsyncWrappedCodeEditor = React.lazy(async () => ({\n  default: await asyncWrapBrick<\n    CodeEditor,\n    CodeEditorProps,\n    CodeEditorEvents,\n    CodeEditorMapEvents\n  >(\"vs.code-editor\", {\n    onCodeChange: \"code.change\",\n  }),\n}));\n\nconst BUILTIN_LIBS: ExtraLib[] = [\n  {\n    filePath: \"/node_modules/next-tsx/components.d.ts\",\n    content: componentsDefinition.replaceAll(\"export interface\", \"interface\"),\n  },\n  {\n    filePath: \"/node_modules/next-tsx/package.json\",\n    content: JSON.stringify({\n      name: \"next-tsx\",\n      types: \"./index.d.ts\",\n    }),\n  },\n  {\n    filePath: \"/node_modules/next-tsx/index.d.ts\",\n    content: nextTsxDefinition,\n  },\n];\n\nconst { defineElement, property, event } = createDecorators();\n\nexport interface TsxPlaygroundProps {\n  source?: string;\n  extraLibs?: ExtraLib[];\n  viewLibs?: SourceFile[];\n  withoutWrapper?: boolean;\n  allowAnyBricks?: boolean;\n}\n\n/**\n * 构件 `vb-experiment.tsx-playground`\n */\nexport\n@defineElement(\"vb-experiment.tsx-playground\", {\n  // Monaco editor does not work well with shadow DOM\n  shadowOptions: false,\n})\nclass TsxPlayground extends ReactNextElement implements TsxPlaygroundProps {\n  /** 仅初始有效 */\n  @property({ attribute: false })\n  accessor source: string | undefined;\n\n  @property({ attribute: false })\n  accessor extraLibs: ExtraLib[] | undefined;\n\n  @property({ attribute: false })\n  accessor viewLibs: SourceFile[] | undefined;\n\n  @property({ type: Boolean })\n  accessor withoutWrapper: boolean | undefined;\n\n  @property({ type: Boolean })\n  accessor allowAnyBricks: boolean | undefined;\n\n  @event({ type: \"change\" })\n  accessor #change!: EventEmitter<string>;\n\n  #handleChange = (value: string) => {\n    this.#change?.emit(value);\n  };\n\n  render() {\n    return (\n      <TsxPlaygroundComponent\n        source={this.source}\n        extraLibs={this.extraLibs}\n        viewLibs={this.viewLibs}\n        withoutWrapper={this.withoutWrapper}\n        allowAnyBricks={this.allowAnyBricks}\n        onChange={this.#handleChange}\n      />\n    );\n  }\n}\n\ninterface TsxPlaygroundComponentProps extends TsxPlaygroundProps {\n  onChange: (value: string) => void;\n}\n\nfunction convertSeverity(\n  severity: \"notice\" | \"warning\" | \"error\" | \"fatal\"\n): \"Hint\" | \"Info\" | \"Warning\" | \"Error\" {\n  switch (severity) {\n    case \"notice\":\n      return \"Hint\";\n    case \"warning\":\n      return \"Warning\";\n    case \"error\":\n      return \"Error\";\n    case \"fatal\":\n      return \"Error\";\n  }\n  return severity;\n}\n\nfunction TsxPlaygroundComponent({\n  source,\n  extraLibs,\n  withoutWrapper,\n  allowAnyBricks,\n  viewLibs,\n  onChange,\n}: TsxPlaygroundComponentProps) {\n  const [code, setCode] = useState(source ?? \"\");\n  const deferredCode = useDeferredValue(code);\n  const [markers, setMarkers] = useState<ExtraMarker[] | undefined>();\n  const [view, setView] = useState<ParsedApp | undefined>();\n\n  const allLibs = useMemo(\n    () => [...BUILTIN_LIBS, ...(extraLibs ?? []), ...(viewLibs ?? [])],\n    [extraLibs, viewLibs]\n  );\n\n  const handleCodeChange = useCallback(\n    (e: CustomEvent<string>) => {\n      setCode(e.detail);\n      onChange(e.detail);\n    },\n    [onChange]\n  );\n  useEffect(() => {\n    let ignore = false;\n    (async function run() {\n      const worker = await getRemoteTsxParserWorker();\n      if (ignore) {\n        return;\n      }\n      const result = await worker.parseView(deferredCode, { libs: viewLibs });\n      if (ignore) {\n        return;\n      }\n      setView(result);\n      const withNodeErrors = result.errors.filter((err) => !!err.node);\n      if (withNodeErrors.length > 0) {\n        setMarkers(\n          withNodeErrors.map((error) => ({\n            message: error.message,\n            severity: convertSeverity(error.severity),\n            startLineNumber: error.node!.loc!.start.line,\n            startColumn: error.node!.loc!.start.column + 1,\n            endLineNumber: error.node!.loc!.end.line,\n            endColumn: error.node!.loc!.end.column + 1,\n          }))\n        );\n      } else {\n        setMarkers(undefined);\n      }\n      if (ignore) {\n        return;\n      }\n    })();\n    return () => {\n      ignore = true;\n    };\n  }, [deferredCode]);\n\n  const rootId = useMemo(() => uniqueId(), []);\n  const ref = useRef<HTMLDivElement>(null);\n  const rootRef = useRef<Awaited<\n    ReturnType<typeof unstable_createRoot>\n  > | null>(null);\n\n  useEffect(() => {\n    const container = ref.current;\n    if (!container) {\n      return;\n    }\n    const portal = createPortal(rootId);\n    const root = unstable_createRoot(container, {\n      portal,\n      supportsUseChildren: true,\n    } as any);\n    rootRef.current = root;\n\n    return () => {\n      root.unmount();\n      portal.remove();\n      rootRef.current = null;\n    };\n  }, [rootId]);\n\n  // const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    let ignore = false;\n    (async () => {\n      if (!view) {\n        return;\n      }\n      // setLoading(true);\n      let convertedView: ConvertResult | undefined;\n      try {\n        convertedView = await convertView(view, {\n          rootId,\n          expanded: true,\n          withoutWrapper,\n          allowAnyBricks,\n        });\n        if (ignore) {\n          return;\n        }\n        const { brick, context, functions, templates } = convertedView ?? {};\n        await rootRef.current?.render(brick ?? [], {\n          context,\n          functions,\n          templates,\n        });\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(\"Failed to render view:\", error);\n        rootRef.current?.render({\n          brick: customElements.get(\"easyops-default-error\")\n            ? \"easyops-default-error\"\n            : \"div\",\n          properties: {\n            errorTitle: \"解析失败\",\n            dataset: {\n              errorBoundary: \"\",\n            },\n            style: {\n              color: \"var(--color-error)\",\n            },\n          },\n          children: [\n            {\n              brick: \"div\",\n              properties: {\n                textContent: httpErrorToString(error),\n              },\n            },\n          ],\n        });\n      }\n      // if (!ignore) {\n      //   setLoading(false);\n      // }\n    })();\n\n    return () => {\n      ignore = true;\n    };\n  }, [rootId, view, withoutWrapper, allowAnyBricks]);\n\n  return (\n    <div className={styles.container}>\n      <div className={styles.editor}>\n        <Suspense fallback=\"Loading...\">\n          <AsyncWrappedCodeEditor\n            value={source}\n            onCodeChange={handleCodeChange}\n            language=\"typescript\"\n            uri=\"file:///View.tsx\"\n            automaticLayout=\"fit-container\"\n            theme=\"tm-vs-dark\"\n            extraLibs={allLibs}\n            extraMarkers={markers}\n            data-override-theme=\"dark-v2\"\n          />\n        </Suspense>\n      </div>\n      <div className={styles.preview}>\n        <div data-root-id={rootId} ref={ref} />\n      </div>\n    </div>\n  );\n}\n","export function withBox(children, options) {\n  return {\n    brick: \"div\",\n    properties: {\n      style: options.expanded ? {\n        background: \"rgba(255, 255, 255, 0.9)\",\n        backdropFilter: \"blur(10px)\",\n        borderRadius: \"16px\",\n        padding: \"24px\"\n      } : {\n        background: \"var(--elevo-component-background)\",\n        backdropFilter: \"var(--elevo-component-backdrop-filter)\",\n        borderRadius: \"var(--elevo-border-radius)\",\n        padding: \"16px\"\n      }\n    },\n    children: children\n  };\n}\n//# sourceMappingURL=withBox.js.map","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.container--M22i1CYq{display:flex;height:100%}.editor--kF8SUoBP,\n.preview--gu5OlS2X{flex:1;min-width:0}.preview--gu5OlS2X{padding:1em;overflow:auto}`, \"\"]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"container\": `container--M22i1CYq`,\n\t\"editor\": `editor--kF8SUoBP`,\n\t\"preview\": `preview--gu5OlS2X`\n};\nexport default ___CSS_LOADER_EXPORT___;\n","export function createPortal(rootId: string) {\n  const portal = document.createElement(\"div\");\n  portal.dataset.rootId = rootId;\n  portal.style.position = \"absolute\";\n  portal.style.width = portal.style.height = \"0\";\n  document.body.append(portal);\n  return portal;\n}\n"],"names":["options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals","undefined","remoteWorkerPromise","worker","getRemoteTsxParserWorker","Remote","wrap","Worker","URL","convertView","_x","_x2","_convertView","apply","this","arguments","mark","_callee2","view","_convertedEntry","entry","convertedEntry","state","functions","templates","helpers","_ref2","title","bricks","context","needBox","_context2","prev","next","Error","usedHelpers","Set","app","convertedModules","Map","Promise","all","Array","from","modules","values","map","_ref","_callee","mod","converted","_i","_arr","part","raw","promise","_part","_t","_context","sent","concat","internals","namedExports","defaultExport","length","abrupt","type","push","name","rootId","stop","_x3","source","get","typescript","every","brick","includes","withoutWrapper","children","withContexts","Object","entries","_ref3","_ref4","value","AsyncWrappedCodeEditor","React","async","default","asyncWrapBrick","onCodeChange","BUILTIN_LIBS","filePath","content","componentsDefinition","replaceAll","JSON","stringify","types","nextTsxDefinition","defineElement","property","event","createDecorators","_TsxPlayground","_A","WeakMap","_B","_C","_D","_E","_F","_TsxPlayground_brand","WeakSet","_handleChange","TsxPlayground","ReactNextElement","constructor","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_source","_init_extra_source","_init_extraLibs","_init_extra_extraLibs","_init_viewLibs","_init_extra_viewLibs","_init_withoutWrapper","_init_extra_withoutWrapper","_init_allowAnyBricks","_init_extra_allowAnyBricks","_init_change","_init_extra_change","_classPrivateGetter2","_classPrivateGetter","_get_change","emit","_classPrivateFieldGet","v","_classPrivateFieldSet","extraLibs","viewLibs","allowAnyBricks","render","TsxPlaygroundComponent","onChange","convertSeverity","severity","code","setCode","useState","deferredCode","useDeferredValue","markers","setMarkers","setView","allLibs","useMemo","handleCodeChange","useCallback","e","detail","useEffect","ignore","result","parseView","libs","withNodeErrors","errors","filter","err","node","error","message","startLineNumber","loc","start","line","startColumn","column","endLineNumber","end","endColumn","uniqueId","ref","useRef","rootRef","container","current","portal","createPortal","root","unstable_createRoot","supportsUseChildren","unmount","remove","convertedView","_rootRef$current","expanded","_rootRef$current2","console","customElements","properties","errorTitle","dataset","errorBoundary","style","color","textContent","httpErrorToString","className","styles","editor","Suspense","fallback","language","uri","automaticLayout","theme","extraMarkers","preview","_TsxPlayground2","_set_change","c","_initClass","_applyDecs","shadowOptions","attribute","Boolean","o","_","has","_checkInRHS","withBox","background","backdropFilter","borderRadius","padding","___CSS_LOADER_EXPORT___","module","id","document","createElement","position","width","height","body","append"],"sourceRoot":""}
+{"version":3,"file":"chunks/tsx-playground.7cc3ac8d.js","mappings":"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","sources":["webpack:///./src/tsx-playground/styles.module.css?e933","webpack:///./src/tsx-playground/workers/tsxParser.ts","webpack:///../../node_modules/@next-tsx/converter/dist/esm/modules/convertView.js","webpack:///./src/tsx-playground/index.tsx","webpack:///../../node_modules/@next-tsx/converter/dist/esm/withBox.js","webpack:///./src/tsx-playground/styles.module.css","webpack:///./src/tsx-playground/createPortal.ts"],"sourcesContent":["\n      import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./styles.module.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./styles.module.css\";\n       export default content && content.locals ? content.locals : undefined;\n","// istanbul ignore file\nimport type { ParsedApp, ParseOptions, SourceFile } from \"@next-tsx/parser\";\nimport { wrap } from \"comlink\";\n\nexport interface RemoteTsxParserWorker {\n  parseView(source: string, options?: ParseOptions): Promise<ParsedApp>;\n  parseApp(files: SourceFile[]): Promise<ParsedApp>;\n}\n\nlet remoteWorkerPromise: Promise<RemoteTsxParserWorker> | undefined;\n\nlet worker: Worker | undefined;\n\nexport function getRemoteTsxParserWorker() {\n  if (!remoteWorkerPromise) {\n    remoteWorkerPromise = (async () => {\n      const Remote = wrap<{ new (): RemoteTsxParserWorker }>(getWorker());\n      return await new Remote();\n    })();\n  }\n  return remoteWorkerPromise;\n}\n\nfunction getWorker() {\n  if (!worker) {\n    worker = new Worker(new URL(\"./tsxParser.worker.ts\", import.meta.url));\n  }\n  return worker;\n}\n","import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport _regeneratorRuntime from \"@babel/runtime/helpers/regeneratorRuntime\";\nimport _toConsumableArray from \"@babel/runtime/helpers/toConsumableArray\";\nimport _asyncToGenerator from \"@babel/runtime/helpers/asyncToGenerator\";\nimport convertModule from \"./convertModule.js\";\nimport { getHelperFunctions } from \"../helpers/index.js\";\nimport { getViewTplName } from \"./getTplName.js\";\nimport { withBox } from \"../withBox.js\";\nexport function convertView(_x, _x2) {\n  return _convertView.apply(this, arguments);\n}\nfunction _convertView() {\n  _convertView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(view, options) {\n    var _convertedEntry;\n    var entry, convertedEntry, state, functions, templates, helpers, _ref2, title, bricks, context, needBox;\n    return _regeneratorRuntime().wrap(function (_context2) {\n      while (1) switch (_context2.prev = _context2.next) {\n        case 0:\n          entry = view.entry;\n          if (entry) {\n            _context2.next = 1;\n            break;\n          }\n          throw new Error(\"No entry module found in the view.\");\n        case 1:\n          state = {\n            usedHelpers: new Set(),\n            app: view,\n            convertedModules: new Map()\n          };\n          functions = [];\n          templates = [];\n          _context2.next = 2;\n          return Promise.all(Array.from(view.modules.values()).map(/*#__PURE__*/function () {\n            var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(mod) {\n              var converted, _i, _arr, part, raw, promise, _part, _t;\n              return _regeneratorRuntime().wrap(function (_context) {\n                while (1) switch (_context.prev = _context.next) {\n                  case 0:\n                    if (!mod) {\n                      _context.next = 8;\n                      break;\n                    }\n                    _context.next = 1;\n                    return convertModule(mod, state, options);\n                  case 1:\n                    converted = _context.sent;\n                    if (mod === entry) {\n                      convertedEntry = converted;\n                    }\n                    _i = 0, _arr = [].concat(_toConsumableArray(converted.internals), _toConsumableArray(converted.namedExports.values()), [converted.defaultExport]);\n                  case 2:\n                    if (!(_i < _arr.length)) {\n                      _context.next = 8;\n                      break;\n                    }\n                    part = _arr[_i];\n                    if (part) {\n                      _context.next = 3;\n                      break;\n                    }\n                    return _context.abrupt(\"continue\", 7);\n                  case 3:\n                    raw = part.raw, promise = part.promise;\n                    _t = raw === null || raw === void 0 ? void 0 : raw.type;\n                    _context.next = _t === \"function\" ? 4 : _t === \"template\" ? 5 : 7;\n                    break;\n                  case 4:\n                    functions.push(raw[\"function\"]);\n                    return _context.abrupt(\"continue\", 7);\n                  case 5:\n                    _context.next = 6;\n                    return promise;\n                  case 6:\n                    _part = _context.sent;\n                    templates.push({\n                      name: getViewTplName(_part.name, options.rootId),\n                      bricks: _part.bricks,\n                      state: _part.context\n                    });\n                    return _context.abrupt(\"continue\", 7);\n                  case 7:\n                    _i++;\n                    _context.next = 2;\n                    break;\n                  case 8:\n                  case \"end\":\n                    return _context.stop();\n                }\n              }, _callee);\n            }));\n            return function (_x3) {\n              return _ref.apply(this, arguments);\n            };\n          }()));\n        case 2:\n          if ((_convertedEntry = convertedEntry) !== null && _convertedEntry !== void 0 && _convertedEntry.defaultExport) {\n            _context2.next = 3;\n            break;\n          }\n          throw new Error(\"No view found in the entry module.\");\n        case 3:\n          helpers = Array.from(state.usedHelpers).map(function (name) {\n            var source = getHelperFunctions().get(name);\n            if (!source) {\n              throw new Error(\"Helper function \".concat(name, \" not found\"));\n            }\n            return {\n              name: name,\n              source: source,\n              typescript: true\n            };\n          });\n          _context2.next = 4;\n          return convertedEntry.defaultExport.promise;\n        case 4:\n          _ref2 = _context2.sent;\n          title = _ref2.title;\n          bricks = _ref2.bricks;\n          context = _ref2.context;\n          needBox = function needBox() {\n            return bricks.every(function (brick) {\n              return [\"eo-form\", \"eo-descriptions\", \"eo-button\"].includes(brick.brick);\n            });\n          };\n          return _context2.abrupt(\"return\", {\n            title: title,\n            brick: options.withoutWrapper ? bricks : {\n              brick: \"eo-content-layout\",\n              children: needBox() ? [withBox(bricks, options)] : bricks\n            },\n            context: [].concat(_toConsumableArray(context), _toConsumableArray(options.withContexts ? Object.entries(options.withContexts).map(function (_ref3) {\n              var _ref4 = _slicedToArray(_ref3, 2),\n                name = _ref4[0],\n                value = _ref4[1];\n              return {\n                name: name,\n                value: value\n              };\n            }) : [])),\n            functions: [].concat(functions, _toConsumableArray(helpers)),\n            templates: templates\n          });\n        case 5:\n        case \"end\":\n          return _context2.stop();\n      }\n    }, _callee2);\n  }));\n  return _convertView.apply(this, arguments);\n}\n//# sourceMappingURL=convertView.js.map","import React, {\n  Suspense,\n  useCallback,\n  useDeferredValue,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { httpErrorToString, unstable_createRoot } from \"@next-core/runtime\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport { asyncWrapBrick } from \"@next-core/react-runtime\";\nimport { uniqueId } from \"lodash\";\nimport type {\n  CodeEditor,\n  CodeEditorProps,\n  ExtraLib,\n  ExtraMarker,\n} from \"@next-bricks/vs/code-editor\";\nimport nextTsxDefinition from \"@next-tsx/core/index.d.ts?raw\";\nimport componentsDefinition from \"@next-tsx/converter/lib/components.d.ts?raw\";\nimport { convertView, type ConvertResult } from \"@next-tsx/converter\";\nimport type { ParsedApp, SourceFile } from \"@next-tsx/parser\";\nimport \"@next-core/theme\";\nimport styles from \"./styles.module.css\";\nimport { getRemoteTsxParserWorker } from \"./workers/tsxParser.js\";\nimport { createPortal } from \"./createPortal.js\";\n\ninterface CodeEditorEvents {\n  \"code.change\": CustomEvent<string>;\n}\n\ninterface CodeEditorMapEvents {\n  onCodeChange: \"code.change\";\n}\n\nconst AsyncWrappedCodeEditor = React.lazy(async () => ({\n  default: await asyncWrapBrick<\n    CodeEditor,\n    CodeEditorProps,\n    CodeEditorEvents,\n    CodeEditorMapEvents\n  >(\"vs.code-editor\", {\n    onCodeChange: \"code.change\",\n  }),\n}));\n\nconst BUILTIN_LIBS: ExtraLib[] = [\n  {\n    filePath: \"/node_modules/next-tsx/components.d.ts\",\n    content: componentsDefinition.replaceAll(\"export interface\", \"interface\"),\n  },\n  {\n    filePath: \"/node_modules/next-tsx/package.json\",\n    content: JSON.stringify({\n      name: \"next-tsx\",\n      types: \"./index.d.ts\",\n    }),\n  },\n  {\n    filePath: \"/node_modules/next-tsx/index.d.ts\",\n    content: nextTsxDefinition,\n  },\n];\n\nconst { defineElement, property, event } = createDecorators();\n\nexport interface TsxPlaygroundProps {\n  source?: string;\n  extraLibs?: ExtraLib[];\n  viewLibs?: SourceFile[];\n  withoutWrapper?: boolean;\n  allowAnyBricks?: boolean;\n}\n\n/**\n * TSX 视图编辑器与实时预览的集成 Playground，支持用 TSX 语法编写视图，并即时渲染到右侧预览区\n */\nexport\n@defineElement(\"vb-experiment.tsx-playground\", {\n  // Monaco editor does not work well with shadow DOM\n  shadowOptions: false,\n})\nclass TsxPlayground extends ReactNextElement implements TsxPlaygroundProps {\n  /**\n   * 初始代码内容，仅在首次渲染时有效，后续更改不会同步到编辑器\n   */\n  @property({ attribute: false })\n  accessor source: string | undefined;\n\n  /**\n   * 额外注入到编辑器的类型声明库，用于提供代码补全和类型检查\n   */\n  @property({ attribute: false })\n  accessor extraLibs: ExtraLib[] | undefined;\n\n  /**\n   * 额外的视图库源文件，会合并到类型声明中，并在解析视图时作为依赖提供\n   */\n  @property({ attribute: false })\n  accessor viewLibs: SourceFile[] | undefined;\n\n  /**\n   * 是否跳过顶层 wrapper 包裹，启用后视图直接渲染为裸砖块列表\n   */\n  @property({ type: Boolean })\n  accessor withoutWrapper: boolean | undefined;\n\n  /**\n   * 是否允许使用任意砖块，默认仅允许 next-tsx 白名单砖块\n   */\n  @property({ type: Boolean })\n  accessor allowAnyBricks: boolean | undefined;\n\n  /**\n   * @detail 当前编辑器中的代码字符串\n   * @description 编辑器内容变化时触发\n   */\n  @event({ type: \"change\" })\n  accessor #change!: EventEmitter<string>;\n\n  #handleChange = (value: string) => {\n    this.#change?.emit(value);\n  };\n\n  render() {\n    return (\n      <TsxPlaygroundComponent\n        source={this.source}\n        extraLibs={this.extraLibs}\n        viewLibs={this.viewLibs}\n        withoutWrapper={this.withoutWrapper}\n        allowAnyBricks={this.allowAnyBricks}\n        onChange={this.#handleChange}\n      />\n    );\n  }\n}\n\ninterface TsxPlaygroundComponentProps extends TsxPlaygroundProps {\n  onChange: (value: string) => void;\n}\n\nfunction convertSeverity(\n  severity: \"notice\" | \"warning\" | \"error\" | \"fatal\"\n): \"Hint\" | \"Info\" | \"Warning\" | \"Error\" {\n  switch (severity) {\n    case \"notice\":\n      return \"Hint\";\n    case \"warning\":\n      return \"Warning\";\n    case \"error\":\n      return \"Error\";\n    case \"fatal\":\n      return \"Error\";\n  }\n  return severity;\n}\n\nfunction TsxPlaygroundComponent({\n  source,\n  extraLibs,\n  withoutWrapper,\n  allowAnyBricks,\n  viewLibs,\n  onChange,\n}: TsxPlaygroundComponentProps) {\n  const [code, setCode] = useState(source ?? \"\");\n  const deferredCode = useDeferredValue(code);\n  const [markers, setMarkers] = useState<ExtraMarker[] | undefined>();\n  const [view, setView] = useState<ParsedApp | undefined>();\n\n  const allLibs = useMemo(\n    () => [...BUILTIN_LIBS, ...(extraLibs ?? []), ...(viewLibs ?? [])],\n    [extraLibs, viewLibs]\n  );\n\n  const handleCodeChange = useCallback(\n    (e: CustomEvent<string>) => {\n      setCode(e.detail);\n      onChange(e.detail);\n    },\n    [onChange]\n  );\n  useEffect(() => {\n    let ignore = false;\n    (async function run() {\n      const worker = await getRemoteTsxParserWorker();\n      if (ignore) {\n        return;\n      }\n      const result = await worker.parseView(deferredCode, { libs: viewLibs });\n      if (ignore) {\n        return;\n      }\n      setView(result);\n      const withNodeErrors = result.errors.filter((err) => !!err.node);\n      if (withNodeErrors.length > 0) {\n        setMarkers(\n          withNodeErrors.map((error) => ({\n            message: error.message,\n            severity: convertSeverity(error.severity),\n            startLineNumber: error.node!.loc!.start.line,\n            startColumn: error.node!.loc!.start.column + 1,\n            endLineNumber: error.node!.loc!.end.line,\n            endColumn: error.node!.loc!.end.column + 1,\n          }))\n        );\n      } else {\n        setMarkers(undefined);\n      }\n      if (ignore) {\n        return;\n      }\n    })();\n    return () => {\n      ignore = true;\n    };\n  }, [deferredCode]);\n\n  const rootId = useMemo(() => uniqueId(), []);\n  const ref = useRef<HTMLDivElement>(null);\n  const rootRef = useRef<Awaited<\n    ReturnType<typeof unstable_createRoot>\n  > | null>(null);\n\n  useEffect(() => {\n    const container = ref.current;\n    if (!container) {\n      return;\n    }\n    const portal = createPortal(rootId);\n    const root = unstable_createRoot(container, {\n      portal,\n      supportsUseChildren: true,\n    } as any);\n    rootRef.current = root;\n\n    return () => {\n      root.unmount();\n      portal.remove();\n      rootRef.current = null;\n    };\n  }, [rootId]);\n\n  // const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    let ignore = false;\n    (async () => {\n      if (!view) {\n        return;\n      }\n      // setLoading(true);\n      let convertedView: ConvertResult | undefined;\n      try {\n        convertedView = await convertView(view, {\n          rootId,\n          expanded: true,\n          withoutWrapper,\n          allowAnyBricks,\n        });\n        if (ignore) {\n          return;\n        }\n        const { brick, context, functions, templates } = convertedView ?? {};\n        await rootRef.current?.render(brick ?? [], {\n          context,\n          functions,\n          templates,\n        });\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(\"Failed to render view:\", error);\n        rootRef.current?.render({\n          brick: customElements.get(\"easyops-default-error\")\n            ? \"easyops-default-error\"\n            : \"div\",\n          properties: {\n            errorTitle: \"解析失败\",\n            dataset: {\n              errorBoundary: \"\",\n            },\n            style: {\n              color: \"var(--color-error)\",\n            },\n          },\n          children: [\n            {\n              brick: \"div\",\n              properties: {\n                textContent: httpErrorToString(error),\n              },\n            },\n          ],\n        });\n      }\n      // if (!ignore) {\n      //   setLoading(false);\n      // }\n    })();\n\n    return () => {\n      ignore = true;\n    };\n  }, [rootId, view, withoutWrapper, allowAnyBricks]);\n\n  return (\n    <div className={styles.container}>\n      <div className={styles.editor}>\n        <Suspense fallback=\"Loading...\">\n          <AsyncWrappedCodeEditor\n            value={source}\n            onCodeChange={handleCodeChange}\n            language=\"typescript\"\n            uri=\"file:///View.tsx\"\n            automaticLayout=\"fit-container\"\n            theme=\"tm-vs-dark\"\n            extraLibs={allLibs}\n            extraMarkers={markers}\n            data-override-theme=\"dark-v2\"\n          />\n        </Suspense>\n      </div>\n      <div className={styles.preview}>\n        <div data-root-id={rootId} ref={ref} />\n      </div>\n    </div>\n  );\n}\n","export function withBox(children, options) {\n  return {\n    brick: \"div\",\n    properties: {\n      style: options.expanded ? {\n        background: \"rgba(255, 255, 255, 0.9)\",\n        backdropFilter: \"blur(10px)\",\n        borderRadius: \"16px\",\n        padding: \"24px\"\n      } : {\n        background: \"var(--elevo-component-background)\",\n        backdropFilter: \"var(--elevo-component-backdrop-filter)\",\n        borderRadius: \"var(--elevo-border-radius)\",\n        padding: \"16px\"\n      }\n    },\n    children: children\n  };\n}\n//# sourceMappingURL=withBox.js.map","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.container--M22i1CYq{display:flex;height:100%}.editor--kF8SUoBP,\n.preview--gu5OlS2X{flex:1;min-width:0}.preview--gu5OlS2X{padding:1em;overflow:auto}`, \"\"]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"container\": `container--M22i1CYq`,\n\t\"editor\": `editor--kF8SUoBP`,\n\t\"preview\": `preview--gu5OlS2X`\n};\nexport default ___CSS_LOADER_EXPORT___;\n","export function createPortal(rootId: string) {\n  const portal = document.createElement(\"div\");\n  portal.dataset.rootId = rootId;\n  portal.style.position = \"absolute\";\n  portal.style.width = portal.style.height = \"0\";\n  document.body.append(portal);\n  return portal;\n}\n"],"names":["options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals","undefined","remoteWorkerPromise","worker","getRemoteTsxParserWorker","Remote","wrap","Worker","URL","convertView","_x","_x2","_convertView","apply","this","arguments","mark","_callee2","view","_convertedEntry","entry","convertedEntry","state","functions","templates","helpers","_ref2","title","bricks","context","needBox","_context2","prev","next","Error","usedHelpers","Set","app","convertedModules","Map","Promise","all","Array","from","modules","values","map","_ref","_callee","mod","converted","_i","_arr","part","raw","promise","_part","_t","_context","sent","concat","internals","namedExports","defaultExport","length","abrupt","type","push","name","rootId","stop","_x3","source","get","typescript","every","brick","includes","withoutWrapper","children","withContexts","Object","entries","_ref3","_ref4","value","AsyncWrappedCodeEditor","React","async","default","asyncWrapBrick","onCodeChange","BUILTIN_LIBS","filePath","content","componentsDefinition","replaceAll","JSON","stringify","types","nextTsxDefinition","defineElement","property","event","createDecorators","_TsxPlayground","_A","WeakMap","_B","_C","_D","_E","_F","_TsxPlayground_brand","WeakSet","_handleChange","TsxPlayground","ReactNextElement","constructor","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_source","_init_extra_source","_init_extraLibs","_init_extra_extraLibs","_init_viewLibs","_init_extra_viewLibs","_init_withoutWrapper","_init_extra_withoutWrapper","_init_allowAnyBricks","_init_extra_allowAnyBricks","_init_change","_init_extra_change","_classPrivateGetter2","_classPrivateGetter","_get_change","emit","_classPrivateFieldGet","v","_classPrivateFieldSet","extraLibs","viewLibs","allowAnyBricks","render","TsxPlaygroundComponent","onChange","convertSeverity","severity","code","setCode","useState","deferredCode","useDeferredValue","markers","setMarkers","setView","allLibs","useMemo","handleCodeChange","useCallback","e","detail","useEffect","ignore","result","parseView","libs","withNodeErrors","errors","filter","err","node","error","message","startLineNumber","loc","start","line","startColumn","column","endLineNumber","end","endColumn","uniqueId","ref","useRef","rootRef","container","current","portal","createPortal","root","unstable_createRoot","supportsUseChildren","unmount","remove","convertedView","_rootRef$current","expanded","_rootRef$current2","console","customElements","properties","errorTitle","dataset","errorBoundary","style","color","textContent","httpErrorToString","className","styles","editor","Suspense","fallback","language","uri","automaticLayout","theme","extraMarkers","preview","_TsxPlayground2","_set_change","c","_initClass","_applyDecs","shadowOptions","attribute","Boolean","o","_","has","_checkInRHS","withBox","background","backdropFilter","borderRadius","padding","___CSS_LOADER_EXPORT___","module","id","document","createElement","position","width","height","body","append"],"sourceRoot":""}

package/dist/examples.json

@@ -1,5 +1,11 @@
 {
   "vb-experiment.tsx-playground": {
-    "doc": "构件 `vb-experiment.tsx-playground`\n\n## Examples\n\n### Basic\n\n```yaml preview minHeight=\"600px\"\n- brick: vb-experiment.tsx-playground\n  properties:\n    style:\n      display: block\n      position: fixed\n      inset: 0\n    source: |\n      import { useState } from \"next-tsx\";\n\n      const RESPONSE = {\n        \"list\": [\n          {\n            \"inode_usage\": [\n              {\n                \"total_inodes\": 21162000,\n                \"used_inodes\": 1385716,\n                \"free_inodes\": 19776284,\n                \"percent\": \"7%\",\n                \"device\": \"/dev/mapper/centos-root\",\n                \"mount_point\": \"/\"\n              },\n              {\n                \"mount_point\": \"/boot\",\n                \"total_inodes\": 524288,\n                \"used_inodes\": 333,\n                \"free_inodes\": 523955,\n                \"percent\": \"1%\",\n                \"device\": \"/dev/vda1\"\n              }\n            ],\n            \"ip\": \"172.30.0.134\",\n            \"disk_usage\": [\n              {\n                \"total\": \"95.00GB\",\n                \"used\": \"85.00GB\",\n                \"free\": \"9.00GB\",\n                \"percent\": \"91%\",\n                \"rw_status\": \"rw\",\n                \"large_files\": [\n                  {\n                    \"size\": \"1.00GB\",\n                    \"path\": \"/opt/maxkb/maxkb-pro-2.0.1.tgz\"\n                  },\n                  {\n                    \"path\": \"/opt/maxkb/maxkb-pro-v2.0.1-x86_64-offline-installer/images/maxkb-pro.tar.gz\",\n                    \"size\": \"1.00GB\"\n                  },\n                  {\n                    \"path\": \"/data/easyops/kafka/data/aggregate.metric.message.json-0/00000000000044787540.log\",\n                    \"size\": \"759.00MB\"\n                  },\n                  {\n                    \"size\": \"739.00MB\",\n                    \"path\": \"/data/easyops/kafka/data/monitor.metric.message.json-0/00000000000741056461.log\"\n                  },\n                  {\n                    \"path\": \"/data/easyops/mysql/data/ib_logfile1\",\n                    \"size\": \"512.00MB\"\n                  },\n                  {\n                    \"size\": \"512.00MB\",\n                    \"path\": \"/data/easyops/mysql/data/ib_logfile0\"\n                  },\n                  {\n                    \"size\": \"452.00MB\",\n                    \"path\": \"/usr/local/easyops/clickhouse/bin/clickhouse\"\n                  },\n                  {\n                    \"path\": \"/data/easyops/seaweedfs/data/data/easyops_5.dat\",\n                    \"size\": \"371.00MB\"\n                  },\n                  {\n                    \"size\": \"369.00MB\",\n                    \"path\": \"/data/easyops/seaweedfs/data/data/easyops_6.dat\"\n                  },\n                  {\n                    \"size\": \"360.00MB\",\n                    \"path\": \"/data/easyops/seaweedfs/data/data/easyops_1.dat\"\n                  }\n                ],\n                \"device\": \"/dev/mapper/centos-root\",\n                \"mount_point\": \"/\"\n              },\n              {\n                \"rw_status\": \"rw\",\n                \"device\": \"/dev/vda1\",\n                \"mount_point\": \"/boot\",\n                \"total\": \"1014.00MB\",\n                \"used\": \"181.00MB\",\n                \"free\": \"834.00MB\",\n                \"percent\": \"18%\"\n              }\n            ]\n          }\n        ]\n      };\n\n      export default (\n        <View title=\"磁盘使用情况\">\n          {RESPONSE.list.map((item) => (\n            <Card title={item.ip}>\n              {/* 磁盘空间使用情况 */}\n              <Plaintext>磁盘空间使用</Plaintext>\n              <Table\n                dataSource={{ list: item.disk_usage }}\n                columns={[\n                  { dataIndex: \"device\", key: \"device\", title: \"设备\" },\n                  { dataIndex: \"mount_point\", key: \"mount_point\", title: \"挂载点\" },\n                  { dataIndex: \"total\", key: \"total\", title: \"总大小\" },\n                  { dataIndex: \"used\", key: \"used\", title: \"已用空间\" },\n                  { dataIndex: \"free\", key: \"free\", title: \"可用空间\" },\n                  { dataIndex: \"percent\", key: \"percent\", title: \"使用率\" },\n                  { dataIndex: \"rw_status\", key: \"rw_status\", title: \"读写状态\" }\n                ]}\n                rowKey=\"device\"\n                pagination={false}\n              />\n\n              {/* Inode 使用情况 */}\n              <Plaintext>Inode 使用情况</Plaintext>\n              <Table\n                dataSource={{ list: item.inode_usage }}\n                columns={[\n                  { dataIndex: \"device\", key: \"device\", title: \"设备\" },\n                  { dataIndex: \"mount_point\", key: \"mount_point\", title: \"挂载点\" },\n                  { dataIndex: \"total_inodes\", key: \"total_inodes\", title: \"Inode 总数\" },\n                  { dataIndex: \"used_inodes\", key: \"used_inodes\", title: \"已用 Inode\" },\n                  { dataIndex: \"free_inodes\", key: \"free_inodes\", title: \"空闲 Inode\" },\n                  {\n                    dataIndex: \"percent\", key: \"percent\", title: \"使用率\",\n                    render: (cell, record) => (\n                      // <Plaintext>{record.percent}%</Plaintext>\n                      `~${record.percent}`\n                    )\n                  }\n                ]}\n                rowKey=\"device\"\n                pagination={false}\n              />\n\n              {/* 大文件列表（仅当存在 large_files 且有内容时） */}\n              {item.disk_usage\n                .filter(disk => disk.large_files && disk.large_files.length > 0)\n                .map(disk =>\n                  disk.large_files ? (\n                    <Fragment key={disk.device}>\n                      <Plaintext>{`大文件列表 (${disk.mount_point})`}</Plaintext>\n                      <Table\n                        dataSource={{ list: disk.large_files }}\n                        columns={[\n                          { dataIndex: \"path\", key: \"path\", title: \"路径\" },\n                          { dataIndex: \"size\", key: \"size\", title: \"大小\" }\n                        ]}\n                        rowKey=\"path\"\n                        pagination={false}\n                      />\n                    </Fragment>\n                  ) : null\n                )}\n            </Card>\n          ))}\n        </View>\n      );\n- brick: style\n  properties:\n    textContent: |\n      .monaco-editor .overflow-guard {\n        border-radius: 0!important;\n        border: none!important;\n      }\n# -- YAML DELIMITER (1nbbm8) --\n# <vb-experiment.tsx-playground\n#   style=\"display: block; position: fixed; inset: 0\"\n#   id=\"brick-1\"\n# ></vb-experiment.tsx-playground>\n# <style>\n#   .monaco-editor .overflow-guard {\n#     border-radius: 0 !important;\n#     border: none !important;\n#   }\n# </style>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.source =\n#     'import { useState } from \"next-tsx\";\\n\\nconst RESPONSE = {\\n  \"list\": [\\n    {\\n      \"inode_usage\": [\\n        {\\n          \"total_inodes\": 21162000,\\n          \"used_inodes\": 1385716,\\n          \"free_inodes\": 19776284,\\n          \"percent\": \"7%\",\\n          \"device\": \"/dev/mapper/centos-root\",\\n          \"mount_point\": \"/\"\\n        },\\n        {\\n          \"mount_point\": \"/boot\",\\n          \"total_inodes\": 524288,\\n          \"used_inodes\": 333,\\n          \"free_inodes\": 523955,\\n          \"percent\": \"1%\",\\n          \"device\": \"/dev/vda1\"\\n        }\\n      ],\\n      \"ip\": \"172.30.0.134\",\\n      \"disk_usage\": [\\n        {\\n          \"total\": \"95.00GB\",\\n          \"used\": \"85.00GB\",\\n          \"free\": \"9.00GB\",\\n          \"percent\": \"91%\",\\n          \"rw_status\": \"rw\",\\n          \"large_files\": [\\n            {\\n              \"size\": \"1.00GB\",\\n              \"path\": \"/opt/maxkb/maxkb-pro-2.0.1.tgz\"\\n            },\\n            {\\n              \"path\": \"/opt/maxkb/maxkb-pro-v2.0.1-x86_64-offline-installer/images/maxkb-pro.tar.gz\",\\n              \"size\": \"1.00GB\"\\n            },\\n            {\\n              \"path\": \"/data/easyops/kafka/data/aggregate.metric.message.json-0/00000000000044787540.log\",\\n              \"size\": \"759.00MB\"\\n            },\\n            {\\n              \"size\": \"739.00MB\",\\n              \"path\": \"/data/easyops/kafka/data/monitor.metric.message.json-0/00000000000741056461.log\"\\n            },\\n            {\\n              \"path\": \"/data/easyops/mysql/data/ib_logfile1\",\\n              \"size\": \"512.00MB\"\\n            },\\n            {\\n              \"size\": \"512.00MB\",\\n              \"path\": \"/data/easyops/mysql/data/ib_logfile0\"\\n            },\\n            {\\n              \"size\": \"452.00MB\",\\n              \"path\": \"/usr/local/easyops/clickhouse/bin/clickhouse\"\\n            },\\n            {\\n              \"path\": \"/data/easyops/seaweedfs/data/data/easyops_5.dat\",\\n              \"size\": \"371.00MB\"\\n            },\\n            {\\n              \"size\": \"369.00MB\",\\n              \"path\": \"/data/easyops/seaweedfs/data/data/easyops_6.dat\"\\n            },\\n            {\\n              \"size\": \"360.00MB\",\\n              \"path\": \"/data/easyops/seaweedfs/data/data/easyops_1.dat\"\\n            }\\n          ],\\n          \"device\": \"/dev/mapper/centos-root\",\\n          \"mount_point\": \"/\"\\n        },\\n        {\\n          \"rw_status\": \"rw\",\\n          \"device\": \"/dev/vda1\",\\n          \"mount_point\": \"/boot\",\\n          \"total\": \"1014.00MB\",\\n          \"used\": \"181.00MB\",\\n          \"free\": \"834.00MB\",\\n          \"percent\": \"18%\"\\n        }\\n      ]\\n    }\\n  ]\\n};\\n\\nexport default (\\n  <View title=\"磁盘使用情况\">\\n    {RESPONSE.list.map((item) => (\\n      <Card title={item.ip}>\\n        {/* 磁盘空间使用情况 */}\\n        <Plaintext>磁盘空间使用</Plaintext>\\n        <Table\\n          dataSource={{ list: item.disk_usage }}\\n          columns={[\\n            { dataIndex: \"device\", key: \"device\", title: \"设备\" },\\n            { dataIndex: \"mount_point\", key: \"mount_point\", title: \"挂载点\" },\\n            { dataIndex: \"total\", key: \"total\", title: \"总大小\" },\\n            { dataIndex: \"used\", key: \"used\", title: \"已用空间\" },\\n            { dataIndex: \"free\", key: \"free\", title: \"可用空间\" },\\n            { dataIndex: \"percent\", key: \"percent\", title: \"使用率\" },\\n            { dataIndex: \"rw_status\", key: \"rw_status\", title: \"读写状态\" }\\n          ]}\\n          rowKey=\"device\"\\n          pagination={false}\\n        />\\n\\n        {/* Inode 使用情况 */}\\n        <Plaintext>Inode 使用情况</Plaintext>\\n        <Table\\n          dataSource={{ list: item.inode_usage }}\\n          columns={[\\n            { dataIndex: \"device\", key: \"device\", title: \"设备\" },\\n            { dataIndex: \"mount_point\", key: \"mount_point\", title: \"挂载点\" },\\n            { dataIndex: \"total_inodes\", key: \"total_inodes\", title: \"Inode 总数\" },\\n            { dataIndex: \"used_inodes\", key: \"used_inodes\", title: \"已用 Inode\" },\\n            { dataIndex: \"free_inodes\", key: \"free_inodes\", title: \"空闲 Inode\" },\\n            {\\n              dataIndex: \"percent\", key: \"percent\", title: \"使用率\",\\n              render: (cell, record) => (\\n                // <Plaintext>{record.percent}%</Plaintext>\\n                `~${record.percent}`\\n              )\\n            }\\n          ]}\\n          rowKey=\"device\"\\n          pagination={false}\\n        />\\n\\n        {/* 大文件列表（仅当存在 large_files 且有内容时） */}\\n        {item.disk_usage\\n          .filter(disk => disk.large_files && disk.large_files.length > 0)\\n          .map(disk =>\\n            disk.large_files ? (\\n              <Fragment key={disk.device}>\\n                <Plaintext>{`大文件列表 (${disk.mount_point})`}</Plaintext>\\n                <Table\\n                  dataSource={{ list: disk.large_files }}\\n                  columns={[\\n                    { dataIndex: \"path\", key: \"path\", title: \"路径\" },\\n                    { dataIndex: \"size\", key: \"size\", title: \"大小\" }\\n                  ]}\\n                  rowKey=\"path\"\\n                  pagination={false}\\n                />\\n              </Fragment>\\n            ) : null\\n          )}\\n      </Card>\\n    ))}\\n  </View>\\n);\\n';\n# </script>\n# \n```\n"
+    "doc": "---\ntagName: vb-experiment.tsx-playground\ndisplayName: WrappedVbExperimentTsxPlayground\ndescription: TSX 视图编辑器与实时预览的集成 Playground，支持用 TSX 语法编写视图，并即时渲染到右侧预览区\ncategory: \"\"\nsource: \"@next-bricks/vb-experiment\"\n---\n\n# vb-experiment.tsx-playground\n\n> TSX 视图编辑器与实时预览的集成 Playground，支持用 TSX 语法编写视图，并即时渲染到右侧预览区\n\n## Props\n\n| 属性           | 类型           | 必填 | 默认值 | 说明                                                               |\n| -------------- | -------------- | ---- | ------ | ------------------------------------------------------------------ |\n| source         | `string`       | 否   | -      | 初始代码内容，仅在首次渲染时有效，后续更改不会同步到编辑器         |\n| extraLibs      | `ExtraLib[]`   | 否   | -      | 额外注入到编辑器的类型声明库，用于提供代码补全和类型检查           |\n| viewLibs       | `SourceFile[]` | 否   | -      | 额外的视图库源文件，会合并到类型声明中，并在解析视图时作为依赖提供 |\n| withoutWrapper | `boolean`      | 否   | -      | 是否跳过顶层 wrapper 包裹，启用后视图直接渲染为裸砖块列表          |\n| allowAnyBricks | `boolean`      | 否   | -      | 是否允许使用任意砖块，默认仅允许 next-tsx 白名单砖块               |\n\n## Events\n\n| 事件   | detail                              | 说明                 |\n| ------ | ----------------------------------- | -------------------- |\n| change | `string` — 当前编辑器中的代码字符串 | 编辑器内容变化时触发 |\n\n## Examples\n\n### Basic\n\n展示 TSX Playground 的基本用法，左侧代码编辑器，右侧实时预览视图。\n\n```yaml preview minHeight=\"600px\"\n- brick: vb-experiment.tsx-playground\n  properties:\n    style:\n      display: block\n      position: fixed\n      inset: 0\n    source: |\n      import { useState } from \"next-tsx\";\n\n      const RESPONSE = {\n        \"list\": [\n          {\n            \"inode_usage\": [\n              {\n                \"total_inodes\": 21162000,\n                \"used_inodes\": 1385716,\n                \"free_inodes\": 19776284,\n                \"percent\": \"7%\",\n                \"device\": \"/dev/mapper/centos-root\",\n                \"mount_point\": \"/\"\n              },\n              {\n                \"mount_point\": \"/boot\",\n                \"total_inodes\": 524288,\n                \"used_inodes\": 333,\n                \"free_inodes\": 523955,\n                \"percent\": \"1%\",\n                \"device\": \"/dev/vda1\"\n              }\n            ],\n            \"ip\": \"172.30.0.134\",\n            \"disk_usage\": [\n              {\n                \"total\": \"95.00GB\",\n                \"used\": \"85.00GB\",\n                \"free\": \"9.00GB\",\n                \"percent\": \"91%\",\n                \"rw_status\": \"rw\",\n                \"large_files\": [\n                  {\n                    \"size\": \"1.00GB\",\n                    \"path\": \"/opt/maxkb/maxkb-pro-2.0.1.tgz\"\n                  },\n                  {\n                    \"path\": \"/opt/maxkb/maxkb-pro-v2.0.1-x86_64-offline-installer/images/maxkb-pro.tar.gz\",\n                    \"size\": \"1.00GB\"\n                  }\n                ],\n                \"device\": \"/dev/mapper/centos-root\",\n                \"mount_point\": \"/\"\n              },\n              {\n                \"rw_status\": \"rw\",\n                \"device\": \"/dev/vda1\",\n                \"mount_point\": \"/boot\",\n                \"total\": \"1014.00MB\",\n                \"used\": \"181.00MB\",\n                \"free\": \"834.00MB\",\n                \"percent\": \"18%\"\n              }\n            ]\n          }\n        ]\n      };\n\n      export default (\n        <View title=\"磁盘使用情况\">\n          {RESPONSE.list.map((item) => (\n            <Card title={item.ip}>\n              {/* 磁盘空间使用情况 */}\n              <Plaintext>磁盘空间使用</Plaintext>\n              <Table\n                dataSource={{ list: item.disk_usage }}\n                columns={[\n                  { dataIndex: \"device\", key: \"device\", title: \"设备\" },\n                  { dataIndex: \"mount_point\", key: \"mount_point\", title: \"挂载点\" },\n                  { dataIndex: \"total\", key: \"total\", title: \"总大小\" },\n                  { dataIndex: \"used\", key: \"used\", title: \"已用空间\" },\n                  { dataIndex: \"free\", key: \"free\", title: \"可用空间\" },\n                  { dataIndex: \"percent\", key: \"percent\", title: \"使用率\" },\n                  { dataIndex: \"rw_status\", key: \"rw_status\", title: \"读写状态\" }\n                ]}\n                rowKey=\"device\"\n                pagination={false}\n              />\n\n              {/* Inode 使用情况 */}\n              <Plaintext>Inode 使用情况</Plaintext>\n              <Table\n                dataSource={{ list: item.inode_usage }}\n                columns={[\n                  { dataIndex: \"device\", key: \"device\", title: \"设备\" },\n                  { dataIndex: \"mount_point\", key: \"mount_point\", title: \"挂载点\" },\n                  { dataIndex: \"total_inodes\", key: \"total_inodes\", title: \"Inode 总数\" },\n                  { dataIndex: \"used_inodes\", key: \"used_inodes\", title: \"已用 Inode\" },\n                  { dataIndex: \"free_inodes\", key: \"free_inodes\", title: \"空闲 Inode\" },\n                  {\n                    dataIndex: \"percent\", key: \"percent\", title: \"使用率\",\n                    render: (cell, record) => (\n                      // <Plaintext>{record.percent}%</Plaintext>\n                      `~${record.percent}`\n                    )\n                  }\n                ]}\n                rowKey=\"device\"\n                pagination={false}\n              />\n\n              {/* 大文件列表（仅当存在 large_files 且有内容时） */}\n              {item.disk_usage\n                .filter(disk => disk.large_files && disk.large_files.length > 0)\n                .map(disk =>\n                  disk.large_files ? (\n                    <Fragment key={disk.device}>\n                      <Plaintext>{`大文件列表 (${disk.mount_point})`}</Plaintext>\n                      <Table\n                        dataSource={{ list: disk.large_files }}\n                        columns={[\n                          { dataIndex: \"path\", key: \"path\", title: \"路径\" },\n                          { dataIndex: \"size\", key: \"size\", title: \"大小\" }\n                        ]}\n                        rowKey=\"path\"\n                        pagination={false}\n                      />\n                    </Fragment>\n                  ) : null\n                )}\n            </Card>\n          ))}\n        </View>\n      );\n- brick: style\n  properties:\n    textContent: |\n      .monaco-editor .overflow-guard {\n        border-radius: 0!important;\n        border: none!important;\n      }\n# -- YAML DELIMITER (1nbbm8) --\n# <vb-experiment.tsx-playground\n#   style=\"display: block; position: fixed; inset: 0\"\n#   id=\"brick-1\"\n# ></vb-experiment.tsx-playground>\n# <style>\n#   .monaco-editor .overflow-guard {\n#     border-radius: 0 !important;\n#     border: none !important;\n#   }\n# </style>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.source =\n#     'import { useState } from \"next-tsx\";\\n\\nconst RESPONSE = {\\n  \"list\": [\\n    {\\n      \"inode_usage\": [\\n        {\\n          \"total_inodes\": 21162000,\\n          \"used_inodes\": 1385716,\\n          \"free_inodes\": 19776284,\\n          \"percent\": \"7%\",\\n          \"device\": \"/dev/mapper/centos-root\",\\n          \"mount_point\": \"/\"\\n        },\\n        {\\n          \"mount_point\": \"/boot\",\\n          \"total_inodes\": 524288,\\n          \"used_inodes\": 333,\\n          \"free_inodes\": 523955,\\n          \"percent\": \"1%\",\\n          \"device\": \"/dev/vda1\"\\n        }\\n      ],\\n      \"ip\": \"172.30.0.134\",\\n      \"disk_usage\": [\\n        {\\n          \"total\": \"95.00GB\",\\n          \"used\": \"85.00GB\",\\n          \"free\": \"9.00GB\",\\n          \"percent\": \"91%\",\\n          \"rw_status\": \"rw\",\\n          \"large_files\": [\\n            {\\n              \"size\": \"1.00GB\",\\n              \"path\": \"/opt/maxkb/maxkb-pro-2.0.1.tgz\"\\n            },\\n            {\\n              \"path\": \"/opt/maxkb/maxkb-pro-v2.0.1-x86_64-offline-installer/images/maxkb-pro.tar.gz\",\\n              \"size\": \"1.00GB\"\\n            }\\n          ],\\n          \"device\": \"/dev/mapper/centos-root\",\\n          \"mount_point\": \"/\"\\n        },\\n        {\\n          \"rw_status\": \"rw\",\\n          \"device\": \"/dev/vda1\",\\n          \"mount_point\": \"/boot\",\\n          \"total\": \"1014.00MB\",\\n          \"used\": \"181.00MB\",\\n          \"free\": \"834.00MB\",\\n          \"percent\": \"18%\"\\n        }\\n      ]\\n    }\\n  ]\\n};\\n\\nexport default (\\n  <View title=\"磁盘使用情况\">\\n    {RESPONSE.list.map((item) => (\\n      <Card title={item.ip}>\\n        {/* 磁盘空间使用情况 */}\\n        <Plaintext>磁盘空间使用</Plaintext>\\n        <Table\\n          dataSource={{ list: item.disk_usage }}\\n          columns={[\\n            { dataIndex: \"device\", key: \"device\", title: \"设备\" },\\n            { dataIndex: \"mount_point\", key: \"mount_point\", title: \"挂载点\" },\\n            { dataIndex: \"total\", key: \"total\", title: \"总大小\" },\\n            { dataIndex: \"used\", key: \"used\", title: \"已用空间\" },\\n            { dataIndex: \"free\", key: \"free\", title: \"可用空间\" },\\n            { dataIndex: \"percent\", key: \"percent\", title: \"使用率\" },\\n            { dataIndex: \"rw_status\", key: \"rw_status\", title: \"读写状态\" }\\n          ]}\\n          rowKey=\"device\"\\n          pagination={false}\\n        />\\n\\n        {/* Inode 使用情况 */}\\n        <Plaintext>Inode 使用情况</Plaintext>\\n        <Table\\n          dataSource={{ list: item.inode_usage }}\\n          columns={[\\n            { dataIndex: \"device\", key: \"device\", title: \"设备\" },\\n            { dataIndex: \"mount_point\", key: \"mount_point\", title: \"挂载点\" },\\n            { dataIndex: \"total_inodes\", key: \"total_inodes\", title: \"Inode 总数\" },\\n            { dataIndex: \"used_inodes\", key: \"used_inodes\", title: \"已用 Inode\" },\\n            { dataIndex: \"free_inodes\", key: \"free_inodes\", title: \"空闲 Inode\" },\\n            {\\n              dataIndex: \"percent\", key: \"percent\", title: \"使用率\",\\n              render: (cell, record) => (\\n                // <Plaintext>{record.percent}%</Plaintext>\\n                `~${record.percent}`\\n              )\\n            }\\n          ]}\\n          rowKey=\"device\"\\n          pagination={false}\\n        />\\n\\n        {/* 大文件列表（仅当存在 large_files 且有内容时） */}\\n        {item.disk_usage\\n          .filter(disk => disk.large_files && disk.large_files.length > 0)\\n          .map(disk =>\\n            disk.large_files ? (\\n              <Fragment key={disk.device}>\\n                <Plaintext>{`大文件列表 (${disk.mount_point})`}</Plaintext>\\n                <Table\\n                  dataSource={{ list: disk.large_files }}\\n                  columns={[\\n                    { dataIndex: \"path\", key: \"path\", title: \"路径\" },\\n                    { dataIndex: \"size\", key: \"size\", title: \"大小\" }\\n                  ]}\\n                  rowKey=\"path\"\\n                  pagination={false}\\n                />\\n              </Fragment>\\n            ) : null\\n          )}\\n      </Card>\\n    ))}\\n  </View>\\n);\\n';\n# </script>\n# \n```\n\n### Without Wrapper\n\n跳过顶层包裹，直接渲染裸砖块列表，适合嵌入到其他布局中使用。\n\n```yaml preview minHeight=\"300px\"\nbrick: vb-experiment.tsx-playground\nproperties:\n  style:\n    display: block\n    height: 300px\n  withoutWrapper: true\n  source: |\n    export default (\n      <Button type=\"primary\">Hello World</Button>\n    );\n# -- YAML DELIMITER (1nbbm8) --\n# <vb-experiment.tsx-playground\n#   style=\"display: block; height: 300px\"\n#   without-wrapper\n#   id=\"brick-1\"\n# ></vb-experiment.tsx-playground>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.source =\n#     'export default (\\n  <Button type=\"primary\">Hello World</Button>\\n);\\n';\n# </script>\n# \n```\n\n### Allow Any Bricks\n\n允许使用任意砖块（不限于 next-tsx 白名单），适合高级使用场景。\n\n```yaml preview minHeight=\"300px\"\nbrick: vb-experiment.tsx-playground\nproperties:\n  style:\n    display: block\n    height: 300px\n  allowAnyBricks: true\n  source: |\n    export default (\n      <View title=\"自定义砖块示例\">\n        <Plaintext>支持使用任意砖块</Plaintext>\n      </View>\n    );\nevents:\n  change:\n    action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <vb-experiment.tsx-playground\n#   style=\"display: block; height: 300px\"\n#   allow-any-bricks\n#   id=\"brick-1\"\n# ></vb-experiment.tsx-playground>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.source =\n#     'export default (\\n  <View title=\"自定义砖块示例\">\\n    <Plaintext>支持使用任意砖块</Plaintext>\\n  </View>\\n);\\n';\n#   brick_1.addEventListener(\"change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
+  },
+  "vb-experiment.app-preview": {
+    "doc": "---\ntagName: vb-experiment.app-preview\ndisplayName: WrappedVbExperimentAppPreview\ndescription: 在 iframe 中实时预览 Storyboard 的 App 预览构件，通过内置的 AppPreviewer 接口渲染页面\ncategory: \"\"\nsource: \"@next-bricks/vb-experiment\"\n---\n\n# vb-experiment.app-preview\n\n> 在 iframe 中实时预览 Storyboard 的 App 预览构件，通过内置的 AppPreviewer 接口渲染页面\n\n## Props\n\n| 属性       | 类型         | 必填 | 默认值 | 说明                                                       |\n| ---------- | ------------ | ---- | ------ | ---------------------------------------------------------- |\n| storyboard | `Storyboard` | 否   | -      | 要预览的 Storyboard 配置，更新后会自动触发 iframe 内容刷新 |\n\n## Examples\n\n### Basic\n\n展示 App Preview 基本用法，传入 Storyboard 配置后在 iframe 中渲染预览页面。\n\n```yaml preview\nbrick: vb-experiment.app-preview\nproperties:\n  storyboard:\n    routes:\n      - path: /preview\n        exact: true\n        bricks:\n          - brick: eo-button\n            properties:\n              textContent: Hello from App Preview\n              type: primary\n# -- YAML DELIMITER (1nbbm8) --\n# <vb-experiment.app-preview id=\"brick-1\"></vb-experiment.app-preview>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.storyboard = {\n#     routes: [\n#       {\n#         path: \"/preview\",\n#         exact: true,\n#         bricks: [\n#           {\n#             brick: \"eo-button\",\n#             properties: {\n#               textContent: \"Hello from App Preview\",\n#               type: \"primary\",\n#             },\n#           },\n#         ],\n#       },\n#     ],\n#   };\n# </script>\n# \n```\n"
+  },
+  "vb-experiment.app-playground": {
+    "doc": "---\ntagName: vb-experiment.app-playground\ndisplayName: WrappedVbExperimentAppPlayground\ndescription: App 编辑器与预览的集成 Playground，支持用 TSX 语法编写 App，并实时转换为 Storyboard 进行预览\ncategory: \"\"\nsource: \"@next-bricks/vb-experiment\"\n---\n\n# vb-experiment.app-playground\n\n> App 编辑器与预览的集成 Playground，支持用 TSX 语法编写 App，并实时转换为 Storyboard 进行预览\n\n## Props\n\n| 属性      | 类型         | 必填 | 默认值 | 说明                                                       |\n| --------- | ------------ | ---- | ------ | ---------------------------------------------------------- |\n| source    | `string`     | 否   | -      | 初始代码内容，仅在首次渲染时有效，后续更改不会同步到编辑器 |\n| extraLibs | `ExtraLib[]` | 否   | -      | 额外注入到编辑器的类型声明库，用于提供代码补全和类型检查   |\n\n## Events\n\n| 事件   | detail                              | 说明                 |\n| ------ | ----------------------------------- | -------------------- |\n| change | `string` — 当前编辑器中的代码字符串 | 编辑器内容变化时触发 |\n\n## Examples\n\n### Basic\n\n展示 App Playground 的基本用法，左侧代码编辑器，右侧实时预览。\n\n```yaml preview minHeight=\"600px\"\n- brick: vb-experiment.app-playground\n  properties:\n    style:\n      display: block\n      position: fixed\n      inset: 0\n    source: |\n      import { useState } from \"next-tsx\";\n\n      const RESPONSE = {\n        \"list\": [\n          {\n            \"inode_usage\": [\n              {\n                \"total_inodes\": 21162000,\n                \"used_inodes\": 1385716,\n                \"free_inodes\": 19776284,\n                \"percent\": \"7%\",\n                \"device\": \"/dev/mapper/centos-root\",\n                \"mount_point\": \"/\"\n              }\n            ],\n            \"ip\": \"172.30.0.134\",\n            \"disk_usage\": [\n              {\n                \"total\": \"95.00GB\",\n                \"used\": \"85.00GB\",\n                \"free\": \"9.00GB\",\n                \"percent\": \"91%\",\n                \"rw_status\": \"rw\",\n                \"device\": \"/dev/mapper/centos-root\",\n                \"mount_point\": \"/\"\n              }\n            ]\n          }\n        ]\n      };\n\n      export default (\n        <View title=\"磁盘使用情况\">\n          {RESPONSE.list.map((item) => (\n            <Card title={item.ip}>\n              <Plaintext>磁盘空间使用</Plaintext>\n              <Table\n                dataSource={{ list: item.disk_usage }}\n                columns={[\n                  { dataIndex: \"device\", key: \"device\", title: \"设备\" },\n                  { dataIndex: \"mount_point\", key: \"mount_point\", title: \"挂载点\" },\n                  { dataIndex: \"total\", key: \"total\", title: \"总大小\" },\n                  { dataIndex: \"used\", key: \"used\", title: \"已用空间\" },\n                  { dataIndex: \"free\", key: \"free\", title: \"可用空间\" },\n                  { dataIndex: \"percent\", key: \"percent\", title: \"使用率\" }\n                ]}\n                rowKey=\"device\"\n                pagination={false}\n              />\n            </Card>\n          ))}\n        </View>\n      );\n- brick: style\n  properties:\n    textContent: |\n      .monaco-editor .overflow-guard {\n        border-radius: 0!important;\n        border: none!important;\n      }\n# -- YAML DELIMITER (1nbbm8) --\n# <vb-experiment.app-playground\n#   style=\"display: block; position: fixed; inset: 0\"\n#   id=\"brick-1\"\n# ></vb-experiment.app-playground>\n# <style>\n#   .monaco-editor .overflow-guard {\n#     border-radius: 0 !important;\n#     border: none !important;\n#   }\n# </style>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.source =\n#     'import { useState } from \"next-tsx\";\\n\\nconst RESPONSE = {\\n  \"list\": [\\n    {\\n      \"inode_usage\": [\\n        {\\n          \"total_inodes\": 21162000,\\n          \"used_inodes\": 1385716,\\n          \"free_inodes\": 19776284,\\n          \"percent\": \"7%\",\\n          \"device\": \"/dev/mapper/centos-root\",\\n          \"mount_point\": \"/\"\\n        }\\n      ],\\n      \"ip\": \"172.30.0.134\",\\n      \"disk_usage\": [\\n        {\\n          \"total\": \"95.00GB\",\\n          \"used\": \"85.00GB\",\\n          \"free\": \"9.00GB\",\\n          \"percent\": \"91%\",\\n          \"rw_status\": \"rw\",\\n          \"device\": \"/dev/mapper/centos-root\",\\n          \"mount_point\": \"/\"\\n        }\\n      ]\\n    }\\n  ]\\n};\\n\\nexport default (\\n  <View title=\"磁盘使用情况\">\\n    {RESPONSE.list.map((item) => (\\n      <Card title={item.ip}>\\n        <Plaintext>磁盘空间使用</Plaintext>\\n        <Table\\n          dataSource={{ list: item.disk_usage }}\\n          columns={[\\n            { dataIndex: \"device\", key: \"device\", title: \"设备\" },\\n            { dataIndex: \"mount_point\", key: \"mount_point\", title: \"挂载点\" },\\n            { dataIndex: \"total\", key: \"total\", title: \"总大小\" },\\n            { dataIndex: \"used\", key: \"used\", title: \"已用空间\" },\\n            { dataIndex: \"free\", key: \"free\", title: \"可用空间\" },\\n            { dataIndex: \"percent\", key: \"percent\", title: \"使用率\" }\\n          ]}\\n          rowKey=\"device\"\\n          pagination={false}\\n        />\\n      </Card>\\n    ))}\\n  </View>\\n);\\n';\n# </script>\n# \n```\n\n### With Change Event\n\n监听代码变化事件，获取编辑器中最新的代码内容。\n\n```yaml preview minHeight=\"300px\"\nbrick: vb-experiment.app-playground\nproperties:\n  style:\n    display: block\n    height: 300px\n  source: |\n    export default (\n      <View title=\"Hello World\">\n        <Plaintext>Hello, Next TSX!</Plaintext>\n      </View>\n    );\nevents:\n  change:\n    action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <vb-experiment.app-playground\n#   style=\"display: block; height: 300px\"\n#   id=\"brick-1\"\n# ></vb-experiment.app-playground>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.source =\n#     'export default (\\n  <View title=\"Hello World\">\\n    <Plaintext>Hello, Next TSX!</Plaintext>\\n  </View>\\n);\\n';\n#   brick_1.addEventListener(\"change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
   }
 }

package/dist/{index.da2f4f76.js → index.a6ac7da7.js}

@@ -1,2 +1,2 @@
-(()=>{"use strict";var e,t,r,n,o,a,l,i,s,c,d,u,f,h,p,m,b,v,x,g,y,P,w,k={7304:(e,t,r)=>{var n={"./export-as-source-files":()=>Promise.all([r.e(8135),r.e(6894),r.e(9752),r.e(410),r.e(246),r.e(6494)]).then((()=>()=>r(8631))),"./export-widgets":()=>Promise.all([r.e(6894),r.e(410),r.e(269)]).then((()=>()=>r(8466))),"./tsx-playground":()=>Promise.all([r.e(8135),r.e(3483),r.e(563),r.e(410),r.e(8769),r.e(870),r.e(128),r.e(981),r.e(1321),r.e(5188),r.e(4419),r.e(8796),r.e(3058)]).then((()=>()=>r(5022))),"./app-preview":()=>Promise.all([r.e(8769),r.e(870),r.e(128),r.e(981),r.e(4419),r.e(7983)]).then((()=>()=>r(875))),"./app-playground":()=>Promise.all([r.e(8135),r.e(3483),r.e(563),r.e(410),r.e(8769),r.e(870),r.e(981),r.e(1321),r.e(5188),r.e(4419),r.e(8796),r.e(2510)]).then((()=>()=>r(9142)))},o=(e,t)=>(r.R=t,t=r.o(n,e)?n[e]():Promise.resolve().then((()=>{throw new Error('Module "'+e+'" does not exist in container.')})),r.R=void 0,t),a=(e,t)=>{if(r.S){var n="default",o=r.S[n];if(o&&o!==e)throw new Error("Container initialization failed as it has already been initialized with a different share scope");return r.S[n]=e,r.I(n,t)}};r.d(t,{get:()=>o,init:()=>a})}},j={};function S(e){var t=j[e];if(void 0!==t)return t.exports;var r=j[e]={id:e,loaded:!1,exports:{}};return k[e].call(r.exports,r,r.exports,S),r.loaded=!0,r.exports}S.m=k,S.c=j,S.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return S.d(t,{a:t}),t},S.d=(e,t)=>{for(var r in t)S.o(t,r)&&!S.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},S.f={},S.e=e=>Promise.all(Object.keys(S.f).reduce(((t,r)=>(S.f[r](e,t),t)),[])),S.u=e=>"chunks/"+({269:"export-widgets",2510:"app-playground",3058:"tsx-playground",6494:"export-as-source-files",7983:"app-preview"}[e]||e)+"."+{114:"02b24711",246:"edb40dcb",269:"b6325df8",726:"cff7efcc",871:"7f3be2fb",948:"7f8e7e72",1045:"21cab61f",1122:"e8137c1f",1370:"a95013f8",1889:"e2b26594",1940:"94c2f81b",2052:"d93bd2a2",2277:"cafa9fa6",2357:"2fb15b99",2510:"bbfe9735",3058:"7cc3ac8d",3144:"7b88e520",3171:"95cc1b7d",3426:"b09ed5b7",3483:"023fac95",4041:"245c34a2",4212:"0034ca30",4306:"8fed0680",4658:"906b7eb7",4765:"c8d6b7c7",4837:"208ae445",5250:"068cc2c9",5384:"8a54d475",5399:"22dcdc27",5552:"7cd1c4db",6494:"3cabf001",6519:"c8005938",6773:"87d0ae93",6894:"03ec90f3",7146:"fae544eb",7218:"00131d23",7721:"510882be",7733:"5b0ddb7e",7983:"9d068eec",8135:"e17b904e",8989:"440ca8ad",9515:"aa5c47c7",9559:"599a63bf",9752:"12c61013",9844:"bcb533dc"}[e]+".js",S.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),S.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="@next-bricks/vb-experiment:",S.l=(r,n,o,a)=>{if(e[r])e[r].push(n);else{var l,i;if(void 0!==o)for(var s=document.getElementsByTagName("script"),c=0;c<s.length;c++){var d=s[c];if(d.getAttribute("src")==r||d.getAttribute("data-webpack")==t+o){l=d;break}}l||(i=!0,(l=document.createElement("script")).charset="utf-8",l.timeout=120,S.nc&&l.setAttribute("nonce",S.nc),l.setAttribute("data-webpack",t+o),l.src=r),e[r]=[n];var u=(t,n)=>{l.onerror=l.onload=null,clearTimeout(f);var o=e[r];if(delete e[r],l.parentNode&&l.parentNode.removeChild(l),o&&o.forEach((e=>e(n))),t)return t(n)},f=setTimeout(u.bind(null,void 0,{type:"timeout",target:l}),12e4);l.onerror=u.bind(null,l.onerror),l.onload=u.bind(null,l.onload),i&&document.head.appendChild(l)}},S.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},S.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{S.S={};var e={},t={};S.I=(r,n)=>{n||(n=[]);var o=t[r];if(o||(o=t[r]={}),!(n.indexOf(o)>=0)){if(n.push(o),e[r])return e[r];S.o(S.S,r)||(S.S[r]={});var a=S.S[r],l="@next-bricks/vb-experiment",i=(e,t,r,n)=>{var o=a[e]=a[e]||{},i=o[t];(!i||!i.loaded&&(!n!=!i.eager?n:l>i.from))&&(o[t]={get:r,from:l,eager:!!n})},s=[];return"default"===r&&(i("@babel/parser","7.27.2",(()=>S.e(6773).then((()=>()=>S(6773))))),i("@easyops-cn/brick-next-pipes","0.7.6",(()=>Promise.all([S.e(4306),S.e(563),S.e(1916),S.e(5310)]).then((()=>()=>S(4306))))),i("@next-core/cook","2.5.12",(()=>Promise.all([S.e(1122),S.e(580)]).then((()=>()=>S(1122))))),i("@next-core/element","1.2.19",(()=>S.e(1045).then((()=>()=>S(1045))))),i("@next-core/http","1.2.14",(()=>S.e(8989).then((()=>()=>S(8989))))),i("@next-core/i18n","1.0.87",(()=>Promise.all([S.e(410),S.e(671),S.e(9733),S.e(5552)]).then((()=>()=>S(5552))))),i("@next-core/inject","1.0.62",(()=>Promise.all([S.e(563),S.e(9933),S.e(2277)]).then((()=>()=>S(2277))))),i("@next-core/loader","1.6.17",(()=>S.e(5399).then((()=>()=>S(5399))))),i("@next-core/pipes","2.0.36",(()=>S.e(6519).then((()=>()=>S(6519))))),i("@next-core/react-element","1.0.38",(()=>Promise.all([S.e(8769),S.e(870),S.e(9435),S.e(114)]).then((()=>()=>S(114))))),i("@next-core/react-runtime","1.7.43",(()=>Promise.all([S.e(563),S.e(8769),S.e(128),S.e(981),S.e(4837)]).then((()=>()=>S(4837))))),i("@next-core/runtime","1.71.4",(()=>Promise.all([S.e(948),S.e(563),S.e(410),S.e(1321),S.e(5188),S.e(1916),S.e(9733),S.e(6345)]).then((()=>()=>S(948))))),i("@next-core/supply","2.3.9",(()=>Promise.all([S.e(563),S.e(9933),S.e(1916),S.e(9559)]).then((()=>()=>S(9559))))),i("@next-core/theme","1.6.1",(()=>Promise.all([S.e(1889),S.e(2052)]).then((()=>()=>S(1889))))),i("@next-core/utils/general","1.8.8",(()=>S.e(871).then((()=>()=>S(871))))),i("@next-core/utils/storyboard","1.8.8",(()=>Promise.all([S.e(563),S.e(410),S.e(1321),S.e(7146)]).then((()=>()=>S(7146))))),i("history","4.10.1",(()=>S.e(5384).then((()=>()=>S(5384))))),i("i18next-browser-languagedetector","7.2.2",(()=>S.e(726).then((()=>()=>S(726))))),i("i18next","22.5.1",(()=>S.e(2357).then((()=>()=>S(2357))))),i("js-yaml","3.14.1",(()=>S.e(9515).then((()=>()=>S(9515))))),i("lodash","4.17.21",(()=>S.e(5250).then((()=>()=>S(5250))))),i("moment/locale/zh-cn.js","2.30.1",(()=>Promise.all([S.e(7721),S.e(9844)]).then((()=>()=>S(1329))))),i("moment","2.30.1",(()=>Promise.all([S.e(7721),S.e(9844)]).then((()=>()=>S(9420))))),i("react-dom","0.0.0-experimental-ee8509801-20230117",(()=>Promise.all([S.e(3144),S.e(8769)]).then((()=>()=>S(3144))))),i("react","0.0.0-experimental-ee8509801-20230117",(()=>S.e(4041).then((()=>()=>S(4041)))))),e[r]=s.length?Promise.all(s).then((()=>e[r]=1)):1}}})(),(()=>{var e;S.g.importScripts&&(e=S.g.location+"");var t=S.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var n=r.length-1;n>-1&&(!e||!/^http(s?):/.test(e));)e=r[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),S.p=e})(),r=e=>{var t=e=>e.split(".").map((e=>+e==e?+e:e)),r=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),n=r[1]?t(r[1]):[];return r[2]&&(n.length++,n.push.apply(n,t(r[2]))),r[3]&&(n.push([]),n.push.apply(n,t(r[3]))),n},n=(e,t)=>{e=r(e),t=r(t);for(var n=0;;){if(n>=e.length)return n<t.length&&"u"!=(typeof t[n])[0];var o=e[n],a=(typeof o)[0];if(n>=t.length)return"u"==a;var l=t[n],i=(typeof l)[0];if(a!=i)return"o"==a&&"n"==i||"s"==i||"u"==a;if("o"!=a&&"u"!=a&&o!=l)return o<l;n++}},o=e=>{var t=e[0],r="";if(1===e.length)return"*";if(t+.5){r+=0==t?">=":-1==t?"<":1==t?"^":2==t?"~":t>0?"=":"!=";for(var n=1,a=1;a<e.length;a++)n--,r+="u"==(typeof(i=e[a]))[0]?"-":(n>0?".":"")+(n=2,i);return r}var l=[];for(a=1;a<e.length;a++){var i=e[a];l.push(0===i?"not("+s()+")":1===i?"("+s()+" || "+s()+")":2===i?l.pop()+" "+l.pop():o(i))}return s();function s(){return l.pop().replace(/^\((.+)\)$/,"$1")}},a=(e,t)=>{if(0 in e){t=r(t);var n=e[0],o=n<0;o&&(n=-n-1);for(var l=0,i=1,s=!0;;i++,l++){var c,d,u=i<e.length?(typeof e[i])[0]:"";if(l>=t.length||"o"==(d=(typeof(c=t[l]))[0]))return!s||("u"==u?i>n&&!o:""==u!=o);if("u"==d){if(!s||"u"!=u)return!1}else if(s)if(u==d)if(i<=n){if(c!=e[i])return!1}else{if(o?c>e[i]:c<e[i])return!1;c!=e[i]&&(s=!1)}else if("s"!=u&&"n"!=u){if(o||i<=n)return!1;s=!1,i--}else{if(i<=n||d<u!=o)return!1;s=!1}else"s"!=u&&"n"!=u&&(s=!1,i--)}}var f=[],h=f.pop.bind(f);for(l=1;l<e.length;l++){var p=e[l];f.push(1==p?h()|h():2==p?h()&h():p?a(p,t):!h())}return!!h()},l=(e,t)=>e&&S.o(e,t),i=e=>(e.loaded=1,e.get()),s=e=>Object.keys(e).reduce(((t,r)=>(e[r].eager&&(t[r]=e[r]),t)),{}),c=(e,t,r,o)=>{var l=o?s(e[t]):e[t];return(t=Object.keys(l).reduce(((e,t)=>!a(r,t)||e&&!n(e,t)?e:t),0))&&l[t]},d=(e,t,r)=>{var o=r?s(e[t]):e[t];return Object.keys(o).reduce(((e,t)=>!e||!o[e].loaded&&n(e,t)?t:e),0)},u=(e,t,r,n)=>"Unsatisfied version "+r+" from "+(r&&e[t][r].from)+" of shared singleton module "+t+" (required "+o(n)+")",f=(e,t,r,n,a)=>{var l=e[r];return"No satisfying version ("+o(n)+")"+(a?" for eager consumption":"")+" of shared module "+r+" found in shared scope "+t+".\nAvailable versions: "+Object.keys(l).map((e=>e+" from "+l[e].from)).join(", ")},h=e=>{throw new Error(e)},p=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},b=(e,t,r)=>r?r():((e,t)=>h("Shared module "+t+" doesn't exist in shared scope "+e))(e,t),v=(m=e=>function(t,r,n,o,a){var l=S.I(t);return l&&l.then&&!n?l.then(e.bind(e,t,S.S[t],r,!1,o,a)):e(t,S.S[t],r,n,o,a)})(((e,t,r,n,o,a)=>{if(!l(t,r))return b(e,r,a);var s=c(t,r,o,n);return s?i(s):a?a():void h(f(t,e,r,o,n))})),x=m(((e,t,r,n,o,s)=>{if(!l(t,r))return b(e,r,s);var c=d(t,r,n);return a(o,c)||p(u(t,r,c,o)),i(t[r][c])})),g={},y={563:()=>x("default","lodash",!1,[0],(()=>S.e(5250).then((()=>()=>S(5250))))),1916:()=>x("default","moment",!1,[0],(()=>Promise.all([S.e(7721),S.e(9844)]).then((()=>()=>S(9420))))),5310:()=>x("default","js-yaml",!1,[0],(()=>S.e(9515).then((()=>()=>S(9515))))),580:()=>x("default","@babel/parser",!1,[0],(()=>S.e(6773).then((()=>()=>S(6773))))),410:()=>x("default","@next-core/utils/general",!1,[1,1,8,8],(()=>S.e(871).then((()=>()=>S(871))))),848:()=>x("default","i18next-browser-languagedetector",!1,[0],(()=>S.e(726).then((()=>()=>S(726))))),5630:()=>x("default","i18next",!1,[0],(()=>S.e(2357).then((()=>()=>S(2357))))),9733:()=>x("default","@next-core/i18n",!1,[0],(()=>Promise.all([S.e(671),S.e(3171)]).then((()=>()=>S(5552))))),9933:()=>x("default","@next-core/pipes",!1,[0],(()=>S.e(6519).then((()=>()=>S(6519))))),8377:()=>x("default","@easyops-cn/brick-next-pipes",!1,[0],(()=>Promise.all([S.e(4306),S.e(563),S.e(1916),S.e(5310)]).then((()=>()=>S(4306))))),8769:()=>v("default","react",!1,[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>S.e(4041).then((()=>()=>S(4041))))),870:()=>v("default","@next-core/element",!1,[1,1,2,19],(()=>S.e(3426).then((()=>()=>S(1045))))),9435:()=>v("default","react-dom",!1,[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>S.e(3144).then((()=>()=>S(3144))))),128:()=>x("default","@next-core/runtime",!1,[1,1,71,4],(()=>Promise.all([S.e(948),S.e(563),S.e(410),S.e(1321),S.e(5188),S.e(1916),S.e(9733),S.e(6345)]).then((()=>()=>S(948))))),981:()=>v("default","@next-core/react-element",!1,[1,1,0,38],(()=>Promise.all([S.e(870),S.e(9435),S.e(7733)]).then((()=>()=>S(114))))),1321:()=>x("default","@next-core/cook",!1,[0],(()=>Promise.all([S.e(1122),S.e(580)]).then((()=>()=>S(1122))))),5188:()=>x("default","@next-core/utils/storyboard",!1,[1,1,8,8],(()=>S.e(4765).then((()=>()=>S(7146))))),1361:()=>x("default","@next-core/http",!1,[0],(()=>S.e(1370).then((()=>()=>S(8989))))),1732:()=>x("default","history",!1,[0],(()=>S.e(5384).then((()=>()=>S(5384))))),1858:()=>x("default","moment/locale/zh-cn.js",!1,[0],(()=>Promise.all([S.e(7721),S.e(9844)]).then((()=>()=>S(1329))))),4167:()=>x("default","@next-core/supply",!1,[0],(()=>Promise.all([S.e(9933),S.e(1940)]).then((()=>()=>S(9559))))),5599:()=>x("default","@next-core/loader",!1,[0],(()=>S.e(5399).then((()=>()=>S(5399))))),9283:()=>x("default","@next-core/inject",!1,[0],(()=>Promise.all([S.e(9933),S.e(4658)]).then((()=>()=>S(2277))))),4419:()=>x("default","@next-core/theme",!1,[1,1,6,1],(()=>S.e(1889).then((()=>()=>S(1889))))),8796:()=>v("default","@next-core/react-runtime",!1,[1,1,7,43],(()=>Promise.all([S.e(128),S.e(7218)]).then((()=>()=>S(4837)))))},P={128:[128],410:[410],563:[563],580:[580],671:[848,5630],870:[870],981:[981],1321:[1321],1916:[1916],4419:[4419],5188:[5188],5310:[5310],6345:[1361,1732,1858,4167,5599,9283],6519:[8377],8769:[8769],8796:[8796],9435:[9435],9733:[9733],9933:[9933]},w={},S.f.consumes=(e,t)=>{S.o(P,e)&&P[e].forEach((e=>{if(S.o(g,e))return t.push(g[e]);if(!w[e]){var r=t=>{g[e]=0,S.m[e]=r=>{delete S.c[e],r.exports=t()}};w[e]=!0;var n=t=>{delete g[e],S.m[e]=r=>{throw delete S.c[e],t}};try{var o=y[e]();o.then?t.push(g[e]=o.then(r).catch(n)):r(o)}catch(e){n(e)}}}))},(()=>{S.b=document.baseURI||self.location.href;var e={632:0};S.f.j=(t,r)=>{var n=S.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else if(/^(1(28|321|916)|5(188|310|63|80)|87(0|69|96)|9([79]33|435|81)|410|4419|6345|671)$/.test(t))e[t]=0;else{var o=new Promise(((r,o)=>n=e[t]=[r,o]));r.push(n[2]=o);var a=S.p+S.u(t),l=new Error;S.l(a,(r=>{if(S.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var o=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;l.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",l.name="ChunkLoadError",l.type=o,l.request=a,n[1](l)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,o,[a,l,i]=r,s=0;if(a.some((t=>0!==e[t]))){for(n in l)S.o(l,n)&&(S.m[n]=l[n]);i&&i(S)}for(t&&t(r);s<a.length;s++)o=a[s],S.o(e,o)&&e[o]&&e[o][0](),e[o]=0},r=globalThis.webpackChunk_next_bricks_vb_experiment=globalThis.webpackChunk_next_bricks_vb_experiment||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),S.nc=void 0;var E=S(7304);window["bricks/vb-experiment"]=E})();
-//# sourceMappingURL=index.da2f4f76.js.map
+(()=>{"use strict";var e,t,r,n,o,a,l,i,s,c,d,u,f,h,p,m,b,v,x,g,y,P,w,k={1616:(e,t,r)=>{var n={"./export-widgets":()=>Promise.all([r.e(6894),r.e(410),r.e(269)]).then((()=>()=>r(8466))),"./export-as-source-files":()=>Promise.all([r.e(8135),r.e(6894),r.e(9752),r.e(410),r.e(246),r.e(6494)]).then((()=>()=>r(8631))),"./tsx-playground":()=>Promise.all([r.e(8135),r.e(3483),r.e(563),r.e(410),r.e(8769),r.e(870),r.e(128),r.e(981),r.e(1321),r.e(5188),r.e(4419),r.e(8796),r.e(3058)]).then((()=>()=>r(5022))),"./app-preview":()=>Promise.all([r.e(8769),r.e(870),r.e(128),r.e(981),r.e(4419),r.e(7983)]).then((()=>()=>r(875))),"./app-playground":()=>Promise.all([r.e(8135),r.e(3483),r.e(563),r.e(410),r.e(8769),r.e(870),r.e(981),r.e(1321),r.e(5188),r.e(4419),r.e(8796),r.e(2510)]).then((()=>()=>r(9142)))},o=(e,t)=>(r.R=t,t=r.o(n,e)?n[e]():Promise.resolve().then((()=>{throw new Error('Module "'+e+'" does not exist in container.')})),r.R=void 0,t),a=(e,t)=>{if(r.S){var n="default",o=r.S[n];if(o&&o!==e)throw new Error("Container initialization failed as it has already been initialized with a different share scope");return r.S[n]=e,r.I(n,t)}};r.d(t,{get:()=>o,init:()=>a})}},j={};function S(e){var t=j[e];if(void 0!==t)return t.exports;var r=j[e]={id:e,loaded:!1,exports:{}};return k[e].call(r.exports,r,r.exports,S),r.loaded=!0,r.exports}S.m=k,S.c=j,S.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return S.d(t,{a:t}),t},S.d=(e,t)=>{for(var r in t)S.o(t,r)&&!S.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},S.f={},S.e=e=>Promise.all(Object.keys(S.f).reduce(((t,r)=>(S.f[r](e,t),t)),[])),S.u=e=>"chunks/"+({269:"export-widgets",2510:"app-playground",3058:"tsx-playground",6494:"export-as-source-files",7983:"app-preview"}[e]||e)+"."+{114:"02b24711",246:"edb40dcb",269:"b6325df8",726:"cff7efcc",871:"7f3be2fb",948:"7f8e7e72",1045:"21cab61f",1122:"e8137c1f",1370:"a95013f8",1889:"e2b26594",1940:"94c2f81b",2052:"d93bd2a2",2277:"cafa9fa6",2357:"2fb15b99",2510:"bbfe9735",3058:"7cc3ac8d",3144:"7b88e520",3171:"95cc1b7d",3426:"b09ed5b7",3483:"023fac95",4041:"245c34a2",4212:"0034ca30",4306:"8fed0680",4658:"906b7eb7",4765:"c8d6b7c7",4837:"208ae445",5250:"068cc2c9",5384:"8a54d475",5399:"22dcdc27",5552:"7cd1c4db",6494:"3cabf001",6519:"c8005938",6773:"87d0ae93",6894:"03ec90f3",7146:"fae544eb",7218:"00131d23",7721:"510882be",7733:"5b0ddb7e",7983:"9d068eec",8135:"e17b904e",8989:"440ca8ad",9515:"aa5c47c7",9559:"599a63bf",9752:"12c61013",9844:"bcb533dc"}[e]+".js",S.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),S.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="@next-bricks/vb-experiment:",S.l=(r,n,o,a)=>{if(e[r])e[r].push(n);else{var l,i;if(void 0!==o)for(var s=document.getElementsByTagName("script"),c=0;c<s.length;c++){var d=s[c];if(d.getAttribute("src")==r||d.getAttribute("data-webpack")==t+o){l=d;break}}l||(i=!0,(l=document.createElement("script")).charset="utf-8",l.timeout=120,S.nc&&l.setAttribute("nonce",S.nc),l.setAttribute("data-webpack",t+o),l.src=r),e[r]=[n];var u=(t,n)=>{l.onerror=l.onload=null,clearTimeout(f);var o=e[r];if(delete e[r],l.parentNode&&l.parentNode.removeChild(l),o&&o.forEach((e=>e(n))),t)return t(n)},f=setTimeout(u.bind(null,void 0,{type:"timeout",target:l}),12e4);l.onerror=u.bind(null,l.onerror),l.onload=u.bind(null,l.onload),i&&document.head.appendChild(l)}},S.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},S.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{S.S={};var e={},t={};S.I=(r,n)=>{n||(n=[]);var o=t[r];if(o||(o=t[r]={}),!(n.indexOf(o)>=0)){if(n.push(o),e[r])return e[r];S.o(S.S,r)||(S.S[r]={});var a=S.S[r],l="@next-bricks/vb-experiment",i=(e,t,r,n)=>{var o=a[e]=a[e]||{},i=o[t];(!i||!i.loaded&&(!n!=!i.eager?n:l>i.from))&&(o[t]={get:r,from:l,eager:!!n})},s=[];return"default"===r&&(i("@babel/parser","7.27.2",(()=>S.e(6773).then((()=>()=>S(6773))))),i("@easyops-cn/brick-next-pipes","0.7.6",(()=>Promise.all([S.e(4306),S.e(563),S.e(1916),S.e(5310)]).then((()=>()=>S(4306))))),i("@next-core/cook","2.5.12",(()=>Promise.all([S.e(1122),S.e(580)]).then((()=>()=>S(1122))))),i("@next-core/element","1.2.19",(()=>S.e(1045).then((()=>()=>S(1045))))),i("@next-core/http","1.2.14",(()=>S.e(8989).then((()=>()=>S(8989))))),i("@next-core/i18n","1.0.87",(()=>Promise.all([S.e(410),S.e(671),S.e(9733),S.e(5552)]).then((()=>()=>S(5552))))),i("@next-core/inject","1.0.62",(()=>Promise.all([S.e(563),S.e(9933),S.e(2277)]).then((()=>()=>S(2277))))),i("@next-core/loader","1.6.17",(()=>S.e(5399).then((()=>()=>S(5399))))),i("@next-core/pipes","2.0.36",(()=>S.e(6519).then((()=>()=>S(6519))))),i("@next-core/react-element","1.0.38",(()=>Promise.all([S.e(8769),S.e(870),S.e(9435),S.e(114)]).then((()=>()=>S(114))))),i("@next-core/react-runtime","1.7.43",(()=>Promise.all([S.e(563),S.e(8769),S.e(128),S.e(981),S.e(4837)]).then((()=>()=>S(4837))))),i("@next-core/runtime","1.71.4",(()=>Promise.all([S.e(948),S.e(563),S.e(410),S.e(1321),S.e(5188),S.e(1916),S.e(9733),S.e(6345)]).then((()=>()=>S(948))))),i("@next-core/supply","2.3.9",(()=>Promise.all([S.e(563),S.e(9933),S.e(1916),S.e(9559)]).then((()=>()=>S(9559))))),i("@next-core/theme","1.6.1",(()=>Promise.all([S.e(1889),S.e(2052)]).then((()=>()=>S(1889))))),i("@next-core/utils/general","1.8.8",(()=>S.e(871).then((()=>()=>S(871))))),i("@next-core/utils/storyboard","1.8.8",(()=>Promise.all([S.e(563),S.e(410),S.e(1321),S.e(7146)]).then((()=>()=>S(7146))))),i("history","4.10.1",(()=>S.e(5384).then((()=>()=>S(5384))))),i("i18next-browser-languagedetector","7.2.2",(()=>S.e(726).then((()=>()=>S(726))))),i("i18next","22.5.1",(()=>S.e(2357).then((()=>()=>S(2357))))),i("js-yaml","3.14.1",(()=>S.e(9515).then((()=>()=>S(9515))))),i("lodash","4.17.21",(()=>S.e(5250).then((()=>()=>S(5250))))),i("moment/locale/zh-cn.js","2.30.1",(()=>Promise.all([S.e(7721),S.e(9844)]).then((()=>()=>S(1329))))),i("moment","2.30.1",(()=>Promise.all([S.e(7721),S.e(9844)]).then((()=>()=>S(9420))))),i("react-dom","0.0.0-experimental-ee8509801-20230117",(()=>Promise.all([S.e(3144),S.e(8769)]).then((()=>()=>S(3144))))),i("react","0.0.0-experimental-ee8509801-20230117",(()=>S.e(4041).then((()=>()=>S(4041)))))),e[r]=s.length?Promise.all(s).then((()=>e[r]=1)):1}}})(),(()=>{var e;S.g.importScripts&&(e=S.g.location+"");var t=S.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var n=r.length-1;n>-1&&(!e||!/^http(s?):/.test(e));)e=r[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),S.p=e})(),r=e=>{var t=e=>e.split(".").map((e=>+e==e?+e:e)),r=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),n=r[1]?t(r[1]):[];return r[2]&&(n.length++,n.push.apply(n,t(r[2]))),r[3]&&(n.push([]),n.push.apply(n,t(r[3]))),n},n=(e,t)=>{e=r(e),t=r(t);for(var n=0;;){if(n>=e.length)return n<t.length&&"u"!=(typeof t[n])[0];var o=e[n],a=(typeof o)[0];if(n>=t.length)return"u"==a;var l=t[n],i=(typeof l)[0];if(a!=i)return"o"==a&&"n"==i||"s"==i||"u"==a;if("o"!=a&&"u"!=a&&o!=l)return o<l;n++}},o=e=>{var t=e[0],r="";if(1===e.length)return"*";if(t+.5){r+=0==t?">=":-1==t?"<":1==t?"^":2==t?"~":t>0?"=":"!=";for(var n=1,a=1;a<e.length;a++)n--,r+="u"==(typeof(i=e[a]))[0]?"-":(n>0?".":"")+(n=2,i);return r}var l=[];for(a=1;a<e.length;a++){var i=e[a];l.push(0===i?"not("+s()+")":1===i?"("+s()+" || "+s()+")":2===i?l.pop()+" "+l.pop():o(i))}return s();function s(){return l.pop().replace(/^\((.+)\)$/,"$1")}},a=(e,t)=>{if(0 in e){t=r(t);var n=e[0],o=n<0;o&&(n=-n-1);for(var l=0,i=1,s=!0;;i++,l++){var c,d,u=i<e.length?(typeof e[i])[0]:"";if(l>=t.length||"o"==(d=(typeof(c=t[l]))[0]))return!s||("u"==u?i>n&&!o:""==u!=o);if("u"==d){if(!s||"u"!=u)return!1}else if(s)if(u==d)if(i<=n){if(c!=e[i])return!1}else{if(o?c>e[i]:c<e[i])return!1;c!=e[i]&&(s=!1)}else if("s"!=u&&"n"!=u){if(o||i<=n)return!1;s=!1,i--}else{if(i<=n||d<u!=o)return!1;s=!1}else"s"!=u&&"n"!=u&&(s=!1,i--)}}var f=[],h=f.pop.bind(f);for(l=1;l<e.length;l++){var p=e[l];f.push(1==p?h()|h():2==p?h()&h():p?a(p,t):!h())}return!!h()},l=(e,t)=>e&&S.o(e,t),i=e=>(e.loaded=1,e.get()),s=e=>Object.keys(e).reduce(((t,r)=>(e[r].eager&&(t[r]=e[r]),t)),{}),c=(e,t,r,o)=>{var l=o?s(e[t]):e[t];return(t=Object.keys(l).reduce(((e,t)=>!a(r,t)||e&&!n(e,t)?e:t),0))&&l[t]},d=(e,t,r)=>{var o=r?s(e[t]):e[t];return Object.keys(o).reduce(((e,t)=>!e||!o[e].loaded&&n(e,t)?t:e),0)},u=(e,t,r,n)=>"Unsatisfied version "+r+" from "+(r&&e[t][r].from)+" of shared singleton module "+t+" (required "+o(n)+")",f=(e,t,r,n,a)=>{var l=e[r];return"No satisfying version ("+o(n)+")"+(a?" for eager consumption":"")+" of shared module "+r+" found in shared scope "+t+".\nAvailable versions: "+Object.keys(l).map((e=>e+" from "+l[e].from)).join(", ")},h=e=>{throw new Error(e)},p=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},b=(e,t,r)=>r?r():((e,t)=>h("Shared module "+t+" doesn't exist in shared scope "+e))(e,t),v=(m=e=>function(t,r,n,o,a){var l=S.I(t);return l&&l.then&&!n?l.then(e.bind(e,t,S.S[t],r,!1,o,a)):e(t,S.S[t],r,n,o,a)})(((e,t,r,n,o,a)=>{if(!l(t,r))return b(e,r,a);var s=c(t,r,o,n);return s?i(s):a?a():void h(f(t,e,r,o,n))})),x=m(((e,t,r,n,o,s)=>{if(!l(t,r))return b(e,r,s);var c=d(t,r,n);return a(o,c)||p(u(t,r,c,o)),i(t[r][c])})),g={},y={563:()=>x("default","lodash",!1,[0],(()=>S.e(5250).then((()=>()=>S(5250))))),1916:()=>x("default","moment",!1,[0],(()=>Promise.all([S.e(7721),S.e(9844)]).then((()=>()=>S(9420))))),5310:()=>x("default","js-yaml",!1,[0],(()=>S.e(9515).then((()=>()=>S(9515))))),580:()=>x("default","@babel/parser",!1,[0],(()=>S.e(6773).then((()=>()=>S(6773))))),410:()=>x("default","@next-core/utils/general",!1,[1,1,8,8],(()=>S.e(871).then((()=>()=>S(871))))),848:()=>x("default","i18next-browser-languagedetector",!1,[0],(()=>S.e(726).then((()=>()=>S(726))))),5630:()=>x("default","i18next",!1,[0],(()=>S.e(2357).then((()=>()=>S(2357))))),9733:()=>x("default","@next-core/i18n",!1,[0],(()=>Promise.all([S.e(671),S.e(3171)]).then((()=>()=>S(5552))))),9933:()=>x("default","@next-core/pipes",!1,[0],(()=>S.e(6519).then((()=>()=>S(6519))))),8377:()=>x("default","@easyops-cn/brick-next-pipes",!1,[0],(()=>Promise.all([S.e(4306),S.e(563),S.e(1916),S.e(5310)]).then((()=>()=>S(4306))))),8769:()=>v("default","react",!1,[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>S.e(4041).then((()=>()=>S(4041))))),870:()=>v("default","@next-core/element",!1,[1,1,2,19],(()=>S.e(3426).then((()=>()=>S(1045))))),9435:()=>v("default","react-dom",!1,[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>S.e(3144).then((()=>()=>S(3144))))),128:()=>x("default","@next-core/runtime",!1,[1,1,71,4],(()=>Promise.all([S.e(948),S.e(563),S.e(410),S.e(1321),S.e(5188),S.e(1916),S.e(9733),S.e(6345)]).then((()=>()=>S(948))))),981:()=>v("default","@next-core/react-element",!1,[1,1,0,38],(()=>Promise.all([S.e(870),S.e(9435),S.e(7733)]).then((()=>()=>S(114))))),1321:()=>x("default","@next-core/cook",!1,[0],(()=>Promise.all([S.e(1122),S.e(580)]).then((()=>()=>S(1122))))),5188:()=>x("default","@next-core/utils/storyboard",!1,[1,1,8,8],(()=>S.e(4765).then((()=>()=>S(7146))))),1361:()=>x("default","@next-core/http",!1,[0],(()=>S.e(1370).then((()=>()=>S(8989))))),1732:()=>x("default","history",!1,[0],(()=>S.e(5384).then((()=>()=>S(5384))))),1858:()=>x("default","moment/locale/zh-cn.js",!1,[0],(()=>Promise.all([S.e(7721),S.e(9844)]).then((()=>()=>S(1329))))),4167:()=>x("default","@next-core/supply",!1,[0],(()=>Promise.all([S.e(9933),S.e(1940)]).then((()=>()=>S(9559))))),5599:()=>x("default","@next-core/loader",!1,[0],(()=>S.e(5399).then((()=>()=>S(5399))))),9283:()=>x("default","@next-core/inject",!1,[0],(()=>Promise.all([S.e(9933),S.e(4658)]).then((()=>()=>S(2277))))),4419:()=>x("default","@next-core/theme",!1,[1,1,6,1],(()=>S.e(1889).then((()=>()=>S(1889))))),8796:()=>v("default","@next-core/react-runtime",!1,[1,1,7,43],(()=>Promise.all([S.e(128),S.e(7218)]).then((()=>()=>S(4837)))))},P={128:[128],410:[410],563:[563],580:[580],671:[848,5630],870:[870],981:[981],1321:[1321],1916:[1916],4419:[4419],5188:[5188],5310:[5310],6345:[1361,1732,1858,4167,5599,9283],6519:[8377],8769:[8769],8796:[8796],9435:[9435],9733:[9733],9933:[9933]},w={},S.f.consumes=(e,t)=>{S.o(P,e)&&P[e].forEach((e=>{if(S.o(g,e))return t.push(g[e]);if(!w[e]){var r=t=>{g[e]=0,S.m[e]=r=>{delete S.c[e],r.exports=t()}};w[e]=!0;var n=t=>{delete g[e],S.m[e]=r=>{throw delete S.c[e],t}};try{var o=y[e]();o.then?t.push(g[e]=o.then(r).catch(n)):r(o)}catch(e){n(e)}}}))},(()=>{S.b=document.baseURI||self.location.href;var e={632:0};S.f.j=(t,r)=>{var n=S.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else if(/^(1(28|321|916)|5(188|310|63|80)|87(0|69|96)|9([79]33|435|81)|410|4419|6345|671)$/.test(t))e[t]=0;else{var o=new Promise(((r,o)=>n=e[t]=[r,o]));r.push(n[2]=o);var a=S.p+S.u(t),l=new Error;S.l(a,(r=>{if(S.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var o=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;l.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",l.name="ChunkLoadError",l.type=o,l.request=a,n[1](l)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,o,[a,l,i]=r,s=0;if(a.some((t=>0!==e[t]))){for(n in l)S.o(l,n)&&(S.m[n]=l[n]);i&&i(S)}for(t&&t(r);s<a.length;s++)o=a[s],S.o(e,o)&&e[o]&&e[o][0](),e[o]=0},r=globalThis.webpackChunk_next_bricks_vb_experiment=globalThis.webpackChunk_next_bricks_vb_experiment||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),S.nc=void 0;var E=S(1616);window["bricks/vb-experiment"]=E})();
+//# sourceMappingURL=index.a6ac7da7.js.map