@nocobase/plugin-charts 0.11.1-alpha.4 → 0.12.0-alpha.1

package/dist/client/index.js

@@ -0,0 +1,3234 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("@formily/core"), require("@nocobase/client"), require("antd"), require("@formily/antd-v5"), require("@formily/react"), require("@nocobase/utils/client"), require("react-i18next"), require("@ant-design/icons"), require("react-router-dom"), require("lodash"), require("@formily/shared")) : typeof define === "function" && define.amd ? define(["exports", "react", "@formily/core", "@nocobase/client", "antd", "@formily/antd-v5", "@formily/react", "@nocobase/utils/client", "react-i18next", "@ant-design/icons", "react-router-dom", "lodash", "@formily/shared"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["@nocobase/plugin-charts"] = {}, global.react, global["@formily/core"], global["@nocobase/client"], global.antd, global["@formily/antd-v5"], global["@formily/react"], global["@nocobase/utils"], global["react-i18next"], global["@ant-design/icons"], global["react-router-dom"], global.lodash, global["@formily/shared"]));
+})(this, function(exports2, require$$0, core, client, antd, antdV5, react, client$1, reactI18next, icons, reactRouterDom, lodash, shared) {
+  "use strict";
+  var jsxRuntime = { exports: {} };
+  var reactJsxRuntime_production_min = {};
+  /**
+   * @license React
+   * react-jsx-runtime.production.min.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+  var f = require$$0, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true };
+  function q(c2, a, g) {
+    var b, d = {}, e = null, h = null;
+    void 0 !== g && (e = "" + g);
+    void 0 !== a.key && (e = "" + a.key);
+    void 0 !== a.ref && (h = a.ref);
+    for (b in a)
+      m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
+    if (c2 && c2.defaultProps)
+      for (b in a = c2.defaultProps, a)
+        void 0 === d[b] && (d[b] = a[b]);
+    return { $$typeof: k, type: c2, key: e, ref: h, props: d, _owner: n.current };
+  }
+  reactJsxRuntime_production_min.Fragment = l;
+  reactJsxRuntime_production_min.jsx = q;
+  reactJsxRuntime_production_min.jsxs = q;
+  {
+    jsxRuntime.exports = reactJsxRuntime_production_min;
+  }
+  var jsxRuntimeExports = jsxRuntime.exports;
+  var Space_Separator = /[\u1680\u2000-\u200A\u202F\u205F\u3000]/;
+  var ID_Start = /[\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0860-\u086A\u08A0-\u08B4\u08B6-\u08BD\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u09FC\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C60\u0C61\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D5F-\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F8\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1C80-\u1C88\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2160-\u2188\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005-\u3007\u3021-\u3029\u3031-\u3035\u3038-\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312E\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FEA\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6EF\uA717-\uA71F\uA722-\uA788\uA78B-\uA7AE\uA7B0-\uA7B7\uA7F7-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA8FD\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uA9E0-\uA9E4\uA9E6-\uA9EF\uA9FA-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB65\uAB70-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDD40-\uDD74\uDE80-\uDE9C\uDEA0-\uDED0\uDF00-\uDF1F\uDF2D-\uDF4A\uDF50-\uDF75\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF\uDFD1-\uDFD5]|\uD801[\uDC00-\uDC9D\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC60-\uDC76\uDC80-\uDC9E\uDCE0-\uDCF2\uDCF4\uDCF5\uDD00-\uDD15\uDD20-\uDD39\uDD80-\uDDB7\uDDBE\uDDBF\uDE00\uDE10-\uDE13\uDE15-\uDE17\uDE19-\uDE33\uDE60-\uDE7C\uDE80-\uDE9C\uDEC0-\uDEC7\uDEC9-\uDEE4\uDF00-\uDF35\uDF40-\uDF55\uDF60-\uDF72\uDF80-\uDF91]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2]|\uD804[\uDC03-\uDC37\uDC83-\uDCAF\uDCD0-\uDCE8\uDD03-\uDD26\uDD50-\uDD72\uDD76\uDD83-\uDDB2\uDDC1-\uDDC4\uDDDA\uDDDC\uDE00-\uDE11\uDE13-\uDE2B\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEDE\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3D\uDF50\uDF5D-\uDF61]|\uD805[\uDC00-\uDC34\uDC47-\uDC4A\uDC80-\uDCAF\uDCC4\uDCC5\uDCC7\uDD80-\uDDAE\uDDD8-\uDDDB\uDE00-\uDE2F\uDE44\uDE80-\uDEAA\uDF00-\uDF19]|\uD806[\uDCA0-\uDCDF\uDCFF\uDE00\uDE0B-\uDE32\uDE3A\uDE50\uDE5C-\uDE83\uDE86-\uDE89\uDEC0-\uDEF8]|\uD807[\uDC00-\uDC08\uDC0A-\uDC2E\uDC40\uDC72-\uDC8F\uDD00-\uDD06\uDD08\uDD09\uDD0B-\uDD30\uDD46]|\uD808[\uDC00-\uDF99]|\uD809[\uDC00-\uDC6E\uDC80-\uDD43]|[\uD80C\uD81C-\uD820\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2E]|\uD811[\uDC00-\uDE46]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDED0-\uDEED\uDF00-\uDF2F\uDF40-\uDF43\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDF00-\uDF44\uDF50\uDF93-\uDF9F\uDFE0\uDFE1]|\uD821[\uDC00-\uDFEC]|\uD822[\uDC00-\uDEF2]|\uD82C[\uDC00-\uDD1E\uDD70-\uDEFB]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB]|\uD83A[\uDC00-\uDCC4\uDD00-\uDD43]|\uD83B[\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|\uD87E[\uDC00-\uDE1D]/;
+  var ID_Continue = /[\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0300-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u0483-\u0487\u048A-\u052F\u0531-\u0556\u0559\u0561-\u0587\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u05D0-\u05EA\u05F0-\u05F2\u0610-\u061A\u0620-\u0669\u066E-\u06D3\u06D5-\u06DC\u06DF-\u06E8\u06EA-\u06FC\u06FF\u0710-\u074A\u074D-\u07B1\u07C0-\u07F5\u07FA\u0800-\u082D\u0840-\u085B\u0860-\u086A\u08A0-\u08B4\u08B6-\u08BD\u08D4-\u08E1\u08E3-\u0963\u0966-\u096F\u0971-\u0983\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BC-\u09C4\u09C7\u09C8\u09CB-\u09CE\u09D7\u09DC\u09DD\u09DF-\u09E3\u09E6-\u09F1\u09FC\u0A01-\u0A03\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A59-\u0A5C\u0A5E\u0A66-\u0A75\u0A81-\u0A83\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABC-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AD0\u0AE0-\u0AE3\u0AE6-\u0AEF\u0AF9-\u0AFF\u0B01-\u0B03\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3C-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B56\u0B57\u0B5C\u0B5D\u0B5F-\u0B63\u0B66-\u0B6F\u0B71\u0B82\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD0\u0BD7\u0BE6-\u0BEF\u0C00-\u0C03\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C58-\u0C5A\u0C60-\u0C63\u0C66-\u0C6F\u0C80-\u0C83\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBC-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CDE\u0CE0-\u0CE3\u0CE6-\u0CEF\u0CF1\u0CF2\u0D00-\u0D03\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D44\u0D46-\u0D48\u0D4A-\u0D4E\u0D54-\u0D57\u0D5F-\u0D63\u0D66-\u0D6F\u0D7A-\u0D7F\u0D82\u0D83\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DE6-\u0DEF\u0DF2\u0DF3\u0E01-\u0E3A\u0E40-\u0E4E\u0E50-\u0E59\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB9\u0EBB-\u0EBD\u0EC0-\u0EC4\u0EC6\u0EC8-\u0ECD\u0ED0-\u0ED9\u0EDC-\u0EDF\u0F00\u0F18\u0F19\u0F20-\u0F29\u0F35\u0F37\u0F39\u0F3E-\u0F47\u0F49-\u0F6C\u0F71-\u0F84\u0F86-\u0F97\u0F99-\u0FBC\u0FC6\u1000-\u1049\u1050-\u109D\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u135D-\u135F\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F8\u1700-\u170C\u170E-\u1714\u1720-\u1734\u1740-\u1753\u1760-\u176C\u176E-\u1770\u1772\u1773\u1780-\u17D3\u17D7\u17DC\u17DD\u17E0-\u17E9\u180B-\u180D\u1810-\u1819\u1820-\u1877\u1880-\u18AA\u18B0-\u18F5\u1900-\u191E\u1920-\u192B\u1930-\u193B\u1946-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u19D0-\u19D9\u1A00-\u1A1B\u1A20-\u1A5E\u1A60-\u1A7C\u1A7F-\u1A89\u1A90-\u1A99\u1AA7\u1AB0-\u1ABD\u1B00-\u1B4B\u1B50-\u1B59\u1B6B-\u1B73\u1B80-\u1BF3\u1C00-\u1C37\u1C40-\u1C49\u1C4D-\u1C7D\u1C80-\u1C88\u1CD0-\u1CD2\u1CD4-\u1CF9\u1D00-\u1DF9\u1DFB-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u203F\u2040\u2054\u2071\u207F\u2090-\u209C\u20D0-\u20DC\u20E1\u20E5-\u20F0\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2160-\u2188\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D7F-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2DE0-\u2DFF\u2E2F\u3005-\u3007\u3021-\u302F\u3031-\u3035\u3038-\u303C\u3041-\u3096\u3099\u309A\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312E\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FEA\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA62B\uA640-\uA66F\uA674-\uA67D\uA67F-\uA6F1\uA717-\uA71F\uA722-\uA788\uA78B-\uA7AE\uA7B0-\uA7B7\uA7F7-\uA827\uA840-\uA873\uA880-\uA8C5\uA8D0-\uA8D9\uA8E0-\uA8F7\uA8FB\uA8FD\uA900-\uA92D\uA930-\uA953\uA960-\uA97C\uA980-\uA9C0\uA9CF-\uA9D9\uA9E0-\uA9FE\uAA00-\uAA36\uAA40-\uAA4D\uAA50-\uAA59\uAA60-\uAA76\uAA7A-\uAAC2\uAADB-\uAADD\uAAE0-\uAAEF\uAAF2-\uAAF6\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB65\uAB70-\uABEA\uABEC\uABED\uABF0-\uABF9\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE00-\uFE0F\uFE20-\uFE2F\uFE33\uFE34\uFE4D-\uFE4F\uFE70-\uFE74\uFE76-\uFEFC\uFF10-\uFF19\uFF21-\uFF3A\uFF3F\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDD40-\uDD74\uDDFD\uDE80-\uDE9C\uDEA0-\uDED0\uDEE0\uDF00-\uDF1F\uDF2D-\uDF4A\uDF50-\uDF7A\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF\uDFD1-\uDFD5]|\uD801[\uDC00-\uDC9D\uDCA0-\uDCA9\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC60-\uDC76\uDC80-\uDC9E\uDCE0-\uDCF2\uDCF4\uDCF5\uDD00-\uDD15\uDD20-\uDD39\uDD80-\uDDB7\uDDBE\uDDBF\uDE00-\uDE03\uDE05\uDE06\uDE0C-\uDE13\uDE15-\uDE17\uDE19-\uDE33\uDE38-\uDE3A\uDE3F\uDE60-\uDE7C\uDE80-\uDE9C\uDEC0-\uDEC7\uDEC9-\uDEE6\uDF00-\uDF35\uDF40-\uDF55\uDF60-\uDF72\uDF80-\uDF91]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2]|\uD804[\uDC00-\uDC46\uDC66-\uDC6F\uDC7F-\uDCBA\uDCD0-\uDCE8\uDCF0-\uDCF9\uDD00-\uDD34\uDD36-\uDD3F\uDD50-\uDD73\uDD76\uDD80-\uDDC4\uDDCA-\uDDCC\uDDD0-\uDDDA\uDDDC\uDE00-\uDE11\uDE13-\uDE37\uDE3E\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEEA\uDEF0-\uDEF9\uDF00-\uDF03\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3C-\uDF44\uDF47\uDF48\uDF4B-\uDF4D\uDF50\uDF57\uDF5D-\uDF63\uDF66-\uDF6C\uDF70-\uDF74]|\uD805[\uDC00-\uDC4A\uDC50-\uDC59\uDC80-\uDCC5\uDCC7\uDCD0-\uDCD9\uDD80-\uDDB5\uDDB8-\uDDC0\uDDD8-\uDDDD\uDE00-\uDE40\uDE44\uDE50-\uDE59\uDE80-\uDEB7\uDEC0-\uDEC9\uDF00-\uDF19\uDF1D-\uDF2B\uDF30-\uDF39]|\uD806[\uDCA0-\uDCE9\uDCFF\uDE00-\uDE3E\uDE47\uDE50-\uDE83\uDE86-\uDE99\uDEC0-\uDEF8]|\uD807[\uDC00-\uDC08\uDC0A-\uDC36\uDC38-\uDC40\uDC50-\uDC59\uDC72-\uDC8F\uDC92-\uDCA7\uDCA9-\uDCB6\uDD00-\uDD06\uDD08\uDD09\uDD0B-\uDD36\uDD3A\uDD3C\uDD3D\uDD3F-\uDD47\uDD50-\uDD59]|\uD808[\uDC00-\uDF99]|\uD809[\uDC00-\uDC6E\uDC80-\uDD43]|[\uD80C\uD81C-\uD820\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2E]|\uD811[\uDC00-\uDE46]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDE60-\uDE69\uDED0-\uDEED\uDEF0-\uDEF4\uDF00-\uDF36\uDF40-\uDF43\uDF50-\uDF59\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDF00-\uDF44\uDF50-\uDF7E\uDF8F-\uDF9F\uDFE0\uDFE1]|\uD821[\uDC00-\uDFEC]|\uD822[\uDC00-\uDEF2]|\uD82C[\uDC00-\uDD1E\uDD70-\uDEFB]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99\uDC9D\uDC9E]|\uD834[\uDD65-\uDD69\uDD6D-\uDD72\uDD7B-\uDD82\uDD85-\uDD8B\uDDAA-\uDDAD\uDE42-\uDE44]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB\uDFCE-\uDFFF]|\uD836[\uDE00-\uDE36\uDE3B-\uDE6C\uDE75\uDE84\uDE9B-\uDE9F\uDEA1-\uDEAF]|\uD838[\uDC00-\uDC06\uDC08-\uDC18\uDC1B-\uDC21\uDC23\uDC24\uDC26-\uDC2A]|\uD83A[\uDC00-\uDCC4\uDCD0-\uDCD6\uDD00-\uDD4A\uDD50-\uDD59]|\uD83B[\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|\uD87E[\uDC00-\uDE1D]|\uDB40[\uDD00-\uDDEF]/;
+  var unicode = {
+    Space_Separator,
+    ID_Start,
+    ID_Continue
+  };
+  var util = {
+    isSpaceSeparator(c2) {
+      return typeof c2 === "string" && unicode.Space_Separator.test(c2);
+    },
+    isIdStartChar(c2) {
+      return typeof c2 === "string" && (c2 >= "a" && c2 <= "z" || c2 >= "A" && c2 <= "Z" || c2 === "$" || c2 === "_" || unicode.ID_Start.test(c2));
+    },
+    isIdContinueChar(c2) {
+      return typeof c2 === "string" && (c2 >= "a" && c2 <= "z" || c2 >= "A" && c2 <= "Z" || c2 >= "0" && c2 <= "9" || c2 === "$" || c2 === "_" || c2 === "‌" || c2 === "‍" || unicode.ID_Continue.test(c2));
+    },
+    isDigit(c2) {
+      return typeof c2 === "string" && /[0-9]/.test(c2);
+    },
+    isHexDigit(c2) {
+      return typeof c2 === "string" && /[0-9A-Fa-f]/.test(c2);
+    }
+  };
+  let source;
+  let parseState;
+  let stack;
+  let pos;
+  let line;
+  let column;
+  let token;
+  let key;
+  let root;
+  var parse = function parse2(text, reviver) {
+    source = String(text);
+    parseState = "start";
+    stack = [];
+    pos = 0;
+    line = 1;
+    column = 0;
+    token = void 0;
+    key = void 0;
+    root = void 0;
+    do {
+      token = lex();
+      parseStates[parseState]();
+    } while (token.type !== "eof");
+    if (typeof reviver === "function") {
+      return internalize({ "": root }, "", reviver);
+    }
+    return root;
+  };
+  function internalize(holder, name, reviver) {
+    const value = holder[name];
+    if (value != null && typeof value === "object") {
+      if (Array.isArray(value)) {
+        for (let i = 0; i < value.length; i++) {
+          const key2 = String(i);
+          const replacement = internalize(value, key2, reviver);
+          if (replacement === void 0) {
+            delete value[key2];
+          } else {
+            Object.defineProperty(value, key2, {
+              value: replacement,
+              writable: true,
+              enumerable: true,
+              configurable: true
+            });
+          }
+        }
+      } else {
+        for (const key2 in value) {
+          const replacement = internalize(value, key2, reviver);
+          if (replacement === void 0) {
+            delete value[key2];
+          } else {
+            Object.defineProperty(value, key2, {
+              value: replacement,
+              writable: true,
+              enumerable: true,
+              configurable: true
+            });
+          }
+        }
+      }
+    }
+    return reviver.call(holder, name, value);
+  }
+  let lexState;
+  let buffer;
+  let doubleQuote;
+  let sign;
+  let c;
+  function lex() {
+    lexState = "default";
+    buffer = "";
+    doubleQuote = false;
+    sign = 1;
+    for (; ; ) {
+      c = peek();
+      const token2 = lexStates[lexState]();
+      if (token2) {
+        return token2;
+      }
+    }
+  }
+  function peek() {
+    if (source[pos]) {
+      return String.fromCodePoint(source.codePointAt(pos));
+    }
+  }
+  function read() {
+    const c2 = peek();
+    if (c2 === "\n") {
+      line++;
+      column = 0;
+    } else if (c2) {
+      column += c2.length;
+    } else {
+      column++;
+    }
+    if (c2) {
+      pos += c2.length;
+    }
+    return c2;
+  }
+  const lexStates = {
+    default() {
+      switch (c) {
+        case "	":
+        case "\v":
+        case "\f":
+        case " ":
+        case " ":
+        case "\uFEFF":
+        case "\n":
+        case "\r":
+        case "\u2028":
+        case "\u2029":
+          read();
+          return;
+        case "/":
+          read();
+          lexState = "comment";
+          return;
+        case void 0:
+          read();
+          return newToken("eof");
+      }
+      if (util.isSpaceSeparator(c)) {
+        read();
+        return;
+      }
+      return lexStates[parseState]();
+    },
+    comment() {
+      switch (c) {
+        case "*":
+          read();
+          lexState = "multiLineComment";
+          return;
+        case "/":
+          read();
+          lexState = "singleLineComment";
+          return;
+      }
+      throw invalidChar(read());
+    },
+    multiLineComment() {
+      switch (c) {
+        case "*":
+          read();
+          lexState = "multiLineCommentAsterisk";
+          return;
+        case void 0:
+          throw invalidChar(read());
+      }
+      read();
+    },
+    multiLineCommentAsterisk() {
+      switch (c) {
+        case "*":
+          read();
+          return;
+        case "/":
+          read();
+          lexState = "default";
+          return;
+        case void 0:
+          throw invalidChar(read());
+      }
+      read();
+      lexState = "multiLineComment";
+    },
+    singleLineComment() {
+      switch (c) {
+        case "\n":
+        case "\r":
+        case "\u2028":
+        case "\u2029":
+          read();
+          lexState = "default";
+          return;
+        case void 0:
+          read();
+          return newToken("eof");
+      }
+      read();
+    },
+    value() {
+      switch (c) {
+        case "{":
+        case "[":
+          return newToken("punctuator", read());
+        case "n":
+          read();
+          literal("ull");
+          return newToken("null", null);
+        case "t":
+          read();
+          literal("rue");
+          return newToken("boolean", true);
+        case "f":
+          read();
+          literal("alse");
+          return newToken("boolean", false);
+        case "-":
+        case "+":
+          if (read() === "-") {
+            sign = -1;
+          }
+          lexState = "sign";
+          return;
+        case ".":
+          buffer = read();
+          lexState = "decimalPointLeading";
+          return;
+        case "0":
+          buffer = read();
+          lexState = "zero";
+          return;
+        case "1":
+        case "2":
+        case "3":
+        case "4":
+        case "5":
+        case "6":
+        case "7":
+        case "8":
+        case "9":
+          buffer = read();
+          lexState = "decimalInteger";
+          return;
+        case "I":
+          read();
+          literal("nfinity");
+          return newToken("numeric", Infinity);
+        case "N":
+          read();
+          literal("aN");
+          return newToken("numeric", NaN);
+        case '"':
+        case "'":
+          doubleQuote = read() === '"';
+          buffer = "";
+          lexState = "string";
+          return;
+      }
+      throw invalidChar(read());
+    },
+    identifierNameStartEscape() {
+      if (c !== "u") {
+        throw invalidChar(read());
+      }
+      read();
+      const u = unicodeEscape();
+      switch (u) {
+        case "$":
+        case "_":
+          break;
+        default:
+          if (!util.isIdStartChar(u)) {
+            throw invalidIdentifier();
+          }
+          break;
+      }
+      buffer += u;
+      lexState = "identifierName";
+    },
+    identifierName() {
+      switch (c) {
+        case "$":
+        case "_":
+        case "‌":
+        case "‍":
+          buffer += read();
+          return;
+        case "\\":
+          read();
+          lexState = "identifierNameEscape";
+          return;
+      }
+      if (util.isIdContinueChar(c)) {
+        buffer += read();
+        return;
+      }
+      return newToken("identifier", buffer);
+    },
+    identifierNameEscape() {
+      if (c !== "u") {
+        throw invalidChar(read());
+      }
+      read();
+      const u = unicodeEscape();
+      switch (u) {
+        case "$":
+        case "_":
+        case "‌":
+        case "‍":
+          break;
+        default:
+          if (!util.isIdContinueChar(u)) {
+            throw invalidIdentifier();
+          }
+          break;
+      }
+      buffer += u;
+      lexState = "identifierName";
+    },
+    sign() {
+      switch (c) {
+        case ".":
+          buffer = read();
+          lexState = "decimalPointLeading";
+          return;
+        case "0":
+          buffer = read();
+          lexState = "zero";
+          return;
+        case "1":
+        case "2":
+        case "3":
+        case "4":
+        case "5":
+        case "6":
+        case "7":
+        case "8":
+        case "9":
+          buffer = read();
+          lexState = "decimalInteger";
+          return;
+        case "I":
+          read();
+          literal("nfinity");
+          return newToken("numeric", sign * Infinity);
+        case "N":
+          read();
+          literal("aN");
+          return newToken("numeric", NaN);
+      }
+      throw invalidChar(read());
+    },
+    zero() {
+      switch (c) {
+        case ".":
+          buffer += read();
+          lexState = "decimalPoint";
+          return;
+        case "e":
+        case "E":
+          buffer += read();
+          lexState = "decimalExponent";
+          return;
+        case "x":
+        case "X":
+          buffer += read();
+          lexState = "hexadecimal";
+          return;
+      }
+      return newToken("numeric", sign * 0);
+    },
+    decimalInteger() {
+      switch (c) {
+        case ".":
+          buffer += read();
+          lexState = "decimalPoint";
+          return;
+        case "e":
+        case "E":
+          buffer += read();
+          lexState = "decimalExponent";
+          return;
+      }
+      if (util.isDigit(c)) {
+        buffer += read();
+        return;
+      }
+      return newToken("numeric", sign * Number(buffer));
+    },
+    decimalPointLeading() {
+      if (util.isDigit(c)) {
+        buffer += read();
+        lexState = "decimalFraction";
+        return;
+      }
+      throw invalidChar(read());
+    },
+    decimalPoint() {
+      switch (c) {
+        case "e":
+        case "E":
+          buffer += read();
+          lexState = "decimalExponent";
+          return;
+      }
+      if (util.isDigit(c)) {
+        buffer += read();
+        lexState = "decimalFraction";
+        return;
+      }
+      return newToken("numeric", sign * Number(buffer));
+    },
+    decimalFraction() {
+      switch (c) {
+        case "e":
+        case "E":
+          buffer += read();
+          lexState = "decimalExponent";
+          return;
+      }
+      if (util.isDigit(c)) {
+        buffer += read();
+        return;
+      }
+      return newToken("numeric", sign * Number(buffer));
+    },
+    decimalExponent() {
+      switch (c) {
+        case "+":
+        case "-":
+          buffer += read();
+          lexState = "decimalExponentSign";
+          return;
+      }
+      if (util.isDigit(c)) {
+        buffer += read();
+        lexState = "decimalExponentInteger";
+        return;
+      }
+      throw invalidChar(read());
+    },
+    decimalExponentSign() {
+      if (util.isDigit(c)) {
+        buffer += read();
+        lexState = "decimalExponentInteger";
+        return;
+      }
+      throw invalidChar(read());
+    },
+    decimalExponentInteger() {
+      if (util.isDigit(c)) {
+        buffer += read();
+        return;
+      }
+      return newToken("numeric", sign * Number(buffer));
+    },
+    hexadecimal() {
+      if (util.isHexDigit(c)) {
+        buffer += read();
+        lexState = "hexadecimalInteger";
+        return;
+      }
+      throw invalidChar(read());
+    },
+    hexadecimalInteger() {
+      if (util.isHexDigit(c)) {
+        buffer += read();
+        return;
+      }
+      return newToken("numeric", sign * Number(buffer));
+    },
+    string() {
+      switch (c) {
+        case "\\":
+          read();
+          buffer += escape();
+          return;
+        case '"':
+          if (doubleQuote) {
+            read();
+            return newToken("string", buffer);
+          }
+          buffer += read();
+          return;
+        case "'":
+          if (!doubleQuote) {
+            read();
+            return newToken("string", buffer);
+          }
+          buffer += read();
+          return;
+        case "\n":
+        case "\r":
+          throw invalidChar(read());
+        case "\u2028":
+        case "\u2029":
+          separatorChar(c);
+          break;
+        case void 0:
+          throw invalidChar(read());
+      }
+      buffer += read();
+    },
+    start() {
+      switch (c) {
+        case "{":
+        case "[":
+          return newToken("punctuator", read());
+      }
+      lexState = "value";
+    },
+    beforePropertyName() {
+      switch (c) {
+        case "$":
+        case "_":
+          buffer = read();
+          lexState = "identifierName";
+          return;
+        case "\\":
+          read();
+          lexState = "identifierNameStartEscape";
+          return;
+        case "}":
+          return newToken("punctuator", read());
+        case '"':
+        case "'":
+          doubleQuote = read() === '"';
+          lexState = "string";
+          return;
+      }
+      if (util.isIdStartChar(c)) {
+        buffer += read();
+        lexState = "identifierName";
+        return;
+      }
+      throw invalidChar(read());
+    },
+    afterPropertyName() {
+      if (c === ":") {
+        return newToken("punctuator", read());
+      }
+      throw invalidChar(read());
+    },
+    beforePropertyValue() {
+      lexState = "value";
+    },
+    afterPropertyValue() {
+      switch (c) {
+        case ",":
+        case "}":
+          return newToken("punctuator", read());
+      }
+      throw invalidChar(read());
+    },
+    beforeArrayValue() {
+      if (c === "]") {
+        return newToken("punctuator", read());
+      }
+      lexState = "value";
+    },
+    afterArrayValue() {
+      switch (c) {
+        case ",":
+        case "]":
+          return newToken("punctuator", read());
+      }
+      throw invalidChar(read());
+    },
+    end() {
+      throw invalidChar(read());
+    }
+  };
+  function newToken(type, value) {
+    return {
+      type,
+      value,
+      line,
+      column
+    };
+  }
+  function literal(s) {
+    for (const c2 of s) {
+      const p2 = peek();
+      if (p2 !== c2) {
+        throw invalidChar(read());
+      }
+      read();
+    }
+  }
+  function escape() {
+    const c2 = peek();
+    switch (c2) {
+      case "b":
+        read();
+        return "\b";
+      case "f":
+        read();
+        return "\f";
+      case "n":
+        read();
+        return "\n";
+      case "r":
+        read();
+        return "\r";
+      case "t":
+        read();
+        return "	";
+      case "v":
+        read();
+        return "\v";
+      case "0":
+        read();
+        if (util.isDigit(peek())) {
+          throw invalidChar(read());
+        }
+        return "\0";
+      case "x":
+        read();
+        return hexEscape();
+      case "u":
+        read();
+        return unicodeEscape();
+      case "\n":
+      case "\u2028":
+      case "\u2029":
+        read();
+        return "";
+      case "\r":
+        read();
+        if (peek() === "\n") {
+          read();
+        }
+        return "";
+      case "1":
+      case "2":
+      case "3":
+      case "4":
+      case "5":
+      case "6":
+      case "7":
+      case "8":
+      case "9":
+        throw invalidChar(read());
+      case void 0:
+        throw invalidChar(read());
+    }
+    return read();
+  }
+  function hexEscape() {
+    let buffer2 = "";
+    let c2 = peek();
+    if (!util.isHexDigit(c2)) {
+      throw invalidChar(read());
+    }
+    buffer2 += read();
+    c2 = peek();
+    if (!util.isHexDigit(c2)) {
+      throw invalidChar(read());
+    }
+    buffer2 += read();
+    return String.fromCodePoint(parseInt(buffer2, 16));
+  }
+  function unicodeEscape() {
+    let buffer2 = "";
+    let count = 4;
+    while (count-- > 0) {
+      const c2 = peek();
+      if (!util.isHexDigit(c2)) {
+        throw invalidChar(read());
+      }
+      buffer2 += read();
+    }
+    return String.fromCodePoint(parseInt(buffer2, 16));
+  }
+  const parseStates = {
+    start() {
+      if (token.type === "eof") {
+        throw invalidEOF();
+      }
+      push();
+    },
+    beforePropertyName() {
+      switch (token.type) {
+        case "identifier":
+        case "string":
+          key = token.value;
+          parseState = "afterPropertyName";
+          return;
+        case "punctuator":
+          pop();
+          return;
+        case "eof":
+          throw invalidEOF();
+      }
+    },
+    afterPropertyName() {
+      if (token.type === "eof") {
+        throw invalidEOF();
+      }
+      parseState = "beforePropertyValue";
+    },
+    beforePropertyValue() {
+      if (token.type === "eof") {
+        throw invalidEOF();
+      }
+      push();
+    },
+    beforeArrayValue() {
+      if (token.type === "eof") {
+        throw invalidEOF();
+      }
+      if (token.type === "punctuator" && token.value === "]") {
+        pop();
+        return;
+      }
+      push();
+    },
+    afterPropertyValue() {
+      if (token.type === "eof") {
+        throw invalidEOF();
+      }
+      switch (token.value) {
+        case ",":
+          parseState = "beforePropertyName";
+          return;
+        case "}":
+          pop();
+      }
+    },
+    afterArrayValue() {
+      if (token.type === "eof") {
+        throw invalidEOF();
+      }
+      switch (token.value) {
+        case ",":
+          parseState = "beforeArrayValue";
+          return;
+        case "]":
+          pop();
+      }
+    },
+    end() {
+    }
+  };
+  function push() {
+    let value;
+    switch (token.type) {
+      case "punctuator":
+        switch (token.value) {
+          case "{":
+            value = {};
+            break;
+          case "[":
+            value = [];
+            break;
+        }
+        break;
+      case "null":
+      case "boolean":
+      case "numeric":
+      case "string":
+        value = token.value;
+        break;
+    }
+    if (root === void 0) {
+      root = value;
+    } else {
+      const parent = stack[stack.length - 1];
+      if (Array.isArray(parent)) {
+        parent.push(value);
+      } else {
+        Object.defineProperty(parent, key, {
+          value,
+          writable: true,
+          enumerable: true,
+          configurable: true
+        });
+      }
+    }
+    if (value !== null && typeof value === "object") {
+      stack.push(value);
+      if (Array.isArray(value)) {
+        parseState = "beforeArrayValue";
+      } else {
+        parseState = "beforePropertyName";
+      }
+    } else {
+      const current = stack[stack.length - 1];
+      if (current == null) {
+        parseState = "end";
+      } else if (Array.isArray(current)) {
+        parseState = "afterArrayValue";
+      } else {
+        parseState = "afterPropertyValue";
+      }
+    }
+  }
+  function pop() {
+    stack.pop();
+    const current = stack[stack.length - 1];
+    if (current == null) {
+      parseState = "end";
+    } else if (Array.isArray(current)) {
+      parseState = "afterArrayValue";
+    } else {
+      parseState = "afterPropertyValue";
+    }
+  }
+  function invalidChar(c2) {
+    if (c2 === void 0) {
+      return syntaxError(`JSON5: invalid end of input at ${line}:${column}`);
+    }
+    return syntaxError(`JSON5: invalid character '${formatChar(c2)}' at ${line}:${column}`);
+  }
+  function invalidEOF() {
+    return syntaxError(`JSON5: invalid end of input at ${line}:${column}`);
+  }
+  function invalidIdentifier() {
+    column -= 5;
+    return syntaxError(`JSON5: invalid identifier character at ${line}:${column}`);
+  }
+  function separatorChar(c2) {
+    console.warn(`JSON5: '${formatChar(c2)}' in strings is not valid ECMAScript; consider escaping`);
+  }
+  function formatChar(c2) {
+    const replacements = {
+      "'": "\\'",
+      '"': '\\"',
+      "\\": "\\\\",
+      "\b": "\\b",
+      "\f": "\\f",
+      "\n": "\\n",
+      "\r": "\\r",
+      "	": "\\t",
+      "\v": "\\v",
+      "\0": "\\0",
+      "\u2028": "\\u2028",
+      "\u2029": "\\u2029"
+    };
+    if (replacements[c2]) {
+      return replacements[c2];
+    }
+    if (c2 < " ") {
+      const hexString = c2.charCodeAt(0).toString(16);
+      return "\\x" + ("00" + hexString).substring(hexString.length);
+    }
+    return c2;
+  }
+  function syntaxError(message) {
+    const err = new SyntaxError(message);
+    err.lineNumber = line;
+    err.columnNumber = column;
+    return err;
+  }
+  var stringify = function stringify2(value, replacer, space) {
+    const stack2 = [];
+    let indent = "";
+    let propertyList;
+    let replacerFunc;
+    let gap = "";
+    let quote;
+    if (replacer != null && typeof replacer === "object" && !Array.isArray(replacer)) {
+      space = replacer.space;
+      quote = replacer.quote;
+      replacer = replacer.replacer;
+    }
+    if (typeof replacer === "function") {
+      replacerFunc = replacer;
+    } else if (Array.isArray(replacer)) {
+      propertyList = [];
+      for (const v of replacer) {
+        let item;
+        if (typeof v === "string") {
+          item = v;
+        } else if (typeof v === "number" || v instanceof String || v instanceof Number) {
+          item = String(v);
+        }
+        if (item !== void 0 && propertyList.indexOf(item) < 0) {
+          propertyList.push(item);
+        }
+      }
+    }
+    if (space instanceof Number) {
+      space = Number(space);
+    } else if (space instanceof String) {
+      space = String(space);
+    }
+    if (typeof space === "number") {
+      if (space > 0) {
+        space = Math.min(10, Math.floor(space));
+        gap = "          ".substr(0, space);
+      }
+    } else if (typeof space === "string") {
+      gap = space.substr(0, 10);
+    }
+    return serializeProperty("", { "": value });
+    function serializeProperty(key2, holder) {
+      let value2 = holder[key2];
+      if (value2 != null) {
+        if (typeof value2.toJSON5 === "function") {
+          value2 = value2.toJSON5(key2);
+        } else if (typeof value2.toJSON === "function") {
+          value2 = value2.toJSON(key2);
+        }
+      }
+      if (replacerFunc) {
+        value2 = replacerFunc.call(holder, key2, value2);
+      }
+      if (value2 instanceof Number) {
+        value2 = Number(value2);
+      } else if (value2 instanceof String) {
+        value2 = String(value2);
+      } else if (value2 instanceof Boolean) {
+        value2 = value2.valueOf();
+      }
+      switch (value2) {
+        case null:
+          return "null";
+        case true:
+          return "true";
+        case false:
+          return "false";
+      }
+      if (typeof value2 === "string") {
+        return quoteString(value2);
+      }
+      if (typeof value2 === "number") {
+        return String(value2);
+      }
+      if (typeof value2 === "object") {
+        return Array.isArray(value2) ? serializeArray(value2) : serializeObject(value2);
+      }
+      return void 0;
+    }
+    function quoteString(value2) {
+      const quotes = {
+        "'": 0.1,
+        '"': 0.2
+      };
+      const replacements = {
+        "'": "\\'",
+        '"': '\\"',
+        "\\": "\\\\",
+        "\b": "\\b",
+        "\f": "\\f",
+        "\n": "\\n",
+        "\r": "\\r",
+        "	": "\\t",
+        "\v": "\\v",
+        "\0": "\\0",
+        "\u2028": "\\u2028",
+        "\u2029": "\\u2029"
+      };
+      let product = "";
+      for (let i = 0; i < value2.length; i++) {
+        const c2 = value2[i];
+        switch (c2) {
+          case "'":
+          case '"':
+            quotes[c2]++;
+            product += c2;
+            continue;
+          case "\0":
+            if (util.isDigit(value2[i + 1])) {
+              product += "\\x00";
+              continue;
+            }
+        }
+        if (replacements[c2]) {
+          product += replacements[c2];
+          continue;
+        }
+        if (c2 < " ") {
+          let hexString = c2.charCodeAt(0).toString(16);
+          product += "\\x" + ("00" + hexString).substring(hexString.length);
+          continue;
+        }
+        product += c2;
+      }
+      const quoteChar = quote || Object.keys(quotes).reduce((a, b) => quotes[a] < quotes[b] ? a : b);
+      product = product.replace(new RegExp(quoteChar, "g"), replacements[quoteChar]);
+      return quoteChar + product + quoteChar;
+    }
+    function serializeObject(value2) {
+      if (stack2.indexOf(value2) >= 0) {
+        throw TypeError("Converting circular structure to JSON5");
+      }
+      stack2.push(value2);
+      let stepback = indent;
+      indent = indent + gap;
+      let keys = propertyList || Object.keys(value2);
+      let partial = [];
+      for (const key2 of keys) {
+        const propertyString = serializeProperty(key2, value2);
+        if (propertyString !== void 0) {
+          let member = serializeKey(key2) + ":";
+          if (gap !== "") {
+            member += " ";
+          }
+          member += propertyString;
+          partial.push(member);
+        }
+      }
+      let final;
+      if (partial.length === 0) {
+        final = "{}";
+      } else {
+        let properties;
+        if (gap === "") {
+          properties = partial.join(",");
+          final = "{" + properties + "}";
+        } else {
+          let separator = ",\n" + indent;
+          properties = partial.join(separator);
+          final = "{\n" + indent + properties + ",\n" + stepback + "}";
+        }
+      }
+      stack2.pop();
+      indent = stepback;
+      return final;
+    }
+    function serializeKey(key2) {
+      if (key2.length === 0) {
+        return quoteString(key2);
+      }
+      const firstChar = String.fromCodePoint(key2.codePointAt(0));
+      if (!util.isIdStartChar(firstChar)) {
+        return quoteString(key2);
+      }
+      for (let i = firstChar.length; i < key2.length; i++) {
+        if (!util.isIdContinueChar(String.fromCodePoint(key2.codePointAt(i)))) {
+          return quoteString(key2);
+        }
+      }
+      return key2;
+    }
+    function serializeArray(value2) {
+      if (stack2.indexOf(value2) >= 0) {
+        throw TypeError("Converting circular structure to JSON5");
+      }
+      stack2.push(value2);
+      let stepback = indent;
+      indent = indent + gap;
+      let partial = [];
+      for (let i = 0; i < value2.length; i++) {
+        const propertyString = serializeProperty(String(i), value2);
+        partial.push(propertyString !== void 0 ? propertyString : "null");
+      }
+      let final;
+      if (partial.length === 0) {
+        final = "[]";
+      } else {
+        if (gap === "") {
+          let properties = partial.join(",");
+          final = "[" + properties + "]";
+        } else {
+          let separator = ",\n" + indent;
+          let properties = partial.join(separator);
+          final = "[\n" + indent + properties + ",\n" + stepback + "]";
+        }
+      }
+      stack2.pop();
+      indent = stepback;
+      return final;
+    }
+  };
+  const JSON5 = {
+    parse,
+    stringify
+  };
+  var lib = JSON5;
+  const ChartQueryMetadataContext = require$$0.createContext({
+    refresh: () => {
+    },
+    data: []
+  });
+  const ChartQueryMetadataProvider = (props) => {
+    var _a;
+    const api2 = client.useAPIClient();
+    const options = {
+      resource: "chartsQueries",
+      action: "listMetadata",
+      params: {
+        paginate: false,
+        sort: ["-id"]
+      }
+    };
+    const location = reactRouterDom.useLocation();
+    const service = client.useRequest(options, {
+      manual: true
+    });
+    const isAdminPage = location.pathname.startsWith("/admin");
+    const token2 = api2.auth.getToken() || "";
+    require$$0.useEffect(() => {
+      if (isAdminPage && token2) {
+        service.run();
+      }
+    }, [isAdminPage, token2]);
+    const refresh = async () => {
+      const { data } = await api2.request(options);
+      service.mutate(data);
+      return (data == null ? void 0 : data.data) || [];
+    };
+    if (service.loading) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {});
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ChartQueryMetadataContext.Provider,
+      {
+        value: {
+          refresh,
+          data: (_a = service.data) == null ? void 0 : _a.data
+        },
+        children: props.children
+      }
+    );
+  };
+  const useChartQueryMetadataContext = () => {
+    return require$$0.useContext(ChartQueryMetadataContext);
+  };
+  const NAMESPACE = "charts";
+  function lang(key2) {
+    return client.i18n.t(key2, { ns: NAMESPACE });
+  }
+  const json = {
+    type: "object",
+    properties: {
+      data: {
+        title: "JSON",
+        required: true,
+        "x-component": "Input.TextArea",
+        "x-validator": { json5: true },
+        "x-component-props": {
+          autoSize: {
+            maxRows: 20,
+            minRows: 10
+          }
+        },
+        "x-decorator": "FormItem"
+      }
+    }
+  };
+  const sql = {
+    type: "object",
+    properties: {
+      sql: {
+        title: "SQL",
+        required: true,
+        "x-component": "Input.TextArea",
+        "x-decorator": "FormItem",
+        "x-validator": {
+          triggerType: "onBlur",
+          validator: "{{validateSQL}}"
+        },
+        "x-component-props": {
+          autoSize: {
+            maxRows: 20,
+            minRows: 10
+          }
+        }
+      }
+    }
+  };
+  const api = {
+    type: "object",
+    properties: {
+      api: {
+        title: "API",
+        required: true,
+        "x-component": "Input",
+        "x-decorator": "FormItem"
+      }
+    }
+  };
+  const types = {
+    json,
+    sql,
+    api
+  };
+  const getQueryTypeSchema = (type) => {
+    return lodash.cloneDeep(types[type]);
+  };
+  const ChartQueryBlockInitializer = (props) => {
+    const { templateWrap, onCreateBlockSchema, componentType, createBlockSchema, insert, ...others } = props;
+    const { setVisible } = require$$0.useContext(client.SchemaInitializerButtonContext);
+    const apiClient = client.useAPIClient();
+    const ctx = useChartQueryMetadataContext();
+    const options = require$$0.useContext(react.SchemaOptionsContext);
+    const { theme } = client.useGlobalTheme();
+    const onAddQuery = require$$0.useCallback(
+      (info) => {
+        client.FormDialog(
+          {
+            sql: lang("Add SQL query"),
+            json: lang("Add JSON query")
+          }[info.key],
+          () => {
+            return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaComponentOptions, { scope: options.scope, components: { ...options.components }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antdV5.FormLayout, { layout: "vertical", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              client.SchemaComponent,
+              {
+                schema: {
+                  type: "object",
+                  properties: {
+                    title: {
+                      title: lang("Title"),
+                      required: true,
+                      "x-component": "Input",
+                      "x-decorator": "FormItem"
+                    },
+                    options: getQueryTypeSchema(info.key)
+                  }
+                }
+              }
+            ) }) }) });
+          },
+          theme
+        ).open({
+          initialValues: {
+            type: info.key
+          }
+        }).then(async (values) => {
+          var _a;
+          try {
+            if ((_a = apiClient.resource("chartsQueries")) == null ? void 0 : _a.create) {
+              const { data } = await apiClient.resource("chartsQueries").create({ values });
+              const items2 = await ctx.refresh();
+              const item = items2.find((item2) => {
+                var _a2;
+                return item2.id === ((_a2 = data == null ? void 0 : data.data) == null ? void 0 : _a2.id);
+              });
+              onCreateBlockSchema({ item });
+            }
+            setVisible(false);
+          } catch (err) {
+            client$1.error(err);
+          }
+        }).catch((err) => {
+          client$1.error(err);
+        });
+      },
+      [apiClient, ctx, onCreateBlockSchema, options.components, options.scope, setVisible]
+    );
+    const items = require$$0.useMemo(() => {
+      const defaultItems = [
+        {
+          type: "itemGroup",
+          title: lang("Select query data"),
+          children: []
+        }
+      ];
+      const chartQueryMetadata = ctx.data;
+      if (chartQueryMetadata && Array.isArray(chartQueryMetadata)) {
+        const item1 = chartQueryMetadata.length > 0 ? {
+          type: "itemGroup",
+          title: '{{t("Select chart query", {ns: "charts"})}}',
+          children: chartQueryMetadata
+        } : null;
+        const item2 = chartQueryMetadata.length > 0 ? {
+          type: "divider"
+        } : null;
+        return [
+          item1,
+          item2,
+          {
+            type: "subMenu",
+            title: lang("Add chart query"),
+            // component: AddChartQuery,
+            children: [
+              {
+                key: "sql",
+                type: "item",
+                title: "SQL",
+                onClick: onAddQuery
+              },
+              {
+                key: "json",
+                type: "item",
+                title: "JSON",
+                onClick: onAddQuery
+              }
+            ]
+          }
+        ].filter(Boolean);
+      }
+      return defaultItems;
+    }, [ctx.data, onAddQuery]);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      client.SchemaInitializer.Item,
+      {
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.TableOutlined, {}),
+        ...others,
+        onClick: async ({ item }) => {
+          onCreateBlockSchema({ item });
+          setVisible(false);
+        },
+        items
+      }
+    );
+  };
+  const DataSetPreviewTable = ({ queryId, fields }) => {
+    const { dataSet, loading, error } = useGetDataSet(queryId);
+    const columns = {};
+    if (fields) {
+      for (const field of fields) {
+        columns[field.name] = {
+          type: "void",
+          title: field.name,
+          "x-component": "TableV2.Column",
+          "x-component-props": {
+            // width: 200,
+          },
+          properties: {
+            [field.name]: {
+              type: "string",
+              "x-component": "Input",
+              "x-read-pretty": true
+            }
+          }
+        };
+      }
+    }
+    const schema = {
+      type: "void",
+      properties: {
+        input: {
+          type: "array",
+          "x-component": "TableV2",
+          "x-component-props": {
+            scroll: { y: 300 }
+          },
+          default: dataSet,
+          properties: columns
+        }
+      }
+    };
+    if (error) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Empty, { description: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "May be this chart block's query data has been deleted,please check!" }) }) });
+    }
+    if (loading)
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
+    dataSet.forEach((item) => {
+      for (const key2 in item) {
+        if (item[key2] && item[key2] instanceof Object) {
+          item[key2] = JSON.stringify(item[key2]);
+        }
+      }
+    });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaComponentProvider, { scope: { dataSet }, components: { TableV2: client.TableV2, Input: client.Input, FormItem: client.FormItem }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaComponent, { schema }) });
+  };
+  const chartConfig$7 = {
+    appendPadding: 10,
+    angleField: "{{metric}}",
+    colorField: "{{dimension}}",
+    radius: 0.9,
+    label: {
+      type: "inner",
+      offset: "-30%",
+      content: "{{({percent}) => `${(percent * 100).toFixed(0)}%`}}",
+      style: {
+        fontSize: 14,
+        textAlign: "center"
+      }
+    },
+    interactions: [{ type: "element-active" }]
+  };
+  const pieTemplate = {
+    description: "1 「Time」 or 「Order Noun」 field, 1 「Value」 field",
+    title: "Pie",
+    type: "Pie",
+    iconId: "icon-pie",
+    group: 2,
+    renderComponent: "G2Plot",
+    defaultChartOptions: chartConfig$7,
+    configurableProperties: {
+      type: "void",
+      properties: {
+        dimension: {
+          required: true,
+          type: "string",
+          title: '{{t("Sector label / Dimensional",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        metric: {
+          required: true,
+          type: "string",
+          title: '{{t("Sector Angle / Metric",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        jsonConfig: {
+          type: "void",
+          "x-component": "div",
+          properties: {
+            template: {
+              required: true,
+              title: '{{t("JSON config",{ns:"charts"})}}',
+              type: "string",
+              default: lib.stringify(chartConfig$7, null, 2),
+              "x-decorator": "FormItem",
+              "x-component": "Input.TextArea",
+              "x-component-props": {
+                autoSize: { minRows: 8, maxRows: 16 }
+              },
+              description: '{{jsonConfigDesc("Pie | G2Plot","https://g2plot.antv.antgroup.com/api/plots/pie")}}',
+              "x-validator": { json5: true }
+            }
+          }
+        }
+      }
+    }
+  };
+  const chartConfig$6 = {
+    appendPadding: 10,
+    isGroup: true,
+    yField: "{{dimension}}",
+    xField: "{{metric}}",
+    seriesField: "{{category}}",
+    label: {
+      // 可手动配置 label 数据标签位置
+      position: "middle",
+      // 'top', 'bottom', 'middle',
+      // 配置样式
+      style: {
+        fill: "#FFFFFF",
+        opacity: 0.6
+      }
+    },
+    xAxis: {
+      label: {
+        autoHide: true,
+        autoRotate: false
+      }
+    }
+  };
+  const barTemplate = {
+    description: "1 「time」 or 「ordered noun」 field, 1 「value」 field, 0~ 1 「unordered noun」",
+    type: "Bar",
+    title: "Bar",
+    iconId: "icon-bar",
+    group: 2,
+    renderComponent: "G2Plot",
+    defaultChartOptions: chartConfig$6,
+    configurableProperties: {
+      type: "void",
+      properties: {
+        dimension: {
+          required: true,
+          type: "string",
+          title: '{{t("Category axis / Dimension",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        metric: {
+          required: true,
+          type: "string",
+          title: '{{t("Value axis / Metrics",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        category: {
+          type: "string",
+          title: '{{t("Color legend / Dimensional",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        jsonConfig: {
+          type: "void",
+          "x-component": "div",
+          properties: {
+            template: {
+              required: true,
+              title: '{{t("JSON config",{ns:"charts"})}}',
+              type: "string",
+              default: lib.stringify(chartConfig$6, null, 2),
+              "x-decorator": "FormItem",
+              "x-component": "Input.TextArea",
+              "x-component-props": {
+                autoSize: { minRows: 8, maxRows: 16 }
+              },
+              description: '{{jsonConfigDesc("Bar | G2Plot","https://g2plot.antv.antgroup.com/api/plots/bar")}}',
+              "x-validator": { json5: true }
+            }
+          }
+        }
+      }
+    }
+  };
+  const chartConfig$5 = {
+    appendPadding: 10,
+    isGroup: true,
+    yField: "{{metric}}",
+    xField: "{{dimension}}",
+    seriesField: "{{category}}",
+    label: {
+      // 可手动配置 label 数据标签位置
+      position: "middle",
+      // 'top', 'bottom', 'middle',
+      // 配置样式
+      style: {
+        fill: "#FFFFFF",
+        opacity: 0.6
+      }
+    },
+    xAxis: {
+      label: {
+        autoHide: true,
+        autoRotate: false
+      }
+    }
+  };
+  const columnTemplate = {
+    description: "1 「time」 or 「ordered noun」 field, 1 「value」 field, 0 to 1 「unordered noun」",
+    type: "Column",
+    title: "Column",
+    iconId: "icon-column",
+    group: 2,
+    renderComponent: "G2Plot",
+    defaultChartOptions: chartConfig$5,
+    configurableProperties: {
+      type: "void",
+      properties: {
+        dimension: {
+          required: true,
+          type: "string",
+          title: '{{t("Category axis / Dimension",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        metric: {
+          required: true,
+          type: "string",
+          title: '{{t("Value axis / Metrics",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        category: {
+          type: "string",
+          title: '{{t("Color legend / Dimensional",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        jsonConfig: {
+          type: "void",
+          "x-component": "div",
+          properties: {
+            template: {
+              required: true,
+              title: '{{t("JSON config",{ns:"charts"})}}',
+              type: "string",
+              default: lib.stringify(chartConfig$5, null, 2),
+              "x-decorator": "FormItem",
+              "x-component": "Input.TextArea",
+              "x-component-props": {
+                autoSize: { minRows: 8, maxRows: 16 }
+              },
+              description: '{{jsonConfigDesc("Column | G2Plot","https://g2plot.antv.antgroup.com/api/plots/column")}}',
+              "x-validator": { json5: true }
+            }
+          }
+        }
+      }
+    }
+  };
+  const chartConfig$4 = {
+    yField: "{{metric}}",
+    xField: "{{dimension}}",
+    seriesField: "{{category}}",
+    xAxis: {
+      //type: 'time',
+    },
+    yAxis: {
+      // label: {
+      //   formatter: '{{(v) => `${v}`.replace(/\d{1,3}(?=(\d{3})+$)/g, (s) => `${s},`)}}',
+      // },
+    }
+  };
+  const lineTemplate = {
+    description: "1 「Time」 or 「Order Noun」 field, 1 「Value」 field",
+    type: "Line",
+    title: "Line",
+    iconId: "icon-line",
+    group: 2,
+    renderComponent: "G2Plot",
+    defaultChartOptions: chartConfig$4,
+    configurableProperties: {
+      type: "void",
+      properties: {
+        dimension: {
+          required: true,
+          type: "string",
+          title: '{{t("Category axis / Dimension",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        metric: {
+          required: true,
+          type: "string",
+          title: '{{t("Value axis / Metrics",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        category: {
+          type: "string",
+          title: '{{t("Color legend / Dimensional",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        jsonConfig: {
+          type: "void",
+          "x-component": "div",
+          properties: {
+            template: {
+              required: true,
+              title: '{{t("JSON config",{ns:"charts"})}}',
+              type: "string",
+              default: lib.stringify(chartConfig$4, null, 2),
+              "x-decorator": "FormItem",
+              "x-component": "Input.TextArea",
+              "x-component-props": {
+                autoSize: { minRows: 8, maxRows: 16 }
+              },
+              description: '{{jsonConfigDesc("Line | G2Plot","https://g2plot.antv.antgroup.com/api/plots/line")}}',
+              "x-validator": { json5: true }
+            }
+          }
+        }
+      }
+    }
+  };
+  const chartConfig$3 = {
+    yField: "{{metric}}",
+    xField: "{{dimension}}",
+    seriesField: "{{category}}"
+  };
+  const areaTemplate = {
+    description: "1 「time」or 「Ordered Noun」 field,1 「Numerical」 field,1 「Unordered Noun」 field (optional)",
+    type: "Area",
+    title: "Area",
+    iconId: "icon-area",
+    group: 2,
+    renderComponent: "G2Plot",
+    defaultChartOptions: chartConfig$3,
+    configurableProperties: {
+      type: "void",
+      properties: {
+        dimension: {
+          required: true,
+          type: "string",
+          title: '{{t("Category axis / Dimension",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        metric: {
+          required: true,
+          type: "string",
+          title: '{{t("Value axis / Metrics",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        category: {
+          type: "string",
+          title: '{{t("Color legend / Dimensional",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        jsonConfig: {
+          type: "void",
+          "x-component": "div",
+          properties: {
+            template: {
+              required: true,
+              title: '{{t("JSON config",{ns:"charts"})}}',
+              type: "string",
+              default: lib.stringify(chartConfig$3, null, 2),
+              "x-decorator": "FormItem",
+              "x-component": "Input.TextArea",
+              "x-component-props": {
+                autoSize: { minRows: 8, maxRows: 16 }
+              },
+              description: '{{jsonConfigDesc("Area | G2Plot","https://g2plot.antv.antgroup.com/api/plots/area")}}',
+              "x-validator": { json5: true }
+            }
+          }
+        }
+      }
+    }
+  };
+  const chartConfig$2 = {
+    appendPadding: 10,
+    xField: "{{metric}}",
+    yField: "{{dimension}}",
+    colorField: "{{category}}",
+    shape: "circle",
+    size: 4,
+    yAxis: {
+      nice: true,
+      line: {
+        style: {
+          stroke: "#aaa"
+        }
+      }
+    },
+    xAxis: {
+      min: -100,
+      grid: {
+        line: {
+          style: {
+            stroke: "#eee"
+          }
+        }
+      },
+      line: {
+        style: {
+          stroke: "#aaa"
+        }
+      }
+    }
+  };
+  const scatterTemplate = {
+    description: "1 「Numeric」 field, 0~ 1 「Unordered Noun」 field",
+    type: "Scatter",
+    title: "Scatter",
+    iconId: "icon-scatter",
+    group: 2,
+    renderComponent: "G2Plot",
+    defaultChartOptions: chartConfig$2,
+    configurableProperties: {
+      type: "void",
+      properties: {
+        dimension: {
+          required: true,
+          type: "string",
+          title: '{{t("Category axis / Dimension",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        metric: {
+          required: true,
+          type: "string",
+          title: '{{t("Value axis / Metrics",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        category: {
+          type: "string",
+          title: '{{t("Color legend / Dimensional",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        jsonConfig: {
+          type: "void",
+          "x-component": "div",
+          properties: {
+            template: {
+              required: true,
+              title: '{{t("JSON config",{ns:"charts"})}}',
+              type: "string",
+              default: lib.stringify(chartConfig$2, null, 2),
+              "x-decorator": "FormItem",
+              "x-component": "Input.TextArea",
+              "x-component-props": {
+                autoSize: { minRows: 8, maxRows: 16 }
+              },
+              description: '{{jsonConfigDesc("Scatter | G2Plot","https://g2plot.antv.antgroup.com/api/plots/scatter")}}',
+              "x-validator": { json5: true }
+            }
+          }
+        }
+      }
+    }
+  };
+  const chartConfig$1 = {
+    xField: "{{dimension}}",
+    yField: "{{metric}}",
+    appendPadding: [0, 10, 0, 10],
+    xAxis: {
+      tickLine: null
+    },
+    yAxis: {
+      label: false,
+      grid: {
+        alternateColor: "rgba(0, 0, 0, 0.04)"
+      }
+    },
+    // 开启辅助点
+    point: {
+      size: 2
+    },
+    area: {}
+  };
+  const radarTemplate = {
+    description: "1~ 2 「Unordered Noun」 fields, 1 「Numeric」 field",
+    type: "Radar",
+    title: "Radar",
+    iconId: "icon-radar",
+    group: 1,
+    renderComponent: "G2Plot",
+    defaultChartOptions: chartConfig$1,
+    configurableProperties: {
+      type: "void",
+      properties: {
+        dimension: {
+          required: true,
+          type: "string",
+          title: '{{t("Branch Tags/Dimensions",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        metric: {
+          required: true,
+          type: "string",
+          title: '{{t("Branch Length/Metrics",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        jsonConfig: {
+          type: "void",
+          "x-component": "div",
+          properties: {
+            template: {
+              required: true,
+              title: '{{t("JSON config",{ns:"charts"})}}',
+              type: "string",
+              default: lib.stringify(chartConfig$1, null, 2),
+              "x-decorator": "FormItem",
+              "x-component": "Input.TextArea",
+              "x-component-props": {
+                autoSize: { minRows: 8, maxRows: 16 }
+              },
+              description: '{{jsonConfigDesc("Radar | G2Plot","https://g2plot.antv.antgroup.com/api/plots/radar")}}',
+              "x-validator": { json5: true }
+            }
+          }
+        }
+      }
+    }
+  };
+  const chartConfig = {
+    xField: "{{dimension}}",
+    yField: "{{metric}}",
+    seriesField: "{{category}}",
+    legend: false
+  };
+  const funnelTemplate = {
+    description: "1 「Unordered Noun」 field, 1 「Numeric」 field",
+    type: "Funnel",
+    title: "Funnel",
+    iconId: "icon-funnel",
+    group: 1,
+    renderComponent: "G2Plot",
+    defaultChartOptions: chartConfig,
+    configurableProperties: {
+      type: "void",
+      properties: {
+        dimension: {
+          required: true,
+          type: "string",
+          title: '{{t("Sector label / Dimensional",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        metric: {
+          required: true,
+          type: "string",
+          title: '{{t("Funnel Layer Width/Metrics",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        category: {
+          type: "string",
+          title: '{{t("Color legend / Dimensional",{ns:"charts"})}}',
+          "x-decorator": "FormItem",
+          "x-component": "Select",
+          enum: "{{dataSource}}"
+        },
+        jsonConfig: {
+          type: "void",
+          "x-component": "div",
+          properties: {
+            template: {
+              required: true,
+              title: '{{t("JSON config",{ns:"charts"})}}',
+              type: "string",
+              default: lib.stringify(chartConfig, null, 2),
+              "x-decorator": "FormItem",
+              "x-component": "Input.TextArea",
+              "x-component-props": {
+                autoSize: { minRows: 8, maxRows: 16 }
+              },
+              description: '{{jsonConfigDesc("Funnel | G2Plot","https://g2plot.antv.antgroup.com/api/plots/funnel")}}',
+              "x-validator": { json5: true }
+            }
+          }
+        }
+      }
+    }
+  };
+  const templates = /* @__PURE__ */ new Map();
+  templates.set("Pie", pieTemplate);
+  templates.set("Line", lineTemplate);
+  templates.set("Area", areaTemplate);
+  templates.set("Bar", barTemplate);
+  templates.set("Column", columnTemplate);
+  templates.set("Scatter", scatterTemplate);
+  templates.set("Radar", radarTemplate);
+  templates.set("Funnel", funnelTemplate);
+  const Options = react.observer(
+    (props) => {
+      const form = react.useForm();
+      react.useField();
+      const [s, setSchema] = require$$0.useState(new react.Schema({}));
+      const [chartType, setChartType] = require$$0.useState(form.values.type);
+      require$$0.useEffect(() => {
+        var _a, _b;
+        setChartType((_a = form == null ? void 0 : form.values) == null ? void 0 : _a.type);
+        if (chartType !== ((_b = form == null ? void 0 : form.values) == null ? void 0 : _b.type)) {
+          form.clearFormGraph("options.*");
+        }
+        if (form.values.type) {
+          const template = templates.get(form.values.type);
+          setSchema(new react.Schema(template.configurableProperties || {}));
+        }
+      }, [form.values.type]);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(react.RecursionField, { schema: s });
+    },
+    { displayName: "Options" }
+  );
+  const ChartBlockInitializer = (props) => {
+    const { insert } = props;
+    const options = require$$0.useContext(react.SchemaOptionsContext);
+    const api2 = client.useAPIClient();
+    const compile = client.useCompile();
+    const { theme } = client.useGlobalTheme();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ChartQueryBlockInitializer,
+      {
+        ...props,
+        componentType: "Charts",
+        onCreateBlockSchema: async ({ item: chartQueryMetadata }) => {
+          const dataSource = chartQueryMetadata == null ? void 0 : chartQueryMetadata.fields.map((field) => {
+            return {
+              label: field.name,
+              value: field.name
+            };
+          });
+          const values = await client.FormDialog(
+            {
+              okText: compile('{{t("Submit")}}'),
+              title: lang("Create chart block"),
+              width: 1200,
+              bodyStyle: { background: "var(--nb-box-bg)", maxHeight: "65vh", overflow: "auto" }
+            },
+            function Com() {
+              var _a, _b;
+              const form = react.useForm();
+              const [chartBlockEngineMetaData, setChartBlockEngineMetaData] = require$$0.useState(null);
+              require$$0.useEffect(() => {
+                const chartBlockEngineMetaData2 = {
+                  query: {
+                    id: chartQueryMetadata == null ? void 0 : chartQueryMetadata.id
+                  },
+                  chart: form.values
+                  //TODO
+                };
+                setChartBlockEngineMetaData(chartBlockEngineMetaData2);
+              }, [form.values.type]);
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(client.APIClientProvider, { apiClient: api2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaComponentOptions, { scope: options.scope, components: { ...options.components }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "section",
+                {
+                  className: client.css`
+                      display: flex;
+                      gap: 24px;
+                    `,
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      antd.Card,
+                      {
+                        title: lang("Chart config"),
+                        size: "default",
+                        className: client.css`
+                        flex: 1;
+                      `,
+                        children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.FormProvider, { form, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antdV5.FormLayout, { layout: "vertical", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          client.SchemaComponent,
+                          {
+                            scope: { dataSource, JSON5: lib, jsonConfigDesc },
+                            components: { Options },
+                            schema: {
+                              properties: {
+                                // title: {
+                                //   title: lang('Chart title'),
+                                //   'x-component': 'Input',
+                                //   'x-decorator': 'FormItem',
+                                // },
+                                type: {
+                                  title: lang("Chart type"),
+                                  required: true,
+                                  "x-component": "CustomSelect",
+                                  "x-decorator": "FormItem",
+                                  enum: [...templates.values()].map((template) => {
+                                    return {
+                                      title: template.title,
+                                      key: template.type,
+                                      description: template.description,
+                                      group: template.group,
+                                      iconId: template.iconId
+                                    };
+                                  })
+                                },
+                                options: {
+                                  type: "void",
+                                  "x-component": "Options"
+                                }
+                              }
+                            }
+                          }
+                        ) }) })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                      "div",
+                      {
+                        className: client.css`
+                        flex: 1;
+                        min-width: 600px;
+                      `,
+                        children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Card, { size: "default", title: lang("Chart preview"), children: chartBlockEngineMetaData && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                            client.SchemaComponent,
+                            {
+                              schema: {
+                                properties: {
+                                  chartPreview: {
+                                    type: "void",
+                                    "x-decorator": "CardItem",
+                                    "x-component": "ChartBlockEngine",
+                                    "x-component-props": {
+                                      chartBlockEngineMetaData
+                                    }
+                                  }
+                                }
+                              }
+                            }
+                          ) }) }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(
+                            antd.Card,
+                            {
+                              size: "default",
+                              title: lang("Data preview"),
+                              className: client.css`
+                          margin-top: 24px;
+                          overflow: scroll;
+                        `,
+                              children: ((_a = chartBlockEngineMetaData == null ? void 0 : chartBlockEngineMetaData.query) == null ? void 0 : _a.id) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                                DataSetPreviewTable,
+                                {
+                                  queryId: (_b = chartBlockEngineMetaData == null ? void 0 : chartBlockEngineMetaData.query) == null ? void 0 : _b.id,
+                                  fields: chartQueryMetadata == null ? void 0 : chartQueryMetadata.fields
+                                }
+                              )
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ) }) });
+            },
+            theme
+          ).open({
+            initialValues: {}
+          });
+          if (values) {
+            const chartBlockEngineMetaData = {
+              query: {
+                id: chartQueryMetadata.id
+              },
+              chart: values
+            };
+            insert({
+              type: "void",
+              title: values == null ? void 0 : values.title,
+              "x-designer": "ChartBlockEngine.Designer",
+              "x-decorator": "CardItem",
+              "x-component": "ChartBlockEngine",
+              "x-component-props": {
+                chartBlockEngineMetaData
+              }
+            });
+          }
+        }
+      }
+    );
+  };
+  const useFieldsById = (queryId) => {
+    const [fields, setFields] = require$$0.useState([]);
+    const ctx = useChartQueryMetadataContext();
+    require$$0.useEffect(() => {
+      const chartQueryList = ctx == null ? void 0 : ctx.data;
+      if (chartQueryList && Array.isArray(chartQueryList)) {
+        const currentQuery = chartQueryList.find((chartQuery) => chartQuery.id === queryId);
+        setFields((currentQuery == null ? void 0 : currentQuery.fields) || []);
+      }
+    }, [queryId]);
+    return {
+      fields
+    };
+  };
+  const jsonConfigDesc = (title, link) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+      lang("Json config references: "),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: link, target: "_blank", rel: "noreferrer", children: lang(title) })
+    ] });
+  };
+  const ChartBlockEngineDesigner = () => {
+    const fieldSchema = react.useFieldSchema();
+    const { chartBlockEngineMetaData } = fieldSchema == null ? void 0 : fieldSchema["x-component-props"];
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(client.GeneralSchemaDesigner, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ChartBlockEngineDesignerInitializer, { chartBlockEngineMetaData }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaSettings.Divider, {}),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        client.SchemaSettings.Remove,
+        {
+          removeParentsIfNoChildren: true,
+          breakRemoveOn: {
+            "x-component": "Grid"
+          }
+        }
+      )
+    ] });
+  };
+  const ChartBlockEngineDesignerInitializer = (props) => {
+    const { chartBlockEngineMetaData } = props;
+    const { t } = reactI18next.useTranslation();
+    const options = require$$0.useContext(react.SchemaOptionsContext);
+    const { dn } = client.useDesignable();
+    const fieldSchema = react.useFieldSchema();
+    const api2 = client.useAPIClient();
+    const field = react.useField();
+    const compile = client.useCompile();
+    const { chart, query } = chartBlockEngineMetaData;
+    const { fields } = useFieldsById(query.id);
+    const { theme } = client.useGlobalTheme();
+    const dataSource = fields.map((field2) => {
+      return {
+        label: field2.name,
+        value: field2.name
+      };
+    });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      client.SchemaSettings.Item,
+      {
+        onClick: async () => {
+          client.FormDialog(
+            {
+              okText: compile('{{t("Submit")}}'),
+              title: lang("Edit chart block"),
+              width: 1200,
+              bodyStyle: { background: "var(--nb-box-bg)", maxHeight: "65vh", overflow: "auto" }
+            },
+            function Com(form) {
+              var _a, _b;
+              const [chartBlockEngineMetaData2, setChartBlockEngineMetaData] = require$$0.useState(null);
+              require$$0.useEffect(() => {
+                const chartBlockEngineMetaData3 = {
+                  query: {
+                    id: query == null ? void 0 : query.id
+                  },
+                  chart: form.values
+                  //TODO
+                };
+                setChartBlockEngineMetaData(chartBlockEngineMetaData3);
+              }, [form.values.type]);
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(client.APIClientProvider, { apiClient: api2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaComponentOptions, { scope: options.scope, components: { ...options.components }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "section",
+                {
+                  className: client.css`
+                      display: flex;
+                      gap: 24px;
+                    `,
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      antd.Card,
+                      {
+                        bordered: false,
+                        title: client.i18n.t("Chart config"),
+                        size: "default",
+                        className: client.css`
+                        flex: 1;
+                      `,
+                        children: /* @__PURE__ */ jsxRuntimeExports.jsx(antdV5.FormLayout, { layout: "vertical", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          client.SchemaComponent,
+                          {
+                            scope: { dataSource, JSON5: lib, jsonConfigDesc },
+                            components: { Options },
+                            schema: {
+                              properties: {
+                                // title: {
+                                //   title: lang('Chart title'),
+                                //   'x-component': 'Input',
+                                //   'x-decorator': 'FormItem',
+                                // },
+                                type: {
+                                  title: t("Chart type"),
+                                  required: true,
+                                  "x-component": "CustomSelect",
+                                  "x-decorator": "FormItem",
+                                  enum: [...templates.values()].map((template) => {
+                                    return {
+                                      title: template.title,
+                                      key: template.type,
+                                      description: template.description,
+                                      group: template.group,
+                                      iconId: template.iconId
+                                    };
+                                  })
+                                },
+                                options: {
+                                  type: "void",
+                                  "x-component": "Options"
+                                }
+                              }
+                            }
+                          }
+                        ) })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                      "div",
+                      {
+                        className: client.css`
+                        flex: 1;
+                        min-width: 600px;
+                      `,
+                        children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Card, { size: "default", title: lang("Chart preview"), children: chartBlockEngineMetaData2 && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                            client.SchemaComponent,
+                            {
+                              schema: {
+                                properties: {
+                                  chartPreview: {
+                                    type: "void",
+                                    "x-decorator": "CardItem",
+                                    "x-component": "ChartBlockEngine",
+                                    "x-component-props": {
+                                      chartBlockEngineMetaData: chartBlockEngineMetaData2
+                                    }
+                                  }
+                                }
+                              }
+                            }
+                          ) }) }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(
+                            antd.Card,
+                            {
+                              size: "default",
+                              title: lang("Data preview"),
+                              className: client.css`
+                          margin-top: 24px;
+                          overflow: scroll;
+                        `,
+                              children: ((_a = chartBlockEngineMetaData2 == null ? void 0 : chartBlockEngineMetaData2.query) == null ? void 0 : _a.id) && /* @__PURE__ */ jsxRuntimeExports.jsx(DataSetPreviewTable, { queryId: (_b = chartBlockEngineMetaData2 == null ? void 0 : chartBlockEngineMetaData2.query) == null ? void 0 : _b.id, fields })
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ) }) });
+            },
+            theme
+          ).open({
+            initialValues: { ...chart }
+            //reset before chartBlockMetaData
+          }).then((values) => {
+            values = {
+              query,
+              chart: values
+            };
+            field.title = values.chart.title;
+            fieldSchema["title"] = values.chart.title;
+            field.componentProps.chartBlockEngineMetaData = values;
+            fieldSchema["x-component-props"].chartBlockEngineMetaData = values;
+            dn.emit("patch", {
+              schema: {
+                "x-uid": fieldSchema["x-uid"],
+                "x-component-props": fieldSchema["x-component-props"]
+              }
+            });
+            dn.refresh();
+          }).catch((err) => {
+            client$1.error(err);
+          });
+        },
+        children: props.children || props.title || lang("Edit chart block")
+      }
+    );
+  };
+  const chartRenderComponentsMap = /* @__PURE__ */ new Map();
+  chartRenderComponentsMap.set("G2Plot", client.G2Plot);
+  chartRenderComponentsMap.set("DataSetPreviewTable", DataSetPreviewTable);
+  const ChartRenderComponent = ({
+    chartBlockEngineMetaData
+  }) => {
+    var _a, _b;
+    const compile = client.useCompile();
+    const chartType = chartBlockEngineMetaData.chart.type;
+    const renderComponent = (_a = templates.get(chartType)) == null ? void 0 : _a.renderComponent;
+    const RenderComponent = chartRenderComponentsMap.get(renderComponent);
+    const chartConfig2 = chartBlockEngineMetaData.chart;
+    const { loading, dataSet, error } = useGetDataSet(chartBlockEngineMetaData.query.id);
+    const [currentConfig, setCurrentConfig] = require$$0.useState({});
+    require$$0.useEffect(() => {
+      setCurrentConfig(chartConfig2);
+    }, [JSON.stringify(chartConfig2)]);
+    if (error) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Empty, { description: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: `May be this chart block's query data has been deleted,please check!` }) }) });
+    }
+    if (currentConfig.type !== chartConfig2.type) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+    }
+    switch (renderComponent) {
+      case "G2Plot": {
+        const finalChartOptions = (_b = templates.get(chartType)) == null ? void 0 : _b.defaultChartOptions;
+        let template;
+        try {
+          template = lib.parse(chartConfig2 == null ? void 0 : chartConfig2.template);
+        } catch (e) {
+          template = {};
+        }
+        const config = compile(
+          {
+            ...finalChartOptions,
+            ...template,
+            data: dataSet
+          },
+          { ...chartConfig2, category: (chartConfig2 == null ? void 0 : chartConfig2.category) ?? "" }
+        );
+        if (config && chartConfig2) {
+          const { dimension, metric, category } = chartConfig2;
+          if (!metric || !dimension) {
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: lang("Please check the chart config") });
+          }
+        }
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: loading ? /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RenderComponent, { plot: chartConfig2.type, config }) });
+      }
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+  };
+  const useGetDataSet = (chartQueryId) => {
+    const { data, loading, error } = client.useRequest({
+      url: `/chartsQueries:getData/${chartQueryId}`
+    });
+    const dataSet = data == null ? void 0 : data.data;
+    return {
+      loading,
+      dataSet,
+      error
+    };
+  };
+  const ChartBlockEngine = ({ chartBlockEngineMetaData }) => {
+    var _a, _b;
+    let renderComponent;
+    const chartType = (_a = chartBlockEngineMetaData == null ? void 0 : chartBlockEngineMetaData.chart) == null ? void 0 : _a.type;
+    if (chartType) {
+      renderComponent = (_b = templates.get(chartType)) == null ? void 0 : _b.renderComponent;
+    }
+    if (!chartType || !renderComponent) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: lang("Please check the chart config") });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChartRenderComponent, { chartBlockEngineMetaData }) });
+  };
+  ChartBlockEngine.Designer = ChartBlockEngineDesigner;
+  const RadarChart = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true", focusable: "false", viewBox: "0 0 1024 1024", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M523 573.5c-3.9 0.7-7.9 1.1-12 1.1-5.3 0-10.4-0.6-15.2-1.8l-62.2 189.7 167.4-76L523 573.5z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M398.3 767.3l68.9-210.1c-6.4-6-11.5-13.3-15-21.4l-192.6 52.7L398.3 767.3z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M528 448.9c4.1 1.1 8 2.6 11.7 4.5l72.5-61.8L528 263.7 528 448.9z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M259.6 555.4 447.3 504c0.4-4.2 1.3-8.3 2.5-12.2L270.9 373.4 259.6 555.4z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M655.5 396.7l208.3 185.7 30.2 4.8c4.8-24.6 7.4-49.9 7.4-75.9 0-95.9-34.6-183.7-92-251.6L655.5 396.7z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M794.4 563.4 630.9 417.7l-67 57.1c5.6 8.3 9.3 18 10.6 28.4L794.4 563.4z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M496 448.4 496 239.6l-218.8 99.6 189.4 125.4C474.7 456.8 484.8 451.1 496 448.4z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M619.3 713.3 420 803.8l-19.1 81.6c35 10.3 72.1 15.9 110.4 15.9 74.4 0 143.9-20.8 203-56.9L619.3 713.3z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M648.7 699.5l92.3 127.2c63.3-46.2 112.2-111 138.6-186.4L648.7 699.5z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M386.2 804 226.1 597.7l-87.9 27.4c34.9 114.7 121.3 207 232.2 250L386.2 804z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M226.9 564.3 240.2 353l-64.4-40.5c-34.6 58.2-54.4 126.2-54.4 198.8 0 28.4 3 56.2 8.8 82.9L226.9 564.3z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M842.8 609.8l-272.7-74.7c-4 9.5-10.1 17.9-17.9 24.4l77.3 112.1L842.8 609.8z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M528 205.4l108.8 165.2 151-134.5c-67-67.3-158.4-110.2-259.7-114.5L528.1 205.4z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M245.7 318.4l250.3-114 0-82.8c-125 4.8-234.8 68.5-302.8 164L245.7 318.4z" })
+  ] });
+  const FunnelChart = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true", focusable: "false", viewBox: "0 0 1024 1024", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M533.6 784.5c6.6 16.4-1.3 35-17.6 41.7l0 0c-16.4 6.6-35-1.3-41.7-17.6L129.9 236c-6.6-16.4 1.3-35 17.6-41.7l0 0c16.4-6.6 35 1.3 41.7 17.6L533.6 784.5z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M536 812.2c-6.9 16.3-25.7 23.9-41.9 17l0 0c-16.3-6.9-23.9-25.7-17-41.9l357.6-575.7c6.9-16.3 25.7-23.9 41.9-17l0 0c16.3 6.9 23.9 25.7 17 41.9L536 812.2z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M895.4 224c0 17.7-14.3 32-32 32l-704 0c-17.7 0-32-14.3-32-32l0 0c0-17.7 14.3-32 32-32l704 0C881 192 895.4 206.3 895.4 224L895.4 224z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M278.6 384l465 0 0 64-465 0 0-64Z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M391.6 576l232.5 0 0 64-232.5 0 0-64Z" })
+  ] });
+  const ScatterChart = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true", focusable: "false", viewBox: "0 0 1024 1024", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M191 864c0 17.7-14.3 32-32 32l0 0c-17.7 0-32-14.3-32-32L127 160c0-17.7 14.3-32 32-32l0 0c17.7 0 32 14.3 32 32L191 864z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M159 896c-17.7 0-32-14.3-32-32l0 0c0-17.7 14.3-32 32-32l712 0c17.7 0 32 14.3 32 32l0 0c0 17.7-14.3 32-32 32L159 896z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M745.6 765.9" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M307.6 244.3m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M560 479.2m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M391.9 387.7m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M540.4 244.3m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M732.9 292.3m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M792.9 717.9m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M307.6 527.2m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M439.9 662.4m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" })
+  ] });
+  const ColumnChart = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true", focusable: "false", viewBox: "0 0 1024 1024", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M191 864c0 17.7-14.3 32-32 32l0 0c-17.7 0-32-14.3-32-32L127 160c0-17.7 14.3-32 32-32l0 0c17.7 0 32 14.3 32 32L191 864z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M159 896c-17.7 0-32-14.3-32-32l0 0c0-17.7 14.3-32 32-32l712 0c17.7 0 32 14.3 32 32l0 0c0 17.7-14.3 32-32 32L159 896z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M745.6 765.9" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M342.1 734.3c0 17.5-14.2 31.7-31.7 31.7l0 0c-17.5 0-31.7-14.2-31.7-31.7L278.7 489c0-17.5 14.2-31.7 31.7-31.7l0 0c17.5 0 31.7 14.2 31.7 31.7L342.1 734.3z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M493.8 734.3c0 17.5-14.2 31.7-31.7 31.7l0 0c-17.5 0-31.7-14.2-31.7-31.7L430.4 387c0-17.5 14.2-31.7 31.7-31.7l0 0c17.5 0 31.7 14.2 31.7 31.7L493.8 734.3z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M797.3 734.3c0 17.5-14.2 31.7-31.7 31.7l0 0c-17.5 0-31.7-14.2-31.7-31.7L733.9 234.5c0-17.5 14.2-31.7 31.7-31.7l0 0c17.5 0 31.7 14.2 31.7 31.7L797.3 734.3z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M645.5 734.3c0 17.5-14.2 31.7-31.7 31.7l0 0c-17.5 0-31.7-14.2-31.7-31.7l0-97.2c0-17.5 14.2-31.7 31.7-31.7l0 0c17.5 0 31.7 14.2 31.7 31.7L645.5 734.3z" })
+  ] });
+  const BarChart = () => /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true", focusable: "false", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M131.072 156.16c0-17.92 14.336-31.744 31.744-31.744 17.92 0 31.744 14.336 31.744 31.744v712.192c0 17.92-14.336 31.744-31.744 31.744-17.92 0-31.744-14.336-31.744-31.744V156.16zM292.864 338.944c-17.408 0-31.744-14.336-31.744-31.744 0-17.408 14.336-31.744 31.744-31.744h245.248c17.408 0 31.744 14.336 31.744 31.744 0 17.408-14.336 31.744-31.744 31.744h-245.248zM292.864 490.496c-17.408 0-31.744-14.336-31.744-31.744 0-17.408 14.336-31.744 31.744-31.744H640c17.408 0 31.744 14.336 31.744 31.744 0 17.408-14.336 31.744-31.744 31.744h-347.136zM292.864 794.112c-17.408 0-31.744-14.336-31.744-31.744 0-17.408 14.336-31.744 31.744-31.744h499.712c17.408 0 31.744 14.336 31.744 31.744 0 17.408-14.336 31.744-31.744 31.744h-499.712zM292.864 642.56c-17.408 0-31.744-14.336-31.744-31.744 0-17.408 14.336-31.744 31.744-31.744h97.28c17.408 0 31.744 14.336 31.744 31.744 0 17.408-14.336 31.744-31.744 31.744h-97.28z" }) });
+  const LineChart = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true", focusable: "false", viewBox: "0 0 1024 1024", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M191 864c0 17.7-14.3 32-32 32l0 0c-17.7 0-32-14.3-32-32L127 160c0-17.7 14.3-32 32-32l0 0c17.7 0 32 14.3 32 32L191 864z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M159 896c-17.7 0-32-14.3-32-32l0 0c0-17.7 14.3-32 32-32l712 0c17.7 0 32 14.3 32 32l0 0c0 17.7-14.3 32-32 32L159 896z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M307.1 686.3c-12.4 12.4-32.4 12.4-44.8 0l0 0c-12.4-12.4-12.4-32.4 0-44.8l173.4-173.4c12.4-12.4 32.4-12.4 44.8 0l0 0c12.4 12.4 12.4 32.4 0 44.8L307.1 686.3z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M608.8 640c-12.4 12.4-32.4 12.4-44.8 0l0 0c-12.4-12.4-12.4-32.4 0-44.8l212.7-212.7c12.4-12.4 32.4-12.4 44.8 0l0 0c12.4 12.4 12.4 32.4 0 44.8L608.8 640z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M608 595.3c12.4 12.4 12.4 32.4 0 44.8l0 0c-12.4 12.4-32.4 12.4-44.8 0L436 512.8c-12.4-12.4-12.4-32.4 0-44.8l0 0c12.4-12.4 32.4-12.4 44.8 0L608 595.3z" })
+  ] });
+  const PieChart = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true", focusable: "false", viewBox: "0 0 1024 1024", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M489.7 511 489 511 489 126.9c-201 12.3-360.1 179.2-360.1 383.3 0 212.1 171.9 384 384 384 106.5 0 202.9-43.4 272.5-113.4L489.7 511z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M773.1 237.2l6-6c-62.7-59.6-143.5-95.8-228.2-104l0 304.7L773.1 237.2z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M819.5 281.6 564.1 505.1 822 739c3-4 5.9-8.1 8.7-12.3 41.4-61.3 65.6-135.2 65.6-214.7C896.3 425.6 867.7 345.8 819.5 281.6z" })
+  ] });
+  const AreaChart = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true", focusable: "false", viewBox: "0 0 1024 1024", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M191 864c0 17.7-14.3 32-32 32l0 0c-17.7 0-32-14.3-32-32L127 160c0-17.7 14.3-32 32-32l0 0c17.7 0 32 14.3 32 32L191 864z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M159 896c-17.7 0-32-14.3-32-32l0 0c0-17.7 14.3-32 32-32l712 0c17.7 0 32 14.3 32 32l0 0c0 17.7-14.3 32-32 32L159 896z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M830.6 338.2 830.6 338.2c0.9-9.2-2.1-18.6-9.1-25.7-12.4-12.4-32.4-12.4-44.8 0L586 503.3 480.8 398.1c-6.2-6.2-14.4-9.3-22.5-9.3-8.1 0-16.3 3.1-22.5 9.3L262.4 571.5c-6 6-9.1 13.8-9.3 21.6 0 0.1 0 0.1 0 0.2l0 111.8c0 35.3 28.7 64 64 64l449.7 0c33.8 0 61.4-26.1 63.8-59.3l0 0 0-0.2c0.1-1.5 0.2-3 0.2-4.5L830.8 593.3c0-0.3-0.1-0.7-0.2-1L830.6 338.2z" })
+  ] });
+  client.Icon.register({
+    "icon-area": (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(client.Icon, { component: AreaChart, ...props }),
+    "icon-pie": (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(client.Icon, { component: PieChart, ...props }),
+    "icon-radar": (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(client.Icon, { component: RadarChart, ...props }),
+    "icon-funnel": (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(client.Icon, { component: FunnelChart, ...props }),
+    "icon-line": (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(client.Icon, { component: LineChart, ...props }),
+    "icon-bar": (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(client.Icon, { component: BarChart, ...props }),
+    "icon-column": (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(client.Icon, { component: ColumnChart, ...props }),
+    "icon-scatter": (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(client.Icon, { component: ScatterChart, ...props })
+  });
+  const defaultFieldNames = {
+    label: "label",
+    value: "value",
+    color: "color",
+    options: "children"
+  };
+  const getCurrentOptions = (values, dataSource, fieldNames) => {
+    function flatData(data) {
+      const newArr = [];
+      for (let i = 0; i < data.length; i++) {
+        const children = data[i][fieldNames.options];
+        if (Array.isArray(children)) {
+          newArr.push(...flatData(children));
+        }
+        newArr.push({ ...data[i] });
+      }
+      return newArr;
+    }
+    const result = flatData(dataSource);
+    values = lodash.castArray(values).filter((item) => item != null).map((val) => typeof val === "object" ? val[fieldNames.value] : val);
+    const findOptions = (options) => {
+      if (!options)
+        return [];
+      const current = [];
+      for (const value of values) {
+        const option = options.find((v) => v[fieldNames.value] === value) || { value, label: value };
+        current.push(option);
+      }
+      return current;
+    };
+    return findOptions(result);
+  };
+  const ReadPretty = react.observer(
+    (props) => {
+      var _a;
+      const fieldNames = { ...defaultFieldNames, ...props.fieldNames };
+      const field = react.useField();
+      const compile = client.useCompile();
+      if (!shared.isValid(props.value)) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {});
+      }
+      if (core.isArrayField(field) && ((_a = field == null ? void 0 : field.value) == null ? void 0 : _a.length) === 0) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {});
+      }
+      const dataSource = field.dataSource || props.options || [];
+      const options = getCurrentOptions(field.value, dataSource, fieldNames);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: options.map((option, key2) => /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tag, { color: option[fieldNames.color], icon: option.icon, children: compile(option[fieldNames.label]) }, key2)) });
+    },
+    { displayName: "ReadPretty" }
+  );
+  const { Option, OptGroup } = antd.Select;
+  const filterOption = (input, option) => ((option == null ? void 0 : option.label) ?? "").toLowerCase().includes((input || "").toLowerCase());
+  const InternalSelect = react.connect(
+    (props) => {
+      const { ...others } = props;
+      const { options, ...othersProps } = { ...others };
+      const mode = props.mode || props.multiple ? "multiple" : void 0;
+      const group1 = options.filter((option) => option.group === 2);
+      const group2 = options.filter((option) => option.group === 1);
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        antd.Select,
+        {
+          showSearch: true,
+          filterOption,
+          allowClear: true,
+          ...othersProps,
+          onChange: (changed) => {
+            var _a;
+            (_a = props.onChange) == null ? void 0 : _a.call(props, changed === void 0 ? null : changed);
+          },
+          mode,
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(OptGroup, { label: lang("Basic charts"), children: group1.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsx(Option, { value: option.key, label: lang(option.title), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              antd.Popover,
+              {
+                placement: "right",
+                zIndex: 99999999999,
+                content: () => {
+                  var _a;
+                  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: (_a = lang(option == null ? void 0 : option.description)) == null ? void 0 : _a.split(",").map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: item })) });
+                },
+                trigger: "hover",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  "div",
+                  {
+                    className: client.css`
+                    display: flex;
+                    gap: 4px;
+                    align-items: center;
+                  `,
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(client.Icon, { type: option.iconId }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { role: "img", "aria-label": lang(option.title), children: lang(option.title) })
+                    ]
+                  }
+                )
+              }
+            ) })) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(OptGroup, { label: lang("More charts"), children: group2.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsx(Option, { value: option.key, label: lang(option.title), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              antd.Popover,
+              {
+                placement: "right",
+                zIndex: 99999999999,
+                content: () => {
+                  var _a;
+                  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: (_a = lang(option == null ? void 0 : option.description)) == null ? void 0 : _a.split(",").map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: item })) });
+                },
+                trigger: "hover",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  "div",
+                  {
+                    className: client.css`
+                    display: flex;
+                    gap: 4px;
+                    align-items: center;
+                  `,
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(client.Icon, { type: option.iconId }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { role: "img", "aria-label": lang(option.title), children: lang(option.title) })
+                    ]
+                  }
+                )
+              }
+            ) })) })
+          ]
+        }
+      );
+    },
+    react.mapProps(
+      {
+        dataSource: "options",
+        loading: true
+      },
+      (props, field) => {
+        return {
+          ...props,
+          suffixIcon: (field == null ? void 0 : field["loading"]) || (field == null ? void 0 : field["validating"]) ? /* @__PURE__ */ jsxRuntimeExports.jsx(icons.LoadingOutlined, {}) : props == null ? void 0 : props.suffixIcon
+        };
+      }
+    ),
+    react.mapReadPretty(ReadPretty)
+  );
+  const CustomSelect = InternalSelect;
+  CustomSelect.ReadPretty = ReadPretty;
+  const useCreateAction = () => {
+    const { setVisible } = client.useActionContext();
+    const form = react.useForm();
+    const { refresh } = client.useResourceActionContext();
+    const { resource } = client.useResourceContext();
+    const ctx = useChartQueryMetadataContext();
+    return {
+      async run() {
+        await form.submit();
+        await resource.create({ values: form.values });
+        setVisible(false);
+        await form.reset();
+        refresh();
+        ctx.refresh();
+      }
+    };
+  };
+  const useUpdateAction = () => {
+    const { setVisible } = client.useActionContext();
+    const form = react.useForm();
+    const { refresh } = client.useResourceActionContext();
+    const { resource, targetKey } = client.useResourceContext();
+    const { [targetKey]: filterByTk } = client.useRecord();
+    const ctx = useChartQueryMetadataContext();
+    return {
+      async run() {
+        await form.submit();
+        await resource.update({ filterByTk, values: form.values });
+        setVisible(false);
+        await form.reset();
+        refresh();
+        ctx.refresh();
+      }
+    };
+  };
+  const useCloseAction = () => {
+    const { setVisible } = client.useActionContext();
+    return {
+      async run() {
+        setVisible(false);
+      }
+    };
+  };
+  const getSchema = (initialValue, { form, isNewRecord }) => {
+    const type = initialValue.type;
+    const schema = {
+      type: "void",
+      name: shared.uid(),
+      "x-component": "Action.Drawer",
+      "x-decorator": "Form",
+      "x-decorator-props": {
+        form
+        // initialValue: JSON.parse(JSON.stringify(initialValue)),
+      },
+      title: isNewRecord ? lang("Add query") : lang("Edit query"),
+      properties: {
+        title: {
+          title: lang("Title"),
+          required: true,
+          "x-component": "Input",
+          "x-decorator": "FormItem"
+        },
+        options: getQueryTypeSchema(type),
+        footer: {
+          type: "void",
+          "x-component": "Action.Drawer.Footer",
+          properties: {
+            cancel: {
+              "x-component": "Action",
+              title: lang("Cancel"),
+              "x-component-props": {
+                useAction: "{{ useCloseAction }}"
+              }
+            },
+            submit: {
+              "x-component": "Action",
+              title: lang("Submit"),
+              "x-component-props": {
+                type: "primary",
+                useAction: "{{ useSubmitAction }}"
+              }
+            }
+          }
+        }
+      }
+    };
+    return schema;
+  };
+  const AddNewQuery = () => {
+    const [visible, setVisible] = require$$0.useState(false);
+    const [schema, setSchema] = require$$0.useState({});
+    const form = require$$0.useMemo(() => core.createForm(), []);
+    const menu = require$$0.useMemo(() => {
+      return {
+        onClick: (info) => {
+          setVisible(true);
+          form.setValues({ type: info.key });
+          setSchema(getSchema({ type: info.key }, { form, isNewRecord: true }));
+        },
+        items: [
+          {
+            key: "json",
+            label: "JSON"
+          },
+          {
+            key: "sql",
+            label: "SQL"
+          },
+          {
+            key: "api",
+            label: "API",
+            disabled: true
+          },
+          {
+            key: "collection",
+            label: "Collection",
+            disabled: true
+          }
+        ]
+      };
+    }, [form]);
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(client.ActionContextProvider, { value: { visible, setVisible }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Dropdown, { menu, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Button, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.PlusOutlined, {}), type: "primary", children: [
+        lang("Add query"),
+        " ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx(icons.DownOutlined, {})
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaComponent, { schema, scope: { useCloseAction, useSubmitAction: useCreateAction } })
+    ] });
+  };
+  const EditQuery = () => {
+    const [visible, setVisible] = require$$0.useState(false);
+    const record = client.useRecord();
+    const form = require$$0.useMemo(() => core.createForm(), []);
+    const schema = getSchema(record, { form, isNewRecord: false });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(client.ActionContextProvider, { value: { visible, setVisible }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "a",
+        {
+          onClick: () => {
+            form.setValues(record);
+            setVisible(true);
+          },
+          children: lang("Edit")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaComponent, { schema, scope: { useCloseAction, useSubmitAction: useUpdateAction } })
+    ] });
+  };
+  const ConfigureFields = () => {
+    const record = client.useRecord();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      antd.Table,
+      {
+        columns: [
+          {
+            title: "字段标识",
+            dataIndex: "name"
+          }
+        ],
+        dataSource: record.fields || []
+      }
+    );
+  };
+  const collection = {
+    name: "chartsQueries",
+    fields: [
+      {
+        type: "integer",
+        name: "title",
+        interface: "input",
+        uiSchema: {
+          title: '{{t("Title",{ns:"charts"})}}',
+          type: "string",
+          "x-component": "Input",
+          required: true
+        }
+      },
+      {
+        type: "string",
+        name: "type",
+        interface: "select",
+        uiSchema: {
+          title: '{{t("Type",{ns:"charts"})}}',
+          type: "string",
+          "x-component": "Select",
+          required: true,
+          enum: [
+            { label: '{{t("API")}}', value: "api" },
+            { label: '{{t("SQL")}}', value: "sql" },
+            { label: '{{t("JSON")}}', value: "json" }
+          ]
+        }
+      }
+    ]
+  };
+  const useDestroyQueryItemAction = () => {
+    const ctx = useChartQueryMetadataContext();
+    const { refresh } = client.useResourceActionContext();
+    const { resource, targetKey } = client.useResourceContext();
+    const { [targetKey]: filterByTk } = client.useRecord();
+    return {
+      async run() {
+        await resource.destroy({ filterByTk });
+        refresh();
+        ctx.refresh();
+      }
+    };
+  };
+  const useDestroyAllSelectedQueriesAction = () => {
+    const ctx = useChartQueryMetadataContext();
+    const { state, setState, refresh } = client.useResourceActionContext();
+    const { resource, targetKey } = client.useResourceContext();
+    return {
+      async run() {
+        await resource.destroy({
+          filterByTk: (state == null ? void 0 : state.selectedRowKeys) || []
+        });
+        setState == null ? void 0 : setState({ selectedRowKeys: [] });
+        refresh();
+        ctx.refresh();
+      }
+    };
+  };
+  const chartsQueriesSchema = {
+    type: "object",
+    properties: {
+      [shared.uid()]: {
+        type: "void",
+        "x-decorator": "ResourceActionProvider",
+        "x-decorator-props": {
+          collection,
+          resourceName: "chartsQueries",
+          request: {
+            resource: "chartsQueries",
+            action: "list",
+            params: {
+              pageSize: 50,
+              sort: ["-id"],
+              appends: []
+            }
+          }
+        },
+        "x-component": "CollectionProvider",
+        "x-component-props": {
+          collection
+        },
+        properties: {
+          actions: {
+            type: "void",
+            "x-component": "ActionBar",
+            "x-component-props": {
+              style: {
+                marginBottom: 16
+              }
+            },
+            properties: {
+              delete: {
+                type: "void",
+                title: '{{ t("Delete") }}',
+                "x-component": "Action",
+                "x-component-props": {
+                  useAction: "{{ useDestroyAllSelectedQueriesAction }}",
+                  confirm: {
+                    title: '{{t("Delete queries",{ns:"charts"})}}',
+                    content: "{{t('Are you sure you want to delete it?')}}"
+                  }
+                }
+              },
+              create: {
+                type: "void",
+                title: '{{t("Add query")}}',
+                "x-component": "AddNewQuery",
+                "x-component-props": {
+                  type: "primary"
+                },
+                properties: {
+                  drawer: {
+                    type: "void",
+                    "x-component": "Action.Drawer",
+                    "x-decorator": "Form",
+                    "x-decorator-props": {
+                      useValues(options) {
+                        const ctx = client.useActionContext();
+                        return client.useRequest(
+                          () => Promise.resolve({
+                            data: {
+                              name: `s_${shared.uid()}`
+                            }
+                          }),
+                          { ...options, refreshDeps: [ctx.visible] }
+                        );
+                      }
+                    },
+                    title: '{{t("Add query",{ns:"charts"})}}',
+                    properties: {
+                      title: {
+                        "x-component": "CollectionField",
+                        "x-decorator": "FormItem"
+                      },
+                      type: {
+                        "x-component": "CollectionField",
+                        "x-decorator": "FormItem"
+                      },
+                      footer: {
+                        type: "void",
+                        "x-component": "Action.Drawer.Footer",
+                        properties: {
+                          cancel: {
+                            title: '{{t("Cancel",{ns:"charts"})}}',
+                            "x-component": "Action",
+                            "x-component-props": {
+                              useAction: "{{ cm.useCancelAction }}"
+                            }
+                          },
+                          submit: {
+                            title: '{{t("Submit",{ns:"charts"})}}',
+                            "x-component": "Action",
+                            "x-component-props": {
+                              type: "primary",
+                              useAction: "{{ cm.useCreateAction }}"
+                            }
+                          }
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          },
+          table: {
+            type: "void",
+            "x-uid": "input",
+            "x-component": "Table.Void",
+            "x-component-props": {
+              rowKey: "id",
+              rowSelection: {
+                type: "checkbox"
+              },
+              useDataSource: "{{ cm.useDataSourceFromRAC }}"
+            },
+            properties: {
+              title: {
+                type: "void",
+                "x-decorator": "Table.Column.Decorator",
+                "x-component": "Table.Column",
+                properties: {
+                  title: {
+                    type: "number",
+                    "x-component": "CollectionField",
+                    "x-read-pretty": true
+                  }
+                }
+              },
+              type: {
+                type: "void",
+                "x-decorator": "Table.Column.Decorator",
+                "x-component": "Table.Column",
+                properties: {
+                  type: {
+                    type: "string",
+                    "x-component": "CollectionField",
+                    "x-read-pretty": true
+                  }
+                }
+              },
+              actions: {
+                type: "void",
+                title: '{{t("Actions")}}',
+                "x-component": "Table.Column",
+                properties: {
+                  actions: {
+                    type: "void",
+                    "x-component": "Space",
+                    "x-component-props": {
+                      split: "|"
+                    },
+                    properties: {
+                      fields: {
+                        type: "void",
+                        title: '{{t("Configure fields")}}',
+                        "x-component": "Action.Link",
+                        "x-component-props": {
+                          type: "primary"
+                        },
+                        properties: {
+                          drawer: {
+                            type: "void",
+                            "x-component": "Action.Drawer",
+                            title: '{{t("Configure fields")}}',
+                            properties: {
+                              configure: {
+                                type: "void",
+                                "x-component": "ConfigureFields"
+                              }
+                            }
+                          }
+                        }
+                      },
+                      update: {
+                        type: "void",
+                        title: '{{t("Edit")}}',
+                        "x-component": "EditQuery",
+                        "x-component-props": {
+                          type: "primary"
+                        },
+                        properties: {
+                          drawer: {
+                            type: "void",
+                            "x-component": "Action.Drawer",
+                            "x-decorator": "Form",
+                            "x-decorator-props": {
+                              useValues: "{{ cm.useValuesFromRecord }}"
+                            },
+                            title: '{{t("Edit")}}',
+                            properties: {
+                              title: {
+                                "x-component": "CollectionField",
+                                "x-decorator": "FormItem"
+                              },
+                              footer: {
+                                type: "void",
+                                "x-component": "Action.Drawer.Footer",
+                                properties: {
+                                  cancel: {
+                                    title: '{{t("Cancel",{ns:"charts"})}}',
+                                    "x-component": "Action",
+                                    "x-component-props": {
+                                      useAction: "{{ cm.useCancelAction }}"
+                                    }
+                                  },
+                                  submit: {
+                                    title: '{{t("Submit",{ns:"charts"})}}',
+                                    "x-component": "Action",
+                                    "x-component-props": {
+                                      type: "primary",
+                                      useAction: "{{ cm.useUpdateAction }}"
+                                    }
+                                  }
+                                }
+                              }
+                            }
+                          }
+                        }
+                      },
+                      delete: {
+                        type: "void",
+                        title: '{{ t("Delete") }}',
+                        "x-component": "Action.Link",
+                        "x-component-props": {
+                          confirm: {
+                            title: '{{t("Delete query",{ns:"charts"})}}',
+                            content: "{{t('Are you sure you want to delete it?')}}"
+                          },
+                          useAction: "{{ useDestroyQueryItemAction }}"
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  };
+  const QueriesTable = () => {
+    require$$0.useState(false);
+    reactI18next.useTranslation();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Card, { bordered: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      client.SchemaComponent,
+      {
+        scope: { JSON5: lib, useDestroyQueryItemAction, useDestroyAllSelectedQueriesAction },
+        schema: chartsQueriesSchema,
+        components: { AddNewQuery, EditQuery, ConfigureFields }
+      }
+    ) });
+  };
+  core.registerValidateRules({
+    json5: (value, rule) => {
+      if (!value) {
+        return "";
+      }
+      try {
+        const val = lib.parse(value);
+        if (!isNaN(val)) {
+          return {
+            type: "error",
+            message: lang("Invalid JSON format")
+          };
+        }
+        return "";
+      } catch (error) {
+        console.error(error);
+        return {
+          type: "error",
+          message: lang("Invalid JSON format")
+        };
+      }
+    }
+  });
+  const ChartsProvider = require$$0.memo((props) => {
+    const api2 = client.useAPIClient();
+    const items = require$$0.useContext(client.SchemaInitializerContext);
+    const children = items.BlockInitializers.items[0].children;
+    if (children) {
+      const hasChartItem = children.some((child) => (child == null ? void 0 : child.component) === "ChartBlockInitializer");
+      if (!hasChartItem) {
+        children.push({
+          key: "chart",
+          type: "item",
+          icon: "PieChartOutlined",
+          title: '{{t("Chart (Old)",{ns:"charts"})}}',
+          component: "ChartBlockInitializer"
+        });
+      }
+    }
+    const validateSQL = (sql2) => {
+      return new Promise((resolve) => {
+        api2.request({
+          url: "chartsQueries:validate",
+          method: "post",
+          data: {
+            sql: sql2
+          }
+        }).then(({ data }) => {
+          var _a;
+          resolve((_a = data == null ? void 0 : data.data) == null ? void 0 : _a.errorMessage);
+        }).catch(() => {
+          resolve("Invalid SQL");
+        });
+      });
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ChartQueryMetadataProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      client.SettingsCenterProvider,
+      {
+        settings: {
+          charts: {
+            title: '{{t("Charts", {ns:"charts"})}}',
+            icon: "PieChartOutlined",
+            tabs: {
+              queries: {
+                title: '{{t("Queries", {ns:"charts"})}}',
+                component: QueriesTable
+              }
+            }
+          }
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          client.SchemaComponentOptions,
+          {
+            scope: { validateSQL },
+            components: { CustomSelect, ChartBlockInitializer, ChartBlockEngine },
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaInitializerContext.Provider, { value: items, children: props.children })
+          }
+        )
+      }
+    ) });
+  });
+  ChartsProvider.displayName = "ChartsProvider";
+  class ChartsPlugin extends client.Plugin {
+    async afterAdd() {
+      this.app.pm.add(client.BlockSchemaComponentPlugin);
+    }
+    async load() {
+      this.app.use(ChartsProvider);
+    }
+  }
+  exports2.ChartsPlugin = ChartsPlugin;
+  exports2.default = ChartsPlugin;
+  Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+});