@ecan-bi/datav 1.0.35 → 1.0.37

package/es/common/echarts/ECharts.js

@@ -0,0 +1,178 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { defineComponent, shallowRef, inject, toRefs, computed, unref, watch, watchEffect, onMounted, onUnmounted, h, nextTick } from "vue";
+import { usePublicAPI } from "./composables/api.js";
+import { autoresizeProps, useAutoresize } from "./composables/autoresize.js";
+import { loadingProps, useLoading } from "./composables/loading.js";
+export { LOADING_OPTIONS_KEY } from "./composables/loading.js";
+import "./style.js";
+import { omitOn } from "./utils.js";
+import { init } from "../../node_modules/echarts/lib/core/echarts.js";
+const TAG_NAME = "x-vue-echarts";
+const THEME_KEY = "ecTheme";
+const INIT_OPTIONS_KEY = "ecInitOptions";
+const UPDATE_OPTIONS_KEY = "ecUpdateOptions";
+var ECharts = defineComponent({
+  name: "echarts",
+  props: __spreadValues(__spreadValues({
+    option: Object,
+    theme: {
+      type: [Object, String]
+    },
+    initOptions: Object,
+    updateOptions: Object,
+    group: String,
+    manualUpdate: Boolean
+  }, autoresizeProps), loadingProps),
+  inheritAttrs: false,
+  setup(props, { attrs, listeners }) {
+    const root = shallowRef();
+    const chart = shallowRef();
+    const manualOption = shallowRef();
+    const defaultTheme = inject(THEME_KEY, null);
+    const defaultInitOptions = inject(INIT_OPTIONS_KEY, null);
+    const defaultUpdateOptions = inject(UPDATE_OPTIONS_KEY, null);
+    const { autoresize, manualUpdate, loading, loadingOptions } = toRefs(props);
+    const realOption = computed(() => manualOption.value || props.option || /* @__PURE__ */ Object.create(null));
+    const realTheme = computed(() => props.theme || unref(defaultTheme) || {});
+    const realInitOptions = computed(() => props.initOptions || unref(defaultInitOptions) || {});
+    const realUpdateOptions = computed(() => props.updateOptions || unref(defaultUpdateOptions) || {});
+    const nonEventAttrs = computed(() => omitOn(attrs));
+    function init$1(option) {
+      if (chart.value || !root.value) {
+        return;
+      }
+      const instance = chart.value = init(root.value, realTheme.value, realInitOptions.value);
+      if (props.group) {
+        instance.group = props.group;
+      }
+      let realListeners = listeners;
+      if (!realListeners) {
+        realListeners = {};
+        Object.keys(attrs).filter((key) => key.indexOf("on") === 0 && key.length > 2).forEach((key) => {
+          const event = key.charAt(2).toLowerCase() + key.slice(3);
+          realListeners[event] = attrs[key];
+        });
+      }
+      Object.keys(realListeners).forEach((key) => {
+        const handler = realListeners[key];
+        if (!handler) {
+          return;
+        }
+        if (key.indexOf("zr:") === 0) {
+          instance.getZr().on(key.slice(3).toLowerCase(), handler);
+        } else {
+          instance.on(key.toLowerCase(), handler);
+        }
+      });
+      function resize() {
+        if (instance && !instance.isDisposed()) {
+          try {
+            instance.resize();
+          } catch (e) {
+            if (e.message === "Cannot read property 'get' of undefined") {
+              return;
+            }
+            throw e;
+          }
+        }
+      }
+      function commit() {
+        instance.setOption(option || realOption.value, realUpdateOptions.value);
+      }
+      if (autoresize.value) {
+        nextTick(() => {
+          resize();
+          commit();
+        });
+      } else {
+        commit();
+      }
+    }
+    function setOption(option, updateOptions) {
+      if (props.manualUpdate) {
+        manualOption.value = option;
+      }
+      if (!chart.value) {
+        init$1(option);
+      } else {
+        chart.value.setOption(option, updateOptions || {});
+      }
+    }
+    function cleanup() {
+      if (chart.value) {
+        chart.value.dispose();
+        chart.value = void 0;
+      }
+    }
+    let unwatchOption = null;
+    watch(manualUpdate, (manualUpdate2) => {
+      if (typeof unwatchOption === "function") {
+        unwatchOption();
+        unwatchOption = null;
+      }
+      if (!manualUpdate2) {
+        unwatchOption = watch(() => props.option, (option) => {
+          if (!option) {
+            return;
+          }
+          if (!chart.value) {
+            init$1();
+          } else {
+            chart.value.setOption(option, realUpdateOptions.value);
+          }
+        }, { deep: true });
+      }
+    }, {
+      immediate: true
+    });
+    watch([realTheme, realInitOptions], () => {
+      cleanup();
+      init$1();
+    }, {
+      deep: true
+    });
+    watchEffect(() => {
+      if (props.group && chart.value) {
+        chart.value.group = props.group;
+      }
+    });
+    const publicApi = usePublicAPI(chart, init$1);
+    useLoading(chart, loading, loadingOptions);
+    useAutoresize(chart, autoresize, root);
+    onMounted(() => {
+      if (props.option) {
+        init$1();
+      }
+    });
+    onUnmounted(cleanup);
+    return __spreadValues({
+      chart,
+      root,
+      setOption,
+      nonEventAttrs
+    }, publicApi);
+  },
+  render() {
+    const attrs = __spreadValues({}, this.nonEventAttrs);
+    attrs.ref = "root";
+    attrs.class = attrs.class ? ["echarts"].concat(attrs.class) : "echarts";
+    return h(TAG_NAME, attrs);
+  }
+});
+export { INIT_OPTIONS_KEY, THEME_KEY, UPDATE_OPTIONS_KEY, ECharts as default };
+//# sourceMappingURL=ECharts.js.map

package/es/common/echarts/ECharts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ECharts.js","sources":["../../../src/common/echarts/ECharts.ts"],"sourcesContent":["// 此组件为 vue-echarts\n// 文档：https://github.com/ecomfe/vue-echarts/blob/main/README.zh-Hans.md\nimport {\n  defineComponent,\n  unref,\n  shallowRef,\n  toRefs,\n  watch,\n  computed,\n  inject,\n  onMounted,\n  onUnmounted,\n  h,\n  nextTick,\n  PropType,\n  watchEffect\n} from 'vue'\nimport { init as initChart } from 'echarts/core'\nimport {\n  EChartsType,\n  Option,\n  Theme,\n  ThemeInjection,\n  InitOptions,\n  InitOptionsInjection,\n  UpdateOptions,\n  UpdateOptionsInjection\n} from './types'\nimport {\n  usePublicAPI,\n  useAutoresize,\n  autoresizeProps,\n  useLoading,\n  loadingProps\n} from './composables'\nimport './style.css'\nimport { omitOn } from './utils'\n\nconst TAG_NAME = 'x-vue-echarts'\nexport const THEME_KEY = 'ecTheme'\nexport const INIT_OPTIONS_KEY = 'ecInitOptions'\nexport const UPDATE_OPTIONS_KEY = 'ecUpdateOptions'\nexport { LOADING_OPTIONS_KEY } from './composables'\n\n// @ts-ignore\nexport default defineComponent({\n  name: 'echarts',\n  props: {\n    option: Object as PropType<Option>,\n    theme: {\n      type: [Object, String] as PropType<Theme>\n    },\n    initOptions: Object as PropType<InitOptions>,\n    updateOptions: Object as PropType<UpdateOptions>,\n    group: String,\n    manualUpdate: Boolean,\n    ...autoresizeProps,\n    ...loadingProps\n  },\n  inheritAttrs: false,\n  // @ts-expect-error listeners for Vue 2 compatibility\n  setup (props, { attrs, listeners }) {\n    const root = shallowRef<HTMLElement>()\n    const chart = shallowRef<EChartsType>()\n    const manualOption = shallowRef<Option>()\n    const defaultTheme = inject(THEME_KEY, null) as ThemeInjection\n    const defaultInitOptions = inject(\n      INIT_OPTIONS_KEY,\n      null\n    ) as InitOptionsInjection\n    const defaultUpdateOptions = inject(\n      UPDATE_OPTIONS_KEY,\n      null\n    ) as UpdateOptionsInjection\n\n    const { autoresize, manualUpdate, loading, loadingOptions } = toRefs(props)\n\n    const realOption = computed(\n      () => manualOption.value || props.option || Object.create(null)\n    )\n    const realTheme = computed(() => props.theme || unref(defaultTheme) || {})\n    const realInitOptions = computed(\n      () => props.initOptions || unref(defaultInitOptions) || {}\n    )\n    const realUpdateOptions = computed(\n      () => props.updateOptions || unref(defaultUpdateOptions) || {}\n    )\n    const nonEventAttrs = computed(() => omitOn(attrs))\n\n    function init (option?: Option) {\n      if (chart.value || !root.value) {\n        return\n      }\n\n      const instance = (chart.value = initChart(\n        root.value,\n        realTheme.value,\n        realInitOptions.value\n      ))\n\n      if (props.group) {\n        instance.group = props.group\n      }\n\n      let realListeners = listeners\n      if (!realListeners) {\n        realListeners = {}\n\n        Object.keys(attrs)\n          .filter(key => key.indexOf('on') === 0 && key.length > 2)\n          .forEach(key => {\n            // onClick    -> c + lick\n            // onZr:click -> z + r:click\n            const event = key.charAt(2).toLowerCase() + key.slice(3)\n            realListeners[event] = attrs[key]\n          })\n      }\n\n      Object.keys(realListeners).forEach(key => {\n        const handler = realListeners[key] as any\n\n        if (!handler) {\n          return\n        }\n\n        if (key.indexOf('zr:') === 0) {\n          instance.getZr().on(key.slice(3).toLowerCase(), handler)\n        } else {\n          instance.on(key.toLowerCase(), handler)\n        }\n      })\n\n      function resize () {\n        if (instance && !instance.isDisposed()) {\n          // temporarily suppress errors caused by https://github.com/apache/echarts/issues/14846\n          try {\n            instance.resize()\n          } catch (e) {\n            if (e.message === \"Cannot read property 'get' of undefined\") {\n              return\n            }\n\n            throw e\n          }\n        }\n      }\n\n      function commit () {\n        instance.setOption(option || realOption.value, realUpdateOptions.value)\n      }\n\n      if (autoresize.value) {\n        // Try to make chart fit to container in case container size\n        // is changed synchronously or in already queued microtasks\n        nextTick(() => {\n          resize()\n          commit()\n        })\n      } else {\n        commit()\n      }\n    }\n\n    function setOption (option: Option, updateOptions?: UpdateOptions) {\n      if (props.manualUpdate) {\n        manualOption.value = option\n      }\n\n      if (!chart.value) {\n        init(option)\n      } else {\n        chart.value.setOption(option, updateOptions || {})\n      }\n    }\n\n    function cleanup () {\n      if (chart.value) {\n        chart.value.dispose()\n        chart.value = undefined\n      }\n    }\n\n    let unwatchOption: (() => void) | null = null\n    watch(\n      manualUpdate,\n      manualUpdate => {\n        if (typeof unwatchOption === 'function') {\n          unwatchOption()\n          unwatchOption = null\n        }\n\n        if (!manualUpdate) {\n          unwatchOption = watch(\n            () => props.option,\n            option => {\n              if (!option) {\n                return\n              }\n              if (!chart.value) {\n                init()\n              } else {\n                chart.value.setOption(option, realUpdateOptions.value)\n              }\n            },\n            { deep: true }\n          )\n        }\n      },\n      {\n        immediate: true\n      }\n    )\n\n    watch(\n      [realTheme, realInitOptions],\n      () => {\n        cleanup()\n        init()\n      },\n      {\n        deep: true\n      }\n    )\n\n    watchEffect(() => {\n      if (props.group && chart.value) {\n        chart.value.group = props.group\n      }\n    })\n\n    const publicApi = usePublicAPI(chart, init)\n\n    useLoading(chart, loading, loadingOptions)\n\n    useAutoresize(chart, autoresize, root)\n\n    onMounted(() => {\n      if (props.option) {\n        init()\n      }\n    })\n\n    onUnmounted(cleanup)\n\n    return {\n      chart,\n      root,\n      setOption,\n      nonEventAttrs,\n      ...publicApi\n    }\n  },\n  render () {\n    const attrs = { ...this.nonEventAttrs }\n    attrs.ref = 'root'\n    attrs.class = attrs.class ? ['echarts'].concat(attrs.class) : 'echarts'\n    return h(TAG_NAME, attrs)\n  }\n})\n"],"names":["initChart","init"],"mappings":"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"}

package/es/common/echarts/composables/api.js

@@ -0,0 +1,41 @@
+import "vue";
+const METHOD_NAMES = [
+  "getWidth",
+  "getHeight",
+  "getDom",
+  "getOption",
+  "resize",
+  "dispatchAction",
+  "convertToPixel",
+  "convertFromPixel",
+  "containPixel",
+  "getDataURL",
+  "getConnectedDataURL",
+  "appendData",
+  "clear",
+  "isDisposed",
+  "dispose"
+];
+function usePublicAPI(chart, init) {
+  function makePublicMethod(name) {
+    return (...args) => {
+      if (!chart.value) {
+        init();
+      }
+      if (!chart.value) {
+        throw new Error("ECharts is not initialized yet.");
+      }
+      return chart.value[name].apply(chart.value, args);
+    };
+  }
+  function makePublicMethods() {
+    const methods = /* @__PURE__ */ Object.create(null);
+    METHOD_NAMES.forEach((name) => {
+      methods[name] = makePublicMethod(name);
+    });
+    return methods;
+  }
+  return makePublicMethods();
+}
+export { usePublicAPI };
+//# sourceMappingURL=api.js.map

package/es/common/echarts/composables/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sources":["../../../../src/common/echarts/composables/api.ts"],"sourcesContent":["import { Ref } from 'vue'\nimport { EChartsType, Option } from '../types'\n\nconst METHOD_NAMES = [\n  'getWidth',\n  'getHeight',\n  'getDom',\n  'getOption',\n  'resize',\n  'dispatchAction',\n  'convertToPixel',\n  'convertFromPixel',\n  'containPixel',\n  'getDataURL',\n  'getConnectedDataURL',\n  'appendData',\n  'clear',\n  'isDisposed',\n  'dispose'\n] as const\ntype MethodName = typeof METHOD_NAMES[number];\n\ntype PublicMethods = Pick<EChartsType, MethodName>;\n\nexport function usePublicAPI (\n  chart: Ref<EChartsType | undefined>,\n  init: (option?: Option) => void\n): PublicMethods {\n  function makePublicMethod<T extends MethodName> (\n    name: T\n  ): (...args: Parameters<EChartsType[T]>) => ReturnType<EChartsType[T]> {\n    return (...args) => {\n      if (!chart.value) {\n        init()\n      }\n\n      if (!chart.value) {\n        throw new Error('ECharts is not initialized yet.')\n      }\n      return (chart.value[name] as any).apply(chart.value, args)\n    }\n  }\n\n  function makePublicMethods (): PublicMethods {\n    const methods = Object.create(null)\n    METHOD_NAMES.forEach(name => {\n      methods[name] = makePublicMethod(name)\n    })\n\n    return methods as PublicMethods\n  }\n\n  return makePublicMethods()\n}\n"],"names":[],"mappings":";AAGA,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAKO,sBACL,OACA,MACe;AACf,4BACE,MACqE;AACrE,WAAO,IAAI,SAAS;AACd,UAAA,CAAC,MAAM,OAAO;AACX;MACP;AAEI,UAAA,CAAC,MAAM,OAAO;AACV,cAAA,IAAI,MAAM,iCAAiC;AAAA,MACnD;AACA,aAAQ,MAAM,MAAM,MAAc,MAAM,MAAM,OAAO,IAAI;AAAA,IAAA;AAAA,EAE7D;AAE6C,+BAAA;AACrC,UAAA,UAAiB,uBAAA,OAAO,IAAI;AAClC,iBAAa,QAAQ,CAAQ,SAAA;AACnB,cAAA,QAAQ,iBAAiB,IAAI;AAAA,IAAA,CACtC;AAEM,WAAA;AAAA,EACT;AAEA,SAAO,kBAAkB;AAC3B;;"}

package/es/common/echarts/composables/autoresize.js

@@ -0,0 +1,24 @@
+import { watch } from "vue";
+import { addListener, removeListener } from "../../../node_modules/resize-detector/esm/index.js";
+import { throttle } from "../../../node_modules/echarts/lib/util/throttle.js";
+function useAutoresize(chart, autoresize, root) {
+  let resizeListener = null;
+  watch([root, chart, autoresize], ([root2, chart2, autoresize2], _, cleanup) => {
+    if (root2 && chart2 && autoresize2) {
+      resizeListener = throttle(() => {
+        chart2.resize();
+      }, 100);
+      addListener(root2, resizeListener);
+    }
+    cleanup(() => {
+      if (resizeListener && root2) {
+        removeListener(root2, resizeListener);
+      }
+    });
+  });
+}
+const autoresizeProps = {
+  autoresize: Boolean
+};
+export { autoresizeProps, useAutoresize };
+//# sourceMappingURL=autoresize.js.map

package/es/common/echarts/composables/autoresize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autoresize.js","sources":["../../../../src/common/echarts/composables/autoresize.ts"],"sourcesContent":["import { Ref, watch } from 'vue'\nimport { throttle } from 'echarts/core'\nimport { addListener, removeListener, ResizeCallback } from 'resize-detector'\nimport { EChartsType } from '../types'\n\nexport function useAutoresize (\n  chart: Ref<EChartsType | undefined>,\n  autoresize: Ref<boolean>,\n  root: Ref<HTMLElement | undefined>\n): void {\n  let resizeListener: ResizeCallback | null = null\n\n  watch([root, chart, autoresize], ([root, chart, autoresize], _, cleanup) => {\n    if (root && chart && autoresize) {\n      resizeListener = throttle(() => {\n        chart.resize()\n      }, 100)\n\n      addListener(root, resizeListener)\n    }\n\n    cleanup(() => {\n      if (resizeListener && root) {\n        removeListener(root, resizeListener)\n      }\n    })\n  })\n}\n\nexport const autoresizeProps = {\n  autoresize: Boolean\n}\n"],"names":[],"mappings":";;;AAME,uBAAA,OACA,YACA,MACM;AACN,MAAI,iBAAwC;AAEtC,QAAA,CAAC,MAAM,OAAO,UAAU,GAAG,CAAC,CAAC,OAAM,QAAO,cAAa,GAAG,YAAY;AACtE,QAAA,SAAQ,UAAS,aAAY;AAC/B,uBAAiB,SAAS,MAAM;AAC9B,eAAM,OAAO;AAAA,SACZ,GAAG;AAEN,kBAAY,OAAM,cAAc;AAAA,IAClC;AAEA,YAAQ,MAAM;AACZ,UAAI,kBAAkB,OAAM;AAC1B,uBAAe,OAAM,cAAc;AAAA,MACrC;AAAA,IAAA,CACD;AAAA,EAAA,CACF;AACH;AAEO,MAAM,kBAAkB;AAAA,EAC7B,YAAY;AACd;;"}

package/es/common/echarts/composables/loading.js

@@ -0,0 +1,39 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { inject, computed, unref, watchEffect } from "vue";
+const LOADING_OPTIONS_KEY = "ecLoadingOptions";
+function useLoading(chart, loading, loadingOptions) {
+  const defaultLoadingOptions = inject(LOADING_OPTIONS_KEY, {});
+  const realLoadingOptions = computed(() => __spreadValues(__spreadValues({}, unref(defaultLoadingOptions)), loadingOptions == null ? void 0 : loadingOptions.value));
+  watchEffect(() => {
+    const instance = chart.value;
+    if (!instance) {
+      return;
+    }
+    if (loading.value) {
+      instance.showLoading(realLoadingOptions.value);
+    } else {
+      instance.hideLoading();
+    }
+  });
+}
+const loadingProps = {
+  loading: Boolean,
+  loadingOptions: Object
+};
+export { LOADING_OPTIONS_KEY, loadingProps, useLoading };
+//# sourceMappingURL=loading.js.map

package/es/common/echarts/composables/loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.js","sources":["../../../../src/common/echarts/composables/loading.ts"],"sourcesContent":["import { inject, unref, computed, Ref, watchEffect } from 'vue'\nimport { EChartsType } from '../types'\n\nexport const LOADING_OPTIONS_KEY = 'ecLoadingOptions'\n\ntype UnknownRecord = Record<string, unknown>;\n\nexport function useLoading (\n  chart: Ref<EChartsType | undefined>,\n  loading: Ref<boolean>,\n  loadingOptions: Ref<UnknownRecord | undefined>\n): void {\n  const defaultLoadingOptions = inject(LOADING_OPTIONS_KEY, {}) as\n    | UnknownRecord\n    | Ref<UnknownRecord>\n  const realLoadingOptions = computed(() => ({\n    ...unref(defaultLoadingOptions),\n    ...loadingOptions?.value\n  }))\n\n  watchEffect(() => {\n    const instance = chart.value\n    if (!instance) {\n      return\n    }\n\n    if (loading.value) {\n      instance.showLoading(realLoadingOptions.value)\n    } else {\n      instance.hideLoading()\n    }\n  })\n}\n\nexport const loadingProps = {\n  loading: Boolean,\n  loadingOptions: Object\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAGO,MAAM,sBAAsB;AAKjC,oBAAA,OACA,SACA,gBACM;AACN,QAAM,wBAAwB,OAAO,qBAAqB,CAAE,CAAA;AAGtD,QAAA,qBAAqB,SAAS,MAAO,kCACtC,MAAM,qBAAqB,IAC3B,iDAAgB,MACnB;AAEF,cAAY,MAAM;AAChB,UAAM,WAAW,MAAM;AACvB,QAAI,CAAC,UAAU;AACb;AAAA,IACF;AAEA,QAAI,QAAQ,OAAO;AACR,eAAA,YAAY,mBAAmB,KAAK;AAAA,IAAA,OACxC;AACL,eAAS,YAAY;AAAA,IACvB;AAAA,EAAA,CACD;AACH;AAEO,MAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,gBAAgB;AAClB;;"}

package/es/common/echarts/index.js

@@ -0,0 +1,3 @@
+import ECharts from "./ECharts.js";
+export { default } from "./ECharts.js";
+//# sourceMappingURL=index.js.map

package/es/common/echarts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/common/echarts/style.js

@@ -0,0 +1,3 @@
+var style = /* @__PURE__ */ (() => "x-vue-echarts{display:block;width:100%;height:100%}")();
+export { style as default };
+//# sourceMappingURL=style.js.map

package/es/common/echarts/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/common/echarts/utils.js

@@ -0,0 +1,13 @@
+const onRE = /^on[^a-z]/;
+const isOn = (key) => onRE.test(key);
+function omitOn(attrs) {
+  const result = {};
+  for (const key in attrs) {
+    if (!isOn(key)) {
+      result[key] = attrs[key];
+    }
+  }
+  return result;
+}
+export { isOn, omitOn };
+//# sourceMappingURL=utils.js.map

package/es/common/echarts/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/common/echarts/utils.ts"],"sourcesContent":["type Attrs = {\n  [key: string]: any\n}\n\n// Copied from\n// https://github.com/vuejs/vue-next/blob/5a7a1b8293822219283d6e267496bec02234b0bc/packages/shared/src/index.ts#L40-L41\nconst onRE = /^on[^a-z]/\nexport const isOn = (key: string): boolean => onRE.test(key)\n\nexport function omitOn (attrs: Attrs): Attrs {\n  const result: Attrs = {}\n  for (const key in attrs) {\n    if (!isOn(key)) {\n      result[key] = attrs[key]\n    }\n  }\n\n  return result\n}\n"],"names":[],"mappings":"AAMA,MAAM,OAAO;AACN,MAAM,OAAO,CAAC,QAAyB,KAAK,KAAK,GAAG;AAEpD,gBAAiB,OAAqB;AAC3C,QAAM,SAAgB,CAAA;AACtB,aAAW,OAAO,OAAO;AACnB,QAAA,CAAC,KAAK,GAAG,GAAG;AACd,aAAO,OAAO,MAAM;AAAA,IACtB;AAAA,EACF;AAEO,SAAA;AACT;;"}

package/es/common/spin/Spin.js

@@ -0,0 +1,46 @@
+import { Spin as Spin$1 } from "ant-design-vue";
+import { defineComponent, h, resolveComponent, openBlock, createElementBlock, createBlock, renderSlot } from "vue";
+import "../../node_modules/ant-design-vue/es/style/default.js";
+import "../../node_modules/ant-design-vue/es/spin/style/index.js";
+import "./Spin.vue_vue_type_style_index_0_lang.js";
+import _export_sfc from "../../_virtual/plugin-vue_export-helper.js";
+import LoadingOutlined from "../../node_modules/@ant-design/icons-vue/es/icons/LoadingOutlined.js";
+const _sfc_main = defineComponent({
+  props: {
+    spinning: {
+      type: Boolean,
+      default: false
+    }
+  },
+  components: {
+    ASpin: Spin$1
+  },
+  setup() {
+    const indicator = h(LoadingOutlined, {
+      style: {
+        fontSize: "24px",
+        color: "#1890ff"
+      },
+      spin: true
+    });
+    return {
+      indicator
+    };
+  }
+});
+const _hoisted_1 = { class: "spin-wrapper" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_spin = resolveComponent("a-spin");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    _ctx.spinning ? (openBlock(), createBlock(_component_a_spin, {
+      key: 0,
+      class: "spin",
+      spinning: _ctx.spinning,
+      indicator: _ctx.indicator,
+      tip: "\u52A0\u8F7D\u4E2D..."
+    }, null, 8, ["spinning", "indicator"])) : renderSlot(_ctx.$slots, "default", { key: 1 })
+  ]);
+}
+var Spin = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { Spin as default };
+//# sourceMappingURL=Spin.js.map

package/es/common/spin/Spin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spin.js","sources":["../../../src/common/spin/Spin.vue"],"sourcesContent":["<template>\n  <div class=\"spin-wrapper\">\n    <a-spin\n      class=\"spin\"\n      :spinning=\"spinning\"\n      v-if=\"spinning\"\n      :indicator=\"indicator\"\n      tip=\"加载中...\"\n    >\n    </a-spin>\n    <slot v-else></slot>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { Spin as ASpin } from 'ant-design-vue'\nimport { LoadingOutlined } from '@ant-design/icons-vue'\nimport { defineComponent, h } from 'vue'\nimport 'ant-design-vue/es/spin/style/index'\nexport default defineComponent({\n  props: {\n    spinning: {\n      type: Boolean,\n      default: false\n    }\n  },\n  components: {\n    ASpin\n  },\n  setup () {\n    const indicator = h(LoadingOutlined, {\n      style: {\n        fontSize: '24px',\n        color: '#1890ff'\n      },\n      spin: true\n    })\n    return {\n      indicator\n    }\n  }\n})\n</script>\n\n<style>\n.spin-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.spin {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n</style>\n"],"names":["ASpin","_openBlock","_createElementBlock","_createBlock","_renderSlot"],"mappings":";;;;;;;AAkBA,MAAK,YAAa,gBAAa;AAAA,EAC7B,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IAAA,OACVA;AAAAA,EACF;AAAA,EACA,QAAS;AACD,UAAA,YAAY,EAAE,iBAAiB;AAAA,MACnC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,IAAA,CACP;AACM,WAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;AAvCM,MAAA,aAAA,EAAA,OAAM;;;AAAX,SAAAC,UAAA,GAAAC,mBAUM,OAVN,YAUM;AAAA,IANI,8BAHRC,YAOS,mBAAA;AAAA,MAAA,KAAA;AAAA,MANP,OAAM;AAAA,MACL,UAAU,KAAA;AAAA,MAEV,WAAW,KAAA;AAAA,MACZ,KAAI;AAAA,IAAA,GAAA,MAAA,GAAA,CAAA,YAAA,WAAA,CAAA,KAGNC,WAAoB,KAAA,QAAA,WAAA,EAAA,KAAA,EAAA,CAAA;AAAA,EAAA,CAAA;;;;"}

package/es/common/spin/Spin.vue_vue_type_style_index_0_lang.js

@@ -0,0 +1,3 @@
+var Spin_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => "\n.spin-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.spin {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n")();
+export { Spin_vue_vue_type_style_index_0_lang as default };
+//# sourceMappingURL=Spin.vue_vue_type_style_index_0_lang.js.map

package/es/common/spin/Spin.vue_vue_type_style_index_0_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spin.vue_vue_type_style_index_0_lang.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/common/spin/index.js

@@ -0,0 +1,3 @@
+import Spin from "./Spin.js";
+export { default } from "./Spin.js";
+//# sourceMappingURL=index.js.map

package/es/common/spin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components.js

@@ -0,0 +1,51 @@
+import "./common/echarts/ECharts.js";
+import "./common/spin/Spin.js";
+import "./common/Skeleton/Skeleton.js";
+export { EcanPageConfig } from "./setting/page-config/index.js";
+export { EcanProviderConfig } from "./setting/provider-config/index.js";
+export { EcanText } from "./text/text/index.js";
+export { EcanScrollText } from "./text/scroll-text/index.js";
+export { EcanTimeDisplay } from "./text/time-display/index.js";
+export { EcanList } from "./text/list/index.js";
+export { EcanProportion } from "./text/proportion/index.js";
+export { EcanInput } from "./control/input/index.js";
+export { EcanDatePicker } from "./control/date-picker/index.js";
+export { EcanSelect } from "./control/select/index.js";
+export { EcanRangePicker } from "./control/range-picker/index.js";
+export { EcanButton } from "./control/button/index.js";
+export { EcanTabs } from "./control/tabs/index.js";
+export { EcanPie } from "./graph/pie/index.js";
+export { EcanLine } from "./graph/line/index.js";
+export { EcanBar } from "./graph/bar/index.js";
+export { EcanScatter } from "./graph/scatter/index.js";
+export { EcanCustomGraph } from "./graph/custom-graph/index.js";
+export { EcanComboGraph } from "./graph/combo-graph/index.js";
+export { EcanBorder } from "./container/border/index.js";
+export { EcanModal } from "./container/modal/index.js";
+export { EcanImage } from "./media/image/index.js";
+export { EcanTable } from "./table/table/index.js";
+export { EcanMap } from "./map/map/index.js";
+export { pageConfig, pageConfigComponentProps } from "./setting/page-config/props.js";
+export { providerConfig, providerConfigComponentProps } from "./setting/provider-config/props.js";
+export { textComponentProps, textEvents, textProps } from "./text/text/props.js";
+export { timeDisplayComponentProps, timeDisplayProps } from "./text/time-display/props.js";
+export { listComponentProps, listEvents, listProps } from "./text/list/props.js";
+export { proportionComponentProps, proportionEvents, proportionProps } from "./text/proportion/props.js";
+export { inputComponentProps, inputProps } from "./control/input/props.js";
+export { datePickerComponentProps, datePickerEvents, datePickerProps } from "./control/date-picker/props.js";
+export { selectComponentProps, selectEvents, selectProps } from "./control/select/props.js";
+export { rangePickerComponentProps, rangePickerEvents, rangePickerProps } from "./control/range-picker/props.js";
+export { buttonComponentProps, buttonEvents, buttonProps } from "./control/button/props.js";
+export { tabsComponentProps, tabsEvents, tabsProps } from "./control/tabs/props.js";
+export { pieComponentProps, pieEvents, pieProps } from "./graph/pie/props.js";
+export { lineComponentProps, lineEvents, lineProps } from "./graph/line/props.js";
+export { barComponentProps, barEvents, barProps } from "./graph/bar/props.js";
+export { scatterComponentProps, scatterEvents, scatterProps } from "./graph/scatter/props.js";
+export { customGraphComponentProps, customGraphProps } from "./graph/custom-graph/props.js";
+export { comboGraphComponentProps, comboGraphEvents, comboGraphProps } from "./graph/combo-graph/props.js";
+export { borderComponentProps, borderEvents, borderProps } from "./container/border/props.js";
+export { modalComponentProps, modalEvents, modalProps } from "./container/modal/props.js";
+export { imageComponentProps, imageProps } from "./media/image/props.js";
+export { tableComponentProps, tableEvents, tableProps } from "./table/table/props.js";
+export { mapComponentProps, mapProps } from "./map/map/props.js";
+//# sourceMappingURL=components.js.map

package/es/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/container/border/Border.js

@@ -0,0 +1,121 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { defineComponent, openBlock, createElementBlock, normalizeStyle, createElementVNode, toDisplayString, createCommentVNode, pushScopeId, popScopeId } from "vue";
+import { borderComponentProps } from "./props.js";
+import { usePickComponentStyle } from "../../_utils/hooks/usePickComponentStyle.js";
+import { useOnEvent } from "../../_utils/hooks/useOnEvent.js";
+import { useEmitEvent } from "../../_utils/hooks/useEmitEvent.js";
+import "lodash-es";
+import "../../node_modules/axios/lib/axios.js";
+import "../../_utils/constant.js";
+import "../../_utils/request.js";
+import "ant-design-vue";
+import _imports_0 from "../../assets/border-title-decoration-left.js";
+import _imports_1 from "../../assets/border-title-decoration-right.js";
+import "./Border.vue_vue_type_style_index_0_scoped_true_lang.js";
+import _export_sfc from "../../_virtual/plugin-vue_export-helper.js";
+const _sfc_main = defineComponent({
+  name: "EcanBorder",
+  props: __spreadValues({}, borderComponentProps),
+  setup(props) {
+    const style = usePickComponentStyle(props);
+    const emitEvent = useEmitEvent(props.events);
+    const click = emitEvent("click", () => {
+    });
+    useOnEvent(props, {
+      click
+    });
+    return {
+      style,
+      click
+    };
+  }
+});
+const _withScopeId = (n) => (pushScopeId("data-v-f83231c0"), n = n(), popScopeId(), n);
+const _hoisted_1 = {
+  key: 0,
+  class: "top-title"
+};
+const _hoisted_2 = { class: "title-item-wrapper" };
+const _hoisted_3 = { class: "title-item" };
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  class: "title-decoration-left",
+  src: _imports_0
+}, null, -1));
+const _hoisted_5 = { class: "title" };
+const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  class: "title-decoration-right",
+  src: _imports_1
+}, null, -1));
+const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-left border-item" }, null, -1));
+const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-right border-item" }, null, -1));
+const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
+const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-right border-item" }, null, -1));
+const _hoisted_11 = {
+  key: 1,
+  class: "no-title"
+};
+const _hoisted_12 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-left border-item" }, null, -1));
+const _hoisted_13 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-right border-item" }, null, -1));
+const _hoisted_14 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
+const _hoisted_15 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-right border-item" }, null, -1));
+const _hoisted_16 = [
+  _hoisted_12,
+  _hoisted_13,
+  _hoisted_14,
+  _hoisted_15
+];
+const _hoisted_17 = {
+  key: 2,
+  class: "only-border"
+};
+const _hoisted_18 = {
+  key: 3,
+  class: "left-title"
+};
+const _hoisted_19 = { class: "title" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: "ecan-border",
+    style: normalizeStyle(_ctx.style),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
+  }, [
+    _ctx.mode === "top-title" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+      createElementVNode("div", _hoisted_2, [
+        createElementVNode("div", _hoisted_3, [
+          _hoisted_4,
+          createElementVNode("div", _hoisted_5, toDisplayString(_ctx.title), 1),
+          _hoisted_6
+        ])
+      ]),
+      _hoisted_7,
+      _hoisted_8,
+      _hoisted_9,
+      _hoisted_10
+    ])) : createCommentVNode("", true),
+    _ctx.mode === "no-title" ? (openBlock(), createElementBlock("div", _hoisted_11, _hoisted_16)) : createCommentVNode("", true),
+    _ctx.mode === "only-border" ? (openBlock(), createElementBlock("div", _hoisted_17)) : createCommentVNode("", true),
+    _ctx.mode === "left-title" ? (openBlock(), createElementBlock("div", _hoisted_18, [
+      createElementVNode("div", _hoisted_19, [
+        createElementVNode("span", null, toDisplayString(_ctx.title), 1)
+      ])
+    ])) : createCommentVNode("", true)
+  ], 4);
+}
+var Border = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f83231c0"]]);
+export { Border as default };
+//# sourceMappingURL=Border.js.map

package/es/container/border/Border.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Border.js","sources":["../../../src/container/border/Border.vue"],"sourcesContent":["<template>\n  <div class=\"ecan-border\" :style=\"style\" @click=\"click\">\n    <div class=\"top-title\" v-if=\"mode === 'top-title'\">\n      <div class=\"title-item-wrapper\">\n        <div class=\"title-item\">\n          <img\n            class=\"title-decoration-left\"\n            src=\"../../assets/border-title-decoration-left.png\"\n          >\n          <div class=\"title\">{{ title }}</div>\n          <img\n            class=\"title-decoration-right\"\n            src=\"../../assets/border-title-decoration-right.png\"\n          >\n        </div>\n      </div>\n      <div class=\"top-left border-item\"/>\n      <div class=\"top-right border-item\"/>\n      <div class=\"bottom-left border-item\"/>\n      <div class=\"bottom-right border-item\"/>\n    </div>\n    <div class=\"no-title\" v-if=\"mode === 'no-title'\">\n      <div class=\"top-left border-item\"/>\n      <div class=\"top-right border-item\"/>\n      <div class=\"bottom-left border-item\"/>\n      <div class=\"bottom-right border-item\"/>\n    </div>\n    <div class=\"only-border\" v-if=\"mode === 'only-border'\">\n    </div>\n    <div class=\"left-title\" v-if=\"mode === 'left-title'\">\n      <div class=\"title\">\n        <span>{{ title }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { borderComponentProps } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle } from '../../_utils/hooks'\nimport { Events } from '../../_utils/props'\nexport default defineComponent({\n  name: 'EcanBorder',\n  props: {\n    ...borderComponentProps\n  },\n  setup (props) {\n    const style = usePickComponentStyle(props)\n    const emitEvent = useEmitEvent(props.events as Events)\n    const click = emitEvent('click', () => {})\n    useOnEvent(props, {\n      click\n    })\n    return {\n      style,\n      click\n    }\n  }\n})\n</script>\n\n<style scoped lang=\"less\">\n.top-title, .no-title {\n  border: 1px solid rgba(55,85,218,.3);\n  background: rgba(7,22,85,.8);\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  .border-item {\n    position: absolute;\n    z-index: 2;\n    border-color: #50FCFC;\n    border-style: solid;\n    width: 13px;\n    height: 11px;\n  }\n  .top-left {\n    top: 0;\n    left: 0;\n    border-top-width: 1px;\n    border-right-width: 0;\n    border-bottom-width: 0;\n    border-left-width: 1px;\n  }\n  .top-right {\n    top: 0;\n    right: -2px;\n    border-top-width: 1px;\n    border-right-width: 1px;\n    border-bottom-width: 0;\n    border-left-width: 0;\n  }\n  .bottom-left {\n    bottom: -2px;\n    left: 0;\n    border-top-width: 0;\n    border-right-width: 0;\n    border-bottom-width: 1px;\n    border-left-width: 1px;\n  }\n  .bottom-right {\n    bottom: -2px;\n    right: -2px;\n    border-top-width: 0;\n    border-right-width: 1px;\n    border-bottom-width: 1px;\n    border-left-width: 0;\n  }\n  .title-item-wrapper {\n    width: 100%;\n    padding: 5px 0;\n    background-image: url(\"../../assets/border-title-background.png\");\n    background-size: cover;\n    display: grid;\n    place-content: center;\n  }\n  .title-item {\n    display: flex;\n    align-items: center;\n  }\n  .title {\n    padding: 0 17px;\n    color: #d5fdfd;\n    background: linear-gradient(0deg,#01aaff,#00eaff);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n  .title-decoration-left {\n    width: 58px;\n    height: 14px;\n  }\n  .title-decoration-right {\n    width: 58px;\n    height: 14px;\n  }\n}\n\n.only-border {\n  border: 2px solid #375A8899;\n  border-radius: 8px;\n  width: 100%;\n  height: 100%;\n}\n\n.left-title {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border: 2px solid #375A8899;\n  border-radius: 8px;\n  .title {\n    position: absolute;\n    left: -33px;\n    top: -14px;\n    width: 33px;\n    min-height: 194px;\n    padding-top: 33px;\n    padding-bottom: 31px;\n    background-image: url(\"../../assets/border-left-title.png\");\n    background-repeat: no-repeat;\n    background-size: 100% 100%;\n    color: #fff;\n    font-weight: 500;\n    text-align: center;\n    span {\n      writing-mode: vertical-lr;\n    }\n  }\n}\n</style>\n"],"names":["_createElementVNode","_createElementBlock","_normalizeStyle","_openBlock","_toDisplayString","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO,mBACF;AAAA,EAEL,MAAO,OAAO;AACN,UAAA,QAAQ,sBAAsB,KAAK;AACnC,UAAA,YAAY,aAAa,MAAM,MAAgB;AAC/C,UAAA,QAAQ,UAAU,SAAS,MAAM;AAAA,IAAA,CAAE;AACzC,eAAW,OAAO;AAAA,MAChB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;;;EAzDQ,OAAM;;AACJ,MAAA,aAAA,EAAA,OAAM;AACJ,MAAA,aAAA,EAAA,OAAM;sDAIRA,mCAAA,OAAA;AAAA,EAFC,OAAM;AAAA,EACN,KAAA;;AAEG,MAAA,aAAA,EAAA,OAAM;sDAIVA,mCAAA,OAAA;AAAA,EAFC,OAAM;AAAA,EACN,KAAA;;sDAI6BA,mCAAA,OAAA,EAA9B,OAAM,0BAAsB,MAAA,EAAA,CAAA;sDACGA,mCAAA,OAAA,EAA/B,OAAM,2BAAuB,MAAA,EAAA,CAAA;sDACIA,mCAAA,OAAA,EAAjC,OAAM,6BAAyB,MAAA,EAAA,CAAA;uDACGA,mCAAA,OAAA,EAAlC,OAAM,8BAA0B,MAAA,EAAA,CAAA;;;EAElC,OAAM;;uDAC0BA,mCAAA,OAAA,EAA9B,OAAM,0BAAsB,MAAA,EAAA,CAAA;uDACGA,mCAAA,OAAA,EAA/B,OAAM,2BAAuB,MAAA,EAAA,CAAA;uDACIA,mCAAA,OAAA,EAAjC,OAAM,6BAAyB,MAAA,EAAA,CAAA;uDACGA,mCAAA,OAAA,EAAlC,OAAM,8BAA0B,MAAA,EAAA,CAAA;;EAHrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;;;;EAEG,OAAM;;;;EAEN,OAAM;;AACJ,MAAA,cAAA,EAAA,OAAM;;sBA7BfC,mBAiCM,OAAA;AAAA,IAjCD,OAAM;AAAA,IAAe,OAAKC,eAAE,KAAK,KAAA;AAAA,IAAG,SAAK,OAAE,MAAA,QAAA,KAAA,IAAA,SAAA,KAAA,SAAA,KAAA,MAAA,GAAA,IAAA;AAAA,EAAA,GAAA;AAAA,IACjB,KAAI,SAAA,cAAAC,WAAA,GAAjCF,mBAkBM,OAlBN,YAkBM;AAAA,MAjBJD,mBAYM,OAZN,YAYM;AAAA,QAXJA,mBAUM,OAVN,YAUM;AAAA,UATJ;AAAA,UAIAA,mBAAoC,OAApC,YAAoCI,gBAAd,KAAK,KAAA,GAAA,CAAA;AAAA,UAC3B;AAAA,QAAA,CAAA;AAAA;MAMJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CAAA,KAAAC,mBAAA,IAAA,IAAA;AAAA,IAE0B,KAAI,SAAA,aAAAF,WAAA,GAAhCF,mBAKM,OALN,aAKM,WAAA,KAAAI,mBAAA,IAAA,IAAA;AAAA,IACyB,KAAI,SAAA,gBAAAF,cAAnCF,mBACM,OADN,WACM,KAAAI,mBAAA,IAAA,IAAA;AAAA,IACwB,KAAI,SAAA,eAAAF,WAAA,GAAlCF,mBAIM,OAJN,aAIM;AAAA,MAHJD,mBAEM,OAFN,aAEM;AAAA,QADJA,mBAAwB,8BAAf,KAAK,KAAA,GAAA,CAAA;AAAA,MAAA,CAAA;AAAA;;;;;"}